.main-oSQz5 {
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
}

.main-oSQz5 input::-webkit-input-placeholder,
.main-oSQz5 textarea::-webkit-input-placeholder {
  color: var(--cms-assist-text-color) !important;
}

.main-close-GkJW7 {
  position: fixed;
  right: 60px;
  top: 60px;
  cursor: pointer;
}

.main-content-Xr4Bj {
  position: absolute;
  inset: 0px;
  margin: auto;
  width: 900px;
  height: 600px;
  border-radius: 8px;
  background: 0% 0% / 100% rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(0.15rem);
}

.main-content-left-AgS1s {
  position: absolute;
  height: 556px;
  bottom: 0px;
  z-index: 10;
}

.main-content-bg-zYYU8 {
  width: 565px;
  background: var(--cms-primary-background-color);
  position: absolute;
  right: 0px;
  height: 100%;
  top: 0px;
  border-radius: 0px 8px 8px 0px;
}

.main-content-box-PQFfU {
  position: absolute;
  right: 111px;
  top: 60px;
  width: 300px;
  overflow: hidden;
  height: 100%;
}

.main-content-box-nav-QkgS8 {
  width: 100%;
  display: flex;
  border-radius: 19px;
  background: var(--cms-second-background-color);
  border: 1px solid var(--cms-border-color);
  overflow: hidden;
  margin-bottom: 20px;
  color: var(--cms-primary-text-color);
}

.main-content-box-nav-QkgS8 div {
  flex: 1 1 0%;
  height: 38px;
  border-radius: 19px;
  line-height: 38px;
  text-align: center;
  cursor: pointer;
}

.main-content-box-nav-active-ydJu6 {
  background: var(--cms-primary-color);
  color: rgb(255, 255, 255);
}

.main-content-box-big-v47Hl {
  position: absolute;
  width: 600px;
  display: flex;
  transition: left 0.5s ease-in-out;
}

.main-content-box-big-contia-unAeR {
  width: 300px;
}

.main-content-box-login-RLjCe {
  left: 0px;
}

.main-content-box-register-BN2Sj {
  left: -300px;
}

.main-content-Xr4Bj .ant-form-item-control-input-content .ant-input-affix-wrapper {
  height: 40px;
  border-radius: 40px;
  border-color: transparent !important;
  background-color: var(--cms-second-background-color) !important;
  color: var(--cms-primary-text-light-color) !important;
}

.main-content-Xr4Bj .ant-form-item-control-input-content .ant-input-affix-wrapper-focused {
  box-shadow: none;
  border-color: transparent !important;
}

.main-content-Xr4Bj .ant-form-item-control-input-content .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
  border-color: transparent !important;
}

.main-content-Xr4Bj .ant-form-item-control-input-content input:-webkit-autofill {
  -webkit-text-fill-color: rgb(0, 0, 0);
}

.main-content-Xr4Bj .ant-checkbox-inner {
  background-color: var(--cms-second-background-color);
}

.main-spe-_4KKH input:-webkit-autofill {
  -webkit-text-fill-color: var(--cms-primary-text-color) !important;
}

.main-akc377-ug_mc .main-content-Xr4Bj,
.main-akc501-E7rMZ .main-content-Xr4Bj {
  backdrop-filter: none !important;
}

.main-akc377-ug_mc .main-content-bg-zYYU8,
.main-akc377-ug_mc .register-main-yiK6C,
.main-akc501-E7rMZ .main-content-bg-zYYU8,
.main-akc501-E7rMZ .register-main-yiK6C {
  background: none !important;
}

.main-video-mtZnA {
  position: fixed;
  right: 0px;
  bottom: 0px;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  pointer-events: none;
}

@keyframes antCheckboxEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }

  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}

.ant-checkbox {
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: "tnum";
  position: relative;
  top: 0.2em;
  line-height: 1;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
}

.ant-checkbox-input:focus+.ant-checkbox-inner,
.ant-checkbox-wrapper:hover .ant-checkbox-inner,
.ant-checkbox:hover .ant-checkbox-inner {
  border-color: var(--ant-primary-color);
}

