@CHARSET "UTF-8";

/* 分类横幅样式 */
.category-banner {
    width: 100%;
    background: url(../img/3.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
    overflow: hidden;
    min-height: 280px;
    display: block;
}

.category-banner-inner {
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
    padding: 60px 20px;
    position: relative;
    z-index: 2;
    margin-top: 34px;
}

.category-banner-content {
    text-align: center;
}

.category-banner-title {
    font-size: 54px;
    font-weight: bold;
    color: #fff;
    margin: 0 0 48px 0;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.category-banner-subtitle {
    font-size: 22px;
    color: rgba(255, 255, 255, 0.9);
    margin: 0;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.category-banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.05));
    z-index: 1;
}

/* 商品展示横幅样式 */
.category-banner-product {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    width: 100%;
}

.banner-product-left {
    flex: 1;
    max-width: 600px;
    /* background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%); */
    padding: 40px;
    border-radius: 12px;
    /* box-shadow: 0 4px 20px rgba(0,0,0,0.1); */
}

.banner-product-title {
    font-size: 28px;
    font-weight: bold;
    color: #333;
    margin: 0 0 20px 0;
    line-height: 1.4;
}

.banner-product-desc {
    font-size: 16px;
    color: #666;
    margin: 0 0 30px 0;
    line-height: 1.6;
}

.banner-product-price {
    font-size: 36px;
    font-weight: bold;
    color: #FF7043;
    margin: 0 0 30px 0;
}

.banner-buy-button {
    display: inline-block;
    background: url(../img/2_03.png) no-repeat center center;
    background-size: contain;
    padding: 8px 27px;
    color: #fff;
    padding: 14px 40px;
    border-radius: 6px;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    transition: all 0.3s;
    box-shadow: 0 2px 8px rgba(255, 112, 67, 0.3);
}

.banner-buy-button:hover {
    /* background: #ff5722; */
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(255, 112, 67, 0.4);
}

.banner-product-right {
    flex: 1;
    display: flex;
    gap: 15px;
    justify-content: flex-end;
    align-items: center;
}

.banner-product-img {
    width: 200px;
    height: 200px;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner-product-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 1200px) {
    .category-banner-product {
        flex-direction: column;
        gap: 30px;
    }

    .banner-product-left {
        max-width: 100%;
    }

    .banner-product-right {
        justify-content: center;
        flex-wrap: wrap;
    }

    .banner-product-img {
        width: 150px;
        height: 150px;
    }
}

@media (max-width: 1200px) {
    .category-banner-inner {
        width: 100%;
        padding: 40px 20px;
    }

    .category-banner-title {
        font-size: 28px;
    }

    .category-banner-subtitle {
        font-size: 14px;
    }
}

.wst-hot-sales {
    width: 1200px;
    height: 350px;
    margin: 0 auto;
    margin-top: 5px;
    display: flex;
}

.wst-hot-sales .wst-sales-logo {}

.wst-hot-sales .wst-sales-box {
    display: flex;
    gap: 10px;
    width: 100%;
}

.wst-hot-sales .wst-sales-box .item {
    width: 226px;
}

.wst-hot-sales .wst-sales-box .item:hover {
    transform: translateY(-2px);
    cursor: pointer;
}

.wst-hot-sales .wst-sales-box .item img {
    width: 100%;
    height: 226px;
}

.wst-hot-sales .wst-sales-box .item .p-name {
    width: 90%;
    margin: 0 10%;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 10px;
}

.wst-hot-sales .wst-sales-box .item .p-price {
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #00A384;
    font-weight: 600;
}

.wst-hot-sales .wst-sales-box .item .p-buy {
    width: 100%;
    
}

.wst-hot-sales .wst-sales-box .item .p-buy a {
    display: inline-block;
    color: white;
    width: 100%;
    
    text-align: center;
    background-color: #00A386;
    font-size: 16px;
    margin: 10px 0;
    padding: 10px 0;
    border-radius: 10px;
}

.wst-filters {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    color: #999;
}

.wst-filters div.item,
.wst-address div.item {
    float: left;
    margin-right: 6px;
    position: relative;
}

.wst-filters .arrow,
.wst-address .arrow {
    float: left;
    position: relative;
    top: 2px;
    padding-right: 12px;
    font-style: normal;
}

.wst-filters .item .link,
.wst-address .item .link {
    color: #666;
    float: left;
    border: 0px;
    margin-right: 5px;
    height: 22px;
    line-height: 22px;
}

.wst-filters .item .drop-down,
.wst-address .item .drop-down {
    float: left;
    margin-right: 5px;
    border: 1px solid #eee;
    display: inline-block;
    height: 23px;
    line-height: 23px;
    padding: 0 4px 0 8px;
    vertical-align: top;
    position: relative;
    background-color: #fff;
}

.wst-filters .item .drop-down .drop-down-arrow,
.wst-address .item .drop-down .drop-down-arrow {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: top;
    background: url(../img/search.png) no-repeat 4px 7px;
    -webkit-transition: background-position .15s ease-in-out;
    -moz-transition: background-position .15s ease-in-out;
    transition: background-position .15s ease-in-out;
}

.wst-filters .item .drop-down.hover {
    border-color: #df2003;
    border-bottom: 0;
    z-index: 100
}

.wst-address .item .drop-down.hover {
    border-color: #ddd;
    border-bottom: 0;
    z-index: 2
}

.wst-filters .item .drop-down.hover .drop-down-arrow,
.wst-address .item .drop-down.hover .drop-down-arrow {
    background-position: 4px -44px;
}

.wst-filters .item .dorp-down-layer {
    border: 1px solid #ddd;
    border-top: 0;
    display: none;
    left: 0px;
    top: 22px;
    position: absolute;
    z-index: 99;
    background: #fff;
    min-width: 320px;
    border: 1px solid #df2003;
}

.wst-address .item .dorp-down-layer {
    padding: 10px;
    border: 1px solid #ddd;
    border-top: 0;
    display: none;
    left: 0px;
    top: 22px;
    position: absolute;
    z-index: 1;
    background: #fff;
    min-width: 320px;
    border: 1px solid #ddd;
}

