@charset "utf-8"; li{list-style:none} /** * PC端 */ @media screen and (min-width:768px){ #supplierBanner{width:100%;height:358px;margin-top:10px;background:#FFF;overflow:hidden;position:relative} #supplierBanner .swiper-wrapper{position:relative;height:100%;z-index:0} #supplierBanner .swiper-wrapper li{position:relative;zoom:1;vertical-align:middle;width:100%;overflow:hidden} #supplierBanner .swiper-wrapper img{width:100%;height:358px;display:block;margin-left:50%;-o-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)} #supplierBanner .swiper-button-prev,#supplierBanner .swiper-button-next{position:absolute;top:50%;margin-top:-25px;width:30px;height:50px;line-height:50px;background:rgba(255,230,220,.2);color:#FFF;font-size:30px;text-align:center;border-radius:2px} #supplierBanner .swiper-button-prev{left:0;right:auto} #supplierBanner .swiper-button-next{left:auto;right:0} #supplierBanner .swiper-button-prev:after{content:"\276C"} #supplierBanner .swiper-button-next:after{content:"\276D"} #supplierBanner .swiper-button-prev:hover,#supplierBanner .swiper-button-next:hover{background:rgba(255,230,220,.6)} #supplierBanner .swiper-pagination{width:100%;height:14px;position:absolute;left:0;bottom:10px;z-index:1;text-align:center;font-size:0} #supplierBanner .swiper-pagination span{display:inline-block;border:5px solid transparent;cursor:pointer} #supplierBanner .swiper-pagination span:before{content:"";display:inline-block;width:14px;height:4px;background:rgba(255,255,255,.4);border-radius:2px} #supplierBanner .swiper-pagination span.on:before{width:28px;background:#fff} .supplierTit{width:1184px;margin:0 auto;background:#FFF;position:relative} .supplierTit .title{box-sizing:border-box;min-height:100px;padding:5px 16px} .supplierTit .title img{display:inline-block;height:90px;margin-right:10px;vertical-align:middle} .supplierTit .title h1{display:inline-block;max-width:542px;line-height:36px;vertical-align:middle;font-size:24px;font-weight:bold} .supplierTit .search{width:490px;height:44px;line-height:44px;box-sizing:border-box;border:1px solid #FFE6DC;position:absolute;bottom:27px;right:16px} .supplierTit .search input{width:100%;height:42px;line-height:42px;text-indent:15px;position:absolute;right:0;top:0;border:none;outline:none} .supplierTit .search .searchBtn{position:absolute;right:0;top:0;font-size:0;padding:7px 12px;height:30px;line-height:30px} .supplierTit .search .searchBtn:before{width:30px;height:30px;background-position:4px 4px} .supplierInfo{width:1184px;margin:0 auto;} .supplierInfo .tabTit{width:100%;height:40px;line-height:40px;margin:16px auto;background:#FFF;border-bottom:1px solid #E15621;font-size:16px;color:#93979F} .supplierInfo .tabTit span{display:inline-block;box-sizing:border-box;min-width:130px;text-align:center;height:100%;padding:0 32px;cursor:pointer} .supplierInfo .tabTit span:hover{color:#E15621} .supplierInfo .tabTit span.on,.supplierInfo .tabTit span.on:hover{background:#E15621;color:#FFF} .supplierInfo .tabCon{width:100%;} .supplierInfo .infoBox{box-sizing:border-box;padding:16px;font-size:16px;line-height:22px;color:#4A4F58;background:#FFF;} .supplierInfo .infoBox .part{margin-top:30px} .supplierInfo .infoBox .part:first-child{margin-top:0} .supplierInfo .infoBox .title{height:24px;line-height:24px;padding-left:10px;border-left:4px solid #E15616;font-size:24px;color:#4A4F58;font-weight:bold;text-align:left;margin-bottom:20px} .supplierInfo .infoBox span.l{display:inline-block;min-width:70px;height:24px;text-align:justify;vertical-align:top;overflow:hidden} .supplierInfo .infoBox span.l:after{content:'';display:inline-block;width:100%} .supplierInfo .tabCon .tag{display:inline-block;height:20px;line-height:20px;font-style:normal;background:#86B2FB;color:#FFF;border-radius:2px;margin-right:10px;padding:0 5px} .supplierInfo .infoBox .cont{text-indent:2em;text-align:justify} .supplierInfo .infoBox .photo img{width:240px;height:180px} .supplierInfo .infoBox p{margin:5px 0} .supplierInfo .productBox{box-sizing:border-box;width:100%;overflow:hidden;} .supplierInfo .productList{width:1200px;margin-left:-8px;margin-bottom:18px;} .supplierInfo .productBox .title{color:#4A4F58;font-size:20px;height:54px;line-height:54px} .supplierInfo .productItem {margin-bottom: 16px;} .empty{background: #fff;margin-top: 10px;} .navLayout{min-height: auto;} } /** * 移动端 */ @media screen and (max-width:768px){ #supplierBanner{width:93.4vw;height:28.2vw;overflow:hidden;position:relative;margin:0 auto} #supplierBanner .swiper-wrapper{position:relative;height:100%;z-index:0} #supplierBanner .swiper-wrapper .swiper-slide{position:relative;zoom:1;vertical-align:middle;width:100%;overflow:hidden;text-align:center;background:#fff} #supplierBanner .swiper-wrapper img{width:100%;height:28.2vw;display:block} #supplierBanner .swiper-button-prev,#supplierBanner .swiper-button-next{display:none} #supplierBanner .swiper-pagination{width:100%;height:2.6vw;z-index:1;text-align:center;font-size:0;position:absolute;bottom:1.5vw;left:0} #supplierBanner .swiper-pagination .swiper-pagination-bullet{display:block;width:2vw;border-width:1vw 1px;border-color:transparent;cursor:pointer;background:none;font-size:0;opacity:.2} #supplierBanner .swiper-pagination .swiper-pagination-bullet:before{content:"";display:block;width:100%;height:.6vw;background:#FFF;border-radius:.3vw} #supplierBanner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:3.8vw;opacity:1} .supplierTit{width:100%;background:#FFF;position:relative;box-sizing:border-box;padding:13.4vw 3.3vw 2vw 3.3vw;border-top:1px solid #F5F5F5;} .supplierTit .title{box-sizing:border-box;min-height:13.4vw;padding:2.2vw 0;position:absolute;top:0;left:3.3vw} .supplierTit .title img{display:inline-block;height:9vw;margin-right:1vw;vertical-align:middle} .supplierTit .title h1{display:inline-block;max-width:70vw;max-height:9vw;overflow:hidden;line-height:4.5vw;vertical-align:middle;font-size:3.7vw;font-weight:bold} .supplierTit .search{width:93.4vw;height:9.6vw;margin:2vw auto 0 auto;border:1px solid #FFE6DC;border-radius:2px;position:relative;overflow:hidden} .supplierTit .search input{border:none;outline:none;width:100%;height:9.6vw;line-height:9.2vw;font-size:3.7vw;color:#4A4F58;text-indent:2.6vw} .supplierTit .searchBtn{position:absolute;right:1.2vw;top:0} .supplierTit .searchBtn:before{content:'';display:block;width:9.6vw;height:9.6vw;background-position:-24vw 1.5vw} .supplierInfo{margin-bottom: 2.7vw;} .supplierInfo .tabTit{padding:1.5vw 3.3vw;background:#FFF;position:relative;} .supplierInfo .tabTit span{display:inline-block;height:7.5vw;line-height:7.5vw;border-bottom:2px solid transparent;color:#93979F;font-size:3.4vw;margin-left:8vw;} .supplierInfo .tabTit span.on{color:#E15621;border-color:#E15621} .supplierInfo .tabTit span:first-child{margin-left:0;} .supplierInfo .showSearch{position:absolute;right:3.3vw;bottom:1.5vw;padding:0 2vw;height:7.5vw;line-height:7.5vw;background:#E15621;color:#FFF;font-weight:normal;font-size:3.1vw;border-radius:2px} .supplierInfo .infoBox{padding:1.2vw 3.3vw 3.3vw;border-top:1px solid #F5F5F5;font-size:3.7vw;line-height:5.2vw;color:#93979F;} .supplierInfo .infoBox .title{color:#4A4F58;font-weight:bold;padding-left:1vw;border-left:.4vw solid #E15616;margin:2.7vw 0;} .supplierInfo .infoBox .tag{display:inline-block;height:4.4vw;line-height:4.4vw;font-size:2.6vw;font-style:normal;background:#86B2FB;color:#FFF;border-radius:2px;margin-right:2.2vw;padding:0 1vw} .supplierInfo .infoBox .part{margin-top:5.4vw} .supplierInfo .infoBox .part:first-child{margin-top:0} .supplierInfo .infoBox .cont{text-indent:2em;text-align: justify;} .supplierInfo .infoBox .photo img{width:45.3vw;height:34vw} .supplierInfo .infoBox p{margin:1vw 0;} .supplierInfo .productList{width:96.6vw;margin:1.3vw auto;box-sizing:border-box} .supplierInfo .productBox .title{width:93.4vw;color:#2D3036;font-size:3.7vw;height:5vw;line-height:5vw;margin:2.7vw auto 0} }