/*
* @Author: xuebingsi
* @Date:   2019-04-01 13:37:17
* @Last Modified by:   zhibinm
* @Last Modified time: 2019-04-01 13:37:19
*/
html{
    overflow:hidden;
}
.login-bg{
    /*background: #eeeeee url() 0 0 no-repeat;*/
    background:url(../images/img_denglubijin.jpg) no-repeat center;
    background-size: cover;
    overflow: hidden;
    font-family:Microsoft YaHei,Helvetica, Arial, sans-serif;
    font-size: 14px;
    /*min-width:1200px;*/
    /*min-height:570px;*/
    height:100%;
    width:100%;
}
form{
    padding:0px;
    margin:0px;
    width:100%;
    height:100%;
}
.login-main{
    color:#000000;
    position:absolute;
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    display:flex;
}
.left-main{
    position:absolute;
    top:34%;
    left:0px;
    right:0px;
    text-align:center;
}
.login-bottom-content{
    position:absolute;
    left:40px;
    bottom:40px;
}
.login-bottom-content .item{
    display:inline-block;
    color:#FFFFFF;
    text-align:center;
}
.login-bottom-content .item p{
    margin-bottom:10px;
    font-size:18px;
}
.login-bottom-content .item img{
    width:140px;
    height:140px;
}
.login-bttom-right{
    position:absolute;
    right:40px;
    bottom:40px;
    font-size:16px;
    color:#FFFFFF;
}
.login-content-bg{
    width:440px;
    height:550px;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    background: #FFFFFF;opacity: 0.6;
    border-radius: 10px;
    z-index:2;
}
.login-content{
    z-index:3;
    width:340px;
    height:530px;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    padding: 0px 40px;
    background: #FFFFFF;
    border-radius: 10px;
}
.login-content h1{
    font-size:28px;
    font-weight:bold;
    text-align:center;
    margin-top:20px;
}
.login-content .form-body{
    border: 1px solid #BFBFBF;
    border-radius: 10px;
    margin-top:40px;
    overflow:hidden;
}
.login-content .logo {
    text-align:center;
    padding-top:30px;
}
.login-content .logo img{
    height:60px;
}
.login-content .form-body p{
    height:24px;
    background-color: #FFFFFF;
    border-radius:4px;
    color:#A0A0A0;
    padding:20px 12px;
    display:flex;
}
.login-content .form-body p:nth-child(1){
    border-bottom: 1px solid #BFBFBF;
}
.login-content .form-body p:nth-child(2){
    border-bottom: 1px solid #BFBFBF;
}
.login-content .form-body p i{
    font-size:24px;
    float:left;
    margin-right:10px;
    width:24px;
}
.login-content .form-body p input{
    flex:1;
    border:none;
    height:24px;
    line-height:24px;
    font-size:16px;
    background:#FFFFFF;
}
.login-content .operate{
    text-align:right;
    color:#000000;
    font-size:14px;
    margin-top:20px;
}
.login-content .operate .operate-left{
    float:left;
}
.login-content .operate .operate-right{
    float:right;
}
.login-btn{
    position:absolute;
    height:48px;
    left:48px;
    right:48px;
    bottom: 40px;
}
.login-btn input{
    background: #302833;
    border-radius:4px;
    border:none;
    font-size:16px;
    color:#FFFFFF;
    font-weight:bold;
    width:100%;
    height:100%;
}
.login-btn input.blue{
    background: #5965FF;
}
/*注册页*/
.reg-bg{
    /*background: #eeeeee url() 0 0 no-repeat;*/
    background:url(../images/img_denglubijin.jpg) no-repeat center;
    background-size: cover;
    overflow: hidden;
    font-family:Microsoft YaHei,Helvetica, Arial, sans-serif;
    font-size: 14px;
    min-width:1200px;
    min-height:570px;
}
.reg-block{
    width:800px;
    height:600px;
    max-height:90%;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    color: #333333;
}
.reg-block .reg-block-body{
    background:#FFFFFF;
    border-radius: 10px;
    position:absolute;
    top:70px;
    bottom:0px;
    left:0px;
    right:0px;
}
.reg-block h1{
    font-size:28px;
    font-weight:bold;
    text-align:center;
    margin-top:48px;
}
.reg-block .form-body{
    padding:30px 50px;
}
.reg-block .form-body table{
    width:100%;
    border-collapse: collapse;
    border-spacing: 0;
}
.reg-block .form-body table td{
    padding:10px 10px;
}
.reg-block .form-body table td p{
    margin-bottom: 5px;
    font-weight:bolder;
    color: #333333;
}
.reg-block .form-body td div{
    display:flex;
}
.reg-block .form-body td input{
    flex:1;
    height:30px;
    line-height:30px;
    font-size:14px;
    background: #F9F9F9;
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    padding:0 10px;
}
.reg-block .form-body .operate{
    text-align:right;
    color:#000000;
    font-size:14px;
}

.auth-block{
    width:800px;
    position:absolute;
    height:600px;
    max-height:90%;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    color: #333333;
}
.auth-block .auth-block-body{
    background:#FFFFFF;
    border-radius: 10px;
    position:absolute;
    top:70px;
    bottom:0px;
    left:0px;
    right:0px;
}
.auth-block h1{
    font-size:28px;
    font-weight:bold;
    text-align:center;
    padding-top:28px;
}
.auth-block .form-body{
    padding:20px 30px;
    position:relative;
}
.auth-block .form-body table{
    width:100%;
    border-collapse: collapse;
    border-spacing: 0;
}
.auth-block .form-body.small-table{
    width:400px;
    margin:auto;
}
.auth-block .form-body table td{
    padding:7px 0px;
}
.auth-block .form-body table td p{
    margin-bottom: 5px;
    font-weight:bolder;
    color: #333333;
}
.auth-block .form-body td div{
    display:flex;
}
.auth-block .form-body td input{
    flex:1;
    height:30px;
    line-height:30px;
    font-size:14px;
    background: #F9F9F9;
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    padding:0 10px;
}
.auth-block .form-body .submit-btn{
    height:48px;
    margin-top:20px;
}
.auth-block .form-body .submit-btn input{
    background: #302833;
    border-radius:4px;
    border:none;
    font-size:16px;
    color:#FFFFFF;
    font-weight:bold;
    width:100%;
    height:100%;
}
.auth-title{
    font-size:16px;
    color:#FFFFFF;
    height:50px;
}
.auth-title .auth-title-left{
    font-size:28px;
    font-weight:border;
    height:50px;
    float:left;
}
.auth-title .auth-title-left img{
    width:50px;
    height:50px;
}
.auth-title .auth-title-right{
    float:right;
    height:100%;
    line-height:50px;
}
.auth-title .auth-title-right a{
    color:#f5ca33;
}