* {box-sizing:border-box;}
html {width:100%;height:100vh;}
body {width:100%;height:100vh;}
.layui-form-danger {border-color:#f56c6c !important;}
.layui-input:hover {border-color:#6072e8 !important;}
.layui-btn:hover {opacity:.9 !important;}
.cat_login {width:420px;background:rgba(255,255,255,1);border-radius:8px;position:fixed;left:50%;top:21%;transform:translateX(-50%);line-height:1;padding:55px;}
.cat_login .title .title-t {font-size:27px;font-weight:bold;color:rgba(76,127,255,1);text-align:center;letter-spacing:6px;}
.cat_login .title .title-b {font-size:20px;font-weight:bold;color:rgba(76,127,255,1);text-align:center;padding-top:22px;letter-spacing:1.6px;padding-bottom:36px;}
#canvas {background:rgba(227,229,239,1);border-radius:4px;cursor:pointer;}
.cat_loginItem {margin:0;min-height:66px;position:relative;}
.cat_loginInput {width:310px;height:46px;background:rgba(227,229,239,1);border-radius:4px;padding:0 24px 0 48px;font-size:14px;color:#605B62;border-color:#e3e5ef;}
.cat_loginItem .iconfont {position:absolute;top:16px;left:20px;font-size:14px;color:#605B62;}
.cat_loginBtn {width:310px;height:46px;border-radius:4px;border:none;padding:0 24px 0 48px;font-size:14px;color:#ffffff;background:#6072E8;}
.cat_loginA {font-size:12px;float:right;display:block;padding-top:14px;line-height:1;}
.cat_loginA:hover {color:#f56c6c !important}
@media screen and (max-height:750px) {.cat_login {top:15%;}}
@media screen and (max-height:650px) {.cat_login {top:13.5%;width:400px;padding:45px;}}