.content{width: 100%;height: 100%;background: url('../images/login_bg.png')no-repeat;background-size: 100% 100%;}
.left-bg{height: 100%;background-image: url("../images/login-bg.png");background-size: 80% auto;background-repeat: no-repeat;background-position: center;}

.right-form{height: 100%; width: 444px;display: flex;flex-direction: column;align-items: center;justify-content: center;background: #fff; color: rgb(182,182,182);}
.logo-text{height: 33px;background-image: url("../images/logo-text.png");background-size: auto 33px;background-repeat: no-repeat;background-position: center;margin-top: 130px;}
nav{width: 350px;margin: 30px auto 40px;}
nav span{width: 50%;border-bottom: 1px solid #eff4ff;cursor: pointer;}
nav span.active{color: #3089FC;border-bottom: 1px solid #3089FC;}
nav p{border-bottom: 1px solid #3089FC;color: #3089FC;}

/*账号密码登录*/
.right-form form{width: 350px;margin: 20px auto;}
.right-form form .label{    width: 100%; border-bottom: 1px solid #eff4ff; padding: 6px 18px; margin-bottom: 35px; position: relative; background: #F8F8F8; height: 44px; box-sizing: border-box; }
.right-form form .label button{float: right;height: 28px;background-color: #3089FC;color: #fff;border-radius: 14px;padding: 0 10px;width: 90px;}
.right-form form .label > p{position: absolute;bottom: -25px;left: 0;padding-left: 74px;}
.right-form form .label > p.error{background-image: url('../images/error.png');background-repeat: no-repeat;background-size: 18px;background-position: 5px center;}
.right-form form .label > p.hints{background-image: url('../images/hint.png');background-repeat: no-repeat;background-size: 18px;background-position: 5px center;}
.right-form form .icon{display: inline-block;width: 24px;height: 28px;background-size: auto 100%;background-repeat: no-repeat;background-position: center;margin-right: 5px;}
.right-form form .icon.mobel{background-image: url("../images/tel.png");}
.right-form form .icon.password{background-image: url("../images/password.png");}
.right-form form .icon.verify{background-image: url("../images/verify.png");}
.right-form form input{border: none;float: left; font-size: 18px; width: 257px;  ; margin-top: -4px; margin-left: 20px; background: #F8F8F8 !important;}
.right-form form .verify-btn{line-height: 28px;padding-left: 5px;cursor: pointer;display: inline-block;    font-size: 18px; margin-left: 14px; }
.right-form form > button{width: 351px; height: 44px !important; background: linear-gradient(-85deg, #0068FF 0%, #00A7FF 100%); border-radius:30px;font-size:20px;color: #fff;letter-spacing: 2px;margin-bottom: 10px;}

/*图形验证*/
.slideimgbox{position: absolute;top: 170px;background-color: #eff4ff;border-radius: 8px;width: 350px;padding: 10px;overflow: hidden;}
.slideimgbox > p{margin-bottom: 5px;}
.slide_close{cursor: pointer;}

.title{ font-size: 45px; text-align: center;font-size: 29px;font-weight: bold;}
.flex_between{display: flex;justify-content: space-between;}
.flex_center{display: flex;justify-content: center;align-items: center;}
.login_box{background: url('../images/login_b.png')no-repeat;background-size: 100% 100%; width: 1063px; height: 580px;padding: 18px 31px 33px 27px; box-sizing: border-box;}
@media(min-width:1600px){
    .login_box{width: 1181px;height: 644px;padding: 22px 31px 42px 29px;}
    .right-form{width: 500px; background: transparent;}
}
@media(min-width:1900px){
    .login_box{width: 1417px;height: 773px;padding: 26px 38px 47px 29px;}
    .right-form{width: 600px; background: transparent;}
}
.right-form form .label > p.inp_box{top: -16px; left: 14px !important; background: #fff; padding: 0 4px !important;bottom: 0 !important;height: 20px;display: none; }