#app {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color: #2c3e50;
    background: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 100%
}

#app #nav {
    padding: 30px
}

#app #nav a {
    font-weight: 700;
    color: #2c3e50
}

#app #nav a.router-link-exact-active {
    color: #42b983
}

#app * {
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

/* #app *,
#app blockquote,
#app body,
#app button,
#app dd,
#app dl,
#app dt,
#app fieldset,
#app form,
#app h1,
#app h2,
#app h3,
#app h4,
#app h5,
#app h6,
#app hr,
#app input,
#app legend,
#app li,
#app ol,
#app p,
#app pre,
#app td,
#app textarea,
#app th,
#app ul {
    margin: 0;
    padding: 0;
    vertical-align: baseline
} */

#app img {
    border: 0 none;
    vertical-align: top
}

#app em,
i {
    font-style: normal
}

#app ol,
#app ul {
    list-style: none
}

#app button,
#app h1,
#app h2,
#app h3,
#app h4,
#app h5,
#app h6,
#app input,
#app select {
    font-size: 100%;
    font-family: inherit
}

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

#app a {
    text-decoration: none
}

#app a
{
    color: #666
}

#app  {
    margin: 0 auto;
    min-width: 320px;
    height: 100%;
    font-size: 14px;
    font-family: -apple-system, Helvetica, sans-serif;
    line-height: 1.5;
    -webkit-text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
    -ms-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important
}

#app input[type=text],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

#app .border,
.border-bottom,
.border-bottomleft,
.border-left,
.border-right,
.border-rightbottom,
.border-rightleft,
.border-top,
.border-topbottom,
.border-topleft,
.border-topright {
    position: relative
}

#app .border-bottom:before,
.border-bottomleft:after,
.border-bottomleft:before,
.border-left:before,
.border-right:before,
.border-rightbottom:after,
.border-rightbottom:before,
.border-rightleft:after,
.border-rightleft:before,
.border-top:before,
.border-topbottom:after,
.border-topbottom:before,
.border-topleft:after,
.border-topleft:before,
.border-topright:after,
.border-topright:before,
.border:before {
    content: "\0020";
    overflow: hidden;
    position: absolute
}

#app .border:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border: 1px solid #e0e0e0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

#app .border-bottom:before,
.border-bottomleft:before,
.border-rightbottom:after,
.border-top:before,
.border-topbottom:after,
.border-topbottom:before,
.border-topleft:before,
.border-topright:before {
    left: 0;
    width: 100%;
    height: 1px
}

#app .border-bottomleft:after,
.border-left:before,
.border-right:before,
.border-rightbottom:before,
.border-rightleft:after,
.border-rightleft:before,
.border-topleft:after,
.border-topright:after {
    top: 0;
    width: 1px;
    height: 100%
}

