@media screen and (max-width: 750px) { .swiper-index { width: 7.3rem; height: 8.3rem; margin: 0 auto; } .swiper-index .swiper-wrapper .swiper-slide a, .swiper-index .swiper-wrapper .swiper-slide img { width: 100%; height: 100%; display: block; } .swiper-index .swiper-index-pagination { bottom: 0.3rem; } .swiper-index .swiper-index-pagination .swiper-pagination-bullet { width: 0.1rem; height: 0.1rem; opacity: 1; background: #d7d7d7; } .swiper-index .swiper-index-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #e60000; } .page-title { position: relative; } .page-title::after { content: ''; position: absolute; left: 50%; bottom: -0.15rem; transform: translateX(-50%); width: 0.63rem; height: 0.06rem; background: #e60000; } .swiper-cp.swiper-container { width: 100%; height: 7.67rem; } .swiper-cp.swiper-container img { width: 6.75rem; height: 100%; object-fit: contain; border-radius: 0.02rem; transform: translateX(-1.5rem); } .swiper-cp.swiper-container .swiper-cp-pagination { bottom: 0.3rem; } .swiper-cp.swiper-container .swiper-cp-pagination .swiper-pagination-bullet { width: 0.1rem; height: 0.1rem; opacity: 1; background: #d7d7d7; } .swiper-cp.swiper-container .swiper-cp-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #e60000; } .xxtj-wrap { padding: 0 0.1rem; gap: 0.4rem 0.2rem; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 4.5rem); } .xxtj-wrap a { display: block; width: 100%; height: 3.53rem; border-radius: 0.04rem; position: relative; } .xxtj-wrap a::before { display: none !important; } .xxtj-wrap a:first-of-type .bottom { bottom: -1.45rem; } .xxtj-wrap a:first-of-type .bottom .des { font-size: 0.28rem; line-height: 0.43rem; } .xxtj-wrap a:first-of-type .bottom .name { font-size: 0.36rem; line-height: 0.55rem; height: 1.1rem; } .xxtj-wrap a .bottom { position: absolute !important; left: 0; bottom: -1rem; padding: 0 0.1rem; } .xxtj-wrap a .bottom .des { font-size: 0.24rem; line-height: 0.37rem; color: #666; margin-bottom: 0.08rem; } .xxtj-wrap a .bottom .name { font-size: 0.28rem; color: #222; line-height: 0.4rem; height: 0.8rem; text-align: initial; } .esg-box { margin: 0 auto 1rem; display: block; width: 7.3rem; } .esg-box img { object-fit: initial; } .q_newmart { display: block; width: 7.3rem; margin: 0 auto; } .q_newmart .q_newtj { width: 100%; } .q_newmart .q_newtj .q_npic { height: 4.6rem; } .q_newmart .q_newtj .q_npic img { border-radius: 0.04rem; } .q_newmart .q_nmsg { padding: 0.3rem 0.1rem; height: 3.9rem; } .q_newmart .q_nmsg .q_ntitle { font-size: 0.36rem; line-height: 0.55rem; height: 1.1rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #222; font-weight: 700; margin-bottom: 0.24rem; } .q_newmart .q_nmsg .lines5Hide { height: 1.68rem; -webkit-line-clamp: 4; } .q_newmart .q_nmsg .q_nbrief { font-size: 0.3rem; line-height: 0.42rem; color: #51575c; } .q_newmart .q_newlist { padding: 0 0.1rem; width: 100%; height: 9.2rem; margin-top: 0.85rem; overflow: hidden; } .q_newmart .q_newlist .lzy_newlist { height: 2rem !important; margin-bottom: 0.4rem; box-shadow: none; } .q_newmart .q_newlist .lzy_newlist img { width: 2.9rem; } .q_newmart .q_newlist .lzy_newlist div { padding: 0 0.1rem 0 0.2rem; } .q_newmart .q_newlist .lzy_newlist div .csdTit { font-size: 0.3rem; line-height: 0.5rem; color: #222; height: 1rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 0.4rem; } .q_newmart .q_newlist .lzy_newlist div .csdTit span { font-size: 0.3rem !important; line-height: 0.5rem !important; } .q_newmart .q_newlist .lzy_newlist div .time { font-size: 0.26rem; line-height: 0.38rem; color: #aaa; } .seeMore { margin: 0.8rem auto; padding-top: 0 !important; padding-bottom: initial !important; margin-bottom: 0.8rem !important; } .seeMore a { width: 1.9rem; height: 0.6rem; line-height: 0.6rem; font-size: 0.28rem; text-align: center; padding: 0; } }