.am-icon {
  fill: currentColor;
  background-size: cover;
  width: 0.44rem;
  height: 0.44rem;
}

.am-icon-xxs {
  width: 0.3rem;
  height: 0.3rem;
}

.am-icon-xs {
  width: 0.36rem;
  height: 0.36rem;
}

.am-icon-sm {
  width: 0.42rem;
  height: 0.42rem;
}

.am-icon-md {
  width: 0.44rem;
  height: 0.44rem;
}

.am-icon-lg {
  width: 0.72rem;
  height: 0.72rem;
}

.am-icon-loading {
  -webkit-animation: cirle-anim 1s linear infinite;
  animation: cirle-anim 1s linear infinite;
}

@-webkit-keyframes cirle-anim {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@keyframes cirle-anim {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

.language-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 0.5rem;
  height: 0.5rem;
}

.language-wrap .flag-icon {
  width: 0.44rem;
  height: 0.44rem;
}

.language-wrap .language-bg {
  background-image:
    linear-gradient(180deg, #262525, #262525),
    linear-gradient(90deg, #ff9948 20%, #ff73044d 50%, #262525);
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  border: 0.02rem solid transparent;
  border-radius: 0.5rem;
  -webkit-clip-path: inset(0 round 0.5rem);
  clip-path: inset(0 round 0.5rem);
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 0.8rem;
}

.language-wrap .active-lang {
  display: flex;
  align-items: center;
  padding: 0 0.2rem;
  font-size: 0.28rem;
  font-weight: 700;
  line-height: normal;
  color: #fff;
}

.language-wrap .lang-icon {
  width: 0.5rem;
  height: 0.5rem;
  margin-right: 0.2rem;
}

.language-wrap .btn-change {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.8rem;
  height: 0.8rem;
}

.language-wrap .btn-change .am-icon {
  width: 0.4rem;
  height: 0.4rem;
}

.language-wrap .language-title {
  padding: 0.208rem 0.312rem;
  font-size: 0.312rem;
  line-height: 0.3536rem;
  color: #fff;
  text-align: center;
}

.language-wrap .language-name {
  display: inline-block;
  border-radius: 0.1rem;
}

.language-wrap .language-icon {
  width: 0.44rem;
  height: 0.44rem;
  margin-right: 0.08rem;
}

.language-wrap .icon-select {
  width: 0.3118rem;
  height: 0.3118rem;
  border: 0.02rem solid #3b9e7a;
  border-radius: 0.3118rem;
}

.language-wrap .icon-select.on {
  background: #f9fd4e;
  border: 0.02rem solid #f9fd4e;
  border-radius: 0.3118rem;
}

.language-wrap .language-list {
  padding: 0 0.228rem;
}

.language-wrap .language-list .language-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 0.8rem;
  font-size: 0.228rem;
  color: #fff;
}

.language-wrap .language-list .language-item.language-active {
  color: #f9fd4e;
}

.language-wrap .language-list .item-info {
  display: flex;
  align-items: center;
}

.language-wrap .language-list .icon-correct {
  width: 0.52rem;
  height: 0.52rem;
  margin-left: 0.26rem;
}

.language-wrap .btn-confirm {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 0.7rem;
  margin-top: 0.4rem;
  font-size: 0.28rem;
  font-weight: 600;
  line-height: normal;
  color: #000;
  background: linear-gradient(90deg, #53d41a, #93f388);
  border-radius: 0.2rem;
}

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

figcaption,
figure,
main {
  display: block;
}

figure {
  margin: 1em 0.4rem;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: inherit;
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

dfn {
  font-style: italic;
}

mark {
  background-color: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

audio,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[type="reset"],
[type="submit"],
button,
html [type="button"] {
  -webkit-appearance: button;
}

[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  display: inline-block;
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -0.02rem;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details,
menu {
  display: block;
}

summary {
  display: list-item;
}

canvas {
  display: inline-block;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

.hairline-remove-right-bottom {
  border-bottom: 0;
}

.hairline-remove-right-bottom:after {
  display: none;
}

.hairline-remove-right-bottom-bak:after {
  display: none;
}

.hairline-remove-left-top:before {
  display: none;
}

.am-fade-appear,
.am-fade-enter {
  opacity: 0;
}

.am-fade-appear,
.am-fade-enter,
.am-fade-leave {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.am-fade-appear.am-fade-appear-active,
.am-fade-enter.am-fade-enter-active {
  -webkit-animation-name: amFadeIn;
  animation-name: amFadeIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.am-fade-leave.am-fade-leave-active {
  -webkit-animation-name: amFadeOut;
  animation-name: amFadeOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

@-webkit-keyframes amFadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes amFadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes amFadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes amFadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.am-slide-up-appear,
.am-slide-up-enter {
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}

.am-slide-up-appear,
.am-slide-up-enter,
.am-slide-up-leave {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.am-slide-up-appear.am-slide-up-appear-active,
.am-slide-up-enter.am-slide-up-enter-active {
  -webkit-animation-name: amSlideUpIn;
  animation-name: amSlideUpIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.am-slide-up-leave.am-slide-up-leave-active {
  -webkit-animation-name: amSlideUpOut;
  animation-name: amSlideUpOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

@-webkit-keyframes amSlideUpIn {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  to {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}

@keyframes amSlideUpIn {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  to {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}

@-webkit-keyframes amSlideUpOut {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}

@keyframes amSlideUpOut {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}

.am.am-zoom-enter,
.am.am-zoom-leave {
  display: block;
}

.am-zoom-appear,
.am-zoom-enter {
  opacity: 0;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
  animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.am-zoom-leave {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
  animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.am-zoom-appear.am-zoom-appear-active,
.am-zoom-enter.am-zoom-enter-active {
  -webkit-animation-name: amZoomIn;
  animation-name: amZoomIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.am-zoom-leave.am-zoom-leave-active {
  -webkit-animation-name: amZoomOut;
  animation-name: amZoomOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

@-webkit-keyframes amZoomIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes amZoomIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes amZoomOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}

@keyframes amZoomOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}

.am-slide-down-appear,
.am-slide-down-enter {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}

.am-slide-down-appear,
.am-slide-down-enter,
.am-slide-down-leave {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.am-slide-down-appear.am-slide-down-appear-active,
.am-slide-down-enter.am-slide-down-enter-active {
  -webkit-animation-name: amSlideDownIn;
  animation-name: amSlideDownIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.am-slide-down-leave.am-slide-down-leave-active {
  -webkit-animation-name: amSlideDownOut;
  animation-name: amSlideDownOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

@-webkit-keyframes amSlideDownIn {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  to {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}

@keyframes amSlideDownIn {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  to {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}

@-webkit-keyframes amSlideDownOut {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  to {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

@keyframes amSlideDownOut {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  to {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

*,
:after,
:before {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html {
  font-size: 50px;
}

body {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 0.32rem;
  background-color: #f5f5f9;
}

[contenteditable] {
  -webkit-user-select: auto !important;
}

:focus {
  outline: none;
}

a {
  background: transparent;
  text-decoration: none;
  outline: none;
}

.hairline-remove-right-bottom {
  border-bottom: 0;
}

.hairline-remove-right-bottom:after {
  display: none;
}

.hairline-remove-right-bottom-bak:after {
  display: none;
}

.hairline-remove-left-top:before {
  display: none;
}

.am-modal {
  position: relative;
}

.am-modal-mask {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.4);
}

.am-modal-mask-hidden {
  display: none;
}

.am-modal-wrap {
  position: fixed;
  overflow: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  z-index: 999;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.am-modal.am-modal-transparent .am-modal-content {
  border-radius: 0.14rem;
  height: auto;
  padding-top: 0.3rem;
}

.am-modal.am-modal-transparent .am-modal-content .am-modal-body {
  padding: 0 0.3rem 0.3rem;
}

.am-modal-title {
  margin: 0;
  font-size: 0.36rem;
  line-height: 1;
  color: #000;
  text-align: center;
}

.am-modal-header {
  padding: 0.12rem 0.3rem 0.3rem;
}

.am-modal-content {
  position: relative;
  background-color: #fff;
  border: 0;
  background-clip: padding-box;
  text-align: center;
  height: 100%;
  overflow: hidden;
}

.am-modal-close {
  border: 0;
  padding: 0;
  background-color: transparent;
  outline: none;
  position: absolute;
  right: 0.3rem;
  z-index: 999;
  height: 0.42rem;
  width: 0.42rem;
}

.am-modal-close-x {
  display: inline-block;
  width: 0.3rem;
  height: 0.3rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='30' height='30' viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23888' fill-rule='evenodd'%3E%3Cpath d='M1.414 0l28.284 28.284-1.414 1.414L0 1.414z'/%3E%3Cpath d='M28.284 0L0 28.284l1.414 1.414L29.698 1.414z'/%3E%3C/g%3E%3C/svg%3E");
}

.am-modal-body {
  font-size: 0.3rem;
  color: #888;
  height: 100%;
  line-height: 1.5;
  overflow: auto;
}

.am-modal-button-group-h {
  border-top: 1px solid #ddd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.am-modal-button-group-h .am-modal-button {
  -webkit-touch-callout: none;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1 1 0%;
  box-sizing: border-box;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #108ee9;
  font-size: 0.36rem;
  height: 1rem;
  line-height: 1rem;
  display: block;
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.am-modal-button-group-h .am-modal-button:first-child {
  color: #000;
  border-right: 1px solid #ddd;
}

.am-modal-button-group-v .am-modal-button {
  -webkit-touch-callout: none;
  border-top: 1px solid #ddd;
  box-sizing: border-box;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #108ee9;
  font-size: 0.36rem;
  height: 1rem;
  line-height: 1rem;
  display: block;
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.am-modal-button-active {
  background-color: #ddd;
}

.am-modal-input {
  height: 0.72rem;
  line-height: 1;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.am-modal-input:first-child {
  margin-top: 0.18rem;
  border-top: 1px solid #ddd;
  border-top-left-radius: 0.06rem;
  border-top-right-radius: 0.06rem;
}

.am-modal-input:last-child {
  border-bottom-left-radius: 0.06rem;
  border-bottom-right-radius: 0.06rem;
}

.am-modal-input input {
  border: 0;
  width: 98%;
  height: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 0.06rem 0;
}

.am-modal-input input::-webkit-input-placeholder {
  font-size: 0.28rem;
  color: #ccc;
  padding-left: 0.16rem;
}

.am-modal-input input:-ms-input-placeholder {
  font-size: 0.28rem;
  color: #ccc;
  padding-left: 0.16rem;
}

.am-modal-input input::placeholder {
  font-size: 0.28rem;
  color: #ccc;
  padding-left: 0.16rem;
}

.am-modal.am-modal-transparent.am-modal-android .am-modal-content {
  border-radius: 0;
}

.am-modal.am-modal-transparent.am-modal-android
  .am-modal-content
  .am-modal-header {
  padding: 0.18rem 0.48rem 0.24rem;
}

.am-modal.am-modal-transparent.am-modal-android
  .am-modal-content
  .am-modal-header
  .am-modal-title {
  text-align: left;
  font-size: 0.42rem;
  color: #000;
}

.am-modal.am-modal-transparent.am-modal-android
  .am-modal-content
  .am-modal-body {
  color: #000;
  text-align: left;
  padding: 0 0.48rem 0.3rem;
}

.am-modal.am-modal-transparent.am-modal-android
  .am-modal-content
  .am-modal-body
  .am-modal-input {
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.am-modal.am-modal-transparent.am-modal-android
  .am-modal-content
  .am-modal-body
  .am-modal-input:first-child {
  border-top: 0;
}

.am-modal.am-modal-transparent.am-modal-android
  .am-modal-content
  .am-modal-footer {
  padding-bottom: 0.24rem;
}

.am-modal.am-modal-transparent.am-modal-android
  .am-modal-content
  .am-modal-footer
  .am-modal-button-group-h {
  overflow: hidden;
  border-top: 0;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 0 0.24rem;
}

.am-modal.am-modal-transparent.am-modal-android
  .am-modal-content
  .am-modal-footer
  .am-modal-button-group-h
  .am-modal-button {
  -webkit-box-flex: initial;
  -ms-flex: initial;
  flex: initial;
  margin-left: 0.06rem;
  padding: 0 0.3rem;
  height: 0.96rem;
  box-sizing: border-box;
}

.am-modal.am-modal-transparent.am-modal-android
  .am-modal-content
  .am-modal-footer
  .am-modal-button-group-h
  .am-modal-button:first-child {
  border-right: 0;
  color: #777;
}

.am-modal.am-modal-transparent.am-modal-android
  .am-modal-content
  .am-modal-footer
  .am-modal-button-group-v.am-modal-button-group-normal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  overflow: hidden;
  padding: 0 0.24rem;
}

.am-modal.am-modal-transparent.am-modal-android
  .am-modal-content
  .am-modal-footer
  .am-modal-button-group-v.am-modal-button-group-normal
  .am-modal-button {
  border-top: 0;
  padding: 0 0.3rem;
  margin-left: 0.06rem;
  height: 0.96rem;
  box-sizing: border-box;
}

.am-modal.am-modal-transparent.am-modal-android
  .am-modal-content
  .am-modal-footer
  .am-modal-button-group-operation
  .am-modal-button {
  text-align: start;
  padding-left: 0.3rem;
}

.am-modal.am-modal-operation .am-modal-content {
  border-radius: 0.14rem;
  height: auto;
  padding-top: 0;
}

.am-modal.am-modal-operation .am-modal-content .am-modal-body {
  padding: 0 !important;
}

.am-modal.am-modal-operation .am-modal-content .am-modal-button {
  color: #000;
  text-align: center;
}

.hairline-remove-right-bottom {
  border-bottom: 0;
}

.hairline-remove-right-bottom:after {
  display: none;
}

.hairline-remove-right-bottom-bak:after {
  display: none;
}

.hairline-remove-left-top:before {
  display: none;
}

.am-toast {
  position: fixed;
  width: 100%;
  z-index: 1999;
  font-size: 0.28rem;
  text-align: center;
}

.am-toast > span {
  max-width: 50%;
}

.am-toast.am-toast-mask {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  left: 0;
  top: 0;
}

.am-toast.am-toast-nomask {
  position: fixed;
  max-width: 50%;
  width: auto;
  left: 50%;
  top: 50%;
}

.am-toast.am-toast-nomask .am-toast-notice {
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.am-toast-notice-content .am-toast-text {
  min-width: 1.2rem;
  border-radius: 0.06rem;
  color: #fff;
  background-color: rgba(58, 58, 58, 0.9);
  line-height: 1.5;
  padding: 0.18rem 0.3rem;
}

.am-toast-notice-content .am-toast-text.am-toast-text-icon {
  border-radius: 0.1rem;
  padding: 0.3rem;
}

.am-toast-notice-content .am-toast-text.am-toast-text-icon .am-toast-text-info {
  margin-top: 0.12rem;
}

.official-partner-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.official-partner-wrap .partner-title {
  text-align: left;
}

.official-partner-wrap .partner-title h5 {
  font-size: 0.36rem;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  color: #000;
}

.official-partner-wrap .partner-title p {
  font-size: 0.28rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #000;
}

.official-partner-wrap .partner-img {
  display: flex;
  align-items: center;
}

.official-partner-wrap .partner-img img {
  display: block;
  height: 1.04rem;
}

.official-partner-wrap .partner-img .h-line {
  width: 0.02rem;
  height: 0.75rem;
  margin: 0 0.22rem;
  background: #4f4f4f;
}

.form-header {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.28rem;
  align-items: center;
  width: 100%;
  padding: 0.2rem 0 0.42rem;
}

.form-header .form-logo {
  display: block;
  height: 1.2rem;
}

.change-password-container .form-wrap input:disabled {
  background: #2d2d2d !important;
}

.btn-goback {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0.14rem;
  right: 0.27rem;
  z-index: 10;
  width: 0.4rem;
  height: 0.4rem;
}

.btn-goback .icon-close {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.page-goback {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0.17rem;
  left: 0.17rem;
  z-index: 10;
  color: #fff;
}

.page-goback .icon-return {
  display: block;
  width: 0.27rem;
  height: 0.26rem;
  object-fit: contain;
}

.btn-return {
  width: 0.42rem;
  height: 0.42rem;
}

.btn-return .icon-return {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

:root {
  --swiper-pagination-bullet-horizontal-gap: 0.13rem;
  --swiper-pagination-bottom: 0;
}

.page-banner {
  position: relative;
  width: 100%;
}

.page-banner .swiper {
  width: 100%;
}

.page-banner .swiper-inner {
  width: 100%;
  overflow: hidden;
}

.page-banner .swiper-pagination {
  bottom: var(--swiper-pagination-bottom) !important;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 0.14rem;
}

.page-banner .swiper-pagination-bullet {
  flex-shrink: 0;
  width: 0.1rem;
  height: 0.1rem;
  background: #8ac5da;
  border-radius: 0.1rem;
  opacity: 1;
}

.page-banner .swiper-pagination-bullet-active {
  width: 0.14rem;
  height: 0.14rem;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNy41NDY2IiBjeT0iNy41OTM5NyIgcj0iNS4xMTA1NyIgZmlsbD0iIzAwQUVFRiIvPgo8Y2lyY2xlIGN4PSI3LjU0NjciIGN5PSI3LjU5MzIxIiByPSI2LjM1NTEiIHN0cm9rZT0iIzAwQUVFRiIgc3Ryb2tlLXdpZHRoPSIwLjczODY1NSIvPgo8L3N2Zz4K)
    no-repeat 50%/100% 100%;
}

.page-banner img {
  display: block;
  width: 100%;
  object-fit: cover;
}

@keyframes colorProgress {
  0% {
    width: 0;
  }
  to {
    width: 0.5rem;
  }
}

.forget-password-container {
  width: 100%;
}

.forget-password-container .form-wrap {
  display: flex;
  flex-direction: column;
}

.forget-password-container .form-wrap .form-bg {
  flex: 1 1 0%;
}

.forget-password-container .form-wrap .form-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.form-page-container .login-form-tip {
  padding: 0 0.5rem;
  margin-top: 0.28rem;
  font-size: 0.26rem;
  font-style: normal;
  font-weight: 600;
  line-height: 131%;
  color: #000;
}

.hairline-remove-right-bottom {
  border-bottom: 0;
}

.hairline-remove-right-bottom:after {
  display: none;
}

.hairline-remove-right-bottom-bak:after {
  display: none;
}

.hairline-remove-left-top:before {
  display: none;
}

.am-picker-col {
  display: block;
  position: relative;
  height: 4.76rem;
  overflow: hidden;
  width: 100%;
}

.am-picker-col-content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1;
  padding: 2.04rem 0;
}

.am-picker-col-item {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  text-align: center;
  font-size: 0.32rem;
  height: 0.68rem;
  line-height: 0.68rem;
  color: #000;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.am-picker-col-item-selected {
  font-size: 0.34rem;
}

.am-picker-col-mask {
  top: 0;
  height: 100%;
  margin: 0 auto;
  background-image:
    linear-gradient(180deg, hsla(0, 0%, 100%, 0.95), hsla(0, 0%, 100%, 0.6)),
    linear-gradient(0deg, hsla(0, 0%, 100%, 0.95), hsla(0, 0%, 100%, 0.6));
  background-position: top, bottom;
  background-size: 100% 2.04rem;
  background-repeat: no-repeat;
}

.am-picker-col-indicator,
.am-picker-col-mask {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 3;
}

.am-picker-col-indicator {
  box-sizing: border-box;
  height: 0.68rem;
  top: 2.04rem;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.am-picker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.am-picker-item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1 1 0%;
  text-align: center;
}

.hairline-remove-right-bottom {
  border-bottom: 0;
}

.hairline-remove-right-bottom:after {
  display: none;
}

.hairline-remove-right-bottom-bak:after {
  display: none;
}

.hairline-remove-left-top:before {
  display: none;
}

.am-picker-popup {
  left: 0;
  bottom: 0;
  position: fixed;
  width: 100%;
  background-color: #fff;
}

.am-picker-popup-wrap {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

.am-picker-popup-mask,
.am-picker-popup-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
}

.am-picker-popup-mask {
  background-color: rgba(0, 0, 0, 0.4);
  height: 100%;
}

.am-picker-popup-mask-hidden {
  display: none;
}

.am-picker-popup-header {
  background-image: linear-gradient(
    180deg,
    #e7e7e7,
    #e7e7e7,
    transparent,
    transparent
  );
  background-position: bottom;
  background-size: 100% 1px;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.am-picker-popup-header:after {
  display: block;
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  width: 100%;
  border-bottom: 1px solid #ddd;
}

.am-picker-popup-header .am-picker-popup-header-right {
  text-align: right;
}

.am-picker-popup-item {
  color: #108ee9;
  font-size: 0.34rem;
  padding: 0.18rem 0.3rem;
  height: 0.84rem;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.am-picker-popup-item-active {
  background-color: #ddd;
}

.am-picker-popup-title {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1 1 0%;
  text-align: center;
  color: #000;
}

.am-picker-popup .am-picker-popup-close {
  display: none;
}

.am-picker-col {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1 1 0%;
}

.form-page-container input[name="birthday"] {
  min-height: 1.2em;
  -webkit-appearance: textfield;
  appearance: textfield;
}

.form-page-container input[name="birthday"]::-webkit-datetime-edit {
  display: block;
  padding: 0;
}

.form-page-container input[name="birthday"]::-webkit-calendar-picker-indicator,
.form-page-container input[name="birthday"]::-webkit-inner-spin-button {
  display: none;
}

.form-page-container
  input[name="birthday"]::-webkit-datetime-edit-fields-wrapper {
  color: #707070;
}

.form-page-container input[name="birthday"]::-webkit-datetime-edit {
  display: inline-block;
  flex: 1 1 0%;
  min-width: 0;
  overflow: hidden;
  -webkit-user-modify: read-only !important;
}

.footer-home-screen-shell {
  position: fixed;
  bottom: 0.35rem !important;
  left: 0;
  z-index: 99999;
  width: 100%;
  padding: 0;
  text-align: center;
  background-color: transparent;
  transition: all 0.3s;
}

.footer-home-screen-shell.footer-home-screen-hide {
  bottom: -4rem !important;
}

.footer-home-screen-shell.footer-home-screen-hide .model-mask {
  display: none;
}

.footer-home-screen-shell .model-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}

.footer-home-screen-shell .icon {
  width: 0.44rem;
  height: 0.44rem;
  fill: #fff;
}

.footer-home-screen-shell .icon__share {
  width: 0.6rem;
  height: 0.6rem;
  margin: 0;
  transform: translateY(10%);
}

.footer-home-screen-shell .icon__close-button {
  position: absolute;
  top: 0.45em;
  right: 0.45em;
  width: 0.875em;
  height: 0.875em;
}

.footer-home-screen-shell.agent .add-home-screen {
  background: #7bc8f1;
}

.footer-home-screen-shell.agent .add-home-screen:after {
  border-top: 0.2rem solid #7bc8f1;
}

.footer-home-screen-shell .add-home-screen {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 5.95rem;
  height: 0.9rem;
  margin: 0 auto;
  background: #f09d00;
  border-radius: 0.15rem;
}

.footer-home-screen-shell .add-home-screen:after {
  position: absolute;
  bottom: -0.18rem;
  left: 50%;
  width: 0;
  height: 0;
  content: "";
  border-top: 0.2rem solid #f09d00;
  border-right: 0.2rem solid transparent;
  border-left: 0.2rem solid transparent;
  transform: translateX(-50%);
}

.footer-home-screen-shell .add-home-screen .icon_close {
  position: absolute;
  top: -0.15rem;
  right: -0.15rem;
  width: 0.45rem;
  height: 0.45rem;
}

.footer-home-screen-shell .app-icon {
  flex: 0 0 1.28rem;
  width: 1.28rem;
  height: 1.28rem;
  vertical-align: middle;
  border-radius: 0.8em;
}

.footer-home-screen-shell .home-screen-tips {
  display: flex;
  align-items: center;
  padding-left: 1em;
  font-size: 0.24rem;
  color: #fff;
  text-align: left;
}

.footer-home-screen-shell .home-screen-tips .icon_click {
  display: inline-block;
  width: 0.28rem;
  height: 0.37rem;
  margin: 0 0.15rem;
}

.footer-home-screen-shell .home-screen-tips .icon_add {
  display: inline-block;
  width: 0.33rem;
  height: 0.33rem;
  margin: 0 0.15rem;
}

.footer-home-screen-shell .home-screen-tips .label {
  display: inline-block;
  line-height: normal;
  transform: translateY(8%);
}

.footer-home-screen-shell .add-app-icon {
  display: inline-block;
  width: 0.1rem;
  height: 0.1rem;
}

.footer-home-screen-shell .home-screen-tips-second {
  display: flex;
  align-items: center;
}

.footer-home-screen-shell .home-screen-tips-first .title {
  display: block;
  padding-bottom: 0.2rem;
  font-size: 0.36rem;
  color: #fff;
  text-align: left;
}

.footer-home-screen-shell .home-screen-tips-first .content {
  display: block;
  padding-bottom: 1em;
  font-size: 0.24rem;
  line-height: 1.5;
  color: #fff;
  text-align: left;
}

.footer-home-screen-shell .home-screen-tips-first h4,
.footer-home-screen-shell span {
  line-height: 1;
}

.footer-home-screen-shell .btn-primary {
  height: auto;
  padding: 0.14rem;
  margin: 0 auto;
  font-size: 0.3rem;
}

.footer-home-screen-shell .home-screen-tips-profile {
  width: 100%;
}

.app-download-popup .common-popup-content .popup-close {
  top: 0.16rem;
  right: 0.16rem;
  width: 0.48rem;
  height: 0.48rem;
}

.app-download-popup .app-download-content {
  position: relative;
  width: 6rem;
  padding: 0.6rem 0.24rem;
  background: #2e6ff1;
  border-radius: 0.24rem;
}

.app-download-popup .download-banner {
  position: absolute;
  top: -1.23rem;
  left: 0.2rem;
  width: 6.47rem;
  height: 4.36rem;
  object-fit: contain;
}

.app-download-popup .app-download-header {
  position: relative;
  height: 2.58rem;
  font-size: 0.3rem;
  line-height: normal;
  color: #171616;
  background:
    radial-gradient(
      226.27% 83.48% at 54.76% -93.51%,
      #a8a8a8 0,
      #878787 28%,
      #575757 45%,
      #313131 61%,
      #161616 76%,
      #060606 89%,
      #000 100%
    ),
    #f09d00;
  border-radius: 0.15rem 0.15rem 0 0;
  background-blend-mode: color-dodge, normal;
}

.app-download-popup .download-logo {
  display: block;
  height: 1.36rem;
  margin: 0 auto;
}

.app-download-popup .download-main {
  position: relative;
  z-index: 10;
  margin-top: 0.3rem;
}

.app-download-popup .download-title {
  font-size: 0.4rem;
  font-weight: 600;
  line-height: normal;
  color: #fff;
  text-align: center;
}

.app-download-popup .download-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.08rem 0.12rem;
  font-size: 0.28rem;
  font-weight: 600;
  line-height: normal;
  color: #118eea;
  background: #fff;
  border-radius: 0.12rem;
}

.app-download-popup .download-item + .download-item {
  margin-top: 0.32rem;
}

.app-download-popup .download-item .app-info {
  display: flex;
  align-items: center;
}

.app-download-popup .download-item .sys-icon {
  width: 0.28rem;
  height: 0.28rem;
  margin-right: 0.08rem;
}

.app-download-popup .download-item .app-icon {
  width: 0.56rem;
  height: 0.56rem;
  margin-right: 0.09rem;
  border-radius: 0.08rem;
}

.app-download-popup .download-item .phone-icon {
  width: 0.4rem;
  height: 0.4rem;
  margin-right: 0.26rem;
}

.app-download-popup .download-item .down-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background: radial-gradient(
    71.87% 71.87% at 51.61% 5.21%,
    #73d3ff 0,
    #3e7efd 100%
  );
  border-bottom: 0.02rem solid #0095ff;
  min-width: 1.8rem;
  height: 0.64rem;
  padding: 0 0.2rem;
  font-size: 0.22rem;
  font-weight: 500;
  line-height: normal;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  border-radius: 0.12rem;
}

.unread-wrap {
  position: absolute;
  top: -0.1rem;
  right: -0.1rem;
}

.unread-wrap i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.3rem;
  height: 0.3rem;
  font-size: 0.16rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: var(--text-inverse);
  background: red;
  border-radius: 50%;
}

.current-time-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.1rem;
  width: 100%;
  margin-top: 0.0682rem;
  font-size: 0.23864rem;
  font-weight: 400;
  line-height: normal;
  color: #fff;
  text-align: center;
}

.left-side-menu {
  top: 0;
  width: 6.16rem;
}

.left-side-menu .side-menu-layout {
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
  overflow: hidden;
  background: #fff;
}

.left-side-menu .side-menu-layout.full-h {
  height: calc(var(--vh, 1vh) * 100 - var(--header-height));
}

.left-side-menu .side-menu-header {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 1.125rem;
  background: #bc0007;
}

.left-side-menu .side-menu-header .close-menu {
  position: absolute;
  top: 0.2rem;
  right: 0.2rem;
  color: #fff;
}

.left-side-menu .side-menu-header .close-menu .icon-return {
  display: block;
  width: 0.27rem;
  height: 0.26rem;
  object-fit: contain;
}

.left-side-menu .side-menu-header .side-partner {
  display: block;
  height: 0.563rem;
}

.left-side-menu .side-menu-content {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: calc(100% - 1.125rem);
  padding: 0.1rem 0.2rem 0.4rem;
  overflow-y: auto;
  background: linear-gradient(180deg, #faeeeb, #f9f1ef 51.92%, #f8f8f8);
}

.left-side-menu .btn-login,
.left-side-menu .btn-logout {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 0.85rem;
  margin-top: 0.15rem;
  font-size: 0.30682rem;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  text-transform: capitalize;
}

.left-side-menu .btn-login {
  color: var(--btn-text);
  background: var(--btn-bg);
  border-radius: 0.13651rem;
}

.left-side-menu .btn-logout-wrap {
  display: flex;
  flex: 1 1 0%;
  align-items: flex-end;
  justify-content: center;
}

.left-side-menu .btn-logout {
  color: red;
  border: 1.705px solid red;
  border-radius: 0.13636rem;
}

.left-side-menu .side-menu-nav {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.12rem;
}

.left-side-menu .side-title {
  margin: 0.17rem 0 0.2rem;
  font-size: 0.24rem;
  font-weight: 400;
  color: #562b2b;
}

.left-side-menu .side-nav-item {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
  gap: 0.0442rem;
  justify-content: flex-start;
  min-height: 1.19rem;
  padding: 0.05rem 0.4rem;
  background: linear-gradient(0deg, #fee1d9, #fffaf0);
  border: 1.7px solid hsla(1, 89%, 85%, 0);
  border-radius: 0.12rem;
  box-shadow: 0 1.7px 0.068rem 0 rgba(69, 0, 1, 0.17);
  -webkit-backdrop-filter: blur(0.6rem);
  backdrop-filter: blur(0.6rem);
}

.left-side-menu .side-nav-item.recover_password {
  padding: 0.05rem 0.44rem;
}

.left-side-menu .side-nav-item.in_reward_center {
  padding: 0.05rem 0.1rem;
}

.left-side-menu .side-nav-item.local_video_tutorial {
  padding: 0.04rem 0.56rem;
}

.left-side-menu .side-nav-item .nav-icon-wrap {
  position: relative;
  flex: 1 1 0%;
  flex-shrink: 0;
}

.left-side-menu .side-nav-item .nav-icon {
  display: block;
  flex-shrink: 0;
  width: 0.61364rem;
  height: 0.61364rem;
  object-fit: contain;
  -webkit-filter: drop-shadow(
    -1.705px 1.705px 0.068rem rgba(242, 81, 84, 0.61)
  );
  filter: drop-shadow(-1.705px 1.705px 0.068rem rgba(242, 81, 84, 0.61));
  fill: none;
}

.left-side-menu .side-nav-item .arrow-right {
  display: block;
  width: 0.23rem;
  height: 0.23rem;
}

.left-side-menu .side-nav-item .nav-name {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 0%;
  font-size: 0.1875rem;
  font-weight: 400;
  color: #562b2b;
  text-align: center;
  text-transform: capitalize;
}

.left-side-menu .side-nav-item.bottom-item {
  background: linear-gradient(359deg, #ffbcc9 -8.14%, #fff 99.04%);
  border: 1.7px solid hsla(0, 0%, 100%, 0.8);
  box-shadow: 0 1.7px 0.06818rem 0 rgba(69, 0, 1, 0.17);
}

.left-side-menu .common-accordion .common-accordion-header {
  padding: 0 0.32rem;
}

.left-side-menu .common-accordion .accordion-nav-item {
  display: flex;
  gap: 0.3rem;
  align-items: center;
  height: 1.04rem;
  padding: 0 0.64rem;
  font-size: 0.28rem;
  line-height: normal;
}

.left-side-menu .common-accordion .accordion-nav-item .accordion-nav-icon {
  width: 0.4rem;
  height: 0.4rem;
}

.left-side-menu .app-download {
  display: flex;
  gap: 0.3rem;
  align-items: center;
  width: 100%;
  height: 0.8rem;
  padding: 0 0.28rem;
  margin: 0.2rem 0 0;
  font-size: 0.32rem;
  font-weight: 700;
  line-height: normal;
  color: #fff;
  background: #19191a;
  border: 0.0204rem solid #505050;
  border-radius: 0.204rem;
}

.left-side-menu .app-download .icon-download {
  display: block;
  height: 0.48rem;
  object-fit: contain;
}

.left-side-menu .invite-friend {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0.2rem 0.1rem;
  font-size: 0.24rem;
  font-weight: 700;
  line-height: 123%;
  color: #fff;
  letter-spacing: 0.24px;
  background: radial-gradient(
    58.47% 58.47% at 50% -19.18%,
    #0b2067 0,
    #10225c 100%
  );
  border-radius: 0.18rem;
}

.left-side-menu .invite-friend .icon-invite {
  display: block;
  flex-shrink: 0;
  width: 0.69rem;
  height: 0.69rem;
  margin-right: 0.09rem;
}

.left-side-menu .service-nav-item {
  display: flex;
  gap: 0.24rem;
  align-items: center;
  padding: 0.12rem 0.3rem;
  font-size: 0.24rem;
  line-height: normal;
  color: #fff;
}

.left-side-menu .service-nav-item .service-icon {
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  object-fit: contain;
}

.left-side-menu .side-logged-wrap {
  padding: 0.2rem;
  margin-top: 0.24rem;
  background: #6756b8;
  border-radius: 0.24rem;
}

.left-side-menu .service-accordion {
  margin-top: 0.32rem;
}

.left-side-menu .accordion-active .side-nav-item {
  color: #fffc05;
}

.left-side-menu .accordion-active .side-nav-item .arrow-down {
  transform: rotate(0);
}

.deposit-popup-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100dvh;
  background: rgba(0, 0, 0, 0.7);
}

.deposit-popup-wrap .deposit-popup {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 6.94rem;
  padding: 0.349rem;
  background: #fff;
  border: 1px solid red;
  border-radius: 0.349rem;
}

.deposit-popup-wrap .deposit-popup .deposit-close {
  position: absolute;
  top: 0.116rem;
  right: 0.12rem;
}

.deposit-popup-wrap .deposit-popup .deposit-close svg {
  width: 0.45rem;
  height: 0.45rem;
}

.deposit-popup-wrap .deposit-popup-title {
  margin-bottom: 0.418rem;
  font-size: 0.558rem;
  font-weight: 700;
  color: #ec1c24;
}

.deposit-popup-wrap .deposit-popup-text-1 {
  display: flex;
  gap: 0.07rem;
  align-items: center;
  margin-bottom: 0.174rem;
  font-size: 0.279rem;
  font-weight: 700;
  color: #800;
}

.deposit-popup-wrap .deposit-popup-text-1 img {
  width: 0.349rem;
}

.deposit-popup-wrap .deposit-popup-text-2 {
  margin-bottom: 0.418rem;
  font-size: 0.244rem;
  font-weight: 400;
  color: #666;
}

.deposit-popup-wrap .deposit-popup-text-3 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 0.748rem;
  font-size: 0.348rem;
  font-weight: 700;
  color: #fff;
  background: linear-gradient(180deg, #ff0400, #810004);
  border-radius: 0.14rem;
}

.deposit-popup-wrap .deposit-popup-text-3 .deposit-popup-text-4 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -0.2rem;
  right: 0;
  width: 2.139rem;
  height: 0.366rem;
  font-size: 0.209rem;
  font-weight: 700;
  color: #5c0000;
  background: url(/m/deposit-popup-text-bg.d57a66c1.png) no-repeat 50%/100% auto;
}

.float-btn {
  position: fixed;
  right: 0.15rem;
  bottom: 2rem;
  z-index: 100;
  width: 1.8rem;
  height: 1.6rem;
  cursor: pointer;
  background: url(/m/login-btn.33ef16de.gif) no-repeat 50% / contain;
}

.float-btn .close-btn {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 101;
  width: 0.32rem;
  height: 0.32rem;
  cursor: pointer;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABMCAYAAADHl1ErAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAGm0lEQVR42u2cW2xURRjHf3skmjaQEIy30HJLad0SCBK5KNKwYFergIngixp9UF+EfL4YYjBGSYwGEx8cExMThRjFBxWMiJAuTUtDTLioYEO4bMtCCPGCKS1SaqSw68OcLdvt7nYvc3bOgv+X3T2Xmfl+mXN2Lt/3BbAgpVQ1cD8QBOqBe4EaYDww0f0EGAD63c9zwAkg6n4eEpHBcrc9UEZIC4AWIAQsAm4rsch/gf1AB7BbRA6Www5PgSmlpgDPA0+je5GXOgF8CXwmIme9qsQTYEqpucAGYDXgeNX4LIoD24B3ReSw6cKNAnNBvQ08ZrrsIpQAdgFvmARnxCil1ERgI/AyMM4GnRy6CnwEvCki/aUWVjIwpdQaQAH32CYzhn4HRES+KaWQooEppaqAD4EXbJMoUJuBdSLyTzE3FwVMKTUN+BaYa9v6InUEeFJEThd6Y8HA3PHUd8Ddtq0uUX8CqwodvxUETCkVAnZwfSRe6RpAQ+vI94a8gSmllgHfA9W2rTSsQWBFvtDyAqaUWgi0ceP0rHQNAA+LyIGxLhwTmFJqOnAAuMO2VR7rL2CRiMRyXZRz2uKuKmznxoeFa+M21+asGmue9wGVO3QoRnPRg/CsyvpIKqVWAyWNiitYa0RkW6YTGYEppSYBx4E7bbfcks4DQRG5kH4i2yO5iZsXFq7tmzKdGNXDlFLzgEOUfx3Lb4oDC0Tk59SDmaC8w/+wQDPYmH5wRA9TSj0E7LPdUh8pAcwTkSPJA+k96VXbLfSZAsDr6QcAUErNALox+DjW1dWxdOlSEokEe/fu5dSpU55ZVl9fT1NTE4lEgo6ODmKxWOmFasWBuuRSUCqcF03CAgiFQlRVVVFdXU1LSwv19fWewAoGg4TD4eG6QqGQyeId4KXUHyilAuitMKOKx+PD3wOBAOFw2Di0YDDI8uXLCQSuv44TiYRpU55xGQ33qIXAVNO1dHZ2jmi8aWiZYMXjcTo68l7eyldT0JvPw8AeN10DQE9PD3v27PEEWjZYra2tnD5d8MpzPno8FdgjXtQAcPLkSePQcsHq6enxypQwQEApNR7t8HGLVzUBNDQ00NzcPOpdE4lEiEajfocFcA2Y6ADzvYYFZnqaRVi4jOY7wByva0qFFolEioJmGVZScxy0j1bZFI1GC4bmE1gAQQeYVs4aC4XmI1gA0x30GKPsygeaz2AB1I4DJtmoOQkNIBwOD0NJQqupqaGxsdFPsAAmjcPyxmw2aLNmzRpxnQ9gAVQ7wASbLYDMj2eqfAILYIIDXLHdCtDQjh07lvHc0aNH/QAL0FOjS7YbAfoF39jYmPHc7NmzPVsaKlCXHLRfgVVl+jdMlVdLQ0Vo0AH+ttmCbEOHrq4uT5eGitQFB/jNb7BaW1vp7Owsehrloc45wBm/wUq+4IuZRnmsmIN2CfAdrKR8Bu24A3T5FZYPoXU5aLeAa36F5SNo14BDjogMAL/4GZZPoB0WkYHkmn7E77B8AC0C1zdBfqgEWJah7UwFth8wHmPY0NDg2XpWLmgzZ840bcpZl5EGJiIJYKvpWpYsWeLpelY2aE1NTaZN2eoyGuFL8Qna8cKYUg3xaokmEzTDrgJxlw2Qsr22e/fuvpaWlnkYDDW+ePEitbW1DA0N0dbW5pn3Tm9vL319fUyePJmhoSHa29vp7+83Vfx2Efk4+SM9GPR94AlTNcViMZNuRznV3d1Nd3e36WITaI/MYY1wbxKRfXg8xKgw7RKREWPUTP5gGzD8LqtQxYG30g+OAuZ6DW+23VofaLOI/JR+MJvH4Wto5/6bVeddBqOUEZiI9AJrbbfaota6DEYpq0+rG33/qe2WW9CWXJkHxnICFnRA+c2iI8C6XBfkE2A6Az2PutFjJksPMAVwC1gJXLZtkYe6DKwcCxbk6ZfvxkKvAopKjuFzDaIzC4wZ7w0FBDKISDuwAh9s/BrUALpnted7Q7GJPnYAd9m2tkSdR8MqKNFHwaEybgUPUNn/nr+iX/AFZ7UrKrbIDVRaTGVOobYADxaTdwfMpMN6Cp19wO/psP4AXhGRr0oppOToNRH5GmhEp8a6aptKBl112xYsFRaYT+l3Hzq4vNkOm1FqA9b7LqVfupRSi4H16GGIjaSRO4H3RORH04V7nZZ0KvAc8Cw6wa2XigJfAJ+LyBmvKiln4tuFwKPAMnTs4a0lFnmFkYlv8xqplyorqUPdhEAL0DtUydTKU4Hb0V7d1cAQeiTeh57rpadWPmgjtfJ/ijAp+b+rR68AAAAASUVORK5CYII=)
    no-repeat 50% / contain;
}

.footer-menu {
  position: fixed;
  bottom: 0;
  z-index: 55;
  width: 100%;
  max-width: 530px;
  left: 50%;
  transform: translateX(-50%);
}

.footer-menu .footer-menu-bg {
  position: relative;
  width: 100%;
  height: calc(var(--footer-height) + var(--safe-area-inset-bottom));
  background: var(--footer-bg);
  border-top: 0.02rem solid var(--border-default);
}

.footer-menu .footer-menu-list {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
}

.footer-menu .footer-menu-item {
  position: relative;
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  align-items: center;
  height: 100%;
  padding: 0.12rem 0 0;
  font-size: 0.19rem;
  font-weight: 600;
  line-height: normal;
  color: var(--text-tertiary);
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
}

.footer-menu .footer-menu-item.on {
  color: var(--text-brand);
  background: var(--bg-brand);
}

.footer-menu .footer-menu-item.on .footer-icon .icon-active {
  display: block;
}

.footer-menu .footer-menu-item.on .footer-icon .icon-normal {
  display: none;
}

.footer-menu .footer-menu-item.on .footer-menu-name {
  background: var(--gradient-subtle);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.footer-menu .footer-menu-item .footer-icon {
  position: relative;
  display: flex;
  justify-content: center;
}

.footer-menu .footer-menu-item .footer-icon .am-icon,
.footer-menu .footer-menu-item .footer-icon img {
  display: block;
  width: 0.72rem;
  height: 0.72rem;
  object-fit: contain;
}

.footer-menu .footer-menu-item .footer-icon .icon-active {
  display: none;
}

.footer-menu .footer-menu-item .footer-menu-name {
  margin-top: 0.03rem;
}

.footer-menu .footer-menu-item .icon-bonus {
  position: absolute;
  top: -0.28rem;
  right: 0;
  width: 0.7rem;
}

.footer-menu .footer-service-btn {
  width: 100%;
  height: 100%;
  padding-top: 0.2rem;
}

.footer-menu .chat-tip {
  position: absolute;
  top: 0;
  right: 0.27rem;
  width: 0.2rem;
  height: 0.2rem;
  background: #ea4335;
  border-radius: 1rem;
}

.footer-menu .footer__chat {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.footer-menu .footer__chat-icon {
  display: block;
  width: 0.46rem;
  height: 0.46rem;
  margin-bottom: 0.04rem;
}

.footer-menu .footer__chat-icon .chat-icon-img {
  display: block;
  width: 100%;
  height: 100%;
}

.footer-menu .message-notify {
  position: absolute;
  top: 0;
  right: 0;
  width: 0.1rem;
  height: 0.1rem;
  background-color: #ee2622;
  border-radius: 50%;
}

.scroll-game-container {
  position: relative;
  width: 100%;
}

.scroll-game-container .game-list-title {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 0.68rem;
  padding: 0 0.3rem;
  margin-bottom: 0.2rem;
  font-size: 0.3rem;
  font-weight: 700;
  line-height: normal;
  color: #fff;
}

.scroll-game-container .game-list-title .title-content {
  display: flex;
  align-items: center;
  height: 100%;
}

.scroll-game-container .game-list-title .title-content:before {
  width: 0.08rem;
  height: 100%;
  margin-right: 0.2rem;
  content: "";
  background: #14805e;
  border-radius: 1.98rem;
}

.scroll-game-container .game-list-nav {
  display: flex;
  gap: 0.16rem;
  align-items: center;
}

.scroll-game-container .more-game {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.5rem;
  padding: 0 0.2rem;
  font-size: 0.24rem;
  font-weight: 700;
  line-height: normal;
  color: #fff;
}

.scroll-game-container .more-game .game-count {
  margin-left: 0.1rem;
}

.scroll-game-container .game-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.68rem;
  height: 0.68rem;
  color: #fff;
  background: #222424;
  border: none;
  border-radius: 0.06rem;
}

.scroll-game-container .game-nav .am-icon {
  display: block;
  width: 0.24rem;
  height: 0.24rem;
  object-fit: contain;
}

.scroll-game-container .scroll-game-list-wrap {
  position: relative;
  width: 100%;
}

.scroll-game-container .scroll-game-list {
  --grid-col-width: 3.2rem;
  display: grid;
  grid-template-rows: repeat(var(--grid-rows), 1fr);
  grid-auto-columns: var(--grid-col-width);
  grid-auto-flow: column;
  column-gap: 0.16rem;
  padding: 0 0.32rem;
  overflow: scroll hidden;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: 0.32rem;
  scroll-behavior: smooth;
}

.scroll-game-container .scroll-game-list .scroll-slide {
  scroll-snap-align: start;
}

.scroll-game-container .game-scrollbar-wrap {
  padding: 0 0.95rem;
  margin-top: 0.3rem;
}

.scroll-game-container .game-scrollbar {
  height: 0.06rem;
  background-color: hsla(0, 0%, 100%, 0.3);
  border-radius: 0.05rem;
}

.scroll-game-container .game-scrollbar .swiper-scrollbar-drag {
  background: linear-gradient(270deg, #f9edd2, #efcb7a, #b48331);
  border-radius: 0.05rem;
}

.game-match-item {
  display: flex;
  flex-direction: column;
  gap: 0.16rem;
  width: 100%;
  height: 100%;
  padding: 0.11rem;
  overflow: hidden;
  color: #000;
  cursor: pointer;
  background: #fff;
  border: 1px solid #fdd;
  border-radius: 0.12rem;
  box-shadow: 0 0.04rem 0.04rem 0 rgba(0, 0, 0, 0.07);
}

.game-match-item .match-content {
  display: flex;
  gap: 0.08rem;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.game-match-item .vs-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  flex-direction: column;
  gap: 0.07rem;
  width: 1.31rem;
  text-align: center;
  text-transform: uppercase;
}

.game-match-item .match-vs {
  font-size: 0.16rem;
  font-weight: 600;
  line-height: 1;
  color: #000;
}

.game-match-item .match-date {
  flex-shrink: 0;
  align-items: center;
  font-size: 0.12rem;
  color: #585858;
  text-transform: none;
}

.game-match-item .match-date,
.game-match-item .match-league {
  display: flex;
  flex-direction: column;
  font-weight: 400;
  line-height: 1.2;
  text-align: center;
}

.game-match-item .match-league {
  gap: 0.02rem;
  width: 100%;
  font-size: 0.14rem;
  color: #f3272f;
  text-transform: uppercase;
}

.game-match-item .match-league span {
  display: block;
  white-space: nowrap;
}

.game-match-item .match-info {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 0%;
  flex-direction: column;
  gap: 0.05rem;
  min-width: 0;
}

.game-match-item .match-info .team-name {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  font-size: 0.14rem;
  font-weight: 400;
  color: #000;
  text-align: center;
  text-transform: uppercase;
}

@supports (-webkit-line-clamp: 2) {
  .game-match-item .match-info .team-name {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}

.game-match-item .match-info .team-icon {
  display: block;
  flex-shrink: 0;
  width: 0.4rem;
  height: 0.4rem;
}

.game-match-item .match-info .team-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.game-match-item .team-odds {
  display: flex;
  gap: 0.08rem;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.game-match-item .play-btn {
  flex: 1 1 0%;
  height: 0.41rem;
  padding: 0.12rem 0.2rem 0.11rem;
  font-size: 0.14rem;
  color: #f3272f;
  text-align: center;
  text-transform: uppercase;
  background: linear-gradient(
    180deg,
    rgba(220, 234, 255, 0.2),
    rgba(254, 0, 0, 0.2)
  );
  border: 1px solid #ffc4c5;
  border-radius: 0.08rem;
  box-shadow:
    0 0.11392rem 0.22336rem 0 rgba(185, 53, 55, 0.09),
    inset 0 -0.02rem 1px 0 rgba(255, 151, 153, 0.4);
  -webkit-backdrop-filter: blur(0.02rem);
  backdrop-filter: blur(0.02rem);
}

.game-match-item .match-odd,
.game-match-item .play-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}

.game-match-item .match-odd {
  flex-shrink: 0;
  width: 0.6213rem;
  min-height: 0.41rem;
  padding: 0.09rem 0.11rem;
  font-size: 0.15rem;
  color: #fe0000;
  background: #fff2f2;
  border: 1px solid #efefef;
  border-radius: 0.08rem;
}

.game-match-item .match-odd .odd-num {
  font-size: 0.15rem;
  font-weight: 600;
  line-height: 1.2;
  color: #b48201;
  text-align: center;
}

.hotmatch-container {
  position: relative;
  width: 100%;
}

.hotmatch-container .scroll-game-container .scroll-game-list {
  --grid-col-width: min(3.2rem, calc((min(100vw, 530px) - 0.48rem) / 1.6));
  column-gap: 0.12rem;
  padding: 0.12rem 0.12rem 0.08rem;
  scroll-padding-inline: 0.12rem;
}

.hotmatch-container .scroll-game-container .scroll-slide {
  height: auto;
  min-height: 0;
}

.hotmatch-container .game-list-title {
  display: none;
}

.hotmatch-container .hotmatch-content {
  max-height: 0;
  overflow: hidden;
  border-radius: 0.2rem;
  opacity: 0;
  transition:
    opacity 0.5s ease-in-out,
    max-height 0.5s ease-in-out;
}

.hotmatch-container .hotmatch-content.on {
  max-height: 10rem;
  opacity: 1;
}

.hotmatch-container .toggle-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.12rem;
  width: 100%;
  padding: 0.04rem 0.12rem;
  margin: auto;
  font-size: 0.14rem;
  font-weight: 600;
  color: #fe0000;
  text-align: center;
  text-transform: uppercase;
  opacity: 1;
  transition:
    opacity 0.5s ease-in-out,
    max-height 0.5s ease-in-out;
}

.hotmatch-container .toggle-btn.on svg {
  transform: rotate(0deg);
}

.hotmatch-container .toggle-btn svg {
  width: 0.24rem;
  height: 0.24rem;
  transform: rotate(180deg);
}

.hotmatch-container .toggle-btn img {
  width: 0.23rem;
  height: 0.23rem;
}

.hotmatch-container .display-btn {
  position: absolute;
  top: 0.14rem;
  left: 50%;
  z-index: 10;
  min-width: 2.34rem;
  height: 0.3rem;
  background: #c8cacb;
  border-radius: 0 0 0.12rem 0.12rem;
  opacity: 0;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
}

.hotmatch-container .display-btn.on {
  opacity: 1;
}

.hotmatch-container .display-btn svg {
  width: 0.3rem;
  height: 0.3rem;
  animation: fadeTop 1.2s ease-in 0.1s infinite;
}

@keyframes fadeDown {
  0% {
    opacity: 0;
    transform: translateY(-0.1rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeTop {
  0% {
    opacity: 1;
    transform: translateY(0.1rem);
  }
  to {
    opacity: 0;
    transform: translateY(-0.1rem);
  }
}

.member-balance {
  display: flex;
  align-items: center;
}

.member-balance .member-balance-bg {
  position: relative;
  display: flex;
  align-items: center;
}

.member-balance .icon-wallet {
  width: 0.24rem;
  height: 0.24rem;
  margin-right: 0.12rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHzSURBVHgBvVVNUsIwFH6pyLjEG5QTiDeoJ5ClojOWEyAnAE6gnoC6UFlyA3oDuIH1BLJiAZj4hRRIk5QKjn4z0CYv+d5PvrwS/THYLqMQjZAKIaaMvQ33dgDyGh5j+hHKp4xFU5fFy9vC2OsE/zEVgsV55BIl2omvJmIIcowd/Hw46NEu91QAIW7riCNWZCQjrRDNZfn6coxMTw9yIEQIosUD3gLU+AKkI0zHyOiZiI80ikfGXtp7OVDkK0JEyqtERyiHCNcRC3HziXFF2zKRQbjOIueQl31FThHRCaXkEhWlLhEbG2oqWxueHX0D0fJ6akY5Fh2bjD5sKhEKcX1vzrIseeiDcKyln2BJxSjHWjUdsoESlat6qYwMZLQZMt8YS1zmkEvIs8tkYTiQiilErcB+53QAvQektP5b+GmbWUG7yTzYvU+2DZEYc74769XcxHBAZ5QPHOxxhPoG2enjXlrzluF4w1UyoiE3vBhEIVmHO5eKihwOfIcDSy1rINVlwtigi/euaUxvfTM7yzcyZduFjZzwZasoQZrcVM+TaukrgbQcdqDc1mTKXD0dvWeQYLOjY3JtPXd2VHnhtAyufHfv57FychgKvwfbABrvZN+Tc1IXr+/Y0kQJo4Ivmg4PPZ8bQpgl6LYolde018+G9B/4BkONqcXM0C0cAAAAAElFTkSuQmCC)
    no-repeat 50% / cover;
}

.member-balance .sum-balance {
  display: flex;
  align-items: center;
}

.member-balance .sum-balance .amount {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.member-balance .sum-balance .symbol {
  margin-right: 0.05rem;
}

.member-balance .sum-balance .icon-symbol {
  width: 0.36rem;
  height: 0.36rem;
  margin-right: 0.1rem;
}

.member-balance .toggle-balance {
  width: 0.25rem;
  height: 0.25rem;
  color: var(--text-primary);
}

.member-balance .toggle-balance .am-icon {
  display: block;
  width: 100%;
  height: 100%;
}

.member-balance .shell-refresh-balance {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 0.3rem;
  height: 0.3rem;
  margin-left: 0.16rem;
}

.member-balance .shell-refresh-balance.rotateFull {
  animation: rotate-full 0.3s linear infinite;
}

.member-balance .shell-refresh-balance svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: none;
}

.home-member-nav {
  position: -webkit-sticky;
  position: sticky;
  top: var(--header-height);
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: var(--nav-menu-height);
  padding: 0.3rem 0.17045rem 0.13139rem 0.15341rem;
  background: var(--main-bg);
}

.home-member-nav .login-register {
  display: flex;
  flex-direction: column;
  gap: 0.08rem;
  text-transform: uppercase;
}

.home-member-nav .login-register .login-btn,
.home-member-nav .login-register .register-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.98rem;
  height: 0.5rem;
  padding: 0 0.14rem;
  font-size: 0.2rem;
  font-weight: 500;
  line-height: normal;
  color: #fff;
  border-radius: 1rem;
}

.home-member-nav .login-register .register-btn {
  background:
    linear-gradient(180deg, #fff, #d9d9d9 99.75%),
    linear-gradient(285deg, rgba(248, 91, 110, 0) -20.3%, #c63841 126.87%);
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  border: 0.03rem solid transparent;
  border-radius: 1rem;
  -webkit-clip-path: inset(0 round 1rem);
  clip-path: inset(0 round 1rem);
  align-items: center;
  justify-content: space-between;
}

.home-member-nav .login-register .register-btn .bonus-icon {
  display: block;
  width: 40%;
}

.home-member-nav .login-register .register-btn span {
  background: linear-gradient(
    90deg,
    #6b0a0c 0.67%,
    #3b080a 14.33%,
    #3b080a 87.8%,
    #6b0a0c 98.64%
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.home-member-nav .login-register .login-btn {
  color: var(--text-inverse);
  background: var(--gradient-brand);
}

.home-member-nav .nav-login {
  padding-left: 0.1rem;
}

.home-member-nav .nav-login .user-name {
  display: flex;
  gap: 0.1rem;
  align-items: center;
  font-size: 0.29rem;
  font-weight: 500;
  line-height: normal;
  color: var(--text-primary);
}

.home-member-nav .nav-login .user-name .user-icon {
  display: block;
  width: 0.2108rem;
  height: 0.24269rem;
  fill: none;
}

.home-member-nav .nav-login .sum-balance {
  gap: 0.08rem;
  align-items: center;
  font-size: 0.29rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: var(--text-brand-light);
}

.home-member-nav .home-member-nav-list {
  display: flex;
  align-items: flex-start;
}

.home-member-nav .home-member-nav-list .deposit-bouns {
  position: absolute;
  top: -0.3rem;
  left: -0.05rem;
  display: inline-block;
  width: 0.54rem;
  height: 0.42rem;
  padding-top: 0.04rem;
  font-size: 0.18rem;
  font-weight: 600;
  text-align: center;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAfCAYAAACVgY94AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAARBSURBVHgBzVi9bhRBDPa32YQUFEFCiPJA4q/LI8ATkLxBoEJUiBcIeQKCBJToqEFCFIg2vEGoItHkCiqElPTRrZmZtT2e2b0oKRIxSe5mZz2ez58/e+8CGhn86fpDYkzSxZIszmU+l2u/fhY7quzrscwzoqv72Jwd+2UUwD7f2CDw6zCbxMv+PmSazcIPZDfLCggDO/MwGCx7077C8pga2sXm350BQP56c5s63nZrpYN+zm6fgGNYHPloZ8VhZ4N0qwbGzhM8eJ5i888TA8hfJhNqTg7Hw3VOzzvAbEjPv/8FHv9+0wP8NvlCHTYKID5jmWe2izLNSPcYGARTMONn8aKL/tyq+YjjiE74dts7WdkQMfdayoHXzMH513uwe1mT7gWw4ACQT3LNqk880zVabdZb/n4/pHdJ2REGkk0+PINhtxYIIBocofYdCxOLq2TBgDNbDwyuhlbAAiD+RjEDlRNQI/QrAE9OQZRYtBqU+SmDtXSabGBp1pbAtNbSagDYzQMAyiySzhORsEPHohxlRv3Iu3frJZH31DKSbMY442iXdQ05YDuDKwfOr7LKEr/th/kjx5S1qgoQu36DUhd9ipuRooBE1h/kiqUo7ZyqxaLC4B1OLl5KxXpv2kZ8xMtq26eanSOyysv6sAyKXTOi+pr4LC2N0LcULlKt3sJJUiSmmxyppkrnpBLwT0Cr/NybtNioCohIg3I90hPg/FpEDSTFcxrVWQ5f0szl4Vx4HKHrlHaS9es0U9imzEiKV6rCI98CMGQzTfrUlk+NDIy1ZenZjkYvjRg0kuCFAMPKcb8wOIgcZe+qo5V57khZNRqcRQMyffV+HEminWSi+hMIQohocD5SQQ5z0xNGWjjpCeL7ZdU2fPshXxgD/+OV3Gk7ihpMKW7ZUU+5r2l8kErl/rr1qVUp6FbJABSbspE0W1UyqEyr6HpJyGi0ipsOyVFTsKHNVcsLxQeA0aeDdgKxS21LAOkcAjR/KvEFhaLAQPIkadpaexolaJhJt6AHUaVTb5epskBRrfsHgcUX37ufaZF/PT9M30EKhYhD1z+Hg11Mtd4EfMFYuXXkvGwXL7uVW40Yfyx3Kiord84OPADfZFy1FgcBLp2ynzkHlebDIgKmeLA7SwBx7/2rIMh9cUgGjN2BWZpYXJXeph4VcJUCKBeixUAzmi/vxKl1wPCJ5lF43csS9PordKePN87V66vYmPELVNq5NJqQpK9GcODNyJ4PObs4eL4VSudxYHLNvkoyLR5WDwO7tfC3TmNfuIZr+wHULDj4Qe2VKW7tHhfuL2rwwbPwdaLZCu1l27qqPZ0M5BR33z1Z5ONCAeoIXWIrHPVBnrvlzTke4cHbvUV7G7qEgbvvpwHmU4IXgehxtd0/be+lAIwjgQReupVYaHteb2Pj0gDGgTvvdgNxO/KcPgr/LHhD/+Pgwxdr8e8stv8AOn1XPGVBKL4AAAAASUVORK5CYII=);
  background-size: 100% 100%;
}

.home-member-nav .home-member-nav-list .deposit-bouns span {
  background: linear-gradient(180deg, #f50000 23.08%, #890000);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.home-member-nav .home-member-nav-list .invite-bouns {
  position: absolute;
  top: -0.37rem;
  display: inline-block;
  width: 0.73rem;
  height: 0.46rem;
  padding-top: 0.07rem;
  font-size: 0.2rem;
  font-weight: 600;
  text-align: center;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAAgCAYAAAC7FpAiAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAVXSURBVHgBzVi7bh5FFD5nd22XmIKaNYJEqRzewH4DIiFaAhWCSPgNELwAAUFECbyACQ2t3wBSRQIkfiQKBIVd0CXew5nLuc2sYytFksllZ3dnzvX7zpn9ES4YdLw7w+Nphqk+eMz/pnqFOocL7tfWQbO+HVPzbnKy0niEZ/jOv7+sbUUIhs+7sPz3MU+P+N9L7Xug/IT4D9bdVJ8jINYF3Xqbi0YvB7uVvT55h3QKNNyHYfwUb/296Zyg41duAuExT2cVkZQMdb7kOWWRRXl1gKoDFxlD/MwWhCBcNtZdS+JO4Zzex7f/+QFkCWdgBnz0M9/trgtgQwixiypU+7ydsi9fiZw8c5bqImwMBv+cvLN15gXwfMFDvPXXSVn+4/wHK5z7KLVhoE5s2eM8QZL7RoYY6AJCTZa8dxKAViOJjoyGU+bKaxP99PoBQ2VWjR7bfeptPug7VHeMI/1+rGnLEK3GJyiK1Gy+C4Z/Z/yhKrtCG1+GHbrN3J8OYCxhqREikdiHsUFpj1lbb6RdWdc8IDUWYLWY6PpA8/IW9ycYd14FXGrEUDagZlaNc6kXR8XXlhOgUUNncKxECUoSeULLI6owCwQ1+sE5QjRPMAy8cKxs8owTUupGb+UaK90yiozPFzBnvAwkh3txVnjlxZJtg6h6gmmHwIpI62ldJoZgY5/njM+UZNJlpL0qOh3sJGa5bLt7MUN9j6TnTIxmsSgwBKAaG/EIuX94kjohec8AApwmkw23nswyp5csoCqjGMdObKMFBVCVx7TWCDt4eL7gCsV9KQBnvnCg5ZhxCQJ5rSelylnXSTkHgdN2gZOmCNdLqrHYHgcnae0I8iRO2PvwrJPtI4NeUO0X7AQO0klR/q6Gse0Z4ezTGpfxxPcL9Cjq9gd8u7WovUh7TNvq05oEJ9xhfS4KygFhb4NpcpqGJlq4gnUK77wcM7JcY5BKM5Mslt1DlbNE6E6wNbogtiQFDFFrm4MiYRGnBbeuHDfc8RwpsWoyocGOuRIaJT3ZZG0BKRNbxZhVDIpf6k8he0aJP4xNkUfh/KTaAaCT3ztb5HsIAZ8oqjtUWqBED7U6JTgt7pSqDvoIlQhDbUxTSD2CRzRJRkChDZ746J2C2OjkYDdKMGDlfOapQ7U6jWnHKEo9cUSxCUpj8LVbOWSdxHPAf4/EDyBzHsAfEq3AWsk3mwxBIqI2u3HrrOsHRRfF9FsHLI+XajCu8CaqAg+x6IpwyzsCkTfuuTgspmmf2Bo3cI7YqRVJEvFujBWjkjhqP1FrQyJzdp0RVvPBrbOTghlAuaRSADDRgwGW4UGUTM5yLIKyAlFCFBajt8h7LIqzHIz75eOKoM574hdgSPkjq4YUTUA6KaJ+v3PM6HhLfRB+LDW6tQrA2mHvqYaPuquKQWwoz2KwZLX8R7TB6/f2Cu3G6T3etMmLTIb7JvbGC0wkQ94osNOGworWjZdbpbFE2iyG1nHNao7oBpbtw/QmO4F7d8/gfDnkD+/vIVojAp1THhUNdLJ/0lj0lc+9FYEciAqZ/CmKTaBC4KIOgBM43z7EG3c3AF2+eMnDOwd8nLjNb/b59qZa7X+a8Zn2c09iiDHQrmN0li+/ng9qvJ4M+JcNjvwA/OPZ8AW+8dVJK/6ZDvr1wxQY/o0LPmHjZmijnj+oBGR8WQaOeDS6Hc/cCRn08IOZGy3/WEf7sbOHscFrX+9dJmuA5zTwxjfJwDd5+iX4EwJ60uH9q8h6bk7IwGv3jhjvn+kDdSPxYfn2SjLgBRn020dHHPzPQdo14Z94/XIopfHCOJFG5sk0vMuZOIOt7e9y6b/C+B9xwPp8WB0LOAAAAABJRU5ErkJggg==);
  background-size: 100% 100%;
}

.home-member-nav .home-member-nav-list .invite-bouns span {
  background: linear-gradient(180deg, #f50000 23.08%, #890000);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.home-member-nav .home-member-nav-item {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.07rem;
  align-items: center;
  width: 0.9rem;
  font-size: 0.18rem;
  font-weight: 500;
  line-height: normal;
  color: #831c1c;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: -0.187px;
  white-space: nowrap;
}

.home-member-nav .home-member-nav-item .nav-icon {
  display: block;
  width: 0.66025rem;
  height: 0.5636rem;
  margin-left: -0.1rem;
  object-fit: contain;
}

.home-member-nav .nav-line {
  flex-shrink: 0;
  width: 1px;
  height: 0.57824rem;
  background: #00aeef;
}

.notice-popup-wrap .notice-popup-content {
  position: relative;
}

.notice-popup-wrap .notice-popup-content .notice-popup-header {
  height: 0.83rem;
  background: url(/m/notify-header.4f627e28.png) no-repeat 50% / cover;
}

.notice-popup-wrap .notice-popup-content .notice-popup-inner {
  width: 100%;
  padding: 0.5rem 0.4rem;
}

.notice-popup-wrap
  .notice-popup-content
  .notice-popup-inner
  .item-content:last-child {
  padding: 0.2rem 0 0;
}

.notice-popup-wrap
  .notice-popup-content
  .notice-popup-inner
  .item-content:first-child {
  padding: 0 0 0.2rem;
}

.notice-popup-wrap
  .notice-popup-content
  .notice-popup-inner
  .item-content:not(:last-child) {
  border-bottom: 1px dashed #1c6783;
}

.notice-popup-wrap .notice-popup-content .item-content {
  padding: 0.2rem 0;
  font-size: 0.27rem;
  font-weight: 400;
  line-height: 120%;
  color: var(--text-dark);
}

.notice-popup-wrap .notice-popup-content .item-content img {
  display: block;
  max-width: 100%;
}

.notice-popup-wrap .notice-popup-content .btn-confirm {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.14rem 0.48rem;
  margin: 0.13rem auto 0;
  font-size: 0.32rem;
  line-height: 0.416rem;
  text-align: center;
  background: #668bff;
  border-radius: 0.06rem;
}

.notice-popup-wrap .notice-popup-content .notice-popup-swiper {
  display: flex;
  flex: 1 1 0%;
  width: 100%;
}

.notice-popup-wrap .notice-popup-content .notice-list {
  flex: 1 1 0%;
  height: auto;
}

.notice-popup-wrap .notice-popup-content .notice-slide-item {
  height: 100%;
}

.notice-popup-wrap .notice-popup-content .slide-item-inner {
  height: 100%;
  overflow: hidden auto;
}

.notice-popup-wrap .notice-popup-content .slide-item-inner .item-title {
  margin-bottom: 0.3rem;
  font-size: 0.3rem;
  font-weight: 700;
  line-height: 0.32rem;
  color: #fff;
  text-align: center;
}

.notice-popup-wrap .notice-popup-content .popup-nav {
  position: absolute;
  top: 50%;
  z-index: 10;
  width: 0.41rem;
  height: 0.64rem;
  margin-top: -0.32rem;
}

.notice-popup-wrap .notice-popup-content .popup-nav .nav-icon {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.notice-popup-wrap .notice-popup-content .nav-prev {
  left: -0.42rem;
}

.notice-popup-wrap .notice-popup-content .nav-next {
  right: -0.42rem;
}

.notice-root {
  z-index: 1;
  flex-shrink: 0;
  width: 100%;
  color: var(--text-dark);
}

.notice-root,
.notice-root .notice-bg {
  position: relative;
  display: flex;
  align-items: center;
}

.notice-root .notice-bg {
  z-index: 2;
  flex: 1 1 0%;
  height: 0.52rem;
  padding: 0.15rem;
  overflow: hidden;
  background: var(--bg-announce);
}

.notice-root .unread-wrap {
  position: absolute;
  top: -0.13rem;
  right: 0.12rem;
  z-index: 9999;
  padding: 0 0.04rem;
  background: #ff0101;
  border-radius: 0.2rem;
}

.notice-root .unread-wrap:after {
  position: absolute;
  bottom: -0.05rem;
  left: 0;
  display: block;
  width: 0.1rem;
  content: "";
  border-top: 0.1rem solid transparent;
  border-right: 0.1rem solid transparent;
  border-bottom: 0.1rem solid transparent;
  border-left: 0.1rem solid #ff0101;
}

.notice-root .notice-icon {
  display: flex;
  gap: 0.04rem;
  align-items: center;
  margin-right: 0.1rem;
}

.notice-root .notice-icon .am-icon,
.notice-root .notice-icon img {
  display: block;
  width: 0.38rem;
  height: 0.38rem;
  object-fit: contain;
}

.notice-root .btn-all {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 0.68rem;
  height: 0.24rem;
  margin-left: 0.1rem;
  background: url(/m/mini-btn-blue.b7fba2ee.png) no-repeat 50%/100% 100%;
}

.notice-root .btn-download {
  flex-shrink: 0;
  margin-left: 0.16rem;
}

.notice-root .btn-download .icon-download {
  display: block;
  width: 0.36rem;
  height: 0.36rem;
  object-fit: contain;
}

.notice-root .btn-gift {
  flex-shrink: 0;
  width: 0.42658rem;
  height: 0.42658rem;
}

.notice-root .btn-gift .icon-gift {
  display: block;
  width: 100%;
  height: 100%;
}

.notice-root .message {
  position: relative;
  flex-shrink: 0;
  justify-content: flex-end;
  width: 1.15rem;
  padding-right: 0.08rem;
  margin-right: 0.1rem;
  font-size: 0.15rem;
  font-weight: 600;
  line-height: normal;
  color: #fff;
  background: linear-gradient(180deg, #ffbe6b, #fe8d42 99.42%);
  border-radius: 0.85rem;
}

.notice-root .message,
.notice-root .message .hot {
  display: flex;
  align-items: center;
  height: 0.32rem;
  text-align: center;
}

.notice-root .message .hot {
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 0.32rem;
  font-size: 0.14rem;
  font-weight: 800;
  color: #c96e0c;
  background: linear-gradient(180deg, #fdd3a0, #fcf9f3);
  border-radius: 50%;
}

.notice-root .btn-message {
  position: relative;
  flex-shrink: 0;
  margin-right: -0.15rem;
}

.notice-root .btn-message .icon-msg {
  display: block;
  width: 0.5rem;
  height: 0.5rem;
}

.notice-root .notice-tip {
  margin-right: 0.1rem;
}

.notice-root .marquee {
  position: relative;
  display: flex;
  flex: 1 1 0%;
  align-items: center;
  height: 100%;
  margin: 0 0.08rem 0 0.05rem;
  overflow: hidden;
  font-size: 0.2rem;
  line-height: normal;
}

.notice-root .marquee .marquee_content {
  position: relative;
  white-space: nowrap;
  will-change: right;
}

.notice-root .marquee .marquee_content.empty {
  width: 100%;
  margin-left: 0;
  text-align: center;
  will-change: auto;
}

.notice-root .marquee .content-item {
  margin-right: 0.4rem;
}

.notice-root .marquee table,
.notice-root .marquee tbody,
.notice-root .marquee td,
.notice-root .marquee tfoot,
.notice-root .marquee th,
.notice-root .marquee thead,
.notice-root .marquee tr,
.notice-root .marquee tt {
  border: 0 !important;
}

.float-service {
  position: fixed;
  bottom: calc(var(--footer-height) + var(--safe-area-inset-bottom) + 0.15rem);
  left: 0.22rem;
  z-index: 100;
  display: none;
}

.float-service.on {
  display: block;
}

.float-service .btn-close {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -0.4rem;
  left: 0;
  width: 0.38rem;
  height: 0.38rem;
  background: var(--bg-brand);
  border-radius: 0.5rem;
}

.float-service .btn-close img {
  width: 0.2rem;
  height: 0.2rem;
}

.float-service .page-banner {
  width: 1.6rem;
}

.float-service .page-banner img {
  width: 100%;
  object-fit: contain;
}

.home-header-wrap {
  position: relative;
  flex-shrink: 0;
  width: 100%;
  height: var(--header-height);
  color: var(--text-primary);
  transition: all 0.3s;
}

.home-header-wrap .header-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.home-header-wrap .header-logo img {
  display: block;
  width: 2.5rem;
  height: 0.5rem;
  object-fit: contain;
}

.home-header-wrap .header-content {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 55;
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 530px;
  height: var(--header-height);
  padding: 0 0.17rem;
  background: var(--header-bg);
  transition: top 0.3s;
}

.home-header-wrap .header-content.has-top-bg {
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
}

.home-header-wrap .header-content .header-center {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  height: 100%;
  transform: translateX(-50%);
}

.home-header-wrap .header-content .header-left,
.home-header-wrap .header-content .header-right {
  position: relative;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  height: 100%;
}

.home-header-wrap .header-content .header-menu .icon-menu {
  display: block;
  width: 0.42128rem;
  height: 0.29498rem;
  object-fit: contain;
}

.home-header-wrap .header-content .nologin-enter {
  display: flex;
  flex-shrink: 0;
  align-items: center;
}

.home-header-wrap .header-content .nologin-enter .login-icon-badge {
  width: 0.79rem;
  height: 0.79rem;
  cursor: pointer;
  background: url(/m/icon-vip.4df712df.png) no-repeat;
  background-position: 50%;
  background-size: contain;
  transition: opacity 0.2s ease;
}

.home-header-wrap .header-content .nologin-enter .login-icon-badge:hover {
  opacity: 0.8;
}

.home-header-wrap .header-content .language-select {
  margin-left: 0.16rem;
}

.home-header-wrap .logged-enter {
  display: flex;
  align-items: center;
}

.home-header-wrap .logged-enter .user-level-badge {
  position: relative;
  width: 0.79rem;
  height: 0.79rem;
  background: url(/m/user-level-badge.d6556234.png) no-repeat;
  background-position: 50% 92.04%;
  background-size: 99.05% 94.05%;
}

.home-header-wrap .logged-enter .user-level-badge .level-number {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  inset: 38% 20% 30%;
  font-size: 0.2rem;
  font-weight: 900;
  color: var(--text-inverse);
  text-align: center;
  white-space: nowrap;
}

.help-nav-list {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.2rem;
  width: 100%;
}

.help-nav-list .nav-item {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  font-size: 0.2rem;
  line-height: normal;
  color: #fff;
  text-align: center;
}

.help-nav-list .nav-item:not(:nth-child(3n + 3)):after {
  position: absolute;
  top: 50%;
  right: -0.1rem;
  width: 0.02rem;
  height: 0.3rem;
  content: "";
  background: hsla(0, 0%, 100%, 0.15);
  transform: translateY(-50%);
}

.home-footer-wrap {
  width: 100%;
  padding: 0.16rem 0.06rem 1.5rem;
}

.home-footer-wrap .home-footer-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.home-footer-wrap .home-footer-content .footer-license {
  display: block;
  width: 100%;
  margin: 0.45rem auto 0.42rem;
}

.home-footer-wrap .footer-img {
  height: 3.15rem;
  margin-left: 0.2rem;
}

.home-footer-wrap .footer-info {
  display: flex;
  gap: 0.23rem;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0.12209rem 0.19186rem 0.12584rem 0.22675rem;
  text-align: center;
  background: hsla(0, 0%, 100%, 0.01);
  border-top: 0.03488rem solid #fff;
  border-left: 0.03488rem solid #fff;
  border-radius: 0.17442rem;
  box-shadow: 0 0.03488rem 0.08895rem 0 rgba(195, 88, 88, 0.36);
}

.home-footer-wrap .footer-info .footer-logo {
  display: block;
  height: 0.56rem;
}

.home-footer-wrap .footer-info p {
  font-size: 0.18rem;
  line-height: normal;
  color: #989898;
  text-align: center;
}

.home-footer-wrap .footer-info .footer-title-img {
  height: 0.69rem;
}

.home-footer-wrap .footer-line {
  width: 100%;
  height: 1px;
  margin: 0.17rem 0;
  background: #f4f4f4;
}

.home-footer-wrap .channel-list {
  display: flex;
  gap: 0.2rem;
  align-items: center;
}

.home-footer-wrap .channel-list .channel-icon {
  display: block;
  width: 0.52rem;
  height: 0.52rem;
  object-fit: contain;
}

.home-footer-wrap .footer-help {
  margin-top: 0.48rem;
  font-size: 0.2rem;
  line-height: normal;
  color: #989898;
  text-align: center;
  text-transform: capitalize;
}

.home-footer-wrap .footer-help .help-list-nav {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.home-footer-wrap .footer-help .help-nav-row {
  display: flex;
  align-items: center;
  justify-content: center;
}

.home-footer-wrap .footer-help .nav-item {
  position: relative;
  display: flex;
  align-items: center;
  max-width: 60%;
}

.home-footer-wrap .footer-help .nav-item:not(:last-child):after {
  width: 0.02rem;
  height: 0.2rem;
  margin: 0 0.2rem;
  content: "";
  background: #a2b5bd;
}

.home-footer-wrap .footer-partner-bg {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.48rem;
  padding: 0.34884rem 0.1796rem 0.35793rem 0.17442rem;
  margin-top: 1rem;
  background: hsla(0, 0%, 100%, 0.01);
  border-top: 0.03488rem solid #fff;
  border-left: 0.03488rem solid #fff;
  border-radius: 0.17442rem;
  box-shadow: 0 0.03488rem 0.08895rem 0 rgba(195, 88, 88, 0.36);
}

.home-footer-wrap .footer-partner-bg:after {
  position: absolute;
  top: -1.04rem;
  left: 0;
  width: 100%;
  height: 1.168rem;
  content: "";
  background: url(/m/footer-title.26ac21d3.png) no-repeat 50% / cover;
}

.home-footer-wrap .footer-partner {
  display: flex;
  gap: 0.12rem;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}

.home-footer-wrap .footer-partner .official-partner {
  display: flex;
  flex-direction: column;
  font-size: 0.24419rem;
  font-weight: 400;
  color: #666;
}

.home-footer-wrap .footer-partner .official-partner h5 {
  font-size: 0.26163rem;
  font-weight: 700;
  background: linear-gradient(
    117deg,
    #f80000 -2.14%,
    #9a0000 32.71%,
    #f80000 67.07%,
    #750000 98.53%
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.home-footer-wrap .footer-partner .official-partner span {
  font-weight: 900;
}

.home-footer-wrap .footer-partner .official-partner p {
  margin-top: 0.05rem;
}

.home-footer-wrap .footer-partner .official-partner .more-text {
  font-size: 0.2093rem;
  font-weight: 400;
  color: #eb282e;
  text-decoration: underline;
}

.home-footer-wrap .footer-partner .logo-partner {
  display: block;
  width: 2.8rem;
  object-fit: contain;
}

.download-bar.show-bar + .home-container .game-menu-wrap.menu-vertical {
  top: calc(
    var(--header-height) + var(--download-bar-height) + var(--nav-menu-height)
  );
}

.download-bar.show-bar
  + .home-container
  .game-menu-wrap.menu-vertical
  .game-menu-scroll {
  max-height: calc(
    100 * var(--vh, 1vh) - var(--header-height) - var(--footer-height) -
      var(--download-bar-height) - var(--nav-menu-height)
  );
}

.game-menu-wrap {
  flex-shrink: 0;
}

.game-menu-wrap.menu-horizontal {
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.game-menu-wrap.menu-horizontal .game-menu-scroll {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0.5rem 0.3rem 0.16rem;
  overflow: auto;
}

.game-menu-wrap.menu-vertical {
  position: -webkit-sticky;
  position: sticky;
  top: var(--header-height);
  z-index: 1;
  width: 1.1rem;
}

.game-menu-wrap.menu-vertical .game-menu-scroll {
  display: flex;
  flex-direction: column;
  gap: 0.14rem;
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  max-height: calc(
    100 * var(--vh, 1vh) - var(--header-height) - var(--footer-height)
  );
  overflow-y: auto;
}

.game-menu-wrap .game-menu-item {
  flex-shrink: 0;
  flex-direction: column;
  width: 100%;
  height: 0.97rem;
  font-size: 0.18rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: var(--text-brand);
  text-align: center;
  text-transform: uppercase;
  letter-spacing: -0.614px;
  background: url(/m/nav-bg-normal.70940901.png) no-repeat 50%/100% 100%;
}

.game-menu-wrap .game-menu-item,
.game-menu-wrap .game-menu-item .game-menu-name {
  display: flex;
  align-items: center;
  justify-content: center;
}

.game-menu-wrap .game-menu-item .game-menu-name span {
  display: block;
  width: 100%;
}

.game-menu-wrap .game-menu-item.on {
  color: var(--text-inverse);
  background: url(/m/nav-bg-active.13e60513.png) no-repeat 50%/100% 100%;
}

.game-menu-wrap .game-menu-item.on .icon-active {
  display: block;
}

.game-menu-wrap .game-menu-item.on .icon-normal {
  display: none;
}

.game-menu-wrap .game-menu-item .game-menu-icon {
  position: relative;
}

.game-menu-wrap .game-menu-item .icon-active,
.game-menu-wrap .game-menu-item .icon-normal {
  display: block;
  width: 0.46rem;
  height: 0.46rem;
  object-fit: contain;
}

.game-menu-wrap .game-menu-item .icon-active {
  display: none;
}

.jackpot-container {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 7.5rem;
  padding: 0.1rem 0 0.15rem;
  margin: 0 auto;
}

.jackpot-container .jackpot-machine-title {
  position: absolute;
  top: 0.05rem;
  left: 50%;
  z-index: 1;
  font-family: Roboto, sans-serif;
  font-size: 0.40909rem;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  text-align: center;
  text-transform: uppercase;
  background: linear-gradient(
    180deg,
    #fe2b2f 43.5%,
    #ff595c 60.88%,
    #fe2b2f 78.62%
  );
  -webkit-background-clip: text;
  background-clip: text;
  transform: translateX(-50%);
  -webkit-text-fill-color: transparent;
}

.jackpot-container .jackpot-machine {
  position: relative;
  width: 7.15rem;
  max-width: calc(100% - 0.34rem);
  aspect-ratio: 714.92/416.42;
  margin: 0.16rem auto 0;
  isolation: isolate;
  transform: translateZ(0);
}

.jackpot-container .jackpot-machine .jackpot-machine-bg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.jackpot-container .jackpot-machine .jackpot-machine-num {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.jackpot-container .jackpot-num-list {
  position: relative;
  width: 100%;
  height: 100%;
}

.jackpot-container .jackpot-digit-slot {
  position: absolute;
  top: 77%;
  height: 14%;
  transform: translate(-55%, -49%);
}

.jackpot-container .gold-digit-img {
  display: block;
  width: auto;
  height: 100%;
}

.jackpot-container .jackpot-ranks {
  display: flex;
  gap: 0;
  justify-content: center;
  width: 100%;
  max-width: 7.5rem;
  padding: 0 0.15rem;
  margin-top: -0.1rem;
  isolation: isolate;
  transform: translateZ(0);
}

.jackpot-container .jackpot-rank-panel {
  position: relative;
  flex: 0 0 3.58rem;
  width: 3.48rem;
  max-width: 50%;
  height: auto;
  aspect-ratio: 358.49/389.81;
  background-image: url(/m/panel-bg.fa17df34.png);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}

.jackpot-container .jackpot-rank-panel .jackpot-rank-panel-icon {
  display: block;
  width: 2.22rem;
  margin: 0.2rem auto 0;
}

.jackpot-container .jackpot-rank-list-wrap {
  position: absolute;
  inset: 28.53% 0.36rem 10.6% 0.39rem;
  overflow: hidden;
  transform: translateZ(0);
}

.jackpot-container .jackpot-rank-list.is-scrolling {
  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.jackpot-container .jackpot-rank-item {
  display: flex;
  align-items: center;
  min-height: 0.74rem;
  padding: 0.06rem 0;
  cursor: pointer;
  border-bottom: 0.654px solid #ff2b2b;
}

.jackpot-container .jackpot-rank-item--winner {
  align-items: flex-start;
}

.jackpot-container .jackpot-rank-icon-wrap {
  position: relative;
  flex-shrink: 0;
  width: 0.62rem;
  height: 0.62rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAABYCAMAAABGS8AGAAACJVBMVEUAAAANHy//y0eeRAD/zEeaQQD43En/zEmZPgD432D43kyhRAD34GL54V//zEf420hMMSv33VyWPQCBOQBtHwClVAL/z0n43kb//4mcUANxHQD86HL831qdQQCfSACyVwZoMw//+YLCm1r+9YSbSQOMRQD53VP85mKYRAD//H737HlKNjO5cQ3/51+4awyRSgPWeAL0iQL/x0OSNwCQRQSuUw2hTwuVTAS3WgLqkgWRZj2IOAZ0QgChcAtsZEy5sWLgynzgpCN6KwPv4IPBbgL/0wT/wD7/zU7/y0epUwb/swL/yBf49ZSLRQL/z1SMRADq6ozOvH3/xDr93FOfTgGMPACSSwaqXQHaoRzMsUmnUAGkQQdIMSno0nDw3mHXs1L/6jfrsin/vjnaaQf36GDYyoj+vTb/5k3shQHinxaHSBLacgK1q3bITwLqsxNwOht1bqGbczXRfQL2wgP8/JWANADhsUnElTV7LwDPoDnDljXElDeLQwF9LwB9NwL//314MwSFOwHAfR2PRwJyJQDgulvPp0nPoTvPnjeIQgGTQAH//Xf+8Hf75GrHjSqiayjChR78shONNgCBMgD/82//41jDmkjxwT7FmjyHRhnmhwSvYwKqWAHexnD/6m3jxmTSq1L/1Dr/4DL/tSvXlimfZiKucyCZXB7+vBb/oQO0WQP9pgLukAKOPACEKgDoyF/YuFndqT/3yju3hTnUnzPNlS//4CN1z+ZvAAAAdXRSTlMABfL19/TU9/X71PT8+/XUDPv1/v7999T+/v38+/X07Tb+/v39/Pv69dEzKyn+/v79+/f18NrIpKJNSEEgGBUJ/v7+/f379PHx7uXk4+PW0LW0sKaUg3l4aFpYThf+/v7s3t3b2tnZ2MW8mZiVlZSQeHhqWE3+SYTKAAADSUlEQVRYw+2X5VMbQRiH35QWWhpoShKaECS4u3txh+Jad1d6yBEPkGAR3N2h3r+vx9JY6ZeW3Q83w7Ob2d3szDO/eTO7uQMbua311SWeni5MP8/gYm0nln/ZT0goflTXkg0niQhfHImeWjeoVIZRqpfq7aUoyvJBC8qysExt4/T0svbTyPjE2nZFOjiSGy4Z5m7KNMowX19fpz+5kOjBcNEeDycfNKJ9Zu5hOlSOaaONe+XZDnH9JYEbAr1fUxb8Lzzp6ySTon8lftYu9IfhwAXBQXIknJLIFNPM17jdZmveYf8AwXwGYEC6q8kLUrf9rq9/YIDGjwd4SFbG8MXHFQ2XLAj8ABv35+hgpIuQBArmOYALDsQXyui2o8DDYwcZgJGoPbGuDCBn8ZYgGbDydF9BZ0HryKZeCljJKQqiG6F+QlYGmLkbJ6uB6inNM8DMW6MiCUrWZZmAmcifymBwMeg7ADO8VTENnqogwA0nJEbHiH0JiFVKcDcQEF8d5YP76AUC4h+MuIeEuLuTEfsQEA92kkpMSjzQCaUUocTnegmILx2JKVLiHlKloNgkPi7FmdgqdiIgHmCbmNtNUkziPnZDYjZdQsQSIzHlRKgUPWH4xdxBorfbZQJiUjXmkkrsZjvSLKmx25mYvWIu68Te6EiTSDxon5gNDyzE/qWRmPKwrFnwUBiCEpMQDxJKHNrNRnEpCbE3ekkPIyAeICY2g/s0iVL0m8Gln8DJc+tnSvE5EbATyogTlvCLeeOTfCgeOeQBZiKHvinh3risHTDzZmgrCeomNlIAMw/9u2qgZe22CXMtOuRLmgbINkbnpwJWakVbailAhXFSjzVyjrzAS8iM6TsrCj/gYDscUCmaoRuBoTx+SpAGHFzeG/KALiGaR83G5ZmfAx4Y73Wv2ExAvJsXxsw9wXPmKhmvOs2yfKnjxxbuvD+99oVcFOClTgGOpS5N+mCZcL/oVRTnFNaM2iFRwUy+2uH3ihLSOoVwdnv1zuNrCOcrVpxdXZ0RzMh0C9ZvEQ8kQ3LRzTEvWtwOjumag9Q6hSJ2TjX6/cvHf0Wr1S5Pjsk0tLgBTiJNrQqmaSW/s6/LQh/qtuVRs99F7Xhu5tNVqZlg5ReHizXkNR7KEAAAAABJRU5ErkJggg==)
    no-repeat 50% / contain;
}

.jackpot-container .jackpot-rank-icon-wrap .jackpot-rank-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.54rem;
  height: 0.54rem;
  object-fit: cover;
  border-radius: 0.1rem;
  transform: translate(-50%, -50%) translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.jackpot-container .jackpot-rank-icon-wrap .jackpot-rank-icon-fallback {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.54rem;
  height: 0.54rem;
  background: #eee;
  border-radius: 0.1rem;
  transform: translate(-50%, -50%);
}

.jackpot-container .jackpot-rank-info {
  flex: 1 1 0%;
  min-width: 0;
  padding-left: 0.08rem;
}

.jackpot-container .jackpot-rank-info .jackpot-rank-name {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.18rem;
  font-weight: 700;
  line-height: 0.16rem;
  color: #000;
  white-space: nowrap;
}

.jackpot-container .jackpot-rank-info .jackpot-rank-amount {
  margin: 0.04rem 0 0;
  font-size: 0.18rem;
  font-weight: 400;
  line-height: 0.16rem;
  color: #ff2b2b;
}

.jackpot-container .jackpot-rank-info .jackpot-rank-currency {
  color: #ffb502;
}

.jackpot-container .jackpot-rank-info--winner .jackpot-rank-name,
.jackpot-container .jackpot-rank-info--winner .jackpot-rank-user {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.18rem;
  line-height: 0.16rem;
  white-space: nowrap;
}

.jackpot-container .jackpot-rank-info--winner .jackpot-rank-name {
  font-weight: 800;
  color: #ff2b2b;
}

.jackpot-container .jackpot-rank-info--winner .jackpot-rank-user {
  margin-top: 0.04rem;
  color: #000;
}

.jackpot-container .jackpot-rank-info--winner .jackpot-rank-win-amount {
  margin: 0.04rem 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.18rem;
  font-weight: 400;
  line-height: 0.16rem;
  color: #000;
  white-space: nowrap;
}

.jackpot-container .gameList-wrap {
  width: 100%;
  padding: 0.2rem 0.15rem 0;
}

.jackpot-container .gameList-wrap .game-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.15rem;
}

.game-list-item {
  position: relative;
  flex-shrink: 0;
  width: 100%;
  min-width: 0;
}

.game-list-item.theme-1 .game-item-info {
  background: linear-gradient(180deg, rgba(3, 64, 249, 0), #0340f9 60%);
}

.game-list-item.theme-2 .game-item-info {
  background: linear-gradient(180deg, rgba(1, 168, 74, 0), #01a84a 60%);
}

.game-list-item.theme-3 .game-item-info {
  background: linear-gradient(180deg, rgba(246, 41, 71, 0), #f62947 60%);
}

.game-list-item.theme-4 .game-item-info {
  background: linear-gradient(180deg, rgba(147, 40, 244, 0), #9328f4 60%);
}

.game-list-item.theme-5 .game-item-info {
  background: linear-gradient(180deg, rgba(178, 34, 1, 0), #b22201 60%);
}

.game-list-item.theme-6 .game-item-info {
  background: linear-gradient(180deg, rgba(2, 118, 237, 0), #0276ed 60%);
}

.game-list-item.theme-7 .game-item-info {
  background: linear-gradient(180deg, rgba(238, 101, 28, 0), #ee651c 60%);
}

.game-list-item.theme-8 .game-item-info {
  background: linear-gradient(180deg, rgba(3, 166, 144, 0), #03a690 60%);
}

.game-list-item.horizontal {
  display: flex;
  align-items: center;
}

.game-list-item.horizontal .game-background {
  width: 1rem;
}

.game-list-item.horizontal .game-item-info {
  padding: 0 0.15rem 0 0.32rem;
}

.game-list-item.horizontal .game-item-info .game-item-name {
  text-align: left;
}

.game-list-item .vendor-name {
  width: 0.9rem;
  height: 0.34rem;
  background: #d9d9d9;
  border-radius: 0.15rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.game-list-item .game-background {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
}

.game-list-item .game-background .lazy-load-image-background {
  height: 100%;
}

.game-list-item .game-background .img-loading {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

.game-list-item .game-label-hot {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 26%;
  aspect-ratio: 1/1;
  pointer-events: none;
  background: linear-gradient(180deg, #ffb179, red);
  border-radius: 0 0 0 30%;
  box-shadow: 0 0.03rem 0.1rem 0 rgba(0, 0, 0, 0.25);
}

.game-list-item .game-label-hot .hot-icon {
  display: block;
  width: 66%;
  height: 66%;
}

.game-list-item .game-item-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0.12rem 0.05rem 0;
}

.game-list-item .vendor-icon {
  display: block;
  width: 1rem;
  height: 0.5rem;
  object-fit: contain;
}

.game-list-item .game-item-name {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.24rem;
  font-weight: 500;
  line-height: normal;
  color: #000;
  text-align: center;
}

@supports (-webkit-line-clamp: 2) {
  .game-list-item .game-item-name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}

.game-list-item .choose-play {
  display: flex;
  align-items: center;
  justify-content: center;
}

.game-list-item .choose-play .btn-play {
  padding: 0.16rem 0.24rem;
  font-size: 0.22rem;
  font-weight: 700;
  line-height: normal;
  color: #fff;
  background: hsla(0, 0%, 100%, 0.1);
  border-radius: 1rem;
}

.game-list-item .choose-play .btn-free {
  margin-left: 0.16rem;
  font-size: 0.2rem;
  font-weight: 700;
  line-height: normal;
  color: #fff;
  text-decoration: underline;
  opacity: 0.7;
}

.game-list-item .game-vendor-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  font-size: 0.2rem;
  color: hsla(0, 0%, 100%, 0.5);
  text-align: center;
}

.game-list-item .game-fav.on {
  color: #cf1436;
}

.game-list-item .favorite_icon {
  display: block;
  width: 0.3rem;
  height: 0.3rem;
  fill: none;
}

.launch-game-popup .game-popup-layout {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 6.42rem;
}

.launch-game-popup .game-img {
  width: 3.12rem;
  height: 3.12rem;
  overflow: hidden;
  border-radius: 0.11rem;
}

.launch-game-popup .game-img img {
  display: block;
  width: 3.12rem;
  height: 3.12rem;
}

.launch-game-popup .game-name {
  margin-top: 0.3rem;
  font-size: 0.48rem;
  font-weight: 500;
  line-height: normal;
  color: #fff;
}

.launch-game-popup .choose-play {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  width: 100%;
  margin-top: 0.5rem;
  font-size: 0.3rem;
  font-weight: 500;
  color: #fff;
  text-align: center;
  text-transform: capitalize;
  text-shadow: 0 0.02rem 0.1rem rgba(0, 0, 0, 0.25);
}

.launch-game-popup .choose-play .btn-free,
.launch-game-popup .choose-play .btn-play {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 0.86rem;
  border-radius: 0.5rem;
}

.launch-game-popup .choose-play .btn-play {
  background: url(/m/submit-bg.7583ee05.png) no-repeat 50%/100% 100%;
}

.launch-game-popup .choose-play .btn-free {
  background:
    linear-gradient(0deg, #2d2d2d, #2d2d2d),
    linear-gradient(90deg, #fee93c, #faa83c);
  border: 0.02rem solid #505050;
}

.no-data-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 0.26rem;
  line-height: normal;
  color: var(--text-primary);
}

.no-data-wrap,
.no-data-wrap .no-data-content {
  text-align: center;
}

.no-data-wrap .no-data-content .data-icon {
  width: 2.1rem;
  height: 2.1rem;
  margin: 0 0 0.2rem;
}

.search-input-wrap {
  position: relative;
  flex-shrink: 0;
  min-width: 0;
}

.search-input-wrap.disabled:after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  content: "";
}

.search-input-wrap .search-input-content {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}

.search-input-wrap .search-input-content .search-input {
  flex: 1 1 0%;
  width: 100%;
  height: 0.6rem;
  padding: 0 0.24rem 0 0.75rem;
  font-size: 0.24rem;
  font-weight: 700;
  color: var(--text-primary);
  background: #fff;
  border: none;
  border-radius: 1rem;
}

.search-input-wrap
  .search-input-content
  .search-input::-webkit-input-placeholder {
  color: #a3a3a3;
}

.search-input-wrap .search-input-content .search-input::placeholder {
  color: #a3a3a3;
}

.search-input-wrap
  .search-input-content
  .search-input:focus
  + .search-btn
  .search-icon {
  color: #fff;
}

.search-input-wrap .search-input-content .search-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0.1rem;
  left: 0.2rem;
  flex-shrink: 0;
  color: var(--text-brand);
}

.search-input-wrap .search-input-content .search-icon {
  display: block;
  width: 0.4rem;
  height: 0.4rem;
}

.skeleton-wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.17rem 0.15rem;
  overflow: hidden;
}

.skeleton-wrap li {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
  background: var(--game-list-skeleton-bg);
  border-radius: 0.1rem;
}

.skeleton-wrap li:after {
  position: absolute;
  inset: 0;
  content: "";
  background-image: linear-gradient(
    90deg,
    hsla(0, 0%, 100%, 0),
    hsla(0, 0%, 100%, 0.2) 20%,
    hsla(0, 0%, 100%, 0.4) 60%,
    hsla(0, 0%, 100%, 0)
  );
  transform: translateX(-100%);
  animation: shimmer 3s infinite;
}

.vendor-menu-wrap {
  position: relative;
  width: 100%;
  margin-top: 0.2rem;
}

.vendor-menu-wrap .vendor-menu-scroll {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  overflow: auto;
  touch-action: pan-x;
}

.vendor-menu-wrap .vendor-menu-item {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-shrink: 0;
  padding: 0.057rem 0.15385rem 0.0844rem;
  font-size: 0.27rem;
  font-variant: all-small-caps;
  line-height: 0.3076rem;
  color: var(--text-color-primary);
  text-align: center;
  white-space: nowrap;
  border-radius: 0.2692rem;
}

.vendor-menu-wrap .vendor-menu-item:not(:last-child) {
  margin-right: 0.1rem;
}

.vendor-menu-wrap .vendor-menu-item.on {
  color: #fff;
  background: #6297ff;
}

.vendor-menu-wrap .vendor-menu-item .menu-icon {
  display: block;
  height: 0.42rem;
  object-fit: contain;
}

.vendor-menu-wrap .vendor-menu-item .icon-active {
  display: none;
}

.vendor-menu-wrap .icon-all {
  width: 0.4rem;
  height: 0.4rem;
}

.vendor-menu-wrap .vendor-name {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@supports (-webkit-line-clamp: 2) {
  .vendor-menu-wrap .vendor-name {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}

.vendor-menu-wrap .menu-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  z-index: 10;
  width: 0.42rem;
  height: 100%;
  color: #fff;
}

.vendor-menu-wrap .menu-nav .am-icon {
  display: block;
  width: 0.42rem;
  height: 0.42rem;
}

.vendor-menu-wrap .nav-prev {
  left: 0;
}

.vendor-menu-wrap .nav-next {
  right: 0;
}

.vendor-nav-wrap {
  position: relative;
  flex-shrink: 0;
  width: 1.7rem;
  height: 100%;
  padding-right: 0.13rem;
}

.vendor-nav-wrap .vendor-nav-scroll {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0.54rem 0;
  overflow-y: scroll;
  overscroll-behavior: none;
}

.vendor-nav-wrap .arrow-down,
.vendor-nav-wrap .arrow-up {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.57rem;
  height: 0.38rem;
  color: #fff;
  background: #a4a4a4;
}

.vendor-nav-wrap .arrow-down.on,
.vendor-nav-wrap .arrow-up.on {
  background: var(--bg-brand);
}

.vendor-nav-wrap .arrow-down .am-icon,
.vendor-nav-wrap .arrow-up .am-icon {
  display: block;
  width: 0.32rem;
  height: 0.32rem;
}

.vendor-nav-wrap .arrow-up {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

.vendor-nav-wrap .arrow-down {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
}

.vendor-nav-wrap .vendor-nav-item {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  height: 1.26rem;
  font-size: 0.24rem;
  line-height: 0.276rem;
  color: #000;
  text-align: center;
  background: linear-gradient(116deg, #fff -23.66%, #e6e6e6 60.86%);
  border-radius: 0.1rem;
}

.vendor-nav-wrap .vendor-nav-item.on {
  color: var(--text-inverse);
  background: var(--bg-brand);
}

.vendor-nav-wrap .vendor-nav-item:not(:last-child) {
  margin-bottom: 0.16rem;
}

.vendor-nav-wrap .vendor-icon-bg {
  position: relative;
}

.vendor-nav-wrap .vendor-icon-bg .common-vendor-icon {
  display: block;
  width: 1.2rem;
  height: 0.6rem;
}

.vendor-nav-wrap .vendor-icon-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
}

.vendor-nav-wrap .vendor-nav-icon {
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  object-fit: contain;
}

.vendor-nav-wrap .vendor-nav-name {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.03rem;
  word-break: break-all;
}

.provider-game-list-wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding-bottom: 0.1rem;
}

.provider-game-list-wrap .provider-game-list-content {
  display: flex;
  flex: 1 1 0%;
  align-items: flex-start;
  overflow: hidden;
}

.provider-game-list-wrap .provider-game-list-content.vertical {
  padding: 0.34rem 0.17rem;
}

.provider-game-list-wrap .provider-game-list-content.horizontal {
  padding: 0.1rem 0.19rem;
}

.provider-game-list-wrap .search-game-wrap {
  display: flex;
  align-items: center;
}

.provider-game-list-wrap .current-filter {
  display: flex;
  gap: 0.16rem;
  margin-bottom: 0.2rem;
}

.provider-game-list-wrap .current-filter .filter-item {
  display: flex;
  gap: 0.1rem;
  align-items: center;
  height: 0.6rem;
  padding: 0 0.16rem;
  font-size: 0.28rem;
  line-height: normal;
  color: #8d9aa5;
  background: #222424;
  border-radius: 0.06rem;
}

.provider-game-list-wrap .current-filter .btn-close {
  display: block;
  width: 0.2rem;
  height: 0.2rem;
}

.provider-game-list-wrap .game-filter-bg {
  flex-shrink: 0;
  padding: 0 0.32rem 0.12rem;
}

.provider-game-list-wrap .game-filter-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.provider-game-list-wrap .game-filter-wrap .search-input-wrap {
  width: 5.4rem;
}

.provider-game-list-wrap .game-list-direction {
  display: flex;
  flex-shrink: 0;
  gap: 0.12rem;
  align-items: center;
}

.provider-game-list-wrap .game-list-direction .toggle-direction {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.6rem;
  height: 0.6rem;
  color: #7b7b7b;
  border-radius: 0.08rem;
}

.provider-game-list-wrap .game-list-direction .toggle-direction.on {
  color: #fff;
  background: var(--bg-brand);
}

.provider-game-list-wrap .provider-game-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 0.96rem;
  margin-bottom: 0.24rem;
}

.provider-game-list-wrap .game-search-section {
  display: flex;
  gap: 0.24rem;
  align-items: center;
}

.provider-game-list-wrap .btn-filter {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-shrink: 0;
  height: 0.72rem;
  padding: 0 0.24rem;
  margin-left: 0.25rem;
  font-size: 0.32rem;
  font-weight: 600;
  line-height: 0.48rem;
  color: #fff;
  text-align: center;
  text-transform: capitalize;
  border: 0.02rem solid hsla(0, 0%, 100%, 0.23);
  border-radius: 0.16rem;
}

.provider-game-list-wrap .btn-filter .am-icon {
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  margin-right: 0.16rem;
}

.provider-game-list-wrap .btn-filter .filter-count {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -0.2rem;
  right: -0.2rem;
  min-width: 0.4rem;
  height: 0.4rem;
  padding: 0 0.12rem;
  font-size: 0.2rem;
  line-height: 1;
  color: #fff;
  background-color: #00b4d8;
  border-radius: 0.2rem;
}

.provider-game-list-wrap .btn-clear {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.72rem;
  height: 0.72rem;
  color: #fff;
  border: 0.02rem solid hsla(0, 0%, 100%, 0.23);
  border-radius: 0.16rem;
}

.provider-game-list-wrap .btn-clear .am-icon {
  display: block;
  width: 0.3rem;
  height: 0.3rem;
}

.provider-game-list-wrap .provider-btn {
  flex-shrink: 0;
  width: 1.88rem;
  height: 0.6rem;
  padding: 0.13rem 0.12rem;
  margin-left: 0.2rem;
  font-size: 0.2rem;
  font-weight: 600;
  color: #76797d;
  background: #fff;
  border: 0.02rem solid #d9e1ec;
  border-radius: 0.71rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.provider-game-list-wrap .provider-btn.on {
  background: linear-gradient(90deg, #97d2fe, #2a87f1);
  border-radius: 0.7rem;
}

.provider-game-list-wrap .provider-btn .icon-provider {
  width: 0.34rem;
  height: 0.34rem;
  margin-right: 0.08rem;
}

.provider-game-list-wrap .provider-btn .default-vendor {
  display: flex;
  align-items: center;
}

.provider-game-list-wrap .provider-btn .arrow-down {
  flex-shrink: 0;
  width: 0.24rem;
  height: 0.24rem;
  margin-left: 0.08rem;
}

.provider-game-list-wrap .provider-btn .close-select {
  width: 0.24rem;
  height: 0.24rem;
  margin-left: 0.1rem;
}

.provider-game-list-wrap .classify-swiper-wrap,
.provider-game-list-wrap .jackpot-wrap {
  margin-bottom: 0.24rem;
}

.provider-game-list-wrap .vendor-game-wrap {
  margin-bottom: 0.3rem;
}

.provider-game-list-wrap .category-games {
  flex: 1 1 0%;
  height: 100%;
  padding-right: 0.12rem;
  overflow-y: auto;
}

.provider-game-list-wrap .category-games.vertical .category-game-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.17rem 0.15rem;
}

.provider-game-list-wrap .category-games.horizontal .category-game-list,
.provider-game-list-wrap .category-games.horizontal .skeleton-wrap {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.provider-game-list-wrap .category-games.horizontal .skeleton-wrap li {
  height: 1rem;
  aspect-ratio: unset;
}

.provider-game-list-wrap .game-line {
  position: relative;
  width: 100%;
  padding: 0 0.2rem;
  margin: 0.24rem 0;
}

.provider-game-list-wrap .game-line:after {
  display: block;
  width: 100%;
  height: 0.02rem;
  content: "";
  background: hsla(0, 0%, 100%, 0.1);
}

.provider-game-list-wrap .game-list-filter-wrap {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 0.2rem;
}

.provider-game-list-wrap .select-bar {
  display: flex;
  flex-shrink: 0;
  gap: 0.16rem;
  align-items: center;
  justify-content: start;
  width: 100%;
  margin-top: 0.2rem;
  overflow: hidden;
}

.provider-game-list-wrap .select-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background:
    linear-gradient(180deg, #fff, #d9d9d9 99.75%),
    linear-gradient(285deg, rgba(248, 91, 110, 0) -20.3%, #c63841 126.87%);
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  border: 0.03rem solid transparent;
  border-radius: 1rem;
  -webkit-clip-path: inset(0 round 1rem);
  clip-path: inset(0 round 1rem);
  position: relative;
  flex-shrink: 0;
  height: 0.64rem;
  padding: 0.02rem 0.2rem;
  font-size: 0.24rem;
  font-weight: 400;
  line-height: normal;
  color: var(--text-dark);
  text-transform: uppercase;
}

.provider-game-list-wrap .select-btn.on {
  color: var(--text-inverse);
  background: linear-gradient(180deg, #ed3237, #ea252a);
  border: 0.03rem solid rgba(248, 91, 110, 0);
}

.provider-game-list-wrap .select-btn .am-icon {
  display: block;
  width: 0.4rem;
  height: 0.4rem;
}

.provider-game-list-wrap .game-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.2rem;
  width: 100%;
  margin-top: 0.2rem;
}

.provider-game-list-wrap .game-list-content {
  display: flex;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.provider-game-list-wrap .game-list-layout {
  flex: 1 1 0%;
  height: 100%;
  overflow: hidden;
}

.provider-game-list-wrap .game-right-content {
  width: calc(100% - 1.14rem);
  padding: 0.2rem 0.26rem 0.2rem 0.1rem;
  overflow: hidden;
}

.provider-game-list-wrap .game-right-content .game-select {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  width: 100%;
  margin-bottom: 0.2rem;
}

.hot-game-item {
  position: relative;
  flex-shrink: 0;
  width: 100%;
  min-width: 0;
}

.hot-game-item .game-background {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  overflow: hidden;
}

.hot-game-item .game-background .hot-game-bg {
  display: block;
  width: 100%;
}

.hot-game-item .game-background .vendor-small-icon {
  position: absolute;
  top: 0.05rem;
  right: 0.05rem;
  z-index: 1;
  width: 0.6rem;
  height: 0.3rem;
}

.hot-game-item .game-item-type {
  position: absolute;
  top: 0.1rem;
  left: 0.12rem;
  z-index: 1;
  font-size: 0.17391rem;
  font-weight: 900;
  line-height: normal;
  color: var(--text-brand);
}

.hot-game-item .game-item-name {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.35rem;
  font-size: 0.17rem;
  font-weight: 700;
  line-height: normal;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAL0AAAAkCAYAAADcvju7AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAW4SURBVHgB7Vxrkts2DAYYpzP50Z3pCZoz9OI9QnugTttk8tisbSKkxAcIkRLlx3pt4Zv1kgTBh6wPEChLRPjzv49A8BcoFBvBzv97+v3po3EpYvgIJSxSHFMEIRXKCsUlQcNfLsQcjWUqVYu816HQ3kIg/R/f/odPB4CvR4A9jRWABowjsPEkx0DswPYy5TzPFvNmuB+/AVyQ9dSdOval+tsYqJLhMgqWEKXJAFzGeh4PAoJ37v8H59V/dWz/7X0g/ffPz/DvC8A/7vPVM95/jBlPFJo8C8PyY2VKptCzrLgEqF4cUlvKiZVtyDvZe0fFJ8d0+sWlHwLpjRnJ6/mNTpcMilgHIbt1njJilzGPQnEhME55z51ibc9yk+MWX8ZQ9gLPYe/ucQhXRh/uP65sVg2qULxFSIrSvHoH6RWKx4KSXrE5KOkVm4OSXrE5KOkVm4OSXrE5KOkVm4OSXrE5KOkVm4OSXrE5KOkVm4OSXnH/oHXqO7hn6LNwt8HwVKMo3xK4bg6nkR47ZYrHBC6UrwnqlM1gSvpoNQjlCyLyZZF7ILka4mVwa0/OIa8wkZfyLTULzfO/q3bWIgu/rKUH97E9qS6c215xdVzynNCioN2u97n5hS53E0VJ/viGCn/ze5BX3hM0V2bstQ2CG/Qj4rWOjzrm0Bb0921CORkEdY1Z8fRYpsjKtRBnbXzXdYxnsvuWMecjgRbKLWBPZ6epFIYrw5uhzF8vZG0wKGMk/fBOLJWWY8T1pBbjcxhoVMC0j3NwiT4U14Gdq+w8aZF/sUnK27I+Ernw9CwfApQ0JwxlbC1kIwxPw4u3GASJfOyK0Dqu1UTF1yV3824Uxn0lXt/QauHmJfpbkp0DMzM2xUwnSKTRI/MFKgV2Ry9uaUp4AwvhDffiBjPJ484IADlun4Q6lUXtGvJKI1rS7VQ9HycMcq15vcW1RmuXpSqY67bQh7hb05B37d9RaRAU+rVhBwQKBsA9PlKx3twVE4pkT96bKZuslk4q3wenFt7MEbnHGGZ/L8Zqtlq+Ga7ppm+AWYLPzLEguOBTbEozg/L2hFk3en0ejhNN6wsniY1blnHfEIPZ0w8TDT2Y0IB796RXOSiOiRxn6oTemocmsFN2F3jliZ+0gMWsK0MZed5so/Mq+flKFUpSF7Lo5U3eH8cQi//zJyxkIQf6xUCQY3UE4eWFQQDUrwZJAHXSTvcGLLFEdFMZpxfYyD86TiJ1o0EzTMF2fbxhAoGssmuSAgaLzLuHzODR4xWBMtnH/SnDdPLarP0YgoFsDOmDUOx8Jg2Bx/6S+DHMqYUiLa+MAOtCI+zUU3SjSsKKo2t5aRNYbyv9xth70jWP25GFLnE8m2P9tGhFdreGoNwNLfwLxB9In9YJxcgkjg8rR8d75fWVg48LCiGuFmSo1dNG3rvi05klfmO+c3irhkSnVOJyE4RpSDH57qUek1OlDmkqj3k+ljyPBVmZcUirQq5DzEZoJP3B2nG/Syva+oXqkcbUBOsxWMZJw0aBbKQU4gjy8cnUrgDMEot20uha52iOiLMkjRNiX/D66/19IYUUC7dQ6IQ6Tlhq6BNjt9SptYn7U1qpZ4PM5jpetlno93b1xcMhePr9/gBHV6AjhgnZcudiK25d8nAHjlBu9ApTbzyRQV1PZickjMTnBjBzZqR3MS2lLYOmxaqHbwEFOWMnOB2idhXwqNmeFXp8AZvcNhXePM3d5/0tTLKp3jqnvXe5ZxPu3jy/HAYLGAyDotcFRvBA9oLAmO/ixARZuZAJucfcAhUb+aYeN4KuMzWPR7WDsy9gLOzlHfZeEeb0bKOxDHe4MdQMIeowwvvk6EnvMt8hkP7by/7vFxfGHN1igKKHj8dY3J0RIUYMbzi4IUisIRM2C3X03M7culPvQa9hdP24RNXs6fMgFrLA1KAsswBmLM7Pgw9ifrgftr44jv8E3UP9Ju0cp0UAAAAASUVORK5CYII=)
    no-repeat 50%/100% 100%;
  border-radius: 0 0 0.17rem 0.17rem;
}

.hot-game-item .game-item-name span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@supports (-webkit-line-clamp: 2) {
  .hot-game-item .game-item-name span {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}

.shell-sports-link {
  flex-shrink: 0;
  min-width: 0;
}

.shell-sports-link.large {
  grid-column: 1/-1;
}

.shell-sports-link .sports-link-img {
  display: block;
  width: 100%;
  object-fit: contain;
}

.game-hot-wrap .game-hot-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.17rem 0.15rem;
}

.game-hot-wrap .game-hot-list .banner-hot {
  overflow: hidden;
  border-radius: 0.24rem;
}

.game-hot-wrap .game-hot-list .banner-hot img {
  width: 100%;
}

.game-match-wrap {
  position: relative;
}

.game-match-wrap .scroll-game-list-wrap .scroll-game-list {
  --grid-col-width: 100%;
  column-gap: 0.4rem;
}

.game-provider .provider-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 1.95rem;
  padding: 0.1rem;
  background: #222424;
  border-radius: 0.06rem;
}

.game-provider .provider-icon {
  display: block;
  width: 2.6rem;
  height: 1.3rem;
  object-fit: contain;
}

.home-game-list-wrap {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.home-game-list-wrap .scroll-game-container .scroll-game-list {
  --grid-col-width: 2.2rem;
  column-gap: 0.15rem;
}

.home-game-list-wrap .lottery-list-wrap {
  width: 100%;
  margin-top: 0.16rem;
  overflow: auto;
}

.home-game-list-wrap .lottery-list-wrap .lottery-list {
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  grid-auto-columns: 5.5rem;
  grid-auto-flow: column;
  gap: 0.16rem 0.2rem;
}

.home-game-list-wrap .vendor-list {
  display: flex;
  padding-top: 0;
  overflow: auto;
}

.home-game-list-wrap .vendor-list li {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 2rem;
  height: 0.8rem;
  padding: 0 0.2rem;
  margin-right: 0.1rem;
  font-size: 0.24rem;
  color: #fff;
  background: #050505;
  border: 0.02rem solid #1a5f2e;
  border-radius: 0.16rem;
}

.home-game-list-wrap .vendor-list li.on {
  background: #049e07;
  border: none;
}

.home-game-list-wrap .vendor-list li img {
  height: 100%;
}

.home-game-list-wrap .home-game-list-content {
  width: 100%;
}

.home-game-list-wrap .home-game-list {
  display: grid;
  grid-template-rows: repeat(1, 1fr);
  grid-auto-flow: column;
  gap: 0.16rem;
  padding: 0 0.2rem;
  overflow: auto hidden;
}

.home-game-list-wrap .home-game-list .game-list-item {
  width: 2rem;
}

.home-game-list-wrap .home-game-slide {
  display: grid;
  gap: 0.2rem;
  width: 100%;
}

.home-game-list-wrap .home-vendor-list {
  display: flex;
  flex-wrap: nowrap;
  overflow: auto;
}

.home-game-list-wrap .home-vendor-list .vendor-game-item {
  width: 2.2rem;
}

.home-game-list-wrap .home-vendor-list .vendor-game-item:not(:last-child) {
  margin-right: 0.2rem;
}

.home-game-list-wrap .swiper-btn-group {
  display: grid;
  grid-auto-flow: column;
  gap: 0.1rem;
  margin-left: 0.1rem;
}

.home-game-list-wrap .swiper-btn-group .swiper-btn {
  width: 0.6rem;
  height: 0.6rem;
}

.home-game-list-wrap .swiper-btn-group .am-icon {
  display: block;
  width: 100%;
  height: 100%;
}

.home-game-list-wrap .skeleton-wrap {
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: none;
  grid-auto-columns: 2.2rem;
  grid-auto-flow: column;
  gap: 0.2rem 0.25rem;
}

.home-vendor-list-wrap .scroll-game-container .scroll-game-list {
  --grid-col-width: 2.4rem;
}

.game-title {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.game-title .title-icon {
  display: block;
  width: 0.52rem;
  margin-right: 0.05rem;
}

.game-title .title-content {
  display: flex;
  align-items: center;
  font-size: 0.32rem;
  font-weight: 700;
  line-height: normal;
  color: #fff;
  letter-spacing: 0.32px;
}

.game-title .title-content .game-count {
  display: flex;
  align-items: center;
  margin-left: 0.2rem;
  font-size: 0.22rem;
  font-weight: 500;
  color: #5b5f60;
}

.game-title .title-content .count-num {
  margin-right: 0.05rem;
}

.game-title .btn-more {
  display: flex;
  align-items: center;
  padding: 0.08rem 0.2rem;
  font-size: 0.27rem;
  line-height: normal;
  color: #9784bf;
  text-align: center;
}

.game-title .count-num {
  margin-right: 0.05rem;
}

.game-title .icon-more {
  width: 0.28rem;
  height: 0.28rem;
  margin-left: 0.16rem;
  fill: none;
}

.vendor-game-item {
  position: relative;
  flex-shrink: 0;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  cursor: pointer;
}

.vendor-game-item .game-maintain {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  inset: 0;
  z-index: 2;
  cursor: not-allowed;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 0.18rem;
}

.vendor-game-item .game-maintain .icon-maintain {
  display: block;
  width: 2rem;
  height: 2rem;
}

.vendor-game-item .vendor-item-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  border-radius: 0.13rem;
}

.vendor-game-item .vendor-game-img {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.vendor-game-item .vendor-game-img .lazy-load-image-background {
  display: block !important;
}

.vendor-game-item .vendor-game-img .img-loading {
  width: 100%;
  object-fit: cover;
}

.vendor-game-item .vendor-game-img .vendor-large-icon {
  height: 100%;
}

.vendor-game-item .vendor-game-img .vendor-large-icon .common-vendor-icon {
  position: absolute;
  top: 0;
  right: 0;
  height: 107%;
  object-fit: contain;
}

.vendor-game-item .vendor-game-img .vendor-game-name {
  position: absolute;
  top: 0.1rem;
  left: 0.17rem;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: 1rem;
  font-size: 0.192rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.2308rem;
  color: var(--text-primary);
  text-transform: capitalize;
}

.vendor-game-item .vendor-game-img .vendor-game-name .common-vendor-icon {
  display: block;
  width: 100%;
}

.vendor-game-item .vendor-game-img .vendor-game-name .display-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

.vendor-game-item .vendor-icon {
  position: absolute;
  bottom: 0.3rem;
  left: 0.2rem;
  width: 1rem;
  height: 0.5rem;
  object-fit: contain;
}

.home-game-item .hot-game-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.24rem;
}

.home-game-item .hot-game-title .title-icon {
  position: relative;
  z-index: 1;
  width: 0.6rem;
  height: 0.6rem;
}

.home-game-item .hot-game-title .title-content {
  display: flex;
  align-items: center;
  font-size: 0.22rem;
  font-weight: 600;
  line-height: 0.28rem;
  color: #fff;
  text-align: center;
  text-transform: capitalize;
}

.home-game-item .hot-game-title .title-text {
  padding: 0.1rem 0.4rem;
  margin-left: -0.2rem;
  background: #118eea;
  border-radius: 1rem;
  box-shadow: 0.02rem 0.03rem 0 0 #0071bc;
}

.home-game-item .hot-game-title .btn-more {
  padding: 0.1rem 0.32rem;
  font-size: 0.22rem;
  line-height: 0.28rem;
  color: #fffc05;
  text-align: center;
  text-transform: capitalize;
  background: linear-gradient(180deg, #00b3ff, #1a8ce5);
  border-radius: 0.1rem;
}

.home-game-lobby .hot-game-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.25rem 0.15rem;
  padding: 0 0.3rem;
}

.home-game-lobby .scroll-game-container {
  margin-top: 0.32rem;
}

.home-game-enter {
  width: 100%;
}

.home-game-enter .home-game-layout {
  display: flex;
  gap: 0.17rem;
  align-items: flex-start;
  width: 100%;
  padding: 0 0.17rem 0.4rem;
}

.home-game-enter .home-game-tabs {
  flex: 1 1 0%;
  overflow: hidden;
}

.home-game-enter .vendor-list-wrap.live .home-vendor-list,
.home-game-enter .vendor-list-wrap.sports .home-vendor-list {
  grid-template-columns: repeat(2, 1fr);
  gap: 0.05rem;
}

.home-game-enter .vendor-list-wrap.live .banner-sport,
.home-game-enter .vendor-list-wrap.sports .banner-sport {
  width: 100%;
}

.home-game-enter .vendor-list-wrap.live .banner-sport img,
.home-game-enter .vendor-list-wrap.sports .banner-sport img {
  display: block;
  width: 100%;
}

.home-game-enter .vendor-list-wrap .home-vendor-list {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 0.12rem;
}

.home-game-enter .home-game-inner {
  padding: 0 0.32rem;
}

.home-game-enter .home-tabs-content {
  overflow: hidden;
}

.home-game-enter .home-game-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.32rem;
  margin-bottom: 0.24rem;
}

.home-game-enter .game-search-section {
  padding: 0 0.32rem;
  margin-bottom: 0.32rem;
}

.home-game-enter .more-game {
  padding: 0.135rem 0.16rem;
  font-size: 0.24rem;
  font-weight: 600;
  line-height: normal;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.24px;
  white-space: nowrap;
  background: linear-gradient(180deg, #04c5fd, #1b9ae8);
  border-bottom: 0.02rem solid #2e6ff1;
  border-radius: 0.12rem;
  box-shadow: inset 0 0.04rem 0.04rem 0 hsla(0, 0%, 100%, 0.25);
}

.download-bar.show-bar + .app-main {
  padding-top: var(--download-bar-height);
}

.download-bar.show-bar + .app-main .shell-header .mc-navbar-blue {
  top: var(--download-bar-height) !important;
}

.download-bar.show-bar + .app-main .header-content {
  top: var(--download-bar-height);
}

.download-bar.show-bar + .app-main .home-member-nav {
  top: calc(var(--header-height) + var(--download-bar-height));
}

.download-bar.show-bar ~ .sidebar .left-side-menu,
.download-bar.show-bar ~ .sidebar .right-side-menu {
  padding-top: calc(var(--header-height) + var(--download-bar-height));
}

.home-container {
  width: 100%;
  transition: all 0.3s;
}

.home-container .home-content-wrap {
  width: 100%;
  min-height: calc(100vh - var(--header-height) - var(--footer-height));
}

.home-container .popup_container_v2 {
  background: var(--overlay-bg);
}

.home-container .popup_container_v2 .close-btn {
  top: 0;
  right: 0;
  width: 0.6rem;
  height: 0.6rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADsSURBVHgBtdZhDcIwEAXgk4CESkACjsDB5gAJ1AESJgEJkzAJjzahY2mg7V1fX9I/5XJf2I+7inwC4BTOJRwnAxL7xv755RXfrOGchZjQb8r6u/RP82wsPENTlvQJMAL/g8a8UsHKxgtozJyKHBOvoD4vpuAqlIWb0F68C7XiFFSLU1EF/qCjjfgY1Ih7YaYR9zIiofG9AlO3WkIn1EPbahqUi1fQbQheQT3IW60JPdTxcCjHIAWHcfZ24egc+CYcpC2jwkFebU04fr+rzWgjXnxXe+lMAd/f1QsbreDz8cc4iZ77JTFZ/1u8ewM8I2VW/4gMbgAAAABJRU5ErkJggg==)
    no-repeat 50%/0.24rem 0.24rem;
  border-radius: 0;
}

.home-container .popup_container_v2 .close-btn .icon {
  display: none;
}

.home-container .popup_container_v2 .popup_title {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 100% !important;
  max-width: 100%;
  min-height: 0.85rem;
  max-height: unset;
  padding: 0.15rem 0.4rem 0.15rem 0.2rem;
  margin-bottom: 0;
  font-size: 0.34rem;
  font-weight: 800;
  line-height: normal;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  background: var(--bg-brand);
  border-radius: 0.17rem 0.17rem 0 0;
}

.home-container .popup_container_v2 .popup_content {
  position: relative;
  max-height: min(var(--vh, 1vh) * 100 - 2rem, 6.6rem) !important;
  padding: 0 !important;
  overflow: visible;
  background: #fff;
  border: 0.02rem solid var(--border-color-modal-primary);
  border-radius: 0.17rem !important;
}

.home-container .popup_container_v2 .popup_content .wysiwyg {
  padding: 0 !important;
}

.home-container .popup_container_v2 .text {
  overflow: hidden;
  font-size: 0.24rem;
  color: #6b76a0;
  border-radius: 0 0 0.17rem 0.17rem;
}

.home-container .popup_container_v2 .popup_body {
  width: 6.78rem !important;
  max-height: min(var(--vh, 1vh) * 100 - 2rem, 7.4rem) !important;
  padding: 0 !important;
}

.home-container .popup_container_v2 .popup_body .swiper-slide img {
  display: block;
  width: 100%;
}

.home-container .popup_container_v2 .popup_body .nav-left {
  left: -0.3rem;
}

.home-container .popup_container_v2 .popup_body .nav-right {
  right: -0.3rem;
}

.home-container .popup_container_v2 .popup_body .nav-left,
.home-container .popup_container_v2 .popup_body .nav-right {
  z-index: 100000;
  display: none;
  width: 0.6rem;
  height: 0.6rem;
  padding: 0.1rem;
  background: #fff !important;
  border-radius: 1rem;
  transform: translateY(0) !important;
}

.home-container .popup_container_v2 .popup_body .nav-left .arrow-icon,
.home-container .popup_container_v2 .popup_body .nav-right .arrow-icon {
  display: block;
  width: 0.32rem;
  height: 0.32rem;
  fill: #118eea;
}

.home-container .popup_container_v2 .popup_body .active-btn,
.home-container .popup_container_v2 .popup_body .disable-btn {
  background: rgba(0, 0, 0, 0.5);
}

.home-container .popup_container_v2 .shell-popup-footer {
  margin-top: 0.2rem;
}

.home-container
  .popup_container_v2
  .shell-popup-footer
  .pagination-container
  .page-ellipsis {
  color: #fff;
}

.home-container .popup_container_v2 .shell-popup-footer .popup-nav-title {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.2rem;
  padding: 0.2rem 0.1112rem;
  font-size: 0.3rem;
  font-weight: 600;
  line-height: normal;
  color: #fff;
  text-align: center;
  background: linear-gradient(270deg, #33befd, #67e875);
  border-radius: 0 0 0.2rem 0.2rem;
}

@supports (-webkit-line-clamp: 2) {
  .home-container .popup_container_v2 .shell-popup-footer .popup-nav-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}

.home-container .popup_container_v2 .popup-nav-left,
.home-container .popup_container_v2 .popup-nav-right {
  position: absolute;
  top: 50%;
  margin-top: -0.32rem;
  background: transparent;
  border: none;
}

.home-container .popup_container_v2 .popup-nav-left:disabled,
.home-container .popup_container_v2 .popup-nav-right:disabled {
  opacity: 0.5;
}

.home-container .popup_container_v2 .popup-nav-left .nav-icon,
.home-container .popup_container_v2 .popup-nav-right .nav-icon {
  display: block;
  width: 0.86rem;
  height: 0.86rem;
  object-fit: contain;
}

.home-container .popup_container_v2 .popup-nav-left {
  left: -0.8rem;
}

.home-container .popup_container_v2 .popup-nav-right {
  right: -0.8rem;
}

.home-container .popup_container_v2 .popup_pagination_footer {
  display: none;
}

.home-container .popup_container_v2 .popup_main_header {
  border-radius: 0;
}

.home-container .popup_container_v2 .shell-popup-header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  width: 100%;
  height: 0.54rem;
}

.home-container .popup_container_v2 .shell-popup-header .popup-logo {
  display: block;
  height: 0.67rem;
}

.home-container .popup_container_v2 .popup-pagenation {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.4rem;
}

.home-container .popup_container_v2 .popup-pagenation .popup-dot {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 0.44rem;
  height: 0.44rem;
  margin: 0 0.3rem;
  text-transform: capitalize;
  background: hsla(0, 0%, 100%, 0.3);
  border: 0.03rem solid hsla(0, 0%, 100%, 0.2);
  border-radius: 0.5rem;
}

.home-container .popup_container_v2 .popup-pagenation .popup-dot.on {
  background: linear-gradient(180deg, #00b3ff, #36c0f6);
  border: 0.03rem solid #fff;
  border-radius: 0.5rem;
}

.home-container .popup_container_v2 .btn-confirm {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 1.12rem;
  font-size: 0.36rem;
  line-height: 0.54rem;
  color: #6b000c;
  text-align: center;
  background: linear-gradient(270deg, #ebab51, #fbe38c);
}

.home-container .popup_container_v2 .today-bar {
  position: absolute;
  bottom: -0.55rem;
  left: 50%;
  margin: 0;
  transform: translateX(-50%);
}

.home-container .popup_container_v2 .today-bar .am-checkbox-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.home-container .popup_container_v2 .today-bar .am-checkbox {
  display: block;
}

.home-container .popup_container_v2 .today-bar .am-checkbox .am-checkbox-inner {
  background: rgba(0, 0, 0, 0.2);
  border-color: #fff;
  border-radius: 0.06rem;
}

.home-container
  .popup_container_v2
  .today-bar
  .am-checkbox
  .am-checkbox-inner:after {
  right: 0.14rem;
  border-color: #fff;
}

.home-container .popup_container_v2 .today-bar .am-list-content {
  font-size: 0.24rem;
  line-height: normal;
  color: #fff;
  white-space: nowrap;
}

.hairline-remove-right-bottom {
  border-bottom: 0;
}

.hairline-remove-right-bottom:after {
  display: none;
}

.hairline-remove-right-bottom-bak:after {
  display: none;
}

.hairline-remove-left-top:before {
  display: none;
}

.am-list-header {
  padding: 0.3rem 0.3rem 0.18rem;
  font-size: 0.28rem;
  color: #888;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
}

.am-list-footer {
  padding: 0.18rem 0.3rem 0.3rem;
  font-size: 0.28rem;
  color: #888;
}

.am-list-body {
  position: relative;
  background-color: #fff;
  border-top: 1px solid #ddd;
}

.am-list-body:after {
  display: block;
  position: absolute;
  content: "";
  width: 100%;
  border-bottom: 1px solid #ddd;
}

.am-list-body div:not(:last-child) .am-list-line:after {
  display: block;
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  width: 100%;
  border-bottom: 1px solid #ddd;
}

.am-list-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0.3rem;
  min-height: 0.88rem;
  background-color: #fff;
  vertical-align: middle;
  overflow: hidden;
  transition: background-color 0.2s;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.am-list-item .am-list-ripple {
  position: absolute;
  background: transparent;
  display: inline-block;
  overflow: hidden;
  will-change: box-shadow, transform;
  transition:
    box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1),
    background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
    color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  outline: none;
  cursor: pointer;
  border-radius: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

.am-list-item .am-list-ripple.am-list-ripple-animate {
  background-color: hsla(0, 0%, 62%, 0.2);
  -webkit-animation: ripple 1s linear;
  animation: ripple 1s linear;
}

.am-list-item.am-list-item-top .am-list-line {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.am-list-item.am-list-item-top .am-list-line .am-list-arrow {
  margin-top: 0.04rem;
}

.am-list-item.am-list-item-middle .am-list-line {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.am-list-item.am-list-item-bottom .am-list-line {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.am-list-item.am-list-item-error .am-list-line .am-list-extra,
.am-list-item.am-list-item-error .am-list-line .am-list-extra .am-list-brief {
  color: #f50;
}

.am-list-item.am-list-item-active {
  background-color: #ddd;
}

.am-list-item.am-list-item-disabled .am-list-line .am-list-content,
.am-list-item.am-list-item-disabled .am-list-line .am-list-extra {
  color: #bbb;
}

.am-list-item img {
  width: 0.44rem;
  height: 0.44rem;
  vertical-align: middle;
}

.am-list-item .am-list-thumb:first-child {
  margin-right: 0.3rem;
}

.am-list-item .am-list-thumb:last-child {
  margin-left: 0.16rem;
}

.am-list-item .am-list-line {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1 1 0%;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  padding-right: 0.3rem;
  min-height: 0.88rem;
  overflow: hidden;
}

.am-list-item .am-list-line .am-list-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1 1 0%;
  color: #000;
  font-size: 0.34rem;
  text-align: left;
}

.am-list-item .am-list-line .am-list-content,
.am-list-item .am-list-line .am-list-extra {
  line-height: 1.5;
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 0.14rem;
  padding-bottom: 0.14rem;
}

.am-list-item .am-list-line .am-list-extra {
  -ms-flex-preferred-size: 36%;
  flex-basis: 36%;
  color: #888;
  font-size: 0.32rem;
  text-align: right;
}

.am-list-item .am-list-line .am-list-brief,
.am-list-item .am-list-line .am-list-title {
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.am-list-item .am-list-line .am-list-brief {
  color: #888;
  font-size: 0.3rem;
  line-height: 1.5;
  margin-top: 0.12rem;
}

.am-list-item .am-list-line .am-list-arrow {
  display: block;
  width: 0.3rem;
  height: 0.3rem;
  margin-left: 0.16rem;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='26' viewBox='0 0 16 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 0L0 2l11.5 11L0 24l2 2 14-13z' fill='%23C7C7CC' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  visibility: hidden;
}

.am-list-item .am-list-line .am-list-arrow-horizontal {
  visibility: visible;
}

.am-list-item .am-list-line .am-list-arrow-vertical {
  visibility: visible;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.am-list-item .am-list-line .am-list-arrow-vertical-up {
  visibility: visible;
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.am-list-item .am-list-line-multiple {
  padding: 0.25rem 0.3rem 0.25rem 0;
}

.am-list-item .am-list-line-multiple .am-list-content,
.am-list-item .am-list-line-multiple .am-list-extra {
  padding-top: 0;
  padding-bottom: 0;
}

.am-list-item .am-list-line-wrap .am-list-content,
.am-list-item .am-list-line-wrap .am-list-extra {
  white-space: normal;
}

.am-list-item select {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  font-size: 0.34rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
}

@-webkit-keyframes ripple {
  to {
    opacity: 0;
    -webkit-transform: scale(2.5);
    transform: scale(2.5);
  }
}

@keyframes ripple {
  to {
    opacity: 0;
    -webkit-transform: scale(2.5);
    transform: scale(2.5);
  }
}

.hairline-remove-right-bottom {
  border-bottom: 0;
}

.hairline-remove-right-bottom:after {
  display: none;
}

.hairline-remove-right-bottom-bak:after {
  display: none;
}

.hairline-remove-left-top:before {
  display: none;
}

.am-navbar {
  -ms-flex-align: center;
  height: 0.9rem;
  background-color: #108ee9;
  color: #fff;
}

.am-navbar,
.am-navbar-left,
.am-navbar-right,
.am-navbar-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}

.am-navbar-left,
.am-navbar-right,
.am-navbar-title {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1 1 0%;
  height: 100%;
  -ms-flex-align: center;
}

.am-navbar-left {
  padding-left: 0.3rem;
  font-size: 0.32rem;
}

.am-navbar-left-icon {
  margin-right: 0.1rem;
  display: inherit;
}

.am-navbar-title {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0.36rem;
  white-space: nowrap;
}

.am-navbar-right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  font-size: 0.32rem;
  margin-right: 0.3rem;
}

.am-navbar-right .anticon {
  margin-right: 0.1rem;
}

.am-navbar-right .anticon:last-child {
  margin-right: 0;
}

.am-navbar-right-content {
  margin-right: 0.1rem;
}

.am-navbar-light {
  background-color: #fff;
  color: #108ee9;
}

.am-navbar-light .am-navbar-title {
  color: #000;
}

#root .mc-header-wrap {
  height: var(--mc-header-height);
}

#root .mc-header-wrap .mc-navbar-blue {
  height: var(--mc-header-height);
  background: var(--mc-header-bg);
}

#root .mc-header-wrap .mc-navbar-blue .am-navbar-title {
  font-size: 0.36rem;
  font-weight: 700;
  color: var(--mc-header-color);
  white-space: nowrap;
}

#root .mc-header-wrap .mc-navbar-blue .am-icon-left {
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  font-size: 0.32rem;
  color: var(--mc-header-color);
}

#root .mc-header-wrap .mc-navbar-blue .am-navbar-right {
  color: var(--mc-header-color);
}

#root .mc-header-wrap .mc-navbar-blue .shell-return-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

#root .mc-header-wrap .mc-navbar-blue .shell-return-icon .icon-return {
  width: 0.4rem;
  height: 0.4rem;
}

#root .shell-header {
  height: 1rem;
}

#root .shell-header .mc-navbar-blue {
  height: 1rem;
  background: var(--bg-brand);
}

#root .shell-header .am-navbar-left {
  height: 100%;
}

#root .shell-header .am-navbar-left-content {
  padding-left: 0;
}

#root .shell-header .am-navbar-right {
  margin-right: 0 !important;
}

#root .shell-header .am-navbar-title {
  flex-shrink: 0;
  padding: 0 0.2rem;
  line-height: normal;
}

#root .shell-header .shell-return-icon {
  display: flex;
  width: 0.40952rem;
  height: 0.40952rem;
  font-size: 0.2rem;
  font-weight: 700;
  line-height: normal;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}

#root .shell-header .shell-return-icon span {
  width: 1.15rem;
  margin-top: -0.02rem;
}

#root .shell-header .icon-return {
  display: block;
  width: 100%;
  height: 100%;
  color: inherit;
}

#root .shell-header .service-btn-wrap {
  padding-right: 0.24rem;
}

#root .shell-header .header-right {
  padding-right: 0.3rem;
}

#root .shell-header .header-right .btn-search {
  display: block;
  width: 0.4rem;
  height: 0.4rem;
}

.activity-container .activity-header {
  padding: 0.24rem 0.2rem;
  font-size: 0.3rem;
  font-weight: 500;
  line-height: normal;
  color: #d9d9d9;
  background: #005b37;
}

.activity-container .activity-preview .activity-type {
  display: flex;
  align-items: center;
  margin-bottom: 0.2rem;
  font-size: 0.3rem;
  font-weight: 500;
  line-height: normal;
  text-align: center;
  text-shadow: 0 0 0.037rem #ffcd00;
  border-bottom: 0.02rem solid #a3a3a3;
}

.activity-container .activity-preview .activity-type span {
  background: linear-gradient(180deg, #fff, #ffee98);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.activity-container .activity-sub-title {
  margin-bottom: 0.16rem;
  font-size: 0.28rem;
  line-height: 0.42rem;
  color: #eff4f3;
  text-align: center;
}

.activity-container .game-title {
  margin-bottom: 0.2rem;
}

.activity-container .activity-time {
  display: flex;
  align-items: center;
  margin-top: 0.12rem;
  font-size: 0.22rem;
  line-height: normal;
  color: #9784bf;
}

.activity-container .promo-list {
  display: grid;
  gap: 0.22rem;
}

.activity-container .promo-list.accordion-active .accordion-item-bg {
  background: #f7f7f7;
}

.activity-container .promo-list.accordion-active .promo-item .title {
  color: #000;
}

.activity-container .promo-list.accordion-active .promo-item .accordion-arrow {
  color: #5274ff;
  transform: rotate(-180deg);
}

.activity-container .accordion-item-bg {
  overflow: hidden;
  background: #273bb1;
  border: 0.02rem solid hsla(0, 0%, 69%, 0.2);
  border-radius: 0.16rem;
  -webkit-backdrop-filter: blur(0.25rem);
  backdrop-filter: blur(0.25rem);
}

.activity-container .activity-item-content {
  padding: 0 0.2rem 0.2rem;
}

.activity-container .activity-content {
  padding: 0 0.17rem 0.17rem;
}

.activity-container .activity-content .promo-item {
  position: relative;
  min-width: 0;
}

.activity-container .activity-content .promo-item .activity-img {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 0.25rem;
}

.activity-container .activity-content .promo-item .activity-img img {
  display: block;
  width: 100%;
  min-height: 1rem;
}

.activity-container .activity-content .promo-item .btn-more {
  position: absolute;
  bottom: 0.2rem;
  left: 0.2rem;
  padding: 0.1rem 0.4rem 0.14rem;
  font-size: 0.23rem;
  font-weight: 500;
  line-height: 0.2654rem;
  color: #fff;
  text-align: center;
  background: linear-gradient(92deg, #8fa9ff 15.46%, #668bff 85.01%);
  border: 0.02rem solid hsla(0, 0%, 100%, 0.6);
  border-radius: 0.4616rem;
}

.activity-container .activity-content .promo-item .title {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.38rem;
  font-weight: 700;
  line-height: normal;
  color: #e2e6e9;
}

@supports (-webkit-line-clamp: 2) {
  .activity-container .activity-content .promo-item .title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}

.activity-container .activity-content .promo-item .activity-info {
  width: 100%;
  padding: 0.32rem;
  overflow: hidden;
}

.activity-container .activity-content .promo-item .limit-time {
  padding: 0.08rem 0.15rem;
  margin-right: 0.06rem;
  font-size: 0.2rem;
  font-weight: 500;
  line-height: normal;
  color: #fff;
  background: linear-gradient(135deg, #faa883, #ec7340);
  border-radius: 0.1rem;
}

.activity-container .activity-content .promo-item .accordion-arrow {
  display: block;
  width: 0.44rem;
  height: 0.44rem;
  color: #fec628;
  transition: all 0.3s;
}

.activity-container .activity-content .promo-item-bg {
  position: relative;
  width: 100%;
  border: 0.02rem solid #fff;
  border-radius: 0.24rem;
  box-shadow: 0 0.04rem 0.08rem 0 rgba(230, 227, 255, 0.6);
}

.activity-container .activity-content .title-content {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 0.12rem;
  font-size: 0.2rem;
  line-height: 0.26rem;
  color: #b2b2b2;
}

@supports (-webkit-line-clamp: 2) {
  .activity-container .activity-content .title-content {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}

.activity-container .activity-content .view-all {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.16rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 0.16rem;
  font-size: 0.28rem;
  font-weight: 700;
  color: #27b488;
}

.activity-container .activity-content .view-all .arrow-right {
  display: block;
  width: 0.2rem;
  height: 0.2rem;
}

.activity-container .join-now .activity-goto-btn {
  margin: 0.3rem 0 0;
  font-size: 0.24rem;
  line-height: 0.8rem;
  border-radius: 0.24rem;
}

.activity-container .wysiwyg {
  padding: 0;
  font-size: 0.28rem;
  line-height: normal;
  color: var(--text-primary);
}

.activity-container .wysiwyg img {
  max-width: 100%;
}

.activity-detail-popup {
  top: 0;
  width: 100%;
}

.activity-detail-container {
  position: relative;
  width: 100%;
}

.activity-detail-container .page-goback {
  color: #ec1c24;
}

.activity-detail-container .page-goback svg {
  width: 0.40952rem;
  height: 0.40952rem;
}

.activity-detail-container .activity-detail-content {
  position: relative;
  padding: 0.7rem 0.17rem 0.3rem;
}

.activity-detail-container .activity-detail-bg {
  position: relative;
}

.activity-detail-container .activity-detail-header {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  width: 100%;
  height: 0.8rem;
}

.activity-detail-container .activity-detail-header .activity-logo {
  display: block;
  height: 0.67rem;
}

.activity-detail-container .activity-detail-img {
  overflow: hidden;
  border-radius: 0.25rem;
}

.activity-detail-container .activity-detail-img img {
  display: block;
  width: 100%;
}

.activity-detail-container .close-detail {
  position: absolute;
  top: -0.86rem;
  right: 0.24rem;
  width: 0.56rem;
  height: 0.56rem;
}

.activity-detail-container .close-detail .am-icon {
  display: block;
  width: 100%;
  height: 100%;
}

.activity-detail-container .activity-detail-title {
  margin: 0.24rem 0;
  font-size: 0.32rem;
  font-weight: 700;
  line-height: normal;
  color: #2e6ff1;
}

.activity-detail-container .activity-img {
  position: relative;
  z-index: 10;
  width: 100%;
  overflow: hidden;
}

.activity-detail-container .activity-img img {
  display: block;
  width: 100%;
}

.activity-detail-container .activity-html {
  margin-top: 0.24rem;
}

.activity-detail-container .activity-goto-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  min-width: 1.65rem;
  height: 0.6rem;
  padding: 0 0.32rem;
  margin-top: 0.2rem;
  font-size: 0.28rem;
  color: #fff;
  text-align: center;
  background: linear-gradient(180deg, #00b3ff, #36c0f6);
  border-radius: 0.12rem;
}

.container_activity table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt {
  border: 1px solid #fff;
}

.activity-menu-wrap {
  position: relative;
  flex-shrink: 0;
  width: 100%;
  overflow: hidden;
}

.activity-menu-wrap .activity-menu-scroll {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 0.09rem;
  width: 100%;
  padding: 0.25rem 0.18rem;
  margin: 0;
  white-space: nowrap;
  list-style: none;
}

.activity-menu-wrap .activity-menu-scroll > .activity-menu-item {
  flex: 1 1 0%;
  width: auto;
  white-space: nowrap;
}

.activity-menu-wrap .activity-menu-swiper {
  width: 100%;
  overflow: hidden;
}

.activity-menu-wrap .activity-menu-swiper .activity-menu-item {
  flex: none;
  flex-shrink: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 1.18rem;
}

.activity-menu-wrap .activity-menu-item {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 0.5rem;
  padding: 0 0.2rem;
  font-size: 0.2rem;
  font-weight: 600;
  line-height: normal;
  color: var(--menu-text-default);
  text-align: center;
  text-transform: uppercase;
  background: var(--menu-bg-default);
  border: 1px solid var(--menu-border-default);
  border-radius: 0.08rem;
}

.activity-menu-wrap .activity-menu-item.on {
  color: var(--menu-text-selected);
  background: var(--menu-bg-selected);
  border: 1px solid var(--menu-border-selected);
}

.activity-menu-wrap .activity-menu-name {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.activity-menu-wrap .menu-nav {
  position: absolute;
  top: 0.29rem;
  z-index: 10;
  width: 0.42rem;
  height: 0.42rem;
  color: #fff;
}

.activity-menu-wrap .menu-nav .am-icon {
  display: block;
  width: 100%;
  height: 100%;
}

.activity-menu-wrap .nav-prev {
  left: 0.24rem;
}

.activity-menu-wrap .nav-next {
  right: 0.24rem;
}

.affiliate-service {
  position: fixed;
  right: 0.2rem;
  bottom: calc(var(--footer-height) + 0.5rem);
  z-index: 100;
  width: 1.1rem;
  height: 1.1rem;
  border-radius: 1.1rem;
  animation: at-ripple-brand 0.6s linear infinite;
}

.affiliate-service .service-icon {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.affiliate-service .servie-tip-popup {
  position: absolute;
  right: -0.1rem;
  bottom: calc(100% + 0.3rem);
  width: 5rem;
  padding: 0.18rem;
  background: #fff;
  border-radius: 0.2rem;
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.1);
}

.affiliate-service .servie-tip-popup:before {
  position: absolute;
  top: 100%;
  right: 0.45rem;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #fff transparent transparent;
  border-width: 0.14rem 0.14rem 0;
}

.affiliate-service .servie-tip-popup p {
  margin: 0;
  font-size: 0.24rem;
  font-weight: 500;
  line-height: normal;
  color: var(--text-primary);
}

.affiliate-service .servie-tip-popup p .highlight {
  margin-left: 0.1rem;
  color: var(--text-brand);
}

.affiliate-service .servie-tip-popup p .strong {
  font-weight: 800;
}

.affiliate-service .servie-tip-popup .close-btn {
  position: absolute;
  top: -0.43rem;
  right: 0;
  width: 0.38rem;
  height: 0.38rem;
  padding: 0;
  cursor: pointer;
  background: none;
  border: none;
}

.affiliate-service .servie-tip-popup .close-btn .close-icon {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@keyframes at-ripple-brand {
  0% {
    box-shadow:
      0 0.08rem 0.2rem rgba(237, 50, 55, 0.774),
      0 0 0 0 rgba(236, 28, 36, 0.644),
      0 0 0 0.1rem rgba(135, 28, 31, 0.788),
      0 0 0 0.2rem rgba(237, 50, 55, 0.719);
  }
  to {
    box-shadow:
      0 0.08rem 0.2rem rgba(237, 50, 55, 0.192),
      0 0 0 0.1rem rgba(236, 28, 36, 0.274),
      0 0 0 0.2rem rgba(135, 28, 31, 0.205),
      0 0 0 0.4rem rgba(237, 50, 55, 0.192);
  }
}

.affiliate-table {
  width: 100%;
  margin-bottom: 0.34rem;
  background: hsla(0, 0%, 100%, 0.5);
  border: 0.17rem solid var(--white);
  border-radius: 0.18278rem;
  box-shadow: 0 0 0.34126rem 0 rgba(0, 0, 0, 0.1);
}

.affiliate-table table {
  width: 100%;
  overflow: hidden;
  border-spacing: 0;
  border-collapse: separate;
  border-radius: 0.15rem;
  box-shadow: 0 0 0.06825rem 0 rgba(0, 0, 0, 0.25);
}

.affiliate-table th {
  min-height: 0.49rem;
  padding: 0.08rem 0;
  font-size: 0.2rem;
  font-weight: 800;
  line-height: 166%;
  color: var(--text-inverse);
  text-align: center;
  white-space: nowrap;
  background: var(--bg-brand);
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.5);
}

.affiliate-table th:not(:last-child) {
  border-right: 1px solid hsla(0, 0%, 100%, 0.5);
}

.affiliate-table th:first-child {
  border-top-left-radius: 0.15rem;
}

.affiliate-table th:last-child {
  border-top-right-radius: 0.15rem;
}

.affiliate-table td {
  min-height: 0.49rem;
  padding: 0.08rem 0;
  font-size: 0.22rem;
  font-weight: 800;
  line-height: 166%;
  color: var(--text-primary);
  text-align: center;
  border-bottom: 1px solid var(--gray-375);
}

.affiliate-table td:not(:last-child) {
  border-right: 1px solid var(--gray-375);
}

.affiliate-table tr:last-child td:first-child {
  border-bottom-left-radius: 0.15rem;
}

.affiliate-table tr:last-child td:last-child {
  border-bottom-right-radius: 0.15rem;
}

.affiliate-container {
  display: flex;
  flex-direction: column;
}

.affiliate-container .home-footer-wrap {
  padding: 0.4rem 0 1.5rem;
}

.affiliate-container .affiliate-content {
  padding: 0.58rem 0 0.45rem;
}

.affiliate-container .affiliate-menu {
  position: fixed;
  top: var(--header-height);
  left: 0;
  z-index: 5;
  display: flex;
  gap: 0.38rem;
  align-items: center;
  width: 100%;
  height: 0.58rem;
  padding: 0 0.48rem;
  overflow-x: auto;
  background: var(--bg-surface);
}

.affiliate-container .affiliate-menu .affiliate-menu-item {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  font-size: 0.22rem;
  font-weight: 600;
  line-height: normal;
  color: var(--text-primary);
  text-align: center;
  white-space: nowrap;
}

.affiliate-container .affiliate-menu .affiliate-menu-item.on {
  color: var(--text-brand);
}

.affiliate-container .affiliate-menu .affiliate-menu-item.on:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.03rem;
  content: "";
  background: var(--bg-brand);
  border-radius: 0.54545rem;
}

.affiliate-container .affiliate-banner {
  display: flex;
  align-items: center;
  padding: 0.65rem 0.34rem 0 0.17rem;
}

.affiliate-container .affiliate-banner .banner-img {
  display: block;
  width: 4.26rem;
  margin-left: -0.3rem;
}

.affiliate-container .affiliate-banner .affiliate-discount h6 {
  font-size: 0.3rem;
  font-weight: 900;
  line-height: normal;
  color: var(--text-brand);
  text-align: center;
}

.affiliate-container .affiliate-banner .affiliate-discount p {
  width: 3rem;
  font-size: 0.25rem;
  font-weight: 900;
  line-height: normal;
  color: var(--text-primary);
  text-align: center;
}

.affiliate-container .affiliate-banner .affiliate-discount .discount-bold {
  font-size: 0.3rem;
}

.affiliate-container .affiliate-video-wrap {
  padding: 0 0.34rem 0 0.17rem;
}

.affiliate-container .affiliate-video-wrap .affiliate-video {
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  object-fit: cover;
  border: none;
  border-radius: 0.24rem;
}

.affiliate-container .affiliate-desc-wrap {
  padding: 0 0.17rem;
  margin-top: 0.34rem;
}

.affiliate-container .affiliate-desc-wrap .anchor-scroll-content {
  display: flex;
  flex-direction: column;
  gap: 0.34rem;
}

.affiliate-container .affiliate-section {
  padding: 0.34rem 0;
  background: var(--bg-surface);
  border: 0.03409rem solid #fff;
  border-radius: 0.25568rem;
  box-shadow: inset 0 0 0.1858rem 0 #8f8f8f;
}

.affiliate-container .affiliate-section:not(:last-child) {
  margin-bottom: 0.34rem;
}

.affiliate-container .affiliate-section .section-title {
  margin-bottom: 0.34rem;
  font-size: 0.34rem;
  font-weight: 900;
  line-height: normal;
  color: var(--text-brand);
  text-align: center;
}

.affiliate-container .affiliate-section .section-title.sm-title {
  font-size: 0.28rem;
}

.affiliate-container .affiliate-section .section-content {
  padding: 0 0.5rem;
  font-size: 0.24rem;
  font-weight: 500;
  line-height: 166%;
  color: var(--text-primary);
}

.affiliate-container .affiliate-section .prefix-icon {
  width: 0.28rem;
  height: 0.3rem;
  margin-right: 0.2rem;
  vertical-align: middle;
}

.affiliate-container .affiliate-section .section-bold {
  font-weight: 800;
}

.affiliate-container .affiliate-section p.li {
  position: relative;
  padding-left: 0.4rem;
}

.affiliate-container .affiliate-section p.li:before {
  position: absolute;
  top: 0.15rem;
  left: 0.15rem;
  width: 0.06rem;
  height: 0.06rem;
  content: "";
  background-color: #1c6783;
  border-radius: 0.2rem;
}

.affiliate-container .new-member-table {
  padding: 0 0.26rem;
}

.affiliate-container .new-member-table .affiliate-table td {
  font-size: 0.18rem;
}

.affiliate-container .section-info {
  padding: 0 0.6rem;
  margin-bottom: 0.34rem;
  font-size: 0.24rem;
  font-weight: 800;
  line-height: 166%;
  color: var(--text-primary);
}

.affiliate-container .highlight-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.25rem 0.18rem;
  padding: 0 0.37rem;
}

.affiliate-container .highlight-list .highlight-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.affiliate-container .highlight-list .highlight-icon {
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  margin-bottom: 0.15rem;
  object-fit: contain;
}

.affiliate-container .highlight-list .highlight-title {
  font-size: 0.29rem;
  font-weight: 900;
  line-height: normal;
  color: var(--text-primary);
  text-align: center;
  text-transform: capitalize;
}

.affiliate-container .highlight-list .highlight-info {
  font-size: 0.24rem;
  font-weight: 500;
  line-height: 0.32386rem;
  color: var(--text-primary);
  text-align: center;
}

.am-wingblank {
  margin-left: 0.16rem;
  margin-right: 0.16rem;
}

.am-wingblank.am-wingblank-sm {
  margin-left: 0.1rem;
  margin-right: 0.1rem;
}

.am-wingblank.am-wingblank-md {
  margin-left: 0.16rem;
  margin-right: 0.16rem;
}

.am-wingblank.am-wingblank-lg {
  margin-left: 0.3rem;
  margin-right: 0.3rem;
}

.hairline-remove-right-bottom {
  border-bottom: 0;
}

.hairline-remove-right-bottom:after {
  display: none;
}

.hairline-remove-right-bottom-bak:after {
  display: none;
}

.hairline-remove-left-top:before {
  display: none;
}

.am-flexbox {
  text-align: left;
  overflow-y: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.am-flexbox.am-flexbox-dir-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.am-flexbox.am-flexbox-dir-row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.am-flexbox.am-flexbox-dir-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.am-flexbox.am-flexbox-dir-column-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.am-flexbox.am-flexbox-nowrap {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.am-flexbox.am-flexbox-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.am-flexbox.am-flexbox-wrap-reverse {
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
}

.am-flexbox.am-flexbox-justify-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.am-flexbox.am-flexbox-justify-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.am-flexbox.am-flexbox-justify-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.am-flexbox.am-flexbox-justify-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.am-flexbox.am-flexbox-justify-around {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.am-flexbox.am-flexbox-align-top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.am-flexbox.am-flexbox-align-bottom {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.am-flexbox.am-flexbox-align-middle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.am-flexbox.am-flexbox-align-stretch {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.am-flexbox.am-flexbox-align-baseline {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.am-flexbox.am-flexbox-align-content-start {
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.am-flexbox.am-flexbox-align-content-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.am-flexbox.am-flexbox-align-content-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.am-flexbox.am-flexbox-align-content-between {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.am-flexbox.am-flexbox-align-content-around,
.am-flexbox.am-flexbox-align-content-stretch {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.am-flexbox .am-flexbox-item {
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1 1 0%;
  margin-left: 0.16rem;
  min-width: 0.2rem;
}

.am-flexbox .am-flexbox-item:first-child {
  margin-left: 0;
}

.hairline-remove-right-bottom {
  border-bottom: 0;
}

.hairline-remove-right-bottom:after {
  display: none;
}

.hairline-remove-right-bottom-bak:after {
  display: none;
}

.hairline-remove-left-top:before {
  display: none;
}

.am-image-picker-list {
  padding-top: 0.18rem;
  margin-bottom: 0.3rem;
}

.am-image-picker-list .am-flexbox {
  margin-bottom: 0.12rem;
}

.am-image-picker-list .am-flexbox .am-flexbox-item {
  position: relative;
  margin-right: 0.1rem;
  margin-left: 0;
}

.am-image-picker-list .am-flexbox .am-flexbox-item:after {
  display: block;
  content: " ";
  padding-bottom: 100%;
}

.am-image-picker-list .am-flexbox .am-flexbox-item:nth-child(4n) {
  margin-right: 0;
}

.am-image-picker-list .am-image-picker-item {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  height: 100%;
}

.am-image-picker-list .am-image-picker-item .am-image-picker-item-remove {
  width: 0.3rem;
  height: 0.3rem;
  position: absolute;
  right: 0.12rem;
  top: 0.12rem;
  text-align: right;
  vertical-align: top;
  z-index: 2;
  background-size: 0.3rem auto;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill-opacity='.4' fill='%23404040' cx='8' cy='8' r='8'/%3E%3Cpath d='M11.898 4.101a.345.345 0 0 0-.488 0L8 7.511l-3.411-3.41a.345.345 0 0 0-.488.488l3.411 3.41-3.41 3.412a.345.345 0 0 0 .488.488L8 8.487l3.411 3.411a.345.345 0 0 0 .488-.488L8.488 8l3.41-3.412a.344.344 0 0 0 0-.487z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E");
}

.am-image-picker-list .am-image-picker-item .am-image-picker-item-content {
  height: 100%;
  width: 100%;
  border-radius: 0.06rem;
  background-size: cover;
}

.am-image-picker-list .am-image-picker-item img {
  width: 100%;
}

.am-image-picker-list .am-image-picker-upload-btn {
  box-sizing: border-box;
  border-radius: 0.06rem;
  border: 0.02rem solid #ddd;
  background-color: #fff;
}

.am-image-picker-list .am-image-picker-upload-btn:after,
.am-image-picker-list .am-image-picker-upload-btn:before {
  width: 0.02rem;
  height: 0.5rem;
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #ccc;
}

.am-image-picker-list .am-image-picker-upload-btn:after {
  width: 0.5rem;
  height: 0.02rem;
}

.am-image-picker-list .am-image-picker-upload-btn-active {
  background-color: #ddd;
}

.am-image-picker-list .am-image-picker-upload-btn input {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
}

.apply-reward .apply-title {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.8rem;
  font-size: 0.3rem;
  color: #000;
  background: linear-gradient(180deg, #fafafa, #e2e2e2);
}

.apply-reward .apply-body {
  padding: 0 0.44rem;
}

.apply-reward .apply-body .apply-form-group {
  margin-top: 0.4rem;
}

.apply-reward .apply-body .remark-textarea {
  width: 100%;
  height: 3.1rem;
  padding: 0.2rem 0.3rem;
  font-size: 0.28rem;
  background: #fff;
  border: none;
  border-radius: 0.1rem;
}

.apply-reward .apply-body .form-label {
  display: block;
  height: 0.7rem;
  line-height: 0.7rem;
  color: #fff;
  text-align: left;
}

.apply-reward .apply-body .am-image-picker-list {
  padding: 0;
  margin: 0;
}

.apply-reward .apply-body .am-image-picker-list .am-flexbox {
  margin: 0;
}

.apply-reward .apply-body .updoad-box {
  padding: 0.3rem 0;
  background-color: #fff;
  border-radius: 0.1rem;
}

.apply-reward .apply-body .updoad-box .upload-default {
  font-size: 0.28rem;
  color: #898989;
  text-align: center;
}

.apply-reward .apply-body .updoad-box .upload-default .upload-icon {
  width: 1.6rem;
  height: 1.5rem;
}

.apply-reward .apply-body .updoad-box .upload-default .upload-btn {
  display: inline-block;
  width: 2.68rem;
  height: 0.7rem;
  margin: 0.2rem 0 0;
  font-size: 0.32rem;
  font-weight: 700;
  line-height: 0.7rem;
  color: #071805;
  text-align: center;
  background: linear-gradient(90deg, #7feb4b, #deed00);
  border-radius: 0.16rem;
}

.apply-reward .apply-body .apply-btns {
  display: flex;
  gap: 0.19rem;
  align-items: center;
  margin-top: 0.45rem;
}

.apply-reward .apply-body .apply-btns button {
  font-size: 0.32rem;
  font-weight: 700;
  color: #fff;
}

.apply-reward .apply-body .apply-btns .apply-cancel {
  width: 2rem;
  height: 0.7rem;
  line-height: 0.7rem;
  background: hsla(0, 0%, 61%, 0.43);
  border: none;
  border-radius: 0.16rem;
}

.apply-reward .apply-body .apply-btns .submit-btn {
  display: block;
  flex: 1 1 0%;
  width: 100%;
  height: 0.7rem;
  line-height: 0.7rem;
  color: #071805;
  background: linear-gradient(90deg, #7feb4b, #deed00);
  border: none;
  border-radius: 0.16rem;
}

.apply-reward .apply-body .apply-btns .submit-btn:disabled {
  color: #fff;
  background: hsla(0, 0%, 61%, 0.43);
  box-shadow: none;
}

.game-category-wrap {
  flex-shrink: 0;
  width: 100%;
}

.game-category-wrap .game-category-scroll {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0.24rem 0.44rem;
  overflow-x: auto;
}

.game-category-wrap .game-category-item {
  background:
    linear-gradient(180deg, #fff, #d9d9d9 99.75%),
    linear-gradient(285deg, rgba(248, 91, 110, 0) -20.3%, #c63841 126.87%);
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  border: 0.03rem solid transparent;
  border-radius: 1rem;
  -webkit-clip-path: inset(0 round 1rem);
  clip-path: inset(0 round 1rem);
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  height: 0.64rem;
  padding: 0.02rem 0.2rem;
  font-size: 0.24rem;
  font-weight: 700;
  line-height: normal;
  color: var(--text-dark);
  text-transform: uppercase;
}

.game-category-wrap .game-category-item.on {
  color: var(--text-inverse);
  background: linear-gradient(180deg, #ed3237, #ea252a);
  border: 0.03rem solid rgba(248, 91, 110, 0);
}

.game-category-wrap .game-category-item:not(:last-child) {
  margin-right: 0.1rem;
}

.game-progress-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.24rem;
  font-weight: 700;
  color: #b3bec1;
}

.game-progress-wrap .game-progress-bar {
  display: flex;
  width: 3.96rem;
  height: 0.12rem;
  overflow: hidden;
  background: #303232;
  border-radius: 0.2rem;
}

.game-progress-wrap .game-progress-fill {
  height: 100%;
  background: linear-gradient(270deg, #13805e, #1d4738);
  border-radius: 0.2rem;
}

.game-progress-wrap .game-progress {
  display: flex;
  align-items: center;
}

.game-progress-wrap .game-count .separate {
  margin: 0 0.05rem;
}

.game-progress-wrap .game-count .text-page {
  margin-left: 0.2rem;
  color: #8c9099;
}

.load-more-wrap {
  display: flex;
  flex-direction: column;
  gap: 0.32rem;
  align-items: center;
  justify-content: center;
  margin-top: 0.32rem;
}

.load-more-wrap .display-title {
  font-size: 0.22rem;
  color: #71b394;
  text-align: center;
}

.load-more-wrap .game-count {
  gap: 0.1rem;
  color: #8d9aa5;
}

.load-more-wrap .game-count,
.load-more-wrap .load-more-btn {
  display: flex;
  align-items: center;
  font-size: 0.28rem;
  line-height: normal;
}

.load-more-wrap .load-more-btn {
  justify-content: center;
  width: 2.5rem;
  height: 0.8rem;
  color: #e2e6e9;
  background: #303232;
  border-radius: 0.06rem;
}

.hot-game-wrap .hot-game-content {
  padding: 0 0.3rem 0.32rem;
  overflow: hidden;
}

.hot-game-wrap .hot-game-content .category-games .category-game-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.17rem 0.15rem;
}

.game-list-box-wrap {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0 0.32rem;
  overflow: hidden;
}

.game-list-box-wrap .category-game-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.17rem 0.15rem;
}

.game-list-box-wrap .pagination-container {
  flex-shrink: 0;
  margin-top: 0.2rem;
}

.vendor-game-wrap {
  width: 100%;
}

.vendor-game-wrap .vendor-game-content {
  padding: 0 0.3rem 0.32rem;
}

.vendor-game-wrap .vendor-tab-content {
  flex: 1 1 0%;
  overflow: hidden;
}

.vendor-game-wrap .vendor-game-list {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.25rem 0.15rem;
  width: 100%;
}

.game-list-center-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: calc(100 * var(--vh, 1vh));
  overflow: hidden;
}

.game-list-center-container .game-list-center-content {
  flex: 1 1 0%;
  overflow: hidden;
}

.game-list-center-container .game-list-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 0.5rem;
  margin-bottom: 0.2rem;
  font-size: 0.28rem;
  font-weight: 700;
  line-height: 128%;
  color: #fff;
  text-transform: capitalize;
}

.game-list-center-container .game-select {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 0.32rem;
}

.game-list-center-container .game-select .select-bar {
  display: flex;
  flex-shrink: 0;
  align-items: center;
}

.game-list-center-container .game-select .select-bar .select-btn {
  position: relative;
  width: 0.64rem;
  height: 0.64rem;
  margin-right: 0.16rem;
  background: #1d2431;
  border: 0.02rem solid var(--Dark-Grey-Blue, #283667);
  border-radius: 0.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.game-list-center-container .game-select .select-bar .select-btn .select-icon {
  display: block;
  width: 0.33rem;
  height: 0.33rem;
  fill: #fff;
}

.game-list-center-container .game-select .select-bar .select-btn.on {
  border: 0.02rem solid #154fa0;
}

.game-list-center-container
  .game-select
  .select-bar
  .select-btn.on
  .select-icon {
  fill: #0048ff;
}

.game-list-center-container .game-select .provider-btn {
  position: relative;
  display: flex;
  align-items: center;
  height: 0.64rem;
  padding: 0 0.16rem;
  font-size: 0.24rem;
  line-height: normal;
  color: #fff;
  background: #1d2431;
  border: 0.02rem solid var(--Dark-Grey-Blue, #283667);
  border-radius: 0.1rem;
}

.game-list-center-container .game-select .icon-open {
  width: 0.3rem;
  height: 0.3rem;
  margin-right: 0.08rem;
}

.game-list-center-container .disable-search {
  position: relative;
  margin-bottom: 0.24rem;
}

.game-list-center-container .disable-search:after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  content: "";
}

.game-list-center-container .game-pagenation-wrap {
  display: flex;
  justify-content: center;
  margin-top: 0.32rem;
}

.game-list-center-container .game-pagenation-wrap .game-more {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.7rem;
  padding: 0 0.4rem;
  font-size: 0.24rem;
  color: #fff;
  background: linear-gradient(
    180deg,
    rgba(60, 168, 243, 0.2),
    rgba(102, 202, 251, 0.2)
  );
  border-radius: 0.1rem;
}

.game-list-center-container .game-pagenation-wrap .pages {
  margin-left: 0.24rem;
  color: #8c9099;
}

.game-list-center-container .game-pagenation-wrap .page-info {
  color: #fff;
}

.help-center-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.help-center-container .help-view-header {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0.37rem;
}

.help-center-container .help-view-header .logo-partner {
  display: block;
  height: 0.65rem;
}

.help-center-container .home-footer-wrap {
  padding: 0.4rem 0;
}

.help-center-container .help-view-logo {
  display: block;
  height: 0.58rem;
}

.help-center-container .help-view-content {
  display: flex;
  flex-direction: column;
  gap: 0.34rem;
  padding: 0.34rem 0.63rem;
}

.help-center-container .help-item-header {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 1.16rem;
  padding-left: 1.32rem;
  font-size: 0.32rem;
  font-weight: 500;
  line-height: normal;
  color: #fff;
  text-transform: capitalize;
  background: url(/m/help-item-bg.bd0dc24c.png) no-repeat 50%/100% 100%;
}

.help-center-container .help-item-header .help-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0.12rem;
  left: 0.12rem;
  width: 0.88173rem;
  height: 0.88173rem;
}

.help-center-container .help-item-header .help-icon img {
  display: block;
  width: 0.63rem;
}

.help-center-container .return-home {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 0.85rem;
  font-size: 0.32063rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: var(--text-inverse);
  text-align: center;
  text-transform: capitalize;
  background: #4e4e4e;
  border-radius: 3.2063rem;
}

.help-center-container .help-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 0.8rem;
  height: 0.8rem;
  margin-right: 0.24rem;
  background: linear-gradient(180deg, #fdfeff, #eaedfc);
  border-radius: 1rem;
}

.help-center-container .help-icon .am-icon {
  display: block;
  width: 0.48rem;
  height: 0.48rem;
  object-fit: contain;
}

.help-center-container .help-item-preview {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 0.12rem;
  font-size: 0.2rem;
  line-height: normal;
  color: #fff;
}

@supports (-webkit-line-clamp: 2) {
  .help-center-container .help-item-preview {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}

.help-center-container .read-more {
  display: flex;
  align-items: center;
  margin-top: 0.12rem;
  font-size: 0.24rem;
  line-height: normal;
  color: #8ad5ff;
  text-decoration: underline;
}

.help-center-container .item-arrow {
  flex-shrink: 0;
  width: 0.5rem;
  height: 0.5rem;
  margin-left: 0.1rem;
  color: #e0fff7;
}

.help-center-container .help-detail-wrap .active-item-title {
  font-size: 0.32rem;
  font-weight: 600;
  line-height: normal;
  color: #2e6ff1;
}

.help-center-container .help-detail-wrap .active-item-content {
  padding: 0.17rem;
  font-size: 0.28rem;
  font-weight: 500;
  line-height: normal;
  line-height: 123%;
  color: var(--text-primary);
}

.help-center-container .help-detail-wrap .wysiwyg {
  padding: 0;
}

.notice-container .notice-content {
  padding: 0 0.32rem 0.32rem;
  overflow: hidden;
}

.notice-container .notice-title {
  padding: 0.16rem;
  font-size: 0.4rem;
  font-weight: 700;
  line-height: 0.6rem;
  color: #36f38d;
}

.notice-container .notice-item-header {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  overflow: hidden;
}

.notice-container .notice-item-header .notice-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin: 0 0.16rem 0 0;
  color: #2e6ff1;
}

.notice-container .notice-item-header .notice-icon .am-icon,
.notice-container .notice-item-header .notice-icon img {
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  object-fit: contain;
}

.notice-container .notice-item-header .notice-item-info {
  position: relative;
  flex: 1 1 0%;
  overflow: hidden;
}

.notice-container .notice-item-header .notice-item-date {
  flex-shrink: 0;
}

.notice-container .notice-item-header .notice-item-preview {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 0.04rem;
  font-size: 0.2rem;
  line-height: normal;
  color: hsla(0, 0%, 100%, 0.5);
}

@supports (-webkit-line-clamp: 2) {
  .notice-container .notice-item-header .notice-item-preview {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}

.notice-container .accordion-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 0.4rem;
  height: 0.4rem;
  margin-left: 0.1rem;
  transition: all 0.2s;
}

.notice-container .accordion-arrow .am-icon {
  display: block;
  width: 0.2rem;
  height: 0.32rem;
}

.notice-container .notice-item {
  position: relative;
  padding: 0.4rem 0;
  border-bottom: 0.02rem solid hsla(0, 0%, 100%, 0.15);
}

.notice-container .notice-item.accordion-active .accordion-arrow {
  transform: rotate(-90deg);
}

.notice-container .notice-item-title {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  font-size: 0.3rem;
  font-weight: 700;
  line-height: normal;
  color: #fff;
}

.notice-container .notice-item-title .item-title {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1 1 0%;
}

@supports (-webkit-line-clamp: 2) {
  .notice-container .notice-item-title .item-title {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}

.notice-container .notice-item-title .item-date {
  font-size: 0.24rem;
  font-weight: 400;
  color: hsla(0, 0%, 100%, 0.5);
  text-align: center;
}

.notice-container .notice-item-content {
  margin-top: 0.4rem;
}

.notice-container .notice-item-content .wysiwyg {
  padding: 0;
  font-size: 0.24rem;
  line-height: normal;
  color: #fff;
}

.notice-container .notice-item-content .wysiwyg img {
  max-width: 100%;
}

.notice-container .notice-detail-wrap .notice-detail-content {
  position: relative;
  padding: 0.32rem;
  font-size: 0.24rem;
  line-height: normal;
  color: #fff;
}

.recent-game-container .recent-game-content {
  min-height: calc(100vh - var(--header-height) - 0.8rem);
  min-height: calc(100 * var(--vh, 1vh) - var(--header-height) - 0.8rem);
  padding: 0.36rem 0.27rem var(--footer-height);
  background: #2d2d2d;
  border-radius: 0.1rem 0.1rem 0 0;
}

.recent-game-container .recent-game-content .game-list-content {
  padding: 0.2rem 0.1rem;
  background: #1d1d1d;
}

.game-more {
  width: 100%;
  margin-top: 0.2rem;
}

.game-more,
.game-more .btn-more {
  position: relative;
  display: flex;
  justify-content: center;
}

.game-more .btn-more {
  align-items: center;
  min-width: 2.2rem;
  height: 0.48rem;
  padding: 0 0.25rem;
  font-size: 0.25rem;
  font-weight: 500;
  line-height: normal;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 1.389px 0.05556rem rgba(0, 0, 0, 0.25);
  background: url(/m/submit-bg.7583ee05.png) no-repeat 50% / cover;
  border-radius: 0.1rem;
}

.game-more .icon-more {
  width: 0.21rem;
  height: 0.21rem;
  margin-right: 0.08rem;
}

.game-more .progress-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.game-more .progress-loading:after {
  box-sizing: border-box;
  width: 0.48rem;
  height: 0.48rem;
  content: "";
  border: 0.06rem solid transparent;
  border-top-color: #fff;
  border-left-color: #fff;
  border-radius: 50%;
  animation: rotate-full 0.6s linear infinite;
}

.game-more .no-more {
  font-size: 0.26rem;
  font-weight: 800;
  color: #fff;
}

.shell-spinner-loading-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 2.4rem;
}

.shell-spinner-loading-wrap .shell-spinner-loading {
  width: 0.65rem;
  height: 0.65rem;
  animation: rotator 1.4s linear infinite;
}

.shell-spinner-loading-wrap .shell-spinner-loading .path {
  stroke-dasharray: 187;
  stroke-dashoffset: 0;
  transform-origin: center;
  animation:
    dash 1.4s linear infinite,
    colors 5.6s linear infinite;
}

@keyframes rotator {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}

@keyframes colors {
  0% {
    stroke: #fefc41;
  }
  20% {
    stroke: #ff5676;
  }
  40% {
    stroke: #fa60ff;
  }
  60% {
    stroke: #3296ff;
  }
  80% {
    stroke: #30f282;
  }
  to {
    stroke: #fefc41;
  }
}

@keyframes dash {
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: 46.75;
    transform: rotate(180deg);
  }
  to {
    stroke-dashoffset: 187;
    transform: rotate(1turn);
  }
}

.game-search-wrap {
  width: 100%;
  min-height: 3rem;
}

.game-search-wrap .game-filter {
  display: grid;
  flex-shrink: 0;
  grid-auto-flow: column;
  gap: 0.1rem;
  margin-left: 0.1rem;
}

.game-search-wrap .game-filter .filter-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.8rem;
  height: 0.8rem;
  color: #fff;
  background: #930000;
  border-radius: 0.24rem;
}

.game-search-wrap .game-filter .filter-btn .am-icon {
  width: 0.4rem;
  height: 0.4rem;
}

.game-search-wrap .game-search-content {
  position: relative;
}

.game-search-wrap .search-header {
  padding: 0.3rem 0.27rem 0.2rem;
  font-size: 0.4rem;
  font-style: normal;
  font-weight: 700;
  color: #fff;
}

.game-search-wrap .search-result-title {
  font-size: 0.24rem;
  line-height: normal;
  color: #a4a3a3;
  text-align: center;
}

.game-search-wrap .search-game-input {
  position: relative;
  display: flex;
  align-items: center;
}

.game-search-wrap .search-game-input .search-input {
  flex: 1 1 0%;
  height: 0.5rem;
  padding: 0 0.2rem 0 0.55rem;
  font-size: 0.25rem;
  font-weight: 500;
  color: #fff;
  text-shadow: 0 1.389px 0.05556rem rgba(0, 0, 0, 0.25);
  background: #2d2d2d;
  border: 1px solid #fee93c;
  border-radius: 0.08rem;
}

.game-search-wrap .search-game-input .search-icon {
  position: absolute;
  top: 0.1rem;
  left: 0.2rem;
  width: 0.3rem;
  height: 0.3rem;
  color: #fff;
}

.game-search-wrap .search-game-input .search-control {
  position: absolute;
  top: 0.21rem;
  right: 0.16rem;
  display: flex;
  align-items: center;
  height: 0.3rem;
  font-size: 0.24rem;
  font-weight: 600;
  line-height: normal;
  color: #531f0e;
}

.game-search-wrap .search-game-input .search-clear {
  width: 0.24rem;
  height: 0.24rem;
  margin-right: 0.24rem;
  fill: none;
}

.game-search-wrap .search-game-input .close-search {
  flex-shrink: 0;
  margin-left: 0.15rem;
  font-size: 0.3rem;
  font-weight: 500;
  line-height: normal;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 1.389px 0.05556rem rgba(0, 0, 0, 0.25);
}

.game-search-wrap .search-result-wrap {
  display: flex;
  flex-shrink: 0;
  justify-content: space-between;
  margin: 0.2rem 0;
  font-size: 0.24rem;
  font-weight: 600;
  line-height: normal;
  color: #1f2937;
}

.game-search-wrap .search-result-wrap .total-count {
  margin: 0 0.12rem;
  color: #8a0b0c;
}

.game-search-wrap .search-game-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.12rem;
  border-bottom: 0.02rem solid #a3a3a3;
}

.game-search-wrap .search-game-title .search-label {
  font-size: 0.3rem;
  font-weight: 500;
  line-height: normal;
  text-align: center;
  text-shadow: 0 0 0.037rem #ffcd00;
  background: linear-gradient(180deg, #fff, #ffee98);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.game-search-wrap .search-game-title .result-count {
  font-size: 0.25rem;
  font-weight: 500;
  line-height: normal;
  color: #fff;
  text-align: center;
}

.game-search-wrap .search-game-result {
  padding: 0 0.27rem;
}

.game-search-wrap .search-game-result .result-title {
  display: flex;
  align-items: center;
  margin-bottom: 0.2rem;
  font-size: 0.3rem;
  font-weight: 700;
  line-height: normal;
  color: #fff;
}

.game-search-wrap .search-game-result .result-title .am-icon {
  margin-right: 0.1rem;
}

.game-search-wrap .search-game-list {
  padding: 0.15rem 0.1rem;
  background: #1d1d1d;
}

.game-search-wrap .category-game-list,
.game-search-wrap .search-game-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.17rem 0.15rem;
}

.game-search-wrap .no-result {
  margin-top: 0.5rem;
}

.search-game-container .game-search-content {
  background: #2d2d2d;
  border-radius: 0.1rem 0.1rem 0 0;
}

.speed-test-wrap {
  width: 100%;
  padding: 0 0.25rem;
  margin-top: 0.6rem;
  overflow: hidden;
}

.speed-test-wrap .speed-title {
  margin-bottom: 0.29rem;
  font-size: 0.375rem;
  font-weight: 900;
  line-height: normal;
  color: var(--text-brand);
  text-align: center;
}

.speed-test-wrap .speed-icon {
  width: 0.36rem;
  height: 0.36rem;
  margin-right: 0.2rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGdSURBVHgB7ZjRTcMwEIb/cxKExEtG6AYwAhELlA3KBIUJ2m5AJ6BMQAegDUxANiAbUAkhVSTxYadISJUdS6lI+uBPiiLfKc5/J/tyMdATUSrGwVq8h2vB6nqLVsFI2wk9EKZiAsZ0385E190LShGHLD7MTnoR6JgQ4YXdy5edC3LhBbnwglyEOIDT9HRQcvGgdke9c4hoGSCabZNtjpa0zlCcxnHF36neqnqoL2Ye1ba0Hncr6Et+DhkY7Nu1LZJihJa0X0NUZ8Y26zla4neZCy/IxXEWxpPnYCgFxrqmqAYpZ8KiTOQMPSB06ygFP/0WuLqO6G4uWolb9IBg4rHJobI0OaTitkWvIVsHF0eGSvzfNC5qRthLho4KL8iFF+TCC3LhBbnoXBCBNk1+oY9AbM4SZWZ9kpE1vPbV5ilQ5OpmFKVan0x97TGH+YUzJLBGUwi50L2TYdL8DNXS9pyekwjmXotoLqqkWqo/zhs1zHY6kBPjrrySUzShJg5IJkrAI3YRb3S2tW3TEEgdTCLvdcB/AamDKnV6ViTV4gfMiX2Tn3l3/wAAAABJRU5ErkJggg==)
    no-repeat 50% / cover;
}

.speed-test-wrap .arrow-icon {
  display: block;
  width: 0.34rem;
  height: 0.34rem;
}

.speed-test-wrap .left-info {
  display: flex;
  align-items: center;
  font-size: 0.24rem;
  font-weight: 700;
  line-height: normal;
  color: #7279a2;
}

.speed-test-wrap .active-server {
  display: flex;
  align-items: center;
  font-size: 0.22rem;
  font-weight: 500;
  color: #686868;
}

.speed-test-modal {
  width: 4.4rem;
  background: #f3f6f9;
  border-radius: 0.2rem;
}

.speed-test-modal .speed-content {
  padding: 0.28rem 0.3rem;
}

.speed-header {
  margin-bottom: 0.3rem;
  font-size: 0.3rem;
  font-weight: 700;
  color: #333;
  text-align: center;
}

.speed-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.17rem;
}

.speed-list .speed-item {
  justify-content: space-between;
  min-width: 0;
  height: 0.6rem;
  font-size: 0.28rem;
  font-weight: 500;
  line-height: normal;
  color: #66a2ef;
  background: url(/m/item-bg.42b9e864.png) no-repeat 50%/100% 100%;
}

.speed-list .speed-info,
.speed-list .speed-item {
  display: flex;
  align-items: center;
  width: 100%;
}

.speed-list .speed-line {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 0.6rem;
  font-size: 0.19rem;
  font-weight: 500;
  color: #fff;
  background: url(/m/speed-left.b91cafe0.png) no-repeat 50%/100% 100%;
}

.speed-list .speed-line,
.speed-list .speed-ms {
  width: 50%;
  line-height: normal;
  text-align: center;
}

.speed-list .speed-ms {
  font-size: 0.22rem;
  font-weight: 700;
  color: var(--text-primary);
}

.speed-list .speed-name {
  display: flex;
  align-items: center;
}

.speed-list .speed-icon {
  flex-shrink: 0;
  width: 0.36rem;
  height: 0.36rem;
  margin-right: 0.2rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGdSURBVHgB7ZjRTcMwEIb/cxKExEtG6AYwAhELlA3KBIUJ2m5AJ6BMQAegDUxANiAbUAkhVSTxYadISJUdS6lI+uBPiiLfKc5/J/tyMdATUSrGwVq8h2vB6nqLVsFI2wk9EKZiAsZ0385E190LShGHLD7MTnoR6JgQ4YXdy5edC3LhBbnwglyEOIDT9HRQcvGgdke9c4hoGSCabZNtjpa0zlCcxnHF36neqnqoL2Ye1ba0Hncr6Et+DhkY7Nu1LZJihJa0X0NUZ8Y26zla4neZCy/IxXEWxpPnYCgFxrqmqAYpZ8KiTOQMPSB06ygFP/0WuLqO6G4uWolb9IBg4rHJobI0OaTitkWvIVsHF0eGSvzfNC5qRthLho4KL8iFF+TCC3LhBbnoXBCBNk1+oY9AbM4SZWZ9kpE1vPbV5ilQ5OpmFKVan0x97TGH+YUzJLBGUwi50L2TYdL8DNXS9pyekwjmXotoLqqkWqo/zhs1zHY6kBPjrrySUzShJg5IJkrAI3YRb3S2tW3TEEgdTCLvdcB/AamDKnV6ViTV4gfMiX2Tn3l3/wAAAABJRU5ErkJggg==)
    no-repeat 50% / cover;
}

.speed-list .speed-item.speed-active {
  color: #f09d00;
}

.speed-list .check-icon {
  flex-shrink: 0;
  width: 0.4rem;
  height: 0.4rem;
  margin-left: 0.14rem;
}

.speed-list .correct {
  display: block;
  width: 100%;
  height: 100%;
}

.service-page-container .shell-header .mc-navbar-blue {
  position: relative !important;
  background: transparent !important;
}

.service-page-container .shell-header .mc-navbar-blue .shell-return-icon {
  color: var(--text-brand) !important;
}

.service-page-container .service-page-content {
  padding: 0.23rem 0;
}

.service-page-container .service-title {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  align-items: center;
}

.service-page-container .service-title .service-logo {
  height: 0.69rem;
}

.service-page-container .service-title .service-text {
  height: 0.52rem;
}

.service-page-container .app-download-wrap {
  position: relative;
  display: flex;
  justify-content: flex-end;
  padding: 0 0.42rem;
  margin-top: 0.73rem;
}

.service-page-container .app-download-wrap .download-banner {
  position: absolute;
  top: -0.19rem;
  left: 0;
  width: 4.51rem;
}

.service-page-container .app-download-wrap .download-tip {
  width: 2.8rem;
  height: 0.68rem;
  padding: 0.1916rem 0.13472rem 0.18998rem 0.13552rem;
  margin-top: 0.29rem;
  font-size: 0.12rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: var(--text-brand);
  text-align: center;
  background: #effbff;
  border: 1.705px solid #fff;
  border-radius: 0.1065rem;
  box-shadow: inset 0 0 0.06307rem 0 #8ac5da;
}

.service-page-container .app-download-wrap .qrcode-list {
  display: flex;
  gap: 0.11rem;
  align-items: center;
}

.service-page-container .app-download-wrap .download-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.service-page-container .app-download-wrap .download-item-bg {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 1.33rem;
  height: 1.66rem;
  padding-top: 0.2rem;
}

.service-page-container .app-download-wrap .download-item-bg:before {
  position: absolute;
  top: -0.2rem;
  left: -0.2rem;
  width: 1.73rem;
  height: 2.06rem;
  content: "";
  background: url(/m/qrcode-bg.22604583.png) no-repeat 50% / cover;
}

.service-page-container .app-download-wrap .qr-code {
  position: relative;
  z-index: 1;
}

.service-page-container .app-download-wrap .sys-name {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  font-size: 0.15rem;
  font-weight: 400;
  line-height: normal;
  color: var(--text-primary);
  text-align: center;
}

.service-page-container .app-download-wrap .sys-name .icon-sys {
  width: 0.25rem;
  height: 0.3rem;
  margin-right: 0.05rem;
  object-fit: contain;
}

.service-page-container .app-download-wrap .download-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  width: 1.02rem;
  height: 0.31rem;
  margin-top: 0.1rem;
  font-size: 0.13rem;
  font-weight: 600;
  line-height: normal;
  color: #fff;
  text-align: center;
  background: url(/m/mini-btn-blue.b7fba2ee.png) no-repeat 50%/100% 100%;
}

.service-page-container .service-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.25rem 0.17rem;
  padding: 0 0.26rem;
  margin-top: 0.42rem;
}

.service-page-container .service-list .service-item {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;
  height: 0.52rem;
  font-size: 0.17rem;
  font-weight: 700;
  line-height: normal;
  color: var(--text-brand);
  text-align: center;
  background: url(/m/item-bg.42b9e864.png) no-repeat 50%/100% 100%;
}

.service-page-container .service-list .service-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 0.62rem;
  height: 0.62rem;
  background: url(/m/service-icon-bg.0e33b50d.png) no-repeat 50%/100% 100%;
}

.service-page-container .service-list .service-icon .am-icon {
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  object-fit: contain;
}

.service-page-container .service-list .service-name {
  flex: 1 1 0%;
  padding-right: 0.05rem;
}

.activity-more,
.reward_btn {
  display: block;
  margin: 0.3rem auto 0;
  font-size: 0.28rem;
  font-weight: 700;
  line-height: normal;
  color: #fff;
  text-align: center;
  background: linear-gradient(90deg, #7feb4b, #deed00);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.agent-login-container {
  width: 100%;
  min-height: 100vh;
  min-height: calc(100 * var(--vh, 1vh));
}

.agent-login-container .login-wrap {
  width: 6.12rem;
}

.agent-login-container .login-wrap .form-wrap {
  background: #0a61d4;
  border-radius: 0.16rem;
}

.agent-login-container .login-wrap .form-subtitle {
  display: none;
}

.agent-home-container .agent-home-content {
  transition: all 0.2s;
}

.agent-home-container .msg-count {
  position: absolute;
  top: 0;
  right: 0.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.36rem;
  height: 0.36rem;
  font-size: 0.24rem;
  color: #fff;
  background-image:
    linear-gradient(#f55e49, #f55e49), linear-gradient(#ed6b65, #ed6b65);
  border-radius: 50%;
  border-radius: 0.18rem;
  box-shadow: 0 0.03rem 0.08rem 0 rgba(235, 72, 97, 0.5);
}

.agent-home-container .agent-home-top {
  width: 100%;
  height: 5rem;
  background: #f09d00;
}

.agent-home-container .agent-home-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1rem;
  padding: 0 0.34rem;
}

.agent-home-container .agent-home-header .header-left {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 0.28rem;
  line-height: 1;
  color: #fff;
}

.agent-home-container .agent-home-header .header-left:before {
  display: block;
  width: 0.37rem;
  height: 0.43rem;
  margin-right: 0.2rem;
  content: "";
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAArCAMAAADISrFBAAAAh1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9qkf8RAAAALHRSTlMA9A3t+r9pt41yKeSadUYyFgsC8eDb18apiYV9VUwfGgTQtKNfWDw4JObOnHr6djsAAAEbSURBVDjLjdPZkoIwEIXhk7AjKOACgog6bjPT7/98kyoHWRJs/uuvqitdHQyS7uWbSPz4K0yWBWtquxwnkPSo13ppRGlOg+zapL5o1PqpoyVpebpySE97aUOG9mN1MKl8rAKTWoxVZVLWWLkmtTUtgl9FKgwqYFevshtNPW1N+VBxu9ilMOQP0WbiwoL+0LzBRKH33rp7MoFTeE8AHN1fzynKZQYguYdDuioEke1LdElfzRdFdzzZvp1z6G5k0V5PhldR7/XVQ0I+qh29i17oSp+7QiUtRlmpUjFxxUptWbUFQuIL4RKfi4j4IjjE52BDfBsI4hOgOc1TMyeeie+MkvhKJIIfmAA3Vt2gqq2Pxqr/P0LsWFPEiaUSf6gus3NDc1pVAAAAAElFTkSuQmCC)
    no-repeat 50% / cover;
}

.agent-home-container .agent-home-header .header-left .agent-username {
  margin-left: 0.1rem;
}

.agent-home-container .agent-home-header .agent-service {
  width: 0.46rem;
  height: 0.47rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAvCAMAAACrOwigAAAAqFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8j1z1tAAAAN3RSTlMABfV86tOOgwzx4lNOQxT5z8Uu5b6gW0cI7rGYc280JyIb2Mm1ramdZT05Fw/ckmtfVh+7pol3+INtXQAAAkBJREFUSMeNlOd2gzAMRmUImzAyCJnNajObpOn43v/NilzOYdSQ3F8+cC3bsiyqY3tm3AcwNr7mL/SAw5uGEsbcbpEXMep0ZoLUpBdI1sOfm59czTgEY/SU9ouBDFdfFsdI5GpaotpIB4Azry3dlTFm/2M7AAYrHp5GV93S977Mi7DYv9bskwtgJ4iW1ro45rBLRB7nalTVJwCmRKshqkTZhFGYzTyV7QTAVtDNwT92Kd0AfFGBeM/mB2RCRXQiXvNY6HsAHzSFmnUQjIFJoUfAhnQ0sUl/ANwpp8fBR2jmYjuAntscdxy4aOGwAwzK2QDDb7QR+ZwjT/BWXrOhpSm1WScf3MDEZ1pI0VHajvDyUT5tSgM080r0WZ1PWos+4qxVoBZ7KqvpSV3Tiek+oY8Hpm/TH26r7k4s704lps36xA+ojteoX0nBvUl/IyVhWdfKaVbyXhj98rU1tMSoMCw6FjVzaNZjj6tmKIgW2040D3jSrHkzHxSsy2ezuCspbRHKp5Fq8EptnXv6SqX3/pLgITxTAdfGd63Z7/KnybUWV/PMnzUZfpbYvIfjUB5GuNikRD53mgqmfA/8JzRiQwMG/DbnMAKisyv/1ePvpS+fWnhJeefa4EwkttCWVKfrhl3KSBPT3MsmunzXRWZ/cSr/Y1v9akke+abPW75PJTYp1uQW1oLoJnfKWUyAsd9mL9fI4y3nERf2itoYgLG+X/vI+DxQKzYK+maPHiC0P3N72bP7EJPt8YqeRJgONgtS8QsMz83XpU+gQwAAAABJRU5ErkJggg==)
    no-repeat;
  background-size: 100% 100%;
}

.agent-home-container .agent-balance {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 0.4rem;
  color: #fff;
}

.agent-home-container .agent-balance p {
  font-size: 0.28rem;
  text-align: center;
}

.agent-home-container .agent-balance .balance-amount {
  margin-top: 0.1rem;
  font-size: 0.6rem;
}

.agent-home-container .agent-withdrawl-deposit {
  display: flex;
  justify-content: center;
  margin-top: 0.4rem;
  font-size: 0.24rem;
  color: #fff;
}

.agent-home-container .agent-withdrawl-deposit .am-icon {
  width: 0.48rem;
  height: 0.48rem;
  margin-right: 0.1rem;
}

.agent-home-container .agent-withdrawl-deposit .agent-withdrawl {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.4rem;
  height: 0.8rem;
  line-height: normal;
  text-align: center;
  border: 1px solid #fff;
  border-radius: 1rem;
}

.agent-home-container .agent-withdrawl-deposit .agent-deposit {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.4rem;
  height: 0.8rem;
  margin-left: 0.48rem;
  line-height: normal;
  color: #f09d00;
  text-align: center;
  background: #fff;
  border-radius: 1rem;
}

.agent-home-container .agent-offline {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 1.6rem;
  padding: 0 0.3rem;
  margin: -0.8rem auto 0;
}

.agent-home-container .agent-offline ul {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: #f7f8fe;
  border-radius: 0.1rem;
  box-shadow: 0 0.1rem 0.3rem 0 rgba(0, 0, 0, 0.12);
}

.agent-home-container .agent-offline ul li {
  position: relative;
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  align-items: center;
  height: 100%;
  padding: 0.3rem 0.1rem 0;
  font-size: 0.24rem;
  color: #2c2342;
  text-align: center;
}

.agent-home-container .agent-offline ul li .offline-num {
  font-size: 0.48rem;
  line-height: 0.6rem;
  color: #2c2342;
}

.agent-home-container .agent-offline ul li:not(:last-child):after {
  position: absolute;
  top: 0.56rem;
  right: 0;
  width: 0.02rem;
  height: 0.48rem;
  content: "";
  background-color: #2c2342;
}

.agent-home-container .agent-nav {
  padding: 0 0.3rem;
  margin-top: 0.4rem;
}

.agent-home-container .agent-nav ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.2rem;
}

.agent-home-container .agent-nav ul li {
  display: flex;
  justify-content: center;
  max-width: 100%;
  overflow: hidden;
}

.agent-home-container .agent-nav ul .agent-nav-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.agent-home-container .agent-nav ul .agent-nav-item .nav-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  background: #f09d00;
  border-radius: 1.1rem;
}

.agent-home-container .agent-nav ul .agent-nav-item .nav-icon .am-icon {
  width: 0.52rem;
  height: 0.52rem;
  fill: #fff;
}

.agent-home-container .agent-nav ul .agent-nav-item .agent-nav-name {
  margin-top: 0.1rem;
  font-size: 0.26rem;
  color: #fff;
  text-align: center;
}

.agent-home-container .agent-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: var(--footer-height);
  background: var(--footer-bg);
  box-shadow: 0 0 0.2rem 0 rgba(0, 0, 0, 0.1);
}

.agent-home-container .agent-footer ul {
  display: flex;
  flex-wrap: nowrap;
  height: 100%;
}

.agent-home-container .agent-footer ul li {
  display: flex;
  flex: 1 1 0%;
  justify-content: center;
  height: 100%;
}

.agent-home-container .agent-footer ul .footer-nav {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 0.24rem;
  color: #f09d00;
}

.agent-home-container .agent-footer ul .footer-nav .am-icon {
  width: 0.4rem;
  height: 0.4rem;
  margin-bottom: 0.1rem;
}

.agent-download-bar.show-bar + .agent-home-content {
  padding-top: 1.12rem;
}

@media only screen and (device-width>=390px) and (device-width <=844px) and (-webkit-device-pixel-ratio: 3) {
  .agent-footer {
    height: calc(0.98rem + (var(--safe-area-inset-bottom)));
    padding-bottom: var(--safe-area-inset-bottom);
  }
}

@media only screen and (device-width>=428px) and (device-width <=926px) and (-webkit-device-pixel-ratio: 3) {
  .agent-footer {
    height: calc(0.98rem + (var(--safe-area-inset-bottom)));
    padding-bottom: var(--safe-area-inset-bottom);
  }
}

@media only screen and (device-width>=375px) and (device-width <=812px) and (-webkit-device-pixel-ratio: 3) {
  .agent-footer {
    height: calc(0.98rem + (var(--safe-area-inset-bottom)));
    padding-bottom: var(--safe-area-inset-bottom);
  }
}

@media only screen and (device-width>=414px) and (device-width <=896px) and (-webkit-device-pixel-ratio: 3) {
  .agent-footer {
    height: calc(0.98rem + (var(--safe-area-inset-bottom)));
    padding-bottom: var(--safe-area-inset-bottom);
  }
}

@media only screen and (device-width>=414px) and (device-width <=896px) and (-webkit-device-pixel-ratio: 2) {
  .agent-footer {
    height: calc(0.98rem + (var(--safe-area-inset-bottom)));
    padding-bottom: var(--safe-area-inset-bottom);
  }
}

@media only screen and (device-width>=390px) and (device-width <=844px) and (-webkit-device-pixel-ratio: 3) {
  #root.app {
    --safe-area-inset-bottom: 0.37rem !important
    ;
  }
  #root.app .agent-footer {
    height: calc(0.98rem + (var(--safe-area-inset-bottom)));
    padding-bottom: var(--safe-area-inset-bottom);
  }
}

@media only screen and (device-width>=428px) and (device-width <=926px) and (-webkit-device-pixel-ratio: 3) {
  #root.app {
    --safe-area-inset-bottom: 0.37rem !important
    ;
  }
  #root.app .agent-footer {
    height: calc(0.98rem + (var(--safe-area-inset-bottom)));
    padding-bottom: var(--safe-area-inset-bottom);
  }
}

@media only screen and (device-width>=375px) and (device-width <=812px) and (-webkit-device-pixel-ratio: 3) {
  #root.app {
    --safe-area-inset-bottom: 0.37rem !important
    ;
  }
  #root.app .agent-footer {
    height: calc(0.98rem + (var(--safe-area-inset-bottom)));
    padding-bottom: var(--safe-area-inset-bottom);
  }
}

@media only screen and (device-width>=414px) and (device-width <=896px) and (-webkit-device-pixel-ratio: 3) {
  #root.app {
    --safe-area-inset-bottom: 0.37rem !important
    ;
  }
  #root.app .agent-footer {
    height: calc(0.98rem + (var(--safe-area-inset-bottom)));
    padding-bottom: var(--safe-area-inset-bottom);
  }
}

@media only screen and (device-width>=414px) and (device-width <=896px) and (-webkit-device-pixel-ratio: 2) {
  #root.app {
    --safe-area-inset-bottom: 0.37rem !important
    ;
  }
  #root.app .agent-footer {
    height: calc(0.98rem + (var(--safe-area-inset-bottom)));
    padding-bottom: var(--safe-area-inset-bottom);
  }
}

.shell-appDownload {
  position: absolute;
  width: 100%;
  min-height: 100%;
  background: #ededed;
}

.shell-appDownload:after {
  display: block;
  height: 1.4rem;
  content: "";
}

.shell-appDownload .appDownload-header {
  height: 3.26rem;
  padding: 0 0.3rem;
  background: url(/m/appDownload-header.6fd800e7.png) no-repeat;
  background-size: 100% 100%;
}

.shell-appDownload .appDownload-header .app-name {
  font-size: 0.4rem;
  line-height: 1.5rem;
  color: #fff;
  text-indent: 1em;
}

.shell-appDownload .appDownload-header .appDownload-header-content {
  position: relative;
  bottom: -0.68rem;
  height: 2.1rem;
  padding-top: 0.33rem;
  padding-left: 2.25rem;
  background: #fff;
  border-radius: 0.28rem;
}

.shell-appDownload .appDownload-header .appDownload-header-content .app-icon {
  position: absolute;
  top: -0.34rem;
  left: 0.3rem;
  z-index: 1px;
  width: 1.75rem;
  height: 1.75rem;
  overflow: hidden;
  background-color: #76bfff;
  border-radius: 0.28rem;
}

.shell-appDownload
  .appDownload-header
  .appDownload-header-content
  .app-icon
  img {
  display: inline-block;
  width: 1.75rem;
  height: 1.75rem;
}

.shell-appDownload
  .appDownload-header
  .appDownload-header-content
  .official-logo {
  display: inline-block;
  min-width: 0.68rem;
  height: 0.38rem;
  padding: 0 1em;
  margin-left: 0.13rem;
  font-size: 0.2rem;
  line-height: 0.38rem;
  vertical-align: middle;
  color: #34bff9;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAAAmCAMAAABK8c3RAAAAjVBMVEUAAAA2wvNj5n5k5n43wvM4w+5l53o3wvI1wPZl5nti5YE4w+9l53o0wPk4w/Bf4opm53c8xeVg44c7xOk2wfVl5nth5IM5w+xh5IM0v/pm53g0wPk+x+BBytlJ0MRP1bNV2qJa3pdd4I9j5YE2wfQ7xedDy9NFzM9GzspL0r5N07lS161T2KhY3Jxf44lMtBDnAAAAGnRSTlMALCsHmP6SBtjYNDOZkQv5+PbX1ry8mZCP9CgNQd0AAADzSURBVEjHrdBXFoMgEIXhURBbTK+mB0zX/S8vM4nZAJf/gcPLfAeGpNjk49qjcW5i+qVMDTRQX2PBt0KRR6oY1PVCRo3NY/Iuzq3h01rA6OfXdklQS7umaVdgSNFNadQpDFHdiC4XwmIhDHI+gwYLYZC2BQ0RTifQYCEM8n6DhgivF2iIcDyCBgthkOcTNER4PEBDhMMBNFgIg9zvoCHC7QYaIlyvoCHCfg8aLIRBdjvQYCEMMmlSzBg2E5o1JYaUzYxWicYQnawoSpIIIPp57bIIMDInP0nnzuky9dppqZ2bpyRKtQXSw/+bqswL2GRVRNwHGNsqP2r0w8cAAAAASUVORK5CYII=)
    no-repeat;
  background-size: 100% 100%;
}

.shell-appDownload
  .appDownload-header
  .appDownload-header-content
  .app-full-name {
  display: inline-block;
  max-width: 2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.32rem;
  line-height: 0.38rem;
  vertical-align: middle;
  color: #2a2b2d;
  white-space: nowrap;
}

.shell-appDownload
  .appDownload-header
  .appDownload-header-content
  .app-star-grade {
  height: 0.25rem;
  margin-top: 0.12rem;
  font-size: 0.24rem;
  color: #757575;
}

.shell-appDownload
  .appDownload-header
  .appDownload-header-content
  .app-star-grade
  .star-icon {
  display: inline-block;
  width: 0.24rem;
  height: 0.25rem;
  margin-right: 0.08rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAZCAMAAAAc9R5vAAAAV1BMVEUAAAD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD6xBfPAAAAHHRSTlMA8ArXPpX46M9xaN2zqDgwIsbAd1USnomFX0ka9HEmugAAAJ5JREFUKM9tkFcOxCAMRO0QUilp233/cy4BhLDw+5wn7MFQMa0PkJiJrCiQiKQnFwVeglC3wK7JHUWWRhxJKBZ2/mMpYxaXxm36UEgMXPeng5FkQMk5woai6MOSQcwDvs0viPRVxH/55dNmKEx1PvIDZvghu6GpVLbLO2YudBE6BWvuYIswFBhOgCWedGKl9C/WeN+m1DpxL028GeOOP33PIOKc92DnAAAAAElFTkSuQmCC)
    no-repeat;
  background-size: 0.24rem 0.25rem;
}

.shell-appDownload
  .appDownload-header
  .appDownload-header-content
  .app-star-grade
  .grade-text {
  display: inline-block;
  vertical-align: top;
}

.shell-appDownload
  .appDownload-header
  .appDownload-header-content
  .app-download-btn {
  position: absolute;
  top: 0.39rem;
  right: 0.3rem;
  height: 0.64rem;
  padding: 0 0.38rem;
  font-size: 0.26rem;
  line-height: 0.64rem;
  color: #fff;
  text-align: center;
  cursor: pointer;
  background: #3887fe;
  border-radius: 0.32rem;
}

.shell-appDownload .appDownload-tabs {
  padding: 0 0.3rem;
  margin-top: 0.98rem;
  line-height: 0.48rem;
}

.shell-appDownload .appDownload-tabs p {
  text-align: justify;
}

.shell-appDownload .appDownload-tabs .view-item {
  position: relative;
  float: left;
  min-width: 50%;
  line-height: 0.88rem;
  color: #5e5e5e;
  text-align: center;
}

.shell-appDownload .appDownload-tabs .am-tabs-ink-bar {
  background-color: unset;
}

.shell-appDownload .appDownload-tabs .am-tabs-bar,
.shell-appDownload .appDownload-tabs .am-tabs-tab {
  background-color: transparent;
  border: none;
}

.shell-appDownload .appDownload-tabs .am-tabs-tab-active .view-item:before {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0.36rem;
  height: 0.06rem;
  margin-left: -0.18rem;
  content: "";
  background: #2297ff;
  border-radius: 0.03rem;
}

.shell-appDownload .appDownload-tabs .tips-red {
  color: #ff3636;
}

.shell-appDownload .appDownload-tabs .view-content {
  padding: 0 0.37rem;
  margin-top: 0.5em;
  color: #5e5e5e;
}

.shell-appDownload .appDownload-tabs .view-content img {
  width: 100%;
}

.shell-appDownload .donw-load-btn {
  position: fixed;
  bottom: 0.4rem;
  left: 0.3rem;
  width: calc(100% - 0.6rem);
  height: 0.64rem;
  font-size: 0.26rem;
  line-height: 0.64rem;
  color: #fff;
  text-align: center;
  cursor: pointer;
  background: #3887fe;
  border-radius: 0.32rem;
}

.shell-appDownload .app-guide {
  width: 80%;
  margin: 1.2rem auto 0;
}

.shell-appDownload .app-guide .step {
  width: 100%;
  margin-bottom: 0.4rem;
}

.shell-appDownload .app-guide .step:last-of-type {
  margin-bottom: 0;
}

.task-iframe-container {
  width: 100%;
  height: calc(
    100vh - var(--footer-height) - var(--header-height) -
      (var(--safe-area-inset-bottom))
  );
  height: calc(
    100 * var(--vh, 1vh) - var(--footer-height) - var(--header-height) -
      (var(--safe-area-inset-bottom))
  );
  overflow: hidden;
}

.task-iframe-container .shell-spinner-loading-wrap {
  height: 100%;
}

.task-iframe-container iframe {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: none;
}

.app-download-container .download-banner {
  display: flex;
  justify-content: center;
}

.app-download-container .download-banner .banner-img {
  display: block;
  width: 100%;
}

.app-download-container .download-title {
  margin-bottom: 0.4rem;
}

.app-download-container .download-title h6 {
  margin-bottom: 0.1rem;
  font-size: 0.47rem;
  font-weight: 700;
  line-height: normal;
  color: #fff;
  text-align: center;
}

.app-download-container .download-title p {
  font-size: 0.3rem;
  font-weight: 700;
  line-height: normal;
  text-align: center;
  background: linear-gradient(90deg, #ffa800, #f90);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.app-download-container .download-info {
  margin-bottom: 0.4rem;
}

.app-download-container .download-main {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 0 0.32rem 0.32rem;
}

.app-download-container .download-main .download-btns {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  align-items: center;
}

.app-download-container .download-main .app-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: 700;
  line-height: normal;
  text-align: center;
}

.app-download-container .download-main .app-info p {
  font-size: 0.3rem;
  color: #b7b7b7;
}

.app-download-container .download-main .app-info h5 {
  font-size: 0.59rem;
  font-weight: 700;
  color: #fff;
}

.app-download-container .download-main .download-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  gap: 0.4rem;
  width: 4.5rem;
  height: 1.4rem;
  padding: 0.24rem;
  background: #000;
  border: 0.02rem solid #fff;
  border-radius: 0.12rem;
}

.app-download-container .download-main .download-btn .app-icon {
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  margin-right: 0.2rem;
  border-radius: 0.12rem;
}

.app-download-container .download-main .download-btn .download-icon {
  font-size: 0.28rem;
  line-height: normal;
  color: #292929;
}

.app-download-container .download-main .download-btn .download-icon p {
  font-size: 0.24rem;
}

.app-download-container .download-main .download-btn .sys-icon {
  display: block;
  width: 0.85rem;
  height: 0.85rem;
  object-fit: contain;
}

.app-download-container .download-main .download-btn .app-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.12rem 0.3rem;
  font-size: 0.28rem;
  font-weight: 700;
  line-height: normal;
  color: #0b2067;
  background: #07ddd5;
  border-radius: 0.09rem;
}

.app-download-container .download-main .download-for {
  margin-top: 0.15rem;
  font-size: 0.24rem;
  line-height: normal;
  color: #fff;
  text-align: center;
}

.app-download-container .scan-download {
  margin-top: 0.2rem;
  font-size: 0.32rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #118eea;
  text-align: center;
}

.app-download-container .download-list {
  display: grid;
  gap: 0.3rem;
}

.app-download-container .download-list .item-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.2rem;
  background: linear-gradient(270deg, #3f0303, #570906);
  border-radius: 0.16rem;
  box-shadow: 0 0.04rem 0.08rem 0 rgba(0, 0, 0, 0.1);
}

.app-download-container .download-list .app-info {
  display: flex;
  flex: 1 1 0%;
  align-items: center;
  overflow: hidden;
}

.app-download-container .download-list .app-icon {
  width: 0.88rem;
  height: 0.88rem;
  margin-right: 0.15rem;
  border-radius: 0.32rem;
}

.app-download-container .download-tip {
  margin-bottom: 0.32rem;
  font-size: 0.24rem;
  font-weight: 400;
  line-height: normal;
  color: #000;
  text-align: center;
}

.error-ip,
.error-service {
  position: fixed;
  width: 100%;
  height: 100%;
  padding: 0.3rem;
}

.error-ip {
  background: url(/m/ip.ff5435ec.jpg) no-repeat 50% fixed;
  background-size: cover;
}

.error-service {
  background: url(/m/service.410e3a51.jpg) no-repeat 50% fixed;
  background-size: cover;
}

.errr-logo {
  width: 2rem;
}

.error-contact-us {
  position: absolute;
  bottom: 0.76rem;
  left: 50%;
  width: 60%;
  overflow: hidden;
  font-size: 0.3rem !important;
  color: #fff !important;
  text-align: center;
  background: linear-gradient(90deg, #fe6e74, #f3077f);
  border: none !important;
  border-radius: 0.5rem !important;
  transform: translateX(-50%);
}

.error-icon {
  width: 0.3rem;
  margin-right: 0.1rem;
}

.error-content,
.error-text {
  position: absolute;
  bottom: 20%;
  left: 50%;
  width: 80%;
  transform: translateX(-50%);
}

.error-content {
  color: #fff;
  text-align: center;
}

.error-content .title {
  margin-bottom: 0.1rem;
  font-size: 0.5rem;
}

.error-content .ip-address {
  margin-bottom: 0.2rem;
  font-size: 0.3rem;
}

.error-content .error-info {
  margin-top: 0.3rem;
}

.error-content p {
  font-size: 0.3rem;
  line-height: 0.4rem;
  white-space: pre-wrap;
}

.hairline-remove-right-bottom {
  border-bottom: 0;
}

.hairline-remove-right-bottom:after {
  display: none;
}

.hairline-remove-right-bottom-bak:after {
  display: none;
}

.hairline-remove-left-top:before {
  display: none;
}

.am-button {
  display: block;
  outline: 0 none;
  -webkit-appearance: none;
  box-sizing: border-box;
  padding: 0;
  text-align: center;
  font-size: 0.36rem;
  height: 0.94rem;
  line-height: 0.94rem;
  border-radius: 0.1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  white-space: nowrap;
  color: #000;
  background-color: #fff;
  border: 1px solid #ddd;
}

.am-button.am-button-active {
  background-color: #ddd;
}

.am-button-primary {
  color: #fff;
  background-color: #108ee9;
  border: 1px solid #108ee9;
}

.am-button-primary.am-button-active {
  background-color: #1284d6;
}

.am-button-ghost {
  color: #108ee9;
  background-color: transparent;
  border: 1px solid #108ee9;
}

.am-button-ghost.am-button-active {
  color: #fff;
  background-color: #1284d6;
  border: 1px solid #108ee9;
}

.am-button-inline {
  display: inline-block;
  padding: 0 0.3rem;
}

.am-button-small {
  font-size: 0.26rem;
  height: 0.6rem;
  line-height: 0.6rem;
  padding: 0 0.3rem;
  border-radius: 0.1rem;
}

.am-button-warning {
  color: #f86e21;
  background-color: #fff;
}

.am-button-ghost.am-button-across,
.am-button-primary.am-button-across,
.am-button-warning.am-button-across,
.am-button.am-button-across {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}

.am-button-ghost.am-button-disabled,
.am-button-primary.am-button-disabled,
.am-button-warning.am-button-disabled,
.am-button.am-button-disabled {
  color: #bbb;
  background-color: #ddd;
  border: 0;
}

.am-button-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.am-button > .am-icon {
  margin-right: 0.5em;
}

.fb-game-iframe-container {
  width: 100%;
  height: calc(
    100vh - var(--header-height) - var(--footer-height) -
      var(--game-menu-height) - var(--download-bar-height)
  );
  height: calc(
    var(--vh, 1vh) * 100 - var(--header-height) - var(--footer-height) -
      var(--game-menu-height) - var(--download-bar-height)
  );
}

.fb-game-iframe-container.fullheight {
  height: calc(
    100vh - var(--header-height) - var(--footer-height) -
      var(--game-menu-height)
  );
  height: calc(
    var(--vh, 1vh) * 100 - var(--header-height) - var(--footer-height) -
      var(--game-menu-height)
  );
}

.fb-game-iframe-container .shell-spinner-loading-wrap {
  height: 100%;
}

.fb-game-iframe-container iframe {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: none;
}

.game-center-container {
  width: 100%;
}

.game-center-container .game-center-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.2rem;
}

.game-center-container .game-center-layout {
  width: 100%;
  height: calc(100% - var(--mc-header-height));
}

.game-center-container .game-center-content {
  width: 100%;
  padding: 0.2rem 0.24rem;
}

.game-center-container .game-center-content .game-cneter-bg {
  padding: 0.2rem;
  background: #1e2121;
  border: 0.02rem solid #333738;
  border-radius: 0.2rem;
}

.game-center-container .game-center-content .game-title,
.game-center-container .game-center-content .sport-game-box {
  margin-bottom: 0.2rem;
}

.help-container .help-view {
  position: relative;
  padding: 0.24rem 0.19rem;
}

.help-container .help-menu {
  display: flex;
  align-items: center;
  width: 100%;
  overflow-x: auto;
}

.help-container .help-menu .menu-item {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-shrink: 0;
  padding: 0.1rem 0.2rem 0.14rem;
  font-size: 0.2rem;
  font-weight: 500;
  line-height: 0.2654rem;
  color: var(--text-color-primary);
  text-align: center;
  background: #d4e4ff;
  border: 0.02rem solid #fff;
  border-radius: 0.1rem;
}

.help-container .help-menu .menu-item:not(:last-child) {
  margin-right: 0.1rem;
}

.help-container .help-menu .menu-item.on {
  color: #fff;
  background: linear-gradient(92deg, #8fa9ff 15.46%, #668bff 85.01%);
  border: 0.02rem solid hsla(0, 0%, 100%, 0.6);
}

.help-container .help-content {
  width: 100%;
  margin-top: 0.4rem;
}

.help-container .help-item-content {
  display: none;
}

.help-container .help-item-content.on {
  display: block;
}

.help-container .help-item-content .help-item-title {
  padding: 0.24rem;
  font-size: 0.36rem;
  font-weight: 800;
  line-height: 0.61538rem;
  color: #fff;
  text-align: center;
  letter-spacing: 0.32px;
  background: linear-gradient(270deg, #33befd, #67e875);
  border-radius: 0.07692rem;
}

.help-container .help-item-content .wysiwyg {
  padding: 0;
  font-size: 0.24rem;
  line-height: normal;
  color: #6b76a0;
}

.help-container .help-item-content .wysiwyg img {
  max-width: 100%;
}

.message-nav-wrap {
  flex-shrink: 0;
  width: 100%;
  height: 0.9rem;
  padding: 0 0.6rem;
  background: var(--main-bg);
  border-bottom: 0.02rem solid #e3e3e3;
}

.message-nav-wrap .nav-links {
  display: flex;
  height: 100%;
}

.message-nav-wrap .nav-link {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  font-size: 0.24rem;
  font-weight: 400;
  color: #666;
}

.message-nav-wrap .nav-link:not(:last-child) {
  margin-right: 0.6rem;
}

.message-nav-wrap .nav-link.on {
  color: #f09d00;
}

.message-nav-wrap .nav-link.on:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0.58rem;
  height: 0.04rem;
  content: "";
  background: #f09d00;
  transform: translateX(-50%);
}

.help-container {
  width: 100%;
}

.help-container .help-content {
  display: flex;
  flex-direction: column;
  height: calc(100% - var(--mc-header-height));
  overflow: hidden;
}

.help-container .help-content .help-content-bg {
  flex: 1 1 0%;
  padding: 0.2rem 0.4rem;
  overflow: hidden auto;
}

.help-container .help-content .help-menu {
  flex-shrink: 0;
  width: 2.2rem;
  height: 100%;
  padding: 0 0.16rem;
  overflow-y: auto;
}

.help-container .help-content .help-menu .menu-item {
  width: 100%;
  height: 0.79rem;
  padding: 0.2rem;
  margin-bottom: 0.3rem;
  font-size: 0.28rem;
  color: #98835e;
  text-align: center;
  border: 1px solid rgba(152, 131, 94, 0.5);
  border-radius: 0.08rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.help-container .help-content .help-menu .menu-item.on {
  color: #342812;
  background: rgba(152, 131, 94, 0.3);
}

.help-container .help-accordion .accordion-item-bg {
  border-bottom: 1px solid #e3e3e3;
}

.help-container .help-accordion .accordion-active .accordion-arrow {
  transform: rotate(-90deg);
}

.help-container .help-accordion .help-list {
  margin-bottom: 0.2rem;
}

.help-container .help-accordion .help-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 0.77rem;
}

.help-container .help-accordion .help-title {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1 1 0%;
  font-size: 0.24rem;
  line-height: normal;
  color: #171616;
}

@supports (-webkit-line-clamp: 2) {
  .help-container .help-accordion .help-title {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}

.help-container .help-accordion .arrow-btn {
  width: 0.44rem;
  height: 0.44rem;
}

.help-container .help-accordion .accordion-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 0.32rem;
  height: 0.32rem;
  margin-left: 0.1rem;
  transition: all 0.2s;
}

.help-container .help-accordion .accordion-arrow .am-icon {
  display: block;
  width: 0.2rem;
  height: 0.32rem;
}

.help-container .help-accordion .help-item-content {
  padding-bottom: 0.2rem;
  font-size: 0.24rem;
  line-height: normal;
  color: #666;
}

.help-container .help-accordion .wysiwyg {
  padding: 0;
}

.help-container .help-accordion .wysiwyg img {
  max-width: 100%;
}

.game-marquee-wrap {
  width: 100%;
  overflow: hidden;
}

.game-marquee-wrap .disable-search {
  width: 3.35rem;
}

.game-marquee-wrap .game-marquee-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.18rem;
}

.game-marquee-wrap .title-text {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 0.3rem;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  color: #fff;
}

.game-marquee-wrap .title-text:before {
  width: 0.16rem;
  height: 0.16rem;
  margin-right: 0.16rem;
  content: "";
  background: #f6cf50;
  border-radius: 0.16rem;
}

.game-marquee-wrap .game-marquee-content {
  padding: 0.12rem;
  background: #292d2e;
  border-radius: 0.12rem;
}

.game-marquee-wrap .game-marquee-content .game-swiper {
  width: 100%;
  overflow: hidden;
}

.game-marquee-wrap .game-marquee-content .swiper-wrapper {
  transition-timing-function: linear;
}

.game-marquee-wrap .game-marquee-content .swiper-slide {
  width: 1.52rem;
}

.lottery-item {
  position: relative;
  flex-shrink: 0;
  width: 100%;
  padding: 0.24rem;
  overflow: hidden;
  background-image:
    linear-gradient(180deg, #39260f, #000),
    linear-gradient(180deg, #f8cc3f, #974c0e);
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  border: 0.03rem solid transparent;
  border-radius: 0.2rem;
  -webkit-clip-path: inset(0 round 0.2rem);
  clip-path: inset(0 round 0.2rem);
}

.lottery-item .lottery-title {
  flex: 1 1 0%;
  line-height: normal;
}

.lottery-item .lottery-icon {
  display: block;
  flex-shrink: 0;
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 0.2rem;
  overflow: hidden;
  border-radius: 50%;
}

.lottery-item .lottery-icon img {
  display: block;
  width: 100%;
  height: 100%;
}

.lottery-item .lottery-info {
  display: flex;
  align-items: center;
}

.lottery-item .lottery-remark {
  width: 100%;
  font-size: 0.28rem;
  font-weight: 700;
  line-height: normal;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lottery-item .lottery-numero {
  margin-top: 0.08rem;
  font-size: 0.24rem;
  color: #d8c98e;
}

.lottery-item .lottery-time {
  font-size: 0.28rem;
  color: #fff;
}

.lottery-item .draw-time {
  display: flex;
  align-items: center;
  margin-top: 0.08rem;
  font-size: 0.2rem;
  font-weight: 400;
  line-height: normal;
  color: hsla(0, 0%, 100%, 0.5);
}

.lottery-item .lottery-bet {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  overflow: hidden;
}

.lottery-item .lottery-number {
  display: flex;
  flex: 1 1 0%;
  align-items: center;
  overflow: hidden;
}

.lottery-item .btn-bet {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  height: 0.4rem;
  padding: 0 0.14rem;
  margin-left: 0.1rem;
  font-size: 0.24rem;
  font-weight: 700;
  line-height: normal;
  color: #000;
  text-align: center;
  text-transform: uppercase;
  background: linear-gradient(180deg, #f8cc3f, #ffed8e 50%, #974c0e);
  border-radius: 0.5rem;
}

.lottery-item .h-line {
  width: 100%;
  height: 1px;
  margin: 0.12rem 0;
  background: hsla(0, 0%, 100%, 0.3);
  transform: scaleY(0.5);
}

.lottery-item .num-list {
  display: flex;
  align-items: center;
  width: 100%;
  overflow: auto;
}

.lottery-item .num-list .num-item {
  flex-shrink: 0;
  width: 0.44rem;
  height: 0.44rem;
  font-size: 0.28rem;
  color: #000;
  text-align: center;
  background: linear-gradient(180deg, #fff094, #fef3c8 53%, #c5b472);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.lottery-item .num-list .num-item:not(:last-child) {
  margin-right: 0.1rem;
}

.lottery-item .fav-icon {
  position: absolute;
  top: 0.1rem;
  right: 0.1rem;
  width: 0.43rem;
  height: 0.4rem;
}

.lottery-item .fav-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}

.hot-game-container .hot-game-wrap {
  padding: 0.24rem 0.32rem 0.5rem;
}

.hot-game-container .hot-game-wrap .category-games {
  padding: 0.2rem 0.23rem;
  background: linear-gradient(61deg, #ffe993, #fcda52);
}

.login-nav-wrap {
  margin-top: 0.6rem;
}

.login-nav-wrap,
.login-nav-wrap .login-nav-list {
  display: flex;
  justify-content: center;
  width: 100%;
}

.login-nav-wrap .login-nav-list .login-nav-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc((100% - 0.36rem) / 3);
  height: 1.3rem;
  padding-top: 0.25rem;
  overflow: hidden;
  font-size: 0.22rem;
  font-weight: 500;
  line-height: 0.33rem;
  color: hsla(0, 0%, 100%, 0.6);
  text-align: center;
  white-space: nowrap;
  background: hsla(0, 0%, 100%, 0.04);
  border-radius: 0.2rem;
}

.login-nav-wrap .login-nav-list .login-nav-item:not(:last-child) {
  margin-right: 0.18rem;
}

.login-nav-wrap .login-nav-list .nav-icon {
  display: block;
  width: 0.38rem;
  height: 0.38rem;
  margin-bottom: 0.08rem;
}

.form-switch-menu {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  width: 100%;
  padding: 0 0.3rem;
  margin-bottom: 0.2rem;
}

.form-switch-menu .menu-links {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-bottom: 1px solid #e4eaff;
}

.form-switch-menu .menu-links .menu-link {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex: 1 1 0%;
  flex-shrink: 0;
  gap: 0.1rem;
  max-width: 50%;
  height: 0.62rem;
  padding: 0 0.1rem 0.19rem;
  font-size: 0.27rem;
  line-height: normal;
  color: var(--text-color-primary);
  text-align: center;
}

.form-switch-menu .menu-links .menu-link.on {
  color: var(--text-brand);
  border-bottom: 0.04rem solid var(--text-brand);
}

.form-switch-menu .menu-links .menu-icon {
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  object-fit: contain;
}

.user-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 50%;
}

.user-avatar:after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  content: "";
}

.user-avatar .profile-icon {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 50%;
}

.user-avatar .profile-icon img {
  display: block;
  width: 100%;
  height: 100%;
}

.user-avatar .default-avatar img {
  display: block;
  width: 100%;
}

.member-center-container .mine-nav {
  display: flex;
  align-items: center;
  padding-right: 0.28rem;
}

.member-center-container .mine-nav .message-btn,
.member-center-container .mine-nav .setting-btn {
  position: relative;
}

.member-center-container .mine-nav .message-btn .am-icon,
.member-center-container .mine-nav .message-btn img,
.member-center-container .mine-nav .setting-btn .am-icon,
.member-center-container .mine-nav .setting-btn img {
  display: block;
  width: 0.42rem;
  height: 0.42rem;
}

.member-center-container .mine-nav .setting-btn {
  margin-right: 0.4rem;
}

.member-center-container .mine-nav .icon-notify {
  position: absolute;
  top: -0.06rem;
  right: -0.06rem;
  width: 0.12rem;
  height: 0.12rem;
  background: #db6372;
  border-radius: 0.12rem;
}

.member-center-container .member-info-wrap {
  display: flex;
  align-items: center;
  padding: 0.2rem 0.28rem;
}

.member-center-container .member-avatar {
  width: 1.4rem;
  height: 1.4rem;
  margin-right: 0.3rem;
}

.member-center-container .please-login {
  font-size: 0.36rem;
  font-weight: 600;
  color: #fff;
}

.member-center-container .member-name {
  display: flex;
  align-items: center;
  font-size: 0.3rem;
  color: #efc77a;
}

.member-center-container .member-balance {
  margin-top: 0.1rem;
  font-size: 0.26rem;
  color: #ecfaff;
}

.member-center-container .member-balance .refresh-balance {
  width: 0.3rem;
  height: 0.3rem;
}

.member-center-container .vip-level {
  padding: 0.03rem 0.08rem;
  margin-left: 0.08rem;
  font-size: 0.2rem;
  line-height: normal;
  color: #fff;
  background: #fead00;
  border-radius: 0.02rem;
}

.member-center-container .member-reg-days {
  margin-top: 0.08rem;
  font-size: 0.24rem;
  line-height: 0.34rem;
  color: #a5a9b3;
}

.member-center-container .member-top-nav {
  padding: 0 0.12rem;
}

.member-center-container .member-top-nav .top-nav-bg {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.6rem;
  background: url(/m/nav-bg.9414aa47.png) no-repeat 50% / cover;
}

.member-center-container .member-top-nav .top-nav-item {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 50%;
  height: 100%;
}

.member-center-container .member-top-nav .top-nav-item + .top-nav-item:after {
  position: absolute;
  top: 0.37rem;
  left: 0;
  width: 1px;
  height: 0.85rem;
  content: "";
  background-color: #868686;
}

.member-center-container .member-top-nav .top-nav-item h5 {
  font-size: 0.3rem;
  font-weight: 500;
  line-height: normal;
  color: #fff;
}

.member-center-container .member-top-nav .top-nav-item p {
  font-size: 0.24rem;
  font-weight: 500;
  color: #887f6d;
}

.member-center-container .member-top-nav .item-icon {
  display: block;
  height: 1.2rem;
  margin-right: 0.15rem;
}

.member-center-container .member-main-nav {
  padding: 0 0.28rem 0.2rem;
  margin-top: 0.2rem;
}

.member-center-container .member-main-nav .member-main-nav-list {
  display: flex;
  align-items: flex-start;
}

.member-center-container .member-main-nav .main-nav-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 25%;
  font-size: 0.28rem;
  font-weight: 600;
  line-height: 0.4rem;
  color: #ecfaff;
  text-align: center;
}

.member-center-container .member-main-nav .main-nav-icon {
  display: block;
  width: 0.72rem;
  height: 0.72rem;
  margin-bottom: 0.05rem;
  object-fit: contain;
}

.member-center-container .member-content {
  padding: 0.2rem 0;
}

.member-center-container .member-nav-wrap .member-nav-list {
  display: grid;
  gap: 0.2rem;
}

.member-center-container .member-nav-wrap .member-nav-item {
  position: relative;
  display: flex;
  align-items: center;
  height: 1rem;
  padding: 0 0 0 0.32rem;
  font-size: 0.28rem;
  line-height: normal;
  color: #ecfaff;
  text-transform: capitalize;
  background: #383838;
}

.member-center-container .member-nav-wrap .nav-icon {
  display: block;
  width: 0.44rem;
  height: 0.44rem;
  margin-right: 0.24rem;
  fill: none;
}

.member-center-container .member-nav-wrap .item-arrow {
  position: absolute;
  top: 0.4rem;
  right: 0.24rem;
  width: 0.2rem;
  height: 0.2rem;
}

.notice-container {
  width: 100%;
  height: 100vh;
  height: calc(100 * var(--vh, 1vh));
}

.notice-container .notice-header {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 0.48rem 0.64rem 0.16rem;
  font-size: 0.4rem;
  font-weight: 600;
  line-height: normal;
  color: #eff4f3;
}

.notice-container .notice-header .popup-logo {
  display: block;
  height: 1.5rem;
}

.notice-container .notice-header .popup-banner {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  height: 2.96rem;
}

.notice-container .notice-content {
  width: 100%;
  height: 100%;
  padding: 0.2rem 0.32rem;
  overflow: hidden;
}

.notice-container .notice-slide-content {
  font-size: 0.28rem;
  line-height: 0.42rem;
  color: #eff4f3;
}

.notice-container .notice-slide-content img {
  display: block;
  width: 100%;
}

.notice-container .notice-game-swiper {
  width: 100%;
  height: calc(100% - 3.2rem) !important;
  overflow: hidden auto;
}

.notice-container .notice-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.2rem 0;
}

.notice-container .notice-pagination .swiper-pagination-bullet {
  width: 0.2rem;
  height: 0.2rem;
  margin: 0 0.1rem;
  background: #9b5659;
  border-radius: 0.2rem;
}

.notice-container .notice-pagination .swiper-pagination-bullet-active {
  background: #f7d462;
}

.notice-container .btn-confirm {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 1.12rem;
  font-size: 0.36rem;
  line-height: 0.54rem;
  color: #6b000c;
  text-align: center;
  background: linear-gradient(270deg, #ebab51, #fbe38c);
}

.setting-container #header {
  box-shadow: none;
}

.setting-container .setting-list {
  margin: 0.2rem 0;
}

.setting-container .setting-list li {
  position: relative;
  display: flex;
  align-items: center;
  height: 1rem;
  padding-left: 0.28rem;
  background-color: #383838;
}

.setting-container .setting-list li span {
  font-size: 0.28rem;
  color: #fff;
}

.setting-container .logout-btn {
  height: 1rem;
  font-size: 0.28rem;
  line-height: 1rem;
  color: #fff;
  text-align: center;
  background-color: #383838;
}

@keyframes headShake {
  0% {
    transform: translateX(0);
  }
  6.5% {
    transform: translateX(-0.06rem) rotateY(-9deg);
  }
  18.5% {
    transform: translateX(0.05rem) rotateY(7deg);
  }
  31.5% {
    transform: translateX(-0.03rem) rotateY(-5deg);
  }
  43.5% {
    transform: translateX(0.02rem) rotateY(3deg);
  }
  50% {
    transform: translateX(0);
  }
}

.headShake {
  animation-name: headShake;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
}

.shine:after {
  position: absolute;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  pointer-events: none;
  content: "";
  background: linear-gradient(
    90deg,
    hsla(0, 0%, 100%, 0) 0,
    hsla(0, 0%, 100%, 0.8) 50%,
    rgba(128, 186, 232, 0) 99%,
    rgba(125, 185, 232, 0)
  );
  transform: translateX(100%);
  animation: shine-slide 4s infinite;
}

@keyframes animate-shine {
  80% {
    left: -60%;
    opacity: 0;
  }
  to {
    left: 130%;
    opacity: 1;
  }
}

@keyframes infinite-tada {
  78% {
    transform: scaleX(1);
  }
  80%,
  82% {
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  }
  86%,
  90%,
  94%,
  98% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  88%,
  92%,
  96% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }
  to {
    transform: scaleX(1);
  }
}

@keyframes shine-slide {
  0% {
    transform: translateX(-100%);
  }
  25% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(100%);
  }
}

@keyframes cf_cr {
  0% {
    transform: translateZ(0);
  }
  50% {
    transform: translate3d(0.1rem, -0.1rem, 0);
  }
  to {
    transform: translateZ(0);
  }
}

@keyframes shimmer {
  to {
    transform: translateX(100%);
  }
}

@keyframes rolling {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(1turn);
  }
  to {
    transform: rotate(2turn);
  }
}

@keyframes bg-float {
  0% {
    transform: translateX(1.2rem) translateZ(0);
  }
  20% {
    transform: translateX(0.6rem) translateZ(0);
  }
  40% {
    transform: translateX(1.2rem) translateZ(0);
  }
  60% {
    transform: translateX(1.8rem) translateZ(0);
  }
  80% {
    transform: translateX(0.6rem) translateZ(0);
  }
  to {
    transform: translateX(0) translateZ(0);
  }
}

.menu-fade-slide-down-enter {
  opacity: 0;
  transform: translateY(-0.1rem);
}

.menu-fade-slide-down-enter-active {
  opacity: 1;
  transform: translateY(0);
  transition:
    opacity 0.26s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.17s cubic-bezier(0.4, 0, 0.2, 1);
}

.menu-fade-slide-down-exit {
  opacity: 1;
  transform: translateY(0);
}

.menu-fade-slide-down-exit-active {
  opacity: 0;
  transform: translateY(-0.1rem);
  transition:
    opacity 0.26s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.17s cubic-bezier(0.4, 0, 0.2, 1) 80ms;
}

.menu-fade-slide-up-enter {
  opacity: 0;
  transform: translateY(0.1rem);
}

.menu-fade-slide-up-enter-active {
  transition:
    opacity 0.26s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.17s cubic-bezier(0.4, 0, 0.2, 1);
}

.menu-fade-slide-up-enter-active,
.menu-fade-slide-up-exit {
  opacity: 1;
  transform: translateY(0);
}

.menu-fade-slide-up-exit-active {
  opacity: 0;
  transform: translateY(0.1rem);
  transition:
    opacity 0.26s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.17s cubic-bezier(0.4, 0, 0.2, 1) 80ms;
}

.page-enter {
  transform: translateX(100%);
}

.page-enter-active {
  transition: transform 0.3s ease-in-out;
}

.page-enter-active,
.page-exit {
  transform: translateX(0);
}

.page-exit-active {
  transition: transform 0.3s ease-in-out;
}

.page-exit-active,
.page-return-enter {
  transform: translateX(-100%);
}

.page-return-enter-active {
  transform: translateX(0);
  transition: transform 0.3s ease-in-out;
}

.page-return-exit {
  transform: translateX(0);
}

.page-return-exit-active {
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out;
}

.slide-left-enter {
  opacity: 0;
  transform: translateX(100%);
}

.slide-left-enter-active {
  transition: all 0.3s ease;
}

.slide-left-enter-active,
.slide-left-exit {
  opacity: 1;
  transform: translateX(0);
}

.slide-left-exit-active {
  transition: all 0.3s ease;
}

.slide-left-exit-active,
.slide-right-enter {
  opacity: 0;
  transform: translateX(-100%);
}

.slide-right-enter-active {
  transition: all 0.3s ease;
}

.slide-right-enter-active,
.slide-right-exit {
  opacity: 1;
  transform: translateX(0);
}

.slide-right-exit-active {
  opacity: 0;
  transform: translateX(100%);
  transition: all 0.3s ease;
}

:root {
  --red-500: #ed3237;
  --red-700: #ec1c24;
  --red-800: #871c1f;
  --gray-25: #f1f1f1;
  --gray-50: #f4f4f4;
  --gray-100: #c8c8c8;
  --gray-150: #e0e0e0;
  --gray-200: #e8e8e8;
  --gray-300: #d9d9d9;
  --gray-350: #a7a7a7;
  --gray-375: #a6a6a6;
  --gray-400: #9d9d9d;
  --gray-450: #8f8f8f;
  --gray-500: #6b7280;
  --gray-525: #737373;
  --gray-550: #535353;
  --gray-600: #5c5c5c;
  --gray-700: #4e4e4e;
  --gray-800: #3c3c3c;
  --white: #fff;
  --black: #000;
  --brand-primary: var(--red-700);
  --brand-hover: var(--red-500);
  --brand-dark: var(--red-800);
  --error: var(--red-700);
  --gradient-brand: linear-gradient(180deg, var(--red-500), var(--red-500));
  --gradient-brand-dark: linear-gradient(
    180deg,
    var(--red-500),
    var(--red-800)
  );
  --gradient-subtle: linear-gradient(
    180deg,
    var(--white),
    var(--gray-300) 99.75%
  );
  --text-primary: var(--gray-700);
  --text-secondary: var(--gray-500);
  --text-tertiary: var(--gray-800);
  --text-light: var(--gray-400);
  --text-dark: var(--black);
  --text-placeholder: var(--gray-375);
  --text-inverse: var(--white);
  --text-brand: var(--brand-primary);
  --text-brand-light: var(--red-500);
  --bg-page: var(--gray-50);
  --bg-surface: var(--white);
  --bg-disabled: var(--gray-100);
  --bg-brand: var(--brand-primary);
  --bg-brand-hover: var(--brand-hover);
  --bg-announce: var(--gray-200);
  --border-default: var(--gray-200);
  --border-light: var(--gray-150);
  --border-focus: var(--brand-primary);
  --border-error: var(--error);
  --input-bg: var(--white);
  --input-text: var(--gray-700);
  --input-placeholder: var(--gray-525);
  --btn-bg: var(--bg-brand);
  --btn-text: var(--text-inverse);
  --btn-bg-gradient: var(--gradient-brand);
  --menu-bg-default: var(--gray-350);
  --menu-bg-selected: linear-gradient(180deg, var(--red-500), var(--red-800));
  --menu-text-default: var(--text-inverse);
  --menu-text-selected: var(--text-inverse);
  --menu-border-default: var(--gray-100);
  --menu-border-selected: var(--white);
  --modal-bg: var(--bg-surface);
  --modal-border: var(--white);
  --overlay-bg: rgb(0 0 0/60%);
  --overlay-backdrop-filter: none;
  --header-height: 0.85rem;
  --header-bg: var(--bg-surface);
  --game-menu-height: 1.4rem;
  --mc-header-height: 1rem;
  --mc-header-bg: var(--black);
  --mc-header-color: var(--white);
  --download-bar-height: 0.7rem;
  --download-bar-bg: #1f312c;
  --nav-menu-height: 1.52rem;
  --footer-height: 1.28rem;
  --footer-bg: var(--bg-surface);
  --main-bg: var(--bg-page);
  --game-list-skeleton-bg: var(--bg-surface);
  --custom-scrollbar-bg-color: #3b9e7a;
  --popup-duration: 250ms;
  --popup-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  --s-app-modal-bg-rgb: 73, 147, 253;
  --s-app-modal-color: #fff;
  --s-logo: url(/m/logo.865093a7.png);
  --a2hs-btn-bg-color: var(--btn-bg);
}

.form-page-container .page-goback {
  color: #ec1c24;
}

.form-page-container .page-goback .icon-return {
  width: 0.52rem;
  height: 0.52rem;
}

.form-page-container .form-banner {
  margin-top: -0.6733rem;
  pointer-events: none;
}

.form-page-container .form-banner .swiper-pagination {
  display: none;
}

.form-page-container .form-title {
  position: relative;
  margin-bottom: 0.24rem;
  text-align: center;
}

.form-page-container .form-title h6 {
  font-size: 0.4rem;
  font-weight: 700;
  line-height: normal;
  color: #fff;
}

.form-page-container .form-title p {
  margin-top: 0.1rem;
  font-size: 0.26rem;
  line-height: normal;
  color: #fff;
}

.form-page-container .already-account {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-top: 0.18rem;
  font-size: 0.3rem;
  font-weight: 500;
  line-height: normal;
  color: var(--text-dark);
  text-align: center;
  white-space: pre-wrap;
}

.form-page-container .already-account .login-now {
  margin-left: 0.1rem;
  font-weight: 900;
  color: var(--text-brand);
}

.form-page-container .register-terms {
  margin-top: 0.34rem;
  font-size: 0.24rem;
  font-weight: 400;
  line-height: 131%;
  color: var(--text-dark);
  text-align: left;
}

.form-page-container .register-terms .checkbox-item {
  align-items: flex-start;
}

.form-page-container .register-terms .term-link {
  margin-left: 0.1rem;
  font-weight: 500;
  background: linear-gradient(180deg, #ed3237, #871c1f);
  -webkit-background-clip: text;
  background-clip: text;
  border-bottom: 1px solid #871c1f;
  -webkit-text-fill-color: transparent;
}

.form-page-container .register-terms .sm-checkbox-item {
  align-items: flex-start;
}

.form-wrap {
  position: relative;
  z-index: 5;
  width: 100%;
  padding: 0 0.34rem 0.5rem;
  font-size: 0.23rem;
  line-height: 0.2654rem;
  color: var(--text-color-primary);
  text-align: center;
}

.form-wrap .free-trial {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  align-items: center;
  margin-top: 0.2rem;
}

.form-wrap .free-trial .trial-title {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  gap: 0.15rem;
}

.form-wrap .free-trial .trial-title:after,
.form-wrap .free-trial .trial-title:before {
  width: 0.8rem;
  height: 0.02rem;
  content: "";
  background: #e4eaff;
}

.form-wrap .free-trial .icon-trial {
  flex-shrink: 0;
  width: 0.78rem;
  height: 0.78rem;
  object-fit: contain;
}

.form-wrap .form-group:not(:last-child) {
  margin-bottom: 0.34rem;
}

.form-wrap .form-group:not(:last-child).form_error {
  margin-bottom: 0.2rem;
}

.form-wrap .panel-default {
  position: relative;
  display: none;
  width: 100%;
  padding: 0 0.1rem;
  margin-top: 0.16rem;
  text-align: left;
}

.form-wrap .panel-default.on {
  display: block;
}

.form-wrap .panel-default p {
  position: relative;
  font-size: 0.24rem;
  line-height: normal;
  color: red;
}

.form-wrap .method-select {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  width: 100%;
  padding: 0.13636rem 0.17045rem;
  margin-bottom: 0.34rem;
  background: #ec1c24;
  border-radius: 0.99034rem;
}

.form-wrap .method-select .select-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  overflow: hidden;
}

.form-wrap .method-select .select-wrap .method-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex: 1 1 0%;
  height: 0.85rem;
  padding: 0 0.25rem;
  font-size: 0.24rem;
  font-weight: 700;
  line-height: normal;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}

.form-wrap .method-select .select-wrap .method-toggle.on {
  color: #ec1c24;
  background: #fff;
  border-radius: 0.85227rem;
}

.form-wrap .method-select .select-wrap .method-icon {
  width: 0.4rem;
  height: 0.4rem;
}

.form-wrap .recover-password {
  margin-top: 0.34rem;
  margin-bottom: 0;
}

.form-wrap .btn-group {
  width: 100%;
  margin-top: 0.25rem;
}

.form-wrap .submit-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 0.85rem;
  font-size: 0.3rem;
  font-weight: 700;
  line-height: normal;
  color: var(--btn-text);
  text-align: center;
  text-transform: uppercase;
  background: var(--btn-bg);
  border: none;
  border-radius: 0.18rem;
}

.form-wrap .submit-btn:disabled {
  opacity: 0.5;
}

.form-wrap .outter-form .fixed-list,
.form-wrap .outter-form .form-group {
  position: relative;
  z-index: 1;
}

.form-wrap .outter-form .get-code {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  right: 0.1rem;
  width: 0.9rem;
  height: 0.45rem;
  font-size: 0.2rem;
  font-weight: 600;
  line-height: normal;
  color: var(--btn-text);
  text-align: center;
  background: var(--btn-bg);
  border: none;
  border-radius: 1rem;
  transform: translateY(-50%);
}

.form-wrap .outter-form .form-label {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 0.16rem;
  font-size: 0.24rem;
  line-height: normal;
  color: #fff;
}

.form-wrap .outter-form .input-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.68rem;
  height: 0.68rem;
  color: var(--text-primary);
  transform: translateY(-50%);
}

.form-wrap .outter-form .input-icon .am-icon,
.form-wrap .outter-form .input-icon img {
  display: block;
  width: 100%;
  height: 100%;
}

.form-wrap .outter-form input {
  width: 100%;
  height: 0.68rem;
  padding: 0 0.3rem 0 0.68rem;
  font-size: 0.24rem;
  font-weight: 400;
  line-height: normal;
  color: var(--input-text);
  background: var(--input-bg);
  border: none;
  border-radius: 0.13636rem;
  box-shadow: 0 0 0.08361rem 0 rgba(237, 50, 55, 0.3);
}

.form-wrap .outter-form input::-webkit-input-placeholder {
  color: var(--input-placeholder);
}

.form-wrap .outter-form input::placeholder {
  color: var(--input-placeholder);
}

.form-wrap .outter-form .input-placeholder {
  position: absolute;
  top: 0.42rem;
  left: 0.32rem;
  font-size: 0.24rem;
  font-weight: 400;
  line-height: 0.29rem;
  color: rgba(0, 0, 0, 0.5);
  transform-origin: 0 0;
  transition: 0.15s ease-in-out;
  will-change: transform;
}

.form-wrap .outter-form .form-group.form_error .panel-default {
  display: block;
}

.form-wrap .outter-form .clear-field,
.form-wrap .outter-form .right-icon {
  position: absolute;
  top: 50%;
  right: 0.1rem;
  margin-left: 0.2rem;
  color: var(--text-primary);
  transform: translateY(-50%);
}

.form-wrap .outter-form .clear-field .am-icon,
.form-wrap .outter-form .right-icon .am-icon {
  display: block;
  width: 0.4rem;
  height: 0.4rem;
}

.form-wrap .outter-form .captcha-pic {
  position: absolute;
  top: 50%;
  right: 0.1rem;
  width: auto;
  height: 0.6rem;
  transform: translateY(-50%);
}

.form-wrap .outter-form .refresh-captcha {
  position: absolute;
  top: 50%;
  right: 0.3rem;
  width: 0.3rem;
  height: 0.3rem;
  margin-top: -0.15rem;
}

.form-wrap .outter-form .refresh-captcha.loading {
  animation: rotate-full 0.3s linear infinite;
}

.form-wrap .label-phone-code {
  position: absolute;
  top: 0.62rem;
  left: 1.6rem;
  font-size: 0.24rem;
  font-weight: 400;
  line-height: 0.29rem;
  color: #000;
}

.form-wrap .remember-password {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.12rem;
  font-size: 0.21923rem;
  line-height: normal;
  color: #71b394;
}

.form-wrap .remember-password .no-code {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.form-wrap .btn-service {
  font-size: 0.21923rem;
  line-height: 0.26rem;
  color: #f9fd4e;
  text-align: center;
}

.form-wrap .form-checkbox-wrap {
  display: flex;
  flex-direction: column;
  gap: 0.05rem;
  align-items: center;
  margin-top: 0.25rem;
  font-size: 0.23864rem;
  font-style: normal;
  font-weight: 500;
  color: #000;
}

.form-wrap .form-checkbox-wrap .forget-password {
  color: var(--text-brand-500);
}

.form-wrap .form-checkbox-wrap .remember-tips {
  font-size: 0.20455rem;
  font-weight: 500;
  line-height: 131%;
  color: red;
  text-align: center;
}

.form-wrap .input-required {
  position: absolute;
  top: 50%;
  left: 0.62rem;
  z-index: 10;
  width: 0.11rem;
  height: 0.26rem;
  font-size: 0.24rem;
  line-height: normal;
  color: #ea4e3d;
  transform: translateY(-50%);
}

.country-code-input {
  position: absolute;
  top: 0;
  left: 0;
  justify-content: flex-start;
  width: 1.83rem;
  height: 100%;
  padding: 0 0.2rem;
  font-size: 0.28rem;
  color: var(--text-primary);
  background: #fff;
  border-radius: 0.13636rem;
  box-shadow: 0 0 0.08352rem 0 #8ac5da;
}

.country-code-input img {
  order: 1;
  width: 0.32rem;
  height: 0.32rem;
}

.country-code-input .country-code {
  order: 2;
  min-width: 0.5rem;
  margin: 0 0.15rem;
  font-size: 0.24rem !important;
  line-height: normal;
  text-align: center;
}

.country-code-input i {
  top: 0.05rem;
  order: 3;
  border-top: 0.08rem solid var(--text-primary);
}

.country-code-input ~ input.form-mobileNum {
  width: calc(100% - 2.03rem);
  height: 0.68rem;
  padding: 0 0.3rem;
  margin-left: auto;
}

.country-code-input ~ input.form-mobileNum + .input-icon {
  left: 1.9rem;
  display: none;
}

.country-code-input ~ input.form-mobileNum ~ .input-placeholder {
  left: 1.6rem;
  font-size: 0.2rem;
  line-height: 0.24rem;
  transform: translateY(-0.18rem);
}

.country-code-input ~ input.form-mobileNum ~ .label-phone-code {
  display: block;
}

.social-media-login {
  width: 100%;
  margin-top: 0.34rem;
  text-align: center;
}

.social-media-login .tips {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  gap: 0.2rem;
  width: 100%;
}

.social-media-login .tips span {
  font-size: 0.24rem;
  font-weight: 400;
  color: var(--text-primary);
  text-transform: capitalize;
}

.social-media-login .tips:after,
.social-media-login .tips:before {
  width: 0.8rem;
  height: 0.02rem;
  content: "";
  background: #e4eaff;
}

.social-media-login .item-group {
  margin-top: 0.12rem;
}

.social-media-login .item,
.social-media-login .item-group {
  display: flex;
  align-items: center;
  justify-content: center;
}

.social-media-login .item + .item {
  margin-left: 0.3rem;
}

.social-media-login .item .am-icon,
.social-media-login .item img {
  display: block;
  width: 0.7rem;
  height: 0.7rem;
  object-fit: contain;
}

.game-select-wrap {
  position: relative;
  flex-shrink: 0;
}

.game-select-wrap .game-search-box {
  position: relative;
  width: 100%;
  padding: 0 0.2rem;
  margin-bottom: 0.1rem;
}

.game-select-wrap .game-search-box .search-input {
  width: 100%;
  height: 0.8rem;
  padding: 0 0.28rem 0 0.82rem;
  font-size: 0.24rem;
  font-weight: 500;
  line-height: normal;
  color: #fff;
  background: #750000;
  border: none;
  border-radius: 0.24rem;
}

.game-select-wrap .game-search-box .search-input::-webkit-input-placeholder {
  color: hsla(0, 0%, 100%, 0.3);
}

.game-select-wrap .game-search-box .search-input::placeholder {
  color: hsla(0, 0%, 100%, 0.3);
}

.game-select-wrap .game-search-box .search-icon {
  position: absolute;
  top: 0.27rem;
  left: 0.58rem;
  width: 0.26rem;
  height: 0.26rem;
  opacity: 0.5;
}

.game-select-wrap .close-select {
  position: absolute;
  top: 0.23rem;
  right: 0.18rem;
  z-index: 2;
  width: 0.2rem;
  height: 0.2rem;
}

.game-select-wrap .game-selected,
.game-select-wrap .selected-name {
  display: flex;
  align-items: center;
}

.game-select-wrap .selected-icon {
  width: 0.28rem;
  height: 0.28rem;
  margin-right: 0.1rem;
}

.game-select-wrap .simple-select {
  width: 100%;
  height: 100%;
}

.game-select-wrap .simple-select .select-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  font-size: 0.22rem;
  font-weight: 700;
  line-height: normal;
  color: #363636;
}

.game-select-wrap .simple-select .option-wrap {
  top: calc(100% + 0.1rem);
  left: 0;
  width: 100%;
  max-height: 4rem;
  overflow: hidden auto;
  overscroll-behavior: none;
  background: #eee;
  border-radius: 0.1rem;
}

.game-select-wrap .simple-select .option-wrap::-webkit-scrollbar {
  width: 0.04rem;
  border-radius: 0.2rem;
}

.game-select-wrap .simple-select .option-wrap::-webkit-scrollbar-thumb {
  min-height: 0.5rem;
  background: #f09d00;
  border-radius: 0.2rem;
}

.game-select-wrap .simple-select .option-wrap::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 0.2rem;
}

.game-select-wrap .simple-select .option-bg {
  display: flex;
  flex-direction: column;
  gap: 0.08rem;
  width: 100%;
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  padding: 0;
  margin: 0;
  vertical-align: baseline;
  border: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

html body {
  -webkit-overflow-scrolling: touch;
}

html body,
html body button,
html body input,
html body optgroup,
html body select,
html body textarea {
  font-family:
    Roboto,
    SF Pro Text,
    SF Pro Icons,
    Helvetica Neue,
    Helvetica,
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    PingFang SC,
    Hiragino Sans GB,
    Microsoft YaHei,
    Arial,
    sans-serif;
}

html body input::-webkit-input-placeholder {
  font-family:
    Roboto,
    SF Pro Text,
    SF Pro Icons,
    Helvetica Neue,
    Helvetica,
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    PingFang SC,
    Hiragino Sans GB,
    Microsoft YaHei,
    Arial,
    sans-serif;
}

html body input:-moz-placeholder,
html body input::-moz-placeholder {
  font-family:
    Roboto,
    SF Pro Text,
    SF Pro Icons,
    Helvetica Neue,
    Helvetica,
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    PingFang SC,
    Hiragino Sans GB,
    Microsoft YaHei,
    Arial,
    sans-serif;
}

html body input:-ms-input-placeholder {
  font-family:
    Roboto,
    SF Pro Text,
    SF Pro Icons,
    Helvetica Neue,
    Helvetica,
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    PingFang SC,
    Hiragino Sans GB,
    Microsoft YaHei,
    Arial,
    sans-serif;
}

body,
html {
  width: 100%;
  height: 100%;
}

body.overflow-hidden,
html.overflow-hidden {
  overflow: hidden;
}

body .color-highlight,
html .color-highlight {
  color: var(--text-brand);
}

html[data-contain="1"] {
  width: var(--body-max-width);
  margin: 0 auto;
  font-size: calc(var(--body-max-width) / 7.5) !important;
  background: #e3e3e3;
}

html[data-contain="1"] ::-webkit-scrollbar {
  width: 0.06rem;
  height: 0.06rem;
}

html[data-contain="1"] ::-webkit-scrollbar-track {
  background: transparent;
}

html[data-contain="1"] ::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 0.03rem;
}

html[data-contain="1"] ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.3);
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

.pointer {
  cursor: pointer;
}

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

#mc-animate-container {
  transition:
    transform 0.3s,
    opacity 0.8s;
}

.outter-app {
  background: var(--main-bg);
}

.am-toast.am-toast-mask {
  z-index: 100000000000;
}

.number-shell {
  font-family:
    SF Pro Display,
    SF Pro Icons,
    AOS Icons,
    Helvetica Neue For Number,
    Roboto Mono,
    PingFang SC,
    Arial,
    sans-serif;
}

.monospace-shell {
  font-family:
    Helvetica Neue,
    Roboto Mono,
    Avenir,
    sans-serif;
}

.hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

._container_box {
  width: 100%;
  max-width: 530px;
  margin: 0 auto;
  height: 100%;
}

._container_box .lazy-load-image-background {
  width: 100%;
}

._container_box .img-loading {
  display: block;
  width: 100%;
}

._container_box .go-to-btn {
  background: var(--btn-bg);
  color: var(--btn-text);
  margin: 0.1rem auto;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.avoid-footer {
  padding-bottom: var(--footer-height);
}

.app-main {
  position: relative;
  min-height: calc(100 * var(--vh, 1vh));
  color: var(--text-primary);
  background: var(--main-bg);
}

.common-popup-wrap.popup-standard .common-popup-content {
  width: 6.78rem;
}

.common-popup-wrap.popup-standard .popup-standard-bg {
  overflow: hidden;
  background: #fff;
  border: 1.705px solid #b1cdd8;
  border-radius: 0.17045rem;
}

.common-popup-wrap.popup-standard .popup-standard-header {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 0.85rem;
  padding: 0.18rem 0.1rem;
  font-size: 0.34rem;
  font-weight: 800;
  line-height: normal;
  color: var(--text-inverse);
  text-align: center;
  text-transform: uppercase;
  background: var(--bg-brand);
}

.common-popup-wrap.popup-standard .popup-standard-header .logo-white {
  display: block;
  height: 0.92rem;
}

.common-popup-wrap.popup-standard .official-partner {
  display: flex;
  justify-content: center;
  padding: 0.5rem 0;
}

.common-popup-wrap.popup-standard .official-partner .partner-img {
  display: block;
  height: 0.65rem;
}

.common-popup-wrap.popup-standard .popup-close {
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0.17rem;
  right: 0.17rem;
  width: 0.24rem;
  height: 0.24rem;
}

.common-popup-wrap.popup-standard .popup-close .am-icon {
  stroke: #fff;
}

.pagination-container.common-pagination {
  --pagination-item-width: 0.4rem;
  --pagination-item-height: 0.4rem;
  --pagination-item-default-background: #fff;
  --pagination-item-active-background: #ed3237;
  --pagination-item-border-radius: 0.06rem;
  --pagination-font-size: 0.18rem;
  --pagination-default-font-color: #0d0d0d;
  --pagination-active-font-color: #fff;
  --pagination-disabled-opacity: 0.6;
}

.pagination-container.common-pagination .page-nav {
  width: 0.26rem;
  height: 0.4rem;
}

.pagination-container.common-pagination .page-nav .am-icon {
  display: block;
  width: 100%;
  height: 100%;
  fill: none;
}

.checkbox-item.common-checkbox {
  --checkbox-size: 0.32rem;
  --checkbox-border-radius: 0.05rem;
  --checkbox-border: 0.02rem solid #000;
  --checkbox-checked-border: 0.02rem solid #ec1c24;
  --checkbox-background-color: transparent;
  --checkbox-checked-background-color: #ec1c24;
  --checkbox-checked-icon-size: 0.2rem;
  --checkbox-checked-icon-color: #fff;
  --checkbox-label-margin: 0.1rem;
}

.download-image-modal1,
.download-image-modal2 {
  --download-image-banner1-bg: transparent;
}

.download-image-modal1 .am-modal-content,
.download-image-modal2 .am-modal-content {
  background-color: transparent;
}

.bottom-modal.a2hs.dark .a2hs-close--wrap,
.bottom-modal.a2hs.light .a2hs-close--wrap {
  top: 0.12rem;
  right: 0.12rem;
  z-index: 10;
  width: 0.4rem;
  height: 0.4rem;
  background-color: transparent;
}

.bottom-modal.a2hs.dark .a2hs-close--wrap .a2hs-close,
.bottom-modal.a2hs.light .a2hs-close--wrap .a2hs-close {
  fill: #fff;
}

.bottom-modal.a2hs.dark .bottom-modal--content,
.bottom-modal.a2hs.light .bottom-modal--content {
  bottom: -0.17rem;
  left: 0.34rem;
  width: 6.78rem;
  min-height: 4.2rem;
  padding: 0;
}

.bottom-modal.a2hs.dark .bottom-modal--content .bottom-modal--content-main,
.bottom-modal.a2hs.light .bottom-modal--content .bottom-modal--content-main {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  border-bottom: none;
}

.bottom-modal.a2hs.dark
  .bottom-modal--content
  .bottom-modal--content-main
  .bottom-modal--desc,
.bottom-modal.a2hs.light
  .bottom-modal--content
  .bottom-modal--content-main
  .bottom-modal--desc {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 0.85rem;
  font-size: 0.34rem;
  font-weight: 800;
  line-height: 131%;
  color: var(--text-inverse);
  text-align: center;
  text-transform: uppercase;
  background: var(--bg-brand);
  border-radius: 0.17rem 0.17rem 0 0;
}

.bottom-modal.a2hs.dark
  .bottom-modal--content
  .bottom-modal--content-main
  .bottom-modal--icon,
.bottom-modal.a2hs.light
  .bottom-modal--content
  .bottom-modal--content-main
  .bottom-modal--icon {
  position: absolute;
  top: 1.24rem;
  left: 0.45rem;
  width: 1.7rem;
  height: auto;
  border: 0.04946rem solid #e3e3e3;
}

.bottom-modal.a2hs.dark .bottom-modal--content .bottom-modal--footer,
.bottom-modal.a2hs.light .bottom-modal--content .bottom-modal--footer {
  height: 100%;
}

.bottom-modal.a2hs.dark .bottom-modal--content .bottom-btn-group,
.bottom-modal.a2hs.light .bottom-modal--content .bottom-btn-group {
  position: absolute;
  bottom: 0.34rem;
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
}

.bottom-modal.a2hs.dark
  .bottom-modal--content
  .bottom-btn-group
  .bottom-btn-tips,
.bottom-modal.a2hs.light
  .bottom-modal--content
  .bottom-btn-group
  .bottom-btn-tips {
  display: none;
}

.bottom-modal.a2hs.dark
  .bottom-modal--content
  .bottom-btn-group
  .bottom-btn--primary,
.bottom-modal.a2hs.dark
  .bottom-modal--content
  .bottom-btn-group
  .bottom-btn--secondary,
.bottom-modal.a2hs.light
  .bottom-modal--content
  .bottom-btn-group
  .bottom-btn--primary,
.bottom-modal.a2hs.light
  .bottom-modal--content
  .bottom-btn-group
  .bottom-btn--secondary {
  width: 3.13rem;
  height: 0.72rem;
  font-size: 0.26rem;
  font-weight: 800;
  line-height: 131%;
  color: var(--btn-text);
  text-transform: uppercase;
  background: var(--btn-bg);
  border: none;
  border-radius: 1rem;
}

.bottom-modal.a2hs.dark
  .bottom-modal--content
  .bottom-btn-group
  .bottom-btn--primary
  .bottom-btn-icon,
.bottom-modal.a2hs.dark
  .bottom-modal--content
  .bottom-btn-group
  .bottom-btn--secondary
  .bottom-btn-icon,
.bottom-modal.a2hs.light
  .bottom-modal--content
  .bottom-btn-group
  .bottom-btn--primary
  .bottom-btn-icon,
.bottom-modal.a2hs.light
  .bottom-modal--content
  .bottom-btn-group
  .bottom-btn--secondary
  .bottom-btn-icon {
  width: 0.5rem;
  height: 0.5rem;
}

.bottom-modal.a2hs.dark .bottom-modal--content .continue-use,
.bottom-modal.a2hs.light .bottom-modal--content .continue-use {
  position: absolute;
  top: 1.9rem;
  right: 0;
  width: calc(100% - 2.1rem);
  font-size: 0.25568rem;
  font-weight: 900;
  line-height: normal;
  color: #888;
  text-align: center;
  text-transform: uppercase;
  text-decoration: underline;
}

._container_box .download-bar {
  z-index: 55 !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: var(--download-bar-height) !important;
  padding: 0 0 0 1.24rem;
  color: var(--text-primary);
  background: var(--download-bar-bg);
}

._container_box .download-bar .download-bar-icon {
  top: 0.1rem;
  left: 0.2rem;
  width: 0.8rem;
  height: 0.8rem;
  background-color: transparent;
  border-radius: 0.06rem;
}

._container_box .download-bar .download-bar-icon img {
  display: block;
  width: 100%;
  height: 100%;
}

._container_box .download-bar .download-bar-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  right: 0.8rem;
  min-width: 1.8rem;
  height: 0.64rem;
  padding: 0 0.1rem;
  font-size: 0.28rem;
  line-height: 0.64rem;
  background: #ee3945;
  border-radius: 0.06rem;
  transform: translateY(-50%);
}

._container_box .download-bar .download-bar-close {
  top: 0.35rem;
  right: 0.2rem;
  width: 0.3rem;
  height: 0.3rem;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIzXzU4MTcpIj4KPHBhdGggZD0iTTAuNjI2ODU5IDAuNjU0MTg5QzEuMDI4MzYgMC4yNTI0NjYgMS41NzI4MyAwLjAyNjc4OTYgMi4xNDA1NSAwLjAyNjc4OTZDMi43MDgyNyAwLjAyNjc4OTYgMy4yNTI3NSAwLjI1MjQ2NiAzLjY1NDI1IDAuNjU0MTg5TDE0Ljk4NjYgMTEuOTk2M0wyNi4zMTkgMC42NTQxODlDMjYuNTE2NSAwLjQ0OTUyNSAyNi43NTI3IDAuMjg2Mjc3IDI3LjAxMzkgMC4xNzM5NzJDMjcuMjc1MiAwLjA2MTY2NjggMjcuNTU2MSAwLjAwMjU1MzM3IDI3Ljg0MDQgOC4wOTA4ZS0wNUMyOC4xMjQ3IC0wLjAwMjM5MTU2IDI4LjQwNjYgMC4wNTE4MjU5IDI4LjY2OTcgMC4xNTk1NzFDMjguOTMyOCAwLjI2NzMxNSAyOS4xNzE5IDAuNDI2NDI5IDI5LjM3MjkgMC42Mjc2MjhDMjkuNTczOSAwLjgyODgyNyAyOS43MzI5IDEuMDY4MDggMjkuODQwNiAxLjMzMTQzQzI5Ljk0ODIgMS41OTQ3OCAzMC4wMDI0IDEuODc2OTUgMjkuOTk5OSAyLjE2MTQ4QzI5Ljk5NzQgMi40NDYgMjkuOTM4NCAyLjcyNzE5IDI5LjgyNjIgMi45ODg2M0MyOS43MTQgMy4yNTAwNiAyOS41NTA5IDMuNDg2NTIgMjkuMzQ2NCAzLjY4NDE5TDE4LjAxNCAxNS4wMjYzTDI5LjM0NjQgMjYuMzY4NUMyOS43MzY0IDI2Ljc3MjYgMjkuOTUyMiAyNy4zMTM5IDI5Ljk0NzMgMjcuODc1OEMyOS45NDI0IDI4LjQzNzYgMjkuNzE3MyAyOC45NzUxIDI5LjMyMDMgMjkuMzcyNEMyOC45MjMzIDI5Ljc2OTcgMjguMzg2MyAyOS45OTUgMjcuODI1IDI5Ljk5OTlDMjcuMjYzNiAzMC4wMDQ4IDI2LjcyMjggMjkuNzg4OCAyNi4zMTkgMjkuMzk4NUwxNC45ODY2IDE4LjA1NjNMMy42NTQyNSAyOS4zOTg1QzMuMjUwNDUgMjkuNzg4OCAyLjcwOTYyIDMwLjAwNDggMi4xNDgyNiAyOS45OTk5QzEuNTg2ODkgMjkuOTk1IDEuMDQ5OSAyOS43Njk3IDAuNjUyOTM5IDI5LjM3MjRDMC4yNTU5NzkgMjguOTc1MSAwLjAzMDgxMDMgMjguNDM3NiAwLjAyNTkzMjIgMjcuODc1OEMwLjAyMTA1NDEgMjcuMzEzOSAwLjIzNjg1NyAyNi43NzI2IDAuNjI2ODU5IDI2LjM2ODVMMTEuOTU5MiAxNS4wMjYzTDAuNjI2ODU5IDMuNjg0MTlDMC4yMjU0ODIgMy4yODIzNCAwIDIuNzM3NCAwIDIuMTY5MTlDMCAxLjYwMDk4IDAuMjI1NDgyIDEuMDU2MDMgMC42MjY4NTkgMC42NTQxODlaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzIzXzU4MTciPgo8cmVjdCB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==)
    no-repeat 50% / cover;
}

._container_box .download-bar .download-bar-close .am-icon {
  display: none;
  width: 100%;
  height: 100%;
}

._container_box .download-bar .app-full-name-wrap {
  max-width: min(42vw, 222.6px);
  height: auto;
  margin-bottom: 0.08rem;
  font-size: 0.28rem;
  font-weight: 700;
  line-height: normal;
  color: #eff6ff;
}

._container_box .download-bar .app-star-grade {
  align-items: center;
  height: auto;
  margin: 0;
}

._container_box .download-bar .app-star-grade .grade-text {
  display: none;
}

._container_box .download-bar .app-star-grade .star-icon {
  width: 0.24rem;
  height: 0.24rem;
  margin-right: 0.08rem;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIzLjkzNjYgOS4xMTYwMkMyMy44NjEzIDguODkzOCAyMy43MjI1IDguNjk4NTQgMjMuNTM3NCA4LjU1NDM4QzIzLjM1MjIgOC40MTAyMiAyMy4xMjg5IDguMzIzNDkgMjIuODk1IDguMzA0OTNMMTYuMDUzNyA3Ljc2MTRMMTMuMDkzMyAxLjIwOTA3QzEyLjk5OSAwLjk5ODAzIDEyLjg0NTcgMC44MTg3ODUgMTIuNjUxOCAwLjY5Mjk2NUMxMi40NTc4IDAuNTY3MTQ1IDEyLjIzMTcgMC41MDAxMjcgMTIuMDAwNSAwLjVDMTEuNzY5MyAwLjQ5OTg3MyAxMS41NDMxIDAuNTY2NjQzIDExLjM0OSAwLjY5MjI1QzExLjE1NSAwLjgxNzg1NyAxMS4wMDE0IDAuOTk2OTM0IDEwLjkwNjkgMS4yMDc4N0w3Ljk0NjQ4IDcuNzYxNEwxLjEwNTI0IDguMzA0OTNDMC44NzUzODMgOC4zMjMxMyAwLjY1NTY0MSA4LjQwNzE3IDAuNDcyMyA4LjU0Njk3QzAuMjg4OTYgOC42ODY3OCAwLjE0OTc4NCA4Ljg3NjQ0IDAuMDcxNDIzNyA5LjA5MzI2Qy0wLjAwNjkzNjUgOS4zMTAwOCAtMC4wMjExNjMzIDkuNTQ0ODggMC4wMzA0NDU2IDkuNzY5NThDMC4wODIwNTQ1IDkuOTk0MjcgMC4xOTczMTQgMTAuMTk5MyAwLjM2MjQzNCAxMC4zNjAzTDUuNDE4MDYgMTUuMjg4TDMuNjMwMDUgMjMuMDI5NEMzLjU3NTc2IDIzLjI2MzcgMy41OTMxNiAyMy41MDg5IDMuNjggMjMuNzMzM0MzLjc2NjgzIDIzLjk1NzYgMy45MTkwOSAyNC4xNTA2IDQuMTE3MDIgMjQuMjg3M0M0LjMxNDk0IDI0LjQyNDEgNC41NDk0IDI0LjQ5ODEgNC43ODk5NiAyNC41QzUuMDMwNTIgMjQuNTAxOCA1LjI2NjA4IDI0LjQzMTMgNS40NjYwNiAyNC4yOTc2TDEyLjAwMDEgMTkuOTQyMkwxOC41MzQxIDI0LjI5NzZDMTguNzM4NSAyNC40MzMzIDE4Ljk3OTYgMjQuNTAzMiAxOS4yMjQ5IDI0LjQ5NzhDMTkuNDcwMiAyNC40OTI0IDE5LjcwOCAyNC40MTIgMTkuOTA2MiAyNC4yNjc1QzIwLjEwNDUgMjQuMTIzIDIwLjI1MzcgMjMuOTIxMiAyMC4zMzM5IDIzLjY4OTRDMjAuNDE0IDIzLjQ1NzUgMjAuNDIxMiAyMy4yMDY3IDIwLjM1NDUgMjIuOTcwNkwxOC4xNTk3IDE1LjI5MTZMMjMuNjAzIDEwLjM5MzhDMjMuOTU5NCAxMC4wNzIzIDI0LjA5MDIgOS41NzA3NiAyMy45MzY2IDkuMTE2MDJaIiBmaWxsPSIjRkZERjFBIi8+Cjwvc3ZnPgo=)
    no-repeat 50% / cover;
}

._container_box .app-win {
  display: none;
}