.ant-checkbox-checked::after {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border: 1px solid var(--ant-primary-color);
  border-radius: 2px;
  visibility: hidden;
  animation: 0.36s ease-in-out 0s 1 normal backwards running antCheckboxEffect;
  content: "";
}

.ant-checkbox-wrapper:hover .ant-checkbox::after,
.ant-checkbox:hover::after {
  visibility: visible;
}

.ant-checkbox-inner {
  position: relative;
  top: 0px;
  left: 0px;
  display: block;
  width: 16px;
  height: 16px;
  direction: ltr;
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(217, 217, 217);
  border-radius: 2px;
  border-collapse: separate;
  transition: 0.3s;
}

.ant-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 21.5%;
  display: table;
  width: 5.71429px;
  height: 9.14286px;
  border-width: 0px 2px 2px 0px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-right-color: rgb(255, 255, 255);
  border-bottom-color: rgb(255, 255, 255);
  border-image: initial;
  border-top-style: initial;
  border-top-color: initial;
  border-left-style: initial;
  border-left-color: initial;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  transition: 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: " ";
}

.ant-checkbox-input {
  position: absolute;
  inset: 0px;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}

.ant-checkbox-checked .ant-checkbox-inner::after {
  position: absolute;
  display: table;
  border-width: 0px 2px 2px 0px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-right-color: rgb(255, 255, 255);
  border-bottom-color: rgb(255, 255, 255);
  border-image: initial;
  border-top-style: initial;
  border-top-color: initial;
  border-left-style: initial;
  border-left-color: initial;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  transition: 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: " ";
}

.ant-checkbox-checked .ant-checkbox-inner {
  background-color: var(--ant-primary-color);
  border-color: var(--ant-primary-color);
}

.ant-checkbox-disabled {
  cursor: not-allowed;
}

.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
  animation-name: none;
}

.ant-checkbox-disabled .ant-checkbox-input {
  cursor: not-allowed;
  pointer-events: none;
}

.ant-checkbox-disabled .ant-checkbox-inner {
  background-color: rgb(245, 245, 245);
  border-color: rgb(217, 217, 217) !important;
}

.ant-checkbox-disabled .ant-checkbox-inner::after {
  border-color: rgb(245, 245, 245);
  border-collapse: separate;
  animation-name: none;
}

.ant-checkbox-disabled+span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}

.ant-checkbox-disabled:hover::after,
.ant-checkbox-wrapper:hover .ant-checkbox-disabled::after {
  visibility: hidden;
}

.ant-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: "tnum";
  display: inline-flex;
  align-items: baseline;
  line-height: unset;
  cursor: pointer;
}

.ant-checkbox-wrapper::after {
  display: inline-block;
  width: 0px;
  overflow: hidden;
  content: " ";
}

.ant-checkbox-wrapper.ant-checkbox-wrapper-disabled {
  cursor: not-allowed;
}

.ant-checkbox-wrapper+.ant-checkbox-wrapper {
  margin-left: 8px;
}

.ant-checkbox+span {
  padding-right: 8px;
  padding-left: 8px;
}

.ant-checkbox-group {
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  display: inline-block;
}

.ant-checkbox-group-item {
  margin-right: 8px;
}

.ant-checkbox-group-item:last-child {
  margin-right: 0px;
}

.ant-checkbox-group-item+.ant-checkbox-group-item {
  margin-left: 0px;
}

.ant-checkbox-indeterminate .ant-checkbox-inner {
  background-color: rgb(255, 255, 255);
  border-color: rgb(217, 217, 217);
}

.ant-checkbox-indeterminate .ant-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: var(--ant-primary-color);
  border: 0px;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: " ";
}

.ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}

.ant-checkbox-rtl {
  direction: rtl;
}

.ant-checkbox-group-rtl .ant-checkbox-group-item {
  margin-right: 0px;
  margin-left: 8px;
}

.ant-checkbox-group-rtl .ant-checkbox-group-item:last-child {
  margin-left: 0px !important;
}

