/* -------------- 内容两侧留白适配 start  -------------- */
:root {
  --layout-padding: 0px;
  --layout-maxWidth: 1440px;
}
@media screen and (max-width: 1920px) {
  :root {
    --layout-padding: 0px;
    --layout-maxWidth: 1200px;
  }
}
@media screen and (max-width: 1248px) {
  :root {
    --layout-padding: 24px;
    --layout-maxWidth: 100vw;
  }
}
@media screen and (max-width: 768px) {
  :root {
    --layout-padding: 16px;
    --layout-maxWidth: 100vw;
    font-size: 0.58px;

    /* --design-width: 375;
    font-size: calc(100vw / var(--design-width)); */
  }
}
@media screen and (max-width: 375px) {
  :root {
    --layout-padding: 12px;
    --layout-maxWidth: 100vw;
  }
}
/* 内容外壳 */
.flex--grid--layout {
  padding: 0 var(--layout-padding);
  max-width: var(--layout-maxWidth);
  margin: 0 auto;
  box-sizing: border-box;
}
/* -------------- 内容两侧留白适配 end  -------------- */

.clr_main { color: var(--brandColor); }
.clr_f1 { color: var(--colorFont1); }
.clr_f2 { color: var(--colorFont2); }
.clr_f3 { color: var(--colorFont3); }
.clr_f4 { color: var(--colorFont4); }
.clr_yellow { color: var(--colorYellow); }
.bg_2 { background: var(--brandColorMenuHover);}
.v3-clr-f1 { color: var(--color-text-1); }

/* v3.0文本颜色 */
.color-text-1 { color: var(--color-text-1); }
.color-text-2 { color: var(--color-text-2); }
.color-text-3 { color: var(--color-text-3); }
.color-text-4 { color: var(--color-text-4); }
.color-text-5 { color: var(--color-text-5); }
.color-text-6 { color: var(--color-text-6); }
.color-text-7 { color: var(--color-text-7); }

input:-webkit-autofill  {
  box-shadow: 0 0 0rem 1000rem var(--color-card-2) inset !important;
  border-radius: 4rem  !important;
  -webkit-text-fill-color: var(--colorFont1) !important;
}

#footer-view{display: none;}
.classic-dark div #root {
  background-color: var(--color-bg-1);
}

.login_button_container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px;
  gap: 12px;
}
.login_button_container button {
  background-color: var(--color-neutral-5);
  border-radius: 40rem;
}
.login_button_container button:nth-child(1):hover .mantine-Button-leftIcon svg path,
.login_button_container button:nth-child(3):hover .mantine-Button-leftIcon svg path,
.login_button_container .telegramButton:hover svg path {
  fill: #fff;
}

.login_button_container-new {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px;
  gap: 48px;
}
.login_button_container-new button {
  border-radius: 26rem;
}

.more-login-btn-container {
  position: relative;
}
.more-login-btn-container:before{
  position: absolute;
  top: -30px;
  left: -30px;
  height: 50px;
  width: 100px;
  content:"";
  display:block;
}
.more-login-btn-list {
  position: absolute;
  box-shadow: 0px 7px 20px 0px rgba(13, 31, 66, 0.07);
  top: -72px;
  left: -48px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px;
  gap: 16px;
  border-radius: 4px;
  background-color: var(--color-card-3);
  height: 100%;
  padding: 12px 16px;
}
.classic-dark .more-login-btn-list {
  box-shadow: 0px 7px 20px 0px rgba(13, 31, 66, 0.07);
}

.login_page {
  min-height: calc(100vh - 72px);
}

.custom_title {
  font-size: 40rem;
  font-weight: 600;
  position: relative;
  z-index: 1;
  font-style: normal;
  line-height: normal;
  color: var(--color-text-1);
}

.address_info {
  color: var(--fontSubColor);
  font-size: 16px;
  line-height: 24px;
  margin-top: 32px;
  margin-bottom: -8px;
}

/* guide change_email verify singupVip  singup reset bind auth */
/* .custom_title::before {
  content: '';
  position: absolute;
  left: -16rem;
  top: -16rem;
  width: 40rem;
  height: 40rem;
  background-color: var(--green);
  z-index: -1;
} */

.verify-cont > .clr_main, .reset-cont > .clr_main, .bind-cont > .clr_main, .auth-cont > .clr_main, .verify_container > .clr_main, .login_sms_modal_sub > .clr_main {
  color: var(--color-text-5);
}
.verify-cont > .clr_main:hover, .reset-cont > .clr_main:hover, .bind-cont > .clr_main:hover, .auth-cont > .clr_main:hover, .verify_container > .clr_main:hover, .login_sms_modal_sub > .clr_main:hover {
  color: var(--color-brand-2);
}
.main_container {
  position: relative;
  height: calc(100vh - 72px - 200rem);
  min-width: 620px;
  padding: 0 var(--layout-padding);
max-width: var(--layout-maxWidth);
  margin: 0 auto;
  box-sizing: border-box;
}
.main_container.main-webauthn-box {
  min-height: 90vh;
  height: auto;
}
.main_container.main-webauthn-box .verify_container {
  margin-top: 40rem;
  margin-bottom: 24rem;
}
.verify-cont {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 370px;
  height: auto;
}
.reset-cont {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 289px;
}
.bind-cont {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 390px;
}
.auth-cont {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 390px;
}

.verify_input_container {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  column-gap: 16rem;
}

.verify_input_item {
  width: 85rem;
  height: 100rem;
  border-radius: 4rem;
  caret-color: var(--color-brand-1);
  box-sizing: border-box;
  line-height: 72rem;
  text-align: center;
  border: 1px solid var(--color-divider-5);
  font-size: 40rem;
  font-weight: 500;
  background-color: var(--color-card-4);
}
.verify_input_item_inactive:focus {
  border: 1px solid var(--color-divider-5);
  caret-color: transparent;
}

.verify_input_item_active {
  border: 2px solid var(--color-brand-1);
}

.verify_input_item:disabled {
  background-color: transparent;
  border: 1px solid var(--color-divider-5);
}

.verify_input_item_error {
  border: 1px solid var(--color-funct-3);
}

/* .verify_all_container:last-child {
  margin-bottom: 0;
} */

/* 登录页面 */
.login_website_tip {
  height: 40rem;
  line-height: 40rem;
  background-color: var(--color-card-1);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  color: var(--color-text-2);
}

.login_title {
  font-size: 40rem;
  font-weight: 600;
  line-height: 1;
  color: var(--color-text-1);
}

.login_website_tip span {
  /* opacity: 0.8; */
  font-size: 14rem;
  margin-left: 8rem;
}

.login_container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 24rem;
  padding-top: 80rem;
  padding-bottom: 32rem;
}

.signup_container {
  padding-top: 80rem;
}


.login_paper {
  padding: 0 50rem 0 102rem;
  background-color: transparent;
  margin: auto 0;
}
html[lang='ar'] .login_paper {
  padding: 0 102rem 0 50rem;
}
.login_tips{
	font-weight: 400;
	font-size: 16rem;
	color: var(--color-text-3);
	margin-top: 32rem;
	margin-bottom: 32rem;
}

.login_tabs {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 32rem;
  margin-bottom: 24rem;
  line-height: 1;
  flex-wrap: wrap;
}

.login_tab {
  /* margin-top: 8rem; */
  margin-right: 4rem;
  height: 32rem;
  line-height: 32rem;
  padding: 0 16rem;
  cursor: pointer;
  border-radius: 4rem;
  font-size: 14rem;
  font-weight: 600;
  color: var(--color-text-3);
}

.login_tab_active {
  background-color: var(--color-neutral-3);
  color: var(--color-text-1);
}

