html, body {
    font-size: 2.4vw !important;
}

.nobackground {
    background: none !important;
}

.whitebackground {
    background: #fff !important;
}
.fontcolorwhite {
    color: #fff !important;
}

.van-doc-demo-block__title {
    margin: 0;
    padding: 3.2rem 1.6rem 1.6rem;
    color: rgba(69, 90, 100, 0.6);
    font-weight: normal;
    font-size: 1.4rem;
    line-height: 1.6rem;
}

.van-doc-demo-block:first-of-type .van-doc-demo-block__title {
    padding-top: 2rem;
}

.van-doc-demo-section {
    box-sizing: border-box;
    min-height: calc(100vh - 5.6rem);
    padding-bottom: 2rem;
}
/** * Entry of basic styles */

html {
    -webkit-tap-highlight-color: transparent;
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Segoe UI, Arial, Roboto, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
}

a {
    text-decoration: none;
}

input, button, textarea {
    color: inherit;
    font: inherit;
}

    a:focus, input:focus, button:focus, textarea:focus, [class*='van-']:focus {
        outline: none;
    }

ol, ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

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

.van-multi-ellipsis--l2 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2; /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
}

.van-multi-ellipsis--l3 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3; /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
}

.van-clearfix::after {
    display: table;
    clear: both;
    content: '';
}

