@media screen and (max-width: 960px) { .bottom-logo { display: none; } .esc-container header.pc-header { display: none; } .layout { width: 90%; } .detail-layOut { width: 90%; } .motor-container main .saishi-box .img-item { width: 48%; margin-right: 12px; } .motor-container main .saishi-box .img-item:nth-child(3n) { margin-right: 12px; } .motor-container main .saishi-box1.saishi-box.remen .img-item { width: 48%; margin-right: 12px; } .motor-container main .saishi-box .img-item:nth-child(2n), .motor-container main .saishi-box .img-item:nth-child(6), .motor-container main .saishi-box .img-item:nth-child(12), .motor-container main .saishi-box1.saishi-box.remen .img-item:nth-child(2n), .motor-container main .saishi-box1.saishi-box.remen .img-item:nth-child(6), .motor-container main .saishi-box1.saishi-box.remen .img-item:nth-child(12) { margin-right: 0; } /* .motor-container main .saishi-box .img-item:nth-child(3n) { margin-right: 33px; } */ .motor-container main .saishi-box .img-item:nth-child(6), .motor-container main .saishi-box .img-item:nth-child(12) { margin-right: 0; } /* .motor-container main .saishi-box .img-item { width: 100%; margin-right: 0; } */ .motor-container main .saishi-box.remen .img-item { flex-direction: column; width: 100%; height: auto !important; } .motor-container main .saishi-box.remen .img-item .left-box { width: 100%; } .motor-container main .saishi-box.remen .img-item .right-box { width: 100%; padding: 10px; box-sizing: border-box; height: auto !important; } .motor-container main .saishi-box.remen .img-item .right-box .p1 { font-size: 16px; } .img-bottom p.p1:first-child { font-size: 13px; font-family: Source Han Sans CN; font-weight: bold; color: #262626; height: 22px; } .motor-container main .saishi-box.remen .img-item .right-box .p2 p { font-size: 11px; font-family: Source Han Sans CN; font-weight: 400; color: #262626; } .img-bottom p:first-child.textOver { /* -webkit-line-clamp: 1; */ height: 40px !important; } .motor-container main .saishi-box.remen .img-item .img-bottom .zan-box ul li span { font-size: 9px; } .img-bottom .zan-box ul li { align-items: center; } .motor-container main .nav { width: 100%; flex-wrap: nowrap; } .motor-container main .nav li .first-nav { margin-right: 13px; } .motor-container main .nav li .first-nav .line { margin-top: 5px; } .motor-container main #infor-box .img-item .img-box { height: 188px; } .detail-container main { flex-direction: column; } .detail-container main .content-left { width: 100%; } .detail-container main .content-right { width: 100%; } .a-link a { word-break: break-all; } .detail-container main .content-left h5 { font-size: 30px; } .detail-container main .content-left h5 img { width: 24px; height: auto; } .content-left p.p-text { font-size: 15px; } .bottom-box { margin-top: 10px; } .pc-swiper { display: none; } .m-swiper { display: block; } .bottom-box .swiper-button-prev { left: 32%; } .bottom-box .swiper-button-next { right: 32%; } #pc-footer { display: none; } #m-footer { display: block; } #pc-header { display: none; } #m-header { display: block; } #app.show { height: 100vh; overflow: hidden; } .erweima span { font-size: 14px; margin-right: 10px; } .erweima img { width: 120px; height: 120px; } .esc-container .bottom-box .swiper-button-next { right: 40%; } .mobile-bottom1 p a { color: #666666; } .mobile-bottom1 a { color: #666; font-size: 10px; } .bottom-bg .p1 { text-align: left; } .share-box .share-item { width: 100%; margin-right: 0; } .share-mask h5 { font-size: 20px; } .share-mask span { font-size: 14px; width: 80%; text-align: center; } .share-mask .erweima { width: 200px; height: 200px; margin: 10px auto; } .share-mask { height: 500px; position: absolute; bottom: 0; top: auto; } .share-mask .close { height: 40px; width: 40px; margin-top: 20px; } /* 璧涜溅璧涗簨椤甸潰 */ .motor-container .banner h5 { font-size: 15px; margin-bottom: 10px; } .motor-container .banner p { font-size: 7px; } .motor-container main .saishi-box.remen .img-item .img-bottom .zan-box ul li img { width: 14px; height: 9px; } .motor-container main .saishi-box.remen .img-item .img-bottom .zan-box ul li:last-child img { width: 12px; height: 12px; } #main { margin-top: 0; } .nav { background: #fff; } .motor-container main .nav li .first-nav .line { background: #fff; } .motor-container main .nav { height: 47px; } .motor-container main .nav li.active .first-nav, .motor-container main .nav li .first-nav { font-size: 13px; } .motor-container main .nav li .first-nav { margin-right: 24px; } .motor-container main .nav li .first-nav .line { width: 51px; } .motor-container main .saishi-box.remen .img-item .left-box img { border-top-right-radius: 8px; border-top-left-radius: 8px; object-fit: cover; } .mask { border-top-right-radius: 8px; border-top-left-radius: 8px; } .motor-container main .saishi-box.remen .img-item .right-box .p1 { margin-bottom: 7px; } .motor-container main .saishi-box.remen .img-item .right-box .zan-box p { font-size: 9px; margin-bottom: 0; } .motor-container main .saishi-box.remen .img-item .right-box .hot { width: 40px; height: auto; margin-bottom: 10px; } .motor-container main .saishi-box .img-item .img-box { height: 101px; } .img-bottom { padding: 10px 7px; box-sizing: border-box; } /* .img-bottom p:first-child */ /* .img-bottom p:first-child */ .img-bottom p.time:first-child { font-size: 8px; font-family: Source Han Sans CN; font-weight: 500; color: #999999; } .img-bottom .zan-box ul li img { width: 14px; height: 9px; } .img-bottom .zan-box ul li:first-child { margin-right: 13px; } .img-bottom .zan-box ul li img { margin-right: 6px; } .motor-container main .saishi-box .img-item .bofang-btn { width: 13px; height: 13px; } .motor-container main .saishi-box.remen .img-item .left-box .bofang-btn { width: 20px; height: 20px; } .motor-container main .saishi-box1.saishi-box.remen .img-item .img-box img { border-top-right-radius: 8px; border-top-left-radius: 8px; } .motor-container main .saishi-box1.saishi-box.remen .img-item:nth-child(3n) { margin-right: 12px; } .motor-container main .saishi-box1.saishi-box.remen .img-item:nth-child(6), .motor-container main .saishi-box1.saishi-box.remen .img-item:nth-child(12) { margin-right: 0; } .motor-container main .saishi-box.remen .img-item .right-box .p1 { line-height: 25px; } .img-bottom .zan-box { margin-top: 19px; } /* 鍒嗕韩璧涗簨椤甸潰 */ .motor-container main .saishi-box1.saishi-box.remen .img-item .img-box { height: 101px; } .motor-container main .saishi-box1.saishi-box.remen .img-bottom { padding: 10px; box-sizing: border-box; } .motor-container main .saishi-box1.saishi-box.remen .img-item .bofang-btn { width: 13px; height: 13px; } .img-bottom p:first-child.textOver { font-size: 13px; margin-bottom: 0; } .motor-container main .saishi-box1.saishi-box.remen .img-bottom .zan-box { margin-top: 13px; } .motor-container main .saishi-box1.saishi-box.remen .img-bottom .zan-box p { font-size: 8px; margin-bottom: 0; } .motor-container main .saishi-box1.saishi-box.remen .img-bottom .zan-box ul li img { margin-right: 5px; } .motor-container main .saishi-box1.saishi-box.remen .img-bottom .zan-box ul li:first-child { margin-right: 7px; } .motor-container main .saishi-box .img-item .img-box img { border-top-left-radius: 8px; border-top-right-radius: 8px; } .motor-container main .saishi-box .img-item .img-box img { border-top-left-radius: 8px; border-top-right-radius: 8px; } .motor-container main .saishi-box .img-item .img-box { height: 101px; } /* 娲诲姩涓績 */ .motor-container main .saishi-box.remen .img-item .right-box .zan-box1 { font-size: 12px; } .motor-container main .saishi-box.remen .img-item .right-box .zan-box1 img { width: 6px; height: 10px; margin-left: 6px; } .time-box .status, .time-box span { font-size: 9px; } /* 璇︽儏椤 */ .home { flex-wrap: wrap; margin: 20px 0; } .home img { margin: 0 5px; } .home span { font-size: 10px; } .detail-container main .content-left h5 { font-size: 23px; margin-bottom: 18px; } .content-left a { font-size: 13px; font-family: Source Han Sans CN; font-weight: 400; color: rgba(239, 124, 28, 1); } .content-left .label a { color: #000; font-size: 10px; } .erweima img { width: 64px; height: 64px; } .erweima { height: 88px; } #pc-erweima { display: none; } #m-erweima { display: flex; } .detail-container main .content-left #m-erweima h5 { text-align: center; margin-bottom: 0; font-size: 13px; margin-right: 20px; } .share-box .share-item .saoma h5 { font-size: 12px; margin-bottom: 0; } .share-box .share-item .saoma span { font-size: 9px; } .share-box .share-item { margin-bottom: 30px; margin-right: 12px; } .share-box .share-item:nth-child(3n) { margin-right: 12px; } .share-box .share-item:nth-child(2n), .share-box .share-item:nth-child(6), .share-box .share-item:nth-child(12) { margin-right: 0; } .share-box .share-item img.icon-img { width: 38px; } .share-box .share-item { width: 48%; } .content-right .right-box .right-item .p1 { font-size: 13px; } #right-wenzhang { display: none; } .share-box { margin-top: 30px; } .bottom-box .bottom-item .object-img img.bottom-img { display: block; border-top-left-radius: 8px; border-top-right-radius: 8px; object-fit: cover; } .bottom-box .bottom-item .object-img { height: 101px; } .bottom-item img.bofang-btn { width: 20px; height: 20px; } .bottom-bg { padding: 10px; } .bottom-bg .p1 { font-size: 13px; font-family: Source Han Sans CN; font-weight: bold; color: #262626; } .zan-box p { font-size: 8px; } .img-bottom .zan-box ul li span { font-size: 10px; } .zan-box ul li:first-child { margin-right: 6px; } .bottom-item img:first-child { width: 14px; height: auto; } .zan-box ul li img { margin-right: 6px; } .swiper-button-next img, .swiper-button-prev img { width: 40px; } .bottom-box .swiper-button-next, .bottom-box .swiper-button-prev { top: 82%; } .bottom-box { padding-bottom: 0; } .pagination li div { font-size: 12px; padding: 5px 10px; box-sizing: border-box; } .pagination li:first-child div, .pagination li:last-child div { width: 60px; } .pagination li { width: auto; } .motor-container main .saishi-box { margin-top: 13px; } #m-share { display: flex; } #pc-share { display: none; } .home .span { font-size: 10px; } /* 浼佷笟瀹d紶 */ .layout-m { width: 90%; margin: 0 auto; } .section1 { background: url(../images/qiye/bannerm.png); background-size: cover; } .section2 { background: url(../images/qiye/qiye1m.png); background-size: cover; } .section3 { background: url(../images/qiye/qiye2m.png); background-size: cover; } .text-box { display: flex; flex-direction: column; align-items: center; justify-content: center; } .section { padding-top: 18%; box-sizing: border-box; } .section h5 { font-size: 21px; font-family: Source Han Sans CN; font-weight: bold; color: #ffffff; text-align: left; width: 90%; margin: 0 auto; } .section1 h5 { text-align: center; } .section p { font-size: 13px; font-family: Source Han Sans CN; font-weight: 400; line-height: 22px; margin: 18px auto 25px auto; color: #ffffff; width: 90%; } .enter-main { background: #000; margin-top: 47px; } .section a { font-size: 13px; font-family: Source Han Sans CN; font-weight: 500; color: #ffffff; } .section-pc { display: none; } .section-m { display: block; } .section-m h5 { font-size: 21px; font-family: Source Han Sans CN; font-weight: bold; color: #ffffff; margin-bottom: 34px; line-height: 30px; } .section-m img { width: 100%; } .section-m p { font-size: 13px; font-family: Source Han Sans CN; font-weight: 400; color: #ffffff; margin-top: 30px; text-align: left; } .section.section4 h5.title { font-size: 21px; } .sec-flex { width: 100%; } .section.section4 p { padding: 0; /* width: 100%; */ margin: 0; } .right-text span { font-size: 16px; margin-top: 17px; margin-bottom: 10px; } .section main.layout { width: 100%; } .section.section4 { height: auto; } /* 搴曢儴swiper */ html, body { position: relative; height: 100%; } body { background: #eee; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 14px; color: #000; margin: 0; padding: 0; } .enter-container .swiper { width: 90%; /* height: 187px; */ } .enter-container .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .enter-container .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } .enter-container .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 10px; height: 10px; } .enter-container .swiper-pagination-bullet { background: #fff; opacity: 1; } .enter-container .swiper-horizontal > .enter-container .swiper-pagination-bullets, .enter-container .swiper-pagination-bullets.swiper-pagination-horizontal, .enter-container .swiper-pagination-custom, .enter-container .swiper-pagination-fraction { left: auto; } .enter-container .swiper-pagination-bullet { margin-right: 5px !important; } .swiper-section { padding-bottom: 100px; box-sizing: border-box; } .swiper-section { height: auto !important; } .left-img img { border-radius: 0; } .section4-m { display: block; } .motor-container .banner { margin-top: 47px; } .close-btn1 { top: 13%; } }