* {
    -webkit-tap-highlight-color: transparent
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: initial
}

html {
    line-height: 1
}

ol, ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption, td, th {
    font-weight: 400;
    vertical-align: middle
}

a img {
    border: none
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
    display: block
}

html {
    -webkit-text-size-adjust: 100%;
    font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Roboto,Arial,PingFang SC,Hiragino Sans GB,Microsoft Yahei,SimSun,sans-serif
}

body {
    color: #333;
    background-color: #f8f8f8;
    -webkit-backface-visibility: hidden;
    -webkit-text-size-adjust: 100% !important;
    -webkit-font-smoothing: antialiased
}

strong {
    font-weight: 700
}

a {
    color: #333;
    background: transparent;
    text-decoration: none
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

h2 {
    font-size: 1.8rem;
    line-height: 2.2rem
}

h3 {
    font-size: 1.5rem;
    line-height: 1.8rem
}

[type=email], [type=number], [type=password], [type=search], [type=text], button, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none
}

dd, div, dt, li, span {
    cursor: pointer
}

.is-iphonex {
    padding-bottom: env(safe-area-inset-bottom)
}

    .is-iphonex .safe-padding {
        padding-bottom: env(safe-area-inset-bottom) !important
    }

.clearfix {
    overflow: auto;
    zoom: 1
}

.imgWrap {
    position: relative;
    overflow: hidden
}

.imgWrap__bg {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-filter: blur(1rem);
    filter: blur(1rem)
}

.imgWrap__img {
    position: relative;
    display: block;
    width: 100%;
    height: 100%
}

.vis-popup--wrap {
    background-color: initial
}

    .vis-popup--wrap .vis-popup__content {
        margin-top: 3.4rem
    }

    .vis-popup--wrap .cert-pop--close {
        font-size: 2.8rem;
        color: #fff;
        margin-bottom: 1rem;
        float: right
    }

.vis-canvas-img {
    width: 100%
}

.pop-info {
    color: #fff
}

.pop-info__img {
    border-radius: 0.4rem
}

.pop-info__img__content {
    width: 100%
}

.pop-info__share {
    width: 100%;
    font-size: 1.6rem;
    margin: 1.6rem 0;
    height: 4.4rem;
    line-height: 4.4rem;
    text-align: center;
    position: relative
}

    .pop-info__share:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 200%;
        height: 200%;
        -webkit-transform: scale(.5);
        transform: scale(.5);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        pointer-events: none;
        box-sizing: border-box;
        border: 0.1rem solid #fff;
        border-radius: 4.4rem
    }

.pop-info__more {
    width: 100%;
    text-align: center;
    font-size: 1.2rem;
    line-height: 1.7rem
}

.cert-list__item {
    padding: 0 0.7rem
}

.cert-list__item__img {
    width: 100%;
    height: 100%;
    border-radius: 0.4rem
}

.cap-mobile-auth {
    width: 27.5rem;
    height: auto;
    padding: 2rem;
    text-align: center;
    border-radius: 0.5rem
}

.cap-mobile-auth__hr {
    width: 22.4rem;
    height: 0.1rem;
    margin: 0 auto;
    padding: 0;
    background: #e5e5e5
}

.cap-mobile-auth__close {
    position: absolute;
    top: 2.2rem;
    right: 2rem;
    cursor: pointer
}

.cap-mobile-auth__title {
    margin-top: 0;
    margin-bottom: 1.6rem;
    color: #333;
    font-size: 2rem;
    line-height: 2.8rem
}

.cap-mobile-auth__logo {
    margin-bottom: 0.8rem
}

.cap-mobile-auth__name {
    margin-bottom: 1.6rem;
    color: #333;
    font-size: 1.4rem
}

.cap-mobile-auth__desc {
    padding: 1.6rem 0 1rem;
    color: #999;
    font-size: 1.4rem;
    line-height: 2rem
}

.cap-mobile-auth__mobile {
    margin-bottom: 2rem;
    color: #333;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2.2rem
}

.cap-mobile-auth__button {
    width: 27.5rem;
    height: 4.4rem;
    font-size: 1.6rem;
    line-height: 4.4rem
}

.cap-mobile-auth__extra {
    margin-top: 1.2rem;
    color: #bbb;
    font-size: 1.2rem;
    line-height: 1.5rem
}

    .cap-mobile-auth__extra a {
        color: #0079f3
    }

@-webkit-keyframes cursorPhoneInput {
    0%,49% {
        opacity: 1
    }

    50%,to {
        opacity: 0
    }
}

@keyframes cursorPhoneInput {
    0%,49% {
        opacity: 1
    }

    50%,to {
        opacity: 0
    }
}

.cap-mobile-supply {
    z-index: 999;
    width: 27.5rem;
    height: 23.2rem;
    padding: 2rem;
    overflow: hidden;
    font-family: Arial,Helvetica,STHeiti STXihei,Microsoft YaHei,Tohoma,sans-serif;
    text-align: center;
    background: #fff;
    border-radius: 0.5rem
}

.cap-mobile-supply__input {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    margin-top: 2rem;
    -webkit-user-select: none;
    user-select: none
}

.cap-mobile-supply__cursorTwinkle {
    position: relative
}

    .cap-mobile-supply__cursorTwinkle:after {
        position: relative;
        top: -0.2rem;
        color: #000;
        font-size: 2rem;
        -webkit-animation: cursorPhoneInput 1s linear infinite;
        animation: cursorPhoneInput 1s linear infinite;
        content: "|"
    }

.cap-mobile-supply__show-phone {
    display: inline-block;
    width: 1rem;
    height: 2.2rem;
    margin-left: 0.4rem;
    padding: 0.5rem 0;
    color: #323233;
    font-weight: 400;
    font-size: 1.8rem;
    line-height: 2.2rem;
    vertical-align: middle
}

.cap-mobile-supply__unshow-phone {
    display: inline-block;
    width: 3.4rem;
    height: 3.4rem;
    margin-left: 0.4rem;
    color: #000;
    font-size: 2rem;
    line-height: 3.4rem;
    text-align: center;
    vertical-align: middle;
    border: 0.1rem solid #ebedf0;
    -webkit-user-select: none;
    user-select: none
}

.cap-mobile-supply__close {
    position: absolute;
    top: 2.2rem;
    right: 2rem;
    cursor: pointer
}

.cap-mobile-supply__h5 {
    width: 27.5rem;
    height: 4rem;
    margin-top: 1.6rem;
    margin-bottom: 0;
    color: #969799;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 2rem;
    text-align: left
}

    .cap-mobile-supply__h5 span {
        color: #151515
    }

.cap-mobile-supply__h3 {
    margin-top: 0;
    color: #323233;
    font-size: 2rem
}

.cap-mobile-supply__button {
    height: 4.4rem;
    margin-top: 2rem;
    line-height: 4.4rem
}

.cap-mobile-supply__phone-input {
    position: relative;
    height: 5.6rem
}

    .cap-mobile-supply__phone-input input {
        position: absolute;
        top: 2.5rem;
        left: 5rem;
        z-index: 1;
        width: 5rem;
        margin: 0 0 0 -100%;
        padding: 0;
        color: transparent;
        text-indent: -999em;
        border: 0;
        outline: 0;
        opacity: 0
    }

.cap-mobile-supply__extra {
    margin-top: 1.2rem;
    color: #969799;
    font-size: 1.2rem;
    line-height: 1.6rem
}

    .cap-mobile-supply__extra a {
        color: #406dff
    }

.user-info__level-wrapper {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%
}

