* {
  margin: 0;
  -webkit-tap-highlight-color: transparent;
}

html,
body {
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%;
}

body {
  overflow-x: hidden;
  font-size: 16px;
}

uni-app,
uni-page,
uni-page-wrapper,
uni-page-body {
  display: block;
  box-sizing: border-box;
  width: 100%;
}

uni-page-wrapper {
  position: relative;
}

#app,
uni-app,
uni-page,
uni-page-wrapper {
  height: 100%;
}

/* toast,modal,actionSheet,picker,layout */
.uni-mask {
  position: fixed;
  z-index: 999;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
}

/* toast,modal,actionSheet,picker */
.uni-fade-enter-active,
.uni-fade-leave-active {
  transition-duration: 0.25s;
  transition-property: opacity;
  transition-timing-function: ease;
}

.uni-fade-enter-from,
.uni-fade-leave-active {
  opacity: 0;
}

.uni-loading,
uni-button[loading]:before {
  background-color: transparent;
  background-image: url('data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=');
  background-repeat: no-repeat;
}

.uni-loading {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  animation: uni-loading 1s steps(12, end) infinite;
  background-size: 100%;
}

@keyframes uni-loading {
  0% {
    transform: rotate3d(0, 0, 1, 0deg);
  }

  100% {
    transform: rotate3d(0, 0, 1, 360deg);
  }
}

html {
  /* --UI-BG-0: #ededed; */
  --primary-color: #007aff;
  --UI-BG: #fff;
  --UI-BG-1: #f7f7f7;
  --UI-BG-2: #fff;
  --UI-BG-3: #f7f7f7;
  --UI-BG-4: #4c4c4c;
  --UI-BG-5: #fff;
  --UI-FG: #000;
  --UI-FG-0: rgba(0, 0, 0, 0.9);
  --UI-FG-HALF: rgba(0, 0, 0, 0.9);
  --UI-FG-1: rgba(0, 0, 0, 0.5);
  --UI-FG-2: rgba(0, 0, 0, 0.3);
  --UI-FG-3: rgba(0, 0, 0, 0.1);
}

uni-page[data-type] uni-page-body {
  background-color: transparent;
}
body::after {
  position: fixed;
  content: '';
  left: -1000px;
  top: -1000px;
  animation: shadow-preload 0.1s;
  animation-delay: 3s;
}

