.product-catelist .product-cateitem .cate-info{border-radius:0;bottom:auto;width:100%;display:block;position:absolute;top:0px;left:0px;z-index:2;background-color:#F7F7F7EB;color:var(--introcolor);padding:4% 5%;transition:background .1s}
.product-catelist .product-cateitem .cate-info .cate-title{margin:2% 0px;padding-top:10px;line-height:1.3;font-size:var(--fontsize20);color:var(--fontcolor);position:relative;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.product-catelist .product-cateitem .cate-info .cate-title::before{content:"";display:block;width:20px;height:2px;background:var(--color);position:absolute;left:0px;top:0px}
.product-catelist .product-cateitem .cate-info .cate-text,.product-catelist .product-cateitem .cate-info::after,.product-catelist .product-cateitem .cate-info .cate-more{display:none}
@media(min-width:769px){.product-catelist .product-cateitem .cate-img::before{content:"";display:block;position:absolute;top:0px;left:0px;right:0px;bottom:0px;background-color:rgba(0,0,0,.5);opacity:0;transition:opacity .3s;z-index:1}
.product-catelist .product-cateitem .cate-img img{transform:scale(.8)}
.product-catelist .product-cateitem .cate-img:after{content:"\e65f";font-family:iconfont!important;font-size:var(--fontsize13);display:block;width:32px;height:32px;background:var(--color);border-radius:50%;color:#FFFFFF;position:absolute;bottom:18%;left:8%;z-index:2;text-align:center;line-height:32px;opacity:0;transition:opacity .3s}
.product-catelist .product-cateitem:hover .cate-img:after{opacity:1}
.product-catelist .product-cateitem:hover img.lazy{transform:scale(1)}
.product-catelist .product-cateitem:hover .cate-img::before{opacity:1}
.product-catelist .product-cateitem:hover .cate-info{background:none;}
.product-catelist .product-cateitem:hover .cate-info .cate-title{color:#fff}
.product-catelist .product-cateitem:hover .cate-info .cate-title:before{background:#fff}}
@media (max-width:768px){.product-catelist .product-cateitem{background:#f7f7f7;display:flex;align-items:center;flex-direction:row-reverse}
.product-catelist .product-cateitem .cate-img{min-height:inherit;width:54%}
.product-catelist .product-cateitem .cate-info{flex:1;position:static;padding:10px 3%}
.product-catelist .product-cateitem .cate-img img{transform:scale(1)!important}
.product-catelist .product-cateitem:hover .cate-info{background:none}}
@media (max-width:500px){.product-catelist .product-cateitem .cate-info .cate-title{font-size:var(--fontsize16)}}
.product-catelist .product-cateitem .cate-img img{padding:10%;object-fit:contain;}