[class*='van-hairline']::after {
    position: absolute;
    box-sizing: border-box;
    content: ' ';
    pointer-events: none;
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%;
    border: 0 solid #ebedf0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}

.van-hairline, .van-hairline--top, .van-hairline--left, .van-hairline--right, .van-hairline--bottom, .van-hairline--surround, .van-hairline--top-bottom {
    position: relative;
}

    .van-hairline--top::after {
        border-top-width: 0.1rem;
    }

    .van-hairline--left::after {
        border-left-width: 0.1rem;
    }

    .van-hairline--right::after {
        border-right-width: 0.1rem;
    }

    .van-hairline--bottom::after {
        border-bottom-width: 0.1rem;
    }

    .van-hairline--top-bottom::after, .van-hairline-unset--top-bottom::after {
        border-width: 0.1rem 0;
    }

    .van-hairline--surround::after {
        border-width: 0.1rem;
    }

@-webkit-keyframes van-slide-up-enter {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes van-slide-up-enter {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@-webkit-keyframes van-slide-up-leave {
    to {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes van-slide-up-leave {
    to {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@-webkit-keyframes van-slide-down-enter {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes van-slide-down-enter {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@-webkit-keyframes van-slide-down-leave {
    to {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes van-slide-down-leave {
    to {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@-webkit-keyframes van-slide-left-enter {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes van-slide-left-enter {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@-webkit-keyframes van-slide-left-leave {
    to {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes van-slide-left-leave {
    to {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@-webkit-keyframes van-slide-right-enter {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes van-slide-right-enter {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@-webkit-keyframes van-slide-right-leave {
    to {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes van-slide-right-leave {
    to {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@-webkit-keyframes van-fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes van-fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes van-fade-out {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes van-fade-out {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@-webkit-keyframes van-rotate {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

@keyframes van-rotate {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

.van-fade-enter-active {
    -webkit-animation: 0.3s van-fade-in both ease-out;
    animation: 0.3s van-fade-in both ease-out;
}

.van-fade-leave-active {
    -webkit-animation: 0.3s van-fade-out both ease-in;
    animation: 0.3s van-fade-out both ease-in;
}

.van-slide-up-enter-active {
    -webkit-animation: van-slide-up-enter 0.3s both ease-out;
    animation: van-slide-up-enter 0.3s both ease-out;
}

.van-slide-up-leave-active {
    -webkit-animation: van-slide-up-leave 0.3s both ease-in;
    animation: van-slide-up-leave 0.3s both ease-in;
}

.van-slide-down-enter-active {
    -webkit-animation: van-slide-down-enter 0.3s both ease-out;
    animation: van-slide-down-enter 0.3s both ease-out;
}

.van-slide-down-leave-active {
    -webkit-animation: van-slide-down-leave 0.3s both ease-in;
    animation: van-slide-down-leave 0.3s both ease-in;
}

.van-slide-left-enter-active {
    -webkit-animation: van-slide-left-enter 0.3s both ease-out;
    animation: van-slide-left-enter 0.3s both ease-out;
}

.van-slide-left-leave-active {
    -webkit-animation: van-slide-left-leave 0.3s both ease-in;
    animation: van-slide-left-leave 0.3s both ease-in;
}

.van-slide-right-enter-active {
    -webkit-animation: van-slide-right-enter 0.3s both ease-out;
    animation: van-slide-right-enter 0.3s both ease-out;
}

.van-slide-right-leave-active {
    -webkit-animation: van-slide-right-leave 0.3s both ease-in;
    animation: van-slide-right-leave 0.3s both ease-in;
}

.van-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
}

.van-info {
    position: absolute;
    top: 0;
    right: 0;
    box-sizing: border-box;
    min-width: 1.6rem;
    padding: 0 0.3rem;
    color: #fff;
    font-weight: 500;
    font-size: 1.2rem;
    font-family: Avenir-Heavy, PingFang SC, Helvetica Neue, Arial, sans-serif;
    line-height: 1.4rem;
    text-align: center;
    background-color: #406dff;
    border: 0.1rem solid #fff;
    border-radius: 1.6rem;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
}

.van-info--dot {
    width: 0.8rem;
    min-width: 0;
    height: 0.8rem;
    background-color: #406dff;
    border-radius: 100%;
}

.van-sidebar-item {
    position: relative;
    display: block;
    box-sizing: border-box;
    padding: 2rem 1.2rem;
    overflow: hidden;
    color: #323233;
    font-size: 1.4rem;
    line-height: 2rem;
    word-wrap: break-word;
    background-color: #f7f8fa;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
}

    .van-sidebar-item:active {
        background-color: #f2f3f5;
    }

.van-sidebar-item__text {
    position: relative;
    display: inline-block;
}

.van-sidebar-item:not(:last-child)::after {
    border-bottom-width: 0.1rem;
}

.van-sidebar-item--select {
    color: #323233;
    font-weight: 500;
}

    .van-sidebar-item--select, .van-sidebar-item--select:active {
        background-color: #fff;
    }

        .van-sidebar-item--select::before {
            position: absolute;
            top: 50%;
            left: 0;
            width: 0.4rem;
            height: 1.6rem;
            background-color: #406dff;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            content: '';
        }

.van-sidebar-item--disabled {
    color: #c8c9cc;
    cursor: not-allowed;
}

    .van-sidebar-item--disabled:active {
        background-color: #f7f8fa;
    }
/* stylelint-disable selector-pseudo-element-colon-notation */

@font-face {
    font-weight: normal;
    font-family: 'vant-icon';
    font-style: normal;
    font-display: auto;
    src: url('https://img.yzcdn.cn/vant/vant-icon-db1de1.woff2') format('woff2'), url('https://img.yzcdn.cn/vant/vant-icon-db1de1.woff') format('woff'), url('https://img.yzcdn.cn/vant/vant-icon-db1de1.ttf') format('truetype');
}

.van-icon {
    position: relative;
    display: inline-block;
    font: normal normal normal 1.4rem/1 "vant-icon";
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

    .van-icon::before {
        display: inline-block;
    }

.van-icon-add-o::before {
    content: "\F000";
}

.van-icon-add-square::before {
    content: "\F001";
}

.van-icon-add::before {
    content: "\F002";
}

.van-icon-after-sale::before {
    content: "\F003";
}

.van-icon-aim::before {
    content: "\F004";
}

.van-icon-alipay::before {
    content: "\F005";
}

.van-icon-apps-o::before {
    content: "\F006";
}

.van-icon-arrow-down::before {
    content: "\F007";
}

.van-icon-arrow-left::before {
    content: "\F008";
}

.van-icon-arrow-up::before {
    content: "\F009";
}

.van-icon-arrow::before {
    content: "\F00A";
}

.van-icon-ascending::before {
    content: "\F00B";
}

.van-icon-audio::before {
    content: "\F00C";
}

.van-icon-award-o::before {
    content: "\F00D";
}

.van-icon-award::before {
    content: "\F00E";
}

.van-icon-bag-o::before {
    content: "\F00F";
}

.van-icon-bag::before {
    content: "\F010";
}

.van-icon-balance-list-o::before {
    content: "\F011";
}

.van-icon-balance-list::before {
    content: "\F012";
}

.van-icon-balance-o::before {
    content: "\F013";
}

.van-icon-balance-pay::before {
    content: "\F014";
}

.van-icon-bar-chart-o::before {
    content: "\F015";
}

.van-icon-bars::before {
    content: "\F016";
}

.van-icon-bell::before {
    content: "\F017";
}

.van-icon-bill-o::before {
    content: "\F018";
}

.van-icon-bill::before {
    content: "\F019";
}

.van-icon-birthday-cake-o::before {
    content: "\F01A";
}

.van-icon-bookmark-o::before {
    content: "\F01B";
}

.van-icon-bookmark::before {
    content: "\F01C";
}

.van-icon-browsing-history-o::before {
    content: "\F01D";
}

.van-icon-browsing-history::before {
    content: "\F01E";
}

.van-icon-brush-o::before {
    content: "\F01F";
}

.van-icon-bulb-o::before {
    content: "\F020";
}

.van-icon-bullhorn-o::before {
    content: "\F021";
}

.van-icon-calender-o::before {
    content: "\F022";
}

.van-icon-card::before {
    content: "\F023";
}

.van-icon-cart-circle-o::before {
    content: "\F024";
}

.van-icon-cart-circle::before {
    content: "\F025";
}

.van-icon-cart-o::before {
    content: "\F026";
}

.van-icon-cart::before {
    content: "\F027";
}

.van-icon-cash-back-record::before {
    content: "\F028";
}

.van-icon-cash-on-deliver::before {
    content: "\F029";
}

.van-icon-cashier-o::before {
    content: "\F02A";
}

.van-icon-certificate::before {
    content: "\F02B";
}

.van-icon-chart-trending-o::before {
    content: "\F02C";
}

.van-icon-chat-o::before {
    content: "\F02D";
}

.van-icon-chat::before {
    content: "\F02E";
}

.van-icon-checked::before {
    content: "\F02F";
}

.van-icon-circle::before {
    content: "\F030";
}

.van-icon-clear::before {
    content: "\F031";
}

.van-icon-clock-o::before {
    content: "\F032";
}

.van-icon-clock::before {
    content: "\F033";
}

.van-icon-close::before {
    content: "\F034";
}

.van-icon-closed-eye::before {
    content: "\F035";
}

.van-icon-cluster-o::before {
    content: "\F036";
}

.van-icon-cluster::before {
    content: "\F037";
}

.van-icon-column::before {
    content: "\F038";
}

.van-icon-comment-circle-o::before {
    content: "\F039";
}

.van-icon-comment-circle::before {
    content: "\F03A";
}

.van-icon-comment-o::before {
    content: "\F03B";
}

.van-icon-comment::before {
    content: "\F03C";
}

.van-icon-completed::before {
    content: "\F03D";
}

.van-icon-contact::before {
    content: "\F03E";
}

.van-icon-coupon-o::before {
    content: "\F03F";
}

.van-icon-coupon::before {
    content: "\F040";
}

.van-icon-credit-pay::before {
    content: "\F041";
}

.van-icon-cross::before {
    content: "\F042";
}

.van-icon-debit-pay::before {
    content: "\F043";
}

.van-icon-delete::before {
    content: "\F044";
}

.van-icon-descending::before {
    content: "\F045";
}

.van-icon-description::before {
    content: "\F046";
}

.van-icon-desktop-o::before {
    content: "\F047";
}

.van-icon-diamond-o::before {
    content: "\F048";
}

.van-icon-diamond::before {
    content: "\F049";
}

.van-icon-discount::before {
    content: "\F04A";
}

.van-icon-down::before {
    content: "\F04B";
}

.van-icon-ecard-pay::before {
    content: "\F04C";
}

.van-icon-edit::before {
    content: "\F04D";
}

.van-icon-ellipsis::before {
    content: "\F04E";
}

.van-icon-empty::before {
    content: "\F04F";
}

.van-icon-envelop-o::before {
    content: "\F050";
}

.van-icon-exchange::before {
    content: "\F051";
}

.van-icon-expand-o::before {
    content: "\F052";
}

.van-icon-expand::before {
    content: "\F053";
}

.van-icon-eye-o::before {
    content: "\F054";
}

.van-icon-eye::before {
    content: "\F055";
}

.van-icon-fail::before {
    content: "\F056";
}

.van-icon-failure::before {
    content: "\F057";
}

.van-icon-filter-o::before {
    content: "\F058";
}

.van-icon-fire-o::before {
    content: "\F059";
}

.van-icon-fire::before {
    content: "\F05A";
}

.van-icon-flag-o::before {
    content: "\F05B";
}

.van-icon-flower-o::before {
    content: "\F05C";
}

.van-icon-free-postage::before {
    content: "\F05D";
}

.van-icon-friends-o::before {
    content: "\F05E";
}

.van-icon-friends::before {
    content: "\F05F";
}

.van-icon-gem-o::before {
    content: "\F060";
}

.van-icon-gem::before {
    content: "\F061";
}

.van-icon-gift-card-o::before {
    content: "\F062";
}

.van-icon-gift-card::before {
    content: "\F063";
}

.van-icon-gift-o::before {
    content: "\F064";
}

.van-icon-gift::before {
    content: "\F065";
}

.van-icon-gold-coin-o::before {
    content: "\F066";
}

.van-icon-gold-coin::before {
    content: "\F067";
}

.van-icon-good-job-o::before {
    content: "\F068";
}

.van-icon-good-job::before {
    content: "\F069";
}

.van-icon-goods-collect-o::before {
    content: "\F06A";
}

.van-icon-goods-collect::before {
    content: "\F06B";
}

.van-icon-graphic::before {
    content: "\F06C";
}

.van-icon-home-o::before {
    content: "\F06D";
}

.van-icon-hot-o::before {
    content: "\F06E";
}

.van-icon-hot-sale-o::before {
    content: "\F06F";
}

.van-icon-hot-sale::before {
    content: "\F070";
}

.van-icon-hot::before {
    content: "\F071";
}

.van-icon-hotel-o::before {
    content: "\F072";
}

.van-icon-idcard::before {
    content: "\F073";
}

.van-icon-info-o::before {
    content: "\F074";
}

.van-icon-info::before {
    content: "\F075";
}

.van-icon-invition::before {
    content: "\F076";
}

.van-icon-label-o::before {
    content: "\F077";
}

.van-icon-label::before {
    content: "\F078";
}

.van-icon-like-o::before {
    content: "\F079";
}

.van-icon-like::before {
    content: "\F07A";
}

.van-icon-live::before {
    content: "\F07B";
}

.van-icon-location-o::before {
    content: "\F07C";
}

.van-icon-location::before {
    content: "\F07D";
}

.van-icon-lock::before {
    content: "\F07E";
}

.van-icon-logistics::before {
    content: "\F07F";
}

.van-icon-manager-o::before {
    content: "\F080";
}

.van-icon-manager::before {
    content: "\F081";
}

.van-icon-map-marked::before {
    content: "\F082";
}

.van-icon-medal-o::before {
    content: "\F083";
}

.van-icon-medal::before {
    content: "\F084";
}

.van-icon-more-o::before {
    content: "\F085";
}

.van-icon-more::before {
    content: "\F086";
}

.van-icon-music-o::before {
    content: "\F087";
}

.van-icon-music::before {
    content: "\F088";
}

.van-icon-new-arrival-o::before {
    content: "\F089";
}

.van-icon-new-arrival::before {
    content: "\F08A";
}

.van-icon-new-o::before {
    content: "\F08B";
}

.van-icon-new::before {
    content: "\F08C";
}

.van-icon-newspaper-o::before {
    content: "\F08D";
}

.van-icon-notes-o::before {
    content: "\F08E";
}

.van-icon-orders-o::before {
    content: "\F08F";
}

.van-icon-other-pay::before {
    content: "\F090";
}

.van-icon-paid::before {
    content: "\F091";
}

.van-icon-passed::before {
    content: "\F092";
}

.van-icon-pause-circle-o::before {
    content: "\F093";
}

.van-icon-pause-circle::before {
    content: "\F094";
}

.van-icon-pause::before {
    content: "\F095";
}

.van-icon-peer-pay::before {
    content: "\F096";
}

.van-icon-pending-payment::before {
    content: "\F097";
}

.van-icon-phone-circle-o::before {
    content: "\F098";
}

.van-icon-phone-circle::before {
    content: "\F099";
}

.van-icon-phone-o::before {
    content: "\F09A";
}

.van-icon-phone::before {
    content: "\F09B";
}

.van-icon-photo-o::before {
    content: "\F09C";
}

.van-icon-photo::before {
    content: "\F09D";
}

.van-icon-photograph::before {
    content: "\F09E";
}

.van-icon-play-circle-o::before {
    content: "\F09F";
}

.van-icon-play-circle::before {
    content: "\F0A0";
}

.van-icon-play::before {
    content: "\F0A1";
}

.van-icon-plus::before {
    content: "\F0A2";
}

.van-icon-point-gift-o::before {
    content: "\F0A3";
}

.van-icon-point-gift::before {
    content: "\F0A4";
}

.van-icon-points::before {
    content: "\F0A5";
}

.van-icon-printer::before {
    content: "\F0A6";
}

.van-icon-qr-invalid::before {
    content: "\F0A7";
}

.van-icon-qr::before {
    content: "\F0A8";
}

.van-icon-question-o::before {
    content: "\F0A9";
}

.van-icon-question::before {
    content: "\F0AA";
}

.van-icon-records::before {
    content: "\F0AB";
}

.van-icon-refund-o::before {
    content: "\F0AC";
}

.van-icon-replay::before {
    content: "\F0AD";
}

.van-icon-scan::before {
    content: "\F0AE";
}

.van-icon-search::before {
    content: "\F0AF";
}

.van-icon-send-gift-o::before {
    content: "\F0B0";
}

.van-icon-send-gift::before {
    content: "\F0B1";
}

.van-icon-service-o::before {
    content: "\F0B2";
}

.van-icon-service::before {
    content: "\F0B3";
}

.van-icon-setting-o::before {
    content: "\F0B4";
}

.van-icon-setting::before {
    content: "\F0B5";
}

.van-icon-share::before {
    content: "\F0B6";
}

.van-icon-shop-collect-o::before {
    content: "\F0B7";
}

.van-icon-shop-collect::before {
    content: "\F0B8";
}

.van-icon-shop-o::before {
    content: "\F0B9";
}

.van-icon-shop::before {
    content: "\F0BA";
}

.van-icon-shopping-cart-o::before {
    content: "\F0BB";
}

.van-icon-shopping-cart::before {
    content: "\F0BC";
}

.van-icon-shrink::before {
    content: "\F0BD";
}

.van-icon-sign::before {
    content: "\F0BE";
}

.van-icon-smile-comment-o::before {
    content: "\F0BF";
}

.van-icon-smile-comment::before {
    content: "\F0C0";
}

.van-icon-smile-o::before {
    content: "\F0C1";
}

.van-icon-smile::before {
    content: "\F0C2";
}

.van-icon-star-o::before {
    content: "\F0C3";
}

.van-icon-star::before {
    content: "\F0C4";
}

.van-icon-stop-circle-o::before {
    content: "\F0C5";
}

.van-icon-stop-circle::before {
    content: "\F0C6";
}

.van-icon-stop::before {
    content: "\F0C7";
}

.van-icon-success::before {
    content: "\F0C8";
}

.van-icon-thumb-circle-o::before {
    content: "\F0C9";
}

.van-icon-thumb-circle::before {
    content: "\F0CA";
}

.van-icon-todo-list-o::before {
    content: "\F0CB";
}

.van-icon-todo-list::before {
    content: "\F0CC";
}

.van-icon-tosend::before {
    content: "\F0CD";
}

.van-icon-tv-o::before {
    content: "\F0CE";
}

.van-icon-umbrella-circle::before {
    content: "\F0CF";
}

.van-icon-underway-o::before {
    content: "\F0D0";
}

.van-icon-underway::before {
    content: "\F0D1";
}

.van-icon-upgrade::before {
    content: "\F0D2";
}

.van-icon-user-circle-o::before {
    content: "\F0D3";
}

.van-icon-user-o::before {
    content: "\F0D4";
}

.van-icon-video-o::before {
    content: "\F0D5";
}

.van-icon-video::before {
    content: "\F0D6";
}

.van-icon-vip-card-o::before {
    content: "\F0D7";
}

.van-icon-vip-card::before {
    content: "\F0D8";
}

.van-icon-volume-o::before {
    content: "\F0D9";
}

.van-icon-volume::before {
    content: "\F0DA";
}

.van-icon-wap-home-o::before {
    content: "\F0DB";
}

.van-icon-wap-home::before {
    content: "\F0DC";
}

.van-icon-wap-nav::before {
    content: "\F0DD";
}

.van-icon-warn-o::before {
    content: "\F0DE";
}

.van-icon-warning-o::before {
    content: "\F0DF";
}

.van-icon-warning::before {
    content: "\F0E0";
}

.van-icon-weapp-nav::before {
    content: "\F0E1";
}

.van-icon-wechat::before {
    content: "\F0E2";
}

.van-icon-youzan-shield::before {
    content: "\F0E3";
}

.van-icon__image {
    width: 1em;
    height: 1em;
    object-fit: contain;
}

.van-tabbar-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    -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;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    color: #646566;
    font-size: 1.2rem;
    line-height: 1;
    cursor: pointer;
}

.van-tabbar-item__icon {
    position: relative;
    margin-bottom: 0.5rem;
    font-size: 1.8rem;
}

    .van-tabbar-item__icon .van-icon {
        display: block;
        min-width: 1em;
    }

    .van-tabbar-item__icon img {
        display: block;
        height: 1.8rem;
    }

.van-tabbar-item--active {
    color: #406dff;
}

.van-tabbar-item .van-info {
    margin-top: 0.2rem;
}

.van-step {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    color: #969799;
    font-size: 1.4rem;
}

.van-step__circle {
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    background-color: #969799;
    border-radius: 50%;
}

.van-step__line {
    position: absolute;
    background-color: #ebedf0;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.van-step--horizontal {
    float: left;
}

    .van-step--horizontal:first-child .van-step__title {
        margin-left: 0;
        -webkit-transform: none;
        transform: none;
    }

    .van-step--horizontal:last-child {
        position: absolute;
        right: 0.1rem;
        width: auto;
    }

        .van-step--horizontal:last-child .van-step__title {
            margin-left: 0;
            -webkit-transform: none;
            transform: none;
        }

        .van-step--horizontal:last-child .van-step__circle-container {
            right: -0.9rem;
            left: auto;
        }

    .van-step--horizontal .van-step__circle-container {
        position: absolute;
        top: 3rem;
        left: -0.8rem;
        z-index: 1;
        padding: 0 0.8rem;
        background-color: #fff;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .van-step--horizontal .van-step__title {
        display: inline-block;
        margin-left: 0.3rem;
        font-size: 1.2rem;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

@media (max-width: 32.1rem) {
    .van-step--horizontal .van-step__title {
        font-size: 1.1rem;
    }
}

.van-step--horizontal .van-step__line {
    top: 3rem;
    left: 0;
    width: 100%;
    height: 0.1rem;
}

.van-step--horizontal .van-step__icon {
    display: block;
    font-size: 1.2rem;
}

.van-step--horizontal .van-step--process {
    color: #323233;
}

.van-step--vertical {
    display: block;
    float: none;
    padding: 1rem 1rem 1rem 0;
    line-height: 1.8rem;
}

    .van-step--vertical:not(:last-child)::after {
        border-bottom-width: 0.1rem;
    }

    .van-step--vertical:first-child::before {
        position: absolute;
        top: 0;
        left: -1.5rem;
        z-index: 1;
        width: 0.1rem;
        height: 2rem;
        background-color: #fff;
        content: '';
    }

    .van-step--vertical .van-step__circle-container {
        position: absolute;
        top: 1.9rem;
        left: -1.5rem;
        z-index: 2;
        font-size: 1.2rem;
        line-height: 1;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .van-step--vertical .van-step__line {
        top: 1.6rem;
        left: -1.5rem;
        width: 0.1rem;
        height: 100%;
    }

.van-step:last-child .van-step__line {
    width: 0;
}

.van-step--finish {
    color: #323233;
}

    .van-step--finish .van-step__circle, .van-step--finish .van-step__line {
        background-color: #406dff;
    }

.van-step__icon, .van-step__title {
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

.van-step__icon--active, .van-step__title--active {
    color: #406dff;
}

.van-rate {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
}

.van-rate__item {
    position: relative;
}

    .van-rate__item:not(:last-child) {
        padding-right: 0.4rem;
    }

.van-rate__icon {
    display: block;
    width: 1em;
    color: #c8c9cc;
    font-size: 2rem;
}

.van-rate__icon--half {
    position: absolute;
    top: 0;
    left: 0;
    width: 0.5em;
    overflow: hidden;
}

.van-rate__icon--full {
    color: #ffd21e;
}

.van-rate__icon--disabled {
    color: #bdbdbd;
}

.van-rate--disabled {
    cursor: not-allowed;
}

.van-rate--readonly {
    cursor: default;
}

.van-notice-bar {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 4rem;
    padding: 0 1.6rem;
    color: #ed6a0c;
    font-size: 1.4rem;
    line-height: 2.4rem;
    background-color: #fffbe8;
}

.van-notice-bar__left-icon, .van-notice-bar__right-icon {
    min-width: 2.2rem;
    font-size: 1.6rem;
}

.van-notice-bar__right-icon {
    text-align: right;
    cursor: pointer;
}

.van-notice-bar__wrap {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
    overflow: hidden;
}

.van-notice-bar__content {
    position: absolute;
    white-space: nowrap;
}

    .van-notice-bar__content.van-ellipsis {
        max-width: 100%;
    }

.van-notice-bar__play {
    -webkit-animation: van-notice-bar-play linear both;
    animation: van-notice-bar-play linear both;
}

.van-notice-bar__play--infinite {
    -webkit-animation: van-notice-bar-play-infinite linear infinite both;
    animation: van-notice-bar-play-infinite linear infinite both;
}

.van-notice-bar--wrapable {
    height: auto;
    padding: 0.8rem 1.6rem;
}

    .van-notice-bar--wrapable .van-notice-bar__wrap {
        height: auto;
    }

    .van-notice-bar--wrapable .van-notice-bar__content {
        position: relative;
        white-space: normal;
        word-wrap: break-word;
    }
/** * Declare two same keyframes * In case that some mobile browsers can continue animation when className changed */

@-webkit-keyframes van-notice-bar-play {
    to {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes van-notice-bar-play {
    to {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@-webkit-keyframes van-notice-bar-play-infinite {
    to {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes van-notice-bar-play-infinite {
    to {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.van-nav-bar {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 4.6rem;
    line-height: 1.5;
    text-align: center;
    background-color: #fff;
    -webkit-user-select: none;
    user-select: none;
}

    .van-nav-bar .van-icon {
        color: #406dff;
    }

.van-nav-bar__arrow {
    min-width: 1em;
    margin-right: 0.4rem;
    font-size: 1.6rem;
}

.van-nav-bar--fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

.van-nav-bar__title {
    max-width: 60%;
    margin: 0 auto;
    color: #323233;
    font-weight: 500;
    font-size: 1.6rem;
}

.van-nav-bar__left, .van-nav-bar__right {
    position: absolute;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 1.6rem;
    font-size: 1.4rem;
    cursor: pointer;
}

    .van-nav-bar__left:active, .van-nav-bar__right:active {
        opacity: 0.7;
    }

.van-nav-bar__left {
    left: 0;
}

.van-nav-bar__right {
    right: 0;
}

.van-nav-bar__text {
    color: #406dff;
}

.van-grid-item {
    position: relative;
    box-sizing: border-box;
}

.van-grid-item--square {
    height: 0;
}

.van-grid-item__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    box-sizing: border-box;
    height: 100%;
    padding: 1.6rem 0.8rem;
    background-color: #fff;
}

    .van-grid-item__content::after {
        z-index: 1;
        border-width: 0 0.0.1rem 0.0.1rem 0;
    }

.van-grid-item__content--square {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}

.van-grid-item__content--center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.van-grid-item__content--surround::after {
    border-width: 0.1rem;
}

.van-grid-item__content--clickable {
    cursor: pointer;
}

    .van-grid-item__content--clickable:active {
        background-color: #f2f3f5;
    }

.van-grid-item__icon {
    font-size: 2.8rem;
}

.van-grid-item__icon-wrapper {
    position: relative;
}

.van-grid-item__text {
    color: #646566;
    font-size: 1.2rem;
    word-wrap: break-word;
}

.van-grid-item__icon + .van-grid-item__text {
    margin-top: 0.8rem;
}

.van-goods-action-icon {
    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;
    min-width: 4.8rem;
    height: 100%;
    color: #646566;
    font-size: 1rem;
    line-height: 1;
    text-align: center;
    background-color: #fff;
    cursor: pointer;
}

    .van-goods-action-icon:active {
        background-color: #f2f3f5;
    }

.van-goods-action-icon__icon {
    position: relative;
    width: 1em;
    margin: 0 auto 0.5rem;
    color: #323233;
    font-size: 1.8rem;
}

.van-checkbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
}

.van-checkbox--disabled {
    cursor: not-allowed;
}

.van-checkbox--label-disabled {
    cursor: default;
}

.van-checkbox--horizontal {
    margin-right: 1.2rem;
}

.van-checkbox__icon {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    flex: none;
    height: 1em;
    font-size: 2rem;
    line-height: 1em;
    cursor: pointer;
}

    .van-checkbox__icon .van-icon {
        display: block;
        box-sizing: border-box;
        width: 1.25em;
        height: 1.25em;
        color: transparent;
        font-size: 0.8em;
        line-height: 1.25;
        text-align: center;
        border: 0.1rem solid #c8c9cc;
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
        -webkit-transition-property: color, border-color, background-color;
        transition-property: color, border-color, background-color;
    }

.van-checkbox__icon--round .van-icon {
    border-radius: 100%;
}

.van-checkbox__icon--checked .van-icon {
    color: #fff;
    background-color: #406dff;
    border-color: #406dff;
}

.van-checkbox__icon--disabled {
    cursor: not-allowed;
}

    .van-checkbox__icon--disabled .van-icon {
        background-color: #ebedf0;
        border-color: #c8c9cc;
    }

    .van-checkbox__icon--disabled.van-checkbox__icon--checked .van-icon {
        color: #c8c9cc;
    }

.van-checkbox__label {
    margin-left: 0.8rem;
    color: #323233;
    line-height: 2rem;
}

.van-checkbox__label--left {
    margin: 0 0.8rem 0 0;
}

.van-checkbox__label--disabled {
    color: #c8c9cc;
}

.van-coupon {
    margin: 0 1.2rem 1.2rem;
    overflow: hidden;
    background-color: #fff;
    border-radius: 0.8rem;
    box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.1);
}

    .van-coupon:active {
        background-color: #f2f3f5;
    }

.van-coupon__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    box-sizing: border-box;
    min-height: 8.4rem;
    padding: 1.4rem 0;
    color: #323233;
}

.van-coupon__head {
    position: relative;
    min-width: 9.6rem;
    padding: 0 0.8rem;
    color: #406dff;
    text-align: center;
}

.van-coupon__amount, .van-coupon__condition, .van-coupon__name, .van-coupon__valid {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.van-coupon__amount {
    margin-bottom: 0.6rem;
    font-weight: 500;
    font-size: 3rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

    .van-coupon__amount span {
        font-weight: normal;
        font-size: 40%;
    }

        .van-coupon__amount span:not(:empty) {
            margin-left: 0.2rem;
        }

.van-coupon__condition {
    font-size: 1.2rem;
    line-height: 1.6rem;
    white-space: pre-wrap;
}

.van-coupon__body {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    border-radius: 0 0.0.8rem 0.0.8rem 0;
}

.van-coupon__name {
    margin-bottom: 1rem;
    font-weight: bold;
    font-size: 1.4rem;
    line-height: 2rem;
}

.van-coupon__valid {
    font-size: 1.2rem;
}

.van-coupon__corner {
    position: absolute;
    top: 0;
    right: 1.6rem;
    bottom: 0;
}

.van-coupon__description {
    padding: 0.8rem 1.6rem;
    font-size: 1.2rem;
    border-top: 0.1rem dashed #ebedf0;
}

.van-coupon--disabled:active {
    background-color: #fff;
}

.van-coupon--disabled .van-coupon-item__content {
    height: 7.4rem;
}

.van-coupon--disabled .van-coupon__head {
    color: inherit;
}

.van-image {
    position: relative;
    display: inline-block;
}

.van-image--round {
    overflow: hidden;
    border-radius: 50%;
}

    .van-image--round img {
        border-radius: inherit;
    }

.van-image__img, .van-image__error, .van-image__loading {
    display: block;
    width: 100%;
    height: 100%;
}

.van-image__error, .van-image__loading {
    position: absolute;
    top: 0;
    left: 0;
    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;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    color: #969799;
    font-size: 1.4rem;
    background-color: #f7f8fa;
}

.van-image__loading-icon {
    font-size: 2.2rem;
}

.van-image__error-icon {
    font-size: 2.2rem;
}

.van-radio {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
}

.van-radio--disabled {
    cursor: not-allowed;
}

.van-radio--label-disabled {
    cursor: default;
}

.van-radio--horizontal {
    margin-right: 1.2rem;
}

.van-radio__icon {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    flex: none;
    height: 1em;
    font-size: 2rem;
    line-height: 1em;
    cursor: pointer;
}

    .van-radio__icon .van-icon {
        display: block;
        box-sizing: border-box;
        width: 1.25em;
        height: 1.25em;
        color: transparent;
        font-size: 0.8em;
        line-height: 1.25;
        text-align: center;
        border: 0.1rem solid #c8c9cc;
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
        -webkit-transition-property: color, border-color, background-color;
        transition-property: color, border-color, background-color;
    }

.van-radio__icon--round .van-icon {
    border-radius: 100%;
}

.van-radio__icon--checked .van-icon {
    color: #fff;
    background-color: #406dff;
    border-color: #406dff;
}

.van-radio__icon--disabled {
    cursor: not-allowed;
}

    .van-radio__icon--disabled .van-icon {
        background-color: #ebedf0;
        border-color: #c8c9cc;
    }

    .van-radio__icon--disabled.van-radio__icon--checked .van-icon {
        color: #c8c9cc;
    }

.van-radio__label {
    margin-left: 0.8rem;
    color: #323233;
    line-height: 2rem;
}

.van-radio__label--left {
    margin: 0 0.8rem 0 0;
}

.van-radio__label--disabled {
    color: #c8c9cc;
}

.van-tag {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0.2em 0.5em;
    color: #fff;
    font-size: 1rem;
    line-height: normal;
    border-radius: 0.2em;
}

    .van-tag::after {
        border-color: currentColor;
        border-radius: 0.4em;
    }

.van-tag--default {
    background-color: #969799;
}

    .van-tag--default.van-tag--plain {
        color: #969799;
    }

.van-tag--danger {
    background-color: #406dff;
}

    .van-tag--danger.van-tag--plain {
        color: #406dff;
    }

.van-tag--primary {
    background-color: #406dff;
}

    .van-tag--primary.van-tag--plain {
        color: #406dff;
    }

.van-tag--success {
    background-color: #406dff;
}

    .van-tag--success.van-tag--plain {
        color: #406dff;
    }

.van-tag--warning {
    background-color: #ff976a;
}

    .van-tag--warning.van-tag--plain {
        color: #ff976a;
    }

.van-tag--plain {
    background-color: #fff;
}

.van-tag--mark {
    padding-right: 0.7em;
}

    .van-tag--mark, .van-tag--mark::after {
        border-radius: 0 99.9rem 99.9rem 0;
    }

.van-tag--round, .van-tag--round::after {
    border-radius: 99.9rem;
}

.van-tag--medium {
    font-size: 1.2rem;
}

.van-tag--large {
    font-size: 1.4rem;
}

.van-tag__close {
    min-width: 1em;
    margin-left: 0.2rem;
    cursor: pointer;
}

.van-card {
    position: relative;
    box-sizing: border-box;
    padding: 0.8rem 1.6rem;
    color: #323233;
    font-size: 1.2rem;
    background-color: #fafafa;
}

    .van-card:not(:first-child) {
        margin-top: 0.8rem;
    }

.van-card__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.van-card__thumb {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    flex: none;
    width: 8.8rem;
    height: 8.8rem;
    margin-right: 0.8rem;
}

    .van-card__thumb img {
        border-radius: 0.8rem;
    }

.van-card__content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    min-width: 0; /* hack for flex box ellipsis */
    min-height: 8.8rem;
}

.van-card__content--centered {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.van-card__title, .van-card__desc {
    word-wrap: break-word;
}

.van-card__title {
    max-height: 3.2rem;
    font-weight: 500;
    line-height: 1.6rem;
}

.van-card__desc {
    max-height: 2rem;
    color: #646566;
    line-height: 2rem;
}

.van-card__bottom {
    line-height: 2rem;
}

.van-card__price {
    display: inline-block;
    color: #323233;
    font-weight: 500;
    font-size: 1.2rem;
}

.van-card__price-integer {
    font-size: 1.6rem;
    font-family: Avenir-Heavy, PingFang SC, Helvetica Neue, Arial, sans-serif;
}

.van-card__price-decimal {
    font-family: Avenir-Heavy, PingFang SC, Helvetica Neue, Arial, sans-serif;
}

.van-card__origin-price {
    display: inline-block;
    margin-left: 0.5rem;
    color: #969799;
    font-size: 1rem;
    text-decoration: line-through;
}

.van-card__num {
    float: right;
    color: #969799;
}

.van-card__tag {
    position: absolute;
    top: 0.2rem;
    left: 0;
}

.van-card__footer {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    flex: none;
    text-align: right;
}

    .van-card__footer .van-button {
        margin-left: 0.5rem;
    }

.van-cell {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    box-sizing: border-box;
    width: 100%;
    padding: 1rem 1.6rem;
    overflow: hidden;
    color: #323233;
    font-size: 1.4rem;
    line-height: 2.4rem;
    background-color: #fff;
}

    .van-cell:not(:last-child)::after {
        position: absolute;
        box-sizing: border-box;
        content: ' ';
        pointer-events: none;
        right: 0;
        bottom: 0;
        left: 1.6rem;
        border-bottom: 0.1rem solid #ebedf0;
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
    }

.van-cell--borderless::after {
    display: none;
}

.van-cell__label {
    margin-top: 0.3rem;
    color: #969799;
    font-size: 1.2rem;
    line-height: 1.8rem;
}

.van-cell__title, .van-cell__value {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}

.van-cell__value {
    position: relative;
    overflow: hidden;
    color: #969799;
    text-align: right;
    vertical-align: middle;
    word-wrap: break-word;
}

.van-cell__value--alone {
    color: #323233;
    text-align: left;
}

.van-cell__left-icon, .van-cell__right-icon {
    min-width: 1em;
    height: 2.4rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
}

.van-cell__left-icon {
    margin-right: 0.5rem;
}

.van-cell__right-icon {
    margin-left: 0.5rem;
    color: #969799;
}

.van-cell--clickable {
    cursor: pointer;
}

    .van-cell--clickable:active {
        background-color: #f2f3f5;
    }

.van-cell--required {
    overflow: visible;
}

    .van-cell--required::before {
        position: absolute;
        left: 0.8rem;
        color: #406dff;
        font-size: 1.4rem;
        content: '*';
    }

.van-cell--center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.van-cell--large {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
}

    .van-cell--large .van-cell__title {
        font-size: 1.6rem;
    }

    .van-cell--large .van-cell__label {
        font-size: 1.4rem;
    }

.van-coupon-cell--selected {
    color: #323233;
}

.van-contact-card {
    padding: 1.6rem;
}

.van-contact-card__value {
    margin-left: 0.5rem;
    line-height: 2rem;
}

.van-contact-card--add .van-contact-card__value {
    line-height: 4rem;
}

.van-contact-card--add .van-cell__left-icon {
    color: #406dff;
    font-size: 4rem;
}

.van-contact-card::before {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 0.2rem;
    background: -webkit-repeating-linear-gradient(135deg, #ff6c6c 0, #ff6c6c 20%, transparent 0, transparent 25%, #406dff 0, #406dff 45%, transparent 0, transparent 50%);
    background: repeating-linear-gradient(-45deg, #ff6c6c 0, #ff6c6c 20%, transparent 0, transparent 25%, #406dff 0, #406dff 45%, transparent 0, transparent 50%);
    background-size: 8rem;
    content: '';
}

.van-collapse-item__title .van-cell__right-icon::before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.van-collapse-item__title::after {
    visibility: hidden;
}

.van-collapse-item__title--expanded .van-cell__right-icon::before {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.van-collapse-item__title--expanded::after {
    visibility: visible;
}

.van-collapse-item__title--disabled {
    cursor: not-allowed;
}

    .van-collapse-item__title--disabled, .van-collapse-item__title--disabled .van-cell__right-icon {
        color: #c8c9cc;
    }

        .van-collapse-item__title--disabled:active {
            background-color: #fff;
        }

.van-collapse-item__wrapper {
    overflow: hidden;
    -webkit-transition: height 0.3s ease-in-out;
    transition: height 0.3s ease-in-out;
    will-change: height;
}

.van-collapse-item__content {
    padding: 1.6rem;
    color: #969799;
    font-size: 1.3rem;
    line-height: 1.5;
    background-color: #fff;
}

.van-field__label {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    flex: none;
    box-sizing: border-box;
    width: 9rem;
}

.van-field__label--center {
    text-align: center;
}

.van-field__label--right {
    padding-right: 1.6rem;
    text-align: right;
}

.van-field__value {
    overflow: visible;
}

.van-field__body {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.van-field__control {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    color: #323233;
    line-height: inherit;
    text-align: left;
    background-color: transparent;
    border: 0;
    resize: none;
}

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

    .van-field__control::placeholder {
        color: #969799;
    }

    .van-field__control:disabled {
        color: #969799;
        background-color: transparent;
        cursor: not-allowed;
        opacity: 1;
        -webkit-text-fill-color: currentColor;
    }

    .van-field__control:read-only {
        cursor: default;
    }

.van-field__control--center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
}

.van-field__control--right {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    text-align: right;
}

.van-field__control--custom {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    min-height: 2.4rem;
}

.van-field__control[type='date'], .van-field__control[type='time'], .van-field__control[type='datetime-local'] {
    min-height: 2.4rem;
}

.van-field__control[type='search'] {
    -webkit-appearance: none;
}

.van-field__clear, .van-field__icon, .van-field__button, .van-field__right-icon {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.van-field__clear, .van-field__right-icon {
    margin-right: -0.8rem;
    padding: 0 0.8rem;
    line-height: inherit;
}

.van-field__clear {
    color: #c8c9cc;
    font-size: 1.6rem;
    cursor: pointer;
}

.van-field__left-icon .van-icon, .van-field__right-icon .van-icon {
    display: block;
    min-width: 1em;
    font-size: 1.6rem;
    line-height: inherit;
}

.van-field__left-icon {
    margin-right: 0.5rem;
}

.van-field__right-icon {
    color: #969799;
}

.van-field__button {
    padding-left: 0.8rem;
}

.van-field__error-message {
    color: #406dff;
    font-size: 1.2rem;
    text-align: left;
}

.van-field__error-message--center {
    text-align: center;
}

.van-field__error-message--right {
    text-align: right;
}

.van-field__word-limit {
    margin-top: 0.4rem;
    color: #646566;
    font-size: 1.2rem;
    line-height: 1.6rem;
    text-align: right;
}

.van-field__word-num--full {
    color: #406dff;
}

.van-field--error .van-field__control::-webkit-input-placeholder {
    color: #406dff;
    -webkit-text-fill-color: currentColor;
}

.van-field--error .van-field__control, .van-field--error .van-field__control::placeholder {
    color: #406dff;
    -webkit-text-fill-color: currentColor;
}

.van-field--min-height .van-field__control {
    min-height: 6rem;
}

.van-stepper {
    font-size: 0;
    -webkit-user-select: none;
    user-select: none;
}

.van-stepper__minus, .van-stepper__plus {
    position: relative;
    box-sizing: border-box;
    width: 2.8rem;
    height: 2.8rem;
    margin: 0;
    padding: 0.4rem;
    color: #323233;
    vertical-align: middle;
    background-color: #f2f3f5;
    border: 0;
    cursor: pointer;
}

    .van-stepper__minus::before, .van-stepper__plus::before {
        width: 1.3rem;
        height: 0.1rem;
    }

    .van-stepper__minus::after, .van-stepper__plus::after {
        width: 0.1rem;
        height: 1.3rem;
    }

    .van-stepper__minus::before, .van-stepper__plus::before, .van-stepper__minus::after, .van-stepper__plus::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        background-color: currentColor;
        content: '';
    }

    .van-stepper__minus:active, .van-stepper__plus:active {
        background-color: #e8e8e8;
    }

.van-stepper__minus--disabled, .van-stepper__plus--disabled {
    color: #c8c9cc;
    background-color: #f7f8fa;
    cursor: not-allowed;
}

    .van-stepper__minus--disabled:active, .van-stepper__plus--disabled:active {
        background-color: #f7f8fa;
    }

.van-stepper__minus {
    border-radius: 0.0.4rem 0 0 0.0.4rem;
}

    .van-stepper__minus::after {
        display: none;
    }

.van-stepper__plus {
    border-radius: 0 0.0.4rem 0.0.4rem 0;
}

.van-stepper__input {
    box-sizing: border-box;
    width: 3.2rem;
    height: 2.8rem;
    margin: 0 0.2rem;
    padding: 0;
    color: #323233;
    font-size: 1.4rem;
    text-align: center;
    vertical-align: middle;
    background-color: #f2f3f5;
    border: 0;
    border-width: 0.1rem 0;
    border-radius: 0;
    -webkit-appearance: none;
}

    .van-stepper__input:disabled {
        color: #c8c9cc;
        background-color: #f2f3f5;
        -webkit-text-fill-color: currentColor;
        opacity: 1;
    }

    .van-stepper__input:read-only {
        cursor: default;
    }

.van-search {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    box-sizing: border-box;
    padding: 1rem 1.2rem;
    background-color: #fff;
}

.van-search__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    padding-left: 0.8rem;
    background-color: #f7f8fa;
    border-radius: 0.2rem;
}

.van-search__content--round {
    border-radius: 99.9rem;
}

.van-search__label {
    padding: 0 0.5rem;
    color: #323233;
    font-size: 1.4rem;
    line-height: 3.4rem;
}

.van-search .van-cell {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    padding: 0.0.5rem 0.8rem 0.0.5rem 0;
    background-color: transparent;
}

.van-search .van-cell__left-icon {
    color: #969799;
}

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

.van-search input::-webkit-search-decoration, .van-search input::-webkit-search-cancel-button, .van-search input::-webkit-search-results-button, .van-search input::-webkit-search-results-decoration {
    display: none;
}

.van-search__action {
    padding: 0 0.8rem;
    color: #323233;
    font-size: 1.4rem;
    line-height: 3.4rem;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
}

    .van-search__action:active {
        background-color: #f2f3f5;
    }

.van-overflow-hidden {
    overflow: hidden !important;
}

.van-popup {
    position: fixed;
    max-height: 100%;
    overflow-y: auto;
    background-color: #fff;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-overflow-scrolling: touch;
}

.van-popup--center {
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}

    .van-popup--center.van-popup--round {
        border-radius: 2rem;
    }

.van-popup--top {
    top: 0;
    left: 0;
    width: 100%;
}

    .van-popup--top.van-popup--round {
        border-radius: 0 0 2rem 2rem;
    }

.van-popup--right {
    top: 50%;
    right: 0;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}

    .van-popup--right.van-popup--round {
        border-radius: 2rem 0 0 2rem;
    }

.van-popup--bottom {
    bottom: 0;
    left: 0;
    width: 100%;
}

    .van-popup--bottom.van-popup--round {
        border-radius: 2rem 2rem 0 0;
    }

.van-popup--left {
    top: 50%;
    left: 0;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}

    .van-popup--left.van-popup--round {
        border-radius: 0 2rem 2rem 0;
    }

.van-popup--safe-area-inset-bottom {
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
}

.van-popup-slide-top-enter-active, .van-popup-slide-left-enter-active, .van-popup-slide-right-enter-active, .van-popup-slide-bottom-enter-active {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.van-popup-slide-top-leave-active, .van-popup-slide-left-leave-active, .van-popup-slide-right-leave-active, .van-popup-slide-bottom-leave-active {
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
}

.van-popup-slide-top-enter, .van-popup-slide-top-leave-active {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}

.van-popup-slide-right-enter, .van-popup-slide-right-leave-active {
    -webkit-transform: translate3d(100%, -50%, 0);
    transform: translate3d(100%, -50%, 0);
}

.van-popup-slide-bottom-enter, .van-popup-slide-bottom-leave-active {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}

.van-popup-slide-left-enter, .van-popup-slide-left-leave-active {
    -webkit-transform: translate3d(-100%, -50%, 0);
    transform: translate3d(-100%, -50%, 0);
}

.van-popup__close-icon {
    position: absolute;
    z-index: 1;
    color: #c8c9cc;
    font-size: 2.2rem;
    cursor: pointer;
}

    .van-popup__close-icon:active {
        color: #969799;
    }

.van-popup__close-icon--top-left {
    top: 1.6rem;
    left: 1.6rem;
}

.van-popup__close-icon--top-right {
    top: 1.6rem;
    right: 1.6rem;
}

.van-popup__close-icon--bottom-left {
    bottom: 1.6rem;
    left: 1.6rem;
}

.van-popup__close-icon--bottom-right {
    right: 1.6rem;
    bottom: 1.6rem;
}

.van-share-sheet__header {
    padding: 1.2rem 1.6rem 0.4rem;
    text-align: center;
}

.van-share-sheet__title {
    margin-top: 0.8rem;
    color: #323233;
    font-weight: normal;
    font-size: 1.4rem;
    line-height: 2rem;
}

.van-share-sheet__description {
    display: block;
    margin-top: 0.8rem;
    color: #969799;
    font-size: 1.2rem;
    line-height: 1.6rem;
}

.van-share-sheet__options {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: 1.6rem 0 1.6rem 0.8rem;
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
}

.van-share-sheet__options--border::before {
    position: absolute;
    box-sizing: border-box;
    content: ' ';
    pointer-events: none;
    top: 0;
    right: 0;
    left: 1.6rem;
    border-top: 0.1rem solid #ebedf0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

.van-share-sheet__options::-webkit-scrollbar {
    height: 0;
}

.van-share-sheet__option {
    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;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
}

    .van-share-sheet__option:active {
        opacity: 0.7;
    }

.van-share-sheet__icon {
    width: 4.8rem;
    height: 4.8rem;
    margin: 0 1.6rem;
}

.van-share-sheet__name {
    margin-top: 0.8rem;
    padding: 0 0.4rem;
    color: #646566;
    font-size: 1.2rem;
}

.van-share-sheet__cancel {
    display: block;
    width: 100%;
    padding: 0;
    font-size: 1.6rem;
    line-height: 4.8rem;
    text-align: center;
    background: #fff;
    border: none;
    cursor: pointer;
}

    .van-share-sheet__cancel::before {
        display: block;
        height: 0.8rem;
        background-color: #f7f8fa;
        content: ' ';
    }

    .van-share-sheet__cancel:active {
        background-color: #f2f3f5;
    }

.van-notify {
    box-sizing: border-box;
    padding: 0.8rem 1.6rem;
    color: #fff;
    font-size: 1.4rem;
    line-height: 2rem;
    white-space: pre-wrap;
    text-align: center;
    word-wrap: break-word;
}

.van-notify--primary {
    background-color: #406dff;
}

.van-notify--success {
    background-color: #406dff;
}

.van-notify--danger {
    background-color: #406dff;
}

.van-notify--warning {
    background-color: #ff976a;
}

.van-dropdown-item {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 10;
    overflow: hidden;
}

.van-dropdown-item__icon {
    display: block;
    line-height: inherit;
}

.van-dropdown-item__option {
    text-align: left;
}

.van-dropdown-item__option--active {
    color: #406dff;
}

    .van-dropdown-item__option--active .van-dropdown-item__icon {
        color: #406dff;
    }

.van-dropdown-item--up {
    top: 0;
}

.van-dropdown-item--down {
    bottom: 0;
}

.van-dropdown-item__content {
    position: absolute;
    max-height: 80%;
}

.van-loading {
    position: relative;
    color: #c8c9cc;
    font-size: 0;
    vertical-align: middle;
}

.van-loading__spinner {
    position: relative;
    display: inline-block;
    width: 3rem;
    max-width: 100%;
    height: 3rem;
    max-height: 100%;
    vertical-align: middle;
    -webkit-animation: van-rotate 0.8s linear infinite;
    animation: van-rotate 0.8s linear infinite;
}

.van-loading__spinner--spinner {
    -webkit-animation-timing-function: steps(12);
    animation-timing-function: steps(12);
}

    .van-loading__spinner--spinner i {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

        .van-loading__spinner--spinner i::before {
            display: block;
            width: 0.2rem;
            height: 25%;
            margin: 0 auto;
            background-color: currentColor;
            border-radius: 40%;
            content: ' ';
        }

.van-loading__spinner--circular {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.van-loading__circular {
    display: block;
    width: 100%;
    height: 100%;
}

    .van-loading__circular circle {
        -webkit-animation: van-circular 1.5s ease-in-out infinite;
        animation: van-circular 1.5s ease-in-out infinite;
        stroke: currentColor;
        stroke-width: 3;
        stroke-linecap: round;
    }

.van-loading__text {
    display: inline-block;
    margin-left: 0.8rem;
    color: #969799;
    font-size: 1.4rem;
    vertical-align: middle;
}

.van-loading--vertical {
    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;
}

    .van-loading--vertical .van-loading__text {
        margin: 0.8rem 0 0;
    }

@-webkit-keyframes van-circular {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -40;
    }

    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -120;
    }
}

@keyframes van-circular {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -40;
    }

    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -120;
    }
}

.van-loading__spinner--spinner i:nth-of-type(1) {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    opacity: 1;
}

.van-loading__spinner--spinner i:nth-of-type(2) {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    opacity: 0.9375;
}

.van-loading__spinner--spinner i:nth-of-type(3) {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0.875;
}

.van-loading__spinner--spinner i:nth-of-type(4) {
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg);
    opacity: 0.8125;
}

.van-loading__spinner--spinner i:nth-of-type(5) {
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg);
    opacity: 0.75;
}

.van-loading__spinner--spinner i:nth-of-type(6) {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    opacity: 0.6875;
}

.van-loading__spinner--spinner i:nth-of-type(7) {
    -webkit-transform: rotate(210deg);
    transform: rotate(210deg);
    opacity: 0.625;
}

.van-loading__spinner--spinner i:nth-of-type(8) {
    -webkit-transform: rotate(240deg);
    transform: rotate(240deg);
    opacity: 0.5625;
}

.van-loading__spinner--spinner i:nth-of-type(9) {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    opacity: 0.5;
}

.van-loading__spinner--spinner i:nth-of-type(10) {
    -webkit-transform: rotate(300deg);
    transform: rotate(300deg);
    opacity: 0.4375;
}

.van-loading__spinner--spinner i:nth-of-type(11) {
    -webkit-transform: rotate(330deg);
    transform: rotate(330deg);
    opacity: 0.375;
}

.van-loading__spinner--spinner i:nth-of-type(12) {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    opacity: 0.3125;
}

.van-pull-refresh {
    overflow: hidden;
    -webkit-user-select: none;
    user-select: none;
}

.van-pull-refresh__track {
    position: relative;
    height: 100%;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

.van-pull-refresh__head {
    position: absolute;
    left: 0;
    width: 100%;
    height: 5rem;
    overflow: hidden;
    color: #969799;
    font-size: 1.4rem;
    line-height: 5rem;
    text-align: center;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.van-number-keyboard {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
    background-color: #f2f3f5;
    -webkit-user-select: none;
    user-select: none;
}

.van-number-keyboard--with-title {
    border-radius: 2rem 2rem 0 0;
}

.van-number-keyboard__header {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    box-sizing: content-box;
    height: 3rem;
    padding-top: 0.6rem;
    color: #646566;
    font-size: 1.4rem;
}

.van-number-keyboard__title {
    display: inline-block;
    font-weight: normal;
}

.van-number-keyboard__title-left {
    position: absolute;
    left: 0;
}

.van-number-keyboard__body {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: 0.0.6rem 0 0 0.0.6rem;
}

.van-number-keyboard__keys {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 3;
    -webkit-flex: 3;
    flex: 3;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.van-number-keyboard__close {
    position: absolute;
    right: 0;
    height: 100%;
    padding: 0 1.6rem;
    color: #576b95;
    font-size: 1.4rem;
    background-color: transparent;
    border: none;
    cursor: pointer;
}

    .van-number-keyboard__close:active {
        opacity: 0.7;
    }

.van-number-keyboard__sidebar {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.van-number-keyboard--unfit {
    padding-bottom: 0;
}

.van-key {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 5.6rem;
    padding: 0;
    font-size: 2.8rem;
    line-height: 1.5;
    background-color: #fff;
    border: none;
    border-radius: 0.8rem;
    cursor: pointer;
}

.van-key--large {
    height: 100%;
}

.van-key--blue, .van-key--delete {
    font-size: 1.6rem;
}

.van-key--active {
    background-color: #ebedf0;
}

.van-key--blue {
    color: #fff;
    background-color: #406dff;
}

    .van-key--blue.van-key--active {
        background-color: #0570db;
    }

.van-key__wrapper {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    -webkit-flex-basis: 33%;
    flex-basis: 33%;
    box-sizing: border-box;
    padding: 0 0.0.6rem 0.0.6rem 0;
}

.van-key__wrapper--wider {
    -webkit-flex-basis: 66%;
    flex-basis: 66%;
}

.van-key__delete-icon {
    width: 3.2rem;
    height: 2.2rem;
}

.van-key__collapse-icon {
    width: 3rem;
    height: 2.4rem;
}

.van-key__loading-icon {
    color: #fff;
}

.van-list__loading, .van-list__finished-text, .van-list__error-text {
    color: #969799;
    font-size: 1.4rem;
    line-height: 5rem;
    text-align: center;
}

.van-list__placeholder {
    height: 0;
    pointer-events: none;
}

.van-switch {
    position: relative;
    display: inline-block;
    box-sizing: content-box;
    width: 2em;
    height: 1em;
    font-size: 3rem;
    background-color: #ddd;
    border: 0.1rem solid rgba(0, 0, 0, 0.1);
    border-radius: 1em;
    cursor: pointer;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.van-switch__node {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 1em;
    height: 1em;
    background-color: #fff;
    border-radius: 100%;
    box-shadow: 0 0.0.0.3rem 0.1rem 0 rgba(0, 0, 0, 0.05), 0 0.0.2rem 0.0.2rem 0 rgba(0, 0, 0, 0.1), 0 0.0.0.3rem 0.0.0.3rem 0 rgba(0, 0, 0, 0.05);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.3, 1.05, 0.4, 1.05);
    transition: -webkit-transform 0.3s cubic-bezier(0.3, 1.05, 0.4, 1.05);
    transition: transform 0.3s cubic-bezier(0.3, 1.05, 0.4, 1.05);
    transition: transform 0.3s cubic-bezier(0.3, 1.05, 0.4, 1.05), -webkit-transform 0.3s cubic-bezier(0.3, 1.05, 0.4, 1.05);
}

.van-switch__loading {
    top: 25%;
    left: 25%;
    width: 50%;
    height: 50%;
    line-height: 1;
}

.van-switch--on {
    background-color: #406dff;
}

    .van-switch--on .van-switch__node {
        -webkit-transform: translateX(1em);
        transform: translateX(1em);
    }

    .van-switch--on .van-switch__loading {
        color: #406dff;
    }

.van-switch--disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

.van-switch--loading {
    cursor: default;
}

.van-switch-cell {
    padding-top: 0.9rem;
    padding-bottom: 0.9rem;
}

.van-switch-cell--large {
    padding-top: 1.1rem;
    padding-bottom: 1.1rem;
}

.van-switch-cell .van-switch {
    float: right;
}

.van-button {
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    box-sizing: border-box;
    height: 4.4rem;
    margin: 0;
    padding: 0;
    font-size: 1.6rem;
    line-height: 1.5;
    text-align: center;
    border-radius: 0.2rem;
    cursor: pointer;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    -webkit-appearance: none;
}

    .van-button::before {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        height: 100%;
        background-color: #000;
        border: inherit;
        border-color: #000;
        border-radius: inherit; /* inherit parent's border radius */
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        opacity: 0;
        content: ' ';
    }

    .van-button:active::before {
        opacity: 0.1;
    }

.van-button--loading::before, .van-button--disabled::before {
    display: none;
}

.van-button--default {
    color: #323233;
    background-color: #fff;
    border: 0.1rem solid #ebedf0;
}

.van-button--primary {
    color: #fff;
    background-color: #406dff;
    border: 0.1rem solid #406dff;
}

.van-button--info {
    color: #fff;
    background-color: #406dff;
    border: 0.1rem solid #406dff;
}

.van-button--danger {
    color: #fff;
    background-color: #406dff;
    border: 0.1rem solid #406dff;
}

.van-button--warning {
    color: #fff;
    background-color: #ff976a;
    border: 0.1rem solid #ff976a;
}

.van-button--plain {
    background-color: #fff;
}

    .van-button--plain.van-button--primary {
        color: #406dff;
    }

    .van-button--plain.van-button--info {
        color: #406dff;
    }

    .van-button--plain.van-button--danger {
        color: #406dff;
    }

    .van-button--plain.van-button--warning {
        color: #ff976a;
    }

.van-button--large {
    width: 100%;
    height: 5rem;
}

.van-button--normal {
    padding: 0 1.5rem;
    font-size: 1.4rem;
}

.van-button--small {
    min-width: 6rem;
    height: 3rem;
    padding: 0 0.8rem;
    font-size: 1.2rem;
}

.van-button__loading {
    color: inherit;
}

.van-button--mini {
    min-width: 5rem;
    height: 2.2rem;
    font-size: 1rem;
}

    .van-button--mini + .van-button--mini {
        margin-left: 0.4rem;
    }

.van-button--block {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 100%;
}

.van-button--disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

.van-button--loading {
    cursor: default;
}

.van-button--round {
    border-radius: 99.9rem;
}

.van-button--square {
    border-radius: 0;
}

.van-button__icon {
    min-width: 1em;
    font-size: 1.2em;
    line-height: inherit;
}

    .van-button__icon + .van-button__text, .van-button__loading + .van-button__text {
        margin-left: 0.5rem;
    }

.van-button--hairline {
    border-width: 0;
}

    .van-button--hairline::after {
        border-color: inherit;
        border-radius: 0.4rem;
    }

    .van-button--hairline.van-button--round::after {
        border-radius: 99.9rem;
    }

    .van-button--hairline.van-button--square::after {
        border-radius: 0;
    }

.van-submit-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
    background-color: #fff;
    -webkit-user-select: none;
    user-select: none;
}

.van-submit-bar__tip {
    padding: 0.8rem 1.2rem;
    color: #f56723;
    font-size: 1.2rem;
    line-height: 1.5;
    background-color: #fff7cc;
}

.van-submit-bar__tip-icon {
    min-width: 1.8rem;
    font-size: 1.2rem;
    vertical-align: middle;
}

.van-submit-bar__tip-text {
    vertical-align: middle;
}

.van-submit-bar__bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    height: 5rem;
    padding: 0 1.6rem;
    font-size: 1.4rem;
}

.van-submit-bar__text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    padding-right: 1.2rem;
    color: #323233;
    text-align: right;
}

    .van-submit-bar__text span {
        display: inline-block;
    }

.van-submit-bar__suffix-label {
    margin-left: 0.5rem;
    font-weight: 500;
}

.van-submit-bar__price {
    color: #406dff;
    font-weight: 500;
    font-size: 1.2rem;
}

.van-submit-bar__price--integer {
    font-size: 2rem;
    font-family: Avenir-Heavy, PingFang SC, Helvetica Neue, Arial, sans-serif;
}

.van-submit-bar__button {
    width: 11rem;
    height: 4rem;
    font-weight: 500;
    border: none;
}

.van-submit-bar__button--danger {
    background: -webkit-linear-gradient(left, #406dff, #406dff);
    background: linear-gradient(to right, #406dff, #406dff);
}

.van-submit-bar--unfit {
    padding-bottom: 0;
}

.van-goods-action-button {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    height: 4rem;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 4rem;
    border: none;
}

.van-goods-action-button--first {
    margin-left: 0.5rem;
    border-top-left-radius: 2rem;
    border-bottom-left-radius: 2rem;
}

.van-goods-action-button--last {
    margin-right: 0.5rem;
    border-top-right-radius: 2rem;
    border-bottom-right-radius: 2rem;
}

.van-goods-action-button--warning {
    background: -webkit-linear-gradient(left, #ffd01e, #ff8917);
    background: linear-gradient(to right, #ffd01e, #ff8917);
}

.van-goods-action-button--danger {
    background: -webkit-linear-gradient(left, #406dff, #406dff);
    background: linear-gradient(to right, #406dff, #406dff);
}

@media (max-width: 32.1rem) {
    .van-goods-action-button {
        font-size: 1.3rem;
    }
}

.van-dialog {
    position: fixed;
    top: 45%;
    left: 50%;
    width: 32rem;
    overflow: hidden;
    font-size: 1.6rem;
    background-color: #fff;
    border-radius: 1.6rem;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
}

@media (max-width: 32.1rem) {
    .van-dialog {
        width: 90%;
    }
}

.van-dialog__header {
    padding-top: 2.4rem;
    font-weight: 500;
    line-height: 2.4rem;
    text-align: center;
}

.van-dialog__header--isolated {
    padding: 2.4rem 0;
}

.van-dialog__message {
    max-height: 60vh;
    padding: 2.4rem;
    overflow-y: auto;
    font-size: 1.4rem;
    line-height: 2rem;
    white-space: pre-wrap;
    text-align: center;
    word-wrap: break-word;
    -webkit-overflow-scrolling: touch;
}

.van-dialog__message--has-title {
    padding-top: 1.2rem;
    color: #646566;
}

.van-dialog__message--left {
    text-align: left;
}

.van-dialog__message--right {
    text-align: right;
}

.van-dialog__footer {
    overflow: hidden;
    -webkit-user-select: none;
    user-select: none;
}

.van-dialog__footer--buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

    .van-dialog__footer--buttons .van-button {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
    }

.van-dialog .van-button {
    border: 0;
}

.van-dialog__confirm, .van-dialog__confirm:active {
    color: #406dff;
}

.van-dialog-bounce-enter {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(0.7);
    transform: translate3d(-50%, -50%, 0) scale(0.7);
    opacity: 0;
}

.van-dialog-bounce-leave-active {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(0.9);
    transform: translate3d(-50%, -50%, 0) scale(0.9);
    opacity: 0;
}

.van-contact-edit {
    padding: 1.6rem;
}

.van-contact-edit__fields {
    overflow: hidden;
    border-radius: 0.4rem;
}

    .van-contact-edit__fields .van-cell__title {
        max-width: 6.5rem;
    }

.van-contact-edit__switch-cell {
    margin-top: 1rem;
    padding-top: 0.9rem;
    padding-bottom: 0.9rem;
    overflow: hidden;
    border-radius: 0.4rem;
}

    .van-contact-edit__switch-cell .van-cell__value {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        flex: none;
    }

    .van-contact-edit__switch-cell .van-switch {
        vertical-align: top;
    }

.van-contact-edit__buttons {
    padding: 3.2rem 0;
}

.van-contact-edit .van-button {
    margin-bottom: 1.2rem;
    font-size: 1.6rem;
}

.van-toast {
    position: fixed;
    top: 50%;
    left: 50%;
    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;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    box-sizing: content-box;
    width: 8.8rem;
    max-width: 70%;
    min-height: 8.8rem;
    padding: 1.6rem;
    color: #fff;
    font-size: 1.4rem;
    line-height: 2rem;
    white-space: pre-wrap;
    text-align: center;
    word-wrap: break-word;
    background-color: rgba(50, 50, 51, 0.88);
    border-radius: 0.8rem;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}

.van-toast--unclickable {
    overflow: hidden;
}

    .van-toast--unclickable * {
        pointer-events: none;
    }

.van-toast--text, .van-toast--html {
    width: -webkit-fit-content;
    width: fit-content;
    min-width: 9.6rem;
    min-height: 0;
    padding: 0.8rem 1.2rem;
}

    .van-toast--text .van-toast__text, .van-toast--html .van-toast__text {
        margin-top: 0;
    }

.van-toast--top {
    top: 5rem;
}

.van-toast--bottom {
    top: auto;
    bottom: 5rem;
}

.van-toast__icon {
    font-size: 4rem;
}

.van-toast__loading {
    padding: 0.4rem;
    color: #fff;
}

.van-toast__text {
    margin-top: 0.8rem;
}

.van-calendar {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 100%;
    background-color: #fff;
}

.van-calendar__popup.van-popup--top, .van-calendar__popup.van-popup--bottom {
    height: 80%;
}

.van-calendar__popup.van-popup--left, .van-calendar__popup.van-popup--right {
    height: 100%;
}

.van-calendar__popup .van-popup__close-icon {
    top: 1.1rem;
}

.van-calendar__header {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    box-shadow: 0 0.2rem 1rem rgba(125, 126, 128, 0.16);
}

.van-calendar__month-title, .van-calendar__header-title, .van-calendar__header-subtitle {
    height: 4.4rem;
    font-weight: 500;
    line-height: 4.4rem;
    text-align: center;
}

.van-calendar__header-title {
    font-size: 1.6rem;
}

.van-calendar__header-subtitle {
    font-size: 1.4rem;
}

.van-calendar__month-title {
    font-size: 1.4rem;
}

.van-calendar__weekdays {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.van-calendar__weekday {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    font-size: 1.2rem;
    line-height: 3rem;
    text-align: center;
}

.van-calendar__body {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.van-calendar__days {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-user-select: none;
    user-select: none;
}

.van-calendar__month-mark {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0;
    color: rgba(242, 243, 245, 0.8);
    font-size: 16rem;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.van-calendar__day, .van-calendar__selected-day {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
}

.van-calendar__day {
    position: relative;
    width: 14.285%;
    height: 6.4rem;
    font-size: 1.6rem;
    cursor: pointer;
}

.van-calendar__day--end, .van-calendar__day--start, .van-calendar__day--start-end, .van-calendar__day--multiple-middle, .van-calendar__day--multiple-selected {
    color: #fff;
    background-color: #406dff;
}

.van-calendar__day--start {
    border-radius: 0.0.4rem 0 0 0.0.4rem;
}

.van-calendar__day--end {
    border-radius: 0 0.0.4rem 0.0.4rem 0;
}

.van-calendar__day--start-end, .van-calendar__day--multiple-selected {
    border-radius: 0.4rem;
}

.van-calendar__day--middle {
    color: #406dff;
}

    .van-calendar__day--middle::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: currentColor;
        opacity: 0.1;
        content: '';
    }

.van-calendar__day--disabled {
    color: #c8c9cc;
    cursor: default;
}

.van-calendar__top-info, .van-calendar__bottom-info {
    position: absolute;
    right: 0;
    left: 0;
    font-size: 1rem;
    line-height: 1.4rem;
}

@media (max-width: 35rem) {
    .van-calendar__top-info, .van-calendar__bottom-info {
        font-size: 0.9rem;
    }
}

.van-calendar__top-info {
    top: 0.6rem;
}

.van-calendar__bottom-info {
    bottom: 0.6rem;
}

.van-calendar__selected-day {
    width: 5.4rem;
    height: 5.4rem;
    color: #fff;
    background-color: #406dff;
    border-radius: 0.4rem;
}

.van-calendar__footer {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    padding: 0 1.6rem;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
}

.van-calendar__footer--unfit {
    padding-bottom: 0;
}

.van-calendar__confirm {
    height: 3.6rem;
    margin: 0.7rem 0;
}

.van-picker {
    position: relative;
    background-color: #fff;
    -webkit-user-select: none;
    user-select: none;
}

.van-picker__toolbar {
    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;
    height: 4.4rem;
}

.van-picker__cancel, .van-picker__confirm {
    height: 100%;
    padding: 0 1.6rem;
    font-size: 1.4rem;
    background-color: transparent;
    border: none;
    cursor: pointer;
}

    .van-picker__cancel:active, .van-picker__confirm:active {
        opacity: 0.7;
    }

.van-picker__confirm {
    color: #576b95;
}

.van-picker__cancel {
    color: #969799;
}

.van-picker__title {
    max-width: 50%;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2rem;
    text-align: center;
}

.van-picker__columns {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    cursor: grab;
}

.van-picker__loading {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    color: #406dff;
    background-color: rgba(255, 255, 255, 0.9);
}

.van-picker__frame {
    position: absolute;
    top: 50%;
    right: 1.6rem;
    left: 1.6rem;
    z-index: 3;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
}

.van-picker__mask {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-image: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.9), hsla(0, 0%, 100%, 0.4)), -webkit-linear-gradient(bottom, hsla(0, 0%, 100%, 0.9), hsla(0, 0%, 100%, 0.4));
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.9), hsla(0, 0%, 100%, 0.4)), linear-gradient(0deg, hsla(0, 0%, 100%, 0.9), hsla(0, 0%, 100%, 0.4));
    background-repeat: no-repeat;
    background-position: top, bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    pointer-events: none;
}

.van-picker-column {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    overflow: hidden;
    font-size: 1.6rem;
}

.van-picker-column__wrapper {
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.68, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.68, 1);
}

.van-picker-column__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 0 0.4rem;
    color: #000;
}

.van-picker-column__item--disabled {
    opacity: 0.3;
}

.van-address-edit {
    padding: 1.2rem;
}

.van-address-edit__fields {
    overflow: hidden;
    border-radius: 0.8rem;
}

.van-address-edit__default {
    margin-top: 1.2rem;
    overflow: hidden;
    border-radius: 0.8rem;
}

.van-address-edit__buttons {
    padding: 3.2rem 0.4rem;
}

    .van-address-edit__buttons .van-button {
        margin-bottom: 1.2rem;
    }

.van-address-edit-detail {
    padding: 0;
}

.van-address-edit-detail__search-item {
    background-color: #f2f3f5;
}

.van-address-edit-detail__keyword {
    color: #406dff;
}

.van-address-edit-detail__finish {
    color: #406dff;
    font-size: 1.2rem;
}

.van-action-sheet {
    max-height: 80%;
    color: #323233;
}

.van-action-sheet__item, .van-action-sheet__cancel {
    display: block;
    width: 100%;
    height: 5rem;
    padding: 0;
    font-size: 1.6rem;
    line-height: 2rem;
    background-color: #fff;
    border: none;
    cursor: pointer;
}

    .van-action-sheet__item:active, .van-action-sheet__cancel:active {
        background-color: #f2f3f5;
    }

.van-action-sheet__item--loading, .van-action-sheet__item--disabled {
    color: #c8c9cc;
}

    .van-action-sheet__item--loading:active, .van-action-sheet__item--disabled:active {
        background-color: #fff;
    }

.van-action-sheet__item--disabled {
    cursor: not-allowed;
}

.van-action-sheet__item--loading {
    cursor: default;
}

.van-action-sheet__subname {
    margin-left: 0.4rem;
    color: #646566;
    font-size: 1.2rem;
}

.van-action-sheet__gap {
    display: block;
    height: 0.8rem;
    background-color: #f7f8fa;
}

.van-action-sheet__header {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 4.4rem;
    text-align: center;
}

.van-action-sheet__description {
    padding: 1.6rem;
    color: #646566;
    font-size: 1.4rem;
    line-height: 2rem;
    text-align: center;
}

.van-action-sheet__close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 1.6rem;
    color: #c8c9cc;
    font-size: 2.2rem;
    line-height: inherit;
}

    .van-action-sheet__close:active {
        color: #969799;
    }

.van-radio-group--horizontal {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.van-contact-list {
    box-sizing: border-box;
    height: 100%;
    padding-bottom: 5rem;
}

.van-contact-list__item {
    padding: 1.6rem;
}

.van-contact-list__item-value {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding-right: 3.2rem;
    padding-left: 0.8rem;
}

.van-contact-list__item-tag {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    flex: none;
    margin-left: 0.8rem;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 1.4em;
}

.van-contact-list__group {
    box-sizing: border-box;
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.van-contact-list__edit {
    font-size: 1.6rem;
}

.van-contact-list__bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    padding: 0.5rem 1.6rem;
    background-color: #fff;
}

.van-contact-list__add {
    height: 4rem;
    line-height: 3.8rem;
}

.van-address-list {
    box-sizing: border-box;
    height: 100%;
    padding: 1.2rem 1.2rem 10rem;
}

.van-address-list__bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
    box-sizing: border-box;
    width: 100%;
    padding: 0.5rem 1.6rem;
    background-color: #fff;
}

.van-address-list__add {
    height: 4rem;
    line-height: 3.8rem;
}

.van-address-list__disabled-text {
    padding: 2rem 0 1.6rem;
    color: #969799;
    font-size: 1.4rem;
    line-height: 2rem;
}

.van-address-item {
    padding: 1.2rem;
    background-color: #fff;
    border-radius: 0.8rem;
}

    .van-address-item:not(:last-child) {
        margin-bottom: 1.2rem;
    }

.van-address-item__value {
    padding-right: 4.4rem;
}

.van-address-item__name {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 0.8rem;
    font-size: 1.6rem;
    line-height: 2.2rem;
}

.van-address-item__tag {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    flex: none;
    margin-left: 0.8rem;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 1.4em;
}

.van-address-item__address {
    color: #323233;
    font-size: 1.3rem;
    line-height: 1.8rem;
}

.van-address-item--disabled .van-address-item__name, .van-address-item--disabled .van-address-item__address {
    color: #c8c9cc;
}

.van-address-item__edit {
    position: absolute;
    top: 50%;
    right: 1.6rem;
    color: #969799;
    font-size: 2rem;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.van-address-item .van-cell {
    padding: 0;
}

.van-address-item .van-radio__label {
    margin-left: 1.2rem;
}

.van-address-item .van-radio__icon--checked .van-icon {
    background-color: #406dff;
    border-color: #406dff;
}

.van-cell-group {
    background-color: #fff;
}

.van-cell-group__title {
    padding: 1.6rem 1.6rem 0.8rem;
    color: #969799;
    font-size: 1.4rem;
    line-height: 1.6rem;
}

.van-panel {
    background: #fff;
}

.van-panel__header-value {
    color: #406dff;
}

.van-panel__footer {
    padding: 0.8rem 1.6rem;
}

.van-checkbox-group--horizontal {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.van-circle {
    position: relative;
    display: inline-block;
    text-align: center;
}

    .van-circle svg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.van-circle__layer {
    fill: none;
    stroke-linecap: round;
}

.van-circle__text {
    position: absolute;
    top: 50%;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    padding: 0 0.4rem;
    color: #323233;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1.8rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.van-col {
    float: left;
    box-sizing: border-box;
    min-height: 0.1rem;
}

.van-col--1 {
    width: 4.16666667%;
}

.van-col--offset-1 {
    margin-left: 4.16666667%;
}

.van-col--2 {
    width: 8.33333333%;
}

.van-col--offset-2 {
    margin-left: 8.33333333%;
}

.van-col--3 {
    width: 12.5%;
}

.van-col--offset-3 {
    margin-left: 12.5%;
}

.van-col--4 {
    width: 16.66666667%;
}

.van-col--offset-4 {
    margin-left: 16.66666667%;
}

.van-col--5 {
    width: 20.83333333%;
}

.van-col--offset-5 {
    margin-left: 20.83333333%;
}

.van-col--6 {
    width: 25%;
}

.van-col--offset-6 {
    margin-left: 25%;
}

.van-col--7 {
    width: 29.16666667%;
}

.van-col--offset-7 {
    margin-left: 29.16666667%;
}

.van-col--8 {
    width: 33.33333333%;
}

.van-col--offset-8 {
    margin-left: 33.33333333%;
}

.van-col--9 {
    width: 37.5%;
}

.van-col--offset-9 {
    margin-left: 37.5%;
}

.van-col--10 {
    width: 41.66666667%;
}

.van-col--offset-10 {
    margin-left: 41.66666667%;
}

.van-col--11 {
    width: 45.83333333%;
}

.van-col--offset-11 {
    margin-left: 45.83333333%;
}

.van-col--12 {
    width: 50%;
}

.van-col--offset-12 {
    margin-left: 50%;
}

.van-col--13 {
    width: 54.16666667%;
}

.van-col--offset-13 {
    margin-left: 54.16666667%;
}

.van-col--14 {
    width: 58.33333333%;
}

.van-col--offset-14 {
    margin-left: 58.33333333%;
}

.van-col--15 {
    width: 62.5%;
}

.van-col--offset-15 {
    margin-left: 62.5%;
}

.van-col--16 {
    width: 66.66666667%;
}

.van-col--offset-16 {
    margin-left: 66.66666667%;
}

.van-col--17 {
    width: 70.83333333%;
}

.van-col--offset-17 {
    margin-left: 70.83333333%;
}

.van-col--18 {
    width: 75%;
}

.van-col--offset-18 {
    margin-left: 75%;
}

.van-col--19 {
    width: 79.16666667%;
}

.van-col--offset-19 {
    margin-left: 79.16666667%;
}

.van-col--20 {
    width: 83.33333333%;
}

.van-col--offset-20 {
    margin-left: 83.33333333%;
}

.van-col--21 {
    width: 87.5%;
}

.van-col--offset-21 {
    margin-left: 87.5%;
}

.van-col--22 {
    width: 91.66666667%;
}

.van-col--offset-22 {
    margin-left: 91.66666667%;
}

.van-col--23 {
    width: 95.83333333%;
}

.van-col--offset-23 {
    margin-left: 95.83333333%;
}

.van-col--24 {
    width: 100%;
}

.van-col--offset-24 {
    margin-left: 100%;
}

.van-count-down {
    color: #323233;
    font-size: 1.4rem;
    line-height: 2rem;
}

.van-tab__pane, .van-tab__pane-wrapper {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    width: 100%;
}

.van-tab__pane-wrapper--inactive {
    height: 0;
    overflow: visible;
}

.van-sticky--fixed {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 99;
}

.van-tab {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    box-sizing: border-box;
    padding: 0 0.4rem;
    color: #646566;
    font-size: 1.4rem;
    cursor: pointer;
}

.van-tab--active {
    color: #323233;
    font-weight: 500;
}

.van-tab--disabled {
    color: #c8c9cc;
    cursor: not-allowed;
}

.van-tab__text--ellipsis {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.van-tab__text-wrapper {
    position: relative;
}

.van-tabs {
    position: relative;
}

.van-tabs__wrap {
    overflow: hidden;
}

.van-tabs__wrap--page-top {
    position: fixed;
}

.van-tabs__wrap--content-bottom {
    top: auto;
    bottom: 0;
}

.van-tabs__wrap--scrollable .van-tab {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 22%;
    flex: 0 0 22%;
}

.van-tabs__wrap--scrollable .van-tab--complete {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
}

.van-tabs__wrap--scrollable .van-tabs__nav {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

    .van-tabs__wrap--scrollable .van-tabs__nav::-webkit-scrollbar {
        display: none;
    }

.van-tabs__nav {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    background-color: #fff;
    -webkit-user-select: none;
    user-select: none;
}

.van-tabs__nav--line {
    box-sizing: content-box;
    height: 100%;
    padding-bottom: 1.5rem; /* 1.5rem padding to hide scrollbar in mobile safari */
}

.van-tabs__nav--card {
    box-sizing: border-box;
    height: 3rem;
    margin: 0 1.6rem;
    border: 0.1rem solid #406dff;
    border-radius: 0.2rem;
}

    .van-tabs__nav--card .van-tab {
        color: #406dff;
        border-right: 0.1rem solid #406dff;
    }

        .van-tabs__nav--card .van-tab:last-child {
            border-right: none;
        }

        .van-tabs__nav--card .van-tab.van-tab--active {
            color: #fff;
            background-color: #406dff;
        }

    .van-tabs__nav--card .van-tab--disabled {
        color: #c8c9cc;
    }

.van-tabs__line {
    position: absolute;
    bottom: 1.5rem;
    left: 0;
    z-index: 1;
    height: 0.3rem;
    background-color: #406dff;
    border-radius: 0.3rem;
}

.van-tabs__track {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: 100%;
    will-change: left;
}

.van-tabs__content--animated {
    overflow: hidden;
}

.van-tabs--line .van-tabs__wrap {
    height: 4.4rem;
}

.van-tabs--card > .van-tabs__wrap {
    height: 3rem;
}

.van-coupon-list {
    position: relative;
    height: 100%;
    background-color: #f7f8fa;
}

.van-coupon-list__field {
    padding: 0.0.5rem 0 0.0.5rem 1.6rem;
}

    .van-coupon-list__field .van-field__body {
        height: 3.4rem;
        padding-left: 1.2rem;
        line-height: 3.4rem;
        background: #f7f8fa;
        border-radius: 1.7rem;
    }

        .van-coupon-list__field .van-field__body::-webkit-input-placeholder {
            color: #c8c9cc;
        }

        .van-coupon-list__field .van-field__body::placeholder {
            color: #c8c9cc;
        }

    .van-coupon-list__field .van-field__clear {
        margin-right: 0;
    }

.van-coupon-list__exchange-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fff;
}

.van-coupon-list__exchange {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    flex: none;
    height: 3.2rem;
    font-size: 1.6rem;
    line-height: 3rem;
    border: 0;
}

.van-coupon-list .van-tabs__wrap {
    box-shadow: 0 0.6rem 1.2rem -1.2rem #969799;
}

.van-coupon-list__list {
    box-sizing: border-box;
    padding: 1.6rem 0 2.4rem;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.van-coupon-list__list--with-bottom {
    padding-bottom: 6.6rem;
}

.van-coupon-list__bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 999;
    box-sizing: border-box;
    width: 100%;
    padding: 0.5rem 1.6rem;
    font-weight: 500;
    background-color: #fff;
}

.van-coupon-list__close {
    height: 4rem;
}

.van-coupon-list__empty {
    padding-top: 6rem;
    text-align: center;
}

    .van-coupon-list__empty p {
        margin: 1.6rem 0;
        color: #969799;
        font-size: 1.4rem;
        line-height: 2rem;
    }

    .van-coupon-list__empty img {
        width: 20rem;
        height: 20rem;
    }

.van-divider {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: 1.6rem 0;
    color: #969799;
    font-size: 1.4rem;
    line-height: 2.4rem;
    border-color: #ebedf0;
    border-style: solid;
    border-width: 0;
}

    .van-divider::before, .van-divider::after {
        display: block;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        box-sizing: border-box;
        height: 0.1rem;
        border-color: inherit;
        border-style: inherit;
        border-width: 0.1rem 0 0;
    }

    .van-divider::before {
        content: '';
    }

.van-divider--hairline::before, .van-divider--hairline::after {
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

.van-divider--dashed {
    border-style: dashed;
}

.van-divider--content-center::before, .van-divider--content-left::before, .van-divider--content-right::before {
    margin-right: 1.6rem;
}

.van-divider--content-center::after, .van-divider--content-left::after, .van-divider--content-right::after {
    margin-left: 1.6rem;
    content: '';
}

.van-divider--content-left::before {
    max-width: 10%;
}

.van-divider--content-right::after {
    max-width: 10%;
}

.van-dropdown-menu {
    -webkit-user-select: none;
    user-select: none;
}

.van-dropdown-menu__bar {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 4.8rem;
    background-color: #fff;
    box-shadow: 0 0.2rem 10.2rem rgba(100, 101, 102, 0.08);
}

.van-dropdown-menu__bar--opened {
    z-index: 11;
}

.van-dropdown-menu__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    min-width: 0;
    cursor: pointer;
}

    .van-dropdown-menu__item:active {
        opacity: 0.7;
    }

.van-dropdown-menu__item--disabled:active {
    opacity: 1;
}

.van-dropdown-menu__item--disabled .van-dropdown-menu__title {
    color: #969799;
}

.van-dropdown-menu__title {
    position: relative;
    box-sizing: border-box;
    max-width: 100%;
    padding: 0 0.8rem;
    color: #323233;
    font-size: 1.5rem;
    line-height: 2.2rem;
}

    .van-dropdown-menu__title::after {
        position: absolute;
        top: 50%;
        right: -0.4rem;
        margin-top: -0.5rem;
        border: 0.3rem solid;
        border-color: transparent transparent #dcdee0 #dcdee0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0.8;
        content: '';
    }

.van-dropdown-menu__title--active {
    color: #406dff;
}

    .van-dropdown-menu__title--active::after {
        border-color: transparent transparent currentColor currentColor;
    }

.van-dropdown-menu__title--down::after {
    margin-top: -0.1rem;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.van-empty {
    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;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 3.2rem 0;
}

.van-empty__image {
    width: 16rem;
    height: 16rem;
}

    .van-empty__image img {
        width: 100%;
        height: 100%;
    }

.van-empty__description {
    margin-top: 1.6rem;
    padding: 0 6rem;
    color: #969799;
    font-size: 1.4rem;
    line-height: 2rem;
}

.van-empty__bottom {
    margin-top: 2.4rem;
}

.van-goods-action {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    box-sizing: content-box;
    height: 5rem;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
    background-color: #fff;
    z-index: 100;
}

.van-goods-action--unfit {
    padding-bottom: 0;
}

.van-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.van-swipe {
    position: relative;
    overflow: hidden;
    cursor: grab;
    -webkit-user-select: none;
    user-select: none;
}

.van-swipe__track {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 100%;
}

.van-swipe__track--vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.van-swipe__indicators {
    position: absolute;
    bottom: 1.2rem;
    left: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.van-swipe__indicators--vertical {
    top: 50%;
    bottom: auto;
    left: 1.2rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .van-swipe__indicators--vertical .van-swipe__indicator:not(:last-child) {
        margin-bottom: 0.6rem;
    }

.van-swipe__indicator {
    width: 0.6rem;
    height: 0.6rem;
    background-color: #ebedf0;
    border-radius: 100%;
    opacity: 0.3;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

    .van-swipe__indicator:not(:last-child) {
        margin-right: 0.6rem;
    }

.van-swipe__indicator--active {
    background-color: #406dff;
    opacity: 1;
}

.van-swipe-item {
    position: relative;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
}

.van-image-preview {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.van-image-preview__swipe {
    height: 100%;
}

.van-image-preview__cover {
    position: absolute;
    top: 0;
    left: 0;
}

.van-image-preview__image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

    .van-image-preview__image img {
        -webkit-user-drag: none;
    }

    .van-image-preview__image .van-image__error {
        top: 30%;
        height: 40%;
    }

    .van-image-preview__image .van-image__error-icon {
        font-size: 3.6rem;
    }

    .van-image-preview__image .van-image__loading {
        background-color: transparent;
    }

.van-image-preview__index {
    position: absolute;
    top: 1rem;
    left: 50%;
    color: #fff;
    font-size: 1.4rem;
    text-shadow: 0 0.0.1rem 0.0.1rem #323233;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.van-image-preview__overlay {
    background-color: rgba(0, 0, 0, 0.9);
}

.van-image-preview__close-icon {
    position: absolute;
    z-index: 1;
    color: #c8c9cc;
    font-size: 2.2rem;
    cursor: pointer;
}

    .van-image-preview__close-icon:active {
        color: #969799;
    }

.van-image-preview__close-icon--top-left {
    top: 1.6rem;
    left: 1.6rem;
}

.van-image-preview__close-icon--top-right {
    top: 1.6rem;
    right: 1.6rem;
}

.van-image-preview__close-icon--bottom-left {
    bottom: 1.6rem;
    left: 1.6rem;
}

.van-image-preview__close-icon--bottom-right {
    right: 1.6rem;
    bottom: 1.6rem;
}

.van-uploader {
    position: relative;
    display: inline-block;
}

.van-uploader__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.van-uploader__wrapper--disabled {
    opacity: 0.5;
}

.van-uploader__input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    cursor: pointer;
    opacity: 0;
}

.van-uploader__input-wrapper {
    position: relative;
}

.van-uploader__input:disabled {
    cursor: not-allowed;
}

.van-uploader__upload {
    position: relative;
    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;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    box-sizing: border-box;
    width: 8rem;
    height: 8rem;
    margin: 0 0.0.8rem 0.0.8rem 0;
    background-color: #f7f8fa;
    border-radius: 0.8rem;
}

    .van-uploader__upload:active {
        background-color: #f2f3f5;
    }

.van-uploader__upload-icon {
    color: #dcdee0;
    font-size: 2.4rem;
}

.van-uploader__upload-text {
    margin-top: 0.8rem;
    color: #969799;
    font-size: 1.2rem;
}

.van-uploader__preview {
    position: relative;
    margin: 0 0.0.8rem 0.0.8rem 0;
    cursor: pointer;
}

.van-uploader__preview-image {
    display: block;
    width: 8rem;
    height: 8rem;
    overflow: hidden;
    border-radius: 0.8rem;
}

.van-uploader__preview-delete {
    position: absolute;
    top: -0.8rem;
    right: -0.8rem;
    color: #969799;
    font-size: 1.8rem;
    background-color: #fff;
    border-radius: 100%;
}

.van-uploader__mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    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;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    color: #fff;
    background-color: rgba(50, 50, 51, 0.88);
    border-radius: 0.8rem;
}

.van-uploader__mask-icon {
    font-size: 2.2rem;
}

.van-uploader__mask-message {
    margin-top: 0.6rem;
    padding: 0 0.4rem;
    font-size: 1.2rem;
    line-height: 1.4rem;
}

.van-uploader__loading {
    width: 2.2rem;
    height: 2.2rem;
    color: #fff;
}

.van-uploader__file {
    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;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 8rem;
    height: 8rem;
    background-color: #f7f8fa;
    border-radius: 0.8rem;
}

.van-uploader__file-icon {
    color: #646566;
    font-size: 2rem;
}

.van-uploader__file-name {
    box-sizing: border-box;
    width: 100%;
    margin-top: 0.8rem;
    padding: 0 0.4rem;
    color: #646566;
    font-size: 1.2rem;
    text-align: center;
}

.van-sku { /* sku header */ /* sku row */ /* sku stepper */
}

.van-sku-container {
    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: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    min-height: 50%;
    max-height: 80%;
    overflow-y: visible;
    font-size: 1.4rem;
    background: #fff;
}

.van-sku-body {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 4.4rem;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

    .van-sku-body::-webkit-scrollbar {
        display: none;
    }

.van-sku-header {
    margin-left: 1.6rem;
}

.van-sku-header__img-wrap {
    position: relative;
    float: left;
    width: 9.6rem;
    height: 9.6rem;
    margin: 1.2rem 0;
    overflow: hidden;
    background: #f7f8fa;
    border-radius: 0.4rem;
}

    .van-sku-header__img-wrap img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
    }

.van-sku-header__goods-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-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    min-height: 9.6rem;
    padding: 1.2rem 3.6rem 1.2rem 0.8rem;
    overflow: hidden;
}

.van-sku-header-item {
    margin-top: 0.8rem;
    color: #969799;
    font-size: 1.2rem;
    line-height: 1.6rem;
}

.van-sku__price-symbol {
    font-size: 1.6rem;
    vertical-align: middle;
}

.van-sku__price-num {
    font-weight: 500;
    font-size: 2.2rem;
    vertical-align: middle;
    word-wrap: break-word;
}

.van-sku__goods-price {
    color: #406dff;
}

.van-sku__price-tag {
    position: relative;
    display: inline-block;
    margin-left: 0.8rem;
    padding: 0 0.5rem;
    overflow: hidden;
    color: #406dff;
    font-size: 1.2rem;
    line-height: 1.6rem;
    vertical-align: middle;
    border-radius: 0.8rem;
}

    .van-sku__price-tag::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: currentColor;
        opacity: 0.1;
        content: '';
    }

.van-sku-group-container {
    margin-left: 1.6rem;
    padding: 1.0.2rem 0 0.2rem;
}

.van-sku-group-container--hide-soldout .van-sku-row__item--disabled {
    display: none;
}

.van-sku-row {
    margin: 0 0.3rem 1.2rem 0;
}

    .van-sku-row:last-child {
        margin-bottom: 0;
    }

.van-sku-row__title {
    padding-bottom: 1.2rem;
}

.van-sku-row__title-multiple {
    color: #969799;
}

.van-sku-row__item {
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    min-width: 4rem;
    margin: 0 1.2rem 1.2rem 0;
    overflow: hidden;
    color: #323233;
    font-size: 1.3rem;
    line-height: 1.6rem;
    vertical-align: middle;
    border-radius: 0.4rem;
    cursor: pointer;
}

    .van-sku-row__item::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #f7f8fa;
        content: '';
    }

.van-sku-row__item-img {
    z-index: 1;
    width: 2.4rem;
    height: 2.4rem;
    margin: 0.0.0.4rem 0 0.0.0.4rem 0.0.0.4rem;
    object-fit: cover;
    border-radius: 0.2rem;
}

.van-sku-row__item-name {
    z-index: 1;
    padding: 0.8rem;
}

.van-sku-row__item--active {
    color: #406dff;
}

    .van-sku-row__item--active::before {
        background: currentColor;
        opacity: 0.1;
    }

.van-sku-row__item--disabled {
    color: #c8c9cc;
    background: #f2f3f5;
    cursor: not-allowed;
}

    .van-sku-row__item--disabled .van-sku-row__item-img {
        opacity: 0.3;
    }

.van-sku-stepper-stock {
    margin-left: 1.6rem;
    padding: 1.2rem 0;
}

.van-sku-stepper-container {
    min-height: 3rem;
    margin-right: 2rem;
    overflow: hidden;
}

.van-sku__stepper {
    float: right;
    padding-left: 0.4rem;
}

.van-sku__stepper-title {
    float: left;
    line-height: 3rem;
}

.van-sku__stepper-quota {
    display: inline-block;
    float: right;
    color: #406dff;
    font-size: 1.2rem;
    line-height: 3rem;
}

.van-sku__stock {
    display: inline-block;
    margin-right: 0.8rem;
    color: #969799;
    font-size: 1.2rem;
}

.van-sku__stock-num--highlight {
    color: #406dff;
}

.van-sku-messages {
    padding-bottom: 3.2rem;
}

.van-sku-messages__image-cell .van-cell__title {
    max-width: 9rem;
}

.van-sku-messages__image-cell .van-cell__value {
    overflow: visible;
    text-align: left;
}

.van-sku-img-uploader {
    display: inline-block;
}

.van-sku-img-uploader__uploader {
    vertical-align: middle;
}

.van-sku-img-uploader__img {
    position: relative;
    float: left;
    width: 6.4rem;
    height: 6.4rem;
    margin-right: 0.8rem;
    background: #f7f8fa;
    border-radius: 0.2rem;
}

    .van-sku-img-uploader__img img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.van-sku-img-uploader__delete {
    position: absolute;
    top: -1.2rem;
    right: -1.4rem;
    z-index: 1;
    padding: 0.6rem;
    color: rgba(50, 50, 51, 0.8);
    opacity: 0.8;
}

    .van-sku-img-uploader__delete::before {
        background-color: #fff;
        border-radius: 1.4rem;
    }

.van-sku-img-uploader__mask {
    position: absolute;
    top: 0;
    left: 0;
    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;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: white;
    background: rgba(50, 50, 51, 0.8);
}

.van-sku-img-uploader__warn-text {
    margin-top: 0.6rem;
    font-size: 1.2rem;
    line-height: 1.4rem;
}

.van-sku-img-uploader__trigger {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #dcdee0;
}

.van-sku-actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    padding: 0.8rem 1.6rem;
}

    .van-sku-actions .van-button {
        height: 4rem;
        font-weight: 500;
        font-size: 1.4rem;
        border: none;
        border-radius: 0;
    }

        .van-sku-actions .van-button:first-of-type {
            border-top-left-radius: 2rem;
            border-bottom-left-radius: 2rem;
        }

        .van-sku-actions .van-button:last-of-type {
            border-top-right-radius: 2rem;
            border-bottom-right-radius: 2rem;
        }

    .van-sku-actions .van-button--warning {
        background: -webkit-linear-gradient(left, #ffd01e, #ff8917);
        background: linear-gradient(to right, #ffd01e, #ff8917);
    }

    .van-sku-actions .van-button--danger {
        background: -webkit-linear-gradient(left, #406dff, #406dff);
        background: linear-gradient(to right, #406dff, #406dff);
    }

.van-index-anchor {
    z-index: 1;
    box-sizing: border-box;
    padding: 0 1.6rem;
    color: #323233;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 3.2rem;
    background-color: transparent;
}

.van-index-anchor--sticky {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    color: #406dff;
    background-color: #fff;
}

.van-index-bar__sidebar {
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
}

.van-index-bar__index {
    padding: 0 0.4rem 0 1.6rem;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.4rem;
}

.van-index-bar__index--active {
    color: #406dff;
}

.van-pagination {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    font-size: 1.4rem;
}

.van-pagination__item, .van-pagination__page-desc {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.van-pagination__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    box-sizing: border-box;
    min-width: 3.6rem;
    height: 4rem;
    color: #406dff;
    background-color: #fff;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
}

    .van-pagination__item:active {
        color: #fff;
        background-color: #406dff;
    }

    .van-pagination__item::after {
        border-width: 0.0.0.1rem 0 0.0.0.1rem 0.0.0.1rem;
    }

    .van-pagination__item:last-child::after {
        border-right-width: 0.1rem;
    }

.van-pagination__item--active {
    color: #fff;
    background-color: #406dff;
}

.van-pagination__prev, .van-pagination__next {
    padding: 0 0.4rem;
    cursor: pointer;
}

.van-pagination__item--disabled, .van-pagination__item--disabled:active {
    color: #646566;
    background-color: #f7f8fa;
    cursor: not-allowed;
    opacity: 0.5;
}

.van-pagination__page {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0;
}

.van-pagination__page-desc {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    height: 4rem;
    color: #646566;
}

.van-pagination--simple .van-pagination__prev::after, .van-pagination--simple .van-pagination__next::after {
    border-width: 0.1rem;
}

.van-password-input {
    position: relative;
    margin: 0 1.6rem;
    -webkit-user-select: none;
    user-select: none;
}

.van-password-input__info, .van-password-input__error-info {
    margin-top: 1.6rem;
    font-size: 1.4rem;
    text-align: center;
}

.van-password-input__info {
    color: #969799;
}

.van-password-input__error-info {
    color: #406dff;
}

.van-password-input__security {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: 5rem;
    cursor: pointer;
}

    .van-password-input__security::after {
        border-radius: 0.6rem;
    }

    .van-password-input__security li {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        height: 100%;
        font-size: 2rem;
        line-height: 1.2;
        background-color: #fff;
    }

    .van-password-input__security i {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 1rem;
        height: 1rem;
        background-color: #000;
        border-radius: 100%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        visibility: hidden;
    }

.van-password-input__cursor {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.1rem;
    height: 40%;
    background-color: #323233;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: 1s van-cursor-flicker infinite;
    animation: 1s van-cursor-flicker infinite;
}

@-webkit-keyframes van-cursor-flicker {
    from {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes van-cursor-flicker {
    from {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.van-progress {
    position: relative;
    height: 0.4rem;
    background: #ebedf0;
    border-radius: 0.4rem;
}

.van-progress__portion {
    position: absolute;
    left: 0;
    height: 100%;
    background: #406dff;
    border-radius: inherit;
}

.van-progress__pivot {
    position: absolute;
    top: 50%;
    box-sizing: border-box;
    min-width: 3.6em;
    padding: 0 0.5rem;
    color: #fff;
    font-size: 1rem;
    line-height: 1.6;
    text-align: center;
    word-break: keep-all;
    background-color: #406dff;
    border-radius: 1em;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.van-row::after {
    display: table;
    clear: both;
    content: '';
}

.van-row--flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

    .van-row--flex::after {
        display: none;
    }

.van-row--justify-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.van-row--justify-end {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.van-row--justify-space-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.van-row--justify-space-around {
    -webkit-justify-content: space-around;
    justify-content: space-around;
}

.van-row--align-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.van-row--align-bottom {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.van-sidebar {
    width: 8.5rem;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.van-tree-select {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    font-size: 1.4rem;
    -webkit-user-select: none;
    user-select: none;
}

.van-tree-select__nav {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    overflow-y: auto;
    background-color: #f7f8fa;
    -webkit-overflow-scrolling: touch;
}

.van-tree-select__nav-item {
    padding: 1.4rem 1.2rem;
}

.van-tree-select__content {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    flex: 2;
    overflow-y: auto;
    background-color: #fff;
    -webkit-overflow-scrolling: touch;
}

.van-tree-select__item {
    position: relative;
    padding: 0 3.2rem 0 1.6rem;
    font-weight: bold;
    line-height: 4.8rem;
    cursor: pointer;
}

.van-tree-select__item--active {
    color: #406dff;
}

.van-tree-select__item--disabled {
    color: #c8c9cc;
    cursor: not-allowed;
}

.van-tree-select__selected {
    position: absolute;
    top: 50%;
    right: 1.6rem;
    margin-top: -0.8rem;
    font-size: 1.6rem;
}

.van-skeleton {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: 0 1.6rem;
}

.van-skeleton__avatar {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    margin-right: 1.6rem;
    background-color: #f2f3f5;
}

.van-skeleton__avatar--round {
    border-radius: 100%;
}

.van-skeleton__content {
    width: 100%;
}

.van-skeleton__avatar + .van-skeleton__content {
    padding-top: 0.8rem;
}

.van-skeleton__row, .van-skeleton__title {
    height: 1.6rem;
    background-color: #f2f3f5;
}

.van-skeleton__title {
    margin: 0;
}

.van-skeleton__row:not(:first-child) {
    margin-top: 1.2rem;
}

.van-skeleton__title + .van-skeleton__row {
    margin-top: 2rem;
}

.van-skeleton--animate {
    -webkit-animation: van-skeleton-blink 1.2s ease-in-out infinite;
    animation: van-skeleton-blink 1.2s ease-in-out infinite;
}

@-webkit-keyframes van-skeleton-blink {
    50% {
        opacity: 0.6;
    }
}

@keyframes van-skeleton-blink {
    50% {
        opacity: 0.6;
    }
}

.van-slider {
    position: relative;
    width: 100%;
    height: 0.2rem;
    background-color: #ebedf0;
    border-radius: 99.9rem;
    cursor: pointer;
}

    .van-slider::before {
        position: absolute;
        top: -0.8rem;
        right: 0;
        bottom: -0.8rem;
        left: 0;
        content: '';
    }

.van-slider__bar {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #406dff;
    border-radius: inherit;
    -webkit-transition: width 0.2s;
    transition: width 0.2s;
}

.van-slider__button {
    width: 2.4rem;
    height: 2.4rem;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.5);
}

.van-slider__button-wrapper {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate3d(50%, -50%, 0);
    transform: translate3d(50%, -50%, 0);
    cursor: grab;
}

.van-slider--disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

    .van-slider--disabled .van-slider__button-wrapper {
        cursor: not-allowed;
    }

.van-slider--vertical {
    display: inline-block;
    width: 0.2rem;
    height: 100%;
}

    .van-slider--vertical .van-slider__button-wrapper {
        top: auto;
        right: 50%;
        bottom: 0;
        -webkit-transform: translate3d(50%, 50%, 0);
        transform: translate3d(50%, 50%, 0);
    }

    .van-slider--vertical::before {
        top: 0;
        right: -0.8rem;
        bottom: 0;
        left: -0.8rem;
    }

.van-steps {
    overflow: hidden;
    background-color: #fff;
}

.van-steps--horizontal {
    padding: 1rem 1rem 0;
}

    .van-steps--horizontal .van-steps__items {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        margin: 0 0 1rem;
        padding-bottom: 2.2rem;
    }

.van-steps--vertical {
    padding: 0 0 0 3.2rem;
}

.van-swipe-cell {
    position: relative;
    overflow: hidden;
    cursor: grab;
}

.van-swipe-cell__wrapper {
    -webkit-transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1);
    transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

.van-swipe-cell__left, .van-swipe-cell__right {
    position: absolute;
    top: 0;
    height: 100%;
}

.van-swipe-cell__left {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.van-swipe-cell__right {
    right: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.van-tabbar {
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    box-sizing: content-box;
    width: 100%;
    height: 5rem;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
    background-color: #fff;
}

.van-tabbar--fixed {
    position: fixed;
    bottom: 0;
    left: 0;
}

.van-tabbar--unfit {
    padding-bottom: 0;
}

.demo-action-sheet-content {
    padding: 1.6rem 1.6rem 16rem;
}

.demo-address-edit .van-doc-demo-block__title {
    padding-bottom: 0;
}

.demo-address-list .van-doc-demo-block__title {
    padding-bottom: 0;
}

.demo-button {
    background: #fff;
}

    .demo-button .van-button--large {
        margin-bottom: 1.6rem;
    }

    .demo-button .van-button--small, .demo-button .van-button--normal:not(:last-child) {
        margin-right: 1.6rem;
    }

    .demo-button .van-doc-demo-block {
        padding: 0 1.6rem;
    }

    .demo-button .van-doc-demo-block__title {
        padding-left: 0;
    }

.demo-button-row {
    margin-bottom: 1.2rem;
}

.demo-card {
    background-color: #fff;
}

.demo-cell .custom-title {
    margin-right: 0.5rem;
    vertical-align: middle;
}

.demo-checkbox {
    background: #fff;
}

    .demo-checkbox .van-checkbox {
        margin: 0 0 0.8rem 2rem;
    }

    .demo-checkbox .van-cell .van-checkbox {
        margin: 0;
    }

    .demo-checkbox img {
        height: 2rem;
    }

.demo-checkbox-buttons {
    margin-top: 1.6rem;
}

    .demo-checkbox-buttons .van-button {
        margin-left: 1.6rem;
    }

.demo-checkbox .van-doc-demo-block__title {
    margin-top: -0.8rem;
}

.demo-circle .van-circle {
    margin-left: 1.6rem;
}

.demo-circle .van-button {
    margin: 1.6rem 0 0 1rem;
}

    .demo-circle .van-button:first-of-type {
        margin-left: 1.6rem;
    }

.demo-col {
    background: #fff;
}

    .demo-col .van-doc-demo-block {
        padding: 0 1.6rem;
    }

    .demo-col .van-doc-demo-block__title {
        padding-left: 0;
    }

    .demo-col .van-col {
        margin-bottom: 1rem;
        color: #fff;
        font-size: 1.3rem;
        line-height: 3rem;
        text-align: center;
        background-clip: content-box;
    }

        .demo-col .van-col:nth-child(odd) {
            background-color: #39a9ed;
        }

        .demo-col .van-col:nth-child(even) {
            background-color: #66c6f2;
        }

.demo-collapse .van-icon-question-o {
    margin-left: 0.5rem;
    color: #406dff;
    font-size: 1.5rem;
    vertical-align: -0.3rem;
}

.demo-contact-card .van-popup {
    height: 100%;
    background-color: #f2f2f2;
}

.demo-count-down {
    background-color: #fff;
}

    .demo-count-down .van-count-down {
        margin-left: 1.6rem;
    }

    .demo-count-down .colon {
        display: inline-block;
        margin: 0 0.4rem;
        color: #406dff;
    }

    .demo-count-down .block {
        display: inline-block;
        width: 2.2rem;
        color: #fff;
        font-size: 1.2rem;
        text-align: center;
        background-color: #406dff;
        border-radius: 0.4rem;
    }

    .demo-count-down .van-grid {
        margin-top: 1rem;
    }

.demo-dialog {
    background-color: #fff;
}

    .demo-dialog .van-doc-demo-block > .van-button {
        margin-left: 1.6rem;
    }

    .demo-dialog img {
        box-sizing: border-box;
        width: 100%;
        padding: 2.5rem 2rem 0;
    }

.demo-divider {
    background-color: #fff;
}

    .demo-divider .van-doc-demo-block__title {
        padding-top: 1.6rem;
    }

.demo-empty {
    background: #fff;
}

    .demo-empty .custom-image .van-empty__image {
        width: 9rem;
        height: 9rem;
    }

    .demo-empty .bottom-button {
        width: 16rem;
    }

.demo-form {
    width: 100vw;
    overflow: hidden;
}

    .demo-form .van-hairline--bottom::after {
        margin-left: 1.6rem;
    }

.demo-goods-action .van-goods-action {
    position: relative;
    padding-bottom: 0;
}

.demo-icon {
    font-size: 0;
}

.demo-icon-list {
    box-sizing: border-box;
    min-height: calc(100vh - 6.5rem);
    padding-top: 1rem;
}

.demo-icon-notify {
    font-size: 1.3rem;
}

.demo-icon .van-col {
    display: inline-block;
    float: none;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

    .demo-icon .van-col span {
        display: block;
        height: 3.6rem;
        margin: -0.0.4rem 0 0.0.4rem;
        padding: 0 0.5rem;
        color: #646566;
        font-size: 1.2rem;
        line-height: 1.8rem;
    }

    .demo-icon .van-col:active {
        background-color: #f2f3f5;
    }

.demo-icon .van-icon {
    margin: 1.6rem 0 1.6rem;
    color: #323233;
    font-size: 3.2rem;
}

.demo-icon .van-tab__pane {
    width: auto;
    margin: 2rem;
    background-color: #fff;
    border-radius: 1.2rem;
}

.demo-image {
    overflow-x: hidden;
    background-color: #fff;
}

    .demo-image .van-row {
        padding: 0 1.6rem;
    }

    .demo-image .van-col {
        margin-bottom: 2rem;
    }

    .demo-image .text {
        margin-top: 0.5rem;
        color: #646566;
        font-size: 1.4rem;
        text-align: center;
    }

.demo-image-preview {
    background-color: #fff;
}

    .demo-image-preview .van-button {
        margin-left: 1.6rem;
    }

.demo-lazyload {
    padding-right: 1.6rem;
    padding-left: 1.6rem;
}

    .demo-lazyload img, .demo-lazyload div[lazy] {
        box-sizing: border-box;
        width: 100%;
        height: 25rem;
        margin-bottom: 1.6rem;
        padding: 1.6rem;
        background-color: white;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        border-radius: 1.2rem;
        box-shadow: 0 0.8rem 1.2rem #ebedf0;
    }

    .demo-lazyload .van-doc-demo-block__title, .demo-lazyload .van-doc-demo-section__title {
        padding-left: 0;
    }

.demo-list .van-cell {
    text-align: center;
}

.demo-list .page-desc {
    margin: 0;
    padding: 0.5rem 0;
    color: #646566;
    font-size: 1.4rem;
    text-align: center;
}

.demo-list .page-desc--text {
    margin: 0;
}

.demo-list .page-desc--option {
    margin: 1.2rem;
}

.demo-list .van-checkbox__label {
    color: #646566;
}

.demo-loading {
    background: #fff;
}

    .demo-loading .van-loading {
        display: inline-block;
        margin: 0.0.5rem 0 0.0.5rem 2rem;
    }

    .demo-loading .van-loading--vertical {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: inline-flex;
    }

.demo-notice-bar {
    background: #fff;
}

    .demo-notice-bar .van-notice-bar:not(:first-of-type) {
        margin-top: 0.4rem;
    }

    .demo-notice-bar .van-doc-demo-block__title {
        padding-top: 2.4rem;
    }

.demo-notify {
    background-color: #fff;
}

    .demo-notify .van-button {
        margin-left: 1.6rem;
    }

.demo-number-keyboard {
    padding-bottom: 30rem;
}

    .demo-number-keyboard .van-button {
        margin-left: 1.6rem;
    }

.demo-overlay {
    background: #fff;
}

    .demo-overlay .wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        height: 100%;
    }

    .demo-overlay .block {
        width: 12rem;
        height: 12rem;
        background-color: #fff;
    }

.demo-pagination .van-pagination {
    width: 100%;
    margin: 0.5rem 0;
}

.demo-pagination .van-doc-demo-block {
    padding: 0 1.6rem;
}

.demo-pagination .van-doc-demo-block__title {
    padding-left: 0;
}

.demo-panel .van-panel__footer {
    text-align: right;
}

    .demo-panel .van-panel__footer .van-button {
        margin-left: 0.5rem;
    }

.demo-panel .van-panel__content {
    padding: 2rem;
}

.demo-popup .van-row {
    margin-bottom: 1.6rem;
}

.demo-popup .van-button {
    margin-left: 1.6rem;
}

.demo-progress {
    background: #fff;
}

    .demo-progress .van-progress {
        margin: 2rem;
    }

        .demo-progress .van-progress:first-of-type {
            margin-top: 0.5rem;
        }

.demo-pull-refresh {
    background-color: #fff;
}

    .demo-pull-refresh .van-pull-refresh {
        height: calc(100vh - 5rem);
    }

    .demo-pull-refresh .doge {
        width: 14rem;
        height: 7.2rem;
        margin-top: 0.8rem;
        border-radius: 0.4rem;
    }

    .demo-pull-refresh p {
        margin: 0;
        padding: 1.6rem 0 0 1.6rem;
    }

.demo-radio {
    background: #fff;
}

.demo-radio-group {
    padding: 0 1.6rem;
}

    .demo-radio-group .van-radio {
        margin-bottom: 0.8rem;
    }

.demo-radio img {
    height: 2rem;
}

.demo-radio .van-doc-demo-block__title {
    margin-top: -0.8rem;
}

.demo-rate {
    padding-bottom: 2rem;
    background-color: #fff;
}

    .demo-rate .van-rate {
        margin-left: 1.6rem;
    }

.demo-sidebar {
    background-color: #fff;
}

    .demo-sidebar .van-sidebar {
        margin-left: 1.6rem;
    }

.demo-sidebar-title {
    margin-bottom: 1.6rem;
    color: #969799;
    font-weight: normal;
    font-size: 1.4rem;
}

.demo-skeleton {
    background-color: #fff;
}

    .demo-skeleton .van-switch {
        margin: 0 1.6rem 0.8rem;
    }

    .demo-skeleton .demo-preview {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        padding: 0 1.6rem;
    }

        .demo-skeleton .demo-preview .demo-content {
            padding-top: 0.6rem;
        }

            .demo-skeleton .demo-preview .demo-content h3 {
                margin: 0;
                font-size: 1.8rem;
                line-height: 2rem;
            }

            .demo-skeleton .demo-preview .demo-content p {
                margin: 1.3rem 0 0;
                font-size: 1.4rem;
                line-height: 2rem;
            }

        .demo-skeleton .demo-preview img {
            -webkit-flex-shrink: 0;
            flex-shrink: 0;
            width: 3.2rem;
            height: 3.2rem;
            margin-right: 1.6rem;
        }

.demo-sku {
    background-color: #fff;
}

    .demo-sku .sku-container {
        padding: 0 1.6rem;
    }

    .demo-sku .text-center {
        text-align: center;
    }

.demo-slider {
    background: #fff;
    -webkit-user-select: none;
    user-select: none;
}

    .demo-slider .van-doc-demo-block {
        padding: 0 1.6rem 2rem;
    }

    .demo-slider .van-doc-demo-block__title {
        padding-left: 0;
    }

    .demo-slider .custom-button {
        width: 2.6rem;
        color: #fff;
        font-size: 1rem;
        line-height: 1.8rem;
        text-align: center;
        background-color: #406dff;
        border-radius: 10rem;
    }

.demo-steps .steps-success, .demo-steps .van-icon-location {
    color: #406dff;
}

.demo-steps .van-button {
    margin: 1.6rem 0 0 1.6rem;
}

.demo-steps p, .demo-steps h3 {
    margin: 0;
    font-weight: normal;
    font-size: inherit;
}

.demo-steps .van-steps__message + p {
    margin-bottom: 1rem;
}

.demo-sticky {
    height: 200vh;
}

    .demo-sticky .van-button {
        margin-left: 1.6rem;
    }

.demo-style .van-ellipsis, .demo-style .van-multi-ellipsis--l2 {
    max-width: 30rem;
    margin-left: 1.6rem;
    font-size: 1.4rem;
    line-height: 1.8rem;
}

.demo-style .van-ellipsis {
    margin-bottom: 1.6rem;
}

.demo-style .van-hairline--top {
    height: 3rem;
    background-color: #fff;
}

    .demo-style .van-hairline--top::after {
        top: 0.5rem;
    }

.demo-style .demo-animate-block {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 10rem;
    height: 10rem;
    margin: -5rem 0 0 -5rem;
    background-color: #406dff;
    border-radius: 0.3rem;
}

.demo-submit-bar .van-submit-bar {
    position: relative;
    padding-bottom: 0;
}

.demo-submit-bar .edit-address {
    color: #406dff;
}

.demo-submit-bar .van-checkbox {
    margin-right: 1.2rem;
}

.demo-swipe {
    padding-bottom: 3rem;
}

    .demo-swipe .van-swipe-item {
        color: #fff;
        font-size: 2rem;
        line-height: 15rem;
        text-align: center;
    }

        .demo-swipe .van-swipe-item:nth-child(even) {
            background-color: #39a9ed;
        }

        .demo-swipe .van-swipe-item:nth-child(odd) {
            background-color: #66c6f2;
        }

    .demo-swipe .van-swipe img {
        display: block;
        box-sizing: border-box;
        width: 100%;
        height: 24rem;
        padding: 3rem 6rem;
        background-color: #fff;
        pointer-events: none;
    }

.demo-swipe--vertical .van-swipe-item {
    line-height: 20rem;
}

.demo-swipe .custom-indicator {
    position: absolute;
    right: 0.5rem;
    bottom: 0.5rem;
    padding: 0.2rem 0.5rem;
    color: #fff;
    font-size: 1.2rem;
    background: rgba(0, 0, 0, 0.1);
}

.demo-swipe-cell {
    -webkit-user-select: none;
    user-select: none;
}

    .demo-swipe-cell .van-card {
        margin: 0;
        background-color: #fff;
    }

    .demo-swipe-cell .delete-button {
        height: 100%;
    }

.demo-switch .van-switch {
    margin-left: 1.6rem;
}

.demo-tab {
    margin-bottom: 80vh;
}

    .demo-tab .van-tab .van-icon {
        margin-right: 0.5rem;
        vertical-align: -0.2rem;
    }

    .demo-tab .van-tab__pane {
        padding: 2.5rem 2rem;
        background-color: #fff;
    }

    .demo-tab .van-tabs--card .van-tab__pane {
        background-color: transparent;
    }

.demo-tabbar .van-tabbar {
    position: relative;
    padding-bottom: 0;
}

.demo-tag {
    background-color: #fff;
}

    .demo-tag .van-tag:first-of-type {
        margin-left: 1.6rem;
    }

    .demo-tag .van-tag + .van-tag {
        margin-left: 0.8rem;
    }

.demo-toast {
    background-color: #fff;
}

    .demo-toast .van-button {
        margin-left: 1.6rem;
    }

.demo-uploader {
    background-color: #fff;
}

    .demo-uploader .van-uploader {
        margin-left: 1.6rem;
    }

.demo-home-nav__title {
    margin: 2.4rem 0 0.8rem 1.6rem;
    color: rgba(69, 90, 100, 0.6);
    font-size: 1.4rem;
}

.demo-home-nav__block {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin: 0 0 1.2rem;
    padding-left: 2rem;
    color: #323233;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 4rem;
    background: #f7f8fa;
    border-radius: 9.9rem;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
}

    .demo-home-nav__block:hover {
        background: #eef0f4;
    }

    .demo-home-nav__block:active {
        background: #e4e8ee;
    }

.demo-home-nav__icon {
    position: absolute;
    top: 50%;
    right: 1.6rem;
    width: 1.6rem;
    height: 1.6rem;
    margin-top: -0.8rem;
}

.demo-home {
    box-sizing: border-box;
    width: 100%;
    min-height: 100vh;
    padding: 4.6rem 2rem 2rem;
    background: #fff;
}

.demo-home__title, .demo-home__desc {
    padding-left: 1.6rem;
    font-weight: normal;
    line-height: 1;
    -webkit-user-select: none;
    user-select: none;
}

.demo-home__title {
    margin: 0 0 1.6rem;
    font-size: 3.2rem;
}

    .demo-home__title img, .demo-home__title span {
        display: inline-block;
        vertical-align: middle;
    }

    .demo-home__title img {
        width: 3.2rem;
    }

    .demo-home__title span {
        margin-left: 1.6rem;
        font-weight: 500;
    }

.demo-home__title--small {
    font-size: 2.4rem;
}

.demo-home__desc {
    margin: 0 0 4rem;
    color: rgba(69, 90, 100, 0.6);
    font-size: 1.4rem;
}

.demo-nav {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 5.6rem;
    background-color: #fff;
}

.demo-nav__title {
    font-weight: 500;
    font-size: 1.7rem;
    text-transform: capitalize;
}

.demo-nav__back {
    position: absolute;
    top: 1.6rem;
    left: 1.6rem;
    width: 2.4rem;
    height: 2.4rem;
    cursor: pointer;
}

body {
    margin: 0;
    overflow-x: auto;
    color: #323233;
    font-size: 1.6rem;
    font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Segoe UI, Arial, Roboto, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
    background-color: #f7f8fa;
    -webkit-font-smoothing: antialiased;
}

p {
    margin: 0;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font-size: inherit;
}

ul, ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

a {
    text-decoration: none;
}

.van-doc-row {
    width: 100%;
}



body {
    min-width: 100vw;
}

::-webkit-scrollbar {
    width: 0;
    background: transparent;
}