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;position:relative}.login .login-div{width:520px;height:448px;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:28px}.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 .footer{position:fixed;width:100%;bottom:10px;left:0;z-index:9;text-align:center;color:#fff;font-size:14px}
|