body{background-color: #fff;overflow-x: hidden;}
.goods-header {width: 100%;height: 6rem;display: flex;align-items: center;box-sizing: border-box;}
.icon-left-wrapper {width: 1.125rem;height: 1.125rem;}
.icon-left {width: 100%;height: 100%;    display: block;}
.shop-info{min-width: 0;flex: 1;margin-left: var(--margin-32);}
.shop-logo {width: 3.375rem;height: 3.375rem;border-radius: 0.5rem;}
.shop-name {margin-left: var(--margin-12);font-size: var(--font-size-16);font-weight: bold;color: #232323;}

.goods-main{width: 36.25rem;max-width: 100%;}
.goods-image-gallery{width: 100%;}

.goods-main-swiper{width: 100%;height: 36.25rem;overflow: hidden;}
.goods-main-swiper .swiper-slide img{width: 100%;height: 100%;object-fit: contain;border-radius: 1.25rem;}

.goods-thumb-swiper{width: 100%;margin-top: var(--margin-12);overflow: hidden;position: relative;}
.goods-thumb-swiper .goods-main-swiper .swiper-slide img{width: 100%;height: 100%;object-fit: contain;}
.goods-thumb-swiper .swiper-slide{border: solid 2px #fff;border-radius: 0.625rem;overflow: hidden;}
.goods-thumb-swiper .swiper-slide-active{border-color: #ffd814;}

.goods-thumb-swiper .swiper-button-prev:after, .goods-thumb-swiper .swiper-button-next:after{display: none;}
.goods-thumb-swiper .swiper-button-item{width: 3rem;height: 3rem;display: flex;align-items: center;justify-content: center;border: solid 1px #eeeeee;border-radius: 100%;background-color: #fff;opacity: 1;top: 50%;transform: translateY(-50%);margin: 0;left: 0;cursor: pointer;pointer-events: initial;box-shadow: 10px 0 10px 5px #fff;}
.goods-thumb-swiper .swiper-button-item img{width: 1rem;height: 1rem;}
.goods-thumb-swiper .swiper-button-next{left: auto;right: 0;box-shadow: -10px 0 10px 5px #fff;}

.goods-info{width: 100%;margin-top: var(--margin-32);}
.goods-name{width: 100%;font-size: var(--font-size-20);font-weight: bold;}
.goods-price{width: 100%;margin-top: var(--margin-12);display: flex;align-items: center;justify-content: space-between;}
.goods-price .money-box{display: flex;align-items: baseline;}
.goods-price .money-box .price{color: #ff5001;font-weight: bold;}
.goods-price .money-box .price .unit{font-size: var(--font-size-20);}
.goods-price .money-box .price .num{font-size: 1.625rem;}
.goods-price .money-box .market-price{margin-left: var(--margin-8);font-size: var(--font-size-12);color: #999999;}
.share{cursor: pointer;}
.share .bds_more{display: flex;align-items: center;background: none !important;}
.share img{width: 1.5rem;height: 1.5rem;}
.share span{margin-left: var(--margin-8);font-size: var(--font-size-14);}

.goods-tip{width: 100%;margin-top: var(--margin-16);padding: var(--padding-12);background-color: #fcf6ed;border-radius: 0.5rem;display: flex;align-items: center;}
.goods-tip span{font-size: var(--font-size-14);color: #11192d;font-weight: bold;}
.goods-tip .red{color: #ff5001;font-weight: bold;padding-left: var(--padding-8);}
.stock{width: 100%;padding: var(--padding-12) 0 var(--padding-24) 0;display: flex;align-items: center;border-bottom: solid 2px #fafafa;}
.stock img{width: 1.25rem;height: 1.25rem;}
.stock span{margin-left: var(--margin-8);font-size: var(--font-size-14);font-weight: bold;}


.sku-list{width: 100%;margin-top: var(--margin-32);overflow-y: auto;}
.sku-cell{margin-bottom: var(--margin-16);}
.sku-cell .tit{width: 100%;font-size: var(--font-size-12);color: #999;font-weight: bold;}
.sku-cell .cont{display: flex;flex-wrap: wrap;}
.sku-cell .cont .item{padding: 0 var(--padding-16);border-radius: 0.3rem;height: 2.5rem;border: solid 1px #ebebed;font-size: var(--font-size-16);font-weight: bold;color: #333;margin-top: var(--margin-12);margin-right: var(--margin-12);display: flex;align-items: center;cursor: pointer;user-select: none;}
.sku-cell .cont .item.active{background-color: var(--default-color);border-color: var(--default-color);color: #fff;}
.sku-cell .cont .item.disabled{background-color: #ccc;border-color: #ccc;color: #fff;cursor: not-allowed;}

.num-box{width: 100%;margin-top: var(--margin-12);}
.num-box .tit{width: 100%;font-size: var(--font-size-12);color: #999;font-weight: bold;}
.num-box .cont{width: 100%;display: flex;align-items: center;margin-top: var(--margin-8);}
.num-box .cont .num-item{width: 2.5rem;height: 2.5rem;display: flex;align-items: center;justify-content: center;border: solid 1px #ebebed;font-size: var(--font-size-16);font-weight: bold;color: #999999;cursor: pointer;user-select: none;}
.num-box .cont .num-item.decrease{border-top-left-radius: 0.3rem;border-bottom-left-radius: 0.3rem;}
.num-box .cont .num-item.increase{border-top-right-radius: 0.3rem;border-bottom-right-radius: 0.3rem;}
.num-box .cont .num-item.num{border-left: none;border-right: none;width: 3.75rem;}
.num-box .cont .num-item.num input{width: 100%;height: 100%;border: none;text-align: center;}

.ctrl-box{padding: var(--padding-16);box-sizing: border-box;border-radius: 0.625rem;display: flex;align-items: center;margin-top: 3rem;}
.ctrl-box .cart-btn{min-width: 0;flex: 1;display: flex;border-radius: 0.625rem;overflow: hidden;height: 3rem;}
.ctrl-box .cart-btn .add-cart{width: 6.8rem;height: 100%;display: flex;align-items: center;justify-content: center;background-color: var(--default-color);cursor: pointer;}
.ctrl-box .cart-btn .add-cart.disabled{background-color: #ccc;cursor: not-allowed;}
.ctrl-box .cart-btn .add-cart img{width: 1.5rem;height: 1.5rem;}
.ctrl-box .cart-btn .buy{min-width: 0;flex: 1;height: 100%;display: flex;align-items: center;justify-content: center;background-color: #ffd814;cursor: pointer;font-size: var(--font-size-16);font-weight: bold;}
.ctrl-box .cart-btn .buy.disabled{background-color: #ccc;cursor: not-allowed;}
.ctrl-box .favor{padding-left: var(--padding-32);display: flex;flex-direction: column;align-items: center;justify-content: center;cursor: pointer;}
.ctrl-box .favor img{width: 1.25rem;height: 1.25rem;}
.ctrl-box .favor span{font-size: var(--font-size-12);font-weight: bold;}

.sub-tit{width: 100%;font-size: var(--font-size-20);font-weight: bold;padding: var(--padding-32) 0;}

.attr-list{width: 100%;}
.attr-list .head-attr{width: 100%;height: 6.25rem;background-color: #f7f7f7;border-radius: 0.85rem;display: flex;align-items: center;}
.attr-list .head-attr .item{width: 50%;padding: var(--padding-12);display: flex;flex-direction: column;align-items: center;justify-content: center;}
.attr-list .head-attr .item .cont{font-size: var(--font-size-16);font-weight: bold;}
.attr-list .head-attr .item .tit{margin-top: var(--margin-4);font-size: var(--font-size-12);color: #999;}
.attr-list .cell-list{width: 100%;padding: var(--padding-24) 0;border-bottom: solid 2px #fafafa;}
.attr-list .cell-list .cell{width: 100%;padding: var(--padding-8);display: flex;}
.attr-list .cell-list .cell .tit{font-size: var(--font-size-14);color: #999;width: 5rem;}
.attr-list .cell-list .cell .cont{font-size: var(--font-size-14);margin-left: var(--margin-12);}


.content{width: 100%;}


@media (min-width: 993px) {
    .goods-main{max-width: 49%;}
    .goods-container-main{position: fixed;top: 0; right: max(calc((100vw - 1200px) / 2), 0px);width: 36.25rem;background-color: #fff;padding-left: var(--padding-24);padding-bottom: 4rem;max-height: 100vh;padding-top: calc(5rem + 6rem);box-sizing: border-box;display: flex;flex-direction: column;max-width: 49%;}
    .goods-container-main .goods-info{margin-top: 0;}
    .goods-container-main .goods-cm-box{min-height: 0;flex: 1;overflow-y: auto;}
}

@media (max-width: 1201px) {}

@media (max-width: 993px) {
    .goods-main{width: 100%;}
    .goods-thumb-swiper{display: none;}
}

@media (max-width: 768px) {}

@media (max-width: 576px) {}