/**********************************************
 * @Object      类别
 * @Authors     Foxs
***********************************************/
.cates-section .cates-content{padding:10px;}

.cates-section .cates-items{display: flex;align-items: center;flex-wrap: wrap;background-color: #fff;padding:10px;border-radius: 10px}
.cates-section .cates-items .item{width:25%;padding:10px;cursor: pointer;}
.cates-section .cates-items .item .info{background-color: var(--BackColor,#f7f7f7);padding:50px 0px;display: flex;flex-direction: column;align-items: center;text-decoration: none}
.cates-section .cates-items .item .info .name{height:40px;line-height: 40px;font-size: 30px;font-weight: bold;color:#333;font-family: "ali-heiti";transition: all 0.5s}
.cates-section .cates-items .item .info .counts{padding:5px 10px;border-radius: 5px;background-color: #e5e5e5;color:#444;margin-top:15px;font-size: 12px}
.cates-section .cates-items .item .info .counts b{font-size: 14px;padding:0px 5px;color:var(--MatchColor,#db4646);}
.cates-section .cates-items .item:hover .info .name{font-size: 35px;}

@media screen and (max-width:768px){
	.cates-section .cates-items{padding:5px;}
    .cates-section .cates-items .item{width:50%;padding:5px}
}