.mantine-Tooltip-body {
  border-radius: 4px;
  font-size: 12px;
  line-height: 150%;
  text-transform: capitalize;
  background-color: #434C5F;
  color: #fff;
}
html[lang="ar"] .mantine-Tooltip-body {
  text-align: right;
}
.mantine-Tooltip-arrow {
  background-color: #434C5F;

}

body.classic-dark .mantine-Tooltip-body {
  background-color: #42495E !important;
}
body.classic-dark .mantine-Tooltip-arrow {
  background-color: #42495E !important;
}

.login-qrcode-ip-container {
  margin-top: 24rem;
  display: flex;
  align-items: center;
  justify-content:center;
  font-size: 16rem;
  line-height: 1;
}
.login_ip_container {
  display: flex;
  align-items: center;
  justify-content:space-between;
  margin-bottom: 32rem;
  font-size: 16rem;
  line-height: 1;
}
.login_ip_container .mantine-Tooltip-root, .login-qrcode-ip-container .mantine-Tooltip-root{
  color: var(--color-text-1);
  /* font-size: 12rem; */
  font-weight: 400;
  line-height: 1.5;
}
.login_ip_container .mantine-Tooltip-root span,  .login-qrcode-ip-container .mantine-Tooltip-root span {
  color: var(--color-text-3);
}

.login_password_level {
  height: 16rem;
  width: 16rem;
  object-position: center;
}

.login_forget_password {
  font-size: 16rem;
  font-weight: 500;
  cursor: pointer;
  text-align: right;
  /* line-height: 1.5; */
  text-decoration: none;
  color: var(--color-text-5);
}
.login_forget_password:hover {
  color: var(--color-brand-2);
}

.login_pwd {
  margin: 16rem auto;
  margin-bottom: 16rem;
}

.login_divider {
  margin: 16rem auto;
}

.login-container,
.login-phone-container {
  display: grid;
  grid-template-columns: 126rem auto;
  column-gap: 16rem;
}

.user-generic-id-input-box {
  margin-top: 32rem;
}

.login_phone_error_text {
  font-weight: 400;
  font-size: 14rem;
  margin-top: 8rem;
  color: var(--color-funct-3);
}

.login-switch-username {
  display: flex;
  justify-content: flex-end;
  margin-top: 8rem;
  color: var(--color-text-5);
  font-size: 14rem;
  font-weight: 500;
  cursor: pointer;
}
.login-switch-username span {
  cursor: pointer;
}
.login-switch-username span:hover {
  color: var(--color-brand-2);
}

.login_flex_center {
  display: flex;
  align-items: center;
  justify-content:space-between;
}

.login_page .login_error_tip {
  margin-bottom: -8rem;
  margin-top: 24rem;
  /* color: var(--color-text-1); */
  background-color: var(--color-cmpt-4) !important;
  padding: 11rem 12rem;
  display: grid;
  grid-template-columns: 12rem auto;
  column-gap: 8rem;
  border-radius: 4rem;
  font-size: 12rem;
  color: var(--color-text-1) !important;
  /* align-items: center; */
}
.login_page .login_error_tip img {
  margin-top: 2rem;
  width: 12rem;
  height: 12rem;
}
.new_login_error_tip_link_wrap {
  display: flex;
  align-items: center;
  column-gap: 8px;
}
.new_login_error_tip_link {
  color: var(--color-text-5);
  cursor: pointer;
  font-weight: 600;
}
.new_login_error_tip_link:hover {
  color: var(--color-brand-2);
}
.mantine-TextInput-root label, .login_ip_container label,.login_ip_container .login_forget_password, .mantine-Divider-label, .signup_checkbox_container label,.signup_checkbox_container a {font-size: 14rem;}

.login_notice_container {
  line-height: 1.5;
  margin-top: 16rem;

}
.login_notice_container span{
  font-size: 14rem;
  margin-right: 8rem;
  color: var(--color-text-3);
}

.login_notice_container a{
  color: var(--color-text-5) !important;
  background: transparent !important;
  font-weight: 600;
  font-size: 14rem;
  text-decoration: none;
}

.login_notice_container a:hover {
  color: var(--color-brand-2) !important;
  background: transparent !important;
}

.login_input_icons {
  display: flex;
  flex-direction: row-reverse;
  align-items:center;
}

.login_input_icons_eye {
  width: 16rem;
  font-size: 16rem;
  color: var(--color-icon-4);
  margin-left: 16rem;
}

.login_normal_input_icon {
  /* font-size: 16rem; */
  width: 16rem;
  color: var(--color-icon-4);
  cursor: pointer;
}

.login_center {
  display: grid;
  /* justify-content: center; */
  align-items: center;
  text-align: center;
  margin: auto;
}
label.mantine-Checkbox-label {
  margin-top: 0;
  margin-right: 3rem;
}
html[lang='ar'] label.mantine-Checkbox-label {
  margin-right: 8rem;
  margin-left: unset;
}

.login-title,
.login-phone-title {
  font-weight: 400;
  display: inline-block;
  font-size: 14rem;
  line-height: 1;
  margin-bottom: 8rem;
  -webkit-font-smooth: antialiased;
  color: var(--color-text-2);
}

.login_qrcode_wrap {
  margin-bottom: 24rem;
}

.login_qrcode_body {
  position: relative;
  background-color: #fff;
  z-index: 1;
  width: 230rem;
  height: 230rem;
  box-shadow: 0px 7px 20px 0px rgba(13, 31, 66, 0.07);
  border-radius: 8rem;
}

.login_qrcode_body_mask {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, .95);
  border-radius: 6rem;
}
.classic-dark .login_qrcode_body_mask {
  background-color: rgba(27, 29, 34, .95);
}
.qrcode-success-icon {
  width: 64rem;
  height: 64rem;
  color: var(--color-funct-2);
  margin-bottom: 16rem;
}

.login_qrcode_body_title {
  font-size: 20rem;
  font-weight: 600;
  margin-bottom: 16rem;
  color: var(--color-text-1);
}

.qrcode-success-title {
  font-size: 16rem;
}

.login_qrcode_body .mantine-Button-filled {
  height: 40rem;
  font-size: 16rem;
  padding: 0 24rem;
}
.login_qrcode_body .mantine-Button-filled .mantine-Button-icon {
  margin-right: 8rem;
}
.login_qrcode_body .qrcode-center-img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 32rem;
  height: 32rem;
  background-color: #fff;
  border-radius: 4rem;
}
html[lang='ar'] .login_qrcode_body .mantine-Button-filled .mantine-Button-icon {
  margin-right: unset;
  margin-left: 8rem;
}

.login_qrcode_body_desc {
  font-size: 16rem;
  font-weight: 600;
  color: var(--color-text-1);
  padding: 0 28rem;
  word-break: break-all;
}

.login_qrcode_title {
  font-size: 20rem;
  font-weight: 500;
  color: var(--color-text-1);
  margin-bottom: 12px;
}

.login_qrcode_notice {
  line-height: normal;
  font-size: 16rem;
  color: var(--color-text-3);
}

.login_qrcode_app {
  font-size: 16rem;
  font-weight: 500;
  cursor: pointer;
  margin: auto 8rem;
  color: var(--color-text-5);
}

.login_qrcode_desc {
  margin-top: 24rem;
  font-size: 16rem;
  font-weight: 400;
  color: var(--color-text-3);
}


.malta-body .login_anti_phishing_code {
  width: 100%;
  max-height: 64rem;
}
.login_anti_phishing_code {
  margin-top: 20rem;
  /* width: 740rem; */
  width: 100%;
  height: 64rem;
}
.login_anti_phishing_code img {
  height: 100%;
  width: 100%;
}

.login_anti_phishing_tip {
  display: inline-block;
  height: 16rem;
}

