body { overflow: hidden; }
.login_wrap { width: 100%; height: 100%; /* background-image: url('../images/login.png');*/ background-repeat: no-repeat; background-size: 100% 100%; }

video { position: absolute; top: 0; left: 0; width: 100vw; height: 100vh; opacity: 1; object-fit: fill; visibility: visible; }

.login_box { width: 400px; box-sizing: border-box; background: #FFFFFF; border-radius: 10px; position: absolute; left: 120px; top: 50%; transform: translate(0, -50%); padding: 40px 65px; }

.login_title { display: flex; align-items: center; }
.login_title > p { font-size: 16px; font-weight: 400; color: #333333; margin: 0; padding: 0; margin-left: 8px; line-height: 22px; }
.login_titleimg { width: 22px; height: 22px; background: url(../../images/login_ty.png); background-size: 100%; display: flex; align-items: center; justify-content: center; }
.login_titleimg > img { width: 12px; height: 14px; }

.login_name { font-size: 32px; font-weight: bold; color: #484c72; margin-top: 38px; }

.login_wire { width: 100%; height: 2px; background: #cacaca; margin-top: 50px; }

.input_wrap > p { font-size: 14px; font-weight: 400; color: #484C72; margin: 0; padding: 0; }
.input_wrap input { width: 100%; height: 36px; box-sizing: border-box; border: 1px solid #BFBFBF; border-radius: 19px; padding-left: 44px; outline: none; font-size: 14px; font-weight: 400; color: #333; }

.login_sqm { margin-top: 39px; }
.login_sqm input { background-image: url(../../images/login_sqm.png); background-repeat: no-repeat; background-size: 11px 12px; background-position: left; background-position-x: 22px; }

.login_username input { background-image: url(../../images/login_user.png); background-repeat: no-repeat; background-size: 12px 12px; background-position: left; background-position-x: 22px; }

.login_password input { background-image: url(../../images/login_password.png); background-repeat: no-repeat; background-size: 10px 12px; background-position: left; background-position-x: 22px; }

.forget_wrap { display: flex; justify-content: space-between; vertical-align: middle; }
.forget_wrap > label { color: #444; cursor: pointer; }
.forget_wrap > p { margin: 0; padding: 0; cursor: pointer; }
.forget_wrap > p:hover { color: #444; }
.forget_text { font-size: 12px; font-weight: 400; color: #5C7BEA; }

.login_btn { height: 38px; line-height: 38px; font-size: 18px; font-weight: 400; color: #FFFFFF; background: #5C7BEA; border-radius: 19px; text-align: center; margin-top: 48px; margin-bottom: 50px; cursor: pointer; }

.login-input.widget-input-part { margin-top: 10px; margin-bottom: 10px; }
.login-input.widget-input-part > input { padding-right: 35px; }
.login-input.widget-input-part > .eyeWidget { right: 5px; opacity: 0.8; }


/*------------春节样式-----------------BEGIN-------------*/
/*.login_box {*/
   /* left: 17%;*/
    /*border-radius: 14px;
    background: url("../images/loginbox.png") no-repeat;
    background-size: 100% 100%;
    box-shadow: 2px 2px 24px rgba(0, 0, 0, 0.9);
}

    .login_box > .lantern {
        position: absolute;
        z-index: 2;
        top: -7px;
        width: 40px;
        height: 120px;
        background: url("../images/lantern.gif") no-repeat;
        background-size: 100% 100%;
    }

        .login_box > .lantern.left {
            left: 20px;
        }

        .login_box > .lantern.right {
            right: 20px;
        }

.login_title > p {
    color: #FFE400;
}

.login_name {
    color: #FFE400
}

.login_wire {
    background: #FFE400;
}

.input_wrap > p {
    color: #FFE400;
}

.forget_wrap > label {
    color: #FFE400;
}

.forget_text {
    color: #FFE400;
}

.input_wrap input {
    color: #f00;
    border: solid 2px #FFE400;
}

.login_btn {
    background: #FFE400;
    color: #e60104;
}*/
/*------------春节样式-----------------END-------------*/

@media only screen and (max-width:1024px) {
    .login_wrap { background-image: url(../../images/login-back.png); }
    .login_box { width: 85%; padding: 9% 12%; border-radius: 10px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
    .login_box > .lantern.left { left: -2px; }
    .login_box > .lantern.right { right: -2px; }
    .login_name { font-size: 24px; margin-top: 10px; }
    .login_wire { height: 1px; background: #999999; margin-top: 15px; }
    .login_sqm { margin-top: 10px; }
    .login-input.widget-input-part { margin-top: 5px; margin-bottom: 5px; }
    .forget_wrap { margin-top: 15px; }
    .login_btn { margin-top: 25px; margin-bottom: 20px; }
}