@font-face {
    font-family: 'iconfont8';
    src: url('../fonts/iconfont.eot');
    src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/iconfont.woff') format('woff'),
        url('../fonts/iconfont.ttf') format('truetype'),
        url('../fonts/iconfont.svg#iconfont') format('svg');
}
@font-face {
    font-family: 'iconfont9';
    src: url('../fonts/iconfont.f5772a80.ttf') format('truetype');
}
.iconfont8 {
    font-family: "iconfont8" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
.iconfont9 {
    font-family: "iconfont9" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

.lodding-mask {
    /* 蒙版 */
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: rgba(0, 0, 0, 0.6);
    -khtml-opacity: 0.6;
    opacity: 0.6;
}

/* ----- 带按钮的弹窗样式   ----- */
.popup-dialog {
    position: fixed;
    width: 80vw;
    left: 10vw;
    top: 35%;
    background: #fff;
    z-index: 999999;
    border: none;
    border-radius: 2vw;
    border-color: #ddd;
    text-align: center;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.6);
    font-family: "Microsoft YaHei";
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.popup-dialog p.margin-top-15 {
    margin-top: 8vw;
    margin-bottom: 7vw;
    color: #191919;
}
.popup-dialog .message {
    margin: 1vw 0 6vw;
    padding: 0 7vw;
    font-size: 4.33vw;
    color: #737373;
}
.popup-dialog h3 {
    display: block;
    font-size: 4.55vw;
    font-weight: bold;
    color: #111;
    margin: 7vw 0 3vw;
    padding: 0px 10px;
}
.popup-dialog input {
    width: 65vw;
    height: 10vw;
    border: #8f8f8f solid 1px;
    border-radius: 1vw;
    padding-left: 2vw;
    -webkit-appearance: none;
    outline: none;
    margin-bottom: 2vw;
    font-size: 4vw;
}
.popup-dialog .ui-grid-a {
    line-height: 13vw;
    color: #586B95;
    font-size: 4.33vw;
    font-weight: bold;
    border-top: #F2F2F2 solid 1px;
}

.ui-grid-a.group {
    margin-top: 0;
}

.popup-dialog .ui-grid-a.hide {
    display: none;
}

.popup-dialog .ui-block-a,
.popup-dialog .ui-block-b {
    -webkit-tap-highlight-color: :rgba(0, 0, 0, 0.1);
    width: 49.8%;
    float: left;
}



.popup-dialog .ui-block-a {
    border-right: #F2F2F2 solid 1px;
}

.toast {
    line-height: 6vw;
    -webkit-user-select: none;
    user-select: none;
    text-align: center;
    color: #FFF;
    font-size: 4vw;
}
.toast-box {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 100;
    width: 25vw;
    border-radius: 2vw;
    padding: 5vw 2vw;
    background: rgba(0, 0, 0, 0.8);
    -webkit-transform: translate3d(-50%, -65%, 0);
    transform: translate3d(-50%, -65%, 0);
}
.toast-loading {
    position: relative;
    width: 8vw;
    height: 8vw;
    margin: 0 auto 3vw;
}
.toast-loading i {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-animation: toast-fade 1.2s infinite both ease-in-out;
    animation: toast-fade 1.2s infinite both ease-in-out;
}
.toast-loading i:before {
    display: block;
    content: '';
    width: 2px;
    height: 25%;
    margin: 0 auto;
    background: #fff;
    border-radius: 1px;
}
.toast-loading i:nth-child(1) {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}
.toast-loading i:nth-child(2) {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}
.toast-loading i:nth-child(3) {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}
.toast-loading i:nth-child(4) {
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg);
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}
.toast-loading i:nth-child(5) {
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg);
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}
.toast-loading i:nth-child(6) {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}
.toast-loading i:nth-child(7) {
    -webkit-transform: rotate(210deg);
    transform: rotate(210deg);
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}
.toast-loading i:nth-child(8) {
    -webkit-transform: rotate(240deg);
    transform: rotate(240deg);
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}
.toast-loading i:nth-child(9) {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}
.toast-loading i:nth-child(10) {
    -webkit-transform: rotate(300deg);
    transform: rotate(300deg);
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}
.toast-loading i:nth-child(11) {
    -webkit-transform: rotate(330deg);
    transform: rotate(330deg);
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
}
.toast-box .icon-success,
.toast-box .icon-error {
    margin: 0 auto 12px;
}
@-webkit-keyframes toast-fade {
    0% {
        opacity: .25;
    }
    100% {
        opacity: 1;
    }
}
@keyframes toast-fade {
    0% {
        opacity: .25;
    }
    100% {
        opacity: 1;
    }
}
.toast-message {
    position: fixed;
    width: 100%;
    top: 45%;
    z-index: 100;
    text-align: center
}
.toast-message span {
    display: inline-block;
    max-width: 80%;
    border-radius: 1vw;
    padding: 4vw 6vw;
    background: rgba(0, 0, 0, .7);
    -webkit-animation: toast-fade both .3s;
    animation: toast-fade both .3s
}
.toast-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: rgba(0, 0, 0, 0.1);
}
.toast-box .icon-error,
.toast-box .icon-success {
    margin: 0 auto 1.2rem
}

