/*body, a, dl, dt, dd, li, img, button {
    cursor:url('../images/cursor.cur'), auto !important;
}*/
body {
    background:#eaf1fe url(../images/login_bg.png) no-repeat center right;
    background-size:cover;
    min-height:100vh;
    font-family:'Microsoft YaHei','微软雅黑',Arial,sans-serif;
}
.login-wrapper {width:400px;margin-top:-270px;position:absolute;top:50%;left:53%;}
.login-wrapper > .layui-form {
    padding:50px;
    background-color:#fff;
    box-shadow:0 3px 6px -1px rgba(0, 0, 0, 0.19);
    box-sizing:border-box;
    border-radius:4px;
}
.login-wrapper > .layui-form > h2 {color:#333;font-size:18px;text-align:center;margin-bottom:25px;}
.login-wrapper > .layui-form > .layui-form-item {margin-bottom:25px;position:relative;}
.login-wrapper > .layui-form > .layui-form-item:last-child {margin-bottom:0;}
.login-wrapper > .layui-form > .layui-form-item > .layui-input {height:46px;line-height:46px;border-radius:2px !important;}
.login-wrapper .layui-input-icon-group > .layui-input {padding-left:46px;}
.login-wrapper .layui-input-icon-group > .layui-icon {
    width:46px;
    height:46px;
    line-height:46px;
    font-size:20px;
    color:#909399;
    position:absolute;
    left:0;
    top:0;
    text-align:center;
}
.login-wrapper > .layui-form > .layui-form-item.login-captcha-group {padding-right:135px;}
.login-wrapper > .layui-form > .layui-form-item.login-captcha-group > .login-captcha {
    height:46px;
    width:120px;
    cursor:pointer;
    box-sizing:border-box;
    border:1px solid #e6e6e6;
    border-radius:2px !important;
    position:absolute;
    right:0;
    top:0;
}
.login-wrapper > .layui-form > .layui-form-item > .layui-form-checkbox {margin:0 !important;}
.login-wrapper > .layui-form .layui-btn-fluid {height:48px;line-height:48px;font-size:16px;}
.login-wrapper > .layui-form > .layui-form-item.login-oauth-group > a > .layui-icon {font-size:26px;}
.login-foot{font-size:13px;color:#666;text-align:center;}
.layui-link {color:#1e9fff !important;}
@media screen and (width > 1700px) {
    .login-wrapper {margin-top:-320px;left:55%;}
}
@media screen and (width <= 1200px) {
    .login-wrapper {left:48%;}
}
@media screen and (width <= 768px) {
    .login-wrapper {top:50%;left:53%;margin-left:-200px;}
}