@CHARSET "UTF-8";
/*body{background-color:#9EA873}*/

/* 拼团活动区域样式 */
.wst-group-buying-section {
    width: 100%;
    background: #fff;
    padding: 30px 0;
    margin-top: 20px;
}

.wst-group-buying-container {
    width: 1200px;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 20px;
}

.wst-group-buying-text {
    width: 200px;
    margin-left: 354px;
}

.wst-group-buying-text h2 {
    font-size: 32px;
    font-weight: bold;
    color: #333;
    margin: 0;
    white-space: nowrap;
    letter-spacing: 2px;
}

.wst-group-buying-banner {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wst-group-buying-banner img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
    /* box-shadow: 0 2px 8px rgba(0,0,0,0.1); */
}

/* 电子产品分类区域样式 */
.wst-category-section {
    width: 1903px;
    margin: 0 auto;
    height: 695px;
    /* background: #f5f5f5; */
    /*margin: 20px 0;*/
    background: url('/wstmart/home/view/default/img/1_03.png') no-repeat center/100%;
    
    /* border-top-right-radius: 80px; */
}

.wst-category-container {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 20px;
}

.wst-category-header-wapper{
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-left: 360px;
}

/* 分类标题 */
.wst-category-header {
    /*position: absolute;*/
    /*top: 90px;*/
    /*left: 360px;*/
    z-index: 10;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.wst-category-icon {
    display: none;
}

.wst-category-title {
    font-size: 35px;
    font-weight: bold;
}

.wst-category-subtitle {
    font-size: 18px;
    color: #61543b;
    margin-top: 20px;
}

/* 背景大图 - 撑满整个屏幕宽度 */
.wst-category-bg {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;

}

.wst-category-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;

}

/* 覆盖图片 - 在背景图上方 */
.wst-category-overlay {
    /*position: absolute;*/
    /*top: 0;*/
    /*right: 0;*/
    /*width: 800px;*/
    width: 100%;
    height: 695px;
    z-index: 2;
    position: relative;
}

.wst-category-overlay img {
    width: 100%;
    height: 100%;
}

/* 特色商品信息浮层 */
.wst-featured-product-info {
    position: absolute;
    /* background: rgba(255, 255, 255, 0.95); */
    padding: 25px 30px;
    border-radius: 12px;
    /* box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15); */
    max-width: 400px;
    z-index: 10;
    margin-right: -1340px;
}

.featured-product-title {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin: 0 0 10px 0;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.featured-product-desc {
    font-size: 14px;
    color: #666;
    margin: 0 0 15px 0;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.featured-product-price {
    font-size: 32px;
    font-weight: bold;
    color: #ff4444;
    margin: 0 0 20px 0;
}

.featured-buy-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%);
    transform: translateX(-50%);
    display: inline-block;
    padding: 12px 30px;
    background: url(../img/1_14.png) no-repeat center center;
    background-size: contain;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    border-radius: 25px;
    transition: all 0.3s;
    min-width: 140px;
    text-align: center;
    line-height: 1.5;
}

.featured-buy-button:hover {
     /*box-shadow: 0 4px 12px rgba(255, 68, 68, 0.3); */
}

/* 第二个分类区域样式 */
.second-category-section {
    width: 1903px;
    background: #fff;
    /*margin-top: 80px;*/
    box-sizing: border-box;
    margin: 80px auto 0 auto;
}

.second-category-container {
    margin: 0 auto;
    padding: 0 360px;
    text-align: center;
}

/* 分类标题 */
.second-category-header {
    margin-bottom: 40px;
}

.category-title-text {
    font-size: 35px;
    font-weight: bold;
}

.category-subtitle-text {
    font-size: 18px;
    color: #61543b;
    margin-top: 20px;
    text-align: center;
}

/* 左侧区域 */
.second-category-left {
    flex: 1;
    position: relative;
    height: 500px;
}

.second-category-bg {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 12px;
}

.second-category-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* 覆盖图片 */
.second-category-overlay {
    position: absolute;
    top: 40%;
    left: 54%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 600px;
    z-index: 2;

}

.second-category-overlay img {
    width: 540px;
    height: 500px;
    /* height: auto; */
    display: block;
    border-radius: 12px;
}

/* 第二个分类的商品信息浮层 */
.second-featured-product-info {
    position: absolute;
    bottom: 10%;
    right: 5%;
    padding: 20px 25px;
    border-radius: 8px;
    max-width: 350px;
    z-index: 10;
    right: -30px;
    top: 300px;
}

