@charset "utf-8";

/**  =================== 登录的样式 ===================  **/
/* body, a, dl, dt, dd, li, img, button { cursor: url("../images/cursor.cur"), auto !important; } */
body {
    /* min-height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/login.jpg); */
}
/* body::before { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, .2); content: ""; } */
.login-wrapper { position: relative; z-index: 2; margin: 0 auto; padding: 20px; max-width: 420px; box-sizing: border-box; }
.login-wrapper .layui-btn { border-color: currentcolor !important; }
.login-wrapper > .layui-form { padding: 25px 30px; border-radius: 4px; background-color: #ffffff; box-shadow: 0 3px 6px -1px rgba(0, 0, 0, .19); box-sizing: border-box; }
.login-wrapper > .layui-form > h2 { margin-bottom: 25px; font-size: 18px; text-align: center; color: #333333; }
.login-wrapper > .layui-form > .layui-form-item { position: relative; margin-bottom: 25px; }
.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 { position: absolute; top: 0; left: 0; width: 46px; height: 46px; font-size: 20px; text-align: center; color: #909399; line-height: 46px; }
.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 { position: absolute; top: 0; right: 0; width: 120px; height: 46px; border: 1px solid #e6e6e6; border-radius: 2px !important; cursor: pointer; box-sizing: border-box; }
.login-wrapper > .layui-form > .layui-form-item > .layui-form-checkbox { margin: 0 !important; padding-left: 25px; }
.login-wrapper > .layui-form > .layui-form-item > .layui-form-checkbox > .layui-icon { width: 15px !important; height: 15px !important; }
.login-wrapper > .layui-form .layui-btn-fluid { height: 48px; line-height: 48px; font-size: 16px; border-radius: 2px !important; }
.login-wrapper > .layui-form > .layui-form-item.login-oauth-group > a > .layui-icon { font-size: 26px; }
.login-copyright { position: relative; z-index: 1; padding-bottom: 20px; text-align: center; color: #eeeeee; }
.layui-btn { border-color: #5fb878; background-color: #5fb878; }
.layui-link { color: #5fb878 !important; }
.layui-btn-gloomy { background-color: #444c69; }
.layui-btn-danger { background-color: #f56c6c; }
.layui-btn-default { background-color: #009688; }
.layui-btn-forbid,
.layui-btn-forbid:hover { cursor: not-allowed; opacity: 0.65; pointer-events: none; }

@media screen and (min-height: 550px) {
    .login-wrapper { position: absolute; top: 50%; right: 0; left: 0; margin: -250px auto 0; width: 100%; }
    .login-copyright { position: absolute; right: 0; bottom: 0; left: 0; }
}

/* 新登录 */
input::placeholder {
    font-size: 14px; /* 你可以设置任何你喜欢的字体大小 */
}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both; height:0; overflow:hidden; display:block; float:none;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.login_bg{ background:url(../images/login_bg.jpg) center no-repeat; background-size:cover; width:100%; height:100%;}
.login_bg_logo{ text-align:center; padding-top:60px; padding-bottom:60px;}
.login_d1{ background:url(../images/login_d1_bg.png) center no-repeat; width:974px; height:494px; margin:0 auto; position:relative;}
.login_d1_c{ position:absolute; right:60px; top:50px; width:380px;}
.login_d1_title{ font-size:24px; color:#3d78f0; line-height:65px;}
.login_d1_inp{ height:54px; border:#cccccc 1px solid; border-radius:26px; position:relative; padding-left:48px; box-sizing:border-box; overflow:hidden;}
.login_d1_inp .ico{ position:absolute; left:0; top:0; width:46px; height:52px; text-align:center; line-height:52px;}
.login_d1_inp:after{content:" "; display:block; width:1px; height:14px; background:#e9e9e9; position:absolute; left:47px; top:50%; margin-top:-7px;}
.login_d1_inp .inp{ display:block; width:100%; height:52px; border:0; box-sizing:border-box; padding-left:14px; padding-right:26px;}
.login_d1_yzminp{ width:214px; height:54px; border:#cccccc 1px solid; border-radius:26px; position:relative; box-sizing:border-box; overflow:hidden;}
.login_d1_yzminp .inp{ display:block; width:100%; height:52px; border:0; box-sizing:border-box; padding-left:26px; padding-right:26px;}
.login_d1_yzmbt{ width:148px; height:54px; border-radius:26px; overflow:hidden;}
.login_bt{ display:block; width:100%; height:54px; border-radius:26px; background:#3d78f0; border:0; font-size:18px; color:#fefefe; box-sizing:border-box; cursor:pointer;}

.login_d2{ font-size:30px; color:#ffffff; line-height:50px; margin-top:25px; text-align:center; font-weight:bold;}
.login_d3{ font-size:14px; color:#ffffff; line-height:30px; margin-top:50px; text-align:center;}