@import 'gm.less?1';
@import 'box.less';

.van-image__img {
    object-fit: cover !important;
}

.van-nav-bar__text {
    color: #000 !important;
}

.van-nav-bar .van-icon {
    color: #000 !important;
}

.dh2_table {
    margin-top: 4vw;

    table {
        .b_l_w;
        border-collapse: separate;
        border-spacing: 0px 10px;

        img {
            display: inline-block !important;
        }

        td {
            width: 25%;
            line-height: 25px;
        }

        tr td a {
            display: block;
            text-align: center;
            font-size: 13px;
        }
    }
}

.index {
    .b_l_w;
    font-size: 3.2vw;

    img {
        display: block;
    }

    .mx-auto {
        width: 93.333vw;

        > div {
            .b_l_w;
        }
    }

    .banner {
        position: relative;

        .s {
            .b_l_w;
            .box;
            height: 8vw;
            margin: 4vw 0;
        }

        img {
            display: block;
        }

        .van-notice-bar {
            .bs;
            height: 100%;
            background-color: transparent;
        }

        .notice-swipe {
            height: 18vw;
            line-height: 18vw;
        }

        .c {
            .b_l_w;
            padding: 0 3.333vw;

            .s {
                .b_l_w;
                .b_k;
                border-radius: 3.333vw;
                margin: -5.333vw 0 4vw;
                padding: 0 2.667vw;
                overflow: hidden;

                ._s {
                    .b_l_w;
                    .box;
                    margin: 9.333vw 0 3.333vw;
                    position: relative;

                    > img {
                        width: 20vw;
                        height: 20vw;
                        border-radius: 1.333vw;
                    }

                    > div {
                        height: 20vw;
                        margin-left: 3.333vw;
                        line-height: 6vw;

                        b {
                            display: block;
                            font-size: 4vw;
                            margin-bottom: 2vw;
                        }

                        p {
                            span {
                                color: #ff7800;
                            }
                        }
                    }

                    > a {
                        .box;
                        .box-align-center;
                        .box-pack-center;
                        .bs;
                        margin-left: auto;
                        width: 22.667vw;
                        height: 8vw;
                        background-image: linear-gradient(90deg, #ffae45 0%, #fe7b00 100%);
                        border-radius: 4vw;
                        position: absolute;
                        bottom: 0;
                        right: 0;

                        img {
                            height: 3.867vw;
                            margin-right: 1.333vw;
                        }
                    }
                }
            }

            .d {
                .b_l_w;
                padding: 0 .667vw 3.333vw;

                ._d {
                    .b_l_w;
                    .box;
                    .box-pack-around;
                    .box-align-center;
                    height: 12vw;
                    background-color: #f5f5f5;
                    border-radius: 1.333vw;

                    div {
                        .box;
                        .box-align-center;
                        font-size: 3.2vw;
                        white-space: nowrap;

                        img {
                            height: 4vw;
                            margin-right: 1.333vw;
                        }
                    }
                }
            }
        }
    }

    .data {
        .b_l_w;
        .b_k;
        .box;
        .box-align-center;
        position: relative;
        margin-top: 4vw;
        height: 16vw;
        border-radius: 2vw 2vw 2vw 2vw;
        border: solid 0.133vw #ffffff;

        ._d {
            .center;
            width: 18vw;
            height: 10.667vw;
            border-right: 1px solid #eeeeee;
            font-size: 3.2vw;

            p {
                .b;
                font-size: 5.333vw;
            }
        }

        .v {
            a {
                width: 70vw;
                font-size: 4vw;
                overflow: hidden;
                text-overflow: ellipsis;
                -webkit-line-clamp: 1;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                .box-align-center;
                .box-lr;
                height: 6vw;
                overflow: hidden;
                line-height: 6vw;

                span {
                    display: inline-block;
                    .y50;
                    width: 1.333vw;
                    height: 1.333vw;
                    background-color: #d00000;
                    vertical-align: top;
                    margin: 2vw 2.133vw 0 3.6vw;
                }
            }
        }
    }


    .notice {
        .b_k;
        border-radius: 2vw;
        padding: 0 3.333vw;

        .t {
            .b_l_w;
            height: 10.933vw;
            line-height: 10.933vw;
            border-bottom: 1px solid #f5f5f5;
            .box;
            .box-align-center;

            img {
                height: 4.667vw;
            }

            .van-swipe-item {
                .text-hide-1;
                font-size: 3.467vw;
            }

            .notice-swipe {
                height: 10.933vw;
                line-height: 10.933vw;
                padding: 0 1vw;
            }

            .van-icon {
                margin-left: auto;
                .b;
                font-size: 4vw;
                color: #ccc;
            }
        }

        .m {
            .b_l_w;
            height: 10.267vw;
            .box;
            .box-pack-between;

            div {
                .box;
                .box-align-center;

                img {
                    height: 4vw;
                    margin-right: 1.333vw;
                }
            }
        }
    }

    .block {
        margin: 4vw 0 0;
        .box;
        .box-pack-between;

        > div {
            width: 45.333vw;
            height: 69.333vw;
            overflow: hidden;
            position: relative;
        }

        .l {
            .van-swipe__indicator {
                background: #fff;
                opacity: 1;
            }

            img {
                border-radius: 2vw;
            }
        }

        .r {
            .box;
            .box-wrap;
            align-content: space-between;

            > div {
                width: 45.333vw;
                height: 33.333vw;
                background-color: #fff;
                border: 1px solid #fff;
                border-radius: 2vw;
                position: relative;
                padding: 10vw 2vw 0;

                .bg {
                    position: absolute;
                    top: 0;
                    right: 2vw;
                    width: 12vw;
                }
            }
        }

        ._swipe {
            .b_l_w;
            .box;
            .box-pack-between;

            a {
                width: 20vw;

                img {
                    margin: 0 auto 1.333vw;
                    width: 14.667vw;
                    height: 14.667vw;
                    border-radius: 1vw;
                }

                div {
                    width: 20vw;
                    height: 5.333vw;
                    line-height: 5.333vw;
                    border-radius: 2.667vw;
                    .center;
                }
            }
        }

        .tit {
            position: absolute;
            top: 3.333vw;
            left: 3.333vw;
            height: 4.133vw;
        }

        .r1 {
            background-image: linear-gradient(to bottom,#FFF2CC,#fff);
            background-repeat: no-repeat;
            background-size: 100% 15vw;

            ._swipe {
                a {
                    div {
                        background-color: #ffe9c2;
                        color: #864500;
                    }
                }
            }
        }

        .r2 {
            background-image: linear-gradient(to bottom,#FED1CE,#fff);
            background-repeat: no-repeat;
            background-size: 100% 15vw;

            ._swipe {
                a {
                    div {
                        background-color: #fce8e4;
                        color: #ff0000;
                    }
                }
            }
        }
    }

    .block-1 {
        > div {
            height: 33.333vw;
            background-color: #fff;
            padding-top: 10vw;
            border-radius: 2vw;
            border: solid 1px #fff;
        }

        a {
            width: 50% !important;

            div {
                width: initial !important;
                height: inherit !important;
                background: none !important;
                color: #000 !important;
            }
        }

        .red {
            color: #d32b1e !important;
        }

        .label {
            position: absolute;
            left: 19.133vw;
            top: 2.933vw;
            height: 5vw;
            line-height: 5vw;
            border-radius: 0.667vw;
            .bs;
            .b;
            font-size: 2.8vw;
            padding: 0 2vw;
        }

        .new {
            background-color: #ff6200;
        }

        .today {
            background-color: #4d982e;
        }
    }

    .hot {
        margin-top: 4vw;
        height: 67.6vw;
        background: url(/images/index-hot-bg.png) no-repeat;
        background-size: 100% 100%;
        overflow: hidden;
        font-size: 3.2vw;
        padding-top: 15.6vw;
        position: relative;

        > a {
            width: 23vw;
            height: 12vw;
            position: absolute;
            right: 0;
            top: 0;
        }

        .div_chao {
            .b_l_w;
            padding: 0 2vw;

            a {
                margin-right: 2.667vw;
                width: 34.667vw;
                height: 48vw;
                background-image: linear-gradient(90deg, #fee082 0%, #ffca28 100%);
                border-radius: 4vw;
                padding: .667vw .667vw 0;
                position: relative;

                &:last-child {
                    margin-right: 0
                }

                img {
                    width: 33.333vw;
                    height: 33.333vw;
                    border-radius: 4vw;
                }

                .sales {
                    .b_l_w;
                    font-size: 4.267vw;
                    .b;
                    .center;
                }

                .buy {
                    width: 23.6vw;
                    height: 6vw;
                    .b_k;
                    .b;
                    color: #ff9302;
                    border-radius: 2.667vw 2.667vw 0vw 0vw;
                    position: absolute;
                    left: 5.5vw;
                    bottom: 0;
                    display: flex !important;
                    .box-align-center;
                    .box-pack-center;

                    img {
                        width: 2.667vw;
                        height: 2.667vw;
                        margin-left: 1.333vw;
                    }
                }
            }
        }
    }
}

.sy_fl {
    .b_l_w;
    .mb10;
    box-shadow: 0vw -0.267vw 0.667vw 0vw rgba(255, 213, 80, 0.2);
    border-radius: 6.667vw 6.667vw 0vw 0vw;

    .van-tab {
        min-width: 20%;
        white-space: nowrap;
    }

    .van-tab--active {
        .b;
        .f15;
    }

    .van-tab__text {
        z-index: 599;
    }

    .van-tabs__line {
        bottom: 22px;
    }
}

.index-give {
    height: 23px;
    .b_k;
    .r5;
    line-height: 21px;
    .center;
    overflow: hidden;
    border: 1px solid #000;

    div {
        .bs;
        .f12;
        .b_l;
        width: 51px;
        height: 100%;
        background-color: #000;
        padding-right: 3px;
        position: relative;
        white-space:nowrap;

        &:after {
            content: '';
            position: absolute;
            right: 0;
            top: 0;
            width: 22.5px;
            height: 22.5px;
            .b_k;
            clip-path: circle(25.0% at 100% 50%);
        }
    }

    b {
        .b;
        .f13;
        color: #1b1b1b;
    }
}

.index-silver {
    position: absolute;
    right: 0;
    bottom: 3.333vw;
    font-size: 3.2vw;
    background-color: #e84e40;
    .bs;
    height: 5.333vw;
    .box;
    .box-align-center;
    border-radius: 2.667vw 0vw 0vw 2.667vw;
    padding: 0 2vw 0 1.2vw;

    img {
        height: 4vw;
        margin-right: 1.6vw;
    }
}

.sy_fl_l {
    .sy_lm_z {
        margin-top: -57px*0.512;
    }

    .w1 {
        padding: 5px 10px 10px;

        .bt {
            font-size: 13px;
            color: #050505;
            height: 10.667vw;
            overflow: hidden;
            line-height: 5.333vw;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            word-break: break-all;
        }

        .jg {
            color: #ea3e23;
            line-height: 20px;
            display: flex;
            justify-content: space-between;

            b {
                .left;
                font-size: 18px;

                img {
                    width: 31px*0.512;
                    margin-right: 2px;
                }
            }

            s, font {
                color: #9f9f9f;
            }

            img {
                .b_r;
                width: 16px;
                margin-top: 2px;
            }
        }

        .golden {
            .b_l;
            height: 20px;
            line-height: 20px;
            .bs;
            padding: 0 5px;
            background-color: #ff0000;
            border-radius: 5px;
        }
    }

    .index-jf {
        > div {
            .b_l;
            .b;
            .mt5;
            .mb5;
            color: #8a2a1c;
            line-height: 18px;
            padding: 0 9px;
            background-image: linear-gradient(90deg, #ffc272 0%, #fbdbad 50%, #ffc272 100%);
            border-radius: 9px;
        }

        img {
            .b_r;
            height: 15px;
            margin-top: 6px;
        }
    }
}

.sy_lm_k {
    background-color: #fff;
    border-radius: 2vw;
    position: relative;
    overflow: hidden;

    .w100 {
        position: relative;
    }
}

p {
    margin: 0;
}

.c999 {
    color: #999;
}

.pro_xz {
    line-height: 40px;
    border-bottom: 1px solid #f8f8f8;
}

.pro_xz i {
    line-height: 40px;
}

#pro_yzsj .yzsj_all {
    border-top: 5px solid #f8f8f8;
    border-bottom: 5px solid #f8f8f8;
    padding-top: 10px;
    border-radius: 10px;
    overflow: hidden;
}

#pro_sjpx .jf {
    .b_l_w;
    margin: 5px 0 0 0;
    height: 21px;
    border: solid 1px #df8a00;
    line-height: 19px;
    color: #df8a00;
}

#pro_yzsj .tx, #pro_sjpx .tx {
    padding: 0 10px 0 12.5px;
}

#pro_yzsj .yzsj_all > .w1:first-child, #pro_sjpx .yzsj_all > .w1:first-child {
    border-bottom: 1px solid #f8f8f8;
    padding: .2rem 0 calc(~'.2rem - 10px');
}

#pro_yzsj .bt, #pro_sjpx .bt {
    font-size: 14px;
    margin: -2px 0 0 0;
    line-height: 20px;
    border: none;
}

#pro_yzsj .bt img, #pro_sjpx .bt img {
    vertical-align: top;
    margin: 3px 0 0 0;
}

#pro_yzsj .bt .b_r, #pro_sjpx .bt .b_r {
    font-size: 12px;
    font-weight: normal;
    text-align: right;
    margin-right: 10px;
    display: block;
}

#pro_yzsj .bt .b_r i, #pro_sjpx .bt .b_r i {
    font-size: 20px;
    vertical-align: top;
    margin: -1px 0 0 5px;
}

#pro_yzsj .bt .xl, #pro_sjpx .bt .xl {
    color: #929292;
    font-size: 12px;
    font-weight: normal;
}

#pro_yzsj .bq, #pro_sjpx .bq {
    padding-bottom: 4px;
    margin-top: 5px;
}

#pro_yzsj .bq div, #pro_sjpx .bq div {
    float: left;
    padding: 0 5px;
    border: solid 1px #363636;
    margin-right: 5px;
    font-size: 12px;
    color: #363636;
    line-height: 17px;
}

#pro_yzsj .gzsc, #pro_sjpx .gzsc {
    font-size: 14px;
    padding: 5px 0 0 0;
    width: 49%;
    text-align: center;
}

#pro_yzsj .gzsc img, #pro_sjpx .gzsc img {
    vertical-align: top;
    margin: 4px 5px 0 0;
}

#pro_yzsj p, #pro_sjpx p {
    font-size: 12px;
    color: #909090;
    margin: 5px 0 0 14px;
}

#pro_yzsj .qbsp, #pro_sjpx .qbsp {
    font-size: 14px;
    padding: 5px 0 0 0;
    width: 49%;
    text-align: center;
}

#pro_yzsj .qbsp img, #pro_sjpx .qbsp img {
    vertical-align: top;
    margin: 4px 5px 0 0;
}

#pro_yzsj .tiao, #pro_sjpx .tiao {
    height: 25px;
    width: 1px;
    background-color: #EEEEEE;
    float: left;
    margin-top: 12px;
}

#pro_yzsj .gyg, #pro_sjpx .gyg {
    font-size: 12px;
    display: block;
    color: #4E70FB;
    margin-top: -44px;
    float: right;
    margin-right: 10px;
}

#pro_yzsj .gyg i, #pro_sjpx .gyg i {
    padding-left: 5px;
}

.yzsj-map {
    .b_l_w;
    min-height: 53px;
    border-bottom: 1px solid #f8f8f8;
    padding: 10px 14px;
    .box;
    .box-align-center;

    div {
        width: 65%;
    }

    span {
        margin-left: auto;
        border-left: 1px solid #000;
        padding-left: 5px;
    }
}

.sjzy_bg {
    background: url(../images/sjzy_bg.png);
    height: 156.2px;
    width: 100%;
    background-size: 100% 136.2px;
}

.sjzy_sjtx {
    width: 72px !important;
    height: 72px !important;
    box-shadow: 0 0 10px 0 #FFFFFF;
    border-radius: 6px;
    float: left;
}

.sjzy .float-left {
    padding: 25px 15px;
    line-height: 18px;
}

.sjzy .float-left span {
    color: #FFFFFf;
    float: left;
    padding-left: 15px;
}

.sjzy_vip {
    vertical-align: top;
    margin: 4px 0 0 7px;
}

.sjzy .float-right {
    color: #FFFFFF;
    line-height: 10px;
    font-size: 12px;
    margin-top: 20px;
    margin-right: 15px;
}

.sjzy .float-right a {
    color: #FFFFFf !important;
    display: block;
    text-align: center;
    border: 1px solid #FFFFFF;
    font-size: 13px;
    line-height: 20px;
    width: 75px;
}

.sjzy_fl {
    overflow: auto;
}

.sjzy_fl a {
    color: #404040;
    font-size: 15px;
    display: inline-block;
    width: auto;
    margin: 0 5px;
    line-height: 12px;
}

.sjzy_jt {
    margin-top: -48px;
}

.sjzy_jt .b_r {
    position: absolute;
    padding: 0 10px;
    background: #fff;
    right: 0;
}

.sjzy_jt i {
    font-size: 20px;
    margin-top: 8px;
}

.sjzy_fl .a {
    font-weight: bold;
    color: #131111;
}

.sjzy_fl .a div {
    height: 2px;
    width: 100%;
    background: #000;
    border-radius: 5px;
    margin-top: 10px;
}

.sjzy_top {
    border-radius: 3.333vw 3.333vw 0vw 0vw;
    overflow: hidden;
    background: #fff;
}

.sjzy_xxk {
    height: 52px;
    line-height: 52px;
    color: #414141;
    font-size: 15px;
}

.sjzy_xxk .a {
    color: #000;
    font-weight: bold;
}

.sjzy_xxk .a span {
    width: 27px;
    height: 2px;
    background-color: #000000;
    border-radius: 2px;
    display: block;
    margin-top: -2px;
    overflow: hidden;
}

.sy_xp {
    .b_l_w;
    .div_chao;
    overflow-y: hidden;
    border-top: 1px solid #eee;
    padding: 12.5px 10px;
    height: 130px;

    a {
        float: initial !important;
        width: 105px;
        height: 105px;
        position: relative;
        overflow: hidden;
        margin-right: 3px;

        img {
            width: 100%;
            height: 100%;
            display: block;
            object-fit: cover;
        }

        &:first-child {
            border-radius: 10px 0 0 10px;
        }

        &:last-child {
            border-radius: 0 10px 10px 0;
        }
    }

    .price {
        position: absolute;
        background: rgba(0,0,0,.7);
        height: 20px;
        line-height: 20px;
        padding: 0 7px 0 5px;
        border-radius: 10px;
        .bs;
        .b;
        .f12;
        right: 5px;
        bottom: 5px;
    }
}

.w90 {
    width: 90%;
}

.sort_ {
    margin: 15px 0 15px 20px;
}

.sort_ > .x {
    background: #EFEFEF;
    width: 50px;
    height: 1px;
}