.second-featured-title {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin: 0 0 8px 0;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.second-featured-desc {
    font-size: 13px;
    color: #666;
    margin: 0 0 12px 0;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.second-featured-price {
    font-size: 28px;
    font-weight: bold;
    color: #ff5722;
    margin: 0 0 15px 0;
}

.second-featured-buy-btn {
    display: inline-block;
    padding: 10px 25px;
    background: url(../img/2_03.png) no-repeat center center;
    background-size: contain;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    border-radius: 25px;
    transition: all 0.3s;
    min-width: 120px;
    text-align: center;
}

.second-featured-buy-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(255, 87, 34, 0.3);
}

/* 右侧商品列表 */
.second-category-right {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.second-goods-card {
    height: 400px;
    width: 260px;

}

.second-goods-card:hover {
    transform: translateY(-5px);
}

.second-goods-link {
    display: flex;
    flex-direction: column;
    height: 100%;
    text-decoration: none;
    color: inherit;
}

/* 商品头部 - 标题和描述 */
.good-info-wapper {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}

.second-goods-header {}

.second-goods-title {
    font-size: 16px;
    width: 108px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 价格区域 */
.second-goods-price-wrapper {
    display: flex;
    align-items: flex-end;
}

.original_price {
    font-size: 12px;
    color: #999;
    text-decoration: line-through;
    display: inline-block;
    margin-right: 10px;
}

.second-goods-price {
    font-size: 20px;
    font-weight: bold;
    color: #00A386;
    display: inline-block;
}

.second-goods-desc {
    font-size: 12px;
    color: #A13008;
    margin: 0;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}



.second-goods-wapper {
    position: relative;
    height: 400px;
}

.second-goods-wapper {
    position: relative;
    width: 100%;
    height: 400px;
}

.second-goods-frame {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 20px 15px 20px 15px;
    /* 露出黄色波浪边框 */
    box-sizing: border-box;
    background: url(../img/1_09.png) no-repeat center / 100% 100%;
}

/* 商品图片直接放在frame里，自动适配波浪内框 */
.second-goods-frame img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    /* 匹配波浪 */
    display: block;
}

/* 父容器：承载黄色外框和底部波浪 */
/* .second-goods-frame {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 100%;
    height: 400px;
    background: url(../img/1_09.png) no-repeat 0 0/100%;
    background-size: contain;
}

.second-goods-frame2 {
    position: absolute;
    width: 100%;
    height: 400px;
    background: url(../img/1_06.png) no-repeat 0 0/100%;
    background-size: contain;
} */

/* 商品图容器：承载白色波浪和商品图 */
.second-goods-img {
    /* position: absolute;
    width: 100%;
    height: 400px;
    background: url(../img/1_06.png) no-repeat -10px -10px/100%;
    background-size: contain; */

}

/* 商品图：放在中间层，缩放动画 */
.second-goods-img img {
    /* display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s; */
}

/* hover 时商品图放大 */
.second-goods-card:hover .second-goods-img img {
    transform: scale(1.1);
}

.second-goods-arrow {
    font-size: 20px;
    color: #fff;
    font-weight: bold;
}

.more-button {
    display: inline-block;
    margin: 50px 0;
    padding: 12px 30px;
    background: url(../img/1_14.png) no-repeat center center;
    background-size: contain;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    border-radius: 25px;
    transition: all 0.3s;
    min-width: 140px;
    text-align: center;
    line-height: 1.5;
}

。more-button:hover {
    transform: translateY(-2px);
    /* box-shadow: 0 4px 12px rgba(255, 68, 68, 0.3); */
}

/* 响应式设计 */
@media (max-width: 1200px) {
    .second-category-container {
        width: 100%;
        padding: 0 20px;
        flex-direction: column;
    }

    .second-category-left {
        width: 100%;
        height: 400px;
    }

    .second-category-right {
        width: 100%;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .second-category-right {
        grid-template-columns: repeat(1, 1fr);
    }
}

/* 商品列表 - 4个商品排列在底部 */
.wst-category-products {
    /*position: absolute;*/
    /*bottom: 52px;*/
    /*left: 360px;*/
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    z-index: 5;
}

.wst-category-product-card {
    width: 230px;
    height: 220px;
}

.wst-category-product-card:hover {
    transform: translateY(-5px);
}

.wst-category-product-card:hover {
    /* transform: translateY(-5px); */
}

.wst-category-product-card:hover .wst-category-product-info {
    background-color: #00A386;
}

.wst-category-product-card:hover .wst-category-product-name {
    color: #F4D28B;
}

.wst-category-product-card:hover .wst-category-product-price {
    color: #F4D28B;
}

.wst-category-product-link {}

.wst-category-product-img {
    width: 100%;
    height: 170px;
}

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

/* .wst-category-product-card:hover .wst-category-product-img img {
    transform: scale(1.1);
} */

.wst-category-product-info {
    padding: 5px 10px;
    background-color: white;
}

.wst-category-product-name {
    font-size: 16px;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
    color: black;
}

.wst-category-product-desc {
    font-size: 12px;
    color: #a13008;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wst-category-product-price {
    display: flex;
    align-items: baseline;
    justify-content: center;
    color: #02A58A;
}

.price-symbol {
    font-size: 15px;
    font-weight: bold;
    margin-right: 5px;
}

.price-value {
    font-size: 16px;
    font-weight: bold;
}

.wst-category-buy-btn {
    width: 100%;
    padding: 8px 0;
    background: linear-gradient(to right, #ff4444, #ff6666);
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    transition: all 0.3s;
}

.wst-category-buy-btn:hover {
    background: linear-gradient(to right, #ff3333, #ff5555);
}

/* 精选设计服务样式 */
.featured-services-container {
    width: 100%;
    background: url(../img/3_12.jpg) no-repeat center center;
    background-size: cover;
    padding: 60px 0;
    /* margin-top: 20px; */
    box-sizing: border-box;
    position: relative;
}



.featured-services-inner {
    width: 1200px;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
}

.featured-services-header {
    text-align: center;
    margin-bottom: 40px;
}

.featured-services-title {
    font-size: 36px;
    font-weight: bold;
    color: #fff;
    margin: 0 0 15px 0;
}

.featured-services-subtitle {
    font-size: 16px;
    color: #fff;
    margin: 0;
    opacity: 0.9;
}

/* 导航过滤按钮 */
.featured-services-nav {
    display: flex;
    justify-content: center;
    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;
}

/* 产品卡片网格 */
.featured-services-grid {
    width: 100%;
}

.featured-services-list {
    width: 100%;
}

.featured-goods-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.featured-goods-card {
    background: transparent;
    border-radius: 12px;
    overflow: visible;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s, box-shadow 0.3s;
    display: flex;
    flex-direction: column;
    position: relative;
}

.featured-goods-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

.featured-goods-link {
    display: block;
    text-decoration: none;
    color: inherit;
    padding: 0;
    margin-bottom: 0;
}

.featured-goods-img {
    width: 100%;
    height: 200px;
    overflow: hidden;
    background: #f5f5f5;
    border-radius: 12px 12px 0 0;
}

.featured-goods-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.featured-goods-info {
    background: url(../img/1_16.png) no-repeat center center;
    background-size: 100% 100%;
    padding: 15px;
    flex: 1;
    display: flex;
    flex-direction: column;
    margin-top: -20px;
    position: relative;
    z-index: 1;
    border-radius: 0 0 12px 12px;
}

.featured-goods-title {
    font-size: 15px;
    font-weight: 500;
    color: #333;
    padding: 0 0 10px 0;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: 60px;
}

/* .featured-goods-rating {
    padding: 0 0 10px 0;
} */

.featured-stars {
    color: #FFD700;
    font-size: 14px;
    letter-spacing: 2px;
}

.featured-goods-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: auto;
}

.featured-goods-price {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    flex: 1;
}

.featured-buy-btn {
    padding: 8px 20px;
    background: #4285F4;
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    cursor: pointer;
    transition: background 0.3s;
    font-family: inherit;
    white-space: nowrap;
    flex-shrink: 0;
}

.featured-buy-btn:hover {
    background: #357ae8;
}

/* 设计师入驻样式 */
.designer-onboarding-container {
    width: 100%;
    background: #fff;
    padding: 60px 0;
    margin-top: 20px;
    box-sizing: border-box;
}

.designer-onboarding-inner {
    width: 1200px;
    max-width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
}

.designer-onboarding-title {
    font-size: 36px;
    font-weight: bold;
    color: #273690;
    text-align: left;
    margin: 0 0 30px 0;
    padding: 0;
}

.designer-onboarding-subtitle {
    font-size: 16px;
    color: #4150a5;
    text-align: left;
    margin: 0 0 30px 0;

}

.designer-onboarding-cards {
    display: flex;
    gap: 30px;
    justify-content: space-between;
}

.designer-card {
    /* flex: 1; */
    border-radius: 12px;
    overflow: hidden;
    box-shadow: none;
    transition: transform 0.3s ease, opacity 0.3s ease;
    cursor: pointer;
}

.designer-card:hover {
    transform: translateY(-8px) scale(1.02);
    opacity: 0.95;
}

.designer-card img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
    transition: transform 0.3s ease;
}

.designer-card:hover img {
    transform: scale(1.05);
}

/* 商品分类导航卡片样式 */
.category-cards-container {
    width: 100%;
    background: #fff;
    padding: 40px 0;
    margin-top: 20px;
    box-sizing: border-box;
}

.category-cards-container .wst-container {
    width: 1200px;
    max-width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
}

.category-title {
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    color: #333;
    margin-bottom: 30px;
}

.category-cards {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.category-card {
    flex: 1;
    background: #fff;
    border-radius: 12px;
    padding: 30px 20px;
    transition: transform 0.3s, box-shadow 0.3s;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    display: block;
    text-decoration: none;
    color: inherit;
}

.category-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

.card-blue {
    background: linear-gradient(135deg, #f0f8ff 0%, #e6f3ff 100%);
}

.card-green {
    background: linear-gradient(135deg, #f0fff4 0%, #e6ffe6 100%);
}

.card-purple {
    background: linear-gradient(135deg, #f5f0ff 0%, #ede6ff 100%);
}

.card-icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
}

.card-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.card-title {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin-bottom: 12px;
    text-align: left;
}

.card-desc {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
    text-align: left;
}

.card-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 20px;
}

.tag {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 500;
}

.tag-blue {
    background: #e3f2fd;
    color: #1976d2;
}

.tag-green {
    background: #e8f5e9;
    color: #388e3c;
}

.tag-purple {
    background: #f3e5f5;
    color: #7b1fa2;
}

.card-link {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    margin-top: 10px;
    margin-left: 8px;
    transition: color 0.3s;
}

.link-blue {
    color: #1976d2;
}

.link-blue:hover {
    color: #1565c0;
}

.link-green {
    color: #388e3c;
}

.link-green:hover {
    color: #2e7d32;
}

.link-purple {
    color: #7b1fa2;
}

.link-purple:hover {
    color: #6a1b9a;
}

/* 适用场景样式 */
.scene-container {
    width: 100%;
    background: #fff;
    padding: 40px 0;
    margin-top: 20px;
    box-sizing: border-box;
}

.scene-container .wst-container {
    width: 1200px;
    max-width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
}

.scene-title {
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    color: #333;
    margin-bottom: 30px;
}

.scene-tabs {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 30px;
}

.scene-tab {
    display: inline-block;
    padding: 10px 30px;
    font-size: 16px;
    color: #666;
    text-decoration: none;
    border-radius: 4px;
    transition: all 0.3s;
    cursor: pointer;
    background: #f5f5f5;
}

.scene-tab:hover {
    color: #333;
    background: #e8e8e8;
}

.scene-tab.active {
    color: #fff;
    background: #1976d2;
}

.scene-goods-list {
    width: 100%;
    position: relative;
}

.scene-goods-content {
    display: none;
    width: 100%;
}

.scene-goods-content.active {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: flex-start;
}

.scene-goods-item {
    width: calc(25% - 15px);
    min-width: 270px;
    background: #fff;
    border-radius: 8px;
    padding: 15px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s, box-shadow 0.3s;
    position: relative;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.scene-goods-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

.scene-goods-img {
    width: 100%;
    height: 200px;
    position: relative;
    margin-bottom: 15px;
    overflow: hidden;
    border-radius: 4px;
    background: #f5f5f5;
}

.scene-goods-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hot-tag {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #e13335;
    color: #fff;
    padding: 4px 8px;
    font-size: 12px;
    border-radius: 4px;
    font-weight: bold;
}

.scene-goods-name {
    margin-bottom: 10px;
    height: 40px;
    overflow: hidden;
}

.scene-goods-name a {
    color: #333;
    font-size: 14px;
    text-decoration: none;
    line-height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.scene-goods-name a:hover {
    color: #1976d2;
}

.scene-goods-rating {
    margin-bottom: 10px;
    font-size: 12px;
    color: #666;
}

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

.rating-num {
    color: #999;
}

.scene-goods-price {
    font-size: 18px;
    font-weight: bold;
    color: #e13335;
    margin-bottom: 15px;
}

.scene-goods-cart {
    text-align: right;
}

.add-cart-btn {
    background: #1976d2;
    color: #fff;
    border: none;
    padding: 8px 20px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    transition: background 0.3s;
}

.add-cart-btn:hover {
    background: #1565c0;
}

#wst-slide .wst-slide-itemswrap,
#wst-slide .wst-slide-items,
#wst-slide .wst-slide-items li {
    height: 830px;
    overflow: hidden
}

.wst-slide-controls {
    position: absolute;
    width: 200px;
    text-align: right;
    top: -40px;
    right: 50%
}

.wst-slide-controls span {
    width: 24px;
    height: 24px;
    text-align: center;
    display: inline-block;
    line-height: 24px;
    border-radius: 12px;
    background-color: #333;
    color: white;
    cursor: pointer
}

.wst-slide-controls .curr {
    background-color: #e13335;
    border-radius: 12px;
    color: white;
    cursor: pointer
}

.wst-slide {
    position: relative;
    top: 2px
}

.wst-slide-numbox {
    width: 1200px;
    margin: 0 auto;
    height: 0;
    position: relative;
    z-index: 3
}

.wst-slide-items {
    min-width: 1200px
}

.wst-tab-box {
    overflow: hidden;
    border-right: 1px solid #eee;
    width: 100%;
    height: auto;
    margin: 0 auto;
    background: #fff
}

.wst-tab-nav {
    overflow-y: hidden;
    margin: 0;
    padding: 0;
    height: 35px;
    top: 0;
    z-index: 30;
    background: #fff;
    width: 100%;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee
}

.wst-tab-nav li,
.wst-tab-nav .tab {
    width: 40%;
    cursor: pointer;
    float: left;
    margin: 0;
    list-style: none;
    border: 0;
    line-height: 34px;
    text-align: center;
    color: #999999;
    padding-left: 10px;
    padding-right: 10px
}

.wst-tab-nav .on {
    border-bottom: 1.5px solid #C44F41;
    color: #C44F41;
    font-weight: bold
}

.wst-tab-content {
    padding: 5px;
    width: 99%;
    height: auto;
    border: 1px solid #eee;
    border-top: 0;
    background: #FFF
}

#wst-right-news {
    width: 100%;
    height: 30px;
    background: #df2002;
    line-height: 25px;
    color: #fff
}

#wst-right-news>p {
    float: left;
    margin-left: 12px;
    font-weight: bold
}

#wst-right-news>a {
    display: block;
    float: right;
    color: #fff;
    margin-right: 5px
}

#wst-right-new-list {
    height: 117px;
    background-color: #fff
}

#wst-right-new-list>div {
    width: 190px;
    height: 23px;
    line-height: 25px;
    padding-left: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    list-style-type: disc
}

#wst-right-new-list>div>a {
    color: #605e5e
}