@keyframes shadow-preload {
  0% {
    background-image: url(https://cdn.dcloud.net.cn/img/shadow-grey.png);
  }
  100% {
    background-image: url(https://cdn.dcloud.net.cn/img/shadow-grey.png);
  }
}
.uni-async-error {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  color: #999;
  padding: 100px 10px;
  text-align: center;
}
.uni-async-loading {
  box-sizing: border-box;
  width: 100%;
  padding: 50px;
  text-align: center;
}

.uni-async-loading .uni-loading {
  width: 30px;
  height: 30px;
}
uni-tabbar {
  display: block;
  box-sizing: border-box;
  width: 100%;
  z-index: 998;
}

.uni-tabbar {
  display: flex;
  z-index: 998;
  box-sizing: border-box;
}

.uni-tabbar-top,
.uni-tabbar-bottom,
.uni-tabbar-top .uni-tabbar,
.uni-tabbar-bottom .uni-tabbar {
  position: fixed;
  left: var(--window-left);
  right: var(--window-right);
}

.uni-app--showlayout + .uni-tabbar-top,
.uni-app--showlayout + .uni-tabbar-bottom,
.uni-app--showlayout + .uni-tabbar-top .uni-tabbar,
.uni-app--showlayout + .uni-tabbar-bottom .uni-tabbar {
  left: var(--window-margin);
  right: var(--window-margin);
}

.uni-tabbar-bottom .uni-tabbar {
  bottom: 0;
  padding-bottom: 0;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}

.uni-tabbar ~ .uni-placeholder {
  width: 100%;
  margin-bottom: 0;
  margin-bottom: constant(safe-area-inset-bottom);
  margin-bottom: env(safe-area-inset-bottom);
}

.uni-tabbar * {
  box-sizing: border-box;
}

.uni-tabbar__item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex: 1;
  font-size: 0;
  text-align: center;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.uni-tabbar__bd {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.uni-tabbar__icon {
  position: relative;
  display: inline-block;
  margin-top: 5px;
}

.uni-tabbar__icon.uni-tabbar__icon__diff {
  margin-top: 0px;
  width: 34px;
  height: 34px;
}

.uni-tabbar__icon img {
  width: 100%;
  height: 100%;
}

.uni-tabbar__iconfont {
  font-family: 'UniTabbarIconFont';
}

.uni-tabbar__label {
  position: relative;
  text-align: center;
  font-size: 10px;
}

.uni-tabbar-border {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  transform: scaleY(0.5);
}

.uni-tabbar__reddot {
  position: absolute;
  top: 2px;
  right: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #f43530;
  color: #ffffff;
  transform: translate(40%, 0%);
}

.uni-tabbar__badge {
  width: auto;
  height: 16px;
  line-height: 16px;
  border-radius: 16px;
  min-width: 16px;
  padding: 0 2px;
  font-size: 12px;
  text-align: center;
  white-space: nowrap;
}

.uni-tabbar__mid {
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 0;
  background-size: 100% 100%;
}

.uni-app--showtabbar uni-page-wrapper {
  display: block;
  height: calc(100% - var(--tab-bar-height));
  height: calc(100% - var(--tab-bar-height) - constant(safe-area-inset-bottom));
  height: calc(100% - var(--tab-bar-height) - env(safe-area-inset-bottom));
}
uni-page[data-type] uni-page-wrapper {
  height: 100%;
}
.uni-app--showtabbar uni-page-wrapper::after {
  content: '';
  display: block;
  width: 100%;
  height: var(--tab-bar-height);
  height: calc(var(--tab-bar-height) + constant(safe-area-inset-bottom));
  height: calc(var(--tab-bar-height) + env(safe-area-inset-bottom));
}
.uni-app--showtabbar
  uni-page-head[uni-page-head-type='default']
  ~ uni-page-wrapper {
  height: calc(100% - 44px - var(--tab-bar-height));
  height: calc(
    100% - 44px - constant(safe-area-inset-top) - var(--tab-bar-height) -
      constant(safe-area-inset-bottom)
  );
  height: calc(
    100% - 44px - env(safe-area-inset-top) - var(--tab-bar-height) -
      env(safe-area-inset-bottom)
  );
}

/* @import './assets/style/index.scss'; */
/*每个页面公共css */
body {
  background-color: #131723;
  color: azure;
  /* height: 9999px; */
  /* border: 2px solid orange; */
  /* padding-bottom: 200px; */
  /* 把底部内动显示出来 */
}
uni-page-body {
  /* border: 2px solid orange; */
}
.uni-tabbar-bottom {
  display: none !important;
  position: fixed;
  bottom: 0;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.clear, .award-image, .award-list .hover-modal, .instruction, .ant-tooltip .ant-tooltip-inner .btn-check, .cs-pagination .pagination-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}

/*禁止选中文本*/
/* 定制按钮样式 */
.wd-button {
  min-width: 0 !important;
}

.wd-button.load-more {
  margin: 0 auto;
  margin-bottom: 6.266667vw;
  width: 46.133333vw;
  height: 10.133333vw;
  background-color: #1b2132;
  border-radius: 5.066667vw;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row-reverse;
  font-size: 2.933333vw;
  font-weight: bold;
  color: #5d6984;
}
.wd-button.load-more uni-image {
  width: 2.666667vw;
  transform: translateY(0.533333vw);
  margin-left: 2.666667vw;
}

.wd-popup-wrapper .wd-popup {
  background-color: #161C2A !important;
}

.cs-modal {
  border-radius: 1.333333vw;
  width: -webkit-max-content !important;
  width: max-content !important;
  height: -webkit-max-content !important;
  height: max-content !important;
}
.cs-modal .wd-message-box__body {
  background-color: inherit;
  position: relative;
}
.cs-modal .wd-message-box__body .wd-message-box__title {
  font-weight: 400;
  color: #FFFFFF;
  padding: 0;
}
.cs-modal .wd-message-box__body.is-no-title {
  width: -webkit-max-content;
  width: max-content;
  background-color: inherit;
  padding: 0;
}
.cs-modal .wd-message-box__content {
  max-height: -webkit-max-content;
  max-height: max-content;
}
.cs-modal .cs-close-icon {
  position: absolute;
  right: 4vw;
  top: 4vw;
  width: 2.666667vw;
  height: 2.666667vw;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAVElEQVR4AWMAgfD4ogwgFmXAAkDiIHkYJweI/wPxFZAEFoVXoPI5IAExhABCA4jGEMchoYGhEI+VP7ApRNegAVMIpTVgciSbTJKbSQoNksKZpBgEAIM7jEK66KaPAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  background-size: contain;
}

.cs-modal.steam-login-modal {
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.cs-modal.steam-login-modal .wd-message-box__actions {
  padding: 0;
  display: none;
}

.cs-modal.sandbox-login-modal {
  background-color: #050812;
  border: 0.266667vw solid red;
  width: 71.2vw;
  height: 66.666667vw;
}
.cs-modal.sandbox-login-modal .wd-message-box__actions {
  padding: 0;
  display: none;
}

.cs-modal.qie-login-modal {
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.cs-modal.qie-login-modal .wd-message-box__actions {
  padding: 0;
  display: none;
}

.cs-modal.email-login-modal {
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.cs-modal.email-login-modal .wd-message-box__actions {
  padding: 0;
  display: none;
}

.cs-modal.qie-login-modal {
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.cs-modal.qie-login-modal .wd-message-box__actions {
  padding: 0;
  display: none;
}

.cs-modal.recharge-dialog .wd-message-box__body {
  padding-bottom: 3.066667vw;
  background-color: #0E121E;
}
.cs-modal.recharge-dialog .wd-message-box__actions {
  padding: 0;
  display: none;
}
.cs-modal.recharge-dialog .cs-close-icon {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAT0lEQVR4AW2PRwIAQQjC+Pn482yflvVIBCUJjRZN12kAXuk6BV55MVSyrhhnWTHWirBWjL3SsYupkbBWVGxpZKzSxuuKsVeo32KzThmn6weEHOsVrLDfxgAAAABJRU5ErkJggg==");
  width: 3.866667vw;
  height: 3.866667vw;
}

.cs-modal.steamurl-modal .wd-message-box__body, .cs-modal.email-modal .wd-message-box__body, .cs-modal.deal-modal .wd-message-box__body {
  padding-bottom: 5.333333vw;
  background-color: #0E121E;
}
.cs-modal.steamurl-modal .wd-message-box__actions, .cs-modal.email-modal .wd-message-box__actions, .cs-modal.deal-modal .wd-message-box__actions {
  padding: 0;
  display: none;
}
.cs-modal.steamurl-modal .cs-close-icon, .cs-modal.email-modal .cs-close-icon, .cs-modal.deal-modal .cs-close-icon {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAVElEQVR4AWMAgfD4ogwgFmXAAkDiIHkYJweI/wPxFZAEFoVXoPI5IAExhABCA4jGEMchoYGhEI+VP7ApRNegAVMIpTVgciSbTJKbSQoNksKZpBgEAIM7jEK66KaPAAAAAElFTkSuQmCC");
  width: 2.666667vw;
  height: 2.666667vw;
}

.cs-modal.playInfo .wd-message-box__actions {
  padding: 0;
  display: none;
}
.cs-modal.playInfo .cs-close-icon {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAVElEQVR4AWMAgfD4ogwgFmXAAkDiIHkYJweI/wPxFZAEFoVXoPI5IAExhABCA4jGEMchoYGhEI+VP7ApRNegAVMIpTVgciSbTJKbSQoNksKZpBgEAIM7jEK66KaPAAAAAElFTkSuQmCC");
  width: 2.666667vw;
  height: 2.666667vw;
}

.wd-icon.wd-icon-help-circle {
  font-size: 2.933333vw;
}

.cs-pagination .pagination-btn {
  min-width: -webkit-max-content !important;
  min-width: max-content !important;
  width: 6.666667vw !important;
  height: 6.666667vw !important;
  background: #1B2132 !important;
  border-radius: 0.666667vw;
  color: #fff;
}

:global(.ant-dropdown-menu) {
  font-size: 0.14rem;
  background-color: #131723 !important;
  padding: 0;
}

:global(.ant-dropdown-menu-item-selected, .ant-dropdown-menu-submenu-title-selected) {
  background-color: #131723 !important;
}

:global(.ant-dropdown-menu-item) {
  color: #6c748a !important;
}
.ant-switch {
  background-color: #0C0F1A;
  border: 0.266667vw solid #1B2132;
  width: 0.48rem;
  height: 0.32rem;
  min-width: 0 !important;
}

.ant-switch-checked {
  border: 0.266667vw solid #66172F;
  background-color: #0C0F1A;
}
.ant-switch-checked:focus {
  box-shadow: none;
}
.ant-switch-checked .ant-switch-handle {
  width: 0.18rem !important;
  height: 0.18rem !important;
}
.ant-switch-checked .ant-switch-handle::before {
  border-radius: 0.09rem;
  background-color: #E60046 !important;
}

.ant-switch-checked .ant-switch-handle {
  left: calc(100% - 0.18rem - 0.02rem) !important;
}

.ant-switch-handle {
  top: 50% !important;
  transform: translateY(-50%);
  width: 0.18rem !important;
  height: 0.18rem !important;
}
.ant-switch-handle::before {
  border-radius: 0.09rem;
  background-color: #262D40 !important;
}

.wd-switch {
  border: 0.266667vw solid #1B2132;
  width: 6.4vw;
  height: 4.266667vw;
  background-color: #0C0F1A;
}
.wd-switch :deep(.wd-switch__circle) {
  width: 3.2vw;
  height: 3.2vw;
  background: #262D40;
  border-radius: 2.666667vw;
  top: 50%;
  transform: translateY(-50%);
}

.wd-switch.is-checked {
  background-color: #262D40;
  border: 0.266667vw solid #E60046;
}
.wd-switch.is-checked .wd-switch__circle {
  background: #E60046;
  left: 45% !important;
}

.ant-btn {
  border: none;
  color: #fff;
}
.ant-btn .btnfont {
  margin-right: 0.8vw;
}
.ant-btn .btn-icon {
  right: 2.666667vw;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
}
.ant-btn[disabled]:hover {
  background-color: transparent;
  color: inherit;
}

.test-btn {
  background-color: #E60046;
}
.test-btn ::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  /* 20% 的白色前景层 */
  opacity: 0;
  /* 初始透明度为 0 */
  transition: opacity 0.3s;
  /* 动画效果 */
  pointer-events: none;
  /* 让鼠标事件穿透该层 */
}
.test-btn:hover ::before {
  opacity: 0.2;
}

.cs-cus-btnn ::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff53;
  /* 20% 的白色前景层 */
  opacity: 0;
  /* 初始透明度为 0 */
  transition: opacity 0.3s;
  /* 动画效果 */
  pointer-events: none;
  /* 让鼠标事件穿透该层 */
}
.cs-cus-btnn:hover ::before {
  width: 100%;
  height: 100%;
  opacity: 0.4;
}
.cs-cus-btnn:active ::before {
  background-color: transparent;
}

.cs-cus-btnn2 ::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff53;
  /* 20% 的白色前景层 */
  opacity: 0;
  /* 初始透明度为 0 */
  transition: opacity 0.3s;
  /* 动画效果 */
  pointer-events: none;
  /* 让鼠标事件穿透该层 */
}
.cs-cus-btnn2:hover ::before {
  width: 100%;
  height: 100%;
  opacity: 0.4;
}
.cs-cus-btnn2:active ::before {
  background-color: transparent;
}

.cs-cus-btn ::before {
  content: "";
  position: absolute;
  border-radius: 0.2rem;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff53;
  /* 20% 的白色前景层 */
  opacity: 0;
  /* 初始透明度为 0 */
  transition: opacity 0.3s;
  /* 动画效果 */
  pointer-events: none;
  /* 让鼠标事件穿透该层 */
}
.cs-cus-btn:hover ::before {
  width: 100%;
  height: 100%;
  opacity: 0.2;
}
.cs-cus-btn:active ::before {
  background-color: transparent;
}

.cs-cus-btn4 ::before {
  content: "";
  position: absolute;
  border-radius: 0.2rem;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff53;
  /* 20% 的白色前景层 */
  opacity: 0;
  /* 初始透明度为 0 */
  transition: opacity 0.3s;
  /* 动画效果 */
  pointer-events: none;
  /* 让鼠标事件穿透该层 */
}
.cs-cus-btn4:hover ::before {
  width: 100%;
  height: 100%;
  opacity: 0.4;
}
.cs-cus-btn4:active ::before {
  background-color: transparent;
}

.ant-checkbox-wrapper {
  display: flex;
  align-items: center;
  padding: 0.533333vw 0;
  color: #575F72;
}
.ant-checkbox-wrapper .ant-checkbox {
  top: 0;
}
.ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
  width: 0.24rem;
  height: 0.24rem;
  border: 1px solid #53536D;
  border-radius: 0.05rem;
  background-color: transparent;
}
.ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner::after {
  top: 50%;
  left: 30%;
  border-color: #E60046;
}

:global(.ant-space-align-center) {
  margin-right: 1.333333vw;
}

:global(.wd-input) {
  background-color: transparent !important;
  border-bottom: 1px solid #1B2132;
  color: #fff;
}

.wd-input {
  text-align: center;
}
.wd-input::after {
  background: #24293B !important;
}

.wd-input__inner {
  color: #ffffff !important;
}

.wd-input__placeholder {
  font-weight: 400;
  font-size: 2.933333vw;
  color: #353D51;
}

.wd-input:hover {
  background-color: transparent !important;
}

.trade-text {
  color: #575f72;
  font-size: 2.4vw;
  padding-top: 1.333333vw;
  padding-bottom: 2.666667vw;
  line-height: 1.7;
  text-decoration: underline;
  text-underline-offset: 0.4vw;
  text-decoration-thickness: 1px;
  cursor: pointer;
}
.trade-text:hover {
  color: #cdcbcb;
}

.single-input .ant-input {
  background-color: transparent;
  border-radius: 0;
}
.single-input .ant-input:hover, .single-input .ant-input:focus {
  border-color: #E60046 !important;
}
.single-input .ant-input:valid, .single-input .ant-input.ant-input-focused {
  border-color: none !important;
  box-shadow: none !important;
  border: none;
  border-bottom: 0.266667vw solid #272d40;
  outline: 0;
}

.my-search {
  display: flex;
  align-items: center;
}
.my-search .search-img {
  width: 2.266667vw;
  height: 2.266667vw;
  transform: translateX(-4vw);
}

.ant-pagination.paging {
  display: flex;
  justify-content: center;
}
.ant-pagination.paging .ant-pagination-disabled,
.ant-pagination.paging .ant-pagination-disabled:hover {
  cursor: not-allowed;
}
.ant-pagination.paging .ant-pagination-disabled .ant-pagination-item-link .anticon-left,
.ant-pagination.paging .ant-pagination-disabled .ant-pagination-item-link .anticon-right,
.ant-pagination.paging .ant-pagination-disabled:hover .ant-pagination-item-link .anticon-left,
.ant-pagination.paging .ant-pagination-disabled:hover .ant-pagination-item-link .anticon-right {
  color: #66707C !important;
}
.ant-pagination.paging :deep(.ant-pagination-item),
.ant-pagination.paging :deep(.ant-pagination-item-link) {
  background-color: #161C2C;
  width: 4.8vw;
  height: 4.8vw;
  border-radius: 0.8vw;
  border: none;
}
.ant-pagination.paging :deep(.ant-pagination-item) a,
.ant-pagination.paging :deep(.ant-pagination-item-link) a {
  display: block;
  color: #66707B;
  line-height: 4.8vw;
  text-align: center;
  width: 100%;
}
.ant-pagination.paging :deep(.ant-pagination-item):hover > a,
.ant-pagination.paging :deep(.ant-pagination-item-link):hover > a {
  color: #ffffff;
}
.ant-pagination.paging :deep(.ant-pagination-item-active) > a {
  color: #ffffff;
}
.ant-pagination.paging :deep(.ant-pagination-item-link) {
  background-size: 2.666667vw 2.666667vw;
  background-position: 50%;
  background-repeat: no-repeat;
  border: none;
}
.ant-pagination.paging :deep(.ant-pagination-item-link) .anticon-left,
.ant-pagination.paging :deep(.ant-pagination-item-link) .anticon-right {
  color: #ffffff;
}
.ant-pagination.paging :deep(.ant-pagination-jump-next) a span,
.ant-pagination.paging :deep(.ant-pagination-jump-prev) a span {
  color: #fff;
}

.ant-tabs {
  color: #fff;
}

.ant-tabs-top :deep(.ant-tabs-nav) {
  margin: 0;
  margin-bottom: 5.333333vw;
  align-items: flex-start;
}
.ant-tabs-top :deep(.ant-tabs-nav)::before {
  border-bottom: 1px solid #1C1F29 !important;
}
.ant-tabs-top :deep(.ant-tabs-nav) .ant-tabs-tab {
  line-height: 0;
  height: 6.533333vw;
  font-size: 2.666667vw;
  display: flex;
  align-items: flex-start;
}
.ant-tabs-top :deep(.ant-tabs-nav) .ant-tabs-tab + .ant-tabs-tab {
  margin: 0 0 0 10.133333vw;
}
.ant-tabs-top :deep(.ant-tabs-nav) .ant-tabs-tab-btn {
  color: #575F72;
  font-weight: 400;
}
.ant-tabs-top :deep(.ant-tabs-nav) .ant-tabs-tab-btn:hover {
  color: #cdcbcb;
}
.ant-tabs-top :deep(.ant-tabs-nav) .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #ffffff;
  font-weight: bold;
}
.ant-tabs-top :deep(.ant-tabs-nav) .ant-tabs-ink-bar {
  height: 6.533333vw;
  background-color: transparent;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIIAAAAzCAYAAABbldAtAAAFw0lEQVR4AWI4w+wEYN9McGO3gSDqpkZWcoxc7t//BFHwF2J5gB4K6gm9EiiMSHGZUVUvpOzPjCII9L0a722fAOPlu3yXn+WDWzT7roR/B3ia947/lcCmm60FGPPzJ1aIBqjv0PC1y3doWGLlAS7G5OMXhRngS3qEknZDWopjGuOJ/pyrS8eqG0kdrYrXifUS20+wDrC/1gW6tv4e71OCj58jUOnrx68vH+37rorx42Yczq37HSDwEjHeo0cooBvrPfazbv19zHrk36n/HJ9cVieLz06cXCj9YuRVc453FTa2H+OfPoG58svJ9jbCBdH3FDeeSRHB+AI+lhCENO2TEGqCEYxgrRhC9ECdiL3YTdG8aWg4G/v8W+JpPmyOXZpPROT3PfCHzhGUMGmz7z/BMjAHx6TPJ/c08Bwy3koF3vFdCeHMrNxzhhBJ3wGs3xk0IPO8K49QvPZ6n9gc/TUa4uEYJ/Ie6fWZQ8NwAdE1e0IZEDukDdC+uYDcI0JIgfGh/tZCKCfD7y92vaO1zgLP1t19LBaCWK63F61GrNut19uSe5XDLf6iLrD+NK7ZjjYxrtXnCCQ3EcjgmOdbl5PkhDquiBIyq3HtROeeoZYLAXU5aME4PfxxgsXDOOEksGfF1YASjXY7u+G9wpjnC8GIDyx1NPprXyBfpx//2W6WbWPzvCozSk8q+0LwjNfRJzUkti8G+T5Sf8lJjz5PEwJKeq9WbR/nwzF3R5IM3sexsU4IOPbxE5wH6wCYJwdFxvZ8i3qzjMaO4aTymvC8IBfAJgRNYhtoE1/87HvZfhmpa+GiTZceJXOB5dFKSfp2w0vQE3Ae9ygOs3q2+RZasOJA6fQF1cUlVrxZH0CJBIEtYD58AhJKRDRzrkJ/9ySEJpE3kkVJaIYljHPOOYlZwpORxu5iHwJklPQRcuSeXKc7CQvdQnxPCBdimA+UbssVGzxMQTnJLhCSnAmB4+R7uxBewnyACfhJwxPSU0/goSHeN8sPbCR7Rg7dp+EBbMD+Bw/B/hMyN3MQgyezjqIQg+Pzc9W7hiHHsKNFOIlcjx1CeLD+ZAwTDevimQB6ir4QyiDC8AQR7UHWvQGPC+vehdQV4Nqbb1s1ubR8pcQgLY+oUAiSoDj5m5zI8UcWD2zEtQPoLyLB/BGi9bmGfJd0DpnLQ0rOA7n1ZFFefYJYUS3quPYkTx8MCfY4LVu9QRIIrhu6bPV8wQ6BGDffV5wTQnolQigRQJ7ouJKpfLrNbkLIe334eUAa14txHHUXwywX7RACxCFFhKB73Yt7m8d/ZsK8b2NcSIIRuFpBJO7CtZ0WigdgXw/JJB99/w1ygoqTRfEMRYXG8HhqyRdheF2AudaBdfMdB9ohNNb1WYITE1OWLIYYqVtPtoXi7udD30gw6gmOn5jXDo7rC4Zt9vsvDERflkmYKoBGztDAEODbP+Bx58xA8oXNHhI+d4y9sj6dS9ZGn4v9v4Q621pLcq6nuxiH5FDzAvcIXACw7couIsBDF4IVvncXq2OdYD8bc6Au8wVbX/4+eR40EoChoII/uSPXDA3oJOfwArEUQMg20sztC/4KcUyg/TUIIwoRse+CfLs7218pNJDvRfa4aGcSQ5fuyK2eFurkE7hv/UJQHL6e4BBRpDnULu9O6uK4foQvuCgAf8nBfoYsaXSEu4dDRCLI+2Zky/f0kLBL+AQnmns5TwgPFAMSF3SWiW2/DcSxH/deDSAHpKmrP3K495Frgp5u4jV6sSVnHPIuo4Dt8qRSXmgMWTwlfruRDGY5AAihACYgAOJvbcN49JntB6+T0AABwJt4mBDo8TkFQozwbSCF8uA5fAwRhMRRCoDW73GepGUgwXfA3+S7BZKNOgFO9vSvtyiIeY5wpO8UsLgezcpene20hsyTYL453mAxWb5jdPQtITX/R5wb/1qIP0g5fwLtdqbw3xBmPGNw+z+KRzE4IYziUQwA09q9JnSxGXYAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom center;
}
.ant-tabs-top :deep(.ant-tabs-nav) .ant-tabs-extra-content {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
}

.ant-tooltip .ant-tooltip-inner {
  color: #7A90BC;
  min-height: 0 !important;
}
.ant-tooltip .ant-tooltip-inner .custip {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  font-size: 0.1rem;
  color: #575F72;
  font-weight: 400;
}
.ant-tooltip .ant-tooltip-inner .custip .sp {
  color: #fff;
  font-size: 0.12rem;
  font-weight: bold;
}
.ant-tooltip .ant-tooltip-inner .btn-check {
  margin-left: 0.06rem;
  position: static;
  transform: none;
  margin-bottom: 0;
  min-width: 0.7rem;
  width: -webkit-max-content;
  width: max-content;
  height: 0.24rem;
  font-size: 0.1rem;
  font-weight: bold;
  border-radius: 0.12rem;
  background-color: #0057E6;
  color: #fff;
}

.noti-dot {
  background-color: #ff0000;
  width: 0.8vw;
  height: 0.8vw;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
}

.rotatec {
  animation: rspinc 2s linear infinite;
  /* 动画持续2秒，线性，无限循环 */
}

.clockwise-rotatec {
  animation: clockwise-rspinc 2s linear infinite;
  /* 动画持续2秒，线性，无限循环 */
}

.fw4, :global(.ant-dropdown-menu), .ant-btn {
  font-weight: 400;
}

.fwb, .people, .balance_no, .balance_suffix, .gem, .balance {
  font-weight: bold;
}

.fz8 {
  font-size: 1.066667vw;
}

.fz12 {
  font-size: 1.6vw;
}

.fz13 {
  font-size: 1.733333vw;
}

.fz14, :global(.ant-dropdown-menu) {
  font-size: 1.866667vw;
}

.fz16 {
  font-size: 2.133333vw;
}

.fz18 {
  font-size: 2.4vw;
}

.fz20 {
  font-size: 2.666667vw;
}

.fz22 {
  font-size: 2.933333vw;
}

.fz24 {
  font-size: 3.2vw;
}

.fz28 {
  font-size: 3.733333vw;
}

.fz32 {
  font-size: 4.266667vw;
}

.fgray {
  color: #667495;
  font-size: 1.866667vw;
}

.faward {
  font-size: 1.866667vw;
  color: #DCDEFC;
}

.a-name {
  color: #DCDEFC;
}

.a-color {
  color: #ffffff;
}

.a-abrad {
  color: #667495;
}

.a-info {
  text-align: center;
}

.balance {
  color: #1FFFD1;
}

.gem {
  color: #F7E01F;
}

.balance_suffix {
  color: #1FFFD1;
}

.balance_no {
  color: #1FFFD1;
}

.people {
  color: #ffffff;
  display: flex;
  align-items: center;
}
.people::before {
  content: "";
  display: block;
  width: 2.4vw;
  height: 2.133333vw;
  margin-right: 0.933333vw;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAQAAACxD+fXAAABBUlEQVR4AWXKM8AVABzF0X+2bRtTXrNrzkv2lDG9JZt7dm3Z9pS5ZLvTh+rp/sZ7IntqOOWnb9ZnHsWMsMpMNdX21l3TJXy2U8FUdAowwUqXRV6l0DdJBgLo7LJB4m/HLEiiSQAGOiTxD3lufBJVBHDPAMxVSjX7PFEtiUI3N3zxxEJhMn7iixYiFYUyuqgnFBBK6KW9giIVDXbcbff8Mkpdq11wyhnHjVDkH5nsB/hmmDH4ZK91NjqH5yrlkloAhmqO+QqIv9V3yX1lw1bAEcW8NFFkdNWS8BTQ2yCfRVZtvQm3AY0ssU82quBHaGyxpZYobb2tslFZv0OysR5bbV1Gm33+A1vjWlWAOrHHAAAAAElFTkSuQmCC");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.stClor {
  color: orange;
  font-weight: bold;
}

.box-gray {
  mix-blend-mode: luminosity;
  opacity: 0.4;
}

.ellipsis, .ant-tabs-top :deep(.ant-tabs-nav) .ant-tabs-tab {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ellipsis2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.flex-alignitem-center {
  display: flex;
  align-items: center;
}

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

.flex-all-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.text-center {
  text-align: center;
}

.sortAsc,
.sortDesc {
  margin-left: 1px;
}

.sortAsc {
  transform: rotate(0deg);
}

.sortDesc {
  transform: rotate(180deg);
}

.instruction {
  cursor: pointer;
  border: 0.266667vw solid #1B2132;
  border-radius: 2.666667vw;
  background-color: #0F121E;
  width: 0.32vw;
  height: 0.4px;
}
.instruction:hover {
  background-color: #1b2137;
}

.instruction {
  margin: 0 auto;
  cursor: pointer;
  border: 0.266667vw solid #1B2132;
  border-radius: 2.666667vw;
  background-color: #0F121E;
  width: -webkit-max-content;
  width: max-content;
  padding: 0 2.4vw;
  height: 5.333333vw;
  font-weight: 400;
  font-size: 2.133333vw;
  color: #FFFFFF;
  line-height: 2.4vw;
}
.instruction .label {
  margin-left: 1.6vw;
}
.instruction:hover {
  background-color: #1b2137;
}

@keyframes boxTaDa {
  0% {
    transform: scaleX(1);
  }
  10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.3, 1.3, 1.3) rotate(3deg);
  }
  40%, 60%, 80% {
    transform: scale3d(1.2, 1.2, 1.2) rotate(-3deg);
  }
  to {
    transform: scaleX(1.4);
  }
}
@keyframes rspinc {
  from {
    transform: rotate(0deg);
    /* 从0度开始 */
  }
  to {
    transform: rotate(-360deg);
    /* 旋转到360度 */
  }
}
@keyframes clockwise-rspinc {
  from {
    transform: rotate(-360deg);
    /* 从0度开始 */
  }
  to {
    transform: rotate(0deg);
    /* 旋转到360度 */
  }
}
@keyframes itemFloat {
  0%, 100% {
    transform: translateY(-8px);
  }
  50% {
    transform: translateY(0%);
  }
}
@keyframes itemFloatd {
  0%, 100% {
    transform: translateY(--up);
  }
  50% {
    transform: translateY(--down);
  }
}
@keyframes breath {
  0%, 100% {
    /* 初始和结束亮度 */
    opacity: 0.3;
  }
  50% {
    /* 中间亮度 */
    opacity: 1;
  }
}
@keyframes box-award-card-in {
  0% {
    transform: scale(3);
    opacity: 0;
  }
  10% {
    transform: scale(0.9);
    opacity: 1;
  }
  20% {
    transform: scale(1);
  }
  35% {
    transform: translate(-1px, 1px);
  }
  50% {
    transform: translate(0);
  }
  100% {
    opacity: 1;
  }
}
@keyframes box-award-card-out {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  10% {
    transform: scale(1.1);
    opacity: 1;
  }
  20% {
    transform: scale(1);
  }
  35% {
    transform: translate(1px, -1px);
  }
  50% {
    transform: translate(0);
  }
  100% {
    opacity: 0;
  }
}
:root {
  font-family: Inter, systpx-ui, Avenir, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-weight: 400;
  color-schpxe: light dark;
  color: rgba(255, 255, 255, 0.87);
  background-color: #131723;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

::-webkit-scrollbar {
  width: 0.8vw;
  height: 0.8vw;
  background: inherit;
}

::-webkit-scrollbar-thumb {
  width: 0.8vw;
  height: 0.8vw;
  border-radius: 4.166667vw;
  background: rgba(57, 73, 92, 0.9);
}

html {
  font-size: 13.333333vw;
}

body {
  background-color: #131723 !important;
  font-size: 2.133333vw;
  margin: 0;
  display: flex;
  height: -webkit-max-content !important;
  height: max-content !important;
}

#app {
  margin: 0 auto;
  width: 100vw;
  color: #ffffff;
  overflow-x: hidden;
}

.head {
  height: 15.2vw;
}

.type-area {
  max-width: 100vw;
  border: 1.6vw solid orange;
}
.type-area a {
  font-weight: 500;
  color: #a7abba;
  text-decoration: inherit;
}
.type-area a:hover {
  color: #5f687b;
}

.tam100 {
  margin-left: 1.333333vw;
  margin-right: 1.333333vw;
}

.tam260 {
  margin-left: 3.466667vw;
  margin-right: 3.466667vw;
}

/*分辨率低于1280，采用下面的样式*/
/*分辨率高于1440，采用下面的样式*/
.ant-modal div[aria-hidden=true] {
  display: none !important;
}

.award-list {
  overflow: hidden;
  margin-bottom: 8vw;
}
.award-list .award {
  flex-shrink: 0;
  position: relative;
  background-color: #1B2132;
  border: 1px solid #262D40;
  margin-right: 0.266667vw;
  border-bottom: 0.4vw solid #FF9D1E;
}
.award-list .award .icon {
  position: absolute;
}
.award-list .award .icon-wrapper {
  width: 3.2vw;
  height: 3.2vw;
  border-radius: 50%;
  background-color: #2a415a;
  display: flex;
  align-itpxs: center;
  justify-content: center;
}
.award-list .award .wait-bg {
  background-color: #5C4024;
}
.award-list .award .exchange-bg {
  background-color: #51245C;
}
.award-list .award .success-bg {
  background-color: #2f505b;
}
.award-list .award .price {
  top: 2.666667vw;
  right: 1.333333vw;
}
.award-list .award .icon-down {
  left: 50%;
  transform: translateX(-50%);
  bottom: 0.2px;
}
.award-list .award .icon-right {
  top: 1.6vw;
  right: 1.866667vw;
}
.award-list .award .icon-left {
  left: 1.6vw;
  top: 1.6vw;
}
.award-list .hover-modal {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  opacity: 0;
  display: none;
  visibility: hidden;
  transition: all 0.3s;
  background-color: rgba(23, 29, 46, 0.8);
  justify-content: flex-start;
  flex-direction: column;
}
.award-list .hover-modal uni-image {
  border-radius: 50%;
  width: 10.666667vw;
  height: 10.666667vw;
  margin-top: 4.133333vw;
}
.award-list .hover-modal .uname {
  margin-top: 2.666667vw;
  margin-bottom: 1.2vw;
  color: #fff;
}
.award-list .hover-modal .time {
  color: #667495;
}

.award-image {
  width: 22.8vw;
  height: 21.333333vw;
}
.award-image .award-img {
  width: inherit;
  position: absolute;
}
.clear {
  width: 100%;
  height: 5.066667vw;
  border-radius: 0.666667vw;
  color: #ffffff;
  font-size: 1.866667vw;
  font-weight: 400;
  margin-top: 1.333333vw;
  cursor: pointer;
}

uni-button {
  border-radius: 1.066667vw;
  border: 1px solid transparent;
  padding: 8vw 16vw;
  font-size: 1.333333vw;
  font-weight: 500;
  font-family: inherit;
  background-color: #1a1a1a;
  cursor: pointer;
  transition: border-color 0.25s;
}

uni-button:hover {
  border-color: #646cff;
}

@media (prefers-color-schpxe: light) {
  :root {
    color: #213547;
  }

  a:hover {
    color: #747bff;
  }

  uni-button {
    background-color: #f9f9f9;
  }
}