.ant-checkbox-group-rtl .ant-checkbox-group-item+.ant-checkbox-group-item {
  margin-left: 8px;
}

.form-x4TCQ {
  width: 100%;
}

.form-code-img-VjvnI {
  height: 100%;
}

.form-x4TCQ .ant-form-item-control-input-content {
  text-align: center;
}

.form-x4TCQ .ant-input-affix-wrapper {
  width: 80%;
  height: 50px;
  border-radius: 6px;
  margin: 16px auto;
  border: 1px solid var(--cms-border-color);
}

.form-x4TCQ .ant-input-affix-wrapper-focused {
  border-color: var(--cms-border-color);
  box-shadow: none;
}

.form-x4TCQ .ant-input-affix-wrapper .ant-input-suffix img {
  height: 100%;
}

.form-x4TCQ .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
  border-color: var(--cms-border-color);
}

.btn-G9w3g {
  width: 100%;
  display: flex;
  justify-content: center;
  padding-bottom: 30px;
}

.btn-G9w3g button {
  width: 100px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  margin: 0px 20px;
  border-radius: 4px;
  padding: 0px;
  cursor: pointer;
  border: none !important;
}

.btn-cancel-wNgdS,
.btn-cancel-wNgdS:focus,
.btn-cancel-wNgdS:hover {
  background: var(--cms-second-background-color) !important;
  color: var(--cms-primary-text-color) !important;
}

.btn-cancel-wNgdS:focus,
.btn-cancel-wNgdS:hover {
  border: none !important;
}

.btn-confirm-Kmljw,
.btn-confirm-Kmljw:focus,
.btn-confirm-Kmljw:hover {
  background: var(--cms-primary-color) !important;
  color: var(--cms-primary-background-text-color) !important;
}

.btn-confirm-Kmljw:focus,
.btn-confirm-Kmljw:hover {
  border: none !important;
}

.warp-vLyRM {
  width: 100%;
  margin: 0px auto;
  background: var(--cms-primary-background-color);
  border-radius: 8px;
  overflow: hidden;
}

.warp-logo-q0rBc {
  width: 50%;
  position: relative;
  margin: 10px auto;
}

.warp-from-DRrDW,
.warp-logo-q0rBc img {
  width: 100%;
}

.close-u2jWZ {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 13px;
  right: 20px;
}

.close-u2jWZ span {
  transform: rotate(45deg);
  position: relative;
  left: 8px;
}

.close-u2jWZ span,
.close-u2jWZ span::after {
  width: 1px;
  height: 18.5px;
  background: rgb(165, 169, 179);
  display: inline-block;
  top: 0px;
}

.close-u2jWZ span::after {
  position: absolute;
  content: "";
  transform: rotate(270deg);
  left: 0px;
}

.register-btn-JWo8q {
  display: block;
  width: 100%;
  height: 40px;
  border-radius: 20px;
  margin-bottom: 24px;
  border: none;
  color: var(--cms-primary-background-text-color) !important;
  background: var(--cms-primary-color) !important;
}

.register-btn-JWo8q:active,
.register-btn-JWo8q:focus,
.register-btn-JWo8q:hover,
.register-btn-JWo8q[disabled],
.register-btn-JWo8q[disabled]:active,
.register-btn-JWo8q[disabled]:focus,
.register-btn-JWo8q[disabled]:hover {
  background: var(--cms-primary-color);
  color: var(--cms-primary-background-text-color);
}

.register-btn-JWo8q:focus {
  color: var(--cms-primary-text-light-color);
}

.register-form-y437E {
  width: 100%;
  padding: 0px 20px;
  background-size: cover;
}

.register-form-con-ZwzMT {
  flex: 1 1 0%;
  overflow: scroll;
}

.register-form-y437E .ant-input-affix-wrapper {
  width: 99%;
  height: 36px;
  border-radius: 12px;
  background: transparent !important;
}

.register-form-y437E .ant-input-affix-wrapper.ant-input-affix-wrapper-disabled {
  background-color: rgb(245, 245, 245) !important;
}

