.productdetail{padding:60rem 0;}
.productdetail-contain{float:left; width:75%; padding:0 40rem 0 0;}
.productdetail.left .productdetail-contain{float:right; padding:0 0 0 40rem;}
.productdetail-head{display:block; padding-bottom:28rem;}
.productdetail-head:after{display:block; content:''; clear:both;}
.productdetail-head h1{line-height:1.5;}
.productdetail-swiper{width:600rem; margin:0 auto; overflow:hidden; border-radius:15rem; position:relative; max-width:100%; float:left; width:500rem;}
.productdetail-outer{width:10000%;}
.productdetail-item{float:left; width:1%;}
.productdetail-item img{width:100%; display:block;}
.productdetail-item b{display:block; margin-top:16rem; font-size:18rem; color:#fff;}
.productdetail-prev,
.productdetail-next{position:absolute; z-index:8; top:50%; width:48rem; height:48rem; line-height:48rem; text-align:center; margin-top:-18rem; background:rgba(0,0,0,0.28); cursor:pointer; opacity:0; transition:0.3s;}
.productdetail-prev{border-radius:0 5rem 5rem 0;}
.productdetail-next{border-radius:5rem 0 0 5rem;}
.productdetail-swiper:hover .productdetail-prev,
.productdetail-swiper:hover .productdetail-next{opacity:1;}
.productdetail-prev i,
.productdetail-next i{color:#fff; font-size:48rem;}
.productdetail-prev:hover i,
.productdetail-next:hover i{color:#c42136;}
.productdetail-prev{left:0;}
.productdetail-next{right:0;}
.productdetail-swiper + .productdetail-show{margin-left:630rem; margin-left:530rem;}
.productdetail-show{overflow:hidden;}
.productdetail-info{margin:10rem 0 0; padding-bottom:10rem; font-size:12rem; border-bottom:1rem solid #f1f2f8; color:#a8a8a8;}
.productdetail-info>b{font-weight:normal;}
.productdetail-info>i{font-style:normal; padding-right:18rem;}
.productdetail-info>i>a{color:#a8a8a8;}
.productdetail-info>i>a:hover{color:#c42136;}
.productdetail-li{display:block; margin:15rem 0 0;}
.productdetail-li>u{text-decoration:none; padding:5rem 15rem; margin-right:5rem; border-radius:5rem; background:#f8f8f8; display:inline-block;}
.productdetail-text{display:block; margin:15rem 0 0; height:98rem; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;}

.productdetail-param{display:table; width:100%; margin:15rem 0 10rem 0;}
.productdetail-param>h4{font-size:17rem; font-weight:normal; margin:4rem;}
.productdetail-param td{padding:6rem 10rem;}
.productdetail-param strong{display:block; white-space:nowrap; font-weight:normal; color:#787878;}
.productdetail-param span{display:block; line-height:1.5;}
.productdetail-param ul{margin:-3rem; padding-bottom:6rem;}
.productdetail-param ul:after{display:block; content:''; clear:both;}
.productdetail-param ul>li{float:left; margin:6rem 3rem 0 3rem; border-radius:5rem; line-height:20rem; padding:0 4rem; border:1rem solid #c42136; color:#c42136;}

.productdetail-price{display:block; margin-top:18rem; color:red;}
.productdetail-content{display:block; margin-top:15rem;}
.productdetail-content>ul{display:block; border-bottom:2rem solid #c42136;}
.productdetail-content>ul:after{display:block; content:''; clear:both;}
.productdetail-content>ul>li{float:left; cursor:pointer; padding:7rem 15rem 5rem 15rem; border-radius:5rem 5rem 0 0; font-size:15rem;} 
.productdetail-content>ul>li.on{color:#fff; background:#c42136; }
.productdetail-content>aside{display:none; padding:18rem 0 28rem 0;}
.productdetail-content>aside.on{display:block;}
.productdetail-content>aside img{max-width:100%; border-radius:3rem;}
.productdetail-content>aside>p+p{margin-top:8rem;}
.productdetail-tags{padding-bottom:15rem;}
.productdetail-tags>a{display:inline-block; padding:0 8rem; border-radius:5rem; border:1rem solid #c42136; color:#c42136;}
.productdetail-tags>a:hover{color:#fff; background:#c42136;}

.productdetail-button{margin-top:25rem;}
.productdetail-button>a+a[button]{margin-left:15rem; background:rgb(37,74,209);}
.productdetail-button>a+a[button]:hover{opacity:0.8;}


.productdetail-comment{padding-top:28rem;}
.productdetail-comment{background:#fff; padding:28rem; margin-top:28rem;}
.productdetail-sub{float:left; width:25%;}
.productdetail-recom ul{padding:8rem;}
.productdetail-recom ul:after{display:block; content:''; clear:both;}
.productdetail-recom ul>li{float:left; width:50%; padding:8rem;}
.productdetail-recom ul>li>a{display:block;}
.productdetail-recom ul>li>a>ins{display:block; overflow:hidden;}
.productdetail-recom ul>li>a>ins>img{display:block; width:100%; transition:.3s;}
.productdetail-recom ul>li>a:hover>ins>img{transform:scale(1.08);}
.productdetail-recom ul>li>a>span{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; background:#f8f8f8; padding:3rem; border-radius:3rem; margin-top:3rem;}
@media(max-width:1200px){
.productdetail{padding:40rem 0;}
.productdetail-contain,
.productdetail.left .productdetail-contain{float:none; width:auto; padding:0 0 18rem 0;}
.productdetail-sub{float:none; width:auto;}
}
@media(max-width:992px){
.productdetail-swiper{margin:0 auto; float:none;}
.productdetail-swiper + .productdetail-show{margin:28rem 0 0 0;}
}
@media(max-width:1200px) and (min-width:992px){
.productdetail-recom ul>li{width:25%;}
}
@media(max-width:767px){
.productdetail{padding:18rem 0;}
.productdetail-head{padding:0;}
.productdetail-info{margin:12rem 0 18rem 0;}
.productdetail-show>h1{font-size:20rem;}
.productdetail-swiper + .productdetail-show{margin:18rem 0 0 0;}
.productdetail-text{margin:18rem 0 0;}
.productdetail-content{margin-top:15rem;}
.productdetail-content>ul>li{padding:4rem 8rem; font-size:14rem;}
.productdetail-content>ul>li+li{margin-left:2rem;}
.productdetail-content>aside{padding:10rem 0;}
.productdetail-tags{padding:0 0 15rem 0;}
.productdetail-comment{padding:12rem; margin-top:18rem;}
}