#app .border-top:before,
.border-topbottom:before,
.border-topleft:before,
.border-topright:before {
    border-top: 1px solid #e0e0e0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

#app .border-right:before,
.border-rightbottom:before,
.border-rightleft:before,
.border-topright:after {
    border-right: 1px solid #e0e0e0;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

#app .border-bottom:before,
.border-bottomleft:before,
.border-rightbottom:after,
.border-topbottom:after {
    border-bottom: 1px solid #e0e0e0;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

#app .border-bottomleft:after,
.border-left:before,
.border-rightleft:after,
.border-topleft:after {
    border-left: 1px solid #e0e0e0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

#app .border-top:before,
.border-topbottom:before,
.border-topleft:before,
.border-topright:before {
    top: 0
}

#app .border-right:before,
.border-rightbottom:before,
.border-rightleft:after,
.border-topright:after {
    right: 0
}

.border-bottom:before,
.border-bottomleft:after,
.border-rightbottom:after,
.border-topbottom:after {
    bottom: 0
}

#app .border-bottomleft:before,
.border-left:before,
.border-rightleft:before,
.border-topleft:after {
    left: 0
}

@media (-webkit-min-device-pixel-ratio:1.5) and (-webkit-max-device-pixel-ratio:2.49),
(-webkit-min-device-pixel-ratio:1.5) and (-webkit-max-device-pixel-ratio:2.4895833333333335),
(min-device-pixel-ratio:1.5) and (max-device-pixel-ratio:2.49),
(min-resolution:1.5dppx) and (max-resolution:2.49dppx),
(min-resolution:144dpi) and (max-resolution:239dpi) {
    #app .border:before {
        width: 200%;
        height: 200%;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    #app .border-bottom:before,
    .border-bottomleft:before,
    .border-rightbottom:after,
    .border-top:before,
    .border-topbottom:after,
    .border-topbottom:before,
    .border-topleft:before,
    .border-topright:before {
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }

    #app .border-bottomleft:after,
    .border-left:before,
    .border-right:before,
    .border-rightbottom:before,
    .border-rightleft:after,
    .border-rightleft:before,
    .border-topleft:after,
    .border-topright:after {
        -webkit-transform: scaleX(.5);
        transform: scaleX(.5)
    }
}

@media (-webkit-min-device-pixel-ratio:2.5),
(min-device-pixel-ratio:2.5),
(min-resolution:2.5dppx),
(min-resolution:240dpi) {
    #app .border:before {
        width: 300%;
        height: 300%;
        -webkit-transform: scale(.33333);
        transform: scale(.33333)
    }

    #app .border-bottom:before,
    .border-bottomleft:before,
    .border-rightbottom:after,
    .border-top:before,
    .border-topbottom:after,
    .border-topbottom:before,
    .border-topleft:before,
    .border-topright:before {
        -webkit-transform: scaleY(.33333);
        transform: scaleY(.33333)
    }

    #app .border-bottomleft:after,
    .border-left:before,
    .border-right:before,
    .border-rightbottom:before,
    .border-rightleft:after,
    .border-rightleft:before,
    .border-topleft:after,
    .border-topright:after {
        -webkit-transform: scaleX(.33333);
        transform: scaleX(.33333)
    }
}

#app body,
#app html {
    font-family: \5FAE\8F6F\96C5\9ED1, \5B8B\4F53, Hiragino Sans GB, STHeiti, WenQuanYi Micro Hei, Droid Sans Fallback, SimSun, sans-serif;
    line-height: 1;
    font-size: 14px;
    color: #fff;
    height: 100%;
    width: 100%
}

#app  button,
#app select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background: transparent
}

#app ::-webkit-input-placeholder {
    color: #9a9a9a
}

#app .picker-slot {
    font-size: 15px
}

#app .picker-item {
    color: #929292
}

#app .picker-item.picker-selected {
    color: #252525
}

.mint-checkbox-input:checked+.mint-checkbox-core,
.mint-radio-input:checked+.mint-radio-core {
    background-color: #568efd;
    border-color: #568efd
}

#app .mint-msgbox-message {
    color: #222;
    font-size: .28rem;
    line-height: .36rem
}

#app .mint-msgbox-cancel {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 1px
}

#app .mint-msgbox {
    width: 5.43rem;
    border-radius: .28rem
}

#app .mint-msgbox-header {
    padding: .32rem 0 0
}

#app .mint-msgbox-header .mint-msgbox-title {
    font-size: .34rem
}

#app .mint-msgbox-content {
    padding: .32rem .2rem;
    min-height: .72rem
}

.mint-msgbox-btns {
    font-size: .34rem;
    line-height: 1rem;
    height: 1rem
}

.mint-msgbox-confirm {
    color: #007aff
}

.footer-comp[data-v-00d65a5a] {
    color: #94949e;
    width: 7.5rem;
    padding: .35rem 0;
    margin: 0 auto
}

