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

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

.van-nav-bar .van-icon {
    color: #000 !important;
}
//赚呗
.zb {
    .b_l_w;
    background: url(../images/zb-bg.png) no-repeat;
    background-size: 100% 586/7.5vw;
    padding-top: 307/7.5vw;

    .doc {
        .mx-auto;
        width: 700/7.5vw;
    }

    .jd {
        .b_l_w;
        background-image: linear-gradient(0deg, #ffffff 0%, #dec6bc 100%);
        border-radius: 10/7.5vw;

        > .bt {
            .b_l_w;
            height: 105/7.5vw;
            line-height: 116/7.5vw;
            overflow: hidden;
            padding: 0 32/7.5vw;
            .b;

            .b_l {
                color: #77381c;
                font-size: 26/7.5vw;
            }

            .b_r {
                letter-spacing: 1px;
                color: #f54029;
                font-size: 30/7.5vw;

                img {
                    vertical-align: top;
                    height: 42/7.5vw;
                    margin: 39/7.5vw 0 0 1.5vw;
                }
            }
        }

        > .nt {
            .b_l_w;
            padding: 0 12/7.5vw;
            .box;
            .box-pack-between;
            .box-wrap;

            > div {
                margin-bottom: 36/7.5vw;
                width: 330/7.5vw;
                min-height: 450/7.5vw;
                background-color: #ffffff;
                border-radius: 5/7.5vw;
                border: solid 1/7.5vw #ebdbd6;
                overflow: hidden;

                .bt {
                    .b_l_w;
                    font-family: FZLTTHK--GBK1-0;
                    font-size: 40/7.5vw;
                    .b;
                    /*font-style: italic;*/
                    .left;
                    padding: 23/7.5vw 17/7.5vw 16/7.5vw 17/7.5vw;
                    color: #f54029;
                    border-bottom: 1px solid #f4f4f4;

                    .sl {
                        width: max-content;
                        padding: 0.2vw 10/7.5vw;
                        margin-top: 1vw;
                        border-radius: 5/7.5vw;
                        border: solid 1px #a4a4a4;
                        font-size: 20/7.5vw;
                        color: #717171;
                        font-style: normal;
                        font-weight: normal;

                        b {
                            color: #000;
                        }
                    }
                }

                .nt {
                    .b_l_w;
                    margin-top: 2vw;
                    font-size: 22/7.5vw;
                    padding: 0 0 0 18/7.5vw;
                    line-height: 54/7.5vw;
                }

                .btn {
                    .b_l_w;
                    padding-top: 1.5vw;
                    .center;

                    a {
                        .bs;
                        .mx-auto;
                        display: block;
                        width: 255/7.5vw;
                        height: 53/7.5vw;
                        line-height: 53/7.5vw;
                        background-color: #f54029;
                        border-radius: 27/7.5vw;
                    }

                    .a {
                        background-color: #c3c3c3;
                    }
                }
            }
        }
    }
}

//任务订单

.rw-order {
    .b_l_w;
    padding: 18/7.5vw;

    > div {
        .b_l_w;
        /*height: 633/7.5vw;*/
        background-color: #ffffff;
        border-radius: 12/7.5vw;
        padding: 0 31/7.5vw;
        margin-bottom: 30/7.5vw;

        .bt {
            .b_l_w;
            padding: 0 5/7.5vw;
            border-bottom: 1px solid #efefef;
            .right;
            color: #ee3d35;
            height: 94/7.5vw;
            line-height: 94/7.5vw;

            b {
                .b_l;
                font-size: 28/7.5vw;
                color: #313131;
            }
        }

        .nt {
            .b_l_w;
            font-size: 26/7.5vw;
            line-height: 54/7.5vw;
            border-bottom: 1px solid #efefef;
            padding: 1.5vw 0;
        }

        .btn {
            .b_l_w;
            line-height: 40/7.5vw;
            padding: 3.8vw 0;
            font-size: 26/7.5vw;

            a {
                display: block;
                .b_r;
                .center;
                padding: 0 2vw;
                height: 67/7.5vw;
                line-height: 67/7.5vw;
                background-color: #4d91ef;
                border-radius: 12/7.5vw;
                font-size: 23/7.5vw;
                vertical-align: top;
                margin-top: -5vw;
                .bs;
            }

            .a {
                background: #3b3939;
            }

            .a2 {
                background: #BDBDBD;
            }
        }
    }
}

//广告任务大厅

.ad-rw {
    .b_l_w;
    background: url(../images/ad-rw-bg.png) no-repeat;
    background-size: 100% 827/7.5vw;

    .doc {
        width: 692/7.5vw;
        .mx-auto;
    }

    .tips {
        .b_l_w;
        .center;
        margin-top: 32/7.5vw;
        background: #FBEAE2;
        height: 62/7.5vw;
        line-height: 62/7.5vw;
        border-radius: 30/7.5vw;
        color: #ef2e2e;
        font-size: 28/7.5vw;
    }

    .nothing {
        .b_l_w;
        .center;
        .bs;
        font-size: 28/7.5vw;
        margin-top: 84/7.5vw;

        img {
            width: 504/7.5vw;
        }

        padding-bottom: 356/7.5vw;
    }

    .current {
        .bs;
        .center;
        width: 692/7.5vw;
        height: 88/7.5vw;
        line-height: 88/7.5vw;
        background-color: #db4d3f;
        font-size: 30/7.5vw;
        position: fixed;
        bottom: 4vw;
    }

    .nt {
        .b_l_w;
        min-height: 100vw;
        margin-top: 43/7.5vw;
        .box;
        .box-pack-between;
        .box-wrap;

        > div {
            margin-bottom: 57/7.5vw;
            width: 331/7.5vw;
            height: 455/7.5vw;
            background-color: #ffffff;
            box-shadow: 1px 1vw 0px 0px rgba(178, 25, 0, 0.03);
            border-radius: 56/7.5vw;
            border: solid 1px #ffdada;
            padding: 0 25/7.5vw;
            .center;

            .t {
                display: inline-block;
                margin-top: -1.2vw;
                vertical-align: top;
                width: 206/7.5vw;
                height: 19/7.5vw;
                background-color: #f94d5c;
                border-radius: 10/7.5vw;
            }

            .video {
                width: 280/7.5vw;
                height: 298/7.5vw;
                background-color: #f2f2f2;
                border-radius: 50/7.5vw;
                position: relative;
                overflow: hidden;
                padding-top: 111/7.5vw;

                > img {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                }

                .complete {
                    .b_l_w;
                    .bs;
                    height: 65/7.5vw;
                    line-height: 65/7.5vw;
                    background: rgba(0,0,0,0.3);
                    letter-spacing: 3/7.5vw;
                    font-size: 30/7.5vw;
                    position: absolute;
                    bottom: 0;
                }

                .play {
                    img {
                        width: 76/7.5vw;
                        position: relative;
                    }
                }
            }

            .xx {
                .b_l_w;
                .left;
                margin-top: 2.5vw;
                font-size: 26/7.5vw;
                line-height: 40/7.5vw;
            }
        }
    }
}

.video-pf {
    .bs;
    .b_l_w;
    .p20;
    position: absolute;
    background: rgba(0, 0, 0, 0.3);
    left: 0;
    bottom: 0;
    line-height: 30px;

    img {
        vertical-align: top;
        margin-right: 5px;
    }
}

//联盟商圈
.lmsq {
    .b_l_w;
    background: url(../images/lmsq-banner.png) no-repeat;
    height: 388*0.512px;
    background-size: 100% 388*0.512px;
    .bs;

    .w1 {
        .center;
        height: 85*0.512px;
        line-height: 85*0.512px;
        font-size: 29*0.512px;
    }

    .search_div {
        top: 45*0.512px;
        width: 95%;
        left: 2.5%;
    }
}

.lmsq-px {
    .b_l_w;
    .b_k;
    .r10;
    .mt10;

    a {
        margin: 11px 0;
        display: block;
        width: 50%;
        .center;
        .b_l;
        height: 34*0.512px;
        color: #474747;
        font-size: 23*0.512px;

        img {
            height: 13px;
            margin: 2px 0 0 5px;
            vertical-align: top;
        }

        &:first-child {
            border-right: 1px solid #EDEDED;
        }
    }

    .a {
        color: #001034;
    }
}

.lmsq-lb {
    .b_l_w;
    .mt15;

    > div {
        .w1;
        .b_k;
        .r10;
        .mb10;
        padding: 0 22*0.512px;

        > .b_l_w {
            padding: 32px*0.512 0 14*0.512px 0;
            border-bottom: 1px solid #f3f3f3;

            .tx {
                .b_l;

                img {
                    width: 198px*0.512;
                    height: 198px*0.512;
                    border-radius: 6px;
                }
            }

            .xx {
                .b_l;
                margin-left: 19px*0.512;

                b {
                    font-size: 28px*0.512;
                    color: #000000;
                }

                color: #898888;
                line-height: 14px;
                margin-top: 5px;
                font-size: 20px*0.512;
            }

            .b_r {
                width: 145px*0.512;
            }

            a {
                display: block;
                .center;
                width: 145px*0.512;
                height: 48px*0.512;
                line-height: 46px*0.512;
                border: 1px solid #000000;
                border-radius: 5px*0.512;
                margin-top: 13px*0.512;
                letter-spacing: 1px;
            }
        }

        a {
            margin: 40px*0.512 0;
            .w1;
            display: block;

            img {
                width: 26px*0.512;
                margin-right: 10px*0.512;
            }

            span {
                .b_r;

                i {
                    font-size: 15px;
                    margin-left: 5px;
                }
            }
        }
    }
}


//首页
#position_sy {
    text-align: center;

    li {
        list-style-type: none;
        margin-left: 5px;
        width: 4px;
        height: 4px;
        border-radius: 4px;
        background-color: #ccc;
        display: inline-block;

        &.on {
            background-color: #fff;
            width: 8px;
        }
    }
}

#slider_sy {
    width: 100%;
    overflow: hidden;

    .dimg {
        float: left;
        position: relative;
        box-sizing: border-box;

        img {
            width: 100%;
        }
    }

    .divdhbody {
        width: 50000px;
    }

    img {
    }
}

input {
    &.sy_sh_txt {
        display: block;
        background-image: url(../images/fdj2.png);
        background-position: 8px 7px;
        background-repeat: no-repeat;
        background-size: 15px 15px;
        background-color: transparent;
        width: 100%;
        box-sizing: border-box;
        border: 0px;
        height: 30px;
        padding: 5px 20px 5px 30px;
    }

    &.sy_search_txt {
        display: block;
        margin-top: 10px;
        border: 0px;
        width: 100%;
        background-color: #fff;
        padding: 10px 0 10px 15px;
        border-radius: 20px;
        height: 35px;
        text-align: left;
        font-size: 14px;
        float: left;

        &::-webkit-input-placeholder {
            color: #bab9b9;
        }
    }
}

.sy_sy_a {
    a {
        float: left;
        background-color: #f8f8f8;
        padding: 0px 5px 0px 5px;
        margin: 0px 5px 5px 0px;
        border-radius: 5px;
    }
}

.search_div {
    border-radius: 10px;
    height: 0px;
    padding: 10px;
    position: absolute;
    width: 100%;
    top: 0px;

    div {
        margin: 12px 0;
        letter-spacing: 1px;
    }

    img {
        position: relative;
        vertical-align: top;
        margin-top: 5px;
    }
}

.sy_search_bt {
    position: absolute;
    right: 22px;
    top: 27px;
    width: 20px;
    height: 20px;
    background-image: url(../images/sy_search.png);
    background-size: 100% 100%;
    border: 0px;
    background-color: transparent;
}

.sy_gfsc {
    border-top: 1px solid #f4f4f4;
    padding: 9px 10px 0 10px;
    font-size: 3.2vw;

    img {
        display: inline-block !important;
        height: 4vw;
        margin: 0px 5px 0 0;
        vertical-align: top;
    }
}

#scrollDiv ul, #scrollDiv li {
    margin: 0;
    padding: 0;
}

#scrollDiv {
    width: 100%;
    height: 45px;
    line-height: 45px;
    overflow: hidden;

    li {
        height: 41px;
        color: #444;
        font-size: 12px;
        overflow: hidden;
    }

    img {
        height: 33px;
        margin: 6px 6px 4px 10px;
        vertical-align: top;
    }
}

.dh2_table {
    margin-top: -8vw;
    position: relative;

    table {
        .b_l_w;
        border-collapse: separate;
        border-spacing: 0 5vw;

        td {
            width: 20%;

            img {
                width: auto !important;
                height: 12.267vw !important;
                display: inline-block !important;
            }
        }

        tr td a {
            display: block;
            text-align: center;
            font-size: 3.2vw;
            line-height: 6vw;
        }
    }
}

.sy_rxbk {
    border-radius: 6px;
    padding: 15px 15px 0 15px;
    overflow: hidden;
    box-shadow: 0 0 5px #dbdbdb;

    .b_l_w {
        .b_r {
            width: calc(~'100% - 90px');
            padding: 0 0 0 15px;

            .w1 {
                .b;
                font-size: 13px;
                line-height: 24px;
                height: 48px;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                word-break: break-all;
                overflow: hidden;
            }

            .b_l_w {
                position: relative;
                line-height: 20px;
                padding: 2px 0px 12px 0;
                border-bottom: 1px solid #f8f8f8;

                .xfj {
                    .b_l;
                    margin: 17px 0 0 5px;
                    width: max-content;
                    height: 25px;
                    line-height: 23px;
                    border-radius: 21px;
                    border: solid 1px #d9b564;
                    font-size: 12px;
                    color: #d9b564;
                    padding: 0 5px;
                }

                img {
                    height: 30px*0.512;
                    vertical-align: top;
                    margin: 2px 2px 0 0;
                }

                .b_r {
                    border-radius: 2.5px;
                    display: block;
                    width: max-content;
                    padding: 0 7px;
                    height: 47*0.512;
                    text-align: center;
                    line-height: 24px;
                    color: #fff;
                    background: #d62727;
                    margin-top: 17px;
                }
            }

            s {
                color: #9e9e9e;
                font-size: 12px;
            }

            span {
                color: #ea3e23;
                font-weight: bold;
            }
        }
    }

    & > .w1 {
        height: 44px;
        line-height: 43px;
        padding: 0;
        color: #bfbfbf;
        border-bottom: 1px solid #f8f8f8;

        img {
            width: 24px;
            height: 24px;
            float: left;
            margin-top: 8px;
        }

        .b_r {
            border-left: 1px solid #aaaaaa;
            height: 15px;
            line-height: 15px;
            margin-top: 14px;
            padding-left: 10px;
            color: #767676;
        }
    }

    & > .w1:last-child {
        border-bottom: 0;
        margin-bottom: 0;
    }
}

.sy_more {
    height: 37px;
    line-height: 37px;
    background-color: #ff0000;
    .r10;
    text-align: center;
    color: #fff;
    font-weight: bold;
}

#slider_sy2 {
    height: 135px;

    .dimg {
        float: left;
        position: relative;
        box-sizing: border-box;

        a {
            color: #d61803;
            font-size: 15px;
        }
    }

    .divdhbody {
        width: 50000px;
    }

    .center {
        position: relative;

        .pf {
            position: absolute;
            top: 0px;
            left: 0px;

            img {
                width: 108px*0.512;
            }
        }

        .name {
            width: 96px;
            height: 15px;
            overflow: hidden;
            color: #000;
            font-size: 22px*0.512;
            margin-bottom: 3px;
        }
    }

    a {
        img {
            border-radius: 5px;
            overflow: hidden;
        }
    }
}

