.login-bg{height:100%;background:url(../img/login_bg.d48f3ec7.png) no-repeat;background-size:100% 100%}.login-box{position:absolute;width:38%;right:7%;top:24%}.login-box img{width:75%}.login{background:#4d4d4d;width:100%;height:340px;padding:45px 65px}.login-info input{text-align:center;width:100%;height:44px;margin:16px 0;font-size:20px;border:0}.login-remember{font-size:18px;color:#fff}.login-remember span{float:left}.login-remember a{color:#fff;float:right}.login-remember input{margin-top:5px;float:left;margin-right:10px;width:18px;height:18px}.login-tips{position:absolute;z-index:2;background:#fff;left:50%;top:50%;margin:-140px 0 0 -200px;width:400px;height:280px;border-radius:6px}.login-tips h2{text-align:center;font-size:24px;margin:33px}.login-tips p{text-align:center;font-size:20px}.login-tips button{background:#3fdb22;border-radius:4px;color:#fff;width:120px;height:50px;border:0;font-size:22px;position:absolute;bottom:24px;right:34px;cursor:pointer}.mask{width:100%;height:100%;position:fixed;z-index:1}.fade-enter-active{-webkit-animation:bounce-in .4s;animation:bounce-in .4s}.fade-leave-active{animation:bounce-in .4s reverse}@-webkit-keyframes bounce-in{0%{-webkit-transform:scale(.2);transform:scale(.2)}80%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce-in{0%{-webkit-transform:scale(.2);transform:scale(.2)}80%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}