.productdetail{padding:58px 0; background:#fff; }
.productdetail-contain{float:left; width:72%; padding:0 38px 0 0;}
.productdetail-head{display:block; background:#fff;}
.productdetail-head:after{display:block; content:''; clear:both;}
.productdetail .photo{width:600px; float:left; overflow:hidden; width:500px;}
.productdetail .photo>span{display:block;}
.productdetail .photo>span img{display:block; max-width:100%; margin:0 auto;}
.productdetail .images{overflow:hidden; position:relative; }
.productdetail .images>ul{width:10000%;}
.productdetail .images>ul:after{display:block; content:''; clear:both;}
.productdetail .images>ul>li{float:left;}
.productdetail .images>ul>li>span>a>img{display:block; width:100%;}
.productdetail .photo + .productdetail-show{margin-left:628px; margin-left:528px;}
.productdetail-show{overflow:hidden;}
.productdetail-info{margin:18px 0 0; padding-bottom:8px; border-bottom:1px solid #e8e8e8; color:#686868;}
.productdetail-info>b{font-weight:normal; padding-right:2px; color:#51ca5a;}
.productdetail-info>i{font-style:normal; padding-right:12px;}
.productdetail-info>i.fa-star{color:#51ca5a;}
.productdetail-info>i>a{color:#686868;}
.productdetail-info>i>a:hover{color:#51ca5a;}
.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:18px 0 0; font-size: 16px;}
.productdetail-param{display:block; margin-top:18px;}
.productdetail-param>dl+dl{margin-top:5px;}
.productdetail-param>dl:after{display:block; content:''; clear:both;}
.productdetail-param>dl>dt{float:left; padding-right:4px; color:#686868;}
.productdetail-param>dl>dd{float:left;}
.productdetail-price{display:block; margin-top:18px; color:red;}
.productdetail-icon{margin-top:28px;}
.productdetail-icon:after{display:block; content:''; clear:both;}
.productdetail-icon>b{float:left; line-height: 38px; margin-top:8px;}
.productdetail-icon>a{float:left; width:38px; height:38px; line-height:38px; font-size:18px; margin:8px 0 0 8px; text-align:center; border-radius:50%; color:#fff; background:#51ca5a;}
.productdetail-icon>a:hover{background: #2a3239;}
.productdetail-content{display:block; margin-top:28px;}
.productdetail-content>ul{display:block; background:#fff; border-bottom:1px solid #e8e8e8;}
.productdetail-content>ul:after{display:block; content:''; clear:both;}
.productdetail-content>ul>li{float:left; cursor:pointer; padding:8px 18px; font-weight:bold;} 
.productdetail-content>ul>li.on{color:#fff; background:#51ca5a; }
.productdetail-content>aside{display:none; background:#fff; padding:18px 0;}
.productdetail-content>aside.on{display:block;}
.productdetail-content>aside>p+p{margin-top:8px;}
.productdetail-content>aside img{height:auto !important;}
.productdetail-tags{padding:0 0 18px 0; background:#fff;}
.productdetail-tags>a{display:inline-block; margin-top:5px; border:1px solid #ebecf3; padding:5px 15px; background:#fff;}}
.productdetail-tags>a:hover{color:#fff; background:#51ca5a;}
.productdetail-comment{padding-top:28px;}
.productdetail-comment{background:#fff; padding:28px 0; margin-top:28px;}
dir{text-align:left; border-top:1px solid #dedfe5; padding:12px 0; background:#fff;}
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;}
.productdetail-sub{float:left; width:28%;}
.productdetail-com,
.productdetail-com>ul{display:block;}
.productdetail-com>ul>li+li{margin-top:12px;}
.productdetail-com>ul>li>a{display:block;}
.productdetail-com>ul>li>a:after{display:block; content:''; clear:both;}
.productdetail-com>ul>li>a>img{float:left;}
.productdetail-com>ul>li>a>span{display:block; margin-left:70px; overflow:hidden; height:60px; 
display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-o-box; display:box;
-webkit-box-align:center; -moz-box-align:center; -ms-flex-align:center; -o-box-align:center; box-align:center;}
.productdetail-com>ul>li>a>span>h3{font-weight:bold;}
@media(max-width:1200px){
.productdetail{padding:38px 0;}
.productdetail-contain,
.productdetail.left .productdetail-contain{float:none; width:auto; padding:0 0 18px 0;}
.productdetail-sub{float:none; width:auto;}
}
@media(min-width:992px){
.productdetail .photo>span+.images{margin:18px -8px 0 -8px;}
.productdetail .images{margin:0 -8px;}
.productdetail .images>ul>li{width:.25%; padding:0 8px;}
.productdetail .images>ul>li>span{position:relative; display:block; cursor:pointer; overflow:hidden;}
.productdetail .images>ul>li>span:before{display:block; content:''; border:1px solid rgba(0,0,0,0); position:absolute; top:0; right:0; bottom:0; left:0; z-index:9; transition:.3s;}
.productdetail .images>ul>li.on>span:before{border-color:#51ca5a;}
.productdetail .images>ol{display:none;}
.productdetail .images>dl{visibility:hidden; opacity:0; transition:.3s;}
.productdetail .images:hover>dl{visibility:visible; opacity:1;}
.productdetail .images>dl>*{position:absolute; z-index:9; top:50%; width:20px; height:20px; margin-top:-10px; transform:rotate(45deg); cursor:pointer; transition:.3s; border-style:solid;  border-color:#333a30;}
.productdetail .images>dl>*[class*='disabled']{cursor:no-drop;}
.productdetail .images>dl>dt{left:15px; border-width:0 0 2px 2px;}
.productdetail .images>dl>dd{right:15px; border-width:2px 2px 0 0;}
.productdetail .images>dl>dt:hover,
.productdetail .images>dl>dd:hover{border-color:#51ca5a;}
}
@media(max-width:991px){
.productdetail .photo{width:100%; float:none;}
.productdetail .photo>span.more{display:none;}
.productdetail .images>ul>li{width:1%;}
.productdetail .images>ul>li>span>a>img{width:auto; margin:0 auto;}
.productdetail .images>ol{position:absolute; bottom:10px; left:0; right:0; text-align:center; font-size:0;}
.productdetail .images>ol>li{display:inline-block; cursor:pointer;}
.productdetail .images>ol>li:before{display:block; content:''; border-radius:15px; box-shadow:0 0 5px rgba(0,0,0,.1);}
.productdetail .images>ol>li:before{margin:0 2px 0 3px; width:5px; height:5px;}
.productdetail .images>ol>li.active:before{background:#51ca5a;}
.productdetail .images>dl{display:none;} 
.productdetail .photo + .productdetail-show{margin:28px 0 0 0;}
}
@media(max-width:1200px) and (min-width:992px){
.productdetail-recom ul>li{width:25%;}
}
@media(max-width:767px){
.productdetail{padding:18px 0;}
.productdetail-info{margin:12px 0 18px 0;}
.productdetail-show>h1{font-size:20px;}
.productdetail .photo + .productdetail-show{margin:18px 0 0 0;}
.productdetail-text{margin:18px 0 0;}
.productdetail-content{margin-top:18px;}
.productdetail-content>ul>li{padding:4px 8px; font-size:14px;}
.productdetail-content>ul>li+li{margin-left:2px;}
.productdetail-content>aside{padding:12px 0;}
dir{padding:12px;}
.productdetail-tags{padding:0 0 18px 0; background:#fff;}
.productdetail-comment{padding:12px 0; margin-top:18px;}
.productdetail-recom ul{margin:0 -4px;}
.productdetail-recom ul>li{padding:0 4px; margin-bottom:8px;}
}