.footer-comp .powered-by-title[data-v-00d65a5a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    width: 6.4rem;
    margin: 0 auto;
    overflow: hidden;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer-comp .powered-by-title .split-line[data-v-00d65a5a] {
    width: 100%;
    border-bottom: 1px solid #e4e4e4;
    height: .2rem
}

.footer-comp .powered-by-title .split-text[data-v-00d65a5a] {
    margin-top: -.2rem;
    font-size: .24rem;
    line-height: .4rem;
    padding: 0 .44rem;
    position: relative;
    background-color: #fff
}

.footer-comp .caict[data-v-00d65a5a] {
    margin: .15rem auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.footer-comp .caict img[data-v-00d65a5a] {
    width: 20%;
    -o-object-fit: cover;
    object-fit: cover
}

.footer-comp .caict .caict1[data-v-00d65a5a] {
    margin-top: .015rem;
    height: .28rem;
    width: 1.54rem
}

.footer-comp .caict .caict2[data-v-00d65a5a] {
    height: .3rem;
    width: 1rem;
    margin-left: .185rem
}

.footer-comp .caict .caict3[data-v-00d65a5a] {
    height: .32rem;
    width: .97rem;
    margin-left: .185rem
}

.footer-comp .caict .caict4[data-v-00d65a5a] {
    height: .3rem;
    width: 1rem;
    margin-left: .185rem
}

.footer-comp .caict .caict5[data-v-00d65a5a] {
    height: .3rem;
    width: .88rem;
    margin-left: .185rem
}

.footer-comp .operator-list[data-v-00d65a5a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: .11rem
}

.footer-comp .operator-list .operator-item[data-v-00d65a5a] {
    height: .64rem;
    margin-right: .48rem
}

.footer-comp .operator-list .operator-item[data-v-00d65a5a]:last-child {
    margin-right: 0
}

.footer-comp .operator-list .operator-item img[data-v-00d65a5a] {
    height: 100%
}

.mint-swipe-indicators {
    left: auto;
    right: 0;
    bottom: 5%
}

.mint-swipe-indicator {
    width: 4px;
    height: 4px;
    opacity: 1;
    background: #d0d0d0
}

.mint-swipe-indicator.is-active {
    background: #1673ff
}

.tui-checkbox:checked {
    background: #1673ff;
    border: 1px solid #1673ff !important;
    text-indent: 0 !important
}

.tui-checkbox {
    width: .5rem;
    height: .5rem;
    border-radius: .04rem;
    background-color: #fff;
    border: 1px solid #ddd !important;
    font-size: .8rem;
    margin: 0;
    padding: 0;
    position: relative;
    display: inline-block;
    vertical-align: top;
    cursor: default;
    -webkit-appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: background-color .6s ease;
    transition: background-color .6s ease
}

.tui-checkbox:checked:after {
    content: "";
    position: absolute;
    top: .04rem;
    left: .02rem;
    background: transparent;
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    height: .08rem;
    width: .15rem;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.login-wrap {
    font-size: .24rem
}

.login-wrap .bg-pic {
    background: url(../img/img_bg@3x_bak.42b81be9.png) no-repeat;
    background-size: 100%;
    position: relative;
    background-position-y: -1rem
}

.login-wrap .bg-pic .img-holder {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 2.2rem
}

.login-wrap .bg-pic .img-holder img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.login-wrap .div-main {
    width: 6.4rem;
    height: 6rem;
    margin: 0 auto;
    padding: .32rem;
    background-color: #fff;
    border-radius: .24rem;
    -webkit-box-shadow: 0 0 .24rem 0 #dedede;
    box-shadow: 0 0 .24rem 0 #dedede
}

.login-wrap .div-main .form-list .form-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    border-bottom: 1px solid #e4e4e4;
    padding: .14rem 0;
    margin-top: .58rem
}

.login-wrap .div-main .form-list .form-item:first-child {
    margin-top: .28rem
}

.login-wrap .div-main .form-list .form-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
    padding: 0;
    margin-top: .44rem
}

.login-wrap .div-main .form-list .form-item .icon {
    display: inline-block;
    width: .48rem;
    height: .48rem
}

.login-wrap .div-main .form-list .form-item .user {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIBAMAAACnw650AAAAG1BMVEVHcEy2tr+4uMG2tr+2tr+2tr+7u8O2tr+1tb4uUip6AAAACHRSTlMAhC+p0VIV77aj65sAAAExSURBVEjH7ZXNi8IwEMVrXPXqbvHjWFzUHoUF6VFEJMcVVthj11XYs8LSqyba+bO1bYoRmtdcvPUd2hR+TGbeTFLHqVTpmdqt1qXMe0R0CDFTo0RHDAXUCXcBtXGg+e3JOAzlyzSdLXkA4v/pi9HEzDTzZPoXlJIq3j8DSKpFC2Rez6EXGwhFqsVq8QdyauT+fJ+AT5Hyh88A1D8rK1DztvSZ7iZR7xgdb3b+0h6OypjEq0vSg9BPNnQQ+qJMwoPMoTParDiJ0DwE8Vs2Mj1amqaJx918GcRGk5ZaFw37caF9DEwZTcrPty8tLoHgVM4wrfPDdaICQ+sUPl4IVDCdLaENqAnSj9pmkKjAKXRo78XNLCBuYaUTtS0gzSbmfiTqwkhmn9x7xWyRalr9ryo9Q1dHC06VkWMPJAAAAABJRU5ErkJggg==) no-repeat 50%;
    background-size: contain
}

