body {
    background-image: url("../images/tu-1.jpg");
    width: 100%;
    height: 100%;
    background-size: cover;
}
.main_login_wrap {
    /*width: 1920px;*/
    margin: 0 auto;
    /*position: relative;*/
    width: 100%;
    /*height: 100%;*/
}
.main-login {
    position: absolute;
    width: 440px;
    height: 370px;
    background-color: #fff;
    top: 50%;
    left: 50%;
    opacity: 0.92;
    transform: translate(-50%,-50%);
}
.login-title-left, .login-title-right{
    width: 50%;
    height: 50px;
    display: inline-block;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    float: left;
    background-color:#ebeef3
}
.login_active {
    background-color: #3690e8;
    color: #fff;
}
.main-login input,
.main_admin_login input{
    box-sizing: border-box;
    width: 400px;
    height: 40px;
    line-height: 40px;
    margin: 15px 20px;
    border: 1px solid #ccc;
    padding: 5px 10px;
}
.main-login .login-yanzheng,
.main_admin_login .login-yanzheng{
    width: 200px;
}
.msg_btn_style {
    cursor: pointer;
}
.yanzheng{
    margin-top: 10px;
    width: 150px;
    height: 40px;
    line-height: 40px;
    float: right;
    margin-right: 20px;
    border: 1px solid #ccc;
}

.button{
    width: 400px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #3690e8;
    border-radius: 5px;
    margin: 10px 20px;
    color: #fff;
}

.login-jialuo{
    color: #ccc;
    text-align: right;
    margin-right: 20px;
}
.login-jialuo span{
    padding: 0 5px;
}

.yanzheng-img{
    position: absolute;
    left: 245px;
    top: 20px;
    margin-left:-50px;
}
.yanzheng-img2 {
    position: absolute;
    top: 198px;
}


.main-login2{
    position:absolute;
    width: 440px;
    height: 340px;
    background-color: #fff;
    top: 50%;
    margin-top: -200px;
    left: 55%;
    /*display: none;*/
}
.login-title-left, .login-title-right{
    width: 50%;
    height: 50px;
    display: inline-block;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    float: left;
}
.main-login2 .login-title-right{
    /*background-color: #3690e8;*/
    /*color: #fff;*/
}
.main-login2 .login-title-left{
    background-color: #ebeef3;
    color: black;
}
.login-title-right{
    /*background-color:#ebeef3;*/
}
.main-login2 input{
    box-sizing: border-box;
    width: 400px;
    height: 40px;
    line-height: 40px;
    margin: 10px 20px;
    border: 1px solid #ccc;
    padding: 5px 10px;
}
.main-login2 .login-yanzheng{
    width: 200px;
}
.sms{
    margin-top: 10px;
    width: 150px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    float: right;
    margin-right: 20px;
    border-radius: 5px;
    background-image: linear-gradient(#2e7fd0,#1557ab);
}
.login_code {
    width: 150px;
    height:38px;
}

.button{
    width: 400px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-image: linear-gradient(#2e7fd0,#1557ab);
    border-radius: 5px;
    margin: 10px 20px 15px 20px;
    color: #fff;
}

.login-jialuo{
    color: #ccc;
    text-align: right;
    margin-right: 20px;
}
.login-jialuo span{
    padding: 0 5px;
}

.yanzheng-img{
    margin-left:-50px;
}

.text-img{
    position: absolute;
    right: 0;
    margin-right: 40px;
}
.text-text{
    top: 70px;
}
.text-password{
    top: 145px;;
}
.phone_login {
    display: none;
}
.password_login {
    /*display: none;*/
}
.code_main {
    position: relative;
}
.mg0 {
    position: relative;
    margin: 0;
    height: 100%;
}
.code_style {
    position: absolute;
    top: 119px;
    right: 20px;
}
.code_style2 {
    position: absolute;
    top: 9px;
    right: 20px;
}
.msg_btn_style{
    position: absolute;
    top: 170px;
    right: 0px;
    padding: 0 10px;
}
#login_type {
    overflow: hidden;
}
.wrap_code_msg {
    overflow: hidden;
}
/*.pos_relative_wrap {*/
    /*position: relative;*/
/*}*/

/*后台登录界面样式*/
.admin_login-body {
    background-image: url("../images/admin_bg.png");
    background-size: cover;
}
.admin_login_wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.admin_main_login {
    position: relative;
    left: 40px;
    top: 20px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
.admin_login_tit {
    width: 100%;
    height: 70px;
    line-height: 70px;
    margin-bottom: 26px;
}
.jsAdminLogin,
.admin_posi_rela {
    position: relative;
    left: 10px;
    clear: both;
    font-size: 14px;
}
.admin_text_img {
    position: absolute;
    top: 15px;
    left: 21px;
    padding: 12px 11px 11px 11px;
    background-color: #fff;
    border: 1px solid #ccc;
}
.admin_text_img img {
    width: 18px;
    height: 18px;
}
.admin_login_input input{
    padding: 0 10px;
    height: 46px;
    line-height: 46px;
    margin-left: 60px;
    width: 330px;
    background-color: #f1f5ff;
}
.admin_login_input .admin_validate_input {
    width: 180px;
}
.code_style3 {
    position: absolute;
    top: 12px;
    right: 50px;
    width: 120px;
}
.main_admin_login {
    width: 440px;
    height: 415px;
    background-color: #fff;
}
.admin_login_rember {
    height: 50px;
    line-height: 50px;
    text-align: left;
    background-color: #f1f5ff;
    margin: 20px 0 0 0;
    padding: 0 30px;
    box-sizing: border-box;
}
.admin_login_rember a {
    color: #999;
}