@charset "UTF-8";
/* toast弹窗样式 */
.toast {
  font-size: 18px;
  background: rgba(8, 10, 29, 0.7) !important;
  color: #fff;
  border-radius: 0.25rem !important;
  width: -moz-max-content !important;
  width: max-content !important;
  box-shadow: 2.46188px 3.28251px 11.4888px rgba(0, 0, 0, 0.13) !important;
  border: 0 !important;
  padding: 8px 24px;
  max-width: 400px;
}

.toast svg {
  margin-right: 12px;
}

.toast.success {
  background: #00CD89 !important;
}

.toast.error {
  background: #EF4642 !important;
}

/* end */
/* 表单校验 */
/*invalid 表示正在校验中  */
.was-validated .form-control:invalid,
.form-control.is-invalid {
  background-image: none !important;
}

/* valid 表示验证通过 */
.was-validated .form-control:valid,
.form-control.is-valid {
  background-image: none !important;
  border-color: #170e13 !important;
  box-shadow: 0 0 0 0 transparent !important;
}

.was-validated .form-check-input:valid:checked,
.form-check-input.is-valid:checked {
  border-color: #170e13 !important;
  background-color: #170e13 !important;
}

.invalid-feedback {
  margin-top: 0.25rem !important;
}

.form-check-input {
  cursor: pointer;
}

/* end */
/* 表单项样式start */
/* 验证码按钮样式 */
.btn.get_code {
  border-width: 1px;
  height: 50px !important;
  line-height: 50px !important;
  font-weight: 400;
  font-size: 1rem;
  justify-content: center;
  padding: 0 0.375rem;
  border-radius: 4px;
  max-width: 130px;
}

.btn.get_code {
  border-color: #170e13 !important;
  color: #170e13 !important;
}

.btn.get_code:hover {
  color: #fff !important;
}

.btn.get_code:disabled {
  border-color: #B7B7B7 !important;
  background-color: #F5F5F5 !important;
  box-shadow: none;
  color: #B7B7B7 !important;
  text-shadow: none;
}

input::-webkit-input-placeholder {
  /* WebKit browsers 适配谷歌 */
  color: rgb(169, 169, 176) !important;
}

input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 适配火狐 */
  color: rgb(169, 169, 176) !important;
}

input::-moz-placeholder {
  /* Mozilla Firefox 19+ 适配火狐 */
  color: rgb(169, 169, 176) !important;
}

input:-ms-input-placeholder {
  /* Internet Explorer 10+  适配ie*/
  color: rgb(169, 169, 176) !important;
}

/* 去除输入框的背景色 */
input:-webkit-autofill,
input:-webkit-autofill:focus {
  /* transition: background-color 600000s 0s, color 600000s 0s; */
  -webkit-box-shadow: 0 0 0 1000px white inset;
}

input::-webkit-input-safebox-button {
  display: none;
  /*去掉搜狗浏览器密码软盘*/
}

/*取消微软浏览器的密码小眼睛样式*/
input[type=password]::-ms-reveal {
  display: none;
}

.form-group.required::after {
  color: red;
  content: "*";
  position: absolute;
  top: -7px;
  right: -12px;
  margin-left: -15px;
  width: 0.5rem;
  height: 0.5rem;
}

.form-control + .eye {
  position: absolute;
  top: calc(50% - 20px);
  right: 1rem;
  cursor: pointer;
}

.form-control.is-invalid + .eye {
  top: calc(50% - 31px);
}

/* end */
.flex-1 {
  flex: 1 1 0%;
}

.accountLoginCheckoutModal .btn-primary:focus {
  box-shadow: none;
}

.accountLoginCheckoutModal .divider {
  color: rgb(168, 169, 173);
  font-size: 12px;
  position: relative;
  width: 100%;
}
.accountLoginCheckoutModal .divider .line {
  height: 1px;
  background-color: rgb(226, 226, 226);
  flex: 1 1 0%;
}

.form-control {
  padding: 13px 19px;
  line-height: 20px;
  color: #080a1d;
  border-color: #d9d9d9;
}

.accountLoginCheckoutModal .refresh-qrcode {
  width: 160px;
  height: 160px;
  padding-top: 50px;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.8);
  cursor: pointer;
}

.accountLoginCheckoutModal .refresh-qrcode svg {
  color: #170e13;
}

.accountLoginCheckoutModal h4.title {
  font-size: 1.5rem;
}

