@charset "utf-8";
.w50{width:50px!important;}
.w100{width:100px!important;}
.w200{width:200px!important;}
.w300{width:300px!important;}
.w400{width:400px!important;}
.w500{width:500px!important;}
.w600{width:600px!important;}
.text-danger {
    color: #d26a5c;
}
.text-info {
    color: #70b9eb;
}
.text-warning {
    color: #f3b760;
}
.text-success {
    color: #46c37b;
}
.text-primary {
    color: #5c90d2;
}
.text-center {text-align: center !important; }
code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
}
.childrenBody {padding: 15px;background-color: #F2F2F2; }
.panel_box{ margin-bottom:5px;}
.panel{ text-align:center; height:90px;}
.panel_box a{display:block;overflow:hidden; height:80px; background-color:#f2f2f2 !important; }
.panel_icon{ width:40%; display: inline-block; line-height:80px; float:left; position:relative; height:100%;}
.panel_icon i{ font-size:50px !important; color:#fff; display: inline-block;}
.panel_word{ width:60%; display: inline-block; float:right; margin:13px 0 14px; }
.panel_word span{ font-size:25px; display:block; height:34px; }
.panel .loginTime{ font-size:15px; color:#1E9FFF; line-height:34px;}
.panel em{ font-style:normal;}

.layui-table-view{overflow: auto;}
.layui-form-field-label{display: block; padding:3px 0px; font-weight: 400; line-height: 20px; }

/*登录*/
.loginBody .layui-form-item.layui-input-focus label,.loginBody .layui-form-item label,.loginBody .layui-form-item.layui-input-focus input,.loginBody .layui-form-item input{transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.loginBody .layui-input-focus .layui-input::-webkit-input-placeholder{transition: color 0.2s linear 0.2s;-webkit-transition: color 0.2s linear 0.2s;}
.loginBody .layui-input-focus .layui-input::-moz-placeholder{transition: color 0.2s linear 0.2s;}
.loginBody .layui-input-focus .layui-input:-ms-input-placeholder{transition: color 0.2s linear 0.2s;}
.loginBody .layui-input-focus .layui-input::placeholder{transition: color 0.2s linear 0.2s;-webkit-transition: color 0.2s linear 0.2s;}
.loginBody{ height:100%;}
.loginBody{ background:url("../images/login_bg.jpg") no-repeat center center;}
.loginBody .layui-form{ padding:0 20px; width:380px; height:340px; position:absolute; left:50%; top:50%; margin:-150px 0 0 -150px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; background:#fff;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; box-shadow:0 0 50px #009688;}
.login_face h1{ font-size:25px; font-weight:bold; text-align:center; color:#009688; text-shadow:0 0 3px #009688; margin-top:15px; margin-bottom:15px;}
.login_face h1 strong{ display:block;}
.login_face h1 em{ display:block; font-size:16px; margin-top:8px;}
.loginBody .layui-form-item{ position:relative;}
.loginBody .layui-form-item label{ position:absolute; color:#757575; left:10px; top:9px; line-height:20px; background:#fff; padding:0 5px; font-size:14px; cursor:text;}
.loginBody .layui-form-item.layui-input-focus label{ top:-10px; font-size:12px; color:#ff6700;}
.loginBody .layui-form-item.layui-input-active label{ top:-10px; font-size:12px;}
/*.loginBody .layui-input::-webkit-input-placeholder{color:#fff;}
.loginBody .layui-input::-moz-placeholder{color:#fff;}
.loginBody .layui-input:-ms-input-placeholder{color:#fff;}
.loginBody .layui-input::placeholder{color:#fff;}*/
.loginBody .layui-input::-webkit-input-placeholder{color:#757575;}
.loginBody .layui-input::-moz-placeholder{color:#757575;}
.loginBody .layui-input:-ms-input-placeholder{color:#757575;}
.loginBody .layui-input::placeholder{color:#757575;}

.loginBody .layui-form-item.layui-input-focus input{ border-color:#ff6700 !important;}
.loginBody .layui-input-focus .layui-input::-webkit-input-placeholder{color:#757575;}
.loginBody .layui-input-focus .layui-input::-moz-placeholder{color:#757575;}
.loginBody .layui-input-focus .layui-input:-ms-input-placeholder{color:#757575;}
.loginBody .layui-input-focus .layui-input::placeholder{color:#757575;}
.loginBody .seraph{ font-size:30px; text-align:center;}
.loginBody .seraph.icon-qq:hover{ color:#0288d1;}
.loginBody .seraph.icon-wechat:hover{ color:#00d20d;}
.loginBody .seraph.icon-sina:hover{ color:#d32f2f;}
.imgCode{ position:relative;}
#imgCode img{ position:absolute; top:1px; right:1px; cursor:pointer;}

/*注册*/
.registerBody .layui-form-item.layui-input-focus label,.registerBody .layui-form-item label,.registerBody .layui-form-item.layui-input-focus input,.registerBody .layui-form-item input{transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.registerBody .layui-input-focus .layui-input::-webkit-input-placeholder{transition: color 0.2s linear 0.2s;-webkit-transition: color 0.2s linear 0.2s;}
.registerBody .layui-input-focus .layui-input::-moz-placeholder{transition: color 0.2s linear 0.2s;}
.registerBody .layui-input-focus .layui-input:-ms-input-placeholder{transition: color 0.2s linear 0.2s;}
.registerBody .layui-input-focus .layui-input::placeholder{transition: color 0.2s linear 0.2s;-webkit-transition: color 0.2s linear 0.2s;}
.registerBody{ height:100%;}
.registerBody{ background:url("../images/register_bg.jpg") no-repeat center center;}
.registerBody .layui-form{ padding:0 20px; width:380px; height:560px; position:absolute; left:50%; top:50%; margin:-150px 0 0 -150px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; background:#fff;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; box-shadow:0 0 50px #009688;}
.register_face h1{ font-size:25px; font-weight:bold; text-align:center; color:#009688; text-shadow:0 0 3px #009688; margin-top:15px; margin-bottom:15px;}
.register_face h1 strong{ display:block;}
.register_face h1 em{ display:block; font-size:16px; margin-top:8px;}
.registerBody .layui-form-item{ position:relative;}
.registerBody .layui-form-item label{ position:absolute; color:#757575; left:10px; top:9px; line-height:20px; background:#fff; padding:0 5px; font-size:14px; cursor:text;}
.registerBody .layui-form-item.layui-input-focus label{ top:-10px; font-size:12px; color:#ff6700;}
.registerBody .layui-form-item.layui-input-active label{ top:-10px; font-size:12px;}
/*.registerBody .layui-input::-webkit-input-placeholder{color:#fff;}
.registerBody .layui-input::-moz-placeholder{color:#fff;}
.registerBody .layui-input:-ms-input-placeholder{color:#fff;}
.registerBody .layui-input::placeholder{color:#fff;}*/
.registerBody .layui-input::-webkit-input-placeholder{color:#757575;}
.registerBody .layui-input::-moz-placeholder{color:#757575;}
.registerBody .layui-input:-ms-input-placeholder{color:#757575;}
.registerBody .layui-input::placeholder{color:#757575;}

.registerBody .layui-form-item.layui-input-focus input{ border-color:#ff6700 !important;}
.registerBody .layui-input-focus .layui-input::-webkit-input-placeholder{color:#757575;}
.registerBody .layui-input-focus .layui-input::-moz-placeholder{color:#757575;}
.registerBody .layui-input-focus .layui-input:-ms-input-placeholder{color:#757575;}
.registerBody .layui-input-focus .layui-input::placeholder{color:#757575;}
.registerBody .seraph{ font-size:30px; text-align:center;}
.registerBody .seraph.icon-qq:hover{ color:#0288d1;}
.registerBody .seraph.icon-wechat:hover{ color:#00d20d;}
.registerBody .seraph.icon-sina:hover{ color:#d32f2f;}
.imgCode{ position:relative;}
#imgCode img{ position:absolute; top:1px; right:1px; cursor:pointer;}