.register-form-y437E .ant-form-item-explain-error {
  font-size: 12px;
}

.register-form-y437E .anticon-check-circle,
.register-form-y437E .anticon-close-circle,
.register-form-y437E .anticon-exclamation-circle {
  display: block !important;
}

.register-form-y437E .ant-form-item-children-icon {
  display: flex;
  align-items: center;
  right: 24px !important;
  color: green !important;
}

.register-form-y437E .ant-btn:focus,
.register-form-y437E .ant-btn:hover {
  border: none;
  color: var(--cms-primary-text-color);
  background: var(--cms-primary-color) !important;
}

.register-form-y437E input.ant-input {
  color: var(--cms-primary-text-color) !important;
}

.register-form-y437E input.ant-input::-webkit-input-placeholder {
  color: var(--cms-assist-text-color) !important;
}

.register-form-y437E .ant-select {
  width: 74% !important;
}

.register-form-y437E .ant-select-selector {
  padding: 0px 4px !important;
}

.register-form-y437E .ant-input-prefix img {
  width: 24px;
}

.register-form-y437E .ant-input-suffix {
  padding-right: 0px !important;
}

.register-form-y437E .ant-input-suffix img {
  height: 30px;
}

.register-form-y437E .ant-checkbox-checked .ant-checkbox-inner {
  background: var(--cms-entry-btn-background-color) !important;
}

.register-form-y437E .ant-checkbox-checked::after {
  border: none !important;
}

.register-form-y437E .ant-checkbox-input:focus+.ant-checkbox-inner,
.register-form-y437E .ant-checkbox-wrapper:hover .ant-checkbox-inner,
.register-form-y437E .ant-checkbox:hover .ant-checkbox-inner {
  border-color: transparent;
}

.register-form-y437E .ant-form-item {
  margin-top: 0px;
  margin-bottom: 10px !important;
}

.register-form-y437E .ant-form-item.ant-form-item-has-error {
  margin-bottom: 0px !important;
}

.register-form-y437E .anticon-down {
  width: 10px;
  height: 10px;
  background: red;
}

.register-form-tips-hS9YT {
  color: rgb(250, 157, 16);
  font-size: 12px;
  margin: 10px auto;
}

.register-form-box-YoV0Z {
  width: 20px;
  border-radius: 50%;
  text-align: center;
  line-height: 24px;
}

.register-form-box-icon-QpykC {
  display: flex;
  align-items: center;
  justify-content: center;
  fill: var(--cms-primary-text-light-color) !important;
}

.register-form-box-icon-QpykC svg {
  width: 15px;
}

.register-form-eyes-RVnLA {
  width: 18px;
  margin-left: 10px;
}

.register-form-eyes-RVnLA svg {
  width: 18px;
  height: 18px;
}

.register-form-eyes-RVnLA svg,
.register-form-eyes-RVnLA svg path {
  fill: var(--cms-primary-text-light-color) !important;
}

.login-eL3IU .ant-input-suffix svg path {
  fill: var(--cms-primary-text-light-color);
}

.login-eL3IU .ant-input-suffix img {
  height: 30px;
}

.login-eL3IU input::-webkit-input-placeholder,
.login-eL3IU textarea::-webkit-input-placeholder {
  color: var(--cms-assist-text-color) !important;
}

.login-eL3IU input.ant-input,
.login-eL3IU input.ant-input:focus {
  color: var(--cms-primary-text-color);
}

.login-eL3IU input.ant-input::-webkit-input-placeholder {
  color: var(--cms-assist-text-color) !important;
}

.login-spe-jvghJ input.ant-input {
  color: var(--cms-primary-text-color) !important;
}

.login-spe-jvghJ input.ant-input:focus {
  color: var(--cms-primary-text-color);
}

.login-spe-jvghJ input.ant-input::-webkit-input-placeholder {
  color: var(--cms-assist-text-color) !important;
}

.login-box-Ruyk1 {
  border-radius: 50%;
  text-align: center;
  line-height: 10px;
}

