| 1 |
- *{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}::-webkit-scrollbar{width:8px;height:13px;background-color:#f5f5f5}::-webkit-scrollbar-track{border-radius:10px;background-color:#f5f5f5}::-webkit-scrollbar-thumb{border-radius:10px;background-color:#999}.input_100{width:100px}.input_150{width:150px}.input_200{width:200px}.login{height:100vh;min-height:450px;background:#1f315d;overflow:auto;position:relative}.login span{cursor:pointer}.login .login-div{width:520px;height:500px;background:#fff;-webkit-box-shadow:0 12px 24px 0 rgba(0,0,0,.24);box-shadow:0 12px 24px 0 rgba(0,0,0,.24);border-radius:8px;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;padding:48px 75px}.login .login-div h1{text-align:center;margin-bottom:40px;font-size:24px}.login .login-div .input_div{position:relative;margin-bottom:12px}.login .login-div .input_div input{padding-left:80px;outline:none;background:#f2f5f7;border-radius:8px;border:1px solid #eee;display:block;height:54px;width:100%;font-size:16px}.login .login-div .input_div label{color:#222;font-size:16px;position:absolute;left:16px;top:16px;z-index:99}.login .login-div .code input{width:250px}.login .login-div .code img{width:108px;height:54px;float:right;background-origin:1px solid red}.login .login-div .login-btn{background:#066fe6;width:100%;height:54px;margin-top:36px;font-size:18px;color:#fff;font-weight:600;border:none;border-radius:8px}.login .el-radio-button{width:33%}.login .el-radio-button span{width:100%}.login .footer{position:fixed;width:100%;bottom:10px;left:0;z-index:9;color:#fff;font-size:14px}.login .footer,.login .sign{text-align:center}.login .sign li{display:inline-block;width:48%;color:#666;cursor:pointer}.login .sign li div{width:180px;border-radius:4px;height:180px;color:#fff;padding-top:50px;margin:20px auto 10px}.login .sign li div i{font-size:50px}.login .sign_div{width:700px}.login .sign_div p{color:#999;line-height:25px;margin-bottom:10px}.login .el-select{width:202px}
|
