.productlist{padding:48px 0;}
.productlist-content{display:block; margin:0 -12px;}
.productlist-content:after{display:block; content:''; clear:both;}
.productlist-item{float:left; width:33.333%; padding:12px;}
.productlist-item>a>div{position:relative; overflow:hidden;}
.productlist-item>a>div>img{width:100%; display:block; transition:2.8s;}
.productlist-item>a>div>span{position:absolute; z-index:1; top:0; right:0; bottom:0; left:0; color:#fff; overflow:hidden; transition:.3s; transform:scale(0); opacity:0; visibility:hidden; padding:28px; background:rgba(0,0,0,0.68);}
.productlist-item>a>div>span>b{display:block; font-size:28px;}
.productlist-item>a>div>span>em{display:block; margin:28px 0; font-style:normal; font-size:15px;}
.productlist-item>a>div>span>u{display:block; text-decoration:none;}
.productlist-item>a>div>span>u ins{margin-left:2px;}
.productlist-item>a>span{display:block; padding:8px 0;}
.productlist-item>a>span:after{display:block; content:''; clear:both;}
.productlist-item>a>span>b{float:left; font-size:21px;}
.productlist-item>a>span>u{float:right; text-decoration:none; padding:4px 8px 0 0; color:#686868;}
.productlist-item>a>span>u>i{transition:.2s; display:inline-block;}
.productlist-item>a>span>u>ins{display:inline-block; margin-left:2px;}
.productlist-item>a:hover>div>img{transform:scale(1.08);}
.productlist-item>a:hover>div>span{transform:scale(1); opacity:1; visibility:visible;}
.productlist dir{padding:14px 0;}
@media(max-width:1200px){
.productlist-item{width:50%;}
}
@media(max-width:992px){
.productlist{padding:38px 0;}
.productlist-content{margin:0 -8px;}
.productlist-item{padding:8px;}
.productlist-item>a>span>b{font-size:18px;}
.productlist-item>a>div>span{padding:18px;}
.productlist-item>a>div>span>b{display:block; font-size:20px;}
.productlist-item>a>div>span>em{margin:12px 0; font-size:14px;}
}
@media(max-width:767px){
.productlist{padding:18px 0;}
.productlist-content{margin:0;}
.productlist-item{width:100%; padding:4px;}
.productlist-item>a>span>b{font-size:18px;}
.productlist-item>a>span>u{padding-top:0;}
}