.login-box-icon-RZkEo,
.login-box-icon-spe-Clt1T {
  fill: var(--cms-assist-text-color);
}

.login-btn-P_2BE {
  display: block;
  width: 100%;
  height: 40px;
  border-radius: 20px;
  border: none;
  box-shadow: rgba(208, 162, 124, 0.2) 0px 4px 8px 4px;
  margin: 20px 0px;
}

.login-btn-P_2BE,
.login-btn-P_2BE:active,
.login-btn-P_2BE:focus,
.login-btn-P_2BE:hover {
  color: var(--cms-primary-background-text-color);
  background: var(--cms-primary-color);
}

.login-action-KUekr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--cms-primary-text-light-color);
  margin-bottom: 15px;
}

.login-action-KUekr span {
  color: var(--cms-primary-text-light-color);
  cursor: pointer;
}

.login-action-KUekr .ant-checkbox-inner {
  border-radius: 10px;
}

.login-action-KUekr .ant-checkbox-checked .ant-checkbox-inner {
  background: var(--cms-primary-color);
  border-color: var(--cms-primary-color);
}

.login-service-fF1vE {
  width: 80%;
  margin: 0px auto;
  font-size: 12px;
  font-family: "PingFang SC";
  font-weight: 400;
  color: var(--cms-primary-text-light-color);
  text-align: center;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
}

.login-service-fF1vE span {
  display: flex;
  align-items: center;
  gap: 4px;
}

.login-send-CBQo8 {
  color: var(--cms-primary-background-text-color);
  background: var(--cms-primary-color);
  padding: 0px 5px;
  border-radius: 5px;
  cursor: pointer;
}

.phone-select-popup-Er5Rk {
  position: absolute;
  width: 298px;
  left: 0px;
  top: 55px;
  background: var(--cms-second-background-color);
  z-index: 9999;
  border-right-color: ;
  border-right-style: ;
  border-right-width: ;
  border-bottom-color: ;
  border-bottom-style: ;
  border-bottom-width: ;
  border-left-color: ;
  border-left-style: ;
  border-left-width: ;
  border-image-source: ;
  border-image-slice: ;
  border-image-width: ;
  border-image-outset: ;
  border-image-repeat: ;
  border-top: none;
}

.phone-select-popup-Er5Rk>div {
  height: 40px;
  border-top: 1px solid var(--cms-border-color);
  line-height: 40px;
  padding: 0px 20px;
  display: flex;
  place-content: center space-between;
  align-items: center;
}

.phone-select-popup-Er5Rk>div .dialCode {
  width: 14px;
  height: 14px;
  border: 1px solid var(--cms-primary-text-light-color);
  border-radius: 50%;
  display: inline-block;
  position: relative;
  left: -10px;
}

.phone-select-popup-Er5Rk>div .activedialCode {
  width: 14px;
  height: 14px;
  position: relative;
  background: var(--cms-primary-color);
  border-radius: 14px;
}

.phone-select-popup-Er5Rk>div .activedialCode::after {
  width: 8px;
  height: 4px;
  display: inline-block;
  border-left: 1px solid var(--cms-primary-background-text-color);
  border-bottom: 1px solid var(--cms-primary-background-text-color);
  content: "";
  position: absolute;
  left: 50%;
  top: 40%;
  transform: translate(-50%, -50%) rotate(-45deg);
}

.phone-select-popup-Er5Rk .title {
  display: flex;
  align-items: center;
  place-content: center space-between;
}

.phone-select-popup-Er5Rk .title .right {
  position: relative;
}

.phone-select-popup-Er5Rk .title .right input {
  width: 258px;
  height: 29px;
  border: 1px solid var(--cms-primary-text-color);
  border-radius: 15px;
  text-indent: 10px;
}

.phone-select-popup-Er5Rk .title .right .van-icon-clear {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  color: var(--cms-primary-text-color);
}

.phone-select-noda-n1p63 {
  width: 300px;
  justify-content: center !important;
}

