.goods-item {
    display: none;
}

.goods-item .shop-name, .goods-item .shop-address {
    display: none;
}

.goods-item span {
    display: none;
}

.goods-item span.decimal {
    display: inline;
}

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

    .goods-list.wap-goods-list-1 {
        display: block;
    }

    .wap-goods-list-1 .goods-item {
        display: block;
        position: relative;
    }

    .goods-list[data-style="major"] {
        background-color: white;
        padding: 0 0.24rem;
    }

    .goods-list[data-style="major"] .goods-item {
        height: 2.65rem;
        overflow: hidden;
        border-bottom: 1px solid #E5E7ED;
        padding-left: 2.69rem;
    }

    .goods-list[data-style="major"] .goods-item .goods-img {
        width: 2.20rem;
        height: 2.20rem;
        border-radius: 0.12rem;
        position: absolute;
        left: 0.16rem;
        top: 0.16rem;
    }

    .goods-list[data-style="major"] .goods-item .goods-name {
        display: block;
        font-size: 0.30rem;
        font-weight: bold;
        color: #282828;
        line-height: 0.36rem;
        max-height: 0.72rem;
        margin-top: 0.33rem;
    }

    .goods-list[data-style="major"] .goods-item .goods-price {
        width: 3.68rem;
        height: 0.72rem;
        display: block;
        font-size: 0.36rem;
        font-weight: 600;
        color: #FFFFFF;
        line-height: 0.72rem;
        padding-left: 0.26rem;
        background-image: url("/image/bg_buy_btn_major.png");
        position: absolute;
        bottom: 0.2rem;
    }

    .goods-list[data-style="major"] .goods-item .goods-price .decimal,
    .goods-list[data-style="major"] .goods-item .goods-price:before {
        content: "\ffe5";
        display: inline;
        font-size: 0.24rem;
    }

    .goods-list[data-style="major"] .goods-item .goods-price:after {
        content: "\7acb\5373\62a2\8d2d";
        display: inline-block;
        position: absolute;
        right: 0.22rem;
        top: 0.23rem;
        font-size: 0.28rem;
        font-weight: bold;
        color: #FFFFFF;
        line-height: 0.36rem;
    }

    .goods-list[data-style="hot"] {
        padding: 0 0.24rem;
    }

    .goods-list[data-style="hot"] .goods-item {
        background-color: white;
        width: 7.10rem;
        height: 2.84rem;
        box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.03);
        border-radius: 16px;
        margin: 0 auto 0.24rem auto;

    }

    .goods-list[data-style="hot"] .goods-item .goods-img {
        width: 2.2rem;
        height: 2.2rem;
        position: absolute;
        left: 0.28rem;
        top: 0.36rem;
        border-radius: 0.2rem;
    }

    .goods-list[data-style="hot"] .goods-item .goods-name {
        display: inline-block;
        font-size: 0.30rem;
        font-weight: bold;
        color: #282828;
        line-height: 0.42rem;
        max-height: 0.84rem;
        overflow: hidden;
        margin-top: 0.28rem;
        margin-left: 2.72rem
    }

    .goods-list[data-style="hot"] .goods-item .goods-sold {
        width: fit-content;
        height: 0.30rem;
        background: linear-gradient(94deg, #FE212F 0%, #FE4928 100%);
        border-top-right-radius: 0.15rem;
        border-bottom-right-radius: 0.15rem;
        font-size: 0.20rem;
        color: #FFFFFF;
        line-height: 0.3rem;
        display: block;
        position: absolute;
        left: 3.02rem;
        top: 1.48rem;
        padding: 0 0.12rem 0 0.24rem;
    }

    .goods-list[data-style="hot"] .goods-item .goods-sold:before {
        content: "\6708\9500\91cf";
        display: inline;
    }

    .goods-list[data-style="hot"] .goods-item .goods-sold:after {
        content: "\4ef6";
        display: inline;
    }

    .goods-list[data-style="hot"] .goods-item .goods-price {
        display: inline-block;
        font-size: 0.36rem;
        font-weight: bold;
        color: #F22D33;
        position: absolute;
        left: 2.74rem;
        bottom: 0.4rem;
    }

    .goods-list[data-style="hot"] .goods-item .goods-price .decimal {
        font-size: 0.36rem;
        display: inline;
    }

    .goods-list[data-style="hot"] .goods-item .goods-price:before {
        content: "\ffe5";
        display: inline;
        font-size: 0.24rem;
    }

    .goods-list[data-style="hot"] .goods-item .goods-tags {
        width: 1.34rem;
        height: 0.56rem;
        background: linear-gradient(90deg, #F22D33 0%, #FF3264 100%);
        border-radius: 0.30rem;
        font-size: 0.28rem;
        font-weight: bold;
        color: #FFFFFF;
        line-height: 0.56rem;
        display: block;
        position: absolute;
        right: 0.32rem;
        bottom: 0.4rem;
        text-align: center;
    }

    .goods-list[data-style="hot"] .goods-item .goods-tags:before {
        content: "\9a6c\4e0a\62a2";
        display: inline;
    }

    .goods-list[data-style="hot"] .goods-item:before {
        content: "";
        display: block;
        width: 0.4rem;
        height: 0.4rem;
        background-image: url("/image/icon_hot_item.png");
        position: absolute;
        left: 2.72rem;
        top: 1.44rem;
    }

    .goods-list[data-style="hot"] a .goods-item[data-index="1"]:after {
        content: "";
        display: block;
        width: 0.44rem;
        height: 0.64rem;
        background-image: url("/image/icon_goods_hot_first.png");
        position: absolute;
        left: .16rem;
        top: 0.18rem;
    }

    .goods-list[data-style="hot"] a .goods-item[data-index="2"]:after {
        content: "";
        display: block;
        width: 0.44rem;
        height: 0.64rem;
        background-image: url("/image/icon_goods_hot_second.png");
        position: absolute;
        left: .16rem;
        top: 0.18rem;
    }

    .goods-list[data-style="hot"] a .goods-item[data-index="3"]:after {
        content: "";
        display: block;
        width: 0.44rem;
        height: 0.64rem;
        background-image: url("/image/icon_goods_hot_third.png");
        position: absolute;
        left: .16rem;
        top: 0.18rem;
    }

    .goods-list[data-style="hot"] .goods-item[data-index]:after {
        content: attr(data-index);
        display: block;
        width: 0.46rem;
        height: 0.46rem;
        background-image: url("/image/icon_goods_hot_index.png");
        position: absolute;
        left: .16rem;
        top: 0.18rem;

        font-size: 0.28rem;
        color: #FFFFFF;
        line-height: 0.46rem;
        text-align: center;
    }

    .goods-list[data-style="fast"] .goods-item {
        margin: 0.2rem 0.22rem;
        overflow: hidden;
        height: 2.5rem;
        background-color: white;
        border-radius: 0.16rem;
    }

    .goods-list[data-style="fast"] .goods-item .goods-img {
        width: 2.2rem;
        height: 2.2rem;
        left: 0.16rem;
        top: 0.15rem;
        position: absolute;
        border-radius: 0.2rem;
    }

    .goods-list[data-style="fast"] .goods-item .goods-name {
        display: block;
        margin-left: 2.61rem;
        margin-top: .27rem;
        margin-bottom: 0.22rem;
        font-size: 0.30rem;
        font-weight: bold;
        color: #282828;
        line-height: 0.36rem;
        max-height: .72rem;
        overflow: hidden;
    }

    .goods-list[data-style="fast"] .goods-item .goods-price {
        background-image: url("/image/bg_buy_btn_fast.png");
        width: 3.71rem;
        height: 0.72rem;
        display: block;
        position: absolute;
        left: 2.62rem;
        bottom: 0.15rem;
        font-size: 0.36rem;
        font-weight: bold;
        color: #ffffff;
        line-height: 0.72rem;

    }

    .goods-list[data-style="fast"] .goods-item .goods-price:before {
        content: "\ffe5";
        display: inline;
        font-size: 0.24rem;
        margin-left: 0.2rem;
    }

    .goods-list[data-style="fast"] .goods-item .goods-price .decimal {
        display: inline;
        font-size: 0.24rem;
    }

    /* 两列式商品列表 */
    .wap-goods-list-2 {

    }

    .wap-goods-list-2 {
        columns: 2;
        column-gap: 0.14rem;
        margin-left: 0.24rem;
        margin-right: 0.24rem;
        flex-wrap: wrap;
        display: block;
    }

    .wap-goods-list-2 > a {
        flex: 1;
        width: 3rem;
    }

    .wap-goods-list-2 > a:nth-child(2n+1) {
        order: 1;
        margin-right: 0.14rem
    }

    .wap-goods-list-2 > a:nth-child(2n) {
        order: 2;
    }


    /* 强制使内容块分列的隐藏列 */
    .wap-goods-list-2 > a::before,
    .wap-goods-list-2 > a::after {
        content: "";
        flex-basis: 100%;
        width: 0;
        order: 2;
    }

    .wap-goods-list-2 > a:first-child .goods-item {
        margin-top: 0;
    }

    .wap-goods-list-2 .goods-item {
        margin-top: 0.16rem;
        background-color: #ffffff;
        font-weight: bold;
        cursor: pointer;
        position: relative;
        padding-bottom: 0.14rem;
        display: block;
        width: 3.44rem;
        border-top-left-radius: 0.2rem;
        border-top-right-radius: 0.2rem;
        height: 100%;
        overflow: auto;
    }

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

    .wap-goods-list-2 .goods-item .goods-name {
        font-size: 0.28rem;
        font-weight: 400;
        color: #282828;
        margin-left: 0.14rem;
        margin-right: 0.14rem;

        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        margin-top: 0.16rem;
        text-decoration: none;
        text-align: left;
        overflow: hidden;

    }

    .wap-goods-list-2 .goods-item .goods-price {
        font-size: 0.3rem;
        color: #F22D33;
        font-weight: bolder;
        display: block;
        text-align: left;
        margin-left: 0.14rem;
        margin-top: 0.14rem;
    }

    .wap-goods-list-2 .goods-item .goods-price .decimal {
        font-size: 0.24rem;
        display: inline;
    }

    .wap-goods-list-2 .goods-item .goods-price:before {
        content: "\ffe5"; /*"￥";*/
        display: inline;
        font-size: 0.24rem;
    }


    .wap-goods-list-2 .goods-item .goods-sold {
        font-size: 0.24rem;
        font-weight: 400;
        color: #999999;
        position: relative;
        display: block;
        text-align: right;
        margin-right: 0.14rem;
        margin-top: -0.37rem;
    }

    .wap-goods-list-2 .goods-item .goods-sold:before {
        content: "\5df2\552e"; /*"已售";*/
    }

    .wap-goods-list-2 .goods-item .goods-tags > span {
        display: inline-block;
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        margin: 0.03rem -0.24rem -0.13rem -0.1rem;


        padding-left: 0.16rem;
        padding-right: 0.16rem;
        height: 0.52rem;
        border-radius: 0.08rem;

        font-size: 0.36rem;
        font-weight: 400;
        line-height: 0.52rem;
        text-align: center;
    }

    .wap-goods-list-2 .goods-item .goods-tags .tag-new {
        background: linear-gradient(303deg, #FD632E 0%, #F21B0F 100%);
        color: #FFFFFF;
    }

    .wap-goods-list-2 .goods-item .goods-tags .tag-new:before {
        content: "\65b0\54c1"; /*"新品";*/
        display: inline;
    }

    .wap-goods-list-2 .goods-item .goods-tags .tag-prepay {
        background: linear-gradient(90deg, #7945E5 0%, #6130C4 100%);
        color: #FFFFFF;
    }

    .wap-goods-list-2 .goods-item .goods-tags .tag-prepay:before {
        content: "\9884\5b9a"; /*"预定";*/
        display: inline;
    }

    .wap-goods-list-2 .goods-item .goods-tags .tag-activity:before {
        content: "\4fc3\9500"; /*"促销";*/
        display: inline;
    }

    .wap-goods-list-2 .goods-item .goods-tags .tag-activity,
    .wap-goods-list-2 .goods-item .goods-tags .tag-activity-mark {

        border-radius: 0.08rem;
        border: 1px solid #F22D33;
        color: #F22D33;
    }


    /*商品详情页*/
    .goods-detail-body .goods-image-viewer {
        display: none;
    }

    .goods-detail-body .goods-image-list {
        display: flex;
        flex-flow: row nowrap;
        overflow-y: hidden;
        overflow-x: scroll;
    }

    .goods-detail-body .goods-image-list img {
        height: 7.5rem;
        flex: none;
    }

    .goods-detail-body .goods-info {
        position: relative;
        padding-top: 0.88rem;
        background-color: white;
    }

    .goods-detail-body .prepay-price {
        display: none;
    }

    .goods-detail-body .goods-info .goods-price {
        position: absolute;
        top: 0;
        left: 0.34rem;
        height: 0.88rem;
        font-size: 0.44rem;
        font-weight: 600;
        color: #F22D33;
        line-height: 0.88rem;
        background-color: white;
        overflow: hidden;
    }

    .goods-detail-body .goods-info .goods-price:before {
        content: "\ffe5";
        display: inline;
        font-size: 0.28rem;
        font-weight: 500;
        color: #F22D33;
        line-height: 0.40rem;
    }

    .goods-detail-body .goods-info .goods-name {
        display: block;
        font-size: 0.30rem;
        font-weight: bold;
        color: #333333;
        line-height: 0.42rem;
        max-height: 0.84rem;
        padding: 0.16rem 0.88rem 0.16rem 0.24rem;
    }

    .goods-detail-body .goods-info .goods-id {
        display: block;
        width: 7rem;
        height: 0.60rem;
        background: #F6F6F6;
        margin: 0.06rem auto;
        border-radius: 0.3rem;
        text-align: center;
        font-size: 0.26rem;
        color: #282828;
        line-height: 0.6rem;
    }

    .goods-detail-body .goods-info .goods-id:before {
        content: "\5546\54c1\7f16\53f7\003a";
        display: inline;
        font-size: 0.26rem;
        color: #999999;
        line-height: 0.6rem;
        margin-right: 0.1rem;
    }

    .goods-detail-body .goods-info .other-info {
        height: 0.8rem;
        font-size: 0.26rem;
        color: #666666;
        line-height: 0.8rem;
    }

    .goods-detail-body .address:before {
        content: "";
        display: inline-block;
        width: 0.25rem;
        height: 0.28rem;
        background-image: url("/image/icon_position_gray.png");
        position: relative;
        top: 0.05rem;
        margin-left: 0.24rem;
        margin-right: 0.1rem;
    }

    .goods-detail-body .freight:before {
        content: "\007c\0020\8fd0\8d39\ff1a";
        display: inline;
        color: #999999;
    }

    .goods-detail-body .number-sold {
        position: absolute;
        right: 0.24rem;
        bottom: 0.22rem;
        font-size: 0.26rem;
        color: #999999;
    }

    .goods-detail-body .number-sold:before {
        content: "\5df2\552e\ff1a";
        display: inline;
    }

    .goods-detail-body .number-sold:after {
        content: "\4ef6";
        display: inline;
    }

    .goods-detail-body .goods-info .goods-selector {
        display: none;
    }

    .goods-detail-body .shop-recommend-goods-block {
        display: none;
    }

    .goods-detail-body .shop-info-block {
        margin-top: 0.2rem;
        height: 1.28rem;
        overflow: hidden;
        background-color: white;
        position: relative;
        display: flex;
        align-items: Center;
    }

    .goods-detail-body .shop-info-block .shop-logo {
        width: 0.88rem;
        max-height: 0.88rem;
        height: fit-content;
        border: 1px solid #999999;
        position: relative;
        left: 0.26rem;
    }

    .goods-detail-body .shop-info-block .name {
        font-size: 0.28rem;
        font-weight: bold;
        color: #282828;
        position: absolute;
        left: 1.36rem;
        top: 0.28rem;
    }

    .goods-detail-body .shop-info-block:after {
        content: "\8fdb\5e97";
        display: block;
        position: absolute;
        width: 1.04rem;
        height: 0.48rem;
        border-radius: 0.26rem;
        border: 1px solid #F22D33;
        font-size: 0.24rem;
        color: #F22D33;
        line-height: 0.48rem;
        text-align: center;
        right: 0.24rem;
        top: 0.42rem;
    }

    .goods-detail-body .shop-info-block .shop-link {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
    }

    .goods-detail-body .shop-credit {
        display: block;
    }

    .goods-detail-body .shop-classify-block,
    .goods-detail-body .shop-sold-sort-block {
        display: none;
    }

    .goods-detail-body .goods-detail-right .tab-button-layout {
        display: none;
    }

    .goods-detail-body .goods-remark {
        margin-top: 0.2rem;
    }

    .goods-detail-body .goods-appraise-list {
        margin-top: 0.2rem;
    }

    .body-classify .classify-list {
        display: none;
    }

    .body-classify .breadcrumb {
        display: none;
    }


    .body-major:before {
        content: "";
        display: block;
        width: 100%;
        height: 3.23rem;
        background-image: url("/image/bg_major.png");
    }

    .body-major #goodsMajorList {
        margin-top: -0.3rem;
    }

    .body-major #goodsMajorList:before {
        content: "";
        display: block;
        width: 2.75rem;
        height: 0.65rem;
        margin: 0 auto;
        background-image: url("/image/icon_major_top.png");
    }


    .body-hot {
        position: relative;
    }

    .body-hot:before {
        content: "";
        display: block;
        height: 3.3rem;
        background-image: url("/image/icon_monthly_sales_list_bg.png");
    }

    .body-hot #goodsHotList {
        margin-top: -0.44rem;
    }

    .body-hot .hot-title {
        font-size: .32rem;
        color: #FFFFFF;
        line-height: 0.44rem;
        display: block;
        width: 100%;
        text-align: center;
        position: absolute;
        top: 0.78rem;

    }

    .body-hot .hot-title-name {
        font-size: .56rem;
        color: #FFFFFF;
        line-height: 0.56rem;
        display: block;
        width: 100%;
        text-align: center;
        position: absolute;
        top: 1.3rem;

    }

    .body-hot .hot-hint {
        font-size: .24rem;
        color: #FFFFFF;
        line-height: 0.44rem;
        display: block;
        text-align: center;
        position: absolute;
        top: 2.24rem;
        width: 5.68rem;
        height: 0.44rem;
        background-color: rgba(255, 255, 255, 0.25);
        border-radius: 0.44rem;
        left: 0.91rem;
    }

    #goodsNewList {
        padding-top: 1.2rem;
        position: relative;
    }

    #goodsNewList:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 4.36rem;
        background-image: url("/image/bg_goods_new.png");
    }

    #goodsNewList .new-title {
        display: block;
        font-size: 0.44rem;
        font-weight: bold;
        color: #ffffff;
        line-height: 0.51rem;
        width: 100%;
        height: fit-content;
        text-align: center;
        position: absolute;
        top: 0.5rem;
    }

    .body-fast {
        position: relative;
        padding-top: 2.25rem;
    }

    .body-fast:before {
        content: "";
        display: block;
        width: 100%;
        height: 3.42rem;
        background-image: url("/image/bg_goods_fast.png");
        position: absolute;
        top: 0;
    }

    .body-fast .goods-list {
    }
}

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


    /*商品列表*/
    .web-goods-list-5 {
        /*display: flex;*/
        /*flex-wrap: wrap;*/
        /*justify-content: space-between;*/
        display: grid;
        justify-content: space-between;
        grid-template-columns: repeat(auto-fill, 231px);
        grid-gap: 11px;
    }

    .goods-item .goods-tags {
        display: none;
    }

    .goods-list .goods-item img.goods-ad-img {
        display: none;
    }

    /**
    新品标志
     */
    .goods-item .goods-tags > span {
        width: 24px;
        padding: 2px 5px;

        border-radius: 2px;
        display: inline-block;
        mso-page-scale: 50%;
        height: 13px;
        font-size: 9px;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 14px;
    }

    .tag-new {
        background: linear-gradient(303deg, #FD632E 0%, #F21B0F 100%);
    }

    .tag-new:before {
        content: "\65b0\54c1"; /*"新品";*/
        display: inline;
    }

    /**
    预定标志
     */
    .goods-item .goods-tags .tag-prepay {
        background: linear-gradient(90deg, #7945E5 0%, #6130C4 100%);
        color: #FFFFFF;
    }

    .goods-item .goods-tags .tag-prepay:before {
        content: "\9884\5b9a"; /*"预定";*/
        display: inline;
    }

    .goods-item .goods-tags .tag-activity:before {
        content: "\4fc3\9500"; /*"促销";*/
        display: inline;
    }

    .goods-item .goods-tags .tag-activity,
    .goods-item .goods-tags .tag-activity-mark {

        border-radius: 0.08rem;
        border: 1px solid #F22D33;
        color: #F22D33;
    }

    .goods-item .goods-tags .tag-ad {
        border-radius: 2px;
        border: 1px solid #D9D9D9;
        color: #999999;
    }

    .goods-item .goods-tags .tag-ad:before {
        content: "\5e7f\544a"; /*"广告";*/
        display: inline;
    }


    .web-goods-list-5 .goods-item {
        display: inline-block;
        width: 197px;
        height: 290px;
        overflow: hidden;
        padding: 17px;
        position: relative;
        background: white;
        margin-top: 12px;

    }

    .web-goods-list-5 .goods-item:hover {
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    }

    .web-goods-list-5 .goods-item img {
        width: 170px;
        height: 170px;
        display: block;
        position: relative;
        left: 50%;
        margin-left: -85px;
        margin-top: 9px;
    }

    .web-goods-list-5 .goods-item .goods-name {
        margin-top: 18px;
        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: 5px;
    }

    .web-goods-list-5 .goods-item .goods-price {
        display: block;
        font-size: 18px;
        font-weight: bold;
        color: #E02C2B;
        line-height: 27px;
        margin-top: 16px;
    }

    .web-goods-list-5 .goods-item .goods-price .decimal {
        font-size: 12px;
    }

    .web-goods-list-5 .goods-item .goods-price:before {
        content: "\ffe5"; /*"￥";*/
        display: inline;
        font-size: 12px;
    }

    .web-goods-list-5 .goods-item .goods-sold {
        display: none;
    }

    /*主打商品类型商品列表*/
    .goods-list[data-style="major"] .goods-item:after {
        content: "\53bb\8d2d\4e70"; /*"去购买";*/
        width: 68px;
        height: 28px;
        background: #B17452;
        font-size: 14px;
        font-weight: 400;
        color: #FFFFFF;
        text-align: center;
        display: inline-block;
        position: absolute;
        right: 23px;
        line-height: 28px;
        bottom: 13px;
    }

    .goods-list[data-style="major"] .goods-item span.goods-price {
        color: #B17452;
        bottom: 10px;
        position: absolute;
        top: 266px;
    }

    .goods-list[data-style="hot"] .goods-item .goods-price {
        position: absolute;
        color: #E02C2B;
        left: 271px;
        top: 149px;
        margin-left: 0;
    }

    /*两列型商品列表*/
    .web-goods-list-2 {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .web-goods-list-2 .goods-item {
        display: inline-block;
        width: 586px;
        height: 270px;
        overflow: hidden;
        position: relative;
        background: white;
        margin-bottom: 24px;
        position: relative;
    }

    .web-goods-list-2 .goods-item .goods-img {
        width: 240px;
        height: 240px;
        margin-left: 15px;
        margin-top: 15px;
        display: inline-block;
    }

    .web-goods-list-2 .goods-item .goods-name {
        font-size: 16px;
        font-weight: 400;
        color: #424242;
        line-height: 22px;
        position: absolute;
        left: 270px;
        top: 28px;
        margin-right: 24px;
        display: inline;
    }

    .web-goods-list-2 .goods-item .goods-price {
        font-size: 22px;
        font-weight: bold;
        color: #E02C2B;
        line-height: 33px;
        position: absolute;
        left: 280px;
        top: 149px;
    }

    .web-goods-list-2 .goods-item .goods-price:before {
        content: "\ffe5"; /*"￥";*/
        display: inline;
        font-size: 14px;
    }

    .web-goods-list-2 .goods-item .goods-price .decimal {
        font-size: 14px;
    }

    .web-goods-list-2 .goods-item .goods-sold {
        width: 246px;
        height: 44px;
        border: 1px solid #E02C2B;
        position: absolute;
        left: 271px;
        bottom: 15px;
        line-height: 44px;
        font-size: 14px;
        font-weight: 400;
        color: #E02C2B;
        padding-left: 45px;
        display: inline;
    }

    .web-goods-list-2 .goods-item .goods-sold:before {
        content: "\6708\9500\91cf"; /*"月销量";*/
        display: inline;
    }

    .web-goods-list-2 .goods-item .goods-sold:after {
        content: "\4ef6"; /*"件";*/
        display: inline;
    }

    .web-goods-list-2 .goods-item:after {
        content: "\9a6c\4e0a\62a2"; /*"马上抢";*/
        display: block;
        width: 101px;
        height: 44px;
        position: absolute;
        left: 463px;
        bottom: 16px;
        background: #E02C2B;
        font-size: 16px;
        font-weight: bold;
        color: #FFFFFF;
        line-height: 44px;
        text-align: center;
    }

    .goods-list[data-style="hot"] .goods-item[data-index]:before {
        content: "";
        display: block;
        width: 36px;
        height: 69px;
        position: absolute;
        background-size: 36px 69px;
        background-repeat: no-repeat;
        left: 12px;
        top: 0;
    }

    .goods-list[data-style="hot"] .goods-item[data-index="1"]:before {
        background-image: url("/image/goods_hot_index_1.png");
    }

    .goods-list[data-style="hot"] .goods-item[data-index="2"]:before {
        background-image: url("/image/goods_hot_index_2.png");

    }

    .goods-list[data-style="hot"] .goods-item[data-index="3"]:before {
        background-image: url("/image/goods_hot_index_3.png");

    }

    .goods-list[data-style="hot"] .goods-item[data-index="4"]:before {
        background-image: url("/image/goods_hot_index_4.png");

    }

    .goods-list[data-style="hot"] .goods-item[data-index="5"]:before {
        background-image: url("/image/goods_hot_index_5.png");

    }

    .goods-list[data-style="hot"] .goods-item[data-index="6"]:before {
        background-image: url("/image/goods_hot_index_6.png");

    }

    .goods-list[data-style="hot"] .goods-item[data-index="7"]:before {
        background-image: url("/image/goods_hot_index_7.png");

    }

    .goods-list[data-style="hot"] .goods-item[data-index="8"]:before {
        background-image: url("/image/goods_hot_index_8.png");

    }

    .goods-list[data-style="hot"] .goods-item[data-index="9"]:before {
        background-image: url("/image/goods_hot_index_9.png");

    }

    .goods-list[data-style="hot"] .goods-item[data-index="10"]:before {
        background-image: url("/image/goods_hot_index_10.png");

    }

    .goods-list[data-style="hot"] .goods-item .goods-name:before {
        content: "";
        display: inline-block;
        position: absolute;
        width: 20px;
        height: 24px;
        background-image: url("/image/icon_goods_hot.png");
        background-repeat: no-repeat;
        background-size: 20px 24px;
        top: 190px;
        left: 13px;
    }


    .goods-list[data-style] .goods-price {
        color: #fff;
        position: absolute;
        margin-left: 29px;
        top: 263px;
        display: block;
        width: 100%;
        left: 0;
    }


    .goods-list[data-style="fast"] .goods-item:before {
        content: "";
        display: block;
        left: 20px;
        bottom: 15px;
        width: 190px;
        height: 36px;
        background-image: url("/image/goods_btn_fast.png");
        background-repeat: no-repeat;
        background-size: 190px 36px;
        position: absolute;
    }

    .goods-list[data-style="fast"] .goods-item .goods-price:after {
        content: "\7acb\5373\8d2d\4e70"; /*"立即购买";*/
        display: inline-block;
        position: absolute;
        font-size: 14px;
        font-weight: 600;
        color: #E02C2B;
        line-height: 20px;
        right: 66px;
        top: 2px;
    }

    /*搜索结果页与分类页样式*/
    .goods-list[data-style="classify"] .goods-item {
        padding: 15px;
        height: 330px;
    }

    .goods-list[data-style="classify"] .goods-img {
        width: 200px;
        height: 200px;
        margin-top: 0;
        margin-left: -100px;
        display: block;

    }

    .goods-list[data-style="classify"] .goods-sold {
        display: inline;
        font-size: 12px;
        font-weight: 400;
        color: #999999;
        line-height: 17px;
        position: absolute;
        right: 16px;
        top: 230px;
    }

    .goods-list[data-style="classify"] .goods-sold:before {
        content: "\5df2\552e\003a\0020";
        display: inline;
    }

    .goods-list[data-style="classify"] .goods-price {
        position: absolute;
        left: 17px;
        top: 227px;
        font-size: 18px;
        color: #E02C2B;
        margin: 0;
    }

    .goods-list[data-style="classify"] .goods-name {
        padding: 0 16px;
        position: absolute;
        top: 255px;
        left: 0;
        display: block;
        margin: 0;
        font-size: 14px;
        color: #424242;
        line-height: 24px;
        height: 46px;
    }

    .goods-list[data-style="classify"] .shop-name,
    .goods-list[data-style="classify"] .shop-address {
        padding: 0 16px;
        position: absolute;
        top: 306px;
        display: block;
        margin: 0;
        font-size: 12px;
        font-weight: 400;
        color: #8C8C8C;
        line-height: 17px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .goods-list[data-style="classify"] .shop-name {
        left: 0;
        width: calc(100% - 32px);

    }

    .goods-list[data-style="classify"] .shop-name[data-vip]:before {
        content: "";
        display: inline-block;
        width: 16px;
        height: 16px;
        margin-right: 6px;
        position: relative;
        top: 3px;

    }

    .goods-list[data-style="classify"] .shop-name[data-vip="integral"]:before {
        background-image: url("/image/icon_short_integral.png");
    }

    .goods-list[data-style="classify"] .shop-name[data-vip="brand"]:before {
        background-image: url("/image/icon_short_brand.png");
    }

    .goods-list[data-style="classify"] .shop-address {
        right: 0;
        text-align: right;
        display: none;
    }

    .goods-list[data-style="classify"] .goods-tags {
        position: absolute;
        top: 334px;
        padding: 0 17px;
        left: 0;
        display: block;
        width: inherit;
    }

    .goods-list[data-style="classify"] .goods-tags .tag-ad {
        position: absolute;
        right: 16px;
    }


    .goods-list[data-style="recommend"] .goods-price {
        position: absolute;
        left: 20px;
        bottom: 20px;
        font-size: 16px;
        color: #E02C2B;
        margin: 0;
        font-weight: bolder;
        display: inline;
        height: fit-content;
        top: unset;
    }

    .goods-list[data-style="recommend"] .goods-img {
        width: 180px;
        height: 180px;
        margin-left: -90px;
    }

    .goods-list[data-style="recommend"] .goods-price:before {
        font-size: 16px;
        font-weight: bolder;
    }

    .goods-list[data-style="recommend"] .goods-price .decimal {
        font-size: 16px;
        font-weight: bolder;
    }

    .goods-list[data-style="recommend"] .goods-sold {
        position: absolute;
        bottom: 25px;
        right: 20px;
        font-size: 12px;
        font-weight: 400;
        color: #999999;
        line-height: 20px;
        display: block;
    }

    .goods-list[data-style="recommend"] .goods-sold:before {
        content: "\9500\91cf";
        display: inline;
    }

    .goods-list[data-style="dealer"] .goods-item {
        width: 170px;
        height: 245px;
        display: inline-block;
        margin: 20px 10px;
        position: relative;
    }

    .goods-list[data-style="dealer"] .goods-img {
        width: 170px;
        height: 170px;
        display: block;
    }

    .goods-list[data-style="dealer"] .goods-name {
        font-size: 14px;
        color: #333333;
        line-height: 19px;
        overflow: hidden;
        height: 20px;
        word-break: break-all;
        width: 100%;
        display: block;
        margin-top: 10px;
    }

    .goods-list[data-style="dealer"] .goods-price {
        font-size: 20px;
        font-weight: bold;
        color: #E02B2B;
        line-height: 21px;
        display: block;
        top: unset;
        bottom: 0;
        left: 0;
        margin: 0;
        position: absolute;
    }

    .goods-list[data-style="dealer"] .goods-price:before {
        content: "\ffe5";
        display: inline;
        font-size: 15px;
    }

    .goods-list[data-style="dealer"] .goods-sold {
        position: absolute;
        display: block;
        font-size: 12px;
        color: #BBBBBB;
        line-height: 17px;
        right: 0;
        top: unset;
        bottom: 0;
    }

    .goods-list[data-style="dealer"] .goods-sold:before {
        content: "\9500\91cf";

    }


    /**
    筛选器
     */
    .goods-search-filter {
        display: block;
        width: inherit;
        background-color: white;
        height: fit-content;
        padding: 18px 28px;

    }

    .goods-search-filter .goods-filter {
        display: flex;
        height: 50px;
        overflow: hidden;
        border-bottom: 1px solid #EAEAEA;
    }

    .goods-search-filter .goods-filter:last-child {
        border-bottom: none;
    }

    .goods-search-filter .goods-filter .goods-filter-name {
        width: 57px;
        flex: none;
        line-height: 30px;
        padding: 10px 0;
        font-size: 12px;
        font-weight: bold;
        color: #333333;
    }

    .goods-search-filter .goods-filter .goods-filter-name:after {
        content: ":";
        display: inline;
    }

    .goods-filter .goods-filter-value-layout {
        flex: 1;
    }

    .goods-filter .goods-filter-value {
        line-height: 14px;
        padding: 18px 30px 18px 20px;
        display: inline-block;
        font-size: 12px;
        color: #666666;
        cursor: pointer;
    }

    .goods-filter .goods-filter-value.current {
        color: #E02B2B;
    }


    /**
    排序选择
     */
    .goods-sorter {
        height: 53px;
        background-color: white;
        line-height: 53px;
        border-bottom: 1px solid rgba(151, 151, 151, 0.14);
        margin-top: 10px;
        padding: 0 27px;
        font-weight: bold;
        font-size: 14px;
        color: #666666;
    }

    .goods-sorter .goods-sorter-item {
        padding: 0 20px 0 20px;
        border-right: 1px solid #666666;
    }

    .goods-sorter .goods-sorter-item:last-child {
        border-right: none;
        position: relative;
    }

    .goods-sorter .goods-sorter-item.current {
        color: #E02B2B;
    }

    .goods-sorter .goods-sorter-item.arrow-default:after {
        content: "";
        display: inline-block;
        width: 13px;
        height: 12px;
        background-image: url("/image/icon_sort_default.png");
        margin-left: 8px;
    }

    .goods-sorter .goods-sorter-item.arrow-up:after {
        content: "";
        display: inline-block;
        width: 13px;
        height: 12px;
        background-image: url("/image/icon_sort_up.png");
        margin-left: 8px;
    }

    .goods-sorter .goods-sorter-item.arrow-down:after {
        content: "";
        display: inline-block;
        width: 13px;
        height: 12px;
        background-image: url("/image/icon_sort_down.png");
        margin-left: 8px;
    }

    /*为你推荐*/
    .goods-recommend {
        display: block;
        background-color: white;
        margin-top: 12px;
        position: relative;
    }

    .goods-recommend:before {
        content: "";
        display: inline-block;
        width: 30px;
        height: 3px;
        background: #EEEEEE;
        top: 31px;
        left: 502px;
        position: absolute;
    }

    .goods-recommend:after {
        position: absolute;
        content: "";
        display: inline-block;
        width: 30px;
        height: 3px;
        background: #EEEEEE;
        top: 31px;
        right: 502px;
    }

    .goods-recommend .goods-recommend-title {
        font-size: 18px;
        font-weight: 600;
        line-height: 25px;
        text-align: center;
        padding: 20px 20px 8px 20px;
        color: #333333;
    }

    .goods-recommend .goods-recommend-title:before {
        content: "";
        display: inline-block;
        width: 20px;
        height: 20px;
        background-image: url("/image/icon_title_recommend.png");
        margin-right: 4px;
        position: relative;
        top: 2px;
    }

    .goods-recommend .goods-recommend-hint {
        font-size: 12px;
        color: #999999;
        text-align: center;
        display: block;
        padding-bottom: 10px;
    }

    .goods-list[data-style="main"] .goods-item img.goods-ad-img {
        width: 100%;
        height: 100%;
        margin: 0;
        left: 0;
        top: 0;
        position: absolute;
        display: block;
    }

    .goods-list[data-style="main"] .goods-item .goods-price {
        color: #E02B2B;
    }

    .goods-list[data-style="main"] .bc-ad .goods-item {
        border-radius: 10px;
    }

    .goods-list[data-style="main"] .goods-sold {
        display: inline;
        font-size: 12px;
        font-weight: 400;
        color: #999999;
        line-height: 17px;
        position: absolute;
        right: 27px;
        bottom: 23px;
    }

    .goods-list[data-style="main"] .goods-sold:before {
        content: "\5df2\552e\003a\0020";
        display: inline;
    }


    /*商品详情页*/
    .goods-detail-body {
        margin: 20px 0;
        position: relative;
    }

    .goods-detail-body .goods-data {
        height: 550px;
        overflow: hidden;
        background-color: white;
        padding-right: 223px;
        display: flex;
        flex-flow: row nowrap;
        position: relative;
    }

    .goods-data .goods-image-show {
        width: 320px;
        height: 100%;
        flex: none;
    }

    .goods-data .goods-image-viewer {
        position: relative;
    }

    .goods-data .goods-image-viewer > img,
    .goods-data .goods-image-viewer > video {
        height: 320px;
        width: 320px;
        overflow: hidden;
        position: relative;
    }

    .goods-data .goods-image-viewer > video {
        position: absolute;
        z-index: 10;
        left: 0;
        top: 0;
        background: #fff;
        display: none;
    }

    .goods-data .goods-image-viewer > video.current {
        display: block;
    }

    .goods-data .goods-image-viewer .goods-image-magnifier {
        position: absolute;
        width: 320px;
        height: 320px;
        left: 350px;
        top: 0;
        z-index: 10;
        background-color: rgba(128, 128, 128, 0.1);
        display: none;
        overflow: hidden;
    }

    .goods-data .goods-image-viewer .goods-image-magnifier.show.disable {
        display: none;
    }

    .goods-data .goods-image-viewer .goods-image-magnifier-box {
        position: absolute;
        display: none;
        width: 100px;
        height: 100px;
        background-color: rgba(0, 0, 0, 0.1);
        left: 0;
        top: 0;
    }

    .goods-data .goods-image-viewer .goods-image-magnifier-box.show {
        display: block;
    }

    .goods-data .goods-image-viewer .goods-image-magnifier.show {
        display: block;
    }

    .goods-data .goods-image-list {
        display: none;

    }


    .goods-data .goods-image-show {
        position: relative;
    }

    .goods-data .goods-image-show .pagination {
        position: absolute;
        height: 102px;
        width: 100%;
        left: 0;
        top: 325px;
    }

    .goods-data .goods-image-show .pagination .before {
        width: 16px;
        height: 16px;
        display: block;
        position: absolute;
        top: 42px;
        left: 7px;
        background-image: url("/image/icon_pagination_right_enable.png");
        transform: rotate(180deg);
        cursor: pointer;

    }

    .goods-data .goods-image-show .pagination .before.disable {
        background-image: url("/image/icon_paginaton_left_disable.png");
        transform: rotate(0deg);
        cursor: no-drop;
    }

    .goods-data .goods-image-show .pagination .after {
        width: 16px;
        height: 16px;
        display: block;
        position: absolute;
        top: 42px;
        right: 7px;
        background-image: url("/image/icon_pagination_right_enable.png");
        transform: rotate(0deg);
        cursor: pointer;
    }

    .goods-data .goods-image-show .pagination .after.disable {
        background-image: url("/image/icon_paginaton_left_disable.png");
        transform: rotate(180deg);
        cursor: no-drop;
    }


    .goods-data .goods-image-show .goods-image-item.current {
        border: 1px solid #979797;
    }

    .goods-data .goods-image-block {
        padding: 20px 27px;
        width: 270px;
        height: 60px;
        display: flex;
        flex-flow: row nowrap;
        overflow: hidden;
    }

    .goods-data .goods-image-block .pager-list-item {
        flex: none;
        width: 270px;
        height: 60px;
    }

    .goods-data .goods-image-show .goods-video-item,
    .goods-data .goods-image-show .goods-image-item {
        width: 56px;
        height: 56px;
        flex: none;
        cursor: pointer;

    }

    .goods-data .goods-image-show .view-item {
        display: inline-block;
        margin-right: 10px;
        border: 1px solid #EBEBEB;
        position: relative;
        font-size: 0;
    }

    .goods-data .goods-image-show .view-item.view-video {
        border: 1px solid #e02c2b;
    }

    .goods-data .goods-image-show .view-item.view-video:after {
        content: "";
        display: block;
        width: 28px;
        height: 28px;
        background-image: url("/image/icon_video_player.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -14px;
        margin-top: -14px;
    }

    .goods-data .goods-image-show .view-item:last-child {
        margin-right: 0;
    }

    .goods-data .goods-collect-btn {
        width: 120px;
        height: 40px;
        background: #F2F2F2;
        border-radius: 4px;
        position: absolute;
        top: 456px;
        left: 97px;
        font-size: 14px;
        font-weight: 400;
        color: #666666;
        line-height: 40px;
        text-align: center;
        cursor: pointer;
    }

    .goods-data .goods-collect-btn:before {
        content: "";
        display: inline-block;
        width: 16px;
        height: 16px;
        background-image: url("/image/icon_goods_collect.png");
        margin-right: 6px;
        position: relative;
        top: 3px;
    }

    .goods-data .goods-info {
        flex: 1;
        border-left: 1px solid #EFEFEF;
        border-right: 1px solid #EFEFEF;
        padding: 28px 24px;
    }

    .goods-data .goods-info .goods-name {
        display: block;
        font-size: 16px;
        font-weight: 600;
        color: #333333;
        line-height: 22px;
    }

    .goods-data .goods-info .goods-id {
        margin-top: 6px;
        display: block;
        font-size: 14px;
        font-weight: 400;
        color: #666666;
        line-height: 20px;
    }

    .goods-data .goods-info .shop-bond {
        display: block;
        width: 277px;
        height: 30px;
        background: url("/image/bg_goods_detail_bond.png");
        background-size: 277px 30px;
        background-repeat: no-repeat;
        margin-top: 10px;
        margin-bottom: -10px;
    }

    .goods-data .goods-info .shop-bond:after {
        content: "\8be5\5e97\94fa\5df2\52a0\5165\4f70\6750\7f51\4fdd\8bc1\91d1\8ba1\5212";
        display: inline;
        font-size: 12px;
        color: #B07F3D;
        line-height: 17px;
    }

    .goods-data .goods-info .shop-bond .bond-value[data-value] {
        display: inline-block;
        background: #EFCA7A;
        border-radius: 3px;
        border: 1px solid #E3B85D;
        padding: 0px 4px;
        margin-top: 4px;
        margin-left: 8px;
    }

    .goods-data .goods-info .shop-bond .bond-value[data-value]:before {
        content: "\4fdd\8bc1\91d1"attr(data-value);
        font-size: 10px;
        font-weight: bold;
        color: #252627;
        line-height: 14px;
    }

    .goods-data .goods-info .goods-id:before {
        content: "\5546\54c1\7f16\53f7\ff1a";
        display: inline;
    }

    .goods-data .goods-price {
        padding: 0 20px;
        width: 495px;
        height: 40px;
        background: #FFF0EC;
        font-size: 14px;
        font-weight: 500;
        color: #E02B2B;
        line-height: 40px;
        margin-top: 10px;
    }

    .goods-data .goods-price span {
        margin-right: 32px;
        font-weight: bold;
    }

    .goods-data .goods-price span[data-before]:before {
        content: attr(data-before);
        display: inline;
        font-weight: normal;
        font-size: 12px;
    }

    .goods-data .goods-price span.current-price {
        font-size: 16px;
    }

    .goods-data .goods-price span.current-price:before {
        font-size: 14px;
        font-weight: bold;
    }

    .goods-data .goods-price span.res-price {
        font-size: 14px;
        font-weight: 400;
        color: #666666;
        line-height: 20px;
        text-decoration: line-through;
    }

    .goods-data .goods-price span.res-price:before {
        text-decoration: none !important;
    }

    .goods-data .goods-number {
        padding: 0 20px;
        width: 495px;
        height: 40px;
        background: #F9F9F9;
        font-size: 12px;
        font-weight: 500;
        color: #E02B2B;
        line-height: 40px;
    }

    .goods-data .goods-number span:after {
        content: "|";
        display: inline-block;
        margin: 0 25px;
        color: #999999;
    }

    .goods-data .goods-number span:last-child:after {
        content: none;
    }

    .goods-data .goods-number span:before {
        content: attr(data-before);
        display: inline;
        color: #999999;
        margin-right: 10px;
    }

    .goods-data .goods-hint {
        margin: 19px 23px;
        font-size: 12px;
        font-weight: 500;
        color: #666666;
        line-height: 17px;
    }

    .goods-data .goods-hint .hint-title {
        color: #999999;
        margin-right: 20px;
    }

    .goods-data .other-info {
        padding: 0 19px;
        height: 57px;
        line-height: 57px;
        overflow: hidden;
        font-size: 14px;
        font-weight: 400;
        color: #333333;
        position: relative;
    }

    .goods-data .address:before {
        content: "\53d1\8d27";
        display: inline;
        font-size: 14px;
        font-weight: 400;
        color: #999999;
        line-height: 20px;
        margin-right: 42px;
    }

    .goods-data .address:after {
        content: "";
        display: inline-block;
        background-image: url("/image/icon_position_gray.png");
        position: absolute;
        left: 66px;
        top: 20px;
        width: 14px;
        height: 18px;
    }

    .goods-data .goods-selector {
        padding: 0 19px;
    }

    .goods-data .spec-list {
        display: block;
    }

    .goods-data .spec-item {
        display: flex;
        flex-flow: row nowrap;

    }

    .goods-data .spec-item .spec-name {
        width: 70px;
        height: 30px;
        overflow: hidden;
        line-height: 30px;
        flex: none;
        color: #999999;
    }

    .goods-data .spec-item .spec-value-list {
        display: flex;
        flex-flow: row wrap;
        flex: 1;
    }

    .goods-data .spec-item .spec-value-item {
        padding: 6px 15px;
        height: 16px;
        border: 1px solid rgba(205, 205, 205, 0.5);
        margin-right: 10px;
        font-size: 12px;
        font-weight: 400;
        color: #333333;
        line-height: 17px;
        margin-bottom: 16px;
        cursor: pointer;
    }

    .goods-data .spec-item .spec-value-item[data-disable="1"] {
        border: 1px dashed #EFEFEF;
        color: #999999;
    }

    .goods-data .spec-item .spec-value-item.current {
        border: 1px solid #E85455;
    }

    .goods-data .freight {
        font-size: 14px;
        font-weight: 400;
        color: #E02B2B;
    }

    .goods-data .freight:before {
        content: "\ff5c \914d\9001\8d39";
        display: inline;
        margin: 0 16px;
        color: #999999;
    }

    .goods-data .buy-number {
        display: flex;
        flex-flow: row nowrap;
        position: relative;
    }

    .goods-data .buy-number .spec-number {
        line-height: 34px;
        height: 34px;
        font-size: 14px;
        font-weight: 400;
        color: #999999;
        position: relative;
        left: 61px;
    }

    .goods-data .buy-number .spec-number:before {
        content: "\5e93\5b58";
        display: inline;
        margin-right: 2px;
    }

    .goods-data .buy-number .spec-number:after {
        content: "\4ef6";
        display: inline;
        margin-left: 2px;
    }

    .goods-data .buy-number .name {
        width: 70px;
        height: 30px;
        overflow: hidden;
        line-height: 30px;
        flex: none;
        color: #999999;
    }


    .goods-data .buy-number .number-input-view {
        flex: none;
        width: 130px;
        height: 34px;
        background: #FFFFFF;
        display: flex;
        flex-flow: row nowrap;
        position: relative;
    }

    .goods-data .buy-number .number-input-view:after {
        content: "\4ef6";
        display: inline;
        height: 34px;
        line-height: 34px;
        position: absolute;
        right: -30px;
        font-size: 14px;
        font-weight: 400;
        color: #999999;
    }

    .goods-data .button-layout {
        margin-top: 31px;
        padding-top: 19px;
        border-top: 1px solid rgba(242, 242, 242, 1);
    }

    .goods-data .button-layout .buy-button {
        display: inline-block;
        text-align: center;
        width: 160px;
        height: 46px;
        background: #FFECED;
        border: 2px solid #E02B2B;
        font-size: 16px;
        font-weight: 600;
        color: #E02B2B;
        line-height: 46px;
        margin-right: 13px;
        cursor: pointer;
    }

    .goods-data .button-layout .buy-button.disable,
    .goods-data .button-layout .cart-button.disable {
        cursor: no-drop;
    }

    .goods-data .button-layout .cart-button {
        display: inline-block;
        width: 160px;
        height: 46px;
        background: #E02B2B;
        border: 2px solid #D41C44;
        font-size: 16px;
        font-weight: 600;
        color: #FFFFFF;
        line-height: 46px;
        text-align: center;
        cursor: pointer;
    }


    .number-input-view .number-minus,
    .number-input-view .number-plus {
        position: absolute;
        top: 1px;
        display: inline-block;
        flex: none;
        width: 32px;
        height: 32px;
        background: #F6F6F6;
        color: #666666;
        line-height: 32px;
        text-align: center;
        cursor: pointer;
    }

    .number-input-view .number-minus {
        left: 1px;
        border-right: 1px solid #dcdcdc;
    }

    .number-input-view .number-plus {
        right: 1px;
        border-left: 1px solid #dcdcdc;
    }

    .number-input-view input {
        width: 60px;
        height: 30px;
        flex: 1;
        font-size: 14px;
        font-weight: 400;
        color: #333333;
        line-height: 20px;
        text-align: center;
        border: 1px solid #dcdcdc;
    }

    .number-input-view input:focus {
        border: 1px solid #E02B2B;
    }


    .goods-detail-body .shop-recommend-goods-block {
        position: absolute;
        right: 0;
        width: 223px;
        height: 550px;
        overflow: hidden;
        top: 0;
    }

    .goods-detail-body .goods-detail-right .tab-view .tab-button-layout {
        height: 53px;
        font-size: 16px;
        font-weight: 400;
        color: #666666;
        line-height: 53px;
        position: relative;
        border-bottom: 1px solid #EBEBEB;
        background: linear-gradient(270deg, #FFFFFF 0%, #FEFEFE 90%, #F8F8F8 100%);
    }

    .goods-detail-body .tab-view .tab-button-item {
        padding: 0 30px;
        display: inline-block;
        height: 53px;
    }

    .goods-detail-body .tab-view .tab-button-item.current {
        background-color: white;
        position: relative;
        top: 1px;
    }

    .goods-detail-body .tab-view .tab-button-item.current:before {
        content: "";
        display: block;
        position: absolute;
        height: 4px;
        background: #E02B2B;
        width: 100%;
        left: 0;
    }

    .goods-detail-body .goods-detail-block {
        display: flex;
        flex-flow: row nowrap;
        margin-top: 22px;
    }


    .goods-detail-body .goods-detail-block .goods-detail-left {
        width: 220px;
        flex: none;
        margin-right: 10px;
    }

    .goods-detail-body .goods-detail-block .goods-detail-right {
        flex: 1;
        background-color: white;
    }

    .goods-detail-body .goods-property-layout {
        margin: 0 35px;
        padding: 28px 65px 22px 65px;
        border-bottom: 1px solid rgba(151, 151, 151, 0.19);
        display: flex;
        flex-flow: row wrap;
    }

    .goods-detail-body .goods-property-layout > div {
        width: 33%;
        font-size: 14px;
        font-weight: 400;
        color: #666666;
        line-height: 26px;
    }

    .shop-recommend-goods-block {
        position: relative;

    }

    .goods-detail-body .goods-remark {
        padding: 0 35px;
    }

    .shop-recommend-goods-block .shop-logo {
        width: 180px;
        height: 69px;
        background: #FFFFFF;
        border: 1px solid #F9F9F9;
        padding: 9px 21px;
        position: relative;
    }

    .shop-recommend-goods-block:after {
        display: block;
        content: "\5e97\5bb6\63a8\8350";
        position: absolute;
        top: 106px;
        text-align: center;
        width: 100%;
    }

    .shop-recommend-goods-block .goods-list {
        position: absolute;
        width: 160px;
        height: 346px;
        margin: 30px 0 20px 30px;
        overflow: hidden;
    }

    .shop-recommend-goods-block .goods-list > a {
        width: fit-content;
    }

    .shop-recommend-goods-block .goods-item {
        width: 158px;
        height: 158px;
        border: 1px solid #F6F6F6;
        overflow: hidden;
        display: block;
        margin-top: 13px;
        position: relative;
    }

    .shop-recommend-goods-block .goods-item img {
        width: 158px;
        height: fit-content;
        max-height: 158px;
        overflow: hidden;
    }

    .shop-recommend-goods-block .goods-item .goods-price {
        position: absolute;
        height: 26px;
        background-color: RGBA(229, 229, 229, 1);
        bottom: 0;
        left: 0;
        line-height: 26px;
        font-size: 14px;
        font-weight: 400;
        color: #333333;
        text-align: center;
        display: block;
        width: 100%;
    }

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

    .shop-recommend-goods-block .goods-item .goods-price .decimal {
        display: inline;
    }

    .goods-appraise-list {
        padding: 0 43px 0 26px;
    }


    .goods-appraise-item {
        padding: 23px 14px 16px 107px;
        position: relative;
        min-height: 110px;

        border-bottom: 1px solid rgba(243, 243, 243, 1);
    }

    .goods-appraise-item:last-child {
        border-bottom: none;
    }

    .goods-appraise-item .user-photo {
        width: 60px;
        height: 60px;
        border-radius: 60px;
        position: absolute;
        left: 14px;
        top: 22px;
    }

    .goods-appraise-item .user-name {
        width: 89px;
        position: absolute;
        left: 0;
        top: 92px;
        text-align: center;
        overflow: hidden;
    }

    .goods-appraise-item .appraise-level {
        width: 102px;
        height: 16px;
        background: #F6F6F6;
        border-radius: 10px;
        padding: 4px 10px;
    }

    .goods-appraise-item .appraise-level .star-item {
        display: inline-block;
        width: 16px;
        height: 16px;
        background-image: url("/image/icon_star_gray.png");
    }

    .goods-appraise-item .appraise-level .star-item.star-1,
    .goods-appraise-item .appraise-level[data-level="2"] .star-item.star-2,
    .goods-appraise-item .appraise-level[data-level="3"] .star-item.star-2,
    .goods-appraise-item .appraise-level[data-level="4"] .star-item.star-2,
    .goods-appraise-item .appraise-level[data-level="5"] .star-item.star-2,
    .goods-appraise-item .appraise-level[data-level="3"] .star-item.star-3,
    .goods-appraise-item .appraise-level[data-level="4"] .star-item.star-3,
    .goods-appraise-item .appraise-level[data-level="5"] .star-item.star-3,
    .goods-appraise-item .appraise-level[data-level="4"] .star-item.star-4,
    .goods-appraise-item .appraise-level[data-level="5"] .star-item.star-4,
    .goods-appraise-item .appraise-level[data-level="5"] .star-item.star-5 {
        background-image: url("/image/icon_star_red.png");
    }

    .goods-appraise-item .appraise-content {
        display: block;
        margin-top: 12px;
        font-size: 14px;
        font-weight: 400;
        color: #666666;
        line-height: 20px;
    }

    .goods-appraise-item .property {
        display: block;
        font-size: 12px;
        font-weight: 400;
        color: #999999;
        line-height: 17px;
        margin-top: 15px;
    }

    .goods-appraise-item .property:before {
        content: "\7c7b\578b\ff1a";
        display: inline;
    }

    .goods-appraise-item .time {
        position: absolute;
        right: 7px;
        top: 22px;
        font-size: 14px;
        font-weight: 400;
        color: #999999;
        line-height: 20px;
    }

    .goods-appraise-item .appraise-picture-list {
        display: flex;
        flex-flow: row nowrap;
        margin-top: 10px;
    }

    .goods-appraise-item .appraise-picture-list img {
        width: 80px;
        height: 80px;
        border-radius: 4px;
        flex: none;
        margin-right: 10px;
    }


    /*活动页样式*/
    .activity-body .goods-list {
        grid-template-columns: repeat(auto-fill, 290px);
        grid-gap: 10px;
    }

    .activity-body .goods-list .goods-item {
        width: 260px;
        height: 386px;
        background: #FFFFFF;

    }

    .activity-body .goods-list .goods-img {
        width: 260px;
        height: 260px;
        margin-left: -130px;
        margin-top: -5px;

    }

    .activity-body .goods-list .goods-name {
        margin-top: 10px;
    }

    .activity-body .goods-list .goods-price {
        text-align: center;
        font-size: 24px;
        margin-top: 6px;
    }

    .activity-body .goods-list .goods-price .decimal,
    .activity-body .goods-list .goods-price:before {
        font-size: 16px;
    }

    .activity-body .goods-list .goods-item:after {
        content: "\7acb\5373\8d2d\4e70";
        position: absolute;
        display: block;
        width: 250px;
        height: 36px;
        background: #E02B2B;
        border-radius: 4px;
        line-height: 36px;
        font-size: 16px;
        font-weight: 400;
        color: #FFFFFF;
        bottom: 17px;
        left: 20px;
        text-align: center;
    }

    .bc-image-view-popup {
        display: flex;
        flex-flow: row nowrap;
        position: absolute;
        width: 1200px;
        height: 750px;
        background: #FFFFFF;
        box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.5);
        z-index: 20;
        top: 120px;
        left: 50%;
        margin-left: -600px;
        overflow: hidden;
    }

    .bc-image-view-popup .image-view-block {
        width: 890px;
        background-color: #000;
        flex: none;
    }

    .bc-image-view-popup .goods-info-block {
        flex: 1;
        background-color: white;
        display: flex;
        flex-flow: column nowrap;
    }

    .bc-image-view-popup .goods-info-block .goods-name {
        margin: 60px 20px 17px 22px;
        font-size: 14px;
        font-weight: 400;
        color: #333333;
        line-height: 20px;
    }

    .bc-image-view-popup .goods-img-list {
        display: flex;
        flex-flow: row wrap;
        margin-left: 22px;
    }

    .bc-image-view-popup .goods-img-list .image-item {
        width: 78px;
        height: 78px;
        border: 1px solid #EBEBEB;
        margin-right: 15px;
        margin-bottom: 15px;
        cursor: pointer;
    }

    .bc-image-view-popup .goods-img-list .image-item.current {
        border-color: #E02C2B;
    }

    .bc-image-view-popup .image-view-block img {
        width: 100%;
        height: 100%;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .bc-image-view-popup .close-btn {
        position: absolute;
        right: 21px;
        top: 15px;
        background-image: url(/image/icon_close.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        width: 16px;
        height: 16px;
        cursor: pointer;
    }

    .goods-item .bond[data-value] {
        display: inline-block;
        background: #EFCA7A;
        border-radius: 3px;
        border: 1px solid #E3B85D;
        height: 17px;
        padding: 2px 4px;
        margin-right: 5px;
    }

    .goods-item .bond[data-value]:before {
        content: "\4fdd\8bc1\91d1" attr(data-value);
        display: inline;
        font-size: 10px;
        font-weight: bold;
        color: #252627;
        line-height: 14px;

    }

}