.pop_wrap_bg_color {
  z-index: 997;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(32, 26, 19, 0.9);
  position: fixed;
  inset: 0;
  opacity: 0;
  visibility: hidden;
}
.global_loading {
  z-index: 9999;
  position: fixed;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  background: rgba(0, 0, 0, 0.6);
  display: none;
}
.global_loading.show {
  display: flex;
}
.global_loading .global_loading_spinner {
  width: 40px;
  height: 40px;
  border: 3px solid rgba(235, 198, 106, 0.3);
  border-top-color: #ebc66a;
  border-radius: 50%;
  animation: global-loading-rotate 0.8s linear infinite;
}
.global_loading .global_loading_text {
  color: #ebc66a;
  font-size: 16px;
}
@keyframes global-loading-rotate {
  to {
    transform: rotate(360deg);
  }
}
.pop-enter-active {
  animation: scaleIn 0.3s ease;
}
.pop-leave-active {
  animation: scaleOut 0.2s forwards;
}
@keyframes scaleIn {
  from {
    transform: scale(0.7);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes scaleOut {
  to {
    transform: scale(0.8);
    opacity: 0;
  }
}
.pop_wrap {
  z-index: 998;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.msg_pop_warp {
  z-index: 999;
}
.pop_main {
  position: relative;
  width: 752px;
  height: 454px;
  background: url(https://media.game-tree.com/media/pictures/gametree/sultan/assets/img-webp/section1/pop_bg.webp) no-repeat;
  background-size: 100% 100%;
  color: #e9c164;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
}
.pop_msg_main {
  position: relative;
  width: 755px;
  min-height: 223px;
  height: auto;
  background: url('https://media.game-tree.com/media/pictures/gametree/sultan/assets/img-webp/section1/pop_msg_bg.webp') no-repeat;
  background-size: 100% 100%;
  color: #e9c164;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  font-size: 40px;
  font-family: 'XiQueguzidian';
  text-align: center;
  padding: 46px 20px;
  box-sizing: border-box;
}
.pop_wrap .close {
  position: absolute;
  top: -9px;
  right: -21px;
  width: 80px;
  cursor: pointer;
  z-index: 999;
}
.input_phone_title {
  font-size: 40px;
  font-family: 'XiQueguzidian';
  text-align: center;
  margin-top: 71px;
  margin-bottom: 53px;
}
.input_item_wrap {
  display: flex;
  align-items: center;
  margin-bottom: 62px;
}
.input_item_wrap .label {
  font-size: 30px;
}
.input_wrap .input {
  color: #e9c164;
  font-size: 30px;
  height: 38px;
  background: #7A7465;
  padding-left: 10px;
  width: 343px;
}
.input_code {
  width: 155px;
}
.email_pop_form_wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pop_book_now_btn {
  width: 480px;
  height: calc(169 / 614 * 480px);
  background: url(https://media.game-tree.com/media/pictures/gametree/sultan/assets/img-webp/section1/book-btn.webp) no-repeat center;
  background-size: 100% 100%;
  font-size: 48px;
  font-family: 'XiQueguzidian';
  text-align: center;
  line-height: 114px;
  cursor: pointer;
}
.get_code_btn.disabled {
  pointer-events: none;
  opacity: 0.6;
}
/* 通用按钮局部 loading：隐藏原文、绝对居中显示转圈，禁止重复点击 */
/* 通用按钮局部 loading：半透明遮罩 + 居中显示转圈，禁止重复点击 */
.btn-loading {
  /* 核心：禁止鼠标事件穿透，防止重复点击 */
  pointer-events: none;
  /* 必须设置 relative，让伪元素能够基于它进行绝对定位 */
  position: relative;
  /* 可选：防止在加载期间文本被选中 */
  user-select: none;
  /* 利用 ::before 绘制 Loading 转圈动画 */
}
.btn-loading::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* 核心样式：半透明黑色背景 + 轻微模糊(毛玻璃效果) */
  background-color: rgba(0, 0, 0, 0.3);
  /* 适配按钮的圆角（如果按钮有圆角，这里最好保持一致，或者设为 inherit） */
  border-radius: inherit;
  /* Flex布局让里面的内容居中 */
  display: flex;
  justify-content: center;
  align-items: center;
  /* 平滑的淡入效果 */
  animation: mask-fade-in 0.2s ease forwards;
}
.btn-loading::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  /* 确保转圈在最上层 */
  width: 1.2em;
  height: 1.2em;
  margin: -0.6em 0 0 -0.6em;
  border-radius: 50%;
  border: 2px solid rgba(235, 198, 106, 0.35);
  /* 金色半透明底圈 */
  border-top-color: #e9d268;
  /* 金色实心顶圈 */
  box-sizing: border-box;
  animation: btn-loading-rotate 0.8s linear infinite;
}
/* 旋转动画 */
@keyframes btn-loading-rotate {
  to {
    transform: rotate(360deg);
  }
}
/* 遮罩淡入动画 */
@keyframes mask-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes btn-loading-rotate {
  to {
    transform: rotate(360deg);
  }
}
.loading_mask {
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
}
.loading_spinner {
  display: flex;
  align-items: center;
  gap: 12px;
}
.loading_spinner .circular {
  width: 30px;
  height: 30px;
  animation: loading-rotate 1.5s linear infinite;
}
.loading_spinner .circular .path {
  stroke: #e9c164;
  stroke-dasharray: 90, 150;
  stroke-dashoffset: 0;
  stroke-width: 3;
  stroke-linecap: round;
  animation: loading-dash 1.5s ease-in-out infinite;
}
.loading_spinner .loading-text {
  color: #e9c164;
  font-size: 18px;
}
@keyframes loading-rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loading-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 200;
    stroke-dashoffset: -40;
  }
  100% {
    stroke-dasharray: 90, 200;
    stroke-dashoffset: -155;
  }
}
/* =========================
   popup base
========================= */
.popup {
  display: none;
  position: fixed;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.8);
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
  z-index: 1000;
}
/* =========================
   show
========================= */
.popup.show {
  display: flex;
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
/* =========================
   background
========================= */
.pop_wrap_bg_color.show {
  display: block;
  opacity: 1;
  visibility: visible;
}
.pop_book_success_main {
  position: relative;
  width: 755px;
  height: 344px;
  background: url('https://media.game-tree.com/media/pictures/gametree/sultan/assets/img-webp/section1/success_pop_bg.webp') no-repeat;
  background-size: 100% 100%;
  color: #e9c164;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.pop_book_success_main .title {
  font-family: 'XiQueguzidian';
  font-size: 50px;
  margin-bottom: 56px;
}
.pop_book_success_main .btn_row {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  gap: 40px;
}
.pop_book_success_main .btn {
  cursor: pointer;
  width: 297px;
  aspect-ratio: 297 / 87;
  background: url('https://media.game-tree.com/media/pictures/gametree/sultan/assets/img-webp/section1/success_pop_btn_bg.webp') no-repeat;
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 21px;
  text-align: center;
  font-family: 'XiQueguzidian';
  color: #f2eaa9;
}
.pop_book_success_main .btn .right_red_row {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pop_book_success_main .btn .right_red_row .off50 {
  width: 93px;
  aspect-ratio: 93 / 27;
  background: url('https://media.game-tree.com/media/pictures/gametree/sultan/assets/img-webp/section1/success_pop_50off_bg.webp') no-repeat;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #f2eaa9;
}
.login_notice {
  font-size: 16px;
  color: #909090;
}
.pop_login_main {
  position: relative;
  width: 757px;
  height: auto;
  background: url('https://media.game-tree.com/media/pictures/gametree/sultan/assets/img-webp/section1/login_pop_bg.webp') no-repeat;
  background-size: 100% 100%;
  color: #e9c164;
  box-sizing: border-box;
  flex-shrink: 0;
  padding: 0 49px 35px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  /* 登录标签切换 */
  /* 登录表单 */
  /* 协议勾选 */
  /* 登录按钮 */
  /* 其他登录方式 */
}
.pop_login_main .logo {
  width: 90px;
  height: 52px;
  margin: 45px 0 24px;
}
.pop_login_main .login_tabs {
  display: flex;
  gap: 62px;
  margin-bottom: 24px;
}
.pop_login_main .login_tabs .tab {
  font-size: 28px;
  font-family: 'XiQueguzidian';
  cursor: pointer;
  color: #ababab;
  transition: color 0.3s;
}
.pop_login_main .login_tabs .tab.active {
  color: #e5bb5d;
  text-decoration: underline;
  text-underline-offset: 12px;
  text-decoration-thickness: 1px;
}
.pop_login_main .login_form {
  display: none;
  width: 100%;
  /* 密码输入框 + 明文切换 */
}
.pop_login_main .login_form.active {
  display: block;
}
.pop_login_main .login_form .input_row {
  width: 659px;
  height: 49px;
  background: url('https://media.game-tree.com/media/pictures/gametree/sultan/assets/img-webp/section1/login_input_bg.webp') no-repeat;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  margin-bottom: 18px;
}
.pop_login_main .login_form .input_row.code_row {
  position: relative;
}
.pop_login_main .login_form .input_row.code_row .code_input_wrap {
  overflow: hidden;
  position: relative;
  width: 659px;
  height: 49px;
}
.pop_login_main .login_form .login_input {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  color: #e9c164;
  font-size: 21px;
  padding: 0 15px;
  box-sizing: border-box;
  letter-spacing: 4px;
}
.pop_login_main .login_form .login_input::placeholder {
  color: #9a8548;
}
.pop_login_main .login_form .get_code_btn {
  position: absolute;
  right: 1px;
  top: 1px;
  width: 173px;
  height: 47px;
  background: url('https://media.game-tree.com/media/pictures/gametree/sultan/assets/img-webp/section1/get_code_btn_bg.webp') no-repeat;
  background-size: 100% 100%;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #fffca7;
  flex-shrink: 0;
}
.pop_login_main .login_form .get_code_btn.disabled {
  pointer-events: none;
  opacity: 0.6;
}
.pop_login_main .login_form .password_row {
  position: relative;
}
.pop_login_main .login_form .password_row .password_input {
  padding-right: 50px;
}
.pop_login_main .login_form .password_row .password_toggle_btn {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #9a8548;
  user-select: none;
  flex-shrink: 0;
  transition: color 0.15s;
}
.pop_login_main .login_form .password_row .password_toggle_btn:hover {
  color: #e9c164;
}
.pop_login_main .login_form .password_row .password_toggle_btn .eye {
  width: 22px;
  height: 22px;
}
.pop_login_main .login_form .password_row .password_toggle_btn .eye_close {
  display: none;
}
.pop_login_main .login_form .password_row .password_toggle_btn[data-visible="1"] {
  color: #e9c164;
}
.pop_login_main .login_form .password_row .password_toggle_btn[data-visible="1"] .eye_open {
  display: none;
}
.pop_login_main .login_form .password_row .password_toggle_btn[data-visible="1"] .eye_close {
  display: block;
}
.pop_login_main .agreement_row {
  display: flex;
  align-items: center;
  margin: 5px 0 5px;
}
.pop_login_main .agreement_row .agreement_check {
  appearance: none;
  margin-right: 12px;
  margin-top: 2px;
  width: 14px;
  height: 14px;
  border: 1px solid #909090;
  border-radius: 2px;
  background: transparent;
  cursor: pointer;
  position: relative;
}
.pop_login_main .agreement_row .agreement_check:checked::after {
  content: '';
  position: absolute;
  left: 3px;
  top: 0px;
  width: 3px;
  height: 7px;
  border-right: 1px solid #909090;
  border-bottom: 1px solid #909090;
  transform: rotate(45deg);
}
.pop_login_main .agreement_row .agreement_label {
  font-size: 16px;
  color: #909090;
  cursor: pointer;
}
.pop_login_main .agreement_row .agreement_link {
  color: #c5bf8a;
  text-decoration: none;
}
.pop_login_main .agreement_row .agreement_link:hover {
  text-decoration: underline;
}
.pop_login_main .login_pop_confirm_btn {
  width: 407px;
  height: 87px;
  background: url('https://media.game-tree.com/media/pictures/gametree/sultan/assets/img-webp/section1/login_pop_btn_bg.webp') no-repeat center;
  background-size: 100% 100%;
  font-size: 46px;
  font-family: 'XiQueguzidian';
  text-align: center;
  line-height: 87px;
  cursor: pointer;
  color: #ebc66a;
  margin-top: 20px;
  margin-bottom: 20px;
  align-self: center;
}
.pop_login_main .other_login {
  display: flex;
  align-items: center;
  gap: 15px;
  align-self: center;
}
.pop_login_main .other_login .other_login_title {
  font-size: 18px;
  color: #7A7465;
}
.pop_login_main .other_login .other_login_icons {
  display: flex;
  gap: 30px;
}
.pop_login_main .other_login .other_login_icons .other_login_icon {
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.pop_login_main .other_login .other_login_icons .other_login_icon img {
  width: 100%;
  height: 100%;
}
.pop_login_main .community_icon_list {
  display: flex;
  align-items: center;
  /* 分隔线 */
}
.pop_login_main .community_icon_list .item {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 21px;
}
.pop_login_main .community_icon_list .item:not(:last-child)::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 27px;
  background: #716c4e;
}
.pop_login_main .community_icon_list .icon {
  width: 28px;
  height: 28px;
  background: #e3df82;
}
/* 退出登录弹窗 */
.pop_logout_main {
  position: relative;
  width: 755px;
  height: 330px;
  background: url('https://media.game-tree.com/media/pictures/gametree/sultan/assets/img-webp/section1/logout_pop_bg.webp') no-repeat;
  background-size: 100% 100%;
  color: #e9c164;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.pop_logout_main .logout_title {
  color: #e9c164;
  font-size: 40px;
  margin-bottom: 40px;
}
.pop_logout_main .logout_btn_row {
  display: flex;
  gap: 76px;
}
.pop_logout_main .logout_btn_row .logout_btn {
  width: 225px;
  height: 66px;
  background: url('https://media.game-tree.com/media/pictures/gametree/sultan/assets/img-webp/section1/logout_btn_bg.webp') no-repeat;
  background-size: 100% 100%;
  font-size: 30px;
  font-family: 'XiQueguzidian';
  text-align: center;
  line-height: 66px;
  cursor: pointer;
  color: #f2eaa9;
}
/* FAQ预购弹窗 */
.pop_faq_main {
  position: relative;
  width: 830px;
  height: auto;
  background: url('https://media.game-tree.com/media/pictures/gametree/sultan/assets/img-webp/section1/faq_pop_bg.webp') no-repeat;
  background-size: 100% 100%;
  color: #e9c164;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-shrink: 0;
  padding: 0 68px;
  box-sizing: border-box;
  transform: scale(var(--faq-pc-scale));
  transform-origin: center;
}
.pop_faq_main .faq_title {
  font-size: 40px;
  font-family: 'XiQueguzidian';
  margin-top: 50px;
  /* 1. 设置从上到下的线性渐变背景 */
  background-image: linear-gradient(to bottom, #f7da82, #e4ba5c);
  /* 2. 将背景裁剪至文字形状（兼容各大主流浏览器） */
  -webkit-background-clip: text;
  background-clip: text;
  /* 3. 将文字颜色设为透明，让背景渐变显示出来 */
  color: transparent;
}
.pop_faq_main .faq_title_line {
  width: 677px;
  height: 36px;
  margin-bottom: 8px;
}
.pop_faq_main .faq_list {
  width: 100%;
  margin-top: 20px;
}
.pop_faq_main .faq_list .faq_item {
  margin-bottom: 50px;
  position: relative;
  padding-left: 30px;
}
.pop_faq_main .faq_list .faq_item:last-child {
  margin-bottom: 0;
}
.pop_faq_main .faq_list .faq_item .faq_brid {
  width: 97px;
  height: 75px;
  position: absolute;
  left: -23px;
  top: -30px;
}
.pop_faq_main .faq_list .faq_item::before {
  content: '';
  position: absolute;
  left: 15px;
  top: 0;
  bottom: 0;
  width: 1px;
  background: #5b4110;
}
.pop_faq_main .faq_list .faq_item .faq_question {
  font-size: 21px;
  color: #f8de87;
  margin-bottom: 10px;
  letter-spacing: 3px;
}
.pop_faq_main .faq_list .faq_item .faq_answer {
  font-size: 18px;
  color: #a99553;
  position: relative;
  letter-spacing: 3px;
}
.pop_faq_main .faq_list .faq_item .faq_answer::before {
  content: '';
  position: absolute;
  left: -17px;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  background: #5b4110;
  border-radius: 50%;
}
.pop_faq_main .faq_btn {
  margin: 30px auto 31px;
  width: 407px;
  height: 87px;
  background: url('https://media.game-tree.com/media/pictures/gametree/sultan/assets/img-webp/section1/faq_pop_btn.webp') no-repeat center;
  background-size: 100% 100%;
  font-size: 46px;
  font-family: 'XiQueguzidian';
  text-align: center;
  line-height: 87px;
  cursor: pointer;
  align-self: center;
}
/* 订单结算弹窗 */
.pop_order_wrap {
  position: relative;
  width: 1223px;
  height: 645px;
  background: url('https://media.game-tree.com/media/pictures/gametree/sultan/assets/img-webp/section1/pay_popup_bg.webp') no-repeat;
  background-size: 100% 100%;
  color: #e9c164;
  transform: scale(var(--order-pc-scale));
  transform-origin: center;
}
.pop_order_main {
  display: flex;
  flex-shrink: 0;
  padding: 50px 40px;
  box-sizing: border-box;
}
.pop_order_main .order_left {
  flex: 1;
  display: flex;
  flex-direction: column;
  margin-right: 40px;
}
.pop_order_main .order_left .title {
  margin-bottom: 26px;
  color: #eac469;
  background: linear-gradient(to bottom, #f8de87 0%, #e5b95c 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /* 标准属性 */
  background-clip: text;
  color: transparent;
  font-size: 42px;
  font-family: 'XiQueguzidian';
}
.pop_order_main .order_left .order_account {
  width: 537px;
  height: 78px;
  background: url('https://media.game-tree.com/media/pictures/gametree/sultan/assets/img-webp/section1/account_bg.webp') no-repeat;
  background-size: 100% 100%;
  margin-bottom: 26px;
  text-align: left;
  line-height: 100px;
  font-size: 21px;
  color: #f8de87;
}
.pop_order_main .order_left .order_account .order_account_label {
  margin-left: 72px;
}
.pop_order_main .order_left .order_product {
  width: 537px;
  height: auto;
  background: url('https://media.game-tree.com/media/pictures/gametree/sultan/assets/img-webp/section1/pay_left_bg.webp') no-repeat;
  background-size: 100% 100%;
  padding: 24px;
  box-sizing: border-box;
}
.pop_order_main .order_left .order_product .order_product_logo {
  margin-right: 24px;
  width: 78px;
  height: 78px;
}
.pop_order_main .order_left .order_product .logo_name_row {
  display: flex;
  align-items: center;
}
.pop_order_main .order_left .order_product .order_product_info {
  flex: 1;
}
.pop_order_main .order_left .order_product .order_product_info .order_product_name {
  font-size: 21px;
  color: #f8de87;
  margin-bottom: 10px;
}
.pop_order_main .order_left .order_product .order_product_info .order_product_original {
  text-decoration: line-through;
  font-size: 16px;
  color: #c4b688;
  margin-left: 16px;
}
.pop_order_main .order_left .order_product .order_product_info .order_product_discount {
  font-size: 16px;
  color: #c4b688;
  margin-left: 16px;
}
.pop_order_main .order_left .order_product .order_product_info .order_product_discount .discount_price {
  font-weight: bold;
  color: #ea2916;
}
.pop_order_main .order_left .order_product .order_pop_left_line {
  width: 100%;
  margin: 16px 0 13px;
  display: block;
}
.pop_order_main .order_left .order_product .order_product_desc {
  font-size: 14px;
  color: #988e6a;
  line-height: 1.6;
}
.pop_order_main .order_right {
  margin-top: 70px;
  width: 537px;
  height: 462px;
  background: url('https://media.game-tree.com/media/pictures/gametree/sultan/assets/img-webp/section1/pay_right_bg.webp') no-repeat;
  background-size: 100% 100%;
  padding: 22px 27px;
  display: flex;
  flex-direction: column;
}
.pop_order_main .order_right .order_pay_title {
  margin-bottom: 26px;
  color: #eac469;
  background: linear-gradient(to bottom, #f8de87 0%, #e5b95c 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /* 标准属性 */
  background-clip: text;
  color: transparent;
  font-size: 34px;
  font-family: 'XiQueguzidian';
}
.pop_order_main .order_right .order_pay_list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-height: 292px;
  overflow-y: auto;
}
.pop_order_main .order_right .order_pay_list .order_pay_item {
  flex-shrink: 0;
  width: 468px;
  height: 49px;
  display: flex;
  align-items: center;
  padding-left: 16px;
  border: 2px solid transparent;
  cursor: pointer;
  transition: border-color 0.3s;
  background: url('https://media.game-tree.com/media/pictures/gametree/sultan/assets/img-webp/section1/pay_bg.webp') no-repeat center;
  background-size: 100% 100%;
}
.pop_order_main .order_right .order_pay_list .order_pay_item .pay_icon {
  width: 40px;
  height: auto;
  margin-right: 10px;
  flex-shrink: 0;
}
.pop_order_main .order_right .order_pay_list .order_pay_item .pay_name {
  color: #e8ddd0;
  font-size: 16px;
  white-space: nowrap;
}
.pop_order_main .order_right .order_pay_list .order_pay_item.active {
  border-color: #f2eaa9;
}
.pop_order_main .order_right .order_bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
}
.pop_order_main .order_right .order_bottom .order_price {
  font-size: 21px;
  color: #f8de87;
}
.pop_order_main .order_right .order_bottom .order_price_num {
  font-size: 30px;
  font-weight: bold;
  color: #ea2916;
}
.pop_order_main .order_right .order_bottom .order_btn {
  width: 205px;
  height: 55px;
  background: url('https://media.game-tree.com/media/pictures/gametree/sultan/assets/img-webp/section1/pay_btn_bg.webp') no-repeat center;
  background-size: 100% 100%;
  font-size: 27px;
  font-family: 'XiQueguzidian';
  text-align: center;
  line-height: 55px;
  cursor: pointer;
  color: #f2eaa9;
  transform: translateX(13px);
}
#lang-en .faq_question {
  letter-spacing: 0;
  font-size: 16px;
}
#lang-en .faq_answer {
  letter-spacing: 0;
  font-size: 14px;
}
#lang-en .pop_order_main .order_right .order_bottom .order_price {
  font-size: 17px;
}
#lang-en .pop_login_main .login_pop_confirm_btn {
  font-size: 38px;
}
.pop_qr_wrap {
  z-index: 10001;
  position: fixed;
  inset: 0;
  display: none;
  justify-content: center;
  align-items: center;
}
.pop_qr_wrap.show {
  display: flex;
}
.pop_qr_wrap.show .pop_qr_main {
  animation: scaleIn 0.3s ease;
}
.pop_qr_wrap.hiding .pop_qr_main {
  animation: scaleOut 0.2s forwards;
}
.pop_qr_wrap .pop_qr_bg {
  position: absolute;
  inset: 0;
  background: rgba(32, 26, 19, 0.9);
}
.pop_qr_wrap .pop_qr_main {
  position: relative;
  background: #2a2218;
  border: 2px solid #5b4110;
  border-radius: 8px;
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  gap: 16px;
}
.pop_qr_wrap .pop_qr_main .close {
  position: absolute;
  top: -21px;
  right: -21px;
  width: 80px;
  cursor: pointer;
  z-index: 999;
}
.pop_qr_wrap .pop_qr_main #qr_code {
  background: #fff;
  padding: 16px;
  border-radius: 8px;
}
.pop_qr_wrap .pop_qr_main #qr_code canvas {
  position: relative;
  display: block;
}
.pop_qr_wrap .pop_qr_main .qr_scan_tip {
  color: #e9c164;
  font-size: 18px;
  text-align: center;
}
.homeloginOrRegister {
  display: block;
}
.homeloginBtn {
  display: none;
}
/* =========================
   popup mobile scale
========================= */
@media screen and (max-width: 767px) {
  .pop_order_wrap {
    position: relative;
    width: 6.95rem;
    height: auto;
    background: url(https://media.game-tree.com/media/pictures/gametree/sultan/assets/img-webp/section1/m/pay_popup_bg.webp) no-repeat;
    background-size: 100% 100%;
    color: #e9c164;
    padding-bottom: 0.5rem;
  }
  .pop_order_main {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 0;
    box-sizing: border-box;
  }
  .pop_order_main .order_left {
    margin-right: 0;
  }
  .pop_order_main .order_left .order_account {
    margin-bottom: 0.3rem;
  }
  .pop_order_main .order_left .title {
    margin-top: 0.6rem;
    margin-bottom: 0;
    font-size: 0.8rem;
  }
  .pop_order_main .order_left .order_product {
    height: auto;
    padding: 0.44rem;
  }
  .pop_order_main .order_left .order_product .order_pop_left_line {
    margin: 13px 0 7px;
  }
  .pop_order_main .order_right {
    margin-top: 0.4rem;
    height: 416px;
  }
  .pop_order_main .order_right .order_pay_title {
    margin-bottom: 9px;
    font-size: 31px;
  }
  .pop_order_main .order_right .order_bottom {
    margin-top: 0.33rem;
  }
  .popup-msg {
    --popup-mobile-percent: 95;
  }
  .popup-msg .pop_msg_main {
    zoom: var(--popup-scale-msg, 1);
  }
  .popup-email {
    --popup-mobile-percent: 95;
  }
  .popup-email .pop_main {
    zoom: var(--popup-scale-email, 1);
  }
  .popup-book-success {
    --popup-mobile-percent: 84;
  }
  .popup-book-success .pop_book_success_main {
    zoom: var(--popup-scale-book-success, 1);
    height: auto;
    padding: 1.5rem 0 1.2rem;
  }
  .popup-book-success .pop_book_success_main .btn_row {
    flex-direction: column;
    gap: 0.6rem;
  }
  .popup-book-success .pop_book_success_main .btn_row .btn {
    width: 10rem;
    aspect-ratio: 381 / 76;
    display: flex;
    flex-direction: row;
    font-size: 0.6rem;
    background: url(https://media.game-tree.com/media/pictures/gametree/sultan/assets/img-webp/section1/m/success_pop_btn_bg.webp) no-repeat;
    background-size: 100% 100%;
  }
  .popup-book-success .pop_book_success_main .btn_row .btn br {
    display: none;
  }
  .popup-book-success .pop_book_success_main .btn_row .btn .right_red_row .off50 {
    width: 2.5rem;
  }
  .popup-logout {
    --popup-mobile-percent: 95;
  }
  .popup-logout .pop_logout_main {
    zoom: var(--popup-scale-logout, 1);
  }
  .popup-faq {
    --popup-mobile-percent: 95;
  }
  .popup-faq .pop_faq_main {
    zoom: var(--popup-scale-faq, 1);
  }
  .popup-order {
    --popup-mobile-percent: 85;
  }
  .popup-order .pop_order_main {
    zoom: var(--popup-scale-order, 1);
  }
  .popup-login {
    --popup-mobile-percent: 95;
  }
  .popup-login .pop_login_main {
    zoom: var(--popup-scale-login, 1);
  }
  .pop_login_main .agreement_row .agreement_label {
    font-size: 0.36rem;
  }
  .pop_login_main .login_notice {
    font-size: 0.36rem;
  }
  .pop_qr_main {
    padding: 30px;
  }
  .pop_qr_main #qr_code canvas {
    width: 260px !important;
    height: 260px !important;
  }
  .pop_order_main .order_right .order_pay_list .order_pay_item {
    height: 1rem;
  }
  .pop_order_main .order_left .order_product .order_product_desc {
    font-size: 0.3rem;
  }
  .pop_order_main .order_right .order_pay_list .order_pay_item .pay_name {
    font-size: 0.32rem;
  }
}
.pad .order_product_desc {
  font-size: 14px !important;
}
.pad .pop_order_main .order_left .title {
  font-size: 42px !important;
}
.pad .pop_order_main .order_right .order_pay_list .order_pay_item {
  height: 57px !important;
}
.pad .pop_order_main .order_left .order_product {
  padding: 12px;
}
.pad .nav_pop .split_line {
  margin-top: 10px;
  margin-bottom: 10px;
}
.pad .nav_pop .go_store_wrap {
  gap: 20px;
}
.pad .pop_login_main .agreement_row .agreement_label {
  font-size: 18px;
}
.pad .login_notice {
  font-size: 18px;
}