.loginpage[data-v-e3ac078c] {
    min-height: 100vh;
    background: #fff;
    z-index: 1;
    position: relative
}

.loginpage .nav-top[data-v-e3ac078c] {
    width: 100vw;
    height: 79.466667vw;
    background: url(../img/ic_bg.6a45eb88.png) no-repeat;
    background-size: cover;
    padding: 14vw 7.333333vw 0
}

.loginpage .nav-top.topregis[data-v-e3ac078c] {
    padding: 7.866667vw 8vw 0
}

.loginpage .nav-top .imgtop[data-v-e3ac078c] {
    width: 23.2vw;
    height: auto
}

.loginpage .nav-top .northern[data-v-e3ac078c] {
    font-size: 4.8vw;
    font-weight: 600;
    color: #fff;
    margin-top: 4vw
}

.loginpage .nav-top .joinus[data-v-e3ac078c] {
    font-size: 4.266667vw;
    color: #fff;
    margin-top: 1.333333vw;
    font-weight: 600
}

.loginpage .nav-top .receive[data-v-e3ac078c] {
    font-size: 4.133333vw;
    color: #fff;
    margin-top: 1.333333vw;
    -webkit-transform: skewX(-10deg);
    transform: skewX(-10deg);
    font-weight: 600
}

.loginpage .nav-top .receive span[data-v-e3ac078c] {
    color: #ffc402;
    font-size: 4.266667vw;
    font-weight: 600
}

.loginpage .mobilei[data-v-e3ac078c] {
    text-align: left;
    font-size: 3.466667vw;
    color: #333;
    font-weight: 500;
    display: block
}

.loginpage .btnlogin[data-v-e3ac078c] {
    width: 91.466667vw;
    height: 13.066667vw;
    background: #ffc402;
    border-radius: 2.133333vw;
    font-size: 4.8vw;
    font-weight: 600;
    color: #333;
    margin-top: 4vw;
    border: 0
}

.loginpage .forget[data-v-e3ac078c] {
    font-size: 3.466667vw;
    color: #ff8400;
    margin-top: 4vw
}

.loginpage .readagree[data-v-e3ac078c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 2.666667vw
}

.loginpage .readagree img[data-v-e3ac078c] {
    width: 5.333333vw;
    height: auto;
    margin-right: 2.4vw
}

.loginpage .readagree p[data-v-e3ac078c] {
    font-size: 3.466667vw;
    color: #999;
    text-align: left
}

[data-v-e3ac078c] .input-box {
    background: none;
    height: 13.066667vw;
    padding: 3.333333vw 4vw 1.333333vw 0;
    margin-bottom: 5.333333vw;
    border-bottom: 1px solid #e5e5e5
}

[data-v-e3ac078c] .input-box .van-field__left-icon {
    margin-right: 2.666667vw
}

[data-v-e3ac078c] .input-box .van-field__left-icon .phonen {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

[data-v-e3ac078c] .input-box .van-field__left-icon .phonen p {
    color: #ffc402;
    font-size: 4.266667vw;
    font-weight: 600;
    margin-right: 3.333333vw
}

[data-v-e3ac078c] .input-box .van-field__left-icon .phonen span {
    display: block;
    background: #e6e6e6;
    width: .266667vw;
    height: 4vw
}

[data-v-e3ac078c] .input-box input {
    font-size: 4vw;
    font-weight: 500;
    color: #333
}

[data-v-e3ac078c] .input-box input::-webkit-input-placeholder {
    color: #a0a3b8
}

[data-v-e3ac078c] .input-box input::-moz-placeholder {
    color: #a0a3b8
}

[data-v-e3ac078c] .input-box input:-ms-input-placeholder {
    color: #a0a3b8
}

[data-v-e3ac078c] .input-box input::-ms-input-placeholder {
    color: #a0a3b8
}

[data-v-e3ac078c] .input-box input::placeholder {
    color: #a0a3b8
}

[data-v-e3ac078c] .input-box .van-field__right-icon .eyeimg {
    width: 5.066667vw;
    height: auto
}

[data-v-e3ac078c] .input-box .van-field__right-icon .imgcode {
    width: 24vw;
    height: 7.866667vw
}

[data-v-e3ac078c] .input-box .van-field__right-icon .fimgi {
    width: 5.733333vw;
    height: auto
}

[data-v-e3ac078c] .input-box:after {
    display: none
}

[data-v-e3ac078c] .input-box.btnbox {
    padding: 2vw 4vw 1.333333vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

[data-v-e3ac078c] .input-box.btnbox .van-field__right-icon .senduis {
    padding: .666667vw 2.4vw;
    height: 8vw;
    border: 0;
    background: none
}

[data-v-e3ac078c] .input-box.btnbox .van-field__right-icon .senduis span {
    font-size: 3.466667vw;
    font-weight: 600;
    color: #ff8400
}

[data-v-e3ac078c] .tabs-box {
    padding: 6vw 5.333333vw 4vw;
    border-radius: 9.066667vw 9.066667vw 0 0;
    -webkit-transform: translateY(-13.333333vw);
    transform: translateY(-13.333333vw);
    background: #fff
}

[data-v-e3ac078c] .tabs-box.tabis {
    -webkit-transform: translateY(-20vw);
    transform: translateY(-20vw)
}

[data-v-e3ac078c] .tabs-box.tabis .van-tabs__content {
    margin-top: 6.666667vw
}

[data-v-e3ac078c] .tabs-box .van-tabs__wrap {
    background: none
}

[data-v-e3ac078c] .tabs-box .van-tabs__wrap .van-tabs__nav {
    padding-left: 0;
    padding-right: 0;
    background: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

[data-v-e3ac078c] .tabs-box .van-tabs__wrap .van-tabs__nav .van-tab {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30.666667vw;
    flex: 0 0 30.666667vw;
    padding-left: 0;
    padding-right: 0;
    border-radius: 1.066667vw
}

[data-v-e3ac078c] .tabs-box .van-tabs__wrap .van-tabs__nav .van-tab span {
    font-size: 4.266667vw;
    color: #999;
    font-weight: 600
}

[data-v-e3ac078c] .tabs-box .van-tabs__wrap .van-tabs__nav .van-tab--active {
    border-radius: 6.666667vw;
    border: .4vw solid #ffc402;
    background: #fff7e7
}

[data-v-e3ac078c] .tabs-box .van-tabs__wrap .van-tabs__nav .van-tab--active span {
    font-weight: 600;
    color: #fec316;
    font-size: 4.8vw
}

[data-v-e3ac078c] .tabs-box .van-tabs__wrap .van-tabs__nav .van-tabs__line {
    display: none
}

[data-v-e3ac078c] .tabs-box .van-tabs__content {
    margin-top: 13.333333vw
}