.accountLoginCheckoutModal .modal-dialog.modal-lg {
  position: relative;
  width: auto;
  margin: 1rem;
  pointer-events: none;
}

.accountLoginCheckoutModal.modal .modal-body .close,
#bindPhoneModal.modal .modal-body .close {
  width: 2rem;
  height: 2rem;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="33" height="32" fill="none"><path stroke="%23B9B9B9" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m24.912 7.865-16 16M8.913 7.865l16 16"/></svg>');
  background-color: transparent;
  top: 12px;
  right: 12px;
}

.accountLoginCheckoutModal.modal .modal-body .close:hover {
  background-color: transparent;
}

.accountLoginCheckoutModal .modal-content {
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.18);
  border-radius: 8px;
  border: 0;
}

.accountLoginCheckoutModal .modal-body .content-warp {
  padding: 52px 20px 40px;
}

.accountLoginCheckoutModal .qrcode {
  background: url("https://images.pixpretty.com/buy/code-background.png") no-repeat center center;
  background-size: contain;
  padding: 10px;
  width: 180px;
  height: 180px;
  margin: 0 auto;
}
.accountLoginCheckoutModal .qrcode .qrcode-mask {
  color: #170e13;
}

.accountLoginCheckoutModal .top-content {
  padding-bottom: 36px;
}

.accountLoginCheckoutModal .nav-tabs.v1 .nav-link {
  border: 1px solid rgba(221, 221, 223, 0.8);
  border-radius: 4px;
  background: none;
  line-height: 24px;
  color: rgba(8, 10, 29, 0.7);
  font-weight: 400;
  padding: 0 0.5rem;
  margin: 0;
}

.accountLoginCheckoutModal .nav-tabs.v1 .nav-link:hover {
  color: #080A1D;
  background-color: rgba(232, 231, 231, 0.3215686275);
}

.accountLoginCheckoutModal .nav-tabs.v1 .nav-link.active {
  display: none;
}

.accountLoginCheckoutModal .user_agreement {
  padding-top: 36px;
}

.accountLoginCheckoutModal form .form-group {
  padding-bottom: 24px;
}

.accountLoginCheckoutModal form.was-validated .form-group {
  padding-bottom: 20px;
}

.accountLoginCheckoutModal form.was-validated .eye {
  top: calc(50% - 28px);
}

.accountLoginCheckoutModal form.was-validated .form-control:valid + .eye {
  top: calc(50% - 16px);
}

.accountLoginCheckoutModal form .btn-submit {
  padding-top: 20px;
}

.accountLoginCheckoutModal form .btn-submit button:disabled:hover {
  box-shadow: none;
}

.accountLoginCheckoutModal form.was-validated .btn-submit {
  padding-top: 24px;
}

.accountLoginCheckoutModal form .form-group.verify_code-group {
  max-width: 150px;
}

@media (min-width: 768px) {
  .accountLoginCheckoutModal form .form-group.verify_code-group {
    max-width: 226px;
  }
}
@media (min-width: 992px) {
  .accountLoginCheckoutModal .modal-body .content-warp {
    padding: 52px 54px 48px;
  }
  .accountLoginCheckoutModal .modal-dialog.modal-lg {
    max-width: 508px;
    margin: 1.75rem auto;
  }
  .accountLoginCheckoutModal .nav-tabs.v1 .nav-link {
    padding: 0 1.5rem;
  }
  .accountLoginCheckoutModal .graph_code {
    max-width: 130px;
  }
}
#bindPhoneModal .modal-dialog {
  width: 100%;
  height: 100%;
  margin: auto;
}
#bindPhoneModal .modal-dialog .modal-content {
  padding: 24px;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.18);
  border-radius: 8px;
  border: 0;
  margin: 0 auto;
  width: 360px;
}
@media (min-width: 768px) {
  #bindPhoneModal .modal-dialog .modal-content {
    padding: 40px;
    margin: 0;
    width: auto;
  }
}
#bindPhoneModal .modal-dialog .modal-content .modal-body {
  position: relative;
}
#bindPhoneModal .modal-dialog .modal-content .modal-body .btn-close {
  cursor: pointer;
  position: absolute;
  top: -8px;
  right: -6px;
}
#bindPhoneModal h4.title {
  font-size: 1.5rem;
}

