.paramsearch{background:rgb(255,255,255); overflow:hidden; padding:28px 0;}
.paramsearch dl{padding-left:78px; margin-top:18px; position:relative;}
.paramsearch dl:first-child{margin-top:0;}
.paramsearch dl:after{display:block; content:''; clear:both;}
.paramsearch dl dt{width:78px; position:absolute; left:0; top:8px; overflow:hidden;}
.paramsearch dl dt>h3{font-size:14px;}
.paramsearch dl dd{padding:4px; float:left;}
.paramsearch dl dd a{display:block; padding:4px 18px; background:rgb(245,245,245); border-radius:3px;}
.paramsearch dl:not(.rgb) dd.on a{background:rgb(17,121,215); color:#fff;}
.paramsearch dl.rgb{}
.paramsearch dl.rgb dd{ }
.paramsearch dl.rgb dd a{font-size:0; width:68px; height:36px; padding:0;}
.paramsearch dl.rgb dd.all a{background:rgb(0,0,0); background:linear-gradient(cyan, transparent), linear-gradient(90deg, magenta, transparent), linear-gradient(-90deg, yellow, transparent);}
.paramsearch dl.rgb dd.on a{}
.paramsearch dl.rgb dd a i{color:#fff; font-size:18px; display:none; background:rgba(0,0,0,.1); line-height:36px; text-align:center;}
.paramsearch dl.rgb dd.on a i{display:block;}
@media(max-width:767px){
.paramsearch{padding:18px 0;}
.paramsearch dl{padding-left:0; margin-top:8px;}
.paramsearch dl dt{width:auto; position:relative; top:0 }
.paramsearch dl dd a{padding:2px 8px; }
}



.productlist{background:rgb(248,248,248); overflow:hidden; padding:28px 0;}
.productlist .list-box{text-align:center; margin-bottom:18px;}
.productlist .list-box ul{margin:0 -18px;}
.productlist .list-box ul:after{display:block; content:''; clear:both;}
.productlist .list-box ul li{padding:18px; width:33.333%; float:left; width:25%;}
.productlist .list-box ul li div{padding:8px; border-radius:3px; background:rgb(255,255,255); transition:.3s;}
.productlist .list-box ul li:hover div{box-shadow:0 0 18px rgba(0,0,0,.08);}
.productlist .list-box ul li a.img{display:block; overflow:hidden; border-radius:3px;}
.productlist .list-box ul li a.img img{display:block; width:100%; transition:.3s;}
.productlist .list-box ul li a.img:hover img{transform:scale(1.18);} 
.productlist .list-box ul li span.txt{display:block; padding:18px 0; margin:0 8px; border-bottom:1px dashed #888;}
.productlist .list-box ul li span.txt h3{font-size:18px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.productlist .list-box ul li span.txt p{margin-top:4px; font-size:16px; color:rgb(153,153,153); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:28px;}
.productlist .list-box ul li span.txt i{display:block; font-size:18px; margin-top:4px; font-style:normal; color:red;}
.productlist .list-box ul li span.btn{display:block; padding:18px 0 8px 0;}
.productlist .list-box ul li span.btn a{display:inline-block; border:1px solid #f0f0f0; padding:4px 28px; border-radius:50px;}
.productlist .list-box ul li span.btn a b{display:inline-block; font-weight:normal; transition:.3s;}
.productlist .list-box ul li span.btn a i{transition:.3s;}
.productlist .list-box ul li span.btn a:hover{background:rgb(17,121,215); border:1px solid rgb(17,121,215);}
.productlist .list-box ul li span.btn a:hover b{transform:translateX(-4px); color:#fff;}
.productlist .list-box ul li span.btn a:hover i{transform:translateX(2px); color:#fff;}
@media(max-width:1199px){
.productlist .list-box ul{margin:0 -8px;}
.productlist .list-box ul li{padding:8px;}
}
@media(max-width:767px){
.productlist{padding:18px 0;}
.productlist .list-box{margin-bottom:8px;}
.productlist .list-box ul{margin:0 -4px;}
.productlist .list-box ul li{padding:4px; width:50%;}
.productlist .list-box ul li div{padding:4px;}
.productlist .list-box ul li a h4{padding:4px;}
.productlist .list-box ul li span.txt{padding:4px 0; margin:0 4px;}
.productlist .list-box ul li span.txt h3{font-size:16px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.productlist .list-box ul li span.txt p{margin-top:0; font-size:14px;}
.productlist .list-box ul li span.txt i{font-size:16px; margin-top:0;}
.productlist .list-box ul li span.btn{padding:8px 0 4px 0;}
.productlist .list-box ul li span.btn a{padding:2px 18px;}
}