body {
  font-family: Roboto-Regular, Arial, Arial-Regular !important;
  font-weight: 400;
  font-style: normal;
  text-transform: none;
  width: 100%;
}
* a:focus {
  outline: none;
}
* input:focus,
* select:focus,
* textarea:focus {
  outline: none;
}
* input:-internal-autofill-selected {
  box-shadow: inset 0 0 0 1000px #fff !important;
}
.login_color {
  color: #525bb2;
}
.inputInfo {
  width: 100%;
  height: 11.33333333vw;
  padding-left: 2.66666667vw;
  box-sizing: border-box;
}
.login_index {
  display: flex;
  flex-direction: column;
  position: relative;
  height: 100%;
}
.login_index .login_content {
  flex: 1;
  overflow-y: auto;
  position: relative;
}
.login_index .login_content .spanFace {
  height: 10.13333333vw;
  border: 1px solid rgba(56, 60, 62, 0.1);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.login_index .login_content .spanFace .face_icon {
  padding-right: 10px;
}
.login_index .login_content .login_other {
  padding-bottom: 3rem;
  position: relative;
}
.login_index .login_content .login_other a,
.login_index .login_content .login_other a:active {
  text-decoration: none;
}
.login_index .login_content .login_other .face {
  position: relative;
  text-decoration: none;
  border-radius: 1.17333333vw;
  margin-top: 2.66666667vw;
  height: 10.13333333vw;
  border: 1px solid rgba(56, 60, 62, 0.1);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.login_index .login_content .login_other .face span {
  color: #383c3e;
  text-decoration: none;
  font-size: 4.13333333vw;
}
.login_index .login_content .login_other .face .icon {
  margin: 0 3.06666667vw;
  width: 4.4vw;
}
.login_index .login_content .login_other .face .facebook_login {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.login_index .login_content .login_other .face .face_icon {
  padding-right: 10px;
}
.login_index .login_content .login_other .gle {
  margin-bottom: 2.66666667vw;
  position: relative;
  border: none;
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  font-size: 4.13333333vw;
  height: 10.13333333vw;
  border: 1px solid rgba(56, 60, 62, 0.1);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.login_index .login_content .login_other .gle .err {
  color: red;
}
.login_index .login_content .login_other .gle .icon {
  margin: 0 3.06666667vw;
  width: 4.4vw;
}
.login_index .login_content .login_other .gle #googleButton {
  position: absolute;
  top: 2.66666667vw;
  left: 0;
  width: 84vw;
  height: 2.66666667vw;
  transform: scale(5);
  opacity: 0;
}
.login_index .login_content .login_other .gle #googleButton span {
  height: 100%;
}
.login_index .login_content .login_other .gle .face_icon {
  padding-right: 10px;
}
.login_index .login_content .login_other .gle:active {
  background-color: #383c3e20;
}
.login_index .login_content .login_other .login_text_level {
  font-size: 3.06666667vw;
  color: #383c3e;
  line-height: 4.444vw;
  margin-top: 5.33333333vw;
  position: absolute;
  bottom: 0vw;
}
.login_index .login_content .password_detail {
  display: none;
}
.login_index .login_content .password_detail .backEmail {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 4.13333333vw;
  margin-top: 3.33333333vw;
}
.login_index .login_content .password_detail .backEmail span {
  display: flex;
  align-items: center;
}
.login_index .login_content .password_detail .backEmail span img {
  width: 3.33333333vw;
  height: 3.06666667vw;
  transform: scale(1.5);
}
.login_index .login_content .password_detail .backEmail .password_login {
  padding-left: 10px;
  font-size: 4.13333333vw;
}
.login_index .login_content .password_detail .and {
  background: #e5e5e5;
  height: 1px;
}
.login_index .login_content .password_detail .choose {
  font-size: 4.13333333vw;
  color: #525bb2;
}
.login_index .login_content .password_detail .choose .password_level_forget {
  margin-top: 7.73333333vw;
  text-decoration: underline;
}
.login_index .login_content .password_detail .choose .error_light {
  color: #ffb137;
}
.login_index .login_content .login_ull_img {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateY(90%);
}
.login_detail,
.password_detail {
  background: #fff;
  height: 100%;
  padding: 5.33333333vw 4vw 4vw 4vw;
  box-sizing: border-box;
  z-index: 1;
}
.login_detail ._l_title,
.password_detail ._l_title {
  font-size: 6.13333333vw;
  font-weight: 700;
  color: #383c3e;
}
.login_detail .l_title_sign_ina,
.password_detail .l_title_sign_ina,
.login_detail .l_title_pass,
.password_detail .l_title_pass {
  font-size: 6.13333333vw;
  font-weight: 700;
  color: #383c3e;
}
.login_detail .create_tips,
.password_detail .create_tips {
  font-size: 4.13333333vw;
  color: #383c3e;
  margin-top: 3.46666667vw;
}
.login_detail .form__item,
.password_detail .form__item {
  width: 100%;
  border: 1px solid #ccc;
  height: 11.33333333vw;
  position: relative;
  margin-top: 11.73333333vw;
  transition: all 0.3s;
  display: flex;
}
.login_detail .form__item .login_email_level,
.password_detail .form__item .login_email_level {
  width: inherit;
  height: 11.33333333vw;
  position: relative;
  flex: 1;
  flex-shrink: 0;
}
.login_detail .form__item .login_email_level label,
.password_detail .form__item .login_email_level label {
  background-color: #fff;
  color: #cecece;
  position: absolute;
  top: 50%;
  left: 4vw;
  transform: translateY(-50%);
  font-size: 4.13333333vw;
  transition: all 0.3s;
}
.login_detail .form__item .login_email_level #login_email,
.password_detail .form__item .login_email_level #login_email,
.login_detail .form__item .login_email_level #password,
.password_detail .form__item .login_email_level #password {
  width: 100%;
  height: inherit;
  border: none;
  outline: none;
  background-color: transparent;
  padding-left: 3.73333333vw;
  box-sizing: border-box;
  font-size: 4.13333333vw;
}
.login_detail .form__item .login_icon,
.password_detail .form__item .login_icon,
.login_detail .form__item .loginLook_icon,
.password_detail .form__item .loginLook_icon {
  flex: 1;
  flex-shrink: 0;
  width: 11.33333333vw;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-content: center;
}
.login_detail .form__item .login_icon img,
.password_detail .form__item .login_icon img,
.login_detail .form__item .loginLook_icon img,
.password_detail .form__item .loginLook_icon img {
  width: 7.46666667vw;
  height: 7.46666667vw;
  display: block;
  margin: auto auto;
}
.login_detail .form__item .login_icon,
.password_detail .form__item .login_icon {
  background-color: #f7f7f7;
  pointer-events: none;
}
.login_detail .form__item .confirm,
.password_detail .form__item .confirm {
  background-color: #ffb137;
  pointer-events: auto;
}
.login_detail .form__item .loginLook_icon,
.password_detail .form__item .loginLook_icon {
  right: 12.26666667vw;
}
.login_detail .form__item .loginLook_icon img,
.password_detail .form__item .loginLook_icon img {
  width: 5.33333333vw;
}
.login_detail .form__item:focus-within,
.password_detail .form__item:focus-within,
.login_detail .focus_p,
.password_detail .focus_p {
  border: 1px solid #ffb137;
}
.login_detail .form__item:focus-within .login_email_level label,
.password_detail .form__item:focus-within .login_email_level label,
.login_detail .focus_p .login_email_level label,
.password_detail .focus_p .login_email_level label {
  font-size: 3.06666667vw;
  top: 0;
  color: #ffb137;
  padding: 0 1.33333333vw;
}
.login_detail .has_value_p,
.password_detail .has_value_p {
  border: 1px solid #ebebeb;
}
.login_detail .has_value_p .login_email_level label,
.password_detail .has_value_p .login_email_level label {
  font-size: 3.06666667vw;
  top: 0;
  padding: 0 1.33333333vw;
}
.login_detail .error_p,
.password_detail .error_p {
  border: 1px solid #ffb137;
}
.login_detail .error_p .login_email_level label,
.password_detail .error_p .login_email_level label {
  font-size: 3.06666667vw;
  top: 0;
  color: #ffb137;
  padding: 0 1.33333333vw;
}
.login_detail .error__tips,
.password_detail .error__tips {
  margin-top: 1.33333333vw;
  display: none;
  font-size: 3.6vw;
  color: #ffb137;
}
.login_detail .error__tips img,
.password_detail .error__tips img {
  width: 4.13333333vw;
  margin-right: 1.06666667vw;
  margin-top: 0.66666667vw;
}
.login_detail .and,
.password_detail .and {
  text-align: center;
  position: relative;
  margin: 26.66666667vw 0 10.66666667vw;
  color: #ccc;
  font-size: 3.06666667vw;
}
.login_detail .and::before,
.password_detail .and::before {
  content: "";
  width: 45%;
  top: 50%;
  position: absolute;
  display: inline-block;
  height: 1px;
  background: #e5e5e5;
  left: 0;
}
.login_detail .and::after,
.password_detail .and::after {
  content: "";
  width: 45%;
  top: 50%;
  position: absolute;
  display: inline-block;
  height: 1px;
  background: #e5e5e5;
  right: 0;
}
.register_password {
  height: 100%;
  display: none;
  background-color: #fff;
  box-sizing: border-box;
  padding: 12.4vw 4vw 0 4vw;
  position: relative;
}
.register_password .register_content_levelHeader,
.register_password .h4 {
  font-size: 6.13333333vw;
  font-weight: 700;
  color: #383c3e;
  line-height: 6.068vw;
}
.register_password .To_login,
.register_password .patter_info {
  display: flex;
  font-size: 4.13333333vw;
  color: #383c3e;
  margin-top: 3.46666667vw;
  margin-bottom: 11.86666667vw;
}
.register_password .To_login .login_to,
.register_password .patter_info .login_to {
  display: flex;
  padding-left: 2.66666667vw;
  color: #525bb2;
}
.register_password .form__item {
  width: 100%;
  border: 1px solid #ccc;
  height: 11.33333333vw;
  position: relative;
  margin-top: 11.73333333vw;
  transition: all 0.3s;
  display: flex;
}
.register_password .form__item .login_email_level {
  width: inherit;
  height: 11.33333333vw;
  position: relative;
  flex: 1;
  flex-shrink: 0;
}
.register_password .form__item .login_email_level label {
  background-color: #fff;
  color: #cecece;
  position: absolute;
  top: 50%;
  left: 4vw;
  transform: translateY(-50%);
  font-size: 4.13333333vw;
  transition: all 0.3s;
}
.register_password .form__item .login_email_level #registerPassword {
  width: 100%;
  height: inherit;
  border: none;
  outline: none;
  background-color: transparent;
  padding-left: 3.73333333vw;
  box-sizing: border-box;
  font-size: 4.13333333vw;
}
.register_password .form__item .login_icon,
.register_password .form__item .loginLook_icon {
  flex: 1;
  flex-shrink: 0;
  width: 11.33333333vw;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-content: center;
}
.register_password .form__item .login_icon img,
.register_password .form__item .loginLook_icon img {
  width: 7.46666667vw;
  height: 7.46666667vw;
  display: block;
  margin: auto auto;
}
.register_password .form__item .login_icon {
  background-color: #f7f7f7;
  pointer-events: none;
}
.register_password .form__item .confirm {
  background-color: #ffb137;
  pointer-events: auto;
}
.register_password .form__item .loginLook_icon {
  right: 12.26666667vw;
}
.register_password .form__item .loginLook_icon img {
  width: 5.33333333vw;
}
.register_password .form__item:focus-within,
.register_password .focus_p {
  border: 1px solid #ffb137;
}
.register_password .form__item:focus-within .login_email_level label,
.register_password .focus_p .login_email_level label {
  font-size: 3.06666667vw;
  top: 0;
  padding: 0 1.33333333vw;
}
.register_password .has_value_p {
  border: 1px solid #ebebeb;
}
.register_password .has_value_p .login_email_level label {
  font-size: 3.06666667vw;
  top: 0;
  padding: 0 1.33333333vw;
}
.register_password .error_p {
  border: 1px solid #ffb137;
}
.register_password .error_p .login_email_level label {
  font-size: 3.06666667vw;
  top: 0;
  color: #ffb137;
  padding: 0 1.33333333vw;
}
.register_password .error__tips {
  margin-top: 1.33333333vw;
  display: none;
  font-size: 3.6vw;
  color: #ffb137;
}
.register_password .error__tips img {
  width: 4.13333333vw;
  margin-right: 1.06666667vw;
  margin-top: 0.66666667vw;
}
.register_password .patter_info_level {
  margin-top: 3.33333333vw;
}
.register_password .patter_info_level .patter_level_number,
.register_password .patter_info_level .patter_level_String {
  display: flex;
  align-items: center;
  font-size: 3.6vw;
  font-weight: 400;
  text-align: left;
  color: #383c3e;
}
.register_password .patter_info_level .patter_level_number .patter_number_detail,
.register_password .patter_info_level .patter_level_String .patter_number_detail,
.register_password .patter_info_level .patter_level_number .patter_string_detail,
.register_password .patter_info_level .patter_level_String .patter_string_detail {
  width: 4.4vw;
  height: 4.4vw;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 2vw;
}
.register_password .patter_info_level .patter_level_number .patter_number_detail .icon,
.register_password .patter_info_level .patter_level_String .patter_number_detail .icon,
.register_password .patter_info_level .patter_level_number .patter_string_detail .icon,
.register_password .patter_info_level .patter_level_String .patter_string_detail .icon {
  width: 4vw;
}
.register_password .patter_info_level .patter_level_String {
  margin-top: 2.13333333vw;
}
.register_password .patter_info_level .danger_icon {
  animation: errtips 0.5s;
}
@keyframes errtips {
  10% {
    transform: translateY(2px);
  }
  20% {
    transform: translateY(-2px);
  }
  30% {
    transform: translateY(2px);
  }
  40% {
    transform: translateY(-2px);
  }
  50% {
    transform: translateY(2px);
  }
  60% {
    transform: translateY(-2px);
  }
  70% {
    transform: translateY(2px);
  }
  80% {
    transform: translateY(-2px);
  }
  90% {
    transform: translateY(2px);
  }
  100% {
    transform: translateY(0);
  }
}
.register_password .publicBottom {
  display: none;
  clear: both;
  height: auto;
  background: #fff;
  margin-top: 20vw;
  border-top: 0.17066667vw solid #383c3e15;
  padding: 5.33333333vw 0;
}
.register_password .publicBottom .login_text_level {
  font-size: 3.06666667vw;
  color: #383c3e;
  line-height: 4.444vw;
}
.resend__link--modal {
  padding: 4vw;
}
.resend__link--modal .modal__title {
  font-size: 6.13333333vw;
  font-weight: 700;
  font-family: roboto-regular, Arial, Arial-Regular;
  line-height: 7.2vw;
}
.resend__link--modal .content__txt {
  margin: 6.13333333vw 0 13.33333333vw;
  font-family: roboto-regular, Arial, Arial-Regular;
  font-size: 4.13333333vw;
  line-height: 6.13333333vw;
  color: #383c3e;
}
.resend__link--modal .modal__btn {
  margin-bottom: 6.13333333vw;
  display: flex;
  align-items: center;
}
.resend__link--modal .modal__btn button {
  border: 1px solid;
  flex: 1;
  flex-shrink: 0;
  height: 11.33333333vw;
  line-height: 11.33333333vw;
  font-size: 4.13333333vw;
  font-weight: 700;
  font-family: roboto-regular, Arial, Arial-Regular;
  color: #383c3e;
}
.resend__link--modal .modal__btn .info__btn--cancel {
  border-color: #cecece;
  background-color: #fff;
  margin-right: 2vw;
}
.resend__link--modal .modal__btn .info__btn--confirm {
  border-color: #ffb137;
  background-color: #ffb137;
}
.input_code {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: var(--modal-z-in);
  background-color: #383c3e80;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  width: 100%;
  height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  color: #383c3e;
  transition: all 0.3s;
}
.input_code .code__mask {
  flex: 1;
}
.input_code .code__content {
  background-color: #fff;
  padding: 4vw;
}
.input_code .code__content .content__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6.13333333vw;
}
.input_code .code__content .content__title .title__txt {
  font-size: 6.13333333vw;
  color: #383c3e;
  font-weight: 700;
}
.input_code .code__content .content__title img {
  width: 3.06666667vw;
  padding: 1.33333333vw;
}
.input_code .code__content .code__tips,
.input_code .code__content .code__email,
.input_code .code__content .code__click {
  font-size: 4.13333333vw;
}
.input_code .code__content .code__email,
.input_code .code__content .code__click {
  margin-top: 1.06666667vw;
  margin-bottom: 6.13333333vw;
}
.input_code .code__content .code__email .txt {
  font-weight: 700;
}
.input_code .code__content .timer__box {
  margin-top: 8vw;
  margin-bottom: 16vw;
}
.input_code .code__content .timer__box .timer__tips {
  font-size: 4.13333333vw;
  color: #888a8b;
}
.input_code .code__content .timer__box .countdown_time {
  font-size: 6.13333333vw;
  color: #ffb137;
  font-weight: bolder;
}
.input_code .code__content .timer__box .countdown_time span {
  font-size: 4.13333333vw;
  color: #888a8b;
}
.input_code .code__content .send_box .input_level_resend {
  width: 100%;
  height: 11.33333333vw;
  line-height: 11.33333333vw;
  background-color: #ffb137;
  color: #888a8b;
  font-size: 4.13333333vw;
  font-weight: 700;
  background-color: #f7f7f7;
  pointer-events: none;
  border: none;
}
.input_code .code__content .send_box .confirm {
  background-color: #ffb137;
  pointer-events: auto;
  color: #383c3e;
}
.show {
  height: 100%;
}
.forget__sure--modal {
  padding: 4vw;
}
.forget__sure--modal .content__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.forget__sure--modal .content__title .title__txt {
  font-size: 6.13333333vw;
  font-weight: 700;
  font-family: roboto-regular, Arial, Arial-Regular;
  line-height: 7.2vw;
}
.forget__sure--modal .content__title .title__close--icon {
  width: 3.06666667vw;
  padding: 1.33333333vw;
}
.forget__sure--modal .content__info .info__txt {
  margin: 6.13333333vw 0 13.33333333vw;
  font-family: roboto-regular, Arial, Arial-Regular;
  font-size: 4.13333333vw;
  line-height: 6.13333333vw;
  color: #383c3e;
}
.forget__sure--modal .content__info .info__btn {
  margin-bottom: 6.13333333vw;
  display: flex;
  align-items: center;
}
.forget__sure--modal .content__info .info__btn button {
  border: 1px solid;
  flex: 1;
  flex-shrink: 0;
  height: 11.33333333vw;
  line-height: 11.33333333vw;
  font-size: 4.13333333vw;
  font-weight: 700;
  font-family: roboto-regular, Arial, Arial-Regular;
  color: #383c3e;
}
.forget__sure--modal .content__info .info__btn .info__btn--cancel {
  border-color: #cecece;
  background-color: #fff;
  margin-right: 2vw;
}
.forget__sure--modal .content__info .info__btn .info__btn--confirm {
  border-color: #ffb137;
  background-color: #ffb137;
}
.account_recovery {
  display: none;
  padding: 16.53333333vw 4vw 0 4vw;
}
.account_recovery .h4 {
  font-size: 6.13333333vw;
  font-weight: 700;
  text-align: justifyLeft;
  color: #383c3e;
}
.account_recovery .account_level .account_level_time {
  display: flex;
  justify-content: space-between;
  font-size: 3.6vw;
  color: #383c3e40;
  margin-top: 8.8vw;
}
.account_recovery .account_level .account_level_description {
  font-size: 4.13333333vw;
  color: #383c3e;
  line-height: 6.13333333vw;
  padding: 3.46666667vw 0 8.13333333vw;
}
.feedback {
  display: none;
}
.account_recovery_next {
  display: none;
  padding: 16.53333333vw 4vw 0 4vw;
}
.account_recovery_next .h4 {
  font-size: 6.13333333vw;
  font-weight: 700;
  text-align: justifyLeft;
  color: #383c3e;
}
.account_recovery_next .account_recovery_next_level {
  margin-top: 14.26666667vw;
  margin-bottom: 8.13333333vw;
  font-size: 4.13333333vw;
  text-align: justifyLeft;
  color: #383c3e;
  line-height: 6.13333333vw;
}
.account_recovery .account_level_code,
.account_recovery_next .account_level_code {
  position: relative;
  display: flex;
  flex-direction: column;
}
.account_recovery .account_level_code .item_input,
.account_recovery_next .account_level_code .item_input {
  position: relative;
}
.account_recovery .account_level_code .codelabel,
.account_recovery_next .account_level_code .codelabel {
  position: relative;
  border: 1px solid #cecece;
}
.account_recovery .account_level_code .codelabel label,
.account_recovery_next .account_level_code .codelabel label {
  color: #cecece;
  font-size: 4.13333333vw;
  position: absolute;
  left: 4vw;
  top: 50%;
  transform: translateY(-50%);
  background-color: #fff;
  transition: all 0.3s;
}
.account_recovery .account_level_code .codelabel #code,
.account_recovery_next .account_level_code .codelabel #code,
.account_recovery .account_level_code .codelabel #passwordAgain,
.account_recovery_next .account_level_code .codelabel #passwordAgain {
  width: 100%;
  padding-left: 2.66666667vw;
  box-sizing: border-box;
  padding-left: 3.73333333vw;
  height: 11.33333333vw;
  outline: none;
  border: 1px solid transparent;
  font-size: 4.13333333vw;
  transition: all 0.3s;
}
.account_recovery .account_level_code .codelabel #passwordAgain,
.account_recovery_next .account_level_code .codelabel #passwordAgain {
  padding-right: 10.66666667vw;
}
.account_recovery .account_level_code .codelabel:focus-within,
.account_recovery_next .account_level_code .codelabel:focus-within {
  border-color: #ffb137;
}
.account_recovery .account_level_code .codelabel:focus-within label,
.account_recovery_next .account_level_code .codelabel:focus-within label {
  color: #ffb137;
  font-size: 3.06666667vw;
  top: 0;
  padding: 0 1.33333333vw;
}
.account_recovery .account_level_code .codelabel.has_value_p,
.account_recovery_next .account_level_code .codelabel.has_value_p {
  border-color: #cecece;
}
.account_recovery .account_level_code .codelabel.has_value_p label,
.account_recovery_next .account_level_code .codelabel.has_value_p label {
  color: #cecece;
  font-size: 3.06666667vw;
  top: 0;
  padding: 0 1.33333333vw;
}
.account_recovery .account_level_code .look__box,
.account_recovery_next .account_level_code .look__box {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 11.33333333vw;
  height: 11.33333333vw;
}
.account_recovery .account_level_code .input_error,
.account_recovery_next .account_level_code .input_error {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}
.account_recovery .account_level_code .input_error .error,
.account_recovery_next .account_level_code .input_error .error {
  flex-direction: column;
  padding-top: 3.73333333vw;
  display: none;
}
.account_recovery .account_level_code .input_error .error .error_empty,
.account_recovery_next .account_level_code .input_error .error .error_empty,
.account_recovery .account_level_code .input_error .error .error_attempts,
.account_recovery_next .account_level_code .input_error .error .error_attempts,
.account_recovery .account_level_code .input_error .error .error_timeout,
.account_recovery_next .account_level_code .input_error .error .error_timeout,
.account_recovery .account_level_code .input_error .error .error_code,
.account_recovery_next .account_level_code .input_error .error .error_code {
  font-size: 3.6vw;
  color: #ffb137;
  line-height: 4.444vw;
  display: flex;
  align-items: center;
  margin-bottom: 8.53333333vw;
}
.account_recovery .account_level_code .input_error .error .error_empty img,
.account_recovery_next .account_level_code .input_error .error .error_empty img,
.account_recovery .account_level_code .input_error .error .error_attempts img,
.account_recovery_next .account_level_code .input_error .error .error_attempts img,
.account_recovery .account_level_code .input_error .error .error_timeout img,
.account_recovery_next .account_level_code .input_error .error .error_timeout img,
.account_recovery .account_level_code .input_error .error .error_code img,
.account_recovery_next .account_level_code .input_error .error .error_code img {
  margin-right: 2.53333333vw;
  width: 4.4vw;
}
.account_recovery .account_level_code .next_right,
.account_recovery_next .account_level_code .next_right {
  width: 27.86266667vw;
  height: 11.33333333vw;
  color: #888a8b;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 6.66666667vw;
  font-size: 4.13333333vw;
  background-color: #f7f7f7;
  pointer-events: none;
}
.account_recovery .account_level_code .next_right span,
.account_recovery_next .account_level_code .next_right span {
  font-weight: 700;
  font-size: 4.13333333vw;
}
.account_recovery .account_level_code .passAgain,
.account_recovery_next .account_level_code .passAgain {
  width: 46.69066667vw;
}
.account_recovery .account_level_code .confirm,
.account_recovery_next .account_level_code .confirm {
  background-color: #ffb137;
  pointer-events: auto;
  color: #383c3e;
}
@keyframes rotate_arrow {
  0% {
    transform: rotate(0deg);
    opacity: 1;
  }
  50% {
    transform: rotate(190deg);
    opacity: 0.7;
  }
  100% {
    transform: rotate(360deg);
    opacity: 1;
  }
}
input::-ms-reveal {
  display: none !important;
}
.coupons_grant_box_register {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #00000060;
  display: none;
  z-index: var(--modal-z-in);
}
.coupons_grant_box_register .cgbr_content {
  width: 92vw;
  height: max-content;
  background-color: #fff;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 10.66666667vw 4vw;
  box-sizing: border-box;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.coupons_grant_box_register .cgbr_content .img_box {
  width: 100%;
  position: relative;
}
.coupons_grant_box_register .cgbr_content .img_box .img_star {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.coupons_grant_box_register .cgbr_content .img_box .cgbr_gift {
  width: 33.6vw;
  margin-top: 6.66666667vw;
}
.coupons_grant_box_register .cgbr_content .span1 {
  font-size: 4.13333333vw;
  color: #393c42;
  line-height: 4.444vw;
}
.coupons_grant_box_register .cgbr_content .span1.title {
  font-size: 6.13333333vw;
  font-weight: 700;
  margin-bottom: 4vw;
}
.coupons_grant_box_register .cgbr_content .cgbr_couponsbox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 4.4vw;
}
.coupons_grant_box_register .cgbr_content .cgbr_couponsbox .cgbr_coupon {
  width: 38.8vw;
  height: auto;
  border: 1px solid #00000010;
  padding-bottom: 1.33333333vw;
}
.coupons_grant_box_register .cgbr_content .cgbr_couponsbox .cgbr_coupon .cc_title {
  width: inherit;
  height: 10.13333333vw;
  background-color: #ffb137;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 4.13333333vw;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 3.2vw;
}
.coupons_grant_box_register .cgbr_content .cgbr_couponsbox .cgbr_coupon .span2 {
  font-size: 3.06666667vw;
  color: #383c3e40;
  margin: 0 4vw;
  margin-bottom: 2vw;
}
.coupons_grant_box_register .cgbr_content .cgbr_couponsbox .cgbr_coupon .span3 {
  font-size: 3.06666667vw;
  color: #383c3e;
  line-height: 4.444vw;
  margin: 0 2.66666667vw;
}
.coupons_grant_box_register .cgbr_content .cgbr_couponsbox .cgbr_coupon .span3 span {
  font-size: 4.13333333vw;
  font-weight: 700;
}
.coupons_grant_box_register .cgbr_content .btn_content {
  width: 100%;
  display: flex;
  justify-content: center;
}
.coupons_grant_box_register .cgbr_content .cgbr_btn {
  margin-top: 12.8vw;
  width: 16vw;
  height: 7.46666667vw;
  background-color: #fff;
  border: 0.13333333vw solid #383c3e;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 4.13333333vw;
  font-weight: 400;
  color: #383c3e;
  transition: all 0.3s;
}
.coupons_grant_box_register .cgbr_content .cgbr_btn:active {
  background-color: #383c3e60;
}
/*取消微软浏览器的密码小眼睛样式*/
input[type="password"]::-ms-reveal {
  display: none;
}