/**/

@-webkit-keyframes van-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}
@keyframes van-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}
@-webkit-keyframes van-circular {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -40
    }
    to {
        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
    }
    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -120
    }
}
.van-loading {
    width: 8vw;
    height: 8vw;
    z-index: 0;
    font-size: 0;
    line-height: 0;
    position: relative;
    vertical-align: middle
}
.van-loading--circle {
    width: 4.26667vw;
    height: 4.26667vw
}
.van-loading__spinner {
    z-index: -1;
    width: 100%;
    height: 100%;
    position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-animation: van-rotate .8s linear infinite;
    animation: van-rotate .8s linear infinite
}
.van-loading__spinner--circle {
    border-radius: 100%;
    border: .8vw solid transparent;
    border-color: #7d7e80 #c8c9cc #c8c9cc
}
.van-loading__spinner--gradient-circle {
    background-size: contain;
    background-image: url(https://img.yzcdn.cn/vant/gradient-circle-black.png)
}
.van-loading__spinner--spinner {
    -webkit-animation-timing-function: steps(12);
    animation-timing-function: steps(12)
}
.van-circle svg, .van-loading__spinner--spinner i {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute
}
.van-loading__spinner--spinner i:before {
    width: .53333vw;
    height: 25%;
    content: " ";
    display: block;
    margin: 0 auto;
    border-radius: 40%;
    background-color: currentColor
}
.van-loading__spinner--circular {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}
.van-loading__circular {
    width: 100%;
    height: 100%
}
.van-loading__circular circle {
    stroke: currentColor;
    stroke-width: 3;
    stroke-linecap: round;
    -webkit-animation: van-circular 1.5s ease-in-out infinite;
    animation: van-circular 1.5s ease-in-out infinite
}
.van-loading--white .van-loading__spinner--circle {
    border-color: hsla(0, 0%, 100%, .7) rgba(0, 0, 0, .1) rgba(0, 0, 0, .1)
}
.van-loading__spinner--spinner i:first-of-type {
    opacity: 1;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg)
}
.van-loading__spinner--spinner i:nth-of-type(2) {
    opacity: .9375;
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg)
}
.van-loading__spinner--spinner i:nth-of-type(3) {
    opacity: .875;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}
.van-loading__spinner--spinner i:nth-of-type(4) {
    opacity: .8125;
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg)
}
.van-loading__spinner--spinner i:nth-of-type(5) {
    opacity: .75;
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg)
}
.van-loading__spinner--spinner i:nth-of-type(6) {
    opacity: .6875;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}
.van-loading__spinner--spinner i:nth-of-type(7) {
    opacity: .625;
    -webkit-transform: rotate(210deg);
    transform: rotate(210deg)
}
.van-loading__spinner--spinner i:nth-of-type(8) {
    opacity: .5625;
    -webkit-transform: rotate(240deg);
    transform: rotate(240deg)
}
.van-loading__spinner--spinner i:nth-of-type(9) {
    opacity: .5;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}