.wst-filters .item .dorp-down-layer div.cat1,
.wst-address .item .dorp-down-layer div.cat1 {
    float: left;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 4px 8px;
}

.wst-filters .item .dorp-down-layer div.cat2,
.wst-address .item .dorp-down-layer div.cat2 {
    float: left;
    width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 4px 8px;
}

.wst-filters .item .dorp-down-layer div:hover,
.wst-filters .item .dorp-down-layer a:hover {
    color: #df2003;
    cursor: pointer;
}

.wst-address .item .dorp-down-layer div:hover,
.wst-address .item .dorp-down-layer a:hover {
    color: #ff8043;
    cursor: pointer;
}

.wst-filters .item .v-item,
.wst-address .item .v-item {
    float: left;
    color: #666;
    border: 1px solid #ddd;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    margin: 0 5px 5px 0;
    padding: 0 30px 0 4px;
    position: relative;
    vertical-align: top;
}

.wst-filters .item .v-item:hover,
.wst-address .item .v-item:hover {
    border-color: #e4393c;
}

.wst-filters .item .v-item i,
.wst-address .item .v-item i {
    display: block;
    position: absolute;
    width: 25px;
    height: 22px;
    right: 0;
    text-align: center;
    font-style: normal;
    top: 0;
}

.wst-filters .item .v-item:hover i,
.wst-address .item .v-item:hover i {
    background-color: #e4393c;
    color: #fff;
}

.wst-filters .keyword,
.wst-address .keyword {
    height: 22px;
    line-height: 22px;
}

.wst-selector {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    color: #999;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #eee;
    overflow: hidden;
}

.wst-selector .head {
    padding-left: 15px;
    background: #f8f8f8 none repeat scroll 0 0;
    border-bottom: 1px solid #eee;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    font-weight: bold;
    color: #333;
}

.wst-selector .main {
    background: #fff;
    padding: 10px 0;
}

.wst-selector .item {
    border-bottom: 1px solid #eee;
    line-height: 40px;
    width: 100%;
    height: auto;
    padding: 8px 0;
}

.wst-selector .item:last-child {
    border-bottom: none;
}

.wst-selector .label {
    float: left;
    width: 90px;
    padding-left: 15px;
    font-weight: 500;
    color: #333;
}

.wst-selector .content {
    float: left;
    width: calc(100% - 120px);
    min-height: 30px;
    overflow: hidden;
    padding-right: 15px;
}

.wst-selector .content .s-item {
    float: left;
    margin-right: 20px;
    color: #666;
    cursor: pointer;
    padding: 4px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 8px;
    transition: all 0.3s;
}

.wst-selector .content .s-item:hover {
    border-color: #4285F4;
    color: #4285F4;
}

.wst-selector .content .s-item.selected {
    border-color: #4285F4;
    background: #4285F4;
    color: #fff;
}

/* 价格筛选按钮样式优化 */
.wst-selector .content .s-item {
    display: inline-block;
    text-align: center;
    min-width: 60px;
    line-height: 28px;
}

.wst-selector .extra {
    float: left;
    width: 115px;
    margin-top: 5px;
}

.extra_more {
    float: left;
    margin-right: 10px;
    position: relative;
    width: 39px;
    height: 23px;
    line-height: 23px;
    padding: 0 7px 0 4px;
    background: #fff;
    visibility: hidden;
    color: #333;
    border: 1px solid #ddd;
}

.extra_multi {
    float: left;
    height: 23px;
    line-height: 23px;
    border: 1px solid #DDD;
    padding: 0 3px 0 18px;
    position: relative;
    background: #fff;
    color: #333;
}

.extra_multi i,
.extra_more i {
    position: absolute;
    display: block;
    font-style: normal;
    width: 13px;
    height: 20px;
    background-image: url(../img/search.png);
    transition: all ease 0.2s;
}

.extra_more i {
    top: 1px;
    right: 2px;
    width: 20px;
    background-position: 4px 7px;
}

.extra_more:hover,
.extra_more:hover i {
    color: red;
    background-position: 4px -10px;
}

.extra_multi:hover,
.extra_multi:hover i {
    border-color: red;
    color: red;
    background-position: 0px -84px;
}

.extra_more_on i {
    background-position: 4px -27px !important
}

.extra_more_on:hover i {
    background-position: 4px -44px !important
}

.extra_multi i {
    left: 3px;
    top: 1px;
    background-position: 0 -63px;
}

.multi_on {
    border: 2px solid #edd28b !important;
    background: #fffdee;
    height: 120px;
    width: 1195px !important;
}

.multi_btns {
    width: 100%;
    text-align: center;
    margin: 10px 0;
}

.multi_btns a {
    display: inline-block;
    padding: 0px 7px;
    border: 1px solid #ddd;
    color: #666;
    background-color: #f7f7f7;
    border-radius: 2px;
}

.multi_btns .confirm_btn {
    background-color: #E74649;
    color: #fff;
    margin-right: 10px;
    visibility: hidden;
}

.multi_btns .disable_btn {
    background-color: #ddd;
    color: #fff;
}

.s-item i {
    position: absolute;
    left: 0;
    top: 2px;
    background: url(../img/search.png) no-repeat 9999px 9999px;
    display: inline-block;
    height: 12px;
    width: 12px;
    background-color: #fff;
    border: 1px solid #f1f1f1;
    font-size: 0;
    visibility: hidden;
}

.selected i {
    border-color: #e4393c;
    background-position: -1px -107px !important;
}

.multi_on .s-item i {
    visibility: visible;
}

.s_chk {
    padding-left: 18px;
    position: relative
}

.brand_itembox {
    padding: 1px 0 !important;
    height: 70px;
    margin: 10px 0;
}

.brand_item {
    width: 10%;
    border: 1px solid #DDD;
    margin: -1px -1px 0 0 !important;
    height: 68px;
    overflow: hidden;
    text-align: center;
    background-color: #fff;
}

.brand_item a.s_chk {
    visibility: hidden !important;
}

