.main-wrapper.login {
    background: #fff url(../../wap_static/img/bg.f82cc890.png) no-repeat top;
    background-size: 100% auto
}

.main-wrapper.login .video-wrapper {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    z-index: -1;
    height: 56.267vw
}

.main-wrapper.login .video-wrapper:after {
    content: "";
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../../wap_static/img/login-mask.1b01e08c.png) no-repeat top;
    background-size: cover
}

.main-wrapper.login .video-wrapper video {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    width: auto
}

.main-wrapper.login .normal-header {
    box-shadow: none
}

.main-wrapper.login .login-wrapper {
    box-sizing: border-box;
    padding-top: calc(50% - 29.333vw)
}

.main-wrapper.login .login-wrapper .container .foucus-border.van-cell:after {
    border-color: #e03c2f
}

.main-wrapper.login .login-wrapper .container .logo {
    width: 51.733vw;
    height: 16.4vw;
    background: url(../../wap_static/img/logo.cf091c00.png) no-repeat 50%;
    background-size: cover;
    margin: 0 auto 17.333vw
}

.main-wrapper.login .login-wrapper .container .form-box {
    margin: 0 auto;
    width: 82.933vw
}

.main-wrapper.login .login-wrapper .container .form-box .form-bottom {
    height: 5.333vw;
    margin-top: 2.667vw;
    color: #e03c2f;
    font-size: 3.2vw
}

.main-wrapper.login .login-wrapper .container .form-box .form-btns {
    margin-top: 5.333vw
}

.main-wrapper.login .login-wrapper .container .form-box .van-field__body {
    height: 100%;
    box-sizing: border-box
}

.main-wrapper.login .login-wrapper .container .form-box .van-field__control {
    color: #121212;
    padding-left: 2.133vw
}

.main-wrapper.login .login-wrapper .container .form-box .van-icon__image {
    width: 4vw;
    height: 4vw
}

.main-wrapper.login .login-wrapper .container .form-box .van-checkbox.keep-login {
    height: 100%
}

.main-wrapper.login .login-wrapper .container .form-box .van-checkbox.keep-login .van-checkbox__label {
    color: #e03c2f;
    margin-left: 1.6vw
}

.main-wrapper.login .login-wrapper .container .form-box .van-checkbox.keep-login .van-checkbox__icon {
    height: 5.333vw;
    line-height: 5.333vw;
    display: flex;
    align-items: center;
    justify-content: center
}

.main-wrapper.login .login-wrapper .container .form-box .van-checkbox.keep-login .van-checkbox__icon .van-icon {
    width: 3.733vw;
    height: 3.733vw;
    border-color: #d0d0d0
}

.main-wrapper.login .login-wrapper .container .form-box .van-checkbox.keep-login .van-checkbox__icon--checked .van-icon {
    border-color: #e03c2f;
    background-color: #e03c2f
}

.main-wrapper.login .login-wrapper .container .form-box .forget-link a {
    color: inherit
}

.main-wrapper.login .login-wrapper .container .form-box .password_field .van-icon-clear {
    margin-right: 1.333vw
}

.main-wrapper.login .login-wrapper .container .form-box .img-verify {
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.main-wrapper.login .login-wrapper .container .form-box .img-verify .van-icon-clear {
    font-size: 3.733vw
}

.main-wrapper.login .login-wrapper .container .form-box .img-verify .ver-code-input {
    width: 52.267vw;
    flex-shrink: 0
}

.main-wrapper.login .login-wrapper .container .form-box .img-verify .verify-code-img-box {
    width: 26.667vw;
    flex-shrink: 0;
    height: 10.667vw
}

.main-wrapper.login .login-wrapper .container .form-btns {
    margin-top: 3.2vw
}

.main-wrapper.login .login-wrapper .container .change-login-type {
    margin-top: 10.667vw
}

.main-wrapper.login .login-wrapper .container .change-login-type .change-login-type-btn {
    height: 4.8vw;
    line-height: 4.8vw;
    color: #e03c2f
}

.main-wrapper.login .login-wrapper .container .change-login-type .change-login-type-btn .btn-text {
    margin-left: 1.067vw
}