#wst-right-new-list>div>a:hover {
    color: #df2002
}

.visitor-new-list {
    height: 118px !important;
    overflow: hidden;
    border: 0;
    background-color: #fff
}

.visitor-new-list>li {
    height: 23px !important
}

.apply-btn {
    background: url(../img/apply.png) no-repeat 0 0;
    background-size: cover;
    display: block;
    width: 180px;
    height: 60px;
    margin: 20px auto 10px
}

.shop-login {
    margin-left: 60px;
    height: 26px;
    display: block;
    color: #999;
    line-height: 12px;
}

.ws-right-user {
    display: block;
    width: 210px;
    height: 128px;
    background: #fff
}

.ws-right-user .top,
.ws-right-user .bottom {
    float: left
}

.ws-right-user .top img {
    float: left;
    width: 65px;
    height: 65px;
    margin: 10px;
    border-radius: 1000px
}

.ws-right-user .top .name {
    float: left;
    width: 125px
}

.ws-right-user .top .uname {
    height: 23px;
    line-height: 25px;
    width: 100px;
    margin: 0 auto;
    margin-top: 15px;
    text-align: center;
    color: #ff2704;
    font-size: 14px;
    font-family: "microsoft yahei";
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.ws-right-user .top .sign {
    display: block;
    width: 105px;
    height: 30px;
    line-height: 30px;
    margin: 0 auto;
    margin-top: 10px;
    color: #fff;
    background-color: #ff0c00;
    border: 1px solid #ff0c00;
    cursor: pointer;
    border-radius: 5px;
    box-shadow: 0 2px 0 #c3443d;
    position: relative;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.ws-right-user .top .sign:hover {
    background-color: #ee4419
}

.ws-right-user .top .sign:focus {
    outline: 0
}

.ws-right-user .top .sign .plus {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    font-size: 18px;
    color: #f4cf00;
    font-style: normal;
    opacity: 0;
    text-align: center;
    -webkit-transition: all .5s linear;
    transition: all .5s linear
}

.ws-right-user .top .active .plus {
    top: -36px;
    opacity: 1
}

.ws-right-user .top .actives .plus {
    top: -36px;
    opacity: 0;
}

.ws-right-user .top .actives,
.ws-right-user .top .actives:hover {
    color: #747171;
    background-color: #eee;
    border: 1px solid #ddd;
    box-shadow: 0 2px 0 #ddd;
}

.ws-right-user .bottom .left {
    float: left;
    width: 110px;
    margin-top: 10px;
    padding-left: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.ws-right-user .bottom .right {
    float: right;
    width: 80px;
    margin-top: 10px;
    padding-left: 10px
}

#wst-right-ads {
    position: relative;
}

#wst-right-ads>a>img {
    width: 210px;
    height: 128px;
    display: block;
}

#screen-left-nav {
    width: 35px;
    max-height: 335px;
    position: fixed;
    top: 40%;
    left: 15%;
    background: #fff;
    z-index: 999;
    display: block
}