.brand_itembox .selected {
    position: relative;
    z-index: 10;
    border-color: #e4393c !important;
}

.brand_itembox .selected .g_bd_imgbox {
    border-color: #e4393c;
}

.brand_item:hover {
    position: relative;
    z-index: 10;
    border-color: #e4393c;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, .12);
}

.brand_item:hover .g_bd_imgbox {
    color: #e4393c;
    line-height: 68px;
}

.brand_item:hover .g_bd_img {
    display: none;
}

.g_bd_img {
    width: 100%;
    height: 100%;
}

.g_bd_imgbox {
    border: 1px solid transparent;
    width: 98%;
    height: 68px;
    line-height: 28px;
}

.wst-selector .item-more-box {
    border-top: 1px solid #ddd;
    position: relative;
    text-align: center;
    top: -1px;
    transition: border-color 0.15s ease-in-out 0s;
}

.wst-selector .item-more-box .item-more {
    position: relative;
    top: -1px;
    border-top: 0px;
    padding: 0 40px 0 20px;
    background: #fff none repeat scroll 0 0;
    border-color: #fff #ddd #ddd;
    border-style: solid;
    border-width: 1px;
    color: #333;
    cursor: pointer;
    display: inline-block;
    height: 28px;
    line-height: 28px;
    position: relative;
}

.wst-selector .item-more-box .item-more i {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: top;
    background: url(../img/search.png) no-repeat;
    position: absolute;
    top: 3px;
}

.wst-selector .item-more-box .item-more i.drop-down {
    background-position: 4px 7px;
}

.wst-selector .item-more-box .item-more i.down-hover {
    background-position: 4px -11px;
}

.wst-selector .item-more-box .item-more i.drop-up {
    background-position: 4px -27px;
}

.wst-selector .item-more-box .item-more i.up-hover {
    background-position: 4px -44px;
}

.wst-selector .item-more-box .item-more i.drop-down-icon {
    background-position: 4px -9px;
}

.wst-selector .item-more-box:hover {
    border-color: #e4393c;
}

.wst-selector .item-more-box:hover .item-more {
    border-color: #fff #e4393c #e4393c;
    color: #e4393c;
}

.wst-container .goods-side {
    float: left;
    width: 210px;
    margin-top: 10px;
    margin-right: 5px;
}

.wst-container .goods-side .title {
    line-height: 35px;
    background-color: #f7f7f7;
    text-align: center;
}

.wst-container .goods-side .guess-like {
    min-height: 300px;
    border: 1px solid #eee;
    padding-bottom: 10px;
}

.wst-container .goods-side .item {
    padding-top: 10px;
    background: #fff;
}

.wst-container .goods-side .item .img {
    width: 200px;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    display: block;
    position: relative;
    display: table-cell;
    padding: 4px;
}

.wst-container .goods-side .item .img a {
    display: table-cell;
    vertical-align: middle;
    width: 200px;
    height: 200px;
}

.wst-container .goods-side .item .img a img {
    max-width: 190px;
    max-height: 190px;
}

.wst-container .goods-side .item .p-price {
    padding: 5px;
    font-weight: bold;
    color: #C00;
    font-size: 14px;
}

.wst-container .goods-side .item .v-price {
    text-decoration: line-through;
    color: #999;
    margin-left: 10px;
    font-weight: normal;
    font-size: 12px
}

.wst-container .goods-side .hot-goods {
    min-height: 300px;
    border: 1px solid #eee;
    margin-top: 15px;
    padding-bottom: 10px;
}

.wst-container .goods-main {
    float: right;
    width: 980px;
    margin-top: 10px;
    position: relative;
}

.goods-main .goods-filters {
    border-top: 1px solid #ddd;
    margin-bottom: 5px;
    position: relative;
    z-index: 4;
}

.goods-main .goods-filters .line {
    padding: 5px;
    height: 25px;
    border-bottom: 1px solid #e5e5e5;
}

.goods-main .goods-filters .line2 {
    background: #f7f7f7;
}

.goods-filters .line2 a {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e9e7e7;
    color: #333;
    float: left;
    height: 23px;
    line-height: 23px;
    padding: 0 20px;
}

.goods-filters .line2 a:hover {
    border: 1px solid #DF2003;
}

.goods-filters .line .city {
    float: left;
    width: auto;
}

.goods-filters .line .chk {
    float: left;
    height: 23px;
    line-height: 23px;
    margin-right: 10px;
}

.goods-filters .line a.curr {
    background: #DF2003 none repeat scroll 0 0;
    border: 1px solid #DF2003;
    color: #fff;
}

.goods-filters .line .store,
.goods-filters .line .store2,
.goods-filters .line .store3 {
    float: right;
    width: 16px;
    height: 13px;
    margin: 5px 0px 0px 3px;
}

.goods-filters .line .store {
    background: url(../img/store_icon_sx.png) 0px 0px no-repeat;
}

.goods-filters .line .store2 {
    background: url(../img/store_icon_sx_sel.png) 0px 0px no-repeat;
}

.goods-filters .line .store3 {
    background: url(../img/store_icon_sx_sel_up.png) 0px 0px no-repeat;
}

.wst-price-ipts {
    float: left;
    position: relative;
}

input.wst-price-ipt {
    width: 66px;
    height: 19px;
    outline: none;
    padding-left: 18px;
    border: 1px solid #e9e7e7;
}

input.wst-price-ipt:focus {
    border: 1px solid #ff8043;
}

.wst-price-ipt1 {
    position: absolute;
    left: 14px;
    top: 4px;
}

.wst-price-ipt2 {
    position: absolute;
    right: 74px;
    top: 4px;
}

.wst-price-but {
    outline: none;
    background: #f7f7f7;
    color: #9f9696;
    border: 1px solid #dad7d7;
    cursor: pointer;
}

.wst-price-but:not(.disabled):not(:disabled):active,
.wst-price-but.active {
    background: #f1f1f1;
    background-clip: padding-box;
}

.goods-list {
    width: 100%;
}

.goods-list .goods {
    width: 233px;
    margin: 5px 4px 5px 6px;
    border: 1px solid #eee;
    float: left;
    height: 430px;
    background: #fff
}

