﻿.home-whatsapp{padding: 3% 0;margin: auto;}
.home-whatsapp .common-title {margin-bottom: 30px;}
.home-whatsapp .list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.home-whatsapp .list .item{width: 16%;}
.home-whatsapp .list .item .wmkc-icon{background-position: -52px -50px;}
.home-whatsapp .list .item .item-info{margin-top: 20px;display: flex;justify-content: center;align-items: end;}
@media (max-width:1024px) {.home-whatsapp .list .item{width: 32%;}}
@media (max-width:768px) {.home-whatsapp .list .item{margin-bottom:15px}
.home-whatsapp .list .item .item-info{margin-top:10px}}
.catelisttabbox .cate-list .cate-item1{width:19%;position:relative}
.cate-item1:hover .cate-name,.cate-item:hover .cate-num{opacity:0}
.cate-item1:hover .cate-btn{opacity:1;transform:translateZ(0) scale(1)}
.catelisttabbox .cate-list{display: none;}
.catelisttabbox .cate-list.active{display: flex;}
.catetitbox{display: flex;flex-wrap: wrap;justify-content: center;}
.catetitbox .catetitle{margin:10px;font-size: 18px;border-top: 1px #fff solid;}
.catetitbox .catetitle.active{color: var(--color);border-color:var(--color);}
@media (max-width: 768px) {.cate .cate-item1 {width: 49%;margin: 5px 0;}}



.catelisttabbox .cate-list .cate-item1{border: 1px #eee solid;}
.cate-info{position: static;height: auto;}
.cate-btn{position: static;opacity: 1;transform: initial;width: 100%;}
.cate-item1:hover .cate-name, .cate-item:hover .cate-num{opacity: 1;}
.cate-name{color: #000;background: #fff;margin-bottom:0;border-top: 1px #eee solid;border-bottom: 1px #eee solid;display: block;width: 100%;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;height: 104px;-webkit-line-clamp:3;}
.cate-img{border-radius: 0;padding: 5px;background: #fff;}
.cate-img img{aspect-ratio: 1;}
@media (max-width:1024px) {
.catelisttabbox .cate-list .cate-item1{width: 48%;}
.catelisttabbox .cate-list{flex-wrap: wrap;}
.cate-name{height: 76px;}
.cate-item1{margin-bottom: 20px;}
}








