@charset "utf-8";
:root{    
	--user_main_color:#00bf57;        /* 主色 */
}
body{background:#fafafa;}
.gray{color:#999;}
.u_footer{color:#999; margin-top:25px; text-align:center;}

/*用户注册、登录、找回密码*/
.user_login_bg{width: 100%;height: 100vh;  padding-top:80px; box-sizing:border-box;}
.user_login_bg .head1{padding: 68px 0 25px; text-align:center; font-size:25px; text-shadow: 0 1px 10px rgba(0,0,0,.25);}
.user_form_box{width:520px; background:#fff; border-radius:5px; overflow:hidden;  box-shadow:0 8px 16px 4px rgba(0,0,0,.04); box-sizing:border-box; margin:auto;}
.user_form_box .head{line-height: 56px;background: #e8e8e8;box-sizing:border-box; text-align:center; padding:0 25px; font-size:20px; text-shadow: 0 1px 10px rgba(0,0,0,.25);}

.user_login_box{ padding:25px 60px 40px;}
.user_login_box .tit{ margin-bottom:20px; text-align:center;}
.user_login_box .tit li{ font-size:16px; display:inline-block; margin:0 15px 0; }
.user_login_box .tit li a{display:block; height:30px; transition:0.5s all; position:relative; color:#333; text-decoration:none;}
.user_login_box .tit li.active a{font-weight:bold;}
.user_login_box .tit li.active a:after{ content:""; width:100%; height:2px; border-radius:10px; background:var(--user_main_color); position: absolute; bottom:0;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}

.user_login_box .con ul{display:none;}
.user_login_box .con ul.active{display:block;}
.user_login_box .p1{text-align:center; margin-top:15px; }
.user_login_box .p2{text-align:center; margin-top:15px; }

/*表单*/
.user_login_box li,.user_login_box .con .form-actions{margin-top:15px; position:relative;}
.user_login_box li input{background: #fff; font-size:15px;border-radius: 5px;border: 1px solid #dcdfe6;box-sizing: border-box;color: #606266;height: 46px;line-height: 46px;outline: none;padding: 0 15px;transition: border-color .2s cubic-bezier(.645,.045,.355,1);width: 100%;}
.user_login_box li input:focus,.user_login_box li input:hover{border:solid 1px var(--user_main_color);}
.user_login_box li .yzm{position:absolute; padding:0 10px; top:0px; right:0px; border-left:solid 1px #dcdfe6; transition:.2s all;}
.user_login_box li .smsyzm{position:absolute; padding:0 25px; top:0px; right:0px; }
.user_login_box .sms_btn{ line-height:46px; color:#00ab4c; display:block; font-weight:bold; text-decoration:none;}
.user_login_box button{ width:100%; height:50px; background:var(--user_main_color); border:none; font-size:16px; color:#fff; cursor:pointer; outline:none; border-radius:5px;}
.user_login_box button:hover{ opacity:0.8;}

@media screen and (max-width:768px) {
.user_login_bg{ padding:35px 15px 0; height:auto;}   
.user_form_box{width:100%;}
.user_form_box .head{line-height:42px; padding:0 25px; font-size:15px;}
.user_login_box{ padding:20px 20px 30px;}
.user_login_box .tit{ margin-bottom:10px;}
.user_login_box .tit li a{height:25px;}
.user_login_box li,.user_login_box .con .form-actions{margin-top:12px;}
.user_login_box li input{font-size:14px;}
.user_login_box li .smsyzm{ padding:0 15px; }

}