.lnav {
    margin: 0 auto;
    background: #fff;
    line-height: 30px;
    text-align: center;
    overflow: hidden;
    margin-top: -1px;
    cursor: pointer;
    display: block;
    width: 30px;
    height: 29px;
    color: #625351;
    transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2xpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpFNDg5NURBNDY3MjA2ODExODIyQUVDNTgwRDU1MkZBQiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1N0M3MTMzQTlBRTQxMUU0OEY2QkNDMkMzNDJCRDdGNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1N0M3MTMzOTlBRTQxMUU0OEY2QkNDMkMzNDJCRDdGNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODBkOTE3NzktZTE1Yi0yNTRkLTljYzMtOGVjNmE4ZTAyMjRjIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjIxNzkxODUyODJEQjExRTQ4RkM0REQwQTBFRkQyNTY2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+3tRxHgAAAAlQTFRFwsLCycnJ////r0pOrgAAAAN0Uk5T//8A18oNQQAAAB5JREFUeNpiYIIABhTIyAQXxgtGpUelR6VpKw0QYACUOgb65Nz92gAAAABJRU5ErkJggg==) 0 25px no-repeat
}

.lcurr {
    background: #df2003
}

.lcurr a {
    color: white
}

.wst-floor-slide-numbox span {
    background-color: #d4d4d4;
    cursor: pointer;
    display: inline-block;
    height: 4px;
    width: 24px;
    border-radius: 1.5px
}

.wst-floor-slide-numbox .curr {
    background-color: #E52637
}

.wst-floor-slide-numbox>div {
    position: relative;
    left: 43%;
    top: -20px;
    z-index: 99;
    height: 10px;
}

.floor-bottom .bx_container {
    margin-top: 15px
}

.ads-lunbobottom {
    margin-top: 30px;
    margin-bottom: 20px;
    overflow: hidden
}

.ads-lunbobottom a {
    float: left
}

.ads-lunbobottom a img {
    width: 240px;
    height: 320px
}

/* 广告墙 */
.ads_wall {
    width: 1200px;
    max-height: 480px;
    margin: 0 auto;
}

.ads_wall a {
    overflow: hidden;
    transition: all ease .4s;
    display: block;
}

.ads_wall a:hover {
    transform: scale(1.01);
}

.ads_wall a img {
    width: 100%;
    height: 100%;
}

.ads_wall_l {
    width: 448px;
    height: 100%;
}

.ads_wall_c {
    width: 292px;
    height: 100%;
    margin-left: 6px;
    position: relative;
    text-align: center;
}

.ads_wall_r {
    width: 448px;
    height: 100%;
}

.ads_wall_item_top {
    display: block;
    width: 100%;
    height: 237px;
    margin-bottom: 6px;
    position: relative;
}

.ads_wall_item_bottom {
    display: block;
    width: 100%;
    height: 237px;
    position: relative;
}

.ads_wall_more {
    text-align: center;
    font-size: 12px;
    color: #fff;
    position: absolute;
    bottom: 20px;
}

.ads_wall_line {
    width: 30px;
    height: 2px;
    background-color: #fff;
    margin-top: 8px;
    margin-right: 10px;
}

.wall_r_line {
    width: 50px;
}

/* 品牌街 */
.brand_street_out {
    width: 1200px;
    margin: 10px auto;
    margin-top: 30px;
}

.bs_tit {
    font-size: 21px;
    color: #2F2F2F;
    letter-spacing: 2px;
}

.brand_street {
    width: 100%;
    max-height: 210px;
    margin-top: 10px;
    box-sizing: border-box;
}

.brand_street li img {
    width: 112px;
    height: 112px;
}

.brand_street li {
    margin-right: 4px;
    box-sizing: border-box;
    width: 116px;
    height: 112px;
    float: left;
    transition: all ease .4s;
}

.brand_street li:nth-child(10n) {
    border-right: none;
}

.brand_street li:nth-child(n+11) {
    border-bottom: none;
}

.brand_street li:hover {
    box-shadow: 0 0 5px #bdbcbc;
    transform: scale(1.05);
}

/* 店铺街 */
.shop_street_out {
    width: 1200px;
    margin: 10px auto;
    margin-top: 30px;
}

.ss_tit {
    font-size: 21px;
    color: #2F2F2F;
    letter-spacing: 2px;
}

.shop_street {
    width: 100%;
    height: 138px;
    margin-top: 10px;
    background-color: #f4f4f4;
    box-sizing: border-box;
    padding: 6px 0px;
}

.shop_street li:nth-child(n+2) {
    margin-left: 0.5%;
}

.shop_street li img {
    width: 100%;
    height: 100%;
}

.shop_street li {
    background-image: url(../img/shopstreet_bg.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 19.6%;
    height: 100%;
    float: left;
    transition: all ease .4s;
    position: relative;
}

.shop_street li:hover {
    transform: translateY(-5px);
}

/* 积分商城 */
.intergral_out {
    width: 1200px;
    margin: 10px auto;
    margin-top: 30px;
}

.itl_tit {
    font-size: 21px;
    color: #2F2F2F;
    letter-spacing: 2px;
    margin-bottom: 10px;
}

.itl_main {
    background-color: #f4f4f4;
    width: 100%;
    height: 148px;
    padding: 6px 0px;
    box-sizing: border-box;
}

.itl_bg img {
    width: 100%;
    height: 100%;
}

.itl_bg {
    display: block;
    height: 100%;
    width: 238px;
}

.itl_item:nth-child(2) {
    background-color: #fcfdda;
}

.itl_item:nth-child(3) {
    background-color: #ffefd9;
}

.itl_item:hover img {
    transform: translateX(-10px);
}

.itl_item img {
    transition: all ease .4s;
    position: absolute;
    max-height: 100%;
    right: 0;
}

.itl_item {
    display: block;
    width: 468px;
    height: 100%;
    position: relative;
    margin-left: 12px;
}

.itl_name {
    position: absolute;
    font-size: 14px;
    color: #333;
    top: 10%;
    width: 60%;
    left: 5%;
    overflow: hidden;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    z-index: 22;
}

.itl_price_box {
    left: 5%;
    top: 45%;
    position: absolute;
    color: #666;
    font-weight: bold;
    font-size: 16px;
    z-index: 22;
}

.itl_price {
    color: #df2002;
}

.itl_score {
    font-size: 12px;
    color: #df2002;
    font-weight: normal;
}

.itl_btn {
    position: absolute;
    padding: 1px 10px;
    background-color: #df2002;
    border-radius: 25px;
    color: #fff;
    left: 5%;
    top: 75%;
    font-size: 11px !important;
    background-color: #df2002;
    color: #fff;
    transition: all ease .4s;
}

.itl_btn:hover {
    transform: translateY(-5px);
}

/* 分销商品 */
.distribute_tit {
    color: #333;
    padding-left: 15px;
    width: 1200px;
    margin: 0 auto;
    margin-top: 30px;
    font-size: 18px;
    letter-spacing: 2px;
}

.distribute_out {
    width: 1200px;
    margin: 10px auto;
    height: 350px;
    background-color: #f4f4f4;
    padding: 6px 0;
    margin-top: 10px;
}

.dis_left_bg img {
    width: 100%;
    height: 100%;
}

.dis_left_bg {
    width: 237px;
    height: 100%;
    margin-left: 1px;
}

.dis_list {
    width: 962px;
    height: 100%;
}

.dis_list li {
    margin-left: 10.4px;
    float: left;
    width: 230px;
    height: 100%;
    position: relative;
    background-color: #fff;
    overflow: hidden;
}

.dis_list li:hover img {
    transform: scale(1.05);
}

.dis_list li img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    transition: all ease .4s;
}

