.bc-banner {
    background: #ffffff;
}


/**
wap样式
 */
@media screen and (max-width: 769px) {
    /**
    顶部厂商一级分类tab
     */
    .bc-classify-tab {
        background-color: #ffffff;
        position: relative;
    }

    .bc-classify-select {
        width: 6.63rem;
        height: 0.62rem;
        overflow-x: scroll;
        overflow-y: hidden;
        font-size: 0.28rem;
        display: flex;
    }

    .btn-classify-select {
        width: 0.87rem;
        height: 0.62rem;
        display: inline-block;
        position: absolute;
        z-index: 10;
        background-color: #ffffff;
        right: 0;
        top: 0;
        box-shadow: -0.05rem 0 0.1rem #888888;
    }

    .btn-classify-select:before {
        content: "";
        width: 0.46rem;
        height: 0.46rem;
        display: block;
        position: absolute;
        background-image: url("/image/icon_classify_select.png");
        background-repeat: no-repeat;
        background-size: 0.46rem 0.46rem;
        top: 50%;
        left: 50%;
        margin-left: -0.23rem;
        margin-top: -0.23rem;
    }

    .bc-classify-select::-webkit-scrollbar {
        display: none;
    }

    .bc-classify-tab .bc-classify-item {
        display: inline-block;
        padding-left: 0.2rem;
        padding-right: 0.2rem;
        height: 0.62rem;
        line-height: 0.58rem;
        flex: none;
        position: relative;
    }

    .bc-classify-tab .bc-classify-item.current {
        font-size: 0.34rem;
        font-weight: 600;
    }

    .bc-classify-tab .bc-classify-item.current:after {
        content: "";
        width: 0.36rem;
        height: 0.11rem;
        background-image: url("/image/icon_tab_home_flag.png");
        background-repeat: no-repeat;
        background-size: 0.36rem 0.11rem;
        position: absolute;
        left: 50%;
        margin-left: -0.18rem;
        bottom: 0.02rem;
        display: block;
    }

    /*banner*/
    .bc-banner {
        width: 100%;
        height: 3rem;
        display: flex;
        background-color: #ffffff;
        padding-top: 0.1rem;
        padding-bottom: 0.1rem;
    }

    .bc-banner > .bc-banner-item {
        width: 7.02rem;
        height: 100%;
        flex: none;
        padding: 0 0.24rem;
    }

    .bc-banner > .bc-banner-item img {
        width: 100%;
        height: 100%;
        border-radius: 0.1rem;
    }

    /* 板块入口 */
    .bc-block-btn {
        width: 100%;
        background-image: linear-gradient(#ffffff, #fcfcfc);
    }

    .bc-block-btn > a > div {
        width: 1.5rem;
        height: 0.57rem;
        display: inline-block;
        font-size: 0.24rem;
        color: #4D4D4D;
        text-align: center;
        padding-top: 1.03rem;
        position: relative;
    }

    .bc-block-btn > a > div:before {
        content: "";
        width: 0.7rem;
        height: 0.7rem;
        position: absolute;
        left: 50%;
        margin-left: -0.35rem;
        top: 0.3rem;
        display: block;
    }

    .bc-block-btn > a > div.bc-block-btn-zdcp:before {
        background-image: url("/image/icon_btn_zdcp.png");
        background-size: 0.7rem 0.7rem;
        background-repeat: no-repeat;
    }

    .bc-block-btn > a > div.bc-block-btn-ppzg:before {
        background-image: url("/image/icon_btn_ppzg.png");
        background-size: 0.7rem 0.7rem;
        background-repeat: no-repeat;
    }

    .bc-block-btn > a > div.bc-block-btn-lqzx:before {
        background-image: url("/image/icon_btn_lqzx.png");
        background-size: 0.7rem 0.7rem;
        background-repeat: no-repeat;
    }

    .bc-block-btn > a > div.bc-block-btn-qz:before {
        background-image: url("/image/icon_btn_qz.png");
        background-size: 0.7rem 0.7rem;
        background-repeat: no-repeat;
    }

    .bc-block-btn > a > div.bc-block-btn-rxb:before {
        background-image: url("/image/icon_btn_rxb.png");
        background-size: 0.7rem 0.7rem;
        background-repeat: no-repeat;
    }

    .bc-block-btn > a > div.bc-block-btn-zjry:before {
        background-image: url("/image/icon_btn_zjry.png");
        background-size: 0.7rem 0.7rem;
        background-repeat: no-repeat;
    }

    .bc-block-btn > a > div.bc-block-btn-zlsc:before {
        background-image: url("/image/icon_btn_zlsc.png");
        background-size: 0.7rem 0.7rem;
        background-repeat: no-repeat;
    }

    .bc-block-btn > a > div.bc-block-btn-esxz:before {
        background-image: url("/image/icon_btn_esxz.png");
        background-size: 0.7rem 0.7rem;
        background-repeat: no-repeat;
    }

    .bc-block-btn > a > div.bc-block-btn-qdyl:before {
        background-image: url("/image/icon_btn_qdyl.png");
        background-size: 0.7rem 0.7rem;
        background-repeat: no-repeat;
    }

    .bc-block-btn > a > div.bc-block-btn-qbfl:before {
        background-image: url("/image/icon_btn_qbfl.png");
        background-size: 0.7rem 0.7rem;
        background-repeat: no-repeat;
    }

    /*wap页板块入口 */
    .wap-block {
        margin: 0.24rem;
        display: block;
        background-color: #ffffff;
        border-radius: 0.2rem;
    }

    .wap-block .block-2 {
        font-size: 0.32rem;
        width: 50%;
        height: 2.8rem;
        display: inline-block;
        position: relative;
    }

    .wap-block .block-4 > div {
        font-size: 0.32rem;
        width: 25%;
        height: 1.34rem;
        display: inline-block;
        position: relative;
    }

    .wap-block .block-2 .block-name {
        position: absolute;
        left: 0.25rem;
        top: 0.27rem;
        font-size: 0.32rem;
        font-weight: 500;
        color: #282828;
    }

    .wap-block .block-2 .block-hint {
        position: absolute;
        left: .25rem;
        top: 0.73rem;
        font-size: 0.26rem;
        font-weight: 400;
        color: #F22D33;
    }
    .wap-block .block-2 .goods-image-list{
        height: 1.36rem;
        columns: 2;
        position: absolute;
        left: 0.24rem;
        top: 1.22rem;
    }

    .wap-block .block-2 .goods-image-list img{
        width: 1.36rem;
        height: 1.36rem;
        display: block;
    }

    .wap-block .block-2 .block-new .block-hint {
        color: #F08F15;
    }

    .wap-block .block-4 .block-name {
        position: absolute;
        left: 0.26rem;
        top: 0.2rem;
        font-size: 0.26rem;
        font-weight: 500;
        color: #282828;
    }

    .wap-block .block-4 .block-hint {
        position: absolute;
        left: 0.26rem;
        top: 0.57rem;
        font-weight: 400;
        color: #999999;
        font-size: 0.2rem;
    }

    .wap-block .block-hot-wap:before {
        content: "";
        display: block;
        position: absolute;
        width: 1.27rem;
        height: 0.34rem;
        background-image: url("/image/icon_block_hot.gif");
        background-repeat: no-repeat;
        background-size: 1.27rem 0.34rem;
        left: 1.69rem;
        top: 0.34rem;
    }

    .wap-block .block-new-wap:before {
        content: "";
        display: block;
        position: absolute;
        width: 0.66rem;
        height: 0.32rem;
        background-image: url("/image/icon_block_new.png");
        background-repeat: no-repeat;
        background-size: 0.66rem 0.32rem;
        left: 1.69rem;
        top: 0.34rem;
    }

    .wap-block .block-4 > div {
        background-image: url("/image/icon_block_discovery.png");
        background-size: 1.09rem 0.91rem;
        background-position: right bottom;
        background-repeat: no-repeat;
    }

    .wap-block .block-4 > div.block-fast {
        background-image: url("/image/icon_block_fast.png");
    }

    .wap-block .block-4 > div.block-shop {
        background-image: url("/image/icon_block_shop.png");
    }

    .wap-block .block-4 > div.block-idle {
        background-image: url("/image/icon_block_idle.png");
    }


}

/**
web样式
 */
@media screen and (min-width: 769px) {

    #bc-body {
        padding-bottom: 12px;
    }

    /*banner*/
    .bc-banner {
        width: 100%;
        min-width: 1200px;
        height: 560px;
        overflow: hidden;

    }
    #bc-body .bc-banner-show{
        margin-left: 234px;
    }


    body:before,
    body > .banner-background{
        content: "";
        width: 100%;
        height: 560px;
        position: absolute;
        left: 0;
        top: 187px;
        background-image: url("/image/bg_banner_pc.png");
        background-repeat: no-repeat;
        background-size: 100% 560px;
        background-position: center center;
        transition-property: opacity;
        transition-duration: 1s;
    }

    /* 领券中心 */
    .web-coupon {
        width: 100%;
        height: 110px;
        margin-top: 19px;
        position: relative;
        background-color: #f0f0f0;
    }

    .web-coupon .coupon-title {
        width: 122px;
        height: 110px;
        background-image: url("/image/img_coupon_title.png");
        background-repeat: no-repeat;
        background-size: 122px 110px;
        display: inline-block;
    }

    .web-coupon .coupon-body {
        display: flex;
        position: absolute;
        left: 0;
        top: 0;
        overflow: hidden;
        padding-left: 122px;
        padding-right: 40px;
    }

    .web-coupon .coupon-more {
        width: 40px;
        height: 110px;
        background-image: url("/image/bg_coupon_more.png");
        background-repeat: no-repeat;
        background-size: 40px 110px;
        display: inline-block;
        position: absolute;
        top: 0;
        right: 0;
    }

    .web-coupon .coupon-more:before {
        content: "\67e5\770b\66f4\591a";/*"查看更多";*/
        display: block;
        width: 15px;
        font-size: 12px;
        font-weight: 500;
        color: #8F8F8F;
        line-height: 17px;
        word-break: break-all;
        top: 20px;
        left: 16px;
        position: absolute;
    }

    .web-coupon .coupon-item {
        width: 208px;
        height: 110px;
        position: relative;
        display: inline-block;
        overflow: hidden;
    }

    .web-coupon .coupon-item .coupon-info {
        text-align: center;
        position: relative;
        padding-top: 15px;
    }

    .web-coupon .coupon-item .coupon-value {
        font-size: 36px;
        font-weight: 500;
        color: #E02C2B;
        line-height: 50px;
        position: relative;
        padding-top: 13px;
        font-weight: bold;
        margin-right: 7px;
    }

    .web-coupon .coupon-item .coupon-value:before {
        content: "\ffe5";
        width: fit-content;
        height: fit-content;
        display: inline-block;
        font-size: 16px;


    }

    .web-coupon .coupon-item .coupon-price {
        position: relative;
        top: -16px;
        font-size: 14px;
        font-weight: 500;
        color: #666666;
        font-weight: bold;
    }

    .web-coupon .coupon-item .coupon-price:after {
        content: "\70b9\51fb\9886\53d6";/*"点击领取";*/
        display: inline;
        font-size: 12px;
        font-weight: 400;
        color: #666666;
        line-height: 17px;
        position: absolute;
        left: 0;
        top: 18px;
    }

    .web-coupon .coupon-item .coupon-company {
        width: 100%;
        text-align: center;
        position: absolute;
        top: 78px;
        left: 0;
        font-size: 12px;
        font-weight: 500;
        color: #8F8F8F;
    }

    .web-coupon .coupon-item:after {
        content: "";
        width: 1px;
        height: 110px;
        background-image: url("/image/line_coupon_split.png");
        background-size: 1px 110px;
        background-repeat: no-repeat;
        display: inline-block;
        position: absolute;
        right: 0;
        top: 0;
    }

    /* 板块 */
    .web-block {
        width: 566px;
        height: 289px;
        display: inline-block;
        background: white;
        margin-top: 15px;
        padding: 14px;
        position: relative;
        vertical-align: top;
    }

    .web-block.block-right {
        margin-left: 7px;
    }

    .web-block .block-name {
        font-size: 18px;
        font-weight: bold;
        color: #424242;
    }

    .web-block .block-name:after {
        content: "";
        width: 12px;
        height: 12px;
        background-image: url("/image/icon_block_enter.png");
        background-repeat: no-repeat;
        background-size: 12px 12px;
        display: inline-block;
        position: relative;
        margin-left: 5px;
    }

    .web-block.block-brand .block-name:before {
        content: "";
        width: 243px;
        height: 257px;
        position: absolute;
        display: block;
        background-image: url("/image/img_home_brand.png");
        background-repeat: no-repeat;
        background-size: 243px 257px;
        left: 13px;
        bottom: 13px;
    }

    .web-block.block-hot .block-name:before {
        content: "";
        width: 166px;
        height: 257px;
        position: absolute;
        display: block;
        background-image: url("/image/img_home_hot.png");
        background-repeat: no-repeat;
        background-size: 166px 257px;
        left: 13px;
        bottom: 13px;
    }

    #brandShopList {
        display: none;
    }
    .brand-shop-list-show{
        margin-left: 256px;
        width: 300px;
        height: 255px;
        margin-top: 10px;
    }


    .brand-shop-list-show a {
        width: 138px;
        display: inline-block;
        margin-bottom: 9px;
        margin-left: 12px;
        overflow: hidden;
    }

    .web-block.block-brand img.brand-shop-item {
        max-height: 56px;
        display: block;
        height: 60px;
        width: auto;
        max-width: 140px;
        margin: 0 auto;
    }

    #hotGoodsList {
        margin-left: 43px;
        padding-left: 115px;
    }

    #hotGoodsList .goods-item {
        height: 92px;
        width: 75px;
        overflow: hidden;
        position: relative;
        display: inline-block;
        margin-left: 21px;
        margin-top: 32px;
        padding-left: 102px;
    }

    #hotGoodsList .goods-item img {
        width: 92px;
        height: auto;
        max-height: 92px;
        position: absolute;
        left: 0;
        top: 0;
    }

    #hotGoodsList .goods-name {

        font-size: 12px;
        font-weight: 400;
        color: #424242;
        height: 33px;
        overflow: hidden;

        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    #hotGoodsList .goods-price {
        font-size: 14px;
        font-weight: 500;
        color: #E02C2B;
        line-height: 21px;
        display: block;
        margin-top: 10px;
        margin-bottom: 10px;
        word-break: break-all;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        overflow: hidden;
        height: 17px;
    }

    #hotGoodsList .goods-price:before {
        content: "\ffe5";
        display: inline-block;
    }

    #hotGoodsList .goods-sold {
        font-size: 12px;
        font-weight: 400;
        color: #A4A4A4;
        line-height: 18px;
    }

    #hotGoodsList .goods-sold:before {
        content: "\5df2\552e";/*"已售";*/
        display: inline-block;
    }

    #goodShopList {
        overflow: hidden;
        display: block;
    }

    #goodShopList .shop-item {
        background-color: #F8F5F5;
        height: 94px;
        display: block;
        position: relative;
        margin-top: 13px;
        padding: 14px;
        display: block;
    }

    #goodShopList .shop-item:last-child {
        background-color: #F2F6F0;
    }

    #goodShopList .shop-item .shop-logo,
    #goodShopList .shop-item .shop-info > *{
        display: none;
    }
    #goodShopList .shop-item .name {
        font-size: 14px;
        font-weight: 500;
        color: #424242;
        line-height: 20px;
        width: 139px;
        height: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
    }
    #goodShopList .shop-item .name:after{
        width: 22px;
        height: 12px;
    }

    #goodShopList .shop-item .shop-name[data-vip]:after{
        content: "";
        display: inline-block;
        width: 22.5px;
        height: 12px;
        background-image: url("/image/icon_c_1.png");
        background-repeat: no-repeat;
        background-size: 22.5px 12px;
    }
    #goodShopList .shop-item .shop-name[data-vip][data-level="2"]:after{
        background-image: url("/image/icon_c_2.png");
    }
    #goodShopList .shop-item .shop-name[data-vip][data-level="3"]:after{
        background-image: url("/image/icon_c_3.png");
    }
    #goodShopList .shop-item .shop-name[data-vip][data-level="4"]:after{
        background-image: url("/image/icon_c_4.png");
    }
    #goodShopList .shop-item .shop-name[data-vip][data-level="5"]:after{
        background-image: url("/image/icon_c_5.png");
    }
    #goodShopList .shop-item .shop-name[data-vip][data-level="6"]:after{
        background-image: url("/image/icon_c_6.png");
    }
    #goodShopList .shop-item .shop-name[data-vip][data-level="7"]:after{
        background-image: url("/image/icon_c_7.png");
    }
    #goodShopList .shop-item .shop-name[data-vip][data-level="8"]:after{
        background-image: url("/image/icon_c_8.png");
    }
    #goodShopList .shop-item .shop-name[data-vip][data-level="9"]:after{
        background-image: url("/image/icon_c_9.png");
    }
    #goodShopList .shop-item .shop-name[data-vip="brand"]:after{
        background-image: url("/image/icon_p_1.png");
    }
    #goodShopList .shop-item .shop-name[data-vip="brand"][data-level="2"]:after{
        background-image: url("/image/icon_p_2.png");
    }
    #goodShopList .shop-item .shop-name[data-vip="brand"][data-level="3"]:after{
        background-image: url("/image/icon_p_3.png");
    }
    #goodShopList .shop-item .shop-name[data-vip="brand"][data-level="4"]:after{
        background-image: url("/image/icon_p_4.png");
    }
    #goodShopList .shop-item .shop-name[data-vip="brand"][data-level="5"]:after{
        background-image: url("/image/icon_p_5.png");
    }
    #goodShopList .shop-item .shop-name[data-vip="brand"][data-level="6"]:after{
        background-image: url("/image/icon_p_6.png");
    }
    #goodShopList .shop-item .shop-name[data-vip="brand"][data-level="7"]:after{
        background-image: url("/image/icon_p_7.png");
    }
    #goodShopList .shop-item .shop-name[data-vip="brand"][data-level="8"]:after{
        background-image: url("/image/icon_p_8.png");
    }
    #goodShopList .shop-item .shop-name[data-vip="brand"][data-level="9"]:after{
        background-image: url("/image/icon_p_9.png");
    }

    #goodShopList .shop-item .shop-credit{
        margin-top: 6px;
    }
    #goodShopList .shop-item .shop-credit .shop-credit-icon{
        display: inline-block;
        content: "";
        width: 11px;
        height: 10px;
        background-image: url("/image/icon_heart_grey.png");
        background-repeat: no-repeat;
        background-size: 11px 10px;
        margin-right: 2px;
    }
    #goodShopList .shop-item .shop-credit .shop-credit-icon[data-icon="heart-light"]{
        background-image: url("/image/icon_heart_red.png");
    }
    #goodShopList .shop-item .shop-credit .shop-credit-icon[data-icon="diamond"]{
        background-image: url("/image/icon_diamond_thin.png");
    }
    #goodShopList .shop-item .shop-credit .shop-credit-icon[data-icon="diamond-light"]{
        background-image: url("/image/icon_diamond_bright.png");
    }
    #goodShopList .shop-item .shop-credit .shop-credit-icon[data-icon="medal"]{
        background-image: url("/image/icon_medal_thin.png");
    }
    #goodShopList .shop-item .shop-credit .shop-credit-icon[data-icon="medal-light"]{
        background-image: url("/image/icon_medal_bright.png");
    }
    #goodShopList .shop-item .shop-credit .shop-credit-icon[data-icon="crown"]{
        background-image: url("/image/icon_crown_thin.png");
    }
    #goodShopList .shop-item .shop-credit .shop-credit-icon[data-icon="crown-light"]{
        background-image: url("/image/icon_crown_bright.png");
    }


    #goodShopList .shop-item .shop-info {
        margin-top: 43px;
        font-size: 12px;
        font-weight: 400;
        color: #666666;
        line-height: 17px;
    }

    #goodShopList .shop-item .shop-info > .shop-high-praise,
    #goodShopList .shop-item .shop-info > .shop-collect-num{
        display: inline;
    }
    #goodShopList .shop-item a.shop-link{
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 180px;
    }

    #goodShopList .shop-info .shop-high-praise:before {
        content: "\597d\8bc4\7387";/*好评率*/
        display: inline;
    }

    #goodShopList .shop-info .shop-collect-num{
        margin-left: 10px;
    }

    #goodShopList .shop-info .shop-collect-num:after {
        content: "\5173\6ce8";/*"关注";*/
        display: inline;
    }

    #goodShopList .goods-list {
        position: absolute;
        left: 144px;
        height: 92px;
        overflow: hidden;
        top: 50%;
        margin-top: -46px;
        vertical-align: top;
    }

    #goodShopList .goods-item {
        height: 92px;
        width: 75px;
        overflow: hidden;
        position: relative;
        display: inline-block;
        margin-left: 21px;

        padding-left: 102px;

    }

    #goodShopList .goods-item img {
        width: 92px;
        height: auto;
        max-height: 92px;
        position: absolute;
        left: 0;
        top: 0;
    }

    #goodShopList .goods-name {

        font-size: 12px;
        font-weight: 400;
        color: #424242;
        height: 33px;
        overflow: hidden;

        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    #goodShopList .goods-price {
        font-size: 14px;
        font-weight: 500;
        color: #E02C2B;
        line-height: 21px;
        display: block;
        margin-top: 10px;
        margin-bottom: 10px;
        word-break: break-all;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        overflow: hidden;
        height: 17px;
    }

    #goodShopList .goods-price:before {
        content: "\ffe5";
        display: inline-block;
    }

    #goodShopList .goods-sold {
        font-size: 12px;
        font-weight: 400;
        color: #A4A4A4;
        line-height: 18px;
    }

    #goodShopList .goods-sold:before {
        content: "\5df2\552e";/*"已售";*/
        display: inline-block;
    }

    #fastGoodsList {
        display: flex;
    }

    #fastGoodsList a {
        flex: 1;
    }

    #fastGoodsList .goods-item {
        position: relative;
        display: block;
    }

    #fastGoodsList .goods-item img {
        width: 116px;
        height: 116px;
        display: inline-block;
        margin-top: 24px;
        vertical-align: center;
        position: relative;
        left: 50%;
        margin-left: -58px;
    }

    #fastGoodsList .goods-item .goods-name {
        margin-top: 12px;
        font-size: 14px;
        font-weight: 400;
        color: #424242;
        line-height: 20px;
        overflow: hidden;
        height: 32px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        padding: 4px;
    }

    #fastGoodsList .goods-item .goods-price {
        font-size: 16px;
        font-weight: bold;
        color: #E02C2B;
        line-height: 24px;
        display: block;
        padding: 2px;
        margin-top: 4px;
    }

    #fastGoodsList .goods-item .goods-price:before {
        content: "\ffe5";
        display: inline;
        font-size: 12px;
        font-weight: 500;
        color: #E02C2B;
        line-height: 18px;
    }

    #fastGoodsList .goods-item .goods-sold {
        display: none;
    }

    #fastGoodsList .goods-item:after {
        margin-top: 13px;
        content: "\7acb\5373\62a2\8d2d";/*"立即抢购";*/
        display: block;
        width: 70px;
        height: 24px;
        background: #E02C2B;
        font-size: 12px;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 24px;
        text-align: center;
        margin-left: 5px;
    }

    /*商品列表*/
    #indexGoodsList {

    }

    #indexGoodsList .title {
        height: 60px;
        line-height: 60px;
        font-size: 20px;
        font-weight: bold;
        color: #424242;
        text-align: center;
        position: relative;
    }

    #indexGoodsList .title:before, #indexGoodsList .title:after {
        content: "";
        width: 24px;
        height: 12px;
        display: block;
        position: absolute;
        background-image: url("/image/icon_title_left.png");
        background-repeat: no-repeat;
        background-size: 24px 12px;
        top: 50%;
        margin-top: -6px;
    }

    #indexGoodsList .title:before {
        left: 529px;
    }

    #indexGoodsList .title:after {
        right: 529px;
        transform: rotate(180deg);
    }

    #indexGoodsList .goods-list-tab {
        height: 66px;
        display: flex;
    }

    #indexGoodsList .goods-list-tab > div {
        padding-top: 39px;
        flex: 1;
        text-align: center;
        background-color: #ffffff;
        font-weight: bold;
        cursor: pointer;
        position: relative;
    }

    #indexGoodsList .goods-list-tab > div.current {
        background-color: #E02C2B;
        font-size: 14px;
        font-weight: bold;
        color: #FFFFFF;
        line-height: 21px;
    }

    #indexGoodsList .goods-list-tab > div:before {
        content: "";
        width: 30px;
        height: 30px;

        background-repeat: no-repeat;
        background-size: 30px 30px;
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -15px;
        top: 10px;
    }

    #indexGoodsList .goods-list-tab > div[data-name="wntj"]:before {
        background-image: url("/image/icon_tab_wntj.png");
    }

    #indexGoodsList .goods-list-tab > div[data-name="wntj"].current:before {
        background-image: url("/image/icon_tab_wntj_white.png");
    }

    #indexGoodsList .goods-list-tab > div[data-name="qlcl"]:before {
        background-image: url("/image/icon_tab_qlcl.png");
    }

    #indexGoodsList .goods-list-tab > div[data-name="qlcl"].current:before {
        background-image: url("/image/icon_tab_qlcl_white.png");
    }

    #indexGoodsList .goods-list-tab > div[data-name="sdcl"]:before {
        background-image: url("/image/icon_tab_sdcl.png");
    }

    #indexGoodsList .goods-list-tab > div[data-name="sdcl"].current:before {
        background-image: url("/image/icon_tab_sdcl_white.png");
    }

    #indexGoodsList .goods-list-tab > div[data-name="dtcl"]:before {
        background-image: url("/image/icon_tab_dtcl.png");
    }

    #indexGoodsList .goods-list-tab > div[data-name="dtcl"].current:before {
        background-image: url("/image/icon_tab_dtcl_white.png");
    }

    #indexGoodsList .goods-list-tab > div[data-name="slcl"]:before {
        background-image: url("/image/icon_tab_slcl.png");
    }

    #indexGoodsList .goods-list-tab > div[data-name="slcl"].current:before {
        background-image: url("/image/icon_tab_slcl_white.png");
    }

    #indexGoodsList .goods-list-tab > div[data-name="ljlm"]:before {
        background-image: url("/image/icon_tab_ljlm.png");
    }

    #indexGoodsList .goods-list-tab > div[data-name="ljlm"].current:before {
        background-image: url("/image/icon_tab_ljlm_white.png");
    }

    #indexGoodsList .goods-list-tab > div[data-name="jayh"]:before {
        background-image: url("/image/icon_tab_jayh.png");
    }

    #indexGoodsList .goods-list-tab > div[data-name="jayh"].current:before {
        background-image: url("/image/icon_tab_jayh_white.png");
    }

    #indexGoodsList .goods-list-tab:after {

    }

    #indexGoodsList:after {
        content: "";
        display: none;
        position: relative;
        width: 68px;
        height: 68px;
        background-image: url("/image/loading.gif");
        background-repeat: no-repeat;
        background-size: 68px 68px;
        left: 50%;
        margin-left: -34px;
    }

    #indexGoodsList[data-loading="true"]:after {
        display: block;
    }

    /* 用户登录板块 */
    .bc-user {
        width: 174px;
        height: 434px;
        background: #FFFFFF;
        opacity: 0.94;
        position: absolute;
        right: 0;
        top: 40px;
        box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.1);
        padding: 23px 13px;
    }

    .bc-user img.user-header {
        width: 50px;
        height: 50px;
        border-radius: 50px;
    }

    .bc-user[data-login="true"] img.user-header {

    }

    .bc-user .user-welcome {
        font-size: 12px;
        font-weight: 400;
        color: #404040;
        line-height: 18px;
        position: absolute;
        top: 25px;
        left: 73px;
    }

    .bc-user .user-hint {
        background: rgba(224, 43, 43, 0.09);
        border-radius: 11px;
        font-size: 12px;
        font-weight: 400;
        color: #E02B2B;
        position: absolute;
        top: 47px;
        left: 71px;
        padding: 4px 7px;
    }

    .bc-user .user-login {
        display: block;
        margin-top: 13px;
        width: 170px;
        height: 28px;
        background: #E02B2B;

        border-radius: 4px;
        line-height: 28px;
        text-align: center;
        font-size: 12px;
        font-weight: 400;
        color: #FFFFFF;
    }

    .bc-user .user-login:hover {
        background: #C61D1D;
    }

    .bc-user[data-login="true"] .user-login, .bc-user[data-login="true"] .user-register {
        display: none;
    }

    .bc-user .user-register {
        display: block;
        width: 170px;
        height: 28px;
        background: #333333;
        border-radius: 4px;
        font-size: 12px;
        font-weight: 400;
        color: #F2D398;
        line-height: 28px;
        text-align: center;
        margin-top: 10px;
    }

    .bc-user .user-integral {
        display: none;
        min-width: 90px;
        width: fit-content;
        max-width: 144px;
        height: 26px;
        background: #333333;
        border-radius: 14px;
        font-size: 12px;
        font-weight: 400;
        color: #F2D398;
        line-height: 26px;
        text-align: center;
        margin: 13px auto;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 0 15px;
    }

    .bc-user[data-login="true"] .user-integral {
        display: block;
    }

    .bc-user[data-login="true"] .user-order {
        display: flex;
    }

    .bc-user .user-order {
        display: none;
    }

    .bc-user .user-order > * {
        flex: 1;
        height: 36px;
        display: block;
    }

    .bc-user .user-order > * .user-order-number {
        display: block;
        font-size: 12px;
        font-weight: 500;
        color: #E02B2B;
        line-height: 18px;
        text-align: center;
    }

    .bc-user .user-order > * .user-order-title {
        display: block;
        font-size: 12px;
        font-weight: 400;
        color: #404040;
        line-height: 18px;
        text-align: center;
    }


    .bc-user .user-blocks {
        display: flex;
        margin-top: 20px;
    }

    .bc-user .user-blocks > a {
        flex: 1;
    }

    .bc-user .user-blocks .user-block-item {
        font-size: 12px;
        font-weight: 400;
        color: #404040;
        line-height: 18px;
        text-align: center;
        position: relative;
    }

    .bc-user .user-blocks .user-block-item:before {
        content: "";
        display: block;
        width: 35px;
        height: 35px;
        margin-bottom: 12px;
        position: relative;
        left: 50%;
        margin-left: -17.5px;
        background-size: 34px;
        background-repeat: no-repeat;
    }

    .bc-user .user-blocks .user-block-item.block-major:before {
        background-image: url("/image/icon_major_goods.png");
    }

    .bc-user .user-blocks .user-block-item.block-discovery:before {
        background-image: url("/image/icon_discovery_goods.png");
    }

    .bc-user .user-blocks .user-block-item.block-new:before {
        background-image: url("/image/icon_new_goods.png");
    }

    .bc-information {
        margin-top: 36px;
        height: 34px;
        font-size: 14px;
        font-weight: 600;
        line-height: 34px;
        position: relative;

    }

    .bc-information .info-title {
        position: relative;
        color: #333333;
        font-weight: bolder;
    }

    .bc-information .info-title:before {
        content: "";
        display: inline-block;
        width: 9px;
        height: 10px;
        background-image: url("/image/icon_info_more.png");
        background-repeat: no-repeat;
        background-size: 9px 10px;
        position: absolute;
        right: 0;
        top: 13px;
    }

    .bc-information .info-title:after {
        content: "\66f4\591a";/*"更多";*/
        display: inline-block;
        position: absolute;
        right: 0;
        top: 0;
        font-size: 12px;
        font-weight: 400;
        color: #999999;
        cursor: pointer;
        margin-right: 13px;
    }

    .bc-information .bc-info-list {
        display: block;
        overflow: hidden;
        position: relative;
        border-top: 1px solid #D9D9D9;
        padding-top: 5px;
    }


    .bc-information .info-item {
        display: block;
        height: 30px;
        font-size: 12px;
        font-weight: 400;
        color: #666666;
        line-height: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .bc-information .info-item[data-tag]:before{
        display: inline-block;
        width: 30px;
        height: 18px;
        border-radius: 4px;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
        text-align: center;
        margin-right: 4px;
    }

    .bc-information .info-item[data-tag="news"]:before{
        content: "\65b0\95fb";
        color: #FF8900;
        background: rgba(253, 142, 13, 0.1);
        border: 1px solid rgba(253, 142, 13, 0.3);
    }

    .bc-information .info-item[data-tag="knowledge"]:before{
        content: "\77e5\8bc6";
        color: #4188F3;
        background: rgba(0, 75, 254, 0.1);
        border: 1px solid rgba(0, 75, 254, 0.2);
    }

    .bc-information .info-item:hover {
        color: #E02B2B;

    }
}