.paramsearch{background:; 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:#fff; 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:#f8f8f8; overflow:hidden; }
.productlist .list-box{text-align:center;}
.productlist .list-box ul{}
.productlist .list-box ul:after{display:block; content:''; clear:both;}
.productlist .list-box ul li{width:25%; float:left;}
.productlist .list-box ul li a{display:block; transition:.3s;}
.productlist .list-box ul li a span{display:block; overflow:hidden;}
.productlist .list-box ul li a span img{display:block; width:100%; transition:.3s;}
.productlist .list-box ul li a:hover span img{transform:scale(1.05);} 
.productlist .list-box ul li a h3{margin-top:8px; font-weight:bold;}
.productlist .list-box ul li a i{display:block; font-style:normal; color:red;}
@media(min-width:992px){
.productlist{padding-top:28px; padding-bottom:28px;}
.productlist .list-box{margin-bottom:18px;}
.productlist .list-box ul li{width:25%;}
}
@media(max-width:991px){
.productlist{padding-top:18px; padding-bottom:18px;}
.productlist .list-box{margin-bottom:8px;}
.productlist .list-box ul li{width:100%;}
}
@media(min-width:768px){
.productlist .list-box ul{margin:0 -8px;}
.productlist .list-box ul li{padding:8px;}
.productlist .list-box ul li a h4{padding:8px;}
}
@media(max-width:767px){
.productlist .list-box ul{margin:0 -4px;}
.productlist .list-box ul li{padding:4px;}
.productlist .list-box ul li a h4{padding:4px;}
}