.login-body { background: url("../images/login-bg.png") repeat fixed; }
.login-box { position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 320px; height: 241px; max-height: 300px; }
.login-body .login-box h3 { color: #444; font-size: 22px; font-weight: 100; text-align: center; }
.login-box .layui-input[type='number'] { display: inline-block; width: 50%; vertical-align: top; }
.login-box img { display: inline-block; width: 46%; height: 38px; border: none; vertical-align: top; cursor: pointer; }
.login-box button.btn-reset { width: 95px; }
.login-box button.btn-submit { width: 190px; }
.login-main { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 350px; margin: 0 auto; }
.login-main header { margin-top: 150px; height: 35px; line-height: 35px; font-size: 30px; font-weight: 100; text-align: center; }
.login-main header, .login-main form, .login-main form .layui-input-inline { margin-bottom: 15px; }
.login-main form .layui-input-inline, .login-main form .layui-input-inline input, .login-main form .layui-input-inline button { width: 100%; }
.login-main form .login-btn { margin-bottom: 5px; }
.layer-message { border-radius: 4px; border: 0 !important; }
.layer-message .layui-layer-content { padding: 0 !important; border-radius: 4px; }
.layer-message .layui-layer-content .lc-message { padding: 10px 40px 10px 15px; }
.layer-message .layui-layer-content .lc-message .layui-icon { font-size: 13px; }
.layer-message .layui-layer-content .lc-message .close { position: absolute; right: 12px; }