#position_sy2 {
    text-align: center;
    margin: 5px 0 10px 0;

    li {
        list-style-type: none;
        margin-left: 3px;
        width: 5px;
        height: 5px;
        border-radius: 5px;
        background-color: #e4e4e4;
        display: inline-block;

        &.on {
            background-color: #ababab;
        }
    }
}

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

    img {
        display: block;
    }

    .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: 1vw;
            }
        }

        .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: -48.2vw;
            left: 0;
            width: 100%;
        }
    }

    .data {
        .b_l_w;
        .b_k;
        .box;
        .box-align-center;
        position: relative;
        margin-top: -9vw;
        height: 16vw;
        border-radius: 10.667vw 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;
                }
            }
        }
    }

    .gift {
        .b_l_w;
        margin-top: 4vw;
        height: 76vw;
        background-color: #ffffff;
        border-radius: 2vw;
        box-shadow: inset -5vw 18vw 5vw -10vw rgba(245, 109, 11, 0.15);
        font-size: 3.2vw;

        .tit {
            .b_l_w;
            padding: 0 3.333vw;
            height: 15.6vw;
            .box;
            .box-align-center;
            color: #404040;

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

                span {
                    color: #d23400;
                }
            }

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

        .div_chao {
            .b_l_w;

            a {
                width: 32vw;
                margin-right: 2.667vw;

                &:first-child {
                    margin-left: 2.667vw;
                }

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

                > div {
                    .b_l_w;
                    padding: 0 1.333vw;
                    white-space: initial !important;
                }

                .name {
                    padding: 0 1.333vw;
                    height: 9.6vw;
                    margin: 1vw 0;
                    overflow: hidden;
                    line-height: 4.8vw;
                    .b;

                    span {
                        .b_l;
                        display: block !important;
                        min-width: 12vw;
                        height: 4vw;
                        line-height: 4vw;
                        padding: 0 .667vw;
                        background-color: #fe6603;
                        border-radius: 0.667vw;
                        .bs;
                        .center;
                        font-size: 2.667vw;
                        margin-right: 1.333vw;
                    }
                }

                .price {
                    line-height: 6vw;

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

                        span {
                            font-size: 3.2vw;
                        }
                    }

                    font {
                        .b_r;
                        font-size: 3.2vw;
                        color: #b1b1b1;
                        margin-top: .2vw;
                    }
                }

                .index-give {
                    margin-top: 1vw;
                }
            }
        }
    }

    .hot {
        .b_l_w;
        margin: 4vw 0;
        height: 66.667vw;
        .b_k;
        border-radius: 2vw;
        .center;
        .box;
        .box-tb;
        overflow: hidden;

        > div {
            width: 100%;
        }

        .title {
            height: 14.267vw;
            line-height: 14.267vw;
            position: relative;
            .box;
            .box-align-center;
            padding: 2.667vw 2.667vw 0;

            img {
                height: 6.533vw;
                margin: -2.667vw 2.667vw 0 0;
            }

            span, a {
                color: #6d6d6d;
            }

            a {
                margin-left: auto;
                white-space: nowrap;
            }
        }

        ._c {
            .b_l_w;
            .box;
            padding: 0 0 0 3.333vw;

            .swiper-free-mode > .swiper-wrapper {
                -webkit-transition-timing-function: linear;
                -moz-transition-timing-function: linear;
                -ms-transition-timing-function: linear;
                -o-transition-timing-function: linear;
                transition-timing-function: linear;
            }

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

            .swiper-slide {
                display: flex;
            }

            .swiper-wrapper {
                transition-timing-function: linear;
            }

            a {
                width: 32vw !important;
                height: 48vw;
                .b_k;
                border-radius: 2vw;
                padding: 1.333vw 1.333vw 0;
                .box;
                .box-tb;
                .box-align-center;
                margin-right: 3.333vw;
                box-shadow: 0 0 2vw #eee;

                > img {
                    width: 29.333vw;
                    height: 29.333vw;
                    margin-bottom: 2vw;
                }

                .name {
                    width: 100%;
                    .left;
                    .text-hide-2;
                    height: 8vw;
                    line-height: 4.2vw;
                    overflow: hidden;
                    .b;
                    word-break: break-all;
                }

                .price {
                    .b_l_w;
                    .box;
                    .box-align-center;
                    .box-pack-between;
                    margin-top: 1vw;

                    b {
                        font-size: 3.467vw;
                        color: #ea3e23;

                        span {
                            font-size: 3.2vw;
                        }
                    }

                    s {
                        color: #b1b1b1;
                    }
                }
            }
        }
    }

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

        > div {
            width: 45.333vw;
            height: 30.667vw;
            background-color: #fff;
            border-radius: 2vw;
            border: solid 1px #ffffff;
            padding: 0 2.667vw;
            .box;
            .box-tb;
            overflow: hidden;

            > div {
                .b_l_w;
            }

            .title {
                min-height: 8.933vw;
                .box;
                .box-align-center;

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

                div {
                    padding: 0 1.467vw;
                    font-size: 2.4vw;
                    height: 3.333vw;
                    line-height: calc(~'3.333vw - 2px');
                    border-radius: 1.667vw 1.667vw 1.667vw 0vw;
                }
            }


            .van-swipe {
                height: 100%;
            }

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

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

        .d1 {
            background-image: url(/images/block-bg2.png);
            background-repeat: no-repeat;
            background-size: 100% 100%;

            .title {
                div {
                    color: #f54d40;
                    border: solid 1px #f54d40;
                }
            }
        }

        .d2 {
            background-image: url(/images/block-bg3.png);
            background-repeat: no-repeat;
            background-size: 100% 100%;

            .title {
                div {
                    color: #2994ff;
                    border: solid 1px #2994ff;
                }
            }
        }
    }

    .choice {
        .b_l_w;
        .b_k;
        height: 37.333vw;
        border-radius: 2vw;
        padding: 0 4vw;
        margin-top: 4vw;
        display: flex;

        .b_l {
            width: 24vw;
            height: 100%;
            .box;
            .box-wrap;
            justify-content: center;
            align-content: center;
            margin-right: 4vw;

            img {
                width: 14.533vw;
                height: 14.4vw;
                margin-bottom: 3.333vw;
            }

            div {
                .center;
                .b_l_w;
                height: 6vw;
                line-height: 6vw;
                background-image: linear-gradient(90deg, #e5b790 0%, #fdead9 50%, #f0cfb0 100%);
                border-radius: 0.667vw;
                font-size: 3.2vw;
                color: #8a340f;
            }
        }

        .van-notice-bar {
            float: left;
            width: 57.334vw;
            height: 100%;
            padding: 0;
            color: #222222;
            font-size: 3.2vw;

            .van-swipe-item {
                .box;
                .box-pack-between;
            }

            .c {
                float: left;
                width: 26.667vw;
                height: 100%;
                .box;
                .box-wrap;
                justify-content: center;
                align-content: center;
                padding-top: 2vw;

                img {
                    width: 20vw;
                    height: 20vw;
                    border-radius: 1.333vw;
                    margin-bottom: 2vw;
                }

                b, div {
                    .b_l_w;
                    .center;
                }

                div {
                    height: 5.333vw;
                    line-height: 5.333vw;
                    background-color: #fce8dc;
                    color: #d23400;
                    border-radius: 2.667vw;
                }

                b {
                    font-size: 4vw;

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

        .van-ellipsis {
            .b_l_w;
        }

        .notice-swipe {
            .b_l_w;
            height: 37.333vw;
        }
    }

    .dsfm {
        .b_l_w;
        padding: 3.333vw 4vw;
        margin-bottom: 4vw;
        background-color: #ffffff;
        border-radius: 2.667vw;

        .t {
            .b_l_w;
            .box;
            .box-align-center;

            b {
                font-size: 3.9vw;

                span {
                    color: #fc0824;
                }
            }

            font {
                margin-left: 1.333vw;
                font-size: 3.2vw;
                padding-left: 1.5vw;
                display: inline-block;
                color: #7f7f7f;
                border-left: 1px solid #eee;
            }

            a {
                margin-left: auto;
                color: #7f7f7f;
                font-size: 3.2vw;
            }
        }

        .c {
            .b_l_w;
            margin-top: 5vw;

            a {
                .b_l;
                margin-right: 2.666vw;

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

                img {
                    display: block;
                    width: 26.667vw;
                    height: 26.667vw;
                    border-radius: 2.667vw;
                }
            }
        }
    }

    > .mx-auto {
        width: 93.333vw;

        .card {
            .b_l_w;
            .box;
            .box-pack-between;
            .box-wrap;

            a {
                margin-bottom: 3.333vw;

                img {
                    width: 29.333vw;
                    height: auto;
                    border-radius: 0.733vw;
                    box-shadow: 0 0 1vw #f1f1f1;
                }
            }
        }
    }

    ._slide {
        .b_l_w;
        .mt20;
        position: relative;
        height: 200px;

        > .d1 {
            position: absolute;
            left: 0;
            top: 0;
            width: 97.5vw;
            height: 190px;

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

            .swiper-slide {
                text-align: center;
                font-size: 18px;
                background: #fff;
                .r5;

                > img {
                    .mt5;
                    .r5;
                    width: 110px;
                    height: 110px;
                }

                .name {
                    .b_l_w;
                    .f13;
                    .b;
                    .left;
                    padding: 0 5px;
                    height: 41px;
                    line-height: 20px;
                    overflow: hidden;
                }

                .price {
                    .b_l_w;
                    .left;
                    padding: 0 5px;
                    height: 20px;

                    img {
                        .b_l;
                        width: 20px;
                        vertical-align: top;
                        margin-top: 1px;
                    }

                    b {
                        .f20;

                        span {
                            .f13;
                        }

                        line-height: 18px;
                    }

                    s {
                        .b_r;
                        color: #b1b1b1;
                        .f12;
                        line-height: 22px;
                    }
                }
                /* Center slide text vertically */
                display: -webkit-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                -webkit-justify-content: center;
                justify-content: center;
                transition: 300ms;
                transform: scale(0.8);
                .box-wrap;
            }

            .swiper-slide-active, .swiper-slide-duplicate-active {
                transform: scale(1);
            }
        }
    }

    .venue {
        .b_l_w;
        .b_k;
        border-radius: 2vw;
        font-size: 3.2vw;
        margin-top: 4vw;

        .t {
            .b_l_w;
            padding: 3.2vw 2.933vw 2.933vw;
            .box;

            > img {
                width: 12vw;
                height: 12vw;
                border-radius: 1.333vw;
                border: solid 1px #f5f5f5;
                margin-right: 3.333vw;
            }

            div {
                height: 12vw;

                b {
                    font-size: 4vw;
                }

                p {
                    margin-top: 1.2vw;
                    padding: 0 1.5vw;
                    height: 4.667vw;
                    line-height: 4.667vw;
                    border-radius: 3px;
                    border: solid 1px #d23400;
                    color: #d23400;
                }
            }
        }

        .div_chao {
            .b_l_w;
            padding-left: 2.667vw;

            a {
                width: 32vw;
                line-height: 5.5vw;

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

                .g {
                    .b_l_w;
                    .center;
                    color: #d23400;
                }

                .block-d3 {
                    margin: 1.333vw 0;
                    width: max-content !important;
                }

                .price {
                    .b_l_w;

                    b {
                        font-size: 4.933vw;

                        span {
                            font-size: 3.2vw;
                        }
                    }

                    s {
                        margin-left: 1vw;
                        color: #b1b1b1;
                    }
                }
            }
        }

        .m {
            .b_l_w;
            .box;
            padding: 3.333vw;
            .box-align-center;

            ._times {
                height: 5.333vw;
                line-height: 5.333vw;
                border: solid 1px #d23400;
                border-radius: 2.667vw;
                overflow: hidden;
                .box;

                .b_l {
                    .bs;
                    width: 12vw;
                    height: 100%;
                    .center;
                    .b;
                    background-color: #d23400;
                }

                .van-count-down {
                    float: left;
                    line-height: 5.333vw;
                    white-space: nowrap;
                    font-size: 3.2vw;
                    width: 30vw;
                    .center;
                    color: #d23400;
                }
            }

            a {
                margin-left: auto;
                .center;
                width: 21.333vw;
                height: 8vw;
                line-height: 8vw;
                font-size: 3.467vw;
                .bs;
                background-color: #d23400;
                border-radius: 4vw;
            }
        }
    }

    .van-tabs {
        .b_l_w;

        .van-tabs__wrap {
            height: 13.867vw;
        }

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

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

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

.block-d1 {
    padding: 0 2.4vw 0 7.067vw;
    width: max-content;
    white-space: nowrap;
    height: 5.333vw;
    line-height: 5.333vw;
    .box;
    .box-align-center;
    .b;
    font-size: 2.933vw;
    background-color: #ff2b00;
    border-radius: 2.667vw;
    position: relative;
    .bs;

    img {
        position: absolute;
        height: 5.2vw;
        left: 1.333vw;
        bottom: 1.333vw;
    }
}

.block-d2 {
    height: 5.333vw;
    position: relative;
    padding: .4vw 0;

    img {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
    }

    div {
        padding: 0 2.933vw 0 7.467vw;
        height: 4.533vw;
        line-height: 4.533vw;
        background-color: #ffe9c2;
        border-radius: 2.267vw;
        .b;
        font-size: 3.2vw;
        color: #864500;
    }
}

.block-d3 {
    position: relative;
    width: max-content;
    height: 4.667vw;
    border-radius: .667vw;
    background: #ffe8cc;
    .box;

    .img {
        .b_l;
        width: 5.333vw;
        height: 100%;
        .box;
        .box-align-center;
        .box-pack-center;
        background-image: linear-gradient(45deg, rgba(255, 146, 43, 1) 0%, #e8590c 100%);
        border-radius: 1.333vw 0vw 2vw 1.333vw;

        img {
            height: 2.933vw;
            margin: 0 !important;
            .img-f;
        }
    }

    .rate {
        .b_l;
        padding: 0 2.933vw;
        height: 4.4vw;
        line-height: 4.4vw;
        border-radius: 2.267vw;
        font-size: 3.2vw;
        color: #e8590c;
    }
}

.sy_fl {
    .b_l_w;
    .mb10;

    .van-tabs__nav--line.van-tabs__nav--complete {
        padding: 0 0 15px !important;
    }

    .van-tab {
        min-width: 20%;
        white-space: nowrap;
        padding: 0 1vw !important;
    }

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

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

    .van-tabs__line {
        width: 40px;
        height: 8px;
        bottom: 26px;
        background: linear-gradient(90deg, rgba(252,215,163,0) 0%, rgba(254, 147, 86, 0.3) 15%, #FAD039 50%, rgba(254, 147, 86, 0.3) 85%, rgba(252,215,163,0) 100%);
    }
}

.index-hot {
    .b_l_w;

    .hot {
        .b_l_w;
        .r10;
        position: relative;

        .top {
            .b_l_w;
            height: 88px*.512;
            line-height: 88px*.512;

            a {
                .f13;
                .b_r;
                margin-right: 10px;
                color: #eb6376;

                i {
                    font-size: 15px;
                }
            }
        }

        .list {
            .b_l;
            .r10;
            background-color: #f5f5f5;
            position: relative;
            width: calc(~'100% - 14px');
            margin: 0 7px 10px;
            overflow: hidden;

            > img {
                .b_l;
                width: 300px*.512;
                height: 300px*.512;
                border-radius: 10px 0px 0px 10px;
            }

            > div {
                .b_r;
                width: calc(~'100% - 155px');
                .box;
                .box-align-center;
                .box-wrap;
                height: 300px*.512;
                padding: 0 10px;

                > div, a {
                    .b_l_w;
                }

                .name {
                    .b;
                    .mt5;
                    .f17;
                    height: 44px;
                    overflow: hidden;
                    .mb10;
                }

                .img {
                    img {
                        .b_l;
                        .y50;
                        width: 17px;
                        height: 17px;
                        margin-right: 2px;
                    }

                    span {
                        .b_r;
                        color: #8f8f8f;
                    }
                }

                .price {
                    b {
                        .f20;
                        color: #f13d3c;

                        span {
                            .f12;
                        }
                    }

                    s {
                        .b_r;
                        color: #a4a4a4;
                        line-height: 25px;
                    }
                }

                .i_hot {
                    position: absolute;
                    width: 48px*.512;
                    height: 60px*.512;
                    left: 7.5px;
                    top: 7.5px;
                }
            }
        }
    }

    .more {
        .center;
        margin: 2vw 0 5vw;
        font-size: 3.733vw;
        display: inline-block;
        width: 53.333vw;
        height: 10.667vw;
        line-height: 10vw;
        box-shadow: inset 0vw 2.4vw 5.067vw 0vw rgba(255, 255, 255, 0.49);
        border-radius: 2vw;
        border: solid 0.267vw #ffffff;
    }
}


.index-give {
    height: 22.5px;
    background-color: #fcd7a3;
    .r5;
    line-height: 23px;
    .center;
    overflow: hidden;

    div {
        color: #fcd7a3;
        .f13;
        .b_l;
        letter-spacing: 1px;
        width: 60px*.512;
        height: 100%;
        background-color: #1b1b1b;
        padding-right: 3px;
        position: relative;

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

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

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

    div {
        .bs;
        .f13;
        .b_l;
        letter-spacing: 1px;
        width: 110px*.512;
        height: 100%;
        background-color: #1b1b1b;
        padding-right: 3px;
        position: relative;

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

    b {
        .b;
        .f13;
    }
}

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

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

        .bt {
            font-size: 3.467vw;
            color: #050505;
            height: 10.667vw;
            overflow: hidden;
            line-height: 5.333vw;
            word-break: break-all;
            .text-hide-2;
            margin-bottom: 1vw;
        }

        .jg {
            .box;

            b {
                .left;
                font-size: 4vw;

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

            s {
                color: #9f9f9f;
                margin: 1px 0 0 8px;
            }

            img {
                margin-left: auto;
                width: 16px;
            }
        }

        .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: 5px;
    position: relative;
    overflow: hidden;

    .w100 {
        position: relative;

        span {
            .b_l_w;
            height: 6.667vw;
            line-height: 6.667vw;
            background: rgba(0,0,0,.5);
            .bs;
            .center;
            .b;
            position: absolute;
            left: 0;
            bottom: 0;
            font-size: 3.2vw;
        }
    }

    .position-absolute {
        left: 2vw;
        top: 2vw;
    }
}


//我的

.my_bg {
    background-repeat: no-repeat;
    height: 444px*.512;
    background-size: 100% 100%;
    padding: 33px 19px;
    position: relative;

    .to-user {
        .b_k;
        .f13;
        position: absolute;
        padding-left: 15px;
        right: 0;
        top: 122px*.512;
        width: 200px*.512;
        line-height: 60px*.512;
        border-radius: 30px*.512 0px 0px 30px*.512;
    }

    b {
        img {
            height: 41*0.512px;
            vertical-align: top;
            margin: 1px 0 0 7px;
        }
    }

    > .b_l {
        width: 24vw;
        position: relative;
        .center;

        > img {
            &:first-child {
                border: 1px solid #fff;
                width: 16vw;
                height: 16vw;
            }

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

    > .b_r {
        width: calc(~'100% - 27vw');
        .box;
        .box-wrap;
        .box-align-center;
        height: 22vw;
    }

    .dw {
        vertical-align: top;
        margin-top: 2px;
    }

    span {
        display: inline-block;
        border: 1px solid #fff;
        padding: 2px 5px;
        line-height: 30px*0.512;
        margin-left: 7px;
        vertical-align: top;
        margin-top: 1px;
        .center;
        font-size: 12px;
    }

    .qh {
        .bs;
        position: absolute;
        top: 27*0.512px;
        right: 35*0.512px;

        img {
            width: 48*0.512px;
            vertical-align: top;
        }
    }
}

.scdd {
    font-size: 18px;
    text-align: left;

    i {
        font-size: 19px;
        vertical-align: top;
        margin-top: -1px;
        margin-left: 5px;
    }

    .b_r {
        line-height: 22px;
        font-size: 13px;
    }
}

.my_ywtc {
    font-size: 14px;
    color: #545454;
    line-height: 35px;
    margin-top: 15px;
    text-align: center;
    margin-left: 13%;
}

.my_ywtc_k {
    background-color: white;
    .r10;
    border: 1px solid #f6f6f6;
    .mt10;
    padding: 17px 21px;

    .float-right {
        font-size: 14px;
        color: #545454;
        line-height: 35px;
        margin-top: 30px;
        text-align: center;
        margin-right: 5%;
    }

    .middle {
        line-height: 26px;
    }
}

.my_k_y {
    .box;
    .middle;
    line-height: 60px*0.512;

    > div {
        .center;
        font-size: 25px*0.512;
        line-height: 60px*0.512;
    }

    > a {
        display: inline-block;
        float: right;
        width: 69px;
        height: 27px;
        line-height: 24px;
        border-radius: 26px;
        border: solid 1px #322f36;
        text-align: center;
        font-size: 16px;
    }
}

.my_dhj, .my_jt {
    padding: 10px 0 0 0;
    border-top: 1px solid #f7f7f7;

    .b_r {
        font-size: 19px;

        i {
            font-size: 25px;
            vertical-align: top;
            margin: -3px 0 0 5px;
        }
    }
}

.my_jt {
    padding: 0 0 10px 0;
    border-top: 0;
    border-bottom: 1px solid #f7f7f7;
}

.my_gn {
    a {
        line-height: 25px;
    }

    span {
        position: absolute;
        width: 8px;
        height: 8px;
        border-radius: 100%;
        background: red;
        top: -3px;
        right: -5px;
    }
}

.my_sjqy {
    line-height: 35px;
    color: #46424a;
    letter-spacing: 1px;

    img {
        vertical-align: top;
        margin-right: 10px;
    }

    .b_r {
        font-size: 19px;

        i {
            font-size: 25px;
            vertical-align: top;
            margin: 5px 0 0 5px;
        }
    }
}

.login-out {
    .bs;
    .r10;
    background: #343442;
    height: 40px;
    margin: 20px 0;
    line-height: 40px;
}



//团队业绩

.team-yj {
    .b_l_w;
    position: relative;
    height: 433px*0.512;
    background: url(../images/team-yj-bg.png) no-repeat;
    background-size: 100% 433px*0.512;

    .t {
        .b_l_w;
        position: absolute;
        left: 0;
        top: 28px*0.512;
        line-height: 36px*0.512;
        .bs;
        padding: 0 20px*0.512;

        a {
            .b_r;
            .bs;

            img {
                width: 36px*0.512;
                vertical-align: top;
                margin-right: 6px;
            }
        }
    }

    .jd {
        .b_l_w;
        .center;
        .bs;

        b {
            font-size: 40px*0.512;
        }

        font-weight: bold;
        font-size: 29px*0.512;
        margin-top: 125px*0.512;
    }

    .box {
        .b_l_w;
        margin-top: 55px*0.512;

        > div {
            .bs;
            .center;
            font-size: 27px*0.512;
            line-height: 50px*0.512;
        }
    }
}

.team-yj-sy {
    .b_l_w;
    .b_k;
    position: relative;
    margin-top: -35px;
    padding: 0 28px*0.512;
    height: 134px*0.512;
    line-height: 134px*0.512;
    border-radius: 12px;
    font-size: 28px*0.512;

    span {
        .b_r;
        color: #ff0c0c;
    }
}

.team-yj-bz {
    .b_l_w;
    padding: 0 14px*0.512;
    line-height: 32px*0.512;
    margin: 29px*0.512 0 64*0.512px 0;
    color: #6d6d6d;
}

.team-yj-tab {
    .b_l_w;
    .b_k;
    border-radius: 12px*0.512;
    padding: 0 18px*0.512 80px*0.512;

    .t {
        .b_l_w;
        .center;
        font-size: 25px*0.512;
        margin: 30px*0.512 0;
    }

    table {
        .b_l_w;
        border-radius: 4px !important;
        border-collapse: collapse;
        border-style: hidden;
        box-shadow: 0 0 0 1px #000;

        td {
            border: 1px solid #000;
            .w-50;
            .center;
            line-height: 21px;
            padding: 10px 0;
        }
    }
}

//买单付款

.check {
    .b_l_w;

    .t {
        .b_l_w;
        .center;
        margin-top: 54px*0.512;

        img {
            .y50;
            width: 136px*0.512;
            height: 136px*0.512;
        }

        font-size: 38px*0.512;
        line-height: 60px*0.512;
        border-bottom: 1px solid #f8f8f8;
        padding-bottom: 60px*0.512;
    }

    .je {
        .b_l_w;

        > div {
            .b_l_w;
            .mt15;
        }

        font-size: 37px*0.512;
        line-height: 90px*0.512;

        b {
            font-size: 65px*0.512;
        }

        input {
            .b_r;
            width: 557/7.5vw;
            height: 90px*0.512;
            border: none;
            border-bottom: 1px solid #f8f8f8;
            font-size: 35px*0.512;
            .mt5;
            letter-spacing: 2px;

            &::-webkit-input-placeholder {
                color: #c4c4c4;
            }
        }
    }

    .bz {
        .b_l_w;
        height: 134px*0.512;
        line-height: 134px*0.512;
        font-size: 28px*0.512;
        border-bottom: 1px solid #f8f8f8;

        input {
            .b_r;
            width: 557/7.5vw;
            height: 100%;
            border: none;
            font-size: 28px*0.512;
        }
    }

    .xfq {
        .b_l_w;
        .mt30;
        font-size: 29px*0.512;
        line-height: 28px;

        img {
            .b_r;
        }
    }

    .btn {
        .b_l_w;
        .mb30;
        margin-top: 50px;
        .center;
        line-height: 80px*0.512;
        color: #f10303;
        font-size: 28px*0.512;

        a {
            .b_l_w;
            .bs;
            .center;
            height: 90px*0.512;
            line-height: 90px*0.512;
            background-color: #4070d4;
            border-radius: 12px*0.512;
            font-size: 33px*0.512;
        }
    }
}

//买单记录

.check-jl {
    .b_l_w;
    .mt15;

    .z {
        font-size: 24px*.512;
        color: #5c5c5c;
        .b_l_w;
        .mb15;
        padding: 33px*.512 28px*.512;
        box-shadow: 2px 6px*.512 25px*.512 0px rgba(166, 166, 166,.2);
        border-radius: 12px*.512;

        b {
            color: #e70000;
        }
    }

    .jl {
        table {
            .b_l_w;

            img {
                .y50;
                width: 89px*.512;
                height: 89px*.512;
                background-color: #32b8eb;
                box-shadow: 1px 5px*.512 8px*.512 0px rgba(44, 44, 44, .2);
                vertical-align: top;
            }

            td {
                font-size: 23px*.512;
                line-height: 46px*.512;

                span {
                    color: #767575;
                }

                b {
                    color: #e70000;
                }
            }
        }
    }

    .rz {
        color: #767575;
        position: relative;
        .b_l_w;
        .mb15;
        padding: 50px*.512 28px*.512 33px*.512 28px*.512;
        box-shadow: 2px 6px*.512 25px*.512 0px rgba(166, 166, 166,.2);
        border-radius: 12px*.512;

        img {
            width: 160px*.512;
            height: 160px*.512;
            border-radius: 10px*.512;
        }

        .zt {
            position: absolute;
            right: 0;
            top: 0;
            width: 50px;
            height: 25px;
            line-height: 25px;
            .center;
            .bs;
            border-radius: 0 10px*.512 0 10px*.512;
        }

        .sj {
            background: green;
        }

        .xj {
            background: red;
        }

        > div {
            .b_r;
            width: calc(~'100% - 94px');

            b {
                .b_l_w;
                display: block;
                .mb10;
            }

            > .b_l_w {
                font-size: 23px*.512;

                a {
                    .b_r;
                    .center;
                    font-size: 25px*.512;
                    display: block;
                    width: 126px*.512;
                    height: 50px*.512;
                    line-height: 48px*.512;
                    border-radius: 10px*.512;
                    border: solid 1px #ebebeb;
                    color: #767575;
                    vertical-align: top;
                    margin-top: -10px;
                }
            }
        }
    }
}

//详情页

.xq-lx {
    .b_l_w;
    border-top: 10px solid #f8f8f8;
    border-bottom: 7px solid #f8f8f8;
    padding: 39px*0.512 32px*0.512;
    background: #fff;

    > img {
        .b_l;
        width: 127px*0.512;
        height: 127px*0.512;
        background-color: #e5e5e5;
        border-radius: 10px*0.512;
    }

    .xx {
        .b_l;
        padding-top: 2px;
        margin-left: 23px*0.512;
        line-height: 34px*0.512;
        font-size: 26px*0.512;

        p {
            margin-top: 10px*0.512;
            font-size: 22px*0.512;
            color: #737373;
        }
    }

    > a {
        .b_r;
        .center;
        display: block;
        font-size: 23px*.512;
        width: 110px*0.512;
        height: 40px*0.512;
        line-height: 38px*0.512;
        border-radius: 10px*0.512;
        border: solid 1px #9b9b9b;
        color: #737373;

        i {
            color: #000;
            font-size: 14px;
            margin-right: 3px;
        }
    }
}


//收款码

.skm {
    .b_l_w;
    height: 1141px*0.512;
    background-color: #ffffff;
    border-radius: 11px*0.512;
    position: relative;

    .di {
        position: absolute;
        width: 100%;
        bottom: 0;
        left: 0;
    }

    .doc {
        width: 480px*.512;
        .mx-auto;

        .tx {
            margin-top: 58px*.512;
            .b_l_w;
            line-height: 97px*.512;
            font-size: 40px*.512;

            img {
                .b_l;
                .y50;
                width: 97px*.512;
                ;
                height: 97px*.512;
                margin-right: 10px;
            }
        }

        .word {
            .b_l_w;
            .center;
            margin: 90px*.512 0 30px*.512 0;
            font-size: 52px*.512;
        }

        .img-ewm {
            width: 100%;
            height: 480px*0.512;
        }

        .v {
            .b_l_w;
            .center;
            margin-top: 20px;
            height: 46px*.512;
            line-height: 46px*.512;
            font-size: 29px*.512;

            img {
                vertical-align: top;
                margin-right: 20px*.512;
                height: 100%;
            }
        }
    }
}


.gd-xx {
    overflow: hidden;
    height: 10vw;
    .box;
    .box-align-center;
    padding: 0 2.667vw;
    border-radius: 1.333vw;

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

    .notice-swipe {
        width: 100%;
    }

    .v {
        height: 10vw;
        line-height: 10vw;
        font-size: 3.467vw;
        width: 100%;

        a {
            .box;
            .box-align-center;
        }

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

        span {
            width: 85%;
            .text-hide-1;
        }
    }
}

.baodan_bg {
    position: relative;
    padding: 9.333vw 4.667vw;

    > div {
        .b_l_w;
    }

    .logo {
        height: 24.8vw;
        .box;
        .box-pack-center;
        .box-align-center;
        padding-bottom: 1.333vw;

        img {
            height: 12.8vw;
        }
    }

    .title {
        position: absolute;
        left: 15.333vw;
        top: -1.867vw;
        z-index: 1;
        background: url(/images/baodan_title.png) no-repeat;
        background-size: 100% 100%;
        width: 53.333vw !important;
        height: 10.133vw;
        line-height: 7vw;
        font-size: 3.761vw;
        letter-spacing: 1.133vw;
        .bs;
        .center;
    }

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

    ._content {
        .b_l_w;
        border: 1px solid #FEBAA5;
        border-radius: 3.333vw;
        padding: 0 3.333vw;
        margin-bottom: 4vw;

        > div {
            .b_l_w;
        }
    }

    ._l {
        position: relative;
        .box;
        .box-pack-between;
        .box-align-center;
        height: 36vw;
        padding: 9vw 1.333vw 0;
        position: relative;
        color: #1b1b1b;

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

            p {
                line-height: 8vw;
            }
        }

        img {
            height: 13.333vw;
        }
    }
}

.baodan_k {
    border-radius: 3.333vw !important;
    position: relative;

    ._select {
        width: 5.333vw;
        height: 5.333vw;
        background-image: url(../images/baodan_q1.png);
        background-size: 5.333vw 5.333vw;
        float: right;
        right: 5.867vw;
        top: 5.333vw;
        position: absolute;
    }

    ._select_a {
        background-image: url(../images/baodan_q2.png);
        width: 6.4vw;
        background-size: 6.4vw 5.333vw;
        right: 4.8vw;
    }

    .van-checkbox {
        .b_l_w;

        .van-checkbox__label {
            .b_l_w;
            .box;
            .box-align-center;
            font-size: 3.467vw;

            .l {
                width: max-content !important;
            }
        }
    }

    .l {
        .b_l_w;
        .box;
        .box-align-center;
        font-size: 3.467vw;
        .b;

        b {
            margin-left: auto;
            font-size: 5.333vw;

            span {
                font-size: 3.2vw;
            }
        }

        .van-stepper {
            margin-left: auto;
            .box;
            .box-align-center;
            height: 6vw;
            overflow: hidden;

            .van-stepper__input {
                margin: 0 1px;
            }

            .van-stepper__plus,
            van-stepper__minus {
                color: #000;
            }
        }
    }

    .cp {
        width: 24vw;
        height: 24vw;
        margin-right: 3.333vw;
    }

    .js {
        width: 54vw;
        .box;
        .box-tb;
        .box-pack-between;
        height: 24vw;

        > div {
            .b_l_w;
        }

        .name {
            font-size: 4.267vw;
            .text-hide-1;
            color: #1b1b1b;
            height: 6vw;
            line-height: 6vw;
        }

        .label {
            .box;
            .box-align-center;
            color: #f00;

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

            font-size: 3.467vw;
        }

        ._k {
            .b_l;
            width: 48.267vw;
            height: 7.733vw;
            position: relative;

            .k1 {
                .box;
                .bs;
                .box-center-center;
                font-size: 3.467vw;
                padding-right: 1vw;
                position: absolute;
                left: 0;
                bottom: 0;
                width: 19.867vw;
                height: 7.733vw;
                background-color: #2d323d;
                border-radius: 0.926vw;
                z-index: 1;
                clip-path: polygon(0 0, 100% 0, 18.5vw 100%, 0% 100%);

                b {
                    font-size: 5vw;
                    font-weight: normal;
                }
            }

            .k2 {
                position: absolute;
                right: 0;
                bottom: 0;
                font-size: 3.467vw;
                padding-left: 3.533vw;
                width: 31.867vw;
                height: 7.467vw;
                line-height: 7.467vw;
                .center;
                background-image: linear-gradient(270deg, #fd3c3c 0%, #e8590c 100%);
                border-radius: 0.926vw;
                .bs;
                .b;
                .text-hide-1;
            }

            .k2_s {
                color: #000;
                background-image: linear-gradient(270deg, #f2dbb7 0%, #f3dcb8 50%);
            }
        }
    }
}


input {
    &.baodan_ipt {
        display: block;
        width: 100%;
        border: 0px;
        background-color: transparent;
        font-size: 14px;

        &::-webkit-input-placeholder {
            color: #bababa;
        }
    }
}

.select {
    -webkit-appearance: none;
    width: 100%;
    background-image: url(../images/xlt.png);
    background-position: 100% center;
    background-repeat: no-repeat;
    border-radius: 0px;
    border: 1px solid #ccc;
    margin: 0px;
    padding: 4px 9px 4px 5px;
    border-radius: 5px;
    background-color: #fff;
    -webkit-animation-name: select;
    color: #6d6d6d;
}

.lb_nt {

    .xx {
    }

    .bd_nt {
        .b_k;
        border: solid 1px #e5d3ba;
        .r5;
        .p5;

        > div:last-child {
            border-bottom: 0 !important;
        }
    }

    img {
        margin-top: 3px;
    }
}

.pay_table {
    .b_k {
        margin-bottom: 15px;
    }
}

.bd_buy {
    height: 11.333vw;
    display:block;

    .van-button__text {
        .bs;
        font-size: 4.267vw !important;
        letter-spacing: 0.853vw;
    }
}

.bd_lj {
    letter-spacing: 1px;
    color: #a3a3a3;
    .mt10;
}

.bd_jlk {
    background: #1C2D2B;
    .r10;
}


.qy_bg {
    height: 225px;
    background-color: #252531;
    line-height: 45px;

    a {
        position: absolute;
        left: 0;
    }
}

.qy_nt {
    background-image: linear-gradient(90deg, #303145 0%, #44495e 100%), linear-gradient( #ffffff, #ffffff);
    background-blend-mode: normal, normal;
    box-shadow: 0px 3px 15px 1px rgba(21, 21, 34, 0.24);
    .r5;
    padding: 20px 0;
    line-height: 40px;

    &:first-child {
        margin-top: -170px;
    }

    .sm {
        width: 84px;
        height: 30px;
        line-height: 30px;
        border-radius: 30px;
        background-image: linear-gradient(90deg, #e9b77a 0%, #f8d9ad 100%), linear-gradient( #000000, #000000);
        .center;
        .b;
        color: #44495e;
    }

    span {
        color: #f3cf9e;
    }

    .w1 {
        div {
            .w-33;
            .center;
            .mt15;
            line-height: 22px;
        }
    }
}

.qy_rw {
    padding: 15px 10px;
    line-height: 28px;

    .tp {
        width: 45px;
        text-align: center;
        margin-left: -5px;
    }

    img {
        vertical-align: top;
    }

    a {
        display: block;
        width: 59px;
        height: 23px;
        line-height: 22px;
        color: #fff;
        background-image: linear-gradient( #f1c185, #f1c185), linear-gradient( #ffd299, #ffd299);
        border-radius: 23px;
        float: right;
        font-size: 13px;
        text-align: center;
        margin-top: 3px;
    }
}

.vip {
    .bs;
    margin: 3px 0 0 0;

    .b_l {
        margin: 2px 0 0 13px;
        padding: 0 10px 0 18px;
        height: 17px;
        line-height: 17px;
        background-image: linear-gradient( #ce9853, #ce9853), linear-gradient(90deg, #e9b77a 0%, #ce9853 100%), linear-gradient( #000000, #000000);
        border-radius: 0px 2px 9px 1px;
    }
}

.qy_ck {
    text-decoration: underline;
    color: #3a3a3a;
    display: block;
    line-height: 26px;
}

.qy_tuan {
    border-bottom: 1px solid #f7f7f7;
    line-height: 48px;
}

.tuan_table {
    width: 101%;
    font-size: 12px;

    td {
        color: #6e6e6e;
        padding: 15px 5px;
        width: 33.33%;
        text-align: center;
        border: 1px solid #f1f1f1;
    }
}

.tuan_list {
    a {
        display: block;
        border-top: 1px solid #f1f1f1;
        font-size: 14px;
        padding: 10px;

        &:nth-child(1) {
            border-top: 0px;
        }
    }

    .t2 {
        float: right;
        margin: 3px 0px 0px 5px;

        img {
            height: 16px;
        }
    }

    .t3 {
        float: right;
    }
}

.tuan {
    border: solid 1px #4d4d4d;

    .tablinks {
        width: 50%;
        height: 39px;
        line-height: 38px;
        text-align: center;
    }

    .active {
        background: #3b3b3b;
        color: #fff;
    }
}

.ye_tiao_bg {
    background-image: url(../images/ye_tiao_bg.jpg);
    height: 23px;
    overflow: hidden;
    text-align: center;
    margin-top: 5px;

    span {
        background-color: #fff;
        padding: 0px 30px 0px 30px;
        color: #A0A0A0;
        font-size: 14px;
    }
}

.ye_ss {
    a {
        display: inline-block;
        float: left;
        border: 1px solid #f00;
        text-align: center;
        height: 40px;
        line-height: 38px;
        font-size: 14px;
        border-right: 0px;
        margin: 5px 0 10px 0;
        color: #000;

        &:last-child {
            border-right: 1px solid #f00;
        }

        &.a {
            background: #f00;
            color: #fff;
        }
    }
}

.ye_golden {
    a {
        display: inline-block;
        float: left;
        border: 1px solid #ff9b41;
        text-align: center;
        height: 40px;
        line-height: 38px;
        font-size: 14px;
        border-right: 0px;
        margin: 5px 0 10px 0;
        color: #ff9b41;

        &:last-child {
            border-right: 1px solid #ff9b41;
        }

        &.a {
            background: #ffc188;
            color: #fff;
        }
    }
}

.ye_top {
    padding: 30px 18px;
    line-height: 16px;

    .b_l {
        font-family: FZLTCHK--GBK1-0;
        font-size: 16px;
        color: #fff;
    }

    .b_r {
        a {
            font-size: 16px;
            color: #fff;
        }

        img {
            vertical-align: top;
            margin-right: 6px;
        }
    }
}

.ye_btn {
    width: 114px;
    height: 35px;
    border: solid 1px #fff;
    border-radius: 29px;
    line-height: 34px;
    color: #fff;
    display: block;
    font-size: 15px;
    margin: 5px 0 25px 0;
}

.ye_lj {
    margin-top: 20px;
    .bs;
    font-size: 16px;
    line-height: 30px;

    div {
        text-align: center;
    }
}

.bg_wdsy {
    background: url(../images/jt_bg.png) no-repeat;
    background-size: 100% 190px;
    min-height: 190px;
}

.wdsy_times {
    & > div {
        width: 161px;
        height: 30px;
        border-radius: 25px;
        border: solid 1px #fff;
        margin: 10px 0 5px 0;
        overflow: hidden;

        input {
            font-size: 15px;
            height: 30px;
            line-height: 26px;
            padding-left: 10px;
            background: none;
            outline: none;
            border: none;
            width: 140px;
            text-align: center;
            color: #fff;
        }
    }
}

.wdsy_xsj {
    width: 11px;
    height: 7px;
    position: absolute;
    margin: 11px 11px 0 0;
}

.by_sy .w1 {
    height: 48px;
    line-height: 48px;
    border-bottom: 1px solid #f4f4f4;
}

.by_z {
    width: 238.2px;
    height: 39px;
    line-height: 38px;
    text-align: center;
    border-radius: 30px;
    border: solid 1px #e7e7e7;
    margin: 15px 0;
}



.touming {
    opacity: 0;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 0;
    height: 0px;
    overflow: hidden;
}

.yqmbg {
    position: relative;

    img {
        &:nth-child(1) {
            background-size: 100%;
            width: 100%;
            float: left;
        }
    }
}

.yqmtx {
    width: 17.3vw;
    height: 17.3vw;
    position: absolute;
    display: inline-block;
    left: 18%;
    margin-top: 52%;
    border-radius: 2vw;
}

.yqrxm {
    position: absolute;
    font-size: 3.5vw;
    left: 39vw;
    margin-top: 52%;
    color: #282828;
    line-height: 8vw;
}

.ewm {
    position: absolute;
    width: 30vw;
    background-color: black;
    left: 35vw;
    margin-top: 87.1vw;
    border: 2vw solid #ffffff;
    background: #fff;
    border-radius: 2vw;
}

.cg-banner {
    position: relative;

    .w1 {
        position: absolute;
        bottom: 0;

        .b_l_w {
            background: #f9f9f9;
            height: 147px*0.512;
            line-height: 147px*0.512;
            border-radius: 5px 5px 0 0;
            font-size: 24px * 0.512;

            div {
                .b;
                .center;
                display: inline-block;
                width: 9vw;
                height: 93px*0.512;
                line-height: 91px*0.512;
                border: solid 2px #a4a4a4;
                margin-top: 28px*0.512;
                font-size: 60px*0.512;
                vertical-align: top;
            }
        }
    }
}

.cg-nt {
    .b_l_w;

    > div {
        .b_l_w;
    }

    .bt {
        height: 104px*0.512;
        line-height: 104px*0.512;
        font-size: 14px;
    }

    .k {
        border: solid 1px #767676;
        border-radius: 5px;
        margin-bottom: 11px;
        overflow: hidden;

        .b_l {
            .b;
            .left;
            width: 182px*0.512;
            font-size: 29px*0.512;
            line-height: 84px*0.512;
            padding: 0 30px*0.512;
        }

        .b_r {
            width: calc(~'100% - 182px*0.512');

            input {
                width: 100%;
                border: 0;
                height: 84px*0.512;
                font-size: 15px;
            }

            textarea {
                padding: 7px 0;
                width: 100%;
                border: 0;
                height: 168px*0.512;
                line-height: 56px*0.512;
                font-family: "microsoft yahei";
                resize: none;
                font-size: 15px;
            }
        }
    }

    a {
        .bs;
        display: block;
        width: 100%;
        height: 101px*0.512;
        line-height: 101px*0.512;
        background-color: #0a4e3d;
        border-radius: 10px*0.512;
        border: solid 1px #767676;
        font-size: 15px;
        letter-spacing: 1px;
    }
}

.cart_bgcolor {
    background: #f8f8f8;
}

.cart_k {
    .w1 {
        background-color: white;
    }
}

.cart {
    margin-top: 8px;
}

.cart_dp {
    line-height: 25px;

    img {
        vertical-align: top;
        margin-right: 10px;
    }
}

.radio-cart {
    position: relative;
    display: inline-block;
    margin-right: 12px;
}

.cart_spmc {
    font-size: 14px;
    margin-left: 10px;

    .float-left {
        min-height: 20px;
        line-height: 20px;
        overflow: hidden;
    }

    .float-right {
        i {
            position: absolute;
            right: 2px;
            top: 2px;
        }
    }
}

.cart_k {
    .cart_xian {
        border-bottom: 1px solid #f8f8f8;
        padding-bottom: 3px;
        margin-top: 15px;

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

.cart_gg {
    line-height: 0px;
    margin-left: 10px;

    p {
        color: #9d9d9d;
        font-size: 12px;
        line-height: 15px;
    }
}

.cart_jg {
    margin-left: 10px;
    color: #b92410;
    font-weight: bold;
    margin-top: 5px;

    img {
        width: 34*0.512px;
        vertical-align: top;
        margin: 1px;
    }

    .float-right {
        margin-top: -5px;
    }
}

.cart_jjsrk {
    width: 96px;
    height: 22px;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    overflow: hidden;

    .jian {
        width: 20px;
        height: 20px;
        background: #ffffff;
        border: 0;
        border-right: 1px solid #dfdfdf;
        float: left;
        line-height: 18px;
    }

    .sl {
        border: 0;
        float: left;
        width: 54px;
        text-align: center;
        height: 18px;
        font-size: 12px;
        float: left;
    }

    .jia {
        width: 20px;
        height: 20px;
        background: #ffffff;
        border: 0;
        border-left: 1px solid #dfdfdf;
        float: left;
        line-height: 18px;
    }
}

.cart_di {
    position: fixed;
    bottom: 0;
    height: 60px;
    border-top: 1px solid #fafafa;

    .js {
        width: 100%;
        height: 60px;
        background: #b92410;
        display: block;
        line-height: 60px;
        color: #ffffff;
        text-align: center;
    }

    .w-75 {
        height: 60px;
        padding-left: 20px;

        .qx {
            font-size: 14px;
            display: block;
            vertical-align: top;
            margin-top: 0px;
        }

        .checkbox {
            margin-top: 0px;
        }

        .zj {
            margin-top: 0px;
            font-size: 14px;
            margin-left: 15px;
        }

        .jg {
            color: #b92410;
        }

        .yf {
            color: #bebdbd;
            font-size: 12px;
        }
    }

    .w45 {
        width: 45%;
        float: left;
        text-align: center;
        line-height: 60px;
        font-size: 16px;
        color: #b92410;
    }

    .w55 {
        width: 55%;
        float: left;
        text-align: center;
        line-height: 60px;
        font-size: 16px;
        background: #b92410;

        a {
            color: white;
        }
    }
}

.cart_tj_xzdz {
    height: 65.4px;
    background: #ffffff;

    .xzdz {
        height: 59.4px;
        line-height: 59.4px;
        font-size: 14px;
        color: #9d9d9d;

        img {
            padding: 0 5%;
            margin-top: 20px;
            vertical-align: top;
        }

        i {
            padding: 18px 5% 0 0;
            font-size: 20px;
        }
    }
}

.cart_tj_xzdz_di {
    background: url(../images/cart_shdzbg.png);
    height: 6px;
    background-size: auto 6px;
}

.cart_tj_dd {
    margin-top: 10px;
}

.cart_tj_ddcpt {
    margin: 10px;
}

.cart_tj_ddxx {
    padding: 10px 10px 0 0;
    font-size: 14px;
    width: calc(~'100% - 110px');

    p {
        font-size: 12px;
        line-height: 20px;
        color: #9d9d9d;
    }

    .float-left {
        color: #000;
        margin-top: 5px;

        img {
            vertical-align: top;
            width: 34*0.512px;
            margin: 2px;
        }

        s {
            font-size: 12px;
            color: #b8b8b8;
            margin-left: 5px;
        }
    }

    .float-right {
        color: #000;
        margin-top: 5px;
    }

    .b_l_w {
        margin: 5px 0;

        > div {
            float: left;
            height: 39*0.512px;
            line-height: 39*0.512px;
            .f12;
            color: #ca8920;
            border-radius: 19px;
            border: solid 1px #ca8920;
            width: max-content;
            padding: 0 5px;
        }
    }
}

.cart_tj_kd {
    font-size: 14px;
    border-bottom: 1px solid #ececec;
    border-top: 1px solid #ececec;
    height: 35px;
    margin-top: 15px;
    line-height: 12px;

    span {
        color: #b92410;
        font-size: 15px;
    }
}

.cart_tj_jg {
    font-size: 14px;
    border-bottom: 1px solid #ececec;
    height: 35px;
    line-height: 12px;

    span {
        color: #b92410;
        font-size: 15px;
    }

    .float-right {
        span {
            color: #b92410;
            font-size: 17px;
        }
    }
}

.cart_tj_mjly {
    font-size: 14px;
    margin-bottom: 5px;

    input {
        border: 0;
        margin-left: 10px;
        width: calc(~'100% - 80px');

        &::-webkit-input-placeholder {
            color: #b0afaf;
        }
    }
}

.cart_tj_js {
    margin-top: 10px;

    .w1 {
        height: 30px;
        line-height: 30px;
    }

    span {
        color: #b92410;
        font-size: 17px;
    }
}

.cart_tj_yhq {
    .checkbox-primary input[type=checkbox]:checked + label::before, .checkbox-primary input[type=radio]:checked + label::before {
        background: #b92410;
        border-color: #b92410;
    }

    .w1 {
        height: 30px;
        line-height: 30px;
    }

    .float-left {
        span {
            color: #b0afaf;
            font-size: 12px;
        }
    }

    label {
        vertical-align: top;
        padding-top: 6px;
    }

    .z {
        line-height: 30px;

        span {
            color: #b92410;
        }
    }
}

p {
    margin: 0;
}

.tongji_ch {
    height: 127px;
    background-color: #444451;
    border-radius: 6px;
    color: #fff;
    font-size: 15px;
    padding-top: 30px;
    line-height: 32px;
}

.tongji_ch_t {
    color: #444451;

    input {
        border: 1px solid #dddddd;
        border-radius: 6px;
        overflow: hidden;
        background: #fff;
    }

    table {
        display: table;

        td {
            text-align: center;
            line-height: 16px;
            border-bottom: 1px solid #e5e5e5;
            padding: 10px 5px;
            font-size: 10px;
            position: relative;
        }

        tbody {
            & > tr {
                &:last-child {
                    td {
                        border-bottom: none;
                    }
                }
            }
        }
    }

    span {
        height: 22px;
        background-color: #e5e5e5;
        width: 1px;
        display: inline-block;
        right: 0;
        top: calc(~'50% - 11px');
        position: absolute;
    }
}

.my_k {
    background-color: white;
    border-radius: 10px;
    border: 1px solid #F6F6F6;
    padding-bottom: 20px;
    margin-bottom: 10px;
}

.c999 {
    color: #999;
}

.dd_a {
    a {
        .b_r;
        .center;
        min-width: 85px;
        border-radius: 10px*0.512;
        border: solid 1px #e3e3e3;
        font-size: 12px;
        margin-left: 5px;
        padding: 5px 10px 5px 10px;
        display: inline-block;
    }
}

.pro_bgcolor {
    background: #F3F5F6;
}

.pro_px, .pro_sjpx {
    font-size: 14px;
    padding: 10px 0;
}

.pro_px a {
    width: 33.3%;
    text-align: center;
    border-right: 1px solid #E7E7E7;
}

.pro_sjpx a {
    width: 49.9%;
    text-align: center;
    border-right: 1px solid #E7E7E7;

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

.pro_px .a {
    color: #FF2626;
}

.pro_sjpx .a {
    color: #001034;
    font-weight: bold;
}

.pro_sjpx_t {
    vertical-align: top;
    margin: 5px 0 0 10px
}

.rx-bt {
    padding-bottom: 10px;
    height: auto;
}

.rx-xj {
    padding-top: 8px;
}

.top_xian {
    height: 1px;
    background: #F5F5F5;
}

.tablinks {
    padding: 12px 5px;
}

.pro_l_h {
    border-bottom: 1px solid #343434;
}

.pro_xl {
    color: #000000;
    line-height: 32px;
    font-size: 14px !important;
}

.pro_bt {
    line-height: 25px;
    margin-bottom: 8px;
}

.pro_djq {
    display: inline-block;
    height: 34px;
    border: 1px solid #FFCA3C;
    line-height: 32px;
    border-radius: 3px;
    font-size: 15px;
    overflow: hidden;
    text-align: center;
}

.pro_djq div:nth-child(1) {
    background-image: linear-gradient(to right,#FFD566,#FFBE07);
    width: 50%;
    height: 34px;
    color: white;
}

.pro_djq div:nth-child(2) {
    width: 50%;
    height: 34px;
    color: #FFCA3C;
}

.pro_fw {
    font-size: 14px;
    border-top: 1px solid #f8f8f8;
    padding: 8px 0;
    margin-top: 10px;
}

.pro_fw img {
    padding-right: 5px;
    vertical-align: top;
    margin-top: 3px;
}

.pro_fw i {
    color: #a7a7a7;
    font-size: 20px;
    vertical-align: top;
    margin: 0px 0 0 5px;
}

strike {
    color: #A7A7A7;
    font-size: 12px;
}

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

.moneyCSS {
    .jf {
        .f12;
        .center;
        width: 150px*0.512;
        height: 41px*0.512;
        line-height: 37px*0.512;
        border: solid 1px #d38e31 !important;
        color: #d38e31 !important;
        padding: 5px;
        border-radius: 20px;
        vertical-align: top;
    }
}

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

    .d1 {
        position: relative;
        color: #1b1b1b;

        .name {
            position: absolute;
            font-size: 4vw;
            left: 36.133vw;
            top: 66.3vw;
            line-height: 7.5vw;
            .bs;
        }

        .ewm_t {
            position: absolute;
            width: 37.333vw;
            height: 37.333vw;
            right: 31.467vw;
            bottom: 38.667vw;
            border: 2vw solid #fff;
        }

        .tx {
            position: absolute;
            width: 14.667vw;
            height: 14.667vw;
            left: 18.133vw;
            top: 66.867vw;
            .y50;
        }

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

    .d2 {
        position: relative;

        ._info {
            width: 55%;
            .box;
            .box-align-center;
            .box-pack-center;
            position: absolute;
            bottom: 43.2vw;
            font-size: 3.867vw;
            height: 14vw;
            left: 22.5%;
            > img {
                width: 6vw;
                height: 6vw;
                .y50;
                margin-right: 1.2vw;
            }
        }

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

//抢购专区
.shopping-area {
    .b_l_w;

    .list {
        .b_l_w;
        margin-top: -45px;

        > div {
            .b_l_w;
            .b_k;
            .r5;
            .mb10;

            .top {
                .b_l_w;
                height: 224px*.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 {
                    padding: 5px 10px;
                    .box;
                    .box-wrap;
                    border-bottom: 1px solid #d2d4da;
                    width: calc(~'100% - 122.88px');
                    /*border-left: 1px solid #FD3C53;*/
                    height: 100%;

                    div {
                        .b_l_w;
                        .left;
                    }
                }
            }

            .bottom {
                .b_l_w;
                padding: 28px*.512 20px*.512;
                height: 156px*.512;

                > .b_l {
                    font-size: 32px*.512;
                    color: #ff2900;
                    .mt10;
                }

                a {
                    .mt10;
                    .b_r;
                    .bs;
                    .r5;
                    .center;
                    width: 110px*.512;
                    height: 50px*.512;
                    line-height: 50px*.512;
                    background: #ff2900;
                    font-size: 32px*.512;
                }
            }
        }
    }
}


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

//收益统计
.profit {
    .b_l_w;
    position: relative;
    min-height: 445px*.512;

    > img {
        position: absolute;
        width: 287px*.512;
        right: 0;
        bottom: -106px*.512;
    }

    .mt10 {
        .van-tabs__wrap {
            .b_r;
            .p20;
        }

        .van-tabs__nav--line {
            padding-bottom: 0 !important;
        }

        .van-tabs--line .van-tabs__wrap {
            height: max-content !important;
        }

        .van-tabs__nav {
            display: initial !important;
            background: transparent !important;
        }

        .van-tab {
            .b_r;
            margin-left: 20px;
            color: #dfdfdf !important;
            height: 40px*.512;
            width: 80px*.512 !important;
        }

        .van-tabs__line {
            position: inherit !important;
            display: none;
        }

        .van-tab--active {
            color: #fff !important;
            border: 1px solid #fff;
            border-radius: 30px;
        }
    }

    .w1 {
        margin-top: 10px;

        .van-tabs__nav {
            background: transparent !important;
        }

        .van-tab {
            color: #dfdfdf !important;
        }

        .van-tab--active {
            color: #fff !important;
        }

        .van-tabs__line {
            .b_k;
        }
    }

    .date {
        .b_l;
        .bs;
        .f16;

        i {
            .b;
            margin-left: 5px;
            ;
        }
    }

    .z {
        padding-left: 25px;

        p {
            .mt25;
            font-size: 65px*.512;
        }
    }
}

.performance-description {
    .b_r;
    .bs;
    margin: 20px;
    height: 40px*.512;
    line-height: 40px*.512;
    padding: 0 8px;
    border-radius: 20px;

    img {
        vertical-align: top;
        width: 12px;
        margin: 2px 5px 0 0;
    }
}

.profit-nt {
    .b_l_w;
    .b_k;
    .r10;
    position: relative;
    padding: 30px 25px;
    margin-top: -10px;

    .list {
        .b_l_w;

        > div {
            .b_l_w;
            .mt20;
            line-height: 45px*.512;
            font-size: 15px;

            > .b_l {
                img {
                    width: 45px*.512;
                    margin-right: 10px;
                    vertical-align: top;
                }
            }

            > .b_r {
                .b;

                i {
                    font-size: 15px;
                    margin: 1px 0 0 5px;
                }
            }
        }
    }
}

.income-bg {
    background-image: linear-gradient(0deg, #ff922b 0%, #e8590c 100%);
}

.expenditure-bg {
    background-image: linear-gradient(-90deg, #f1371e 0%, #f8692d 0%, #fe9b3b 0%, #feb940 100%);
}


.q_header {
    .b_l_w;
    .center;
    .mt15;
    position: absolute;

    * {
        .bs;
    }

    > a {
        position: absolute;
        left: 10px;
        top: 0;
        padding: 0 10px;

        i {
            font-size: 25px;
        }
    }

    span {
        .f16;
    }

    div {
        position: absolute;
        right: 15px;
        top: 3px;

        img {
            width: 15px;
            vertical-align: top;
            margin: 1px 0 0 5px;
        }
    }
}

.q_date {
    .f13;
    border: none;
    width: 240px*.512;
    height: 60px*.512;
    line-height: 60px*.512;
    background: #eeeeee;
    border-radius: 30px;
    padding-left: 15px;
    position: relative;

    &::after {
        content: '';
        background: url(../images/q_down.png) no-repeat;
        background-size: 100% 100%;
        width: 20px*.512;
        height: 15px*.512;
        position: absolute;
        right: 15px;
        top: 11px;
    }
}

.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-table {
    .b_l_w;
    .b_k;
    .r5;
    .mb10;
    padding: 30px*.512 35px*.512;

    a {
        .b_l;
        border-right: 1px solid #e3e3e3;
        border-top: 1px solid #e3e3e3;
        line-height: 22px;

        &:nth-child(2n) {
            border-right: none
        }

        &:nth-child(1), &:nth-child(2) {
            border-top: none;
        }

        width: 50%;
        padding: 20px*.512;

        > div {
            font-size: 25px*.512;

            p {
                font-size: 12px;
                color: #9a9a9a;
            }
        }

        img {
            height: 20px;
            .b_r;
            .mt5;
        }
    }
}

#slider_sy_silver {

    > div {
        .b_l_w;
        .box;
        .box-wrap;
        padding: 0 10px;
    }

    .dimg {
        float: left;
        position: relative;
        box-sizing: border-box;

        a {
            color: #d61803;
            font-size: 12px;
            line-height: 18px;
        }

        span {
            .f12;
            color: #aaa;
        }
    }

    .w-33 {
        padding: 5px 0;
    }

    .center {
        .mx-auto;
        width: max-content;
        position: relative;

        .name {
            width: 96px;
            height: 15px;
            overflow: hidden;
            color: #000;
            font-size: 12px;
            margin-bottom: 3px;
        }
    }

    .detail {
        img {
            border-radius: 5px;
            overflow: hidden;
        }
    }
}

.pf-silver {
    position: absolute;
    top: 0px;
    left: 0px;

    img {
        width: 108px*0.512;
    }
}


//京东比价
.to-jd {
    .bs;
    display: inline-block;
    background: #7A8081;
    .r5;
    padding: 2px 5px;
    vertical-align: top;
    margin-top: -3px;

    i {
        margin-right: 5px;
    }
}


//抽奖

.my_jp_list {
    img {
        .b_l;
        width: 79px*.512;
    }

    p {
        .b_l;
        margin: -3px 0 0 10px;

        b {
            color: #000;
            .f16;
        }

        .f13;
        color: #9a9a9a;
    }

    a {
        margin: 0 0 0 auto;
        .b;
        .f18;
    }

    i {
        font-size: 25px;
        vertical-align: top;
        margin-left: 5px;
    }
}



//我的
.vip {
    .bs;
    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;
    }
}

._vip {
    .b_l;
    margin-top: 2.667vw;

    .vip {
        .b_l;
        height: 5.333vw;
        line-height: 5.333vw;
        border-radius: 2.667vw;
        margin-right: 2vw;
        font-size: 3.2vw;
        padding: 0 1.333vw;
        .b;
        .box;
        .box-align-center;
        white-space: nowrap;

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

    .d1 {
        background: #1b1b1b;
        .bs;
        padding-right:3vw;
    }

    .d2 {
        background: #ffd8a8;
        color: #e8590c !important;
    }
}

._vip2 {
    .b_l;
    margin-top: 2.667vw;

    .d1 {
        .b_l;
        height: 5vw;
        position: relative;
        .box;
        .box-align-center;

        img {
            height: 6vw;
            position: absolute;
            left: 0;
            top: -.5vw;
            margin: 0 !important;
        }

        p {
            color: #f7d898 !important;
            margin: 0 0 0 2.1vw !important;
            font-size: 3.2vw !important;
            padding: 0 2vw 0 4.5vw;
            line-height: calc(~'4.667vw - 2px');
            overflow: hidden;
            height: 4.667vw;
            background-color: #000000;
            border-radius: 0.667vw;
            border: solid 1px #fad9a6;
        }
    }
}

.my-top {
    .b_l_w;
    position: relative;
    overflow: hidden;
    padding: 0 3.333vw;
    font-size: 3.2vw;
    background: url(/images/my-bg.png) no-repeat;
    background-size: 100% 100%;
    height: 52.067vw;
    margin-bottom:4vw;

    .top {
        .b_l_w;
        .box;
        .box-align-center;
        height: 40.067vw;

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

            > div {
                .b_l_w;
            }

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

        .to-store {
            position: absolute;
            right: 0;
            top: 12.2vw;
            width: 26.333vw;
            height: 7.333vw;
            line-height: 7.333vw;
            background-image: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0.2) 100%);
            border-radius: 4vw 0 0 4vw;
            color: #111905;
            padding-left: 1vw;

            img {
                height: 4vw;
                margin: 0 .8vw 0 2vw;
            }

            .box;
            .box-align-center;

            i {
                margin-top: .2vw;
            }

            i:last-child {
                margin-left: -2vw;
            }
        }
    }

    .m {
        .b_l_w;
        height: 12vw;
        background: linear-gradient(90deg, rgba(255, 146, 43, 1) 0%, #e8590c 100%);
        border-radius: 2.667vw 2.667vw 0vw 0vw;
        .box;
        .box-align-center;
        .bs;
        .b;
        font-size: 4vw;
        padding: 0 3.333vw;

        >img {
            height: 9.2vw;
            margin-right:2.133vw;
        }

        button {
            width: 28vw;
            height: 6vw;
            background-color: #ffd8a8;
            border-radius: 3vw;
            white-space:nowrap;
            margin-left:auto;

            span {
                color: #1b1b1b;
                font-size:3.2vw;
                .box;
                .box-align-center;

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

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

    .r2vw {
        border-radius: 2vw;
    }

    .w-33 {
        line-height: 7vw !important;
    }

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

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

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

    .bm {
        .b_l_w;
        .b_k;
        border-radius: 2vw;
        font-size: 3.2vw;

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

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

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

            ._bm {
                .b_l_w;
                .box;
                .box-align-center;
                .box-pack-between;
                .box-wrap;
                padding-bottom: 1.467vw;

                a {
                    width: 42.667vw;
                    height: 18.667vw;
                    .left;
                    font-size: 4.267vw;
                    .b;
                    padding: 0 3.333vw;
                    background-color: #f5f5f5;
                    border-radius: 2vw;
                    .box;
                    .box-tb;
                    .box-pack-center;
                    margin-bottom: 2vw;

                    p {
                        color: #404040;
                        margin-bottom: 3vw;
                        .box;
                        .box-align-center;

                        span {
                            width: 0.667vw;
                            height: 2.667vw;
                            border-radius: .333vw;
                            margin: .5vw 1.333vw 0 0;
                        }

                        .c1 {
                            background-color: #ffcd00;
                        }

                        .c2 {
                            background-color: #2994ff;
                        }

                        .c3 {
                            background-color: #22b5af;
                        }

                        .c4 {
                            background-color: #e64624;
                        }
                    }

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

                    span, font {
                        margin-left: 0;
                    }

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

    .block {
        .b_l_w;
        .b_k;
        border-radius: 2vw;
        margin-top: 4vw;
        .box;
        .box-align-center;
        height: 20vw;

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

            img {
                height: 6.667vw;
            }

            b {
                margin-top: 1vw;
                font-size: 3.467vw;
            }
        }

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

    .m {
        position: absolute;
        width: 93.333vw;
        left: 3.333vw;
        bottom: 0;
        background: #F9F7F3;
        border-radius: 0vw 11.333vw 0vw 0vw;
        .box;
        .box-wrap;

        a {
            .b_k;
            width: 43.333vw;
            height: 17.333vw;
            border-radius: 2.667vw;
            display: block;
            margin: 2.667vw 3.333vw 0 0;
            padding: 3.333vw 0 3.333vw 3.333vw;

            img {
                .b_l;
                width: 10.667vw;
                height: 10.667vw;
            }

            div {
                .b_l;
                margin-left: 2vw;
                font-size: 3.2vw;
                line-height: 5.3vw;

                span {
                    font-size: 3.733vw;
                }

                p {
                    color: #d30733;
                }
            }

            &:nth-child(2) {
                border-radius: 2.667vw 9.333vw 2.667vw 2.667vw;
            }
        }
    }

    .order {
        .top {
            .b;
            font-size: 4vw;
            .b_l_w;
            padding-bottom: 2vw;
            .box;
            .box-align-center;

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

        .content {
            .b_l_w;
            .box;
            margin: 5vw 0 1vw;

            a {
                width: 25%;
                .center;
                position: relative;
                line-height: 6vw;

                img {
                    height: 5.333vw;
                }

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

    ._gn {
        .b_l_w;
        .b_k;
        .r2vw;
        margin: 4vw 0;
        padding: 3.333vw 2.667vw;

        a {
            color: #333333;
            font-size: 3.467vw;
            line-height: 4.5vw;
        }

        .bm {
            .b_l_w;
            padding: 0 6.267vw;
            margin-top: 2.5vw;
            height: 13.333vw;
            background-color: #eeeeee;
            border-radius: 1.333vw;
            .box;
            .box-align-center;
            .box-pack-between;

            a {
                .center;
                font-size: 3.2vw;
                line-height: 4.667vw;
                color: #7a7a7a;
                position: relative;

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

            img {
                height: 4.667vw;
                vertical-align: top;
                margin: -.3vw .5vw 0 0;
            }

            p {
                width: 1px;
                height: 5.333vw;
                background: #dbdbdb;
            }
        }
    }

    ._block {
        .b_l_w;
        .box;
        .box-pack-between;
        margin-top: 3.333vw;

        a {
            .b_k;
            width: 45.333vw;
            height: 19.333vw;
            border-radius: 2vw;
            padding: 0 3.333vw;
            .box;
            .box-tb;
            .box-pack-center;
            position: relative;

            b {
                font-size: 3.733vw;
                margin-bottom: 2vw;
            }

            p {
                color: #7d7d7d;
            }

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

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

        .title {
            width: 100%;
            font-size: 4vw;
            .b;
            padding: 3.333vw;
        }

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

            a {
                width: 25%;
                .box;
                .box-tb;
                .box-align-center;
                .box-pack-center;
                padding: 2vw 0;

                img {
                    height: 5.333vw;
                }

                p {
                    color: #313131;
                    margin: 2vw 0;
                }
            }
        }
    }

    ._gt {
        .b_l_w;
        .b_k;
        .r2vw;
        overflow: hidden;

        .tit {
            .b_l_w;
            .b;
            padding: 3.867vw 4vw;
            font-size: 4vw;
        }

        .van-cell {
            padding: 16px;

            &::after {
                border: none;
            }
        }

        .van-cell__title {
            .b;
        }

        .van-cell__left-icon {
            .box;
            .box-align-center;
            .box-middle;
            width: 35px;
            margin-right: 10px;

            .van-icon__image {
                width: 25px;
                height: 25px;
            }
        }
    }
}

.fans {
    .b_l_w;
    padding: 5.333vw 3.333vw;
    --fans-color: #e8590c;

    > div {
        .b_l_w;
    }

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

    .van-tabs__nav--line.van-tabs__nav--complete {
        padding: 0 0 15px !important;
    }

    .van-tab {
        padding: 0 !important;
    }

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

    .top {
        background-color: var(--fans-color);
        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(--fans-color);

                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: 8vw;
                    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;
                }
            }
        }
    }
}

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


//定货
.place-area {
    .b_l_w;
    background: url(/images/place-area-bg.png) no-repeat;
    background-size: 100% 62.133vw;
    background-position-y: 25.333vw;

    > div {
        .b_l_w;
    }

    .top {
        position: relative;
        margin-bottom: 5.333vw;
        .center;

        .banner {
            width: 62.133vw;
            position: relative;
            margin-top: 18.8vw;
            z-index: 1;
        }

        .m1 {
            width: 79.467vw;
            height: 79.467vw;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: url(../images/place-area-m1.png) no-repeat;
            background-size: 100%,100%;
            opacity: 0.6;
            animation: rotate2 15s linear infinite;
        }

        .m2 {
            width: 63.467vw;
            height: 63.467vw;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: url(../images/place-area-m2.png) no-repeat;
            background-size: 100%,100%;
            opacity: 0.6;
            animation: rotate1 10s linear infinite;
        }
    }

    @keyframes rotate1 {
        0% {
            transform: translate(-50%, -50%) rotate(0deg);
        }

        100% {
            transform: translate(-50%, -50%) rotate(360deg);
        }
    }

    @keyframes rotate2 {
        0% {
            transform: translate(-50%, -50%) rotate(0deg);
        }

        100% {
            transform: translate(-50%, -50%) rotate(-360deg);
        }
    }

    .l {
        .swiper-container {
            overflow: visible !important;
            padding-bottom: 5vw;
            margin-bottom: 5vw;
        }

        .swiper-pagination {
            color: #afafaf;
            .b;
            font-size: 4vw;

            .swiper-pagination-current {
                .bs;
                font-size: 6.667vw;
            }
        }

        .swiper-wrapper {
            .box;
            .box-align-center;
        }

        .list {
            width: 90vw;
            .b_k;
            border-radius: 4vw;
            margin-bottom: 10.667vw;
            overflow: hidden;

            > div {
                .b_l_w;
            }

            .img {
                .b_l;
                width: 26.667vw;
                height: 26.667vw;
                margin-right: 4vw;

                img {
                    .b_l_w;
                    height: 100%;
                    border-radius: 2.267vw;
                }
            }

            ._d {
                .box;
                .box-middle;
                .center;

                .tit {
                    background: url(/images/place-area-titbg.png) no-repeat;
                    background-size: 100% 100%;
                    width: 53.333vw;
                    height: 13.333vw;
                    font-size: 3.733vw;
                    line-height: 5.5vw;
                    padding-top: 1.6vw;
                    font-size: 3.2vw;
                    color: rgba(255,255,255,.5);

                    p {
                        .b;
                        .bs;
                        font-size: 4vw;
                        margin-right: .5vw;
                    }
                }
            }

            .t {
                padding: 4.7vw 4vw;
                position: relative;

                .b_r {
                    width: 50vw;
                }

                .tip {
                    .b_l;
                    margin: 2.5vw 0;
                    line-height: 6vw;
                    border: solid .55vw #db0000;
                    padding: 0 2vw;
                    color: #db0000;
                    font-size: 3.2vw;
                }

                .z {
                    .b_l_w;
                    color: #ABABAB;
                    font-size: 3.467vw;
                    line-height: 6vw;

                    b {
                        color: #000;
                        font-size: 4vw;
                        margin-left: 1.5vw;
                    }
                }
            }

            ._c {
                .b_l_w;
                .center;
                margin: 0 0 4.667vw;
            }

            .c {
                display: inline-block;
                width: 29.333vw;
                height: 29.333vw;
                border: .8vw dashed #009944;
                padding: .333vw;
                .y50;

                .cc {
                    .b_l_w;
                    height: 100%;
                    border: solid 1.333vw #009944;
                    .y50;
                    position: relative;
                    .center;
                    .box;
                    .box-align-center;
                    .box-wrap;
                    padding: 3vw 0 2.5vw;

                    b {
                        .b_l_w;
                        position: relative;
                        z-index: 1;
                        font-size: 4.889vw;
                    }

                    p {
                        .b_l_w;
                        position: relative;
                        z-index: 1;
                        font-size: 3.2vw;

                        img {
                            width: 7vw;
                        }
                    }

                    .bs {
                        font-size: 3.733vw;
                    }

                    .waves {
                        position: absolute;
                        width: 100%;
                        height: 13vw;
                        left: 0;
                        bottom: -.1vw;
                        border-radius: 0 0 13vw 13vw;
                    }
                    /* Animation */

                    .parallax > use {
                        animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
                    }

                    .parallax > use:nth-child(1) {
                        animation-delay: -2s;
                        animation-duration: 7s;
                    }

                    .parallax > use:nth-child(2) {
                        animation-delay: -3s;
                        animation-duration: 10s;
                    }

                    .parallax > use:nth-child(3) {
                        animation-delay: -4s;
                        animation-duration: 13s;
                    }

                    .parallax > use:nth-child(4) {
                        animation-delay: -5s;
                        animation-duration: 20s;
                    }

                    @keyframes move-forever {
                        0% {
                            transform: translate3d(-90px, 0, 0);
                        }

                        100% {
                            transform: translate3d(85px, 0, 0);
                        }
                    }
                }
            }

            .buy {
                padding: 0 3.333vw 5vw;
                .center;

                a {
                    display: inline-block;
                    width: 53.333vw;
                    .bs;
                    .center;
                    .b;
                    line-height: 10.667vw;
                    background: #d33719;
                    border-radius: 5.333vw;
                    font-size: 4.667vw;
                }
            }

            .agree {
                .box;
                .box-middle;
                margin-bottom: 5vw;

                a {
                    color: #ff0000;
                }
            }
        }
    }
}

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



//权证额度

.warrant-limit {
    .b_l_w;
    background: url(../images/warrant-limit-bg.png) no-repeat;
    background-size: 100% 100%;
    height: 600/7.5vw;

    > div {
        .b_l_w;
        .bs;

        a {
            .bs;
        }
    }

    .hold {
        .center;
        margin: 60/7.5vw 0 45/7.5vw 0;
        font-size: 36/7.5vw;

        i {
            margin-left: 2vw;
        }
    }

    .current {
        .center;

        b {
            display: inline-block;
            font-size: 60/7.5vw;
            margin-bottom: 1vw;
            padding-bottom: 1vw;
            border-bottom: 1px solid #fff;
        }
    }

    .box {
        .box-pack-between;
        .center;
        margin-top: 45/7.5vw;
        padding: 0 25/7.5vw;

        > p {
            .b_k;
            width: 1px;
            height: 50/7.5vw;
            margin-top: 4.6vw;
        }

        > div {
            padding: 1vw 0;
            width: 220/7.5vw;
            line-height: 7vw;
            font-size: 30/7.5vw;

            > p {
                font-size: 35/7.5vw;
            }

            i {
                font-size: 24/7.5vw;
                vertical-align: top;
                margin: 1.67vw 0 0 .67vw;
            }
        }
    }

    .turn {
        .center;
        margin: 45/7.5vw 0;

        a {
            font-size: 30/7.5vw;
            display: inline-block;
            width: 343/7.5vw;
            height: 67/7.5vw;
            line-height: 67/7.5vw;
            background: #4787f1;
            box-shadow: 0 3/7.5vw 7/7.5vw 0 rgba(0, 0, 0, 0.35);
            border-radius: 30/7.5vw;
        }
    }
}

//兑换权证
.warrant-exchange {
    .b_l_w;
    background: url(../images/warrant-exchange-bg.png) no-repeat;
    background-size: 100% 893/7.5vw;

    > .top {
        .b_l_w;

        > div {
            .bs;
            .center;
            .b_l;
            .w-50;
            margin: 90/7.5vw 0 0 0;
            line-height: 7.5vw;
            font-size: 30/7.5vw;

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

    > .mx-auto {
        width: 650/7.5vw;

        > div {
            .b_l_w;
            .center;
            background-color: #fff;
            margin: 140/7.5vw 0 0 0;
            border-radius: 20/7.5vw;
            box-shadow: 0 5/7.5vw 14/7.5vw 1/7.5vw rgba(145, 145, 145, 0.15);
            position: relative;
            background-image: url(../images/warrant-exchange-bg2.png);
            background-size: 100% 314/7.5vw;
            background-repeat: no-repeat;

            > div {
                .b_l_w;
            }

            .t {
                position: absolute;
                top: -13vw;
                left: 0;

                img {
                    width: 263/7.5vw;
                }
            }

            .c {
                margin: 191/7.5vw 0 0 0;
                line-height: 79/7.5vw;

                b {
                    margin-left: 4vw;
                    font-size: 58/7.5vw;

                    span {
                        display: inline-block;
                        vertical-align: top;
                        font-size: 34/7.5vw;
                        margin: .7vw 0 0 1vw;
                    }
                }

                img {
                    width: 90/7.5vw;
                    vertical-align: top;
                }
            }

            .i {
                margin: 4vw 0 0 0;

                > img {
                    width: 81/7.5vw;
                }

                p {
                    margin: 4vw 0 0 0;

                    img {
                        height: 130/7.5vw;
                    }
                }

                div {
                    .b_l_w;
                    margin: 3vw 0 50/7.5vw 0;
                    color: #585858;
                    font-size: 26/7.5vw;
                }
            }

            > a {
                .bs;
                .b;
                display: inline-block;
                width: 527/7.5vw;
                height: 88/7.5vw;
                line-height: 88/7.5vw;
                background: #da220c;
                border-radius: 44/7.5vw;
                font-size: 38/7.5vw;
                box-shadow: 0 1vw 1vw #bd1400;
                margin: 0 0 50/7.5vw 0;
            }
        }
    }
}

//权证积分奖励
.warrant-integral {
    .b_l_w;
    .center;
    background: url(../images/warrant-integral-bg.png) no-repeat;
    background-size: 100% 510/7.5vw;

    > div {
        .b_l_w;
    }

    .portrait {
        margin: 54/7.5vw 0 0 0;

        img {
            .y50;
            width: 143/7.5vw;
            height: 143/7.5vw;
            margin: 0 0 0 -.7vw;
        }
    }

    .explain {
        margin: 42/7.5vw 0 0 0;

        a {
            line-height: 35/7.5vw;
            .bs;
            font-size: 27/7.5vw;

            img {
                height: 33/7.5vw;
                vertical-align: top;
                margin-right: 2vw;
            }
        }
    }

    .box {
        margin: 42/7.5vw 0 0 0;

        a {
            width: 49vw;
            line-height: 8vw;
            .bs;

            > p {
                font-size: 28/7.5vw;
            }

            font-size: 40/7.5vw;

            i {
                font-size: 28/7.5vw;
                vertical-align: top;
                margin: 2vw 0 0 .5vw;
            }
        }

        .box-pack-between;

        > div {
            .b_k;
            width: 1px;
            height: 50/7.5vw;
            margin: 5vw 0 0 0;
        }
    }

    .times {
        margin: 28/7.5vw 0 0 0;

        a {
            .center;
            .bs;
            font-size: 28/7.5vw;
            display: inline-block;
            width: 350/7.5vw;
            height: 65/7.5vw;
            line-height: 63/7.5vw;
            background-color: #bd1400;
            box-shadow: 0 4/7.5vw 8/7.5vw 1 rgba(103, 164, 200, 0.23);
            border-radius: 33/7.5vw;
            border: solid 3/7.5vw #ffffff;

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

    .list {
        margin: 20/7.5vw 0 0 0;
        padding: 0 25/7.5vw;
        .center;
        font-size: 28/7.5vw;

        > div {
            .b_l_w;
            .left;
            height: 90/7.5vw;
            line-height: 90/7.5vw;
            border-bottom: 1px solid #efefef;

            b {
                .b_r;
            }
        }

        > a {
            margin: 35/7.5vw 0;
            display: inline-block;
            width: 540/7.5vw;
            height: 80/7.5vw;
            line-height: 80/7.5vw;
            border-radius: 40/7.5vw;
            border: solid 1px #eeeeee;
        }

        p {
            font-size: 24/7.5vw;
            color: #ff0000;
            margin: 0 0 35/7.5vw;
        }
    }
}

//权证数量
.warrant-quantity {
    .b_l_w;
    background: url(../images/warrant-quantity-bg.png) no-repeat;
    background-size: 100% 520/7.5vw;

    > .top {
        .b_l_w;
        padding: 60/7.5vw 50/7.5vw 0 46/7.5vw;
        .center;
        .box;
        .box-pack-between;

        > div {
            .bs;
            font-size: 34/7.5vw;

            p {
                margin: 25/7.5vw 0 0 0;
                font-size: 78/7.5vw;
            }
        }

        > a {
            .y50;
            margin-top: 15/7.5vw;
            width: 180/7.5vw;
            height: 180/7.5vw;
            background: rgba(255,255,255,.2);
            padding: 15/7.5vw;

            > div {
                .y50;
                width: 100%;
                height: 100%;
                background: rgba(255,255,255,.5);
                padding: 15/7.5vw;

                > div {
                    .y50;
                    .b_k;
                    .b;
                    .box;
                    .box-align-center;
                    .box-wrap;
                    padding: 3vw 0;
                    line-height: 0;

                    p {
                        .b_l_w;
                        .center;
                    }

                    width: 100%;
                    height: 100%;
                    color: #ef1b22;
                    font-size: 30/7.5vw;
                }
            }
        }
    }

    > div.box {
        .b_l_w;
        .box-pack-between;
        .center;
        .bs;
        margin: 50/7.5vw 0 115/7.5vw;
        padding: 0 25/7.5vw;

        > p {
            .b_k;
            width: 1px;
            height: 50/7.5vw;
            margin-top: 4.6vw;
        }

        > div {
            padding: 1vw 0;
            width: 220/7.5vw;
            line-height: 7vw;
            font-size: 28/7.5vw;

            > p {
                font-size: 33/7.5vw;
            }

            i {
                font-size: 22/7.5vw;
                vertical-align: top;
                margin: 1.87vw 0 0 .67vw;
            }
        }
    }

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

        .list {
            .b_l_w;
            background: #FCF3F2;
            border-radius: 20/7.5vw;
            padding: 25/7.5vw 20/7.5vw;
            margin-bottom: 30/7.5vw;

            > .top {
                .b_l_w;
                border-bottom: 1px solid #ffe5e2;

                .times {
                    .b_l_w;
                    height: 50/7.5vw;
                    line-height: 52/7.5vw;
                    font-size: 24/7.5vw;

                    img {
                        height: 100%;
                    }

                    span {
                        .b_r;
                        color: #525050;
                    }
                }

                .exchange {
                    .b_l_w;
                    .b;
                    height: 78/7.5vw;
                    line-height: 78/7.5vw;
                    font-size: 32/7.5vw;

                    span {
                        .b_r;
                        font-size: 30/7.5vw;
                    }
                }
            }

            > .c {
                .b_l_w;

                .z {
                    .b_l_w;
                    padding: 25/7.5vw 0;
                    font-size: 24/7.5vw;
                    color: #525050;

                    span {
                        .b_r;
                    }
                }

                .m {
                    .b_l_w;

                    b {
                        font-size: 58/7.5vw;
                        color: #d90000;

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

                    > div {
                        .b_r;
                        .bs;
                        .center;
                        width: 180/7.5vw;
                        height: 60/7.5vw;
                        line-height: 60/7.5vw;
                        border-radius: 30/7.5vw;
                        letter-spacing: 3/7.5vw;
                        font-size: 30/7.5vw;
                    }

                    .a1 {
                        background: #dd0000;
                    }

                    .a2 {
                        background: #535353;
                    }
                }
            }
        }
    }
}



//卡券集市-发布

.card-market-release {
    .b_l_w;
    padding: 40/7.5vw 25/7.5vw 15vw;

    > a, > div {
        .b_l_w
    }


    .top {
        .b_l_w;
        .r5;
        border: solid 1px #e6593d;
        padding: 20/7.5vw;
        margin-bottom: 25/7.5vw;

        > .tx {
            .b_l_w;
            line-height: 45/7.5vw;
            font-size: 30/7.5vw;
            margin-bottom: 20/7.5vw;

            img {
                .y50;
                width: 52.5/7.5vw;
                height: 52.5/7.5vw;
                vertical-align: top;
                border: solid 1px #e6593d;
                margin-right: 1.5vw;
            }
        }

        > .k {
            .b_l_w;
            position: relative;
            padding: 23/7.5vw;

            > img {
                position: absolute;
                width: 35/7.5vw;
                height: 35/7.5vw;
            }

            > div {
                .b_l;
            }

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

            .b2 {
                right: 0;
                bottom: 0;
                transform: rotate(180deg);
            }

            .bg {
                .center;
                .bs;
                .b;
                font-size: 62/7.5vw;
                width: 215/7.5vw;
                height: 128/7.5vw;
                line-height: 125/7.5vw;
                background: url(../images/release-bg.png) no-repeat;
                background-size: 100% 100%;
            }

            .price {
                .box;
                .box-align-center;
                .box-wrap;
                width: 60%;
                height: 128/7.5vw;
                margin-left: 19/7.5vw;

                p {
                    .b_l_w;
                    color: #333333;
                    font-size: 26/7.5vw;

                    span {
                        color: #cd0000;

                        span {
                            font-size: 40/7.5vw;
                        }
                    }
                }
            }

            .buy {
                position: absolute;
                right: 0;
                top: -9vw;

                img {
                    width: 136/7.5vw;
                    height: 136/7.5vw;
                }
            }
        }
    }

    .van-cell {
        background: transparent;
        padding: 31/7.5vw 0;
        line-height: initial !important;
        .box;
        .box-align-center;
    }

    .van-cell__left-icon {
        margin-right: 2vw;
    }

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

        img {
            width: 45/7.5vw;
            height: 45/7.5vw;
        }
    }

    .van-stepper {
        button {
            width: 44/7.5vw !important;
            height: 44/7.5vw !important;
        }
    }

    .van-cell__value {
        font-size: 30/7.5vw;
        color: #ec0000;
    }

    .van-stepper {
        display: inline-block;
        vertical-align: top;
        margin-left: 2vw;
    }
}

//卡券集市-记录
.card-market-record {
    .b_l_w;
    padding-bottom: 20vw;

    > div {
        .b_l_w;
    }

    .active {
        > div {
            .van-sticky {
                border-bottom: .67vw solid #f8f8f8;
            }
        }
    }

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

        .list {
            .b_l_w;
            .b_k;
            padding: 0 20/7.5vw;
            border-radius: 10/7.5vw;
            margin-bottom: 30/7.5vw;
            font-size: 27/7.5vw;

            &:first-child {
                margin-top: 30/7.5vw;
            }

            > div {
                .b_l_w;
            }

            .b1 {
                padding: 15/7.5vw 0 10/7.5vw;
                border-bottom: 1px solid #f8f8f8;
                line-height: 51/7.5vw;

                span {
                    .b_r;
                }

                .t {
                    line-height: 51/7.5vw;

                    span {
                        font-size: 24/7.5vw;
                    }

                    font {
                        font-size: 32/7.5vw;
                    }

                    img {
                        .y50;
                        width: 52.5/7.5vw;
                        height: 52.5/7.5vw;
                        vertical-align: top;
                        margin-right: 1.5vw;
                        border: solid 1px #e5e5e5;
                    }
                }
            }

            .b1-e10 {
                color: #e10000;
            }

            .b1-666 {
                color: #666;
            }

            .btn {
                height: 86/7.5vw;
                line-height: 86/7.5vw;

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

                a {
                    .bs;
                    .b_r;
                    .center;
                    display: inline-block;
                    width: 140/7.5vw;
                    height: 50/7.5vw;
                    line-height: 50/7.5vw;
                    border-radius: 10/7.5vw;
                    margin-left: 20/7.5vw;
                }

                .a1 {
                    background: #ff0015;
                }

                .a2 {
                    background: #5e69ff;
                }
            }
        }
    }
}

//卡券集市-底部
.card-market-bottom {
    .van-goods-action {
        height: 150/7.5vw;
        box-shadow: 0 0 3vw #ccc;

        > p {
            width: 1px;
            height: 45/7.5vw;
            background: #eee;
        }

        .van-goods-action-icon {
            width: 50%;
        }

        .van-goods-action-icon__icon {
            font-size: 45/7.5vw;
        }
    }
}

//卡券集市-管理

.card-market-manage {
    .b_l_w;
    padding: 40/7.5vw 25/7.5vw 190/7.5vw;

    > div {
        .b_l_w;
    }

    .top {
        .bs;
        .box;
        .box-align-center;
        .box-middle;
        height: 250/7.5vw;
        background-image: linear-gradient(135deg, #000000 0%, #222222 100%);
        border-radius: 10/7.5vw;
        margin-bottom: 60/7.5vw;

        a {
            .bs;
            .center;
            font-size: 30/7.5vw;

            p {
                font-size: 46/7.5vw;
                margin: 0 1vw 4vw 0;
            }
        }

        div {
            width: 1px;
            height: 90/7.5vw;
            .b_k;
        }

        .van-icon {
            color: #fff !important;
        }
    }

    .van-cell {
        background: transparent !important;
        padding: 2.66666667vw 0;
        font-size: 32/7.5vw !important;
        height: 115/7.5vw;

        &::after {
            border: none;
        }
    }

    .van-icon {
        color: #000;
    }

    .van-cell__value {
        color: #cb0000;
    }

    .van-cell__left-icon {
        .box;
        .box-align-center;
        margin-right: 26/7.5vw;

        > img {
            width: 55/7.5vw !important;
            height: 55/7.5vw !important;
        }
    }
}

//卡券集市

.card-market {
    .b_l_w;
    height: 100vh;
    /*> .top {
		.b_l_w;
		.b_k;
		.box;
		.box-align-center;
		.box-middle;
		height: 100/7.5vw;
		position: sticky;
		top: 0;

		a {
			font-size: 28/7.5vw;
			line-height: 50px;
			padding: 0 20px;

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

    .van-tabs {
        .van-tab--active {
            .van-tab__text {
                font-weight: bold;
            }
        }

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

    .card-market-release {
        padding-bottom: 190/7.5vw;
    }

    .van-popup {
        padding-top: 9vw;

        .card-market-release {
            padding-bottom: 0;
        }

        .pay {
            .b_l_w;
            padding: 3vw 25/7.5vw;
            font-size: 28/7.5vw;

            span {
                .b_r;
            }
        }

        .btn {
            .b_l_w;
            padding: 4vw 25/7.5vw;

            .van-button--normal {
                font-size: 40/7.5vw;
                letter-spacing: 4/7.5vw;
            }
        }
    }

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



//夺宝专区
.loot-hot {
    .b_k;
    padding: 2vw;
    margin-top: 25/7.5vw;
    border-radius: 10/7.5vw;
    position: relative;
    overflow: hidden;
    border: solid 1/7.5vw #dbdbdb;

    .i {
        .b;
        .bs;
        background: #D81E06;
        font-size: 3vw;
        position: absolute;
        left: -4vw;
        top: 2vw;
        width: 120/7.5vw;
        .center;
        transform: rotate(-45deg);
    }

    .t {
        .b_l_w;
        height: 220/7.5vw;

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

        > div {
            .b_r;
            width: 430/7.5vw;
            height: 100%;
            .box;
            .box-align-center;
            .box-wrap;

            > div {
                .b_l_w;
            }

            .name {
                font-size: 26/7.5vw;
                line-height: 30/7.5vw;
                height: 30/7.5vw;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
            }

            .price {
                font-size: 24/7.5vw;

                .red {
                    color: #db0000;
                }

                span {
                    font-size: 40/7.5vw;
                }
            }

            .van-progress {
                height: 20/7.5vw;
                border-radius: 10/7.5vw;
            }

            .surplus {
                font-size: 22/7.5vw;
                color: #989898;

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

    .m {
        .b_l_w;
        margin-top: 2vw;
        height: 70/7.5vw;
        line-height: 80/7.5vw;
        border-top: 1/7.5vw solid #dbdbdb;

        > span {
            margin: 0 1vw;
        }

        .van-count-down {
            margin-left: 1vw;
            margin-top: 2.35vw;
            vertical-align: top;
            display: inline-block;
        }

        .colon {
            display: inline-block;
            margin: 0 8/7.5vw;
            color: #ee0a24;
        }

        .block {
            display: inline-block;
            width: 44/7.5vw;
            color: #fff;
            font-size: 24/7.5vw;
            text-align: center;
            border-radius: 5/7.5vw;
            background-color: #ee0a24;
        }
    }
}

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

    .loot-list-item {
        width: 340/7.5vw;
        .b_k;
        border-radius: 10/7.5vw;
        border: solid 1/7.5vw #eee;
        margin-bottom: 25/7.5vw;
        overflow: hidden;

        > img, > div {
            .b_l_w;
        }

        .x {
            padding: 20/7.5vw;

            > div {
                .b_l_w;
            }
        }

        .name {
            font-size: 26/7.5vw;
            line-height: 30/7.5vw;
            height: 30/7.5vw;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

        .van-progress {
            height: 12/7.5vw;
            margin: 20/7.5vw 0;
        }

        .surplus {
            .center;
            font-size: 22/7.5vw;
            line-height: 37/7.5vw;
            color: #989898;
            .box;
            .box-pack-between;

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

.loot-special-area {
    .b_l_w;

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

        > div {
            .b_l_w;
        }
    }

    .van-progress__pivot {
        display: none;
    }

    .red {
        color: #db0000;
    }
}

.loot-step {
    margin: 25/7.5vw 0;
    padding: 0 10/7.5vw;
    border-radius: 10/7.5vw;
    background: #F2CCC8 !important;

    > div {
        .b_l_w;
    }

    .t {
        .center;
        height: 65/7.5vw;
        .box;
        .box-align-center;
        .box-middle;
        border-bottom: 1/7.5vw solid #EA978D;
        position: relative;

        > img {
            height: 45/7.5vw;
        }

        a {
            .bs;
            padding: 0 2vw;
            height: 35/7.5vw;
            line-height: 37/7.5vw;
            background: #d81e06;
            border-radius: 18/7.5vw;
            position: absolute;
            right: 25/7.5vw;
            font-size: 22/7.5vw;
        }
    }

    .m {
        height: 84/7.5vw;
        .box;
        .box-align-center;
        .middle;
        color: #d81e06;
        padding: 0 27/7.5vw;

        img {
            height: 45/7.5vw;
        }
    }
}
//夺宝
.loot-previous-periods {
    .b_k;
    border-radius: 10/7.5vw;
    padding: 0 20/7.5vw;
    margin-bottom: 30/7.5vw;

    > div {
        .b_l_w;
    }

    .tit {
        margin: 24/7.5vw 0;
        height: 41/7.5vw;
        line-height: 41/7.5vw;

        img {
            height: 100%;
        }

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

    .user {
        border-top: 1/7.5vw solid #dbdbdb;
        padding-top: 5vw;

        &:first-child {
            border: 0;
            padding: 0;
        }

        > img {
            .b_l;
            .y50;
            width: 80/7.5vw;
            height: 80/7.5vw;
        }

        > div {
            .b_l;
            margin-left: 20/7.5vw;
            width: 560/7.5vw;
            font-size: 25/7.5vw;

            > div {
                .b_l_w;
                margin: .5vw 0;
            }

            .ash {
                font-size: 22/7.5vw;
                color: #666666;
            }

            .msg {
                margin: 1vw 0 2vw;
            }

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

                img {
                    width: 170/7.5vw;
                    height: 170/7.5vw;
                    margin-bottom: 22/7.5vw;
                    border-radius: 10/7.5vw;
                    object-fit: cover;
                }

                img:not(:nth-child(3n)) {
                    margin-right: calc(~'11.5% / 3');
                }
            }
        }
    }
}

.loot {
    .b_l_w;

    .van-progress__pivot {
        display: none;
    }

    background: url(../images/loot-banner.png) no-repeat;
    background-size: 100% 497/7.5vw;
    padding-top: 400/7.5vw;

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

        > div {
            .b_l_w;
        }
    }

    .area {
        .b_l_w;
        .b_k;
        margin-bottom: 25/7.5vw;

        .tit {
            margin: 24/7.5vw 0;
            height: 59/7.5vw;
            line-height: 79/7.5vw;

            img {
                height: 100%;
            }

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

        .loot-hot {
            margin-bottom: 25/7.5vw;
        }
    }
}

//夺宝记录
.loot-record {
    .b_l_w;
    padding-bottom: 20vw;

    .van-sticky {
        border-bottom: 1px solid #f8f8f8;
    }

    .mx-auto {
        width: 700/7.5vw;
    }

    .list {
        .b_l_w;

        > div {
            > div {
                .b_l_w;
                .b_k;
                border-radius: 10/7.5vw;
                font-size: 24/7.5vw;
                margin-bottom: 30/7.5vw;

                &:first-child {
                    margin-top: 30/7.5vw;
                }

                > div {
                    .b_l_w;
                    padding: 24/7.5vw 20/7.5vw;
                    border-bottom: 1/7.5vw solid #f8f8f8;

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

                .t {
                    line-height: 5.3vw;

                    span {
                        .b_r;
                        font-size: 26/7.5vw;
                    }
                }

                .x {
                    height: 268/7.5vw;

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

                    > div {
                        .b_r;
                        width: 420/7.5vw;
                        height: 100%;
                        .box;
                        .box-wrap;
                        .box-align-center;

                        > div {
                            .b_l_w;
                        }

                        .name {
                            font-size: 26/7.5vw;
                            white-space: nowrap;
                            overflow: hidden;
                            text-overflow: ellipsis;
                        }

                        .price {
                            font-size: 24/7.5vw;

                            span {
                                font-size: 40/7.5vw;
                            }
                        }

                        .surplus {
                            font-size: 22/7.5vw;
                            line-height: 5.5vw;

                            a {
                                margin: 0 1.5vw;
                            }
                        }
                    }
                }

                .m {
                    line-height: 58/7.5vw;

                    .c1 {
                        font-size: 32/7.5vw;
                    }

                    img {
                        display: block;
                        height: 58/7.5vw;
                    }

                    > div > div, a {
                        .bs;
                        .center;
                        font-size: 26/7.5vw;
                        display: block;
                        width: 120/7.5vw;
                        height: 50/7.5vw;
                        line-height: 50/7.5vw;
                        background: #d81e06;
                        letter-spacing: 5/7.5vw;
                    }

                    > div > div {
                        background: #4b4b4b;
                    }
                }
            }
        }
    }

    .van-count-down {
        margin: -.53vw 0 0 1vw;
        vertical-align: top;
        display: inline-block;
    }

    .colon {
        display: inline-block;
        margin: 0 8/7.5vw;
        color: #ee0a24;
    }

    .block {
        display: inline-block;
        min-width: 44/7.5vw;
        color: #fff;
        font-size: 24/7.5vw;
        text-align: center;
        border-radius: 5/7.5vw;
        background-color: #ee0a24;
    }

    .blue {
        color: #369ff4;
    }

    .ash {
        color: #989898;
    }

    .c0 {
        color: #666;
    }

    .c1 {
        color: #ff0016;
    }

    .c2 {
        color: #049e0f;
    }

    .btn {
        .b_r;
        .center;
        .bs;
        display: inline-block;
        width: 140/7.5vw;
        height: 50/7.5vw;
        line-height: 50/7.5vw;
        border-radius: 10/7.5vw;
        margin: -.8vw 0 0 20/7.5vw;
    }

    .a1 {
        background: #ff0015;
    }

    .a2 {
        background: #5e69ff;
    }

    .a3 {
        background: #5e9bff;
    }
}

//夺宝详情
.loot-details {
    .b_l_w;
    font-size: 24/7.5vw;

    > div:not(.mx-auto,.van-overlay,.van-popup, .price) {
        .b_l_w;
        .b_k;

        &:first-child {
            margin: 0 !important;
        }

        margin-bottom: 10/7.5vw;
    }

    > .price {
        .bs;
        height: 110/7.5vw;
        background-color: #ffe7e7;
        background-image: url(../images/loot-details-price-bg.png);
        background-repeat: no-repeat;
        background-size: 440/7.5vw 100%;
        padding: 0 20/7.5vw;
        .box;
        .box-align-center;

        > .b_l {
            overflow: hidden;
            height: 50/7.5vw;
            line-height: 50/7.5vw;
            width: 440/7.5vw;

            div {
                .b_k;
                .center;
                margin: 0 1vw;
                display: inline-block;
                padding: 0 2vw;
                height: 50/7.5vw;
                border-radius: 25/7.5vw;

                span {
                    font-size: 36/7.5vw;
                }
            }
        }

        > .b_r {
            .right;

            > div {
                .b_l_w;
                margin: .7vw 0;
            }
        }

        .red {
            color: #f32e02;
        }

        .van-count-down {
            margin: -.53vw 0 0 0;
            vertical-align: top;
            display: inline-block;
        }

        .colon {
            display: inline-block;
            color: #ee0a24;
        }

        .block:first-child {
            color: #f00;
        }

        .block:not(:first-child) {
            display: inline-block;
            width: 39/7.5vw;
            color: #fff;
            font-size: 24/7.5vw;
            text-align: center;
            border-radius: 5/7.5vw;
            background-color: #ee0a24;
        }
    }

    .x {
        padding: 0 25/7.5vw;

        > div {
            .b_l_w;
        }

        .name {
            font-size: 30/7.5vw;
            margin: 20/7.5vw 0;
        }

        .times {
            height: 76/7.5vw;
            line-height: 76/7.5vw;
            border-top: 1/7.5vw solid #f8f8f8;
        }
    }

    .ash {
        color: #a5a5a5;
    }

    .red {
        color: #d81e06;
    }

    .van-progress {
        margin: 20/7.5vw 0 10/7.5vw;
        height: 20/7.5vw;
        border-radius: 10/7.5vw;
    }

    .van-progress__pivot {
        display: none;
    }

    .just {
        .center;
        font-size: 28/7.5vw;
        height: 130/7.5vw;
        line-height: 130/7.5vw;
        overflow: hidden;

        img {
            .y50;
            width: 80/7.5vw;
            height: 80/7.5vw;
            margin: 0 .5vw;
            vertical-align: middle;
        }
    }

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

        > img {
            width: 49/7.5vw;
        }
    }

    .van-cell__value {
        font-size: 30/7.5vw;
        color: #000;
    }

    .previous-periods {
        .user {
            margin: 25/7.5vw 0 0 0;
            border-bottom: 1/7.5vw solid #f8f8f8;
        }
    }

    .mx-auto {
        width: 700/7.5vw;
    }

    .loot-step {
        .b_l_w;
    }

    .introduce {
        .tit {
            .b_l_w;
            .center;
            margin: 25/7.5vw 0;
            font-size: 30/7.5vw;
            letter-spacing: 5/7.5vw;
        }
    }

    .van-goods-action-icon {
        margin: 0 2vw;
    }

    .van-goods-action {
        height: 17vw;
        margin: 0 !important;
        border-top: 1/7.5vw solid #eee;
    }
}


//夺宝管理
.loot-manage {
    .b_l_w;
    background-color: #fff;
    background-image: url(../images/loot-manage-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 390/7.5vw;

    > div {
        .b_l_w;
    }

    > .t {
        .bs;
        .center;
        margin-bottom: 133/7.5vw;
        font-size: 30/7.5vw;

        .tx {
            display: inline-block;
            width: 148/7.5vw;
            height: 148/7.5vw;
            position: relative;
            margin: 64/7.5vw 0 1vw;

            > img {
                .y50;
                width: 140/7.5vw;
                height: 140/7.5vw;
                border: 4/7.5vw solid #F8A18F;
            }

            > p {
                position: absolute;
                right: .7vw;
                bottom: .7vw;

                > img {
                    width: 40/7.5vw;
                }
            }
        }
    }

    .memu {
        height: 200/7.5vw;
        .box;
        .box-align-center;
        .center;

        a {
            font-size: 26/7.5vw;
            display: inline-block;
            width: 33.33vw;

            div {
                .box;
                .box-align-center;
                .box-middle;
                margin-bottom: 20/7.5vw;
                height: 70/7.5vw;
                color: #47a1f5;
                font-size: 42/7.5vw;

                img {
                    height: 100%;
                }
            }
        }
    }

    .van-cell__left-icon {
        .box;
        .box-align-center;
        margin-right: 2vw;
    }
}


//我要晒单

.loot-assess {
    .add {
        .b_l_w;

        &:last-child {
            border: 0;
        }

        > textarea {
            .b_l_w;
            margin-top: 2vw;
            background: transparent;
            border: 0;
            font-size: 28/7.5vw;
            height: 100/7.5vw;
        }

        .van-uploader__upload {
            border-radius: 10/7.5vw;
            background: #eee;
            width: 220/7.5vw;
            height: 220/7.5vw;
        }

        > div {
            .b_l_w;
        }
    }

    .van-cell {
        background: transparent !important;
        padding: 0;

        .van-icon {
            .box;
            .box-align-center;
            margin-right: 2vw;

            > img {
                width: 45/7.5vw;
                height: 45/7.5vw;
            }
        }
    }

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

//首页
.index-page {
    .b_l_w;
    padding: 0 3.333vw 10vw;

    > div {
        .b_l_w;
    }

    .data {
        .box;
        .box-align-center;
        margin-top: 5.333vw;
        height: 16vw;
        .b_k;
        border-radius: 2.667vw;
        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;
                .text-hide-1;
                height: 6vw;
                line-height: 6vw;

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

    .column {
        .box;
        .box-pack-between;

        a {
            width: 29.333vw;
            .b_k;
            border-radius: 2vw;
            box-shadow: 0 2vw 2vw #e7e7e7;

            img {
                width: 100%;
                display: block;
            }

            div {
                .b_l_w;
                .center;
                height: 13.333vw;
                .box;
                .box-align-center;
                .box-wrap;
                padding: 1.5vw 0 2vw;

                b, p {
                    .b_l_w;
                }

                b {
                    font-size: 3.733vw;
                }

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

    .shopping {
        .box;
        .box-wrap;
        .box-pack-between;
        align-content: space-between;
        height: 53.333vw;
        margin-top: 5vw;

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

        > a {
            width: 38.667vw;
            height: 53.333vw;
        }

        div {
            .box;
            .box-wrap;
            .box-pack-between;
            align-content: space-between;
            width: 53.333vw;
            height: 53.333vw;

            > a:nth-child(1) {
                width: 53.333vw;
                height: 26.667vw;
            }

            > a:nth-child(2), > a:nth-child(3) {
                width: 26vw;
                height: 25.333vw;
            }
        }
    }

    ._shop {
        .box;
        .box-pack-between;
        margin-top: 4vw;

        .l {
            width: 45.333vw;
            height: 63.333vw;
            border-radius: 2vw;
            border: solid 1px #ffffff;
            padding: 0 2.667vw;
            background-color: #fff;
            background-image: url(/images/block-bg1.png);
            background-repeat: no-repeat;
            background-size: 100% 100%;
        }

        .title {
            div {
                color: #ffa000;
                border: solid 1px #ffa000;
            }
        }

        img {
            width: 100%;
            height: 50.667vw;
            border-radius: 2vw;
        }
    }

    .title {
        min-height: 8.933vw;
        .box;
        .box-align-center;

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

        div {
            padding: 0 1.467vw;
            font-size: 2.4vw;
            height: 3.333vw;
            line-height: calc(~'3.333vw - 2px');
            border-radius: 1.667vw 1.667vw 1.667vw 0vw;
        }
    }

    > .k {
        .b_k;

        ._title {
            .b_l_w;
            .b;
            .center;
            font-size: 5vw;
            margin: 3vw 0;
        }
    }

    .block {
        width: 45.333vw;
        .box;
        .box-tb;
        .box-pack-between;
        height: 63.333vw;

        > div {
            width: 45.333vw;
            height: 30.667vw;
            background-color: #fff;
            border-radius: 2vw;
            border: solid 1px #ffffff;
            padding: 0 2.667vw;
            overflow: hidden;
            .box;
            .box-tb;

            > div {
                .b_l_w;
            }


            .van-swipe {
                height: 100%;
            }

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

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

        .d1 {
            background-image: url(/images/block-bg2.png);
            background-repeat: no-repeat;
            background-size: 100% 100%;

            .title {
                div {
                    color: #f54d40;
                    border: solid 1px #f54d40;
                }
            }
        }

        .d2 {
            background-image: url(/images/block-bg3.png);
            background-repeat: no-repeat;
            background-size: 100% 100%;

            .title {
                div {
                    color: #2994ff;
                    border: solid 1px #2994ff;
                }
            }
        }
    }

    .vedio {
        .k;
        border-radius: 2vw;
        margin-top: 4vw;
        overflow: hidden;
        padding: 0 3.333vw;

        video {
            width: 100%;
            height: auto;
            background: #000;
            display: block;
            border-radius: 2.667vw;
            overflow: hidden;
        }

        .btn {
            .box;
            .box-pack-center;
        }

        button {
            width: 66.667vw;
            height: 10.667vw;
            background-color: #e8590c;
            border-radius: 5.333vw;
            margin: 4.667vw 0;

            span {
                font-size: 4.267vw;
                letter-spacing: 0.853vw;
            }
        }
    }

    .news {
        .k;
        margin: 4vw 0;
        border-radius: 2vw;
        box-shadow: 0 0 1vw #e7e7e7;
        padding: 0 3.333vw 11.333vw;
        position: relative;

        .list {
            .b_l_w;
            .b_k;
            .box;
            .box-pack-between;
            height: 26.667vw;
            padding: 3.333vw 0;
            border-bottom: 1px solid #e5e5e5;

            &:nth-last-child(2) {
                border: none;
            }

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

            > div {
                width: 63vw;
                height: 100%;
                .box;
                .box-wrap;
                align-content: space-between;

                > div {
                    .b_l_w;
                }

                .tit {
                    font-size: 3.733vw;
                    font-weight: bold;
                    .text-hide-2;
                }

                .lab {
                    font-size: 2.933vw;
                    .text-hide-1;
                }

                .times {
                    font-size: 3.2vw;
                    color: #c2c2c2;
                }
            }
        }

        .more {
            .center;
            width: 100%;
            position: absolute;
            font-size: 8vw;
            left: 0;
            bottom: .667vw;
        }
    }
}

.index-tit {
    .b_l_w;
    .center;
    .b;
    font-size: 6vw;
    height: 10vw;
    margin-top: 4vw;
    z-index: 1;

    &::after {
        content: '';
        display: block;
        left: calc(~'50% - 13.3335vw');
        margin: -2.5vw 0 0 calc(~'50% - 13.3335vw');
        width: 26.667vw;
        height: 2.667vw;
        z-index: 0;
        background-image: linear-gradient(90deg, rgba(254,88,76,0) 0%, rgba(251, 84, 72, 0.5) 15%, #f34a3e 50%, rgba(251, 84, 72, 0.5) 85%, rgba(254,88,76,0) 100%);
    }
}

.granary-order {
    .b_l_w;
    padding: 0 3.333vw;

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

        .id {
            .bs;
            font-size: 3.733vw;
            position: absolute;
            left: 0;
            top: 0;
            line-height: 9.333vw;
            background-color: #000000;
            border-radius: 4vw 0vw 4vw 0vw;
            padding: 0 3vw;
        }

        .amount {
            .b_l_w;
            border-bottom: .133vw solid #f8f8f8;
            line-height: 11.2vw;
            font-size: 3.733vw;

            span {
                color: #1596ca;
            }
        }

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

            > div {
                width: 80vw;
                min-height: 12.667vw;
                .box;
                .box-align-center;
                .box-wrap;
                padding: 2vw 0;
                line-height: 6vw;

                p {
                    .b_l_w;
                }
            }

            a {
                .bs;
                .center;
                font-size: 3.467vw;
                width: 17.333vw;
                height: 6.667vw;
                line-height: 6.667vw;
                border-radius: 0.667vw;
                margin-left: auto;
            }

            .a1 {
                background-color: #f5a623;
            }

            .a2 {
                background-color: #0598d2;
            }

            .a3 {
                background-color: #e62c0b;
            }

            .a4 {
                background-color: #b5b5b5;
            }
        }

        .van-count-down {
            display: inline-flex !important;
        }

        .colon {
            display: inline-block;
            margin: 0 .667vw;
            color: #ee0a24;
        }

        .block {
            display: inline-block;
            width: 5.333vw;
            height: 5.333vw;
            color: #fff;
            font-size: 3.2vw;
            text-align: center;
            background-color: #fc4a04;
            border-radius: 0.533vw;

            &:last-child {
                width: 7.333vw;
            }
        }
    }
}

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

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

            .number {
                font-size: 8vw;
                .box;
                .box-pack-between;
                .box-align-center;
                margin: 4vw 0 0;

                .a {
                    width: 26.667vw;
                    height: 8vw;
                    line-height: 8vw;
                    border-radius: 4vw;
                    .center;
                    background-color: #f3c947;
                    font-size: 4.267vw;
                    color: #141414;
                    margin-left: auto;
                }
            }

            .total {
                margin: 4vw 0 0;
                line-height: 8vw;
                .box;
                .box-pack-around;
                .center;
                font-size: 3.333vw;
                color: #959595;

                p {
                    /*font-size: 4vw;
                    color: #252525;
                    .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: 2vw 0 0;

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

                > button {
                    width: 38vw;
                }

                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;

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

    .to-activation {
        .center;
        .bs;
        display: inline-block;
        width: 16vw;
        height: 6vw;
        line-height: calc(~'6vw - 2px');
        background-color: #d23400;
        border-radius: 3vw;
        border: solid 1px #ffffff;
        margin-left: 2.667vw;
    }
}

.asset-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: 69.333vw;
    }

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

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

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

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

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

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

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

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

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

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

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

    .t {
        background: url(/images/asset-t5.png);
        height: 89.333vw;

        .a {
            background: url(/images/overview-a.png) no-repeat;
            background-size: 100% 100%;
        }
    }

    .c {
        padding: 3vw 5.467vw 0;

        .tit {
            margin-left: -2vw;
        }
    }

    .q {
        font-size: 3.333vw;
        color: #1b1b1b;
        .box;
        .box-align-center;
        margin-top: 6vw;

        i {
            margin: .4vw 0 0 1.2vw;
        }
    }

    .v {
        height: 7.333vw;
        line-height: calc(~'7.333vw - 2px');
        .b_k;
        border-radius: 3.667vw;
        border: solid 1px #f7dcb2;
        padding: 0 4vw;
        margin: 5vw 0 0;
        font-size: 3.733vw;
        color: #939393;

        b {
            color: #f00;
            margin-left: 1.2vw;
        }
    }
}

.asset-n {
    .b_l_w;
    padding: 0 3.333vw;

    .n {
        .b_l_w;
        .b_k;
        border-radius: 4vw;
        padding: 0 3.333vw;

        .sy_fl, .van-clearfix {
            border-bottom: .133vw solid #f8f8f8;
        }
    }
}

.merchant-apply {
    .b_l_w;
    padding: 5.333vw 3.333vw 0;

    > div {
        .b_l_w;
    }

    .t {
        .b_k;
        height: 24vw;
        border-radius: 4vw;
        overflow: hidden;
        margin-bottom: 4vw;

        .b_l_w {
            .w-33 {
                .b_l;
                .center;
                font-size: 3.2vw;
                color: #a8a8a8;
            }

            .b {
                color: #000;
            }
        }

        .van-step__circle {
            width: 6.4vw;
            height: 6.4vw;
            background-color: #d8d8d8;
        }

        .van-steps--horizontal {
            padding: 2vw 12.267vw;
        }

        .van-step--horizontal .van-step__circle-container {
            padding: 0;
            left: initial;
        }

        .van-step--horizontal .van-step__icon {
            font-size: 6.4vw;
        }

        .van-step {
            overflow: initial;

            i:before {
                .bs;
                .b;
                .center;
                display: inline-block;
                width: 6.4vw;
                line-height: 6.4vw;
                font-size: 3.2vw;
                font-style: initial;
            }
        }

        .van-step--horizontal:last-child .van-step__circle-container {
            right: 0;
        }

        .van-step:nth-child(1) {
            i:before {
                content: '1';
            }
        }

        .van-step:nth-child(2) {
            .van-step__circle-container {
                left: -3.2vw;
            }

            i:before {
                content: '2';
            }
        }

        .van-step:nth-child(3) {
            i:before {
                content: '3';
            }
        }

        .van-icon-checked {
            background-color: #1676fe;
            .y50;
            width: 6.4vw;
            height: 6.4vw;
            line-height: 0;
        }

        .van-step__title {
        }
    }

    ._for {
        .b_l_w;
        margin-top: -18vw;
        padding: 0 3.333vw;
        font-size: 3.2vw;

        a {
            .b_l_w;
            .b_k;
            .box;
            .box-align-center;
            border-radius: 2vw;
            box-shadow: 0.52vw 0.413vw 1.2vw 0.133vw rgba(162, 162, 162, 0.1);
            height: 20vw;
            position: relative;
            padding: 0 4.667vw;
            overflow: hidden;

            p {
                position: absolute;
                left: 0;
                top: 0;
                height: 20vw;
                width: 2.667vw;
            }

            img {
                width: 10.667vw;
                height: 10.667vw;
                margin-right: 2.533vw;
            }

            b {
                font-size: 4.267vw;
            }

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

        .c {
            .b_l_w;
            padding: 0 2.667vw;
            margin-bottom: 5.6vw;

            ._c {
                .b_l_w;
                .box;
                .box-align-center;
                .box-wrap;
                border-radius: 0 0 2vw 2vw;
                padding: 2vw 0;

                div {
                    width: 33.33%;
                    .box;
                    .box-align-center;
                    .box-pack-center;
                    margin: 2vw 0;
                    font-size: 3.333vw;

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

        .a1 {
            p {
                background-color: #fdd001;
            }
        }

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

        .c1 {
            background-color: #fffaf3;
        }

        .c2 {
            background-color: #f1f4fc;
        }
    }

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

        > div {
            .b_l_w;
        }

        .index-tit {
            font-size: 4vw;
            margin-top: 5.2vw;
        }

        .index-tit::after {
            width: 18.667vw;
            height: 2vw;
            margin: -2vw 0 0 calc(~'50% - 9.3335vw');
            background-image: linear-gradient(90deg, rgba(104, 201, 242, 0.05) 0%, rgba(104, 201, 242, 0.53) 15%, #68c9f2 50%, rgba(104, 201, 242, 0.53) 85%, rgba(104, 201, 242, 0.05) 100%);
        }

        .tip {
            font-size: 3.733vw;
            color: #333333;
            line-height: 8vw;
        }

        .input {
            .box;
            .box-pack-between;
            .box-wrap;
            font-size: 3.2vw;

            .icon {
                width: 4.667vw;
                margin-right: 1.5vw;
            }

            border-bottom: .267vw solid #f0f0f0;
            padding-top: 1vw;

            .v {
                .b_l_w;
                .box;
                .box-align-center;
                height: 13.867vw;

                input {
                    border: 0;
                    width: 100%;
                    font-size: 3.733vw;

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

                select {
                    border: solid 1px #f0f0f0;
                    border-radius: 1.333vw;
                    height: 7.333vw;
                    color: #8a8a8a;
                    font-size: 3.2vw;
                }

                .code {
                    width: 24vw;
                    border: 0;
                    border-left: .267vw solid #e5e5e5;
                    height: 7.333vw;
                    line-height: 7.333vw;
                    padding-left: 4.533vw;
                    margin-left: auto;
                    white-space: nowrap;
                }
            }

            ._tip {
                .b_l_w;
                color: #d23400;
                margin: -3vw 0 4vw;
            }

            > .van-uploader {
                margin: 0 0 4vw;
            }
        }

        .next {
            .b_l_w;
            .bs;
            .center;
            margin: 5vw 0;
            line-height: 10.667vw;
            background-color: #d23400;
            border-radius: 5.333vw;
            font-size: 4.267vw;
        }

        .van-checkbox {
            justify-content: center;
            margin: 0 0 5vw 0;
        }

        .van-radio-group {
            font-size: 3.733vw;

            .van-radio {
                .b_l_w;
                margin-bottom: 4vw;
            }
        }

        .van-uploader__upload {
            background-color: #f8f8f8;
            margin: 0;
        }

        .portrait {
            .center;

            .van-uploader__wrapper {
                display: flex;
                border-radius: 1.563vw;
                overflow: hidden;
            }

            .van-uploader__upload {
                background-color: #f8f8f8;
            }

            p {
                font-size: 2.709vw;
                margin: 2.533vw 0 5vw;
            }
        }

        .c {
            width: 40vw;
            height: 25.067vw;
            background-color: #f8f8f8;
            border-radius: 1.563vw;
            border: solid 0.156vw #eeeeee;
            .box;
            .box-align-center;
            .box-middle;
        }

        .safe {
            color: #5a5a5a;
            font-size: 3.2vw;
            margin: 4vw 0 2vw;

            i {
                margin-right: 1vw;
            }
        }

        .success {
            .center;
            line-height: 5.334vw;
            padding: 10vw 0 15vw;
            font-size: 3.541vw;

            .i {
                font-size: 9.2vw;
                margin-bottom: 5vw;
            }

            p {
                .b;
                font-size: 4vw;
                color: #fe0201;
                margin-bottom: 5vw;
            }
        }
    }
}


//积分支付
.integral-pay {
    .b_l_w;

    > div {
        .b_l_w;
    }

    .top {
        height: 22vw;
        .box;
        .box-align-center;
        padding: 0 3.667vw;

        img {
            width: 15.667vw;
            height: 15.667vw;
            margin-right: 2.667vw;
            border-radius: 5px;
        }

        .b;
        font-size: 4.267vw;
    }

    .m {
        .b_k;
        padding: 4vw;
        font-size: 4.267vw;

        .input {
            .b_l_w;
            .box;
            font-size: 5.333vw;
            margin: 1vw 0;
            padding: 1.5vw 0;
            border-bottom: 1px solid #f2f2f2;

            span {
                vertical-align: bottom;
                margin-top: 5.7vw;
            }

            input {
                .b;
                border: 0;
                width: 100%;
                padding: 0 1vw;
                font-size: 12vw;

                &::-webkit-input-placeholder {
                    font-size: 5.5vw;
                    color: #959595;
                    font-weight: normal;
                }
            }
        }

        .tip {
            .b_l_w;
            margin: 1.5vw 0;
            font-size: 3.467vw;
            color: #ff2828;
        }

        .available {
            .b_l_w;
            .box;
            .box-align-center;
            margin: 5.5vw 0 3vw;
            font-size: 3.959vw;
            line-height: 5vw;

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

            span {
                color: #959595;
                font-size: 3.333vw;
            }

            a {
                margin-left: auto;

                i {
                    margin-left: .3vw;
                }
            }

            p {
                font-size: 4.5vw;
                margin-bottom: 1vw;
            }
        }
    }

    .remarks {
        padding: 4vw 3.333vw;

        .d1 {
            .b_l_w;
            .b_k;
            width: 93.333vw;
            height: 13.333vw;
            border-radius: 1.333vw;
            overflow: hidden;

            input {
                .b_l_w;
                border: 0;
                height: 100%;
                padding: 0 3.333vw;
                font-size: 3.6vw;

                &::-webkit-input-placeholder {
                    color: #959595;
                }
            }
        }
    }
}


//扫码授权
.code-authorization {
    .b_l_w;

    > div {
        .b_l_w;
    }

    .top {
        height: 26.667vw;
        .box;
        .box-align-center;
        padding-top: 3vw;

        img {
            width: 40.533vw;
            margin: 0 auto;
        }
    }

    .bg {
        background-size: 100% 100%;
        .bs;
        .center;

        > div {
            .b_l_w;
        }

        .t {
            .box;
            .box-align-center;
            .box-wrap;
            font-size: 4vw;
            font-family: inherit !important;

            > * {
                .b_l_w;
            }

            div {
                .b;
                font-size: 6vw;
            }
        }

        .code {
            margin-top: 7.333vw;
            .box;
            .box-middle;

            > div {
                width: 69.867vw;
                height: 65.867vw;
                background: url(/images/code-authorization-bg.png) no-repeat;
                background-size: 100% 100%;
                .box;
                .box-align-center;
                .box-middle;
            }

            img {
                width: 55vw;
                height: 55vw;
                border: 3.333vw solid #fff;
            }
        }

        .m {
            font-size: 3.467vw;
            padding: 2vw 0;

            > * {
                .b_l_w;
            }
        }

        .a {
            .center;
            margin: 6vw 0 0;

            a {
                .b_k;
                font-weight: normal;
                font-size: 3.467vw;
                text-decoration: underline;
                color: #1676fe;
                padding: .5vw 2vw;
            }
        }

        .close {
            .b_l_w;
            .center;
            margin: 6vw 0;

            a {
                .bs;
                .b;
                font-size: 3.467vw;
            }
        }
    }

    .a-pop {
        padding: 10vw 3.467vw 0;
        text-align: left;

        .van-popup__close-icon {
            color: #000;
        }

        p, input, a, div, button {
            .b_l_w;
        }

        p {
            font-size: 4.667vw;
        }

        input {
            border: none;
            border-bottom: 1px solid #f8f8f8;
            font-size: 3.733vw;
            padding: 3vw 0;
            margin: 2vw 0;
        }

        .tip {
            font-size: 3.2vw;
            color: #da220c;
            margin: 2vw 0 4vw;
        }

        button {
            .center;
            .bs;
            margin-top: 5vw;
            height: 13.333vw;
            line-height: 13.333vw;
            letter-spacing: 0.533vw;
            font-size: 5.333vw;
        }
    }
}

//授权成功
.authorization-succeeded {
    .b_l_w;
    .center;

    .mx-auto {
        width: 86.667vw;
    }

    p {
        .b;
        font-size: 6vw;
        margin: 20vw 0 20vw;
    }

    a {
        .bs;
        .b;
        .b_l_w;
        margin: 20vw 0 20vw;
        line-height: 13.333vw;
        font-size: 4.8vw;
        letter-spacing: 0.96vw;
        background-color: #1777ff;
        box-shadow: 0.067vw 0.12vw 2.64vw 0.027vw rgba(23, 119, 255, 0.4);
        border-radius: 1.333vw;
    }
}

.restock-cloud {
    .b_l_w;

    > div {
        .b_l_w;
    }

    .banner {
        height: 66.667vw;
        padding: 4.667vw 4vw 4.667vw 33.333vw;
        position: relative;

        .van-search {
            padding: 0;
            height: 9.333vw;
            position: relative;
            z-index: 2;

            .van-field__control {
                &::-webkit-input-placeholder {
                    color: #9b9b9b;
                }
            }
        }

        .van-swipe {
            width: 100%;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 1;
        }

        .logo {
            height: 6.4vw;
            position: absolute;
            left: 3.6vw;
            top: 6.133vw;
            z-index: 2;
        }
    }

    .content {
        padding: 0 3.333vw;

        > div {
            .b_l_w;
        }
    }

    .menu {
        .box;
        .box-pack-between;
        .center;
        margin-top: 5.333vw;

        a {
            .w-25;

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

            font-size: 3.467vw;
        }
    }

    .data {
        .box;
        .box-align-center;
        margin-top: 5.333vw;
        height: 16vw;
        .b_k;
        border-radius: 2.667vw;
        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: #f63935;
                    vertical-align: top;
                    margin: 2vw 2.133vw 0 3.6vw;
                }
            }
        }
    }

    .index-tit {
        margin: 6.667vw 0;
    }

    .van-list {

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

            .session {
                position: absolute;
                left: -1.067vw;
                top: 2vw;
                width: 13.867vw;
                height: 8vw;
                line-height: 7vw;
                padding-left: .8vw;
                .bs;
                .b;
                font-size: 3.2vw;
                background: url(/images/restock-cloud-session.png);
                background-size: 100% 100%;
            }

            > div {
                margin-bottom: 4vw;
                .b_k;
                width: 45.333vw;
                height: 76vw;
                border-radius: 2vw;
                position: relative;

                > img {
                    width: 45.333vw;
                    height: 45.333vw;
                    display: block;
                }

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

                    > div {
                        .b_l_w;
                    }

                    .name {
                        padding: 2vw 0;
                        font-size: 3.467vw;
                        line-height: 4.8vw;
                        height: 11.6vw;
                        .text-hide-2;
                    }

                    .price {
                        font-size: 3.2vw;

                        b {
                            font-size: 4.933vw;
                        }

                        font {
                            .b_r;
                            margin-top: 1vw;
                            color: #999999;
                        }
                    }

                    .m {
                        margin-top: 3.467vw;
                        height: 6vw;
                        background-image: linear-gradient(-90deg, #ff8c2e 0%, #ff150b 60%);
                        border-radius: 3vw;
                        .bs;
                        .b;
                        font-size: 3.2vw;
                        line-height: 6vw;

                        div {
                            .b_l;
                            width: 16.667vw;
                            height: 6vw;
                            padding-left: 2.667vw;
                            background: url(/images/restock-cloud-list-m.png) no-repeat;
                            background-size: 100% 100%;
                            margin-right: 2.667vw;
                        }
                    }
                }
            }
        }
    }
}

.restock-flash {
    .b_l_w;
    padding: 4vw;

    > div {
        .b_l_w;
    }

    .van-field__left-icon {
        .box;
        .box-align-center;
        margin-right: 10px;
    }

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

    .van-search {
        padding: 0 0 4vw;
    }

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

        .t {
            padding: 0 1.2vw 0 2vw;
            height: 22vw;
            .box;
            .box-align-center;

            > img {
                width: 16vw;
                height: 16vw;
                border-radius: 1.333vw;
                box-shadow: 0 0 1vw #ccc;
                margin-right: 4vw;
            }

            .c {
                width: 50vw;
                height: 16vw;
                padding-top: 1vw;

                .name {
                    .b;
                    font-size: 4.267vw;
                    .text-hide-1;
                }
            }

            a {
                .center;
                font-size: 3.2vw;
                color: #333;

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

        ._times {
            .b_l_w;
            height: 26.667vw;
            background-color: #fef9f3;
            border-radius: 1.333vw;
            border: solid 1px #f7e6ca;
            overflow: hidden;

            .c {
                .b_l_w;
                .box;
                .box-align-center;
                font-size: 3.2vw;
                padding: 2vw 3.467vw;

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

                span {
                    margin-left: auto;

                    b {
                        font-size: 4.267vw;
                        color: #f44a3e;
                        margin-left: 2.133vw;
                    }
                }
            }

            .van-steps {
                .b_l_w;
                background-color: transparent;
                padding: 3vw 7.333vw 0;

                .van-step__title {
                    width: 13.333vw;
                    height: 10.667vw;
                    line-height: 10.667vw;
                    .center;
                    border-radius: 1.333vw;
                    .b;
                    color: #b2b2b2;
                    .b_k;
                    border: solid 0.267vw #d2d2d2;
                    position: relative;
                    z-index: 2;
                    font-size: 4vw;
                }

                .van-step__line {
                    top: 5.334vw;
                    background-color: #d2d2d2;
                }

                .van-step__title--active, .van-step--finish .van-step__title {
                    color: #6c400c !important;
                    border: solid 1px #ffc057;
                    background-color: #fef2de;
                }

                .van-step__circle-container {
                    display: none;
                }
            }
        }

        ._finish {
            .b_l_w;
            .center;
            .b;
            padding: 5vw 0;
            font-size: 4.267vw;
        }
    }

    .van-tabs {
        margin: 4vw 0;

        .van-tabs__nav {
            .box-pack-between;
        }

        .van-tab {
            flex: initial !important;
        }

        .van-tabs__wrap {
            height: initial !important;
        }

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

        .van-tab__text {
            width: 16vw;
            height: 6.667vw;
            line-height: 6.667vw;
            font-size: 3.467vw;
            .center;
            .b_k;
            border-radius: 3.333vw;
        }

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

    .van-list {
        .list {
            .b_l_w;

            > div {
                .b_l_w;
                .b_k;
                .box;
                border-radius: 3.333vw;
                padding: 3.333vw;
                margin-bottom: 4vw;

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

                > div {
                    width: 54vw;
                    margin-left: 3.333vw;
                    .box;
                    .box-align-center;
                    .box-wrap;

                    .name {
                        .b_l_w;
                        font-size: 4vw;
                        letter-spacing: 0.2vw;
                        .text-hide-1;
                    }

                    .income {
                        .b_l;
                        margin-top: 1vw;
                        color: #fcd7a3;
                        font-size: 3.2vw;
                        height: 5.333vw;
                        line-height: 5.333vw;
                        background-color: #1b1b1b;
                        border-radius: 0.667vw;
                        .center;

                        span {
                            .b_l;
                            width: 15.333vw;
                            height: 100%;
                            border-right: 1px dashed #fcd7a3;
                        }

                        font {
                            padding: 0 1.5vw 0 1vw;
                        }
                    }

                    .label {
                        .b_l_w;
                        margin-top: 1vw;
                        font-size: 3.2vw;
                        color: #979797;
                    }

                    .price {
                        .b_l_w;
                        font-size: 3.2vw;
                        color: #fb5549;
                        line-height: 8.667vw;
                        margin-top: 1vw;
                        overflow: hidden;
                        height: 6.667vw;

                        b {
                            font-size: 4.667vw;
                        }

                        a {
                            .b_r;
                            .center;
                            width: 21.333vw;
                            height: 6.667vw;
                            background-color: #fb5549;
                            border-radius: 0.667vw;
                            line-height: 6.667vw;
                            font-size: 3.467vw;
                            .b;
                            letter-spacing: 0.347vw;
                            .bs;
                        }
                    }
                }
            }
        }
    }
}

.restock {
    .b_l_w;

    img {
        display: block;
    }

    .banner {
        .b_l_w;
        position: relative;

        .van-search {
            width: 100%;
            position: absolute;
            left: 0;
            top: 5.333vw;
            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 {
            .b_l_w;
            padding: 0 3.333vw;

            div {
                .b_l_w;
                .b_k;
                padding: 0 3.333vw;
                height: 10.667vw;
                border-radius: 0 0 4vw 4vw;
                box-shadow: 0vw 0vw 1.333vw 0vw rgba(25, 141, 139, 0.15);
                .box;
                .box-align-center;

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

                b {
                    font-size: 3.733vw;
                }

                span {
                    margin-left: auto;
                    font-size: 3.5vw;
                    color: #787878;
                }
            }
        }
    }

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

.restock-block {
    .b_l_w;
    .b_k;
    border-radius: 2vw;
    margin-bottom: 5.467vw;

    ._tit {
        .b_l_w;
        min-height: 14.267vw;
        padding: 3vw 2.533vw 0;
        line-height: 4vw;

        img {
            .b_l;
            height: 7.867vw;
            margin: 0 2.667vw 2vw 0;
        }

        span {
            color: #6d6d6d;
            font-size: 3.2vw;
            margin-top: 1.5vw;
            display: inline-block;
        }

        a {
            .b_r;
            margin-top: 1.5vw;
            color: #6d6d6d;
        }
    }
}

.restock-retail {
    .b_l_w;

    .banner {
        .b_l_w;
        position: relative;

        .van-search {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 1;
        }

        > img {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            display: block;
        }
    }

    .content {
        .b_l_w;
        .box;
        .box-pack-between;
        padding: 0 3.333vw;
        margin: -10vw 0 4vw;
        position: relative;
        z-index: 2;

        a {
            width: 44.667vw;
            height: 17.333vw;
            .b_k;
            border-radius: 3.333vw;
            .box;
            .box-align-center;
            .center;
            padding: 0 3.333vw;

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

            &:first-child {
                border-radius: 9.333vw 3.333vw 3.333vw 3.333vw !important;
            }

            div {
                line-height: 7vw;

                p {
                    font-size: 3.2vw;
                }

                b {
                    font-size: 4.267vw;
                    color: #fe5c51;
                }
            }
        }
    }
}

.user-vip {
    .b_l_w;

    .banner {
        .b_l_w;
        background: url(/images/user-vip-banner.jpg) no-repeat;
        background-size: 100% 100%;
        height: 60vw;
        position: relative;

        .c2 {
            position: absolute;
            top: 26.667vw;
            right: 8.667vw;
            z-index: 1;
            width: 32vw;
            height: 10.667vw;
            background-image: linear-gradient(90deg, #86380e 40%, #c67749 100%);
            border-radius: 4vw 4vw 0vw 4vw;
            .right;
            padding: 1.333vw 4.133vw 0;
        }

        .c {
            width: 82.667vw;
            height: 33.333vw;
            background: url(/images/user-vip-banner-c.png) no-repeat;
            background-size: 100% 100%;
            position: absolute;
            bottom: 1.333vw;
            left: 8.667vw;
            z-index: 2;
            .box;
            .box-align-center;
            .box-wrap;
            padding: 2vw 4vw 11vw;
            font-size: 3.2vw;

            > div {
                .b_l_w;
            }

            .tit, .sum {
                .b;
                color: #8c390c;
            }

            .sum {
                font-size: 6vw;

                span {
                    font-size: 4vw;
                }
            }

            .label {
                color: #B38162;
            }

            a {
                position: absolute;
                right: 0;
                top: 1.333vw;
                width: 26.667vw;
                height: 7.333vw;
                line-height: 7vw;
                font-size: 3.2vw;
                color: #fff2d2;
                .center;
            }
        }
    }

    .content {
        .b_l_w;
        .b_k;
        margin-top: -10vw;
        box-shadow: 0vw -1.2vw 1.333vw 0vw rgba(203, 165, 70, 0.2);
        border-radius: 4vw 4vw 0vw 0vw;
        min-height: 20vw;
        position: relative;
        z-index: 3;
        font-size: 4vw;
        padding: 0 3.333vw;
        .b;

        .tit {
            .b_l_w;
            .center;
            margin: 5vw 0 3.867vw;

            span {
                display: inline-flex;
                .box-align-center;

                &::before {
                    content: '';
                    display: inline-block;
                    width: 6.667vw;
                    height: 1.067vw;
                    background-image: linear-gradient(-90deg, #f44a3e 30%, rgba(244,74,62,0) 100%);
                    margin-right: 1.6vw;
                }

                &::after {
                    content: '';
                    display: inline-block;
                    width: 6.667vw;
                    height: 1.067vw;
                    background-image: linear-gradient(90deg, #f44a3e 30%, rgba(244,74,62,0) 100%);
                    margin-left: 1.6vw;
                }
            }
        }

        .list {
            .b_l_w;
            .box;
            .box-align-center;
            margin-bottom: 4vw;
            height: 16vw;
            background-color: #FFF7F6;
            border-radius: 1.333vw;
            padding: 0 3.333vw;

            > img {
                height: 8vw;
                margin-right: 3.2vw;
            }

            div {
                margin-left: auto;
                font-size: 4.667vw;

                span {
                    font-size: 6vw;
                    color: #ed342e;
                }
            }
        }
    }
}

.user-studio {
    .b_l_w;
    background-color: #f5f5f5;
    background-image: url(/images/user-studio-bg.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding: 0 3.333vw;
    font-size: 3.2vw;

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

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

                .d1 {
                    .b_l_w;
                    .box;
                    .box-align-center;
                    font-size: 4.267vw;

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

                .d2 {
                    .b_l_w;
                    .box;
                    .box-align-center;
                    height: 7.333vw;

                    b {
                        font-size: 4.8vw;

                        span {
                            font-size: 3.2vw;
                        }
                    }

                    div {
                        .center;
                        width: 18.667vw;
                        height: 7.333vw;
                        line-height: calc(~'7.333vw - 2px');
                        border-radius: 3.667vw;
                        border: solid 1px #000000;
                        font-size: 4.267vw;
                        margin-left: auto;
                    }
                }
            }

            a.a2 {
                .b_l_w;
                .box;
                .box-align-center;
                height: 12.933vw;
                border-top: 1px solid #f8f8f8;
                font-size: 4.267vw;

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

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

        .i1 {
            position: absolute;
            right: 1vw;
            top: 0;
            width: 10.267vw;
        }

        .i2 {
            position: absolute;
            right: 0;
            top: 0;
            width: 11.067vw;
        }

        a {
            .b_k;
            .box;
            .box-align-center;
            .box-wrap;
            position: relative;
            width: 45.333vw;
            height: 21.333vw;
            border-radius: 2vw;
            padding: 1.5vw 3.333vw 2vw;

            span, p {
                .b_l_w;
            }

            span {
                font-size: 4vw;
            }

            p {
                color: #404040;
            }
        }
    }

    .content {
        .b_l_w;
        .box;
        .box-wrap;
        .box-align-center;
        .b_k;
        margin-bottom: 4vw;
        height: 46.667vw;
        border-radius: 2vw;
        padding: 2vw 0;

        a {
            width: 33.33%;
            .center;
            position: relative;
            line-height: 6vw;

            img {
                height: 6.667vw;
                margin-top: 2vw;
                display: inline-block;
            }
        }
    }

    .to-user {
        .b_l_w;
        padding: 5vw 10vw 10vw;

        button {
            height: 13.333vw;
            border-radius: 6.667vw;

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

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

            > div {
                .b_l_w;
            }
        }

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

        .t {
            height: 9.333vw;
            line-height: 9.333vw;
            .right;

            b {
                font-size: 4.467vw;
            }

            .b1 {
                color: #000;
            }

            .b2 {
                color: #ff0000;
            }

            .b3 {
                color: #2e9600;
            }

            .b4 {
                color: #929292;
            }
        }

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

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

                font {
                    .b_r;
                    color: #606060;
                    .box;
                    .box-align-center;

                    b {

                        span {
                            font-size: 4.267vw;
                        }
                    }

                    .red {
                        color: #ff0016;
                    }
                }

                img {
                    width: 3.467vw;
                    height: 3.467vw;
                    margin: 0 0 0 1vw;
                }
            }
        }

        .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: 1.333vw;
            }

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

                p {
                    .b_l_w;
                    padding: 0 0 1vw 3.333vw;
                }

                .p1 {
                    font-size: 3.733vw;
                    .text-hide-1;
                }

                .p2 {
                    font-size: 3.2vw;
                    color: #979797;
                }

                .p3 {
                    font-size: 3.2vw;

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

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

.restock-pay {
    .b_l_w;
    padding: 3.333vw 3.333vw 30vw;

    .content {
        .b_l_w;
        .b_k;
        margin-bottom: 4vw;
        border-radius: 2.667vw;

        .tit {
            .b;
            font-size: 3.733vw;
            height: 3.733vw;
            line-height: 3.733vw;
            border-left: 2px solid #f63d3d;
            padding-left: 1.2vw;
            margin: 3.867vw 0;
        }
    }

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

        .c {
            .b_l_w;

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

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

                p {
                    .b_l_w;
                    padding: 0 0 1vw 3.333vw;
                }

                .p1 {
                    font-size: 3.733vw;
                    .text-hide-1;
                }

                .p2 {
                    font-size: 3.2vw;
                    color: #979797;
                }

                .p3 {
                    font-size: 3.2vw;

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

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

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

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

                    b {

                        span {
                            font-size: 4.267vw;
                        }
                    }

                    .red {
                        color: #ff0016;
                    }
                }

                img {
                    width: 3.467vw;
                    height: 3.467vw;
                    margin: .5vw 0 0 1vw;
                }

                .tel {
                    margin-left: auto;
                    .center;
                    .bs;
                    width: 21.333vw;
                    height: 6vw;
                    line-height: 6.5vw;
                    background-color: #f44a3e;
                    border-radius: 3vw;
                    font-size: 3.2vw;
                }
            }
        }

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

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

            a {
                width: 24vw;
                height: 8.4vw;
                line-height: 8.4vw;
                background-color: #f5f5f5;
                border-radius: 1.333vw;
                font-size: 3.2vw;
                .center;
            }

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

        .t {
            .b_l_w;
            .center;

            ._t {
                .b_l_w;
                .box;
                .box-align-center;
                .box-pack-center;
                .b;
                font-size: 4vw;
                margin-bottom: 4vw;

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

            > img {
                width: 66.667vw;
                height: 66.667vw;
                margin-bottom: 4vw;
            }
        }
    }

    .van-goods-action {
        height: auto;

        .van-button {
            height: 16vw;
        }

        .van-count-down {
            display: inline-block;
            .bs;
            .b;
        }
    }
}


.task-sub {
    .b_l_w;
    padding: 0 3.333vw;

    > div {
        .b_l_w;
    }

    .up {
        .center;

        p {
            .b_l_w;
            height: 12vw;
            padding-top: 4vw;
            font-size: 3.467vw;
        }

        .van-uploader__upload {
            margin: 0;
            border-radius: 1.333vw;
        }
    }

    .btn {
        padding: 7vw 4vw 0;
        .box;
        .box-pack-between;

        a, button {
            .box;
            .box-align-center;
            .box-middle;
            width: 28vw;
            height: 9.333vw;
            border-radius: 4.667vw;
            font-size: 3.467vw;
        }

        .a1 {
            border: solid 0.133vw #000000;
        }

        .a2 {
            color: #f00;
            background: #fff;
            border: solid 0.133vw #ff0000;
        }
    }
}


.level {
    .b_l_w;
    background: url(../images/level-bg.png) no-repeat;
    background-size: 100% 60vw;

    .top {
        .b_l_w;
        height: 60vw;
        padding: 25.333vw 8.667vw 0;

        .d {
            .b_l_w;
            background: url(../images/level-bg2.png) no-repeat;
            background-size: 100% 100%;
            height: 34.667vw;
            position: relative;
            padding: 6.667vw 6vw;
            font-size: 3.2vw;
            color: #B38162;
            border-radius: 3.6vw;

            .a {
                .b;
                .center;
                position: absolute;
                right: 0;
                top: 3.333vw;
                display: block;
                width: 26.667vw;
                height: 7.333vw;
                line-height: 7.333vw;
                font-size: 3.2vw;
                color: #fff2d2;
            }

            .r {
                .b_l_w;
                .box;
                .box-align-center;
                height: 8vw;
                color: #8c390c;
                margin: 0 0 3.867vw 0;

                ._rank {
                    border: 1px solid #893506;
                    width: 5.333vw;
                    height: 8vw;
                    .center;
                    .box;
                    .box-align-center;
                    line-height: 3.2vw;
                    font-size: 3.2vw;
                    .b;
                    margin: 0 4vw 0 0;
                }

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

    .content {
        .b_l_w;
        .b_k;
        position: relative;
        z-index: 2;
        margin-top: -10vw;
        min-height: 15vw;
        border-radius: 4vw 4vw 0vw 0vw;
        box-shadow: 0vw -1.2vw 1.333vw 0vw rgba(203, 165, 70, 0.2);
        padding: 0 3.333vw;

        .tit {
            .b_l_w;
            .center;
            height: 13.2vw;
            font-size: 4vw;
            .b;
            .box;
            .box-middle;

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

            span:first-child {
                display: inline-block;
                width: 6.667vw;
                height: 1.067vw;
                background-image: linear-gradient(-90deg, #d23400 30%, rgba(210,52,0,0) 100%);
                margin: 0 1.6vw;
            }

            span:last-child {
                display: inline-block;
                width: 6.667vw;
                height: 1.067vw;
                background-image: linear-gradient(90deg, #d23400 30%, rgba(210,52,0,0) 100%);
                margin: 0 1.6vw;
            }
        }

        .list {
            .b_l_w;
            background: #FDF5F2;
            border-radius: 1.333vw;
            height: 16vw;
            margin-bottom: 4vw;
            .box;
            .box-align-center;
            padding: 4vw;
            font-size: 4vw;

            img {
                width: 8vw;
                height: 8vw;
                margin-right: 1.867vw;
            }

            .r {
                margin-left: auto;
            }

            .a0 {
                color: #00af51;
            }

            .a1 {
                color: #d23400;
            }

            .a2 {
                color: #989898;
            }
        }
    }

    .van-popup--center {
        top: 0 !important;
        left: 0 !important;
        transform: initial !important;
    }

    .level-pop {
        float: left;
        width: 100vw;
        padding-top: 4.667vw;

        .t {
            .b_l_w;
            .b_k;
            .box;
            .box-align-center;
            .box-middle;
            height: 50px;
            margin-bottom: 4vw;

            p {
                width: 13px;
                height: 3px;
                background-color: #000000;
            }

            .q_date {
                width: max-content !important;
                padding-right: 30px;
            }
        }

        ._list {
            .b_k;
            float: left;
            width: 93.333vw;
            margin: 0 3.333vw 4vw;
            border-radius: 2.667vw;

            ._t {
                .b_l_w;
                line-height: 9.333vw;

                p {
                    .b_l;
                    .center;
                    .bs;
                    font-size: 3.467vw;
                    .b;
                    width: 49.333vw;
                    height: 9.333vw;
                    background-color: #000000;
                    border-radius: 2.667vw 0vw 2.667vw 0vw;
                }

                b {
                    .b_r;
                    font-size: 4.267vw;
                    margin-right: 3.6vw;
                }
            }

            ._tit {
                .b_l_w;
                .center;
                height: 10.533vw;
                font-size: 4vw;
                .box;
                .box-middle;
                border-top: 1px solid #eee;

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

                span:first-child {
                    display: inline-block;
                    width: 6.667vw;
                    height: 0.267vw;
                    background: linear-gradient(to right, rgba(211,7,51,0) 30%, #d30733 100%);
                    margin: 0 1.6vw;
                }

                span:last-child {
                    display: inline-block;
                    width: 6.667vw;
                    height: 0.267vw;
                    background: linear-gradient(to left, rgba(211,7,51,0) 30%, #d30733 100%);
                    margin: 0 1.6vw;
                }
            }

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

                > div {
                    .b_l_w;
                    line-height: 6.5vw;
                    font-size: 3.467vw;
                    padding: 0 3.333vw;

                    p {
                        .b_l;
                    }

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

                    .b0 {
                        color: #8a8a8a;
                    }

                    .b1 {
                        color: #d23400;
                    }

                    .b2 {
                        color: #009846;
                    }
                }

                > p {
                    width: 1px;
                    height: 6.667vw;
                    background-color: #eee;
                }
            }
        }
    }
}

#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 {
    .b_l_w;

    .top {
        .b_l_w;
        .b_k;
        position: relative;
        height: 13.333vw;
        .box;
        .box-align-center;
        padding: 0 3.333vw;
        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;
    position: relative;
    z-index: 1000;

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

    .van-tab {
        height: 14.667vw;
        flex: initial !important;
        justify-content: flex-start !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;
    }

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

#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-merchant-gift {
    .b_l_w;
    padding: 4vw 3.333vw;
    font-size: 3.2vw;
    padding-bottom: 15vw;

    > div {
        .b_l_w;
    }

    .top {
        background-color: #222222;
        border-radius: 2vw;
        padding: 0 3.333vw;
        .bs;

        .l {
            .b_l_w;
            height: 14.667vw;
            line-height: 17vw;
            border-bottom: 1px solid rgba(255,255,255,.1);
            font-size: 4.267vw;

            b {
                .b_r;
                font-size: 6vw;
                display: flex;

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

        .c {
            .b_l_w;
            background: rgba(255,255,255,.1);
            margin: 4.8vw 0 5.067vw;
            border-radius: 1.333vw;
            overflow: hidden;
            padding: 0 3.333vw;

            .input {
                .b_l_w;
                padding: 0 3.667vw 0 1.2vw;

                p {
                    .b_l_w;
                    margin-top: 4vw;
                    font-size: 3.467vw;
                    padding-left: 1.2vw;
                }

                div {
                    .b_l_w;
                    .box;
                    .box-align-center;
                    height: 14vw;
                    border-bottom: 1px solid rgba(255,255,255,.2);

                    input {
                        width: 100%;
                        border: 0;
                        background-color: transparent;
                        .b;
                        font-size: 6vw;

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

                    i {
                        margin-left: auto;
                        font-size: 5vw;
                    }
                }
            }
        }

        .m {
            .b_l_w;
            height: 11.2vw;
            .box;
            .box-align-center;

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

    .tit {
        height: 15.867vw;
        .box;
        .box-align-center;

        > div {
            font-size: 4.267vw;
            .center;
            line-height: 3vw;

            span {
                display: inline-block;
                width: 4.8vw;
                height: 0.8vw;
                background-color: #d23400;
            }
        }
    }

    .list {
        .b_k;
        height: 17.333vw;
        border-radius: 2vw;
        padding: 0 3.333vw;
        margin-bottom: 3.333vw;
        .box;
        .box-align-center;

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

        div {
            .b_l_w;
            color: #8a8a8a;
            line-height: 6.3vw;

            p {
                .b_l_w;
                font-size: 4.267vw;
                color: #000;

                span {
                    .b_r;
                }
            }
        }
    }

    .btn {
        .center;
        padding-bottom: 10vw;

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

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

    > div {
        .b_l_w;
    }

    .top {
        margin-bottom: 4.667vw;
        background-color: var(--user-exchange-color);
        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;
                        .b_k;
                    }

                    span {
                        width: 38.333vw;
                        height: 10.667vw;
                        border-radius: 1.333vw;
                        border: none;
                        font-size: 4vw;
                        background-color: #fff;
                        display: flex;
                        justify-content: 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;
                    .img-f;
                }
            }
        }
    }

    .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: #f00;
            }

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

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

                i {
                    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: var(--user-exchange-color);
            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;
    max-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;
        bottom: 20.067vw;
        border-radius: 2vw;
        left: calc(~'50% - 13.333vw');
        z-index: 1;
        object-fit: cover !important;
    }

    .c {
        .b_l_w;
        position: absolute;
        bottom: 0;
        left: 0;
        height: 27.067vw;
        .b_k;
        border-radius: 5vw 5vw 0 0;
        /*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;
    max-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: 33.333vw;
        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: 60vw;
                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: 40.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;
                }
            }
        }
    }
}

.BindPhone {
    .b_l_w;
    padding: 0 5.333vw;
    background: #f5f5f5;
    --store-index-color: #e8590c;

    > div {
        .b_l_w;
    }

    .logo {
        .box;
        .box-align-center;
        margin: 4.667vw 0;

        img {
            height: 6.667vw;
            margin-right: 1.867vw;
            background-color: #e8590c;
            .y50;
        }

        b {
            font-size: 3.733vw;
        }

        i {
            margin-left: auto;
            font-size: 5vw;
        }
    }

    .text {
        .box;
        .box-tb;

        b {
            font-size: 3.733vw;
        }

        p {
            margin: 2vw 0;
            font-size: 3.2vw;
            color: #7d7d7d;
            line-height: 5vw;
        }
    }

    .van-field {
        margin-top: 4vw;
        border-radius: 2vw;
        height: 16vw;
        padding: 0 4vw;
        .box;
        .box-align-center;

        .van-cell__title {
            .b;
            font-size: 3.733vw;
            color: #1b1b1b;
            flex: .3;
        }

        .van-field__control {
            font-size: 3.733vw;

            &::-webkit-input-placeholder {
                color: #a0a0a0;
            }
        }

        .van-button {
            width: 22vw;
            height: 6vw;
            background-color: var(--store-index-color);
            border-radius: 0.667vw;
            border: 0;
            font-size: 3.2vw;
        }

        .van-field__button {
            margin: -.7vw 0 0;
        }
    }

    .btn, .phone {
        .box;
        .box-pack-between;
        margin: 8.667vw 0;

        button {
            width: 42.667vw;
            height: 10.667vw;
            line-height: 10.667vw;
            border-radius: 2vw;
            font-size: 4vw;
            .b;
            .center;
            background-color: var(--store-index-color);
            .bs;
            border: 0;
        }

        a {
            width: 42.667vw;
            height: 10.667vw;
            line-height: 10.667vw;
            border-radius: 2vw;
            font-size: 4vw;
            .b;
            .center;
            border: 1px solid var(--store-index-color);
            color: var(--store-index-color);
        }
    }
}

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

    .van-tabs {
        .van-tabs__wrap {
            height: 10.667vw;
            border-radius: 1.333vw;
        }

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

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

        .van-tab {
            line-height: 4vw;
        }

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

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

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

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

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

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

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

                    font {
                        color: #d23400;
                    }

                    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 #d23400;
                    font-size: 3.2vw;
                    color: #d23400;
                }

                > div {
                    .b_l_w;
                }

                .text {
                    line-height: 4vw;
                }
            }
        }
    }

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

.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-icon-clear{
            right:17vw;
        }
    }

    .van-search__action {
        position: absolute;
        width: 14.8vw;
        height: 4vw;
        line-height: 4vw;
        .center;
        font-size: 3.467vw;
        right: .4vw;
        color: #1b1b1b;
        border-left: 1px solid #b5b5b5;
    }

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

.store-index {
    .b_l_w;
    font-size: 3.2vw;
    background: url(/images/store-index-bg.jpg) no-repeat;
    background-size: 100% auto;
    --store-index-color: #e8590c;

    > div {
        .b_l_w;
    }

    > .top {
        padding: 0 3.333vw;
        height: 25.333vw;

        > 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 {
        min-height: 8vw;

        .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(--store-index-color);
                }
            }

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

                .swiper-pagination-progressbar-fill {
                    background-color: var(--store-index-color) !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: 3.333vw;
                    background: #fff;
                    font-size: 3.2vw;
                }

                .a {
                    background: var(--store-index-color);
                    .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: 3.333vw;
                    background: #fff;
                    margin-right: 2.667vw;

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

                .van-tab--active {
                    .van-tab__text {
                        color: #fff !important;
                    }
                }
            }

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

                            img {
                                .img-f;
                            }

                            > div {
                                height: 4.667vw;
                                line-height: 4.667vw;
                                border-radius: 0.667vw;
                                white-space: nowrap;
                                .box;
                                margin-right: 2.667vw;

                                .i {
                                    width: 6vw;
                                    height: 4.667vw;
                                    line-height: 4.667vw;
                                    .box;
                                    .box-pack-center;
                                    .box-align-center;
                                    border-radius: 1.333vw 0vw 2vw 1.333vw;

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

                                .z {
                                    padding: 0 1.733vw;
                                }
                            }

                            .b1 {
                                background: #FCEEE4;

                                .i {
                                    background: #e8590c;
                                }

                                .z {
                                    color: #e8590c;
                                }
                            }

                            .b2 {
                                background: #e7f8fd;

                                .i {
                                    background-image: linear-gradient(45deg, #e9f9f6 0%, #cdedfb 100%);
                                }

                                .z {
                                    color: #23afe2;
                                }
                            }
                        }
                    }

                    .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: 26.667vw 0 22vw;
    --store-detail-color: #e8590c;

    > div {
        .b_l_w;
        .b_k;
    }

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

        > div {
            .b_l_w;
        }

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

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

            ._c {
                .box;
                .box-tb;
                .box-pack-around;
                width: 100%;
                height: 17.333vw;
                padding: 1vw 0 0 3.333vw;

                .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;
                        border-radius: 0.667vw;
                        white-space: nowrap;
                        .box;
                        margin-left: auto;
                        width: max-content;
                        background: #FCEEE4;

                        img {
                            .img-f;
                        }

                        .i {
                            width: 6vw;
                            height: 4.667vw;
                            line-height: 4.667vw;
                            background: #e8590c;
                            .box;
                            .box-pack-center;
                            .box-align-center;
                            border-radius: 1.333vw 0vw 2vw 1.333vw;

                            img {
                                width: 3.067vw;
                                margin-right: .667vw;
                            }
                        }

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

        .notice-swipe {
            height: 11.333vw;
            line-height: 11.333vw;
            font-size: 3.2vw;
        }

        .van-notice-bar__right-icon {
            font-size: 4vw;
        }

        .van-notice-bar {
            height: 11.333vw;
            line-height: 11.333vw;
            padding: 0;

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

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

        .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;
                        padding-right: 3.333vw;

                        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: var(--store-detail-color);
                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: var(--store-detail-color);
            border: 0;
            font-size: 4.667vw;
            .b;
            letter-spacing: 0.707vw;
            .bs;
        }
    }
}

.affair-login {
    .b_l_w;
    padding: 0 10vw;
    font-size: 3.2vw;

    > div {
        .b_l_w;
    }

    .logo {
        height: 71.867vw;
        .box;
        .box-tb;
        .box-pack-center;
        .center;

        b {
            font-size: 5.333vw;
        }

        img {
            margin-bottom: 5vw;
            height: 29.333vw;
        }
    }

    .tit {
        height: 42.533vw;
        line-height: 42.533vw;
        .b;
        font-size: 6.667vw;
    }

    .input {
        height: 12vw;
        .box;
        .box-align-center;
        .b_k;
        border-radius: 6vw;
        position: relative;
        margin-bottom: 8vw;

        .i {
            min-width: 13.333vw;
            height: 100%;
            .box;
            .box-center-center;
            padding-left: 1vw;

            img {
                height: 5.333vw;
            }
        }

        input {
            .b_l;
            width: 40vw;
            border: 0;
            font-size: 3.733vw;
            height: 100%;
            background: transparent;

            &::-webkit-input-placeholder {
                color: #818181;
            }
        }

        .hqyzm {
            .bs;
            background: #29b5f6;
            border: 0;
            height: 6.667vw;
            line-height: 6.667vw;
            white-space: nowrap;
            position: absolute;
            right: 2.667vw;
            width: 22.667vw;
            font-size: 3.2vw;
            border-radius: 6vw;
        }

        i {
            margin: 0 5.333vw 0 auto;
        }
    }

    .btn {
        margin: -4vw 0 3.333vw;
        .right;
        padding-right: 5.467vw;
        font-size: 3.467vw;

        a {
            letter-spacing: 0.32vw;
        }
    }

    > a, .submit {
        .b_l_w;
        .center;
        height: 12vw;
        background-color: #29b5f6;
        border-radius: 6vw;
        line-height: 12vw;
        border: 0;
        font-size: 4.667vw;
        letter-spacing: 0.467vw;
        margin: 6.8vw 0;
        .b;
        .bs;
    }
}

.affair-k {
    background: rgba(255,255,255,.4);
    border-radius: 2vw;
    border: solid 1px #fff;
    margin-bottom: 4vw;
}

.affair {
    .b_l_w;
    padding: 16.667vw 5.333vw 0;
    position: relative;
    font-size: 3.2vw;

    .thumurl {
        width: 21.333vw;
        height: 21.333vw;
        .y50;
        border: 2vw solid #fff;
        position: absolute;
        left: 9.333vw;
        top: 7.333vw;
    }

    > p {
        font-size: 3.733vw;
        .b;
        position: absolute;
        right: 5.6vw;
        top: 10.5vw;
    }

    > div {
        .b_l_w;
    }

    .top {
        .affair-k;

        .t {
            height: 25.067vw;
            padding: 0 2vw 0 31.467vw;
            .box;
            .box-tb;
            .box-pack-center;
            line-height: 6vw;

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

            p {
                color: #707070;
            }
        }

        .m {
            .box;
            .box-pack-around;
            margin: 2vw 0 6vw;

            div {
                .box;
                .box-tb;
                .center;

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

                b {
                    font-size: 3.733vw;
                    color: #1b1b1b;
                    margin-bottom: 1vw;
                }

                p {
                    color: #707070;
                }
            }
        }
    }

    .menu {
        .affair-k;
        margin: 0 0 8vw;
        padding-bottom: 2vw;

        > div {
            .b_l_w;
        }

        .tit {
            padding: 3.333vw;
            .b;
            font-size: 4vw;
        }

        .box;
        .box-wrap;

        a {
            .w-25;
            .box;
            .box-tb;
            .box-pack-center;
            .center;
            margin: 3vw 0 4vw;

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

            p {
                color: #1b1b1b;
            }
        }
    }

    .btn {
        padding: 4vw 11.333vw 12vw;

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

.affair-check {
    .b_l_w;
    font-size: 3.2vw;

    .c1 {
        color: #29b5f6;
    }

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

        .thumurl {
            width: 10.667vw;
            height: 10.667vw;
            .y50;
            margin-right: 2.667vw;
        }

        .c {
            .box;
            .box-tb;
            .box-pack-between;
            height: 10.667vw;

            b {
                font-size: 4.267vw;
            }

            p {
                color: #7d7d7d;
            }
        }

        ._qr {
            margin-left: auto;
            height: 6.667vw;
        }
    }

    .gauge {
        .b_l_w;
        .box;
        .box-pack-center;
        position: relative;

        .gaugeMeter {
            width: 90vw !important;

            > span {
                .dis;
            }

            canvas {
                width: 90vw;
                height: 90vw;
            }
        }

        .c {
            position: absolute;
            .center;
            .box;
            .box-tb;
            height: 80vw;
            .box-pack-center;

            > p {
                .box;
                .box-tb;
                color: #1b1b1b;
                font-size: 4.267vw;
                margin-bottom: 4vw;
            }

            > b {
                font-size: 10.667vw;
                .c1;
            }
        }

        .d {
            width: 100%;
            position: absolute;
            bottom: 3vw;
            .box;
            .box-pack-around;
            padding: 0 8.4vw;

            div {
                .center;
                .box;
                .box-tb;
                font-size: 4.267vw;
                line-height: 7vw;

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

    .btn {
        .b_l_w;
        padding: 0 10vw;

        a {
            .b_l_w;
            .center;
            height: 12vw;
            line-height: 12vw;
            background-color: #29b5f6;
            border-radius: 6vw;
            .bs;
            font-size: 4.667vw;
            letter-spacing: 0.707vw;
            margin: 1vw 0 6.667vw;
        }
    }

    > .mx-auto {
        width: 89.333vw;

        > div {
            .b_l_w;
            .affair-k;
        }
    }

    ._month {
        height: 29.333vw;
        .box;
        align-items: center;

        .g {
            width: 30.667vw;
            .box;
            .box-align-center;
            .box-pack-center;
            position: relative;

            .gaugeMeter {
                width: 29.333vw !important;

                > span {
                    .dis;
                }

                canvas {
                    width: 29.333vw;
                    height: 29.333vw;
                }
            }

            ._c {
                position: absolute;
                .box;
                .box-tb;
                .center;

                p {
                    color: #1b1b1b;
                    margin-bottom: 2vw;
                }

                b {
                    font-size: 4.667vw;
                    .c1;
                }
            }
        }

        .c {
            width: 56vw;
            .box;
            .box-tb;
            .box-pack-center;
            color: #1b1b1b;

            > b {
                .box;
                font-size: 4vw;
                margin-bottom: 3vw;

                a {
                    margin-left: auto;
                    .c1;
                    font-size: 3.2vw;
                }
            }

            > p {
                font-size: 3.467vw;
                line-height: 6vw;

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

    .stat {

        #main {
            height: 60vw;
        }

        .c {
            .b_l_w;
            .box;
            .box-align-center;
            .box-pack-between;
            padding: 0 3.333vw;
            height: 17vw;

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

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

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

    .table {
        padding: 0 2vw;

        > div {
            .b_l_w;
        }

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

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

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

        table {
            .b_l_w;
            font-size: 3.2vw;
            margin: 2vw 0;

            thead {
                td {
                    color: #7d7d7d;
                }
            }

            td {
                padding: 2vw;
            }

            td:last-child {
                .right;
            }

            .r {
                height: 6.667vw;
            }

            .thumurl {
                .b_l;
                .y50;
                width: 9.333vw;
                height: 9.333vw;
                margin-right: 2.667vw;
            }

            div {
                .box;
                .box-tb;
                .box-pack-between;
                height: 9.333vw;

                p {
                    .text-hide-1;
                    font-size: 3.733vw;
                    color: #222222;
                }

                span {
                    color: #959595;
                }
            }

            b {
                font-size: 3.733vw;
            }
        }

        .c {
            height: 17vw;
            .box;
            .box-align-center;
            .box-pack-around;

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

                p {
                    font-size: 3.467vw;
                }

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

.affair-rebate {
    .b_l_w;
    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-fans {
    .b_l_w;
    padding: 4vw 5.333vw;
    font-size: 3.2vw;

    > div {
        .b_l_w;
    }

    .top {
        height: 46vw;
        background-color: #29b5f6;
        border-radius: 2vw;
        border: solid 1px #ffffff;
        .box;
        .box-align-center;
        .box-wrap;

        div {
            width: calc(~'50% - 1px');
            .bs;
            .center;

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

            b {
                font-size: 5.333vw;
            }
        }

        > p {
            width: 0;
            height: 13.333vw;
            border-left: 1px dashed #fff;
        }
    }

    .search {
        margin: 4vw 0;

        .van-search__content {
            .b_k;
        }

        .van-search__action {
            background-color: #29b5f6;
        }
    }

    .select {
        .box;
        .box-align-center;
        .box-pack-between;
        padding: 0 0 1vw;
        .b;
        font-size: 4vw;
        color: #1b1b1b;

        a:last-child {
            font-size: 3.467vw;
        }

        i {
            font-size: 3.467vw;
        }
    }

    .tip {
        margin-bottom: 3.333vw;
        font-size: 3.467vw;
        color: #898989;

        b {
            color: #29b5f6;
        }
    }

    .tab {
        .box;
        .box-align-center;

        .tabs {
            margin-left: 2.667vw;
            height: 7.333vw;
            background-color: #b2e5fb;
            border-radius: 0.667vw;
            .box;
            .box-align-center;
            .box-pack-center;
            padding: 0 .667vw;

            a {
                width: 12vw;
                height: 6vw;
                line-height: 6vw;
                .center;
                border-radius: 0.333vw;
                margin: 0 .667vw;
            }

            .a {
                .b_k;
                color: #29b5f6;
            }
        }
    }

    .affair-k {
        padding: 0 3.333vw;

        > div {
            .b_l_w;
        }

        .t {
            height: 17.333vw;
            .box;
            .box-tb;
            .box-pack-center;
            border-bottom: 1px solid #eee;
            line-height: 6.5vw;

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

                font {
                    font-size: 3.2vw;
                    margin-left: 3.6vw;
                }

                span {
                    margin-left: auto;
                }
            }

            p {
                .box;
                color: #a0a0a0;

                a {
                    margin-left: auto;
                }
            }
        }

        .m {
            .box;
            height: 6.333vw;
            line-height: 6.333vw;

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

            p {
                margin-left: auto;
            }

            &:nth-child(2) {
                margin-top: 2vw;
            }
        }
    }

    .s0 {
        color: #b5b5b5;
    }

    .s1 {
        color: #4d982e;
    }

    .s2 {
        color: #ff0000;
    }
}

.affair-result {
    .b_l_w;
    padding-top: 36vw;

    > div {
        .b_l_w;
        .box;
        .box-pack-center;
    }

    .t {
        img {
            height: 44.133vw;
        }
    }

    .tip {
        height: 44.667vw;
        .box-tb;
        .box-align-center;

        b {
            font-size: 5.333vw;
        }

        div {
            width: 46.667vw;
            height: 7.333vw;
            line-height: 7.333vw;
            background-color: #8DCEFF;
            border-radius: 3.667vw;
            margin-top: 5vw;
            .center;
            color: #0039ef;
            font-size: 4vw;
        }
    }

    .btn {
        a {
            width: 73.333vw;
            height: 12vw;
            line-height: 12vw;
            background-color: #3285ff;
            border-radius: 6vw;
            .bs;
            .center;
            font-size: 4.267vw;
            .b;
            letter-spacing: 0.427vw;
        }
    }
}

.affair-settle {
    .b_l_w;

    > div {
        .b_l_w;
    }

    .flow {
        font-size: 3.2vw;
        background: url(/images/affair-bg.png) no-repeat;
        background-size: 100% 100vh;
        background-attachment: fixed;
        min-height: calc(~'100vh - 46px');
        .box;
        .box-align-center;
        .box-pack-center;
        .box-tb;

        .tit {
            font-size: 5.333vw;
            .b;
            .center;
            margin: 5vw 0 10vw;
        }

        ._step {
            .box;
            margin-bottom: 8vw;

            .p {
                width: 8.667vw;
                height: 8.667vw;
                .y50;
                border: 1px solid #fff;
                padding: 1px;
                margin-right: 5.2vw;

                .bg {
                    width: 100%;
                    height: 100%;
                    background: linear-gradient(to bottom,#87B7FF,#C5F0FF);
                    .y50;
                    padding: 1px;

                    b {
                        background: #F0F5FA;
                        width: 100%;
                        height: 100%;
                        display: block;
                        .center;
                        line-height: calc(~'8.667vw - 4px');
                        font-size: 4vw;
                        color: #3285ff;
                        .y50;
                    }
                }
            }

            .c {
                width: 63.733vw;

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

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

        .btn {
            width: 73.333vw;
            height: 12vw;
            line-height: 12vw;
            background-color: #3285ff;
            border-radius: 6vw;
            .bs;
            .center;
            font-size: 4.267vw;
            .b;
            letter-spacing: 0.427vw;
            margin: 10vw 0 5vw;
        }
    }


    .van-field__label {
        color: #000;
        width: 8em;
    }

    .step {
        .van-field__left-icon {
            padding-top: 4px
        }

        .top {
            .van-field__label {
                color: #898989;
            }
        }

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

        .tit {
            padding: 12px;
            .f13;
            color: #898989;
        }

        .h {
            &:after {
                display: none;
            }
        }

        .w {
            .van-field__label {
                color: #000;
                width: 4em !important;
            }
        }

        .van-field__label {
            white-space: nowrap;
        }

        .card {
            .b_k;
            width: 100%;
            .box;
            .box-pack-between;
            padding: 3.333vw 0 4.533vw;

            > div {
                width: 48%;
                height: 30.667vw;
                background-color: #f8f8f8;
                border-radius: 2vw;
                border: solid 1px #eeeeee;
                position: relative;
                .box;
                .box-tb;
                .box-align-center;

                p {
                    font-size: 3.2vw;
                    color: #8d8d8d;
                    height: 7.6vw;
                    line-height: 7.6vw;
                    .center;
                }

                .van-uploader__upload {
                    width: 37.333vw;
                    height: 20vw;
                    background-color: #eeeeee;
                    border-radius: 2vw;
                    margin: 0;

                    .van-uploader__upload-icon {
                        color: #B5B5B5;
                    }
                }

                .van-uploader__preview-image, .van-image__img {
                    width: 37.333vw;
                    height: 20vw;
                    border-radius: 2vw;
                }

                .van-uploader__preview {
                    margin: 0;
                    border-radius: 2vw;
                    overflow: hidden;
                }

                > img {
                    position: absolute;
                    right: 3.333vw;
                    bottom: 2.4vw;
                    height: 4.667vw;
                }
            }
        }

        .label {
            .b_k;
            width: 100%;
            padding: 0 15px;
            color: #a0a0a0;

            p {
                margin: 0 0 12px;
            }

            .van-uploader__preview {
                margin: 0;
            }

            .van-uploader__preview-delete {
                top: 0;
                right: calc(~'3.333vw - 1px');
            }

            .van-uploader__wrapper {
                > .van-uploader__preview {
                    width: calc(~'33.33vw - 10.667px');
                }

                > div:nth-child(3n) {
                    margin-right: 0;
                }
            }

            .van-uploader__upload, .van-uploader__preview-image {
                margin: 0 0 12px;
                width: calc(~'30vw - 10px');
                height: calc(~'30vw - 10px');
                background-color: #f8f8f8;
                border-radius: 7.5px;
                margin-right: 3.333vw;

                .van-icon__image {
                    width: 25px;
                    height: 25px;
                }

                .van-uploader__upload-text {
                    margin-top: 12px;
                }
            }
        }

        .btn {
            padding: 9.333vw 3.333vw;
            .box;
            .box-pack-between;

            .van-button {
                width: 45.333vw;
                .b;
                .f15;
            }
        }
    }

    .steps {
        .mt5;
        .b_k;
        height: 76px;
        .box;
        .box-tb;
        .box-align-center;
        .box-pack-center;

        .t {
            .box;
            .box-align-center;

            div {
                width: 10px;
                height: 10px;
                .y50;
                margin: 0 12px;
                background-color: #eeeeee;
            }

            p {
                width: 24vw;
                height: 1px;
                background-color: #eeeeee;
            }

            .d {
                background-color: #1676fe;
            }
        }

        .m {
            width: 100%;
            .box;
            .box-align-center;
            .mt10;
            padding: 0 7px;

            div {
                width: 33.33vw;
                .center;
                .f13;
            }

            .a {
                font-size: 3.467vw;
                .b;
            }
        }
    }

    .radio {
        width: 100%;
        .b_k;
        padding: 12px;
        .f13;
        color: #898989;

        b {
            color: #3285ff;
        }
    }

    .van-radio-group {
        .van-radio:last-child {
            margin-right: initial !important;
        }
    }

    .van-checkbox-group {
        width: 100%;
        .b_k;
        padding: 0 0 3.333vw;
        .box;
        .box-pack-between;

        .van-checkbox {
            position: relative;
        }

        .van-checkbox[aria-checked=true] {
            .van-icon, .van-checkbox__label {
                color: #fff !important;
            }
        }

        .van-checkbox__icon {
            width: 11.6vw;
            height: 13.333vw;
            background-color: #f8f8f8;
            border-radius: 0.667vw;
            .box;
            .box-bt;
            .box-align-center;
            padding-bottom: 2vw;
        }

        .van-icon {
            border: 0;
            width: 5vw;
            height: 5vw;
            font-size: 5vw;
            color: #7e7e7e;
        }

        .van-checkbox__label {
            position: absolute;
            top: 0;
            .center;
            color: #7e7e7e;
            margin: 0;
            width: 100%;
            font-size: 3.2vw;
            padding-top: 2vw;
        }

        .van-checkbox__icon--checked {
            background: #1989fa;
        }
    }

    ._data {
        width: 100%;
        .b_k;
        padding: 0 3.333vw 3.333vw;

        div {
            width: 100%;
            height: 40px;
            line-height: 40px;
            .box;
            .box-pack-between;
            background-color: #f8f8f8;
            border-radius: 3px;
            padding: 0 30px;

            p {
                color: #7e7e7e;
            }
        }
    }
}



.purchaseCapacity {
    .b_l_w;
    background: url(/images/asset-bg5.png) no-repeat;
    background-size: 100% auto;
    padding: 9.333vw 3.333vw;

    > div {
        .b_l_w;
    }

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

        .van-tabs {
            border-bottom: 1px solid #eeeeee;
        }

        .van-tab__text {
            .f16;
            .b;
        }

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


        .c {
            .b_l_w;
            font-size: 3.5vw;
            height: 25.2vw;
            padding: 4.467vw 5.467vw 0;
            line-height: 7.5vw;

            b {
                font-size: 6.667vw;
                letter-spacing: 0.333vw;
                color: #e60012;
            }
        }
    }

    .r {
        .b_k;
        border-radius: 2.667vw;
        overflow: hidden;
        padding: 0 3.333vw;

        .list {
            .b_l_w;
            .box;
            .box-align-center;
            border-bottom: 1px solid #f8f8f8;

            .w {
                width: calc(~'100% - 10vw');
                height: 18vw;
                .box;
                .box-align-center;
                .box-wrap;
                padding: 2vw 0;
            }

            .z {
                width: 8vw;
                height: 8vw;
                line-height: 8vw;
                border-radius: 8vw;
                .center;
                margin-right: 2vw;
                font-size: 2.933vw;
            }

            .z0 {
                border: solid 1px #969799;
                color: #969799;
            }

            .z1 {
                border: solid 1px #d10203;
                color: #d10203;
            }

            .z2 {
                border: solid 1px #ffbc00;
                color: #ffbc00;
            }

            .z3 {
                border: solid 1px #379a01;
                color: #379a01;
            }

            .z4 {
                border: solid 1px #5701ff;
                color: #5701ff;
            }

            .z5 {
                border: solid 1px #1989fa;
                color: #1989fa;
            }

            span {
                .b_r;
            }

            .d1 {
                .b_l_w;
                font-size: 3.733vw;
            }

            .d2 {
                .b_l_w;
                font-size: 3.333vw;
                color: #828282;
            }
        }
    }
}

.allowance {
    .b_l_w;

    .mx-auto {
        width: 93.333vw;

        > div {
            .b_l_w;
        }

        .es {
            height: 60vw;
            margin: 4vw 0;
            border-radius: 2vw;
            .b_k;

            #main {
                height: 60vw;
            }
        }

        .c {
            .b_k;
            height: 37.333vw;
            border-radius: 2vw;
            margin: 0 0 10vw;

            > div {
                .b_l_w;
            }

            .tit {
                margin: 4vw 0;
                .center;
                line-height: 5.333vw;
                color: #959595;
                font-size: 3.2vw;

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

            .p {
                .box;

                div {
                    width: 100%;
                    .box;
                    .box-tb;
                    font-size: 3.333vw;
                    color: #959595;
                    .center;
                    line-height: 7vw;

                    p {
                        .box;
                        .box-align-center;
                        .box-pack-center;
                        /*font-size: 4vw;
                        color: #252525;
                        .b;*/

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

        .purchaseCapacity {
            padding: 0;
            background: none;
            margin: 2vw 0 0;

            .t {
                background: none;

                .van-tabs {
                    border: none;
                }
            }
        }
    }
}

.personal {
    .b_l_w;
    background-color: #f5f5f5;
    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-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;
        font-size:3.867vw;

        .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;
                font-size:3.467vw
            }
        }

        .c {
            .b_l_w;
            .b_k;
            border-radius: 4vw 4vw 2vw 2vw;
            padding: 0 3.333vw;
            position: relative;
            z-index: 2;

            a.a1 {
                .b_l_w;
                height: 22.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: 20vw;
                background-color: #f5f5f5;
                border-radius: 2vw;
                .box;
                .box-align-center;
                margin-bottom: 4vw;

                div {
                    width: 43.2vw;
                    height: 20vw;
                    .box;
                    .box-tb;
                    .box-pack-center;
                    .box-align-center;

                    p {
                        margin-bottom: 3vw;
                    }

                    b {
                        font-size: 4.267vw;

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

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

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

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

        p {
            color: #404040;
        }

        > a {
            width: 45.333vw;
            height: 35.333vw;
            background-color: #ffdcd5;
            border-radius: 2vw;
            position: relative;
            padding: 4vw 0 0 4vw;

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

        .m {
            .box;
            .box-tb;
            .box-pack-between;
            height: 35.333vw;

            > a {
                width: 45.333vw;
                height: 16vw;
                border-radius: 2vw;
                position: relative;
                padding: 4vw 0 0 4vw;

                img {
                    width: 10vw;
                    position: absolute;
                    right: 0;
                    bottom: 0;
                }
            }

            .m2-1 {
                background-color: #e7ebff;
            }

            .m2-2 {
                background-color: #ffe8cc;
            }
        }
    }

    .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: #e8590c;
            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: 20.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;
            border-radius: 0.667vw;
            white-space: nowrap;
            .box;
            margin-left: auto;
            width: max-content;
            background: #FCEEE4;

            img {
                .img-f;
            }

            .i {
                width: 6vw;
                height: 4.667vw;
                line-height: 4.667vw;
                background: #e8590c;
                .box;
                .box-pack-center;
                .box-align-center;
                border-radius: 1.333vw 0vw 2vw 1.333vw;

                img {
                    width: 3.067vw;
                    margin-right: .667vw;
                }
            }

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

    .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 {
                border: 0;
                width: 100%;
                float: left;
                height: 12vw;
                line-height: 12vw;
                background-color: initial;
                border: none;
                font-size: 10.667vw;
                text-align: left;
                margin: 0 .3vw;

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

            .van-cell {
                padding: 0;
            }
        }
    }

    ._d {
        .k;
        padding-top: 2vw;

        .l {
            .box;
            .box-align-center;
            height: 10vw;
            font-size: 4vw;

            > span, > a {
                margin-left: auto;
            }

            img {
                width: 4vw;
                margin-right: 2.133vw;
            }

            a {
                .box;
                .box-align-center;

                div {
                    padding: 0 1vw;
                    height: 5vw;
                    line-height: 5vw;
                    background-color: #e64624;
                    border-radius: 0.667vw;
                    .bs;
                }

                span {
                    color: #7d7d7d;
                }

                i {
                    color: #7d7d7d;
                }
            }

            span {
                color: #e8590c;
            }
        }

        .m {
            height: 11.2vw;
            .box;
            .box-align-center;
            .box-rl;
            font-size: 4vw;

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

                b {
                    font-size: 4.667vw;
                }
            }

            > span {
                margin-right: 4.8vw;
            }
        }


        b {
            color: #e64624;
        }
    }

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

        button {
            border: 0;
            font-size: 4.8vw;
            .b;
            height: 13.333vw;
        }
    }
}

.store-pay-coupons {
    .mx-auto;
    width: 93.333vw !important;
    background: transparent;
    border-radius: 2vw;
    font-size: 3.2vw;

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

        > div {
            .b_l_w;
        }

        .title {
            .center;
            .b;
            color: #1b1b1b;
            font-size: 4.267vw;
            margin: 5vw 0;
        }

        input {
            .b_l_w;
            height: 12vw;
            background-color: #f2f2f2;
            border-radius: 1.333vw;
            border: none;
            font-size: 4vw;
            padding: 0 3.867vw;
            .left;
        }

        .text {
            margin: 3.333vw 0 6.533vw;
            padding: 0 1.467vw;

            span {
                color: #e64624;
            }
        }

        ._btn {
            .box;
            .box-pack-between;
            padding: 0 4vw 6vw;

            button {
                width: 37.333vw;
                height: 10.667vw;
                border-radius: 5.333vw;

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

.store-today {
    .b_l_w;
    padding: 4vw 0 0;
    font-size: 3.2vw;

    .mx-auto {
        width: 93.333vw;

        > div {
            .b_l_w;
        }
    }

    .content {
        min-height: 37.333vw;
        background: url(/images/store-rebate-bg.png) no-repeat;
        background-size: 100% 100% !important;
        border-radius: 2vw;
        position: relative;
        .box;
        .box-tb;
        .box-pack-center;
        padding: 0 4.533vw;
        .b;

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

        .price {
            font-size: 6.667vw;
            margin-bottom: 7.5vw;
            .bs;
        }

        .m {
            .box;
            .bs;

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

        i {
            font-size: 4vw;
            margin: .3vw 2vw 0 0;
        }
    }
}

.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;
                    .bs;
                    background-color: #337bff;
                    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;
        }
    }
}

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

    .red {
        color: #ff0000;
    }

    > div {
        .b_l_w;
    }


    span {
        margin-left: auto;
    }

    .t {
        .box;
        .b_k;
        padding: 0 3.333vw;
        height: 12vw;
        line-height: 12vw;

        b {
            font-size: 3.733vw;
        }
    }

    .list {
        padding: 4vw 3.333vw;

        .item {
            min-height: 17.333vw;
            .b_k;
            border-radius: 2vw;
            margin-bottom: 3.333vw;
            padding: 3.333vw;
            .box;
            .box-tb;
            .box-pack-center;

            b {
                font-size: 3.733vw;
                color: #1b1b1b;
                .box;
            }

            p {
                color: #a0a0a0;
                .box;
                margin-top: 2vw;
            }
        }
    }
}

.banks-tips {
    .b_k;
    width: 86.667vw;
    border-radius: 2vw;
    position: relative;
    color: #1b1b1b;
    font-size: 3.2vw;
    .box;
    .box-tb;
    .center;
    padding: 5vw 6.667vw 8vw;

    .van-icon {
        position: absolute;
        right: 3.333vw;
        top: 3.333vw;
        font-size: 6vw;
        color: #1b1b1b;
    }

    > b {
        font-size: 4.667vw;
    }

    > p {
        margin: 1vw 0 6vw;
        font-size: 4vw;
    }

    .list {
        .box;
        height: 20vw;

        .num {
            min-width: 8.667vw;
            height: 8.667vw;
            border: solid 1px #3285ff;
            .box-center-center;
            .b;
            .y50;
            color: #3285ff;
            margin: 1vw 5.2vw 0 0;
        }

        .c {
            .left;
            .box;
            .box-tb;

            b {
                font-size: 3.733vw;
                margin-bottom: 1vw;
            }

            p {
                line-height: 4.8vw;
                color: #898989;
            }
        }
    }

    .btn {
        height: 12vw;
        line-height: 12vw;
        background-color: #3285ff;
        border-radius: 6vw;
        font-size: 4.267vw;
        .b;
        .bs;
        letter-spacing: 0.427vw;
    }
}

.store-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 3.333vw 0;
            margin-bottom: 4vw;
            color: #1b1b1b;

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

                > span {
                    margin-left: auto;
                }
            }

            ._n {
                padding: 0 0 4vw;
                border-bottom: 1px solid #f5f5f5;

                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;
                .box;
                .box-align-center;
                height: 14.533vw;

                div {
                    width: 100%;
                    .center;
                    line-height: 5.4vw;

                    p {
                        color: #707070;
                    }
                }
            }

            font {
                color: #ff0000;
            }
        }
    }
}

.mdetail-2 {
    .b_l_w;
    padding: 0 6.667vw;
    background: linear-gradient(0deg, rgba(255,255,255,0) 0%, #e8590c 100%) no-repeat;
    background-size: 100% 66.667vw;
    min-height: 66.667vw;
    position: relative;

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

    > div {
        .b_l_w;
    }

    .top {
        height: 31.333vw;
        .box;
        .box-align-center;
        .box-pack-center;
        .center;

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

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

    .mdetail-d {
        position: relative;
        border-radius: 0vw 0vw 2vw 2vw;
        //box-shadow: inset 0vw 2vw 2vw 0vw rgba(216, 78, 35, 0.35);
        padding-top: 4vw;
    }
}

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

    p {
        .box;
        line-height: 6.4vw;
        color: #626262;

        > * {
            margin-left: auto;
        }

        b {
            font-size: 3.733vw;

            span {
                font-size: 3.2vw;
            }
        }

        > span {
            color: #1b1b1b;
        }

        a {
            span {
                color: #1b1b1b;
            }
        }

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

.store-asset {
    .b_l_w;
    background: linear-gradient(0deg, #f5f5f5 0%, #e8590c 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: #fff3e0;
            border-radius: 2vw;
            border: solid 1px #e8590c;
            .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;
    }
}

.asset2 {
    .b_l_w;
    padding: 5.333vw 3.333vw 0;

    > div {
        .b_l_w;
    }

    .t {
        background-size: 100% 100% !important;
        border-radius: 4vw;
        position: relative;

        .c {
            height: 42.667vw;
            .box;
            .box-align-center;
            .box-wrap;
            .bs;
            font-size: 3.2vw;
            padding: 1vw 6vw 1vw 3.2vw;
            position: relative;

            > div {
                .b_l_w;
            }

            .tit {
                .box;
                .box-align-center;

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

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

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

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

            .number {
                font-size: 8vw;
                .box;
                .box-align-center;

                .a {
                    width: 26.667vw;
                    height: 8vw;
                    line-height: 8vw;
                    border-radius: 4vw;
                    .center;
                    background-color: #f3c947;
                    font-size: 4.267vw;
                    color: #141414;
                    margin-left: auto;
                }
            }

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

            .btn {
                .center;
                width: 26.667vw;
                height: 8vw;
                line-height: 8vw;
                border-radius: 4vw;
                font-size: 4.267vw;
                position: absolute;
                right: 3.333vw;
            }

            .btn1 {
                background-color: #f3c947;
                color: #141414;
                bottom: 28.667vw;
            }

            .btn2 {
                border: solid 0.267vw #f3c947;
                color: #f3c947;
                bottom: 17vw;
            }
        }

        .tip {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 9.333vw;
            line-height: 9.333vw;
            .box;
            .box-align-center;
            padding: 0 3.333vw;
            color: #3a44b0;

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

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

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

    .s {
        padding: 0 3.333vw;
        margin: -11.6vw 0 4.667vw;

        > div {
            .b_l_w;
            .b_k;
            height: 13.467vw;
            border-radius: 4vw;
        }
    }
}

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

    > div {
        .b_l_w;
    }

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

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

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

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

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

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

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

            p {
                line-height: 3.2vw;
            }

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

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

        > div {
            .b_l_w;
        }

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

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

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

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

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

            .b0 {
                color: #ff0000;
            }

            .b1 {
                color: #029829;
            }

            .b2 {
                color: #9d9d9d;
            }
        }

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

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

                font {
                    .b_r;

                    b {

                        span {
                            font-size: 4.267vw;
                        }
                    }

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

        .p {
            padding: 2vw 0 0;

            font {
                color: #606060;
            }
        }

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

        .c {
            .b_l_w;
            margin-top: 3.333vw;

            img {
                .b_l;
                width: 21.333vw;
                height: 21.333vw;
                border-radius: 2vw;
            }

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

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

                .p1 {
                    font-size: 3.733vw;
                    .text-hide-1;
                }

                .p2 {
                    .box;
                    font-size: 3.2vw;
                    color: #898989;

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

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

    > div {
        .b_l_w;
    }

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

            font-size: 7.333vw;
        }
    }

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

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

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

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

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



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

.user-rights {
    .b_l_w;
    font-size: 3.2vw;
    padding-bottom:5vw;

    .mx-auto {
        width: 92vw;

        .list {
            > div {
                .b_l_w;
                .box;
                .box-tb;
                position: relative;
                margin-bottom: 3.333vw;
                min-height: 18.667vw;
                border-radius: 2vw;
                overflow: hidden;
                padding: 9vw 0 0 5.333vw;

                img {
                    position: absolute;
                    bottom: 1.333vw;
                    right: 1.333vw;
                    height: 16vw;
                }

                .tit {
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 17.333vw;
                    height: 6vw;
                    line-height: 6vw;
                    .center;
                    .bs;
                    border-radius: 0 0 4vw 0;
                }

                b {
                    font-size: 4.267vw;
                    letter-spacing: 0.427vw;
                }

                a {
                    font-size: 3.733vw;
                    margin:1vw 0 3.733vw;
                }

                &:first-child {
                    img {
                        bottom: 0;
                    }
                }
            }
        }

        .l1 {
            background-image: linear-gradient(90deg, #faeed2 0%, #edd0a6 100%);
            color: #74644c;

            .tit {
                background-color: #f5c444;
            }
        }

        .l2 {
            background-image: linear-gradient(90deg, #f4cdb2 0%, #b2816e 100%);
            color: #5c3e22;

            .tit {
                background-color: #c3855d;
            }
        }

        .l3 {
            background-image: linear-gradient(90deg, #dee4f0 0%, #b8c7e1 100%);
            color: #48566c;

            .tit {
                background-color: #9bafc6;
            }
        }

        .l4 {
            background-image: linear-gradient(90deg, #ffe5a5 0%, #ffc653 100%);
            color: #6f4200;

            .tit {
                background-color: #f5c444;
            }
        }

        .l5 {
            background-image: linear-gradient(90deg, #dcf0ff 0%, #a8c9f1 100%);
            color: #4577a9;

            a {
                color: #4577a9;
            }

            .tit {
                background-color: #73aed9;
            }
        }

        .l6 {
            background-image: linear-gradient(90deg, #c4bef9 0%, #a6a5f8 100%);
            color: #5b55a6;

            a {
                color: #5b55a6;
            }

            .tit {
                background-color: #928ed6;
            }
        }

        .l7 {
            background-image: linear-gradient(90deg, #f06cb0 0%, #bc40fd 100%);
            .bs;

            a {
                .bs;
            }

            .tit {
                background-color: #e254ae;
            }
        }
    }
}

.my-proxy {
    .b_l_w;
    font-size: 3.2vw;

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

    .top {
        background: url(/images/my-proxy-bg.jpg) no-repeat;
        background-size: 100% 100%;

        .t {
            .box;
            .box-align-center;
            height: 26.667vw
        }

        .m {
            height: 13.333vw;
            .box;
            .box-align-center;
            background: linear-gradient(to right,#000,#313131);
            padding: 0 3.333vw;
            border-radius: 2vw 2vw 0 0;
            .bs;
            font-size: 4vw;
            color: #fcddb5;
            .b;

            p {
                margin-left: auto;
            }

            img {
                height: 6vw;
                margin-right: 2.667vw;
            }
        }

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

            > div {
                .b_l_w;
            }

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

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

        .c {
            .b_l_w;
            .b_k;
            height: 20vw;
            border-radius: 0vw 0vw 2vw 2vw;
            .box;
            .box-pack-around;
            .box-align-center;
            .b;

            div {
                .box;
                .box-align-center;
                font-size: 3.467vw;
                margin-bottom:2vw;

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

            p {
                font-size: 4.667vw;
            }

            a{
                .center;
            }
        }

        > a {
            .b_k;
            width: 45.333vw;
            height: 17.333vw;
            border-radius: 2vw;
            position: relative;
            .box;
            .box-tb;
            .box-pack-center;
            padding: 0 3.333vw;
            margin-top: 4vw;

            b {
                font-size: 3.733vw;
                margin-bottom: 1vw;
            }

            p {
                color: #898989;
            }

            img {
                height: 10.667vw;
                position: absolute;
                right: 3.333vw;
            }
        }
    }

    .btn {
        padding: 10vw 16.667vw;

        button {
            height: 10.667vw;
            font-size: 4vw;
        }
    }
}

.proxy-table {
    .b_l_w;
    font-size: 3.2vw;

    table {
        width: 100%;
        .center;
    }
    td {
        border: 1px solid #000;
        padding: 2vw 0;
    }
}

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

    > div {
        .b_l_w;
    }

    .top {
        border: solid 1px #e8590c;
        border-radius: 2vw;
        overflow: hidden;

        > div {
            .b_l_w;
        }

        .t {
            height: 20vw;
            .box;
            .box-align-center;
            background-color: #e8590c;

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

                p {
                    font-size: 3.467vw;
                    margin-bottom: 2vw;
                }

                b {
                    font-size: 6.667vw;
                }
            }

            > p {
                width: 1px;
                height: 10.667vw;
                .b_k;
            }
        }

        .m {
            height: 10vw;
            .b_k;
            .box;
            .box-pack-center;
            .box-align-center;
            font-size: 3.467vw;

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

    .search {
        margin: 4vw 0;
        height: 9.333vw !important;

        .van-search__content {
            .b_k;
        }

        input {
            height: 9.333vw;
        }

        .van-icon-clear{
            position:absolute;
            right:20vw;
        }

        .van-search__action {
            border: 0;
            width: 17.333vw;
            height: 7.2vw;
            line-height: 7.2vw;
            background-color: #e8590c;
            border-radius: 3.6vw;
            .bs;
        }
    }
}

.partner-create {
    .b_l_w;
    padding: 0 3.333vw 20vw 3.333vw;

    .van-cell {
        .box;
        .box-align-center;
        min-height: 14.667vw;
        line-height: 6vw;
        border-radius: 2vw;
        margin-bottom: 4vw;
        padding: 3vw 4vw;

        &::after {
            content: none;
        }
    }

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

    .add {
        button {
            border: none;
            height: 13.333vw;
            border-radius: 2vw;
            color: #e8590c;

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

            i {
                margin-right: 2vw;
            }

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

        p {
            .center;
            margin: 3vw 0;

            span {
                color: #e8590c;
            }
        }
    }

    .btn {
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0;
        height: 20vw;
        .b_k;
        .box;
        .box-align-center;
        .box-pack-between;
        padding: 0 3.333vw;

        button {
            width: 45.333vw;
            height: 12vw;
            font-size: 4.267vw;
            .b;
        }
    }
}

.comments-list {
    .box;
    .box-tb;
    width: 100%;
    border-bottom: .667vw solid #eee;
    font-size: 3.2vw;
    padding:2vw 3.333vw;

    > div {
        .b_l_w;
    }

    ._t {
        .box;
        .box-align-center;
        height: 8.667vw;

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

        p {
            font-size: 3.733vw;
            color: #1b1b1b;
        }

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

    ._m {
        margin: 2vw 0 4vw;
        font-size: 3.333vw;
        color: #333;
    }

    ._d {
        img {
            width: 26.667vw;
            height: 26.667vw;
            border-radius: 1.333vw;
            margin-right:3.333vw;
        }
    }
}

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

    > div {
        .b_l_w;
        .b_k;
        padding: 3.333vw;
        border-radius: 1.333vw;
        margin-bottom: 4vw;
    }

    ._t {
        .box;
        .box-align-center;

        img {
            width: 20vw;
            height: 20vw;
            border-radius: 2vw;
            margin-right: 4vw;
        }

        > div {
            height: 20vw;
            .box;
            .box-tb;
            .box-pack-between;

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

            p {
                color: #989898;
            }

            b {
                font-size: 4vw;

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

    ._m {
        .box;
        .box-tb;

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

        ._label {
            font-size: 3.733vw;
            line-height: 5.333vw;
            color: #9e9e9e;
            margin:2.667vw 0;
        }
    }
}


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

    > div {
        .b_l_w;
    }

    .top {
        height: 54.933vw;
        background: url(/images/Subsidy-top-bg.png) no-repeat;
        background-size: 100% 100%;
        padding: 12vw 5.2vw 0;

        > * {
            .b_l_w;
        }

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

        > b {
            font-size: 8vw;
            margin: 4vw 0;
        }

        ._c {
            .box;

            div {
                width: 50%;
                .box;
                .box-tb;
                .box-align-center;
                line-height: 8vw;

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

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

    .van-tabs {
        height: 16.4vw;

        .van-tabs__wrap {
            height: 16.4vw;
        }

        .van-tab__text {
            font-size: 4.267vw !important;
            .b;
        }

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

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

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

        > div {
            .b_l_w;
        }

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

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

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

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

        .t2 {
            .box;
            margin: 2vw 0 1vw;

            img {
                width: 10.667vw;
                height: 10.667vw;
                .y50;
                margin-right: 2.667vw;
            }

            .c {
                height: 10.667vw;
                padding-top: 1vw;
                .box;
                .box-tb;
                .box-pack-center;
                line-height: 5vw;

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

                p {
                    color: #606060;
                }
            }
        }

        .list {
            padding: 2vw 0;
            line-height: 6vw;
            border-bottom: 1px dotted #f5f5f5;

            &:last-child {
                border: 0;
            }

            p {
                .box;

                b, span {
                    margin-left: auto;
                }

                span {
                    .box;
                    .box-align-center;

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

        .c1 {
            color: #ff0016;
        }

        .c2 {
            color: #606060;
        }
    }
}

.showRedpackage {
    background: transparent !important;
    overflow: initial !important;
    .box;
    .box-tb;
    .box-align-center;
    padding-bottom: 20vw;

    .redpackage-1 {
        width: 75.2vw;
        height: 100.267vw;
        position: relative;
        .box;
        .box-tb;

        &::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 78vw;
            background: url(/images/showRedpackage-1-bg1.png);
            background-size: 100% 100%;
        }

        &::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 38.4vw;
            background: url(/images/showRedpackage-1-bg2.png);
            background-size: 100% 100%;
        }

        .text {
            .b_l_w;
            .box;
            .box-tb;
            .box-align-center;
            position: relative;
            width: 100%;
            height: 78vw;
            color: #f5e7b6;
            letter-spacing: 0.467vw;

            span {
                font-size: 6vw;
                margin: 19vw 0 7vw;
            }

            p {
                font-size: 4.667vw;
            }
        }

        > img {
            position: relative;
            z-index: 2;
            margin: -17.5vw auto 0;
            width: 20vw;
            height: 20vw;
            .y50;
            box-shadow: 0 0 2vw rgba(103,8,0,.5);
        }

        .rotation {
            animation: rotate3d 2s both;
        }

        @keyframes rotate3d {
            0% {
                transform: rotateY(0);
            }

            50% {
                transform: rotateY(180deg) scale(1.1);
            }

            75% {
                opacity: 1;
            }

            100% {
                transform: rotateY(360deg);
                opacity: 0;
            }
        }
    }

    .redpackage-1-open {
        &::before {
            animation: top 1.5s 2s both;
        }

        &::after {
            animation: bottom 1.5s 2s both;
        }

        .text {
            animation: top 1.5s 2s both;
        }

        @keyframes top {
            0% {
                top: 0;
            }

            100% {
                top: -100vh;
            }
        }

        @keyframes bottom {
            0% {
                bottom: 0;
            }

            100% {
                bottom: -100vh;
            }
        }
    }

    .redpackage-2 {
        width: 66.933vw;
        height: 98vw;
        background: url(/images/showRedpackage-2-bg.png);
        background-size: 100% 100%;
        animation: scale .5s both;
        padding: 31.2vw 0 0 0;

        > div {
            .b_l_w;
            .center;
        }

        .text {
            font-size: 5.333vw;
            .b;
            line-height: 8vw;
        }

        .price {
            margin: 3vw 0;

            b {
                font-size: 8vw;
                color: #ff2b00;
            }

            span {
                font-size: 3.733vw;
            }
        }

        .total {
            font-size: 3.467vw;
            color: #1b1b1b;
        }

        .btn {
            button {
                width: 40vw;
                height: 10.667vw;
                margin: 6vw 0 3vw;

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

        @keyframes scale {
            0% {
                transform: scale(0);
            }

            100% {
                transform: scale(1);
            }
        }
    }

    .close {
        .b_l_w;
        .box;
        .box-tb;
        .box-align-center;
        .bs;

        u {
            margin: 6vw 0;
            .b;
        }

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

._service {
    .b_l_w;
    background: url(/images/service-bg.png) no-repeat;
    background-size: 100% auto;
    min-height: 49.067vw;
    position: relative;
    padding: 31.333vw 3.333vw 0;

    .title {
        position: absolute;
        left: 8vw;
        top: 8vw;
        .bs;
        .b;
        .box;
        .box-tb;

        b {
            font-size: 5.333vw;
            letter-spacing: .533vw;
            margin-bottom: 3vw;
        }

        p {
            letter-spacing: .32vw;
        }
    }

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

        > img {
            width: 16vw;
            height: 16vw;
            .y50;
            margin-right: 2.933vw;
        }

        .text {
            height: 16vw;
            .box;
            .box-tb;
            .box-pack-center;

            b {
                font-size: 3.733vw;
                color: #1b1b1b;
                margin-bottom: 3.333vw;
            }

            p {
                color: #7d7d7d;
            }
        }

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

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

.servicePopup {
    width: 60vw !important;
    border-radius: 3vw;

    .content {
        .b_l_w;
        padding: 5vw;

        .QRCode {
            width: 100%;
        }

        p {
            .b_l_w;
            .center;
            margin-top: 3vw;
            font-size: 4vw;
        }
    }
}

#vue-oils-index {
    .b_l_w;
    padding: 4vw 3vw;
    font-size: 3.2vw;

    > div {
        .b_l_w;
    }

    .top {
        height: 29vw;
        background-image: linear-gradient(90deg, #e8590c 0%, rgba(253, 126, 20, 1) 100%);
        border-radius: 2vw;
        position: relative;
        .bs;
        .box;
        .box-align-center;
        .box-pack-between;
        padding: 0 5vw;

        .tip {
            width: 40vw;
            height: 7vw;
            line-height: 7vw;
            background: url(/images/oils-bg.png) no-repeat;
            background-size: 100% 100%;
            border-radius: 0vw 2vw 0vw 1vw;
            position: absolute;
            right: 0;
            top: 0;
            .b;
            .center;
            padding-left: 2vw;
        }

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

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

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

        .price {
            font-size: 8vw;
            .b;
        }

        button {
            width: 27vw;
            height: 8vw;
            margin: 2vw 0 0 0;

            span {
                .b;
                color: #e8590c;
                font-size: 4vw;
            }
        }
    }

    .top-2 {
        height: 13vw;
        background-color: #ffe8cc;
        border-radius: 2vw;
        margin-top: -3vw;
        padding: 3vw 13vw 0;
        .box;
        .box-align-center;
        .box-pack-between;

        a {
            .box;
            .box-align-center;
            color: #d9480f;
            .b;

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

    .more {
        .box;
        .box-align-center;
        .box-pack-between;
        height:12vw;
        b {
            font-size: 4vw;
        }

        a {
            color: #7d7d7d;
        }
    }
}

._oils {
    .b_l_w;
    .box;
    .box-tb;
    font-size: 3.2vw;
    overflow: hidden;

    > div {
        .b_l_w;
    }

    .top {
        min-height: 26.667vw;
        background-color: #e8590c;
        padding-bottom: 11.334vw;
        .box;
        .box-align-center;
        .bs;

        ._location {
            .b;
            font-size: 4vw;
            .box;
            .box-align-center;
            white-space: nowrap;

            img {
                height: 4.667vw;
                margin: 0 1.333vw 0 3.333vw;
            }

            div {
                border-left: 1.3vw solid transparent;
                border-right: 1.3vw solid transparent;
                border-top: 1.3vw solid #fff;
                margin: 0 3.067vw 0 1.067vw;
            }
        }

        .search {
            .van-search__action {
                border: 0;
                padding: 0;
                width: 16vw;
                height: 6vw;
                right: 1.2vw;

                button {
                    width: 16vw;
                    height: 6vw;
                }
            }
        }

        a {
            min-width: 12vw;
            .box;
            .box-pack-center;

            img {
                height: 5.333vw;
            }
        }
    }

    .tab {
        background: #f5f5f5;
        min-height: 20.667vw;
        margin-top: -11.334vw;
        border-radius: 6.667vw 6.667vw 0vw 0vw;
        .box;
        .box-align-center;
        .box-pack-between;
        padding: 0 3.333vw;

        > div {
            width: 45.333vw;
            height: 12vw;
            line-height: 12vw;
            background-color: #ffffff;
            border-radius: 1.333vw;
            .center;
            font-size: 4vw;
            .b;

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

    .list {
        height: 100%;
        padding: 0 3.333vw;
        overflow-y: scroll;

        > .o-item {
            width: 100%;
            height: 38.667vw;
            background-color: #ffffff;
            border-radius: 2vw;
            padding: 0 3.333vw;
            margin-bottom: 4vw;

            .t {
                .b_l_w;
                .box;
                .box-tb;
                .box-pack-around;
                height: 27.733vw;
                padding: 2vw 0;

                > div {
                    .b_l_w;
                }

                .name {
                    .b;
                    font-size: 4vw;
                    .box;
                    .box-align-center;
                    .box-pack-between;
                    margin-bottom: 1vw;

                    button {
                        width: 21.333vw;
                        height: 6.667vw;

                        span {
                            font-size: 3.2vw;
                            letter-spacing: 0.32vw;
                            white-space: nowrap;
                        }
                    }
                }

                ._address {
                    color: #1b1b1b;
                }

                ._distance {
                    color: #e8590c;
                }
            }

            .m {
                .b_l_w;
                height: 10.8vw;
                line-height: 10.8vw;
                .box;
                .box-pack-between;
                border-top: 1px solid #f5f5f5;

                > b {
                    color: #1b1b1b;

                    span {
                        margin-right: 1vw;
                    }
                }

                p {
                    .b;
                    font-size: 4vw;
                    color: #e8590c;
                }
            }
        }
    }
}

#vue-oils-pay {
    .b_l_w;
    font-size: 3.2vw;
    background: linear-gradient(0deg, #f5f5f5 0%, rgba(232,89,12,.5) 100%) no-repeat;
    background-size: 100% 46.667vw;
    padding: 4vw 3.333vw 20vw;

    > div {
        .b_l_w;
        .b_k;
        border-radius: 2vw;
        margin-bottom: 4vw;
        padding: 2vw 3.333vw 0;
    }

    .name {
        .box;
        .box-align-center;
        margin-bottom: 1vw;

        b {
            font-size: 4vw;
        }

        > span {
            margin-left: 2.667vw;
            color: #535353;
        }

        button {
            margin-left: auto;
            width: 21.333vw;
            height: 6.667vw;

            span {
                font-size: 3.2vw;
                letter-spacing: 0.32vw;
                white-space: nowrap;
            }
        }
    }

    .t {
        .box;
        .box-tb;
        .box-pack-around;
        height: 34.733vw;

        > div {
            .b_l_w;
        }

        ._address {
            color: #1b1b1b;
        }

        ._distance {
            color: #e8590c;
            .box;
            .box-pack-between;

            > div {
                .box;
                .box-align-center;
                color: #1b1b1b;

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

        .m {
            color: #1b1b1b;
            margin-bottom: 2vw;

            span {
                margin-right: 1vw;
            }
        }
    }

    .list {
        .box;
        .box-wrap;
        margin: 3vw 0 0;

        a {
            width: 15.2vw;
            height: 10.667vw;
            line-height: 10.667vw;
            background-color: #f5f5f5;
            border-radius: 2vw;
            .center;
            margin: 0 2.667vw 2.667vw 0;
            .b;
            font-size: 4vw;

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

        .a {
            color: #e8590c;
            background-color: #fff4e6;
            line-height: calc(~'10.667vw - 2px');
            border: solid 1px #e8590c;
        }
    }

    .number {
        .price {
            color: #e8590c;
            margin: 1vw 0 3vw;

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

                font-size: 4.667vw;
                margin-right: 3.467vw;
            }

            font {
                color: #333;
            }
        }
    }

    .input {
        .van-tabs {
            margin-bottom: 2vw;

            .van-tabs__wrap {
                height: 8vw;
            }

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

        ._input {
            height: 12vw;
            background-color: #f5f5f5;
            border-radius: 2vw;
            .box;
            .box-align-center;
            margin: 3.333vw 0;

            .van-field {
                padding: 0;
                background: transparent;

                input {
                    font-size: 4vw;
                }
            }

            > span {
                width: 10.533vw;
                .center;
                font-size: 4vw;
            }
        }
    }

    .btn {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        .b_k;
        z-index: 99;
        margin: 0;
        border-radius: 0;
        .box;
        .box-align-center;
        height: 16vw;

        > b {
            font-size: 4vw;
        }

        ._p {
            color: #e8590c;
            font-size: 5vw;
            margin-left: 2vw;

            span {
                font-size: 3vw;
            }
        }

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

        button {
            width: 35vw;
            height: 9vw;
            margin-left: auto;

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

#vue-oils-record {
    .b_l_w;
    padding: 4vw 3.333vw;
    font-size:3.2vw;

    > div {
        .b_l_w;

        > div {
            .b_l_w;

            > div {
                .b_l_w;
            }
        }
    }

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

            .t {
                height: 9.733vw;
                line-height: 9.733vw;
                border-bottom: 1px solid #f5f5f5;

                b {
                    color: #1b1b1b;
                }

                span {
                    font-size: 3.467vw;
                    float: right;
                    .b;
                }
            }

            .m {
                padding:2vw 0;
                line-height: 5.333vw;

                p {
                    color: #999999;
                }
            }
        }
    }

    .red {
        color: #ff2b00;
    }

    .green {
        color: #4d982e;
    }
}

#vue-oils-topup {
    .b_l_w;
    background: linear-gradient(to bottom,rgba(232,89,12,.5),transparent) no-repeat;
    background-size: 100% 46.667vw;
    padding: 4vw 3.333vw;

    > div {
        .b_l_w;
    }

    .tit {
        .b;
        font-size: 4vw;
        height: 13.2vw;
        line-height: 13.2vw;

        i {
            font-size: 3.467vw;
            margin-left: 1.867vw;
        }
    }

    .top {
        background-color: #ffffff;
        border-radius: 2vw;
        padding: 0 3.333vw;
        margin-bottom: 4vw;

        > div {
            .b_l_w;
        }

        .input {
            .box;
            .box-align-center;

            b {
                width: 10.533vw;
                .center;
                font-size: 4vw;
            }

            input {
                background: transparent;
                height: 12vw;
                border: 0;
                width: 100%;
                font-size: 4vw;
            }

            height: 12vw;
            background-color: #f5f5f5;
            border-radius: 2vw;
        }

        ._s {
            div {
                .box;
                margin: 4vw 0 0;

                > span {
                    width: 26.667vw;
                    height: 13.333vw;
                    border-radius: 1.333vw;
                    padding: 0;
                    font-size: 4vw;
                    .b;
                    color: #000;
                    .box-pack-center;
                    margin: 0 3.333vw 4vw 0;

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

                .a {
                    height: 13.333vw;
                    background-color: #fff4e6 !important;
                    color: #e8590c;
                    border-radius: 1.333vw;
                    border: solid 0.267vw #e8590c;
                }
            }
        }
    }

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

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

        > div {
            padding: 0 0 2vw;
            margin-top:-2vw;
        }

        .van-cell {
            padding: 2vw 0;
        }

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