/* 登录注册页头部导航 */
.nav-login-top{
    height: 60px;
    line-height: 60px;
}
.login-logo{
    height: 60px;
}
.login-text div:nth-of-type(1){
    width: 79px;
    height: 16px;
}
.login-text div:nth-of-type(2){
    text-align: left;
}
/* 登录页内容 */
.login-wrapper{
    /* width: 1200px; */
    width: 1354px;
    display: flex;
    align-items: center;
    height: 698px;
    margin: 60px auto 0;
    /* position: relative; */
}
.login-wrapper .login-img{
    width: 692px;
    height: 458px;
    /* position: absolute;
    top: 97px;
    left: -12px; */
}
.login-wrapper .login-img img{
    width: 100%;
    height: 100%;
}
.login-wrapper .login,
.login-wrapper .register{
    width: 627px;
    height: 600px;
    /* position: absolute;
    right: -11px; */
    background-color: #FFFFFF;
    box-shadow: 0px -1px 19px #EBEEF5;
}
.login-wrapper .login{
    height: 658px;
}
.login .title{
    width: 428px;
    margin: 68px auto 10px;
    margin-top: 68px;
    font-size: 30px;
    color: #303030;
}
.login form{
    margin-top: 20px;
    width: 498px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}
/* .login form .user,
.login form .pass{
    margin-left: 69px;
} */
.login form .user{
    display: flex;
}
.login form .user select{
    color: #303030;
    font-size: 18px;
    height: 34px;
    width: 102px;
    padding-left: 9px;
    outline: none;
    border: none;
}
.login form .user input{
    width: 335px;
    height: 30px;
    padding: 0 15px;
    font-size: 18px;
    outline: none;
    border: none;
}
.login form .user-select-box,
.login form .user-input-box{
    border: 1px solid #707070;
}
.login form .user-input-box{
    margin-left: 10px;
}
.login form .pass{
    margin-top: 15px;
    display: flex;
    color: #303030;
    font-size: 18px;
    height: 34px;
}
.login form .pass>span{
    width: 54px;
    /* margin-left: 48px; */
    line-height: 34px;
}
.login form .pass .pass-box{
    margin-left: 7px;
    display: flex;
    align-items: center;
    border: 1px solid #707070;
}
.login form .pass .pass-box input{
    margin-left: 15px;
    height: 28px;
    width: 296px;
    font-size: 18px;
    outline: none;
    border: none;
}
.login form .pass .pass-box span{
    width: 16px;
    height: 16px;
    margin-right: 11px;
    background-size: 100% 100%;
}
.login form .pass .pass-box .empty{
    background-image: url(./image/icon/close.png);
}
.login form .pass .pass-box .look{
    background-image: url(./image/icon/close-eye.png);
}
.login form .pass .pass-box .active{
    background-image: url(./image/icon/open-eye.png);
}
.login form .forget{
    width: 426px;
    text-align: right;
}
.login form .forget a{
    color: #2F77F1;
    font-size: 18px;
}
.login form .check-code{
    display: flex;
    width: 428px;
    height: 34px;
    margin-top: 15px;
    /*margin-bottom: 5px;*/
}
.login form .check-code span{
    font-size: 16px;
}
.login form .check-code .check-code-box{
    margin-left: 9px;
    display: flex;
    align-items: center;
    border: 1px solid #707070;
}
.login form .check-code .check-code-box input{
    margin-left: 15px;
    height: 28px;
    width: 241px;
    font-size: 18px;
    outline: none;
    border: none;
}
.login form .login-button{
    border: none;
    outline: none;
    width: 149px;
    height: 51px;
    background-color: #2F77F1;
    font-size: 18px;
    color: #FFFFFF;
    margin-top: 40px;
    /* margin-left: 204px; */
    cursor: pointer;
}
.login form .login-register{
    /* margin-left: 204px; */
    margin-top: 17px;
    color: #686868;
    font-size: 18px;
}
.login form .login-register a{
    color: #2F77F1;
}
.login .login-bottom{
    margin-top: 92px;
}
.login .login-bottom .other{
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #686868;
    font-size: 18px;
    margin-left: 68px;
    width: 498px;
}
.login .login-bottom .other span{
    display: inline-block;
    width: 157px;
    height: 1px;
    background-color: #E6E7E7;
}
.login .login-bottom .other div{
    margin-left: 31px;
    margin-right: 31px;
}
.login .login-bottom .other-login{
    margin-top: 33px;
    display: flex;
}
.login .login-bottom .weixi-login,
.login .login-bottom .qq-login{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.login .login-bottom .weixi-login{
    margin-left: 224px;
}
.login .login-bottom .qq-login{
    margin-left: 73px;
}
.login .login-bottom .weixi-login a,
.login .login-bottom .qq-login a{
    color: #686868;
    font-size: 14px;
}
.login .login-bottom .weixi-login .weixi{
    width: 30px;
    height: 25px;
}
.login .login-bottom .qq-login .qq{
    width: 24px;
    height: 28px;
}
.login .login-bottom .weixi-login .weixi img,
.login .login-bottom .qq-login .qq img{
    width: 100%;
    height: 100%;
}
/* 登录页页脚 */
.login-footer{
    width: 994px;
    margin: 70px auto 150px;
    color: #303030;
    font-size: 16px;

}
.login-footer ul{
    width: 994px;
    height: 38px;
    display: flex;
    justify-content: center;
}
.login-footer ul li{
    margin-right: 7px;
}
.login-footer ul li a{
    color: #303030;
    font-size: 16px;
}
.login-footer div{
    width: 468px;
    height: 62px;
    margin: 15px auto 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.login-footer div a{
    color: #303030;
}
.login-footer div a:hover{
    color: red;
}
/* 注册1样式 */
/* .register .title{
    width: 60px;
    height: 40px;
    margin-top: 20px;
    margin-left: 25px;
    color: #303030;
    font-size: 30px;
    line-height: 40px;
    text-align: center;
}
.register form{
    margin-left: 25px;
}
.register form > div{
    width: 576px;
    height: 92px;
    border-bottom: 1px solid #E6E7E7;
    overflow: hidden;
}
.register form > div p{
    color: #303030;
    font-size: 22px;
    margin-top: 20px;
}
.register form > div div{
    margin-top: 14px;
}
.register form > div div input{
    width: 460px;
    height: 24px;
    font-size: 16px;
    border: none;
    outline: none;
}
.register .code div{
    display: flex;
    justify-content: space-between;
}
.register .code div span{
    color: #2F77F1;
    font-size: 18px;
    cursor: pointer;
}
.register .register-button{
    width: 577px;
    height: 51px;
    border: none;
    outline: none;
    background-color: #2F77F1;
    color: #FFFFFF;
    font-size: 18px;
    margin-top: 20px;
}
.register-bottom{
    width: 577px;
    margin-left: 25px;
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    overflow: hidden;

}
.register-bottom .left{
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #686868;
}
.register-bottom .left span a{
    color: #2F77F1;
    font-size: 14px;
}
.register-bottom .left .agree{
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 1px;
    border: 1px solid #E6E7E7;
    margin-right: 5px;
}
.register-bottom .left .active{
    background-image: url(./image/icon/agree.png);
    background-size: 100% 100%;
}
.register-bottom .right a{
    color: #2F77F1;
    font-size: 14px;
} */

/* 注册2样式 */
.register-wrapper{
    width: 1059px;
    height: 656px;
    margin: 60px auto 130px;
    background-color: #FFFFFF;
    box-shadow: 0px -1px 19px 0 #EBEEF5;
    overflow: hidden;
}
.register-title,
.register-name,
.register-pass,
.register-repass,
.register-phone,
.register-button,
.register-bottom,
.register-code{
    /* border: 1px solid red; */
    margin: 0 auto 30px;
    width: 400px;
}
.register-title{
    color:#303030;
    font-size: 30px;
    margin: 46px auto 54px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}
.register-name,
.register-pass,
.register-repass,
.register-code{
    border: 1px solid #707070;
}
.register-name input,
.register-pass input,
.register-repass input{
    width: 400px;
    height: 38px;
    border: none;
    outline: none;
    text-indent: 8px;
}
.register-code {
    height: 38px;
    margin-bottom: 25px;
}
.register-code input{
    text-indent: 8px;
    border: none;
    outline: none;
    width: 280px;
    height: 36px;
    margin-right: 20px;
}
.register-code .get-code{
    font-size: 16px;
    color: #2F77F1;
    line-height: 38px;
    cursor: pointer;
    border: none;
    outline: none;
    background-color: #FFFFFF;

}
.register-phone{
    height: 38px;
    line-height: 38px;
    display: flex;
}
.register-phone span{
    display: inline-block;
    font-size: 16px;
    color: #707070;
    width: 57px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    border: 1px solid #707070;
    border-right: none;
}
.register-phone div{
    width: 357px;
    height: 38px;
    border: 1px solid #707070;
}
.register-phone input{
    display: inline-block;
    text-indent: 8px;
    width: 330px;
    height: 34px;
    border: none;
    outline: none;
}
.register-button{
    height: 51px;
    background-color: #2F77F1;
    color: #FFFFFF;
    line-height: 51px;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
}
.register-bottom{
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    overflow: hidden;

}
.register-bottom .left{
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #686868;
}
.register-bottom .left span a{
    color: #2F77F1;
    font-size: 14px;
}
.register-bottom .left .agree{
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 1px;
    border: 1px solid #E6E7E7;
    margin-right: 5px;
}
.register-bottom .left .active{
    background-image: url(./image/icon/agree.png);
    background-size: 100% 100%;
}
.register-bottom .right a{
    color: #2F77F1;
    font-size: 14px;
}

/* 成功提示页面 */
.register-wrapper .sucess_icon{
    margin-top: 228px;
    margin: 228px auto 50px;
    width: 76px;
    height: 76px;
}
.register-wrapper .sucess_icon img{
    width: 100%;
    height: 100%;
}
.register-wrapper .sucess_tips{
    margin-left: auto;
    margin-right: auto;
    font-size: 28px;
    color: #2F77F1;
    text-align: center;
}
/*Add By fanhuilin Begin*/

/*.login .mobile,.login .captcha*/
/*{*/
    /*margin-left: 64px;*/
/*}*/
/*.login .scode{*/
    /*margin-left: 30px;*/
/*}*/
/*.verify{*/
    /*font-size:12px;*/
    /*color:#FF6600;*/
    /*margin-left:64px;*/
/*}*/

/*.login form .mobile{*/
    /*margin-top: 15px;*/
    /*display: flex;*/
    /*color: #303030;*/
    /*font-size: 18px;*/
    /*height: 34px;*/
/*}*/
/*.login form .mobile>span{*/
    /*width: 60px;*/
    /*line-height: 34px;*/
/*}*/
/*.login form .mobile .mobile-box{*/
    /*margin-left: 34px;*/
    /*display: flex;*/
    /*align-items: center;*/
    /*border: 1px solid #707070;*/
/*}*/
/*.login form .mobile .mobile-box input{*/
    /*margin-left: 15px;*/
    /*height: 28px;*/
    /*width: 296px;*/
    /*font-size: 18px;*/
    /*outline: none;*/
    /*border: none;*/
/*}*/
/*.login form .captcha{*/
    /*margin-top: 15px;*/
    /*display: flex;*/
    /*color: #303030;*/
    /*font-size: 18px;*/
    /*height: 34px;*/
/*}*/
/*.login form .captcha>span{*/
    /*width: 60px;*/
    /*line-height: 34px;*/
/*}*/
/*.login form .captcha .captcha-box{*/
    /*margin-left: 34px;*/
    /*display: flex;*/
    /*align-items: center;*/
/*}*/
/*.login form .captcha .captcha-box input{*/
    /*height: 28px;*/
    /*width:100px;*/
    /*padding-left: 10px;*/
    /*color: #686868;*/
    /*font-size: 18px;*/
/*}*/
/*.login form .scode{*/
    /*margin-top: 15px;*/
    /*display: flex;*/
    /*color: #303030;*/
    /*font-size: 18px;*/
    /*height: 34px;*/
/*}*/
/*.login form .scode>span{*/
    /*width: 60px;*/
    /*line-height: 34px;*/
/*}*/
/*.login form .scode .code-box{*/
    /*margin-left: 34px;*/
    /*display: flex;*/
    /*align-items: center;*/
/*}*/
/*.login form .scode .code-box input{*/
    /*height: 28px;*/
    /*padding-left: 10px;*/
    /*color: #686868;*/
    /*font-size: 18px;*/
    /*margin-right: 10px;*/
/*}*/


/*.register .captcha div{*/
    /*display: flex;*/
    /*justify-content: flex-start;*/
/*}*/
/*.register .captcha div input{*/
    /*height: 28px;*/
    /*width:100px;*/
    /*color: #686868;*/
    /*font-size: 18px;*/
/*}*/
/*.register .captcha div img{*/
    /*height: 28px;*/
/*}*/
/*.login-wrapper .login, .login-wrapper .register{*/
    /*height: 730px;*/
/*}*/


.register-input{
    width: 100%;
    height: 100%;
    background-color: #2F77F1;
    border: none;
    color: #FFFFFF;
    outline: none
}
/*Add BY fanhuilin End*/