.productdetail{}
.productdetail .photo{width:300px; float:left; overflow:hidden;}
.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 .text{margin-left:300px; padding-left:28px; overflow:hidden;}
.productdetail h1{margin-bottom:18px; font-size:24px;}
.productdetail .top{opacity:.68; margin-bottom:18px;}
.productdetail .top b{font-weight:inherit;}
.productdetail .top i{font-style:inherit; margin-right:18px;}
.productdetail .top i:last-child{margin:0;}
.productdetail .text>dl{padding-bottom:8px;}
.productdetail .text>dl:after{display:block; content:''; clear:both;}
.productdetail .text>dl>dt{float:left; opacity:.88;}
.productdetail .text>dl>dd{float:left;}
.productdetail .text>a{margin-top:18px;}
.productdetail .param{border-top:1px dashed #f0f0f0; margin-top:18px; padding-top:4px;}
.productdetail .param:after{display:block; content:''; clear:both;}
.productdetail .param>dl{float:left; min-width:50%; padding-top:8px;}
.productdetail .param>dl>dt{float:left; opacity:.88;}
.productdetail .param>dl>dd{float:left;}
.productdetail .text>h2{display:block; color:red; margin-top:18px;}
.productdetail .text>h2 b{font-weight:inherit; font-size:14px; color:rgb(33,33,33);}
.productdetail dir{padding-top:18px; border-top:1px solid #f0f0f0;}
.productdetail dir:after{display:block; content:''; clear:both;}
.productdetail dir>dl{display:block;}
.productdetail dir>dl:after{display:block; content:''; clear:both;}
.productdetail dir>dl:first-child{display:block;}
.productdetail dir>dl:last-child{display:block;}
.productdetail dir>dl>dt{float:left; margin-right:8px; opacity:.88;}
.productdetail dir>dl>dt b{font-weight:inherit;}
.productdetail dir>dl>dd{float:left;}
.productdetail dir>dl>dd i{font-style:inherit;}
.productdetail dir>dl>dd a{display:block;}
.productdetail dir>dl>dd a:hover{display:block;}
.productdetail .content>ul{margin:28px 0 18px 0; font-size:0; white-space:nowrap; position:relative; overflow:auto;}
.productdetail .content>ul:before{border-bottom:1px solid #f0f0f0; position:absolute; bottom:0; left:0; content:''; right:0;}
.productdetail .content>ul>li{border:1px solid #f0f0f0; padding:8px 18px; background:rgba(0,0,0,.018); position:relative; z-index:1; cursor:pointer; display:inline-block; margin-left:-1px;}
.productdetail .content>ul>li.on{border-bottom-color:#fff; background:none;}
.productdetail .content>ul>li:first-child{margin-left:0;}
.productdetail .content>aside{display:none; margin-bottom:18px;}
.productdetail .content>aside.on{display:block;}
.productdetail .tag{margin-bottom:18px;}
.productdetail .tag a{display:inline-block; margin-right:8px; border:1px solid #f0f0f0; padding:2px 8px; border-radius:3px;}
.productdetail .comment{margin-top:28px;}
@media(max-width:767px){
.productdetail .tag{margin-bottom:8px;}
.productdetail .tag a{margin-right:4px; padding:2px 8px;}
}
@media(max-width:1199px){
.productdetail .photo{width:45%;}
.productdetail .text{margin-left:45%; padding-left:18px;}
}
@media(min-width:992px){
.productdetail{padding-top:28px; padding-bottom:28px;} 
.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:rgb(0,165,235);}
.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:rgb(33,33,33);}
.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:rgb(0,165,235);}
.subnav ul::-webkit-scrollbar{height:0; background:;}
.subnav ul::-webkit-scrollbar-track-piece{height:0;}
.subnav ul::-webkit-scrollbar-thumb{background:rgba(0,0,0,0); transition:.2s;}
.subnav ul:hover::-webkit-scrollbar-thumb{background:rgb(0,165,235);}
}
@media(max-width:991px){
.productdetail{padding-top:18px; padding-bottom:18px;} 
.productdetail .photo{width:100%; float:none;}
.productdetail .text{margin-left:0; padding-left:0;}
.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:rgb(0,165,235);}
.productdetail .images>dl{display:none;} 
.productdetail h1{margin:12px 0; font-size:22px;}
.productdetail .comment{margin-top:18px;}
}
@media(max-width:767px){
.productdetail h1{margin:8px 0; font-size:18px; }
.productdetail .top{margin-bottom:4px;}
.productdetail aside{margin-bottom:8px;}  
.productdetail dir{padding-top:8px;}
.productdetail .content>aside{margin-bottom:8px;}
.productdetail .content>ul{margin:12px 0 8px 0;}
.productdetail .content>ul>li{padding:4px 8px;}

.productdetail .param{margin-top:8px; padding-top:4px;} 
.productdetail .param>dl{min-width:100%; padding-top:4px;}
.productdetail .param>dl:after{display:block; content:''; clear:both;}
.productdetail .param>dl>dt{float:left; opacity:.88;}
.productdetail .param>dl>dd{float:left;}
}



.buysbtn{margin-top:38px;}
.buysshop{border:1px solid #f52c2c; padding:0 28px; line-height:42px; font-size:16px; float:left; background:#f52c2c; color:#fff; cursor:pointer; border-radius:3px;}
.buysshop:hover{background:red; color:#fff;}
.buyscart{border:1px solid #f52c2c; padding:0 28px; line-height:42px; font-size:16px; float:left; color:#f52c2c; cursor:pointer; border-radius:3px; margin-left:18px;}
.buyscart:hover{color:red;}
.buysbtn.not>.buysshop,
.buysbtn.not>.buysshop:hover{background:#ffb1b1; border-color:#ffb1b1; cursor:no-drop;}
.buysbtn.not>.buyscart,
.buysbtn.not>.buyscart:hover{border-color:#e8e8e8; color:#a8a8a8; cursor:no-drop;}
.buysprice{background:#f8f8f8; padding:8px 16px; margin-bottom:38px;}
.buysprice:after{display:block; content:''; clear:both;}
.buysprice>b{font-size:26px; line-height:36px; padding:12px 0; display:inline-block; color:#f52c2c;}
.buysprice>del{display:inline-block; margin-left:12px;}
.buysprice>u{float:right; text-decoration:none; color:#888;}
.buysprice>p{display:block; }
.buysprice>p>span{display:inline-block; vertical-align:middle;}
.buysprice>p>span>a{display:inline-block; margin:6px 6px 0 0; overflow:hidden; cursor:pointer;}
.buysprice>p>span>a:after{display:block; content:''; clear:both;}
.buysprice>p>span>a>u{float:left; padding:0 10px 0 12px; text-decoration:none; color:#fff; background:#f52c2c; line-height:30px; text-align:center; position:relative;}
.buysprice>p>span>a>u:before{position:absolute; width:12px; height:12px; border-radius:12px; content:''; left:-6px; top:50%; margin-top:-6px; background:#f8f8f8;}
.buysprice>p>span>a>b{float:left; padding:0 12px 0 10px; min-width:68px; text-align:center; font-weight:normal; border:1px solid #f52c2c; border-left-style:dashed; color:#f52c2c; position:relative; background:#fff; line-height:28px;}
.buysprice>p>span>a>b:before{position:absolute; width:12px; height:12px; border-radius:12px; content:''; border:1px solid #f52c2c; border-right-width:0; right:-6px; top:50%; margin-top:-6px; background:#f8f8f8;}

.buysparam{display:block; margin-bottom:18px;}
.buysparam:after{display:block; content:''; clear:both;}
.buysparam>dt{float:left; line-height:30px;}
.buysparam>dd{margin-left:88px; display:block;}
.buysparam>dd>a{border:1px solid #d8d8d8; margin:0 8px 8px 0; cursor:pointer; line-height:32px; padding:0 12px; display:inline-block; position:relative;}
.buysparam>dd>a.on,
.buysparam>dd>a:hover{border-color:#f52c2c; color:#f52c2c;}
.buysparam>dd>a.on:before{position:absolute; content:''; top:0; right:0; z-index:1; border-style:solid; border-width:8px 0 0 12px; border-color:#f52c2c transparent transparent transparent;}
.buysnum{display:block; width:136px; float:left;}
.buysnum:after{display:block; content:''; clear:both;}
.buysnum>input{width:48px; font-size:16px; float:left; line-height:36px; border-style:solid; border-width:1px 0 1px 0; border-color:#d8d8d8; border-radius:0; padding:0; text-align:center;}
.buysnum>ins{width:44px; font-size:24px; user-select:none; line-height:36px; text-align:center; border:1px solid #d8d8d8; float:left; font-family:'fangsong'; cursor:pointer;}
.buysnum>ins:hover{background:#f8f8f8; transition:.3s;}
.buystocks{line-height:28px; float:left; text-decoration:none; margin:10px 0 0 6px;}

.shopcomment{display:block;}
.shopcomment .tab{display:block;}
.shopcomment .tab>ul{background:rgba(0,0,0,.018); border:1px solid #f0f0f0; padding:8px;}
.shopcomment .tab>ul:after{display:block; content:''; clear:both;}
.shopcomment .tab>ul>li{float:left; padding:4px 8px; margin-right:18px; cursor:pointer;}
.shopcomment .tab>ul>li.on{color:rgb(0,165,235);}
.shopcomment .list{display:block; padding:18px 0; }
.shopcomment .list+.list{border-top:1px solid #f0f0f0;}
.shopcomment .list>ins{float:left; position:relative;}
.shopcomment .list>ins>img{width:25px; height:25px; position:absolute; top:0; left:0; float:left; border-radius:50%;}
.shopcomment .list>ins>i{font-style:normal; display:block; line-height:25px; padding-left:35px;}
.shopcomment .list>aside{margin-left:148px;}
.shopcomment .list>aside>ol[star]>li{font-size:16px; line-height:25px; color:#d8d8d8;}
.shopcomment .list>aside>ol[star]>li:first-child,
.shopcomment .list>aside>ol[star="2"] li:nth-child(2),
.shopcomment .list>aside>ol[star="3"] li:nth-child(2),
.shopcomment .list>aside>ol[star="3"] li:nth-child(3),
.shopcomment .list>aside>ol[star="4"] li:nth-child(2),
.shopcomment .list>aside>ol[star="4"] li:nth-child(3),
.shopcomment .list>aside>ol[star="4"] li:nth-child(4),
.shopcomment .list>aside>ol[star="5"] li{color:#ffc107;}
.shopcomment .list>aside>ol[star]>li+li{margin-left:6px;}
.shopcomment .list>aside>p{margin:8px 0;}
.shopcomment .list>aside>ul:after{display:block; content:''; clear:both;}
.shopcomment .list>aside>ul>li{float:left; margin:0 18px 0 0;}
.shopcomment .list>aside>ul>li>a{display:block; border:1px solid #e8e8e8;}
.shopcomment .list>aside>ul>li>a>img{height:48px; display:block;}
.shopcomment .list>aside>dl{display:block; padding-top:8px; margin-top:18px; border-top:1px dashed #e8e8e8;} 
.shopcomment .list>aside>dl>dt{display:inline;}
.shopcomment .list>aside>dl>dd{display:inline;}
.shopcomment .list>aside>h6{display:block; margin-top:12px; color:#989898; font-size:14px;}
.shopcomment .list>aside>h6>b{font-weight:normal; padding-right:8px;}
.shopcomment .list>aside>h6>i{font-style:normal;}
.shopcomment dir>ol>li>a{cursor:pointer;}
@media(max-width:767px){
.shopcomment .tab>ul>li{margin-right:12px;}
.shopcomment .list>ins{float:none;}
.shopcomment .list>aside{margin:8px 0 0;}
}