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

    .header[data-shopid] {
        height: 2.96rem;
        background-image: url("/image/bg_shop.png");
        position: relative;
    }

    .header[data-shopid] > *,
    .header[data-shopid] .content .logo {
        display: none;
    }

    .header[data-shopid] .content {
        display: block;
    }

    .header[data-shopid] .search {
        background: #F3F5F7;
        border-radius: 32px;
        opacity: 0.6;
        border: none;
    }

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

    .header[data-shopid] .search input {
        left: 0.7rem;
    }

    .header[data-shopid] #headerSearchBtn {
        display: none;
    }

    .header[data-shopid] .shop-item {
        height: 1.64rem;
        overflow: hidden;
        position: absolute;
        bottom: 0.8rem;
        display: flex;
        align-items: Center;
        width: 100%;
    }

    .header[data-shopid] .shop-logo {
        width: 1rem;
        height: fit-content;
        max-height: 1rem;
        margin-left: 0.26rem;
    }

    .header[data-shopid] .shop-item .name {
        font-size: 0.32rem;
        font-weight: bold;
        color: #FFFFFF;
        line-height: 0.44rem;
        height: 0.44rem;
        overflow: hidden;
        position: absolute;
        left: 1.46rem;
        top: 0.38rem;
        width: 4.84rem;
    }



    .header[data-shopid] .shop-tab-bar{
        height: 0.8rem;
        border-top-left-radius: 0.2rem;
        border-top-right-radius: 0.2rem;
        background-color: white;
        display: flex;
        position: absolute;
        bottom: 0;
        width: 100%;
        flex-flow: row nowrap;
    }
    .header[data-shopid] .shop-tab-bar .shop-tab-item{
        display: block;
        flex: 1;
        text-align: center;
        font-size: 0.30rem;
        color: #666666;
        line-height: 0.8rem;
    }
    .header[data-shopid] .shop-tab-bar .shop-tab-item.shop-tab-introduce,
    .header[data-shopid] .shop-tab-bar .shop-tab-item.shop-tab-album{
        display: none;
    }

    .shop-main-body .shop-info-block{
        display: none;
    }

    .shop-main-body .shop-describe{
        display: none;
    }
    .shop-main-body .goods-sort-block .tab-button-layout{
        display: none;
    }
    .shop-main-body .goods-sort-block .tab-view .tab-content-layout .goods-list-hot{
        display: none;
    }

    .shop-main-body .goods-sort-block .tab-view .tab-content-layout .goods-list-major{
        display: flex;
    }
    .shop-main-body .goods-new-block{
        display: none;
    }

    .shop-main-body .bc-banner{
        width: 100%;
        height: 2.4rem;
        margin-top: 0.28rem;
    }


    .shop-product-body .product-left-block{
        display: none;
    }

    .shop-product-body .product-right-block .breadcrumb,
    .shop-product-body .product-right-block .goods-search .goods-search-filter,
    .shop-product-body .product-right-block .goods-search .goods-sorter{
        display: none;
    }
}

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

    .shop-filter-sorter {
        background-color: white;
        display: block;
        height: 25px;
        border-bottom: 1px solid rgba(151, 151, 151, 0.14);
        padding: 15px 27px;
    }

    .shop-filter-sorter > * {
        font-size: 14px;
        font-weight: bold;
        color: #666666;
        line-height: 20px;
        margin-right: 30px;
        position: relative;
    }

    .shop-filter-sorter > *:after {
        content: "";
        display: inline-block;
        position: absolute;
        right: -15px;
        height: 14px;
        width: 1px;
        background-color: #CDCDCD;
        top: 3px;
    }

    .shop-filter-sorter > *:last-child:after {
        display: none;
    }

    .shop-filter-sorter > .current {
        color: #E22D31;
    }

    .shop-list {
        display: none;
    }

    .shop-list .shop-item .shop-credit {
        font-size: 0;
    }

    .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;
    }

    .shop-credit-icon[data-icon="heart-light"] {
        background-image: url("/image/icon_heart_red.png");
    }

    .shop-credit-icon[data-icon="diamond"] {
        background-image: url("/image/icon_diamond_thin.png");
    }

    .shop-credit-icon[data-icon="diamond-light"] {
        background-image: url("/image/icon_diamond_bright.png");
    }

    .shop-credit-icon[data-icon="medal"] {
        background-image: url("/image/icon_medal_thin.png");
    }

    .shop-credit-icon[data-icon="medal-light"] {
        background-image: url("/image/icon_medal_bright.png");
    }

    .shop-credit-icon[data-icon="crown"] {
        background-image: url("/image/icon_crown_thin.png");
    }

    .shop-credit-icon[data-icon="crown-light"] {
        background-image: url("/image/icon_crown_bright.png");
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


    .shop-list[data-style="search"] {
        display: block;
        padding: 24px 20px 0 20px;
        background-color: white;
    }

    .shop-list[data-style="search"] .shop-item:before {
        content: "";
        display: block;
        width: 464px;
        height: 1px;
        background-color: rgba(151, 151, 151, 0.19);
        position: absolute;
        left: 21px;
        top: 129px;
    }

    .shop-list[data-style="search"] .shop-item {
        margin-bottom: 20px;
        height: 270px;
        border: 1px solid #F0F0F0;
        overflow: hidden;
        position: relative;
    }

    .shop-list[data-style="search"] .shop-logo {
        width: 180px;
        height: 90px;
        position: absolute;
        left: 20px;
        top: 20px;
    }

    .shop-list[data-style="search"] .name {
        font-size: 18px;
        color: #333333;
        position: absolute;
        left: 220px;
        top: 24px;
        font-weight: bold;
    }


    .shop-list[data-style="search"] .shop-credit {
        content: "";
        font-size: 20px;
        color: transparent;
        position: absolute;
        left: 235px;
        top: 131px;
    }

    .shop-list[data-style="search"] .shop-credit:before {
        content: "\5e97\94fa\7b49\7ea7\ff1a";
        color: #666666;
        font-size: 14px;

    }

    .shop-list[data-style="search"] .shop-high-praise {
        display: none;
    }

    .shop-list[data-style="search"] .shop-collect-num {
        position: absolute;
        top: 83px;
        left: 221px;
    }

    .shop-list[data-style="search"] .shop-collect-num:before {
        content: "\7c89\4e1d\6570\ff1a";
        display: inline;
    }

    .shop-list[data-style="search"] .shop-collect-num:after {
        content: "\4eba";
        display: inline;
    }

    .shop-list[data-style="search"] .shop-contact,
    .shop-list[data-style="search"] .shop-area,
    .shop-list[data-style="search"] .shop-product {
        font-size: 14px;
        color: #333333;
        position: absolute;
        left: 24px;
        width: 460px;
        overflow: hidden;
    }

    .shop-list[data-style="search"] .shop-contact {
        top: 140px;
    }

    .shop-list[data-style="search"] .shop-area {
        top: 170px;
    }

    .shop-list[data-style="search"] .shop-product {
        top: 200px;
        max-height: 40px;
    }

    .shop-list[data-style="search"] .shop-contact:before {
        content: "\8054\7cfb\5356\5bb6\ff1a";
        color: #666666;
    }

    .shop-list[data-style="search"] .shop-area:before {
        content: "\6240\5728\5730\533a\ff1a";
        color: #666666;
    }

    .shop-list[data-style="search"] .shop-product:before {
        content: "\4e3b\8425\4ea7\54c1\ff1a";
        color: #666666;
    }

    .shop-list[data-style="search"] .goods-list {
        position: absolute;
        width: 510px;
        height: 192px;
        left: 515px;
        top: 20px;
        background: #FBFBFB;
        border: 1px solid #F2F2F2;
        overflow: hidden;
        display: grid;
        grid-template-columns: repeat(auto-fill, 150px);
        grid-gap: 30px;
        padding: 14px 20px;
    }

    .shop-list[data-style="search"] .goods-list .goods-item {

    }

    .shop-list[data-style="search"] .goods-item .goods-img {
        width: 150px;
        height: 150px;
        display: block;
    }

    .shop-list[data-style="search"] .goods-item .goods-name,
    .shop-list[data-style="search"] .goods-item .shop-name,
    .shop-list[data-style="search"] .goods-item .shop-address,
    .shop-list[data-style="search"] .goods-item .goods-sold {
        display: none;
    }

    .shop-list[data-style="search"] .goods-item .goods-price {
        font-size: 16px;
        font-weight: bold;
        color: #C31A1E;
        line-height: 22px;
        position: relative;
        top: 14px;
    }

    .shop-list[data-style="search"] .goods-item .goods-price:before {
        content: "\ffe5";
    }


    .shop-list[data-style="search"] .shop-link {
        display: block;
        font-size: 14px;
        font-weight: 500;
        color: #666666;
        line-height: 20px;
        position: absolute;
        right: 20px;
        top: 110px;
        word-break: break-all;
        width: 40px;
    }

    .shop-list[data-style="search"] .shop-link:before {
        content: "\8fdb\5165\5e97\94fa";
    }

    .shop-list[data-style="search"] .shop-link:after {
        content: "";
        width: 12px;
        height: 12px;
        background-image: url(/image/icon_arrow_right_red.png);
        display: block;
        position: absolute;
        top: 12px;
        right: 0px;
    }

    .shop-list[data-style="search"] .shop-year {
        position: absolute;
        left: 220px;
        top: 52px;
        height: 20px;
        font-size: 14px;
        color: #E02B2B;
        line-height: 20px;
    }

    .shop-list[data-style="search"] .shop-year:after {
        content: "\5e97\94fa";
        color: #666666;
    }

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

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


    .shop-introduce {
        width: 100%;
        margin-top: 20px;
        background: white;
        padding-bottom: 32px;
        margin-bottom: 20px;
    }


    .shop-introduce .shop-info-title {
        display: block;
        height: 25px;
        font-size: 16px;
        font-weight: 400;
        color: #333333;
        line-height: 25px;
        margin-left: 37px;
        padding-top: 33px;
        padding-bottom: 11px;
        padding-left: 17px;
        position: relative;
    }

    .shop-introduce .shop-info-title:before {
        content: "";
        display: inline-block;
        width: 4px;
        height: 25px;
        background: #E02B2B;
        position: absolute;
        left: 0;
        top: 33px;
    }

    .shop-introduce .shop-info-title:after {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        background: #F3F3F3;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .shop-introduce .introduce-body {
        width: 1127px;
        padding-left: 4px;
        height: auto;
        font-size: 14px;
        font-weight: 400;
        color: #666666;
        line-height: 21px;
        margin: 21px auto 0 auto;
        display: flex;
    }

    .shop-introduce .introduce-text {
        flex: 1;
        display: inline-block;

    }

    .shop-introduce .company-img {
        display: inline-block;
        flex: none;
        width: 295px;
        height: fit-content;
        margin-left: 91px;
    }

    .shop-introduce .info-table {
        width: 1136px;
        font-size: 0;
        margin: 20px auto 0 auto;
        display: flex;
        flex-flow: row wrap;
    }

    .shop-introduce .info-table .info-item {
        width: 50%;
        display: inline-flex;
    }

    .shop-introduce .info-table .info-item-title {
        background: #F9F9F9;
        border: 1px solid #F3F3F3;
        font-size: 12px;
        font-weight: 400;
        color: #666666;
        line-height: 17px;
        width: 84px;
        flex: none;
        padding: 20px 28px 12px 28px;
    }

    .shop-introduce .info-table .info-item-value {
        flex: 1;
        background: #FFFFFF;
        border: 1px solid #F3F3F3;
        font-size: 12px;
        font-weight: 400;
        color: #666666;
        line-height: 17px;
        padding: 20px 26px 12px 26px;
    }

    .shop-introduce .credit-body {
        width: 1135px;
        height: 80px;
        background: #FFFFFF;
        border: 1px solid #F3F3F3;
        margin: 20px auto 0 auto;
        display: flex;
    }

    .shop-introduce .credit-body .info-item {
        flex: 1;
        position: relative;
    }

    .shop-introduce .credit-body .info-item-title {
        display: block;
        text-align: center;
        font-size: 14px;
        font-weight: 400;
        color: #666666;
        line-height: 20px;
        margin-top: 16px;
    }

    .shop-introduce .credit-body .info-item-value {
        display: block;
        font-size: 18px;
        text-align: center;
        font-weight: 600;
        color: #333333;
        line-height: 25px;
        margin-top: 5px;
    }

    .shop-introduce .credit-body .info-item:first-child:before {
        display: none;
    }

    .shop-introduce .credit-body .info-item:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 20px;
        width: 1px;
        height: 44px;
        background: #F3F3F3;
    }

    .shop-introduce .licence-body {
        width: 1135px;
        margin: 20px auto 0 auto;
        display: flex;
    }

    .shop-introduce .licence-body .info-item {
        width: 240px;
        height: 280px;
        margin-right: 30px;
    }

    .shop-introduce .licence-body .info-item-title {
        display: block;
        text-align: center;
        font-size: 12px;
        font-weight: 400;
        color: #666666;
        line-height: 50px;
        height: 50px;
        border: 1px solid #F3F3F3;
    }

    .shop-introduce .licence-body .info-item-value {
        height: 230px;
        background: #F9F9F9;
        border: 1px solid #F3F3F3;
        display: block;
    }

    .shop-introduce .licence-body img {
        width: 217px;
        height: 208px;
        margin: 10px 13px 12px 10px;
    }

    .shop-introduce .shop-introduce-title {
        height: 100px;
        border-bottom: 2px solid #F0F0F0;
        overflow: hidden;
        font-size: 0;
        padding-left: 186px;
        position: relative;
    }

    .shop-introduce .shop-introduce-title .shop-logo {
        width: 156px;
        height: 78px;
        background: #FFFFFF;
        border-radius: 4px;
        position: absolute;
        left: 13px;
        top: 11px;
    }

    .shop-introduce .shop-introduce-title .name {
        font-size: 14px;
        font-weight: normal;
        color: #333333;
        line-height: 19px;
        margin-top: 21px;
        display: block;
        overflow: hidden;
        width: 600px;
        height: 19px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .shop-introduce .shop-introduce-title .shop-credit {
        display: none;
    }

    .shop-introduce .shop-introduce-title .cer-company,
    .shop-introduce .shop-introduce-title .cer-person {
        position: absolute;
        font-size: 12px;
        font-weight: 400;
        color: #333333;
        line-height: 17px;
        bottom: 19px;
        display: inline-block;
    }

    .shop-introduce .shop-introduce-title .cer-company {
        right: 284px;
    }

    .shop-introduce .shop-introduce-title .cer-person {
        right: 32px;
    }

    .shop-introduce .shop-introduce-title .cer-company:before,
    .shop-introduce .shop-introduce-title .cer-person:before {
        content: "";
        display: block;
        width: 33px;
        height: 33px;
        margin-bottom: 5px;
        position: relative;
        left: 20px;
    }

    .shop-introduce .shop-introduce-title .cer-company:before {
        background-image: url("/image/icon-cer-company.png");

    }

    .shop-introduce .shop-introduce-title .cer-person:before {
        background-image: url("/image/icon-cer-person.png");
    }

    .shop-introduce .shop-collect-button {
        position: absolute;
        left: 186px;
        top: 49px;
    }

    .shop-collect-button {

        width: 68px;
        height: 32px;
        background: #E02B2B;
        border-radius: 4px;
        font-size: 14px;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 32px;
        padding-left: 28px;
        cursor: pointer;
        position: relative;
    }

    .shop-collect-button:before {
        content: "";
        position: absolute;
        left: 6px;
        top: 8px;
        display: inline-block;
        width: 18px;
        height: 18px;
        background-image: url("/image/icon-shop-collect.png");
    }

    .shop-main-body {
        margin: 20px 0 29px 0;
        display: flex;
        flex-flow: row wrap;
    }

    .shop-main-body .bc-banner {
        width: 1200px;
        height: 360px;
        margin-bottom: 20px;
        background-color: rgba(0, 0, 0, 0.1);
    }

    .shop-main-body .shop-info-block {
        width: 220px;
        margin-right: 10px;
        display: inline-block;
        overflow: hidden;
        background-color: white;
        margin-bottom: 20px;
        font-size: 0;
        position: relative;
    }

    .shop-info-block {
        background-color: white;
        padding-bottom: 16px;
        padding-top: 18px;
    }

    .shop-info-block .shop-logo {
        width: 180px;
        height: fit-content;
        max-height: 69px;
        display: block;
        margin-left: 20px;
        border: 1px solid #F9F9F9;
    }

    .shop-info-block .name {
        display: block;
        font-size: 14px;
        font-weight: bold;
        color: #333333;
        line-height: 19px;
        overflow: hidden;
        text-align: center;
        margin-top: 9px;
        margin-bottom: 6px;

    }

    .shop-info-block .shop-vip[data-vip="brand"],
    .shop-info-block .shop-vip[data-vip="integrity"] {
        width: 67px;
        height: 20px;
        display: block;
        margin: 6px auto 0 auto;

    }

    .shop-info-block .shop-vip[data-vip="integrity"] {
        background-image: url("/image/icon_vip_integral.png");
    }

    .shop-info-block .shop-vip[data-vip="brand"] {
        background-image: url("/image/icon_vip_brand.png");
    }

    .shop-info-block .shop-data {
        width: 160px;
        margin: 9px auto;
        padding: 9px 10px;
        border-top: 1px solid rgba(151, 151, 151, 0.19);
        border-bottom: 1px solid rgba(151, 151, 151, 0.19);
    }

    .shop-info-block .shop-contact,
    .shop-info-block .shop-credit,
    .shop-info-block .shop-product,
    .shop-info-block .shop-address {
        font-size: 12px;
        font-weight: 400;
        color: #666666;
        line-height: 27px;
        max-height: 54px;
        overflow: hidden;
    }

    .shop-info-block .shop-collect-button {
        margin: 15px auto 0 auto;
        width: 79px;
        height: 40px;
        padding-left: 44px;
        line-height: 40px;
    }

    .shop-info-block .shop-collect-button:before {
        width: 20px;
        height: 20px;
        left: 16px;
        top: 10px;
    }

    .shop-contact-button {
        background: #F2F2F2;
        border-radius: 4px;
        font-size: 14px;
        font-weight: 400;
        color: #666666;
        margin: 15px auto 0 auto;
        width: 79px;
        height: 40px;
        padding-left: 44px;
        line-height: 40px;
        position: relative;
        cursor: pointer;
        display: block;
    }

    .shop-contact-button:before {
        content: "";
        background-image: url("/image/icon_shop_contact.png");
        display: block;
        position: absolute;
        width: 20px;
        height: 20px;
        left: 16px;
        top: 10px;

    }

    .shop-info .shop-contact-button {
        margin: 10px auto 0 auto;
    }


    .shop-main-body .shop-describe {
        width: 916px;
        padding: 22px 20px 32px 32px;
        overflow: hidden;
        background-color: white;
        margin-bottom: 20px;
        position: relative;
        display: inline-flex;
        flex-flow: row wrap;

        font-size: 14px;
        font-weight: 400;
        color: #666666;
        line-height: 20px;
    }

    .shop-main-body .shop-describe:before {
        content: "\5e97\94fa\7b80\4ecb";
        display: block;
        font-size: 16px;
        font-weight: 400;
        color: #333333;
        width: 100%;
        margin-bottom: 30px;
    }

    .shop-main-body .shop-describe > div {
        position: absolute;
        width: 590px;
        height: 329px;
        left: 34px;
        top: 83px;
        overflow: auto;
    }

    .shop-main-body .shop-describe > img {
        position: absolute;
        right: 20px;
        top: 83px;
        width: 295px;
        height: fit-content;
        max-height: 320px;
        overflow: hidden;
    }

    .shop-main-body .shop-describe:after {
        position: absolute;
        content: "";
        display: block;
        width: 918px;
        height: 2px;
        background-color: #F3F3F3;
        top: 58px;
        left: 32px;
    }

    .shop-main-body .goods-sort-block {
        width: 389px;
        height: 450px;
        margin-right: 16px;
        background-color: white;
        overflow: hidden;
        position: relative;
    }

    .shop-main-body .goods-new-block {
        width: 386px;
        height: 450px;
        margin-right: 16px;
        background-color: white;
        overflow: hidden;
    }

    .shop-main-body .coupon-block {
        width: 393px;
        height: 450px;
        background-color: white;
        overflow: hidden;
        position: relative;
    }

    .shop-main-body .shop-block-title {
        font-size: 20px;
        font-weight: 600;
        color: #666666;
        line-height: 59px;
        display: block;
        padding-left: 22px;
    }

    .shop-main-body .shop-main-block {
        position: relative;
    }

    .shop-main-body .shop-block-hint {
        position: absolute;
        top: 25px;
        right: 20px;
        font-size: 14px;
        font-weight: 400;
        color: #666666;
        line-height: 20px;
    }


    .goods-sort-block .tab-button-layout {
        width: 348px;
        height: 40px;
        background-color: rgba(243, 243, 243, 0.32);
        border-radius: 4px;
        line-height: 40px;
        margin: 10px auto;
        display: flex;
        flex-flow: row nowrap;
    }


    .goods-sort-block .tab-button-layout .tab-button-item {
        flex: 1;
        text-align: center;
        font-size: 16px;
        font-weight: 400;
        color: rgba(180, 180, 180, 1);
        position: relative;
        cursor: pointer;
    }

    .goods-sort-block .tab-button-layout .tab-button-item.current {
        color: #E22D31;
    }

    .goods-sort-block .tab-button-layout .tab-button-item:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 9px;
        width: 1px;
        height: 22px;
        background-color: rgba(180, 180, 180, 1);
    }

    .goods-sort-block .tab-button-layout .tab-button-item:first-child:before {
        display: none;
    }

    .goods-sort-block .goods-list .goods-item {
        width: 348px;
        height: 74px;
        overflow: hidden;
        display: flex;
        flex-flow: column wrap;
        margin: 0 auto 20px auto;
        position: relative;
    }

    .goods-sort-block .goods-list .goods-item .goods-img {
        width: 74px;
        height: 74px;
        padding: 0 15px 0 48px;
    }

    .goods-sort-block .goods-list .goods-item:before {
        content: attr(data-index);
        display: inline-block;
        width: 30px;
        height: 30px;
        font-size: 14px;
        font-weight: 600;
        color: #FFFFFF;
        position: absolute;
        left: 0;
        top: 23px;
        background-image: url("/image/icon_sort_flag_red.png");
        line-height: 30px;
        text-align: center;
        overflow: hidden;
    }

    .goods-sort-block .goods-list > a:last-child .goods-item:last-child:before {
        background-image: url("/image/icon_sort_flag_gray.png");
    }

    .goods-sort-block .goods-name {
        display: block;
        width: 210px;
        height: 41px;
        font-size: 14px;
        font-weight: 400;
        color: #333333;
        line-height: 20px;
        overflow: hidden;
    }

    .goods-sort-block .goods-price{
        display: block;
        font-size: 14px;
        font-weight: 400;
        color: #E22D31;
        line-height: 20px;
        position: absolute;
        bottom: 5px;
        left: 136px;
    }

    .goods-sort-block .goods-praise{
        display: inline-block;
        padding: 2px 5px;
        width: fit-content;
        height: 20px;
        background: #FFEDED;
        border-radius: 10px;
        font-size: 12px;
        font-weight: 400;
        color: #E22D31;
        line-height: 20px;
        position: absolute;
        right: 5px;
        bottom: 4px;
    }
    .goods-sort-block .goods-praise:before{
        content: "\597d\8bc4\7387";
        display: inline;
        margin-right: 2px;
    }

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

    .goods-new-block .goods-list {
        width: 350px;
        height: 345px;
        margin: 0 auto;
        display: flex;
        flex-flow: row nowrap;
        overflow: hidden;
    }

    .goods-new-block .goods-list .goods-item {
        width: 350px;
        font-size: 0;
    }

    .goods-new-block .goods-item {
        display: block;
    }

    .goods-new-block .goods-item .goods-img {
        display: block;
        width: 270px;
        height: 270px;
        margin: 0 auto;
    }

    .goods-new-block .goods-item .goods-name {
        display: block;
        font-size: 20px;
        font-weight: 400;
        color: #333333;
        line-height: 28px;
        overflow: hidden;
        text-align: center;
        margin-top: 2px;
        height: 28px;
        margin-bottom: 2px;
    }

    .goods-new-block .goods-item:after {
        display: block;
        content: "\65b0\54c1\4e0a\67b6";
        text-align: center;
        font-size: 14px;
        font-weight: 400;
        color: #666666;
        line-height: 20px;
    }

    .coupon-block .coupon-list {
        width: 352px;
        margin: 0 auto;
        height: 330px;
        overflow: hidden;
    }

    .coupon-block .coupon-list .coupon-item {
        width: 352px;
        height: 100px;
        margin: 0 auto 10px auto;
        background-image: url(data:image/png;base64,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);
        display: flex;
        flex-flow: column wrap;
        position: relative;
        cursor: pointer;
    }

    .coupon-block .coupon-list .coupon-item[data-receivestatus="1"]{
        background-image: url("/image/icon_coupon_received.png");
        cursor: no-drop;
    }

    .coupon-block .coupon-list .coupon-item .coupon-value {
        display: block;
        width: 118px;
        color: #D83026;
        font-size: 30px;
        font-weight: bold;
        line-height: 57px;
        position: absolute;
        left: 18px;
        top: 25px;
        font-family: LucidaGrande-Bold, LucidaGrande;
    }
    .coupon-block .coupon-list .coupon-item[data-receivestatus="1"] .coupon-value{
        color: #B4B4B4;
    }

    .coupon-block .coupon-list .coupon-item .coupon-value:before {
        content: "\ffe5";
        display: inline;
        font-size: 18px;
    }

    .coupon-block .coupon-item .coupon-company {
        display: none;
    }

    .coupon-block .coupon-item .coupon-price {
        position: absolute;
        left: 120px;
        top: 29px;
        font-size: 14px;
        font-weight: 400;
        color: #999999;
        line-height: 20px;
    }

    .coupon-block .coupon-item .receive-date {
        font-size: 0;
        position: absolute;
        left: 120px;
        top: 53px;
    }

    .coupon-block .coupon-item .receive-from,
    .coupon-block .coupon-item .receive-to {
        font-size: 14px;
        font-weight: 400;
        color: #666666;
        line-height: 20px;
    }

    .coupon-block .coupon-item[data-receivestatus="1"] .receive-from,
    .coupon-block .coupon-item[data-receivestatus="1"] .receive-to{
        color: #B4B4B4;
    }

    .coupon-block .coupon-item .receive-to:before {
        content: "~";
        display: inline;
    }

    .coupon-block .coupon-item:after {
        content: "\7acb\5373\9886\53d6";
        display: block;
        width: 23px;
        height: 100px;
        word-break: break-all;
        font-size: 14px;
        font-weight: 400;
        color: #E02B2B;
        line-height: 20px;
        position: absolute;
        right: 0;
        top: 9px;
    }

    .coupon-block .coupon-item[data-receivestatus="1"]:after{
        content: "\5df2\9886\53d6";
        color: #B4B4B4;
        top: 18px;
    }

    .shop-product-body {
        display: flex;
        flex-flow: row wrap;
        margin-top: 21px;
        margin-bottom: 20px;
    }

    .shop-product-body .product-left-block {
        width: 220px;
        margin-right: 20px;
    }

    .shop-product-body .product-right-block {
        flex: 1;
    }

    .shop-classify-block {
        background: white;
        margin-top: 10px;
    }

    .block-title {
        height: 54px;
        line-height: 54px;
        padding-left: 16px;
        font-size: 16px;
        font-weight: 600;
        color: #666666;
        border-bottom: 1px solid #F3F3F3;;
    }

    .shop-classify-block .classify-item {
        display: block;
        height: 35px;
        line-height: 35px;
        margin: 0 10px;
        border-bottom: 1px dashed #EEEEEE;
    }

    .shop-classify-block a:last-child .classify-item {
        border: none;
    }

    .shop-classify-block .classify-item img {
        display: none;
    }

    .shop-classify-block .classify-item[data-level="1"]:before {
        content: "+";
        display: inline-block;
        width: 12px;
        height: 12px;
        line-height: 12px;
        text-align: center;
        border: 1px solid #b4b4b4;
        color: #999;
        font-size: 14px;
        margin-right: 12px;
    }

    .shop-sold-sort-block {
        background: white;
        margin-top: 10px;
        position: relative;
    }

    .shop-sold-sort-block .link-more {
        position: absolute;
        right: 15px;
        top: 18px;
        font-size: 14px;
        font-weight: 500;
        color: #999999;
        line-height: 20px;
    }

    .shop-sold-sort-block .goods-list .goods-item {
        height: 74px;
        margin: 0 10px;
        position: relative;
        overflow: hidden;
        display: block;
        padding: 14px 4px 14px 84px;
        border-bottom: 1px dashed #EEEEEE;
    }

    .shop-sold-sort-block .goods-list a:last-child .goods-item {
        border: none;
    }

    .shop-sold-sort-block .goods-list .goods-img {
        width: 70px;
        height: 70px;
        border: 1px solid #F3F3F3;
        margin-bottom: 30px;
        position: absolute;
        left: 4px;
        top: 14px;
    }

    .shop-sold-sort-block .goods-list .goods-name {
        font-size: 12px;
        font-weight: bold;
        color: #333333;
        line-height: 17px;
        height: 34px;
        display: inline-block;
        overflow: hidden;
    }

    .shop-sold-sort-block .goods-list .goods-price {
        position: absolute;
        left: 84px;
        top: 62px;
        display: inline-block;
        font-size: 14px;
        font-weight: bold;
        color: #C31A1E;
        line-height: 20px;
    }

    .shop-sold-sort-block .goods-list .goods-price:before {
        content: "\ffe5";
        display: inline;
    }

    .shop-sold-sort-block .goods-list .goods-price .decimal {
        display: inline;
    }


    .shop-picture-body {
        margin: 20px 0;
        background-color: white;
        overflow: hidden;
        padding: 22px 40px;
        position: relative;
    }

    .shop-picture-body .breadcrumb:before {
        content: "";
        display: inline-block;
        margin-right: 13px;
        width: 4px;
        height: 25px;
        background: #E02B2B;


    }

    .shop-picture-body .breadcrumb a {
        font-size: 16px;
        font-weight: 400;
        color: #333333;
        line-height: 25px;
        position: relative;
        top: -6px;
    }

    .shop-picture-body .breadcrumb:after {
        content: "";
        display: block;
        position: absolute;
        top: 58px;
        left: 40px;
        width: 900px;
        height: 2px;
        background-color: #F3F3F3;
    }

    .shop-picture-body .album-list {
        width: 1000px;
        margin: 33px auto;
        overflow: auto;
        display: flex;
        flex-flow: row wrap;
    }

    .shop-picture-body .album-item {
        width: 200px;
        height: 260px;
        overflow: hidden;
    }

    .shop-picture-body .album-item img {
        height: 180px;
        width: 180px;
        padding: 8px;
        border: 2px solid #F2F2F2;
        display: block;
    }

    .shop-picture-body .album-item .album-name {
        display: block;
        text-align: center;
        font-size: 14px;
        font-weight: bold;
        color: #333333;
        line-height: 19px;
        margin-top: 9px;
        margin-bottom: 1px;
    }

    .shop-picture-body .album-item .album-hint {
        display: block;
        text-align: center;
        font-size: 12px;
        font-weight: normal;
        color: #999999;
        line-height: 27px;
    }

    .shop-picture-body .album-view {
        width: 1100px;
        height: 700px;
        overflow: hidden;
        flex-flow: column wrap;
        position: relative;
    }

    .shop-picture-body .picture-show-view {
        width: 596px;
        height: 646px;
        background: #FFFFFF;
        border: 2px solid #F2F2F2;
        position: relative;
        padding: 25px;
    }

    .shop-picture-body .picture-show-view .picture-name {
        display: block;
        margin-bottom: 24px;
        font-size: 14px;
        font-weight: bold;
        color: #333333;
        line-height: 19px;
    }

    .shop-picture-body .picture-show-view img {
        width: 600px;
        height: fit-content;
        max-height: 600px;
    }

    .shop-picture-body .album-selector {
        position: absolute;
        left: 700px;
        top: 0;
        height: 75px;
        overflow: hidden;
    }

    .shop-picture-body .album-selector:before {
        content: "\8bf7\9009\62e9\76f8\518c\ff1a";
        display: inline;
        font-size: 14px;
        font-weight: bold;
        color: #333333;
        line-height: 40px;
    }

    .shop-picture-body .album-selector select {
        height: 40px;
        width: 250px;
    }

    .shop-picture-body .picture-list {
        position: absolute;
        width: 374px;
        height: 440px;
        overflow-x: hidden;
        overflow-y: scroll;
        left: 700px;
        top: 75px;
        display: flex;
        flex-flow: row wrap;
    }

    .shop-picture-body .picture-list img {
        width: 80px;
        height: 80px;
        border: 1px solid #F9F9F9;
        margin-right: 8px;
        cursor: pointer;
    }

    .shop-picture-body .picture-list img.current {
        border: 1px solid #E02B2B;
    }

    .coupon-block .pagination .page-number-layout,
    .goods-new-block .pagination .page-number-layout,
    .goods-sort-block .pagination .page-number-layout{
        display: block;
        text-align: center;
        position: absolute;
        bottom: 24px;
        left: 0;
        width: 100%;
    }

    .coupon-block .pagination .page-number-item,
    .goods-new-block .pagination .page-number-item,
    .goods-sort-block .pagination .page-number-item{
        content: "";
        display: inline-block;
        border-radius: 11px;
        margin-right: 9px;
        width: 9px;
        height: 9px;
        border: 2px solid #D8D8D8;
        cursor: pointer;
    }
    .coupon-block .pagination .page-number-item.current,
    .goods-new-block .pagination .page-number-item.current,
    .goods-sort-block .pagination .page-number-item.current{
        background: #DDDDDD;
    }
    .coupon-block .pagination .page-number-item:last-child,
    .goods-new-block .pagination .page-number-item:last-child,
    .goods-sort-block .pagination .page-number-item:last-child{
        margin-right: 0;
    }



}