.goods-list .goods:hover {
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 0 10px #ddd;
    -moz-box-shadow: 0 0 10px #ddd;
    box-shadow: 0 0 10px #ddd;
}

.goods-list .goods .img {
    width: 233px;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    display: block;
    position: relative;
    display: table-cell;
    padding: 4px;
}

.goods-list .goods .img a {
    display: table-cell;
    vertical-align: middle;
    width: 233px;
    height: 233px;
}

.goods-list .goods .img a img {
    max-width: 210px;
    max-height: 210px;
}

.goods-list .goods .p-price {
    height: 26px;
    line-height: 26px;
    padding: 5px 0px 5px 12px;
    font-weight: bold;
    color: #C00;
    font-size: 14px;
    width: 113px;
    float: left;
    overflow: hidden;
}

.goods-list .goods .p-hsale {
    padding: 5px 12px 5px 0;
    width: 93px;
    float: right;
    text-align: right;
}

.goods-list .goods .p-hsale span {
    font-weight: bold;
    color: #df2003;
}

.goods-list .goods .p-hsale .p-add-cart {
    line-height: 24px;
    display: block;
    border: 1px solid #DF2003;
    width: 75px;
    height: 24px;
    text-align: center;
    color: #DF2003;
    float: right;
}

.goods-list .goods .p-hsale .p-add-cart:hover {
    background: #DF2003;
    color: white;
}

.goods-list .goods .p-name {
    height: 40px;
    line-height: 20px;
    overflow: hidden;
    width: 210px;
    margin-left: 12px;
}

.goods-list .goods .p-shop {
    padding: 5px 5px 5px 12px;
    position: relative;
}

.goods-list .goods .p-shop .contrast {
    position: absolute;
    padding-left: 17px;
    top: 5px;
    right: 10px;
    z-index: 1;
}

.goods-list .goods .p-shop .contrast:hover {
    color: #e4393c;
}

.goods-list .goods .p-shop .contrast i {
    position: absolute;
    top: 3px;
    left: 0;
    width: 14px;
    height: 14px;
    background: url(../img/contrast.png) 0 0 no-repeat;
    background-size: 100%;
}

.goods-list .goods .p-mprice {
    color: #999;
    padding: 5px 0px 5px 12px;
    width: 113px;
    float: left;
}

.goods-list .goods .p-mprice span {
    text-decoration: line-through;
}

.goods-list .goods .p-appraise {
    padding: 5px 5px 5px 0px;
    width: 100px;
    float: right;
    text-align: right;
}

.goods-list .goods .p-appraise span {
    font-weight: bold;
    color: #1499E5;
}

.goods-list .goods .tags {
    padding-left: 10px;
}

.goods-list .goods .tags .tag {
    background: #DF2003;
    color: #ffffff;
    padding: 0px 4px 1px 4px;
    margin-right: 5px;
    border-radius: 8%
}

.img_list {
    padding-left: 5px;
}

.img_list li {
    float: left;
    width: 25px;
    height: 25px;
    margin-right: 2px;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
}

.img_list li.curr {
    border: 1px solid red;
}

.img_list li img {
    max-width: 100%;
    max-height: 100%;
}

.wst-recommend,
.wst-relook {
    margin-bottom: 20px;
    height: 410px;
    border: 1px solid #ddd;
}

.wst-recommend .title,
.wst-relook .title,
.wst-gview .title {
    line-height: 35px;
    background-color: #f7f7f7;
    padding: 0 10px;
    border-top: 2px solid #ddd;
}

.tgoods-list {
    width: 100%;
}

.tgoods-list .goods {
    width: 230px;
    margin: 5px 0px 5px 6px;
    border: 1px solid #ddd;
    float: left;
}

.tgoods-list .goods:hover {
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 0 10px #ddd;
    -moz-box-shadow: 0 0 10px #ddd;
    box-shadow: 0 0 10px #ddd;
}

.tgoods-list .goods .img {
    width: 230px;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    display: block;
    position: relative;
    display: table-cell;
    padding: 4px;
}

.tgoods-list .goods .img a {
    display: table-cell;
    vertical-align: middle;
    width: 230px;
    height: 230px;
}

.tgoods-list .goods .img a img {
    max-width: 223px;
    max-height: 223px;
}

.tgoods-list .goods .p-price {
    padding: 5px 0px 5px 5px;
    font-weight: bold;
    color: #df2003;
    width: 120px;
    float: left;
    font-size: 14px;
}

.tgoods-list .goods .p-hsale {
    padding: 5px 5px 5px 0;
    width: 100px;
    float: right;
    text-align: right;
}

.tgoods-list .goods .p-hsale span {
    font-weight: bold;
    color: #df2003;
}

.tgoods-list .goods .p-hsale .p-add-cart {
    line-height: 15px;
    display: block;
    border: 1px solid #ff6a53;
    width: 75px;
    height: 15px;
    text-align: center;
    color: #ff6a53;
    float: right;
}

.tgoods-list .goods .p-hsale .p-add-cart:hover {
    background: #ff6a53;
    color: white;
}

.tgoods-list .goods .p-name {
    height: 40px;
    line-height: 20px;
    overflow: hidden;
    padding: 0 5px;
}

.tgoods-list .goods .p-shop {
    padding: 5px;
}

.tgoods-list .goods .p-mprice {
    color: #999;
    padding: 5px 0px 5px 5px;
    width: 120px;
    float: left;
}

.tgoods-list .goods .p-mprice span {
    text-decoration: line-through;
    margin-left: 10px;
    font-weight: normal;
}

.tgoods-list .goods .p-appraise {
    padding: 5px 5px 5px 0;
    width: 100px;
    float: right;
    text-align: right;
}

.tgoods-list .goods .p-appraise span {
    font-weight: bold;
    color: #1499E5;
}

.wst-gview {
    margin-top: 10px;
    margin-bottom: 35px;
    height: 270px;
    border: 1px solid #ddd;
}