.phone-select-fvknL .selectIcon {
  display: flex;
  align-items: center;
  align-content: center;
  position: relative;
  padding-right: 10px;
}

.phone-select-fvknL .selectIcon::after {
  width: 0px;
  height: 0px;
  border-top: 8px solid var(--cms-primary-text-light-color);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid transparent;
  content: "";
  overflow: hidden;
  display: inline-block;
  position: relative;
  top: 4px;
  margin: 0px 4px;
}

:root {
  --van-overlay-z-index: 1;
  --van-overlay-background-color: rgba(0, 0, 0, .7);
}

.van-overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: var(--van-overlay-z-index);
  width: 100%;
  height: 100%;
  background: var(--van-overlay-background-color);
}

:root {
  --van-popup-background-color: var(--van-background-color-light);
  --van-popup-transition: transform var(--van-animation-duration-base);
  --van-popup-round-border-radius: 16px;
  --van-popup-close-icon-size: 22px;
  --van-popup-close-icon-color: var(--van-gray-5);
  --van-popup-close-icon-margin: 16px;
  --van-popup-close-icon-z-index: 1;
}

.van-overflow-hidden {
  overflow: hidden !important;
}

.van-popup {
  position: fixed;
  max-height: 100%;
  overflow-y: auto;
  background: var(--van-popup-background-color);
  transition: var(--van-popup-transition);
}

.van-popup--center {
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0px);
}

.van-popup--center.van-popup--round {
  border-radius: var(--van-popup-round-border-radius);
}

.van-popup--top {
  top: 0px;
  left: 0px;
  width: 100%;
}

.van-popup--top.van-popup--round {
  border-radius: 0 0 var(--van-popup-round-border-radius) var(--van-popup-round-border-radius);
}

.van-popup--right {
  top: 50%;
  right: 0px;
  transform: translate3d(0px, -50%, 0px);
}

.van-popup--right.van-popup--round {
  border-radius: var(--van-popup-round-border-radius) 0 0 var(--van-popup-round-border-radius);
}

.van-popup--bottom {
  bottom: 0px;
  left: 0px;
  width: 100%;
}

.van-popup--bottom.van-popup--round {
  border-radius: var(--van-popup-round-border-radius) var(--van-popup-round-border-radius) 0 0;
}

.van-popup--left {
  top: 50%;
  left: 0px;
  transform: translate3d(0px, -50%, 0px);
}

.van-popup--left.van-popup--round {
  border-radius: 0 var(--van-popup-round-border-radius) var(--van-popup-round-border-radius) 0;
}

.van-popup-slide-bottom-enter-active,
.van-popup-slide-left-enter-active,
.van-popup-slide-right-enter-active,
.van-popup-slide-top-enter-active {
  transition-timing-function: var(--van-animation-timing-function-enter);
}

.van-popup-slide-bottom-leave-active,
.van-popup-slide-left-leave-active,
.van-popup-slide-right-leave-active,
.van-popup-slide-top-leave-active {
  transition-timing-function: var(--van-animation-timing-function-leave);
}

.van-popup-slide-top-enter-from,
.van-popup-slide-top-leave-active {
  transform: translate3d(0px, -100%, 0px);
}

.van-popup-slide-right-enter-from,
.van-popup-slide-right-leave-active {
  transform: translate3d(100%, -50%, 0px);
}

.van-popup-slide-bottom-enter-from,
.van-popup-slide-bottom-leave-active {
  transform: translate3d(0px, 100%, 0px);
}

.van-popup-slide-left-enter-from,
.van-popup-slide-left-leave-active {
  transform: translate3d(-100%, -50%, 0px);
}

.van-popup__close-icon {
  position: absolute;
  z-index: var(--van-popup-close-icon-z-index);
  color: var(--van-popup-close-icon-color);
  font-size: var(--van-popup-close-icon-size);
}

.van-popup__close-icon--top-left {
  top: var(--van-popup-close-icon-margin);
  left: var(--van-popup-close-icon-margin);
}

.van-popup__close-icon--top-right {
  top: var(--van-popup-close-icon-margin);
  right: var(--van-popup-close-icon-margin);
}