.dis_gname {
    padding: 10px;
    text-align: center;
    width: 210px;
    height: 33px;
    line-height: 20px;
    overflow: hidden;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.dis_gprice {
    width: 100%;
    height: 78px;
    color: #df2002;
    text-align: center;
    font-size: 16px;
}

/* 轮播右侧拍卖区域 */
.aution_out {
    width: 100%;
    height: 170px;
    position: relative;
    background-color: #fff;
    overflow: hidden;
}

.au_l_btn,
.au_r_btn {
    position: absolute;
    top: 40%;
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    left: 0;
    padding: 5px;
    cursor: pointer;
    display: none;
}

.au_r_btn {
    left: initial;
    right: 0;
}

.aution_list {
    width: 100%;
    position: relative;
}

.aution_tit {
    background-image: url(../img/img_floor_titlebg.png);
    background-repeat: no-repeat;
    background-size: auto 18px;
    font-size: 16px;
    color: #df2002;
    letter-spacing: 2px;
    padding-left: 26px;
}

.aution_main {
    float: left;
    width: 210px;
    height: 153px;
    box-sizing: border-box;
}

.aution_item {
    position: relative;
    display: block;
    text-align: center;
    height: 100%;
    width: 100%;
}

.aution_item img {
    width: 150px;
    height: 150px;
}

.aution_time {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.3);
    font-size: 16px;
    color: #fff;
    padding: 10px 0;
}

.aution_h,
.aution_i,
.aution_s {
    width: 24px;
    height: 30px;
    background-color: #df2002;
    padding: 5px;
    border-radius: 5px;
}

/* 优惠券 */
.coupon_out {
    width: 1200px;
    height: 137px;
    margin: 0 auto;
    margin-top: 10px;
    overflow: hidden;
    background: url(../img/coupon_bg.png) no-repeat;
}

.coupon_bg img {
    width: 100%;
    height: 100%;
}

.coupon_bg {
    position: relative;
    width: 225px;
    height: 124px;
    display: block;
}

.coupon_bg .coupon_tit {
    position: absolute;
    font-size: 24px;
    color: #fff;
    left: 40px;
    top: 30%;
}

.coupon_bg .coupon_desc {
    position: absolute;
    color: #fff;
    font-size: 18px;
    left: 40px;
    top: 66%;
}

.coupon_box {
    float: left;
    width: 920px;
    height: 124px
}

.coupon_item {
    width: 229px;
    margin-top: 16px;
    overflow: hidden;
    border-right: 1px solid #F9EE9E;
}

.coupon_item .coupon_tit {
    font-size: 37px;
    color: #F9EE9E;
    width: 105px;
    float: left;
    height: 64px;
    line-height: 76px;
    margin-left: 5px;
    text-align: right
}

.coupon_item .unit {
    font-size: 14px;
}

.coupon_item .coupon_desc {
    margin-left: 5px;
    color: #F9EE9E;
    font-size: 18px;
    width: 114px;
    float: left;
    height: 50px;
    line-height: 25px;
    padding-top: 8px;
}

.coupon_item .r_btn {
    margin-left: 23px;
    width: 188px;
    clear: both;
    font-size: 16px;
    background: #F9EE9E;
    color: #000;
    text-align: center;
    line-height: 20px;
    padding: 6px 0px;
    border-radius: 15px;
    margin-bottom: 7px;
}

/* 团购插件 */
.groupon_list_out {
    width: 390px;
    height: 440px;
    box-sizing: border-box;
}