.user-info__level-1 {
    position: absolute;
    bottom: 0;
    left: 3%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 94%;
    height: 4rem;
    color: #fff;
    background: url(https://img.yzcdn.cn/public_files/2019/01/07/2a995b38e57f128e430d17629da437d9.png);
    background-size: cover;
    border-radius: 0.0.8rem 0.0.8rem 0 0;
    box-shadow: 0 -0.2rem 0.8rem 0 rgba(0,0,0,.2)
}

    .user-info__level-1 .name {
        display: block;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        -webkit-align-self: flex-start;
        align-self: flex-start;
        padding-left: 1rem;
        overflow: hidden;
        font-size: 1.2rem;
        line-height: 4rem;
        white-space: nowrap;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        color: #ffdea0
    }

        .user-info__level-1 .name:before {
            background-image: url(https://b.yzcdn.cn/member-center/free-icon-1.png)
        }

        .user-info__level-1 .name--vip:before, .user-info__level-1 .name:before {
            display: inline-block;
            width: 1.6rem;
            height: 1.2rem;
            margin-right: 0.5rem;
            vertical-align: -0.1rem;
            background-size: cover;
            content: " "
        }

    .user-info__level-1 .name--vip:before {
        background-image: url(https://b.yzcdn.cn/member-center/vip-icon-1.png)
    }

    .user-info__level-1 .become-member, .user-info__level-1 .level {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        margin-right: 1rem;
        font-size: 1.2rem;
        line-height: 1.2rem
    }

        .user-info__level-1 .become-member .van-icon, .user-info__level-1 .level .van-icon {
            margin-left: 0.2rem;
            font-size: 1.2rem
        }

.user-info__level-2 {
    position: absolute;
    top: -9rem;
    right: -6rem;
    width: 17.9rem;
    height: 9.9rem;
    overflow: hidden;
    color: #e3c86f;
    background-image: -webkit-linear-gradient(303deg,#414653,#373b44 74%);
    background-image: linear-gradient(147deg,#414653,#373b44 74%);
    border-radius: 0.4rem;
    box-shadow: 0.0.2rem 0.0.2rem 1.6rem 0 rgba(0,0,0,.2);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
    -webkit-transform-origin: left;
    transform-origin: left
}

    .user-info__level-2 .level2-header {
        height: 2.5rem;
        padding-left: 1rem
    }

        .user-info__level-2 .level2-header .shop-name {
            display: block;
            max-width: 8rem;
            overflow: hidden;
            font-size: 1rem;
            line-height: 1rem;
            white-space: nowrap;
            text-overflow: ellipsis;
            vertical-align: text-bottom;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical
        }

            .user-info__level-2 .level2-header .shop-name:before {
                display: inline-block;
                width: 1.4rem;
                height: 1rem;
                margin-top: 0.8rem;
                margin-right: 0.5rem;
                vertical-align: -0.2rem;
                background-image: url(https://img.yzcdn.cn/public_files/2019/02/18/9c5e867bf80c7de1f7a7d58586a88753.png);
                background-size: cover;
                content: " "
            }

    .user-info__level-2 .level2-body {
        height: 7.4rem;
        margin: 0 .0.0.5rem .0.0.5rem;
        padding: 0.5rem 0 0 0.9rem;
        background-image: -webkit-linear-gradient(316deg,#4d525e,#343841 79%);
        background-image: linear-gradient(134deg,#4d525e,#343841 79%)
    }

        .user-info__level-2 .level2-body .level {
            height: 1.6rem;
            padding: 0 0.2rem 0 0.8rem;
            color: #e3c86f;
            font-size: 1rem;
            background: #646875;
            border: .0.5rem solid #e3c86f
        }

            .user-info__level-2 .level2-body .level .van-button__text {
                line-height: 1.5rem
            }

        .user-info__level-2 .level2-body .level-name {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center
        }

            .user-info__level-2 .level2-body .level-name span {
                display: block;
                max-width: 8rem;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical
            }

            .user-info__level-2 .level2-body .level-name .van-icon-arrow {
                margin-left: 0.2rem;
                font-weight: 700;
                -webkit-transform: scale(.7);
                transform: scale(.7);
                -webkit-transform-origin: 0;
                transform-origin: 0
            }

    .user-info__level-2 .level2-vip {
        position: absolute;
        top: 5.3rem;
        left: 0.4rem;
        width: 8.2rem;
        height: 5rem
    }

.user-info__level-3 {
    position: absolute;
    right: 3%;
    bottom: -3.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 94%;
    height: 7rem;
    color: #886c11;
    background: url(https://img.yzcdn.cn/public_files/2019/02/20/9a0bb2c59bf55531f2dbfddd2b2ce0da.png);
    background-size: 100% 100%;
    border-radius: 0.8rem
}

    .user-info__level-3 .name {
        display: block;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        -webkit-align-self: flex-start;
        align-self: flex-start;
        padding-left: 1rem;
        overflow: hidden;
        font-size: 1.2rem;
        line-height: 4rem;
        white-space: nowrap;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical
    }

        .user-info__level-3 .name:before {
            background-image: url(https://b.yzcdn.cn/member-center/free-icon-3.png)
        }

        .user-info__level-3 .name--vip:before, .user-info__level-3 .name:before {
            display: inline-block;
            width: 1.6rem;
            height: 1.2rem;
            margin-right: 0.5rem;
            vertical-align: -0.1rem;
            background-size: cover;
            content: " "
        }

    .user-info__level-3 .name--vip:before {
        background-image: url(https://b.yzcdn.cn/member-center/vip-icon-3.png)
    }

    .user-info__level-3 .become-member, .user-info__level-3 .level {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        height: 2.2rem;
        margin-right: 1rem;
        padding: 0 0.4rem 0 1rem;
        color: #9e8329;
        font-size: 1.2rem;
        background: hsla(0,0%,100%,.6);
        border-radius: 1.2rem;
        box-shadow: 0 0.2rem 0.8rem 0 rgba(185,157,51,.2)
    }

        .user-info__level-3 .become-member .van-icon, .user-info__level-3 .level .van-icon {
            margin-top: 0.1rem;
            font-size: 1.2rem;
            -webkit-transform: scale(.5);
            transform: scale(.5)
        }

    .user-info__level-3 .level {
        background: hsla(0,0%,100%,.6);
        box-shadow: 0 0.2rem 0.8rem 0 rgba(187,157,51,.2)
    }

    .user-info__level-3 .level3-member {
        position: absolute;
        bottom: 1rem;
        left: 1.4rem;
        width: 12.6rem;
        height: 1.9rem
    }

.member-center__user-info {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    background-size: cover
}

.member-center__user-info-wrapper {
    margin-bottom: 1rem
}

.member-center__user-info .user-info__avatar {
    width: 6rem;
    height: 6rem;
    overflow: hidden;
    background-size: 6rem 6rem;
    border: 0.1rem solid #fff;
    border-radius: 50%;
    box-shadow: 0 0.2rem 0.4rem rgba(0,0,0,.1)
}

    .member-center__user-info .user-info__avatar img {
        width: 100%;
        height: 100%
    }

.member-center__user-info .user-info__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

    .member-center__user-info .user-info__info .member-center__become-member, .member-center__user-info .user-info__info .member-grade {
        margin-top: 0.5rem
    }

.member-center__user-info .user-info__username {
    max-width: 20rem;
    overflow: hidden;
    font-weight: 700;
    font-size: 2rem;
    line-height: 3rem;
    white-space: nowrap;
    text-align: left;
    text-overflow: ellipsis
}

.member-center__user-info .user-info__growth {
    padding: 0.2rem 0.8rem;
    color: #fddda5;
    font-size: 1.1rem;
    line-height: 1.6rem;
    letter-spacing: 0;
    background-image: -webkit-radial-gradient(2% 85%,circle,#444039 0,#37332c 82%);
    background-image: radial-gradient(circle at 2% 85%,#444039 0,#37332c 82%);
    border: 0.1rem solid #171717;
    border-radius: 1rem
}

.member-center__user-info .user-info__sign {
    position: absolute;
    top: 2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    box-sizing: border-box;
    width: auto;
    height: 2.2rem;
    padding: 0 1rem;
    color: #fff;
    font-size: 1.2rem;
    background-color: rgba(0,0,0,.2);
    border-radius: 1.1rem;
    right: 9rem
}

.member-center__user-info .user-info__sign-img {
    width: 1.2rem;
    height: 1.2rem;
    margin-right: 0.5rem
}

.member-center__user-info .user-info__code {
    position: absolute;
    top: 2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    box-sizing: border-box;
    width: auto;
    height: 2.2rem;
    padding: 0 1rem;
    color: #fff;
    font-size: 1.2rem;
    background-color: rgba(0,0,0,.2);
    border-radius: 1.1rem;
    right: 1.2rem
}

.member-center__user-info .user-info__code-img {
    width: 1.2rem;
    height: 1.2rem;
    margin-right: 0.5rem
}

.member-center__user-info .user-info__bind-wrapper {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 10rem
}

.member-center__user-info.avatar-at-top {
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    flex-direction: column
}

    .member-center__user-info.avatar-at-top, .member-center__user-info.avatar-at-top .user-info__info {
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center
    }

        .member-center__user-info.avatar-at-top .user-info__info {
            -webkit-box-orient: horizontal;
            -webkit-flex-direction: row;
            flex-direction: row
        }

            .member-center__user-info.avatar-at-top .user-info__info .user-info__growth {
                margin-left: 1rem
            }

        .member-center__user-info.avatar-at-top .user-info__username {
            font-size: 2rem;
            line-height: 1
        }

        .member-center__user-info.avatar-at-top .member-center__become-member, .member-center__user-info.avatar-at-top .member-grade {
            -webkit-transform-origin: center;
            transform-origin: center
        }

.member-center__user-info.avatar-at-right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 0 1.5rem
}

    .member-center__user-info.avatar-at-right .user-info__info {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start
    }

.member-center__user-info.avatar-at-left {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 1.5rem
}

    .member-center__user-info.avatar-at-left .user-info__avatar {
        margin-bottom: 3.4rem
    }

    .member-center__user-info.avatar-at-left .user-info__info {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        margin-bottom: 3.4rem;
        margin-left: 1.5rem
    }

.member-center__become-member {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 2rem;
    padding: 0 0.4rem 0 1rem;
    color: #fff;
    font-size: 1.2rem;
    background: #c7c7c7;
    border-radius: 1.2rem;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    -webkit-transform-origin: 0;
    transform-origin: 0
}

    .member-center__become-member .van-icon {
        margin-left: 0.4rem;
        font-size: 1.2rem
    }

.user-info__bind {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    height: 5rem;
    margin-bottom: 1rem;
    padding: 0 1.5rem;
    color: #111;
    font-size: 1.2rem
}

.member-center__stats, .user-info__bind {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #fff
}

.member-center__stats {
    width: 94%;
    height: 7.2rem;
    margin: 0 auto 1rem;
    border-radius: 0.8rem
}

.member-center__stats__item {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    line-height: 2.2rem;
    text-align: center
}

.member-center__stats__item__change {
    position: relative
}

    .member-center__stats__item__change:after {
        position: absolute;
        top: 50%;
        left: 0;
        width: 0.1rem;
        height: 4.8rem;
        background-color: #999;
        -webkit-transform: translateY(-50%) scale(.5);
        transform: translateY(-50%) scale(.5);
        content: " "
    }

.member-center__stats__item .van-icon-gold-coin-o {
    line-height: 2.2rem
}

.member-center__stats__item__dot {
    position: absolute;
    top: 0;
    right: -0.8rem;
    display: inline-block;
    width: 0.6rem;
    height: 0.6rem;
    background-color: #406dff;
    border-radius: 50%
}

.member-center__stats__item__value {
    position: relative;
    display: inline-block;
    color: #111;
    font-weight: 600;
    font-size: 1.6rem
}

.member-center__stats__item__title {
    margin-top: 0.4rem;
    color: #999;
    font-size: 1.2rem
}

.member-center__course {
    overflow: hidden;
    background: #f7f7f7
}

    .member-center__course .member-center__notification--body--header {
        font-size: 1.2rem
    }

    .member-center__course .ellipsis {
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical
    }

    .member-center__course .van-cell {
        height: 5rem;
        padding: 1.3rem 1.5rem
    }

    .member-center__course .van-cell__title {
        color: #111
    }

    .member-center__course .van-cell__value {
        color: #999;
        font-size: 1.2rem
    }

    .member-center__course .van-icon {
        font-size: 1.2rem
    }

    .member-center__course .content {
        position: relative;
        box-sizing: border-box;
        padding: 1rem 0 0 !important;
        background: #f7f7f7
    }

        .member-center__course .content .header {
            position: static !important
        }

            .member-center__course .content .header .title {
                margin-right: 0;
                color: #333;
                font-weight: 600;
                font-size: 1.2rem;
                line-height: 1.7rem;
                text-align: justify;
                display: -webkit-box;
                overflow: hidden;
                text-overflow: ellipsis;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical
            }

            .member-center__course .content .header .member-center__status {
                position: absolute;
                right: 0;
                bottom: 0.3rem;
                width: 4.4rem;
                padding: 0.2rem 0;
                color: #fff;
                font-size: 1.2rem;
                line-height: 1.2rem;
                letter-spacing: 0;
                text-align: center;
                background-color: #406dff;
                border-radius: 1.2rem
            }

        .member-center__course .content .body {
            margin-top: 1rem
        }

            .member-center__course .content .body .row {
                margin-top: 0.5rem;
                color: #999;
                font-size: 1rem;
                line-height: 1.4rem
            }

    .member-center__course .no-course {
        box-sizing: border-box;
        width: 100%;
        height: 10rem;
        padding-top: 3rem;
        text-align: center
    }

        .member-center__course .no-course .tips {
            margin-bottom: 1rem;
            color: #999;
            font-size: 1.3rem
        }

        .member-center__course .no-course .van-button {
            box-sizing: border-box;
            width: 8rem;
            height: 2.5rem;
            color: #406dff;
            font-size: 1.3rem;
            line-height: 1.2rem;
            letter-spacing: 0;
            background: 0 0;
            border: 0.1rem solid #406dff;
            border-radius: 10rem
        }

        .member-center__course .no-course .van-button__text {
            display: inline-block;
            margin: 5.0.5rem 0
        }

.member-center__notification {
    width: 94%;
    height: auto;
    margin: 0 auto 1rem;
    background: #fff;
    border-radius: 0.8rem
}

.member-center__notification--header {
    padding: 1rem;
    font-weight: 700;
    font-size: 1.4rem
}

.member-center__notification--body {
    margin: 0 1rem 1rem;
    padding: 1rem;
    background: #f7f7f7;
    border-radius: 0.8rem
}

.member-center__notification--body--header {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    color: #999;
    font-weight: 400;
    font-size: 1rem
}

.member-center__notification .van-swipe__indicator {
    width: 0.8rem;
    height: 0.2rem;
    margin-right: 0.4rem;
    border-radius: 0.1rem
}

.edu-service {
    margin: 1rem;
    background: #fff;
    border-radius: 0.8rem
}

.edu-service-item {
    display: inline-block;
    box-sizing: border-box;
    width: 25%;
    height: 8.8rem;
    text-align: center;
    line-height: 1.6rem;
    font-size: 1.2rem;
    color: #111;
    position: relative
}

.edu-service-item__flag {
    position: absolute;
    display: block;
    width: 0.8rem;
    height: 0.8rem;
    background-color: red;
    border-radius: 50%;
    top: 1rem;
    right: 1.5rem
}

.edu-service-item__icon {
    margin: 2rem auto 0.8rem;
    display: block;
    width: 2.4rem;
    height: 2.4rem
}

.member-center__order {
    width: 94%;
    margin: 0 auto 1rem;
    background: #fff;
    border-radius: 0.8rem
}

    .member-center__order .van-cell {
        height: 4rem;
        padding: 1rem;
        border-radius: 0.8rem
    }

    .member-center__order .van-cell__title {
        color: #111;
        font-weight: 700;
        font-size: 1.4rem
    }

    .member-center__order .van-cell__value {
        color: #999;
        font-size: 1.2rem
    }

    .member-center__order .van-icon {
        font-size: 1.2rem
    }

    .member-center__order .van-hairline--top-bottom:after {
        border: none
    }

    .member-center__order .van-tabbar--fixed {
        position: relative;
        width: 98%;
        padding: 2rem 0;
        border-radius: 0.8rem
    }

        .member-center__order .van-tabbar--fixed .van-icon {
            color: #333;
            font-size: 2.4rem
        }

            .member-center__order .van-tabbar--fixed .van-icon img {
                height: auto
            }

        .member-center__order .van-tabbar--fixed .van-icon__info {
            min-width: 1.6rem;
            height: 1.6rem;
            margin-top: 0.3rem;
            margin-left: 0;
            padding: 0 0.3rem;
            font-size: 1.2rem;
            line-height: 1.6rem;
            border-radius: 0.8rem
        }

        .member-center__order .van-tabbar--fixed .van-tabbar-item__text {
            margin-top: 0.5rem;
            color: #111
        }

    .member-center__order .van-cell:not(:last-child):after {
        right: 1rem;
        left: 1rem
    }

.member-center__widget-cube {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 94%;
    margin: auto;
    background: #fff;
    border-radius: 0.8rem
}

    .member-center__widget-cube .widget-item {
        width: 25%;
        height: 6.6rem;
        padding-top: 2rem;
        color: #111;
        text-align: center
    }

        .member-center__widget-cube .widget-item .van-icon {
            color: #333;
            font-size: 2.4rem
        }

        .member-center__widget-cube .widget-item .van-icon-info {
            margin-top: 0.2rem
        }

        .member-center__widget-cube .widget-item > div {
            width: 8rem;
            margin: 1rem auto;
            font-size: 1.2rem;
            text-align: center
        }

    .member-center__widget-cube .widget-item--dot .van-icon-info {
        width: 0.6rem;
        min-width: 0.6rem;
        height: 0.6rem;
        padding: 0;
        background: #406dff;
        border-radius: 0.3rem
    }

.classic-group {
    width: 94%;
    margin: auto
}

.classic-group__item {
    position: relative;
    overflow: hidden
}

    .classic-group__item:first-child {
        border-top-left-radius: 0.8rem;
        border-top-right-radius: 0.8rem
    }

    .classic-group__item:last-child {
        border-bottom-right-radius: 0.8rem;
        border-bottom-left-radius: 0.8rem
    }

    .classic-group__item + .classic-group__item:after {
        position: absolute;
        top: -0.1rem;
        left: 1.5rem;
        width: 100%;
        height: 0.1rem;
        border-bottom: 0.1rem solid #e5e5e5;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5);
        content: ""
    }

.classic-group .classic-group__item--cart {
    display: inline-block;
    box-sizing: border-box;
    min-width: 1.6rem;
    height: 1.6rem;
    padding: 0 0.3rem;
    color: #fff;
    font-size: 1.2rem;
    font-family: PingFang SC,Helvetica Neue,Arial,sans-serif;
    line-height: 1.6rem;
    text-align: center;
    background-color: #406dff;
    border-radius: 0.8rem
}

.classic-group .van-cell {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #111
}

    .classic-group .van-cell:active {
        background: #fff
    }

.classic-group .van-cell__title span {
    position: relative
}

.classic-group .classic-group__item--gifts {
    position: relative;
    display: inline-block;
    padding-right: 1.2rem;
    color: #999;
    font-size: 1.2rem
}

    .classic-group .classic-group__item--gifts:after {
        position: absolute;
        top: 50%;
        right: 0;
        display: block;
        width: 0.6rem;
        height: 0.6rem;
        margin-top: -0.3rem;
        background: red;
        border-radius: 50%;
        content: ""
    }

.classic-group .van-cell__left-icon {
    margin-right: 1rem;
    color: #333
}

.classic-group .van-cell__right-icon {
    color: #999
}

.classic-group__whitespace {
    height: 1rem
}

.plugin-list {
    padding-bottom: 1rem
}

.mc-image-ad__link {
    position: relative;
    display: block;
    height: 100%
}

.mc-indicator {
    position: absolute
}

.mc-indicator--2 {
    bottom: 1rem;
    left: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

    .mc-indicator--2 .mc-indicator__dot {
        float: left;
        width: 1.2rem;
        height: 0.2rem;
        margin-left: 0.2rem;
        background-color: #c5c5c5
    }

    .mc-indicator--2 .mc-indicator__dot--active {
        background-color: #000
    }

.mc-indicator--3 {
    right: 1.5rem;
    bottom: 1.3rem;
    display: inline-block;
    height: 1.6rem;
    color: #999;
    font-size: 1.2rem;
    line-height: 1.6rem
}

    .mc-indicator--3 .mc-indicator__dot--active {
        margin-right: 0.2rem;
        color: #333;
        font-weight: 700;
        font-size: 1.6rem
    }

.mc-indicator--4 {
    right: 1.5rem;
    bottom: 1.3rem;
    display: inline-block;
    min-width: 1.8rem;
    height: 1.8rem;
    padding: 0 0.5rem;
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.8rem;
    background: #000;
    border-radius: 10rem;
    opacity: .3
}

.mc-image-ad__swipe {
    padding: 0
}

    .mc-image-ad__swipe .mc-image-ad__title {
        padding-left: 0.5rem;
        text-align: left
    }

.mc-image-ad__swipe__transparent-img {
    width: 100%;
    height: 100%;
    opacity: 0
}

.mc-image-ad__swipe__background-center {
    background-repeat: no-repeat;
    background-position: 50%
}

.mc-image-ad__swipe__image-container .mc-image-ad__image {
    width: 100%
}

.mc-image-ad__swipe .van-swipe.van-swipe--has-title .van-swipe__indicators, .mc-image-ad__swipe .van-swipe.van-swipe--has-title [class*=cap-indicator] {
    bottom: 6.1rem
}

.mc-image-ad__swipe .van-swipe .van-swipe-item {
    box-sizing: border-box
}

.mc-image-ad__content {
    position: relative
}

.mc-image-ad__content--small {
    width: 50%;
    height: 152.0.5rem;
    float: left;
    overflow: hidden;
    box-sizing: border-box;
    padding-left: 0;
    padding-right: 0.2rem
}

    .mc-image-ad__content--small:nth-child(2n) {
        padding-left: 0.2rem;
        padding-right: 0
    }

.mc-image-ad__content .mc-image-ad__image-wrapper {
    position: relative
}

.mc-image-ad__slide {
    width: auto;
    margin-bottom: -1rem;
    padding-bottom: 1rem;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap
}

    .mc-image-ad__slide .mc-image-ad__image-wrapper, .mc-image-ad__slide .mc-image-ad__link {
        position: relative;
        display: inline-block;
        height: 100%
    }

    .mc-image-ad__slide .mc-image-ad__image {
        width: 100%;
        height: 100%;
        margin-right: 0;
        margin-left: 0
    }

.mc-image-ad__slide--small .mc-image-ad__title {
    height: 2rem;
    padding: 0;
    font-size: 1.2rem;
    line-height: 2rem
}

.mc-image-ad__top2end .mc-image-ad__content {
    box-shadow: none
}

    .mc-image-ad__top2end .mc-image-ad__content:last-child {
        margin-bottom: 0 !important
    }

.mc-image-ad__top2end .mc-image-ad__image {
    width: 100%
}

.mc-image-ad__top2end__hotarea-link {
    position: absolute;
    display: block;
    box-sizing: border-box
}

.mc-image-ad__top2end__hotarea-link-border {
    border: 0.1rem solid #00f
}

.mc-image-ad__top2end__hotarea-pic-container {
    margin: 0 auto
}

.mc-image-ad__text-nav {
    width: auto;
    margin-bottom: -1rem;
    padding-bottom: 1rem;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    margin-right: 0;
    margin-left: 0
}

.mc-image-ad__text-nav-wrapper {
    display: inline-block;
    padding: 1.5rem 0
}

    .mc-image-ad__text-nav-wrapper:last-child .mc-image-ad__nav-title:after {
        border: none
    }

.mc-image-ad__text-nav .mc-image-ad__nav-title {
    position: relative;
    height: 1.2rem;
    font-size: 1.2rem;
    line-height: 1.2rem;
    text-align: center
}

    .mc-image-ad__text-nav .mc-image-ad__nav-title:after {
        position: absolute;
        top: 0;
        left: 0;
        box-sizing: border-box;
        width: 200%;
        height: 200%;
        -webkit-transform: scale(.5);
        transform: scale(.5);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        content: "";
        pointer-events: none;
        border-right: 0.1rem solid #eee
    }

.mc-image-ad__image-nav {
    margin-bottom: -1rem;
    padding-bottom: 1rem;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}

    .mc-image-ad__image-nav .mc-image-ad__image-wrapper {
        display: inline-block;
        vertical-align: middle
    }

    .mc-image-ad__image-nav .mc-image-ad__image {
        background-position: 50%;
        background-size: cover
    }

    .mc-image-ad__image-nav .mc-image-ad__nav-title {
        height: 3.3rem;
        padding-bottom: 0.9rem;
        line-height: 2.4rem
    }

    .mc-image-ad__image-nav .mc-image-ad__link--image-nav {
        font-size: 0
    }

.mc-image-ad__preview {
    position: relative;
    width: 94%;
    height: 13.6rem;
    margin: 0 auto 1rem;
    overflow: hidden;
    color: #88c4dc;
    text-align: center;
    background-color: #ebf8fd;
    border-radius: 0.8rem
}

.mc-image-ad__preview-title {
    margin-top: 5rem;
    font-size: 1.4rem
}

.mc-image-ad {
    width: 94%;
    height: 10rem;
    margin: 0 auto 1rem;
    overflow: hidden;
    font-size: 0
}

.mc-image-ad--img-shadow.mc-image-ad--no-border-width .mc-image-ad__slide .mc-image-ad__image-wrapper .mc-image-ad__image {
    box-shadow: 1rem 0.4rem 1rem rgba(47,54,70,.1)
}

.mc-image-ad--img-shadow.mc-image-ad--no-border-width .mc-image-ad__slide .mc-image-ad__image-wrapper:first-child .mc-image-ad__image {
    box-shadow: 0 0.4rem 1rem rgba(47,54,70,.1)
}

.mc-image-ad--img-shadow.mc-image-ad--no-border-width .mc-image-ad__top2end .mc-image-ad__content .mc-image-ad__image {
    box-shadow: 0 1rem 1rem rgba(47,54,70,.1)
}

.mc-image-ad--img-shadow.mc-image-ad--no-border-width .mc-image-ad__top2end .mc-image-ad__content:first-child .mc-image-ad__image {
    box-shadow: 0 0.4rem 1rem rgba(47,54,70,.1)
}

.mc-image-ad--img-shadow.mc-image-ad--no-border-width .mc-image-ad__top2end .mc-image-ad__content:last-child .mc-image-ad__image {
    box-shadow: 0 1rem 1.5rem rgba(47,54,70,.03)
}

.mc-image-ad--img-shadow .mc-image-ad__swipe {
    padding-top: 0;
    padding-bottom: 0
}

    .mc-image-ad--img-shadow .mc-image-ad__swipe .van-swipe-item {
        box-shadow: 0 0.4rem 1rem rgba(47,54,70,.1)
    }

.mc-image-ad--img-shadow .mc-image-ad__image-nav, .mc-image-ad--img-shadow .mc-image-ad__slide, .mc-image-ad--img-shadow .mc-image-ad__split, .mc-image-ad--img-shadow .mc-image-ad__top2end {
    margin-bottom: 0;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.mc-image-ad--img-shadow .mc-image-ad__slide {
    margin-right: -1.5rem;
    margin-left: -1.5rem
}

    .mc-image-ad--img-shadow .mc-image-ad__slide > :first-child {
        margin-left: 1.5rem
    }

    .mc-image-ad--img-shadow .mc-image-ad__slide > :last-child {
        margin-right: 1.5rem !important
    }

.mc-image-ad--img-shadow .mc-image-ad__content, .mc-image-ad--img-shadow .mc-image-ad__image, .mc-image-ad--img-shadow .mc-image-ad__image-nav .mc-image-ad__content, .mc-image-ad--img-shadow .mc-image-ad__image-nav .mc-image-ad__image, .mc-image-ad--img-shadow .mc-image-ad__image-nav img, .mc-image-ad--img-shadow .mc-image-ad__top2end .mc-image-ad__content, .mc-image-ad--img-shadow .mc-image-ad__top2end .mc-image-ad__image, .mc-image-ad--img-shadow .mc-image-ad__top2end img {
    box-shadow: 0 0.4rem 1rem rgba(47,54,70,.1)
}

.mc-image-ad--img-shadow .cap-indicator--2, .mc-image-ad--img-shadow .van-swipe__indicators {
    bottom: 2.5rem
}

.mc-image-ad--img-shadow .cap-indicator--3, .mc-image-ad--img-shadow .cap-indicator--4 {
    bottom: 2.8rem
}

.mc-image-ad--fillet .mc-image-ad__content, .mc-image-ad--fillet .mc-image-ad__image, .mc-image-ad--fillet .mc-image-ad__image-wrapper, .mc-image-ad--fillet .mc-image-ad__swipe .van-swipe-item, .mc-image-ad--fillet .mc-image-ad__swipe__background-center {
    border-radius: 0.8rem
}

.mc-image-ad--fillet .mc-image-ad__title {
    border-radius: 0 0 0.0.8rem 0.0.8rem
}

.mc-image-ad__image {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    border: 0
}

.mc-image-ad__title {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    height: 3.6rem;
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 1.4rem;
    line-height: 3.6rem;
    background-color: rgba(51,51,51,.8)
}

.mc-image-ad__nav-title, .mc-image-ad__title {
    box-sizing: border-box;
    overflow: hidden;
    text-align: center
}

.mc-image-ad__nav-title {
    width: 100%;
    height: 2rem;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    font-size: 1.2rem;
    line-height: 2rem
}

.qrcode-pop {
    width: 90%;
    background-color: initial;
    overflow: visible
}

.shadow-qrcode-wrap {
    width: 100%;
    border-radius: 1rem
}

    .shadow-qrcode-wrap .gc-title-wrap {
        border-radius: 1rem 1rem 0 0;
        background-size: 100%;
        background-size: cover;
        background-color: #f6f6f6
    }

    .shadow-qrcode-wrap .gc-card-title {
        position: relative;
        padding: 2rem 4% 0;
        color: #fff
    }

        .shadow-qrcode-wrap .gc-card-title .page-gc-info {
            width: 4rem;
            height: 4rem;
            position: absolute;
            top: -2rem;
            left: 50%;
            margin-left: -2rem;
            display: block;
            vertical-align: top;
            border-radius: 50%;
            overflow: hidden;
            box-shadow: 0 0 0.3rem rgba(0,0,0,.25);
            border: 0.1rem solid #fff
        }

            .shadow-qrcode-wrap .gc-card-title .page-gc-info .gc-image {
                width: 100%;
                height: 100%
            }

        .shadow-qrcode-wrap .gc-card-title .gc-nickname {
            padding-top: 1.3rem;
            font-size: 1.6rem;
            line-height: 2.2rem;
            color: #000;
            text-align: center
        }

        .shadow-qrcode-wrap .gc-card-title .gc-code-onoff {
            position: absolute;
            top: 1rem;
            right: 0.8rem;
            height: 3rem;
            width: 3rem;
            background: url(https://b.yzcdn.cn/public_files/2017/11/22/839966ebc55cc2ec5bf8d107ab0de9cd.png) 100% 0 no-repeat;
            background-size: 1.2rem 1.2rem;
            background-position: 50% 50%
        }

        .shadow-qrcode-wrap .gc-card-title .gc-card-name {
            padding-top: 0.8rem;
            padding-bottom: 2rem;
            line-height: 1.7rem;
            font-size: 1.2rem;
            color: #f5a623;
            text-align: center
        }

    .shadow-qrcode-wrap .gc-card-title-content {
        padding: 0 4%;
        line-height: 5rem;
        font-size: 1.8rem;
        color: #fff
    }

        .shadow-qrcode-wrap .gc-card-title-content .fr {
            font-size: 2rem
        }

    .shadow-qrcode-wrap .gc-content-wrap {
        background-color: #fff;
        width: 100%;
        padding: 2rem 0 1rem;
        border-radius: 0 0 1rem 1rem
    }

        .shadow-qrcode-wrap .gc-content-wrap .qrcode-img {
            margin: 0 auto;
            width: 16rem;
            height: 16rem;
            background-size: 100% 100%
        }

        .shadow-qrcode-wrap .gc-content-wrap .qrcode-img-bot {
            margin: 1rem 16% 0;
            height: 6rem;
            background-size: 100% 100%
        }

        .shadow-qrcode-wrap .gc-content-wrap .qrcode-card {
            font-size: 1.2rem;
            text-align: center;
            line-height: 3rem
        }

        .shadow-qrcode-wrap .gc-content-wrap .gc-code-bottom {
            margin-top: 1rem;
            font-size: 1.2rem;
            line-height: 3rem;
            text-align: center;
            border-radius: 0 0 0.0.3rem 0.0.3rem;
            color: #999;
            background-color: #f8f8f8
        }

.shop-switch-tools-tips {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    box-sizing: border-box;
    max-width: 91.5rem;
    margin: 1.4rem auto;
    padding: 1.4rem 1.6rem;
    border: 0.1rem solid #94b4eb;
    border-radius: 0.2rem;
    background: #edf4ff;
    font-size: 1.4rem;
    line-height: 2rem;
    color: #323233;
    height: 4.8rem;
    line-height: 4.8rem
}

.shop-switch-tools-tips--warning {
    background-color: #fff5ed;
    border-color: #f1924e
}

.shop-switch-tools-tips__icon {
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
    margin-right: 0.8rem;
    background-image: url(https://b.yzcdn.cn/public_files/8cb51f8b81083feec75da2f91f51fa72.png);
    background-size: 100% 100%
}

.shop-switch-edit-btn {
    display: inline-block;
    box-sizing: border-box;
    width: 7.6rem;
    height: 3.2rem;
    line-height: 3.2rem;
    padding: 0;
    margin-left: auto;
    font-size: 1.4rem;
    color: #406dff;
    border: 0.1rem solid #406dff;
    border-radius: 0.2rem;
    text-align: center;
    cursor: pointer
}

.shop-switch-edit-btn__close {
    background-color: #406dff;
    color: #fff
}

.switch-edit-link {
    margin-left: 1.2rem;
    font-size: 1.4rem;
    line-height: 2rem;
    color: #406dff
}

.switch-edit-link--first {
    margin-left: 0.4rem
}

.zent-dialog-r-wrap[data-zv="8.3.0"] {
    position: fixed;
    overflow: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    outline: 0;
    text-align: center;
    font-size: 0;
    white-space: nowrap
}

    .zent-dialog-r-wrap[data-zv="8.3.0"]:before {
        content: "";
        height: 100%;
        display: inline-block;
        vertical-align: middle
    }

.zent-dialog-r[data-zv="8.3.0"] {
    background-color: #fff;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: initial;
    border-radius: 0.4rem;
    padding: 1.6rem 0;
    box-sizing: border-box;
    white-space: normal;
    left: 50%;
    top: 50%;
    margin-left: -22.5rem;
    margin-top: -9.9rem
}

.zent-dialog-r-title[data-zv="8.3.0"] {
    font-size: 1.4rem;
    line-height: 2rem;
    color: #323233;
    padding: 0 1.6rem 1.4rem;
    border-bottom: 0.1rem solid #dcdee0;
    margin: 0;
    box-sizing: border-box;
    font-weight: 500
}

.zent-dialog-r-close[data-zv="8.3.0"] {
    color: #646566;
    background-color: #fff;
    position: absolute;
    display: inline-block;
    top: 0.4rem;
    right: 1rem;
    font-size: 1.8rem;
    line-height: 1.8rem;
    text-align: right;
    vertical-align: middle;
    cursor: pointer;
    border: 0;
    outline: none;
    -webkit-user-select: none;
    user-select: none;
    padding: 0 0 0 0.6rem;
    margin: 0
}

    .zent-dialog-r-close[data-zv="8.3.0"]:active, .zent-dialog-r-close[data-zv="8.3.0"]:focus, .zent-dialog-r-close[data-zv="8.3.0"]:link {
        color: #646566
    }

    .zent-dialog-r-close[data-zv="8.3.0"].zent-dialog-r-has-title {
        top: 1.4rem;
        right: 1.2rem
    }

.zent-dialog-r-body[data-zv="8.3.0"] {
    font-size: 1.4rem;
    line-height: 2rem;
    color: #323233;
    padding: 1.6rem
}

    .zent-dialog-r-body[data-zv="8.3.0"].with-success-icon, .zent-dialog-r-body[data-zv="8.3.0"].with-warning-icon {
        padding-left: 3rem
    }

    .zent-dialog-r-body[data-zv="8.3.0"]:last-child {
        padding-bottom: 0
    }

.zent-dialog-r-footer[data-zv="8.3.0"] {
    text-align: right;
    padding: 1.6rem 1.6rem 0
}

.zent-dialog-r-backdrop[data-zv="8.3.0"] {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.6);
    height: 100%;
    z-index: 1050
}

.shop-switch-tools__dialog-p1 {
    font-size: 1.4rem;
    line-height: 2rem;
    color: #333;
    margin-bottom: 0.8rem
}

.shop-switch-tools__dialog-p2 {
    font-size: 1.4rem;
    line-height: 1.7rem;
    color: #7d7e80
}

    .shop-switch-tools__dialog-p2 .switch-edit-link {
        margin-left: 0.8rem
    }

.shop-switch-tools__van-overlay div {
    cursor: auto
}

.shop-switch-tool__banner {
    margin: 1.4rem auto 1.7rem;
    width: 92.8rem
}

.goods-content-wrap .header-bar, .goods-content-wrap .page-content {
    width: 54rem;
    margin: 0 auto
}

.showcase-content-wrap .header-bar, .showcase-content-wrap .page-content {
    width: 37.5rem;
    margin: 0 auto
}

.pc-preview .header-bar, .pc-preview .page-content {
    width: 54rem;
    margin: 0 auto
}

.sku-block {
    width: 54rem;
    left: 50%;
    margin-left: -27rem
}

.shop-switch-tools {
    background-color: #fff;
    border-bottom: 0.1rem solid #c1c1c1
}

.switch-btns-wrap {
    width: 37.5rem;
    margin: 0 auto;
    padding: 1.2rem 0;
    font-size: 1.4rem;
    position: relative
}

.switch-btns {
    margin: 0;
    padding: 0;
    list-style: none
}

    .switch-btns, .switch-btns > li {
        display: inline-block
    }

        .switch-btns .switch-btn {
            margin: 0 1.2rem;
            position: relative;
            display: block;
            line-height: 2.8rem;
            text-align: center;
            border-radius: 0.2rem;
            color: #333
        }

            .switch-btns .switch-btn.active:after {
                content: "";
                position: absolute;
                top: 2.5rem;
                left: 0;
                width: 100%;
                height: 0.2rem;
                background-color: #406dff
            }

.switch-btn__group {
    position: absolute;
    top: 1.2rem;
    right: -28rem;
    font-size: 0
}

.switch-edit-btn {
    display: inline-block;
    margin-right: 1rem;
    padding: 0.9rem 1rem;
    line-height: 1.2rem;
    font-size: 1.2rem;
    color: #406dff;
    border: 0.1rem solid #406dff;
    border-radius: 0.2rem;
    text-align: center
}

.switch-edit-btn__close {
    background-color: #406dff;
    color: #fff
}

.member-center {
    color: #111
}

.member-center__group {
    margin-bottom: 1rem;
    background: #fff
}

.member-center__complete-info {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 0 1.6rem;
    height: 4rem;
    background: #e8effa;
    font-size: 1.4rem;
    color: #323233;
    line-height: 1.8rem
}

    .member-center__complete-info, .member-center__complete-info .text {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center
    }

        .member-center__complete-info .text .van-icon {
            margin-right: 0.8rem
        }

.widget-item--dot .van-info {
    width: 0.6rem;
    height: 0.6rem;
    padding: 0;
    background: #406dff;
    border-radius: 0.3rem;
    min-width: 0.6rem
}

.member-center__user-info-wrapper {
    background: #fff
}

.member-center__user-info {
    background-size: 100% 100% !important;
    background-repeat: no-repeat
}

.classic-group .van-cell__right-icon {
    font-size: 1.2rem
}

.usercenter {
    margin: auto
}

    .usercenter .member-center__order .van-info {
        margin-left: 0;
        margin-top: 0.3rem;
        font-size: 1.2rem;
        min-width: 1.8rem;
        line-height: 1.6rem;
        padding: 0 0.3rem;
        border: 0.1rem solid #fff;
        border-radius: 1.8rem
    }

    .usercenter .plugin-list .classic-group__item--cart {
        border: 0.1rem solid #fff;
        min-width: 1.8rem;
        line-height: 1.6rem;
        height: 1.8rem;
        border-radius: 1.8rem
    }

    .usercenter .plugin-list .member-center__widget-cube {
        margin-bottom: 0
    }

.container.is-pc .showcase-container-wrapper, .container.is-pc .usercenter {
    margin: 0 auto
}

.container.is-pc .showcase-components {
    margin-bottom: 2rem
}

.showcase-components {
    margin: auto
}

.order-cert {
    background-color: initial
}

    .order-cert .pop-info {
        width: 26rem;
        color: #fff
    }

    .order-cert .cert-list__item {
        padding: 0
    }

.popup-reward {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding: 2.5rem 1.5rem;
    height: 34.6rem;
    width: 26rem;
    box-sizing: border-box;
    border-radius: 0.8rem;
    background-color: #fff;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

    .popup-reward h3 {
        font-size: 2rem;
        line-height: 2.8rem;
        font-weight: 500;
        color: #323233
    }

    .popup-reward .van-button {
        height: 4.4rem;
        line-height: 4.4rem
    }

.cap-wechat-nav__home {
    position: absolute;
    width: 4.3rem;
    color: #666;
    font-size: 1.8rem;
    line-height: 4.9rem;
    text-align: center
}

.cap-wechat-nav__home--alone {
    width: 100%
}

.cap-wechat-nav__home-icon {
    line-height: 4.9rem
}

.cap-wechat-nav__items {
    margin-left: 4.3rem;
    list-style: none
}

.cap-wechat-nav__items--1 .cap-wechat-nav__item {
    width: 100%
}

.cap-wechat-nav__items--2 .cap-wechat-nav__item {
    width: 50%
}

.cap-wechat-nav__items--3 .cap-wechat-nav__item {
    width: 33.3333%
}

.cap-wechat-nav__item {
    position: relative;
    float: left;
    box-sizing: border-box;
    color: #4b4b4b;
    line-height: 4.9rem
}

    .cap-wechat-nav__item:after {
        position: absolute;
        top: 0;
        left: 0;
        box-sizing: border-box;
        width: 200%;
        height: 200%;
        -webkit-transform: scale(.5);
        transform: scale(.5);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        content: "";
        pointer-events: none;
        border-left: 0.1rem solid #eee
    }

.cap-wechat-nav__more-icon {
    margin-right: 0.2rem;
    color: #999;
    font-size: 0.8rem
}

.cap-wechat-nav__link {
    display: block;
    overflow: hidden;
    color: #4b4b4b;
    font-size: 1.4rem;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    -webkit-tap-highlight-color: transparent
}

.cap-wechat-nav__subitems {
    position: absolute;
    bottom: 6.1rem;
    left: 50%;
    padding: 0 0.5rem;
    font-size: 1.4rem;
    line-height: 4.3rem;
    list-style: none;
    background-color: #fafafa;
    border: 0.1rem solid #e5e5e5;
    border-radius: 0.5rem;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

    .cap-wechat-nav__subitems:after, .cap-wechat-nav__subitems:before {
        position: absolute;
        left: 50%;
        border-right: 0.4rem solid transparent;
        border-left: 0.4rem solid transparent;
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
        content: ""
    }

    .cap-wechat-nav__subitems:before {
        bottom: -0.6rem;
        border-top: 0.6rem solid #e5e5e5;
        border-bottom: 0
    }

    .cap-wechat-nav__subitems:after {
        bottom: -0.5rem;
        border-top: 0.6rem solid #fafafa;
        border-bottom: 0
    }

.cap-wechat-nav__subitem {
    position: relative
}

    .cap-wechat-nav__subitem:after {
        position: absolute;
        top: 0;
        left: 0;
        box-sizing: border-box;
        width: 200%;
        height: 200%;
        -webkit-transform: scale(.5);
        transform: scale(.5);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        content: "";
        pointer-events: none;
        border-bottom: 0.1rem solid #eee
    }

    .cap-wechat-nav__subitem:last-child:after {
        display: none
    }

.cap-wechat-nav__sublink {
    display: block;
    max-width: 13.4rem;
    padding: 1.1rem 0.8rem;
    overflow: hidden;
    color: #4b4b4b;
    font-size: 1.4rem;
    line-height: 2rem;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    -webkit-tap-highlight-color: transparent
}

.cap-local-nav {
    height: 5rem;
    list-style: none
}

.cap-local-nav--1 .cap-local-nav__item {
    width: 100%
}

.cap-local-nav--2 .cap-local-nav__item {
    width: 50%
}

.cap-local-nav--3 .cap-local-nav__item {
    width: 33.3333%
}

.cap-local-nav--4 .cap-local-nav__item {
    width: 25%
}

.cap-local-nav--5 .cap-local-nav__item {
    width: 20%
}

.cap-local-nav__item {
    position: relative;
    float: left
}

.cap-local-nav__link {
    display: block;
    height: 5rem;
    background-repeat: no-repeat;
    background-position: 50%
}

.cap-local-nav__iconlink {
    display: block;
    font-size: 1.2rem;
    text-align: center
}

    .cap-local-nav__iconlink > span {
        display: block
    }

    .cap-local-nav__iconlink .van-icon {
        position: relative;
        font-size: 2.4rem;
        line-height: 1.5
    }

        .cap-local-nav__iconlink .van-icon.van-icon--dot:after {
            position: absolute;
            top: 0.5rem;
            right: 0;
            width: 0.8rem;
            height: 0.8rem;
            background-color: #406dff;
            border-radius: 50%;
            content: ""
        }

.cap-app1-nav {
    height: 5rem;
    list-style: none
}

.cap-app1-nav--1 .cap-app1-nav__item {
    width: 100%
}

.cap-app1-nav--2 .cap-app1-nav__item {
    width: 50%
}

.cap-app1-nav--3 .cap-app1-nav__item {
    width: 33.3333%
}

.cap-app1-nav--4 .cap-app1-nav__item {
    width: 25%
}

.cap-app1-nav--5 .cap-app1-nav__item {
    width: 20%
}

.cap-app1-nav__item {
    float: left
}

.cap-app1-nav__link {
    display: block;
    height: 5rem;
    background-repeat: no-repeat;
    background-position: 50%
}

.cap-app1-nav__iconlink {
    display: block;
    font-size: 1.2rem;
    text-align: center
}

    .cap-app1-nav__iconlink > span {
        display: block
    }

    .cap-app1-nav__iconlink .van-icon {
        position: relative;
        font-size: 2.4rem;
        line-height: 1.5
    }

        .cap-app1-nav__iconlink .van-icon.van-icon--dot:after {
            position: absolute;
            top: 0.5rem;
            right: 0;
            width: 0.8rem;
            height: 0.8rem;
            background-color: #406dff;
            border-radius: 50%;
            content: ""
        }

.cap-app2-nav {
    height: 4rem;
    padding: 0 1rem;
    list-style: none
}

.cap-app2-nav__item {
    float: left;
    box-sizing: border-box;
    width: 17%
}

.cap-app2-nav__item--2col {
    width: 34%
}

.cap-app2-nav__item--main {
    width: 32%
}

.cap-app2-nav__link {
    display: block;
    height: 4rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.cap-app2-nav__main-link {
    width: 4rem;
    height: 4rem;
    margin: -1rem auto 0;
    background-color: #f90;
    border: 0.5rem solid #292929;
    border-radius: 100%
}

@-webkit-keyframes icon_rotate_show {
    0% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    60% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes icon_rotate_show {
    0% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    60% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@-webkit-keyframes icon_rotate_hide {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    40% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    to {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }
}

@keyframes icon_rotate_hide {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    40% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    to {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }
}

.cap-app-nav .pull-left {
    float: left
}

.cap-app-nav .pull-right {
    float: right
}

.cap-app-nav--show .cap-app-nav__mainitem--special {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.cap-app-nav--show .cap-app-nav__sublink {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-animation: icon_rotate_show .5s;
    animation: icon_rotate_show .5s
}

.cap-app-nav--hide .cap-app-nav__sublink {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-animation: icon_rotate_hide .5s;
    animation: icon_rotate_hide .5s
}

.cap-app-nav__main {
    -webkit-tap-highlight-color: transparent;
    list-style: none
}

.cap-app-nav__mainitem {
    box-sizing: border-box
}

.cap-app-nav__mainitem--special {
    position: absolute;
    width: 5rem;
    height: 5rem;
    background: url(https://b.yzcdn.cn/v2/image/wap/shopnav/centerbtn@2x.png) 50% no-repeat;
    background-size: 5rem 5rem;
    border-radius: 100%;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.cap-app-nav__subitems {
    position: absolute;
    bottom: 0;
    list-style: none
}

.cap-app-nav__subitem {
    position: absolute;
    width: 4.5rem;
    height: 4.5rem;
    opacity: 1
}

.cap-app-nav__sublink {
    display: block;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    border-radius: 100%;
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg)
}

.cap-app4-nav .cap-app-nav__main {
    width: 5rem;
    height: 5rem
}

.cap-app4-nav .cap-app-nav__mainitem {
    display: none
}

.cap-app4-nav .cap-app-nav__mainitem--special {
    bottom: 0;
    left: 0;
    display: block
}

.cap-app4-nav .cap-app-nav__subitems {
    left: 0
}

.cap-app4-nav .cap-app-nav__subitem {
    bottom: 0.3rem;
    left: 0.3rem;
    background: rgba(51,51,51,.9);
    border-radius: 100%
}

.cap-app4-nav__subitem--4-1 {
    -webkit-transform: translate3d(0.3rem,-13.6rem,0);
    transform: translate3d(0.3rem,-13.6rem,0)
}

.cap-app4-nav__subitem--4-2 {
    -webkit-transform: translate3d(11.9rem,-7.1rem,0);
    transform: translate3d(11.9rem,-7.1rem,0)
}

.cap-app4-nav__subitem--4-3 {
    -webkit-transform: translate3d(7.1rem,-11.9rem,0);
    transform: translate3d(7.1rem,-11.9rem,0)
}

.cap-app4-nav__subitem--4-4 {
    -webkit-transform: translate3d(13.6rem,-0.3rem,0);
    transform: translate3d(13.6rem,-0.3rem,0)
}

.cap-app4-nav__subitem--3-1 {
    -webkit-transform: translate3d(0.3rem,-10rem,0);
    transform: translate3d(0.3rem,-10rem,0)
}

.cap-app4-nav__subitem--3-2 {
    -webkit-transform: translate3d(7.2rem,-7.2rem,0);
    transform: translate3d(7.2rem,-7.2rem,0)
}

.cap-app4-nav__subitem--3-3 {
    -webkit-transform: translate3d(10rem,-0.3rem,0);
    transform: translate3d(10rem,-0.3rem,0)
}

.cap-app4-nav__subitem--2-1 {
    -webkit-transform: translate3d(0.3rem,-6rem,0);
    transform: translate3d(0.3rem,-6rem,0)
}

.cap-app4-nav__subitem--2-2 {
    -webkit-transform: translate3d(6rem,-0.3rem,0);
    transform: translate3d(6rem,-0.3rem,0)
}

.cap-app4-nav__subitem--1-1 {
    -webkit-transform: translate3d(5rem,-5rem,0);
    transform: translate3d(5rem,-5rem,0)
}

.cap-app5-nav .cap-app-nav__main {
    position: relative;
    width: 13.2rem;
    height: 4.5rem;
    margin-left: -50%;
    padding: 1rem 0.9rem 0;
    background: url(https://b.yzcdn.cn/v2/image/wap/shopnav/nav5back@2x.png) 50% no-repeat;
    background-size: 15rem 5rem
}

.cap-app5-nav .cap-app-nav__mainitem {
    width: 4.1rem;
    height: 4.3rem
}

    .cap-app5-nav .cap-app-nav__mainitem > a {
        display: block;
        height: 100%;
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 4.5rem 4.5rem
    }

.cap-app5-nav .cap-app-nav__mainitem--special {
    position: relative;
    bottom: -0.6rem;
    left: 0.5rem;
    float: left;
    width: 4rem;
    height: 4rem;
    margin-top: -1rem;
    background-size: 4rem 4rem
}

.cap-app5-nav .cap-app-nav__subitem {
    bottom: 0.6rem;
    left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left
}

    .cap-app5-nav .cap-app-nav__subitem > a {
        width: 100%;
        margin-left: -50%;
        background-color: rgba(41,41,41,.9);
        border-radius: 100%
    }

.cap-app5-nav__subitem--4-1 {
    -webkit-transform: translate3d(-5.7rem,-4.7rem,0);
    transform: translate3d(-5.7rem,-4.7rem,0)
}

.cap-app5-nav__subitem--4-2 {
    -webkit-transform: translate3d(-2.6rem,-9.4rem,0);
    transform: translate3d(-2.6rem,-9.4rem,0)
}

.cap-app5-nav__subitem--4-3 {
    -webkit-transform: translate3d(2.6rem,-9.4rem,0);
    transform: translate3d(2.6rem,-9.4rem,0)
}

.cap-app5-nav__subitem--4-4 {
    -webkit-transform: translate3d(5.7rem,-4.7rem,0);
    transform: translate3d(5.7rem,-4.7rem,0)
}

.cap-app5-nav__subitem--3-1 {
    -webkit-transform: translate3d(-5.4rem,-4.7rem,0);
    transform: translate3d(-5.4rem,-4.7rem,0)
}

.cap-app5-nav__subitem--3-2 {
    -webkit-transform: translate3d(0,-7rem,0);
    transform: translate3d(0,-7rem,0)
}

.cap-app5-nav__subitem--3-3 {
    -webkit-transform: translate3d(5.4rem,-4.7rem,0);
    transform: translate3d(5.4rem,-4.7rem,0)
}

.cap-app5-nav__subitem--2-1 {
    -webkit-transform: translate3d(-3.6rem,-4.7rem,0);
    transform: translate3d(-3.6rem,-4.7rem,0)
}

.cap-app5-nav__subitem--2-2 {
    -webkit-transform: translate3d(3.6rem,-4.7rem,0);
    transform: translate3d(3.6rem,-4.7rem,0)
}

.cap-app5-nav__subitem--1-1 {
    -webkit-transform: translate3d(0,-6rem,0);
    transform: translate3d(0,-6rem,0)
}

.cap-shop-nav {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99
}

.cap-shop-nav--1 {
    height: 4.9rem;
    background-color: #fafafa
}

    .cap-shop-nav--1:after {
        position: absolute;
        top: 0;
        left: 0;
        box-sizing: border-box;
        width: 200%;
        height: 200%;
        -webkit-transform: scale(.5);
        transform: scale(.5);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        content: "";
        pointer-events: none;
        border-top: 0.1rem solid #eee
    }

.cap-shop-nav--2 {
    height: 5rem
}

.cap-shop-nav--3 {
    height: 4rem
}

.cap-shop-nav--4 {
    right: auto;
    bottom: 5.2rem;
    left: 1rem
}

.cap-shop-nav--5 {
    right: auto;
    bottom: 0.3rem;
    left: 50%
}

.cap-shop-nav--6 {
    height: 5rem
}

.body-fixed-bottom {
    padding-bottom: 5rem
}

.cap-shop-nav {
    z-index: 141
}

.fullguide {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.8);
    text-align: center;
    z-index: 2000
}

.fullguide--is-miniapp .fullguide__arrow {
    right: 8rem
}

.fullguide__close {
    position: absolute;
    top: 0;
    left: 1rem;
    font-size: 4rem;
    color: #fff;
    cursor: pointer
}

.fullguide__arrow {
    position: absolute;
    top: 1.2rem;
    right: 3.3rem;
    background: url(https://img.yzcdn.cn/public_files/2018/07/30/4c52b1fc52f30e9a04606adecefcbd78.png) no-repeat;
    width: 6.6rem;
    height: 11.7rem
}

.fullguide__arrow--in-miniprogram {
    top: 4.5rem;
    right: 9.5rem
}

.fullguide__inner {
    margin: 0 auto;
    width: 32rem;
    padding-top: 4.8rem
}

.fullguide__inner--for-share {
    padding-top: 14rem
}

.fullguide__inner--in-miniprogram {
    padding-top: 20rem
}

@media only screen and (min-width:32.1rem) {
    .fullguide__arrow {
        background-image: url(https://img.yzcdn.cn/public_files/2018/07/30/4c52b1fc52f30e9a04606adecefcbd78.png);
        background-size: 6.6rem 11.7rem
    }
}

.fullguide-fav__step {
    display: inline-block;
    margin-bottom: 1.5rem;
    width: 26rem;
    text-align: left
}

.fullguide-fav__step-1 {
    height: 2.9rem;
    background: url(//img.yzcdn.cn/v2/image/wap/step_1.png) no-repeat
}

.fullguide-fav__step-2 {
    height: 8.6rem;
    background: url(//img.yzcdn.cn/v2/image/wap/fav_step_2.png) no-repeat
}

@media only screen and (min-width:32.1rem) {
    .fullguide-fav__step-1 {
        background-image: url(//img.yzcdn.cn/v2/image/wap/step_1@2x.png);
        background-size: 26rem 2.9rem
    }

    .fullguide-fav__step-2 {
        background-image: url(//img.yzcdn.cn/v2/image/wap/fav_step_2@2x.png);
        background-size: 26rem 8.6rem
    }
}

.fullguide-follow .fullguide-copyright > p {
    line-height: 1.2
}

.fullguide-follow > p {
    line-height: 3rem;
    color: #fff;
    font-size: 2rem;
    text-align: center
}

.fullguide-follow > img {
    margin-top: 2rem;
    width: 16rem;
    height: 16rem
}

.fullguide-follow__wxid {
    display: inline-block;
    margin-bottom: 1.5rem;
    font-size: 1.8rem;
    text-align: left
}

    .fullguide-follow__wxid img {
        margin-top: 2rem;
        width: 20rem;
        height: 20rem
    }

.fullguide-follow__no-weixin {
    width: 20rem;
    height: 20rem;
    margin-top: 1.5rem;
    background: url(//img.yzcdn.cn/v2/image/wap/cannot_follow@2x.png) no-repeat;
    background-size: cover
}

.fullguide-follow__inner-title {
    padding-bottom: 1.5rem;
    line-height: 1.8rem;
    border-bottom: 0.1rem solid #666;
    font-size: 1.8rem;
    color: #fff
}

.fullguide-follow__text {
    padding-bottom: 2rem;
    border-bottom: 0.1rem solid #666;
    color: #fff;
    font-size: 1.6rem
}

.fullguide-follow__text-title {
    margin: 1.5rem 0;
    font-size: 2rem;
    color: #fff
}

.fullguide-follow__text-step {
    margin-bottom: 1rem;
    padding-left: 5.6rem;
    color: #fff;
    font-size: 1.6rem;
    text-align: left
}

.fullguide-share {
    line-height: 3rem;
    color: #fff;
    text-align: center
}

.fullguide-share__one {
    font-size: 2rem;
    font-weight: 500
}

.fullguide-share__two {
    font-size: 1.4rem
}

.has-floating-window {
    max-height: 100vh
}

.item[data-v-e9f33d6c] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 10rem;
    width: 10rem
}

.item .icon[data-v-e9f33d6c] {
    width: 5.4rem;
    height: 5.4rem
}

.item .word[data-v-e9f33d6c] {
    color: #333;
    font-size: 1.2rem;
    margin-top: 1rem;
    height: 1.6rem;
    line-height: 1.6rem
}

.item .desc[data-v-e9f33d6c] {
    color: #999;
    font-size: 1rem;
    margin-top: 0.2rem;
    height: 1.4rem;
    line-height: 1.4rem;
    text-align: center
}

.content[data-v-6a595eff] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    height: 10rem;
    padding: 3rem 0 1.2rem;
    background-color: #fff
}

.line[data-v-6a595eff] {
    width: 100%;
    height: 0.5rem;
    background-color: #f4f4f4
}

.cancel[data-v-6a595eff] {
    width: 100%;
    height: 5rem;
    line-height: 5rem;
    color: #333;
    font-size: 1.6rem;
    background-color: #fff;
    text-align: center
}

.text[data-v-6a595eff] {
    width: 26.3rem;
    height: 10rem;
    font-size: 1.6rem;
    line-height: 2rem;
    color: #323233;
    padding: 1rem;
    border: .0.5rem solid #dcdde0;
    border-radius: 0.2rem;
    display: block;
    margin: 2rem auto
}

.preview[data-v-453b3d92] {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.7);
    z-index: 3000;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.img_view[data-v-453b3d92] {
    position: relative
}

.preview_img[data-v-453b3d92] {
    width: 24rem;
    border-radius: 0.5rem
}

.preview_word[data-v-453b3d92] {
    font-size: 1.2rem;
    color: #fff;
    margin-top: 1rem
}

.close_big[data-v-453b3d92] {
    position: absolute;
    right: -3rem;
    top: -3rem;
    height: 6rem;
    width: 6rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.close[data-v-453b3d92] {
    height: 2.6rem;
    width: 2.6rem;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,.2)
}

    .close[data-v-453b3d92]:after, .close[data-v-453b3d92]:before {
        content: "";
        width: 1.3rem;
        height: 0.1rem;
        background: #999;
        position: absolute;
        left: 50%;
        top: 50%
    }

    .close[data-v-453b3d92]:after {
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
        transform: translateX(-50%) translateY(-50%) rotate(45deg)
    }

    .close[data-v-453b3d92]:before {
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
        transform: translateX(-50%) translateY(-50%) rotate(-45deg)
    }

@media only screen and (min-width:37.5rem) {
    .preview_img[data-v-453b3d92] {
        width: 30rem
    }

    .preview_word[data-v-453b3d92] {
        font-size: 1.4rem
    }
}