.wst-gview .view-goods .item {
    float: left;
    position: relative;
    width: 162px;
    margin: 5px 0px 5px 6px;
    border: 1px solid #eeeeee;
    float: left;
    background: #fff
}

.wst-gview .view-goods .item:hover {
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 0 10px #ddd;
    -moz-box-shadow: 0 0 10px #ddd;
    box-shadow: 0 0 10px #ddd;
}

.wst-gview .view-goods .item .img {
    width: 156px;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    display: block;
    position: relative;
    display: table-cell;
    padding: 4px;
}

.wst-gview .view-goods .item .img a {
    display: table-cell;
    vertical-align: middle;
    width: 156px;
    height: 156px;
}

.wst-gview .view-goods .item .img a img {
    max-width: 156px;
    max-height: 156px;
}

.wst-gview .view-goods .item .p-price {
    padding: 5px;
    font-weight: bold;
    color: #df2003;
}

.wst-gview .view-goods .item .v-price {
    text-decoration: line-through;
    color: #999;
    margin-left: 6px;
    font-weight: normal;
}

/*自定义复选框-列*/
.checkbox-box-s {
    float: left;
    width: 15px;
    height: 20px;
    margin-top: 3px;
}

.wst-checkbox-s+label {
    -webkit-appearance: none;
    background-color: #ffffff;
    border: 1px solid #d5d5d5;
    padding: 6px;
    display: inline-block;
    position: relative;
}

.wst-checkbox-s+label:after {
    content: '\2714';
    color: #f1f1f1;
    font-size: 13px;
    position: absolute;
    top: -5px;
    left: 1px;
}

.wst-checkbox-s:checked+label {
    border: 1px solid #ff8043;
    /* 修改选框选中颜色*/
}

.wst-checkbox-s:checked+label:after {
    content: '\2714';
    color: #ff8043;
    font-size: 13px;
    position: absolute;
    top: -5px;
    left: 1px;
}

.checkbox-box-s .wst-checkbox-s {
    position: relative;
    z-index: -654;
    left: -6px;
    top: -1px;
}

.checkbox-box-s label {
    position: relative;
    top: -24px;
    left: -4px;
}

.wst-no-goods {
    height: 50px;
    line-height: 50px;
    color: red;
    text-align: center;
    font-weight: bold;
}

.wst-no-goods span {
    color: #999;
}

/*发货地*/
.tab-header {
    border-bottom: 2px solid #df2003;
    width: 100%;
    height: 20px;
    background: #fff;
}

.tab li {
    display: block;
    margin: 0px;
    float: left;
    background-color: #fff;
    height: 20px;
}

.tab-item1 a {
    background: #fff;
    color: gray;
    border: 1px solid #ddd;
    float: left;
    min-width: 80px;
    width: auto;
    text-align: center;
}

.j-tab-selected1 a {
    background: #fff;
    border: 2px solid #df2003;
    border-bottom: #fff solid 2px;
}

.area {
    float: left;
    overflow: hidden;
    padding: 4px 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80px;
}

.area-box li {
    float: left;
    width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 4px 8px;
}

/*商品对比*/
.wst-contrast {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 29px;
}

.wst-contrast .goods {
    background: #fff;
}

.wst-contrast .goods .table,
.wst-contrast .table2 {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    border-top: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;
    margin-top: -1px;
}

.wst-contrast .goods .table td,
.wst-contrast .goods .table th {
    padding: 20px 0 16px;
    border-right: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    line-height: 24px;
    font-family: SimSun;
    background: #fff;
}

.wst-contrast .goods .table th {
    width: 125px;
    text-align: right;
    font-weight: 400;
    background: #f7f7f7;
    color: #999;
}

.wst-contrast .choice {
    margin-left: 10px;
    margin-bottom: 10px;
    text-align: left;
}

.wst-contrast .choice input {
    margin-right: 5px;
    vertical-align: middle;
}

.wst-contrast .choice label {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    vertical-align: middle;
    color: #666;
}

.wst-contrast .goods-item {
    width: 200px;
    margin: 0 auto;
}

.wst-contrast .goods-item:hover .operation .del {
    opacity: 1;
}

.wst-contrast .goods-item .img {
    width: 100%;
    height: 160px;
    text-align: center;
}

.wst-contrast .goods-item .img img {
    width: 160px;
    border: 0;
    vertical-align: middle;
}

.wst-contrast .goods-item .name {
    height: 32px;
    overflow: hidden;
    margin-top: 10px;
    line-height: 16px;
    color: #333;
}

.wst-contrast .goods-item .price {
    height: 28px;
    line-height: 28px;
    margin-top: 10px;
    font-family: "Microsoft YaHei";
    font-size: 14px;
    color: #e4393c;
}

.wst-contrast .goods-item .price span {
    font-size: 20px;
    font-weight: 400;
}

.wst-contrast .goods-item .operation {
    position: relative;
    width: 100%;
    height: 30px;
    margin-top: 13px;
}

.wst-contrast .goods-item .operation .see {
    display: block;
    margin-bottom: 10px;
    width: 80px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #e4393c;
    color: #fff;
}

.wst-contrast .goods-item .operation .see:hover {
    background: #e75153;
}

.wst-contrast .goods-item .operation .del {
    position: absolute;
    right: 0;
    top: 5px;
    font: 12px/20px SimSun;
    opacity: 0;
}

.wst-contrast .goods-item .operation .del:hover {
    color: #e4393c;
}

.wst-contrast .goods-fixed {
    position: fixed;
    top: 0;
    z-index: 100;
    left: 50%;
    width: 1200px;
    margin-left: -600px;
}

.wst-contrast .goods-fixed .img {
    float: left;
    width: 100px;
    height: 100px;
}

.wst-contrast .goods-fixed .img img {
    width: 90px;
    margin-top: 5px;
}

.wst-contrast .goods-fixed .name {
    display: none;
}

.wst-contrast .goods-fixed .price,
.wst-contrast .goods-fixed .operation {
    float: left;
    width: 100px;
}

.wst-contrast .goods-fixed .operation .del {
    right: -16px;
}

.wst-contrast .goods-fixed2 {
    display: none;
}

