.login[data-v-a30984c0] {
    min-height: 100vh;
    background: #fff;
    padding-bottom: 8rem;
    box-sizing: border-box
}

.login header[data-v-a30984c0] {
    width: 100%;
    margin: 0 auto;
    height: 66.4rem;
    padding: 5rem 5rem 10rem;
    text-align: left;
    background: url(/luno/dist/img/bg.3c794a32.png) no-repeat top/100% auto
}

.login header h2[data-v-a30984c0] {
    margin: 0;
    font-size: 6.8rem;
    font-weight: 900;
    color: #fff;
    margin-bottom: 1rem
}

.login header .logo-img[data-v-a30984c0] {
    width: 21.4rem;
    height: 5.2rem
}

.login header .p1[data-v-a30984c0] {
    font-size: 4.4rem;
    font-weight: 500;
    color: #fff;
    margin-bottom: 2rem;
    font-style: italic;
    font-weight: 700;
    margin-top: 30rem;
    font-family: HelveticaNeue
}

.login header .dest[data-v-a30984c0] {
    font-size: 2.4rem;
    font-weight: 500;
    color: #fff;
    font-style: italic;
    font-family: HelveticaNeue
}

.login header .top-bg[data-v-a30984c0] {
    width: 26.4rem;
    height: 30.6rem
}

.login .section-box[data-v-a30984c0] {
    padding: 5rem 5rem;
    border-radius: 6rem 6rem 0 0;
    margin-top: -6rem;
    position: relative;
    z-index: 2;
    background: #fff
}

.login .section-box .tabs-wrap p[data-v-a30984c0] {
    font-size: 3.6rem;
    color: #323232;
    font-weight: 500
}

.login .section-box .tabs-wrap p.ac[data-v-a30984c0] {
    font-size: 4.6rem
}

.login .section-box .tabs-wrap span[data-v-a30984c0] {
    color: #d0d0d0;
    margin: 0 2.5rem
}

.login .section-box .reg-red[data-v-a30984c0] {
    width: 100%;
    height: 11.1rem;
    background: url(/luno/dist/img/111.f5445549.png) no-repeat top/100% auto
}

.login .section-box .reg-red .red-img[data-v-a30984c0] {
    width: 6rem;
    height: 6rem
}

.login .section-box .reg-red .reg[data-v-a30984c0] {
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    font-size: 2.8rem;
    color: #ee4a30;
    margin-left: 1rem
}

.login .section-box .content[data-v-a30984c0] {
    background: #fff;
    border-radius: .8rem;
    padding: 4rem 0 0
}

.login .section-box .content .signin[data-v-a30984c0] {
    height: 7rem;
    text-align: center;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end
}

.login .section-box .content .signin p[data-v-a30984c0] {
    position: absolute;
    display: inline-block;
    color: #012cf9;
    font-size: 5rem;
    font-weight: 600
}

.login .section-box .content .signin span[data-v-a30984c0] {
    display: inline-block;
    content: "";
    width: 17.2rem;
    height: 1.2rem;
    background: #ffd638
}

.login .section-box .content .userinfo[data-v-a30984c0] {
    width: 100%;
    border: .2rem solid #fff;
    border-radius: 1rem
}

.login .section-box .content .userinfo .line[data-v-a30984c0] {
    width: 90%;
    height: .1rem;
    margin: .5rem auto;
    background: #cecece
}

.login .section-box .protocols[data-v-a30984c0] {
    margin-top: 3rem;
    display: flex;
    align-items: center
}

.login .section-box .protocols i[data-v-a30984c0] {
    font-size: 3.5rem
}

.login .section-box .protocols p[data-v-a30984c0] {
    margin-left: 1rem;
    font-size: 2.8rem;
    color: #000
}

.login .section-box .protocols p span[data-v-a30984c0] {
    font-size: 2.8rem;
    color: #fa6400;
    text-decoration: underline
}

