.main-container{display: flex;margin-top: var(--margin-24);}
.cate-list{width: 12.5rem;padding: 0 var(--padding-24);background-color: #fff;border-radius: 0.85rem;}
.cate-list .item{width: 100%;}
.cate-list .item .box{min-width: 0;flex: 1;display: flex;align-items: center;height: 2.8125rem;cursor: pointer;}
.cate-list .item .box .info{min-width: 0;flex: 1;display: flex;align-items: center;}
.cate-list .item .box .info img{width: 1.25rem;height: 1.25rem;}
.cate-list .item .box .info span{margin-left: var(--margin-12);font-size: var(--font-size-16);color: #333;}
.cate-list .item .box .bottom{width:1rem;height:1rem;transition: all .3s;transform: rotate(-90deg);}
.cate-list .item.active .box .info span, .cate-list .item .box:hover .info span{color: var(--default-color);}
.cate-list .item.active .box .bottom{transform: rotate(0deg);}
.cate-list .item dl{width: 100%;display: none;}
.cate-list .item dl dd{width: 100%;padding: 0 var(--padding-12) 0 var(--padding-32);cursor: pointer;}
.cate-list .item dl dd span{font-size: var(--font-size-14);color: #666;display: inline-block;line-height: 2.5rem;}
.cate-list .item dl dd.active span, .cate-list .item dl dd span:hover{color: var(--default-color);}

.cate-list .item dl{width: 100%;}

.goods-main{min-width: 0;flex: 1;margin-left: var(--margin-16);}

.field-search{width: 100%;background-color: #fff;border-radius: 0.3125rem;display: grid;grid-template-columns: repeat(6, 1fr);gap: .5rem;padding: var(--padding-12) 0;}
.field-search .item{height: 2.8125rem;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.field-search .item span{font-size: var(--font-size-14);}
.field-search .item img{width: 1rem;height: 1rem;margin-right: var(--margin-8);}
.field-search .item select{width: 6rem;border: none;height: 100%;padding: 0;margin-left: var(--margin-8);}
.field-search .item.active span{color: var(--default-color);}


.goods-list{min-width: 100%;display: grid;grid-template-columns: repeat(4, 1fr);gap: 0.8rem;}
.goods-list .item .thumb{width: 100%;border-radius: 0.85rem;overflow: hidden;}
.goods-list .item .tag-list{display: flex;margin-top: var(--margin-8);}
.goods-list .item .tag-list span{padding: 0 var(--padding-4);background-color: #d3eadd;border-radius: 0.5rem;margin-right: var(--margin-4);font-size: var(--font-size-12);}
.goods-list .item .tag-list span:last-child{margin-right: 0;}
.goods-list .item .money{margin-top: var(--margin-8);}
.goods-list .item .money .pirce{font-size: var(--font-size-16);font-weight: bold;color: #333;}
.goods-list .item .money .market-pirce{margin-left: var(--margin-4);font-size: var(--font-size-12);font-weight: bold;color: #999999;text-decoration: line-through;}
.goods-list .item .name{font-size: var(--font-size-16);font-weight: bold;color: #333;}


@media (max-width: 1201px) {
    
}
@media (max-width: 993px) {
    .field-search{grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 768px) {
    .goods-list{grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 576px) {
    .field-search{grid-template-columns: repeat(2, 1fr);}
    .field-search .item select{width: 5rem;}
    .goods-list{grid-template-columns: repeat(2, 1fr);}
}