*{padding: 0;margin: 0;box-sizing: border-box;}
#user_login_register{background: url("../img/computer-1867758_1920-min.jpg") center center no-repeat;background-size: cover;position: relative;height: 100vh;}
#user_login_register .login-main{width: 560px;position: absolute;left: 0;top: 0;bottom: 0;background: #fff;padding:120px 60px 60px 60px;font-weight: 300;}
#user_login_register .login-main .login-head{margin-bottom:40px;}
#user_login_register .login-main .login-head ul{display:flex;flex-flow: row wrap;justify-content: space-between;height: 46px;line-height: 46px;font-size:20px;text-align: center;}
#user_login_register .login-main .login-head ul li{width: 50%;border-bottom: 1px solid #eee;}
#user_login_register .login-main .login-head ul .on{border-bottom: 1px solid #2c7ec4;}
#user_login_register .login-main .login-head ul .on a{color:#2c7ec4;}
#user_login_register .login-main #msgs{text-align: center;font-size: 16px;color: red;font-weight: bold;height: 32px;line-height: 32px;}
#user_login_register .right{position: absolute;left: 560px;right: 0;top: 0;bottom: 0;background:#44525f99;font-size: 42px;color: #fff;font-weight: 300;text-align: center;}
#user_login_register .logo img{display: block;margin: 20px auto;width: 200px;}
#user_login_register .login-main .login-oauth{padding:20px 0;text-align: center;}
#user_login_register .login-main .login-oauth a{padding: 0 10px;}
#user_login_register .login-main .login-oauth img{width:30px;}
#user_login_register .login-main .layui-form-item .layui-input-block{margin-bottom: 20px;}
#user_login_register .login-main .login_button{margin-bottom: 0 !important;text-align: right;}
#user_login_register .login-main .login_button button:first-child{background:#2c7ec4;}
#user_login_register .login-main .login-oauth-line{font-size:24px;text-align: center;color: #aaa;text-transform: uppercase;position: relative;}
#user_login_register .login-main .login-oauth-line .spanOr:before,
#user_login_register .login-main .login-oauth-line .spanOr:after{content: "";background-color: #ddd;width: 55%;height: 1px;position: absolute;top: 19px;}
#user_login_register .login-main .login-oauth-line .spanOr:before{left: -50px;}
#user_login_register .login-main .login-oauth-line .spanOr:after{right: -50px;}
#user_login_register .login-main .t_c{height: 32px;line-height: 32px;text-align: center;font-size: 16px;}
#user_login_register .copyright{text-align: center;font-size: 14px;line-height: 34px;position: absolute;left: 0;right: 0;bottom: 30px;color: #a1a1a1;}
#user_login_register .right p{position: relative;top: 50%; /*偏移*/transform: translateY(-50%);letter-spacing: 10px;font-weight: 100;}
#user_login_register .login-main .reg-step{margin-bottom: 20px;}
#user_login_register .login-main .reg-step ul{display: flex;flex-flow: row wrap;justify-content: space-between;font-size:18px;line-height:49px;height:50px;text-align: center;border-bottom: 1px solid #eeee;}
#user_login_register .login-main .reg-step ul li{width: 33.33333333%;}
#user_login_register .login-main .reg-step ul li i{display: inline-block;font-style:normal;width: 20px;height: 20px;line-height: 20px;text-align: center;border-radius: 50%;background: #eee;font-size: 14px;margin-right: 6px;}
#user_login_register .login-main .reg-step ul .on i{background:#2c7ec4;color: #fff;}
#user_login_register .login-main .reg-step ul .on{border-bottom: 1px solid #2c7ec4;}
#user_login_register #reg-box .layui-input-block{margin-bottom: 10px;}
#reg-box{width:100%;}
#reg-box tr{border: none;}
#leixing p{height: 38px;line-height: 38px;margin-bottom: 10px;border: 1px solid #eee;}
#leixing span{background: #FAFAFA;display: block;float: left;width: 110px;text-align: center;color: #000;height: 36px;border-right: 1px solid #eee;font-weight: 400;}
#leixing input{display:inline-block;margin-left: 20px;}
.tips{font-size: 14px;line-height: 22px;margin-bottom: 6px;}
.f_red{color: red;font-weight: bold;font-size: 14px;}
.f_red img{margin-bottom: 3px;}
.reg-tb{width: 100%;}
.reg-tb .tl{text-align: center;background: #FAFAFA;width: 110px;}
.reg-tb .tr{padding-left: 20px;}
.reg-tb tr{border: 1px solid #eee;height: 38px;line-height:38px;}

.register_wrap .notice{display: block;text-align: center;margin-bottom: 10px;}
#answer{height: 30px;line-height: 30px;border: 1px solid #eee;text-align: center;}
#captcha{height: 30px;line-height: 30px;border: 1px solid #eee;text-align: center;width: 80px;}