/* 登陆页 */
.login_box{height: 100vh;display: flex;}
.login_box .left_bar{ width: 50%; background: url(../images/account/login_bg.png?v=1) center no-repeat; background-size: cover; position: relative; display: flex; align-items: center; justify-content: center; }
.login_box .left_bar .brand_content{ position: relative; z-index: 2; color: white; padding: 60px 80px; max-width: 600px; width: 100%; }
.login_box .left_bar .brand_logo{ margin-bottom: 80px; }
.login_box .left_bar .brand_title{ font-size: 48px; font-weight: bold; line-height: 1.2; margin-bottom: 40px; color: #ffffff; }
.login_box .left_bar .brand_feature{ list-style: none; padding: 0; margin: 0; }
.login_box .left_bar .brand_feature li{ display: flex; align-items: flex-start;gap: 15px; margin-bottom: 25px; font-size: 18px; line-height: 1.5; color: #ffffff; }
.login_box .left_bar .brand_feature li i.dui_icon{ background: url(/frontend/web/images/account/dui_icon.png) no-repeat center / contain; width: 24px; height: 24px; display: inline-block; margin-top: 1px; }
.login_box .left_bar .brand_feature li span{flex: 1;}
.login_box .right_bar{width: 50%;display: flex;justify-content: center;align-items: center;}
.login_box .right_bar .login_form .form_input{width: 416px;margin: 0 auto;}
.login_box .right_bar .login_form .btitle{font-size: 40px;font-weight: bold;text-align: center;}
.login_box .right_bar .login_form .stitle{font-size: 20px;color: #495567;text-align: center;margin-top: 25px;}
.login_box .right_bar .login_form .stitle a{color: #045afe;}
.login_box .right_bar .login_form .stitle + .form_input{margin-top: 30px;}
.login_box .right_bar .login_form .google_button{text-align: center;width: 200px;margin: 0 auto;margin-top: 25px;height: 40px;}
.login_box .right_bar .login_form .or{margin: 25px 0;text-align: center;}
.login_box .right_bar .login_form .rows{position: relative;}
.login_box .right_bar .login_form .rows .label{font-size: 16px;font-weight: bold;margin-bottom: 8px;}
.login_box .right_bar .login_form .rows .label span{color: #f00;vertical-align: middle;margin-left: 5px;}
.login_box .right_bar .login_form .rows .box_input{width: 100%;height: 50px;border-radius: 50px;border: 1px solid #eee;box-sizing: border-box;padding: 0 35px 0 25px;}
.login_box .right_bar .login_form .rows .input_tips{height: 30px;margin-top: 5px;visibility: hidden;}
.login_box .right_bar .login_form .rows input.error{border-color: #f00;color: #f00;}
.login_box .right_bar .login_form .rows input.error ~ .input_tips{color: #f00;visibility: visible;}
.login_box .right_bar .login_form .rows input:focus{border-color: #045afe;color: #045afe;}
.login_box .right_bar .login_form .rows input:focus ~ .input_tips{visibility: hidden;}
.login_box .right_bar .login_form .button{width: 100%;height: 50px;border-radius: 50px;border: 0;color: #fff;font-size: 18px;background-color: #045afe;text-align: center;font-weight: bold;}
.login_box .right_bar .login_form .button:hover{background-color: #054acf;}

#account_login  .login_box .right_bar .login_form .rows .password_check{cursor: pointer;width: 20px;height: 16px;display: inline-block;background-image: url(../images/account/nosee.png);background-repeat: no-repeat;background-position: center center;vertical-align: sub;position: absolute;right: 15px;top: 48px}
#account_login  .login_box .right_bar .login_form .rows .password_check.no_check{background-image: url(../images/account/see.png);}
#account_login  .login_box .right_bar .login_form .forget{text-align: center;margin-top: 15px;}
#account_login  .login_box .right_bar .login_form .forget a{color: #045afe;font-size: 15px;}

/* 注册页 */
#account_register .login_box .right_bar .login_form .agree_tips{font-size: 14px;color: #495567;margin-top: 30px;}
#account_register .login_box .right_bar .login_form .agree_tips a{color: #045afe;}
#account_register .login_box .right_bar .login_form .phone_inner {display: flex; }
#account_register .login_box .right_bar .login_form .phone_inner select{width: 175px;border-radius: 25px;border-top-right-radius: 0;border-bottom-right-radius: 0;background-color: #fff;border: 1px solid #eaeaea;padding-left: 20px;padding-right: 10px;border-right: 0; }
#account_register .login_box .right_bar .login_form .phone_inner .box_input{border-top-left-radius: 0;border-bottom-left-radius: 0; }

@media (max-width:768px){
    .login_box .left_bar{display: none;}
    .login_box .right_bar{width: 100%;padding: 0 20px;}
    .login_box .right_bar .login_form .btitle{font-size: 30px;}
    .login_box .right_bar .login_form .form_input{width: 100%;}
}

/* 确认邮箱页 */
#account_confirm_email{min-height: 100vh;display: flex;flex-direction: column;background-color: #f7faff;}
#account_confirm_email .main{flex: 1;display: flex;justify-content: center;align-items: center;}
#account_confirm_email .box{max-width: 650px;padding: 20px;}
#account_confirm_email .h1{font-size: 32px;font-weight: bold;text-align: center;}
#account_confirm_email .h2{font-size: 20px;color: #000514;text-align: center;margin-top: 25px;line-height: 1.8;}
#account_confirm_email .h1 a,
#account_confirm_email .h2 a{color: #045afe;}
#account_confirm_email .resend{margin: 25px auto 0 auto;text-align: center;}
#account_confirm_email .resend .form_button{display: inline-block;font-size: 18px;color: #fff;padding: 13px 30px;font-weight: bold;border-radius: 100px;text-align: center;min-width: 335px;box-sizing: border-box;border: 0;background-color: #242529;}
#account_confirm_email .resend .form_button.current{background-color: #888;cursor: no-drop;}
#account_confirm_email .resend span{margin-left: 5px;}

/* 忘记密码页 */
.forgot_box{min-height: 100vh;display: flex;flex-direction: column;background-color: #f7faff;}
.forgot_box .main{flex: 1;display: flex;justify-content: center;align-items: center;}
.forgot_box .box{max-width: 590px;padding: 20px;}
.forgot_box .box.large{max-width: 650px;}
.forgot_box .h1{font-size: 36px;font-weight: bold;text-align: center;}
.forgot_box .h2{font-size: 20px;color: #495567;text-align: center;margin-top: 20px;line-height: 1.5;}
.forgot_box .h3{font-size: 18px;color: #495567;margin-top: 20px;text-align: center;line-height: 2;}
.forgot_box .form_box{margin-top: 40px;}
.forgot_box .form_box.small{max-width: 416px;margin-left: auto;margin-right: auto;}
.forgot_box .form_box .label{font-size: 16px;font-weight: bold;}
.forgot_box .form_box .input{margin-top: 5px;}
.forgot_box .form_box .form_input{width: 100%;height: 52px;border-radius: 52px;border: 1px solid #eee;box-sizing: border-box;padding: 0 20px;font-size: 16px;}
.forgot_box .form_box .form_button{margin-top: 30px;font-size: 18px;color: #fff;border: 0;background-color: #242529;padding: 13px 30px;box-sizing: border-box;border-radius: 100px;text-align: center;font-weight: bold;width: 100%;}
.forgot_box .back{text-align: center;margin-top: 20px;}
.forgot_box .back a{font-size: 16px;color: #5046e5;}
.forgot_box .email{font-size: 18px;font-weight: bold;color: #5e55e7;text-align: center;margin-top: 5px;}
.forgot_box .input{position: relative;}
.forgot_box .input .password_check{width: 25px;height: 25px;position: absolute;right: 13px;top: 13px;background: url(../images/account/nosee.png) center no-repeat;cursor: pointer;}
.forgot_box .input .password_check.no_check{background-image: url(../images/account/see.png);}
.forgot_box .input_tips{color: #97a2b6;margin-top: 5px;}

#account_verify_email{height: 100vh;}