main{padding-top: 0 !important;max-width: 100%;width: 100%;}
.main-container{max-width: 1200px;margin: 0 auto;width: 100%;}

.search{width: 100%;background-color: #fff;margin-top: 5rem;padding: 1rem 0;height: calc(2rem + 1.875rem + 0.2rem);position: relative;}
.search .saerch-box{width: 100%;max-width: 1000px;margin: 0 auto;position: absolute; top: 1rem;left: 50%;z-index: 11;transform: translateX(-50%); border: solid 1px #191919;border-radius: 1.2rem;overflow: hidden;}
.search-area{display: flex;align-items: center;background-color: #fff;padding: 0.1rem 0.2rem;}
.search-area input{min-width: 0;flex: 1;height: 1.875rem;line-height: 1.875rem;border: none;}
.search-area .btn{width: 4.25rem;height: 1.875rem;border-radius: 1.2rem;background-color: var(--default-color);display: flex;align-items: center;justify-content: center;cursor: pointer;}
.search-area .btn img{width: 1.5rem;height: 1.5rem;}
.search-history{width: 100%;padding: 1.5rem 2rem;border-top: solid 1px #fafafa;display: none;background-color: #fafafa;}
.search-history .hist{width: 100%;}
.search-history .hist .tit{width: 100%;font-size: var(--font-size-14);color: #999999;}
.search-history .hist .list{width: 100%;overflow: hidden;margin-top: var(--margin-8);}
.search-history .hist .list .item{float: left;margin: var(--margin-4) var(--margin-12) var(--margin-4) 0;padding: var(--padding-4) var(--padding-16);border: solid 1px #e7e7e7;border-radius: 0.3rem;font-size: var(--font-size-12);cursor: pointer;}

.search-history .hot{width: 100%;margin-top: var(--margin-16);}
.search-history .hot .tit{width: 100%;font-size: var(--font-size-14);color: #999999;}
.search-history .hot .list{width: 100%;display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--padding-16);margin: var(--margin-16) 0;}
.search-history .hot .list .item{font-size: var(--font-size-12);cursor: pointer;}

.banner{width: 100%;height: 23.75rem;position: relative;overflow: hidden;}
.banner .swiper-wrapper{width: 100%;height: 100%;}
.banner .swiper-wrapper .swiper-slide{width: 100%;height: 100%;}
.banner .swiper-wrapper .swiper-slide .img{width: 100%;height: 100%;display: block;background-size: cover;background-repeat: no-repeat;background-position: center;}
.banner .swiper-pagination-bullet{width: 0.5rem;height: 0.5rem;background-color: #fff;opacity: 50%;}
.banner .swiper-pagination-bullet-active{width: 1.25rem;border-radius: 0.25rem;opacity: 1;}

.cate-list{width: 100%;padding: var(--padding-16) 0;position: relative;overflow: hidden;}
.cate-list .swiper-wrapper{width: 100%;}
.cate-list .swiper-wrapper .swiper-slide{width: auto;height: 1.875rem;padding: 0 var(--padding-16);display: flex;align-items: center;white-space: nowrap;cursor: pointer;border-radius: 0.5rem;}
.cate-list .swiper-wrapper .swiper-slide.active{background-color: var(--default-color);}
.cate-list .swiper-wrapper .swiper-slide.active span{color: #fff;}
.cate-list .swiper-wrapper .swiper-slide img{width: 1.25rem;height: 1.25rem;}
.cate-list .swiper-wrapper .swiper-slide span{margin-left: var(--margin-12);font-size: var(--font-size-14);color: #333;}
.cate-list .swiper-button-prev:after, .cate-list .swiper-button-next:after{display: none;}
.cate-list .swiper-button-item{width: 1.875rem;height: 1.875rem;display: flex;align-items: center;justify-content: center;border: solid 1px #eeeeee;border-radius: 0.25rem;background-color: #fff;opacity: 1;top: 50%;transform: translateY(-50%);margin: 0;left: 0;cursor: pointer;pointer-events: initial;box-shadow: 20px 0 20px 25px #fff;}
.cate-list .swiper-button-item img{width: 1rem;height: 1rem;}
.cate-list .swiper-button-prev{display: none;}
.cate-list .swiper-button-next{left: auto;right: 0;box-shadow: -20px 0 20px 25px #fff;}


.goods-list{width: 100%;display: grid;grid-template-columns: repeat(5, 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) {
    main{padding: 0 !important;}
    .main-container{padding-left: var(--padding-24);padding-right: var(--padding-24);padding-bottom: 3rem;}
}
@media (max-width: 993px) {
    .search{width: calc(100% - var(--margin-24) * 2);margin-left: var(--margin-24);margin-right: var(--margin-24);}
    .goods-list{grid-template-columns: repeat(4, 1fr);}
}
@media (max-width: 768px) {
    .goods-list{grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 576px) {
    .goods-list{grid-template-columns: repeat(2, 1fr);}
}