.login[data-v-0f014661]{width:100%;height:100%;position:relative;background:url(../img/bg.4d9406fc.jpg) no-repeat 50%;background-size:cover}.login .login-container[data-v-0f014661]{width:1024px;height:768px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.login .login-container .logo-box[data-v-0f014661]{width:30%;position:absolute;left:50%;top:40px;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-align:center}.login .login-container .logo-box h2[data-v-0f014661]{font-size:28px;color:#fff;margin-top:10px}.login .login-container .logo-box h4[data-v-0f014661]{font-size:20px;color:#fff}.login .login-container .login-box[data-v-0f014661]{width:470px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-box-shadow:0 0 20px 0 rgba(17,85,78,.2);box-shadow:0 0 20px 0 rgba(17,85,78,.2);background:hsla(0,0%,100%,.5);border-radius:15px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:40px 0}.login .login-container .login-box .checkbox-box[data-v-0f014661],.login .login-container .login-box[data-v-0f014661]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.login .login-container .login-box .checkbox-box[data-v-0f014661]{margin-top:20px}.login .login-container .login-box .checkbox-box .checkbox[data-v-0f014661]:first-child{margin-right:20px}.login .login-container .login-box .input[data-v-0f014661]{position:relative;margin-top:10px;display:-webkit-box;display:-ms-flexbox;display:flex}.login .login-container .login-box .input i[data-v-0f014661]{position:absolute;left:15px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#12c08b;font-size:18px}.login .login-container .login-box .input input[data-v-0f014661]{width:300px;height:40px;border:1px solid #dcdfe6;background:#fff;border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:5px 10px;padding-left:40px;-webkit-transition:border .2s ease-in-out,background .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;transition:border .2s ease-in-out,background .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;transition:border .2s ease-in-out,background .2s ease-in-out,box-shadow .2s ease-in-out;transition:border .2s ease-in-out,background .2s ease-in-out,box-shadow .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;-webkit-appearance:none;font-size:14px}.login .login-container .login-box .input input[data-v-0f014661]:hover{border-color:#c0c4cc}.login .login-container .login-box .input input[data-v-0f014661]:focus{outline:none;border-color:#57a3f3;-webkit-box-shadow:0 0 0 2px rgba(45,140,240,.2);box-shadow:0 0 0 2px rgba(45,140,240,.2)}.login .login-container .login-box .input[data-v-0f014661]:nth-child(2),.login .login-container .login-box .input[data-v-0f014661]:nth-child(3){margin-top:25px}.login .login-container .login-box .submit[data-v-0f014661]{width:300px;height:40px;background:#fff;border-radius:8px;text-align:center;line-height:40px;margin-top:37px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.login .login-container .login-box .submit span[data-v-0f014661]{display:inline-block;width:60px;-moz-text-align-last:justify;text-align-last:justify;color:#000;font-size:22px}.login .login-container .login-box .submit[data-v-0f014661]:active,.login .login-container .login-box .submit[data-v-0f014661]:hover{background:#ebe9e9}.tips[data-v-0f014661]{padding:10px 15px;background:#fff;border-radius:4px;font-size:16px;position:fixed;top:0;right:20px;display:-webkit-box;display:-ms-flexbox;display:flex}.close[data-v-0f014661]{margin-left:20px;color:grey;font-size:16px;cursor:pointer}