@charset "utf-8";
html, body {width: 100%;height: 100%;overflow: hidden;}
body {background: #009688; color: #333; background: url("../img/bg/bg09.jpg") no-repeat center center; background-size: cover; }
body:after {content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(40, 123, 239,0.35)), color-stop(99%, rgba(15,37,64,0.45)));
    background-image: linear-gradient(-180deg, rgba(40, 123, 239,0.35) 0%, rgba(15,37,64,0.45) 99%);
    background-repeat:no-repeat;background-size:cover;-webkit-filter:blur(3px);-moz-filter:blur(3px);-o-filter:blur(3px);
    -ms-filter:blur(3px);filter:blur(3px);}

.layui-container {width: 100%;height: 100%;overflow: hidden; position: relative; z-index: 1;}
.login-background {width:380px;position:absolute;left:50%;top:50%;margin-left:-190px;margin-top:-190px;}

.login-box {background-color:#fff;border:1px solid #fff;border-radius:6px;padding:15px 20px;box-shadow:0 0 8px #8b8982;}
.login-box .login-head>div,
.login-box .login-body>div,
.login-box .login-foot>i { display: none;}
.show-mode1 .login-head>div:nth-child(1){ display: block}
.show-mode1 .login-body>div:nth-child(1){ display: block}
.show-mode1 .login-foot>i:nth-child(1){ display: block}
.show-mode2 .login-head>div:nth-child(2){ display: block}
.show-mode2 .login-body>div:nth-child(2){ display: block}
.show-mode2 .login-foot>i:nth-child(2){ display: block}

.login-head {text-align:center;letter-spacing:1px;padding:10px 0;}
.login-head h1 {font-size:22px;font-weight:bold;}
.login-head h3 {font-size:12px; color: #999; margin-top: 5px;}
/*.login-box .login-body>div{ height: 280px;}*/
.login-foot{ position: relative; height: 10px;}
.login-foot>i{ position: absolute; right: -19px; bottom: -14px; font-size: 30px; color: #888; cursor: pointer;}
.login-foot>i:hover{ color: #287bef;}

.layui-form { padding: 20px;} /* 20px 20px 43px 20px */
.layui-form-item {position:relative; margin-bottom: 10px;}
.layui-form-item label {position:absolute;left:1px;top:1px;width:38px;line-height:36px;text-align:center;color:#999;}
.layui-form-item input {padding:0 10px 0 36px; letter-spacing: 1px; color: #243e74;}

.captcha { width:60%; display:inline-block;}
.captcha-img { display:inline-block;width:34%;float:right;}
.captcha-img>img { width:100%; height:36px; border:1px solid #e6e6e6; cursor: pointer;}

.layui-form-checked[lay-skin=primary] i{ background-color: #287bef; border-color: #287bef !important;}
.layui-form-checkbox[lay-skin=primary]:hover i {  border-color: #287bef; }
.layui-form-radio>i:hover, .layui-form-radioed>i { color: #287bef; }
.layui-btn{ background-color: #287bef; outline: none;}
.layui-btn-primary{ background: #fff;}
.layui-btn-primary:hover{ border-color: #C9C9C9;}
.login-background .layui-disabled,
.login-background.layui-disabled:hover { background-color: #5799f5 !important; }

.layui-layer.layui-layer-admin .layui-layer-title {
    background-color: #ffffff;
    border: 0;
}

.footer{ position: fixed; bottom: 0; z-index: 10; width: 100%; background: rgba(0,0,0,.6); background: none;}
.footer .inner{ line-height: 28px; padding-right: 12px; text-align: right; color: #fff; font-size: 12px;}
@media screen and (max-width: 767px){
    .login-background{ width: 320px;margin-left:-160px;}
    .footer .inner{ text-align: center;}
}


/* icon loading */
.layui-layer.layui-layer-loading{
    min-width: 100px; color: #fff; font-size: 14px; background: rgba(1,1,1,.7);
    padding: 15px 10px 50px 10px;
    border-radius: 4px;
    text-align: center;
}
.layui-layer.layui-layer-loading .layui-layer-loading2 {
    position: relative;
    width: 40px; height: 40px; margin: 0 auto;
    background: url("../img/icon_loading.gif") no-repeat center center;
    background-size: cover;
}
.layui-layer.layui-layer-loading .layui-layer-loading2:after{
    content: '登录中...';
    position: absolute;
    bottom:-30px;
    left: 50%;
    width: 80px;
    margin-left: -40px;
}
/* icon msg */
.layui-layer-msg {
    border-radius: 4px !important;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1) !important;
    border: none !important;;
}
.layui-layer-dialog.layui-layer-msg { min-width:126px; font-size: 14px; color: #fff; background: rgba(1,1,1,.7)}
.layui-layer-dialog.layui-layer-msg .layui-layer-content{ text-align: center; padding: 16px 14px;}
.layui-layer-dialog.layui-layer-msg .layui-layer-content .layui-layer-ico{
    font-family: iconfont !important;
    font-size: 40px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: auto; height: auto; margin: 0 auto; display: block; padding-bottom: 20px;
    position: static; background: none;}
.layui-layer-dialog.layui-layer-msg .layui-layer-content .layui-layer-ico:before { vertical-align: middle; }
/* 感叹号 ionc 0 */
.layui-layer-dialog.layui-layer-msg .layui-layer-content .layui-layer-ico.layui-layer-ico0:before {
    content: "\e910";
}
/* 成功 icon 1 */
.layui-layer-dialog.layui-layer-msg .layui-layer-content .layui-layer-ico.layui-layer-ico1:before {
    content: "\e657";
}
/* 失败 icon 2 */
.layui-layer-dialog.layui-layer-msg .layui-layer-content .layui-layer-ico.layui-layer-ico2:before {
    content: "\e659";
}
/* 问号 ionc 3 */
.layui-layer-dialog.layui-layer-msg .layui-layer-content .layui-layer-ico.layui-layer-ico3:before {
    content: "\e909";
}
/* 锁定 icon 4 */
.layui-layer-dialog.layui-layer-msg .layui-layer-content .layui-layer-ico.layui-layer-ico4:before {
    content: "\e6c0";
}
/* 哭脸 icon 5 */
.layui-layer-dialog.layui-layer-msg .layui-layer-content .layui-layer-ico.layui-layer-ico5:before {
    content: "\e6a4";
    content: '\e910';
}
/* 笑脸 icon 6 */
.layui-layer-dialog.layui-layer-msg .layui-layer-content .layui-layer-ico.layui-layer-ico6:before {
    content: "\e6a2";
    content: "\e657";
}