.login{width:100%;height:100%;background:url(../img/loginBg.ec95e28a.jpg);background-size:100% 100%;background-repeat:no-repeat;position:relative;font-size:16px;overflow:hidden}.login .login_box{width:300px;background:hsla(0,0%,100%,.8);position:absolute;left:60%;top:calc(50% - 250px);padding:40px 50px 90px}.login .login_box .logo{text-align:center}.login .login_box .logo img{width:80%}.login .login_box .num_area{width:100%}.login .login_box .num_area .text_box{margin-top:40px}.login .login_box .num_area .pass_box{margin-top:30px}.login .login_box .num_area>div{position:relative}.login .login_box .num_area>div .text_tit{line-height:24px;color:#8197b1;transition:.3s;position:absolute;bottom:7px;left:0;font-size:14px;overflow:hidden}.login .login_box .num_area>div .text-tit-focus{font-size:12px;color:#409eff;bottom:35px}.login .login_box .num_area>div .line{width:100%;height:1px;position:absolute;bottom:0;left:0;background:grey}.login .login_box .num_area>div .lined{width:0;height:1px;position:absolute;bottom:0;left:50%;background:#409eff;transition:.3s}.login .login_box .num_area>div .lined-on{width:100%;left:0}.login .login_box .num_area>div>input{height:34px;line-height:34px;border:0;outline:none;font-size:14px;width:100%;background:none;position:relative;z-index:1;color:grey}.login .login_box .login_hint{color:#ff0b2c;font-size:14px;height:20px;margin-top:15px}.login .login_box .btn-area{float:right;margin-top:60px}.login .login_box .btn-area>span{font-size:14px;color:#109bd6}