@charset "utf-8";
html{ width:100%; height:100%;}
body{ width:100%; height:100%; background:#fff}
/*去掉顶部浮动*/
.topbar i.bg{ height:85px; display:none}
.headinfo{ top:46px}
.header-fixed .headinfo{position: absolute;top: 46px;}

.reg-box{width: 900px; margin: 50px auto; }
.reg-box .reg-header{width: 100%; height: 50px; display: flex; align-items: center; justify-content: space-between;}
.reg-box .reg-header .reg-logo img{height: 45px;}
.reg-box .reg-header .reg-home a{color:#1e9fff}
.reg-box .reg-header .reg-home span{padding:0 15px}
.reg-box .reg-title{width: 100%; height: 70px; line-height: 70px; background: #1e9fff; text-align: center; font-size: 26px; color: #fff; margin-top: 20px;}
.reg-box .reg-body{background: #fff; padding:50px 200px}
.reg-box .reg-body .reg-form{width: 400px; margin: 0 auto;}
.reg-box .reg-body .reg-form .reg-form-item,.login-box .login-form .login-form-item{width: 100%; padding:10px 0}
.reg-box .reg-body .reg-form .layui-input,.login-box .login-form .layui-input{height: 45px; border:#ddd solid 1px; border-radius: 3px; background: #f5f5f5;}
.reg-box .reg-body .reg-form .layui-input.code,.login-box .login-form .layui-input.code{width: 150px; margin-right: 15px;}
.reg-box .reg-body .reg-form.layui-btn,.login-box .login-form .layui-btn{height: 45px;}
.reg-box .reg-copyright,.login-box .login-copyright{width: 100%; text-align: center; color: #888; margin-top: 30px; line-height: 25px;}

.login-box{width: 700px; margin: 70px auto;}
.login-box .login-header{width: 440px; height: 60px; display: flex; align-items: center; justify-content: space-between; margin: 10px auto;}
.login-box .login-header .login-logo img{height: 50px; background: none;}
.login-box .login-header .login-back a{background: #fff; color:#333; padding:5px 10px; border-radius: 3px;}
.login-box .login-form{width: 380px; margin: 30px auto; background: #fff; padding: 20px 30px; border-radius: 5px; overflow: hidden;}
.login-box .login-copyright{color:#fff}

/*layui TAB切换*/
.layui-tab-title{ height:40px; text-align:center; border:0}
.layui-tab-title li{ font-size:16px; line-height:40px; margin:0 20px}
.layui-tab-title .layui-this{ font-weight:600}
.layui-tab-title .layui-this:after{ height:45px}
.layui-tab-brief>.layui-tab-title .layui-this{ color:#2190ff}
.layui-tab-brief>.layui-tab-title .layui-this:after{ border-color:#2190ff}
.layui-tab-brief>.layui-tab-title li:last-child.layui-this{ color:#4CAF50}
.layui-tab-brief>.layui-tab-title li:last-child.layui-this:after{ border-color:#4CAF50}
/*layui 勾选*/
.layui-form-checked[lay-skin=primary] i {
    border-color: #2196F3 !important;
    background-color: #2196F3;
}
.layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: #2196F3;
}
.layui-tab-item:last-child .layui-form-checked[lay-skin=primary] i {
    border-color: #4CAF50 !important;
    background-color: #4CAF50;
}
.layui-tab-item:last-child .layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: #4CAF50;
}
/*注册提示*/
.tip{ padding:10px 20px; font-size:15px; margin:20px 0 0; border:1px solid #f2ead1; background:#fff7dd}
.tip span{ color:#f20}


.loginfoot{ float:left; font-size:15px; width:100%; padding-bottom: 20px;}
.loginfoot .icon{ float:left; width:100%; padding-top:60px; text-align:center; font-size:24px}
.loginfoot .icon a{ display:inline-block; color:#bbb; width:60px; height:60px; line-height:60px; border:1px solid #eee; border-radius:50%}
.loginfoot .icon .qq{ color:#00a7ff}
.loginfoot .icon .qq:hover{ background:#00a7ff; color:#fff}
.loginfoot .icon .wechat{ color:#2faa18}
.loginfoot .icon .wechat:hover{ background:#2faa18; color:#fff}

/*验证码小窗口*/
.captcha-box{width: 250px;padding:10px}
.captcha-box div{display: block;}
.captcha-box div.input input{width: 100%; height: 45px; line-height: 45px; text-align: center; font-size: 18px;}