/*后台公用样式*/
body {
	margin: 0;
	font-family: "Microsoft Yahei";}
.login { 	background:#f2f2f2 url(../images/bg.png) no-repeat center top;
	color:#666;}
.login .login-title {color: #fff;text-align: center;font-size: 20px;margin-top: 200px;}
.login .login-form {max-width: 450px;margin: 10px auto;/*position: relative;left: -50px;*/}
.login .login-form .captcha {width: 140px;height: 38px;}
.login .login-form input {    background-color: rgba(255, 255, 255, 0.3);
    /* border: 1px solid rgba(255, 255, 255, 0.3); */
    color: rgba(0,0,0,0.65);
    border-radius: 5px;
	padding-left: 50px;
}
.login .login-form button {background-color: #34acff;
    width: 100%;
    height: 50px;
    color: #fff;
    font-size: 20px;
    margin-top: 26px;}

.logo {margin-top: 5px;margin-left: 10px; height: 55px;}

.header {background-color: #393D49;}

.footer {line-height: 44px;}

.layui-body {left: 210px;}
.layui-side {top: 60px;}
.layui-table tbody tr:hover {background-color: #f2f2f2;}
.layui-tab {overflow: visible;}
.layui-tab-title > li > a {display: block;}
.layui-btn-normal {background: #41c0c1;}
.layui-btn-danger {background: #f44336;}
.layui-nav-tree .layui-nav-child dd a {text-indent: 16px;}

.form-container {max-width: 800px;}
.form-container .edui-editor {margin-top: -7px;margin-bottom: -7px;margin-left: -11px;}

/*分页*/
.pagination {}
.pagination li {display: inline-block;margin-right: -1px;padding: 5px;border: 1px solid #e2e2e2;min-width: 20px;text-align: center;}
.pagination li.active {background: #009688;color: #fff;border: 1px solid #009688;}
.pagination li a {display: block;text-align: center;}

.photo-list {margin: 5px 0;}







/*登录页*/
.main-body {
    width: 920px;
    height: 600px;
    top: 50%;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    /* overflow: hidden; */
    box-shadow: 0 0 15px rgba(0,138,233,.15);
}




.qr-code {
    float: left;
    width: 380px;
    height: 600px;
    border-radius: 10px 0 0 10px;
    background: url(../images/login-site-bg.png) center center no-repeat;
    /* position: relative; */
    /* padding: 0 78px; */
}
.qr-code .login-title {
    font-size: 28px;
    color: #fff;
    letter-spacing: 9px;
    margin: 150px 0 80px 0;
}
.new-login {
    width: 420px;
    height: 500px;
    padding: 50px 60px;
    background-color: #fff;
    position: relative;
    float: left;
    border-radius: 0 10px 10px 0;
}
.fa-tabs-nav-wrap {
    margin-bottom: -1px;
    overflow: hidden;
}
.new-login .one .fa-tabs-nav-scroll {
    text-align: left;
}
.fa-tabs-nav {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    margin: 0;
    padding-left: 0;
    list-style: none;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.645,.045,.355,1);
    transition: -webkit-transform .3s cubic-bezier(.645,.045,.355,1);
    transition: transform .3s cubic-bezier(.645,.045,.355,1);
    transition: transform .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1);
}
.new-login .fa-tabs-nav .fa-tabs-tab {
    font-size: 20px;
    padding: 20px 0;
}
.fa-tabs-nav .fa-tabs-tab:last-child {
    margin-right: 0;
}
.fa-tabs-nav .fa-tabs-tab-active {
    color: #2ba0e8;
    font-weight: 500;
}
.fa-tabs-nav .fa-tabs-tab {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    height: 100%;
    margin: 0 32px 0 0;
    padding: 12px 16px;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: color .3s cubic-bezier(.645,.045,.355,1);
    transition: color .3s cubic-bezier(.645,.045,.355,1);
}
.fa-tabs-nav-container {
    position: relative;
    box-sizing: border-box;
    margin-bottom: -1px;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.5;
    white-space: nowrap;
    zoom: 1;
}
.fa-tabs-ink-bar {
    position: absolute;
    bottom: 1px;
    left: 0;
    z-index: 1;
    box-sizing: border-box;
    height: 2px;
    background-color: #1890ff;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}
.fa-tabs-bar {
    margin: 0 0 50px;
    border-bottom: 1px solid #e8e8e8;
    outline: none;
}
.fa-input:focus {
    outline: 0;
    box-shadow: 0 0 0 2px rgba(24,144,255,.2);
}
.fa-input:focus, .fa-input:hover {
    border-color: #40a9ff;
    border-right-width: 1px!important;
}
.ht1{background: url(../images/ht1.png) no-repeat 20px 13px;background-size: 18px;margin-left: 0;}
.ht2{background: url(../images/ht2.png) no-repeat 20px 13px;background-size: 18px;margin-left: 0;}
.ht3{background: url(../images/ht3.png) no-repeat 20px 13px;background-size: 18px;margin-left: 0;}