.SCVerificaton_SCVerificaton__mZacE #sm-btn-bg {
  background: white !important;
  height: 50px !important;
  line-height: 50px !important;
  border-radius: 4px !important;
  left: 0px !important;
  top: 0px !important;
}

.SCVerificaton_SCVerificaton__mZacE #rectMask {
  width: 130px !important;
}

.SCVerificaton_SCVerificaton__mZacE .sm-btn-default .sm-ico,
.SCVerificaton_SCVerificaton__mZacE .sm-btn-loading .sm-ico,
.SCVerificaton_SCVerificaton__mZacE .sm-btn-success .sm-ico,
.SCVerificaton_SCVerificaton__mZacE .sm-btn-fail .sm-ico {
  display: none !important;
}

.SCVerificaton_SCVerificaton__mZacE {
  margin-left: 0 !important;
  margin-top: 0 !important;
}

.sm-btn-fail .sm-txt {
  color: #f55742 !important;
}

#SM_BTN_WRAPPER_1 {
  z-index: 0 !important;
}

.SCVerificaton_SCVerificaton__mZacE #sm-btn-bg,
.rect-top,
.rect-bottom {
  width: 100%;
}

.SCVerificaton_SCVerificaton__mZacE .sm-btn {
  width: 100% !important;
  height: 50px !important;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  line-height: 50px !important;
  border: 1px solid #4255ff !important;
  text-align: center !important;
  margin-bottom: 0 !important;
}

.SCVerificaton_SCVerificaton__mZacE .sm-btn:hover {
  box-shadow: 6px 8px 28px 0px rgba(66, 85, 255, 0.5);
  background-color: #4255ff !important;
}

.SCVerificaton_SCVerificaton__mZacE .sm-btn .sm-ico .out-silder-circle {
  background: rgba(66, 85, 255, 0.12);
}

.SCVerificaton_SCVerificaton__mZacE .sm-btn .sm-txt {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 400;
  line-height: 48px;
  color: #4255ff !important;
  margin-left: 0px;
  animation: none;
}

.SCVerificaton_SCVerificaton__mZacE .sm-btn:hover .sm-txt {
  color: white !important;
}

.SCVerificaton_SCVerificaton__mZacE .sm-btn #rectMask {
  width: 130px !important;
  height: 50px !important;
  line-height: 50px !important;
  border-radius: 4px;
}

.SCVerificaton_SCVerificaton__mZacE .sm-btn #rectMask .rect-top {
  height: 25px !important;
  animation: none;
  margin-bottom: 0px !important;
}

.SCVerificaton_SCVerificaton__mZacE .sm-btn #rectMask .rect-top:before {
  border-left: 1px solid #4255ff !important;
}

.SCVerificaton_SCVerificaton__mZacE .sm-btn #rectMask .rect-bottom {
  animation: none;
  height: 25px !important;
  top: 25px !important;
}

.SCVerificaton_SCVerificaton__mZacE .sm-btn-success .right-tick {
  z-index: 100;
}

.SCVerificaton_SCVerificaton__mZacE1 .sm-btn {
  width: 100% !important;
  height: 100% !important;
  border: 1px solid #4255ff;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  line-height: 38px !important;
  padding: 4px 0;
}

.SCVerificaton_SCVerificaton__mZacE1 .sm-btn:hover {
  box-shadow: none;
  background-color: rgba(66, 85, 255, 0.1);
}

.SCVerificaton_SCVerificaton__mZacE1 .sm-btn .sm-ico {
  width: 38px;
  height: 38px;
  margin: 0;
}

.SCVerificaton_SCVerificaton__mZacE1 .sm-btn .sm-ico:hover {
  box-shadow: 0 0 10px #4255ff;
  background: rgba(66, 85, 255, 0.12);
}

.SCVerificaton_SCVerificaton__mZacE1 .sm-btn .sm-ico .out-silder-circle {
  background: rgba(66, 85, 255, 0.12);
}

.SCVerificaton_SCVerificaton__mZacE1 .sm-btn .sm-ico .sm-ico-wave {
  background: #4255ff;
}

.SCVerificaton_SCVerificaton__mZacE1 .sm-btn .sm-ico .shield {
  top: -3px;
}

.SCVerificaton_SCVerificaton__mZacE1 .sm-btn .sm-txt {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 400;
  line-height: 38px;
  color: #4255ff;
  margin-left: 12px;
  animation: none;
}

.SCVerificaton_SCVerificaton__mZacE1 .sm-btn #rectMask {
  width: 100% !important;
  height: 48px !important;
  line-height: 48px !important;
  border-radius: 8px;
}