.login .section-box .forgot[data-v-a30984c0] {
    font-size: 2.8rem;
    text-align: right;
    margin-top: 1rem
}

.login .section-box .forgot span[data-v-a30984c0] {
    color: #fa6400;
    font-size: 2.8rem;
    text-decoration: underline
}

.login .section-box .btnsign[data-v-a30984c0],
.login .section-box .signup[data-v-a30984c0] {
    margin-top: 5rem
}

.login .section-box .signup p[data-v-a30984c0] {
    font-size: 2.8rem;
    font-weight: 500;
    color: #a3a3a3
}

.login .section-box .signup p strong[data-v-a30984c0] {
    font-weight: 400;
    color: #ec611f;
    text-decoration: underline
}

[data-v-a30984c0] .input-box {
    background: #f6f7fa;
    height: 11rem;
    border-radius: 1.6rem;
    align-items: center;
    border: none;
    margin-bottom: 4.2rem
}

[data-v-a30984c0] .input-box:after {
    border: none
}

[data-v-a30984c0] .input-box.verity .van-field__right-icon {
    display: flex;
    align-items: center
}

[data-v-a30984c0] .input-box.verity .van-field__right-icon img {
    width: 20rem;
    height: 100%
}

[data-v-a30984c0] .input-box .van-button {
    border-radius: 1rem;
    background: linear-gradient(90deg, #0628fb, #0d9df7)
}

[data-v-a30984c0] .input-box .van-button .van-button__text {
    color: #fff;
    font-weight: 500
}

[data-v-a30984c0] .input-box .van-field__control {
    font-weight: 500;
    font-size: 3.2rem
}

[data-v-a30984c0] .input-box input::placeholder {
    font-size: 3.2rem;
    font-weight: 400
}

[data-v-a30984c0] .input-box .van-field__left-icon {
    margin-right: 2rem
}

[data-v-a30984c0] .input-box .van-field__left-icon .phone-left {
    display: flex;
    align-items: center
}

[data-v-a30984c0] .input-box .van-field__left-icon .phone-left img {
    width: 4rem;
    height: 4rem;
    margin-right: 2rem
}

[data-v-a30984c0] .input-box .van-field__left-icon .phone-left .imgt {
    margin-right: 0
}

[data-v-a30984c0] .input-box .van-field__left-icon .phone-left p {
    font-size: 3.6rem;
    color: #0628fb;
    font-weight: 500
}

[data-v-a30984c0] .input-box .van-field__right-icon p {
    font-size: 2.8rem;
    padding: .8rem 1.8rem;
    background: #fff;
    color: #fa8e39;
    border-radius: 1rem;
    font-weight: 500
}

[data-v-a30984c0] .input-box .van-field__right-icon img {
    width: 3.4rem;
    height: 2.2rem
}

[data-v-a30984c0] .input-box input::placeholder {
    color: #999
}

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

[data-v-a30984c0] .popup-box {
    width: 67rem;
    background: #fff;
    padding: 2.8rem 2rem 4rem;
    border-radius: 1rem
}

[data-v-a30984c0] .popup-box .entert {
    text-align: left;
    color: #3a72ff;
    font-size: 3.2rem;
    font-weight: 500;
    margin-bottom: 4rem;
    padding: 0 2rem
}

[data-v-a30984c0] .popup-box .btn {
    margin-top: 5rem
}

[data-v-a30984c0] .popup-box .btn .btn-cancel {
    width: 20rem;
    height: 7rem;
    font-size: 3.4rem;
    font-weight: 500;
    color: #666;
    margin-right: 10rem
}

[data-v-a30984c0] .popup-box .btn .bull-btn {
    width: 20rem;
    height: 7rem;
    background: #0091ff;
    font-size: 3.4rem;
    font-weight: 500;
    color: #fff
}

[data-v-a30984c0] .popup-box i {
    color: #3a72ff
}

[data-v-a30984c0] .popup-box .line {
    width: 90%;
    height: .1rem;
    margin: .5rem auto;
    background: #cecece
}