.login-wrap .div-main .form-list .form-item .phone {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIBAMAAACnw650AAAAGFBMVEVHcEy1tb+2tr+2tr+2tr+8vMK2tr+1tb4+vgLZAAAAB3RSTlMA2ntVrB2T0hjxuQAAAJFJREFUSMdjYBgFo4B0YFgOB4WpONQwlSOBwgDsisILjeHAqDwBuyLzAiSOugB2RSjiKDpGFY0qGlWEpkhICQHccSlCzsHluBQVCiJAOZ18x+xGhCLzcgfCitwhTsavKL1cgLAiFkgZR5HvzEuROO44SrrAcpcUGEgsV8CuiBk56kpwleNBLnDgZjBarY0CGgEAUctKFrQGM38AAAAASUVORK5CYII=) no-repeat 50%;
    background-size: contain
}

.login-wrap .div-main .form-list .form-item .pwd {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIBAMAAACnw650AAAAG1BMVEVHcEy2tr+7u8S2tr+2tsC3t8C2tr+2tr+1tb5FAMQ7AAAACHRSTlMAfBqeXTjnybDMLBoAAAE3SURBVEjH7ZWxS8NAFMYvMa1rHcx8IBZHOxRu1EJpxohSV0GHjFJbyRpjL9+f7cv1WhJ4lwuCg5A3XZIf37s7vvdFiKGG+tNa9mCeMfEyV4C+8zCPwKeHClfATsTQcycyus+BLaEx8HopOSTKAMNQreplxUABvS8X9uGBNMFCs8YNhU8xD7V3cfYfoeseUITUDyU9oAiFv11ibOeGRvOjUAd0Trs5CHVAAfZWqGtPCsoOggNKzScrRJ05Z8LY/ygkxpobAtyaLlZI3JScyfOv1qP65qCkaAlnLxw01rLlFHbaA7w3dTU7eCIvmt32/ARPGx2mh7NyN3U6UJhXrjBITlJrbFxQhFLaRSWFW+rNNFNuIfJcRvFUR0/RlWJkgo8LBZ16YrWuiT80q4U3fsOlHP5lQ/2yfgDR61sioSGB+wAAAABJRU5ErkJggg==) no-repeat 50%;
    background-size: contain
}

.login-wrap .div-main .form-list .form-item .border:before {
    border: none
}

.login-wrap .div-main .form-list .form-item .phonebtn {
    font-size: .28rem;
    position: absolute;
    right: 0;
    border: none;
    width: 1.9rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    color: #007aff;
    padding: .05rem .22rem;
    border-left: 1px solid #e4e4e4
}