.SCVerificaton_SCVerificaton__mZacE1 .sm-btn #rectMask .rect-top {
  height: 24px !important;
  animation: none;
}

.SCVerificaton_SCVerificaton__mZacE1 .sm-btn #rectMask .rect-top:before {
  border-left: 1px solid #4255ff !important;
}

.SCVerificaton_SCVerificaton__mZacE1 .sm-btn #rectMask .rect-top:after {
  animation: _successRectRight 0.5s !important;
}

.SCVerificaton_SCVerificaton__mZacE1 .sm-btn #rectMask .rect-bottom {
  animation: none;
  height: 24px !important;
  top: 24px !important;
}

.SCVerificaton_SCVerificaton__mZacE1 .sm-btn #rectMask .rect-bottom:after {
  animation: _successRectBottomRight 0.5s !important;
}

@keyframes SCVerificaton__successRectTop__iPdJS {
  0% {
    width: 0;
    border-top: 1px solid #4255ff !important;
  }
  to {
    width: 100%;
    border-top: 1px solid #4255ff !important;
  }
}
@keyframes SCVerificaton__successRectBottom__Lx3zb {
  0% {
    width: 0;
    border-top: 1px solid #4255ff !important;
  }
  to {
    width: 100%;
    border-top: 1px solid #4255ff !important;
  }
}
@keyframes SCVerificaton__successRectRight__lmjzx {
  0% {
    height: 0;
    border-right: 1px solid #4255ff !important;
  }
  to {
    height: 100%;
    border-right: 1px solid #4255ff !important;
  }
}
@keyframes SCVerificaton__successRectBottomRight__M_5_P {
  0% {
    top: 100%;
    border-right: 1px solid #4255ff !important;
  }
  to {
    top: 0;
    border-right: 1px solid #4255ff !important;
  }
}
.SCVerificaton_SCVerificaton__mZacE1 .sm-btn-success .right-tick {
  z-index: 100;
}

.SCVerificaton_SCVerificaton__mZacE1 .sm-btn-success .right-tick .right-tick-left,
.SCVerificaton_SCVerificaton__mZacE .sm-btn-success .right-tick .right-tick-right {
  background: #4255ff !important;
}

.SCVerificaton_SCVerificaton__mZacE1 .nc-container .nc_scale .btn_slide {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  top: 2px;
  color: #fff;
  background-color: #4255ff;
}

.SCVerificaton_SCVerificaton__mZacE1 .sm-pop {
  left: 0 !important;
  margin-top: 20px !important;
  width: 350px !important;
  border-radius: 8px;
  height: 48px !important;
  border: 1px solid #4255ff;
}

.SCVerificaton_SCVerificaton__mZacE1 .nc-container .nc_scale .nc_bg {
  background: rgba(66, 85, 255, 0.9);
}

.SCVerificaton_SCVerificaton__mZacE1 .nc_scale {
  width: 340px;
  gap: 0;
  border-radius: 8px;
  top: -20px;
  right: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.SCVerificaton_SCVerificaton__mZacE1 .nc_scale .scale_text2 {
  color: #fff !important;
}

.SCVerificaton_SCVerificaton__mZacE1 .sm-pop {
  width: 400px !important;
}

.SCVerificaton_SCVerificaton__mZacE1 .nc_scale {
  width: 380px !important;
}

.SCVerificaton_SCVerificaton__mZacE .sm-pop {
  width: 140px !important;
  top: 0 !important;
  height: 60px !important;
  line-height: 60px !important;
}

.SCVerificaton_SCVerificaton__mZacE .nc_wrapper {
  width: 140px !important;
}

.SCVerificaton_SCVerificaton__mZacE .sm-pop-inner {
  left: 0 !important;
  top: 10px !important;
}

.SCVerificaton_SCVerificaton__mZacE .sm-pop-inner {
  left: 0 !important;
}

.SCVerificaton_SCVerificaton__mZacE .nc-lang-cnt {
  font-size: 10px !important;
}

#aliyunCaptcha-checkbox-wrapper #aliyunCaptcha-checkbox-body #aliyunCaptcha-checkbox-left #aliyunCaptcha-checkbox-icon .aliyunCaptcha-checkbox-icon-checked {
  top: 30% !important;
  left: 30% !important;
}/*# sourceMappingURL=loginModal.css.map */