.sort_ > div:nth-child(1) {
    margin: 11px 0 0 0;
    background-image: linear-gradient(to left, #EFEFEF, #FEFEFE);
}

.sort_ > div:nth-child(3) {
    margin: 11px 20px 0 0;
    background-image: linear-gradient(to right, #EFEFEF, #FEFEFE);
}

.sort .box-align-start > div {
    width: 33.33%;
    text-align: center;
    margin: 10px 0;
    line-height: 20px;
    height: 93px;
    overflow: hidden;
}

.sort .box-align-start img {
    width: 65px;
    height: 65px;
    display: block;
    border-radius: 3px;
    margin-bottom: 8px;
}

//ÑûÇëÂë
.ewm_bg {
    opacity: 0;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 0;
    height: 0px;
    overflow: hidden;
    font-family: 'PingFang SC';

    > div {
        position: relative;
    }

    > .d1 {

        .name {
            .b;
            position: absolute;
            font-size: 4.667vw;
            left: 18vw;
            top: 8vw;
        }

        .ewm_t {
            position: absolute;
            width: 53.333vw;
            height: 53.333vw;
            left: 23.333vw;
            bottom: 55.333vw;
            border: 5vw solid #fff;
        }

        .tx {
            position: absolute;
            width: 10.667vw;
            height: 10.667vw;
            left: 4.667vw;
            top: 6.667vw;
            .y50;
        }
    }

    > .d2 {

        ._info {
            width: 100%;
            .box;
            .box-align-center;
            .box-pack-center;
            position: absolute;
            bottom: 36.267vw;
            font-size: 4.8vw;
            height: 11vw;
            line-height: 6vw;
            padding: 0 19vw;

            > img {
                width: 6vw;
                height: 6vw;
                .y50;
                margin-right: 1.2vw;
            }
        }

        .ewm_t {
            position: absolute;
            width: 55vw;
            height: 55vw;
            left: 22.5vw;
            bottom: 51.267vw;
        }
    }

    > .d3 {

        .name {
            position: absolute;
            left: 0;
            bottom: 66.667vw;
            width: 100%;
            .bs;
            .center;
            font-size: 3.467vw;
        }

        .ewm_t {
            position: absolute;
            width: 40vw;
            height: 40vw;
            left: 30vw;
            bottom: 17.2vw;
        }
    }

    > .d4 {
        .ewm_t {
            position: absolute;
            width: 50.667vw;
            height: 50.667vw;
            left: 24.667vw;
            bottom: 19.467vw;
        }
    }

    > .d5 {

        ._info {
            width: 100%;
            .box;
            .box-align-center;
            .box-pack-center;
            position: absolute;
            top: 62vw;
            font-size: 4.267vw;
            height: 11vw;
            line-height: 6vw;
            padding: 0 19vw;
            font-style: italic;

            > img {
                width: 8vw;
                height: 8vw;
                border-radius: 1.333vw;
                margin-right: 1.2vw;
            }
        }

        .ewm_t {
            position: absolute;
            width: 50vw;
            height: 50vw;
            left: 25vw;
            bottom: 48vw;
        }
    }
}

.rush-purchase {
    .b_l_w;

    .top {
        .b_l_w;
        background: #f8f8f8;
        height: 310px*.512;
        padding: 30px*.512 25px*.512;

        > .b_l {
            width: 240px*.512;
            height: 100%;
            background: url(../images/shopping-area-bg.png) no-repeat;
            background-size: 100% 100%;
            .bs;
            padding: 25px*.512 0 0 25px*.512;
            font-size: 40px*.512;

            div {
                .b_l_w;
                .mt5;
            }

            span {
                font-size: 100px*.512;
                letter-spacing: -5px*.512;
            }
        }

        > .b_r {
            .box;
            .box-wrap;
            .p10;
            .b_k;
            padding: 25px*.512;
            border-radius: 0 5px 5px 0;
            width: calc(~'100% - 122.88px');
            border-left: 1px solid #FD3C53;
            height: 100%;

            .jdt {
                .mt15;
            }

            div {
                .b_l_w;
                .left;

                &:nth-child(3) {
                    border-bottom: 1px solid #d2d4da;
                    padding-bottom: 10px;
                }
            }
        }
    }

    .nt {
        .b_l_w;
        padding: 40px*.512 25px*.512;

        .title {
            font-size: 40px*.512;

            input {
                font-size: 40px*.512;
            }
        }

        .i {
            .b_l_w;
            .mt5;
            .mb5;

            > div {
                .mt10;
                .mb10;
                line-height: 25px;
            }

            line-height: 22px;
            font-size: 28px*.512;

            img {
                vertical-align: top;
                width: 25px;
                height: 25px;
                margin-right: 7px;
            }

            span {
                .b_r;
                .f12;
                line-height: 24px;
            }
        }
    }

    > a {
        position: fixed;
        left: 0;
        bottom: 0;
        .b_l_w;
        .center;
        .bs;
        height: 120px*.512;
        line-height: 120px*.512;
        background: #ff2900;
        font-size: 40px*.512;
        letter-spacing: 4px;
    }
}

.jdt {
    .b_l_w;
    height: 16px;
    border-radius: 8px;
    background: #d2d4da;
    overflow: hidden;
    position: relative;

    span {
        .b_l_w;
        position: absolute;
        height: 100%;
        line-height: 16px;
        top: 0;
        right: 0px;
        .center;
        .b;
    }
}

.jdt .b_l {
    .center;
    .bs;
    background-image: linear-gradient(-90deg, #e73f24 0%, #f35f24 42%, #ff7f24 100%);
    border-radius: 8px;
    height: 16px;
    line-height: 16px;
    position: absolute;
}


//Çл»Õ˺Å

.switch-account {
    .b_l_w;

    > div {
        .b_l_w;
    }

    .top {
        .f14;
        padding: 25px*.512;
        color: #aaa;
    }

    .list {
        .tx {
            .b_l;
            .center;
            position: relative;
            width: 109px*.512;
            height: 109px*.512;

            img {
                &:first-child {
                    width: 100%;
                    height: 100%;
                }

                &:last-child {
                    position: absolute;
                    right: 0;
                    bottom: 0;
                    width: 20px;
                }
            }
        }

        .z {
            .b_l;
            .box;
            .box-align-center;
            .box-wrap;
            margin-left: 10px;
            height: 100%;

            > div {
                .b_l_w;
            }
        }

        .img-icon {
            height: 20px;
        }
    }
}

.sell-out {
    .b_l_w;
    .box;
    justify-content: space-around;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: rgba(255,255,255,0.6);

    > div {
        margin-top: -24vw;
        .center;
        .bs;
        .f14;
        background: #3D3D3F;
        height: 30px;
        line-height: 30px;
        border-radius: 30px;
        width: max-content;
        padding: 0 20px;
    }
}

//ÎÒµÄ

.my {
    .b_l_w;
    position: relative;
    overflow: hidden;
    font-size: 3.2vw;
    padding: 0 3.333vw 10vw;

    > div {
        .b_l_w;
        margin-bottom: 4vw;
    }

    .top {
        .box;
        .box-align-center;
        position: relative;
        padding: 4vw 2.667vw 0;
        margin: 0;

        .portrait {
            width: 16vw;
            height: 29.333vw;
            .box;
            .box-align-center;

            .t {
                width: 16vw;
                height: 16vw;
                position: relative;

                .t1 {
                    width: 100%;
                    height: 100%;
                    .y50;
                    border: solid 1px #ffffff;
                }

                .t2 {
                    position: absolute;
                    right: 0;
                    bottom: 0;
                    width: 5.333vw;
                    height: 5.333vw;
                }
            }
        }

        .information {
            width: 49vw;
            margin-left: 3.333vw;
            line-height: 7vw;

            > div {
                .b_l_w;
            }

            .name {
                font-size: 4.267vw;
                margin-top: -.7vw;
            }

            .username {
                font-size: 3.2vw;
                color: #222;
                .box;
                .box-align-center;

                img {
                    display: inline-block;
                    width: 2.5vw;
                    margin: 0 1vw .7vw 0;
                }
            }
        }

        .go {
            height: 16vw;
            .box;
            margin-left: auto;
            align-items: flex-end;

            a {
                display: block;
                height: 8vw;
                line-height: 8vw;
                background-color: #000000;
                border-radius: 4vw;
                .bs;
                white-space: nowrap;
                padding: 0 2vw;
                .box;
                .box-align-center;
                .box-pack-center;

                img {
                    height: 3.333vw;
                    margin-right: 1.467vw;
                }
            }
        }
    }

    .wallet {
        height: 42.667vw;
        background-image: linear-gradient(90deg, #ffe26f 0%, #ffc73d 100%);
        border-radius: 2vw;
        position: relative;
        padding: 3vw 0;
        overflow: hidden;
        .box;
        .box-align-center;
        .box-wrap;

        .bg1, .bg2 {
            width: 10vw;
            height: 10vw;
            position: absolute;
        }

        .bg1 {
            left: 0;
            top: 0;
        }

        .bg2 {
            right: 0;
            bottom: 0;
        }

        .d1, .d2 {
            width: 33.333%;
            height: 10.333vw;
            padding: 0 1vw;
            color: #643400;
            position: relative;
            z-index: 1;
            .box;
            .box-tb;
            .box-pack-between;
            .center;

            b {
                font-size: 4.057vw;
            }

            b, p {
                .b_l_w;
            }

            p {
                .box;
                .box-pack-center;
                .box-align-center;

                img {
                    height: 4vw;
                    margin-right: 1vw;
                }
            }
        }

        .d1 {

            &::before {
                position: absolute;
                height: 100%;
                width: 1px;
                content: '';
                right: 0;
                top: 0;
                background: linear-gradient(to bottom,rgba(255,168,2,.2), #ffa802,rgba(255,168,2,.2));
            }
        }

        > hr {
            width: 90%;
            height: 1px;
            margin: 0 auto;
            border: none;
            background: linear-gradient(to right,rgba(255,168,2,.2), #ffa802 50%,rgba(255,168,2,.2));
        }
    }

    .title {
        .b;
        font-size: 4.267vw;
    }

    ._fans {
        .box;
        .box-pack-between;
        .box-wrap;

        a {
            border-radius: 2vw;
            border: solid 1px #e5e5e5;
        }

        .a1 {
            width: 45.333vw;
            height: 16vw;
            margin-bottom: 2.8vw;
            .box;

            > div {
                height: 100%;
                .box;
                .box-align-center;
            }

            .i {
                width: 13.867vw;
                .box-pack-center;

                img {
                    height: 7.333vw;
                }
            }

            .c {
                .box-wrap;
                padding: 1vw 0 2vw;

                b, p {
                    .b_l_w;
                }

                b {
                    font-size: 4.267vw;
                }
            }
        }

        .a2 {
            width: 29.333vw;
            height: 26.667vw;
            .center;
            line-height: 5vw;
            padding-top: 13vw;

            b {
                font-size: 3.467vw;
            }
        }

        .bg1 {
            background-image: url(/images/my-i8.png);
            background-repeat: no-repeat;
            background-size: 100% 100%;
            color: #ff8a02;
        }

        .bg2 {
            background-image: url(/images/my-i9.png);
            background-repeat: no-repeat;
            background-size: 100% 100%;
            color: #3285ff;
        }

        .bg3 {
            background-image: url(/images/my-i10.png);
            background-repeat: no-repeat;
            background-size: 100% 100%;
            color: #d12a1a;
        }
    }

    .other {
        .box;
        .box-pack-around;

        a {
            .center;
            width: 25%;

            .i {
                width: 13.333vw;
                height: 13.333vw;
                border-radius: 6.667vw;
                border: solid 1px #e5e5e5;
                .y50;
                display: inline-flex;
                .box-align-center;
                .box-pack-center;
                margin-bottom: 3.333vw;

                img {
                    height: 5.333vw;
                }
            }
        }
    }

    ._d {
        .b_k;
        height: 45.333vw;
        border-radius: 2vw;
        margin-bottom: 3.2vw;
        padding: 3.333vw 3.333vw 0;
        color: #1b1b1b;

        > div {
            .b_l_w;
        }

        .t {
            .box;
            .box-pack-between;
            .box-align-center;
            margin: 1vw 0 3vw;

            b {
                font-size: 3.733vw;
            }

            a {
                font-size: 3.2vw;
                color: #535353;
            }
        }

        .c {
            .box;
            .box-pack-between;

            div {
                .box;
                .box-tb;
                .box-align-center;
                line-height: 7.8vw;
                width: 33.33%;

                p {
                    font-size: 3.333vw;
                    color: #666;
                }

                b {
                    font-size: 4vw;
                }
            }
        }
    }
}

.fans {
    .b_l_w;
    padding: 0 3.333vw;
    font-size: 3.2vw;

    > div {
        .b_l_w;
    }

    .title {
        .box;
        .box-align-center;
        height: 16.667vw;

        b {
            font-size: 4.667vw;
        }

        a {
            margin-left: auto;
            width: 29.333vw;
            height: 8vw;
            background-color: #f34a3e;
            border-radius: 4vw;
            .box;
            .box-align-center;
            .box-pack-center;
            white-space: nowrap;
            .bs;
            font-size: 4vw;

            img {
                height: 5.333vw;
                margin-right: 2vw;
            }
        }
    }

    .block {
        .b_k;
        border-radius: 2vw;
        padding: 3.333vw 0;

        > div {
            .b_l;
            .box;
            .box-align-center;
            .w-50;
            padding-left: 3vw;
            line-height: 7vw;
            height: 18vw;

            b {
                font-size: 4.667vw;
            }

            p {
                color: #535353;
            }

            > img {
                height: 7vw;
                margin-right: 2vw;
            }

            .c {
                .box;
                .box-tb;
                .box-pack-center;
            }
        }
    }

    .list {
        .b_l_w;
        .b_k;
        border-radius: 2vw;
        padding: 0 3.333vw 3.333vw;
        margin-bottom: 3.333vw;

        > div {
            .b_l_w;
        }

        .t {
            .box;
            margin: 4.133vw 0;

            img {
                .y50;
                width: 11.467vw;
                height: 11.467vw;
                margin-right: 3.333vw;
            }

            .c {
                width: 100%;
                .box;
                .box-tb;
                .box-pack-center;
                line-height: 6vw;

                b, p {
                    .b_l_w;
                }

                b {
                    .box;
                    font-size: 4.267vw;

                    i {
                        margin-left: auto;
                    }
                }

                p {
                    color: #a0a0a0;
                }
            }
        }

        .m {
            .box;
            .box-align-center;

            div {
                .w-33;
                .center;

                b {
                    font-size: 4vw;
                }
            }

            > p {
                width: 1px;
                height: 8vw;
                background-color: #f5f5f5;
            }
        }
    }

    .search {
        margin: 4vw 0;
    }
}

.fans-detail {
    .b_l_w;
    padding: 4vw 3.333vw;
    font-size: 3.2vw;

    > div {
        .b_l_w;
    }

    .top, .list {
        .b_k;
        border-radius: 2vw;
        padding: 0 3.333vw;
    }

    .top {

        > div {
            .b_l_w;
        }

        .t {
            .box;
            .box-align-center;
            height: 27.733vw;

            img {
                width: 13.333vw;
                height: 13.333vw;
                .y50;
                margin-right: 3.2vw;
            }

            .c {
                b {
                    font-size: 4.267vw;
                    margin: -1vw 0 1.5vw;
                    display: block;
                }

                p {
                    color: #a0a0a0;
                    line-height: 5vw;
                }
            }
        }

        .m {
            .box;
            height: 10.133vw;
            line-height: 10.133vw;
            color: #1b1b1b;
            border-top: 1px solid #f5f5f5;

            span {
                margin-left: auto;
            }
        }
    }

    .tit {
        margin: 5.333vw 0 4vw;
        .box;
        .box-align-center;

        p {
            width: 1.333vw;
            height: 4vw;
            background-color: #ffdb00;
            border-radius: 0.667vw;
            margin-right: 2vw;
        }

        span {
            margin-left: auto;
            color: #1b1b1b;

            font {
                color: #ff9302;
            }
        }
    }

    .list {
        position: relative;
        overflow: hidden;
        margin-top: 2vw;

        .state {
            .center;
            .bs;
            position: absolute;
            right: 0;
            top: 0;
            width: 17.333vw;
            height: 6.667vw;
            line-height: 6.667vw;
            border-radius: 0vw 0vw 0vw 2vw;
        }

        .s0 {
            background-color: #4d982e;
        }

        .s1 {
            background-image: linear-gradient(90deg, #131313 0%, #323232 100%);
        }

        .t {
            .b_l_w;
            height: 20.667vw;
            .box;
            .box-tb;
            justify-content: space-evenly;

            p {
                font-size: 3.467vw;
                color: #a0a0a0;
            }

            > div {
                .box;
                .box-align-center;
                font-size: 3.467vw;

                b {
                    font-size: 4vw;
                    color: #ff9302;
                }

                > div {
                    .box;
                    .box-align-center;
                    margin-left: auto;
                    padding: 0 2.667vw;
                    height: 6.667vw;
                    line-height: 6.667vw;
                    background-image: linear-gradient(90deg, rgba(255, 226, 144, 0.7) 0%, #ffe290 100%);
                    border-radius: 1.333vw;
                    .b;
                    color: #ff8a02;

                    img {
                        margin-right: 2vw;
                        height: 4.267vw;
                    }
                }
            }
        }

        .m {
            .b_l_w;
            border-top: 1px solid #f5f5f5;
            height: 9.867vw;
            line-height: 9.867vw;
            font-size: 3.467vw;
            color: #a0a0a0;
        }
    }
}

.zone {
    .b_l_w;

    .van-search {
        padding: 4.667vw 3.333vw 4vw;
    }

    .van-field__control::-webkit-input-placeholder {
        color: #b7b7b9;
    }

    > div {
        .b_l_w;
    }

    .banner {
        position: relative;
        padding: 0 3.333vw;
        margin-bottom: 2vw;

        img {
            width: 100%;
            border-radius: 4vw;
            display: block;
        }
    }

    .list {
        .b_l_w;
        padding: 0 3.333vw;
        .box;
        .box-wrap;
        .box-pack-between;

        .g {
            .b_l_w;
            height: 5.333vw;
            line-height: 5.333vw;
            border-radius: 1.333vw;
            border: solid 1px #db351b;
            .b;
            .center;
            color: #d5341b;
            overflow: hidden;

            > div {
                .bs;
                float: left;
                width: 50%;
                height: 100%;
                background-color: #db351b;
                padding-right: .7vw;
                position: relative;

                &:after {
                    content: '';
                    position: absolute;
                    right: 0;
                    top: -1px;
                    width: 5.333vw;
                    height: 5.333vw;
                    background-color: #fff;
                    clip-path: circle(25% at 100% 50%);
                }
            }
        }
    }
}

.daili_x {
    height: 46px;
    background-color: #ffffff;
    border-radius: 6px;
    line-height: 43px;
    font-size: 14px;
}

.daili_x .active {
    color: #fd4b47;
}

.daili_x .active span {
    width: 36px;
    height: 3px;
    background-color: #fd4b47;
    border-radius: 2px;
    display: block;
}

.tixian_jilu .b_l_w {
    border-bottom: 1px solid #f9f9f9;
    line-height: 40px;
}

#vue-merchant-index {
    .b_l_w;
    padding: 0 3.333vw;

    .map {
        .b_l_w;
        height: 13.333vw;
        .box;
        .box-align-center;

        img {
            height: 5.333vw;
            margin-right: 2vw;
        }

        b {
            font-size: 4vw;
            margin-right: 2vw;
        }

        i {
            font-size: 4vw;
        }
    }

    ._sort {
        .b_l_w;
        font-size: 3.2vw;
        .mt10;

        a {
            .b_k;
            .center;
            margin-right: 2vw;
            width: 20vw;
            height: 8vw;
            line-height: 8vw;
            border-radius: 1.333vw;
            .b_l;
        }

        .a {
            .bs;
            background-color: #d23400;
        }

        i {
            font-size: 5vw;
            margin-top: 1.5vw;
        }
    }

    .van-popup {
        a {
            .mb10;
        }
    }
}

#vue-order-category, #vue-group-category, #vue-group-default {
    .b_l_w;
    overflow: auto;
    height: 100vh;

    .top {
        .b_l_w;
        .b_k;
        height: 13.333vw;
        .box;
        .box-align-center;
        padding: 0 3.333vw;
        position: sticky;
        top: 0;
        z-index: 1000;
        border-bottom: 1px solid #f5f5f5;

        .van-icon-bars {
            font-size: 6vw;
            margin-right: 3.333vw;
        }

        .van-search {
            padding: 0;

            .van-cell {
                padding: 0;
            }
        }

        .van-search__content {
            width: 84.667vw;
            background-color: #eee;
            border-radius: 4vw;
            height: 8vw;
        }

        .van-field__left-icon {
            .box;
            .box-align-center;

            i {
                font-size: 5vw;
                color: #8a8a8a;
            }
        }

        .van-field__control {
            font-size: 3.467vw;
            line-height: 8vw;

            &::-webkit-input-placeholder {
                color: #8a8a8a;
            }
        }
    }
}

.__sort {
    .b_l_w;
    .b_k;
    height: 14.667vw;
    border-bottom: 1px solid #f5f5f5;
    z-index: 1000;

    .van-tabs__wrap {
        height: 14.667vw !important;
    }

    .van-tab {
        height: 14.667vw;
        flex: initial !important;
        justify-content: flex-start !important;
        padding: 0 6px !important;
    }

    .van-tabs__nav--line {
        height: 14.667vw;
        padding: 0;
    }

    .van-tab__text {
        font-size: 3.2vw;
        padding: 0 2vw;
        height: 8vw;
        line-height: calc(~'8vw - 2px');
        border: solid 1px #f5f5f5;
        border-radius: 1.333vw;
        width: max-content;
    }

    .van-tab--active .van-tab__text {
        background-color: #d23400;
        .bs;
    }
}

.detail-sj {
    font-size: 24/7.5vw;

    .top {
        height: 200/7.5vw;
        border-bottom: 1px solid #f8f8f8;
        .box;
        .box-align-center;
        .b_l_w;

        > img {
            .b_l;
            .r5;
            width: 120/7.5vw;
            height: 120/7.5vw;
        }

        > div.b_l {
            width: 464/7.5vw-8vw;
            padding: 0 40/7.5vw;
            line-height: 5vw;

            .name {
                .b;
                .b_l_w;
                .mb5;
                font-size: 30/7.5vw;
            }

            p {
                color: #363636;
            }
        }

        > div.b_r {
            margin-left: auto;
            width: 166/7.5vw;

            > img {
                .b_r;
                height: 50/7.5vw;
            }

            > div {
                .b_r;
                .center;
                margin-top: 25/7.5vw;
                width: 166/7.5vw;
                height: 50/7.5vw;
                line-height: 50/7.5vw;
                border: solid 1px #333333;

                img {
                    display: inline-block !important;
                    height: 30/7.5vw;
                    vertical-align: top;
                    margin: 1vw 0 0 0;
                }

                i {
                    font-size: 30/7.5vw;
                }
            }
        }
    }

    .content {
        .b_l_w;
        padding: 0 3.33333333vw;

        .w1 {
            height: 77/7.5vw;
            line-height: 77/7.5vw;
            font-size: 28/7.5vw;

            a {
                .b_r;
                font-size: 24/7.5vw;

                i {
                    font-size: 30/7.5vw;
                    margin-left: 1.3vw;
                }
            }
        }

        .img {
            .b_l_w;

            a {
                .b_l;
                width: 30%;
                margin-right: 24/7.5vw;

                > img {
                    width: 100%;
                    height: 45vw;
                }

                &:last-child {
                    margin-right: 0;
                }

                p {
                    .b_l_w;
                    height: 58/7.5vw;
                    line-height: 58/7.5vw;
                    overflow: hidden;
                    color: #5a5959;
                }

                > div {
                    img {
                        display: inline-block !important;
                        height: 24/7.5vw;
                        vertical-align: top;
                        margin: .6vw .6vw 0 0;
                    }
                }
            }
        }
    }
}

.allowance {
    .b_l_w;
    background: linear-gradient(to bottom, #b30404 0%,#f5f5f5 90%,transparent) no-repeat;
    background-size: 100% auto;
    padding-top: 139px*.512;
    margin-top: -40px;

    .mx-auto {
        width: 705/7.5vw;

        > div {
            .b_l_w;
        }

        > .top {
            .r10;
            .b_k;
            padding: 10px 25px*.512 25px*.512;
            position: relative;
            overflow: hidden;

            > div {
                .b_l_w;
            }

            .money {
                .center;

                .m1 {
                    display: flex;
                    .box-align-center;
                    .mb30;

                    b {
                        font-size: 4.4vw;
                        .box;
                        .box-align-center;

                        i {
                            font-size: 5vw;
                            margin: .5vw 0 0 1vw;
                        }
                    }

                    a {
                        .box;
                        .box-align-center;
                        margin-left: auto;

                        img {
                            width: 4vw;
                            height: 4vw;
                            margin-right: 1.333vw;
                        }
                    }
                }

                .m2 {
                    .b_l_w;
                    margin: 0 0 10px !important;
                    .box;
                    .middle;

                    p {
                        margin: 0 auto !important;
                        .box;
                        .box-align-center;
                    }

                    b {
                        font-size: 50px*.512;

                        span {
                            font-size: 77px*.512;
                        }
                    }

                    i {
                        color: #c5c5c5;
                        font-size: 30px;
                        vertical-align: top;
                        margin: -3px 0 0 5px;
                    }
                }
            }

            > div.box {
                .mt30;
                font-size: 12px;
                display: flex !important;
                .box-pack-between;

                a {
                    .b;
                    .f16;
                    display: block;
                    color: #1cb3dc;

                    i {
                        font-size: 18px;
                    }
                }

                > div {
                    width: 30%;
                    line-height: 30px;
                    color: #939393;
                    .center;

                    p {
                        .f13;
                    }

                    b {
                        color: #000;
                        .f16;
                    }

                    > div {
                        .b;
                        .f16;
                    }
                }
            }

            .btn {
                .b_l_w;
                .mt15;
                .box;
                .box-pack-between;

                a {
                    .r5;
                    .center;
                    display: block;
                    width: 40vw;
                    height: 95px*.512;
                    line-height: 95px*.512;
                    font-size: 33px*.512;
                    font-weight: normal;
                }

                .a1 {
                    background-color: #F7E5E5;
                    color: #b30404;
                }

                .a2 {
                    background-color: #b30404;
                    .bs;
                }
            }
        }
    }
}

#vue-user-account {
    .b_l_w;

    a {
        .b_l_w;
        .box;
        .box-align-center;
        margin-bottom: 4vw;
        height: 16vw;
        background-color: #ffffff;
        border-radius: 2vw;
        padding: 0 3.333vw;
        font-size: 4vw;

        img {
            width: 4.667vw;
            height: 4.667vw;
            margin-right: 2vw;
        }

        span {
            margin-left: auto;

            i {
                margin-left: 1vw;
            }
        }
    }
}

#vue-user-exchange {
    .b_l_w;
    padding: 4vw 3.333vw;

    > div {
        .b_l_w;
    }

    .top {
        margin-bottom: 4.667vw;
        background-color: #222;
        border-radius: 3.333vw;
        padding: 0 3.333vw;

        .t {
            .b_l_w;
            height: 39.6vw;
            border-bottom: 1px solid rgba(255,255,255,.3);

            .tit {
                .b_l_w;
                .center;
                .bs;
                .b;
                font-size: 3.733vw;
                margin: 4vw 0;
            }

            .c {
                .b_l_w;
                .box;
                .box-pack-center;

                .input {
                    width: 38.333vw;

                    p {
                        .bs;
                        .b;
                        .center;
                        font-size: 3.467vw;
                        height: 10vw;
                    }

                    input {
                        .center;
                        width: 38.333vw;
                        height: 10.667vw;
                        border-radius: 1.333vw;
                        border: none;
                        font-size: 4vw;
                    }

                    span {
                        width: 38.333vw;
                        height: 10.667vw;
                        border-radius: 1.333vw;
                        border: none;
                        font-size: 4vw;
                        background-color: #fff;
                        display: flex;
                        .box-pack-center;
                        align-items: center;
                    }
                }

                img {
                    height: 4vw;
                }
            }
        }

        .m {
            .b_l_w;
            padding: 2vw 0;

            > div {
                .b_l_w;
                .box;
                .box-align-center;
                .bs;
                font-size: 4vw;
                padding: 1.8vw 0;

                b {
                    margin-left: auto;
                    font-size: 4.267vw;
                }

                img {
                    width: 5.333vw;
                    margin: .5vw 2vw 0 0;
                    vertical-align: top;
                }
            }
        }
    }

    .content {
        .b_k;
        border-radius: 3.333vw;
        padding: 0 3.333vw;

        .tit {
            .b_l_w;
            height: 10.667vw;
            border-bottom: 1px solid #f8f8f8;
            .box;
            .box-align-center;
            font-size: 3.2vw;

            b {
                font-size: 3.467vw;
                color: #d23400;
            }

            a {
                margin-left: auto;
                .box;
                .box-align-center;
                font-size: 3.2vw;

                img {
                    width: 3.333vw;
                    margin-right: 1.333vw;
                }
            }
        }

        .m {
            .b_l_w;
            padding: 2.6vw 0;

            > div {
                .b_l_w;
                padding: 1.6vw 0;
                font-size: 3.467vw;

                span {
                    .b_r;
                    .b;
                    font-size: 3.2vw;

                    b {
                        font-size: 4.267vw;
                    }
                }
            }
        }
    }

    .btn {
        .b_l_w;
        margin: 10.667vw 0 5vw;
        .center;

        .a1 {
            .b_l_w;
            height: 13.333vw;
            line-height: 13.333vw;
            background-color: #d23400;
            border-radius: 6.667vw;
            .bs;
            letter-spacing: 0.933vw;
            font-size: 4.667vw;
            margin-bottom: 4vw;
        }

        .a2 {
            font-size: 3.467vw;
        }
    }
}

.giftlog-record {
    .b_l_w;
    padding: 0 3.333vw;

    .list {
        .b_l_w;
        .b_k;
        border-radius: 2.667vw;
        padding: 0 3.333vw;
        position: relative;
        margin-bottom: 3.333vw;

        > div {
            .b_l_w;
        }

        .tit {
            .bs;
            width: max-content;
            position: absolute;
            left: 0;
            top: 0;
            font-size: 4vw;
            padding: 0 3vw;
            height: 9.333vw;
            line-height: 9.333vw;
            background-color: #1b1b1b;
            border-radius: 2.667vw 0vw 2.667vw 0vw;
        }

        .t {
            height: 9.333vw;
            line-height: 9.333vw;
            border-bottom: .133vw solid #eee;
            .right;

            b {
                font-size: 3.467vw;
            }

            .b0 {
                color: #ff0000;
            }

            .b1 {
                color: #029829;
            }

            .b2 {
                color: #9d9d9d;
            }
        }

        .p, .price {
            padding: 2vw 0;

            p {
                .b_l_w;
                font-size: 3.2vw;
                height: 5vw;
                margin: 1vw 0;

                font {
                    .b_r;
                    color: #606060;

                    b {

                        span {
                            font-size: 4.267vw;
                        }
                    }

                    .red {
                        color: #ff0016;
                    }
                }
            }
        }

        .price {
            border-bottom: .133vw solid #eee;
        }

        .c {
            .b_l_w;
            .box;
            .box-align-center;
            margin-top: 3.333vw;
            height: 17vw;

            img {
                .b_l;
                width: 13.333vw;
                height: 13.333vw;
                .y50;
            }

            > div {
                .b_l;
                .box;
                .box-align-center;
                .box-wrap;
                height: 17vw;
                width: 65.2vw;

                p {
                    .b_l_w;
                    padding-left: 3.333vw;
                }

                .name {
                    font-size: 3.733vw;
                    .b;
                }

                .username {
                    font-size: 3.2vw;
                    color: #585858;
                }

                ._price {
                    font-size: 3.2vw;

                    b {
                        font-size: 3.733vw;
                    }
                }
            }
        }

        .btn {
            line-height: 8vw;
            height: 8vw;
            font-size: 3.2vw;
            color: #606060;
            margin: 3.333vw 0 4.133vw;

            b {
                color: #ff0016;
                font-size: 3.733vw;
            }

            a {
                .b_r;
                .center;
                font-size: 3.467vw;
                width: 22.667vw;
                height: 8vw;
                border-radius: 4vw;
                border: solid 0.133vw #000000;
                margin-left: 3.333vw;
            }

            .a1 {
                color: #ff0016;
                border: solid 0.133vw #ff0016;
            }
        }

        .tip {
            margin: 3.333vw 0 4.133vw;
            padding: 0 3.333vw;
            line-height: 9.333vw;
            background-color: #f8f8f8;
            border-radius: 1.333vw;
            font-size: 3.2vw;
            color: #333333;
            letter-spacing: 0.16vw;
        }
    }
}

#vue-user-exchangelog {
    .b_l_w;
    padding: 4vw 3.333vw;
    font-size: 3.2vw;

    > div {
        .b_l_w;
        margin-bottom: 4vw;
        border-radius: 2vw;
        overflow: hidden;
    }

    .top {
        height: 26.667vw;
        background-color: #222222;
        .box;
        .box-pack-between;
        .box-align-center;
        .bs;

        > div {
            .w-50;
            .center;
            line-height: 7.5vw;

            p {
                font-size: 3.333vw;
            }

            b {
                font-size: 4.667vw;
            }
        }

        > p {
            width: 1px;
            height: 6.667vw;
            background: #fff;
        }
    }

    .list {
        .b_k;
        .b_l_w;
        margin-bottom: 4vw;
        border-radius: 2vw;
        overflow: hidden;

        .t {
            .b_l_w;
            height: 9.2vw;
            line-height: 9.2vw;
            border-bottom: 1px solid #f8f8f8;
            padding-right: 3.467vw;

            div {
                .b_l;
                .bs;
                .b;
                font-size: 3.733vw;
                padding: 0 3vw;
                height: 9.2vw;
                background-color: #222222;
                border-radius: 0 0vw 2vw 0vw;
            }

            span {
                .b_r;
            }
        }

        .c {
            .b_l_w;
            height: 20.267vw;
            .box;
            .box-pack-between;
            .box-align-center;

            div {
                .w-33;
                .center;
                line-height: 7vw;

                p {
                    font-size: 3.333vw;
                    color: #939393;
                }

                b {
                    font-size: 3.733vw;
                }
            }
        }

        .m {
            .b_l_w;
            padding: 0 3.333vw;
            height: 10.267vw;
            line-height: 10.267vw;
            border-top: 1px solid #f8f8f8;

            b {
                .b_r;
                color: #d23400;
                font-size: 4.267vw;
            }
        }
    }
}

.merchant-detail-fl {
    .b_l_w;

    > .van-tabs__wrap {
        height: 12vw;
        border-top: 1px solid #f5f5f5;
        border-bottom: 1px solid #f5f5f5;

        .van-tab {
            width: 50vw;
            background: #F5F5F5;
        }

        .van-tab--active {
            .b_k;
        }

        .van-tab--active .van-tab__text {
            font-weight: normal !important;
        }

        .van-tab__text--ellipsis {
            font-size: 4vw;
        }

        .van-tabs__nav--line {
            padding: 0;
        }

        .van-tabs__line {
            bottom: 1.6vw;
        }
    }
}

.merchant-detail-1 {
    .b_l_w;
    height: 55.067vw;
    background: url(/images/merchant-detail-1-bg1.png) no-repeat;
    background-size: 100% auto;
    position: relative;

    > img {
        position: absolute;
        width: 26.667vw;
        height: 26.667vw;
        .y50;
        top: 8vw;
        left: calc(~'50% - 13.333vw');
    }

    .c {
        .b_l_w;
        position: absolute;
        bottom: 0;
        left: 0;
        height: 27.067vw;
        background: url(/images/merchant-detail-1-bg2.png) no-repeat;
        background-size: 100% auto;
        .center;
        font-size: 4.267vw;
        padding-top: 10vw;
        line-height: 6.5vw;

        p {
            font-size: 3.467vw;
            color: #8a8a8a;
        }

        ._vip2 {
            position: absolute;
            right: 3.333vw;
            top: 0;
        }
    }
}

.merchant-detail-2 {
    .b_l_w;
    height: 46.667vw;
    background: url(/images/merchant-detail-2-bg.png) no-repeat;
    background-size: 100% auto;
    position: relative;
    padding: 4vw 3.333vw;

    .top {
        .b_l_w;
        background: rgba(255,255,255,.8);
        border-radius: 3.333vw;
        height: 26.666vw;
        position: relative;
        padding: 6.533vw 3.333vw 0;

        ._vip2 {
            position: absolute;
            right: 2vw;
            top: 0;
        }

        .c {
            height: 14.667vw;
            .box;
            .box-align-center;
            margin-bottom: 3.333vw;

            > img {
                width: 14.667vw;
                height: 14.667vw;
                .y50;
                margin-right: 3.333vw;
            }

            > div {
                width: calc(~'100% - 55px - 3.33vw');
                font-size: 4.267vw;
                line-height: 6.5vw;

                p {
                    font-size: 3.467vw;
                    color: #404040;
                }
            }
        }

        > a {
            font-size: 3.2vw;
            color: #9c5731;
            .box;
            .box-align-center;
            line-height: 4.667vw;

            img {
                height: 4.667vw;
                margin-right: 2vw;
            }

            i {
                margin-left: auto;
            }
        }
    }
}

.merchant-detail-info {
    .b_l_w;
    padding: 0 3.333vw;

    .list {
        .b_l_w;
        min-height: 13.867vw;
        .box;
        .box-align-center;
        font-size: 3.467vw;
        border-bottom: 1px solid #f5f5f5;
        padding: 2vw 0;

        > div {
            width: 80vw;
            font-size: 3.2vw;
            line-height: 5.5vw;

            p {
                .b_l_w;
                color: #000000;
                line-height: 4vw;
            }

            > div {
                .b_l_w;
                .box;
                .box-align-center;
                color: #8a8a8a;

                img {
                    height: 4vw;
                    margin-right: 1.467vw;
                }
            }
        }

        span {
            color: #666666;
            .box;
            .box-align-center;
            margin-left: 5.067vw;

            img {
                height: 3.333vw;
                margin-left: 1.867vw;
            }
        }

        a {
            font-size: 3.2vw;
            margin-left: auto;
            .center;
            border-left: 1px solid #f5f5f5;
            padding-left: 4vw;

            img {
                width: 3.333vw;
            }

            p {
                color: #8f8f8f;
            }
        }
    }

    .img {
        .b_l_w;
        padding: 4.8vw 0;

        img {
            .b_l;
            width: 28vw;
            height: 28vw;
            border-radius: 2vw;
            margin: 0 3.333vw 3.333vw 0;
            background-color: #eeeeee;

            &:nth-child(3n) {
                margin: 0;
            }
        }
    }
}

#vue-user-show {
    .b_l_w;
    background: url(/images/user-show-bg.png) no-repeat;
    background-size: 100% auto;
    padding: 0 3.333vw 10vw;

    ._times {
        .b_l_w;
        .center;
        .b;
        .bs;
        height: 17.467vw;
        line-height: 18vw;
        font-size: 4.667vw;
    }

    .content {
        .b_l_w;
        height: 97.333vw;
        background-color: #ffffff;
        box-shadow: inset 0vw 0.667vw 1.333vw 0vw rgba(210, 52, 0, 0.35);
        border-radius: 0vw 0vw 3.333vw 3.333vw;
        padding: 0 3.333vw;

        .top {
            .b_l_w;
            height: 29.2vw;
            border-bottom: 1px dashed #eee;
            .box;
            .box-align-center;
            .box-wrap;
            padding: 4vw 0;

            b {
                .b_l_w;
            }

            .b1 {
                font-size: 3.733vw;
            }

            .b2 {
                font-size: 8vw;
            }
        }

        .list {
            .b_l_w;
            .box;
            .box-pack-between;
            .box-wrap;
            margin-top: 4vw;

            > div {
                width: 41.333vw;
                height: 28vw;
                background-color: #f5f5f5;
                border-radius: 3.333vw;
                margin-bottom: 4vw;
                padding: 0 2vw;

                .t {
                    .b_l_w;
                    .box;
                    .box-align-center;
                    .box-wrap;
                    font-size: 3.467vw;
                    height: 17.333vw;
                    border-bottom: 1px dashed #b5b5b5;
                    padding: 2vw 0;

                    span, b {
                        .b_l_w;
                    }

                    b {
                        font-size: 4vw;
                    }
                }

                .m {
                    line-height: 10.133vw;
                    font-size: 3.2vw;
                    color: #8a8a8a;
                }
            }
        }
    }
}


#vue-user-auth {
    .b_l_w;
    padding: 5vw 6.667vw;

    > div, .btn {
        .b_l_w;
    }

    .tit {
        font-size: 3.2vw;
        line-height: 8vw;

        b {
            font-size: 5.333vw;
            color: #333333;
            letter-spacing: 1.067vw;
        }
    }

    .upload {
        margin: 6vw 0;
        .box;
        .box-pack-between;

        a {
            position: relative;
            .center;

            .img {
                .y50;
                width: 34.667vw;
                height: 34.667vw;
            }

            .i {
                position: absolute;
                right: 0;
                top: 25.333vw;
                width: 9.333vw;
                height: 9.333vw;
            }

            p {
                margin: 4vw 0 0;
                font-size: 3.437vw;
                color: #da1111;
            }
        }

        > img {
            width: 39.6vw;
        }
    }

    .input {
        height: 16vw;
        line-height: 16vw;
        margin-bottom: 6.667vw;
        background: #fff;
        border-radius: 8vw;
        .box;
        .box-align-center;

        div {
            width: 33vw;
            padding-right: 8.667vw;
            font-size: 4vw;
            text-align: right;
        }

        input {
            border: none;
            font-size: 4vw;
            background: transparent;
        }
    }

    .btn {
        height: 16vw;
        line-height: 16vw;
        background-image: linear-gradient(0deg, #138236 0%, #00d340 100%);
        border-radius: 8vw;
        .center;
        .bs;
        font-size: 6vw;
        letter-spacing: 1.2vw;
    }

    .tip {
        padding: 5.467vw;
        font-size: 3.467vw;
    }
}

#vue-account-select, #vue-user-info {
    .b_l_w;

    .top {
        .b_l_w;
        background: url(/images/account-select-top.png) no-repeat;
        background-size: 100% 100%;
        height: 46.667vw;
        line-height: 10vw;
        color: #333333;
        padding: 15vw 0 0 5.333vw;

        b {
            font-size: 7.333vw;
        }

        p {
            font-size: 3.467vw;
        }
    }

    .c {
        .b_l_w;
        padding: 9.333vw 4vw;

        .van-checkbox-group {
            .b_l_w;
            .box;
            .box-pack-between;
            .box-wrap;

            > div {
                width: 44vw;
                height: 14vw;
                background-color: #fff8dc;
                border-radius: 1.333vw;
                margin-bottom: 5.333vw;
                color: #69460b;
                font-size: 4vw;
                .box;
                .box-pack-center;
                position: relative;

                .van-checkbox__label {
                    margin: 0;
                }
            }

            > div[aria-checked=true] {
                .b;
                background-color: #fff1b0;
                border: solid 0.4vw #ffe87b;

                &::after {
                    content: '';
                    position: absolute;
                    right: 3.333vw;
                    top: 0;
                    width: 3.2vw;
                    height: 4vw;
                    background: linear-gradient(to bottom,#fcaf4e,#f87b2a);
                    clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 70%, 0 100%);
                }
            }
        }

        .van-checkbox__icon {
            display: none;
        }

        .van-button:disabled {
            background-color: #D2D2D2 !important;
            border: none;
        }
    }
}

#vue-user-right {
    .b_l_w;
    font-size: 3.2vw;

    > div {
        .b_l_w;
    }

    .top {
        padding: 0 3.333vw;

        .c {
            .b_l_w;
            height: 25.333vw;
            background-image: linear-gradient(90deg, #e4c080 0%, #ffebcc 100%);
            border-radius: 3.333vw 3.333vw 0 0;
            .box;
            .box-align-center;
            .box-wrap;
            padding: 3vw 0;
            position: relative;

            > div {
                .b_l_w;
                color: #7e4714;
            }

            .b {
                .box;
                .box-align-center;

                img {
                    width: 10.133vw;
                    height: 8.933vw;
                    margin: 0 1.6vw 0 2.133vw;
                }

                font-size: 4.667vw;
            }

            .p {
                font-size: 3.467vw;
                padding-left: 3.867vw;
            }

            a {
                background: url(/images/user-right-top-bg.png);
                background-size: 100% 100%;
                width: 21.067vw;
                height: 8vw;
                line-height: 6vw;
                padding-right: 2.133vw;
                .right;
                color: #ebd5b0;
                position: absolute;
                right: 0;
                top: 0;
            }
        }
    }

    .equity {
        height: 78.667vw;
        background-color: #322f4f;
        border-radius: 3.333vw;
        background-image: url(/images/user-right-equity-bg.png);
        background-repeat: no-repeat;
        background-size: 100% auto;
        .box;
        .box-align-center;
        .box-wrap;
        padding: 2vw 0 3vw;

        .tit {
            .b_l_w;
            .center;

            img {
                height: 5.867vw;
            }
        }

        .w-33 {
            .b_l;
            .center;
            line-height: 5.5vw;

            img {
                width: 13.333vw;
                height: 13.333vw;
            }

            p {
                .bs;
                font-size: 3.733vw;
            }

            span {
                color: #8a8a8a;
            }
        }
    }

    .exclusive {
        margin: 9.6vw 0 0;
        min-height: 40vw;
        background-color: #252141;
        border-radius: 3.333vw;
        border: solid 0.4vw #343052;
        padding-top: 8.4vw;
        position: relative;

        .t {
            position: absolute;
            left: 14vw;
            top: -2.933vw;
            width: 64.4vw;
            height: 11.333vw;
        }
    }

    .f {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100vw;
        background-color: #f5f6f9;
        border-radius: 4vw 4vw 0vw 0vw;
        padding: 4vw 3.333vw 0;

        .buy {
            .b_l_w;
            height: 13.333vw;
            line-height: 13.333vw;
            background-image: linear-gradient(90deg, #f4da9c 0%, #e4b964 70%);
            box-shadow: 0.667vw 0vw 1.333vw 0vw rgba(0, 0, 0, 0.5);
            border-radius: 6.667vw;
            font-size: 3.733vw;
            color: #bb8451;
            overflow: hidden;

            b {
                font-size: 5.333vw;
                color: #774b23;
                margin: 0 4vw 0 7.067vw;
            }

            a {
                .b_r;
                width: 35.2vw;
                height: 100%;
                font-size: 5.333vw;
                .bs;
                .center;
                background-color: #333333;
                clip-path: polygon(0 0, 100% 0%, 100% 100%, 15% 100%);
            }
        }

        .agreement {
            .b_l_w;
            margin: 4vw 0;
            .box;
            .box-pack-center;

            .van-checkbox__label {
                color: #8a8a8a;
            }
        }
    }

    .record {
        .b_l_w;
        background: #f5f5f5;
        padding: 4vw 3.333vw 0;

        .list {
            .b_l_w;
            .b_k;
            border-radius: 2vw;
            margin-bottom: 4vw;
            padding: 2vw 4vw;
            color: #333333;
            line-height: 6vw;

            .tit {
                .box;
                .box-align-center;
                margin: 2vw 0;

                img {
                    height: 7.867vw;
                    margin-right: 2vw;
                }

                b {
                    font-size: 4vw;
                }

                span {
                    font-size: 4vw;
                    margin-left: auto;
                }
            }

            .c {
                font-size: 3.2vw;

                span {
                    color: #767575;
                }
            }
        }
    }
}

#vue-studio-apply {
    .b_l_w;

    .c {
        .b_l_w;
        padding: 0 5.333vw 0 6.667vw;
        margin-bottom: 3.867vw;

        ul {
            .b_l_w;
            background-color: #1a72f4;
            padding-bottom: 7.733vw;

            li {
                .b_l_w;
                .bs;
                padding: 0 0 0 8.667vw;
                position: relative;

                span {
                    position: absolute;
                    width: 6vw;
                    height: 5.2vw;
                    background: url(/images/studio-apply-cb.png) no-repeat;
                    background-size: 100% 100%;
                    padding-top: 1.2vw;
                    line-height: 5.2vw;
                    .b;
                    .center;
                    font-size: 3.2vw;
                    left: -1.2vw;
                    top: 4.133vw;
                    color: #000;
                }

                div {
                    .b_l_w;
                    border-bottom: 1px solid rgba(255,255,255,.2);
                    padding-right: 5vw;

                    b {
                        .b_l_w;
                        font-size: 3.467vw;
                        margin-top: 4.8vw;
                    }

                    p {
                        .b_l_w;
                        margin: 3.467vw 0;
                        line-height: 4.8vw;
                    }
                }
            }
        }
    }

    > .btn {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        border-top: 1px solid rgba(255,255,255,.2);
        background: #1B55F3;
        padding: 4vw;

        > a {
            .b_l_w;
            .center;
            .bs;
            height: 13.333vw;
            line-height: 13.333vw;
            background-image: linear-gradient(0deg, #fe7b00 0%, #ffae45 100%);
            border-radius: 6.667vw;
            font-size: 4.8vw;
            letter-spacing: 0.48vw;
            margin-bottom: 4vw;
        }
    }
}

.sub {
    .b_l_w;
    .b_k;

    > div {
        .b_l_w;
    }

    .upload {
        .box;
        .box-pack-center;
        padding: 2.133vw 0;

        .van-uploader__upload {
            margin: 0;
            .y50;
        }

        .img {
            width: 26.667vw;
            height: 26.667vw;
            position: relative;

            .i {
                position: absolute;
                right: 0;
                bottom: 0;
                width: 8vw;
                height: 8vw;
            }
        }
    }

    .van-field__control::-webkit-input-placeholder {
        color: #999;
    }

    ._btn {
        padding: 3.733vw 4vw;

        > * {
            .b_l_w;
            height: 13.333vw;
            line-height: 13.333vw;
            letter-spacing: 0.48vw;
            .bs;
            .center;
            font-size: 4.8vw;
            background-image: linear-gradient(0deg, #fe7b00 0%, #ffae45 100%);
            border-radius: 6.667vw;
        }
    }
}

.group-index {

    > .mx-auto {
        width: 93.333vw;
    }

    .banner {
        .b_l_w;
        position: relative;

        .van-search {
            width: 100%;
            position: absolute;
            left: 0;
            top: calc(~'4vw - 10px');
            z-index: 1;

            * {
                .bs;
            }

            input {
                &::-webkit-input-placeholder {
                    .bs;
                }

                padding-left: 4vw;
            }
        }

        .van-search--show-action {
            padding-right: 3.2vw;
        }

        .van-search__content {
            background-color: rgba(0,0,0,.15);
        }

        .van-search__action {
            position: absolute;
            right: 5.2vw;
        }

        img {
            display: block;
        }

        .van-notice-bar {
            .bs;
            height: 100%;
            background-color: transparent;
        }

        .notice-swipe {
            height: 18vw;
            line-height: 18vw;
        }

        ._d {
            .box;
            .box-pack-around;
            .box-align-center;
            position: absolute;
            left: 5.6vw;
            top: 15vw;
            width: 88vw;
            height: 8vw;

            div {
                .bs;
                .box;
                .box-align-center;
                font-size: 3.333vw;
                white-space: nowrap;

                img {
                    height: 4vw;
                    margin-right: 1.333vw;
                }
            }
        }

        .z {
            position: absolute;
            bottom: -1px;
            left: 0;
            .w100;

            img {
                display: block;
            }
        }
    }

    ._v {
        .b_l_w;
        margin-top: 4vw;
        height: 86vw;
        border-radius: 4vw;
        background: url(/images/group-index-v-bg.png) no-repeat;
        background-size: 100% 100%;
        overflow: hidden;
        font-size: 3.2vw;

        .tit {
            .b_l_w;
            padding: 0 3.333vw;
            height: 15.6vw;
            color: #404040;
            position: relative;

            b {
                font-size: 5.333vw;
                color: #222;
                display: inline-block;
                margin-right: 3.333vw;
                margin-top: 2.5vw;

                span {
                    .bs;
                    display: inline-flex;
                    .box-align-center;
                    background-color: #fe7b00;
                    border-radius: 0.667vw;
                    height: 5vw;
                    font-weight: normal;
                    font-size: 3.2vw;
                    padding: 0 1vw;
                    margin-left: 3.333vw;

                    img {
                        width: 2.133vw;
                        height: 2.667vw;
                        margin-right: 1vw;
                    }
                }
            }

            a {
                position: absolute;
                right: 3.333vw;
                top: 2vw;
                color: #404040;
                .box;
                .box-align-center;
                line-height: 5vw;

                span {
                    margin-left: 1.733vw;
                }

                img {
                    width: 5.333vw;
                    height: 5.333vw;
                    margin-left: -1.333vw;
                }
            }
        }

        .chao {
            .b_l_w;
            height: 70vw;
            padding: 0 0 0 2.667vw;

            a {
                display: inline-block;
                border-radius: 1.333vw;
                width: 42vw;
                height: 100%;
                overflow: hidden;
                margin-right: 2.667vw;

                > * {
                    .b_l_w;
                }

                > img {
                    height: 42vw;
                    border-radius: 1.333vw;
                }

                .c {
                    .b_l_w;
                    padding: 1.333vw;
                }

                .name {
                    font-size: 3.333vw;
                    height: 8.533vw;
                    line-height: 4.8vw;
                    .text-hide-2;
                    color: #333;
                    white-space: initial !important;

                    span {
                        display: inline-block;
                        height: 4.5vw;
                        background-image: linear-gradient(0deg, #fe7b00 0%, #ffae45 100%);
                        border-radius: .667vw;
                        padding: 0 .667vw;
                        .bs;
                    }
                }

                .price {
                    margin: 1.5vw 0;

                    b {
                        font-size: 4.933vw;

                        span {
                            font-size: 3.2vw;
                        }
                    }

                    s {
                        .b_r;
                        margin: 1.4vw 0 0;
                        color: #b1b1b1;
                    }
                }

                .g {
                    .b_l_w;
                    height: 5.333vw;
                    line-height: 5.333vw;
                    border-radius: 1.333vw;
                    border: solid 1px #db351b;
                    .b;
                    .center;
                    color: #d5341b;
                    overflow: hidden;

                    > div {
                        .bs;
                        float: left;
                        width: 50%;
                        height: 100%;
                        background-color: #db351b;
                        padding-right: .7vw;
                        position: relative;

                        &:after {
                            content: '';
                            position: absolute;
                            right: 0;
                            top: -1px;
                            width: 5.333vw;
                            height: 5.333vw;
                            background-color: #fff;
                            clip-path: circle(25% at 100% 50%);
                        }
                    }
                }
            }
        }
    }
}

.group-list {
    .b_l_w;
    padding-top: 4vw;

    a {
        .b_l_w;
        .b_k;
        border-radius: 4vw;
        padding: 0 3.333vw;
        margin-bottom: 4vw;

        .t {
            .b_l_w;
            padding: 3.333vw 0;
            border-bottom: 1px solid #f8f8f8;
            .box;

            > img {
                width: 26.8vw;
                height: 26.8vw;
                border-radius: 2vw;
            }

            .c {
                margin-left: auto;
                width: 56.533vw;
                height: 26.8vw;
                .box;
                .box-wrap;
                align-content: space-between;

                > div {
                    .b_l_w;
                }

                .name {
                    font-size: 4vw;
                    height: 12vw;
                    line-height: 6vw;
                    .text-hide-2;
                    color: #333;
                    white-space: initial !important;

                    span {
                        display: inline-block;
                        font-size: 3.467vw;
                        height: 5.067vw;
                        line-height: 5.067vw;
                        background-image: linear-gradient(0deg, #fe7b00 0%, #ffae45 100%);
                        border-radius: .667vw;
                        padding: 0 .667vw;
                        .bs;
                    }
                }

                .s {

                    s {
                        color: #878787;
                        font-size: 4vw;
                    }
                }

                .price {
                    .box;
                    .box-align-center;

                    font {
                        .bs;
                        .center;
                        background-color: #d23400;
                        width: 4.8vw;
                        height: 4.8vw;
                        line-height: 4.8vw;
                        .y50;
                        display: inline-block;
                    }

                    b {
                        font-size: 4.8vw;
                        color: #d23400;
                        margin-left: 2vw;

                        span {
                            font-size: 3.2vw;
                            font-weight: normal;
                        }
                    }

                    div {
                        margin-left: auto;
                        height: 6.667vw;
                        line-height: 6.667vw;
                        background-color: #d23400;
                        border-radius: 1.333vw;
                        padding: 0 1.5vw;
                        font-size: 3.467vw;
                        .bs;
                        .center;
                    }
                }
            }
        }

        .m {
            .b_l_w;
            .box;
            .box-align-center;
            color: #515151;
            height: 13.2vw;

            img {
                width: 6.667vw;
                height: 6.667vw;
                .y50;
            }

            font {
                margin-left: 2.133vw;
            }

            span {
                margin-left: auto;
                color: #222;
            }
        }
    }
}

#vue-group-studio {
    .b_l_w;
    padding: 0 3.333vw;

    > div {
        .b_l_w;
    }

    >.t {
        .box;
        .box-align-center;
        height: 14.667vw;

        img {
            .y50;
            width: 6.667vw;
            height: 6.667vw;
            margin-right: 2vw;
        }

        .b;
        font-size: 4vw;
    }

    ._sort {
        .b_k;
        border-radius: 2.667vw;

        .van-tab__text {
            font-size: 3.733vw;
        }
    }

    .van-tabs {
        .b_l_w;
        margin: 4vw 0;

        .van-tab--active {
            .b;
        }

        img {
            margin-left: 19/7.5vw;
            width: 14/7.5vw;
            height: 23/7.5vw;
        }
    }
}

#vue-group-order {
    .b_l_w;
    font-size: 3.2vw;

    > div {
        .b_l_w;
    }

    .active {
        > div {
            > .van-sticky {
                border-bottom: 1px solid #f5f5f5;
            }
        }
    }

    .van-tab__text--ellipsis {
        margin: 0 0 7px;
    }

    .van-tabs__line {
        bottom: 24px;
    }

    .van-search {
        padding: 2vw 0;

        .van-search__content {
            .b_k;
        }
    }

    .list {
        padding: 0 3.333vw;

        .l {
            .b_l_w;
            .b_k;
            margin-bottom: 4vw;
            border-radius: 2.667vw;
            overflow: hidden;

            > div {
                .b_l_w;
                padding: 0 3.333vw;
            }

            .hd {
                .b_l_w;
                height: 9.333vw;
                background-color: #1b1b1b;
                .box;
                .box-align-center;
                .bs;
                font-size: 3.467vw;
                .b;

                img {
                    width: 5.333vw;
                    height: 5.333vw;
                    border: 1px solid #fff;
                    .y50;
                    margin: 0 2vw 0 1vw;
                }
            }

            .c {
                > div {
                    .b_l_w;
                }

                .t {
                    padding: 3.467vw 0;
                    border-bottom: 1px solid #f5f5f5;
                    .box;

                    > img {
                        width: 21.333vw;
                        height: 21.333vw;
                        margin-right: 3.333vw;
                        border-radius: 1.333vw;
                    }

                    .r {
                        width: calc(~'100% - 28vw');
                        .box;
                        .box-wrap;
                        align-content: space-around;

                        > div {
                            .b_l_w;
                        }

                        .name {
                            height: 5.333vw;
                            .text-hide-1;
                            font-size: 3.733vw;
                            line-height: 5.333vw;

                            span {
                                padding: 0 1.5vw;
                                height: 5.333vw;
                                background-image: linear-gradient(0deg, #fe7b00 0%, #ffae45 100%);
                                border-radius: 0.667vw;
                                .bs;
                                font-size: 3.2vw;
                                display: inline-block;
                                vertical-align: top;
                            }
                        }

                        s {
                            .b_l_w;
                            color: #878787;
                        }

                        .price {
                            .box;
                            .box-align-center;

                            font {
                                width: 4.8vw;
                                height: 4.8vw;
                                .center;
                                line-height: 4.8vw;
                                background-color: #d23400;
                                .bs;
                                display: block;
                                .y50;
                                margin-right: 1.5vw;
                            }

                            b {
                                font-size: 4.8vw;
                                color: #d23400;

                                span {
                                    font-size: 3.2vw;
                                }
                            }
                        }
                    }
                }

                .p {
                    padding: 2vw 0;

                    > div {
                        .box;
                        line-height: 7vw;

                        span {
                            .box;
                            .box-align-center;
                            margin-left: auto;
                            color: #606060;

                            img {
                                height: 3.467vw;
                                margin-left: 2vw;
                            }
                        }
                    }
                }

                .m {
                    height: 9.333vw;
                    background-color: #f8f8f8;
                    border-radius: 1.333vw;
                    padding: 0 3.333vw;
                    .box;
                    .box-align-center;
                    color: #333333;

                    img {
                        .y50;
                        width: 5.333vw;
                        height: 5.333vw;
                        margin-right: .667vw;
                    }

                    font {
                        margin-left: 1vw;
                    }

                    span {
                        margin-left: auto;
                    }
                }

                .d {
                    height: 10.667vw;
                    .box;
                    .box-align-center;

                    .success {
                        color: #009904;
                    }

                    .fail {
                        color: #1b1b1b;
                    }

                    .have {
                        color: #ff0000;
                    }

                    .cancel {
                        color: #7d7d7d;
                    }

                    > b {
                        font-size: 3.467vw;
                    }

                    > span {
                        color: #222222;
                        margin-left: auto;
                    }

                    > font {
                        color: #606060;
                        display: flex;
                        align-items: center;

                        > div {
                            .b;
                            .have;
                            font-size: 3.733vw;
                            width:20vw;
                            white-space:nowrap;
                        }
                    }
                }
            }
        }
    }
}

.group-c1 {
    padding: 0 3.333vw!important;

    .name {
        .b_l_w;
        font-size: 4.667vw;
        padding: 3.867vw 0;

        span {
            display: inline-block;
            padding: 0 2vw;
            height: 6.133vw;
            line-height: 6.133vw;
            background-image: linear-gradient(0deg, #fe7b00 0%, #ffae45 100%);
            border-radius: 0.667vw;
            vertical-align: top;
            .bs;
            font-size: 3.467vw;
            margin-right: 2.133vw;
        }
    }

    .price {
        .b_l_w;
        padding: 2.8vw 0 3.867vw;
        font-size: 3.2vw;
        line-height: 4.8vw;

        font {
            display: inline-block;
            width: 4.8vw;
            height: 4.8vw;
            .center;
            line-height: 4.8vw;
            .bs;
            .y50;
            background-color: #d23400;
            vertical-align: top;
        }

        b {
            color: #d23400;

            span {
                font-size: 3.2vw;
            }

            font-size: 4.8vw;
            margin-right: 2vw;
        }


        p {
            .b_r;
            color: #222222;
            font-size: 3.333vw;
        }
    }
}

.group-c2 {
    padding: 3.867vw 3.333vw!important;

    span {
        display: inline-flex;
        .box-align-center;
        margin-right: 2vw;
        color: #222;
        white-space:nowrap;

        &:last-child {
            margin-right: 0;
        }
    }

    img {
        height: 4vw;
    }

    i {
        font-size: 4.867vw;
    }

    img, i {
        margin-right: 1.6vw;
    }
}

.group-c3 {
    padding: 3.333vw!important;

    img {
        height: 4.667vw;
        margin-right: 2vw;
    }

    b {
        font-size: 3.733vw;
        color: #373737;
    }

    .van-cell__title {
        .box;
        .box-align-center;
    }

    .van-cell__value span {
        color: #555;
    }
}

.group-c4 {
    padding: 4vw 3.333vw!important;
    .van-cell__title {

        div {
            .box;
            .box-pack-between;
            .box-align-center;

            span {
                width: 20vw;
                .center;

                &:first-child {
                    width: 10vw;
                }

                img {
                    height: 6vw;
                }

                p {
                    color: #6f6f6f;
                }
            }

            img {
                height: 3.067vw;
            }
        }
    }
}

.group-c5 {
    padding: 4vw 3.333vw !important;
    font-size: 3.2vw;

    .img {
        width: 10.667vw;
        height: 10.667vw;
        position: relative;
        margin-right: 3.333vw;

        .img1 {
            width: 100%;
            height: 100%;
            .y50;
        }

        .img2 {
            position: absolute;
            right: 0;
            bottom: 0;
            height: 4vw;
        }
    }

    .d1 {
        display: flex;
        .box-tb;

        font {
            font-size: 4vw;
        }

        .van-count-down {
            display: inline-block;
            color: #ff0000;
        }
    }

    .d2 {
        display: flex;
        justify-content: flex-end;
        align-items: center;

        > div {
            display: flex;
            .box-tb;

            span {
                color: #292828;
            }

            font {
                color: #e60012;
            }
        }

        > a {
            width: 16vw;
            height: 6vw;
            background-color: #ff0000;
            border-radius: 1.333vw;
            .bs;
            .center;
            margin-left: 4vw;
        }
    }

    .van-cell__value{
        flex:.8!important;
    }
}

.group-c6 {
    padding: 0 3.333vw 1.333vw !important;

    .t {
        .b_l_w;
        height: 10.4vw;
        .box;
        .box-align-center;
        color: #868686;

        img {
            height: 2.667vw;
            margin: 0 2vw;
        }
    }

    .img {
        .b_l_w;
        .box;
        .box-wrap;

        img {
            width: 11.067vw;
            height: 11.067vw;
            .y50;
            margin: 0 2.4vw 2.667vw 0;

            &:nth-child(7n) {
                margin: 0 0 2.667vw 0;
            }
        }
    }
}

.showPitch {
    .b_l_w;
    font-size: 3.2vw;
    padding: 3.333vw 3.333vw 6.666vw;

    > div {
        .b_l_w;
        border-bottom: 1px solid #eee;

        &:last-child {
            border: 0;
        }
    }

    .van-cell::after{
        border:0!important;
    }

    .leader {
        padding: 3.6vw 0;
        .box;
        .box-align-center;
        font-size:4vw;

        img {
            width: 7vw;
            height: 7vw;
            .y50;
            margin: 0 2vw;
        }
    }

    .t {
        padding: 3.467vw 0;
        border-bottom: 1px solid #f5f5f5;
        .box;

        > img {
            width: 21.333vw;
            height: 21.333vw;
            margin-right: 3.333vw;
            border-radius: 1.333vw;
        }

        .r {
            width: calc(~'100% - 28vw');
            .box;
            .box-wrap;
            align-content: space-around;

            > div {
                .b_l_w;
            }

            .name {
                height: 5.333vw;
                .text-hide-1;
                font-size: 3.733vw;
                line-height: 5.333vw;

                span {
                    padding: 0 1.5vw;
                    height: 5.333vw;
                    background-image: linear-gradient(0deg, #fe7b00 0%, #ffae45 100%);
                    border-radius: 0.667vw;
                    .bs;
                    font-size: 3.2vw;
                    display: inline-block;
                    vertical-align: top;
                }
            }

            s {
                .b_l_w;
                color: #878787;
            }

            .price {
                .box;
                .box-align-center;

                font {
                    width: 4.8vw;
                    height: 4.8vw;
                    .center;
                    line-height: 4.8vw;
                    background-color: #d23400;
                    .bs;
                    display: block;
                    .y50;
                    margin-right: 1.5vw;
                }

                b {
                    font-size: 4.8vw;
                    color: #d23400;

                    span {
                        font-size: 3.2vw;
                    }
                }
            }
        }
    }

    .van-cell {
        padding: 3.333vw 0 !important;

        .van-cell__value {
            position: absolute;
            right: 28px;
        }
    }

    .btn {
        padding: 4vw 3.333vw 0;

        > a {
            .b_l_w;
            height: 10.667vw;
            line-height: 10.667vw;
            background-color: #ff0000;
            border-radius: 5.333vw;
            .center;
            .bs;
            .b;
            font-size: 4vw;
            letter-spacing: 0.6vw;
        }

        .c{
            .b_l_w;
            .box;
            .box-pack-center;
            margin-top:4vw;
        }
    }
}


.s_select {
    .b_l_w;
    padding: 0 3.133vw;
    position: relative;
    font-size: 4.2vw;

    > div {
        .b_l_w;
    }

    .t {
        height: 20.4vw;
        .box;
        .box-middle;
        .box-align-center;

        > div {
            .box;
        }

        img {
            width: 9.067vw;
            height: 10.267vw;
            margin-right: 3.2vw;
        }

        p {
            line-height: 10.267vw;
        }
    }

    .g {
        border: 1px solid #19b50d !important;
    }

    .l {
        height: 65vw;
        overflow-y: auto;
    }

    .van-cell {
        padding: 3.333vw 0 !important;
    }

    .list {
        height: 25vw;
        padding: 0 3vw;
        .box;
        .box-align-center;

        >img {
            width: 18.933vw;
            height: 18.933vw;
            border-radius: 1.333vw;
            margin-right: 4vw;
        }

        > div {
            .box;
            .box-wrap;
            align-content: space-between;
            height: 18.933vw;

            .name {
                .b_l_w;
                height: 18.933vw;
                .box;
                .box-align-center;
                .box-wrap;
                position: relative;

                b {
                    .b_l_w;
                    font-size: 4vw;
                    .text-hide-2;
                    font {
                        color: #b30404;
                    }

                    span {
                        font-size: 3.2vw;
                    }

                    span:last-child {
                        font-weight: normal;
                    }
                }

                p {
                    font-size: 3.2vw;
                }

                a {
                    position: absolute;
                    right: 0;
                    width: 17.333vw;
                    height: 5.6vw;
                    line-height:calc(~'5.6vw - 2px');
                    .center;
                    border-radius: 1.333vw;
                    border: solid 1px #b30404;
                    font-size: 3.2vw;
                    color: #b30404;
                }
            }
        }
    }

    .btn {
        .b_l_w;
        .b_k;
        height: 22.133vw;
        .box;
        .box-align-center;
        .box-middle;
        border-top: 1px solid #f0f0f0;

        input {
            width: 65.6vw;
            height: 11.333vw;
            background: #b30404;
            background-blend-mode: normal, normal;
            border-radius: 5.667vw;
            border: none;
            font-size: 4vw;
            .bs;
        }

        input[disabled] {
            background: #b6b6b6;
        }
    }
}

#vue-user-goto {
    .b_l_w;
    padding: 4vw 3.333vw;

    > div {
        .b_l_w;
    }

    .top {
        margin-bottom: 4.667vw;
        background: #b30404;
        border-radius: 3.333vw;
        padding: 0 3.333vw;

        .t {
            .b_l_w;
            height: 30.4vw;
            border-bottom: 1px solid rgba(255,255,255,.3);

            .c {
                .b_l_w;
                .box;
                .box-pack-center;
                margin-top:5.467vw;

                .input {
                    width: 38.333vw;

                    p {
                        .bs;
                        .b;
                        .center;
                        font-size: 4vw;
                        height: 10vw;
                    }

                    input {
                        .center;
                        width: 38.333vw;
                        height: 10.667vw;
                        border-radius: 1.333vw;
                        border: none;
                        font-size: 4vw;
                    }

                    span {
                        width: 38.333vw;
                        height: 10.667vw;
                        border-radius: 1.333vw;
                        border: none;
                        font-size: 4vw;
                        background-color: #fff;
                        display: flex;
                        .box-pack-center;
                        align-items: center;
                    }
                }

                img {
                    height: 4vw;
                    margin-top:.7vw;
                }
            }
        }

        .m {
            .b_l_w;
            padding: 2vw 0;

            > div {
                .b_l_w;
                .box;
                .box-align-center;
                .bs;
                font-size: 4vw;
                padding: 1.8vw 0;

                b {
                    margin-left: auto;
                    font-size: 4.267vw;
                }

                img {
                    width: 5.333vw;
                    margin: .5vw 2vw 0 0;
                    vertical-align: top;
                }
            }
        }
    }

    .content {
        .b_k;
        border-radius: 3.333vw;
        padding: 0 3.333vw;

        .tit {
            .b_l_w;
            height: 10.667vw;
            border-bottom: 1px solid #f8f8f8;
            .box;
            .box-align-center;
            font-size: 3.2vw;

            b {
                font-size: 3.467vw;
                color: #d23400;
            }

            a {
                margin-left: auto;
                .box;
                .box-align-center;
                font-size: 3.2vw;

                img {
                    width: 3.333vw;
                    margin-right: 1.333vw;
                }
            }
        }

        .m {
            .b_l_w;
            padding: 2.6vw 0;

            > div {
                .b_l_w;
                padding: 1.6vw 0;
                font-size: 3.467vw;

                span {
                    .b_r;
                    .b;
                    font-size: 3.2vw;

                    b {
                        font-size: 4.267vw;
                    }
                }
            }
        }
    }

    .btn {
        .b_l_w;
        margin: 10.667vw 0 5vw;
        .center;

        .a1 {
            .b_l_w;
            height: 12vw;
            line-height: 12vw;
            background-color: #b30404;
            border-radius: 6.667vw;
            .bs;
            letter-spacing: 0.933vw;
            font-size: 4.667vw;
            margin-bottom: 4vw;
        }

        .a2 {
            font-size: 3.467vw;
        }
    }
}

.account-user {
    .b_l_w;
    padding: 0 3.333vw;
    font-size: 3.2vw;

    > div {
        .b_l_w;
    }

    .top {
        height: 33.333vw;
        padding: 3.333vw 2.667vw 0;
        font-size: 4.267vw;
        .box;
        .box-align-center;
        .b;

        img {
            width: 16vw;
            height: 16vw;
            margin-right: 3.333vw;
        }
    }

}

.my-block {
    .b_k;
    border-radius: 2vw;
    margin-bottom: 4vw;
    overflow: hidden;

    .tit {
        .b;
        font-size: 4.267vw;
        padding: 4.533vw 4.133vw 0;
    }

    .menu {
        padding: 5.733vw 0;
        .box;

        a {
            width: 100%;
            .center;
            position:relative;

            img {
                display: inline-block;
                height: 5.333vw;
                margin-bottom: 3.867vw;
            }

            p {
                line-height: 3.2vw;
            }

            span{
                position:absolute;
                right:20%;
                top:-2vw;
                width:2vw;
                height:2vw;
                border-radius:50%;
                background:red;
            }
        }
    }
}

.search {
    .b_l_w;
    padding: 0 !important;
    height: 8vw !important;
    overflow: hidden !important;
    position: relative !important;

    .van-search__content {
        height: 100%;
        padding-left: 4vw;

        .van-cell {
            line-height: 8vw;
            padding: 0;
        }

        .van-icon {
            height: 100%;
            .box;
            .box-align-center;

            img {
                height: 4vw;
            }
        }
    }

    .van-search__action {
        position: absolute;
        width: 17.333vw;
        height: 7.2vw;
        line-height: 7.2vw;
        background-color: #ffca28;
        border-radius: 3.6vw;
        .bs;
        .center;
        font-size: 3.467vw;
        right: .4vw;
    }

    .van-field__control::-webkit-input-placeholder {
        color: #959595;
    }
}

.store-index {
    .b_l_w;
    font-size: 3.2vw;

    > div {
        .b_l_w;
    }

    > .top {
        padding: 0 3.333vw;
        height: 33.333vw;
        background-color: #ffca28;

        > div {
            .b_l_w;
        }

        .location {
            height: 13.333vw;
            .box;
            .box-align-center;

            a {
                &:last-child {
                    margin-left: auto;
                }

                .box;
                .box-align-center;

                img {
                    height: 5.333vw;
                }

                b {
                    font-size: 4vw;
                    margin-left: 2vw;
                }
            }
        }
    }

    .content {
        margin-top: -8vw;
        min-height: 8vw;
        background-color: #f5f5f5;
        border-radius: 6.667vw 6.667vw 0vw 0vw;

        .lm {
            .b_l_w;
            height: 19.733vw;
            margin: 4.667vw 0;
            clip-path: polygon(3.333vw 0%, 96.667vw 0%, 96.667vw 100%, 3.333vw 100%);

            .swiper-container {
                width: 100%;
                height: 100%;
            }

            .swiper-slide {
                display: inline-block;
                width: 20vw;
                .center;

                img {
                    height: 10.8vw;
                    margin-bottom: 1vw;
                }

                p.active {
                    color: #ffc000;
                }
            }

            .swiper-scrollbar {
                position: absolute;
                left: 43.333vw;
                width: 13.333vw;
                opacity: 1 !important;
                background: #e5e5e5;
                height: .667vw;

                .swiper-scrollbar-drag {
                    background-color: #ffca28;
                    border-radius: .667vw;
                }
            }
        }

        .mx-auto {
            width: 93.333vw;

            > div, a {
                .b_l_w;
            }

            .tabs {
                .box;

                a {
                    margin-left: auto;
                    .center;
                    max-width: 21.333vw;
                    height: 8vw;
                    line-height: 8vw;
                    border-radius: 1.333vw;
                    background: #fff;
                    font-size: 3.467vw;
                }

                .a {
                    background: #ffca28;
                }
            }

            .van-tabs {
                margin-bottom: 4vw;

                .van-tabs__wrap {
                    height: 8vw;
                }

                .van-tabs__nav--card {
                    margin: 0;
                    border: 0;
                    height: 8vw;
                }

                .van-tabs__nav {
                    background-color: transparent;
                }

                .van-tab {
                    width: 21.333vw !important;
                    border: 0;
                    padding: 0;
                    border-radius: 1.333vw;
                    background: #fff;
                    margin-right: 2.667vw;

                    .van-tab__text {
                        color: #000 !important;
                        font-size: 3.467vw;
                    }
                }
            }

            .list {
                padding: 3.333vw;
                .b_k;
                border-radius: 2vw;
                margin-bottom: 4vw;

                > div {
                    .b_l_w;
                }

                .t {
                    .box;

                    .img {
                        width: 20vw;
                        height: 20vw;
                        border-radius: 2vw;
                        margin-right: 2.667vw;

                        img {
                            width: 20vw;
                            height: 20vw;
                        }
                    }

                    .c {
                        width: 45.6vw;
                        height: 20vw;
                        .box;
                        .box-tb;
                        justify-content: space-between;

                        .title {
                            .b;
                            font-size: 4vw;
                        }

                        .views {
                            .box;

                            div {
                                .box;
                                .box-align-center;
                                white-space: nowrap;

                                img {
                                    height: 3.333vw;
                                    margin-right: 1.467vw;
                                }

                                color: #d81e06;
                            }

                            span {
                                margin-left: 4.667vw;
                                color: #1b1b1b;
                            }
                        }

                        .block {
                            .box;

                            > div {
                                height: 4.667vw;
                                line-height: 4.667vw;
                                background-color: #fff8e2;
                                border-radius: 0.667vw;
                                border: solid 1px #ffca28;
                                white-space: nowrap;
                                .box;
                                margin-right: 2.667vw;

                                .i {
                                    width: 6vw;
                                    height: calc(~'4.667vw - 2px');
                                    line-height: calc(~'4.667vw - 2px');
                                    background-color: #ffca28;
                                    .box;
                                    .box-pack-center;
                                    .box-align-center;

                                    img {
                                        height: 3.333vw;
                                        margin-right: .667vw;
                                    }
                                }

                                .z {
                                    padding: 0 1.733vw;
                                    color: #ff9302;
                                }
                            }
                        }
                    }

                    .state {
                        margin-left: auto;
                        white-space: nowrap;

                        .s0 {
                            color: #aaaaaa;
                        }

                        .s1 {
                            color: #4d982e;
                        }
                    }
                }

                .m {
                    .box;
                    .box-align-center;
                    margin-top: 3.333vw;

                    .fulladdress {
                        padding-right: 3.333vw;
                    }

                    .distance {
                        height: 3.2vw;
                        line-height: 3.2vw;
                        border-left: 1px solid #f5f5f5;
                        padding-left: 2.667vw;
                        .box;
                        .box-align-center;
                        white-space: nowrap;
                        margin-left: auto;

                        i {
                            font-size: 4vw;
                        }
                    }
                }
            }
        }
    }
}

.store-detail {
    .b_l_w;
    font-size: 3.2vw;
    padding: 40vw 0 22vw;

    > div {
        .b_l_w;
        .b_k;
    }

    .top {
        border-radius: 4vw 4vw 0vw 0vw;
        margin-bottom: 2vw;
        margin-top: -17.467vw;
        min-height: 20vw;
        padding: 0 3.333vw;
        position: relative;

        > div {
            .b_l_w;
        }

        .t {
            height: 18.8vw;
            padding-left: 24.667vw;

            > img {
                width: 21.333vw;
                height: 21.333vw;
                border-radius: 2vw;
                position: absolute;
                top: -6.533vw;
                left: 3.333vw;
            }

            .box;
            .box-tb;
            justify-content: space-evenly;
            padding: 1vw 0 3vw 24.667vw;

            .title {
                .b;
                .text-hide-1;
                font-size: 4vw;
            }

            .label {
                .box;
                line-height: 4.667vw;

                .views {
                    .box;

                    div {
                        .box;
                        .box-align-center;
                        white-space:nowrap;

                        img {
                            height: 3.333vw;
                            margin-right: 1.467vw;
                        }

                        color: #d81e06;
                    }

                    span {
                        margin-left: 4.667vw;
                        color: #1b1b1b;
                    }
                }

                .rate {
                    height: 4.667vw;
                    line-height: 4.667vw;
                    background-color: #fff8e2;
                    border-radius: 0.667vw;
                    border: solid 1px #ffca28;
                    white-space: nowrap;
                    .box;
                    margin-left: auto;
                    width: max-content;

                    .i {
                        width: 6vw;
                        height: calc(~'4.667vw - 2px');
                        line-height: calc(~'4.667vw - 2px');
                        background-color: #ffca28;
                        .box;
                        .box-pack-center;
                        .box-align-center;

                        img {
                            height: 3.333vw;
                            margin-right: .667vw;
                        }
                    }

                    .z {
                        padding: 0 1.733vw;
                        color: #ff9302;
                    }
                }
            }
        }

        .m {
            border-top: 1px solid #f5f5f5;
            padding: 4vw 0 2vw;

            .l {
                .b_l_w;
                .box;
                .box-align-center;
                min-height: 13vw;

                .c {
                    width: 100%;
                    .box;

                    ._address {
                        margin-top: -.5vw;

                        p {
                            margin-top: 2vw;
                            color: #8a8a8a;
                        }
                    }

                    ._times {
                        .box;
                        margin-top: -.5vw;

                        .b0 {
                            color: #aaaaaa;
                        }

                        .b1 {
                            color: #4d982e;
                        }

                        p {
                            width: 1px;
                            height: 100%;
                            background-color: #e5e5e5;
                            margin: 0 3.2vw;
                        }
                    }
                }

                > p {
                    width: 1px;
                    height: 5.333vw;
                    background-color: #e5e5e5;
                }

                .l-i {
                    min-width: 7.333vw;

                    img {
                        width: 3.467vw;
                    }
                }

                .r-i {
                    min-width: 10.267vw;

                    img {
                        height: 4.667vw;
                    }
                }

                .l-i, .r-i {
                    .box;
                    .box-align-center;
                    .box-pack-center;
                    height: 100%;
                }
            }
        }
    }

    .content {
        padding: 0 3.333vw;
        >div{
            .b_l_w;
        }
        .tit {
            .box;
            .box-align-center;
            height: 12.267vw;
            .b;
            font-size: 3.733vw;

            p {
                width: 0.667vw;
                height: 3.333vw;
                background-color: #ffca28;
                border-radius: 0.333vw;
                margin-right: 2vw;
            }
        }

        .w100 {
            background-color: #eeeeee;
            border-radius: 2vw;
            margin-bottom: 3.2vw;
            img{
                display:block;
            }
        }
    }

    ._f {
        position: fixed;
        left: 0;
        bottom: 0;
        height: 20vw;
        border-top: 1px solid #f5f5f5;
        .box;
        .box-align-center;
        padding: 0 4.667vw;

        .i {
            .box;
            .box-tb;
            .box-pack-center;
            white-space: nowrap;

            img {
                height: 6.667vw;
                margin-bottom: 2vw;
            }
        }

        .van-button {
            margin-left: auto;
            width: 73.333vw;
            height: 13.333vw;
            background-color: #ffca28;
            border: 0;
            font-size: 4.667vw;
            .b;
            letter-spacing: 0.707vw;
            color: #1b1b1b;
        }
    }
}

.integral {
    .b_l_w;
    font-size: 3.2vw;
    padding: 4vw 3.333vw;

    > div {
        .b_l_w;
    }

    .top {
        position: relative;
        height: 30.667vw;
        background-image: linear-gradient(90deg, #ffe26f 0%, #ffc73d 100%);
        border-radius: 2vw;
        .box;
        .box-tb;
        .box-pack-center;
        padding: 0 5.2vw;
        font-size: 3.733vw;
        color: #643400;

        b {
            font-size: 7.333vw;
            margin-top: 6.667vw;
        }

        img {
            position: absolute;
            top: 2vw;
            right: 0;
            height: 26.667vw;
        }
    }

    ._select {
        > div {
            .b_l_w;
            .box;
            .box-align-center;
        }

        .t {
            padding-top: 2.667vw;
            height: 12.667vw;
            font-size: 4vw;
            .b;

            p {
                width: 1.333vw;
                height: 4vw;
                background-color: #ffdb00;
                border-radius: 0.667vw;
                margin-right: 1.867vw;
            }

            a {
                margin-left: auto;
                font-size: 3.467vw;
            }
        }

        .m {
            height: 8vw;
            line-height: 8vw;
            margin-bottom: 4vw;

            ._date {
                width: 28vw;
                height: 8vw;
                background-color: #eeeeee;
                border-radius: 4vw;
                .b;
                font-size: 4vw;
                .center;

                i {
                    margin-left: 1.5vw;
                }
            }

            span {
                margin-left: auto;
            }

            .r {
                margin-left: auto;
                .box;
                .box-pack-between;
                padding-right: 2vw;
                width: 40vw;

                div {
                    font-size: 3.2vw;
                    color: #1b1b1b;
                    line-height: 4vw;
                    .box;
                    .box-tb;
                    .box-align-center;
                    .center;
                }
            }
        }
    }

    .list {
        .b_l_w;
        .b_k;
        border-radius: 2vw;
        overflow: hidden;
        padding: 3.333vw;
        margin-bottom: 4vw;
        .box;
        .box-align-center;

        .c {
            .box;
            .box-tb;
            line-height: 5.5vw;

            .tit {
                .box;
                .box-align-center;
                font-size: 3.733vw;
                line-height: 4.667vw;
                margin-bottom: 3vw;

                div {
                    height: 4.667vw;
                    background-color: #ffdb00;
                    border-radius: 1.333vw;
                    .center;
                    margin-right: 2vw;
                    font-size: 3.2vw;
                    padding: 0 1vw;
                }
            }

            p {
                color: #a0a0a0;
            }
        }

        .r {
            margin-left: auto;
            font-size: 4.667vw;
            .b;
        }

        .plus {
            color: #f34a3e;
        }

        .reduce {
            color: #07c160;
        }
    }
}

.coupons {
    .b_l_w;
    padding: 4vw 3.333vw;
    font-size: 3.2vw;

    > div {
        .b_l_w;
        border-radius: 2vw;
        overflow: hidden;
    }

    .top-1 {
        background: url(/images/coupons-top-1.png) no-repeat;
        background-size: 100% 100%;
        height: 30.667vw;
        margin-bottom: 4vw;
        .bs;
        padding-left: 5.2vw;
        .box;
        .box-tb;
        .box-pack-center;
        line-height: 9vw;

        p {
            font-size: 3.733vw;
        }

        b {
            font-size: 7.333vw;
        }

        a {
            .bs;
        }
    }

    .top-2 {
        background: url(/images/coupons-top-2.png) no-repeat;
        background-size: 100% 100%;
        height: 33.333vw;
        margin-bottom: 4vw;
        .bs;
        .box;
        line-height: 10vw;

        div {
            .w-50;
            .center;
            padding-top: 3vw;

            p {
                font-size: 3.733vw;
            }

            b {
                font-size: 6.333vw;
            }

            a {
                .b_l_w;
                .center;
                .bs;
                line-height: 5vw;
            }
        }

        > p {
            width: 1px;
            height: 10.667vw;
            background: rgba(255,255,255,.3);
            margin-top: 8.533vw;
        }
    }

    .mc {
        margin: 0 0 2.667vw;

        .van-tabs__wrap {
            height: 10.667vw;
        }

        .van-tab--active {
            .b;
        }

        .van-tab__text {
            font-size: 4vw;
        }
    }

    .cl {
        margin: 0 0 2.667vw;

        .van-tabs__wrap {
            height: 8vw;
        }

        .van-tabs__nav--card {
            margin: 0;
            border: 0;
            .box-pack-between;
        }

        .van-tab {
            max-width: 21.333vw;
            height: 8vw;
            background-color: #eeeeee;
            border-radius: 4vw;
            border: 0;
        }

        .van-tab__text {
            font-size: 3.467vw;
        }
    }

    ._select {
        .box;

        > div {
            width: 100%;
        }

        .van-popover__wrapper, img {
            height: 4vw;
            margin: 1vw 0 0 2vw;
        }
    }

    .list {
        .b_l_w;
        margin-bottom: 4vw;
        border-radius: 2vw;
        overflow: hidden;
        .b_k;
        padding: 0 3.333vw;
        position: relative;

        > div {
            .b_l_w;
        }

        .s1, .s2 {
            border-radius: 0vw 0vw 0vw 2vw;
            width: 17.333vw;
            height: 6.667vw;
            line-height: 6.667vw;
            .center;
            .bs;
            position: absolute;
            right: 0;
            top: 0;
        }

        .s1 {
            background: #131313;
        }

        .s2 {
            background: #4d982e;
        }

        .t {
            height: 22.667vw;
            .box;
            .box-align-center;

            .c {
                ._date {
                    .box;
                    line-height: 4.667vw;
                    font-size: 3.467vw;
                    color: #a0a0a0;

                    div {
                        min-width: 9.333vw;
                        padding: 0 1vw;
                        height: 4.667vw;
                        background-image: linear-gradient(90deg, #131313 0%, #323232 100%);
                        border-radius: 1.333vw;
                        .bs;
                        color: #a0a0a0;
                        margin-right: 1.467vw;
                        .bs;
                        .center;
                    }
                }

                .name {
                    .box;
                    line-height: 8vw;
                    margin-top: 3.333vw;

                    img {
                        width: 8vw;
                        height: 8vw;
                        border-radius: 0.667vw;
                        margin-right: 2.533vw;
                    }
                }
            }

            .r {
                .b;
                .box;
                .box-align-center;
                margin-left: auto;
                white-space: nowrap;
                font-size: 4.667vw;

                .plus {
                    color: #f34a3e;
                }

                .reduce {
                    color: #07c160;
                }

                i {
                    font-size: 4vw;
                }
            }
        }

        ._t {
            min-height: 22.667vw;
            padding: 3vw 0;
            .box;
            .box-align-center;

            .c {
                width: 100%;

                ._date {
                    .box;
                    line-height: 4.667vw;
                    font-size: 3.467vw;
                    color: #a0a0a0;

                    div {
                        min-width: 9.333vw;
                        padding: 0 1vw;
                        height: 4.667vw;
                        background-image: linear-gradient(90deg, #131313 0%, #323232 100%);
                        border-radius: 1.333vw;
                        .bs;
                        color: #a0a0a0;
                        margin-right: 1.467vw;
                        .bs;
                        .center;
                    }
                }

                .name {
                    width: 100%;
                    .box;
                    .box-pack-between;
                    line-height: 8vw;
                    margin-top: 3.333vw;

                    img {
                        width: 8vw;
                        height: 8vw;
                        border-radius: 0.667vw;
                        margin-right: 2.533vw;
                    }
                }
            }

            .r {
                .b;
                .box;
                .box-align-center;
                margin-left: auto;
                white-space: nowrap;
                font-size: 4.667vw;

                .plus {
                    color: #f34a3e;
                }

                .reduce {
                    color: #07c160;
                }

                i {
                    font-size: 4vw;
                }
            }
        }


        .m {
            border-top: 1px solid #f5f5f5;
            color: #a0a0a0;
            height: 9.2vw;
            line-height: 9.2vw;
        }
    }
}

.couponsDetail {
    .b_l_w;
    font-size: 3.2vw;
    padding: 4vw 3.333vw;

    .content {
        .b_l_w;
        .b_k;
        border-radius: 2.667vw;
        margin-bottom: 4vw;
        padding: 9.733vw 3.333vw 0;
        position: relative;
        min-height:13vw;

        > div {
            .b_l_w;
        }

        .tit {
            .box;
            .box-align-center;
            position: absolute;
            left: 0;
            top: 4vw;
            .b;
            font-size: 3.733vw;

            p {
                width: 0.667vw;
                height: 3.333vw;
                background-color: #ffca28;
                margin-right: 1.467vw;
            }
        }

        .t1 {
            .box;
            .box-align-center;
            margin: 2vw 0 1vw;
            .b;
            font-size: 4vw;
            color: #1b1b1b;

            img {
                width: 8vw;
                height: 8vw;
                border-radius: 0.667vw;
                margin-right: 2.533vw;
            }
        }

        .t2 {
            .box;
            margin: 2vw 0 1vw;

            img {
                width: 10.667vw;
                height: 10.667vw;
                .y50;
                margin-right: 2.667vw;
            }

            .c {
                height: 10.667vw;
                padding-top:1vw;
                .box;
                .box-tb;
                .box-pack-center;
                line-height:5vw;

                b {
                    font-size: 4vw;
                    color: #1b1b1b;
                }

                p {
                    color: #606060;
                }
            }
        }

        .list {
            padding: 2vw 0;
            line-height: 6vw;
            border-bottom: 1px dotted #f5f5f5;

            &:last-child {
                border: 0;
            }

            p {
                .box;

                b, span {
                    margin-left: auto;
                }

                span {
                    .box;
                    .box-align-center;

                    img {
                        margin-left: 2vw;
                        height: 3.467vw;
                    }
                }
            }
        }

        .c1 {
            color: #ff0016;
        }

        .c2 {
            color: #606060;
        }
    }
}

.share {
    .b_l_w;
    background: url(/images/share-t.png) no-repeat;
    background-size: 100% auto;
    padding-top:112vw;

    .mx-auto {
        width: 93.333vw;

        > div {
            .b_l_w;
        }
    }

    .w100 {
        margin-bottom: 8vw;

        img {
            display: block;
        }
    }

    .a {
        height: 24.533vw;
        .box;
        .box-align-center;
        position:relative;
        margin-bottom:4vw;

        a {
            .w-50;
            .bs;
            .box;
            .box-align-center;
            .box-pack-center;
            line-height:10.667vw;
            img {
                width: 10.667vw;
                .y50;
                margin: 0 3.2vw 0 0;
            }

            b {
                font-size: 4.267vw;
            }
        }

        > p {
            width: 1px;
            height: 6.667vw;
            .b_k;
        }
    }

    .content {
        position: relative;
        background-color: #fdf0df;
        box-shadow: 0vw 0vw 6.8vw 0vw rgba(179, 179, 179, 0.3);
        border-radius: 2vw;
        padding: 3.333vw;
        margin-bottom:10vw;

        .title {
            .bs;
            .center;
            font-size: 4.687vw;
            width: 53.333vw;
            height: 10.667vw;
            line-height: 10.667vw;
            background-color: #f54038;
            box-shadow: 0vw -0.4vw 0.667vw 0vw rgba(204, 42, 30, 0.3);
            border-radius: 0vw 0vw 1.333vw 1.333vw;
            position: absolute;
            left: 20vw;
            top: -4vw;
            .box;
            .box-align-center;
            .box-pack-center;

            .y1, .y2 {
                .b_k;
                .y50;
                margin: 0 1vw;
            }

            .y1 {
                width: 0.933vw;
                height: 0.933vw;
            }

            .y2 {
                width: 1.467vw;
                height: 1.467vw;
            }

            b {
                margin: 0 2vw;
            }

            &::before, &::after {
                content: '';
                width: 2.4vw;
                height: 4vw;
                background: #CC2A1E;
                position: absolute;
                top: 0;
            }

            &::before {
                left: -2.4vw;
                clip-path: polygon(100% 0, 0% 100%, 100% 100%);
            }

            &::after {
                right: -2.4vw;
                clip-path: polygon(0 0, 0% 100%, 100% 100%);
            }
        }

        .c {
            .b_l_w;
            border-radius: 2vw;
            border: solid 0.133vw #ffd8b5;
            padding: 5vw 2vw 2vw;

            .van-notice-bar {
                height: 64vw;
                padding: 0;
                background-color: transparent;

                .van-swipe__track {
                    height: 10.667vw !important;
                }

                .van-swipe-item {
                    height: 10.667vw !important;
                    line-height: 10.667vw !important;
                    .box;
                }
            }

            > div, > a {
                .b_l_w;
            }

            ._c, .scroll {
                height: 64vw;
                overflow: hidden;
                font-size: 3.733vw;
            }

            .list {
                height: 10.667vw;
                line-height: 10.667vw;
                .box;
                .box-align-center;
                white-space:nowrap;

                img {
                    width: 8vw;
                    height: 8vw;
                    .y50;
                    margin-right: 1.867vw;
                }

                p{
                    .text-hide-1;
                }

                span {
                    margin-left: auto;
                }
            }

            a, font {
                color: #f63d35;
            }

            a {
                .b;
                .center;
                margin: 2vw 0;
            }
        }
    }

    .go {
        .b_l_w;
        .center;
        .b;
        .bs;
        height: 13.333vw;
        line-height: 13.333vw;
        background-color: #000000;
        border-radius: 6.667vw;
        font-size: 4.8vw;
        letter-spacing: 0.48vw;
        margin: 6vw 0;
    }
}

.personal {
    .b_l_w;
    padding: 4vw 3.333vw;
    font-size: 3.2vw;

    > div {
        .b_l_w;
    }

    .top {
        height: 16vw;
        margin: 0 0 5.333vw 0;
        .box;
        .box-align-end;

        > img {
            width: 16vw;
            height: 16vw;
            margin-right: 2.667vw;
            border-radius: 2vw;
        }

        .c {
            height: 16vw;
            .box;
            .box-tb;
            .box-pack-center;

            b {
                font-size: 4vw;
                margin-bottom: 2.5vw;
            }

            p {
                color: #898989;
            }
        }

        ._qr {
            margin-left: auto;
            width: 20vw;
            height: 8vw;
            line-height: 8vw;
            border-radius: 2.667vw;
            border: solid 1px #1b1b1b;
            .box;
            .box-align-center;
            .box-pack-center;
            white-space: nowrap;

            img {
                height: 4.267vw;
                margin-right: 1.333vw;
            }
        }
    }

    ._wallet {
        height: 22.667vw;
        background-color: #f8f8f8;
        box-shadow: inset 0vw 1.333vw 2vw 0vw rgba(238, 238, 238, 0.3);
        border-radius: 2vw;
        .box;
        .box-align-center;
        margin-bottom: 4vw;

        > a {
            .box;
            .box-tb;
            .box-align-center;
            .w-50;

            b {
                font-size: 5.333vw;
                color: #ff9302;
            }

            p {
                .box;
                .box-align-center;
                margin-top: 2vw;

                img {
                    height: 4.667vw;
                    margin-right: 1.333vw;
                }
            }
        }

        > p {
            width: 1px;
            height: 10.667vw;
            background-color: #eeeeee;
        }
    }

    ._block {
        margin-top: 1.5vw;

        b {
            color: #1b1b1b;
            font-size: 4.667vw;
        }

        .m {
            .b_l_w;
            .box;
            .box-pack-between;
            margin-top: 2.5vw;

            > a {
                width: 45.333vw;
                height: 21.333vw;
                border-radius: 2vw;
                position: relative;
                padding: 4vw 0 0 4vw;

                img {
                    height: 14vw;
                    position: absolute;
                    right: 0;
                    bottom: 0;
                }
            }

            .m2-1 {
                background-color: #f2f4ff;
            }

            .m2-2 {
                background-color: #fffcee;
            }

            .m2-3 {
                background-color: #ffeceb;
            }

            .m2-4 {
                background-color: #f2f4ff;
            }
        }
    }

    ._today {
        background-color: #ffd440;
        border-radius: 2vw;
        position: relative;
        padding: 0 3.333vw 4vw;

        > img {
            position: absolute;
            right: 4.667vw;
            top: 4.533vw;
            width: 17.867vw;
        }

        > a, > div {
            .b_l_w;
        }

        .t {
            height: 24vw;
            .box;
            .box-tb;
            .box-pack-center;

            > p {
                color: rgba(27,27,27,.5);
                margin-bottom: 2vw;
            }

            > b {
                .box;
                .box-align-center;
                font-size: 6.667vw;
                color: #1b1b1b;

                > span {
                    margin-left: 3.333vw;
                    height: 6vw;
                    line-height: calc(~'6vw - 2px');
                    font-size: 3.2vw;
                    border-radius: 1.5vw;
                    border: solid 1px #222222;
                    padding: 0 2vw;
                    font-weight: normal;
                    position: relative;

                    > span {
                        position: absolute;
                        left: -1.5vw;
                        top: calc(~'2vw - 1px');
                        width: 4vw;
                        height: 2vw;
                        border: 1px solid #222222;
                        background: #ffd440;
                        .y50;
                        clip-path: polygon(0 0, 1.5vw 0, 1.5vw 100%, 0% 100%);
                    }
                }
            }
        }

        .c {
            position: relative;
            height: 40vw;
            background: rgba(255,255,255,.85);
            border-radius: 2vw;
            .box;
            .box-align-center;
            .box-wrap;

            div {
                width: calc(~'33.333% - 1px');
                height: 19vw;
                .box;
                .box-tb;
                .box-pack-center;
                .box-align-center;

                p {
                    color: #898989;
                    margin-bottom: 3vw;
                }

                b {
                    font-size: 4.267vw;
                }
            }

            hr {
                width: 80vw;
                height: 1px;
                margin: 0 auto;
                border: none;
                background-color: rgba(89,89,89,.1);
            }

            > p {
                width: 1px;
                height: 6.667vw;
                background-color: rgba(89,89,89,.1);
            }
        }
    }

    .van-tabs {
        .van-tabs__wrap {
            height: 15.333vw;
        }

        .van-tab__text {
            font-size: 3.467vw;
            margin-top: -1vw;
        }

        .van-tab--active .van-tab__text {
            .b;
            font-size: 3.867vw;
        }

        .van-tabs__nav--line {
            padding-bottom: 0;
        }

        .van-tabs__line {
            background: url(/images/personal-i7.png) no-repeat;
            background-size: 100% 100%;
            width: 5.733vw;
            height: 1.6vw;
            bottom: 4vw;
        }
    }

    ._data {
        background-color: #f8f8f8;
        border-radius: 2vw;
        margin: 4vw 0;
        padding: 0 3.333vw;

        .t {
            .box;
            height: 12.533vw;
            line-height: 12.533vw;
            border-bottom: 1px solid #eeeeee;

            b {
                font-size: 4vw;
            }

            span {
                color: #898989;
                margin-left: 2vw;
            }

            a {
                margin-left: auto;
            }
        }

        .c {
            .box;
            .box-align-center;
            height: 20.667vw;

            > div {
                .w-33;
                .box;
                .box-tb;
                .box-align-center;

                p {
                    color: #898989;
                    margin-bottom: 3vw;
                }

                b {
                    font-size: 4.267vw;
                }
            }

            > p {
                width: 1px;
                height: 6.667vw;
                background-color: rgba(89,89,89,.4);
            }
        }
    }

    ._menu {
        margin: 5.333vw 0 17.2vw;
        .box;
        .box-pack-between;
        padding: 0 2.533vw;

        a {
            .center;

            img {
                height: 6.667vw;
            }

            p {
                color: #333333;
                margin-top: 2vw;
            }
        }
    }

    .btn {
        padding: 0 10vw;
        margin-bottom: 10vw;

        a {
            .b_l_w;
            height: 13.333vw;
            line-height: 13.333vw;
            background-color: #ffca28;
            border-radius: 6.667vw;
            .center;
            .b;
            font-size: 4.267vw;
            letter-spacing: 0.427vw;
        }
    }
}

.store-pay {
    .b_l_w;
    padding: 0 3.333vw;

    > div {
        .b_l_w;
    }

    .top {
        padding: 0 3.333vw;
        .box;
        .box-align-center;
        height: 29.333vw;

        > img {
            width: 10.667vw;
            height: 10.667vw;
            margin-right: 2.533vw;
        }

        .c {
            .box;
            .box-tb;
            .box-pack-between;
            height: 10.667vw;

            b {
                font-size: 4vw;
                color: #1f1f1f;
            }

            p {
                color: #949494;
            }
        }

        .rate {
            height: 4.667vw;
            line-height: 4.667vw;
            background-color: #fff8e2;
            border-radius: 0.667vw;
            border: solid 1px #ffca28;
            white-space: nowrap;
            .box;
            width: max-content;

            .i {
                width: 6vw;
                height: calc(~'4.667vw - 2px');
                line-height: calc(~'4.667vw - 2px');
                background-color: #ffca28;
                .box;
                .box-pack-center;
                .box-align-center;

                img {
                    height: 3.333vw;
                    margin-right: .667vw;
                }
            }

            .z {
                padding: 0 1.733vw;
                color: #ff9302;
            }
        }
    }

    .k {
        .b_k;
        padding: 0 3.333vw;
        border-radius: 2vw;
        overflow: hidden;
        margin-bottom: 4vw;
    }

    .input {
        .k;
        height: 37.333vw;
        .box;
        .box-tb;
        .box-pack-center;

        p {
            font-size: 4.267vw;
        }

        .c {
            margin-top: 4vw;
            border-bottom: 1px solid #f2f2f2;
            .box;
            .box-align-end;
            padding: 2vw 0;

            b {
                font-size: 5.333vw;
                margin-bottom: .6vw;
            }

            input {
                width: 100%;
                font-size: 10.667vw;
                border: 0;
                margin: 0 .3vw;

                &::-webkit-input-placeholder {
                    font-size: 6vw;
                }
            }

            .van-cell {
                padding: 0;
            }
        }
    }

    .group {
        .k;
        padding: 0;

        > div {
            .b_l_w;
        }

        .van-cell {
            padding: 5.6vw 3.333vw;

            .van-cell__title {
                font-size: 4vw;
                line-height: 6.7vw;
            }

            .van-cell__left-icon {
                margin-right: 2.667vw;

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

        .van-radio-group {
            height: 6vw;
        }

        .van-radio__label {
            line-height: 6vw;
            font-size: 4vw;
        }

        .van-radio--horizontal {
            margin: 0 4vw;
        }

        .van-cell__left-icon, .van-cell__right-icon, .van-radio__icon .van-icon {
            width: 6vw;
            height: 6vw;
        }

        [class*=van-hairline]::after {
            border: 0;
        }
    }

    ._d {
        .k;

        .t {
            height: 16vw;
            .box;
            .box-align-center;
            border-bottom: 1px solid #f8f8f8;

            img {
                width: 6vw;
                height: 6vw;
                margin-right: 3.333vw;
            }

            .c {
                font-size: 4vw;

                p {
                    margin-top: 2vw;
                    font-size: 3.2vw;
                    color: #959595;
                }
            }

            > p {
                margin-left: auto;
            }
        }

        .m {
            height: 11.2vw;
            .box;
            .box-align-center;

            > b {
                font-size: 4vw;
            }

            > p {
                margin-left: auto;
                color: #dd0303;

                span {
                    font-size: 3.2vw;
                }

                b {
                    font-size: 4.667vw;
                }
            }
        }
    }

    .tip {
        .b_k;
        border-radius: 2vw;
        .box;
        .box-tb;
        padding: 3vw;

        > b {
            font-size: 3.733vw;
            margin-bottom: 2vw;
        }

        > div {
            font-size: 3.2vw;
            line-height: 6vw;
            color: #313131;
        }
    }

    .btn {
        padding: 10vw 6.667vw 17.333vw;

        button {
            border: 0;
            width: 100%;
            background-color: #ffca28;
            font-size: 4.8vw;
            .b;
        }
    }
}

.store-today-0 {
    .b_l_w;
    padding: 4vw 0 0;
    font-size: 3.2vw;

    .mx-auto {
        width: 93.333vw;

        > div {
            .b_l_w;
        }
    }

    .content {
        height: 37.333vw;
        background-image: linear-gradient(90deg, #ffca28 0%, #ffd550 100%);
        border-radius: 2vw;
        box-shadow: 0 0 3vw #ffd550;
        position: relative;
        .box;
        .box-tb;
        .box-pack-center;
        padding: 0 4.533vw;
        .b;

        .tit {
            font-size: 4vw;
            margin-bottom: 4vw;
        }

        .price {
            font-size: 6.667vw;
            margin-bottom: 6vw;
        }

        .m {
            .box;

            span {
                margin-left: auto;
            }
        }

        > img {
            position: absolute;
            height: 100%;
            right: 0;
            top: 0;
        }
    }

    .d {
        margin-top: -4vw;
        padding-top: 4vw;
        height: 13.333vw;
        background-color: #ffecb3;
        border-radius: 2vw;
        .box;
        .box-align-center;
        .box-pack-center;
        color: #ff9302;

        i {
            font-size: 4vw;
            margin: .3vw 2vw 0 0;
        }
    }
}

.store-today {
    .b_l_w;
    padding: 4vw 0 0;
    font-size: 3.2vw;

    .mx-auto {
        width: 93.333vw;

        > div {
            .b_l_w;
        }
    }

    .content {
        height: 37.333vw;
        background-image: linear-gradient(90deg, #ffca28 0%, #ffd550 100%);
        border-radius: 2vw;
        box-shadow: 0 0 3vw #ffd550;
        position: relative;
        .box;
        .box-pack-center;

        > div {
            width: 43%;
            .box;
            .box-tb;
            .box-align-center;
            position: relative;
            z-index: 1;
        }

        > p {
            width: 1px;
            height: 16vw;
            background: rgba(255,255,255,.5);
            margin: 0 4vw;
        }

        &::before {
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            width: 18.133vw;
            height: 19.467vw;
            background: url(/images/affair-asset-bg.png) no-repeat;
            background-size: 100% 100%;
        }

        .tit {
            font-size: 3.733vw;
            margin-bottom: 4vw;
        }

        .price {
            font-size: 5.333vw;
            margin: 0 0 2.5vw -2vw;
            .b;
        }

        .to {
            .b;
            color: #0d47a1 !important;

            i {
                color: #0d47a1 !important;
            }
        }

        .m {
            .box;

            span {
                margin-left: auto;
            }
        }

        > img {
            position: absolute;
            height: 100%;
            right: 0;
            top: 0;
        }
    }

    .d {
        margin-top: -4vw;
        padding-top: 4vw;
        height: 13.333vw;
        background-color: #ffecb3;
        border-radius: 2vw;
        .box;
        .box-align-center;
        .box-pack-center;
        color: #ff9302;

        i {
            font-size: 4vw;
            margin: .3vw 2vw 0 0;
        }
    }
}

.store-order {
    .b_l_w;
    position: relative;
    padding: 12vw 0 0;
    font-size: 3.2vw;

    ._select {
        position: fixed;
        left: 0;
        width: 100vw;
        height: 12vw;
        line-height: 12vw;
        .b_k;
        padding: 0 3.467vw;
        .box;
        z-index: 999;

        > a {
            height: 100%;
            .box;
            .box-align-center;

            &:last-child {
                margin-left: auto;
            }

            font-size: 4vw;
            .b;

            i {
                font-size: 5vw;
                margin-left: 1.867vw;
            }
        }
    }

    >.b_l_w:nth-child(2){
        ._day:first-child{
            .b_k;
            margin-bottom:4vw;
        }
    }

    ._day {
        .b_l_w;
        height: 13.333vw;
        line-height: 13.333vw;
        padding: 0 3.333vw;
        .box;

        b {
            font-size: 4vw;
        }

        .c {
            margin-left: auto;
            width: 50vw;
            .box;
            .box-pack-between;
            .box-align-center;
            line-height: 4vw;
            .center;
        }
    }

    .mx-auto {
        width: 93.333vw;

        > div {
            .b_l_w;
        }

        .list {
            .b_k;
            border-radius: 2vw;
            .box;
            .box-tb;
            padding: 3.333vw;
            margin-bottom: 4vw;

            > div {
                .box;
                .box-align-center;
                color: #707070;

                > span {
                    margin-left: auto;
                }
            }

            ._o {
                line-height: 4vw;

                font {
                    font-size: 3.467vw;
                }

                span {
                    font-size: 3.733vw;
                }
            }

            ._n {
                margin: 4vw 0;

                img {
                    width: 12vw;
                    height: 12vw;
                    .y50;
                    margin-right: 2.533vw;
                }

                .c {
                    height: 12vw;
                    .box;
                    .box-tb;
                    .box-pack-around;

                    b {
                        font-size: 4vw;
                        color: #1b1b1b;
                    }

                    p {
                        color: #a0a0a0;
                    }
                }

                span {
                    font-size: 3.467vw;
                }
            }

            ._t {
                font-size: 3.467vw;

                > span {
                    color: #1b1b1b;
                    font-size: 3.2vw;


                    font {
                        font-size: 3.2vw;
                    }

                    b {
                        font-size: 4vw;
                        color: #ff9302;
                    }
                }
            }
        }
    }
}

.store-asset {
    .b_l_w;

    .mx-auto {
        width: 93.333vw;

        > div {
            .b_l_w;
        }
    }

    .top {
        position: relative;

        > img {
            position: absolute;
            width: 14.4vw;
            right: 5.333vw;
            top: 8vw;
        }

        ._rata {
            height: 6.667vw;
            .box;
            .box-align-center;
            margin-top: 6vw;

            b {
                font-size: 4vw;
            }

            div {
                height: 6.667vw;
                line-height: 6.667vw;
                background-color: rgba(255,255,255,.4);
                border-radius: 3.333vw 3.333vw 3.333vw 0vw;
                .box;
                .box-align-center;
                padding: 0 2.533vw;
                margin-left: 3.867vw;

                b {
                    font-size: 3.467vw;
                }

                img {
                    height: 3.2vw;
                    margin: 0 0 0 1vw;
                }

                .b1 {
                    color: #ff0000;
                }

                .b2 {
                    color: #00BA00;
                }
            }
        }

        .number {
            .b;
            font-size: 8vw;
            margin: 6vw 0;

            span {
                font-size: 4vw;
            }
        }

        .c {
            height: 22.667vw;
            background-color: rgba(255,255,255,.4);
            border-radius: 2vw;
            border: solid 1px #ffffff;
            .box;
            .box-align-center;

            div {
                .w-33;
                .box;
                .box-tb;
                .box-align-center;

                b {
                    margin-top: 4vw;
                    font-size: 4.267vw;
                }
            }

            > p {
                width: 1px;
                height: 6.667vw;
                background-color: #1b1b1b;
            }
        }

        .reload {
            height: 13.333vw;
            line-height: 13.333vw;
            .box;
            .box-align-center;
            margin-bottom: 5vw;

            a {
                border: 1px solid #1b1b1b;
                color: #1b1b1b;
                padding: 0 1.333vw;
                height: 5.333vw;
                line-height: calc(~'5.333vw - 2px');
                border-radius: 0.667vw;
                .box;
                .box-align-center;
                margin-left: auto;

                img {
                    height: 3.333vw;
                    margin-left: 1vw;
                }
            }

            .rotate {
                animation: rotate .5s linear;
            }
        }
    }

    .r {
        .b_l_w;
        .b_k;
        min-height: 10vw;
        margin-top: -5vw;
        border-radius: 2.667vw 2.667vw 0vw 0vw;

        .tit {
            margin: 4.667vw 0;
            height: 6vw;
            line-height: 6vw;
            .box;
            .box-align-center;

            b {
                font-size: 4.267vw;
            }

            a {
                margin-left: auto;
                width: 26.667vw;
                height: 6vw;
                background-color: #ffecb3;
                border-radius: 0.667vw;
                .box;
                .box-align-center;
                .box-pack-center;
                color: #1b1b1b;

                img {
                    height: 4vw;
                    margin-right: 1.333vw;
                    border-radius: 0.667vw;
                    font-size: 3.2vw;
                }
            }
        }

        .van-tabs, .van-tabs__nav, .van-tabs__wrap {
            height: 10.933vw;
            margin: 0;
            border-radius: 1.333vw;

            .van-tab__text {
                .b;
                font-size: 4.267vw;
                letter-spacing: 0.64vw;
            }
        }

        .c {
            margin-top: 4vw;
            height: 40vw;
            background-color: #fff8e2;
            border-radius: 2vw;
            border: solid 1px #ffca28;
            .box;
            .box-wrap;
            .box-align-center;

            > p {
                width: 1px;
                height: 6.667vw;
                background-color: rgba(27,27,27,.5);
            }

            > div {
                width: 45vw;
                .box;
                .box-tb;
                .box-align-center;
                color: #1b1b1b;

                b {
                    margin-top: 3vw;
                    font-size: 4.267vw;
                }
            }
        }
    }

    #main {
        .b_l_w;
        height: 80vw;
    }
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.order-detail {
    .list {
        .b_l_w;
        .b_k;
        border-radius: 2.667vw;
        padding: 0 3.333vw;
        position: relative;
        margin-bottom: 3.333vw;

        > div {
            .b_l_w;
        }

        .tit {
            .bs;
            width: max-content;
            position: absolute;
            left: 0;
            top: 0;
            padding: 0 3vw;
            height: 9.333vw;
            line-height: 9.333vw;
            background-color: #1b1b1b;
            border-radius: 2.667vw 0vw 2.667vw 0vw;
        }

        .t {
            height: 9.333vw;
            line-height: 9.333vw;
            .box;

            .s {
                .box;
                .box-align-center;
                .b;
                font-size: 3.867vw;

                img {
                    width: 5.333vw;
                    height: 5.333vw;
                    border-radius: 1.333vw;
                    margin-right: 2vw;
                }
            }

            b {
                margin-left: auto;
                font-size: 3.467vw;
            }

            .b0 {
                color: #ff0000;
            }

            .b1 {
                color: #029829;
            }

            .b2 {
                color: #9d9d9d;
            }
        }

        .p, .price {
            padding: 2vw 0;

            p {
                .b_l_w;
                font-size: 3.2vw;
                height: 5vw;
                margin: 1vw 0;

                font {
                    .b_r;

                    b {

                        span {
                            font-size: 4.267vw;
                        }
                    }

                    .red {
                        color: #ff0016;
                    }
                }
            }
        }

        .p {
            padding: 2vw 0 0;

            font {
                color: #606060;
            }
        }

        .price {
            border-bottom: .133vw solid #eee;
        }

        .c {
            .b_l_w;
            margin-top: 3.333vw;

            img {
                .b_l;
                width: 21.333vw;
                height: 21.333vw;
                border-radius: 2vw;
            }

            > div {
                .b_l;
                .box;
                .box-align-center;
                .box-wrap;
                height: 21.333vw;
                width: 65.2vw;

                p {
                    .b_l_w;
                    padding-left: 3.333vw;
                }

                .p1 {
                    font-size: 3.733vw;
                    .text-hide-1;
                }

                .p2 {
                    .box;
                    font-size: 3.2vw;
                    color: #898989;
                    width: 100%;

                    span {
                        margin-left: auto;
                    }
                }
            }
        }

        ._c {
            .b_l_w;
            margin-top: 3.333vw;

            img {
                .b_l;
                width: 13.333vw;
                height: 13.333vw;
                border-radius: 2vw;
            }

            > div {
                .b_l;
                .box;
                .box-align-center;
                .box-wrap;
                height: 13.333vw;
                width: 73.2vw;

                p {
                    .b_l_w;
                    padding-left: 3.333vw;
                }

                .p1 {
                    font-size: 3.733vw;
                    .text-hide-1;
                }

                .p2 {
                    .box;
                    font-size: 3.733vw;

                    font {
                        font-size: 3.2vw;
                    }

                    span {
                        margin-left: auto;
                        font-size: 3.2vw;

                        b {
                            color: #ff0000;
                            font-size: 4.267vw;
                        }
                    }
                }
            }
        }

        .toggle {
            padding: 2vw 0;
            .center;
            color: #606060;
            font-size: 3.2vw;
        }

        .btn {
            line-height: 8vw;
            height: 8vw;
            font-size: 3.2vw;
            color: #606060;
            margin: 3.333vw 0 4.133vw;

            b {
                color: #ff0016;
                font-size: 3.733vw;
            }

            a {
                .b_r;
                .center;
                font-size: 3.467vw;
                width: 20vw;
                height: 8vw;
                border-radius: 4vw;
                border: solid 1px #000000;
                margin-left: 2vw;
            }

            .a1 {
                color: #ff0016;
                border: solid 1px #ff0016;
            }
        }

        .tip {
            margin: 3.333vw 0 4.133vw;
            padding: 0 3.333vw;
            line-height: 9.333vw;
            background-color: #f8f8f8;
            border-radius: 1.333vw;
            font-size: 3.2vw;
            color: #333333;
            letter-spacing: 0.16vw;
        }
    }
}

.mdetail-1 {
    .b_l_w;
    padding: 0 3.333vw;
    font-size: 3.2vw;
    background: url(/images/mdetail-1-bg.png) no-repeat;
    background-size: 100% auto;

    > div {
        .b_l_w;
    }


    .top {
        .b_k;
        border-radius: 2vw;
        overflow: hidden;
        margin-bottom:4vw;

        > div {
            .b_l_w;
        }

        .tabs {
            .box;

            > div {
                .w-50;
                height: 12vw;
                line-height: 12vw;
                font-size: 4vw;
                .b;
                .center;
                color: #ff9302;

                &:nth-child(1) {
                    border-radius: 0 0 2vw 0;
                }

                &:nth-child(2) {
                    border-radius: 0 0 0 2vw;
                }
            }

            .a {
                background-color: #ffca28;
                color: #1b1b1b;
            }
        }

        .c {
            padding: 0 3.333vw;

            > div {
                .b_l_w;
            }

            .address {

                > div {
                    .b_l_w;
                }

                ._c {
                    .b_l_w;
                    padding: 3vw 0;
                    line-height: 6vw;

                    .name {
                        .box;
                        .box-align-center;

                        > b {
                            font-size: 4vw;
                        }

                        a {
                            margin-left: auto;

                            b {
                                color: #ff9302;
                            }

                            i {
                                color: #7d7d7d;
                            }
                        }
                    }

                    .label {
                        color: #898989;
                    }

                    .map {
                        .box;
                        .box-align-center;
                        white-space: nowrap;
                        color: #898989;

                        img {
                            height: 3.333vw;
                        }

                        span {
                            display: block;
                            margin: 0 1vw;
                            color: #ff9302;
                        }
                    }
                }

                .input {
                    .box;
                    .box-align-center;
                    min-height: 11.333vw;
                    border-top: 1px solid #f5f5f5;
                    white-space: nowrap;

                    input {
                        border: none;
                        padding: 0 2.533vw;
                        width: 35vw;
                    }

                    .van-radio-group {
                        margin-left: auto;
                    }
                }
            }
        }
    }

    .state {
        height: 14.667vw;
        .box;
        .box-align-center;
        padding: 0 2vw;
        font-size: 4.667vw;
        .b;

        img {
            width: 6.667vw;
            margin-right: 3.333vw;
        }
    }

    ._address {
        .b_k;
        border-radius: 2vw;
        margin-bottom: 4vw;
        padding: 3.333vw;
        font-size: 3.467vw;

        > div {
            .b_l_w;
        }

        img {
            height: 4vw;
            margin-right: 2.667vw;
        }

        .t {
            .box;
            .box-align-center;
        }

        .m {
            padding: 2vw 0 0 6.133vw;
        }
    }
}

.mdetail-2 {
    .b_l_w;
    padding: 0 6.667vw;
    background: linear-gradient(#FDD149,#f5f5f5) no-repeat;
    background-size: 100% 75vw;
    min-height: 75vw;
    position: relative;

    &::before {
        content: '';
        width: 90.667vw;
        height: 2.667vw;
        background-color: #ffca28;
        border-radius: 1.333vw;
        position: absolute;
        left: 4.667vw;
        top: 36.533vw;
    }

    > div {
        .b_l_w;
    }

    .top {
        height: 37.867vw;
        .box;
        .box-tb;
        .box-pack-center;
        .center;

        b {
            font-size: 6.667vw;
            margin-top: 2vw;
        }

        img {
            height: 10.667vw;
        }
    }

    .mdetail-d {
        position: relative;
        border-radius: 0vw 0vw 2vw 2vw;
        box-shadow: 0vw 0vw 1.333vw 0vw rgba(137, 137, 137, 0.3);
        padding-top:4vw;
    }
}

.mdetail-d {
    .b_k;
    border-radius: 2vw;
    margin-bottom: 4vw;
    padding: 3.333vw;

    p {
        .box;
        line-height: 6.4vw;

        > * {
            margin-left: auto;
        }

        b {
            font-size: 3.733vw;

            span {
                font-size: 3.2vw;
            }
        }

        > span {
            color: #606060;
        }

        a {
            span {
                color: #606060;
            }
        }

        font {
            max-width: 70vw;
        }
    }

    .h {
        width: 100%;
        height: 1px;
        background: #eee;
        margin: 2vw 0;
    }

    .p {
        width: 100%;
        border-bottom: 1px solid #eee;
        height: 16.533vw;
        line-height: 12.533vw;
        .center;
        .b;
        font-size: 9.333vw;
        color: #1b1b1b;
        margin-bottom: 3vw;

        span {
            font-size: 4.667vw;
        }
    }

    .red {
        color: #ff0016;
    }

    b.red {
        font-size: 4.267vw;
    }
}

.affair-login {
    .b_l_w;
    padding: 0 10vw;
    font-size: 3.2vw;

    > div {
        .b_l_w;
    }

    .logo {
        height: 71.867vw;
        .box;
        .box-tb;
        .box-pack-center;
        .center;

        b {
            font-size: 5.333vw;
        }

        img {
            margin-bottom: 5vw;
            height: 29.333vw;
        }
    }

    .tit {
        height: 42.533vw;
        line-height: 42.533vw;
        .b;
        font-size: 6.667vw;
    }

    .input {
        height: 12vw;
        .box;
        .box-align-center;
        .b_k;
        border-radius: 6vw;
        position: relative;
        margin-bottom: 8vw;

        .i {
            min-width: 13.333vw;
            height: 100%;
            .box;
            .box-center-center;
            padding-left: 1vw;

            img {
                height: 5.333vw;
            }
        }

        input {
            .b_l;
            width: 40vw;
            border: 0;
            font-size: 3.733vw;
            height: 100%;
            background: transparent;

            &::-webkit-input-placeholder {
                color: #818181;
            }
        }

        .hqyzm {
            .bs;
            background: #29b5f6;
            border: 0;
            height: 6.667vw;
            line-height: 6.667vw;
            white-space: nowrap;
            position: absolute;
            right: 2.667vw;
            width: 22.667vw;
            font-size: 3.2vw;
            border-radius: 6vw;
        }

        i {
            margin: 0 5.333vw 0 auto;
        }
    }

    .btn {
        margin: -4vw 0 3.333vw;
        .right;
        padding-right: 5.467vw;
        font-size: 3.467vw;

        a {
            letter-spacing: 0.32vw;
        }
    }

    > a, .submit {
        .b_l_w;
        .center;
        height: 12vw;
        background-color: #29b5f6;
        border-radius: 6vw;
        line-height: 12vw;
        border: 0;
        font-size: 4.667vw;
        letter-spacing: 0.467vw;
        margin: 6.8vw 0;
        .b;
        .bs;
    }
}

.affair-k {
    background: rgba(255,255,255,.4);
    border-radius: 2vw;
    border: solid 1px #fff;
    margin-bottom: 4vw;
}

.affair {
    .b_l_w;
    padding: 16.667vw 5.333vw 0;
    position: relative;
    font-size: 3.2vw;

    .thumurl {
        width: 21.333vw;
        height: 21.333vw;
        .y50;
        border: 2vw solid #fff;
        position: absolute;
        left: 9.333vw;
        top: 7.333vw;
    }

    > p {
        font-size: 3.733vw;
        .b;
        position: absolute;
        right: 5.6vw;
        top: 10.5vw;
    }

    > div {
        .b_l_w;
    }

    ._wallet {
        height: 46.667vw;
        background: rgba(255, 255, 255, 0.4);
        border-radius: 2vw;
        border: solid 1px #ffffff;
        margin-bottom: 4vw;
        .box;
        .box-align-center;
        .box-pack-between;
        .box-wrap;

        > p {
            width: 1px;
            height: 13.467vw;
            background-color: #C4E8FA;
        }

        > hr {
            width: 82.667vw;
            height: 1px;
            background-color: #C4E8FA;
            border: none;
            margin: 0 auto;
        }

        a {
            width: calc(~'33.333% - 1px');
            height:23vw;
            .box;
            .box-tb;
            .box-align-center;
            .box-pack-center;
            color: #1b1b1b;

            b {
                font-size: 5vw;
            }

            p {
                .box;
                .box-align-center;
                margin: 2vw 0 0;

                img {
                    height: 3.467vw;
                    margin: .5vw 1vw 0 0;
                }
            }
        }
    }

    .top {
        .affair-k;

        .t {
            height: 25.067vw;
            padding: 0 2vw 0 31.467vw;
            .box;
            .box-tb;
            .box-pack-center;
            line-height: 6vw;

            b {
                font-size: 4.667vw;
                .text-hide-1;
            }

            p {
                color: #707070;
            }
        }

        .m {
            .box;
            .box-pack-around;
            margin: 2vw 0 6vw;

            div {
                .box;
                .box-tb;
                .center;
                width: 100%;

                img {
                    height: 7.333vw;
                    margin-bottom: 3vw;
                }

                b {
                    font-size: 3.733vw;
                    color: #1b1b1b;
                    margin-bottom: 1vw;
                    line-height: 5.5vw;
                }

                p {
                    color: #707070;
                }
            }
        }
    }

    .menu {
        .affair-k;
        margin: 0 0 8vw;
        padding-bottom: 2vw;

        > div {
            .b_l_w;
        }

        .tit {
            padding: 3.333vw;
            .b;
            font-size: 4vw;
        }

        .box;
        .box-wrap;

        a {
            .w-25;
            .box;
            .box-tb;
            .box-pack-center;
            .center;
            margin: 3vw 0 4vw;

            img {
                height: 6.667vw;
                margin-bottom: 3vw;
            }

            p {
                color: #1b1b1b;
            }
        }
    }

    .btn {
        padding: 4vw 11.333vw 12vw;

        a {
            .b_l_w;
            .center;
            .bs;
            height: 10.667vw;
            line-height: 10.667vw;
            background-color: #29b5f6;
            border-radius: 5.333vw;
            font-size: 4vw;
            .b;
            letter-spacing: 0.6vw;
        }
    }
}

.affair-check {
    .b_l_w;
    font-size: 3.2vw;

    .c1 {
        color: #29b5f6;
    }

    .top {
        .b_l_w;
        .box;
        .box-align-center;
        height: 20.667vw;
        padding: 0 4vw;

        .thumurl {
            width: 10.667vw;
            height: 10.667vw;
            .y50;
            margin-right: 2.667vw;
        }

        .c {
            .box;
            .box-tb;
            .box-pack-between;
            height: 10.667vw;

            b {
                font-size: 4.267vw;
            }

            p {
                color: #7d7d7d;
            }
        }

        ._qr {
            margin-left: auto;
            height: 6.667vw;
        }
    }

    .gauge {
        .b_l_w;
        .box;
        .box-pack-center;
        position: relative;

        .gaugeMeter {
            width: 90vw !important;

            > span {
                .dis;
            }

            canvas {
                width: 90vw;
                height: 90vw;
            }
        }

        .c {
            position: absolute;
            .center;
            .box;
            .box-tb;
            height: 80vw;
            .box-pack-center;

            > p {
                .box;
                .box-tb;
                color: #1b1b1b;
                font-size: 4.267vw;
                margin-bottom: 4vw;
            }

            > b {
                font-size: 10.667vw;
                .c1;
            }
        }

        .d {
            width: 100%;
            position: absolute;
            bottom: 3vw;
            .box;
            .box-pack-around;
            padding: 0 8.4vw;

            div {
                .center;
                .box;
                .box-tb;
                font-size: 4.267vw;
                line-height: 7vw;

                b {
                    font-size: 5.333vw;
                }
            }
        }
    }

    .btn {
        .b_l_w;
        padding: 0 10vw;

        a {
            .b_l_w;
            .center;
            height: 12vw;
            line-height: 12vw;
            background-color: #29b5f6;
            border-radius: 6vw;
            .bs;
            font-size: 4.667vw;
            letter-spacing: 0.707vw;
            margin: 1vw 0 6.667vw;
        }
    }

    > .mx-auto {
        width: 89.333vw;

        > div {
            .b_l_w;
            .affair-k;
        }
    }

    ._month {
        height: 29.333vw;
        .box;
        align-items: center;

        .g {
            width: 30.667vw;
            .box;
            .box-align-center;
            .box-pack-center;
            position: relative;

            .gaugeMeter {
                width: 29.333vw !important;

                > span {
                    .dis;
                }

                canvas {
                    width: 29.333vw;
                    height: 29.333vw;
                }
            }

            ._c {
                position: absolute;
                .box;
                .box-tb;
                .center;

                p {
                    color: #1b1b1b;
                    margin-bottom: 2vw;
                }

                b {
                    font-size: 4.667vw;
                    .c1;
                }
            }
        }

        .c {
            width: 56vw;
            .box;
            .box-tb;
            .box-pack-center;
            color: #1b1b1b;

            > b {
                .box;
                font-size: 4vw;
                margin-bottom: 3vw;

                a {
                    margin-left: auto;
                    .c1;
                    font-size: 3.2vw;
                }
            }

            > p {
                font-size: 3.467vw;
                line-height: 6vw;

                b {
                    font-size: 4vw;
                    margin-left: 3vw;
                }
            }
        }
    }

    .stat {

        #main {
            height: 60vw;
        }

        .c {
            .b_l_w;
            .box;
            .box-align-center;
            .box-pack-between;
            padding: 0 3.333vw;
            height: 17vw;

            div {
                .center;
                line-height: 7vw;

                p {
                    font-size: 3.467vw;
                    color: #1b1b1b;
                }

                b {
                    font-size: 4.267vw;
                }
            }
        }
    }

    .table {
        padding: 0 2vw;

        > div {
            .b_l_w;
        }

        .t {
            height: 12vw;
            border-bottom: 1px solid #fff;
            .box;
            .box-align-center;

            b {
                font-size: 4vw;
                color: #1b1b1b;
            }

            a {
                margin-left: auto;
                .b;
            }
        }

        table {
            .b_l_w;
            font-size: 3.2vw;
            margin: 2vw 0;

            thead {
                td {
                    color: #7d7d7d;
                }
            }

            td {
                padding: 2vw;
            }

            td:last-child {
                .right;
            }

            .r {
                height: 6.667vw;
            }

            .thumurl {
                .b_l;
                .y50;
                width: 9.333vw;
                height: 9.333vw;
                margin-right: 2.667vw;
            }

            div {
                .box;
                .box-tb;
                .box-pack-between;
                height: 9.333vw;

                p {
                    .text-hide-1;
                    font-size: 3.733vw;
                    color: #222222;
                }

                span {
                    color: #959595;
                }
            }

            b {
                font-size: 3.733vw;
            }
        }

        .c {
            height: 17vw;
            .box;
            .box-align-center;
            .box-pack-around;

            div {
                .box;
                .box-tb;
                .box-align-center;
                line-height: 6vw;

                p {
                    font-size: 3.467vw;
                }

                b {
                    font-size: 4vw;
                }
            }
        }
    }
}

.affair-rebate {
    .b_l_w;
    background: url(/images/affair-rebate-bg.png) no-repeat;
    background-size: 100% auto;
    padding: 0 5.333vw 4vw;
    font-size: 3.2vw;
    min-height: 100vw;

    > div {
        .b_l_w;
    }

    .k {
        .affair-k;
        padding: 0 3.333vw;
        position: relative;

        > div {
            .b_l_w;
        }

        .t {
            height: 12vw;
            .box;
            .box-align-center;
            margin-bottom: 2vw;

            p {
                width: 0.667vw;
                height: 3.333vw;
                background-color: #29b5f6;
                position: absolute;
                left: 0;
            }

            b {
                font-size: 4vw;
                color: #1b1b1b;
            }

            button {
                width: 12.667vw;
                height: 5vw;
                background-color: #29b5f6;
                border-radius: 0.667vw;
                padding: 0 0 0 1vw;
                font-size: 3.467vw;
                white-space: nowrap;
                margin-left: auto;
            }
        }

        .main {
            height: 48.667vw;

            canvas {
                width: 100% !important;
            }
        }

        .m {
            height: 18.8vw;
            .box;
            .box-pack-around;
            .box-align-center;

            div {
                .box;
                .box-tb;
                .center;

                p {
                    font-size: 3.467vw;
                    color: #1b1b1b;
                }

                b {
                    font-size: 4.267vw;
                    color: #29b5f6;
                    line-height: 7.6vw;
                }
            }
        }
    }

    .top {
        height: 35.467vw;
        .box;
        .box-tb;
        .box-pack-between;
        padding: 5.333vw 0 4vw;

        button {
            width: 26.667vw;
            height: 8vw;
            background-color: #29b5f6;
            border-radius: 0.667vw;
            font-size: 4vw;
            white-space:nowrap;

            i {
                margin: 0 0 0 1.867vw;
            }
        }

        p {
            color: #434343;
        }
    }
}

.affair-income {
    .b_l_w;
    padding: 4vw 5.333vw;

    > div {
        .b_l_w;
    }

    .top {
        height: 30.667vw;
        background-image: linear-gradient(90deg, #29b5f6 0%, #82d4fb 100%);
        border-radius: 2vw;
        position: relative;
        .box;
        .box-tb;
        .box-pack-center;
        .bs;
        padding: 0 5.2vw;

        img {
            position: absolute;
            width: 24.8vw;
            height: 28vw;
            top: 2.667vw;
            right: 0.667vw;
        }

        p {
            font-size: 3.733vw;
            margin-bottom: 4vw;

            i {
                margin-left: 2vw;
            }
        }

        b {
            font-size: 7.333vw;
        }
    }

    .d {
        height: 13.333vw;
        background-color: #ffffff;
        border-radius: 2vw;
        margin-top: -4.667vw;
        padding: 4.667vw 3.333vw 0;
        line-height: 8.667vw;
        .box;

        a {
            margin-left: auto;
            color: #898989;
        }
    }

    .select {
        height: 12vw;
        line-height: 12vw;
        .b;
        .box;
        font-size: 4vw;

        a {
            margin-left: auto;
            font-size: 3.467vw;
        }
    }

    .affair-k {
        padding: 0 2vw;
        font-size: 3.2vw;

        > div {
            .b_l_w;
        }

        .t {
            height: 10.4vw;
            .box;
            .box-align-center;
            border-bottom: 1px solid #eee;

            p {
                width: 1.067vw;
                height: 2.667vw;
                background-color: #29b5f6;
                border-radius: 0.533vw;
                margin-right: 1.467vw;
            }

            > b {
                font-size: 4vw;
            }

            div {
                margin-left: auto;

                span {
                    font-size: 3.2vw;
                }

                b {
                    color: #29b5f6;
                    font-size: 4vw;
                }
            }
        }

        .c {
            .box;
            .box-wrap;
            .box-pack-center;

            div {
                .w-33;
                .box;
                .box-tb;
                .box-pack-center;
                .box-align-center;
                height: 20vw;

                p {
                    color: #1b1b1b;
                    margin-bottom: 2vw;
                }

                b {
                    font-size: 3.733vw;
                }
            }
        }

        .btn {
            padding: 0vw 8vw 4vw;

            a,button {
                .b_l_w;
                height: 9.333vw;
                line-height: 9.333vw;
                background-color: #29b5f6;
                border-radius: 4.667vw;
                .center;
                .bs;
                .b;
                font-size: 4vw;
            }

            .info {
                background-color: #909399;
            }

            .warning {
                background-color: #e6a23c;
            }

            .success {
                background-color: #67c23a;
            }

        }
    }
}

.affair-apply {
    .b_l_w;

    > div {
        .b_l_w;
    }

    .tit {
        padding: 12px 16px;
        .f14;
        color: #898989;
    }

    .van-field__left-icon {
        .box;
        margin-right: .5em;
        img{
            margin-top:1vw;
        }
    }

    .van-field__label {
        width: 10em;
    }

    .van-button{
        .b;
        .f15;
    }
}

.affair-fans {
    .b_l_w;
    padding: 4vw 5.333vw;
    font-size: 3.2vw;

    > div {
        .b_l_w;
    }

    .top {
        height: 46vw;
        background-color: #29b5f6;
        border-radius: 2vw;
        border: solid 1px #ffffff;
        .box;
        .box-align-center;
        .box-wrap;

        div {
            width:calc(~'50% - 1px');
            .bs;
            .center;

            p {
                font-size: 3.467vw;
                margin-bottom: 4vw;
            }

            b {
                font-size: 5.333vw;
            }
        }

        > p {
            width: 0;
            height: 13.333vw;
            border-left: 1px dashed #fff;
        }
    }

    .search {
        margin: 4vw 0;

        .van-search__content {
            .b_k;
        }

        .van-search__action {
            background-color: #29b5f6;
        }
    }

    .select {
        .box;
        .box-align-center;
        .box-pack-between;
        padding: 0 0 1vw;
        .b;
        font-size: 4vw;
        color: #1b1b1b;

        a:last-child {
            font-size: 3.467vw;
        }

        i {
            font-size: 3.467vw;
        }
    }

    .tip {
        margin-bottom: 3.333vw;
        font-size: 3.467vw;
        color: #898989;

        b {
            color: #29b5f6;
        }
    }

    .tab {
        .box;
        .box-align-center;

        .tabs {
            margin-left: 2.667vw;
            height: 7.333vw;
            background-color: #b2e5fb;
            border-radius: 0.667vw;
            .box;
            .box-align-center;
            .box-pack-center;
            padding:0 .667vw;

            a {
                width: 12vw;
                height: 6vw;
                line-height: 6vw;
                .center;
                border-radius: 0.333vw;
                margin: 0 .667vw;
            }

            .a {
                .b_k;
                color: #29b5f6;
            }
        }
    }

    .affair-k {
        padding: 0 3.333vw;

        > div {
            .b_l_w;
        }

        .t {
            height: 17.333vw;
            .box;
            .box-tb;
            .box-pack-center;
            border-bottom: 1px solid #eee;
            line-height: 6.5vw;

            b {
                .box;
                .box-align-center;
                font-size: 4vw;

                font {
                    font-size: 3.2vw;
                    margin-left: 3.6vw;
                }

                span {
                    margin-left: auto;
                }
            }

            p {
                .box;
                color: #a0a0a0;

                a {
                    margin-left: auto;
                }
            }
        }

        .m {
            .box;
            height: 6.333vw;
            line-height: 6.333vw;

            b {
                color: #29b5f6;
                font-size: 3.733vw;
            }

            p {
                margin-left: auto;
            }

            &:nth-child(2){
                margin-top: 2vw;
            }
        }
    }

    .s0 {
        color: #b5b5b5;
    }

    .s1 {
        color: #4d982e;
    }

    .s2 {
        color: #ff0000;
    }
}

.affair-result {
    .b_l_w;
    padding-top: 36vw;

    > div {
        .b_l_w;
        .box;
        .box-pack-center;
    }

    .t {
        img {
            height: 44.133vw;
        }
    }

    .tip {
        height: 44.667vw;
        .box-tb;
        .box-align-center;

        b {
            font-size: 5.333vw;
        }

        div {
            width: 46.667vw;
            height: 7.333vw;
            line-height: 7.333vw;
            background-color: #8dceff;
            border-radius: 3.667vw;
            margin-top: 5vw;
            .center;
            color: #0039ef;
            font-size: 4vw;
        }
    }

    .btn {
        a {
            width: 73.333vw;
            height: 12vw;
            line-height: 12vw;
            background-color: #3285ff;
            border-radius: 6vw;
            .bs;
            .center;
            font-size: 4.267vw;
            .b;
            letter-spacing: 0.427vw;
        }
    }
}

.affair-settle {
    .b_l_w;

    > div {
        .b_l_w;
    }

    .flow {
        font-size: 3.2vw;
        background: url(/images/affair-bg.png) no-repeat;
        background-size: 100% 100vh;
        background-attachment: fixed;
        min-height: calc(~'100vh - 46px');
        .box;
        .box-align-center;
        .box-pack-center;
        .box-tb;

        .tit {
            font-size: 5.333vw;
            .b;
            .center;
            margin: 5vw 0 10vw;
        }

        ._step {
            .box;
            margin-bottom: 8vw;

            .p {
                width: 8.667vw;
                height: 8.667vw;
                .y50;
                border: 1px solid #fff;
                padding: 1px;
                margin-right: 5.2vw;

                .bg {
                    width: 100%;
                    height: 100%;
                    background: linear-gradient(to bottom,#87B7FF,#C5F0FF);
                    .y50;
                    padding: 1px;

                    b {
                        background: #F0F5FA;
                        width: 100%;
                        height: 100%;
                        display: block;
                        .center;
                        line-height: calc(~'8.667vw - 4px');
                        font-size: 4vw;
                        color: #3285ff;
                        .y50;
                    }
                }
            }

            .c {
                width: 63.733vw;

                b {
                    font-size: 3.733vw;
                    color: #0d0d0d;
                }

                p {
                    margin-top: 2vw;
                    color: #898989;
                }
            }
        }

        .btn {
            width: 73.333vw;
            height: 12vw;
            line-height: 12vw;
            background-color: #3285ff;
            border-radius: 6vw;
            .bs;
            .center;
            font-size: 4.267vw;
            .b;
            letter-spacing: 0.427vw;
            margin: 10vw 0 5vw;
        }
    }


    .van-field__label {
        color: #000;
        width: 8em;
    }

    .step {
        .van-field__left-icon {
            padding-top: 4px
        }

        .top {
            .van-field__label {
                color: #898989;
            }
        }

        .van-field__control::-webkit-input-placeholder {
            color: #8a8a8a;
        }

        .tit {
            padding: 12px;
            .f13;
            color: #898989;
        }

        .h {
            &:after {
                display: none;
            }
        }

        .w {
            .van-field__label {
                color: #000;
                width: 4em !important;
            }
        }

        .van-field__label {
            white-space: nowrap;
        }

        .card {
            .b_k;
            width: 100%;
            .box;
            .box-pack-between;
            padding: 3.333vw 0 4.533vw;

            > div {
                width: 48%;
                height: 30.667vw;
                background-color: #f8f8f8;
                border-radius: 2vw;
                border: solid 1px #eeeeee;
                position: relative;
                .box;
                .box-tb;
                .box-align-center;

                p {
                    font-size: 3.2vw;
                    color: #8d8d8d;
                    height: 7.6vw;
                    line-height: 7.6vw;
                    .center;
                }

                .van-uploader__upload {
                    width: 37.333vw;
                    height: 20vw;
                    background-color: #eeeeee;
                    border-radius: 2vw;
                    margin: 0;

                    .van-uploader__upload-icon {
                        color: #B5B5B5;
                    }
                }

                .van-uploader__preview-image, .van-image__img {
                    width: 37.333vw;
                    height: 20vw;
                    border-radius: 2vw;
                }

                .van-uploader__preview {
                    margin: 0;
                    border-radius: 2vw;
                    overflow: hidden;
                }

                > img {
                    position: absolute;
                    right: 3.333vw;
                    bottom: 2.4vw;
                    height: 4.667vw;
                }
            }
        }

        .label {
            .b_k;
            width: 100%;
            padding: 0 15px;
            color: #a0a0a0;

            p {
                margin: 0 0 12px;
            }

            .van-uploader__preview {
                margin: 0;
            }

            .van-uploader__preview-delete {
                top: 0;
                right: calc(~'3.333vw - 1px');
            }

            .van-uploader__wrapper {
                > .van-uploader__preview {
                    width: calc(~'33.33vw - 10.667px');
                }

                > div:nth-child(3n) {
                    margin-right: 0;
                }
            }

            .van-uploader__upload, .van-uploader__preview-image {
                margin: 0 0 12px;
                width: calc(~'30vw - 10px');
                height: calc(~'30vw - 10px');
                background-color: #f8f8f8;
                border-radius: 7.5px;
                margin-right: 3.333vw;

                .van-icon__image {
                    width: 25px;
                    height: 25px;
                }

                .van-uploader__upload-text {
                    margin-top: 12px;
                }
            }
        }

        .btn {
            padding: 9.333vw 3.333vw;
            .box;
            .box-pack-between;

            .van-button {
                width: 45.333vw;
                .b;
                .f15;
            }
        }
    }

    .steps {
        .mt5;
        .b_k;
        height: 76px;
        .box;
        .box-tb;
        .box-align-center;
        .box-pack-center;

        .t {
            .box;
            .box-align-center;

            div {
                width: 10px;
                height: 10px;
                .y50;
                margin: 0 12px;
                background-color: #eeeeee;
            }

            p {
                width: 24vw;
                height: 1px;
                background-color: #eeeeee;
            }

            .d {
                background-color: #1676fe;
            }
        }

        .m {
            width: 100%;
            .box;
            .box-align-center;
            .mt10;
            padding: 0 7px;

            div {
                width: 33.33vw;
                .center;
                .f13;
            }

            .a {
                font-size: 3.467vw;
                .b;
            }
        }
    }

    .radio {
        width: 100%;
        .b_k;
        padding: 12px;
        .f13;
        color: #898989;

        b {
            color: #3285ff;
        }
    }

    .van-radio-group {
        .van-radio:last-child {
            margin-right: initial !important;
        }
    }

    .van-checkbox-group {
        width: 100%;
        .b_k;
        padding: 0 0 3.333vw;
        .box;
        .box-pack-between;

        .van-checkbox {
            position: relative;
        }

        .van-checkbox[aria-checked=true] {
            .van-icon, .van-checkbox__label {
                color: #fff !important;
            }
        }

        .van-checkbox__icon {
            width: 11.6vw;
            height: 13.333vw;
            background-color: #f8f8f8;
            border-radius: 0.667vw;
            .box;
            .box-bt;
            .box-align-center;
            padding-bottom: 2vw;
        }

        .van-icon {
            border: 0;
            width: 5vw;
            height: 5vw;
            font-size: 5vw;
            color: #7e7e7e;
        }

        .van-checkbox__label {
            position: absolute;
            top: 0;
            .center;
            color: #7e7e7e;
            margin: 0;
            width: 100%;
            font-size: 3.2vw;
            padding-top: 2vw;
        }

        .van-checkbox__icon--checked {
            background: #1989fa;
        }
    }

    ._data {
        width: 100%;
        .b_k;
        padding: 0 3.333vw 3.333vw;

        div {
            width: 100%;
            height: 40px;
            line-height: 40px;
            .box;
            .box-pack-between;
            background-color: #f8f8f8;
            border-radius: 3px;
            padding: 0 30px;

            p {
                color: #7e7e7e;
            }
        }
    }
}


.cart_k {
    .w1 {
        background-color: white;
    }

    .cart_store {
        line-height: 25px;

        img {
            vertical-align: top;
            margin-right: 10px;
        }
    }

    .cart_item {
        border-bottom: 1px solid #f8f8f8;
        margin-bottom: 10px;

        &:last-child {
            border: 0;
        }

        .cart_title {
            font-size: 14px;
            margin-left: 10px;

            .float-left {
                max-height: 40px;
                line-height: 20px;
                overflow: hidden;
            }

            .float-right {
                i {
                    position: absolute;
                    right: 2px;
                    top: 2px;
                }
            }
        }

        .cart_info {
            line-height: 0px;
            margin-left: 10px;

            p {
                color: #9d9d9d;
                font-size: 12px;
                line-height: 15px;
            }
        }

        .cart_price {
            margin-left: 10px;
            color: #b92410;
            font-weight: bold;
            margin-top: 5px;

            .float-right {
                margin-top: -5px;
            }
        }
    }
}

.store-record {
    .b_l_w;
    font-size: 3.2vw;

    .red {
        color: #ff0000;
    }

    > div {
        .b_l_w;
    }


    span {
        margin-left: auto;
    }

    .t {
        .box;
        .b_k;
        padding: 0 3.333vw;
        height: 12vw;
        line-height: 12vw;

        b {
            font-size: 3.733vw;
        }
    }

    .list {
        padding: 4vw 3.333vw;

        .item {
            height: 17.333vw;
            .b_k;
            border-radius: 2vw;
            margin-bottom: 3.333vw;
            padding: 0 3.333vw;
            .box;
            .box-tb;
            .box-pack-center;

            b {
                font-size: 3.733vw;
                color: #1b1b1b;
                .box;
            }

            p {
                color: #a0a0a0;
                .box;
                margin-top:2vw;
            }
        }
    }
}

.banks-tips {
    .b_k;
    width: 86.667vw;
    border-radius: 2vw;
    position: relative;
    color: #1b1b1b;
    font-size: 3.2vw;
    .box;
    .box-tb;
    .center;
    padding: 5vw 6.667vw 8vw;

    .van-icon {
        position: absolute;
        right: 3.333vw;
        top: 3.333vw;
        font-size: 6vw;
        color: #1b1b1b;
    }

    > b {
        font-size: 4.667vw;
    }

    > p {
        margin: 1vw 0 6vw;
        font-size: 4vw;
    }

    .list {
        .box;
        height:20vw;

        .num {
            min-width: 8.667vw;
            height: 8.667vw;
            border: solid 1px #3285ff;
            .box-center-center;
            .b;
            .y50;
            color: #3285ff;
            margin:1vw 5.2vw 0 0;
        }

        .c {
            .left;
            .box;
            .box-tb;

            b {
                font-size: 3.733vw;
                margin-bottom:1vw;
            }

            p {
                line-height: 4.8vw;
                color: #898989;
            }
        }
    }

    .btn {
        height: 12vw;
        line-height: 12vw;
        background-color: #3285ff;
        border-radius: 6vw;
        font-size: 4.267vw;
        .b;
        .bs;
        letter-spacing: 0.427vw;
    }
}

.store-list {
    .b_l_w;
    padding: 5.333vw 3.333vw;

    > div {
        .b_l_w;
        margin-bottom: 4vw;
    }

    .top {
        height: 24vw;
        background-color: #1b1b1b;
        border-radius: 3.333vw;
        .box;
        .box-align-center;

        div {
            width: 100%;
            .box;
            .box-tb;
            .box-align-center;
            .bs;
            font-size: 3.333vw;

            b {
                margin-top: 2vw;
                font-size: 5.333vw;
            }
        }

        > p {
            width: 1px;
            height: 6.667vw;
            .b_k;
        }
    }

    .list {
        padding: 0 3.333vw;
        .box;
        .box-tb;
        font-size: 3.2vw;
        .b_k;
        border-radius: 2.667vw;

        .t {
            height: 15.333vw;
            .box;
            .box-align-center;

            > img {
                width: 8.533vw;
                height: 8.533vw;
                .y50;
                margin-right: 2.667vw;
            }

            .c {
                width: 100%;
                .box;
                .box-tb;
                .box-pack-between;
                height: 12vw;

                > div {
                    line-height: 6vw;
                }

                .name {
                    .box;
                    font-size: 3.467vw;

                    span {
                        margin-left: auto;
                        color: #585858;
                    }
                }

                .username {
                    .box;
                    color: #585858;

                    b {
                        margin-left: auto;
                        font-size: 3.467vw;
                        color: #fb8802;
                    }
                }
            }
        }

        .d {
            border-top: 1px solid #f5f5f5;
            color: #585858;
            line-height: 8.533vw;
        }
    }
}

.activity-pay {
    ._radio {
        .b_l_w;
        padding: 1vw 3.333vw;

        .van-radio {
            .b_l_w;
            height: 20vw;
            margin-bottom: 3.333vw;
            background-color: #ffddb1;
            border-radius: 2vw;
            position: relative;
            border: solid 1px #ffddb1;

            &[aria-checked='true'] {
                background-image: url(/images/activity-pay-i1.png);
                background-repeat: no-repeat;
                background-size: 10vw 10vw;
                background-position: 100% 100%;
            }

            .van-radio__icon {
                display: none;
            }

            .van-radio__label {
                .b_l_w;
                .box;
                .box-align-center;
                .box-pack-between;
                padding: 0 4.667vw;
                margin: 0;

                > div {
                    .box;
                    .box-tb;
                    .box-pack-center;

                    b {
                        font-size: 4.533vw;
                        color: #75382f;
                        margin: 1vw 0 3vw;
                    }

                    p {
                        color: #f7393c;
                    }
                }

                > b {
                    font-size: 5.333vw;
                    color: #1b1b1b;
                }
            }
        }
    }

    .btn {
        .b_l_w;
        padding: 5vw 10vw 15vw;

        .van-button {
            height: 13.333vw;
            background-image: linear-gradient(0deg, #ffc272 0%, #fbdbad 50%, #ffc272 100%);
            border-radius: 6.667vw;
            border: solid 1px #ffffff;
            .b;
            font-size: 4.8vw;
            color: #75382f;
        }
    }
}

.profit {
    .b_l_w;
    position: relative;
    min-height: 445px*.512;

    > img {
        position: absolute;
        width: 287px*.512;
        right: 0;
        bottom: -106px*.512;
    }

    .mt10 {
        .van-tabs__wrap {
            .b_r;
            .p20;
        }

        .van-tabs__nav--line {
            padding-bottom: 0 !important;
        }

        .van-tabs--line .van-tabs__wrap {
            height: max-content !important;
        }

        .van-tabs__nav {
            display: initial !important;
            background: transparent !important;
        }

        .van-tab {
            .b_r;
            margin-left: 20px;
            color: #dfdfdf !important;
            height: 40px*.512;
            width: 80px*.512 !important;
        }

        .van-tabs__line {
            position: inherit !important;
            display: none;
        }

        .van-tab--active {
            color: #fff !important;
            border: 1px solid #fff;
            border-radius: 30px;
        }
    }

    .w1 {
        margin-top: 10px;

        .van-tabs__nav {
            background: transparent !important;
        }

        .van-tab {
            color: #dfdfdf !important;
        }

        .van-tab--active {
            color: #fff !important;
        }

        .van-tabs__line {
            .b_k;
        }
    }

    .date {
        .b_l;
        .bs;
        .f16;

        i {
            .b;
            margin-left: 5px;
            ;
        }
    }

    .z {
        padding-left: 25px;

        p {
            .mt25;
            font-size: 65px*.512;
        }
    }
}

.performance-description {
    .b_r;
    .bs;
    margin: 20px;
    height: 40px*.512;
    line-height: 40px*.512;
    padding: 0 8px;
    border-radius: 20px;

    img {
        vertical-align: top;
        width: 12px;
        margin: 2px 5px 0 0;
    }
}

.profit-nt {
    .b_l_w;
    .b_k;
    .r10;
    position: relative;
    padding: 30px 25px;
    margin-top: -10px;

    .list {
        .b_l_w;

        > div {
            .b_l_w;
            .mt20;
            line-height: 45px*.512;

            > .b_l {
                img {
                    width: 45px*.512;
                    margin-right: 10px;
                    vertical-align: top;
                }
            }

            > .b_r {
                .b;

                i {
                    font-size: 15px;
                    margin: 1px 0 0 5px;
                }
            }
        }
    }
}

.baodan_bg {
    position: relative;

    .title {
        .b_l_w;
        position: relative;
        z-index: 1;
        height: 26.533vw;
        letter-spacing: 0.28vw;
        color: #1b1b1b;
        padding: 0 3.333vw;
        .box;
        .box-tb;
        .box-pack-center;
        .b;

        b {
            font-size: 6.667vw;
            margin-bottom:3.333vw;
        }

        p {
            font-size: 3.467vw;
        }
    }

    .w100 {
        img {
            display: block;
        }
    }

    .bg {
        .b_l_w;
        .b_k;
        border-radius: 6.667vw 20vw 2.667vw 2.667vw;
        padding: 0 2.667vw 5vw;
        background-size: 100% auto;
    }

    ._l {
        .box;
        .box-pack-between;
        margin-top: -3vw;
        padding: 0 2.4vw;
        position: relative;

        div {
            .w-33;
            .box;
            .box-tb;
            .box-align-center;
            font-size: 3.467vw;

            p {
                line-height: 11vw;
            }
        }

        img {
            height: 13.333vw;
        }
    }

    .has {
        .b_l_w;
        .box;
        .box-align-center;

        img {
            width: 6vw;
            height: 6vw;
            .y50;
        }

        b {
            font-size: 4.667vw;
            margin-left: 2.4vw;
        }
    }
}

.pay_table, .pay_table2 {
    .yuan {
        width: 20px;
        height: 20px;
        background-image: url(../images/baodan_q1.png);
        background-size: 20px 20px;
        float: right;
        right: 22px;
        top: 20px;
        position: absolute;

        &.a {
            background-image: url(../images/baodan_q2.png);
            width: 24px;
            height: 20px;
            background-size: 24px 20px;
            right: 18px;
            top: 20px;
        }
    }
}

.pay_table2 {
    .yuan1 {
        width: 20px;
        height: 20px;
        background-image: url(../images/baodan_q1.png);
        background-size: 20px 20px;
        float: right;
        margin-right: 5px;

        &.a {
            background-image: url(../images/baodan_q2.png);
            width: 24px;
            height: 20px;
            background-size: 24px 20px;
            margin-right: 1px;
        }
    }
}


.baodan_k {
    background: #fff;
    border-radius: 3.333vw !important;
    padding: 3.333vw 2.667vw;
    position: relative;
    margin-bottom: 4vw;
    border: solid 1px #b2e5fb;

    ._select {
        width: 5.333vw;
        height: 5.333vw;
        background-image: url(../images/baodan_q1.png);
        background-size: 5.333vw 5.333vw;
        float: right;
        right: 5.867vw;
        top: 5.333vw;
        position: absolute;
    }

    ._select_a {
        background-image: url(../images/baodan_q2.png);
        width: 6.4vw;
        background-size: 6.4vw 5.333vw;
        right: 4.8vw;
    }

    .van-checkbox {
        .b_l_w;

        .van-checkbox__label {
            .b_l_w;
            .box;
            .box-align-center;
            font-size: 3.467vw;

            .l {
                width: max-content !important;
            }
        }
    }

    .l {
        .b_l_w;
        .box;
        .box-align-center;
        margin: 2vw 0;
        font-size: 3.467vw;
        .b;

        b {
            margin-left: auto;
            font-size: 5.333vw;

            span {
                font-size: 3.2vw;
            }
        }

        .van-stepper {
            margin-left: auto;
            .box;
            .box-align-center;
            height: 6vw;
            overflow: hidden;

            .van-stepper__input {
                margin: 0 1px;
            }

            .van-stepper__plus,
            van-stepper__minus {
                color: #000;
            }
        }
    }

    .jb {
        height: 26.667vw;
        padding: 0 3.333vw 0 0;
    }

    .js {
        width: 53vw;
        .box;
        .box-wrap;
        align-content: space-around;
        height: 26.667vw;

        > div {
            .b_l_w;
        }

        .name {
            font-size: 4.5vw;
            .b;
            .text-hide-1;
        }

        .label {
            .box;
            .box-align-center;
            color: #dc281a;

            img {
                height: 4vw;
                margin-right: 2.267vw;
            }

            font-size: 3.467vw;
        }

        ._k {
            .b_l;
            width: 48.267vw;
            height: 7.733vw;
            position: relative;

            .k1 {
                .box;
                .bs;
                .box-center-center;
                font-size: 3.467vw;
                padding-right: 1vw;
                position: absolute;
                left: 0;
                bottom: 0;
                width: 22.867vw;
                height: 7.733vw;
                background-color: #2d323d;
                border-radius: 0.926vw;
                z-index: 1;
                clip-path: polygon(0 0, 100% 0, 20.5vw 100%, 0% 100%);

                b {
                    font-size: 5vw;
                    font-weight: normal;
                }
            }

            .k2 {
                position: absolute;
                right: 0;
                bottom: 0;
                font-size: 3.467vw;
                padding-left: 3.533vw;
                width: 28.867vw;
                height: 7.467vw;
                line-height: 7.467vw;
                .center;
                background-image: linear-gradient(270deg, #337bff 0%, #4fc4f7 100%);
                border-radius: 0.926vw;
                .bs;
                .b;
                .text-hide-1;
            }

            .k2_s {
                color: #000;
                background-image: linear-gradient(270deg, #f2dbb7 0%, #f3dcb8 50%);
            }
        }
    }
}


input {
    &.baodan_ipt {
        display: block;
        width: 100%;
        border: 0px;
        background-color: transparent;
        font-size: 14px;
    }
}

.lb_nt {

    .xx {
    }

    .bd_nt {
        .b_k;
        border: solid 1px #e5d3ba;
        .r5;
        .p5;

        > div:last-child {
            border-bottom: 0 !important;
        }
    }

    img {
        margin-top: 3px;
    }

    input {
        &::-webkit-input-placeholder {
            color: #bfbfbf;
        }
    }
}

.pay_table {
    .b_k {
        margin-bottom: 15px;
    }
}

.bd_buy {
    .b;
    .center;
    height: 12vw !important;
    letter-spacing: 1.067vw;
    border-radius: 6.667vw !important;
    border: none !important;
    display: block;
    padding: 0 1.333vw !important;

    .van-button__text {
        color: #fff !important;
        font-size: 5.333vw !important;
    }
}

.bd_lj {
    letter-spacing: 1px;
    color: #a3a3a3;
    .mt10;
}

.bd_jlk {
    background: #1C2D2B;
    .r10;
}

.block-d3 {
    height: 4.667vw;
    position: relative;
    overflow: hidden;
    border-radius: .667vw;

    img {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
    }

    div {
        padding: 0 1.433vw 0 7.467vw;
        height: 4.667vw;
        line-height: calc(~'4.667vw - 2px');
        border: solid 1px #ffca28;
        background-color: #fff8e2;
        border-radius: .667vw;
        .b;
        font-size: 3.2vw;
        color: #ff9302;
    }
}
.block-d4 {
    position: relative;
    width: max-content;
    height: 4.667vw;
    border-radius: .667vw;
    background: #FCEEE4;
    .box;

    .img {
        .b_l;
        width: 5.333vw;
        height: 100%;
        .box;
        .box-align-center;
        .box-pack-center;
        background-color: #e84e40;
        border-radius: 1.333vw 0vw 2vw 1.333vw;

        img {
            height: 2.933vw;
            margin: 0 !important;
            .img-f;
        }
    }

    .rate {
        .b_l;
        padding: 0 2.933vw;
        height: 4.4vw;
        line-height: 4.4vw;
        border-radius: 2.267vw;
        font-size: 3.2vw;
        color: #e84e40;
    }
}


.asset {
    .b_l_w;

    > div {
        .b_l_w;
    }

    .a {
        width: 35.733vw;
        height: 8vw;
        background: url(/images/asset-a.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        right: 0;
        top: 0;
        .box;
        .box-align-center;
        .box-pack-center;
        .bs;
        font-size: 3.467vw;
        z-index: 9;

        img {
            height: 5.333vw;
        }

        > i {
            .b;
            margin: 0 0 0 1.333vw;
        }
    }

    .t {
        background-size: 100% 100% !important;
        border-radius: 4vw;
        position: relative;

        .c {
            .box;
            .box-align-center;
            .box-wrap;
            font-size: 3.2vw;
            position: relative;

            > div {
                .b_l_w;
            }

            .tit {
                .box;
                .box-align-center;

                span {
                    font-size: 4vw;
                    .box;
                    .box-align-center;
                    color: #1b1b1b;

                    i {
                        margin: 0 0 0 1vw;
                    }
                }
            }

            .number {
                font-size: 7vw;
                .box;
                .box-pack-between;
                .box-align-center;
                margin: 4vw 0 0;

                button {
                    width: 26.667vw;
                    height: 8vw;
                    line-height: 8vw;
                    border-radius: 4vw;
                    .center;
                    background-color: #f3c947;
                    font-size: 4.267vw !important;
                    color: #141414;
                    margin-left: auto;
                }

                a {
                    margin-left: auto;
                    font-size: 3.2vw;
                    color: #1b1b1b;
                    .box;
                    .box-align-center;

                    img {
                        height: 4.8vw;
                        margin-right: 1.2vw;
                    }

                    b {
                        color: #e03224;
                        font-size: 3.467vw;
                        margin-left: 1.2vw;
                    }
                }
            }

            .total {
                margin: 4vw 0 0;
                line-height: 8vw;
                .box;
                .box-pack-around;
                .center;
                font-size: 3.333vw;
                color: #959595;

                p {
                    font-size: 4vw;
                    .b;
                }
            }

            .tip {
                .center;

                div {
                    .bs;
                    .center;
                    display: inline-block;
                    width: 49.333vw;
                    height: 7.333vw;
                    line-height: 7.533vw;
                    border-radius: 0.667vw;
                    border: solid 0.2vw #ffffff;
                    font-size: 3.2vw;
                }
            }

            .i-a {
                .b_l_w;
                .box;
                .box-pack-between;

                a {
                    .box;
                    .box-align-center;
                    white-space: nowrap;

                    img {
                        height: 5.333vw;
                        margin-right: 1.867vw;
                    }

                    font-size: 4.267vw;
                }
            }

            .btn {
                .box;
                .box-pack-between;
                padding: 5vw 8vw 0;

                button {
                    .bs;
                    .b;
                    border: 0;
                    height: 12.667vw;
                    border-radius: 6.333vw;
                    font-size: 4.667vw;
                    letter-spacing: 0.467vw;
                }
            }
        }
    }

    .times {
        position: relative;
        z-index: 1;
        .box;
        .box-align-center;
        height: 8vw;
        margin: 4vw 0;

        .l {
            .b_k;
            .center;
            width: 28vw;
            height: 8vw;
            line-height: 8vw;
            border-radius: 4vw;
            .b;
            font-size: 4vw;
            white-space: nowrap;

            i {
                margin-left: 1.2vw;
            }
        }

        .r {
            margin-left: auto;
            .box;
            .box-pack-between;
            padding-right: 2vw;
            width: 40vw;

            div {
                font-size: 3.2vw;
                color: #1b1b1b;
                line-height: 4vw;
                .box;
                .box-tb;
                .box-align-center;
            }
        }
    }

    .to-activation {
        .center;
        .bs;
        display: inline-block;
        width: 16vw;
        height: 6vw;
        line-height: calc(~'6vw - 2px');
        background-color: #d23400;
        border-radius: 3vw;
        border: solid 1px #ffffff;
        margin-left: 2.667vw;
    }
}
.asset-n {
    .b_l_w;
    padding: 0 3.333vw;

    .n {
        .b_l_w;

        .van-clearfix {
            .b_k;
            border-radius: 2vw;
            padding: 0 3.333vw;
            border-bottom: .133vw solid #f8f8f8;
            margin-bottom: 3vw;
        }
    }
}

.total-coupon {
    height: 9.333vw;
    line-height: 9.333vw;
    border-radius: 2vw;
    margin-top: 3.333vw;
    position: relative;
    .box;

    img {
        height: 100%;
        margin-right: .933vw;
    }

    b {
        margin: 0 3.333vw 0 auto;
        font-size: 3.733vw;
    }
}

.total-coupon-1 {
    background-color: #ffdf8d;
    color: #643400;

    &::before {
        content: '';
        width: 0;
        border: 3vw solid;
        border-color: transparent transparent #ffdf8d transparent;
        position: absolute;
        top: -4.633vw;
        right: 21vw;
    }
}

.total-coupon-2 {
    background-color: rgba(255, 255, 255, 0.85);

    &::before {
        content: '';
        width: 0;
        border: 3vw solid;
        border-color: transparent transparent rgba(255, 255, 255, 0.85) transparent;
        position: absolute;
        top: -4.133vw;
        left:17vw;
    }
}

.index-d2 {
    margin: 0 auto;
    width: 17.333vw;
    height: 4.667vw;
    line-height: calc(~'4.667vw - 2px');
    background-color: var(--red);
    border-radius: 0.667vw;
    border: solid 1px var(--red);
    .box;
    .bs;
    .center;

    span {
        min-width: 6vw;
    }

    div {
        .b_k;
        width: 100%;
        height: 100%;
        color: var(--red);
    }
}

.showNotShip {
    width: 86.4vw !important;
    background: transparent !important;
    position: relative;
    overflow: initial !important;

    > img {
        height: 15.2vw;
        position: absolute;
        left: 28.733vw;
        top: -7.2vw;
    }

    .c {
        .b_l_w;
        padding: 14vw 4vw 0;
        border-radius: 2.667vw;
        background: linear-gradient(to bottom, #FFEFEE, #fff);
        .b;

        .text {
            color: #17133c;

            span {
                color: #fd4349;
            }
        }

        .btn {
            .b_l_w;
            .center;
            line-height: 10.933vw;
            margin-top: 4vw;
            border-top: 1px solid #f5f5f5;
        }
    }
}

.activity-pay2 {
    .b_l_w;
    background: url(/images/activity-pay2.jpg) no-repeat;
    background-size: 100% auto;
    padding: 66vw 0 0;

    .content {
        .b_l_w;
        .b_k;
        border-radius: 6.667vw 6.667vw 0vw 0vw;
        min-height: calc(~'100vh - 66vw');
        padding: 6vw 3.333vw;

        .list {
            .box;
            .box-wrap;

            a {
                width: 29.333vw;
                height: 40vw;
                background-color: #ffffff;
                border-radius: 2vw 6.667vw 2vw 2vw;
                border: solid 1px #f5f5f5;
                .box;
                .box-tb;
                .box-align-center;
                .box-pack-between;
                padding: 3vw 0;
                margin: 0 2.667vw 2.667vw 0;

                &:nth-child(3n) {
                    margin-right: 0 !important;
                }

                .tit {
                    font-size: 4vw;
                    border-bottom: solid 1px #f5f5f5;
                    width: 100%;
                    text-align: center;
                    padding-bottom: 2vw;
                }

                b {
                    font-size: 5.333vw;

                    span {
                        font-size: 3.467vw;
                    }
                }

                p {
                    color: #fa721b;
                }

                .label {
                    .box;
                    .box-tb;
                    .box-align-center;
                    font-size: 2.667vw;
                    line-height: 3.2vw;
                    color: #666;
                }
            }

            .a {
                border: solid 1px #fa721b;
                position: relative;
                background-color: #fff7ee;

                &::before {
                    content: '';
                    width: 6vw;
                    height: 6vw;
                    position: absolute;
                    left: -1px;
                    top: -1px;
                    background: url(/images/activity-qrcode2-i.png) no-repeat;
                    background-size: 100% 100%;
                }

                .tit, b {
                    color: #6a3906;
                }
            }
        }

        .btn {
            padding: 6.667vw;
            .b;

            span {
                font-size: 4.667vw !important;
                letter-spacing: 0.467vw;
            }
        }
    }
}


.warrant {
    .b_l_w;
    margin: 4vw 0;

    .van-tabs__nav--card {
        border: none;
    }

    .van-tabs__nav {
        .box-pack-between;
    }

    .van-tabs__nav--card .van-tab {
        border: none;
    }

    .van-tabs__wrap {
        height: 6.667vw;
    }

    .van-tab {
        width: 21.333vw;
        height: 6.667vw;
        border-radius: 4vw;
        background: #eee;
        flex: initial !important;
    }
}

.asset-6 {
    background: url(/images/asset-bg6.png) no-repeat;
    background-size: 100% auto;
    padding: 6.667vw 3.333vw 0;

    .t {
        background: url(/images/asset-t6.png);
        height: 49.333vw;
    }

    .c {
        padding: 5vw 5.467vw 0;
    }

    .tit {
        font-size: 4vw;
    }

    .number {
        margin-top: 2vw !important;
    }

    ._c {
        .box;
        .box-pack-between;

        a {
            font-size: 3.333vw;
            color: #959595;
            .box;
            .box-tb;
            .box-align-center;
            line-height: 8vw;

            b {
                font-size: 4vw;
                color: #252525;
            }
        }
    }
}

.allowance-6 {
    .b_l_w;

    .mx-auto {
        width: 93.333vw;

        > div {
            .b_l_w;
        }

        .es {
            height: 60vw;
            margin: 4vw 0;
            border-radius: 2vw;
            .b_k;

            #main {
                height: 60vw;
            }
        }

        .c {
            .b_k;
            border-radius: 2vw;
            margin: 0 0 10vw;

            > div {
                .b_l_w;
            }

            .tit {
                margin: 4vw 0;
                .center;
                line-height: 5.333vw;
                color: #959595;
                font-size: 3.2vw;

                b {
                    font-size: 4vw;
                    color: #1b1b1b;
                }
            }

            .p {
                .box;
                .box-wrap;

                div {
                    width: 33.333%;
                    .box;
                    .box-tb;
                    font-size: 3.333vw;
                    color: #959595;
                    .center;
                    line-height: 7vw;
                    margin-bottom:2vw;

                    p {
                        .box;
                        .box-align-center;
                        .box-pack-center;
                        /*font-size: 4vw;
                        color: #252525;
                        .b;*/

                        i {
                            margin-left: 1vw;
                        }
                    }

                    b {
                        font-size: 4vw;
                        color: #252525;
                    }
                }
            }
        }

        .purchaseCapacity {
            padding: 0;
            background: none;
            margin: 2vw 0 0;

            .t {
                background: none;

                .van-tabs {
                    border: none;
                }
            }
        }
    }
}

.asset-7 {
    background: url(/images/asset-bg7.png) no-repeat;
    background-size: 100% auto;
    padding: 2vw 3.333vw 0;

    .t {
        background: url(/images/asset-t7.png);
        height: 74vw;
    }

    .c {
        padding: 11vw 5.467vw 0;
    }

    .total {
        justify-content: space-between !important;

        p {
            font-size: 4vw;
            .b;
            color: #252525;
        }
    }
}

.asset-8 {
    background: url(/images/asset-bg8.png) no-repeat;
    background-size: 100% auto;
    padding: 4.667vw 3.333vw 0;

    .t {
        .b_k;
        height: 34.667vw;
    }

    .c {
        padding: 3.333vw 3.333vw 0;
    }

    .tit {
        font-size: 3.733vw;
    }

    .number {
        margin-top: 0 !important;
        color: #e60012;
    }

    ._total {
        .b_l_w;
        height: 11vw;
        .box;
        .box-align-center;
        .box-pack-between;
        border-top: 1px solid #f8f8f8;
        color: #1b1b1b;
    }
}

.user-market {
    .b_l_w;
    padding: 4vw 3.333vw;
    font-size: 3.2vw;

    > div {
        .b_l_w;
    }

    .top {
        min-height: 20vw;
        background-color: #1b1b1b;
        border-radius: 2vw;
        .box;
        .box-align-center;
        .box-wrap;

        > div {
            width: calc(~'50% - 1px');
            .box;
            .box-tb;
            .box-align-center;
            line-height: 7vw;
            .bs;

            p {
                font-size: 3.333vw;
            }

            b {
                font-size: 4.667vw;
            }
        }

        > hr {
            width: 80vw;
            height: 1px;
            border: 0;
            background: rgba(255,255,255,.5);
            margin: 0 auto;
        }

        > p {
            width: 1px;
            height: 6.667vw;
            background: rgba(255,255,255,.5);
        }
    }

    .list {
        .b_k;
        border-radius: 2vw;
        padding: 0 3.333vw;
        margin-top: 4vw;

        .t {
            height: 16vw;
            border-bottom: 1px solid #f5f5f5;
            .box;
            .box-align-center;

            img {
                min-width: 8vw;
                height: 8vw;
                .y50;
                margin-right: 3.467vw;
            }

            div {
                width: 100%;
                line-height: 6vw;

                p {
                    font-size: 3.467vw;
                    .text-hide-1;
                    padding-right: 3vw;
                }

                span {
                    color: #585858;
                }
            }

            font {
                height: 10vw;
                white-space: nowrap;
            }
        }

        .m {
            height: 16vw;
            padding: 0 2.133vw;
            .box;
            .box-pack-between;
            .box-align-center;

            div {
                .box;
                .box-tb;
                .box-align-center;
                line-height: 5.6vw;

                b {
                    font-size: 3.467vw;
                    color: #fb8802;
                }

                span {
                    color: #7d7d7d;
                }
            }
        }
    }
}

.store-marketRebate {
    .b_l_w;
    font-size: 3.2vw;
    padding: 4vw 3.333vw;

    > div {
        .b_l_w;
    }

    .top {
        height: 30.667vw;
        background-image: linear-gradient(90deg, #ffe26f 0%, #ffc73d 100%);
        border-radius: 2vw;
        .box;
        .box-tb;
        .box-pack-center;
        color: #643400;
        padding: 0 5.333vw;
        position: relative;

        p {
            font-size: 3.733vw;
            margin-bottom: 6vw;
        }

        b {
            font-size: 7.333vw;

            span {
                font-size: 3.2vw;
            }
        }

        img {
            height: 25.467vw;
            position: absolute;
            right: 2vw;
        }
    }

    .title {
        padding: 0 1.867vw;
        font-size: 4vw;
        .b;
        color: #1b1b1b;
        height: 12vw;
        line-height: 12vw;
    }

    > .van-list {
        .list {
            .b_k;
            padding: 0 2vw;
            border-radius: 2vw;

            .t {
                .box;
                .box-align-center;
                height: 10.4vw;
                border-bottom: 1px solid #f5f5f5;
                .b;
                font-size: 3.467vw;

                p {
                    width: 1.067vw;
                    height: 2.667vw;
                    background-color: #ffcd00;
                    border-radius: 0.533vw;
                    margin-right: 1.2vw;
                }
            }

            .m {
                height: 17.467vw;
                .box;
                .box-align-center;
                .box-pack-between;

                div {
                    width: 25%;
                    .box;
                    .box-tb;
                    .box-align-center;
                    line-height:6vw;

                    b {
                        font-size: 3.733vw;
                    }
                }
            }
        }
    }
}

.store-marketDetail-total {
    .b_l_w;
    font-size: 3.2vw;
    padding: 0 3.333vw 2vw;

    > div {
        .b_l_w;
    }

    .top {
        height: 25vw;
        .box;
        .box-tb;
        .box-align-center;
        .box-pack-center;

        b {
            font-size: 3.733vw;
            color: #1b1b1b;
            margin-bottom:3vw;
        }

        span {
            font-size: 3.467vw;
            color: #1b1b1b;
        }
    }

    .list {
        .box;
        height: 10.533vw;
        line-height: 10.533vw;
        .b;
        color: #1b1b1b;
        border-bottom:1px solid #f5f5f5;

        span {
            color: #7d7d7d;
        }

        b {
            margin-left:auto;
        }
    }
}

.store-market {
    .b_l_w;
    font-size: 3.2vw;
    padding: 4vw 3.333vw;

    > div {
        .b_l_w;
        .b_k;
    }

    .top {
        border-radius: 2vw;
        .box;
        .box-align-center;
        height: 20vw;
        padding: 0 3.333vw;

        > img {
            width: 10.667vw;
            height: 10.667vw;
            margin-right: 2.667vw;
        }

        b {
            font-size: 4vw;
            color: #1f1f1f;
            .text-hide-1;
        }
    }

    .content {
        border-radius: 2vw;
        margin-top: 6vw;
        padding: 2vw 3.333vw;

        .l {
            line-height: 9vw;
            font-size: 4vw;
            .box;
            .box-pack-between;

            input {
                .b;
                font-size: 4.667vw;
            }

            b {
                font-size: 4.667vw;

                span {
                    font-size: 3.2vw;
                }
            }
        }
    }

    .btn {
        position: absolute;
        height: 16vw;
        bottom: 0;
        left: 0;
        .box;
        .box-align-center;
        font-size: 3.467vw;
        padding: 0 3.333vw;

        b {
            color: #f00;
            font-size: 4.267vw;

            span {
                font-size: 3.2vw;
            }
        }

        button {
            margin-left: auto;
            width: 34.667vw;
            height: 10.667vw;

            span {
                font-size: 4.267vw;
                .b;
            }
        }
    }
}


.Subsidy {
    .b_l_w;
    padding: 1.067vw 3.333vw;
    background: url(/images/Subsidy-bg.png) no-repeat;
    background-size: 100% auto;

    > div {
        .b_l_w;
    }

    .top {
        height: 54.933vw;
        background: url(/images/Subsidy-top-bg.png) no-repeat;
        background-size: 100% 100%;
        padding: 12vw 5.2vw 0;

        > * {
            .b_l_w;
        }

        .tit {
            font-size: 4vw;
            color: #1b1b1b;
        }

        > b {
            font-size: 8vw;
            margin: 4vw 0;
        }

        ._c {
            .box;

            div {
                width: 50%;
                .box;
                .box-tb;
                .box-align-center;
                line-height: 8vw;

                p {
                    font-size: 3.333vw;
                    color: #959595;
                }

                b {
                    font-size: 4vw;
                    color: #252525;
                }
            }
        }
    }

    .van-tabs {
        height: 16.4vw;

        .van-tabs__wrap {
            height: 16.4vw;
        }

        .van-tab__text {
            font-size: 4.267vw !important;
            .b;
        }

        .van-tabs__line {
            bottom: 7vw;
        }
    }
}

.SubsidyDetail {
    .b_l_w;
    font-size: 3.2vw;
    padding: 4vw 3.333vw;

    .content {
        .b_l_w;
        .b_k;
        border-radius: 2.667vw;
        margin-bottom: 4vw;
        padding: 9.733vw 3.333vw 0;
        position: relative;
        min-height: 13vw;

        > div {
            .b_l_w;
        }

        .tit {
            .box;
            .box-align-center;
            position: absolute;
            left: 0;
            top: 4vw;
            .b;
            font-size: 3.733vw;

            p {
                width: 0.667vw;
                height: 3.333vw;
                background-color: #498e68;
                margin-right: 1.467vw;
            }
        }

        .t1 {
            .box;
            .box-align-center;
            margin: 2vw 0 1vw;
            .b;
            font-size: 4vw;
            color: #1b1b1b;

            img {
                width: 8vw;
                height: 8vw;
                border-radius: 0.667vw;
                margin-right: 2.533vw;
            }
        }

        .t2 {
            .box;
            margin: 2vw 0 1vw;

            img {
                width: 10.667vw;
                height: 10.667vw;
                .y50;
                margin-right: 2.667vw;
            }

            .c {
                height: 10.667vw;
                padding-top: 1vw;
                .box;
                .box-tb;
                .box-pack-center;
                line-height: 5vw;

                b {
                    font-size: 4vw;
                    color: #1b1b1b;
                }

                p {
                    color: #606060;
                }
            }
        }

        .list {
            padding: 2vw 0;
            line-height: 6vw;
            border-bottom: 1px dotted #f5f5f5;

            &:last-child {
                border: 0;
            }

            p {
                .box;

                b, span {
                    margin-left: auto;
                }

                span {
                    .box;
                    .box-align-center;

                    img {
                        margin-left: 2vw;
                        height: 3.467vw;
                    }
                }
            }
        }

        .c1 {
            color: #ff0016;
        }

        .c2 {
            color: #606060;
        }
    }
}

.Integral-fl {
    .b_l_w;

    > .van-tabs__wrap {
        height: 12vw;

        .van-tab {
            width: 21.333vw;
            height: 8vw;
            border-radius: 4vw;
            background-color: #eeeeee;
            margin-right: 2.667vw;

            &:nth-last-child(-n+2) {
                margin-right: 0;
            }

            .van-tab__text {
                color: #313131;
            }
        }

        .van-tab--active {
            background-color: #2f9969;
        }

        .van-tab--active .van-tab__text {
            font-weight: normal !important;
            .bs;
        }

        .van-tab__text--ellipsis {
            font-size: 4vw;
        }

        .van-tabs__nav--line {
            padding: 0;
        }

        .van-tabs__line {
            bottom: 1.6vw;
        }
    }
}