.van-popup__close-icon--bottom-left {
  bottom: var(--van-popup-close-icon-margin);
  left: var(--van-popup-close-icon-margin);
}

.van-popup__close-icon--bottom-right {
  right: var(--van-popup-close-icon-margin);
  bottom: var(--van-popup-close-icon-margin);
}

.phone-select-popup-cOXZS {
  border-radius: 0.46rem 0.46rem 0px 0px;
  background: var(--cms-primary-background-color);
  color: var(--cms-primary-text-color);
}

.phone-select-popup-cOXZS>div {
  height: 0.94rem;
  border-top: .02rem solid var(--cms-border-color);
  line-height: 0.94rem;
  padding: 0px 0.4rem;
  display: flex;
  place-content: center space-between;
  align-items: center;
}

.phone-select-popup-cOXZS>div .dialCode {
  width: 0.28rem;
  height: 0.28rem;
  border: .02rem solid var(--cms-primary-text-light-color);
  border-radius: 50%;
  display: inline-block;
  position: relative;
  left: -0.2rem;
}

.phone-select-popup-cOXZS>div .activedialCode {
  width: 0.28rem;
  height: 0.28rem;
  position: relative;
  background: var(--cms-primary-color);
  border-radius: 0.28rem;
}

.phone-select-popup-cOXZS>div .activedialCode::after {
  width: 0.16rem;
  height: 0.08rem;
  display: inline-block;
  border-left: .02rem solid var(--cms-primary-background-text-color);
  border-bottom: .02rem solid var(--cms-primary-background-text-color);
  content: "";
  position: absolute;
  left: 50%;
  top: 40%;
  transform: translate(-50%, -50%) rotate(-45deg);
}

.phone-select-popup-cOXZS .title {
  background: var(--cms-primary-background-color);
  display: flex;
  align-items: center;
  place-content: center space-between;
}

.phone-select-popup-cOXZS .title .right {
  position: relative;
  display: flex;
  align-items: center;
  align-content: center;
  width: 4.8rem;
  height: 100%;
}

.phone-select-popup-cOXZS .title .right input {
  width: 4.8rem;
  height: 0.58rem;
  line-height: 0.58rem;
  border: .02rem solid var(--cms-primary-text-color);
  border-radius: 0.3rem;
  text-indent: 0.2rem;
  background: var(--cms-second-background-color);
}

.phone-select-popup-cOXZS .title .right .van-icon-clear {
  position: absolute;
  right: 0.2rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.32rem;
  color: var(--cms-primary-text-color);
}

.phone-select-Jy36S .selectIcon {
  display: flex;
  align-items: center;
  align-content: center;
  position: relative;
  padding-right: 0.2rem;
  color: var(--cms-primary-text-color);
}

.phone-select-Jy36S .selectIcon::after {
  width: 0px;
  height: 0px;
  border-top: .16rem solid var(--cms-primary-text-color);
  border-left: 0.12rem solid transparent;
  border-right: 0.12rem solid transparent;
  border-bottom: 0.12rem solid transparent;
  content: "";
  overflow: hidden;
  display: inline-block;
  position: relative;
  top: 0.08rem;
  margin: 0px 0.08rem;
}

.register-main-_eg0f {
  height: 473px;
  padding-bottom: 20px;
  overflow: scroll;
  position: relative;
  background: var(--cms-primary-background-color);
}

.register-main-akc377-Yjqkk {
  background: none !important;
}

.register-main-_eg0f .ant-steps {
  margin-bottom: 20px;
}

.register-main-_eg0f .ant-steps-item-title::after {
  height: 2px;
}

.register-main-_eg0f .ant-steps-item-process .ant-steps-item-container .ant-steps-item-icon {
  background: var(--cms-primary-color);
}

.register-main-_eg0f .ant-steps-item-process .ant-steps-item-icon {
  border-color: var(--cms-primary-color);
}

.register-main-_eg0f .ant-btn:focus,
.register-main-_eg0f .ant-btn:hover {
  color: var(--cms-primary-background-text-color) !important;
  background: var(--cms-primary-color) !important;
  border-color: transparent !important;
}