.wst-contrast .goods-fixed2 th {
    height: 126px;
}

.wst-contrast .table2 td,
.wst-contrast .table2 th {
    padding: 20px 0 16px;
    border-right: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    line-height: 24px;
    font-family: SimSun;
    background: #fff;
}

.wst-contrast .table2 th {
    width: 125px;
    text-align: right;
    font-weight: 400;
    background: #f7f7f7;
    color: #999;
}

.wst-contrast .table2 .left-title {
    margin-right: 36px;
}

.wst-contrast .table2 .right-title {
    padding-left: 35px;
    width: 200px;
    overflow: hidden;
    word-wrap: break-word;
}

.wst-contrast .table2 .list-box {
    width: 200px;
    padding-left: 35px;
}

.wst-contrast .table2 .list-box li {
    float: left;
    height: 29px;
    line-height: 29px;
    padding: 0 13px;
    border: 1px solid #d7d7d7;
    margin-right: 6px;
    margin-bottom: 6px;
    cursor: pointer;
}

.wst-contrast .table2 .list-box li.img {
    padding: 0;
    height: 40px;
}

.wst-contrast .table2 .list-box li img {
    width: 40px;
    height: 40px;
}

.wst-contrast .table2 .list-box li:hover {
    color: #e4393c;
}

.wst-contrast .table2 .list-box li.active {
    color: #e4393c;
    border-color: #e4393c;
}

.wst-contrast .table2 .identical_0.active td {
    background: #f4f9fd;
}

.wst-contrast .table2 .identical_1.active {
    display: none;
}

/*商品对比*/
.wst-cont-frame {
    position: fixed;
    bottom: -200px;
    right: 50%;
    margin-right: -602px;
    z-index: 100;
    width: 986px;
    height: 139px;
    background: #fff;
    -moz-box-shadow: 0 0 15px rgba(221, 221, 221, 0.8);
    -webkit-box-shadow: 0 0 15px rgba(221, 221, 221, 0.8);
    box-shadow: 0 0 15px rgba(221, 221, 221, 0.8);
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}

.wst-cont-frame.show {
    bottom: 0;
}

.wst-cont-frame .head {
    height: 32px;
    border: 1px solid #ddd;
    border-bottom: 2px solid #e23c3d;
    position: relative;
}

.wst-cont-frame .head span {
    float: left;
    width: 80px;
    height: 36px;
    line-height: 30px;
    text-align: center;
    font: 14px/30px 'microsoft yahei';
    position: relative;
    left: -1px;
    margin-top: -4px;
    background: #fff;
    border: 2px solid #e23c3d;
    border-bottom: 0;
    color: #e23c3d
}

.wst-cont-frame .head .close {
    text-align: right;
    position: absolute;
    right: 0;
    top: 0;
    padding-right: 22px;
    height: 30px;
    line-height: 30px;
    color: #005aa0;
}

.wst-cont-frame .list {
    border: 2px solid #e23c3d;
    border-top: none;
    position: relative;
}

.wst-cont-frame .goods {
    padding: 6px;
    color: #f1f1f1;
    height: 90px;
    overflow: hidden;
}

.wst-cont-frame .term {
    float: left;
    overflow: hidden;
    margin-right: 10px;
    padding: 17px 10px 12px 0;
    border-right: 1px dotted #e23c3d;
}

.wst-cont-frame .term:hover .info .price a {
    opacity: 1;
}

.wst-cont-frame .term .img {
    float: left;
    margin-right: 5px;
    width: 48px;
    height: 48px;
    text-align: center;
    border: 1px solid #fff;
    overflow: hidden;
}

.wst-cont-frame .term .info,
.wst-cont-frame .list .term-empty .info {
    float: left;
    width: 140px;
}

.wst-cont-frame .term .info .name {
    height: 36px;
    line-height: 18px;
    overflow: hidden;
    display: block;
    color: #333;
}

.wst-cont-frame .term .info .price span {
    color: #e4393c;
    font-size: 14px;
    font-family: Verdana;
    font-weight: bold;
}

.wst-cont-frame .term .info .price a {
    padding-left: 10px;
    color: #005aa0;
    opacity: 0;
}

.wst-cont-frame .term-empty {
    float: left;
    overflow: hidden;
    margin-right: 10px;
    padding: 17px 10px 12px 0;
    border-right: 1px dotted #e23c3d;
}

.wst-cont-frame .term-empty .img {
    float: left;
    margin-right: 5px;
    width: 48px;
    height: 48px;
    text-align: center;
    color: #f1f1f1;
    border: 1px solid #fff;
    font: 36px/48px arial;
    overflow: hidden;
    background: #f5f5f5;
}

.wst-cont-frame .term-contrast {
    position: absolute;
    right: 22px;
    top: 22px;
    width: 85px;
    text-align: center;
}

.wst-cont-frame .term-contrast .contrast {
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
    font: bold 14px/30px verdana;
    width: 60px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #e4393c;
    color: #fff;
}

.wst-cont-frame .term-contrast .contrast:hover {
    background: #e75153;
}

.wst-cont-frame .term-contrast .empty {
    color: #005aa0;
}

/* 新商品列表样式 */
.wst-container {
    display: flex;
    gap: 20px;
}

.goods-side {
    width: 240px;
    flex-shrink: 0;
}

.goods-sidebar {
    background: #f5f5f5;
    padding: 20px;
    border-radius: 8px;
}