.van-loading__spinner--spinner i:nth-of-type(10) {
    opacity: .4375;
    -webkit-transform: rotate(300deg);
    transform: rotate(300deg)
}
.van-loading__spinner--spinner i:nth-of-type(11) {
    opacity: .375;
    -webkit-transform: rotate(330deg);
    transform: rotate(330deg)
}
.van-loading__spinner--spinner i:nth-of-type(12) {
    opacity: .3125;
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
}
.van-list__error-text, .van-list__finished-text, .van-list__loading-text {
    color: #969799;
    font-size: 3.46667vw;
    line-height: 13.33333vw;
    text-align: center
}
.van-list__loading-text {
    color: #969799;
    font-size: 3.46667vw;
    line-height: 13.33333vw;
    text-align: center
}
.van-list__loading {
    text-align: center
}
.van-list__loading-icon, .van-list__loading-text {
    display: inline-block;
    vertical-align: middle
}
.van-list__loading-icon {
    width: 4.26667vw;
    height: 4.26667vw;
    margin-right: 1.33333vw
}
/**/
.app-footer[data-v-a8bc87ee] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
}
.backTopnav {
    position: fixed;
    width: 12.533vw;
    right: 2.6666vw;
    bottom: 20%;
    z-index: 99;
    display: none;
}
.overflowfixed {
    position: fixed;
}
.ui-loader {
    display: none;
}
/**/


.paywdpop-empty i {}
.paywdpop-int {
    text-align: center;
    margin-top: 10vw;
}
.paywdpop-int span {
    width: 12vw;
    height: 12vw;
    border: 1px solid #CCCCCC;
    margin: 1vw;
    border-radius: 2vw;
    background-color: #F8F8F8;
}
.paywdpop-int span img {
    width: 5vw;
    height: 5vw;
}
.paywdpop-keyboard {
    margin-top: 17vw;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #D1D2D9;
    display: flex;
    justify-content: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
}
.paywdpop-keyboard>span {
    width: 30%;
    height: 12vw;
    border: 1px solid #CCCCCC;
    border-right: 0;
    border-bottom: 0;
    font-size: 5.5vw;
    text-align: center;
    line-height: 12vw;
    margin: 1vw;
    background-color: #fff;
    border-radius: 2vw;
}
.paywdpop-keyboard .figure:active {
    background: #E3E8EE;
}
.paywdpop-keyboard .paywdpop-empty {
    background: #E3E8EE;
    color: #fff;
}
.paywdpop-keyboard .paywdpop-empty span {}
.paywdpop-keyboard .paywdpop-del {
    background: #E3E8EE;
    color: #fff;
}
.paywdpop-keyboard .paywdpop-del i {
    font-size: 6.5vw;
    color: #222;
}

.align-center {
    background-color: #D1D2D9;
    display: flex;
    justify-content: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
}
.align-center2 {
    background-color: #fff;
    display: flex;
    justify-content: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
}
.space-between {
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}
.vip-task-title[data-v-0281e050] span {
    font-size: 5.2vw;
    font-weight: 500;
}
.vip-task-title[data-v-0281e050] {
    text-align: center;
}
.vip-task-pwtip[data-v-0281e050] {
    text-align: center;
    margin-top: 4vw;
}
.vip-task-pwtip[data-v-0281e050] span {
    font-size: 3.2vw;
    font-weight: 400;
    color: #969696;
}
/**/

.suspend[data-v-34656e17] {
    position: fixed;
    bottom: 24vw;
    z-index: 5;
    background-color: rgba(0, 0, 0, .5);
    border-radius: 13.333vw;
    min-width: 10.4vw;
}
.suspend-left[data-v-34656e17] {
    left: 3.2vw;
}
.suspend .suspend-for[data-v-34656e17] {
    padding: 2.667vw 2.133vw;
}
.suspend .suspend-for .suspend-list[data-v-34656e17] {
    padding: 1.6vw 0;
    text-align: center;
    border-top: 1px solid #b3b3b3;
}
.suspend .suspend-for .suspend-list[data-v-34656e17]:first-child {
    padding-top: 0;
    border-top: none;
}
.suspend .suspend-for .suspend-list .suspend-title[data-v-34656e17] {
    font-size: 2.933vw;
    font-weight: 500;
    color: #fff;
    padding-top: 0.267vw;
}
.suspend .suspend-for .suspend-list .suspend-icon[data-v-34656e17] {
    font-size: 5.067vw;
    color: #fff;
}
/**/

.tabbar-item__text[data-v-0eb40ca2] {
    font-size: 2.667vw;
    color: #222222;
}