.groupon_view {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.groupon_list {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    padding-top: 10px;
}

.groupon_list li {
    width: 379px;
    height: 145px;
    box-sizing: border-box;
    padding: 5px;
    padding-left: 15px;
}

.groupon_list li img {
    transition: all linear .2s;
    width: 110px;
    height: 110px;
}

.groupon_list li:hover img {
    transform: scale(1.1);
}

.groupon_goods {
    width: 240px;
    float: left;
    padding-top: 30px;
    padding-left: 5px;
    height: 38px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.groupon_goodsprice {
    float: left;
    font-size: 16px;
    color: #E52637;
    margin-top: 5px;
    padding-left: 5px;
}

.groupon_btns {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
}

.groupon_btns .curr {
    background-color: #e89593;
}

.groupon_btns span {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #fff;
    margin-left: 3px;
}

/* 新品、热销... */
.rec_area {
    width: 1200px;
    height: 500px;
    margin: 0 auto;
    margin-top: 30px;
    overflow: hidden
}

.ral {
    width: 394px;
    height: 100%;
    background-repeat: no-repeat;
    margin-right: 6px;
    background: #fff;
}

.ral_box {
    width: 100%;
    padding-top: 15px;
    box-sizing: border-box;
    padding-left: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}

.ral_box_tit {
    font-size: 18px;
    color: #2F2F2F;
    display: inline-block;
}

.ral_desc {
    font-size: 12px;
    color: #ACACAC;
    display: inline-block;
    padding-left: 5px;
}

.ral img {
    width: 100%;
    height: 100%;
}

.rac {
    width: 364px;
    height: 100%;
    background-repeat: no-repeat;
    margin-right: 6px;
    background: #fff;
    padding: 0px 15px;
}

.rac_t {
    width: 100%;
    height: 50%;
    box-sizing: border-box;
}

.rac_t_tit,
.rac_b_tit {
    font-size: 18px;
    color: #2F2F2F;
    letter-spacing: 2px;
    padding: 5px;
    padding-top: 15px
}

.rac_t_main {
    width: 100%;
    height: 80%;
    background-color: #fff;
}

.rac_t_main li:hover img {
    transform: scale(1.1);
}

.rac_t_main li:first-child {
    margin-left: 0;
}

.rac_t_main li {
    width: 50%;
    height: 100%;
    float: left;
}

.rac_t_img img {
    transition: all linear .2s;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
}

.rac_t_img {
    display: block;
    height: 60%;
    position: relative;
}

.rac_t_info {
    height: 29%;
    margin-top: 1%;
    padding-top: 5%;
    padding-right: 1%;
    box-sizing: border-box;
}

.c666 {
    color: #666;
}

.del_line {
    text-decoration: line-through;
}

.c14_333 {
    color: #333;
}

.rac_gname {
    width: 95%;
    overflow: hidden;
    padding-left: 5%;
    height: 38px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.rac_gprice {
    font-size: 16px;
    color: #E52637;
    margin-top: 5px;
    padding-left: 5%;
}

.f10 {
    font-size: 10px;
}

.f12 {
    font-size: 16px;
    margin-top: 5px
}

.f14 {
    font-size: 14px;
}

.f16 {
    font-size: 16px;
}

.rac_price {
    margin-top: 5px;
    text-align: right;
}

.rar {
    width: 394px;
    height: 100%;
    background-repeat: no-repeat;
    margin-right: 6px;
    background: #fff;
}

.rar_tit {
    width: 100%;
    padding-top: 15px;
    box-sizing: border-box;
    padding-left: 20px;
    padding-bottom: 15px;
    font-size: 18px;
}

.rar_glist {
    width: 100%;
    margin: 0 auto;
}

.rar_gitem:nth-child(2) {
    background-color: #ffcd92;
}

.rar_gitem {
    margin-top: 10px;
    width: 100%;
    height: 432px;
    display: block;
    overflow: hidden;
    position: relative;
}

.rar_gitem:hover img {
    transform: translateY(-10px);
}

.rar_gname {
    color: #333;
    text-align: center;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: 5px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.rar_gdesc {
    color: #ACACAC;
    text-align: center;
    padding-top: 3px;
    padding-left: 5px;
    width: 100%;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.rar_price {
    text-align: center;
    padding-right: 5px;
    position: relative;
    z-index: 22;
    font-size: 16px;
    color: #E52637;
    margin-top: 5px;
}

.rar_line {
    width: 70%;
    height: 1px;
    background-color: #fff;
    margin: 5px auto;
    margin-bottom: 3px;
}

.rar_img img {
    transition: all ease 0.4s;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
}

.rar_img {
    width: 320px;
    display: block;
    height: 320px;
    position: relative;
    margin: 0 auto;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.rar_glist .recomgd_view {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.rar_glist .recomgd_list {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.rar_glist .recomgd_list li {
    float: left;
    width: 394px;
    height: 412px;
    box-sizing: border-box;
}

.rar_glist .recomgd_btns {
    text-align: center;
}

.rar_glist .recomgd_btns .curr {
    background-color: #E52637;
}

.rar_glist .recomgd_btns span {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #ddd;
    margin-left: 3px;
    cursor: pointer;
}

/*分类*/
/*.category{width: 1200px; height: 200px;margin: 0 auto;display: flex;justify-content: space-around;}*/
/*.category .cat{width: 180px; height: 180px; border-radius: 50%;margin-top: 10px;background-color:#7b894e}*/
/*.category .cat img{height: 200px; width: 200px;border-radius: 50%;}*/
/*.category .cat .act-01{background-color:rgb(158, 168, 115) ; line-height: 40px;text-align: center;margin: 0 auto; position: relative; top: 65px;}*/
/*.category .cat .act-01 a{color:#fff;font-size:26px;font-weight:700}*/

/* 楼层 */
.floor-box {
    width: 100%;
    margin-top: 15px;
    clear: both
}

.floor_ads {
    width: 1200px;
    height: 110px;
    margin: 20px auto;
    overflow: hidden;
    margin-bottom: 10px;
}

.goods-list {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.goods-list .goods {
    width: 229px;
    height: 282px;
    border-bottom: 1px solid #eee;
    transition: all ease .4s;
    background: #3fb354;
    margin: 5px;
}

.goods-list .goods:hover {
    width: 229px;
    height: 282px;
    border-right: 1px solid #afaaaa;
    border-bottom: 1px solid #afaaaa;
    -webkit-box-shadow: 0 0 10px #cfcfcf;
    -moz-box-shadow: 0 0 10px #cfcfcf;
    box-shadow: 0 0 10px #cfcfcf;
}

.goods-list .goods:hover .img {
    transform: scale(1.08);
}

/*.goods-list .goods:nth-child(1){margin-left:0px}*/
.goods-list .goods .img {
    text-align: center;
    position: relative;
    transition: all ease .3s;
}

.goods-list .goods .img a {
    display: block;
    height: 208px;
}

.goods-list .goods .img a img {
    width: 180px;
    height: 180px;
    margin: 20px 8px;
    border-radius: 10px;
}

.goods-list .goods .p-price {
    color: #fff7ed;
    text-align: center;
    margin-top: 3px;
    font-size: 16px;
    margin-left: 6px
}

.goods-list .goods .info {
    width: 229px;
    height: 37px;
    background: #3fb354;
}

.goods-list .goods .cart {
    width: 20px;
    height: 20px;
    background: url(../img/icon-cart.png) 0px 0px no-repeat;
    background-size: 100%;
    cursor: pointer;
    margin-right: 6px
}

.goods-list .goods .p-name {
    height: 38px;
    overflow: hidden;
    line-height: 20px;
    overflow: hidden;
    width: 229px;
    margin: 0 auto;
    text-align: left;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    background: #3fb354;
    font-size: 15px
}

.goods-list .goods .p-name a {
    color: #fff7ed;
    padding: 0 6px
}

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

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

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

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

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

.floor-top-ads {
    margin: 0px;
    width: 1200px
}

.floor-top-ads a {
    float: left
}

.floor-top-ads img {
    width: 100%;
    height: 110px
}

.floor-header {
    width: 1200px;
    height: 60px;
    margin: 0 auto;
    margin-bottom: 20px;
    line-height: 60px;
    display: flex;
}

.floor-header-f1,
.floor-header-f2,
.floor-header-f3,
.floor-header-f4,
.floor-header-f5,
.floor-header-f6,
.floor-header-f7,
.floor-header-f8,
.floor-header-f9,
.floor-header-f10 {
    height: 100%;
    margin: 0 auto;
}

.floor-header .tab {
    float: right;
    margin-right: 10px;
    margin-top: 7px
}

.floor-header .tab li {
    display: block;
    margin: 0;
    float: left
}

.floor-header .tab a {
    font-size: 14px;
    display: block;
    height: 15px;
    letter-spacing: 1px
}

.floor-header .tab-item1 a {
    padding: 8px 12px 8px 12px
}

.floor-header .j-tab-selected1 a {
    color: #df2002;
}

.floor-header .tab-item2 a {
    padding: 8px 12px 8px 12px
}

.floor-header .j-tab-selected2 a {
    color: #df2002;
}

.floor-header .tab-item3 a {
    padding: 8px 12px 8px 12px
}

.floor-header .j-tab-selected3 a {
    color: #df2002;
}

.floor-header .tab-item4 a {
    padding: 8px 12px 8px 12px
}

.floor-header .j-tab-selected4 a {
    color: #df2002;
}

.floor-header .tab-item5 a {
    padding: 8px 12px 8px 12px
}

.floor-header .j-tab-selected5 a {
    color: #df2002;
}

.floor-header .tab-item6 a {
    padding: 8px 12px 8px 12px
}

.floor-header .j-tab-selected6 a {
    color: #df2002;
}

.floor-header .tab-item7 a {
    padding: 8px 12px 8px 12px
}

.floor-header .j-tab-selected7 a {
    color: #df2002;
}

.floor-header .tab-item8 a {
    padding: 8px 12px 8px 12px
}

.floor-header .j-tab-selected8 a {
    color: #df2002;
}

.floor-header .tab-item9 a {
    padding: 8px 12px 8px 12px
}

.floor-header .j-tab-selected9 a {
    color: #df2002;
}

.floor-header .tab-item10 a {
    padding: 8px 12px 8px 12px
}

.floor-header .j-tab-selected10 a {
    color: #df2002;
}

.floor-left {
    float: left;
    width: 20%;
    height: 620px
}

.floor-left-ads {
    width: 238px;
    height: 224px
}

.floor-left-ads img {
    width: 478px;
    height: 224px
}

.floor-left-title {
    margin-left: 1px;
    color: #fff;
    font-size: 15px;
    float: left;
    margin-top: 13px
}

.floor-right-title {
    color: #3fb354;
    font-size: 30px;
    line-height: 60px;
    letter-spacing: 2px;
    font-weight: 700;
}

.floor-right {
    float: left;
    width: 100%;
    overflow: hidden;
}

.floor-right-ads .wst-floor-slide-1 {
    height: 283px
}

.floor-right-ads {
    width: 238px;
    float: left;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    border-left: 1px solid #eee
}

.wst-floor-slide-items {
    overflow: hidden;
    height: 560px;
    width: 239px;
    position: relative
}

.wst-floor-slide-items img {
    height: 560px;
    width: 239px
}

/* 猜你喜欢 */
.like_goods_list {
    width: 1200px;
    height: 690px;
    box-sizing: border-box;
    margin: 30px auto;
}

.lg_glist {
    width: 100%;
    height: 90%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.lg_glist .fmr_gitem {
    background: #3fb354;
}

.lg_glist .fmr_gitem:nth-child(5n) {
    border-right: none;
}

.fmr {
    width: 934px;
    height: 100%;
    box-sizing: border-box;
}

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

.fmr_gitem {
    width: 18.5%;
    height: 300px;
    display: block;
    box-sizing: border-box;
    border-bottom: 1px solid #eee;
    transition: all ease .4s;
    margin: 8px;
}

.fmr_gitem:hover {
    box-shadow: 0 0 5px #bdbcbc;
    transform: scale(1.01);
    z-index: 22;
    position: relative;
}

.fmr_img {
    width: 100%;
    height: 215px;
    box-sizing: border-box;
    position: relative;
}

.fmr_img img {
    width: 180px;
    height: 180px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    border-radius: 10px;
}

.fmr_gname {
    width: 100%;
    height: 38px;
    overflow: hidden;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    padding: 0 2.5%;
    margin-top: 8px;
    text-align: left;
    color: #fff7ed;
    font-size: 15px
}

.fmr_gprice {
    text-align: center;
    color: #fff7ed;
    font-size: 16px;
    height: 39px;
    line-height: 35px
}

.like_goods_list .info {
    width: 208px;
    margin: 0 auto;
}

.like_goods_list .cart {
    width: 20px;
    height: 20px;
    background: url(../img/icon-cart.png) 0px 0px no-repeat;
    background-size: 100%;
    cursor: pointer;
}

.lg_tit {
    margin-bottom: 20px;
    height: 30px;
    line-height: 30px;
    width: 100%;
    background-image: url(../img/cnxh.png);
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
    font-size: 25px;
    color: #3fb354;
    font-weight: 700;
}

/* 适用场景导航切换卡片样式 */
.scenario-nav-container {
    width: 100%;
    background: #fff;
    padding: 40px 0;
    margin-top: 20px;
    box-sizing: border-box;
}

.scenario-nav-container .wst-container {
    width: 1200px;
    max-width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
}

.scenario-title {
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    color: #333;
    margin-bottom: 30px;
}

.scenario-tabs {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-bottom: 40px;
}

.scenario-tab {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 30px;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 40px;
    font-size: 16px;
    color: #333;
    cursor: pointer;
    transition: all 0.3s;
    position: relative;
}

.scenario-tab.active {
    background: #1976d2;
    border-color: #1976d2;
    color: #fff;
}

.scenario-tab.active:before {
    background: #fff;
    opacity: 1;
}

.scenario-goods-list {
    width: 100%;
}

.goods-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    width: 100%;
}

.scenario-goods-item {
    background: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 15px;
    position: relative;
    transition: all 0.3s;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.scenario-goods-item:hover {
    border: 1px solid #3B82F6;
    transform: translateY(-2px);
}

.goods-img-wrapper {
    width: 100%;
    height: 200px;
    background: #f5f5f5;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    margin-bottom: 12px;
}

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

.hot-sale-tag {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #e13335;
    color: #fff;
    padding: 4px 10px;
    font-size: 12px;
    border-radius: 20px;
    font-weight: bold;
    z-index: 10;
    white-space: nowrap;
}

.goods-name {
    font-size: 14px;
    color: #333;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 8px;
    word-break: break-all;
}

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

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

.rating-count {
    color: #999;
    font-size: 12px;
}

.goods-price-cart {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    padding-top: 12px;
}

.goods-price {
    color: #1976d2;
    font-size: 18px;
    font-weight: bold;
    flex: 1;
}

.add-cart-btn {
    background: #1976d2;
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: 8px 16px;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s;
    white-space: nowrap;
    flex-shrink: 0;
}

.add-cart-btn:hover {
    background: #1565c0;
}

.add-cart-btn:active {
    transform: scale(0.98);
}

/* 响应式设计 */
@media (max-width: 1200px) {
    .scenario-nav-container .wst-container {
        width: 100%;
        padding: 0 20px;
    }

    .goods-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .goods-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    .scenario-tabs {
        flex-wrap: wrap;
        gap: 10px;
    }

    .scenario-tab {
        padding: 10px 20px;
        font-size: 14px;
    }
}

/* 会员专享样式 */
.member-exclusive-container {
    width: 100%;
    background: #F0FAFB;
    padding: 60px 0;
    box-sizing: border-box;
}

.member-exclusive-container .wst-container {
    width: 1200px;
    max-width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
}

.member-exclusive-title {
    text-align: left;
    font-size: 36px;
    font-weight: bold;
    color: #273690;
    margin: 0 0 30px 0;
    padding: 0;
}

.member-exclusive-subtitle {
    font-size: 16px;
    color: #4150a5;
    text-align: left;
    margin: 0 0 30px 0;
    padding: 0;
}

.member-cards {
    display: flex;
    gap: 30px;
    justify-content: space-between;
    align-items: flex-start;
}

.about-card {
    flex: 1;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: none;
    transition: transform 0.4s ease, filter 0.4s ease;
    cursor: pointer;
}

.about-card:hover {
    transform: scale(1.03) rotate(1deg);
}

.about-card img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
    transition: filter 0.4s ease, transform 0.4s ease;
}

.about-card:hover img {
    filter: brightness(1.1) contrast(1.05);
    transform: scale(1.08);
}

.member-card-link {
    flex: 1;
    text-decoration: none;
    color: inherit;
    display: block;
}

.member-card-link:hover {
    text-decoration: none;
}

.member-card {
    flex: 1;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 12px;
    padding: 40px 30px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: all 0.3s;
    box-sizing: border-box;
    cursor: pointer;
}

.member-card-link:hover .member-card {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}

.member-card-featured {
    background: #F0F8FF;
}

.popular-tag {
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    background: #4285F4;
    color: #fff;
    padding: 6px 20px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 20px;
    white-space: nowrap;
    z-index: 10;
}

.member-icon-wrapper {
    width: 80px;
    height: 80px;
    /* background: #E0F2F7; */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.member-icon {
    width: 70px;
    height: 70px;
    object-fit: contain;
}

.member-name {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
    text-align: center;
}

.member-points {
    font-size: 14px;
    color: #999;
    margin-bottom: 30px;
    text-align: center;
}

.member-benefits {
    list-style: none;
    padding: 0;
    margin: 0 0 30px 0;
    /* width: 100%; */
    flex: 1;
}

.member-benefits li {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    font-size: 14px;
    color: #333;
    text-align: center;
}

.check-icon {
    width: 16px;
    height: 16px;
    margin-right: 10px;
    flex-shrink: 0;
}

.member-btn {
    width: 100%;
    background: #4285F4;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 12px 20px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s;
    margin-top: auto;
}

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

.member-btn:active {
    transform: scale(0.98);
}

/* 会员专享响应式设计 */
@media (max-width: 1200px) {
    .member-exclusive-container .wst-container {
        width: 100%;
        padding: 0 20px;
    }

    .member-cards {
        flex-wrap: wrap;
        gap: 20px;
    }

    .member-card {
        flex: 0 0 calc(50% - 10px);
        min-width: 280px;
    }
}

@media (max-width: 768px) {
    .member-cards {
        flex-direction: column;
    }

    .member-card {
        flex: 1;
        width: 100%;
    }

    .member-exclusive-title {
        font-size: 28px;
        margin-bottom: 30px;
    }
}

/* 个性化推荐样式 */
.personalized-recommendation-container {
    width: 100%;
    background: #F0FAFB;
    padding: 60px 0;
    box-sizing: border-box;
}

.personalized-recommendation-container .wst-container {
    width: 1200px;
    max-width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
}

.personalized-recommendation {
    width: 100%;
    box-sizing: border-box;
}

.pr-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 30px;
    position: relative;
}

.pr-title-section {
    text-align: left;
    flex: 1;
}

.pr-title {
    font-size: 32px;
    font-weight: bold;
    color: #333;
    margin: 0 0 10px 0;
}

.pr-subtitle {
    font-size: 14px;
    color: #999da6;
    margin-top: 20px;
}

.smart-recommend-btn {
    position: absolute;
    top: 0;
    right: 0;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 30px;
    padding: 8px 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: all 0.3s;
    font-size: 14px;
    color: #333;
}

.smart-recommend-btn:hover {
    border-color: #4285F4;
    color: #4285F4;
}

.smart-icon {
    width: 16px;
    height: 16px;
    object-fit: contain;
}

.pr-goods-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    width: 100%;
}

.pr-goods-item {
    background: #fff;
    border-radius: 8px;
    padding: 15px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: all 0.3s;
    position: relative;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

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

.pr-goods-img-wrapper {
    width: 100%;
    height: 200px;
    position: relative;
    margin-bottom: 12px;
    border-radius: 6px;
    overflow: hidden;
    background: #f5f5f5;
}

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

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

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

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

.pr-favorite-icon {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    z-index: 10;
    opacity: 0.7;
    transition: opacity 0.3s;
}

.pr-favorite-icon:hover {
    opacity: 1;
}

.pr-favorite-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

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

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

.pr-rating-count {
    color: #999;
    font-size: 12px;
}

.pr-goods-name {
    margin-bottom: 8px;
    min-height: 40px;
}

.pr-goods-name a {
    font-size: 14px;
    color: #333;
    text-decoration: none;
    line-height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
}

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

.pr-goods-price {
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.pr-current-price {
    color: #4285F4;
    font-size: 18px;
    font-weight: bold;
}

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

.pr-goods-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 12px;
}

.pr-tag-item {
    font-size: 12px;
    color: #999;
    padding: 2px 6px;
    background: #f5f5f5;
    border-radius: 4px;
}

.pr-add-cart-btn {
    width: 100%;
    background: #4285F4;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 10px 16px;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s;
    margin-top: auto;
}

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

.pr-add-cart-btn:active {
    transform: scale(0.98);
}

/* 个性化推荐响应式设计 */
@media (max-width: 1200px) {
    .personalized-recommendation-container .wst-container {
        width: 100%;
        padding: 0 20px;
    }

    .pr-goods-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .personalized-recommendation-container {
        padding: 40px 0;
    }

    .pr-goods-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    .pr-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .pr-title-section {
        text-align: left;
    }

    .smart-recommend-btn {
        position: relative;
        margin-top: 15px;
        align-self: flex-end;
    }

    .pr-title {
        font-size: 28px;
    }
}

/* 第三个分类区域样式 - 与第一个分类样式一致，但背景图反转180度 */
.third-category-section {
    /*width: 100%;*/
    /*margin-top: 20px;*/
    width: 1903px;
    margin: 20px auto 0 auto;
    position: relative;
    overflow: visible;
}

.third-category-container {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
}

/* 分类标题 */
.third-category-header {
    position: absolute;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.third-category-icon {
    display: none;
}

.third-category-title {
    font-size: 35px;
    font-weight: bold;
}

.third-category-subtitle {
    font-size: 18px;
    color: #61543b;
    margin-top: 20px;
    text-align: center;
}

/* 背景大图 - 撑满整个屏幕宽度，反转180度 */
.third-category-bg {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.third-category-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* 覆盖图片 - 在背景图上方 */
.third-category-overlay {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 700px;
    z-index: 2;
}

.third-category-overlay img {
    border-top-right-radius: 80px;
    width: 1800px;
    height: 580px;
    margin-top: -100px;
    margin-left: 300px;
}

/* 商品列表 - 4个商品排列在底部 */
.third-category-products {
    position: absolute;
    top: 160px;
    left: 50%;
    transform: translateX(-50%);
    width: 1200px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    z-index: 5;
}

.third-category-product-card {}

.third-category-product-card:hover {
    transform: translateY(-5px);
}

.third-category-product-link {
    width: 350px;
    display: block;
    text-decoration: none;
    color: inherit;
}

.third-category-product-img {
    width: 100%;
    height: 263px;
    position: relative;
}

.bgimg3 {
    position: absolute;
    left: 10px;
    top: 10px;
}

.third-category-product-img .goodsImg {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    border-top-left-radius: 45px;
    border-bottom-right-radius: 45px;
    /* object-fit: cover; */
    transition: transform 0.3s;
}

.third-category-product-info {
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    margin-top: 20px;
}

.third-category-product-name {
    text-align: center;
    width: 100%;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
}

/* 第三个分类 - 描述和价格包装器 */
.third-category-desc-price-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    gap: 10px;
}

.third-category-product-desc {
    font-size: 12px;
    color: #a13008;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    min-width: 0;
    max-width: 60%;
}

.third-category-product-price {
    display: flex;
    align-items: center;
    color: #00A484;
    white-space: nowrap;
    flex-shrink: 0;
}

.third-price-symbol {
    font-size: 15px;
    font-weight: bold;
    margin-right: 5px;
}

.third-price-value {
    font-size: 16px;
    font-weight: bold;
}

.third-category-buy-btn {
    width: 100%;
    padding: 8px 0;
    background: linear-gradient(to right, #ff4444, #ff6666);
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    transition: all 0.3s;
}

.third-category-buy-btn:hover {
    background: linear-gradient(to right, #ff3333, #ff5555);
}

/* 第一个分类 - 商品信息样式 */
/* .wst-category-product-info {
    padding: 15px;
} */

/* .wst-category-product-name {
    font-size: 14px;
    color: #a13008;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
} */

/* 第一个分类 - 描述和价格包装器 */
/* .wst-category-desc-price-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    gap: 10px;
}

.wst-category-product-desc {
    font-size: 12px;
    color: #a13008;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    min-width: 0;
    max-width: 60%;
}

.wst-category-product-price {
    display: flex;
    align-items: center;
    background: url(../img/2_07.png) no-repeat center center;
    background-size: contain;
    padding: 8px 27px;
    white-space: nowrap;
    flex-shrink: 0;
    border-radius: 25px;
}

.wst-category-product-price .price-symbol {
    font-size: 18px;
    color: #a13008;
    font-weight: bold;
}

.wst-category-product-price .price-value {
    font-size: 18px;
    color: #a13008;
    font-weight: bold;
}

.wst-category-buy-btn {
    width: 100%;
    padding: 8px 0;
    background: linear-gradient(to right, #ff4444, #ff6666);
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    transition: all 0.3s;
}

.wst-category-buy-btn:hover {
    background: linear-gradient(to right, #ff3333, #ff5555);
} */