/**
公共样式
 */
*, *:before, *:after {

}
img{
    image-rendering: pixelated;
}

body {
    padding: 0;
    margin: 0;
    font-size: 0;
    background: #F7F7F7;
    font-family: PingFangSC-Regular, SourceHanSansCN-Regular, SourceHanSansCN, "Microsoft YaHei", SimHei, serif;

}

.hidden {
    display: none !important;
}

a {
    text-decoration: none
}


.bc-popup {
    position: absolute;
    width: fit-content;
    height: fit-content;
}

.bc-select-option-item {
    display: block;
    font-size: 13px;
    font-weight: 400;
    color: #404040;
}


.breadcrumb {
    color: #666;
    line-height: 48px;
    padding: 0 3px;
}

.breadcrumb .breadcrumb-item {
    margin-right: 10px;
}

.breadcrumb .breadcrumb-item:after {
    content: " > ";
    display: inline;
}

.breadcrumb .breadcrumb-item:last-child:after {
    display: none;
}

*, *:after, *:before {
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.tab-view .tab-content-layout .tab-content-item {
    display: none;
}

.tab-view .tab-content-layout .tab-content-item.current {
    display: block;
}

input.clean {
    background: none;
    outline: none;
    border: 1px solid #ccc;
}

input.clean:focus {
    border: none;
}

.pagination {
    pointer-events: none;
}

.pagination * {
    pointer-events: auto;
}

/**
wap样式
 */
@media screen and (max-width: 769px) {
    html, body {
        height: 100%;
        width: 100%;
    }

    .web-only {
        display: none !important;
    }

    #bc-fix-bar {
        display: none;
    }

    img {
        width: 100%;
        height: auto;
    }

    .guide-bar {
        display: none !important;
    }

    .tail {
        display: none !important;
    }

    .header {
        background-color: #ffffff;
        height: 0.8rem;
        display: block;
        width: 100%;
    }

    .header .logo {
        width: 0.58rem;
        height: 0.37rem;
        background-image: url("/image/icon_logo_short.png");
        background-repeat: no-repeat;
        background-size: 0.58rem 0.37rem;
        position: absolute;
        top: 0.22rem;
        left: 0.2rem;
    }

    .header .search {
        width: 5.46rem;
        height: 0.56rem;
        position: absolute;
        left: 0.9rem;
        top: 0.1rem;
        background: #FFFFFF;
        border: 0.02rem solid #F22D33;
        border-radius: 0.6rem;
    }


    .header .search input {
        border: none;
        height: 0.6rem;
        position: absolute;
        left: 0.98rem;
        background: transparent;
        font-size: 0.26rem;
        top: 0;
    }

    .header .search input:focus {
        outline: none;
    }

    .header .search:before {
        width: 0.4rem;
        height: 0.4rem;
        content: "";
        background-size: 0.4rem 0.4rem;
        background-repeat: no-repeat;
        background-image: url("/image/icon_scan.png");
        position: absolute;
        left: 0.25rem;
        top: 0.11rem;
    }

    .header .search:after {
        width: 0.02rem;
        height: 0.32rem;
        background-color: #E5E7ED;
        content: "";
        position: absolute;
        left: 0.81rem;
        top: 0.14rem;
    }

    .header .search .search-btn {
        width: 1.24rem;
        height: 0.6rem;
        position: absolute;
        right: 0;
        top: -0.02rem;
        background: linear-gradient(90deg, #FA2B5E, #FE0A0A);
        border-radius: 30px;
        color: #ffffff;
        font-size: 0.26rem;
        line-height: 0.6rem;
        text-align: center;
    }

    .copyright_auth{
        display: none;
    }

    body {
        display: flex;
        flex-flow: column;
        flex-direction: column;
        height: 100%;
    }

    body > #bc-body {
        flex: 1;
        width: 100%;
        overflow-x: hidden;
        overflow-y: scroll;
    }

    body > .action-bar {
        display: none;
        width: 100%;
        height: 0.6rem;
        background-color: #ffffff;

    }

    body > .action-bar.show {
        display: flex;
    }

    body > .action-bar > .action-item {
        flex: auto;
        font-size: .1rem;
        color: #B3B3B3;
        text-align: center;
        padding-top: 0.31rem;
        position: relative;
    }

    body > .action-bar > .action-item.current {
        color: #F22D33;

    }

    body > .action-bar > .action-item:before {
        content: "";
        width: 0.26rem;
        height: 0.26rem;
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -0.13rem;
        top: 0.04rem;
    }

    body > .action-bar > .action-item.action-main:before {
        background-image: url("/image/icon_tab_home_unselect.png");
        background-repeat: no-repeat;
        background-size: 0.26rem 0.26rem;
    }

    body > .action-bar > .action-item.action-city:before {
        background-image: url("/image/icon_tab_city_unselect.png");
        background-repeat: no-repeat;
        background-size: 0.26rem 0.26rem;
    }

    body > .action-bar > .action-item.action-cart:before {
        background-image: url("/image/icon_tab_cart_unselect.png");
        background-repeat: no-repeat;
        background-size: 0.26rem 0.26rem;
    }

    body > .action-bar > .action-item.action-mine:before {
        background-image: url("/image/icon_tab_mine_unselect.png");
        background-repeat: no-repeat;
        background-size: 0.26rem 0.26rem;
    }

    body > .action-bar > .action-item.current.action-main:before {
        background-image: url("/image/icon_tab_home_select.png");
    }

    body > .action-bar > .action-item.current.action-city:before {
        background-image: url("/image/icon_tab_city_select.png");
    }

    body > .action-bar > .action-item.current.action-cart:before {
        background-image: url("/image/icon_tab_cart_select.png");
    }

    body > .action-bar > .action-item.current.action-mine:before {
        background-image: url("/image/icon_tab_mine_select.png");
    }

}

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

    /*滚动条*/
    /* 设置滚动条的样式 */
    div::-webkit-scrollbar {
        width: 6px;
    }

    /* 滚动槽 */
    div::-webkit-scrollbar-track {
        -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3);
        border-radius: 3px;
    }

    /* 滚动条滑块 */
    div::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background: #DBDBDB;
        -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.5);
    }

    div::-webkit-scrollbar-thumb:window-inactive {
        background: #DBDBDB;
    }

    body > .action-bar {
        display: none;
    }

    .wap-only {
        display: none !important;
    }

    a {
        text-decoration: none;
        color: inherit;
    }

    .content {
        width: 1200px;
        margin: 0 auto;
        position: relative;
        font-size: 14px;
    }


    /**
    导航条
     */
    .guide-bar {
        font-size: 12px;
        height: 34px;
        background-color: #f7f7f7;
        line-height: 32px;
        color: #8F8F8F;
    }


    .guide-bar .content {
        background-color: transparent;
        float: none;
        position: relative;
        left: 50%;
        margin-left: -600px;
    }

    .guide-bar .content * {
        font-size: 12px;
    }

    .guide-bar div.guider-btn {
        display: inline-block;
        float: right;
    }

    .guide-bar .phone, .guide-bar .welcome {
        font-weight: 400;
    }

    .guide-bar .phone:before {
        content: "";
        display: inline-block;
        width: 10px;
        height: 16px;
        background-image: url("/image/icon_phone.png");
        background-size: 10px 16px;
        background-repeat: no-repeat;
        line-height: 16px;
        position: relative;
        top: 3px;
        margin-right: 4px;
    }

    .guide-bar .welcome:before {
        content: "";
        width: 1px;
        height: 14px;
        background: url("/image/icon_split_line.png");
        position: relative;
        top: 3px;
        display: none;
        margin-left: 7px;
        margin-right: 7px;
    }

    .guide-bar .login {
        color: #E02B2B;
        margin-left: 8px;
    }

    .guide-bar .split {
        margin-right: 6px;
    }

    .guide-bar .register {
        color: #8f8f8f;
    }

    .guide-bar .guider-btn .guide-item {
        font-weight: 500;
        color: #8F8F8F;
        position: relative;
        display: inline-block;
        height: 32px;
        padding-left: 8px;
        padding-right: 5px;
        font-size: 12px;
        border: 1px solid rgba(0, 0, 0, 0);
    }

    .guide-bar .more-list {
        position: absolute;
        display: none;
        font-size: 12px;
        z-index: 10;
        top: 32px;
    }

    .guide-bar .order-more > * {
        display: block;
        text-align: center;
    }

    .guide-bar .order-more > *:hover {
        color: #E02B2B;
    }

    .guide-bar .more:hover .more-list {
        display: block;
        cursor: pointer;
    }

    .guide-bar .more {
        position: relative;

    }

    .guide-bar .guider-btn .more-list-item {
        float: none;
        text-align: center;
        display: inline-block;
        width: 70px;
    }

    .guide-bar .guider-btn .more-list-item:hover {
        color: #E02C2B;
    }

    .guide-bar .guider-btn .more-list .list-name {
        color: #E02C2B;
        position: relative;
    }

    .guide-bar .guider-btn .more-list .list-name:after {
        content: "";
        display: inline-block;
        width: 11px;
        height: 6px;
        background-image: url("/image/icon_arrow_down.png");
        background-repeat: no-repeat;
        background-size: 11px 6px;
        margin-left: 3px;
        transform: rotate(180deg);
        position: absolute;
        top: 15px;
        left: 50px;
    }

    .guide-bar .more-list {
        width: 79px;
        height: auto;
        background: #FFFFFF;
        border-left: 1px solid #DBDBDB;
        border-bottom: 1px solid #DBDBDB;
        border-right: 1px solid #DBDBDB;
        position: absolute;
        top: 100%;
        right: -1px;
    }

    .guide-bar .mine-more {
        width: 156px;
        padding-left: 11px;
    }


    .guide-bar .service-more {
        width: 156px;
        padding-left: 11px;
    }

    .guider-bar .more-list .more-list-item:hover {
        color: #E02C2B;
    }


    .guide-bar .guider-btn .more:hover .more-list {
        display: block;
        z-index: 10;
        background: #ffffff;
    }

    .guide-bar .guider-btn span.service {
        color: #666666;
        font-weight: 500;
        margin-left: 9px;
        font-size: 12px;
    }


    .guide-bar .guider-btn span.tel {
        color: #404040;
        font-weight: bold;
        font-size: 12px;
    }

    .guide-bar span.guide-notice {
        display: inline-block;
        margin-left: 9px;
        width: 14px;
        height: 12px;
        background-image: url("/image/icon_service_phone.png");
        background-repeat: no-repeat;
        background-size: 14px 12px;
    }

    .guide-bar .more:hover {
        background: white;
        border-top: 1px solid #DBDBDB;
        border-left: 1px solid #DBDBDB;
        border-right: 1px solid #DBDBDB;
    }

    .guide-bar .more:hover:after {
        transform: rotate(180deg);
    }

    .guide-bar .more:after {
        content: "";
        display: inline-block;
        width: 11px;
        height: 6px;
        background-image: url("/image/icon_arrow_down.png");
        background-repeat: no-repeat;
        background-size: 11px 6px;
        margin-left: 3px;
    }

    .guide-bar .guider-btn > .guide-item:before {
        content: "";
        width: 1px;
        height: 14px;
        background: url("/image/icon_split_line.png");
        position: absolute;
        right: -4px;
        top: 9px;
        display: inline-block;
    }

    .guide-bar .more:hover .more-list {
        display: block;
    }


    .guide-bar a.guide-notice:after {
        content: "";
        width: 14px;
        height: 12px;
        background-image: url("/image/icon_notice.png");
        background-repeat: no-repeat;
        background-size: 14px 12px;
        display: inline-block;
        margin-left: 9px;
    }


    /**
    公共头部
     */
    .header {
        width: 100%;
        background: #ffffff;
        height: 82px;
        padding-top: 31px;
        position: relative;
    }

    .header[data-shopid] {
        height: 119px;
    }

    .header .shop-tab-bar {
        height: 40px;
        position: absolute;
        bottom: 0;
        width: 1200px;
        left: 50%;
        margin-left: -600px;
    }

    .header .shop-tab-bar > a {
        display: inline-block;
        width: 180px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        font-size: 16px;
        font-weight: normal;
        color: #333333;
        position: relative;
    }

    .header .shop-tab-bar > a.current,
    .header .shop-tab-bar > a:hover {
        color: #E02B2B;
    }

    .header .shop-tab-bar > a.current:after {
        content: "";
        display: inline-block;
        position: absolute;
        width: 65px;
        height: 4px;
        background: #E02B2B;
        bottom: 0;
        left: 50%;
        margin-left: -32.5px;
    }

    /*logo*/
    .header .logo:before {
        content: "";
        display: inline-block;
        width: 155px;
        height: 47px;
        background-image: url("/image/icon_logo.png");
        background-repeat: no-repeat;
        background-size: 155px 47px;
    }

    /*搜索框*/
    .header .search {
        width: 540px;
        height: 32px;
        background: #FFFFFF;
        border: 2px solid #E02C2B;
        position: absolute;
        left: 332px;
        top: 0;
    }

    .header[data-shopid] .search {
        left: unset;
        right: 110px;
        height: 36px;
        border-radius: 4px;
    }

    .header .search input {
        width: 370px;
        height: 32px;
        line-height: 32px;
        position: relative;
        left: 96px;
        border: none;
        background-color: transparent;
        font-size: 12px;

    }

    .header[data-shopid] .search input {
        left: 52px;
        height: 36px;
    }

    .header .search input::-webkit-input-placeholder,
    .header .search input:-moz-placeholder,
    .header .search input::-moz-placeholder,
    .header .search input:-ms-input-placeholder,
    .header .search input::-ms-input-placeholder { /* WebKit, Blink, Edge */
        color: #A3A3A3;
    }

    .header .search input:focus {
        outline: none;
    }

    .header .search input::placeholder,
    .header .search input::-webkit-input-placeholder,
    .header .search input::-moz-placeholder,
    .header .search input:-moz-placeholder,
    .header .search input::-ms-input-placeholder {
        color: #FFA3A3 !important;
        text-align: right;
    }

    /* 搜索类型 */
    .header .search .search-type {
        width: 59px;
        height: 32px;
        position: absolute;
        left: 0;
        text-align: center;
        line-height: 32px;
        top: 0;
        font-weight: 400;
        color: #404040;
        cursor: pointer;
    }

    .header[data-shopid] .search .search-type {
        display: none;
    }

    .header .search .search-type.selecting {
        color: #E02C2B;
    }

    .header .search .search-type-select {
        position: absolute;
        left: 0;
        top: 34px;
        width: 57px;
        height: 64px;
        background: #FFFFFF;
        border: 1px solid #DBDBDB;
        display: none;
    }

    .header-search-selection {
        width: 57px;
        height: 64px;
        background: #FFFFFF;
        border: 1px solid #DBDBDB;
    }

    .header-search-selection .bc-select-option-item {
        height: 32px;
        line-height: 32px;
        padding-left: 7px;
        cursor: pointer;
    }


    .header .search .search-type[data-status="selecting"] .search-type-select {
        display: block;
    }

    .header .search .search-type-select .search-type-item:after {
        content: "";
        width: 11px;
        height: 6px;
        background-image: url("/image/icon_arrow_down.png");
        background-repeat: no-repeat;
        background-size: 11px 6px;
        margin-left: 3px;
        display: inline-block;
        opacity: 0;
    }


    .header .search .search-type-select .search-type-item:last-child:after {
        opacity: 0;
    }

    .header .search-type-select .search_type-item {
        font-size: 13px;
        font-weight: 400;
        color: #404040;
    }

    .header .search-type .search_type-item:hover {
        color: #E02C2B;
    }

    .header .search:before {
        width: 14px;
        height: 15px;
        content: "";
        background-repeat: no-repeat;
        background-size: 14px 15px;
        background-image: url("/image/icon_search.png");
        display: inline-block;
        position: absolute;
        left: 74px;
        top: 9px;
    }

    .header[data-shopid] .search:before {
        left: 16px;
        top: 12px;
    }

    .header .search:after {
        content: "";
        display: inline-block;
        width: 1px;
        height: 18px;
        background-color: #E02B2B;
        position: absolute;
        left: 59px;
        top: 7px;
    }

    .header[data-shopid] .search:after {
        display: none;
    }

    .header .search .search-type:after {
        width: 8px;
        height: 8px;
        content: "";
        display: inline-block;
        background-image: url("/image/icon_arrow_up_black.png");
        background-repeat: no-repeat;
        background-size: 8px;
        margin-left: 3px;
        position: relative;
        transform: rotate(180deg);
        line-height: 8px;
        position: relative;
        top: -1px;
    }

    .header .search .search-type.selecting:after {
        transform: rotate(0deg);
    }


    .header .search .search-btn {
        width: 78px;
        height: 32px;
        background: #E02B2B;
        font-weight: 500;
        color: #FFFFFF;

        position: absolute;
        right: 0;
        top: 0;
        text-align: center;
        line-height: 32px;
        cursor: pointer;
    }

    .header[data-shopid] .search .search-btn {
        height: 36px;
        line-height: 36px;

    }

    .header .search .hot-search {
        color: #8C8C8C;
        margin-top: 8px;
        overflow: hidden;
        height: 20px;
    }

    .header .search .hot-search > *:before {
        width: 1px;
        height: 11px;
        content: "";
        display: inline-block;
        margin-left: 7px;
        margin-right: 5px;
        background-color: #DBDBDB;
    }

    .header .search .hot-search > *:first-child:before {
        display: none;
    }

    .header .shopping-cart {
        width: 120px;
        height: 36px;
        background: #F6F6F6;
        border: 1px solid #DBDBDB;
        position: absolute;
        top: 0;
        right: 188px;
        text-align: center;
        line-height: 36px;
        color: #5C5C5C;
        font-weight: bold;
    }

    .header[data-shopid] .shopping-cart {
        display: none;
    }

    .header .shopping-cart:hover {
        color: #E02C2B;

    }

    .header .shopping-cart .cart-number {
        width: auto;
        height: 18px;
        min-width: 18px;
        background: #E02C2B;
        border-radius: 13px;
        position: absolute;
        top: -9px;
        right: 8px;
        color: #ffffff;
        line-height: 18px;
    }

    .header .shopping-cart:before {
        content: "";
        width: 18px;
        height: 18px;
        display: inline-block;
        position: absolute;
        left: 14px;
        top: 8px;
        background-image: url("/image/icon_cart.png");
        background-repeat: no-repeat;
        background-size: 18px 18px;
    }

    .header .shopping-cart:after {
        width: 11px;
        height: 6px;
        content: "";
        display: inline-block;
        background-image: url("/image/icon_arrow_down.png");
        transform: rotate(270deg);
        background-repeat: no-repeat;
        background-size: 11px 6px;
        margin-left: 3px;
        position: absolute;
        top: 15px;
        right: 13px;
    }

    /*板块头*/
    .header-plus {
        background-color: #FFF;
    }

    .bc-block > div {
        display: inline-block;
    }

    .bc-block {
        height: 40px;
        position: relative;
        background-color: transparent;
    }

    .bc-block .manufacturer-classify {
        width: 234px;
        height: 40px;
        background-color: #E02C2B;
        text-align: center;
        line-height: 40px;
        font-weight: 500;
        color: #FFFFFF;
        position: relative;
    }

    .bc-block .manufacturer-classify .classify-detail {
        width: 234px;
        height: 560px;
        background-color: #282828;
        position: absolute;
        z-index: 10;
        display: none;
        flex-flow: column;
        position: relative;
    }

    .bc-block .manufacturer-classify .classify-detail.always {
        display: flex;
    }

    .bc-block .classify-first-item:hover {
        background-color: white;
    }

    .bc-block .manufacturer-classify:hover .classify-detail {
        display: flex;
    }

    .bc-block .classify-detail .classify-name {
        margin-top: 20px;
        margin-left: 13px;
        font-size: 14px;
        font-weight: bold;
        color: #FFFFFF;
        line-height: 21px;
        text-align: left;
        position: relative;
    }

    .bc-block .classify-first-item:hover .classify-name {
        color: rgba(64, 64, 64, 1);
    }

    .bc-block .classify-detail .classify-name:after {
        content: ">";
        display: inline-block;
        position: absolute;
        color: rgba(255, 255, 255, 0.6);
        margin-top: 9px;
        margin-left: 8px;
    }

    .bc-block .classify-first-item:hover .classify-name:after {
        color: rgba(164, 164, 164, 1);
    }


    .bc-block .classify-detail .classify-first-item {
        flex: 1;
        text-align: left;
        border-bottom: 1px dashed rgba(219, 219, 219, 0.19);
    }

    .bc-block .classify-first-item .classify-second-short {
        font-size: 14px;
        font-weight: 400;
        color: rgba(255, 255, 255, 0.6);
        line-height: 21px;
        padding-left: 13px;
        padding-right: 13px;
        height: 21px;
        overflow: hidden;
    }

    .bc-block .classify-first-item:hover .classify-second-short {
        color: rgba(64, 64, 64, 0.6);
    }

    .bc-block .classify-second-item {
        margin-top: 10px;
        display: flex;
        border-bottom: 1px dashed #DBDBDB;
    }

    .bc-block .classify-second-item:last-child {
        border-bottom: none;
    }

    .bc-block .classify-second-item .classify-name {
        text-align: right;
        padding-right: 20px;
        top: -2px;
        position: relative;
    }

    .bc-block .classify-name {
        width: 86px;
    }

    .bc-block .classify-third-list {
        flex: 1;
        font-size: 14px;
        font-weight: 400;
        color: #404040;
        line-height: 21px;
    }

    .bc-block .classify-first-item .classify-second-short > *:after {
        content: "";
        display: inline-block;
        height: 14px;
        width: 1px;
        margin-left: 6px;
        margin-right: 6px;
        background-color: rgba(255, 255, 255, 0.6);
        position: relative;
        top: 3px;
    }

    .bc-block .classify-first-item .classify-second-short > *:last-child:after {
        display: none;
    }

    .bc-block .classify-first-item .classify-second-list {
        display: none;
        width: 686px;
        height: 518px;
        background-color: white;
        position: absolute;
        top: 0;
        left: 234px;
        z-index: 10;
        padding: 21px 40px;
        overflow-y: auto;
        overflow-x: hidden;
        box-shadow: 0px 0px 16px 0px rgb(0 0 0 / 10%);
    }

    .bc-block .classify-second-list .classify-name {
        margin-top: 0;
        margin-left: 0;
    }

    .bc-block .classify-second-list .classify-name:after {
        margin-top: 0;
    }

    .bc-block .classify-first-item:hover .classify-second-list {
        display: block;

    }

    .bc-block .classify-third-item {
        font-size: 14px;
        font-weight: 400;
        color: #404040;
        line-height: 21px;
        display: inline-block;
        margin-bottom: 10px;
    }

    .bc-block .classify-third-item:before {
        content: "";
        display: inline-block;
        width: 1px;
        height: 14px;
        background: #DBDBDB;
        margin-left: 12px;
        margin-right: 12px;
    }


    .bc-block .block-list {
        width: 966px;
        display: flex;
        position: absolute;
        left: 234px;
        top: 0;
    }

    .bc-block .block-list > div {
        flex: auto;
        height: 40px;
        line-height: 40px;
        text-align: center;
        position: relative;
    }

    .bc-block .block-list .block-name {
        font-size: 16px;
        font-weight: 600;
        color: #404040;
    }

    .bc-block .block-list .current .block-name {
        color: #E02B2B;
    }

    .bc-block .block-join:after {
        content: "";
        display: inline-block;
        position: absolute;
        width: 28px;
        height: 16px;
        background-image: url("/image/icon_hot.png");
        background-repeat: no-repeat;
        background-size: 28px 16px;
        top: 5px;
        right: 27px;
    }

    /**
    内容部分
     */
    #bc-body {
        min-height: 560px;
    }

    img.match-width {
        width: 1200px;
        height: auto;
    }


    /**
    页尾部分
     */
    .tail {
        background: white;
        position: relative;
    }

    .tail .icons {
        height: 108px;
        width: 1200px;
        margin: 0 auto;
        display: flex;
    }


    .tail .icons .tail-icon-item {
        flex: auto;
        padding-top: 25px;
        padding-bottom: 35px;
        position: relative;
        padding-left: 119px;

        font-size: 18px;
        font-weight: bold;
        color: #424242;
        line-height: 27px;
    }

    .tail .icons .tail-icon-item:before {
        content: "";
        width: 48px;
        height: 48px;
        display: inline-block;
        position: absolute;
        left: 54px;
        top: 25px;

    }

    .tail .icons .tail-icon-item.icon-item-1:before {
        background: url("/image/icon_pzjx.png") no-repeat;
        background-size: 48px 48px;
    }

    .tail .icons .tail-icon-item.icon-item-2:before {
        background: url("/image/icon_fbkj.png") no-repeat;
        background-size: 48px 48px;
    }

    .tail .icons .tail-icon-item.icon-item-3:before {
        background: url("/image/icon_txfw.png") no-repeat;
        background-size: 48px 48px;
    }

    .tail .icons .tail-icon-item.icon-item-4:before {
        background: url("/image/icon_aqbz.png") no-repeat;
        background-size: 48px 48px;
    }

    .tail .icons .tail-icon-item .detail {
        color: rgba(66, 66, 66, 0.6);
        font-size: 14px;
        font-weight: 400;
    }

    .tail .fast-link {
        height: 147px;
        width: 1200px;
        margin: 0 auto;
        display: flex;
        padding-top: 44px;
        padding-bottom: 30px;
        position: relative;
    }

    .tail:before, .tail:after {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        position: absolute;
        left: 0;
        background-color: rgba(219, 219, 219, 0.5);

    }

    .tail:before {
        top: 108px;
    }

    .tail:after {
        top: 330px;
    }


    .tail .fast-link .link-group {
        flex: auto;
        font-size: 14px;
        color: #333;
    }

    .tail .fast-link .link-group .title {
        font-size: 16px;
        font-weight: 500;
        color: #424242;
        line-height: 24px;
        margin-bottom: 15px;
    }


    .tail .fast-link a {
        display: block;
    }

    .tail .fast-link .left {
        display: flex;
        flex: auto;
        padding-left: 87px;

    }

    .tail .fast-link .right {
        width: 100px;
    }


    .tail .contact {
        font-size: 14px;
        font-weight: 600;
        margin-left: 150px;
    }


    .tail .contact span, .tail .contact a {
        padding-left: 20px;
    }

    .tail a {
        text-decoration: none;
        font-size: 12px;
        font-weight: 400;
        color: rgba(66, 66, 66, 0.4);
        margin-bottom: 15px;

    }

    .tail img.qr-code {
        margin-top: 22px;
        width: 78px;
        height: 78px;
    }

    .tail .about {
        background: #ffffff;
        text-align: center;
        padding-top: 23px;
        padding-bottom: 31px;
        font-size: 12px;
        font-weight: 400;
        color: rgba(66, 66, 66, 0.4);
        line-height: 20px;
        padding-top: 25px;
        position: relative;
    }

    .tail .about:before {
        position: absolute;
        top: 1px;
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        background-color: rgba(219, 219, 219, 0.5);
    }


    .tail .block-contact {
        width: 183px;
        position: relative;
    }

    .tail .phone-number {
        font-size: 18px;
        font-weight: 500;
        color: #424242;
        line-height: 27px;
    }

    .tail .contact-phone {
        margin-top: 20px;
        font-size: 16px;
        font-weight: 400;
        color: #424242;
        line-height: 24px;
    }

    .tail .contact-worktime {
        font-size: 14px;
        font-weight: 400;
        color: rgba(66, 66, 66, 0.6);
        line-height: 21px;
        margin-top: 29px;
    }

    .tail .work-time {

        font-size: 14px;
        font-weight: 400;
        color: rgba(66, 66, 66, 0.6);
        line-height: 21px;
    }

    .tail .block-contact:after {
        content: "";
        display: inline-block;
        width: 1px;
        height: 137px;
        background-color: rgba(151, 151, 151, 0.4);
        position: absolute;
        top: 10px;
        right: 0;
    }

    .tail .right .qr-title {
        font-size: 16px;
        font-weight: 500;
        color: #424242;
        line-height: 24px;
    }

    .tail .right .qr-hint {
        font-size: 12px;
        font-weight: 400;
        color: #424242;
        line-height: 18px;
        margin-top: 13px;
    }


    /**
    右侧悬浮条
     */
    #bc-fix-bar {
        display: block;
        position: fixed;
        right: 0;
        top: 332px;
        background: #FFFFFF;
        border-radius: 4px 0px 0px 4px;
        width: 44px;
        height: 364px;
        z-index: 10;
    }

    #bc-fix-bar .fix-cart {
        width: 15px;
        font-size: 14px;
        word-break: break-all;
        display: block;
        position: relative;
        left: 50%;
        margin-left: -7.5px;
        padding-top: 24px;
        padding-bottom: 23px;
        line-height: 20px;
        color: #999999;
    }

    #bc-fix-bar .fix-cart:hover {
        color: #E02C2B;
    }


    #bc-fix-bar .fix-cart:before {
        content: "";
        display: block;
        width: 16px;
        height: 16px;
        background-image: url("/image/icon_fix_cart.png");
        background-repeat: no-repeat;
        background-size: 16px 16px;
        margin-bottom: 5px;
    }

    #bc-fix-bar .fix-cart:after {
        width: 25px;
        height: 1px;
        content: "";
        display: inline-block;
        position: absolute;
        bottom: 0;
        background-color: #666666;
        left: -5px;
    }

    #bc-fix-bar .fix-collect {
        margin-top: 7px;
    }

    #bc-fix-bar .fix-collect:hover,
    #bc-fix-bar .fix-message:hover,
    #bc-fix-bar .fix-history:hover {
        position: relative;
        left: -68px;
        display: block;
        background-color: #E02B2B;
        width: 106px;
        font-size: 14px;
        font-weight: 500;
        color: #FFFFFF;
        line-height: 40px;
        padding-left: 6px;
        border-radius: 4px 0 0 4px;
    }

    #bc-fix-bar .fix-item {
        /*padding-bottom: 9px;*/
        display: block;
        height: 40px;
        position: relative;
    }

    #bc-fix-bar .fix-item .fix-hover {
        display: none;
        position: absolute;
        right: 50px;
        bottom: 0;
    }

    #bc-fix-bar .fix-item:hover .fix-hover {
        display: block;
    }

    #bc-fix-bar .fix-item.fix-code .fix-hover {
        width: 138px;
        height: 163px;
        background-color: #EDEDED;
        font-size: 12px;
        font-weight: 400;
        color: #333333;
        line-height: 17px;
        text-align: center;
        border-radius: 4px;
    }


    #bc-fix-bar .fix-item.fix-code .fix-hover img {
        background: white;
        border-radius: 4px;
        padding: 10px;
        width: 100px;
        height: 100px;
        display: block;
        margin-left: 10px;
        margin-top: 10px;
        margin-bottom: 8px;
    }

    #bc-fix-bar .fix-collect:after {
        content: "";
        width: 19px;
        height: 16px;
        display: inline-block;
        background-image: url("/image/icon_fix_collect.png");
        background-repeat: no-repeat;
        background-size: 19px 16px;
        position: absolute;
        right: 12px;
        bottom: 12px;
    }

    #bc-fix-bar .fix-collect:hover:after {
        background-image: url("/image/icon_fix_collect_white.png");
    }

    #bc-fix-bar .fix-message:after {
        content: "";
        width: 17px;
        height: 16px;
        display: inline-block;
        background-image: url("/image/icon_fix_message.png");
        background-repeat: no-repeat;
        background-size: 17px 17px;
        position: absolute;
        right: 12px;
        bottom: 12px;
    }

    #bc-fix-bar .fix-message:hover:after {
        background-image: url("/image/icon_fix_message_white.png");
    }


    #bc-fix-bar .fix-history:after {
        content: "";
        width: 17px;
        height: 18px;
        display: inline-block;
        background-image: url("/image/icon_fix_history.png");
        background-repeat: no-repeat;
        background-size: 17px 18px;
        position: absolute;
        right: 12px;
        bottom: 11px;
    }

    #bc-fix-bar .fix-history:hover:after {
        background-image: url("/image/icon_fix_history_white.png");
    }

    #bc-fix-bar .fix-code:after {
        content: "";
        width: 16px;
        height: 16px;
        display: inline-block;
        background-image: url("/image/icon_fix_share.png");
        background-repeat: no-repeat;
        background-size: 16px 16px;
        position: absolute;
        right: 12px;
        bottom: 12px;
    }

    #bc-fix-bar .fix-top:after {
        content: "";
        width: 39px;
        height: 28px;
        display: inline-block;
        background-image: url("/image/icon_fix_top.png");
        background-repeat: no-repeat;
        background-size: 39px 28px;
        position: absolute;
        right: 0px;
        top: 0;
    }

    .friend-links {
        display: none;
        padding-top: 27px;
        position: relative;
    }

    .friend-links[data-style="show"] {
        display: flex;
    }


    .friend-links .title {
        width: 83px;
        position: absolute;
        left: 0;
        top: 27px;

        font-size: 14px;
        font-weight: 500;
        color: #424242;
        line-height: 15px;
    }

    .friend-links #friendLinks {
        margin-left: 100px;
        flex: 1;
        display: grid;
        grid-template-columns: repeat(auto-fill, 157px);
    }

    #friendLinks a {
        font-size: 12px;
        color: #424242;
        margin-bottom: 22px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .result-empty {
        height: fit-content;
        background-color: white;
        font-size: 14px;
        color: #999999;
        line-height: 20px;
        padding: 40px;
    }

    .result-empty .empty-image {
        display: block;
        width: 120px;
        height: 130px;
        margin: 0 auto;
        text-align: center;
    }

    .result-empty .empty-hint {
        margin: 40px auto;
        display: block;
        text-align: center;
    }


    .header[data-shopid] #searchInShop {
        position: absolute;
        display: block;
        width: 94px;
        height: 40px;
        background: #4C565E;
        border-radius: 4px;
        font-size: 16px;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 40px;
        text-align: center;
        overflow: hidden;
        top: 0;
        right: 0;
        cursor: pointer;
    }

    .header[data-shopid] .shop-item {
        position: absolute;
        top: 0;
        left: 196px;
        height: 50px;
        overflow: hidden;
        width: 400px;
        font-size: 0;
    }

    .header[data-shopid] .shop-item img {
        display: none;
    }

    .header .shop-item .name {
        font-size: 18px;
        font-weight: 400;
        color: #333333;
        display: block;
        width: 330px;
        line-height: 18px;
        height: 18px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .header .shop-item .shop-info {
        background-color: unset;
        padding-bottom: unset;
        padding-top: unset;
    }

    .header .shop-item .name[data-vip]:after {
        content: "";
        display: inline-block;
        width: 30px;
        height: 16px;
        margin-left: 5px;
        background-image: url("/image/icon_c_1.png");
    }




    .header .shop-item .name[data-vip][data-level="2"]:after {
        background-image: url("/image/icon_c_2.png");
    }

    .header .shop-item .name[data-vip][data-level="3"]:after {
        background-image: url("/image/icon_c_3.png");
    }

    .header .shop-item .name[data-vip][data-level="4"]:after {
        background-image: url("/image/icon_c_4.png");
    }

    .header .shop-item .name[data-vip][data-level="5"]:after {
        background-image: url("/image/icon_c_5.png");
    }

    .header .shop-item .name[data-vip][data-level="6"]:after {
        background-image: url("/image/icon_c_6.png");
    }

    .header .shop-item .name[data-vip][data-level="7"]:after {
        background-image: url("/image/icon_c_7.png");
    }

    .header .shop-item .name[data-vip][data-level="8"]:after {
        background-image: url("/image/icon_c_8.png");
    }

    .header .shop-item .name[data-vip][data-level="9"]:after {
        background-image: url("/image/icon_c_9.png");
    }

    .header .shop-item .name[data-vip="brand"]:after {
        background-image: url("/image/icon_p_1.png");
    }

    .header .shop-item .name[data-vip="brand"][data-level="2"]:after {
        background-image: url("/image/icon_p_2.png");
    }

    .header .shop-item .name[data-vip="brand"][data-level="3"]:after {
        background-image: url("/image/icon_p_3.png");
    }

    .header .shop-item .name[data-vip="brand"][data-level="4"]:after {
        background-image: url("/image/icon_p_4.png");
    }

    .header .shop-item .name[data-vip="brand"][data-level="5"]:after {
        background-image: url("/image/icon_p_5.png");
    }

    .header .shop-item .name[data-vip="brand"][data-level="6"]:after {
        background-image: url("/image/icon_p_6.png");
    }

    .header .shop-item .name[data-vip="brand"][data-level="7"]:after {
        background-image: url("/image/icon_p_7.png");
    }

    .header .shop-item .name[data-vip="brand"][data-level="8"]:after {
        background-image: url("/image/icon_p_8.png");
    }

    .header .shop-item .name[data-vip="brand"][data-level="9"]:after {
        background-image: url("/image/icon_p_9.png");
    }

    .header .shop-item .name[data-vip='autonym']:after {
        display: none;
    }

    .header .shop-item .shop-credit {
        display: none;
    }

    .header .shop-year[data-vip="brand"]:before {
        content: "";
        width: 66px;
        height: 20px;
        background-image: url("/image/icon_vip_brand.png");
        display: inline-block;
        margin-right: 10px;
        position: relative;
        top: 6px;
    }

    .header .shop-year[data-vip="integrity"]:before {
        content: "";
        width: 66px;
        height: 20px;
        background-image: url("/image/icon_vip_integral.png");
        display: inline-block;
        margin-right: 10px;
        position: relative;
        top: 6px;
    }

    .header .shop-year[data-vip="autonym"]:before {
        content: "";
        width: 66px;
        height: 20px;
        background-image: url("/image/icon_vip_autonym.png");
        display: inline-block;
        margin-right: 10px;
        position: relative;
        top: 6px;
    }

    .goods-search .goods-list {
        background-color: white;
    }


    .bc-toast {
        position: fixed;
        width: 380px;
        height: 48px;
        line-height: 48px;
        color: #67c23a;
        background-color: #f0f9eb;

        border: 1px solid #e1f3d8;
        top: 100px;
        left: 50%;
        margin-left: -190px;
        transition-duration: 1s;
        transition-property: opacity;
        opacity: 1;
        font-size: 14px;
        padding: 0 20px;
        overflow: hidden;
        border-radius: 4px;


    }

    .bc-toast.hide {
        opacity: 0;
    }

    .bc-toast[data-tag="warning"] {
        color: #e6a23c;
        background-color: #fdf6ec;
        border-color: #faecd8;
    }


    .copyright_auth {
        display: block;
        text-align: center;
        background-color: white;
        padding-bottom: 10px;
    }

    .copyright_auth > * {
        margin-right: 10px;
    }

    .copyright_auth > *:last-child {
        margin-right: 0;
    }

    .copyright_auth img{
        height: 32px;
        width: auto;
    }
}