@charset "utf-8";
.bz-list{margin-left: -4%;margin-top: 0.25rem;}
.bz-list .item{float: left;width: 29.3%;margin:0 0 4% 4%;height: 13.6rem;position:relative;}
.bz-list .imgbox{display: block;position:relative;height: 100%;}
.bz-list .img{width: 100%;height: 100%;object-fit: cover;}
.bz-list .shade{position:absolute;width: 100%;left: 0;top: 50%;bottom:0;background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.7));}
.shade_zt{position:absolute;width: 100%;left: 0;top: 50%;bottom:0;background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.7));}
.bz-list .title{font-size: 0.98rem;color:#fff;text-align: center;position:absolute;width: 100%;left: 0;bottom: .9rem;line-height: 0.4rem;}

.item{}
.item .imgbox{display: block;overflow: hidden;}
.item .img{transition: all 1s;width: 100%;display: block;}
.item:hover .imgbox .img{transform: scale(1.1,1.1);}

.zoomimg{position:relative;overflow: hidden;height: 0;display: block;}
.zoomimg .img{display: block;position:absolute;width: 100%;height: 100%;left: 0;top: 0;}
.flipx .icon{transition: all .3s;}
.flipx:hover .icon{transform:scaleX(-1);}
.scale .icon{transition: all .3s;}
.scale:hover .icon{transform: scale(1.1,1.1);}

@media screen and (min-width:320px) and (max-width:767px){
.bz-list{margin-left: -3%;}
.bz-list .item{height: 2.2rem;width: 47%;margin:0 0 3% 3%;}
.bz-list .title{font-size: 0.18rem;color:#fff;text-align: center;position:absolute;width: 100%;left: 0;bottom: .1rem;line-height: 0.4rem;}
}