.login_anti_phishing_tip_icon {
  font-size: 14rem;
  color: var(--color-icon-4);
  margin-top: 2rem;
  cursor: pointer;
  width: 14rem;
  height: 14rem;
}
.login_anti_phishing_tip_icon:hover {
  color: var(--color-brand-1);
}

.login_website_container {
  margin-top: 16rem;
  margin-bottom: 32rem;
  display: grid;
  grid-template-rows: 1fr 1fr 1fr;
  row-gap: 8rem;
}

.login_website_item {
  height: 48rem;
  padding: 16rem;
  border-radius:4rem;
  background-color: var(--color-card-7);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.login_website_link {
  font-weight: 500;
  font-size: 14rem;
  cursor: pointer;
}

.login_website_value {
  font-size: 14rem;
  margin-left: 4rem;
  /* opacity: 0.8; */
}
.login_website_label {
  font-weight: 500;
  font-size: 14rem;
}

.login_checkbox_icon {
  font-size: 16rem;
  color: var(--color-brand-1);
}
.anti-confirm {
  width: fit-content;
  height: 40rem;
  padding: 0 24rem;
  float: right;
  font-size: 16rem;
}

/* 验证页面 */
.verify_container {
  width: 588rem;
  padding-top: 15vh;
  margin: 0 auto;
}

.verify_desc {
  font-size: 16rem;
  line-height: 1.5;
  margin: 32rem auto;
}
.verify_desc.clr_f2 {
  margin-bottom: 8rem;
  color: var(--color-text-2);
}

.verify_reacquire_btn {
  line-height: 1;
  margin-top: 16rem;
  margin-bottom: 32rem;
  cursor: pointer;
  display: inline-block;
}
.verify_reacquire_btn .clr_main {
  color: var(--color-text-5);
  font-weight: 500;
}
.verify_reacquire_btn .clr_main:hover {
  color: var(--color-brand-2);
}
.verify_reacquire_btn .clr_f3 {
  margin: 0 3rem;
}
.verify_reacquire_btn .login_page input {background-color: var(--color-card-4);border-color: var(--color-divider-5);}

.verify_sub_title {
  margin-top: 16rem;
  margin-bottom: 32rem;
}
.email-verify {
  margin-top: 16rem;
}

.verify_sub_title_multiple {
  margin-top: 16rem;
  margin-bottom: 32rem;
}

.verify_reacquire {
  line-height: 1;
  margin-top: 16rem;
  margin-bottom: 32rem;
}

.verify_notice {
  margin-top: 32rem;
  margin-bottom: 8rem;
  font-size: 14rem;
}

.verify_input_desc {
  font-size: 16rem;
  line-height: 1.5;
}

.verify_email {
  font-size: 24rem;
  font-weight: 500;
  margin-bottom: 32rem;
}

.verify_contact {
  line-height: normal;
  font-size: 14rem;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
  color: var(--color-text-5);
}
.verify_contact:hover {
  color: var(--color-brand-2)
}

/* 注册页面 */
.signup_checkbox_container {
  margin-top: 16rem;
  display: flex;
  align-items: center;
  line-height: 150%;
  justify-content: flex-start;
  margin-bottom: 32rem;
  font-size: 16rem;
  flex-wrap: wrap;
}

.signup_user_agreement {
  font-weight: 600;
  text-decoration: none;
  font-size: 16rem;
}

.signup_notices {
  display: grid;
  grid-template-rows: 1fr 1fr 1fr;
  row-gap: 24rem;
}

.signup_notice {
  text-align: left;
  padding: 24rem 32rem;
  display: grid;
  grid-template-columns: 80rem auto;
  column-gap: 24rem;
  border-radius: 8rem;
  align-items: center;
  width: 586rem;
  box-sizing: border-box;
}
.login_page .signup_notice_user{
	margin-bottom: 40rem;
  	min-height: 93rem;
	width: 100%;
  	position: relative;
	padding: 12rem 32rem;
	grid-template-columns: 70rem auto;
}
.signup_notice_user_award{
	width: 68rem;
    height: 68rem;
	border: 2px solid transparent;
	position: relative;
	background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: linear-gradient(to right, transparent, transparent), linear-gradient(90deg, #8F41E9, #578AEF);
	border-radius: 50%;
  	z-index: 1;
}
.signup_notice_user_award_icon{
	width: 48rem;
	height: 33rem;
	background: url('/images/registerVip_icon.png') no-repeat;
	position: absolute;
	top: -20rem;
	left: -7rem;
	background-size: contain;
}
.signup_notice_user_award img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	overflow: hidden;
	object-fit: cover;
	position: relative;
}
.signup_notice_user_content_name{
	font-size: 20rem;
	margin-bottom: 8rem;
	font-weight: 600;
	background: linear-gradient(270deg, #16D9D9 0%, #1979FF 100%);
    -webkit-background-clip: text;
    color: transparent;
}
.signup_notice_chat{
	height: 316rem;
    margin-bottom: 40rem;
	display: flex;
	justify-content: center;
	position: relative;
}
.signup_notice_chat_content{
	background: url(/images/registerVip_chat.png) no-repeat;
    height: 260rem;
    background-size: contain;
	width: 455rem;
}
.login_page .signup_notices_vip{
	grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    column-gap: 16rem;
	row-gap: 16rem;
}
.login_page .signup_notices_vip .signup_notice{
	width: auto;
}

.signup_notice_user_content_tip{
	font-size: 16rem;
	font-weight: 600;
	color: var(--colorFont1);
}

.signup_notice_chat_jump{
	position: absolute;
    font-weight: 400;
    font-size: 12rem;
    color: var(--brandColor);
    bottom: 16rem;
    display: flex;
    align-items: center;
}
.signup_notice_chat_jump:hover{
	color:var(--brandColor);
}
.signup_notice_chat_jump svg {
	margin-left: 7rem;
}

.signup_notice_icon {
  width: 80rem;
  height: 80rem;
  object-position: center;
  object-fit: cover;
}
.signup_notice_icon_vip{
  width: 52rem;
  height: 52rem;
  object-position: center;
  object-fit: cover;
}
.signup_notice_iconWrap_vip{
	column-gap: 0rem;
    padding: 12rem 12rem;
	grid-template-columns: 55rem auto;
}

.signup_notice_title {
  font-size: 20rem;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 4rem;
}
.signup_notice_title_vip{
  font-size: 14rem;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 4rem;
}
.signup_notice_desc {
  font-size: 14rem;
  font-weight: 500;
  line-height: 1.5;
}
.signup_notice_desc_vip{
  font-size: 12rem;
  font-weight: 400;
  line-height: 1.2;
}

.signup_notice_desc span, .signup_notice_title span, .signup_notice_title_vip span{
  color: var(--colorYellow);
}

.signup_modal_title {
  font-size: 24rem;
  font-weight: 600;
  line-height: 1.2;
}

.signup_modal_desc {
  font-size: 14rem;
  font-weight: 400;
  line-height: 1.5;
}

.signup_modal_sub_desc {
  margin-top: 8rem;
}

.signup_modal_tip_container {
  padding: 24rem;
  font-size: 16rem;
  line-height: 1.5;
  margin-bottom: 48rem;
  border-radius: 8rem;
  background: #F8FAFD;
}

.signup_verify_board {
  padding: 16rem;
  background-color:  var(--color-card-4);
  color: var(--color-text-2);
  box-shadow: 0rem 0rem 20rem rgba(20, 40, 130, 0.05);
  border-radius: 8rem;
  position: absolute;
  top: -22rem;
  right: -12px;
  transform: translate(100%, 0);
  display: grid;
  grid-template-rows: repeat(4, 1fr);
  row-gap: 12rem;
  z-index: 1054;
}

.signup_verify_item {
  white-space: nowrap;
  display: grid;
  grid-template-columns: 20rem auto;
  align-items: center;
  column-gap: 12rem;
}

.signup_verify_item_success {
  font-size: 20rem;
  color: var(--color-funct-1);
}

.signup_verify_item_error {
  font-size: 20rem;
  color: var(--color-icon-7);
}


.signup_pwd {
  margin: 16rem auto;
}

.signup_verify_item_text {
  font-size: 16rem;
  line-height: 16rem;
  color: var(--color-text-2);
}

/* 密码重置页面 */
.reset_container {
  width: 588rem;
  margin: 72px auto;
}

.reset_notice {
  margin-top: 16rem;
  padding: 8rem 12rem;
  display: grid;
  grid-template-columns: 16rem auto;
  align-items: start;
  column-gap: 4rem;
  border-radius: 4rem;
  background-color: var(--color-cmpt-3);
  margin-bottom: 32rem;
}

.reset_notice_margin {
  margin-bottom: 48rem;
}

.reset_notice_icon {
  width: 12px;
  height: 12px;
  padding: 3px 0;
}

.reset_notice_desc {
  margin-left: 8rem;
  color: var(--color-text-1);
}
html[lang='ar'] .reset_notice_desc {
  margin-right: 8rem;
  color: var(--color-text-1);
}


.reset_next_btn {
  margin-top: 32rem;
}

.reset_confirm_btn {
  margin-top: 8rem;
}


.reset_input_container {
  margin: 24rem auto;
}

.reset_input_container_pc {
  margin-top: 48rem;
}

/* 欢迎页面 */
.guide_container {
  width: 1004rem;
  margin: 0 auto;
  padding-top: 144rem;
  padding-bottom: 140rem;
}

.guide_cards {
  margin-top: 82rem;
  display: grid;
  column-gap: 24rem;
}

.guide_cards_2fr {
  grid-template-columns: 1fr 1fr;
}
.guide_cards_3fr {
  grid-template-columns: 1fr 1fr 1fr;
}

.guide_card {
  padding: 24rem;
  box-shadow: 0rem 0rem 20rem rgba(20, 40, 130, 0.05);
  border-radius: 8rem;
  position: relative;
}

.guide_card_image {
  position: absolute;
  top: -50rem;
  left: 50%;
  margin-left: -80rem;
  width: 160rem;
  height: 160rem;
}

.guide_card_box {
  margin-top: 110rem;
  height: 184rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 24rem;
}

.guide_card_title {
  font-size: 20rem;
  font-weight: 600;
  line-height: 1.5;
}

.guide_card_sub {
  position: relative;
  background-color: #FFFAF4;
  border-radius: 8rem;
  padding: 12rem 16rem;
}

.guide_card_sub img {
  position: absolute;
  right: 8rem;
  bottom: 7rem;
  height: 70rem;
  width: 70rem;
  object-fit: cover;
  object-position: center;
}

.guide_card_sub_title {
  font-size: 24rem;
  line-height: 1.5;
  font-weight: 600;
}

.guide_card_sub_desc {
  font-size: 16rem;
  line-height: 1.5;
  font-weight: 600;
}

/* 绑定页面 */
.auth_container {
  width: 588rem;
  margin: 0 auto;
  padding-top: 136rem;
  padding-bottom: 140rem;
}

.auth_desc {
  font-size: 16rem;
  line-height: 1.5;
  margin-top: 16rem;
  margin-bottom: 32rem;
}

.auth_email {
  font-size: 24rem;
  line-height: 1.5;
  font-weight: 500;
  margin-bottom: 32rem;
  color: var(--color-text-1);
}

.bind_pwd_input {
  margin: 24rem auto 16rem;
}


/* 提示框组件 */
.notice_container {
  padding: 24rem;
  box-shadow: 0rem 0rem 16rem rgba(20, 40, 130, 0.05);
  border-radius: 8rem;
  display: grid;
  grid-template-columns: 24rem auto;
  column-gap:16rem;
  align-items: start;
  max-width: 464rem;
  /* min-width: 200rem; */
  /* margin-right: -50%; */
  margin-bottom: 16rem;
  box-sizing: border-box;
  background-color: var(--btnWhite);
  z-index: 99999;
}

.notice_title {
  font-size: 16rem;
  line-height: 1.5;
}

.notice_title a {
  color: var(--brandColor);
  text-decoration: none;
}


/* 邮箱提示组件 */
.login_emails_options {
  position: absolute;
  top: 83rem;
  left: 0;
  width: 100%;
  background: var(--color-card-3);
  box-shadow: 0px 0px 20rem rgba(13, 31, 66, 0.07);
  color: var(--color-text-1);
  border-radius: 8rem;
  max-height: 300rem;
  overflow-y: scroll;
  z-index: 9;
  padding: 6rem 8rem;
  box-sizing: border-box;
  font-size: 14rem;
}

.login_emails_option {
  display: flex;
  align-items: center;
  padding: 0 8rem;
  cursor: pointer;
  height: 36rem;
  height: 36rem;
  box-sizing: border-box;
  border-radius: 4rem;
  color: var(--color-text-1);
}
.login_emails_option:hover {
  background-color: var(--color-cmpt-10);
  color: var(--color-text-5);
}
.login_emails_option_value,.login_emails_option_suffix  {
  font-weight: 500;
  line-height: 22rem;
  color: var(--color-text-1) !important;
}

.login_emails_options::-webkit-scrollbar {
  width: 5rem;
}

.login_emails_options::-webkit-scrollbar-thumb {
  background: var(--borderGray);
}

.login_emails_options::-webkit-scrollbar-track {
  background: var(--color-card-3);
}


/* 电话选择组件 */
.phone_select_body {
  box-sizing: border-box;
  padding: 10rem 16rem;
  height: 48rem;
  max-height: 48rem;
  border-radius: 4rem;
  background-color: var(--color-card-2);
  border : 1px solid var(--color-divider-5);
  display: grid;
  grid-template-columns: 24rem auto 8rem;
  align-items: center;
  position: relative;
  cursor: pointer;
}

.phone_select_body_selected {
  border: 1px solid var(--color-brand-3);
}

.phone_select_body_error {
  border: 1px solid var(--color-funct-3);
}


.phone_select_img_container {
  padding: 2rem;
  width: 24rem;
  height: 24rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.phone_select_img {
  width: 26rem;
  height: 26rem;
  border-radius: 50%;
  object-fit: contain;
  object-position: center;
  /* padding: 4rem; */
}

.phone_select_number {
  margin-left: 12rem;
  margin-right: 12rem;
  font-size: 16rem;
  font-weight: 500;
  /* min-width: 50rem; */
}


.phone_select_arrow {
  width: 10rem;
  height: 10rem;
}
.phone_select_arrow_active {
  width: 10rem;
  height: 10rem;
}
.phone_select_arrow {
  fill: var(--color-icon-1);
}
.phone_select_arrow_active {
  fill: var(--color-icon-5) !important;
}

.phone_select_options {
  position: absolute;
  top: 54rem;
  left: -2rem;
  width: 440rem;
  background: var(--color-card-3);
  box-shadow: 0rem 0rem 20rem rgba(13, 31, 66, 0.07);
  border-radius: 8rem;
  z-index: 1051;
}

.phone_select_option, .phone_select_option_title {
  font-weight: 600;
  padding: 10rem 8rem 10rem 16rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 40rem;
  box-sizing: border-box;
}
.phone_select_option {
  margin: 0 8rem;
  border-radius: 4rem;
  font-size: 14rem;
  padding: 0 8rem;
  margin-bottom: 2rem;
}

.phone_select_option_title {
  color: var(--color-text-3);
  font-weight: 500;
}

.phone_select_option:hover {
  background-color: var(--color-cmpt-10);
}

.phone_select_option_active span {
  color: var(--color-text-5);
  font-size: 14rem;
  font-weight: 600;
}
.phone_select_search {
  padding: 8rem;
  position: sticky;
  top: 0;
}

.phone_select_search_icon {
  font-size: 16rem;
  color: var(--color-icon-4) !important;
  padding-right: 4rem;
}
.phone_select_search_icon_active {
  font-size: 16rem;
  color: var(--color-icon-5);
  padding-right: 8rem;
}

.phone_select_clear_icon {
  width: 16rem;
  font-size: 14rem;
  color: var(--color-icon-4) !important;
  cursor: pointer;
}


.phone_select_option_container {
  overflow-y: scroll;
  max-height: 240rem;
}

.phone_select_option_container::-webkit-scrollbar {
  width: 5rem;
}

.phone_select_option_container::-webkit-scrollbar-thumb {
  background: var(--color-divider-5);
}

.phone_select_option_country {
  display: grid;
  grid-template-columns: 20rem auto;
  column-gap: 8rem;
  align-items: center;
}

.phone_select_option_country img {
  width: 20rem;
  height: 20rem;
  border-radius: 50%;
  object-fit: contain;
}

.phone_select_option_code span, .phone_select_option_code div span {
  font-size: 14rem;
  line-height: 22rem;
  font-weight: 600;
}

.phone_select_option_container .expandable-rows-empty {
  padding: 40rem 0 72rem 0;
  text-align: center;
  font-size: 14rem;
  color: var(--color-text-3);
  font-weight: 500;
}

.phone_select_option_container .expandable-rows-empty .icon {
  width: 96rem;
  height: 96rem;
  background: url('/images/login/empty_icon_light_v3.svg') no-repeat center;  
  background-size: 100%;
  margin: 0 auto 8px;
} 

body.classic-dark .phone_select_option_container .expandable-rows-empty .icon {
  background: url('/images/login/empty_icon_dark_v3.svg') no-repeat center;  
}

.verify_ukey_label {
  font-size: 14rem;
}
.verify_ukey_desc {
  font-size: 16rem;
  line-height: 1.5;
}

.verify_ukey_img {
  margin-top: 8rem;
  margin-bottom: 16rem;
  height: 196rem;
  width: 100%;
  border-radius: 8rem;
}

.icon.metamask_modal_title_icon {
  top: 27rem;
  right: 27rem;
}

.modal_title_container {
  width: 100%;
  position: relative;
  margin-bottom: 24rem;
}

.modal_title_container_icon {
  cursor: pointer;
  font-size: 16rem;
  position: absolute;
  color: var(--color-icon-3);
  top: -8rem;
  right: -8rem;
}
.modal_title_container_icon:hover {
  color: var(--brandColor);
}
html[lang='ar'] .modal_title_container_icon {
  right: unset;
  left: -8rem;
}

.activities-content {
  max-width: 1440rem;
  height: calc(100vh - 64px);
  min-height: 700rem;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.activities-left {
  width: 472rem;
  position: relative;
  padding: 16rem;
  padding-bottom: 0;
}

.activities-left button {
  width: 440rem;
  font-weight: 600;
  margin-top: 20rem;
}

.activities-left p {
  z-index: 2;
}

.activities-middle {
  width: 140rem;
}

.activities-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 500rem;
}
.activities-right img{
  width: 354rem;
}

.top-left-square-img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 40rem;
}

.top-left-square-img.ar-square-img {
  right: 0;
}

.act-title {
  font-size: 32rem;
  font-weight: 600;
  line-height: 1.5;
  z-index: 9;
  position: relative;
}

.steps-right {
  font-weight: 600;
  font-size: 20rem;
}

.steps-right .explain {
  font-size: 14rem;
  margin-top: 12rem;
  font-weight: 500;
  margin-left: 40rem;
  color: #8D93A6;
  margin-bottom: 44rem;
  line-height: 14rem;
  white-space: nowrap;
}

.steps-right .explain.ar-explain {
  margin-right: 40rem;
  margin-left: 0rem;
}
.line-height-150 {
  /* 单行不需要，多行需要 */
  line-height: 1.5;
}

.act-rewards-content {
  font-size: 16rem;
  color: #8D93A6;
  margin-bottom: 64rem;
  font-weight: 500;
  line-height: 1.5;
}
.act-rewards-content > span {
  font-size: 1rem;
  line-height: 1.5;
  color: var(--brandColor);
}
.rewards-view {
  color: var(--brandColor);
  cursor: pointer;
}

.activities-three-steps {
  display: flex;
  justify-content: flex-start;
}

.steps-left {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 4rem;
}

.steps-right {margin-left: 32rem;}
.steps-right.ar-steps-right {
  margin-left: 0;
  margin-right: 32rem;
}
/* .steps-right .right-title {margin-left: 12rem;} */
.right-title span { vertical-align: middle; }

.steps-right .info-icon {
  width: 28rem;
  margin-right: 12rem;
}
.steps-right .info-icon.ar-icon {
  margin-left: 12rem;
  margin-right: 0;
}

.img-dash { height: 70rem; margin: 4rem 0; }
.img-round { height: 20rem; }

.ac-right-image { width: 345rem;}
.ac-right-first-cont {
  font-size: 20px;
  font-weight: 600;
  margin-top: 32rem;
  margin-bottom: 16rem;
}
.ac-right-second-cont {
  color: #8D93A6;
}
.ac-right-second-cont.ac-pc {
  max-width: 468rem;
}
.ac-right-second-cont span {
  color: var(--brandColor);
  cursor: pointer;
}

.act-explain-banner {
  top: 64px;
  position: absolute;
  height: 56rem;
  background-color: #FFFCF3;
  width: 100%;
  line-height: 56rem;
  text-align: center;
  color: var(--colorFont3);
  font-size: 16rem;
  font-weight: 500;
}
.act-explain-banner img {
  width: 14px;
  margin-right: 12rem;
  vertical-align: text-top;
}

.ar-ex img {
  margin-right: 0;
  margin-left: 12rem;
  vertical-align: middle;
}

.several-lines-cls {
  line-height: 1.5;
  text-align: center;
  font-weight: 500;
}

body.classic-dark .act-title, body.classic-dark .right-title span,
body.dark-body .act-title, body.dark-body .right-title span{
  color: #fff;
}
body.classic-dark .explain , body.classic-dark .act-rewards-content,
body.dark-body .explain, body.dark-body .right-title span{
  color: #606880;
}
body.classic-dark .ac-right-first-cont ,
body.dark-body .ac-right-first-cont {
  color: #adb5cc;
}
body.classic-dark .activities-left button ,
body.dark-body .activities-left button {
  background-color: var(--brandColor);
}
.classic-dark .noty_container_type_error{
  background:var(--color-cmpt-4) !important;
  border: 1px solid rgba(204, 61, 61, 0.60);
}
.classic-dark .noty_container_type_warning{
  background:var(--color-cmpt-3) !important;
  border: 1px solid rgba(242, 184, 12, 0.60);
}
.classic-dark.noty_container_type_success{
  background:var(--color-cmpt-8) !important;
  border: 1px solid rgba(17, 173, 22, 0.60);
}
.gateioToastTheme .notification-container {
  line-height: normal;
  align-items: center;
}
.gateioToastTheme .notification-container .notification-icon.notification-icon-error {
  color: var(--color-funct-3);
  font-size: 16rem;
  margin-right: 8rem;
}
.gateioToastTheme .notification-container .notification-icon.notification-icon-success {
  color: var(--color-funct-2);
  font-size: 16rem;
  margin-right: 8rem;
}
.gateioToastTheme .notification-container .notification-icon.notification-icon-warning {
  color: var(--color-funct-4);
  font-size: 16rem;
  margin-right: 8rem;
}
html[lang='ar'] .gateioToastTheme .notification-container .notification-icon.notification-icon-warning {
  margin-right: 0;
  margin-left: 8rem;
}
html[lang='ar'] .gateioToastTheme .notification-container .notification-icon.notification-icon-success {
  margin-right: 0;
  margin-left: 8rem;
}
html[lang='ar'] .gateioToastTheme .notification-container .notification-icon.notification-icon-error {
  margin-right: 0;
  margin-left: 8rem;
}

body .gateioToastTheme .notification-container .notification-text {
  font-size: 14rem;
  color: var(--color-text-1);
}
body .gateioToastTheme .notification-container .notification-text a {
  color: var(--color-brand-1);
}
body .gateioToastTheme .notification-container .notification-text a:hover {
  color: var(--color-brand-2);
}


.modal_content {
  font-size: 14rem;
  color: var(--colorFont3);
  line-height: 21rem;
  font-weight: 400;
  margin-bottom: 40rem;
}
.turkey_agreement {
  margin-top: 10rem;
  margin-bottom: 20rem;
  flex-wrap: wrap;
}
.turkey_agreement .signup_user_agreement{
  line-height: 22rem;
  font-size: 14rem;
}
.login_email_error_wrapper{
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.80);
	z-index: 999;
}
.login_email_error_dialog{
	position: absolute;
  width: 384rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: var(--color-bg-1);
  border-radius: 4rem;
	padding: 24rem 24rem;
	box-sizing: border-box;
}
.login_email_error_title{
	font-weight: 600;
	color: var(--color-text-1);
	font-size: 24rem;
	line-height: 120%;
	margin-bottom: 24rem;
}
.login_email_error_subTitle{
	font-size: 14rem;
  line-height: 150%;
  color: var(--color-text-3);
}
.login_email_error_button{
	background: #2354E6;
	border-radius: 40rem;
	color: #fff;
	display: flex;
	flex-direction: row;
	justify-content: center;
	height: 40rem;
    align-items: center;
    font-weight: 600;
    font-size: 16rem;
    line-height: 16rem;
	cursor: pointer;
	margin-top: 40rem;
}
.login_email_error_close{
	position: absolute;
    top: 24rem;
    right: 24rem;
    width: 9.33rem;
    height: 9.33rem;
	background: url(../images/close.svg) center center no-repeat;
}
@media screen and (max-width: 1440px){
	.login_container{
		width: 85%;
	}
	.login_paper{
		/* padding: 0 109.29rem */
	}
	.signup_notice{
		width: 512.33rem;
	}
}
@media screen and (max-width: 1536px) and (min-width: 1441px) {
	.login_container{
		width: 93.75%;
	}
	.login_paper{
		/* padding: 0 125rem */
	}
	.signup_notice{
		width: 586rem;
	}
}
@media screen and (max-width: 1366px) {
	.login_container{
		width: 89.6%;
	}
	.login_paper{
		padding: 0 95.3rem
	}
	.signup_notice{
		width: 512.33rem;
	}
	/* .login_center{
		padding-right: 95.3rem;
	} */
}
@media screen and (max-width: 1100px) and (min-width: 800px) {
  .login_paper{
		padding: 0 50rem
	}
}
@media screen and (max-width: 799px) {
	.login_container{
		width: 95%;
	}
	.login_paper{
		padding: 0 20rem
	}
	.signup_notice{
		width: 400rem;
	}
	/* .login_center{
		padding-right:54.19rem;
	} */
}
@media screen and (max-width: 799px) {

}
@media screen and (min-width: 1537px) {
	.login_container{
		width: 100%;
	}
	.login_paper{
    padding: 0 50rem 0 102rem;
	}
	.signup_notice{
		width: 586rem;
	}
}

@media screen and (max-width: 1681px) {
  .signup_container,
  .verify_container {
    padding-top: 64rem;
  }
  .reset_container {
    margin-top: 64rem;
  }
  .main_container.verify-cont,
  .main_container.reset-cont {
    height: auto;
  }
}

@media screen and (max-width: 1512px) {
  .signup_container,
  .verify_container {
    padding-top: 40rem;
  }
  .reset_container {
    margin-top: 40rem;
  }
  .main_container.verify-cont,
  .main_container.reset-cont {
    height: auto;
  }
}

#loginQRCode canvas{width: 198rem; height: 198rem;}
.mantine-TextInput-wrapper input {
  height: 48rem;
  font-size: 14rem;
  border-radius: 4rem;
  padding-left: 16rem;
  /* padding-right: 16rem; */
  letter-spacing: normal;
}
.mantine-TextInput-wrapper input[type='password'] {
  font-size: 14rem;
  /* letter-spacing: 8rem; */
}
.mantine-TextInput-error {
  margin-top: 8rem;
  font-size: 12rem;
}

.mantine-11ze1r {
  width: 820rem;
}

.steps-right .explain.two-line {
  line-height: 1.5;
  white-space: unset;
  width: 400rem;
}

.higher-dash {
  height: 106rem;
}
img.cn-dash {
  height: 83rem;
}
.login_sms_modal_title{
	font-weight: 600;
	font-size: 24rem;
	line-height: 1.5;
	color: var(--color-text-1);
	margin-bottom: 24rem;
}
.login_sms_modal_desc,.login_sms_modal_sub{
	font-weight: 400;
	font-size: 14rem;
	line-height: 1.5;
	color: var(--color-text-3);
}

.login-apple-disable-modal-desc {
  color: var(--color-text-1);
  font-size: 20rem;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  position: relative;
}

.login_sms_modal_sub{
	margin-bottom: 0;
}
.login_sms_modal_btn{
  color: var(--color-text-7);
	margin-top: 40rem;
}
.login_sms_modal_btn button {
  height: 40rem;
  font-size: 16rem;
  border-radius: 40rem;
}
.signup-voice-sms-modal .mantine-Modal-modal {
  padding: 24rem;
}
.signup-voice-sms-modal .mantine-Modal-title {
  font-size: 24rem;
  font-weight: 600;
  line-height: 120%;
}
.signup-voice-sms-modal .close-button {
  font-size: 16px;
  width: 16px;
  height: 16px;
  position: absolute;
  top:16rem;
  right: 16rem;
  color:var(--color-font-3);
  cursor: pointer;
}
html[lang=ar] .signup-voice-sms-modal .close-button {
  right: unset;
  left: 16rem;
}
.login_voice_sms_modal_desc {
  margin-top: 24rem;
  font-size: 16rem;
}
.login_voise_sms_modal_btn_group {
  margin-top: 40rem;
  display: flex;
  justify-content: center;
}
.login_voise_sms_modal_btn_group > button {
  font-size: 16rem;
  font-weight: 600;
  height: 40rem;
  line-height: 40rem;
  border-radius: 40rem;
}
.login_voise_sms_modal_btn_group > .login_send_voise_sms_modal_cancel_btn {
  flex: 1;
  background-color: var(--color-neutral-1);
  color: var(--color-text-9);
  border: none;
}
.login_voise_sms_modal_btn_group > .login_send_voise_sms_modal_cancel_btn:hover {
  background-color: var(--color-brand-2);
  color: var(--color-text-6);
}
.login_voise_sms_modal_btn_group > .login_send_voise_sms_modal_btn {
  margin-left: 16px;
  flex: 2;
  min-width: 218px;
  background-color: var(--color-brand-1);
  color: var(--color-text-6);
}
html[lang=ar] .login_voise_sms_modal_btn_group > .login_send_voise_sms_modal_btn {
  margin-left: 0;
  margin-right: 16px;
}
.login_voise_sms_modal_btn_group > .login_send_voise_sms_modal_btn:hover{
  background-color: var(--color-brand-2);
}
/* body.classic-dark .login_voise_sms_modal_btn_group > .login_send_voise_sms_modal_btn:hover{
  background-color: #1B41B2;
} */
.contact_support_btn_Wrap {
  width: 100%;
  text-align: center;
  margin-top: 16rem;
  height: 40rem;
  line-height: 40rem;
  background: var(--color-neutral-1);
  border-radius: 40rem;
  cursor: pointer;
}
.contact_support_btn_Wrap:hover {
  background-color: var(--color-brand-1);
  color: var(--color-text-6);
}
.contact_support_btn_Wrap:hover a {
  color: var(--color-text-6);
}
.contact_support_btn_Wrap .verify_contact {
  color: var(--color-text-9);
  font-size: 14rem;
  line-height: 150%;
}
.contact_support_btn_Wrap .verify_contact:hover {
  color: var(--color-text-6) !important;
}
.login_white_list {
  font-weight: 400;
	font-size: 14rem;
	line-height: 1.5;
  color: var(--brandColor);
}
[dir="ltr"]{
	z-index: 999!important;
}
html[lang=ar] .phone_select_options {
	left: auto;
}
html[lang=ar] .mantine-TextInput-wrapper input{
  text-align: right;
}
html[lang=ar] .mantine-TextInput-rightSection {
  right: unset;
  left: 16rem;
}
html[lang=ar] .phone_select_search .mantine-TextInput-icon {
  right: 0;
  left: unset;
  padding-left: 4rem;
  padding-right: 8rem;
}
html[lang=ar] .phone_select_search .mantine-TextInput-wrapper input{
  padding-right: 26rem;
}
html[lang=ar] .signup_user_agreement {
  margin-left: unset;
  margin-right: 4rem;
}
html[lang=ar] .login_notice_container span {
  margin-right: unset;
  margin-left: 8rem;
}
html[lang=ar] .signup_notice_title, html[lang=ar] .signup_notice_desc {
  text-align: right;
}
html[lang=ar] .login_tab:nth-child(1) {
  margin-right: 0;
}

/* 新落地页样式 */
@media screen and (max-width: 1681px) {
  .new_guide_container {
    padding-top: 40rem;
  }
}

@media screen and (max-width: 1512px) {
  .new_guide_container {
    padding-top: 64rem;
  }
}
.new_guide_container {
  width: 100%;
  display: flex;
  justify-content: center;
  transform: translateY(-50%);
  top: 50%;
  position: absolute;
}
.new_guide_container .guide_wrap {
  display: flex;
  justify-content: space-between;
  column-gap: 170rem;
}
.new_guide_container .guide_left_title {
  max-width: 435rem;
  margin: 16rem 0 64rem;
  line-height: 150%;
  font-size: 16rem;
  color: var(--color-text-3);
}
.new_guide_container .guide_left_title_link {
  color: var(--brandColor);
}
.new_guide_container .step-item {
  position: relative;
  margin-bottom: 80rem;
}
.new_guide_container .step-item:last-child {
  margin-bottom: 64rem;
}
.new_guide_container .step-item .step-item-header {
  position: relative;
  display: flex;
  align-items: center;
}

.new_guide_container .step-item::before {
  content: '';
  height: 110rem;
  position: absolute;
  left: 9rem;
  top: 25rem;
  border: 1px dashed var(--color-divider-4);
}
.new_guide_container .step-item:last-child::before {
  display: none;
}
.new_guide_container .title_icon {
  width: 28px;
  height: 28px;
  margin: 0 12rem 0 34rem;
}
.new_guide_container .step_title {
  font-weight: 600;
  font-size: 20rem;
  line-height: 150%;
  color: var(--color-text-1);
  margin-left: 24rem;
}
.new_guide_container .step-guideTips {
  display: inline-block;
  padding: 0 4rem;
  font-size: 12rem;
  font-weight: 500;
  margin: 4rem 0 4rem 44rem;
  color: var(--color-text-5);
  background-color: var(--color-cmpt-15);
  border-radius: 2rem;
}
.new_guide_container .step_desc {
  font-size: 14rem;
  color: var(--color-text-3);
  margin: 0 0 0 44rem;
}
.new_guide_container .guide_item_right {
  text-align: center;
}
.new_guide_container .guide_right_img {
  width: 400rem;
  height: 400rem;
  margin:10rem 0 17rem 0;
}
.new_guide_container .guide_right_title {
  font-weight: 500;
  font-size: 20rem;
  line-height: normal;
  color: var(--color-text-2);
  margin-bottom: 12rem;
}
.new_guide_container .guide_right_desc {
  font-size: 14rem;
  color: var(--color-text-3);
  font-weight: 400;
  line-height: normal;
}
.new_guide_container .step_btn {
  max-width: 432rem;
  height: 53rem;
}
.new_guide_container .step_btn .mantine-Button-root {
  background-color: var(--color-brand-1);
}
.new_guide_container .status_icon {
  width: 20rem;
  height: 20rem;
}
html[lang=ar] .new_guide_container .title_icon {
  margin: 0 34rem 0 12rem;
}
html[lang=ar] .new_guide_container .step-item::before {
  left: unset;
  right: 7rem;
}
/* 新落地页样式 */

/* 注册页客制化 */
.customPage {
  margin: auto;
}
.signUpCustomImg img {
  cursor: pointer;
  width: 483rem;
  height: 100%;
}
/* 注册页客制化 */

/* 居住国选择组件 */
.live-select-container {
  position: relative;
  margin: 16rem auto;
}
.live-select-error {
  color: var(--color-funct-3);
  font-size: 14rem;
  line-height: 14rem;
  margin-top: 8rem;
}
.live-label-title {
  color: var(--color-text-2);
  font-size: 14rem;
  margin-bottom: 8rem;
}
.live-select-input {
  cursor: pointer;
  height: 48rem;
  padding: 0 16rem;
  margin: 1px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 4px;
  box-sizing: border-box;
  border: 1px solid var(--color-divider-5);
  background-color: var(--color-bg-1);
  transition: border-color 100ms ease 0s;
}
.live-select-input.active {
  border: 1px solid var(--color-brand-1);
}
.live-select-input.error {
  border-color: var(--color-funct-3);
}
.live-select-input .selected-placeholder {
  font-size: 14rem;
  color: var(--color-text-4);
  font-weight: 500;
}
.selected-wrap {
  display: flex;
  align-items: center;
}
.selected-wrap .selected-img {
  width: 20rem;
  border-radius: 50%;
  object-fit: contain;
  object-position: center;
}
.selected-wrap .selected-text {
  padding: 0 8rem;
  color: var(--color-text-1);
  font-weight: 500;
  font-size: 14rem;
}
.select-arrow-icon {
  transition: transform 0.3s;
}
.select-arrow-icon.active {
  transform: rotate(180deg);
  color: var(--color-brand-1);
}
.live-options {
  display: none;
  z-index: 5;
  box-sizing: border-box;
  position: absolute;
  top: 84rem;
  width: 100%;
  background-color: var(--color-card-3);
  border-radius: 4px;
  box-shadow: 0px 4px 16px 0px #1738990f;
}
.live-options.active {
  display: block;
}
.live-options-search {
  padding: 12px 12px 8px 12px;
}
.live-options-search .mantine-TextInput-icon {
  width: 40rem;
}
.live-options-search .mantine-TextInput-icon .iconfont {
  font-size: 16rem;
}
.live-options-search:focus-within .mantine-TextInput-icon .iconfont {
  color: var(--color-icon-4);
}
.live-options-search .mantine-TextInput-wrapper input {
  height: 40rem;
  min-height: 40rem;
  border-radius: 4px;
  padding: 0 36rem;
  font-size: 14rem;
  font-weight: 500;
  color: var(--color-text-1);
  border-color: var(--color-cmpt-10);
  background-color: var(--color-cmpt-10);
}
.live-options-search .mantine-TextInput-wrapper input::placeholder {
  color: var(--color-text-4);
  font-weight: 500;
}
.live-options-search .mantine-TextInput-wrapper input:focus {
  border: 1px solid var(--color-brand-1) !important;
  background-color: var(--color-card-3) !important;
}
.live-options-search  .live-search-clear-icon {
  cursor: pointer;
  color: var(--color-icon-4);
}
.live-options-list {
  max-height: 240rem;
  overflow-y: scroll;
}
.search-empty-warp {
  padding: 40rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.search-empty-warp .search-empty-img {
  width: 96rem;
  height: 96rem;
}
.search-empty-warp .search-empty-result-text {
  margin-top: 8rem;
  font-size: 14rem;
  color: var(--color-text-3);
  font-weight: 500;
}
.live-options-wrap {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16rem;
  height: 40rem;
}
.live-options-wrap .live-options-item-img {
  width: 20rem;
  border-radius: 50%;
  object-fit: contain;
  object-position: center;
}
.live-options-wrap .live-options-item-text {
  padding: 0 12rem;
  font-weight: 500;
  font-size: 14rem;
}
.live-options-wrap.active {
  color: var(--color-brand-1);
}
.live-options-wrap .live-options-item-wrap {
  display: flex;
  align-items: center;
}
.live-options-wrap .live-options-item-icon {
  display: none;
}
.live-options-wrap .live-options-item-icon.active {
  display: block;
}


/* 居住国选择组件dark和阿语兼容 */
html[lang=ar] .live-options-search .mantine-TextInput-icon {
  left: unset;
  right: 0;
}
html[lang=ar] .live-options-search  .mantine-TextInput-rightSection {
  left: 0;
}
.classic-dark .live-options-wrap:hover {
  background-color: var(--color-cmpt-10);
} 
/* 居住国选择组件dark和阿语兼容 */

/* 居住国选择组件 */

/* 手机下拉搜索调整 */
.phone_select_search .mantine-TextInput-wrapper input {
  height: 40rem;
  border-radius: 4rem;
  padding: 0 36rem !important;
  font-size: 14rem;
  font-weight: 500;
  color: var(--color-text-1);
  border-color: transparent;
  background-color: var(--color-neutral-5);
}
.phone_select_search .mantine-TextInput-rightSection {
  padding-right: 12rem;
}
.classic-dark .phone_select_search .mantine-TextInput-wrapper input  {
  background-color: var(--color-cmpt-10);
}
.phone_select_search .mantine-TextInput-wrapper input:focus {
  background-color: var(--color-bg-1);
}
.classic-dark  .phone_select_search .mantine-TextInput-wrapper input:focus {
  background-color: var(--color-card-3);
}
/* 手机下拉搜索调整 */

/* 邀请人id样式 */
.referral-id-lable {
  color: var(--color-text-2);
  font-size: 14rem;
  margin-bottom: 8rem;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.referral-id-lable .referral-id-lable-icon {
  margin: 0 8rem;
  font-size: 10rem;
}
.referral-id-lable .referral-id-sub-lable {
  color: var(--color-text-3);
}
/* 邀请人id样式 */

.modal-box-md .mantine-Modal-modal {
  max-width: 384rem;
  background-color: var(--color-card-4);
}
.mantine-Modal-close.iconfont.icon-a-20px-cuowu,
.mantine-Modal-close.iconfont.icon-a-16px-guanbi {
  top: 16rem;
  right: 16rem;
  position: absolute;
  color: var(--color-icon-3);
  font-size: 16rem;
  cursor: pointer;
  z-index: 8;
}

/* IP受限提示弹窗 */
.ip-limit-container {
  width: 100%;
  position: relative;
  margin: 0 16rem 24rem;
}
.ip-limit-container .ip-limit-title{
  font-size: 24rem;
  font-weight: 600;
  line-height: 1.2;
}
.ip-limit-close-icon {
  cursor: pointer;
  position: absolute;
  color: var(--color-text-3);
  top: -8rem;
  right: 8rem;
}
.ip-limit-close-icon:hover {
  color: var(--brandColor);
}
.ip-limit-desc {
  margin: 16rem 16rem 32rem;
  color: var(--color-text-3);
  font-size: 14rem;
  font-weight: 400;
  line-height: 150%;
}
.ip-limit-desc .signup_modal_agreement {
  color: var(--color-brand-1);
}
.ip-limit-button-warp {
  margin: 0 16rem 8rem;
  display: flex;
  justify-content: flex-end;
}
.ip-limit-button-warp .mantine-Button-root {
  height: 40rem;
  font-size: 16rem;
  background-color: var(--color-brand-1);
  border-radius: 40rem;
}
.ip-limit-modal .mantine-Modal-modal {
  background-color: var(--color-card-4);
}
/* IP受限提示弹窗 */
/* 马耳他分站单独兼容 */
.mt-custom-page-container {
  width: 464rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: auto;
}
.mt-custom-page-desc {
  text-align: center;
  max-width: 300rem;
  font-size: 24rem;
  font-weight: 500;
  line-height: normal;
  color: var(--color-text-1);
  margin-bottom: 28rem;
}
.mt-custom-page-desc-num {
  color: var(--color-brand-1);
}
.mt-custom-page-img {
  width: 100%;
}
.malta-agree-checkbox {
  align-items: flex-start;
}
.malta-agree-checkbox .mantine-Checkbox-input, 
.malta-agree-checkbox svg.login_checkbox_icon {
  margin-top: 2rem;
}
.malta-agree-checkbox label.mantine-Checkbox-label {
  line-height: 150%;
  color: var(--color-text-3);
  font-weight: 400;
  font-size: 16rem;
  cursor: pointer;
}
.malta-agree-checkbox label.mantine-Checkbox-label .malta-agree-link {
  color: var(--color-brand-1);
  font-size: 16rem;
}
/* 分站客制化兼容 */

/* safari 浏览器兼容 */
input::-webkit-strong-password-auto-fill-button,input::-webkit-credentials-auto-fill-button,input::-webkit-contacts-auto-fill-button {
   display: none !important;
   visibility: hidden;
   pointer-events: none;
   position: absolute;
   right: 0;
}
/* safari 浏览器兼容 */

/* 分站客制化兼容 */
.substation-custom-page-container {
  width: 500rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: auto;
}
.substation-custom-page-container .substation-custom-page-img {
  height: 334rem;
  width: 334rem;
  margin-bottom: 32rem;
}
.substation-custom-page-container .substation-custom-page-desc {
  text-align: center;
  color: var(--color-text-3);
  font-size: 16rem;
  font-weight: 500;
  line-height: 150%;
  padding: 0 16rem;
}
.substation-custom-page-container .substation-custom-page-desc span {
  color: var(--color-funct-4);
}
/* 分站客制化兼容 */

/* 三方登录 */
.google-auth-component, .microsoft-auth-component, .google-auth-component, .apple-auth-component, .twitter-auth-component {
  position: relative;
}
.google-auth-component:hover {
    background-color: var(--color-neutral-2);
    border-radius: 26px;
}
.google-auth-component .google-btn-container {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.0001;
    z-index: 10;
}
.telegram-auth-component .telegram-btn-container, .twitter-auth-component .twitter-btn-container {
  position: absolute;
  z-index: 11;
}
.apple-icon,
.twitter-icon,
.more-icon {
  color: var(--color-icon-1);
}