.sidebar-title {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

.sidebar-count {
    font-size: 14px;
    color: #999;
    margin-bottom: 20px;
}

.sidebar-scenario {
    margin-top: 20px;
}

.scenario-title {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin-bottom: 15px;
}

.scenario-options {
    margin-bottom: 20px;
}

.scenario-option {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    color: #333;
}

.scenario-checkbox {
    margin-right: 8px;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.scenario-count {
    margin-left: 5px;
    color: #999;
}

.scenario-buttons {
    display: flex;
    gap: 10px;
}

.btn-apply,
.btn-reset {
    flex: 1;
    padding: 10px;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s;
}

.btn-apply {
    background: #4285F4;
    color: #fff;
}

.btn-apply:hover {
    background: #357AE8;
}

.btn-reset {
    background: #fff;
    color: #333;
    border: 1px solid #ddd;
}

.btn-reset:hover {
    background: #f5f5f5;
}

.goods-main {
    flex: 1;
    min-width: 0;
}

.goods-filters-new {
    margin-bottom: 20px;
    background: #fff;
    padding: 15px 20px;
    border-radius: 8px;
    border: 1px solid #eee;
}

.filter-top-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}

.filter-left {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.filter-right {
    display: flex;
    align-items: center;
}

.sort-section,
.shipping-section,
.checkbox-section,
.display-section {
    display: flex;
    align-items: center;
    gap: 8px;
}

.sort-label,
.shipping-label,
.display-label {
    font-size: 14px;
    color: #333;
    white-space: nowrap;
}

.sort-select {
    padding: 6px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
    min-width: 100px;
}

.shipping-section .city {
    position: relative;
}

.shipping-section .drop-down {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 6px 30px 6px 12px;
    background: #fff;
    min-width: 120px;
    display: inline-block;
}

.shipping-section .drop-down .link {
    color: #333;
    text-decoration: none;
    font-size: 14px;
}

.shipping-section .drop-down:hover {
    border-color: #4285F4;
}

.filter-checkbox {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    font-size: 14px;
    color: #333;
    white-space: nowrap;
}

.filter-checkbox input[type="checkbox"] {
    margin: 0;
    cursor: pointer;
}

.checkbox-section {
    gap: 15px;
}

.display-icon {
    font-size: 18px;
    color: #666;
    cursor: pointer;
}

/* 导航切换 - 与首页保持一致 */
.featured-services-nav {
    display: flex;
    gap: 15px;
    margin-bottom: 40px;
    flex-wrap: wrap;
}

.featured-nav-btn {
    padding: 10px 25px;
    font-size: 15px;
    color: #333;
    background: #fff;
    border: none;
    border-radius: 20px;
    cursor: pointer;
    transition: all 0.3s;
    white-space: nowrap;
    font-family: inherit;
}

.featured-nav-btn:hover {
    color: #4285F4;
    background: #f0f8ff;
}

.featured-nav-btn.active {
    background: #4285F4;
    color: #fff;
}

.featured-nav-btn.active:hover {
    background: #357ae8;
    color: #fff;
}

/* 商品导航切换 - 圆角矩形按钮样式（保留兼容性） */
.goods-nav-tabs {
    display: flex;
    gap: 15px;
    margin-bottom: 30px;
    align-items: center;
}

.nav-tab-item {
    padding: 10px 24px;
    font-size: 16px;
    color: #666;
    text-decoration: none;
    cursor: pointer;
    border-radius: 20px;
    border: 1px solid #e0e0e0;
    background: #fff;
    transition: all 0.3s;
    white-space: nowrap;
}

.nav-tab-item:hover {
    color: #4285F4;
    border-color: #4285F4;
}

.nav-tab-item.active {
    color: #fff;
    background: linear-gradient(135deg, #4285F4 0%, #357AE8 100%);
    border-color: #4285F4;
    font-weight: 500;
    box-shadow: 0 2px 8px rgba(66, 133, 244, 0.3);
}

/* 商品网格列表 - 图二样式（所有商品卡片大小一致，每行3个） */
.goods-grid-list {
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
    /* padding: 0 10px !important; */
    box-sizing: border-box !important;
}

/* 每一行容器 - 大盒子包裹 */
.goods-grid-row {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    width: 100% !important;
    align-items: stretch !important;
    box-sizing: border-box !important;
    margin-bottom: 20px !important;
}

/* 单个商品的盒子（左边或右边）- 大商品 */
.goods-grid-box-single {
    flex: 0 0 40% !important;
    width: 40% !important;
    max-width: 40% !important;
    display: flex !important;
    align-items: stretch !important;
    box-sizing: border-box !important;
}

.goods-grid-box-single .goods-grid-item {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

/* 4个商品的盒子（2x2网格）- 小商品 */
.goods-grid-box-multi {
    flex: 0 0 60% !important;
    width: 60% !important;
    max-width: 60% !important;
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    grid-template-rows: repeat(2, 1fr) !important;
    gap: 20px !important;
    box-sizing: border-box !important;
}

.goods-grid-item {
    /* background: #fff; */
    /* border-radius: 8px; */
    overflow: hidden;
    /* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); */
    transition: all 0.3s;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.goods-grid-item:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}

/* 大商品图片区域 - 高度更大 */
.goods-grid-box-single .goods-grid-item-img {
    width: 100%;
    height: 500px;
    /* 大商品图片高度 */
    position: relative;
    overflow: hidden;
    background: #f5f5f5;
    flex-shrink: 0;
}

/* 小商品图片区域 - 在4个商品的盒子里 */
.goods-grid-box-multi .goods-grid-item-img {
    width: 100%;
    height: 240px;
    /* 小商品图片高度，2行x240px + gap = 约500px */
    position: relative;
    overflow: hidden;
    background: #f5f5f5;
    flex-shrink: 0;
}

/* 默认商品图片区域（兼容性） */
.goods-grid-item-img {
    width: 100%;
    height: 280px;
    position: relative;
    overflow: hidden;
    background: #f5f5f5;
    flex-shrink: 0;
}

.goodsImg-grid {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* 标签 */
.goods-grid-tag {
    position: absolute;
    top: 10px;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: bold;
    border-radius: 4px;
    z-index: 10;
}

.goods-grid-tag-hot {
    background: #e13335;
    color: #fff;
    left: 10px;
}

.goods-grid-tag-new {
    background: #4285F4;
    color: #fff;
    right: 10px;
}

/* 商品内容 */
.goods-grid-item-content {
    margin-top: 10px;
    border: 1px solid #f5f3f3;
    padding: 10px;
    /* background-color: #F3F2F0; */
}

.goods-grid-item:hover .goods-grid-item-content{
    border: 1px solid #00A386;
}

.goods-grid-item:hover .goods-grid-item-info-wrapper {
    background-color: #00A386;
}

.goods-grid-item:hover .goods-grid-price-current {
    color: white;
}
.goods-grid-item:hover .goods-grid-item-name a {
    color: white;
}
.goods-grid-item:hover .goods-grid-item-btn {
    color: #F6D18B;
    border: 1px solid #F6D18B;
}

/* 商品信息包装器 - 包含标题描述和价格 */
.goods-grid-item-info-wrapper {
    background-color: #F5F5F5;
    padding: 20px 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    /* width: 100%; */
}

/* 商品文本区域 - 包含标题和描述 */
.goods-grid-item-text {
    width: 80%;
}

/* 商品按钮 */
.goods-grid-item-btns {
    display: flex;
    gap: 10px;
}

.goods-grid-item-btns a:hover {
    cursor: pointer;
}

.goods-grid-item-btns .goods-grid-item-btn {
    border: 1px solid #00A189;
    color: #00A189;
    width: 130px;
    text-align: center;
    border-radius: 10px;
    padding: 8px 0;
    font-size: 16px;
}

/* 商品描述 */
.goods-grid-item-desc {
    font-size: 12px;
    color: #9F2A01;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.4;
}

/* 大商品的内容区域 - 减少内边距 */
.goods-grid-box-single .goods-grid-item-content {
    padding: 12px 15px 15px 15px;
}

.goods-grid-box-single .goods-grid-item-name {
    font-size: 16px;
    margin-bottom: 12px;
    min-height: 48px;
}

.goods-grid-box-single .goods-grid-price-current {
    font-size: 22px;
}

.goods-grid-item-name {
    width: 100%;
}

.goods-grid-item-name a {
    display: inline-block;
    width: 100%;
    color: black;
    text-decoration: none;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.goods-grid-item-price {
    margin-bottom: 0;
    display: flex;
    align-items: center;

    white-space: nowrap;
    flex-shrink: 0;
    border-radius: 25px;
}

.goods-grid-price-current {
    color: #00A189;
    font-size: 25px;
    font-weight: bold;
    margin-right: 10px
}

.goods-grid-price-original {
    color: #999;
    font-size: 14px;
    text-decoration: line-through;
}

/* 隐藏评分和售卖信息 */
.goods-grid-item-info {
    display: none !important;
}

.goods-grid-rating {
    display: none !important;
}

.goods-grid-sale {
    display: none !important;
}

/* 隐藏加入购物车按钮 */
.goods-grid-add-cart-btn {
    display: none !important;
}

/* 响应式布局 */
@media (max-width: 1200px) {
    .goods-grid-list {
        max-width: 100%;
        padding: 0 15px;
    }

    .goods-grid-row {
        gap: 15px;
    }

    .goods-grid-box-single {
        flex: 0 0 40%;
        width: 40%;
    }

    .goods-grid-box-single .goods-grid-item-img {
        height: 450px;
    }

    .goods-grid-box-multi {
        flex: 0 0 60%;
        width: 60%;
        gap: 15px;
    }

    .goods-grid-box-multi .goods-grid-item-img {
        height: 217px;
    }
}

@media (max-width: 768px) {
    .goods-grid-row {
        flex-direction: column;
    }

    .goods-grid-box-single {
        flex: 0 0 100%;
    }

    .goods-grid-box-multi {
        flex: 0 0 100%;
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    .goods-grid-item-img {
        height: 240px;
    }
}

@media (max-width: 992px) {
    .goods-grid-list {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 480px) {
    .goods-grid-list {
        grid-template-columns: 1fr !important;
    }
}

/* 响应式布局 */
@media (max-width: 1200px) {
    .waterfall-item-large {
        width: calc(50% - 7.5px);
    }

    .waterfall-item-small {
        width: calc(25% - 11.25px);
    }
}

@media (max-width: 768px) {

    .waterfall-item-large,
    .waterfall-item-small {
        width: 100%;
    }

    .waterfall-item-large .waterfall-item-img {
        height: 300px;
    }

    .waterfall-item-small .waterfall-item-img {
        height: 200px;
    }
}

.goods-list-new {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.goods-item-new {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 20px;
    display: flex;
    gap: 20px;
    transition: all 0.3s;
    position: relative;
}

.goods-item-new:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.goods-img-wrapper-new {
    width: 200px;
    height: 200px;
    position: relative;
    flex-shrink: 0;
    border-radius: 6px;
    overflow: hidden;
    background: #f5f5f5;
}

.goods-item-content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.goods-img-new {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.goods-img-wrapper-new .goodsImg {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.goods-tag-new {
    position: absolute;
    top: 10px;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: bold;
    border-radius: 4px;
    z-index: 10;
}

.goods-tag-hot {
    background: #e13335;
    color: #fff;
    left: 10px;
}

.goods-tag-new-product {
    background: #4285F4;
    color: #fff;
    right: 10px;
}

.goods-rating-new {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    font-size: 12px;
}

.rating-stars {
    color: #ffc107;
    font-size: 14px;
    margin-right: 5px;
}

.rating-count {
    color: #999;
}

.goods-name-new {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

.goods-name-new a {
    color: #333;
    text-decoration: none;
}

.goods-name-new a:hover {
    color: #4285F4;
}

.goods-desc-new {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 15px;
    flex: 1;
}

.goods-price-new {
    margin-bottom: 10px;
}

.current-price {
    color: #4285F4;
    font-size: 20px;
    font-weight: bold;
    margin-right: 10px;
}

.original-price {
    color: #999;
    font-size: 14px;
    text-decoration: line-through;
}

.goods-sale-info {
    margin-bottom: 15px;
    font-size: 14px;
    color: #999;
}

.goods-add-cart-btn {
    background: #4285F4;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 10px 20px;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s;
    align-self: flex-start;
}

.goods-add-cart-btn:hover {
    background: #357AE8;
}

.goods-item-new>.goods-img-wrapper-new {
    flex: 0 0 200px;
}

.goods-item-new>.goods-item-content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.pagination-wrapper {
    text-align: center;
    margin: 30px 0;
    width: 100%;
}

#wst-pager {
    display: inline-block;
}