.register-main-padding-C16l8 {
  margin-top: 20px;
}

.register-main-box-XCuV1 {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.register-main-box-btn-z60XU {
  width: 49%;
  height: 38px;
  border-radius: 6px;
  font-size: 16px;
  font-weight: 500;
}

.register-main-box-next-XwAWY {
  background: var(--cms-primary-color);
  color: rgb(255, 255, 255);
  border-color: var(--cms-border-color);
}

.register-main-tips-xpb_E {
  font-size: 12px;
  text-indent: 27px;
  margin-bottom: 10px;
  color: var(--cms-primary-text-color);
}

.register-main-tips-xpb_E span {
  color: var(--cms-primary-color);
  cursor: pointer;
}

.register-main-tips-xpb_E .check-XhdQD {
  border-radius: 20px;
  margin-right: 10px;
}

.register-main-tips-xpb_E .check-XhdQD .ant-checkbox-inner {
  border-radius: 20px;
}

.register-main-tips-xpb_E .check-XhdQD .ant-checkbox-checked .ant-checkbox-inner {
  background-color: var(--cms-primary-color);
  border-color: var(--cms-primary-color);
}

.register-main-service-TWcKW {
  cursor: pointer;
  font-size: 12px;
  font-family: "PingFang SC";
  font-weight: 400;
  color: var(--cms-primary-text-light-color);
  display: flex;
  align-items: center;
  place-content: center;
  gap: 4px;
  margin-top: 16px;
}

.register-modal-ptGCr {
  max-width: 670px;
  max-height: 430px;
  overflow-y: auto;
  position: relative;
  padding: 30px 0px;
  background-color: rgb(255, 255, 255);
}

.register-form-fhd0i {
  position: relative;
}

.register-form-fhd0i input:-webkit-autofill {
  -webkit-text-fill-color: var(--cms-assist-text-color);
}

.register-form-fhd0i .ant-select {
  width: 74% !important;
}

.register-form-fhd0i .ant-input-affix-wrapper {
  border-radius: 6px;
  border: 1px solid var(--cms-border-color);
}

.register-form-fhd0i .ant-select-selector {
  color: var(--cms-assist-text-color);
  padding: 0px 4px !important;
  border: none !important;
}

.register-form-fhd0i input.ant-input,
.register-form-fhd0i input.ant-input:focus {
  color: var(--cms-primary-text-color);
}

.register-form-fhd0i input.ant-input::-webkit-input-placeholder {
  color: var(--cms-assist-text-color);
}

.register-form-fhd0i .ant-input-prefix img {
  width: 24px;
}

.register-form-fhd0i .ant-input-suffix svg path {
  fill: var(--cms-primary-text-light-color);
}

.register-form-fhd0i .ant-input-suffix img {
  height: 30px;
}

.register-form-spe-X7Fbu input:-webkit-autofill {
  -webkit-text-fill-color: var(--cms-primary-text-color) !important;
}

.register-form-spe-X7Fbu input.ant-input {
  color: var(--cms-primary-text-color) !important;
}

.register-form-spe-X7Fbu input.ant-input:focus {
  color: var(--cms-primary-text-color);
}

.register-form-spe-X7Fbu input.ant-input::-webkit-input-placeholder {
  color: var(--cms-assist-text-color) !important;
}

.register-form-box-Saq7y {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  text-align: center;
  line-height: 20px;
}

.register-form-box-icon-z1g_q {
  line-height: 20px;
  fill: var(--cms-primary-text-color);
}

.register-form-box-icon-spe-B_5k7 {
  fill: var(--cms-primary-color);
}

.register-form-box-icon-z1g_q svg {
  width: 16px;
  height: 16px;
  position: relative;
  top: 2px;
}

.register-form-send-JPpfI {
  color: rgb(255, 255, 255);
  background: var(--cms-primary-color);
  padding: 0px 5px;
  border-radius: 5px;
  cursor: pointer;
}