.productlist{padding:48px 0;}
.productlist-content{display:block; margin:0 -12px;}
.productlist-content:after{display:block; content:''; clear:both;}
.productlist-item{float:left; width:33.333%; padding:12px;}
.productlist-item>a>div{position:relative; overflow:hidden;}
.productlist-item>a>div>img{width:100%; display:block; transition:2.8s;}
.productlist-item>a>div>span{position:absolute; z-index:1; top:0; right:0; bottom:0; left:0; color:#fff; overflow:hidden; transition:.3s; transform:scale(0); opacity:0; visibility:hidden; padding:28px; background:rgba(0,0,0,0.68);}
.productlist-item>a>div>span>b{display:block; font-size:28px;}
.productlist-item>a>div>span>em{display:block; margin:28px 0; font-style:normal; font-size:15px;}
.productlist-item>a>div>span>u{display:block; text-decoration:none;}
.productlist-item>a>div>span>u ins{margin-left:2px;}
.productlist-item>a>span{display:block; padding:8px 0;}
.productlist-item>a>span:after{display:block; content:''; clear:both;}
.productlist-item>a>span>b{float:left; font-size:21px;}
.productlist-item>a>span>u{float:right; text-decoration:none; padding:4px 8px 0 0; color:#686868;}
.productlist-item>a>span>u>i{transition:.2s; display:inline-block;}
.productlist-item>a>span>u>ins{display:inline-block; margin-left:2px;}
.productlist-item>a:hover>div>img{transform:scale(1.08);}
.productlist-item>a:hover>div>span{transform:scale(1); opacity:1; visibility:visible;}
.productlist dir{padding:14px 0;}
@media(max-width:1200px){
.productlist-item{width:50%;}
}
@media(max-width:992px){
.productlist{padding:38px 0;}
.productlist-content{margin:0 -8px;}
.productlist-item{padding:8px;}
.productlist-item>a>span>b{font-size:18px;}
.productlist-item>a>div>span{padding:18px;}
.productlist-item>a>div>span>b{display:block; font-size:20px;}
.productlist-item>a>div>span>em{margin:12px 0; font-size:14px;}
}
@media(max-width:767px){
.productlist{padding:18px 0;}
.productlist-content{margin:0;}
.productlist-item{width:100%; padding:4px;}
.productlist-item>a>span>b{font-size:18px;}
.productlist-item>a>span>u{padding-top:0;}
}
.productdetail{padding:58px 0; background:; }
.productdetail-swiper{width:600px; margin:0 auto; overflow:hidden; position:relative; max-width:100%; float:left; width:500px;}
.productdetail-outer{width:10000%;}
.productdetail-item{float:left; width:1%;}
.productdetail-item img{width:100%; display:block;}
.productdetail-item b{display:block; margin-top:16px; font-size:18px; color:#fff;}
.productdetail-prev,
.productdetail-next{position:absolute; z-index:8; top:50%; width:48px; height:48px; line-height:48px; text-align:center; margin-top:-18px; background:rgba(0,0,0,0.28); cursor:pointer; opacity:0; transition:0.3s;}
.productdetail-swiper:hover .productdetail-prev,
.productdetail-swiper:hover .productdetail-next{opacity:1;}
.productdetail-prev i,
.productdetail-next i{color:#fff; font-size:48px;}
.productdetail-prev:hover i,
.productdetail-next:hover i{color:#f20f0f;}
.productdetail-prev{left:0;}
.productdetail-next{right:0;}
.productdetail-swiper + .productdetail-head{margin-left:638px; margin-left:538px;}
.productdetail-head{overflow:hidden;}
.productdetail-info{margin:18px 0 0; padding-bottom:8px; border-bottom:1px solid #e8e8e8; color:#686868;}
.productdetail-info>b{font-weight:normal;}
.productdetail-info>i{font-style:normal; padding-right:18px;}
.productdetail-info>i>a{color:#686868;}
.productdetail-info>i>a:hover{color:#f20f0f;}
.productdetail-li{display:block; margin:18px 0 0;}
.productdetail-li>u{text-decoration:none; padding:6px 18px; margin-right:6px; border-radius:6px; background:#f8f8f8; display:inline-block;}
.productdetail-text{display:block; margin:28px 0 0; font-size:16px;}
.productdetail-param{display:block; margin-top:18px; font-size:15px;}
.productdetail-param>dl+dl{margin-top:8px;}
.productdetail-param>dl:after{display:block; content:''; clear:both;}
.productdetail-param>dl>dt{float:left; color:#686868;}
.productdetail-param>dl>dd{float:left;}
.productdetail-price{display:block; margin-top:18px; color:red;}
.productdetail-content{display:block; padding-top:38px;}
.productdetail-content>ul{margin-bottom:18px; border-bottom:1px solid #e8e8e8;}
.productdetail-content>ul:after{display:block; content:''; clear:both;}
.productdetail-content>ul>li{float:left; cursor:pointer; margin-bottom:-1px; padding:6px 18px; border:1px solid #e8e8e8; font-size:16px;}
.productdetail-content>ul>li+li{margin-left:8px;}
.productdetail-content>ul>li.on{color:#fff; background:#f20f0f; border-color:#f20f0f;}
.productdetail-content>aside{display:none; padding-bottom:38px;}
.productdetail-content>aside.on{display:block;}
.productdetail-content>aside>p+p{margin-top:8px;}
.productdetail-tags{padding:0 0 18px 0;}
.productdetail-tags>a{display:inline-block; border:1px solid #e8e8e8; padding:8px 18px; background:rgba(0,0,0,.01); border-radius:3px;}
.productdetail-tags>a:hover{color:#fff; background:#f20f0f;}
.productdetail-comment{padding-top:28px;}
dir{text-align:left; border-top:1px solid #e8e8e8; padding:12px 0;}
dir>dl{padding:6px 0;}
dir>dl:after{display:block; content:''; clear:both;}
dir>dl>dt{float:left; margin-right:8px;}
dir>dl>dt>b{font-weight:normal; color:#989898;}
dir>dl>dd{float:left;} 
dir>dl>dd>i{font-style:normal;}
@media(max-width:1200px){
.productdetail{padding:38px 0;}
.productdetail-swiper{margin:0 auto; float:none;}
.productdetail-swiper + .productdetail-head{margin:28px 0 0 0;}
}
@media(max-width:767px){
.productdetail{padding:18px 0;}
.productdetail-info{margin:12px 0 18px 0;}
.productdetail-head>h1{font-size:20px;}
.productdetail-swiper + .productdetail-head{margin:18px 0 0 0;}
.productdetail-content>ul>li{padding:4px 8px; font-size:14px;}
.productdetail-content>ul>li+li{margin-left:2px;}
}