@import 'gm.less?t=';
@import 'box.less';
@import 'var.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;
    position: relative;

    img {
        display: block;
    }

    > .mx-auto {
        width: 93.333vw;

        > div {
            .b_l_w;
        }
    }

    ._pf {
        position: fixed;
        top: calc(~'80% - 10vw');
        right: 3.333vw;
        z-index: 100;

        img {
            height: 20vw;
        }
    }

    .banner {
        position: relative;

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

        img {
            display: block;
        }

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

        .m {
            .b_l_w;
            height: 10.267vw;
            .box;
            .box-pack-between;
            .bs;
            margin: 0 0 1vw;

            div {
                .box;
                .box-align-center;
                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;
            }
        }
    }

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

                .d1 {
                    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 {
                    .d1 {
                        background-color: #ffe9c2;
                        color: #864500;
                    }
                }
            }
        }

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

    .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;
        background: linear-gradient(0deg, rgba(254,161,0,0) 0%, #ffaf58 100%) no-repeat;
        background-size: 100% 66.667vw;
        overflow: hidden;
        font-size: 3.2vw;
        position: relative;
        border-radius: 3.333vw 3.333vw 0vw 0vw;
        padding: 0 2vw;

        .title {
            .b_l_w;
            .box;
            .box-align-center;
            .bs;
            height: 13.733vw;
            font-size: 3.467vw;

            b {
                font-size: 5.333vw;
            }

            span {
                margin: 1vw 0 0 3vw;
            }

            a {
                .bs;
                margin-left: auto;
            }
        }

        .list {
            .b_l_w;
            .b_k;
            height: 40vw;
            border-radius: 2vw;
            margin-bottom: 4vw;
            .box;

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

            .c {
                width: 100%;
                height: 40vw;
                .box;
                .box-tb;
                .box-pack-between;
                padding:3.333vw;

                .name {
                    .b_l_w;
                    .text-hide-2;
                    font-size: 4vw;
                    .b;
                    margin-bottom:3vw;
                }

                s {
                    font-size: 3.733vw;
                    color: #b1b1b1;
                }

                .price {
                    b {
                        color: #ea3e23;
                        font-size: 5.333vw;

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

                .buy {
                    .box;
                    .box-align-center;
                    margin-top:3vw;

                    >div{
                        margin:0;
                    }

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

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

.index-showGift{
    width:100vw;
    padding:0 4vw;
    .box;
    .box-tb;
    .box-align-center;
}

.sy_fl {
    .b_l_w;
    .mb10;
    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;
    }
}

.sy_fl2 {
    height: 56px;

    a {
        min-width: 86px;
        text-align: center;
        line-height: 22px;
        padding-top: 7px;
        position: relative;
        padding: 7px 10px;

        b {
            font-size: 15px;
            letter-spacing: 1px;
        }

        div {
            display: block !important;
            min-width: 60px;
            height: 18px;
            line-height: 16px;
            border-radius: 16px;
            color: #989898;
            padding: 0 5px;
        }
    }

    .a {
        color: #ea372e;

        div {
            background-image: linear-gradient(91deg, #d7382d 0%, #e6544c 100%), linear-gradient( #ea372e, #ea372e);
            color: #fff;
        }
    }
}

.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: 36px;
            overflow: hidden;
            line-height: 18px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            word-break: break-all;
        }

        .jg {
            color: #ea3e23;
            line-height: 20px;

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

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

            s,font {
                color: #9f9f9f;
            }

            s{
                margin:.4vw 0 0 2vw;
            }

            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: 40px;
    z-index: 0;
    height: 0px;
    overflow: hidden;

    > .d1 {
        position: relative;

        .name {
            .box;
            .box-tb;
            .b;
            position: absolute;
            font-size: 4vw;
            left: 18vw;
            top: 2.5vw;
        }

        .ewm_t {
            position: absolute;
            width: 40vw;
            height: 40vw;
            left: 30vw;
            top: 115.333vw;
            .b_k;
        }

        .tx {
            position: absolute;
            width: 10.133vw;
            height: 10.133vw;
            left: 4.667vw;
            top: 4vw;
            .y50;
        }
    }

    > .d2 {
        position: relative;

        ._info {
            width: 55vw;
            .box;
            .box-align-center;
            .box-pack-center;
            position: absolute;
            left:22.5vw;
            bottom: 42.133vw;
            font-size: 3.867vw;
            height:12vw;
            line-height: 6vw;

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

            div {
            }
        }

        .ewm_t {
            position: absolute;
            width: 54.667vw;
            height: 54.667vw;
            left: 22.667vw;
            bottom: 54.8vw;
        }
    }
}

.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;
        margin: 0;
        height: 34.267vw;

        .portrait {
            width: 17.067vw;
            height: 17.067vw;
            position: relative;
            padding: 1px;
            border: 1px solid #e3c69e;
            .y50;

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

            .t2 {
                position: absolute;
                left: calc(~'1.2vw + 1px');
                bottom: -2.267vw;
                width: 13.6vw;
                height: 4vw;
                line-height: 4vw;
                background-image: linear-gradient(90deg, rgba(63, 35, 11, 1) 0%, #0c0600 100%);
                border-radius: 0.667vw;
                .b;
                font-size: 2.667vw;
                color: #e3c69e;
                padding-left: .9vw;
                .box;

                img {
                    height: 100%;
                    margin-left: auto;
                }
            }
        }

        .information {
            width: 40vw;
            margin-left: 3.867vw;
            line-height: 7vw;
            color: #e3c69e;

            > div {
                .b_l_w;
            }

            .name {
                font-size: 4.267vw;
                margin-top: -.7vw;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
            }

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

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

    }

    .promotion {
        height: 20vw;
        border-radius: 2vw;
        padding: 1px;
        background: linear-gradient(0deg, #472a0f 0%, #e3c69e 100%);

        .c {
            .b_l_w;
            height: 100%;
            background-image: linear-gradient(90deg, rgba(63, 35, 11, 1) 0%, #0c0600 100%);
            border-radius: 2vw;
            .box;
            .box-align-center;
            padding: 0 4vw 0 5vw;
            padding: 0 4vw 0 5vw;

            .l {
                .box;
                .box-tb;
                .box-align-start;
                .bs;

                img {
                    height: 5.733vw;
                    margin-bottom: 3vw;
                }
            }

            .r {
                margin-left: auto;
                width: 24vw;
                height: 8vw;
                font-size: 4vw;
                letter-spacing: 0.2vw;
                white-space: nowrap;
            }
        }
    }

    .wallet {
        .b_k;
        height: 22.667vw;
        border-radius: 2vw;
        .box;
        .box-align-center;

        a {
            width: 100%;
            .box;
            .box-tb;
            .box-align-center;
            padding-top: .5vw;

            b {
                font-size: 4.8vw;
                height: 5.333vw;
                line-height: 5.333vw;
            }

            img {
                height: 5.333vw;
            }

            p {
                margin-top: 1.5vw;
                color: #7d7d7d;
            }
        }
    }

    .title {
        width: 100%;
        .box;
        .box-align-center;
        padding: 3.333vw 3.333vw 0;

        b {
            font-size: 3.733vw;
        }

        a {
            margin-left: auto;
            color: #595959;
        }
    }

    .other {
        .b_k;
        border-radius: 2vw;

        .list {
            .box;
            .box-wrap;
            padding-bottom: 4vw;

            a {
                .center;
                width: 25%;
                margin: 4vw 0 0;
                position: relative;

                .label {
                    position: absolute;
                    right: 2.533vw;
                    top: -2vw;
                    .bs;
                    .center;
                    font-size: 2.133vw;
                    width: 8vw;
                    height: 3.333vw;
                    line-height: 3.333vw;
                    background-color: var(--red);
                    border-radius: 1.067vw 1.067vw 1.067vw 0vw;
                }

                img {
                    height: 6vw;
                }

                p {
                    color: #7d7d7d;
                    line-height: 6vw;
                }
            }
        }
    }
}

.my-manage {
    .c {
        .b_k;
        width: 46.667vw;
        height: 100vh;
        position: relative;
        padding: 3vw 4vw 0 3.333vw;

        .van-divider {
            font-size: 3.2vw;
        }

        a {
            width: 100%;
            .box;
            .box-align-center;
            height: 12.667vw;
            color: #1b1b1b;

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

            i {
                margin: .5vw 0 0 auto;
                font-size: 3vw;
                color: #535353;
            }
        }

        button {
            position: absolute;
            left: 3.333vw;
            bottom: 12vw;
            width: 40vw;
            height: 10vw;
            border-radius: .667vw;
            border-color: #1b1b1b;
        }
    }
}

.my-btn {
    position: absolute;
    right: 1vw;
    top: 4vw;
    .box;

    a {
        .box;
        .box-tb;
        .box-align-center;
        color: #e3c69e;
        font-size: 2.667vw;

        p {
            line-height: 5vw;
        }

        img {
            height: 4.667vw;
        }
    }

    a + a {
        margin-left: 4vw;
    }
}

.fans {
    .b_l_w;
    padding: 5.333vw 3.333vw;

    > div {
        .b_l_w;
    }

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

    .v {
        display: inline-block;
        height: 20px;
        line-height: 20px;
        padding: 0 10px 0 12.6px;
        .f13;
        color: #8d5e1f;
        letter-spacing: 2.6px;
        background-image: linear-gradient(-90deg, #f0d09c 0%, #d09d58 100%);
        .r10;
        vertical-align: top;
        margin: 1px 0 0 10px;
    }

    .top {
        background-color: var(--red);
        border-radius: 3.333vw;
        padding: 0 3.333vw;

        .t {
            .b_l_w;
            .bs;
            .box;
            .box-align-center;
            height: 22.267vw;

            div {
                .center;
                font-size: 4vw;
                line-height: 9vw;

                b {
                    font-size: 6.667vw;
                }
            }

            a {
                margin-left: auto;
                .b_k;
                width: 29.333vw;
                height: 8vw;
                line-height: 8vw;
                border-radius: 4vw;
                .box;
                .box-align-center;
                .box-pack-center;
                font-size: 4vw;
                color: var(--red);

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

        .c {
            .b_l_w;
            background: rgba(255,255,255,.2);
            border-radius: 3.333vw;
            .bs;
            margin-bottom: 3.733vw;

            ._c {
                .b_l_w;
                .box;
                .box-align-center;
                .box-pack-around;
                height: 16.667vw;
                position: relative;

                > p {
                    width: 1px;
                    height: 10vw;
                    background: rgba(255,255,255,.2);
                }
            }

            .d {
                .center;
                line-height: 6vw;
                padding-top: 1vw;
                width: 50%;

                p {
                    font-size: 3.333vw;
                }

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

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

                    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;
            color: #595959;

            img {
                display: inline-block;
                height: 5.333vw;
                margin: 0 0 2.533vw .5vw;
            }

            p {
                line-height: 3.2vw;
                font-size: 3.467vw;
            }

            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: var(--red);
        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;
    }

    .search {
        .van-search__action {
            position: absolute;
            width: 14.8vw;
            height: 4vw;
            line-height: 4vw;
            font-size: 3.467vw;
            right: .4vw;
            color: #1b1b1b;
            border-left: 1px solid #b5b5b5;
            .center;
            background: none;
            border-radius: 0;
            color: var(--red);
        }
    }

    > .top {
        padding: 0 3.333vw;
        height: 33.333vw;
        background: url(/images/store-index-bg.jpg) no-repeat;
        background-size: 100% auto;

        > div {
            .b_l_w;
        }

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

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

                .bs;
                .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: 46.667vw;
            margin: 0 0 4.667vw;
            background-image: linear-gradient(0deg, #f5f5f5 0%, #ffffff 100%);
            border-radius: 3.333vw 3.333vw 0vw 0vw;
            overflow: hidden;
            padding: 4vw 0 0;
            position: relative;

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

            .swiper-slide {
                width: 20vw;
                .center;
                height: calc(~'(100% - 2.6vw) / 2') !important;

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

                p.active {
                    color: var(--red);
                }
            }

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

                .swiper-pagination-progressbar-fill {
                    background-color: var(--red) !important;
                    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: 6.667vw;
                    line-height: 6.667vw;
                    border-radius: 5vw;
                    background: #fff;
                    font-size: 3.467vw;
                }

                .a {
                    background: var(--red);
                    .bs;
                }
            }

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

                .van-tabs__wrap {
                    height: 6.667vw;
                }

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

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

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

                    .van-tab__text {
                        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: #fff;
                                border-radius: 0.667vw;
                                border: solid 1px var(--red);
                                white-space: nowrap;
                                .box;
                                margin-right: 2.667vw;

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

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

                                .z {
                                    padding: 0 1.733vw;
                                    color: var(--red);
                                }
                            }
                        }
                    }

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

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

    .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 {
                        width: 9.333vw;
                        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;
                }
            }
        }

        .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;
    background-color: #f5f5f5;
    background-image: url(/images/personal-bg.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding: 0 3.333vw;
    font-size: 3.2vw;

    > div {
        .b_l_w;
    }

    .top {
        .b_l_w;
        height: 30.667vw;
        .box;
        .box-align-center;
        padding-top: 4vw;

        > img {
            width: 16vw;
            height: 16vw;
            border: solid 1px #fff;
            border-radius: 1.333vw;
            margin: 0 3.333vw 0 1.333vw;
            object-fit: cover;
        }

        .name {
            width: calc(~'100% - 20vw');
            height: 100%;
            .box;
            .box-align-center;
            .box-wrap;
            padding: 5.5vw 0 6vw;

            b, p {
                .b_l_w;
            }

            b {
                font-size: 4.267vw;
            }

            p {
                color: #898989;
                .box;

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

    ._wallet {
        .b_l_w;
        padding-top: 13.333vw;
        position: relative;
        margin-bottom: 4vw;

        .t {
            .b_l_w;
            position: absolute;
            top: 0;
            left: 0;
            height: 20vw;
            background-color: #222222;
            border-radius: 4vw;
            border-radius: 4vw 4vw 0 0;
            .box;
            .box-align-center;
            padding: 0 3.333vw 6.667vw 4.667vw;

            img {
                width: 6.667vw;
                height: 7.333vw;
                margin-right: 3.2vw;
            }

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

            a {
                margin-left: auto;
                .bs;
            }
        }

        .c {
            .b_l_w;
            .b_k;
            border-radius: 4vw 4vw 2vw 2vw;
            padding: 0 3.333vw;
            position: relative;
            z-index: 2;
            background-image: url(/images/personal-bg2.png);
            background-repeat:no-repeat;
            background-position-x:100%;
            background-size: 24.667vw 29.333vw;

            a.a1 {
                .b_l_w;
                height: 26.8vw;
                .box;
                .box-align-center;
                .box-wrap;
                padding: 2vw 0;

                > div {
                    .b_l_w;
                }

                .d {
                    .box;
                    .box-align-center;

                    > b {
                        font-size: 6.667vw;

                        span {
                            font-size: 3.2vw;
                        }
                    }

                    div {
                        height: 6.133vw;
                        line-height: 6.133vw;
                        border-radius: 1.333vw;
                        border: solid 1px #222;
                        margin-left: 6.667vw;
                        font-size: 3.2vw;
                        color: #1b1b1b;
                        padding: 0 2vw;

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

            ._c {
                .b_l_w;
                height: 13vw;
                line-height: 13vw;
                border-top: 1px solid #f5f5f5;
                .box;

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

    ._block {
        .box;
        .box-pack-between;

        b {
            color: #222;
            font-size: 4.667vw;
            margin-bottom: 3vw;
        }

        p {
            color: #404040;
        }

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

            > a {
                width: 45.333vw;
                height: 21.333vw;
                border-radius: 2vw;
                position: relative;
                padding: 3vw 0 0 4vw;
                .box;
                .box-tb;

                img {
                    height: 16.667vw;
                    position: absolute;
                    right: 0;
                    bottom: 0;
                }
            }

            .m2-1 {
                border: solid 1px var(--red);
                background-color: #fff5f5;
            }

            .m2-2 {
                border: solid 1px #6686ff;
                background-color: #f8f9ff;
            }
        }
    }

    .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 {
        .b_k;
        border-radius: 2vw;
        margin: 4vw 0;
        padding: 0 3.333vw;

        > div {
            .b_l_w;
        }

        .name {
            font-size: 4.667vw;
            .b;
            margin-top: 4vw;
            .center;
        }

        .t {
            .box;
            height: 12.533vw;
            line-height: 12.533vw;

            span {
                color: #898989;
                margin-left: 2vw;
            }

            a {
                margin-left: auto;
            }
        }

        .c {
            .box;
            .box-pack-between;
            .box-wrap;
            padding-bottom: 1.333vw;

            .l {
                width: 42vw;
                height: 29.333vw;
                background-color: #f5f5f5;
                border-radius: 2vw;
                margin: 0 0 2.667vw;
                padding: 0 3.333vw;
                .box;
                .box-tb;

                div {
                    .box;
                    .box-align-center;
                    height: 10.667vw;
                    white-space: nowrap;
                    border-bottom: 1px solid #eee;

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

                b {
                    font-size: 4.8vw;
                    color: #1b1b1b;
                    margin: 3.333vw 0 2vw;
                }

                p {
                    span {
                        color: #898989;
                        margin-right: 2.133vw;
                    }
                }
            }
        }
    }

    ._menu {
        margin: 5.333vw 0 12.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: #337bff;
            border-radius: 6.667vw;
            .center;
            .b;
            .bs;
            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;
            .b_k;
            border-radius: 0.667vw;
            border: solid 1px var(--red);
            white-space: nowrap;
            .box;
            width: max-content;

            .i {
                width: 6vw;
                height: calc(~'4.667vw - 2px');
                line-height: calc(~'4.667vw - 2px');
                background-color: var(--red);
                .box;
                .box-pack-center;
                .box-align-center;
                font-size: 3.467vw;
                .bs;

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

            .z {
                padding: 0 1.733vw;
                color: var(--red);
            }
        }
    }

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

                &::-webkit-input-placeholder {
                    font-size: 6vw;
                }
            }
        }
    }

    .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;
            font-size: 3.2vw;
            color: #1b1b1b;

            > div {
                width: 3.333vw;
                height: 3.333vw;
                line-height: 3.333vw;
                background: var(--red);
                border-radius: .5vw;
                font-size: 2.4vw;
                .bs;
                .center;
                margin-right:2vw;
            }

            > b {
                font-size: 4vw;
            }

            > p {
                margin-left: auto;
                color: #dd0303;
            }
        }
    }

    .btn {
        padding: 10vw 6.667vw 17.333vw;

        button {
            border: 0;
            width: 100%;
            font-size: 4.8vw;
            .b;
        }
    }
}

.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: #6686ff;
        border-radius: 2vw;
        box-shadow: 0 0 3vw #6686ff;
        position: relative;
        .box;
        .box-tb;
        .box-pack-center;
        padding: 0 4.533vw;
        .bs;
        .b;

        .tit {
            font-size: 4vw;
            margin-bottom: 4vw;
        }

        .price {
            font-size: 6.667vw;
            margin-bottom: 6vw;

            img {
                .img-f;
            }
        }

        .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: #dde0ff;
        border-radius: 2vw;
        .box;
        .box-align-center;
        .box-pack-center;
        color: #535fe8;

        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;
    background: linear-gradient(0deg, #f5f5f5 0%, #337bff 100%) no-repeat;
    background-size: 100% 73.333vw;
    position: relative;
    padding: 0 3.333vw 10vw;

    > div {
        .b_l_w;
    }

    .reload {
        height: 13.333vw;
        line-height: 13.333vw;
        .box;
        .box-align-center;
        .bs;
        font-size: 3.467vw;

        a {
            font-size: 3.2vw;
            border: 1px solid #fff;
            padding: 0 1.333vw;
            height: 5.333vw;
            .bs;
            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;
        }
    }

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

        .l {
            .b_k;
            width: 45.333vw;
            height: 29.333vw;
            border-radius: 2vw;
            margin-bottom: 2.667vw;
            padding: 0 3.333vw;
            .box;
            .box-tb;

            .tit {
                .b_l_w;
                .box;
                .box-align-center;
                height: 10.667vw;
                border-bottom: 1px solid #f5f5f5;

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

            b {
                font-size: 4.8vw;
                margin: 3vw 0 2vw;
            }

            p {
                color: #b3b3b3;

                span {
                    margin-right: 2.667vw;
                }

                .s1 {
                    color: #f00;
                }

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

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

        .tit {
            margin: 4.667vw 0;
            height: 6vw;
            line-height: 6vw;
            .box;
            .box-align-center;

            b {
                font-size: 4.267vw;
            }

            a {
                margin-left: auto;
                height: 6vw;
                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;
                }

                div {
                    width: 0;
                    height: 0;
                    margin: .5vw 0 0 1vw;
                    border-bottom: 1vw solid transparent;
                    border-right: 1vw solid transparent;
                    border-left: 1vw solid transparent;
                    border-top: 1vw solid #1b1b1b;
                }
            }
        }

        .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: #F3FBFF;
            border-radius: 2vw;
            border: solid 1px #337bff;
            .box;
            .box-wrap;
            .box-align-center;

            > p {
                width: 1px;
                height: 6.667vw;
                background-color: rgba(27,27,27,.5);
            }

            > div {
                width: calc(~'50% - 1px');
                .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: #409eff;
            }

            .b1 {
                color: #e6a23c;
            }

            .b2 {
                color: #f56c6c;
            }

            .b4 {
                color: #67c23a;
            }
        }

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

                    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(#E03224,#f5f5f5) no-repeat;
    background-size: 100% 75vw;
    min-height: 75vw;
    position: relative;

    &::before {
        content: '';
        width: 90.667vw;
        height: 2.667vw;
        background-color: #c92a2a;
        border-radius: 1.333vw;
        position: absolute;
        left: 4.667vw;
        top: 29.233vw;
    }

    > div {
        .b_l_w;
    }

    .top {
        height: 30vw;
        .box;
        .box-align-center;
        .box-pack-center;
        .center;
        .bs;
        line-height: 10.667vw;

        b {
            font-size: 6.667vw;
        }

        img {
            height: 10.667vw;
            margin-right: 4vw;
            .img-f;
        }
    }

    .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-check {
    .b_l_w;
    font-size: 3.2vw;

    .c1 {
        color: #a1a1a1;
    }

    .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;
        margin-bottom: 4vw;

        > div {
            .b_l_w;
        }

        .t {
            height: 12vw;
            border-bottom: 1px solid #fff;
            .box;
            .box-align-center;
            padding:0 1.333vw;

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

            a {
                margin-left: auto;
            }
        }

        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;
                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;
    padding: 4vw 5.333vw;

    > div {
        .b_l_w;
        .affair-k;
        font-size: 4vw;
    }

    .van-tabs {

        .van-tabs__wrap {
            height: 13.333vw;
        }

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

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

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

    .date {
        .b_l_w;
        margin-bottom: 4vw;
        font-size: 4vw;
        .b;
    }

    ._month {
        height: 33.333vw;
    }
}

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

    .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 {
                .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-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: #b2e5fb;
            border-radius: 3.667vw;
            margin-top: 5vw;
            .center;
            color: #3285ff;
            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;
            }
        }
    }
}

.affair-list {
    .b_l_w;
    padding: 4vw 3.333vw;

    > div {
        .b_l_w;
    }

    .top {
        height: 26.667vw;
        background-color: #0d0d0d;
        border-radius: 2vw;
        .box;
        .box-align-center;
        .bs;

        div {
            width: 100%;
            font-size: 3.467vw;
            .box;
            .box-align-center;
            .box-tb;

            b {
                margin-top: 4vw;
                font-size: 5.333vw;
            }
        }

        div + div {
            border-left: 1px dashed rgba(255,255,255,.5);
        }
    }

    .tab {
        height: 16vw;
        .box;
        .box-align-center;

        .tabs {
            .b;
            min-width: 46.667vw;
            font-size: 3.733vw;
            .box;

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

                img {
                    width: 1.867vw;
                    margin-left: 1.867vw;
                }
            }

            a + a {
                margin-left: 5vw;
            }
        }

        .van-search__content {
            .b_k;
        }
    }

    .list {
        .b_l_w;
        .b_k;
        border-radius: 2vw;
        padding: 0 3.333vw;
        color: #1b1b1b;
        margin-bottom: 4vw;

        > div {
            .b_l_w;
        }

        .t {
            .box;
            .box-tb;
            .box-pack-center;
            line-height: 6.4vw;
            padding: 1vw 0;
            min-height: 17.333vw;

            > b {
                .box;
                .box-align-center;
                line-height: 6.667vw;
                .b;
                font-size: 3.733vw;
                margin: 2vw 0 1.5vw;
                position: relative;

                .img {
                    width: 6.667vw;
                    height: 6.667vw;
                    border-radius: 1.333vw;
                    margin-right: 2vw;
                }

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

                .d1 {
                    width: 60vw;
                    .text-hide-1;
                }

                .d2 {
                    .box;
                    .box-tb;
                    .box-pack-around;

                    b {
                        font-size: 4vw;

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

                    > p {
                        line-height: 3vw;
                        margin: 1vw 0 2vw;
                        color: #7d7d7d;
                        font-weight: normal;
                    }
                }

                > b {
                    margin-left: auto;
                    font-size: 3.467vw;
                    position: absolute;
                    right: 0;
                    top: 0;
                }

                .s1 {
                    color: #4d982e;
                }

                .s2 {
                    color: var(--red);
                }

                .s3 {
                    color: #7d7d7d;
                }
            }
        }

        .m {
            .box;
            .box-align-center;
            height: 12.667vw;
            border-top: 1px solid #eee;

            p {
                b {
                    color: var(--red);
                }
            }

            .btn {
                margin-left: auto;
                .box;

                a {
                    .center;
                    width: 22.667vw;
                    height: 7.333vw;
                    line-height: calc(~'7.333vw - 2px');
                    border-radius: 3.667vw;
                    border: solid 1px #000000;
                    font-size: 3.467vw;

                    &:last-child {
                        color: var(--red);
                        border: solid 1px var(--red);
                        margin-left: 3.333vw;
                    }
                }
            }
        }
    }
}

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


    .t {
        .box;
        background: #f1f1f1;
        padding: 0 3.333vw;
        height: 12vw;
        line-height: 12vw;

        span {
            margin-left: auto;
        }

        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;

            span {
                margin-left: auto;
            }

            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 var(--red);
            .box-center-center;
            .b;
            .y50;
            color: var(--red);
            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: var(--red);
        border-radius: 6vw;
        font-size: 4.267vw;
        .b;
        .bs;
        letter-spacing: 0.427vw;
    }
}

.cards {
    .b_l_w;

    > div {
        .b_l_w;
    }

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

    .van-tab--active {
        .b;
        font-size: 15px;
    }

    .van-tabs__wrap {
        background:#f5f5f5;
        height: calc(~'44px + 4vw') !important;
        padding:1vw 0 3vw;
    }

    .banner {
        padding: 10px 12px;
        position: relative;

        > div {
            position: absolute;
            .bs;
            left: 67/7.5vw;
            top: 60/7.5vw;
            font-size: 34/7.5vw;
            line-height: 9.5vw;

            p {
                font-size: 52/7.5vw;
            }
        }

        img {
            width: 100%;
            .r10;
        }
    }

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

        > div {
            width: 45.333vw;
            background-color: #fefefe;
            border-radius: 2vw;
            margin-bottom: 4vw;
            .box;
            .box-tb;

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

            .c {
                width: 100%;
                .box;
                .box-tb;
                padding: 2vw;
            }

            .name {
                height: 10vw;
                line-height: 5vw;
                .text-hide-2;
                font-size: 3.2vw;
                .b;
            }

            .price {
                margin: 1vw 0;

                b {
                    color: #ea3e23;
                    font-size: 4.933vw;
                    margin-right: 2vw;

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

                s {
                    color: #7d7d7d;
                }
            }
        }
    }
}

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

    .top {
        .b_l_w;
        .box;
        .box-align-center;
        height: 36vw;
        padding-left: 1.333vw;
        .box;

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

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

                .t1 {
                    width: 100%;
                    height: 100%;
                    .y50;
                    border: .4vw solid #fff;
                }

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

        .information {
            width: 67vw;
            margin-left: 4vw;
            line-height: 7vw;
            .box;
            .box-tb;

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

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

                img {
                    display: inline-block;
                    width: 12vw;
                    margin: 0 0 .7vw 2vw;
                }
            }
        }

        .my-btn {
            a {
                color: #1b1b1b;
            }
        }
    }

    ._task {
        position: absolute;
        top: 36vw;
        left: 6.8vw;
        width: 86.667vw;
        height: 10.66vw;
        border-radius: 2vw 2vw 0 0;
        background-color: #222;
        .box;
        .box-align-center;
        padding: 0 2vw;

        a {
            margin-left: auto;
            .bs;
        }

        b {
            color: #eec58d;
            font-size: 3.667vw;
            white-space: nowrap;
        }

        img {
            height: 5.333vw;
            margin: 0 1vw 0 0;
        }
    }

    .bm {
        .b_l_w;
        margin: 14vw 0 4vw;
        .b_k;
        box-shadow: inset -5vw 11vw 5vw -10vw #F6E6D7;
        border-radius: 4vw 4vw 2vw 2vw;
        font-size: 3.2vw;

        .i {
            width: 2.4vw;
            height: 2.4vw;
            margin-left: .533vw;
        }

        .d1 {
            .b_l_w;
            height: 100%;
            border-radius: 3.333vw 3.333vw 0 0;
            border-bottom: 0;
            padding: 0 3.333vw;

            .tip {
                .b_l_w;
                .box;
                .box-align-center;
                font-size: 3.333vw;
                .b;
                height: 8.267vw;
                letter-spacing: 0.333vw;

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

                i {
                    margin-left: auto;
                }
            }

            .t {
                .b_l_w;
                height: 11.867vw;
                .box;
                .box-align-center;

                b {
                    font-size: 4vw;
                }

                a {
                    margin-left: auto;
                    color: #a1a1a1;
                }
            }

            ._bm {
                .b_l_w;
                .box;
                height: 19.067vw;
                .box-align-center;
                .box-pack-between;
                border-top: 1px solid #f5f5f5;

                a {
                    width: 50%;
                    .center;
                    font-size: 4.267vw;
                    .b;
                    line-height: 6vw;
                    position: relative;
                    padding-left: 1.067vw;

                    &:before {
                        content: ' ';
                        position: absolute;
                        height: 100%;
                        width: 1px;
                        top: 0;
                        right: 0;
                        background-image: linear-gradient(0deg, rgba(241, 242, 229, 0.1) 0%, rgba(241, 242, 229, 0.5) 50%, rgba(241, 242, 229, 0.1) 100%);
                    }

                    &:last-child {
                        padding-left: 4.533vw;

                        &:before {
                            background-image: initial !important;
                        }
                    }

                    p, span {
                        font-size: 4vw;
                        font-weight: normal !important;
                    }

                    span, font {
                        margin-left: 0;
                    }

                    font {
                        font-size: 4.667vw;
                    }
                }
            }
        }
    }

    .form {
        .b_l_w;
        .b_k;
        border-radius: 2vw;
        padding: 0 3.333vw;
        margin-bottom: 4vw;
        .box;
        .box-tb;

        .t {
            .b_l_w;
            height: 11.867vw;
            .box;
            .box-align-center;

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

            > a {
                margin-left: auto;
                color: #a1a1a1;
            }

            .reload {
                width:max-content;
                font-weight:normal;
                font-size: 3.2vw;
                border: 1px solid #000;
                padding: 0 1.333vw;
                height: 5.333vw;
                line-height: calc(~'5.333vw - 2px');
                border-radius: 0.667vw;
                .box;
                .box-align-center;
                margin-left: 2vw;

                img {
                    height: 3.333vw;
                    margin-left: 1vw;
                    .img-0;
                }
            }

            .rotate {
                animation: rotate .5s linear;
            }
        }

        .c {
            .box;
            .box-align-center;
            .box-pack-around;
            height: 18vw;
            padding-bottom: 3vw;

            a {
                .box;
                .box-tb;
                .center;
                line-height: 7vw;

                p {
                    color: #434343;
                }

                b {
                    font-size: 4vw;
                    color: var(--red);
                }
            }
        }
    }

    ._area {
        .b_l_w;
        .b_k;
        border-radius: 2vw;
        margin-bottom: 4vw;

        .t {
            .b_l_w;
            height: 11.867vw;
            .box;
            .box-align-center;
            padding: 0 3.333vw;

            b {
                font-size: 4vw;
            }
        }

        ._c {
            .b_l_w;
            height: 20vw;
            padding-bottom: 4vw;
            .box;
            .box-align-center;

            a {
                width: 100%;
                .box;
                .box-tb;
                .box-align-center;

                img {
                    height: 6vw;
                }

                p {
                    color: #7d7d7d;
                    margin-top: 2vw;
                }
            }
        }
    }
}

.affair-vip {
    margin: 3px 0 0 0;

    .b_l {
        margin: 1px 0 0 13px;
        padding: 0 10px 0 13px;
        height: 17px;
        line-height: 17px;
        background: #951B1B;
        border-radius: 0 17px*.512 17px*.512 0;
    }
}

.affair_vip {
    .b_l;
    width: max-content;

    .affair-vip {
        .b_l;
        height: 4.667vw;
        line-height: 4.667vw;
        border-radius: 4vw;
        margin-right: 2vw;
        font-size: 3.2vw;
        padding: 0 2vw;
    }

    .d1 {
        background-image: linear-gradient(90deg, #ffc272 0%, #fbdbad 50%, #ffc272 100%);
    }

    .d2 {
        background-color: #000000;
        .bs;
    }

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

.Affair-Deposit {
    .b_l_w;
    padding: 4vw 3.333vw;

    .top {
        .b_l_w;
        height: 26.667vw;
        background: url(/images/Affair-Deposit-bg.png) no-repeat;
        background-size: 100% 100%;
        .box;
        .box-tb;
        .box-pack-center;
        .bs;
        padding: 0 5.333vw;

        p {
            font-size: 4.8vw;
        }

        b {
            margin-top: 2vw;
            font-size: 8vw;

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

    .btn {
        .b_l_w;
        padding: 10.667vw 6.667vw;

        button {
            .b_l_w;
            .center;
            .bs;
            .b;
            font-size: 4.267vw;
            letter-spacing: .64vw;
            height: 13.333vw;
            line-height: 13.333vw;
            background-color: var(--red);
            border-radius: 6.667vw;
        }
    }

    .text {
        .b_l_w;
        .box;
        .box-tb;
        .box-align-center;
        .box-pack-center;

        b {
            font-size: 3.733vw;
            color: #313131;
            margin-bottom: 3vw;
        }

        p {
            line-height: 5.333vw;
            color: #434343;
        }
    }
}

.Affair-init {
    .b_l_w;
    background: url(/images/Affair-init-bg.png) no-repeat;
    background-size: 100% auto;
    padding: 36.267vw 3.333vw;

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

        > div {
            .b_l_w;
        }

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

            p {
                width: 0.667vw;
                height: 3.333vw;
            }

            b {
                font-size: 4vw;
                margin: 0 3.333vw 0 2.267vw;
            }

            span {
                color: #909090;
            }

            a {
                margin-left: auto;
                color: #313131;
            }
        }

        .m {
            .box;
            .box-wrap;
            border-radius: 2vw;
            padding: 2vw 0;

            div {
                width: 33.333%;
                .box;
                .box-pack-center;
                .box-align-center;
                font-size: 3.333vw;
                height: 9.333vw;

                p {
                    width: 5.333vw;
                    height: 5.333vw;
                    .y50;
                    .box;
                    .box-align-center;
                    .box-pack-center;
                    margin-right: 2vw;

                    img {
                        height: 3.333vw;
                    }
                }
            }
        }
    }

    .d1 {
        .t {
            p {
                background-color: #fdd001;
            }
        }

        .m {
            background-color: #fffaf3;

            p {
                background-color: #ffbc07;
            }
        }
    }

    .d2 {
        .t {
            p {
                background-color: #4e7afb;
            }
        }

        .m {
            background-color: #f1f4fc;

            p {
                background-image: linear-gradient(0deg, #6686ff 0%, #8faaff 100%);
            }
        }
    }
}

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

    .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-1 {
    background: url(/images/asset-bg1.png) no-repeat;
    background-size: 100% auto;
    padding: 6.667vw 3.333vw 0;

    .t {
        background: url(/images/asset-t1.png);
        height: 52vw
    }

    .c {
        padding: 5vw 5.467vw 0;
    }
}

.asset-2 {
    background: url(/images/asset-bg2.png) no-repeat;
    background-size: 100% auto;
    padding: 6.667vw 3.333vw 0;

    .t {
        background: url(/images/asset-t2.png);
        height: 49.333vw;
    }

    .c {
        padding: 5vw 5.467vw 0;
    }
}

.asset-3 {
    padding: 6.667vw 3.333vw 0;

    .t {
        background: url(/images/asset-t3.png);
        height: 30.667vw;
        margin-bottom: 4vw;
    }

    .c {
        padding: 5vw 5.467vw 0;
        .number{
            margin:6vw 0 0 !important;
        }
    }
}

.asset-4 {
    padding: 6.667vw 3.333vw 0;

    .t {
        background: url(/images/asset-t4.png);
        height: 30.667vw;
        margin-bottom: 4vw;
    }

    .c {
        padding: 5vw 5.467vw 0;
        
        *{
            color:#fff!important;
        }
        .number {
            margin: 6vw 0 0 !important;
        }
    }
}

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

.asset-incomes {
    .b_l_w;
    margin: 4vw 0;
    .b_k;
    border-radius: 2vw;
    position: relative;
    overflow: hidden;
    color: #1b1b1b;
    font-size: 3.2vw;

    > div {
        .b_l_w;
    }

    .pf {
        position: absolute;
        left: 0;
        top: 0;
        .center;
        width: 26.667vw;
        height: 9.333vw;
        line-height: 9.333vw;
        background-image: linear-gradient(-90deg, #434343 0%, #1b1b1b 100%);
        border-radius: 0vw 0vw 1.333vw 0vw;
        .b;
        .bs;
        font-size: 4.667vw;
    }

    > .t {
        height: 12.667vw;
        line-height: 9.333vw;
        .right;
        padding: 0 3.467vw 0 0;

        b {
            color: var(--red);
            font-size: 4vw;

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

    .l {
        padding: 0 2vw;

        > ._l {
            .b_l_w;
            position: relative;
            min-height: 10.667vw;
            background-color: #f5f5f5;
            border-radius: 1.333vw;
            margin: 0 0 2vw;

            &::before {
                content: '';
                position: absolute;
                left: 0;
                top: 4vw;
                width: 1.067vw;
                height: 2.667vw;
                background-color: var(--red);
                border-radius: 0.533vw;
            }

            ._t {
                .box;
                .box-align-center;
                height: 10.667vw;
                padding: 0 2.933vw;

                b {
                    font-size: 4vw;
                }

                a {
                    margin-left: auto;
                    font-size: 3.733vw;
                    .b;
                }
            }

            ._m {
                height: 16.533vw;
                .box;
                .box-align-center;
                margin-top: -2vw;

                div {
                    width: 100%;
                    .box;
                    .box-tb;
                    .box-align-center;
                    line-height: 6vw;

                    p {
                        color: #7d7d7d;
                    }

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

    .btn {
        padding: 2vw 13.333vw 4vw;

        button {
            .b;
            height: 10.667vw;
            .bs;
            font-size: 4vw;
            width: 100%;
        }
    }
}

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

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

    .top {
        height: 29.333vw;
        border-radius: 2vw;
        background: url(/images/income-bg.png) no-repeat;
        background-size: 100% 100%;
        .bs;
        .box;
        .box-tb;
        .box-pack-center;
        padding: 0 5.2vw;

        p {
            font-size: 3.733vw;
            margin-bottom: 4vw;
        }

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


.tab-card {
    height: 8vw;

    .van-tabs__wrap {
        height: 100% !important;
    }

    .van-tabs__nav--card {
        margin: 0;
        border: 0;
        height: 100%;
        background: transparent;

        .van-tab {
            border: 0;
            height: 100%;
            border-radius: 4vw;
            background-color: #eee;
            font-size: 3.467vw;
        }

        .van-tab + .van-tab {
            margin-left: 2.667vw;
        }

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

.partner {
    .b_l_w;

    .content {
        .b_l_w;
        padding: 4vw 3.333vw;
        color: #1b1b1b;
        font-size: 3.2vw;

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

        ._divvy {
            padding: 0 3.333vw;

            .t {
                .box;
                .box-align-center;
                height: 11.733vw;
                .b;
                font-size: 4vw;
                border-bottom: 1px solid #eee;

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

            .m {
                .box;
                .box-align-center;
                height: 20.133vw;

                div {
                    width: 100%;
                    .box;
                    .box-tb;
                    .box-align-center;
                    line-height:7vw;

                    p {
                        color: #787878;
                    }

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

.Partner-Deposit {
    .b_l_w;
    font-size: 3.2vw;

    > img {
        width: 25.781vw;
        height: 30.625vw;
        position: absolute;
        right: 0;
        top: 27.75vw;
    }

    .mx-auto {
        width: 86.667vw;

        > div {
            .b_l_w;
        }
    }

    .top {
        height: 38.667vw;
        .bs;
        .box;
        .box-tb;
        .box-pack-center;
        line-height: 10vw;
        padding-top: 4vw;

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

            div {
                font-size: 4.267vw;
            }

            a {
                padding: 0 2vw;
                height: 5.333vw;
                border-radius: 2.667vw;
                border: solid 1px #fff;
                font-size: 2.667vw;
                .box;
                .box-align-center;
                .box-pack-center;
                .bs;
                white-space: nowrap;

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

        .title {
            font-size: 3.467vw;
        }

        .price {
            .b;
            margin-top: 2vw;
            font-size: 4vw;

            span {
                font-size: 8.667vw;
            }
        }

        .tip {
            margin-top: -1vw;
            opacity: .5;
        }
    }

    .content {
        .b_l_w;
        .b_k;
        .box;
        .box-tb;
        border-radius: 2.667vw 2.667vw 0vw 0;
        padding: 3vw 6.667vw;
        line-height: 10vw;

        > b {
            font-size: 3.733vw;
        }

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

            img {
                height: 3.733vw;
                margin-right: 2.8vw;
            }

            b {
                margin-left: auto;
            }
        }
    }

    .list {
        margin: 2vw 0;
        .b_l_w;
        .b_k;
        .box;
        .box-tb;
        padding: 0 3.333vw 4vw;

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

            b {
                font-size: 3.733vw;
            }

            .van-search {
                width: 40vw;
            }
        }

        .l {
            .box;
            .box-align-center;
            height: 10vw;
            border-bottom: 1px solid #eee;

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

            span {
                color: #7d7d7d;
            }

            b, a {
                margin-left: auto;
            }
        }
    }

    .performance {
        .b_k;
        .b_l_w;
        border-radius: 2.667vw 2.667vw 0vw 0;
        min-height: 50vw;
    }
}

.User-Group {
    .b_l_w;
    font-size: 3.2vw;

    > div {
        .b_l_w;
    }

    .top {
        .box;
        .box-tb;
        height: 40vw;
        background-color: #313131;

        .t {
            padding: 4vw;
            .box;
            .box-align-center;
            .bs;
            font-size: 3.733vw;
            width: 80vw;

            b {
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
            }

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

        .m {
            height: 24vw;
            .box;
            .box-align-center;

            a {
                width: 100%;
                .box;
                .box-tb;
                .box-align-center;
                .bs;

                img {
                    height: 8vw;
                    margin-bottom: 3.333vw;
                }
            }
        }

        .my-btn {
            right: 4vw;
        }
    }

    .content {
        padding: 4vw 3.333vw 0;

        > div {
            .b_l_w;
            .b_k;
            border-radius: 1.333vw;
            margin: 0 0 4vw !important;
        }

        .tip {
            height: 8vw;
            background-color: #F9F1DB;
            border-radius: 1.333vw;
            .box;
            .box-align-center;
            padding: 0 2.667vw;
            color: #1b1b1b;

            div {
                width: 12.667vw;
                height: 4.667vw;
                line-height: 4.267vw;
                border-radius: 0.667vw;
                border: solid 0.2vw #ffcd00;
                font-size: 2.667vw;
                .b;
                .center;
                color: #ffcd00;
                margin-right: 2vw;
            }

            a {
                margin-left: auto;
                color: #434343;
            }
        }

        .bm {
            box-shadow: inset -5vw 11vw 5vw -10vw #F4EFEB;
        }

        ._data {
            .tabs {
                .b_l_w;
                border-top:1px solid #eee;
                height: 10vw;
                .box;
                .box-align-center;

                .van-tab {
                    margin: 0 2vw 0 0;
                }

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

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

                .van-tabs__wrap {
                    height: 6vw;
                }

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

            .c {
                .b_l_w;
                .box;
                .box-align-center;
                height: 24vw;

                div {
                    width: 100%;
                    .box;
                    .box-tb;
                    .box-align-center;
                    line-height:6vw;

                    p {
                        color: #262626;
                    }

                    b {
                        font-size: 4.267vw;
                    }

                    span {
                        color: #7d7d7d;
                    }
                }
            }
        }
    }
}

.performance-pop {
    height:100vh;
    padding: 0 0 3.333vw;
    color: #1b1b1b;
    font-size: 3.2vw;
    position:relative;

    span {
        color: #7d7d7d;
    }

    > div {
        .b_l_w;
    }

    .title {
        height: 24vw;
        .b_k;
        .box;
        .box-tb;
        .box-pack-center;
        .box-align-center;
        line-height: 8vw;
        padding-top:2vw;
        position:sticky;
        z-index:100;
        top:0;
        left:0;
        >i{
            position:absolute;
            right:3.333vw;
            top:3.333vw;
            font-size:5vw;
        }
        .t1 {
            b {
                font-size: 3.733vw;
            }
        }

        .t2 {
            width:100%;
            font-size: 3.467vw;
            .box;
            .box-pack-between;
            padding: 0 15vw;
        }
    }

    ._content {
        padding-top:2vw;

        .list{
            width:93.333vw;
            margin:0 auto 4vw;
        }
    }
}

.user-ambs {
    .b_l_w;
    font-size: 3.2vw;

    > div {
        .b_l_w;
    }

    .content {
        .b_k;
        border-radius: 4vw 4vw 0 0;
        padding: 4vw 3.333vw 0;
        min-height: 100vw;

        > div {
            .b_l_w;
        }

        .tip {
            height: 11.467vw;
            .box;
            .box-align-center;
            .b;
            font-size: 3.467vw;

            span {
                color: var(--red);
            }

            p {
                margin-left: auto;
            }
        }
    }


    .list {
        box-shadow: 0 0 3vw #e9e9e9;
        border-radius: 2vw;
        padding: 0 3.333vw;
        overflow: hidden;
        margin-bottom: 4vw;

        .t {
            .box;
            .box-align-center;
            padding: 2vw 0;
            position: relative;

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

            .stats {
                position: absolute;
                right: 0;
                top: 2.667vw;

                .s1 {
                    color: #4d982e;
                }

                .s2 {
                    color: var(--red);
                }

                .s3 {
                    color: #7d7d7d;
                }
            }

            .c {
                .box;
                .box-tb;
                .box-pack-center;
                line-height: 6vw;
                padding: 2.5vw 0 1vw;

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

                p {
                    color: #7d7d7d;
                }
            }
        }

        .m {
            height: 10.533vw;
            .box;
            .box-align-center;
            border-top: 1px solid #eee;

            p {
                margin-left: auto;
            }

            b {
                font-size: 3.733vw;
                color: var(--red);
            }
        }

        button {
            height: 100%;
            line-height: 6.4vw;
            letter-spacing: 0.32vw;
            font-size: 3.2vw;
        }
    }
}

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

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

    .w100 {
        img {
            border-radius: 2vw;
        }
    }

    .list {
        .b_k;
        border-radius: 2vw;
        height: 29.333vw;
        .box;
        .box-align-center;
        padding: 0 3.333vw;
        position: relative;

        > img {
            width: 14.933vw;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 1;
        }

        .img {
            min-width: 22.667vw;
            max-width: 22.667vw;
            height: 22.667vw;
            border-radius: 2vw;
            position: relative;
            overflow: hidden;

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

            .not {
                width: 100%;
                height: 100%;
                background: rgba(0,0,0,.5);
                .box;
                .box-pack-center;
                .box-align-center;
                position: absolute;
                left: 0;
                top: 0;

                img {
                    height: 12vw;
                }
            }
        }

        .c {
            width: 100%;
            height: 22.667vw;
            padding-left: 2.667vw;
            .box;
            .box-tb;
            .box-pack-between;

            .name {
                .b;
                line-height: 3.924vw;
                .text-hide-2;
            }

            .d {
                .box;
                .box-pack-between;
                .box-align-end;

                .l {
                    .box;
                    .box-tb;

                    .need {
                        color: #e03224;
                    }

                    .price {
                        margin-top: 2vw;

                        b {
                            color: #e03224;
                            font-size: 4.267vw;

                            span {
                                font-size: 2.667vw;
                            }
                        }

                        s {
                            color: #7d7d7d;
                            margin-left: 2vw;
                        }
                    }
                }

                .r {
                    .box;
                    .box-tb;
                    .box-align-center;
                    .box-pack-between;
                    height: max-content !important;

                    p {
                        font-size: 2.667vw;
                        color: #7d7d7d;
                        margin-bottom: .6vw;
                    }

                    .van-button {
                        margin-top: .6vw;
                        width: 16vw;
                        height: 5.333vw;
                        font-size: 3.2vw;
                        white-space: nowrap;
                    }
                }
            }
        }
    }

    .list-0 {
    }
}

.SettleInit {
    .b_l_w;
    background: linear-gradient(0deg, #f5f5f5 0%, rgba(51,123,255,.3) 100%) no-repeat;
    background-size:100% 53.333vw;
    font-size: 3.2vw;

    > div {
        .b_l_w;
    }

    .top {
        height: 40vw;
        .box;
        .box-tb;
        .box-pack-between;
        padding: 5vw 3.333vw 6vw;

        b {
            font-size: 5.6vw;
            color: #1b1b1b;
        }

        p {
            color: #434343;
        }

        div {
            width: max-content;
            height: 8vw;
            line-height: 8vw;
            background-color: #f1f4ff;
            border-radius: 4vw;
            .box;
            .box-align-center;
            padding: 0 4vw 0 2vw;
            color: #707070;

            img {
                height: 8vw;
            }

            span {
                color: #337bff;
            }
        }
    }

    .van-steps {
        background: transparent;

        .van-step__icon--active {
            color: rgb(51, 123, 255);
            background: rgb(51, 123, 255);
            border-radius: 50%;
            border: 1vw solid #C9D9F8;
            font-size: 2vw;
        }

        .van-step__circle {
            width: 2vw;
            height: 2vw;
        }

        .van-step__line {
            background: #e5e5e5;
            clip-path: polygon(0 3.667vw, 100% 3.667vw, 100% calc(~'100% - 1.333vw'), 0 calc(~'100% - 1.333vw'));
        }

        .van-step--vertical {
            padding-right: 3.333vw;
        }

        .t {
            .box;
            .box-pack-between;
            font-size:3.2vw;
            line-height:5.1vw;

            b {
                font-size: 4vw; 
            }
        }

        .m {
            .b_k;
            border-radius: 3.333vw;
            padding: 3.333vw;
            .box;
            .box-align-center;
            margin-top: 3.2vw;

            img {
                width: 13.333vw;
                height: 13.333vw;
                margin-right: 3vw;
            }

            .c {
                height: 13.333vw;
                .box;
                .box-tb;
                .box-pack-between;
                padding: 1.5vw 0 1vw;

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

                p {
                    color: #959595;
                    font-size: 3.2vw;
                }
            }

            .van-button {
                margin-left: auto;
                width: 16vw;
                height: 7.333vw;
                background-color: #337bff;
                font-size: 3.2vw;
                white-space:nowrap;
            }
        }
    }
}

.SettleInitShow {
    padding: 3.333vw;
    font-size: 3.2vw;
    color: #1b1b1b;

    > div {
        .b_l_w;
        height: 53.333vw;
        border-radius: 2vw;
        padding: 3.333vw;
        margin-bottom: 3.333vw;
        .box;

        img {
            margin-left: auto;
            width: 30vw;
        }

        .c {
            width: 50vw;
            height: 100%;
            .box;
            .box-tb;

            .title {
                .box;
                .box-align-center;

                b {
                    font-size: 4vw;
                    letter-spacing: 0.2vw;
                }

                span {
                    width: 14.667vw;
                    height: 5.333vw;
                    line-height: 5vw;
                    border-radius: 0.667vw;
                    .center;
                    .b;
                    margin-left: 3.333vw;
                }

                .s1 {
                    border: solid 0.267vw #e03224;
                    color: #e03224;
                }

                .s2 {
                    border: solid 0.267vw #1678ff;
                    color: #1678ff;
                }
            }

            .label {
                margin: 3.333vw 0 0;
                line-height: 4.8vw;
            }

            .code {
                .b;
                line-height: 4.8vw;
                margin-top: auto;
            }
        }
    }

    .d1 {
        background-color: #D8F0E2;

        .code {
            color: #2b511a;
        }
    }

    .d2 {
        background-color: #D0E4FF;

        .code {
            color: #1678ff;
        }
    }
}

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

    > *, .van-tabs, .step {
        .b_l_w;
    }

    .tip {
        color: #7d7d7d;
        height: 10.667vw;
        line-height: 10.667vw;
    }

    .step {
        border-radius: 2vw;
        .b_k;
        overflow: hidden;

        > div {
            .b_l_w;
        }
    }

    [class*=van-hairline]::after {
        display: none;
    }

    .title {
        .b_l_w;
        font-size: 3.733vw;
        .b;
        color: #1b1b1b;
        padding: 3vw 3vw 2vw;
    }

    ._label {
        background-color: #e2f4fe;
        border-radius: 0.667vw;
        margin: 0 0 3vw;
        padding: 3vw;
        line-height: 4.8vw;
        color: #1b1b1b;
    }

    .mx {
        padding: 0 3.333vw;
    }

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

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

    .van-radio__label {
        font-size: 3.2vw;
        color: #434343;
    }

    .van-uploader__upload-text {
        line-height: 4vw;
        padding: 0 2vw;
    }

    .van-form {
        > div:last-child {
            background-color:transparent !important;
        }
    }
}