.login-wrap .div-main .form-list .form-item .btn-active {
    color: #007aff
}

.login-wrap .div-main .form-list .form-item .phonebtn-s {
    color: #b5b5be
}

.login-wrap .div-main .form-list .form-item .div-ck {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.login-wrap .div-main .form-list .form-item .div-ck .cl-title {
    text-align: left;
    color: #94949e;
    letter-spacing: 0;
    font-size: .24rem;
    line-height: .3rem
}

.login-wrap .div-main .form-list input {
    text-indent: .1rem;
    height: .48rem;
    border: none;
    outline: none;
    font-size: .28rem;
    position: relative
}

.login-wrap .div-main .form-list input:focus+.close {
    visibility: visible
}

.login-wrap .div-main .form-list .close {
    width: .4rem;
    height: .4rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8BAMAAADI0sRBAAAAGFBMVEVHcEzV1d3W1t3X197g4ODW1t3W1tzV1dxadyw8AAAAB3RSTlMAoMVMEJDz9ZzxVAAAAMVJREFUOMtjYBgFAwqchdSSFE1wyRqVg4EyXlkc8qzlcBCAKcuijpAucsCQdipHAioY0urI0kV4bMZmuzmqdDGm2UWGEClhdQzTmcE6xEGyhWCTDFCkmcDijCBpAbAqBRRpd7gEVFEJpsvAMhDNaG4DC4GkoJqBSjEDBSgH1YzmdGiYCTBANaNJp5fDjIRoLi8jRZqA4QScRsBjBIKFQKASiBICEUogORBKTASSIoGETCgbEMhEBLIgoQxMKPsTKjxGAX0AAFhqxo8kTdWKAAAAAElFTkSuQmCC) no-repeat 50%;
    background-size: contain;
    position: absolute;
    right: 0;
    visibility: hidden;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.login-wrap .div-main .form-list .close-tel {
    right: 2rem;
    visibility: hidden
}

.login-wrap .div-main .foot {
    margin-top: 1rem;
    height: .28rem;
    width: 3.5rem
}

.login-wrap .foot-box {
    padding: 0 0 .32rem 0
}

.login-wrap .mint-button {
    width: 100%;
    height: .96rem;
    font-size: .35rem;
    letter-spacing: .05rem;
    margin-top: .4rem;
    border-radius: .24rem
}

.login-wrap .mint-button--primary {
    color: #fff;
    background-color: #007aff;
    -webkit-box-shadow: 0 2px 16px 0 rgba(39, 122, 255, .5);
    box-shadow: 0 2px 16px 0 rgba(39, 122, 255, .5)
}

.login-wrap ::deep .mint-checklist .mint-checklist-title {
    display: none
}

.login-wrap ::deep .mint-checklist .mint-cell {
    background-color: transparent;
    color: #fff;
    min-height: 16px
}

.login-wrap ::deep .mint-checklist .mint-cell .mint-cell-wrapper {
    font-size: .14rem;
    background-image: none;
    padding: 0;
    min-height: 0
}

.login-wrap ::deep .mint-checklist .mint-cell .mint-cell-wrapper .mint-checkbox-input:checked+.mint-checkbox-core {
    background-color: #0062ff;
    border-color: #0062ff
}

.login-wrap ::deep .mint-checklist .mint-cell .mint-checkbox-core {
    border-radius: .04rem;
    width: .24rem;
    height: .24rem
}

.login-wrap ::deep .mint-checklist .mint-cell .mint-checkbox-core:after {
    top: .02rem;
    left: .06rem;
    width: .04rem;
    height: .1rem
}

.login-wrap ::deep .mint-checklist .mint-cell .mint-checklist-label {
    padding: 2px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.login-wrap ::deep .mint-checklist .mint-cell .mint-checklist-label .mint-checkbox-label {
    font-size: .2rem;
    color: #94949e;
    margin-left: 4px
}

.login-wrap ::deep .mint-checklist .mint-cell:last-child {
    background-size: 100% 0
}