/*! 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;
}

.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);
  }
}

.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;
}

.invite-friends-link-pop {
  border-radius: 0.08rem;
  background-image: linear-gradient(180deg, #f3f7fb 0, #e0e9f1);
  min-height: 2.3rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.4rem 0.3rem 0.24rem;
}

.invite-friends-link-pop .link-top-title {
  font-size: 0.34rem;
  font-weight: 600;
  color: #3b2987;
  display: flex;
}

.invite-friends-link-pop .link-top-title .share {
  margin-left: 0.2rem;
}

.invite-friends-link-pop .link-top-title .share svg {
  width: 0.2rem;
  height: 0.2rem;
}

.invite-friends-link-pop .link-subtitle {
  font-size: 0.2rem;
  font-weight: 600;
  color: #666;
  margin-top: 0.25rem;
}

.invite-friends-link-pop .invite-get-link {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.08rem;
  background-color: #fff;
  height: 0.4rem;
  margin-top: 0.1rem;
}

.invite-friends-link-pop .invite-get-link .link-url {
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1 1 0%;
  font-size: 0.2rem;
  font-weight: 600;
  padding: 0 0.2rem;
}

.invite-friends-link-pop .copy-container {
  font-size: 0.24rem;
  font-weight: 600;
  color: #fff;
  margin-top: 0.4rem;
  display: flex;
  width: 100%;
}

.invite-friends-link-pop .copy-container span {
  min-width: 1.55rem;
  white-space: wrap;
  word-break: break-word;
}

.invite-friends-link-pop .copy-container .link-copy {
  padding: 0.12rem;
  border-radius: 0.08rem;
  background-color: #428dfc;
  width: 50%;
  height: 100%;
  min-height: 0.78rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0.04rem;
}

.invite-friends-link-pop .copy-container .link-copy svg {
  margin-right: 0.2rem;
  min-width: 0.3rem;
  height: 0.3rem;
}

.invite-friends-link-pop .copy-container .link-qrcode {
  margin-right: 0.2rem;
  padding: 0.12rem;
  border-radius: 0.08rem;
  background-image: linear-gradient(104deg, #6b73ff, #000dff);
  width: 50%;
  height: 100%;
  min-height: 0.78rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.invite-friends-link-pop .copy-container .link-qrcode svg {
  margin-right: 0.2rem;
  min-width: 0.3rem;
  height: 0.3rem;
}

.invite-code-modal .invite-friends-con-wrapper {
  display: flex;
  flex-direction: column;
  max-height: 80vh;
}

.invite-code-modal .invite-friends-con {
  flex: 1 1 0%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.invite-code-modal .invite-friends-con.share-hide {
  position: absolute;
  top: 0;
  z-index: -1;
}

.invite-code-modal .invite-friends-con .invite-friends-picture {
  font-size: 0;
  border-radius: 0.4rem 0.4rem 0 0;
  max-height: 3.2rem;
}

.invite-code-modal .invite-friends-con .invite-friends-picture img {
  width: 100%;
}

.invite-code-modal .invite-friends-con .invite-friends-content {
  flex: 1 1 0%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: -0.2rem;
  padding: 0.4rem 0.38rem;
  border-radius: 0.24rem;
  background-image: linear-gradient(180deg, #f3f7fb 33%, #e0e9f1);
  overflow: hidden;
}

.invite-code-modal
  .invite-friends-con
  .invite-friends-content
  .content-wrapper {
  overflow: hidden scroll;
  display: flex;
  flex-direction: column;
}

.invite-code-modal .invite-friends-con .invite-friends-content .wysiwyg {
  flex: 1 1 0%;
  padding: 0 0.1rem;
  overflow: auto;
}

.invite-code-modal
  .invite-friends-con
  .invite-friends-content
  .wysiwyg
  strong
  span {
  display: inline-block;
}

.invite-code-modal .invite-friends-con .invite-friends-content.hasContent,
.invite-code-modal .invite-friends-con .invite-friends-content.noData {
  width: 100%;
}

.invite-code-modal
  .invite-friends-con
  .invite-friends-content.hasContent
  .qrcode,
.invite-code-modal .invite-friends-con .invite-friends-content.noData .qrcode {
  margin-top: 0.4rem;
}

.invite-code-modal .close-btn {
  margin-top: 0.2rem;
}

.invite-code-modal .close-btn svg {
  width: 0.76rem;
  height: 0.76rem;
}

.invite-code-modal .share-btn-wrapper {
  width: 100%;
  padding: 0 0.38rem 0.4rem;
  margin-top: -0.4rem;
  border-radius: 0 0 0.24rem 0.24rem;
  background: #e0e9f1;
}

.invite-code-modal .share-btn-wrapper .share-btn {
  margin-top: 0.4rem;
  display: block;
  color: #fff;
  font-size: 0.3rem;
  font-weight: 600;
  padding: 0.1rem 0.8rem;
  border-radius: 0.16rem;
  background-image: linear-gradient(96deg, #6b73ff, #000dff);
}

.invite-code-modal .invite-code-modal-wrap {
  background-color: transparent;
}

.invite-code-modal:before {
  content: "";
  background-color: rgba(0, 0, 0, 0.56);
  position: fixed;
  width: 100%;
  height: 100vh;
  z-index: -1;
  left: 0;
  top: 0;
}

.invite-code-modal .am-modal-content {
  padding: 0 !important;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.invite-code-modal .am-modal-body {
  padding: 0 !important;
  overflow: hidden;
  flex: 1 1 0%;
}

.invite-code-modal .invite-code-modal-content {
  padding: 0.5rem 0.6rem;
  text-align: center;
}

.invite-code-modal .invite-code-modal-content canvas {
  display: inline-block;
  width: 3.75rem !important;
  height: 3.75rem !important;
}

.invite-code-modal .invite-code-modal-remark {
  font-size: 0.3rem;
  position: relative;
  color: #a7a7a7;
  margin-top: 0.1rem;
}

.invite-code-modal .invite-code-modal-remark img {
  width: 0.35rem;
  height: 0.33rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.invite-code-modal .invite-code-modal-remark span {
  margin-left: 0.5rem;
}

.invite-code-modal .invite-code-modal-header {
  height: 1.1rem;
  background: #f2f2f2;
  position: relative;
  color: #595959;
  font-weight: 700;
  font-size: 0.36rem;
}

.invite-code-modal .invite-code-modal-header .invite-code-modal-title {
  display: inline-block;
  text-align: center;
  position: absolute;
  top: 50%;
  width: calc(100% - 0.76rem);
  padding-right: 0.76rem;
  left: 50%;
  line-height: 1;
  transform: translate(-50%, -50%);
}

.invite-code-modal .invite-code-modal-header .invite-code-modal-title img {
  display: inline-block;
  width: 0.6rem;
  height: 0.54rem;
  position: relative;
  vertical-align: top;
  margin-right: 0.2rem;
}

.invite-code-modal .invite-code-modal-header svg {
  position: absolute;
  right: 0.3rem;
  top: 50%;
  transform: translateY(-50%);
}

.v-base .time-zone-container .time-zone-tips {
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  z-index: 999;
  padding: 0.04rem 0;
  line-height: 0.44rem;
  background: #fef0f0;
  color: #ff1212;
  border-top: 1px solid #ff1212;
  text-align: center;
  font-size: 0.24rem;
}

.v-base .time-zone-container .time-zone-tips .warn-icon {
  position: relative;
  top: 0.08rem;
  margin-right: 0.2rem;
}

.v-base .time-zone-container .list-wrapper .scroll-inner-container {
  padding-bottom: 0.6rem;
}

.v-base .time-zone-container .list-wrapper .pullup-wrapper {
  bottom: 0.7rem;
}

.v-base .time-zone-container .time-zone-space-p {
  padding-bottom: 0.8rem;
}

.v-base .time-zone-container .time-zone-space-p__small {
  padding-bottom: 0.6rem;
}

.invite-announcement-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 0.25rem;
}

.invite-announcement-wrapper.has-footer {
  padding-bottom: 1.6rem;
  padding-bottom: calc(1.6rem + (var(--safe-area-inset-bottom, 0px)));
}

.invite-announcement-wrapper .invite-banner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(100% - 0.38rem);
}

.invite-announcement-wrapper .invite-banner img {
  width: 100%;
  object-fit: contain;
}

.invite-announcement-wrapper .invite-announcement-section {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.invite-announcement-wrapper .invite-friends-link {
  margin-top: 0.2rem;
  width: calc(100% - 0.38rem);
  padding: 0.12rem 0.18rem 0.07rem;
  display: flex;
  align-items: flex-start;
  border-radius: 0.2rem;
  border: 1px solid #fff;
  background: hsla(0, 0%, 100%, 0.7);
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
}

.invite-announcement-wrapper .invite-friends-link .invite-link-wrap {
  order: -1;
  border-radius: 0.61rem;
  border: 1px solid #fff;
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  padding: 0 0.08rem 0 0.2rem;
  height: 0.48rem;
  margin-bottom: 0;
}

.invite-announcement-wrapper .invite-friends-link .invite-link-wrap .link-url {
  color: #434343;
  font-size: 0.18rem;
}

.invite-announcement-wrapper .invite-friends-link .invite-link-wrap .link-copy {
  min-width: 1.04rem;
  height: 0.38rem;
  border-radius: 0.52rem;
  background: #452e88;
  position: relative;
  font-size: 0.2rem;
  font-weight: 600;
  padding: 0 0.05rem;
}

.invite-announcement-wrapper
  .invite-friends-link
  .invite-link-wrap
  .link-copy
  span {
  display: inline-block;
}

.invite-announcement-wrapper
  .invite-friends-link
  .invite-link-wrap
  .link-copy:before {
  content: "";
  width: 0.2rem;
  height: 0.2rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAAKlBMVEUAAAD///////////////////////////////////////////////////+Gu8ovAAAADXRSTlMAYFBAEO/fMKCQcL+vMH3VFQAAAH9JREFUCNdjQAPugoLKEBZz7N27d5PATLa7QHDVAcS0vQsCBSCmZ8c2IFOAgYGlUFDIYC2YqQoUuaYFZuaCFIbEApnMYD3Xz95VYGACMy/23jVgYIQyrzHAmHOD4Ux3BxjzEsgqdjDzMojJEgtiJoDdpQZylgHEuUaCgiVofgEAxZJS6cmnBz8AAAAASUVORK5CYII=)
    50% / contain;
  margin-right: 0.05rem;
}

.invite-announcement-wrapper .invite-friends-link .share-group {
  flex: 1 1 0%;
  gap: initial;
}

.invite-announcement-wrapper .invite-friends-link .share-group .share-btn {
  width: 0.6rem;
  height: 0.44rem;
  border-radius: 0.1rem;
}

.invite-announcement-wrapper
  .invite-friends-link
  .share-group
  .share-btn:not(:last-child) {
  margin: 0 0.04rem 0.05rem;
}

.invite-announcement-wrapper .share-content-wrap {
  margin-top: 0.11rem;
}

.invite-announcement-wrapper .share-content-wrap .share-title {
  position: relative;
  display: flex;
  align-items: center;
  color: #452e88;
}

.invite-announcement-wrapper .share-content-wrap .share-title:after {
  content: "";
  flex: 0 0 0.22rem;
  width: 0.22rem;
  height: 0.22rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAAM1BMVEUAAABPMIFGL4lFLohIMIdFLohFLohFL4hEL4lFLolELodIMIdFL4hGLolEL4hEMIdFLoibEKLvAAAAEHRSTlMAEF/PIJDfv3DvgECff69AE5R7hAAAAHNJREFUGNOV0UEOwyAMRNEBbCAkbef+p20dOZUCXrR/BW9hyTJ+KkmolTngnWSOePGUtVVOLrqddPeH4ezSeG87tXLOuCx62NxFSwIkVBz0mnb9qrh1++yXIhvWly91KZ4f1QSvD38WcmCN7Ih4xGfCH70BN1gLBGSjgPkAAAAASUVORK5CYII=)
    50% / contain;
  margin-left: 0.08rem;
}

.invite-announcement-wrapper .invite-announcement-item {
  margin-top: 0.2rem;
  width: calc(100% - 0.38rem);
  border-radius: 0.3rem;
  border: 1px solid hsla(40, 95%, 78%, 0.5);
  background:
    linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff 35.28%),
    linear-gradient(0deg, #feede4, #fcd6b5 36.06%, #fff1d8 67.79%, #fdf4f3);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 0.19rem 0.3rem;
}

.invite-announcement-wrapper .invite-announcement-item .item-title {
  margin-bottom: 0.16rem;
  position: relative;
  display: flex;
  align-items: center;
}

.invite-announcement-wrapper .invite-announcement-item .item-title:after,
.invite-announcement-wrapper .invite-announcement-item .item-title:before {
  content: "";
  width: 0.4rem;
  height: 0.5rem;
}

.invite-announcement-wrapper .invite-announcement-item .item-title:before {
  background: url(/mobile/mc/promo-title-left.3ed9705e.png) 50% / contain;
}

.invite-announcement-wrapper .invite-announcement-item .item-title:after {
  background: url(/mobile/mc/promo-title-right.8087bef0.png) 50% / contain;
}

.invite-announcement-wrapper .invite-announcement-item .item-title span {
  height: 0.5rem;
  min-width: 2rem;
  max-width: calc(100% - 0.8rem);
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  color: #ce7816;
  font-size: 0.22rem;
  font-weight: 700;
  background: linear-gradient(0deg, #ffe2b0, #fff4dd);
}

.invite-announcement-wrapper .invite-announcement-item .item-title span:after,
.invite-announcement-wrapper .invite-announcement-item .item-title span:before {
  content: "";
  width: 0.24rem;
  height: 0.24rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAMFBMVEUAAAD/t0j/tkn/tUn/tUn/s0j/tUn/r1D/tkn/tkn/tUr/tUr/uEr/tUn/skn/tUlJM0L7AAAAD3RSTlMAIN9ggEDvEK+/nzBvz1Ch7gE2AAAAhUlEQVQY02MgD/AUAAnZAgjHvxFIrHeAcISANOP/dAiHFYi5/n9B6Dv///8GGLvk////yTB2/n8gUAaz+YBsENAGm6AP4UxkYGA2YGAG86YCxZnUGRhYoAYw9v8QYGCwhxgd////VwYGzv+/GOAyrP8/gg1mUgCR8xcACbBpQBAmQGYAAADXezgbqNMutQAAAABJRU5ErkJggg==)
    50% / contain;
}

.invite-announcement-wrapper .invite-announcement-item .item-content {
  width: 100%;
  font-size: 0.22rem;
  font-weight: 500;
  color: #59555d;
  word-break: break-word;
}

.invite-announcement-wrapper .invite-announcement-item .item-content img {
  max-width: 100%;
}

.invite-announcement-wrapper .invite-announcement-reward {
  display: flex;
  flex-wrap: wrap;
  gap: 0.16rem;
}

.invite-announcement-wrapper .invite-announcement-reward .reward-item {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc(25% - 0.16rem);
  display: flex;
  flex-direction: column;
  justify-content: stretch;
}

.invite-announcement-wrapper
  .invite-announcement-reward
  .reward-item.open
  .item-box {
  background: url(/mobile/mc/promo-box-open.8cab152a.png) 50% / contain;
  justify-content: center;
}

.invite-announcement-wrapper
  .invite-announcement-reward
  .reward-item.open
  .item-box
  span {
  margin-bottom: 0.2rem;
}

.invite-announcement-wrapper
  .invite-announcement-reward
  .reward-item.disable
  .item-box {
  align-self: center;
  opacity: 0.5;
}

.invite-announcement-wrapper
  .invite-announcement-reward
  .reward-item.disable
  .item-box
  span {
  margin-bottom: 0.2rem;
}

.invite-announcement-wrapper
  .invite-announcement-reward
  .reward-item.disable
  .item-info {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  background: linear-gradient(
    90deg,
    hsla(0, 0%, 90%, 0),
    #e5e5e5 50%,
    hsla(0, 0%, 90%, 0)
  );
}

.invite-announcement-wrapper .invite-announcement-reward .item-box {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 1.5rem;
  background: url(/mobile/mc/promo-box.ee56cf99.png) 50% / contain;
  position: relative;
  z-index: 0;
}

.invite-announcement-wrapper .invite-announcement-reward .item-box span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(100% - 0.2rem);
  height: 0.33rem;
  position: relative;
  color: #3b2987;
  font-size: 0.22rem;
  font-weight: 700;
  text-shadow:
    0.02rem 0 #fff,
    -1.16px 0 #fff,
    0 1.16px #fff,
    0 -1.16px #fff,
    1.16px 1.16px #fff,
    1.16px -1.16px #fff,
    -1.16px 1.16px #fff,
    -1.16px -1.16px #fff;
}

.invite-announcement-wrapper .invite-announcement-reward .item-box span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  border-radius: 0.5rem;
  background: linear-gradient(
    90deg,
    rgba(255, 226, 176, 0.3),
    rgba(255, 226, 176, 0.5) 25%,
    #ffe2b0 50%,
    rgba(255, 226, 176, 0.5) 75%,
    rgba(255, 226, 176, 0)
  );
  -webkit-backdrop-filter: blur(0.02rem);
  backdrop-filter: blur(0.02rem);
}

.invite-announcement-wrapper .invite-announcement-reward .claimed-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.1rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  padding: 0 0.1rem;
  line-height: normal;
  min-height: 0.33rem;
  border-radius: 0.48rem;
  border: 1px solid rgba(255, 210, 95, 0.75);
  background:
    linear-gradient(
      180deg,
      hsla(0, 0%, 100%, 0.4),
      rgba(255, 234, 182, 0.4) 52.5%,
      rgba(255, 210, 95, 0.4)
    ),
    #fff;
  box-shadow:
    0 0 0.15rem 0 rgba(255, 195, 42, 0.47),
    0 0 0.2rem 0 rgba(255, 195, 42, 0.22);
  color: #f17c2d;
  font-size: 0.15rem;
  font-weight: 700;
  margin-bottom: 0.2rem;
}

.invite-announcement-wrapper .invite-announcement-reward .item-info {
  flex: 1 1 0%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 0.48rem;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  background: linear-gradient(
    90deg,
    rgba(255, 234, 196, 0),
    #fef5e4 50%,
    rgba(255, 234, 196, 0)
  );
  flex-direction: column;
  text-align: center;
  color: #797979;
  font-size: 0.16rem;
  font-weight: 500;
  padding: 0.03rem 0.08rem;
}

.invite-announcement-wrapper .invite-announcement-reward .item-info .info-num {
  color: #1a1a1a;
  font-size: 0.19rem;
  font-weight: 700;
}

.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-popup-mask {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  height: 100%;
  z-index: 999;
}

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

.am-popup {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  width: min(100%, 530px);
  background-color: #fff;
  z-index: 999;
}

.am-popup-slide-down {
  top: 0;
}

.am-popup-slide-up {
  bottom: 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-tabs {
  overflow: hidden;
}

.am-tabs-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.am-tabs-bar .am-tabs-prevpage:before {
  pointer-events: none;
  position: absolute;
  top: 0;
  display: block;
  width: 1.18rem;
  height: 100%;
  content: " ";
  z-index: 999;
  left: 0;
  background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0));
}

.am-tabs-bar .am-tabs-nextpage:after {
  pointer-events: none;
  position: absolute;
  top: 0;
  display: block;
  width: 1.18rem;
  height: 100%;
  content: " ";
  z-index: 999;
  right: 0;
  background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff);
}

.am-tabs-bar .am-tabs-nav-swipe-container {
  width: 100%;
}

.am-tabs-bar .am-tabs-nav-swipe-container .am-tabs-nav-swipe {
  position: relative;
  left: 0;
}

.am-tabs-bar .am-tabs-nav-swipe-container .am-tabs-nav-swipe .am-tabs-nav {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1 1 0%;
}

.am-tabs-bar
  .am-tabs-nav-swipe-container
  .am-tabs-nav-swipe
  .am-tabs-nav
  .am-tabs-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
}

.am-tabs-bar .am-tabs-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1 1 0%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-bottom: 1px solid #ddd;
  font-size: 0.3rem;
  height: 0.87rem;
  line-height: 0.87rem;
  color: #000;
  background-color: #fff;
  box-sizing: border-box;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.am-tabs-bar .am-tabs-tab-active {
  color: #108ee9;
}

.am-tabs-bar .am-tabs-tab .am-badge .am-badge-text {
  top: -0.26rem;
  -webkit-transform: translateX(-0.1rem);
  -ms-transform: translateX(-0.1rem);
  transform: translateX(-0.1rem);
}

.am-tabs-bar .am-tabs-tab .am-badge .am-badge-dot {
  top: -0.12rem;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.am-tabs-ink-bar {
  position: absolute;
  bottom: 0;
  height: 0.04rem;
  background-color: #108ee9;
}

.am-tabs-ink-bar-animated {
  transition: -webkit-transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
  transition: transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
  transition:
    transform 0.3s cubic-bezier(0.86, 0, 0.07, 1),
    -webkit-transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
}

.am-tabs.am-tabs-bottom .am-tabs-ink-bar {
  bottom: auto;
  top: 0;
}

.am-tabs.am-tabs-bottom .am-tabs-tab {
  border-top: 1px solid #ddd;
  border-bottom: 0;
}

.am-tabs-content {
  zoom: 1;
}

.am-tabs-content .am-tabs-tabpane {
  overflow: auto;
}

.am-tabs-content-animated {
  transition: -webkit-transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
  transition: transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
  transition:
    transform 0.3s cubic-bezier(0.86, 0, 0.07, 1),
    -webkit-transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  will-change: transform;
}

.am-tabs-content-animated .am-tabs-tabpane {
  box-sizing: border-box;
  width: 100%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.am-tabs-content-no-animated .am-tabs-tabpane-inactive {
  display: none;
}

.am-tabs .am-tabs-tabpane-inactive {
  height: 0;
  overflow: visible;
}

/*!
 * Cropper.js v1.6.1
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2023-09-17T03:44:17.565Z
 */

.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.cropper-container img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: block;
  height: 100%;
  image-orientation: 0deg;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}

.cropper-canvas,
.cropper-crop-box,
.cropper-drag-box,
.cropper-modal,
.cropper-wrap-box {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.cropper-canvas,
.cropper-wrap-box {
  overflow: hidden;
}

.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}

.cropper-modal {
  background-color: #000;
  opacity: 0.5;
}

.cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
  overflow: hidden;
  width: 100%;
}

.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;
}

.cropper-dashed.dashed-h {
  border-bottom-width: 1px;
  border-top-width: 1px;
  height: 33.3333333333%;
  left: 0;
  top: 33.3333333333%;
  width: 100%;
}

.cropper-dashed.dashed-v {
  border-left-width: 1px;
  border-right-width: 1px;
  height: 100%;
  left: 33.3333333333%;
  top: 0;
  width: 33.3333333333%;
}

.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}

.cropper-center:after,
.cropper-center:before {
  background-color: #eee;
  content: " ";
  display: block;
  position: absolute;
}

.cropper-center:before {
  height: 1px;
  left: -0.03rem;
  top: 0;
  width: 0.07rem;
}

.cropper-center:after {
  height: 0.07rem;
  left: 0;
  top: -0.03rem;
  width: 1px;
}

.cropper-face,
.cropper-line,
.cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}

.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}

.cropper-line {
  background-color: #39f;
}

.cropper-line.line-e {
  cursor: ew-resize;
  right: -0.03rem;
  top: 0;
  width: 0.05rem;
}

.cropper-line.line-n {
  cursor: ns-resize;
  height: 0.05rem;
  left: 0;
  top: -0.03rem;
}

.cropper-line.line-w {
  cursor: ew-resize;
  left: -0.03rem;
  top: 0;
  width: 0.05rem;
}

.cropper-line.line-s {
  bottom: -0.03rem;
  cursor: ns-resize;
  height: 0.05rem;
  left: 0;
}

.cropper-point {
  background-color: #39f;
  height: 0.05rem;
  opacity: 0.75;
  width: 0.05rem;
}

.cropper-point.point-e {
  cursor: ew-resize;
  margin-top: -0.03rem;
  right: -0.03rem;
  top: 50%;
}

.cropper-point.point-n {
  cursor: ns-resize;
  left: 50%;
  margin-left: -0.03rem;
  top: -0.03rem;
}

.cropper-point.point-w {
  cursor: ew-resize;
  left: -0.03rem;
  margin-top: -0.03rem;
  top: 50%;
}

.cropper-point.point-s {
  bottom: -0.03rem;
  cursor: s-resize;
  left: 50%;
  margin-left: -0.03rem;
}

.cropper-point.point-ne {
  cursor: nesw-resize;
  right: -0.03rem;
  top: -0.03rem;
}

.cropper-point.point-nw {
  cursor: nwse-resize;
  left: -0.03rem;
  top: -0.03rem;
}

.cropper-point.point-sw {
  bottom: -0.03rem;
  cursor: nesw-resize;
  left: -0.03rem;
}

.cropper-point.point-se {
  bottom: -0.03rem;
  cursor: nwse-resize;
  height: 0.2rem;
  opacity: 1;
  right: -0.03rem;
  width: 0.2rem;
}

@media (min-width: 768px) {
  .cropper-point.point-se {
    height: 0.15rem;
    width: 0.15rem;
  }
}

@media (min-width: 992px) {
  .cropper-point.point-se {
    height: 0.1rem;
    width: 0.1rem;
  }
}

@media (min-width: 1200px) {
  .cropper-point.point-se {
    height: 0.05rem;
    opacity: 0.75;
    width: 0.05rem;
  }
}

.cropper-point.point-se:before {
  background-color: #39f;
  bottom: -50%;
  content: " ";
  display: block;
  height: 200%;
  opacity: 0;
  position: absolute;
  right: -50%;
  width: 200%;
}

.cropper-invisible {
  opacity: 0;
}

.cropper-bg {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
}

.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}

.cropper-hidden {
  display: none !important;
}

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}

.v-base .profile-icon,
.v-base .profile-icon img {
  width: 100%;
  height: 100%;
}

.profile-swiper-container .react-swipe-container > div > div {
  text-align: left;
  column-gap: 0.1rem;
}

.profile-swiper-container {
  width: 6.29rem !important;
}

.profile-swiper-container .am-modal-title {
  text-align: center !important;
  font-size: 0;
}

.profile-swiper-container.am-modal-android .mc-profile-item {
  margin: 0.05rem 0.09rem !important;
}

.profile-swiper-container .am-modal-footer {
  padding: 0 0.4rem 0.4rem;
}

.profile-swiper-container .am-modal-footer .am-modal-button-group-normal {
  padding: 0 !important;
}

.profile-swiper-container .am-modal-footer .am-modal-button {
  width: 100%;
  height: 0.8rem;
  line-height: 0.8rem;
}

.profile-swiper-container .am-modal-content {
  padding-top: 0 !important;
  background: #fff !important;
}

.profile-swiper-container .am-modal-body,
.profile-swiper-container .am-modal-header {
  background: #fff !important;
}

.profile-swiper-container .am-modal-body {
  padding-top: 0.1rem;
  padding-top: 0.3rem !important;
  text-align: center !important;
  background: url(/mobile/mc/icon_modal.a093c1c9.png) no-repeat !important;
  background-position: 50%;
  border-bottom-left-radius: 0.14rem;
  border-bottom-right-radius: 0.14rem;
}

.profile-swiper-container .am-modal-button {
  border-radius: 0.5rem;
  color: #fff !important;
  background-color: #ec2529;
  font-size: 0.33rem;
  border-top: none !important;
}

.profile-swiper-container .am-modal-header {
  position: relative;
  display: none !important;
  top: 0.02rem;
  border-top-left-radius: 0.14rem;
  border-top-right-radius: 0.14rem;
  font-weight: 700;
  padding-top: 0.16rem;
}

.mc-profile-item {
  width: 1.15rem;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  border-radius: 50%;
  position: relative;
  height: 1.15rem;
  margin: 0.05rem 0.12rem;
}

.mc-profile-item div {
  text-align: center;
}

.mc-profile-item img {
  position: absolute;
  border: 0.06rem solid #fff;
  left: 50%;
  border-radius: 50%;
  width: 1.15rem;
  height: 1.15rem;
  top: 50%;
  transform: translate(-50%, -50%);
}

.profile-swiper-drop-header {
  width: 100%;
  height: 0.26rem;
  position: relative;
}

.close-modal {
  width: 0.26rem;
  height: 0.26rem;
  position: absolute;
  right: 0;
  top: 0;
  background: url(/mobile/mc/close.2b4bb3a2.png);
  background-size: 100% auto;
}

.mc-profile-swiper-nav {
  text-align: center;
}

.mc-profile-swiper-nav .mc-profile-swiper-nav-text {
  position: relative;
  top: -0.12rem;
  color: #0d0d0d;
  font-size: 0.3rem;
  margin: 0 0.2rem;
}

.mc-profile-swiper-nav svg {
  width: 0.64rem;
  height: 0.64rem;
  fill: #0d0d0d;
}

.mc-profile-swiper-nav svg.dis {
  fill: #d4d4d4;
}

.mc-profile-swiper-nav span {
  display: inline-block;
  position: relative;
  top: 0.1rem;
}

.cropper-view-box {
  border-radius: 50%;
}

.crop-thumb-container {
  position: fixed;
  height: 100vh;
  width: 100%;
  z-index: 100011;
  left: 0;
  top: 0;
  background: #000;
}

.crop-thumb-container .cropper-bg {
  background: none !important;
}

.crop-thumb-container .cropper-hidden {
  display: none !important;
}

.default-thumb {
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  border: 0.06rem solid #fff;
}

.profile-swiper-drop {
  width: 1.6rem;
  height: 1.6rem;
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.default-change {
  width: 1.6rem;
  height: 1.6rem;
  position: absolute;
  top: 0;
  opacity: 0;
}

.crop-thumb-footer {
  position: fixed;
  height: 0.7rem;
  font-size: 0;
  bottom: 0;
  width: 100%;
}

.crop-thumb-footer span {
  display: inline-block;
  width: 50%;
  font-size: 0.28rem;
  text-align: center;
  color: #fff;
  margin-top: 0.16rem;
}

.crop-thumb-footer .crop-thumb-scale {
  color: #fff;
  position: absolute;
  width: 100%;
  top: -0.5rem;
}

.crop-thumb-footer .crop-thumb-scale div {
  display: inline-block;
  font-size: 0.3rem;
  width: 50%;
  height: 0.5rem;
}

.crop-thumb-footer .crop-thumb-scale div:first-child {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAMVJREFUaEPtksERAjEMA60fpdAGpVAZrdAFrfAzQwU6RnhChr2vzkq8G9Xmnza/f7HAaoMYwEBIgCcUAozHMRAjDAswEAKMxzEQIwwLMBACjMcxECMMCzAQAozH/8NAd5+q6hrj+qzgJunpRg4Z6O5HVZ1d2Zfzu6SL6/zlBUqSvZ/94U1g+yfkNK7MDxlYeUF3Ngs4QtM5BqYJu34MOELTOQamCbt+DDhC0zkGpgm7fgw4QtM5BqYJu34MOELTOQamCbv+FyjaEzF/gWUFAAAAAElFTkSuQmCC);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 0.5rem 0.5rem;
}

.crop-thumb-footer .crop-thumb-scale div:last-child {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAPNJREFUaEPtWNsNwjAM9M0DQ8BklMlgCJjHKFLUD6SQc50IRbr+1nF9jzSnwBZ/sPj8JgD/VlAKSIEkA7JQksD08qkKuPurTAjgnJ600WAaAHe/mdlWv7sBuM8AIQAtVqUA6TdZSBYirdIqk4VkIVkoycAyFqonaxTunoWiC9nsRP2F3P1hZpfoEMn6J4BrrwcLoMTiU6/Z4PdvJoZTAMpgS1voCLNKoyRrtIXIfnuZFCAZkwLLnMSkotoDUaK0B7QHop75qpeFfhFYY3i53O3G4qNCTFPg6EDRdQIQZWx0vRQYzWi0nxSIMja6XgqMZjTa7wPR65QxnJlpawAAAABJRU5ErkJggg==);
  background-position: 50%;
  background-size: 0.5rem 0.5rem;
  background-repeat: no-repeat;
}

.cropper-face {
  border-radius: 50%;
}

.cropper-container {
  position: absolute !important;
  top: 50%;
  transform: translateY(-50%);
}

.profile-swiper-drop-tips {
  padding: 0.2rem 0;
  font-size: 0.24rem;
  color: #7f7f7f;
}

.cropper-html {
  overflow: hidden !important;
}

.cropper-crop-box .cropper-point,
.cropper-crop-box .cropper-point.point-se,
.cropper-crop-box .cropper-point.point-se:before {
  width: 0.1rem;
  height: 0.1rem;
}

.cropper-crop-box .cropper-dashed,
.cropper-crop-box .cropper-line,
.cropper-crop-box .cropper-point {
  display: none !important;
}

.cropper-crop-box .cropper-view-box {
  outline: none;
  outline-color: #fff;
  border: 0.02rem solid #fff;
}

.cropper-crop-box *,
.cropper-crop-box .cropper-point {
  background-color: #fff;
}

.profile-swiper-drop-title {
  color: #434343;
  margin-bottom: 0.2rem;
  text-align: left;
  font-family: MicrosoftYaHei;
  font-size: 0.26rem;
  padding-left: 0.1rem;
}

#image {
  display: block;
  max-width: 100%;
}

#mc-logout.default-loading {
  position: absolute;
  left: 50%;
  top: 50%;
  background-color: transparent;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
}

.mc-app-download {
  min-width: 6.3rem;
}

.mc-app-download.am-modal.am-modal-transparent .am-modal-content {
  background-color: transparent;
  padding: 0;
}

.mc-app-download.am-modal.am-modal-transparent
  .am-modal-content
  .am-modal-body {
  padding: 0;
}

.mc-app-download-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
}

.mc-app-download-wrapper .app-close {
  align-self: flex-end;
}

.mc-app-download-wrapper .app-close svg {
  width: 0.5rem;
  height: 0.5rem;
}

.mc-app-download-wrapper .modal-wrap {
  border-radius: 0.3rem;
  background: linear-gradient(180deg, #f5faff, #fff 15%, #fff 91.93%, #f5faff);
  position: relative;
  padding: 0.24rem;
  display: flex;
  flex-direction: column;
}

.mc-app-download-wrapper .modal-info {
  display: flex;
  flex-direction: column;
}

.mc-app-download-wrapper .modal-info .modal-top {
  display: flex;
  justify-content: flex-end;
  position: relative;
  direction: ltr;
}

.mc-app-download-wrapper .modal-info .modal-top:before {
  content: "";
  position: absolute;
  top: -0.83rem;
  left: 0.43rem;
  width: 1.76rem;
  height: 1.6rem;
  background: url(/mobile/mc/app-download-icon.4287f02a.png) no-repeat 50% /
    contain;
}

.mc-app-download-wrapper .modal-info .modal-top .top-bg {
  width: 1.13rem;
  height: 0.6rem;
}

.mc-app-download-wrapper .modal-info .modal-top .top-bg svg {
  width: 100%;
  height: 100%;
  fill: #e8f1ff;
}

.mc-app-download-wrapper .modal-info .modal-top .top-title {
  color: #4c4c4c;
  font-size: 0.22rem;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  height: 0.6rem;
  min-width: 2.1rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-right: 0.22rem;
  background-color: #e8f1ff;
  border-radius: 0 0.3rem 0 0;
}

.mc-app-download-wrapper .modal-info .modal-bottom {
  display: flex;
  flex-direction: column;
  padding: 0.3rem 0.15rem;
  gap: 0.2rem;
  border-radius: 0.3rem 0 0.3rem 0.3rem;
  background: linear-gradient(0deg, #d9e4f7 9.5%, #e8f1ff);
  box-shadow: -0.07rem 0.03rem 0.07rem rgba(5, 54, 103, 0.2);
}

.mc-app-download-wrapper .modal-info .modal-bottom .modal-item {
  display: flex;
  gap: 0.3rem;
  border-radius: 0.16rem;
  background: #fff;
  padding: 0.15rem 0.2rem;
}

.mc-app-download-wrapper .modal-info .modal-bottom .modal-item.ios .down-btn {
  background: linear-gradient(0deg, #7f55f3 9.5%, #d89afd);
}

.mc-app-download-wrapper
  .modal-info
  .modal-bottom
  .modal-item.android
  .dpwn-btn {
  background: linear-gradient(0deg, #3887fe 9.5%, #2bd5f0);
}

.mc-app-download-wrapper .modal-info .modal-bottom .modal-item .item-info {
  flex: 1 1 0%;
  display: flex;
  align-items: center;
  gap: 0.2rem;
  color: #111827;
  font-size: 0.22rem;
  font-weight: 500;
}

.mc-app-download-wrapper
  .modal-info
  .modal-bottom
  .modal-item
  .item-info
  .info-txt {
  flex: 1 1 0%;
  text-align: left;
}

.mc-app-download-wrapper .modal-info .modal-bottom .modal-item .item-info svg {
  width: 0.4rem;
  height: 0.4rem;
}

.mc-app-download-wrapper .modal-info .modal-bottom .modal-item .down-btn {
  min-width: 1.7rem;
  height: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.1rem;
  color: #fff;
  font-size: 0.22rem;
  font-weight: 700;
  border-radius: 0.4rem;
  background: linear-gradient(0deg, #64c213 9.5%, #a8eb25);
}

.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;
}

.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-segment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  border-radius: 0.1rem;
  overflow: hidden;
  min-height: 0.54rem;
  opacity: 1;
}

.am-segment.am-segment-disabled {
  opacity: 0.5;
}

.am-segment-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1 1 0%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #108ee9;
  font-size: 0.28rem;
  line-height: 1;
  transition: background 0.2s;
  position: relative;
  border: 0.02rem solid #108ee9;
  width: 100%;
  box-sizing: border-box;
  border-left-width: 0;
}

.am-segment-item-tintcolor {
  border-color: #108ee9;
}

.am-segment-item:first-child {
  border-left-width: 0.02rem;
  border-radius: 0.1rem 0 0 0.1rem;
}

.am-segment-item:last-child {
  border-radius: 0 0.1rem 0.1rem 0;
}

.am-segment-item-selected {
  background: #108ee9;
  color: #fff;
}

.am-segment-item-active .am-segment-item-inner {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0.1;
  transition: background 0.2s;
  background-color: #108ee9;
}

.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;
}

.nodata-container {
  color: #1296db;
  font-size: 0.5rem;
  text-align: center;
  background: #fff;
  height: 100%;
}

.nodata-container .nodata-icon {
  height: 4rem;
  width: 4rem;
  margin-top: 2rem;
}

.not-con {
  color: #1296db;
  font-size: 0.5rem;
  text-align: center;
  height: 100%;
}

.not-con .nodata-icon {
  height: 4rem;
  width: 4rem;
  margin-top: 2rem;
}

.spec-model-no-data {
  background: url(/mobile/mc/bet_no_data.c66087f7.png) no-repeat;
  width: 4rem;
  height: 2rem;
  background-size: auto 100%;
  background-position: 50%;
  display: inline-block;
  margin-top: 2rem;
  margin-bottom: 0.4rem;
}

.bet-no-data-title {
  color: #b5b5b5;
  font-size: 0.34rem;
}

.help-detail-container {
  color: #64656b;
  height: 100%;
  background: #fff;
}

.help-detail-container .email-detail {
  margin-top: 1rem;
}

.help-detail-container .help-detail {
  color: #64656b;
  overflow-y: scroll;
  height: 100%;
}

.help-detail-container .help-detail > * {
  word-wrap: break-word;
}

.help-detail-container .help-detail .help-tab {
  width: 100%;
  height: auto !important;
  background: #fff;
  white-space: nowrap;
}

.help-detail-container .help-detail .help-tab ul {
  overflow-x: scroll;
}

.help-detail-container .help-detail .help-tab li {
  display: inline-block;
  padding: 0 0.2rem;
  height: 100%;
  line-height: 1rem;
}

.help-detail-container .help-detail .help-tab li.act {
  color: #2184f4;
  font-size: 0.36rem;
  font-weight: 700;
}

.help-detail-container .help-detail .help-content {
  padding: 0.4rem 0.2rem;
  background: #fff;
  position: relative;
}

.help-detail-container .help-detail .help-content p img {
  max-width: 100%;
}

.help-detail-container .help-detail .help-content:after {
  position: absolute;
  width: 100%;
  height: 0.2rem;
  background: #f8f9fb;
  content: "";
  top: 0;
  left: 0;
}

.help-detail-container .help-detail .tag-container {
  overflow-x: scroll;
  white-space: nowrap;
  padding: 0 0.2rem 0.2rem;
}

.help-detail-container .help-detail .tag-container > span {
  display: inline-block;
  padding: 0.1rem 0.2rem;
  border-radius: 0.3rem;
  font-size: 0.24rem;
  background: #f2f2f2;
  color: #64656b;
  margin-right: 0.1rem;
}

.help-detail-container .help-detail .tag-container > span.on {
  color: #fff;
  background: #2184f4;
  box-shadow: 0.06rem 0 0.16rem rgba(33, 132, 244, 0.3);
}

.help-detail-container .help-header {
  height: auto !important;
}

.help-detail-container.dark {
  background: #202632 !important;
}

.help-detail-container.dark .tag-container > span {
  background: #595959;
  color: #9da3c2;
}

.help-detail-container.dark .help-content {
  color: #9da3c2;
  background: #202632;
}

.help-detail-container.dark .help-content:after {
  background: #171b24;
}

.help-detail-container.dark .help-tab,
.help-detail-container.dark .mc-help-popup > div {
  color: #9da3c2;
  background: #202632 !important;
}

.mc-help-popup .am-popup {
  background: transparent;
}

.mc-help-popup > div {
  height: 100%;
  padding-top: 1rem;
}

.mc-help-popup > div > .am-popup-body > div,
.mc-help-popup > div > .am-popup-content,
.mc-help-popup > div > .am-popup-content > div {
  height: 100% !important;
}

#root .mc-header-wrap {
  height: 1rem;
}

#root .mc-header-wrap .am-navbar-light {
  color: #fff;
}

#root .mc-header-wrap .mc-default-header {
  height: 1rem !important;
}

#root .mc-header-wrap .mc-default-header .am-navbar-title {
  white-space: wrap;
  text-align: center;
}

#root .mc-header-wrap .am-navbar-left {
  display: flex;
  align-items: center;
  flex: 0 0 20%;
}

#root .mc-header-wrap .am-navbar-left .am-navbar-left-content {
  padding-left: 0;
}

#root .mc-header-wrap .am-navbar-title {
  display: flex;
  align-items: center;
  flex: 1 1 0%;
}

#root .mc-header-wrap .am-navbar-right {
  display: flex;
  align-content: center;
  flex: 0 0 20%;
  margin-right: 0;
  padding-right: 0.3rem;
}

#root .mc-header-wrap .am-navbar-right .am-navbar-title {
  z-index: unset;
}

#root .mc-header-wrap .am-navbar-right .am-icon-voucher_list {
  margin-left: 0.2rem;
}

#root .mc-header-wrap .am-navbar-right .invite-list-icon {
  color: #fff;
}

#root .mc-header-wrap .am-navbar-right .right-wrapper {
  display: flex;
  align-items: center;
  gap: 0.1rem;
}

#root .mc-header-wrap .am-navbar-right .right-wrapper .report-icon {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}

#root
  .mc-header-wrap
  .am-navbar-right
  .right-wrapper
  .report-icon
  .report-count {
  position: absolute;
  top: -0.15rem;
  right: 0.32rem;
  min-width: 0.3rem;
  height: 0.3rem;
  background: #ec2529;
  color: #fff;
  border-radius: 0.2rem;
  font-size: 0.2rem;
  padding: 0 0.05rem;
  line-height: 0.3rem;
  text-align: center;
}

#root .mc-header-wrap .am-navbar-right .right-wrapper .help-icon {
  height: 100%;
  display: flex;
  align-items: center;
}

#root .mc-header-wrap .am-navbar-right .right-wrapper .cs-icon {
  height: 100%;
  display: flex;
  align-items: center;
  margin-left: 0.2rem;
}

#root .help-center-icon {
  margin-left: 0.2rem;
}

#root .mc-navbar-blue {
  top: 0;
  width: min(100%, 530px);
  transform: translateZ(0);
  z-index: 11 !important;
  height: 1rem;
}

#root .mc-navbar-blue#mc-header,
#root .mc-navbar-blue.this-mc-header {
  position: fixed;
  overflow: initial;
}

#root .mc-navbar-blue#mc-header.redRain-header {
  position: absolute;
}

#root .mc-navbar-blue#mc-header .am-navbar-left {
  padding-left: 0;
}

#root .mc-navbar-blue#mc-header .am-navbar-left-content {
  width: 100%;
}

#root .mc-navbar-blue#mc-header .return_icon {
  padding-left: 0.5rem;
}

#root .mc-navbar-blue .am-icon-left,
#root .mc-navbar-blue .am-navbar-right,
#root .mc-navbar-blue .am-navbar-title {
  color: #fff;
}

#root .mc-navbar-blue .return_icon {
  display: flex;
  height: 1rem;
  align-items: center;
}

#root .mc-navbar-blue .to-record a {
  margin: 0 0.15rem;
}

#root .mc-navbar-blue .to-record .more-icon {
  width: 0.44rem;
  height: 0.44rem;
  background-repeat: no-repeat;
  background-size: contain;
}

#root .mc-navbar-blue .to-record img,
#root .mc-navbar-blue .to-record svg {
  width: 0.44rem;
  height: 0.44rem;
}

#root .sigin-nav-tab {
  background: #fff;
}

#root .sigin-nav-tab .am-segment-item {
  background: #695ffe !important;
  color: #fff;
  border-color: #fff !important;
}

#root .sigin-nav-tab .am-segment-item-selected {
  background: #fff !important;
  color: #fe3b44 !important;
}

#root #mc-header.callback {
  background: linear-gradient(270deg, #2dc5be, #2a7774) !important;
}

#root #mc-header.callback .am-navbar-left,
#root #mc-header.callback .am-navbar-title {
  color: #fff !important;
}

#root.mc-test-root .mc-header-wrap,
#root.mc-test-root .mc-navbar-blue,
#root.mc-test-root .mc-whitespace {
  height: 1rem;
}

#root.mc-test-root #mc-app-home-root.gc,
#root.mc-test-root .mc-navbar-blue {
  background: #695ffe;
}

#root #mc-app-home-root.mc .mc-navbar-blue:after,
#root .reward-center-container .mc-navbar-blue:after {
  content: none;
  background-color: transparent;
}

.am-navbar-right {
  margin-right: 0;
}

.am-navbar-left {
  padding-left: 0;
}

.am-navbar-left .am-navbar-left-content {
  padding-left: 0.3rem;
}

.service-modal-container {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 999999;
  top: 0;
  left: 0;
}

.service-modal-container .smc-content {
  width: 5.8rem;
  padding: 0 0.64rem 0.38rem;
  background-color: #fff;
  border-radius: 0.2rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.service-modal-container .smc-content > svg {
  position: absolute;
  right: 0;
  top: -0.8rem;
  fill: #fff;
  width: 0.7rem;
  height: 0.7rem;
}

.service-modal-container .smc-content h2 {
  text-align: center;
  font-size: 0.32rem;
  font-weight: 700;
  font-stretch: normal;
  line-height: 0.9rem;
  letter-spacing: 0;
  color: #666;
}

.service-modal-container .smc-content ul {
  max-height: 50vh;
  overflow-y: scroll;
}

.service-modal-container .smc-content li {
  min-height: 0.92rem;
  border-radius: 0.16rem;
  margin-bottom: 0.26rem;
  position: relative;
  padding: 0 0.2rem 0 0.4rem;
  color: #666;
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.24rem;
}

.service-modal-container .smc-content li .item-icon {
  flex: 0 0 0.66rem;
  width: 0.66rem;
  height: 0.66rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.service-modal-container .smc-content li .item-icon.fb svg,
.service-modal-container .smc-content li .item-icon.tg svg,
.service-modal-container .smc-content li .item-icon.whatsapp svg {
  fill: #fff;
  width: 0.36rem;
  height: 0.36rem;
}

.service-modal-container .smc-content li .item-icon svg {
  width: 0.4rem;
  height: 0.4rem;
}

.service-modal-container .smc-content li .item-txt {
  flex: 1 1 0%;
}

.service-modal-container .smc-content li:nth-child(4n + 1) {
  background-color: rgba(230, 81, 62, 0.16);
}

.service-modal-container .smc-content li:nth-child(4n + 1) .item-icon {
  background: #e84530;
  box-shadow: 0 0 0.24rem 0 #e84530;
}

.service-modal-container .smc-content li:nth-child(4n + 2) {
  background-color: rgba(119, 130, 253, 0.16);
}

.service-modal-container .smc-content li:nth-child(4n + 2) .item-icon {
  background: #6976fc;
  box-shadow: 0 0 0.24rem 0 #6976fc;
}

.service-modal-container .smc-content li:nth-child(4n + 3) {
  background-color: rgba(246, 153, 0, 0.16);
}

.service-modal-container .smc-content li:nth-child(4n + 3) .item-icon {
  background: #ffa000;
  box-shadow: 0 0 0.24rem 0 #ffa000;
}

.service-modal-container .smc-content li:nth-child(4n + 4) {
  background-color: rgba(29, 199, 144, 0.16);
}

.service-modal-container .smc-content li:nth-child(4n + 4) .item-icon {
  background: #0ebb84;
  box-shadow: 0 0 0.24rem 0 #0ebb84;
}

.service-modal-container .smc-content li:nth-child(4n + 5) {
  background: rgba(0, 235, 119, 0.16);
}

.service-modal-container .smc-content li:nth-child(4n + 5) .item-icon {
  background: #00eb77;
  box-shadow: 0 0 0.24rem 0 #00eb77;
}

@media (orientation: portrait) {
  .embedded-launch .launch-hide-btn.landscape {
    display: none;
  }
}

@media (orientation: landscape) and (hover: none) {
  html {
    --unit: 20;
  }
  .embedded-launch .launch-hide-btn {
    display: none;
  }
  .embedded-launch .go-back-btn.go-back-btn {
    display: grid;
    place-items: center;
    z-index: 10;
    position: absolute;
    top: 0.15rem;
    left: 0.15rem;
    width: 0.7rem;
    height: 0.7rem;
    background-color: hsla(0, 0%, 44%, 0.85);
    border-radius: 0.12rem;
  }
  @supports (top: env(safe-area-inset-top)) {
    .embedded-launch .go-back-btn.go-back-btn {
      top: calc(0.3rem + env(safe-area-inset-top, 0px));
      left: calc(env(safe-area-inset-left, 0px) / 2);
    }
  }
  .embedded-launch .go-back-btn.go-back-btn:after {
    content: "";
    position: absolute;
    left: -0.15rem;
    top: -0.15rem;
    right: -0.15rem;
    bottom: -0.15rem;
  }
  .embedded-launch .go-back-btn.go-back-btn svg {
    width: 70%;
    height: 70%;
    fill: #fff;
  }
}

.remove-font-size.large-2 #root #mc-header .records:after {
  content: " ";
  position: absolute;
  top: -0.2rem;
  right: -0.2rem;
  left: -0.2rem;
  bottom: -0.2rem;
}

.remove-font-size.large-2 .launch-hide-btn.landscape {
  top: calc(50% - 0.15rem) !important;
  left: -0.3rem;
}

.remove-font-size.large-2 .launch-hide-btn.landscape svg {
  width: 0.4rem;
  height: 0.4rem;
  padding-bottom: 0.05rem;
}

.popup-game .am-popup {
  bottom: 0;
}

.am-fade-leave + .popup-game,
.am-popup-mask-hidden + .popup-game {
  display: none;
}

#root.embedded-launch {
  width: 100%;
  height: 100vh;
}

@supports (-webkit-touch-callout: none) {
  #root.embedded-launch {
    height: calc(var(--vh, 1vh) * 100);
  }
}

@supports (height: 100dvh) {
  #root.embedded-launch {
    height: 100dvh;
  }
}

#root.embedded-launch .mc-navbar-blue.hide-no-anim {
  height: 0 !important;
}

#root.embedded-launch .mc-header-wrap {
  height: 1rem !important;
}

.embedded-launch {
  position: relative;
}

.embedded-launch #mc-header .am-navbar-title {
  justify-content: center !important;
  white-space: nowrap !important;
  font-size: inherit !important;
}

.embedded-launch .hide-no-anim .am-navbar-left,
.embedded-launch .hide-no-anim .am-navbar-right {
  visibility: hidden;
}

.embedded-launch .anim-hide .game-back-icon,
.embedded-launch .hide-no-anim .game-back-icon {
  font-size: 0;
  display: none !important;
}

.embedded-launch .anim-hide .records,
.embedded-launch .hide-no-anim .records {
  display: none !important;
}

.embedded-launch .anim-show .game-back-icon {
  font-size: 0.36rem;
  display: flex;
}

.embedded-launch .anim-show .launch-hide-btn {
  display: none !important;
}

.embedded-launch .anim-show .records {
  font-size: inherit;
}

.embedded-launch .launch-hide-btn {
  position: absolute;
  top: 0;
  width: 1.2rem;
  height: 0.3rem;
  text-align: center;
  background-color: hsla(0, 0%, 44%, 0.85);
  border-bottom-left-radius: 0.2em;
  border-bottom-right-radius: 0.2em;
}

.embedded-launch .launch-hide-btn:after {
  content: "";
  position: absolute;
  left: -0.2rem;
  top: -0.1rem;
  right: -0.2rem;
  bottom: -0.2rem;
}

.embedded-launch .launch-hide-btn .am-icon {
  width: 0.3rem;
  height: 0.3rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  fill: #fff;
}

.embedded-launch iframe#third-game {
  margin-top: -1rem;
  border: 0;
  width: 100%;
  height: 100vh;
  -webkit-overflow-scrolling: touch;
  background: hsla(0, 0%, 44%, 0.9);
}

@supports (-webkit-touch-callout: none) {
  .embedded-launch iframe#third-game {
    height: calc(var(--vh, 1vh) * 100);
  }
}

@supports (height: 100dvh) {
  .embedded-launch iframe#third-game {
    height: 100dvh;
  }
}

.embedded-launch .click-overlay {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
}

.embedded-launch .go-back-btn {
  display: none;
}

.classic #mc-header {
  height: 1rem !important;
}

.classic #mc-header.hide-no-anim {
  height: 0 !important;
}

.classic #mc-header.hide-no-anim .launch-hide-btn {
  top: 0;
}

.classic #mc-header.anim-hide {
  height: 0 !important;
  transition: all 0.25s ease;
}

.classic #mc-header.anim-hide .launch-hide-btn {
  animation: hide-btn-show 0.25s ease forwards;
}

.classic #mc-header.anim-show {
  animation: header-show 0.25s ease forwards;
  height: 1rem !important;
  font-size: 0.44rem !important;
}

.classic #mc-header.anim-show .am-icon-lg,
.classic .game-back-icon {
  width: 0.68rem !important;
  height: 0.68rem !important;
}

.classic .game-back-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding-left: 0 !important;
}

.classic .launch-hide-btn {
  position: absolute;
  top: 1rem;
  width: 1.2rem;
  height: 0.3rem;
  border-bottom-right-radius: 0.08rem;
  border-bottom-left-radius: 0.08rem;
}

.classic .launch-hide-btn .am-icon {
  width: 0.3rem;
  height: 0.3rem;
}

.classic .am-navbar-left {
  padding-left: 0.3rem !important;
  position: relative;
}

.classic .am-navbar-right {
  position: relative;
  font-size: 0.32rem;
}

.classic .am-navbar-right .records {
  height: 0.72rem !important;
  line-height: 0.72rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  white-space: nowrap;
}

.classic .am-navbar-right .records i {
  margin-right: 0.2rem;
  background-image: linear-gradient(#f1c78b, #bd9161);
  border-radius: 0.5rem;
  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.35);
  display: inline-block;
  font-style: normal;
  padding: 0 0.4rem 0 0.8rem;
  color: #fff;
  position: relative;
}

.classic .am-navbar-right .records i:before {
  content: "";
  background: url(/mobile/mc/deposit_icon.0433fce9.png);
  width: 0.48rem;
  height: 0.48rem;
  left: 0.2rem;
  background-size: 100% auto;
  margin-top: -1px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.remove-font-size .am-toast-notice-content .am-toast-text {
  min-width: 0.6rem;
}

.remove-font-size .am-toast-text-info {
  white-space: nowrap;
}

.remove-font-size
  .am-toast-notice-content
  .am-toast-text.am-toast-text-icon
  .am-toast-text-info {
  margin-top: 0.06rem;
}

.remove-font-size .am-toast-notice-content .am-toast-text.am-toast-text-icon {
  padding: 0.15rem;
  font-size: 0.14rem;
  border-radius: 0.05rem;
}

.remove-font-size
  .am-toast-notice-content
  .am-toast-text.am-toast-text-icon
  .am-icon-lg {
  width: 0.36rempx;
  height: 0.36rempx;
}

.remove-font-size #root #mc-header {
  height: 0.5rem !important;
}

.remove-font-size #root #mc-header.hide-no-anim {
  height: 0 !important;
}

.remove-font-size #root #mc-header.hide-no-anim .launch-hide-btn {
  top: 0;
}

.remove-font-size #root #mc-header.anim-hide {
  height: 0 !important;
  transition: all 0.25s ease;
}

.remove-font-size #root #mc-header.anim-hide .launch-hide-btn {
  animation: hide-btn-show 0.25s ease forwards;
}

.remove-font-size #root #mc-header.anim-show {
  animation: header-show 0.25s ease forwards;
  height: 0.5rem !important;
  font-size: 0.22rem !important;
}

.remove-font-size #root #mc-header.anim-show .am-icon-lg,
.remove-font-size #root .game-back-icon {
  width: 0.34rem !important;
  height: 0.34rem !important;
}

.remove-font-size #root .game-back-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding-left: 0 !important;
}

.remove-font-size #root .launch-hide-btn {
  position: absolute;
  top: 0.5rem;
  width: 0.6rem;
  height: 0.15rem;
  border-bottom-right-radius: 0.04rem;
  border-bottom-left-radius: 0.04rem;
}

.remove-font-size #root .launch-hide-btn .am-icon {
  width: 0.15rem;
  height: 0.15rem;
}

.remove-font-size #root .am-navbar-left {
  padding-left: 0.15rem !important;
  position: relative;
}

.remove-font-size #root .am-navbar-right {
  position: relative;
  font-size: 0.16rem;
}

.remove-font-size #root .am-navbar-right .records {
  height: 0.36rem !important;
  line-height: 0.36rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  white-space: nowrap;
}

.remove-font-size #root .am-navbar-right .records i {
  margin-right: 0.2rem;
  background-image: linear-gradient(#f1c78b, #bd9161);
  border-radius: 0.25rem;
  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.35);
  display: inline-block;
  font-style: normal;
  padding: 0 0.4rem 0 0.8rem;
  color: #fff;
  position: relative;
}

.remove-font-size #root .am-navbar-right .records i:before {
  content: "";
  background: url(/mobile/mc/deposit_icon.0433fce9.png);
  width: 0.24rem;
  height: 0.24rem;
  left: 0.2rem;
  background-size: 100% auto;
  margin-top: -1px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.remove-font-size.large-2 .am-toast-notice-content .am-toast-text {
  min-width: 1.2rem;
}

.remove-font-size.large-2 .am-toast-text-info {
  white-space: nowrap;
}

.remove-font-size.large-2
  .am-toast-notice-content
  .am-toast-text.am-toast-text-icon
  .am-toast-text-info {
  margin-top: 0.12rem;
}

.remove-font-size.large-2
  .am-toast-notice-content
  .am-toast-text.am-toast-text-icon {
  padding: 0.3rem;
  font-size: 0.28rem;
  border-radius: 0.1rem;
}

.remove-font-size.large-2
  .am-toast-notice-content
  .am-toast-text.am-toast-text-icon
  .am-icon-lg {
  width: 0.72rempx;
  height: 0.72rempx;
}

@keyframes header-show {
  0% {
    transform: translateY(-100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes hide-btn-show {
  0% {
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}

.remove-font-size.large-2 #root #mc-header {
  height: 1rem !important;
}

.remove-font-size.large-2 #root #mc-header.hide-no-anim {
  height: 0 !important;
}

.remove-font-size.large-2 #root #mc-header.hide-no-anim .launch-hide-btn {
  top: 0;
}

.remove-font-size.large-2 #root #mc-header.anim-hide {
  height: 0 !important;
  transition: all 0.25s ease;
}

.remove-font-size.large-2 #root #mc-header.anim-hide .launch-hide-btn {
  animation: hide-btn-show 0.25s ease forwards;
}

.remove-font-size.large-2 #root #mc-header.anim-show {
  animation: header-show 0.25s ease forwards;
  height: 1rem !important;
  font-size: 0.44rem !important;
}

.remove-font-size.large-2 #root #mc-header.anim-show .am-icon-lg {
  width: 0.68rem !important;
  height: 0.68rem !important;
}

.remove-font-size.large-2 #root .game-back-icon {
  width: 0.68rem !important;
  height: 0.68rem !important;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding-left: 0 !important;
}

.remove-font-size.large-2 #root .launch-hide-btn {
  position: absolute;
  top: 1rem;
  width: 1.2rem;
  height: 0.3rem;
  border-bottom-right-radius: 0.08rem;
  border-bottom-left-radius: 0.08rem;
}

.remove-font-size.large-2 #root .launch-hide-btn .am-icon {
  width: 0.3rem;
  height: 0.3rem;
}

.remove-font-size.large-2 #root .am-navbar-left {
  padding-left: 0.3rem !important;
  position: relative;
}

.remove-font-size.large-2 #root .am-navbar-right {
  position: relative;
  font-size: 0.32rem;
}

.remove-font-size.large-2 #root .am-navbar-right .records {
  height: 0.72rem !important;
  line-height: 0.72rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  white-space: nowrap;
}

.remove-font-size.large-2 #root .am-navbar-right .records i {
  margin-right: 0.2rem;
  background-image: linear-gradient(#f1c78b, #bd9161);
  border-radius: 0.5rem;
  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.35);
  display: inline-block;
  font-style: normal;
  padding: 0 0.4rem 0 0.8rem;
  color: #fff;
  position: relative;
}

.remove-font-size.large-2 #root .am-navbar-right .records i:before {
  content: "";
  background: url(/mobile/mc/deposit_icon.0433fce9.png);
  width: 0.48rem;
  height: 0.48rem;
  left: 0.2rem;
  background-size: 100% auto;
  margin-top: -1px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.amount-balance-common {
  direction: ltr;
  unicode-bidi: -webkit-isolate;
  unicode-bidi: isolate;
  display: inline-flex;
}

.amount-balance-common .currency.back {
  order: 1;
  display: flex;
  align-items: center;
}

.memberInfo-theme-wrapper .member-info {
  display: flex;
  align-items: center;
}

.memberInfo-theme-wrapper .member-info .profile {
  display: flex;
  flex: 1 1 0%;
}

.memberInfo-theme-wrapper .member-info .profile .profile-img {
  margin-right: 0.12rem;
}

.memberInfo-theme-wrapper .member-info .profile .profile-img img {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
}

.memberInfo-theme-wrapper .member-info .profile .profile-info {
  margin-right: 0.12rem;
  display: flex;
  flex-direction: column;
  gap: 0.19rem;
}

.memberInfo-theme-wrapper
  .member-info
  .profile
  .profile-info
  .user-name
  .copy-account {
  display: flex;
  align-items: center;
  gap: 0.1rem;
  color: #000;
  font-size: 0.32rem;
  font-weight: 600;
}

.memberInfo-theme-wrapper
  .member-info
  .profile
  .profile-info
  .user-name
  .copy-account
  svg {
  width: 0.3rem;
  height: 0.3rem;
  fill: rgba(37, 37, 37, 0.6);
}

.memberInfo-theme-wrapper .member-info .profile .profile-info .nickname-edit {
  color: #444;
  font-size: 0.24rem;
  font-weight: 400;
  display: flex;
  align-items: center;
}

.memberInfo-theme-wrapper
  .member-info
  .profile
  .profile-info
  .nickname-edit
  svg {
  width: 0.28rem;
  height: 0.28rem;
  margin-left: 0.05rem;
  fill: rgba(37, 37, 37, 0.6);
}

.memberInfo-theme-wrapper
  .member-info
  .profile
  .profile-info
  .nickname-edit
  .name-text {
  word-break: break-word;
}

.memberInfo-theme-wrapper .member-info .member-top-wrap {
  display: flex;
  align-items: center;
  gap: 0.24rem;
  margin-right: 0.1rem;
}

.memberInfo-theme-wrapper .member-info .member-top-wrap svg {
  width: 0.42rem;
  height: 0.42rem;
  fill: #000;
}

.memberInfo-theme-wrapper .member-info .member-top-wrap .top-item {
  position: relative;
}

.memberInfo-theme-wrapper
  .member-info
  .member-top-wrap
  .top-item
  .unread-count {
  top: -0.21rem;
  right: -0.21rem;
  border-radius: 0.14857rem 0.14857rem 0.14857rem 0;
}

.memberInfo-theme-wrapper .profile-detail-wrapper {
  margin-top: 0.3rem;
  width: 100%;
  background: linear-gradient(90deg, #34405f, #56688c);
  background-blend-mode: overlay;
  border-radius: 0.2rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.memberInfo-theme-wrapper .profile-detail-wrapper .detail-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0.16rem 0;
  padding: 0 0.2rem;
}

.memberInfo-theme-wrapper .profile-detail-wrapper .current-wallet {
  color: #fff;
  font-size: 0.4rem;
  display: flex;
  align-items: center;
  margin-right: 0.1rem;
}

.memberInfo-theme-wrapper .profile-detail-wrapper .current-wallet .number-mc {
  margin-left: 0.05rem;
}

.memberInfo-theme-wrapper .profile-detail-wrapper .current-wallet svg {
  width: 0.32rem;
  height: 0.32rem;
  fill: hsla(0, 0%, 100%, 0.6);
  margin-left: 0.11rem;
}

.memberInfo-theme-wrapper .profile-detail-wrapper .common-member-level {
  flex: 1 1 0%;
  margin: 0;
  max-width: 3rem;
}

.memberInfo-theme-wrapper
  .profile-detail-wrapper
  .common-member-level
  .member-level-name {
  background: none;
  color: hsla(0, 0%, 100%, 0.8);
  font-size: 0.22rem;
  font-weight: 500;
  line-height: 1;
  position: relative;
  display: flex;
  align-items: center;
  padding: 0;
  margin-left: 0.36rem;
}

.memberInfo-theme-wrapper
  .profile-detail-wrapper
  .common-member-level
  .member-level-name:before {
  content: "";
  position: absolute;
  left: -0.36rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.3rem;
  height: 0.3rem;
  background: url(/mobile/mc/vip.41c78f04.png) no-repeat 50% / contain;
}

.memberInfo-theme-wrapper
  .profile-detail-wrapper
  .common-member-level
  .quanyi-go {
  color: hsla(0, 0%, 100%, 0.8);
  font-size: 0.22rem;
  font-weight: 400;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABuSURBVHgBlZE9DoAwCIWBGK/i5NTJybM7OfUAXsWlQoIJwZbalzSvTT9+AgCsUsoqBxqa1DeFZ0TMHiL1Qz0xmDyE74U/F7Zdn9lmRBvRAtGnroEfqAKeBH3d9KPcNdZ4dwQRICJZRQTYXlK04AdzWkIBKbsNvwAAAABJRU5ErkJggg==)
    no-repeat 100%/0.1rem 0.1rem;
  padding-right: 0.14rem;
  height: auto;
  text-align: right;
  line-height: 1;
}

.memberInfo-theme-wrapper
  .profile-detail-wrapper
  .common-member-level
  .member-level-progress-bar {
  background: hsla(0, 0%, 100%, 0.3);
}

.memberInfo-theme-wrapper
  .profile-detail-wrapper
  .common-member-level
  .member-level-progress-bar
  .cur-progress-bar {
  background: linear-gradient(90deg, #f4b880, #f19f67);
}

.memberInfo-theme-wrapper
  .profile-detail-wrapper
  .common-member-level
  .level-progress-text {
  font-size: 0.24rem;
  color: hsla(0, 0%, 100%, 0.8);
  font-weight: 500;
}

.memberInfo-theme-wrapper .profile-detail-wrapper .detail-mid {
  display: flex;
  align-items: center;
  margin-bottom: 0.16rem;
  padding: 0 0.2rem;
}

.memberInfo-theme-wrapper .profile-detail-wrapper .detail-mid svg {
  width: 0.2rem;
  height: 0.2rem;
  fill: hsla(0, 0%, 100%, 0.8);
}

.memberInfo-theme-wrapper .profile-detail-wrapper .detail-mid .mid-item {
  flex: 1 1 0%;
  display: flex;
  align-items: center;
  gap: 0.08rem;
  color: hsla(0, 0%, 100%, 0.6);
  font-size: 0.24rem;
}

.memberInfo-theme-wrapper .profile-detail-wrapper .detail-mid .mid-item.time {
  justify-content: flex-end;
}

.memberInfo-theme-wrapper
  .profile-detail-wrapper
  .detail-mid
  .mid-item.oneItem {
  justify-content: flex-start;
}

.memberInfo-theme-wrapper .profile-detail-wrapper .detail-bottom {
  width: 100%;
  flex: 1 1 0%;
  border-radius: 0 0 0.2rem 0.2rem;
  background: rgba(0, 0, 0, 0.3);
  display: flex;
  justify-content: space-between;
  padding: 0.1rem 0.2rem;
  gap: 0.1rem;
  min-height: 0.62rem;
}

.memberInfo-theme-wrapper .profile-detail-wrapper .detail-bottom .bottom-item {
  flex: 1 1 0%;
  display: flex;
  align-items: center;
  gap: 0.04rem;
  font-size: 0.24rem;
  font-weight: 400;
  color: #fff;
  justify-content: center;
}

.memberInfo-theme-wrapper
  .profile-detail-wrapper
  .detail-bottom
  .bottom-item
  svg {
  width: 0.26rem;
  height: 0.26rem;
  fill: #fff;
}

.memberInfo-theme-wrapper
  .profile-detail-wrapper
  .detail-bottom
  .bottom-item
  .item-txt {
  word-break: break-word;
  max-width: calc(100% - 0.3rem);
}

.default-member-wrapper {
  width: 100%;
  min-height: 4.46rem;
  border-radius: 0.28rem 0 0 0.28rem;
  background: linear-gradient(248deg, #f1f9ff, #b3bcc8);
  padding: 0.76rem 0.5rem 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.22rem;
  position: relative;
  overflow: hidden;
}

.default-member-wrapper:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(/mobile/mc/member-info-bg.f44b2894.png) no-repeat 50% / cover;
  z-index: 0;
}

.default-vip-icon {
  position: absolute;
  right: 0;
  top: 0;
}

.default-vip-icon img {
  width: 2.58rem;
  object-fit: contain;
  opacity: 0.5;
  -webkit-filter: blur(0.5px);
  filter: blur(0.5px);
}

.default-member-header {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
  gap: 0.3rem;
}

.default-member-header .profile-icon {
  width: 1.73rem;
  height: 1.73rem;
  border-radius: 50%;
  border: 0.09rem solid #fff;
  overflow: hidden;
}

.default-member-header .profile-icon img {
  width: 100%;
  object-fit: cover;
}

.default-member-header .member-info {
  flex: 1 1 0%;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.default-member-header .member-info .vip-tag {
  display: flex;
  align-items: center;
  gap: 0.08rem;
  padding: 0 0.16rem;
  min-width: 1.5rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 0.49rem;
  border-radius: 0.6rem;
  border: 0.02rem solid hsla(0, 0%, 100%, 0.2);
  background: linear-gradient(
    180deg,
    hsla(0, 0%, 40%, 0.9),
    rgba(67, 72, 81, 0.9)
  );
  -webkit-backdrop-filter: blur(0.1rem);
  backdrop-filter: blur(0.1rem);
  position: relative;
  overflow: hidden;
}

.default-member-header .member-info .vip-tag:after {
  content: "";
  top: 0;
  transform: translateX(100%);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  animation: slide 1.6s infinite;
  background: linear-gradient(
    90deg,
    hsla(0, 0%, 100%, 0) 0,
    hsla(0, 0%, 100%, 0.5) 50%,
    rgba(128, 186, 232, 0) 99%,
    rgba(125, 185, 232, 0)
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#007db9e8", GradientType=1);
}

.default-member-header .member-info .vip-tag .vip-name {
  color: #fff;
  font-size: 0.24rem;
  font-weight: 700;
  text-shadow: 0 0.02rem 0 rgba(0, 0, 0, 0.25);
}

.default-member-header .member-info .vip-tag .vip-img {
  display: flex;
  align-items: center;
}

.default-member-header .member-info .vip-tag .vip-img img {
  width: 0.31rem;
  height: 0.33rem;
  object-fit: contain;
}

.default-member-header .member-info .account-wrapper {
  color: #000;
  font-size: 0.3rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 0.1rem;
}

.default-member-header .member-info .account-wrapper svg {
  width: 0.35rem;
  height: 0.35rem;
}

.default-member-header .member-info .nickname-wrapper,
.default-member-header .member-info .reg-date-wrapper {
  display: flex;
  align-items: center;
  color: #666;
  font-size: 0.24rem;
  font-weight: 700;
  gap: 0.1rem;
}

.default-member-header .member-info .nickname-wrapper svg,
.default-member-header .member-info .reg-date-wrapper svg {
  width: 0.31rem;
  height: 0.31rem;
  fill: #666;
}

.default-member-header .member-info .nickname-wrapper .name-text,
.default-member-header .member-info .reg-date-wrapper .name-text {
  word-break: break-word;
}

.default-member-mid {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  gap: 0.05rem;
  z-index: 1;
}

.default-member-mid .current-wallet {
  display: flex;
  align-items: center;
  color: #434851;
  font-size: 0.4rem;
  font-weight: 600;
  margin-right: 0.05rem;
}

.default-member-mid .refresh-btn {
  display: inline-flex;
  align-items: center;
}

.default-member-mid .refresh-btn svg {
  width: 0.32rem;
  height: 0.32rem;
  fill: #979797;
}

.default-member-mid .refresh-btn .refresh-balance.loading {
  animation: rotate-full 0.5s infinite linear;
}

.default-member-footer-wrapper {
  position: relative;
  width: 100%;
}

.default-member-footer-wrapper .member-arrow svg {
  width: 0.36rem;
  height: 0.36rem;
}

.default-member-footer-wrapper .member-arrow .arrow-item {
  position: absolute;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  width: 0.36rem;
}

.default-member-footer-wrapper .member-arrow .prev {
  left: 0;
}

.default-member-footer-wrapper .member-arrow .prev svg {
  transform: rotate(180deg);
}

.default-member-footer-wrapper .member-arrow .next {
  right: 0;
}

.default-member-footer-wrap {
  width: 100%;
  overflow-x: auto;
}

.default-member-footer {
  position: relative;
  z-index: 1;
  display: flex;
  margin: 0.15rem 0 0;
  padding: 0 0.1rem 0.15rem;
  gap: 0.16rem;
  width: -webkit-max-content;
  width: max-content;
}

.default-member-footer.equal {
  justify-content: space-evenly;
  width: 100%;
  padding: 0.05rem;
}

.default-member-footer.equal .footer-item {
  flex: 1 1 0%;
}

.default-member-footer [data-scroll="next"] {
  -webkit-mask: linear-gradient(90deg, #1f1f39, transparent 70%);
  mask: linear-gradient(90deg, #1f1f39, transparent 70%);
}

.default-member-footer [data-scroll="prev"] {
  -webkit-mask: linear-gradient(0deg, #1f1f39, transparent 70%);
  mask: linear-gradient(0deg, #1f1f39, transparent 70%);
}

.default-member-footer .footer-item {
  min-width: 1.5rem;
  min-height: 0.54rem;
  padding: 0 0.2rem;
  border-radius: 0.3rem;
  background: linear-gradient(
    0deg,
    hsla(0, 0%, 100%, 0.7),
    hsla(0, 0%, 100%, 0.3) 33.33%,
    hsla(0, 0%, 100%, 0) 67%,
    #fff
  );
  box-shadow: 0 0.02rem 0.1rem 0 hsla(0, 0%, 43%, 0.5);
  font-size: 0.24rem;
  font-weight: 700;
  color: #454545;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  overflow: hidden;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

@keyframes slide {
  0% {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(100%);
  }
}

.main-language-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  color: #333;
  font-size: 0.26rem;
  font-weight: 500;
}

.main-language-wrap .language-item {
  height: 0.98rem;
  display: flex;
  align-items: center;
  gap: 0.14rem;
}

.main-language-wrap .language-item svg {
  width: 0.1rem;
  height: 0.22rem;
  transition: transform 0.3s ease-in-out;
}

.main-language-wrap .language-item.show svg {
  transform: rotate(90deg);
}

.main-language-wrap .language-item.on {
  position: relative;
}

.main-language-wrap .language-item.on:after {
  content: "";
  width: 0.36rem;
  height: 0.36rem;
  background: url(/mobile/mc/language-check.692b6bff.png) no-repeat 50% /
    contain;
}

.main-language-wrap .language-item .language-name {
  flex: 1 1 0%;
}

.main-language-wrap .language-item img {
  width: 0.48rem;
  height: 0.48rem;
}

.main-language-wrap .select-language-wrap {
  display: flex;
  flex-direction: column;
}

.main-language-wrap .select-language-wrap .language-item {
  border-top: 1px solid #dbdce0;
}

.t4-container {
  --main-bg: #181c2d;
  --header-bg: #242a41;
  --header-bg2: linear-gradient(180deg, #7694ff, #4a7afd);
  --vip-font-color: linear-gradient(
    180deg,
    #feef83 18.1%,
    #fffac2 49.14%,
    #e49612 64.66%,
    #fed019 80.17%
  );
  --nickname-font-colot: #9dabd0;
  --deposit-btn-bg: #ff322c;
  --deposit-btn-color: #fff;
  --withdraw-btn-bg: #7694ff;
  --withdraw-btn-color: #fff;
  --mycard-btn-bg: #242a41;
  --mycard-btn-color: #fff;
  --mycard-shadow: 0 0.02rem 0.06rem 0 rgba(0, 0, 0, 0.3);
  --svg-default-fill: url("#t4-gradient-icon");
  --list-item-bg: #242a41;
  --list-box-shadow: 0 0.02rem 0.06rem 0 rgba(0, 0, 0, 0.3);
  --agent-header-title-color: rgba(#fff, 0.8);
  --agent-overview-bg: linear-gradient(180deg, #7694ff, #4a7afd);
  --agent-overview-color: #fff;
  --agent-overview-borderColor: rgba(#fff, 0.1);
  --agent-footer-bg: #242a41;
  --agent-footer-box-shadow: 0 0 0.285rem 0.035rem rgba(18, 21, 32, 0.1);
  --agent-footer-svg: #ff322c;
  --unread-count-bg: #da394f;
  --unread-count-color: #fff;
  --deposit-border: transparent;
  background: var(--main-bg);
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
}

.t4-container.T5 {
  --main-bg: #080808;
  --header-bg: linear-gradient(180deg, #2c2c2c, #1e1e1e);
  --header-bg2: linear-gradient(180deg, #ffde9e 1.44%, #edc87f 51.44%, #e09f1f);
  --nickname-font-colot: #888;
  --deposit-btn-bg: #edc87f;
  --deposit-btn-color: #000;
  --withdraw-btn-bg: #24ae60;
  --withdraw-btn-color: #fff;
  --mycard-btn-bg: #1e1e1e;
  --mycard-shadow: 0 0.02rem 0.06rem 0 rgba(0, 0, 0, 0.7);
  --svg-default-fill: #edc87f;
  --list-item-bg: #1e1e1e;
  --agent-header-title-color: #888;
  --agent-overview-bg: linear-gradient(
    180deg,
    #ffde9e 1.44%,
    #edc87f 51.44%,
    #e09f1f
  );
  --agent-overview-color: #000;
  --agent-overview-borderColor: rgba(#000 0.1);
  --agent-footer-bg: #1e1e1e;
  --agent-footer-box-shadow: 0 0 0.285rem 0.035rem #121520;
  --agent-footer-svg: #edc87f;
  --unread-count-bg: #da394f;
  --deposit-border: transparent;
}

.t4-container.T5,
.t4-container.T6 {
  --vip-font-color: linear-gradient(180deg, #edc87f, #edc87f);
  --mycard-btn-color: #fff;
  --list-box-shadow: 0 0.02rem 0.06rem 0 rgba(51, 51, 51, 0.7);
}

.t4-container.T6 {
  --main-bg: #fff;
  --header-bg: linear-gradient(270deg, #6e0600, #eb4b1e);
  --header-bg2: linear-gradient(180deg, #ffde9e 1.44%, #ffd789 51.44%, #ffa900);
  --nickname-font-colot: #fff;
  --deposit-btn-bg: #f0f0f0;
  --deposit-btn-color: #821a14;
  --withdraw-btn-bg: linear-gradient(0deg, #f9b300, #f7ee00);
  --withdraw-btn-color: #6e0600;
  --mycard-btn-bg: #6e0600;
  --mycard-shadow: 0 0.02rem 0.06rem 0 rgba(0, 0, 0, 0.7);
  --svg-default-fill: url(#t6-gradient-icon);
  --list-item-bg: linear-gradient(0deg, #821a14, #eb4b1e);
  --agent-header-title-color: #d9d9d9;
  --agent-overview-bg: linear-gradient(180deg, #fff, #ffeb87 51.56%, #ffd400);
  --agent-overview-color: #6e0600;
  --agent-overview-borderColor: #6e05003c;
  --agent-footer-bg: linear-gradient(180deg, #cd2d00, #6e0600);
  --agent-footer-box-shadow: 0 0 0.285rem 0.035rem #121520;
  --agent-footer-svg: #edc87f;
  --unread-count-bg: #fff;
  --unread-count-color: #cd2d00;
  --deposit-border: #6e0600;
}

.t4-container.T6 .t4-header:after {
  width: 4rem;
  right: -0.7rem;
  top: -0.5rem;
}

.t4-container.T6 .mc-header-wrap {
  background: linear-gradient(270deg, #c30000, #d50000);
}

.t4-container.T6 .mc-header-wrap svg {
  fill: #fff;
}

.t4-container.T6 .t4-header-agent .agent-button-group .button-item.withdraw {
  background: var(--withdraw-btn-color);
  border: 0.02rem solid #f0f0f0;
  color: #fff;
}

.t4-container.T6
  .t4-header-agent
  .agent-button-group
  .button-item.withdraw
  svg {
  fill: #fff;
}

.t4-container.T6 .t4-agent-footer .unread-count {
  color: #fff;
  background: #6e0600;
}

.t4-container.agent {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  display: flex;
  flex-direction: column;
}

.t4-container.agent #mc-header {
  background: transparent !important;
}

.t4-container.agent #mc-header svg {
  fill: #fff;
}

.t4-container .unread-count {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0.12rem;
  top: 0.12rem;
  min-width: 0.36rem;
  height: 0.36rem;
  background: var(--unread-count-bg);
  border-radius: 50%;
  color: var(--unread-count-color);
  font-size: 0.22rem;
  font-weight: 600;
}

.t4-container .t4-header {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0.27rem auto 0.4rem;
  width: calc(100% - 0.68rem);
  border-radius: 0.3rem;
  background: var(--header-bg);
  position: relative;
  overflow: hidden;
  padding: 0.32rem 0.32rem 0.46rem;
  z-index: 1;
  min-height: 3.38rem;
}

.t4-container .t4-header:after {
  content: "";
  position: absolute;
  width: 3rem;
  height: 3.13rem;
  transform: rotate(22.198deg);
  border-radius: 0.5rem;
  background: var(--header-bg2);
  right: -0.5rem;
  top: -1.4rem;
  z-index: -1;
}

.t4-container .t4-header .memberInfo-t4-wrap {
  display: flex;
  align-items: stretch;
  min-height: 1rem;
  gap: 0.16rem;
}

.t4-container .t4-header .memberInfo-t4-wrap .profile-img {
  width: 0.82rem;
  height: 0.82rem;
}

.t4-container .t4-header .memberInfo-t4-wrap .profile-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.1rem;
  border-radius: 0.16rem;
  background: hsla(0, 0%, 100%, 0.1);
}

.t4-container .t4-header .memberInfo-t4-wrap .profile-info {
  flex: 1 1 0%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.t4-container .t4-header .memberInfo-t4-wrap .user-name {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.t4-container .t4-header .memberInfo-t4-wrap .account-txt {
  color: #fff;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
}

.t4-container .t4-header .memberInfo-t4-wrap .nickname-edit {
  margin-top: 0.12rem;
  color: var(--nickname-font-colot);
  font-size: 0.2rem;
  font-weight: 400;
}

.t4-container .t4-header .memberInfo-t4-wrap .vip-wrap {
  font-size: 0.2rem;
  font-weight: 800;
  background: var(--vip-font-color);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.t4-container .t4-header .memberInfo-t4-wrap .sign-in {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.88rem;
  height: 0.52rem;
  border-radius: 0.5rem;
  background: rgba(0, 0, 0, 0.1);
  align-self: flex-start;
}

.t4-container .t4-header .memberInfo-t4-wrap .sign-in a {
  font-size: 0.24rem;
  font-weight: 600;
  color: #fff;
}

.t4-container .t4-header .memberInfo-amount-wrap {
  margin-top: 0.12rem;
  display: flex;
  align-items: center;
}

.t4-container .t4-header .memberInfo-amount-wrap .amount-item {
  flex: 1 1 0%;
  padding: 0.12rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
  border-radius: 0.12rem;
  background: hsla(0, 0%, 100%, 0.1);
  box-shadow: 0 0.02rem 0.04rem 0 rgba(0, 0, 0, 0.25);
  -webkit-backdrop-filter: blur(0.1rem);
  backdrop-filter: blur(0.1rem);
  font-size: 0.24rem;
  font-weight: 400;
  color: hsla(0, 0%, 100%, 0.8);
  min-height: 1rem;
}

.t4-container
  .t4-header
  .memberInfo-amount-wrap
  .amount-item:not(:first-child) {
  margin-left: 0.16rem;
}

.t4-container .t4-header .memberInfo-amount-wrap .amount-item .item-num {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.12rem;
  color: #fff;
  font-weight: 800;
}

.t4-container .t4-button-group {
  margin: 0.4rem auto;
  display: flex;
  align-items: stretch;
  gap: 0.28rem;
  width: calc(100% - 0.68rem);
}

.t4-container .t4-button-group .button-item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1 1 0%;
  border-radius: 0.5rem;
  min-height: 0.6rem;
  padding: 0.05rem 0.2rem;
  font-size: 0.24rem;
  font-weight: 600;
  color: #fff;
  gap: 0.08rem;
}

.t4-container .t4-button-group .button-item.deposit {
  border: 0.02rem solid var(--deposit-border);
  background: var(--deposit-btn-bg);
  color: var(--deposit-btn-color);
}

.t4-container .t4-button-group .button-item.deposit svg {
  fill: var(--deposit-btn-color);
}

.t4-container .t4-button-group .button-item.withdraw {
  background: var(--withdraw-btn-bg);
  color: var(--withdraw-btn-color);
}

.t4-container .t4-button-group .button-item.withdraw svg {
  fill: var(--withdraw-btn-color);
}

.t4-container .t4-button-group .button-item.mycard {
  border: 0.02rem solid hsla(0, 0%, 100%, 0.1);
  background: var(--mycard-btn-bg);
  color: var(--mycard-btn-color);
  box-shadow: var(--mycard-shadow);
}

.t4-container .t4-button-group .button-item svg {
  fill: #fff;
  flex: 0 0 0.36rem;
  width: 0.36rem;
  height: 0.36rem;
}

.t4-container .member-home-t4 {
  flex: 1 1 0%;
  width: calc(100% - 0.68rem);
  margin: 0 auto;
  padding: 0 0 1rem;
}

.t4-container .member-home-t4.agent {
  padding: 0 0 0.4rem;
}

.t4-container .member-home-t4 .t4-list-wrap {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 0.32rem 0.18rem;
}

.t4-container .member-home-t4 .t4-list-item {
  min-height: 1.54rem;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc(25% - 0.14rem);
  border-radius: 0.2rem;
  border: 0.02rem solid hsla(0, 0%, 100%, 0.1);
  background: var(--list-item-bg);
  box-shadow: var(--list-box-shadow);
  padding: 0.24rem 0.1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  word-break: break-word;
  position: relative;
}

.t4-container .member-home-t4 .t4-list-item svg {
  width: 0.44rem;
  height: 0.44rem;
  fill: var(--svg-default-fill);
}

.t4-container .member-home-t4 .t4-list-item .item-txt {
  margin-top: 0.12rem;
  font-size: 0.24rem;
  font-weight: 600;
  color: #fff;
}

.t4-container .t4-header-agent {
  display: flex;
  flex-direction: column;
  margin: 0.27rem auto 0.4rem;
  width: calc(100% - 0.68rem);
  border-radius: 0.3rem;
  background: var(--header-bg);
  position: relative;
  overflow: hidden;
  padding: 0.32rem 0.32rem 0.46rem;
  z-index: 1;
  min-height: 3.38rem;
  color: #fff;
  font-size: 0.28rem;
  font-weight: 400;
}

.t4-container .t4-header-agent .agent-info {
  display: flex;
  align-items: center;
  gap: 0.12rem;
}

.t4-container .t4-header-agent .agent-info img {
  width: 0.4rem;
  height: 0.4rem;
}

.t4-container .t4-header-agent .agent-amount {
  margin: 0.3rem 0 0.45rem;
  display: flex;
  align-items: center;
  gap: 0.12rem;
}

.t4-container .t4-header-agent .agent-amount .amount-title {
  color: var(--agent-header-title-color);
}

.t4-container .t4-header-agent .agent-amount .item-num {
  font-size: 0.6rem;
  font-weight: 600;
}

.t4-container .t4-header-agent .agent-button-group {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0.2rem;
  gap: 0.6rem;
}

.t4-container .t4-header-agent .agent-button-group .button-item {
  flex: 1 1 0%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.41rem;
  gap: 0.15rem;
  min-height: 0.82rem;
  padding: 0.05rem 0.2rem;
  font-size: 0.24rem;
  font-weight: 600;
}

.t4-container .t4-header-agent .agent-button-group .button-item.deposit {
  background: var(--withdraw-btn-bg);
  color: var(--withdraw-btn-color);
}

.t4-container .t4-header-agent .agent-button-group .button-item.withdraw {
  background: var(--deposit-btn-bg);
  color: var(--deposit-btn-color);
}

.t4-container .t4-header-agent .agent-button-group .button-item.withdraw svg {
  fill: var(--deposit-btn-color);
}

.t4-container .t4-header-agent .agent-button-group .button-item svg {
  width: 0.42rem;
  height: 0.42rem;
}

.t4-container .t4-agent-footer {
  width: 100%;
  display: flex;
  align-items: center;
  min-height: 1rem;
  background: var(--agent-footer-bg);
  box-shadow: var(--agent-footer-box-shadow);
}

.t4-container .t4-agent-footer .t4-list-item {
  flex: 1 1 0%;
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;
}

.t4-container .t4-agent-footer .t4-list-item.regcen svg {
  width: 0.48928rem;
  height: 0.48985rem;
}

.t4-container .t4-agent-footer .t4-list-item.dividend svg {
  width: 0.44rem;
  height: 0.37rem;
}

.t4-container .t4-agent-footer .t4-list-item.notice svg {
  width: 0.42999rem;
  height: 0.40999rem;
}

.t4-container .t4-agent-footer .t4-list-item .item-icon {
  position: relative;
  height: 0.5rem;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.t4-container .t4-agent-footer .t4-list-item svg {
  fill: var(--agent-footer-svg);
  width: 0.5rem;
  height: 0.5rem;
}

.t4-container .t4-agent-footer .unread-count {
  right: -0.3rem;
  top: -0.24rem;
  -webkit-filter: drop-shadow(0 0.03rem 0.08rem rgba(236, 72, 97, 0.5));
  filter: drop-shadow(0 0.03rem 0.08rem rgba(236, 72, 97, 0.5));
}

.t4-container .t4-agent-footer .item-txt {
  margin-top: 0.07rem;
  font-size: 0.24rem;
  font-weight: 400;
  color: #fff;
}

.t4-container .t4-agent-overview {
  width: calc(100% - 0.68rem);
  margin: 0 auto 0.4rem;
  display: flex;
  align-items: center;
  border-radius: 0.2rem;
  background: var(--agent-overview-bg);
  box-shadow: 0 0.1rem 0.3rem 0 rgba(0, 0, 0, 0.12);
  min-height: 1.6rem;
  color: var(--agent-overview-color);
  font-size: 0.24rem;
  font-weight: 400;
}

.t4-container .t4-agent-overview .content-item {
  flex: 1 1 0%;
  position: relative;
  padding: 0 0.1rem;
  text-align: center;
  display: flex;
  flex-direction: column;
}

.t4-container .t4-agent-overview .content-item:not(:last-child):after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.02rem;
  height: 0.48rem;
  background: var(--agent-overview-borderColor);
}

.t4-container .t4-agent-overview .content-item .info-num {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 0.6rem;
  font-size: 0.4rem;
  font-weight: 700;
}

.t4-container .agent-content-wrap {
  flex: 1 1 0%;
  overflow-y: auto;
}

@supports (height: 1dvh) {
  :root {
    --vh: 1dvh;
  }
}

body {
  position: static !important;
  -webkit-overflow-scrolling: touch !important;
  font-family:
    SF Pro Text,
    SF Pro Icons,
    Helvetica Neue,
    Helvetica,
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    PingFang SC,
    Hiragino Sans GB,
    Microsoft YaHei,
    Arial,
    sans-serif;
}

html[data-contain="1"] {
  height: 100%;
}

html[data-contain="1"] body.mc-layout-wrapper {
  height: 100%;
}

html[data-contain="1"] body.mc-layout-wrapper #root.mc-root-wrap {
  height: 100%;
  overflow: hidden;
  display: block;
}

html[data-contain="1"]
  body.mc-layout-wrapper
  #mc-animate-container:has(.agent-register-tab),
html[data-contain="1"]
  body.mc-layout-wrapper
  #mc-animate-container:has(.reward-content),
html[data-contain="1"]
  body.mc-layout-wrapper
  #mc-animate-container:has(.temu-history-wrap) {
  height: 100vh;
  overflow: auto;
}

html[data-contain="1"]
  body.mc-layout-wrapper
  #mc-animate-container:has(#v2-vc-container) {
  height: 100vh;
}

html[data-contain="1"] body.mc-layout-wrapper #mc-app-home-root.mc,
html[data-contain="1"] body.mc-layout-wrapper .addBank_root,
html[data-contain="1"] body.mc-layout-wrapper .agent-overview-wrapper,
html[data-contain="1"] body.mc-layout-wrapper .mc-profitLoss-record-root,
html[data-contain="1"] body.mc-layout-wrapper .personalCenter,
html[data-contain="1"] body.mc-layout-wrapper .reward-center-container,
html[data-contain="1"] body.mc-layout-wrapper .security-center {
  height: 100vh;
  overflow-y: auto;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  -webkit-font-smoothing: antialiased;
}

.mc-home-test-link {
  display: inline-block;
  font-size: 0.4rem;
  width: 100%;
  padding: 0.3rem 0.4rem;
  background: #6495ed;
  color: #fff;
  text-align: center;
}

.mc-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.mc-flex-start {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.mc-flex-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.fade-enter {
  opacity: 0;
  z-index: 1;
}

.fade-enter.fade-enter-active {
  opacity: 1;
  transition: opacity 0.24s ease-in;
}

.fade-exit.fade-exit-active {
  opacity: 0;
}

.sliding-enter {
  position: absolute;
  opacity: 0;
  transform: translateX(100%);
}

.sliding-enter-active {
  position: static;
  opacity: 1;
  transform: translateX(0);
  transition: all 0.5s;
}

.sliding-exit {
  position: absolute;
  top: 0;
  opacity: 1;
  transform: translateX(0);
}

.sliding-exit-active {
  transition: all 0.5s;
}

.sliding-exit-active,
.sliding-out-enter {
  opacity: 0;
  transform: translateX(-100%);
}

.sliding-out-enter-active {
  opacity: 1;
  transform: none;
  transition: all 0.25s linear;
}

.sliding-out-exit {
  position: fixed;
  top: 0;
  width: 100%;
  opacity: 1;
  transform: translateX(0);
}

.sliding-out-exit-active {
  opacity: 0;
  transform: translate(100%);
  transition: all 0.5s;
}

.this-home-bg {
  width: 100%;
  height: 100%;
}

input {
  display: block;
  width: 100%;
  outline: none;
  -webkit-appearance: none;
}

.mc_app_list {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.mc_common_overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.26rem;
}

.flex-text {
  font-size: 0.35rem;
  height: 1.05rem;
  margin: 0.15rem 0.4rem 0.05rem;
}

.btn-gray {
  background-image: -moz-linear-gradient(
    -93deg,
    #cecece 0,
    #c4c4c4 100%
  ) !important;
  background-image: -webkit-linear-gradient(
    -93deg,
    #cecece,
    #c4c4c4
  ) !important;
  background-image: -ms-linear-gradient(
    -93deg,
    #cecece 0,
    #c4c4c4 100%
  ) !important;
  box-shadow: 0 0.05rem 0.189rem 0.021rem rgba(5, 0, 0, 0.11);
}

.btn-gray,
.v-detail-base .btn-success {
  border-radius: 0.15rem !important;
  transition: all 0.3s linear;
}

.v-detail-base .btn-success {
  background: unset;
  background-image: -webkit-linear-gradient(-90deg, #ff3a3e, #ff1e30);
  box-shadow: 0 0.1rem 0.2rem 0 rgba(255, 0, 16, 0.4);
  color: #fffefe !important;
  margin-bottom: 1em;
}

.clearfix:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}

.flex-submit {
  background: none !important;
  border: none !important;
}

.icon-down {
  position: relative;
}

.icon-down svg {
  position: absolute;
  top: 0.3rem;
  left: 50%;
  transform: translateX(-50%);
}

.bank-select {
  margin: 0.15rem 0.4rem 0.05rem !important;
  border-radius: 0.15rem !important;
  overflow: hidden !important;
}

.am-search-input .am-search-synthetic-ph {
  box-sizing: content-box;
}

.am-modal-mask,
.am-modal-wrap,
.am-popup,
.am-popup-mask {
  z-index: 9999999 !important;
}

.am-modal-wrap[role="dialog"] {
  z-index: 9999999 !important;
}

.am-toast {
  z-index: 10000001 !important;
}

.am-search-clear-show {
  top: 50% !important;
  transform: translateY(-50%);
}

.am-search-start .am-search-synthetic-ph-placeholder {
  visibility: hidden !important;
}

#mc-animate-container .am-whitespace.am-whitespace-lg {
  height: 0.3rem;
}

#mc-animate-container .flex-shrink1 {
  flex-shrink: 1;
}

#recaptcha-container,
#recaptcha-container-v2 {
  display: none;
}

.default-font-size {
  font-size: 0.5rem !important;
}

.rmii-list-container {
  text-align: left;
}

.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-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);
  }
}

.sec_card .am-list-header {
  border-bottom: 1px solid #064ecd;
  background: #e4e4e4;
}

.sec_card_header {
  position: relative;
  height: 0.5rem;
  font-size: 0.32rem;
}

.popup-list.sec_card {
  height: 4.5rem;
  margin-bottom: 0.3rem;
}

.sec_card_body {
  overflow-y: scroll;
}

.ivi-icon svg {
  display: none;
}

.id-verification-icon {
  width: 0.8rem;
  display: inline-block;
  height: 0.7rem;
  background: url(/mobile/mc/verification.6b67d2b8.png) no-repeat 50%/80% auto;
}

.is-comp {
  border-radius: 0.04rem;
  border: 1px solid #06c900;
  color: #06c900;
}

.is-comp,
.no-comp {
  padding: 0.04rem 0.08rem;
  display: inline-block;
  font-style: normal;
  font-size: 0.22rem;
  margin-left: 0.2rem;
}

.no-comp {
  border-radius: 0.04rem;
  border: 1px solid #666;
  color: #666;
}

.security-center {
  height: 100%;
  width: 100%;
  background-image:
    linear-gradient(#f5f5f5, #f5f5f5), linear-gradient(#ccc, #ccc);
}

.card-container {
  overflow: hidden;
  padding-bottom: 0.25rem;
}

.card-btm .am-list-body:last-child:after {
  border-bottom: 0;
}

.circleL {
  transition: stroke-dasharray 0.25s;
  -webkit-transition: stroke-dasharray 0.25s;
  text-align: center;
  display: inline-block;
  margin-right: 0.15rem;
}

.circleR {
  text-align: left;
  position: relative;
  margin-top: 0.45rem;
}

.add-card-list {
  overflow: hidden;
  overflow-y: auto;
  height: 4.8rem;
}

.circleR-header {
  font-size: 0.4rem;
}

.u-full {
  flex: 0 0 100% !important;
}

.u-1of2 {
  flex: 0 0 50% !important;
}

.u-1of3 {
  flex: 0 0 33.3333% !important;
}

.u-1of4 {
  flex: 0 0 25% !important;
}

.u-1of5 {
  flex: 0 0 13.5% !important;
}

.card-list-item {
  margin: 0.25rem;
  text-align: right;
  min-height: 2rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: left;
  background: #fff;
  box-shadow: 0 0.06rem 0.32rem 0 rgba(0, 0, 0, 0.08);
  border-radius: 0.1rem;
  padding: 0.2rem;
  gap: 0.3rem;
}

.circle-root {
  width: 1.6rem;
  height: 1.6rem;
}

.flex-center {
  margin-top: -0.2rem;
  height: 100%;
  text-align: left;
}

.base-item {
  width: 100%;
}

.center-header {
  font-size: 0.3rem;
  margin-bottom: 0.25rem;
  color: #48484e;
  font-weight: 700;
  display: inline-block;
}

.center-svgBox {
  display: inline-block;
  color: #fde006;
  height: 0.52rem;
  width: 1.8rem;
  vertical-align: sub;
  margin-left: 0.1rem;
}

.center-svgL {
  width: 0.35rem;
  height: 0.35rem;
}

.flex-text-tips {
  color: #ea3324;
  font-size: 0.3rem;
  margin-top: 0.23rem;
  font-weight: 500;
  padding: 0 0.2rem;
  margin-bottom: 0.22rem;
  text-align: center;
  width: 100%;
  letter-spacing: 0.013rem;
}

.flex-tips {
  color: #878787;
  font-size: 0.24rem;
  line-height: 0.38rem;
  word-break: break-word;
  white-space: wrap;
  max-width: 100%;
}

.flex-list-item {
  height: 100%;
  position: relative;
  width: 100%;
  padding-left: 0;
}

.flex-grad {
  text-align: center;
  display: inline-block;
  position: absolute;
}

.flex-list-con {
  flex: 1 1 0%;
  display: inline-block;
  font-size: 0.3rem;
  padding: 0 0.25rem;
}

.kyc-sett-text {
  font-size: 0.21rem;
  font-weight: 500;
  color: red;
}

.kyc-sett-text.isDone {
  padding: 0.05rem;
  border: 0.5px solid #06c900;
  color: #06c900;
}

.flex-list-header {
  font-weight: 700;
  font-size: 0.28rem;
  margin: 0.05rem 0.05rem 0.05rem 0;
  position: relative;
  color: #5e5e5e;
}

.flex-list-text {
  margin-right: 0.15rem;
  color: #595959;
  white-space: normal;
}

.flex-list-icon-unsett {
  color: #ff2627;
}

.flex-list-icon {
  color: #00e354;
  font-size: 0.15rem;
  position: relative;
  height: 0.6rem;
}

.flex-container-card {
  margin-bottom: 0.5rem;
  display: flex;
  width: 100%;
}

.add-mask {
  background: rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999;
  position: fixed;
}

.add-userName {
  background: #fff;
  width: 4.2rem;
  height: 2.5rem;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 0.2rem;
  margin-left: -2.1rem;
  margin-top: -1.25rem;
}

.currcy-card-flex {
  position: relative;
}

.error-text,
.nodata-text {
  color: #888;
  font-size: 0.28rem;
}

.error-text {
  margin-top: 0.1rem;
}

.vou-list-div {
  width: 100%;
  padding: 0.8rem 0;
  text-align: center;
}

.vou-list-div img {
  width: 100%;
  margin: 0 auto;
}

.goto-enter {
  background: #e4393c;
  height: 35%;
  border-bottom-right-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
  text-align: center;
  line-height: 0.75rem;
  background-image: -moz-linear-gradient(
    -90deg,
    #ff3a3e 0,
    #ff1e30 100%
  ) !important;
  background-image: -webkit-linear-gradient(
    -90deg,
    #ff3a3e,
    #ff1e30
  ) !important;
  background-image: -ms-linear-gradient(
    -90deg,
    #ff3a3e 0,
    #ff1e30 100%
  ) !important;
  box-shadow: 0 0.05rem 0.189rem 0.021rem rgba(7, 0, 0, 0.11) !important;
  color: #fffefe !important;
}

.goto-enter a {
  display: block;
  color: #fffffe;
}

.flex-list-title {
  color: #a6a6a6;
  font-size: 0.22rem;
  padding-right: 0.15rem;
  word-wrap: break-word;
  white-space: normal;
  overflow: hidden;
}

.flex-list-desc {
  white-space: normal;
  word-break: break-word;
  padding-right: 0.3rem;
}

.flex-grad-arrows {
  position: absolute;
  right: 0.3rem;
  top: 50%;
  transform: translateY(-50%);
  color: #a6a6a6;
  display: flex;
  align-items: center;
}

.mc .am-list-item .am-list-line {
  padding-right: 0;
}

.flex-container {
  text-align: center;
  min-height: 2rem;
  overflow: hidden;
}

.flex-base {
  height: 1.05rem;
  border-radius: 0.1rem;
  border: 1px solid #ccc;
  margin: 0.15rem 0.4rem 0.03rem;
  font-size: 0.35rem;
  overflow: hidden;
}

.submitBtn {
  width: 100%;
  height: 1.05rem;
}

.add-picker {
  width: 100%;
  height: 100%;
  position: relative;
}

.add-inputIcon {
  position: absolute;
  top: 0;
  right: 0;
  width: 14%;
  height: 100%;
  background: #3b79f3;
  text-align: center;
  line-height: 1.05rem;
  border-radius: 0 0.15rem 0.15rem 0;
}

.flex-text-other {
  font-size: 0.33rem;
  height: 1.05rem;
  margin: 0.15rem 0.4rem 0.05rem 0.45rem;
  font-weight: 700;
  color: #0a0a0a;
}

.flex-text-other span {
  font-weight: 400;
  font-size: 0.35rem;
}

.space-bet {
  margin-top: 3.5rem;
}

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

.btn-gray {
  border-radius: 0.1rem !important;
  background: #d8d8d8;
  transition: all 0.3s linear;
}

.enterButton {
  height: 1.05rem;
  border-radius: 0.1rem;
  margin: 0 0.4rem;
  font-size: 0.28rem;
  color: #fff;
  line-height: 1.05rem;
}

.placeholder {
  font-size: 0.29rem;
  color: #a8a8a8;
  padding-left: 0.28rem;
  width: 1.85rem;
}

.btn-success {
  border-radius: 0.15rem;
  color: #fffefe !important;
  transition: all 0.3s linear;
}

.v-base .errors {
  color: red;
  font-size: 0.28rem;
  line-height: 1.5;
  min-height: 0.4rem;
  margin: 0.15rem 0.4rem 0.16rem 0;
}

.link {
  display: block;
  width: 100%;
  height: 100%;
}

.inputBox {
  width: 100%;
  height: 0.75rem;
}

.inputBox input::-webkit-input-placeholder {
  font-size: 0.3rem;
}

.inputBox input::placeholder {
  font-size: 0.3rem;
}

.flex-container .am-flexbox {
  overflow: hidden;
}

.input-base {
  width: 100%;
  height: 100%;
  display: block;
  border: none;
  padding-right: 0.2rem;
}

.icon-downArrows {
  line-height: 1.1rem;
}

.flex-card {
  width: 100%;
  background: #f6f6f6;
  padding-top: 0.2rem;
}

.add-card {
  height: 1.8rem;
  line-height: 1.8rem;
  background: #e6e6e6;
  margin: 0 auto;
}

.add-card,
.bank-card {
  width: 85%;
  text-align: center;
  font-size: 0.55rem;
  color: #fff;
  border-top-right-radius: 0.15rem;
  border-top-left-radius: 0.15rem;
  z-index: 10;
}

.bank-card {
  height: 2rem;
  line-height: 2rem;
  margin: 0.3rem auto;
}

.bank-card .add-button {
  background: #7883a1;
  display: inline-block;
  width: 2.6rem;
  font-size: 0.28rem;
  height: 0.8rem;
  line-height: 0.8rem;
  border-radius: 0.5rem;
}

.bank-card svg {
  width: 0.5rem;
  height: 0.5rem;
  position: relative;
  top: 0.13rem;
}

.icon-title {
  width: 100%;
  height: 0.75rem;
  text-align: left;
  position: relative;
}

.icon-bank {
  height: 0.75rem;
  padding: 0.1rem 0.15rem;
}

.icon-bank > span {
  display: block;
  width: 100%;
  height: 100%;
  background-size: 3.35rem;
  background-repeat: no-repeat;
}

.num-title {
  text-align: center;
  height: 1.05rem;
  line-height: 1.05rem;
  font-size: 0.65rem;
}

.flex-icon {
  text-align: center;
  display: block;
  overflow: hidden;
}

.flex-icon-other {
  margin-top: -0.25rem;
}

.flex-icon a {
  display: block;
  width: 100%;
  height: 100%;
}

.icon-add {
  margin: 0 auto;
  width: 1.2rem;
  height: 1.2rem;
  background: red;
  border: 0.06rem solid #fff;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  line-height: 0.85rem;
  box-shadow:
    -1px 0 0.15rem #cccccd,
    1px 0 0.15rem #cccccd,
    0 -1px 0.15rem #cccccd,
    0 1px 0.15rem #fff;
}

.icon-add span {
  font-size: 1rem;
}

.default-add {
  color: #fff;
}

.wing-bank {
  margin-top: 0.3rem;
}

.flex-text1 {
  font-size: 0.4rem;
  text-align: center;
  color: #3786ff;
  margin-bottom: 0.35rem;
}

.flex-text2 {
  font-size: 0.26rem;
  text-align: center;
  color: #adadad;
}

.add-area {
  position: relative;
  height: 100%;
}

.addBank_root .account-form-group {
  margin-bottom: 0.1rem !important;
}

.addBank_root .payeeName {
  margin-left: 0.5rem;
  margin-bottom: 0.2rem;
  margin-top: 0.3rem;
}

.addBank_root .error {
  font-size: 0.26rem;
}

.addBank_root .error,
.addBank_root .tip {
  text-align: left;
  color: red;
  font-weight: 700;
  padding: 0.05rem 0;
}

.addBank_root .tip {
  font-size: 0.3rem;
}

.addBank_root .flex-money-contentbank-select {
  margin-bottom: 0.1rem;
}

.addBank_root .select-bank-type {
  border-radius: 0.16rem;
  border: 0.02rem solid rgba(0, 0, 0, 0.2);
  background: #fff;
  padding: 0.2rem 0.06rem;
}

.addBank_root .error.has-error {
  margin-bottom: 0.1rem;
}

.addBank_root .account-form-group.province {
  border-radius: 0.1rem;
}

.inputBox-other {
  width: 100%;
  height: 0.75rem;
  color: #747474;
  overflow: hidden;
}

.inputBox-other input::-webkit-input-placeholder {
  font-size: 0.35rem;
  line-height: 0.5rem;
  color: #888;
}

.inputBox-other input::placeholder {
  font-size: 0.35rem;
  line-height: 0.5rem;
  color: #888;
}

.security-center .security-circle {
  width: 1.6rem;
  height: 1.6rem;
  position: relative;
  left: auto;
  top: auto;
  transform: none;
}

.security-center .security-circle canvas {
  top: auto;
  left: auto;
}

.pieChart {
  width: 2.1rem;
  height: 2.1rem;
}

.recharts-surface {
  transform: scale(1.3);
}

.pie_left,
.pie_right,
.security-center .left,
.security-center .right {
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: 0;
  left: 0;
}

.security-center .left,
.security-center .right {
  background: #0ac;
  border-radius: 50%;
}

.pie_right,
.security-center .right {
  clip: rect(0, auto, auto, 1rem);
}

.pie_left,
.security-center .left {
  clip: rect(0, 1rem, auto, 0);
}

.origin {
  position: relative;
}

.mask {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1rem;
  height: 1rem;
  line-height: 1rem;
  border-radius: 50%;
  background: #fff;
  text-align: center;
  font-size: 0.36rem;
  font-weight: 700;
  transform: translate(-50%, -50%);
  color: #08c;
}

.none {
  display: none;
}

.life-cycle-bg {
  background: pink;
}

.parent-life-cycle-bg {
  background: #add8e6;
}

.am-action-sheet-button-list-item {
  font-size: 0.32rem !important;
  height: 0.8rem !important;
  line-height: 0.8rem !important;
}

.bankcard.c0 {
  background-image: -moz-linear-gradient(-3deg, #c47ff4 0, #eb498e 100%);
  background-image: -webkit-linear-gradient(-3deg, #c47ff4, #eb498e);
  background-image: -ms-linear-gradient(-3deg, #c47ff4 0, #eb498e 100%);
}

.bankcard.c1 {
  background-image: -moz-linear-gradient(0deg, #5775e6 0, #7f45c9 100%);
  background-image: -webkit-linear-gradient(0deg, #5775e6, #7f45c9);
  background-image: -ms-linear-gradient(0deg, #5775e6 0, #7f45c9 100%);
}

.bankcard.c2 {
  background-image: -moz-linear-gradient(0deg, #ffbe80 0, #ff978a 100%);
  background-image: -webkit-linear-gradient(0deg, #ffbe80, #ff978a);
  background-image: -ms-linear-gradient(0deg, #ffbe80 0, #ff978a 100%);
}

.bankcard.c3 {
  background-image: -moz-linear-gradient(0deg, #69f2a9 0, #5accf1 100%);
  background-image: -webkit-linear-gradient(0deg, #69f2a9, #5accf1);
  background-image: -ms-linear-gradient(0deg, #69f2a9 0, #5accf1 100%);
}

.bankcard.c4 {
  background-image: -moz-linear-gradient(0deg, #3be4fd 2%, #2d8afd 98%);
  background-image: -webkit-linear-gradient(0deg, #3be4fd 2%, #2d8afd 98%);
  background-image: -ms-linear-gradient(0deg, #3be4fd 2%, #2d8afd 98%);
}

.bankcard.c5 {
  background: #cecfd6;
}

.show-tips {
  width: 80%;
  margin: 0 auto;
  text-align: left;
  padding: 0.2rem;
}

.show-tips.error {
  color: #ff1e30;
  font-size: 0.24rem;
}

.show-tips.prompt {
  color: #adadad;
  font-size: 0.24rem;
}

.btn-copy-code {
  border: 1px solid #108ee9;
  font-size: 0.24rem;
  color: #108ee9;
  border-radius: 0.1rem;
  margin: 0 0 0 0.2rem;
  padding: 0.04rem 0.12rem;
  display: inline-block;
}

#canvas_1,
#canvas_2 {
  height: 1.6rem;
  width: 1.6rem;
}

.fundspassword-desc {
  margin-top: -0.23rem;
  color: #bbb;
  font-size: 0.24rem;
  padding-left: 0.7rem;
  text-align: left;
}

.disabled-backgroud-common {
  background: #ebebe4;
}

.nickname-panel input:disabled {
  background-color: #c1c1c1 !important;
}

.nickname-panel .flex-base.disabled {
  background-color: #c1c1c1;
}

.account-form .account-form-group.has-error {
  margin-bottom: 0.1rem;
}

.edit-icon {
  width: 0.32rem;
  height: 0.32rem;
}

.edit-icon,
.icon-complete {
  position: relative;
  top: 0.1rem;
}

.icon-complete {
  margin-right: 0.06rem;
}

.sms-btn {
  margin-top: 0.2rem;
}

.mobileNum-tips {
  color: red;
  padding: 0.05rem 0;
  font-size: 0.26rem;
  display: inherit;
  text-align: right !important;
}

.bank-card-container .tcg-tips,
.choose-bank-type {
  margin-bottom: 0.35rem;
}

.addBank_root .type-group-area {
  border-radius: 0 0 0.16rem 0.16rem;
  border: 0.02rem solid rgba(0, 0, 0, 0.2);
  border-top: none;
  padding: 0.1rem;
  background: #fff;
  margin: -0.3rem 0 0.3rem;
}

.addBank_root .type-group-area + .payment-password {
  margin-top: 0.2rem;
}

.bank-card-container {
  text-align: left;
  padding-bottom: 1rem !important;
}

.add-card-number .mc-account-list {
  display: inline-block;
  width: 61%;
  vertical-align: top;
}

.add-card-number {
  margin-bottom: 0.3rem;
}

.add-card-number > a {
  display: inline-block;
  width: calc(37% - 0.1rem);
  vertical-align: top;
  box-shadow: none !important;
  margin-left: 0.1rem;
  height: 1.05rem;
  line-height: 1.05rem;
}

.add-card-number > a.btn-gray {
  font-size: 0.24rem;
  white-space: normal;
  word-break: break-word;
  line-height: normal;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.add-card-number .btn-success {
  margin-bottom: 0;
}

.fpb-container {
  padding-top: 0.2rem;
}

.fpb-container .code-tip {
  color: red;
  font-size: 0.28rem;
  word-break: break-word;
  line-height: normal;
  margin: -0.1rem 5% 0.2rem;
}

.bank-card-container .brl-tip-info .tip-item {
  color: red;
  font-size: 0.24rem;
  line-height: 0.34rem;
}

.security-center .card-btm {
  padding-bottom: 0.15rem;
  margin-bottom: 0.5rem;
  width: 100%;
  height: 100%;
}

.security-center .card-btm .am-list-body {
  border-top: 0;
  box-shadow: 0 0.06rem 0.32rem 0 rgba(0, 0, 0, 0.08);
  border-radius: 0.1rem;
  background-image:
    linear-gradient(#f5f5f5, #f5f5f5), linear-gradient(#ccc, #ccc);
}

.security-center .card-btm .am-list-body .am-list-line {
  padding: 0 0.7rem 0 0.4rem;
}

.security-center .card-btm .am-list-item {
  margin-top: 1px;
  box-sizing: content-box;
}

.security-center .card-btm .am-list-content {
  gap: 0.4rem;
  display: flex;
}

.security-center-container .account-form {
  text-align: left;
}

.security-center-container .account-form.has-inputIcon input {
  padding-right: 14%;
}

.security-center-container .flex-base {
  position: relative;
}

.security-center-container .forget-fpwd {
  margin: 0;
  padding: 0 5%;
}

.ga-auth .submit {
  margin-top: 0.3rem;
}

.ga-auth canvas {
  display: inline-block;
  width: 3.75rem !important;
  height: 3.75rem !important;
}

.ga-auth .txt-gray {
  padding: 0 0.4rem;
}

.ga-auth .am-flexbox.errors {
  margin: 0;
}

.sms-verification .account-form-group.country-code {
  margin-bottom: 0 !important;
  flex-wrap: wrap;
}

.sms-verification .country-code + .account-errors {
  flex: 0 0 100%;
  margin-bottom: 0.3rem;
}

.sms-verification .sms-send {
  position: absolute;
  top: 50%;
  right: 0.16rem;
  transform: translateY(-50%);
  font-size: 0.24rem;
  min-width: 1rem;
  max-width: 2rem;
  height: auto;
  line-height: 1.5;
  padding: 0.1rem 0.05rem;
}

.sms-verification .sms-send.btn-gray {
  font-size: 0.2rem;
  white-space: normal;
}

.sms-verification .mc-account-list {
  position: relative;
}

.sms-verification .mc-account-list input {
  direction: ltr;
}

.sms-verification .input-number-show {
  position: absolute;
  width: calc(100% - 3em);
  right: 0.07rem;
  height: 0.97rem;
  top: 0.04rem;
  padding-left: 0.1rem;
  line-height: 0.97rem;
  background-color: #efefef;
}

.sms-verification .input-number-show.dis {
  background-color: #c1c1c1;
}

.sms-verification .verify-tip {
  margin: 0.2rem 0;
  color: #e4393c;
  font-size: 0.28rem;
  word-break: break-word;
  line-height: normal;
}

.sms-verification .contact-service {
  white-space: break-spaces;
  justify-content: flex-end;
  display: flex;
}

.sms-verification .contact-service .title {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}

.sms-verification .contact-service .link {
  width: auto;
  color: blue;
}

.addBank_root .account-form-group .input-group {
  background-color: #efefef;
}

.addBank_root .account-form-group .bankCardInput {
  background-color: transparent;
  z-index: 1;
}

.addBank_root .account-form-group .bankCardInput:disabled {
  background: #c1c1c1;
  color: #a1a1a1;
}

.addBank_root .account-form-group .bankCardInput-placeholder {
  display: flex;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 1.05rem;
  top: 0;
  color: #a1a1a1;
  font-size: 0.31rem;
  padding-left: 0.94rem;
}

.addBank_root .mobile-input-wrapper .mobile-tip {
  margin: 0.2rem 0 0.1rem;
  color: #747474;
}

.addBank_root .mobile-input-wrapper .mobile-tip span {
  font-weight: 700;
  padding-left: 0.1rem;
}

.addBank_root:not(.CN) .tcg-tips div {
  max-height: -webkit-fit-content;
  max-height: -moz-fit-content;
  max-height: fit-content;
}

.funds-password .forget-fpwd {
  padding: 0;
}

.mc-test-root .let_link {
  display: flex;
}

.mc-test-root .let_link a {
  font-size: 0.3rem;
  line-height: 0;
  border: 1px solid #dedede;
  padding: 0.3rem 0.08rem;
  color: #fff;
  display: inline-block;
  margin: 0 0.08rem;
  border-radius: 0.04rem;
  text-align: center;
  flex: 1 1 0%;
}

.mc-test-root .let_service {
  margin-top: 0.6rem;
}

.mc-test-root .outter_form .service_center {
  margin-top: 0.4rem;
  background: none;
  color: #fff;
  border: 1px solid #fff;
  font-size: 0.24rem;
}

.new-date-picker .am-popup {
  background: transparent;
}

.new-date-picker .date-picker-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.4);
}

@keyframes toTopspick {
  0% {
    bottom: -100%;
  }
  to {
    bottom: 0;
  }
}

.new-date-picker .date-picker-content {
  position: relative;
  width: 100%;
  z-index: 2;
  background-color: #fff;
}

.new-date-picker .date-picker-content .btn-clear-date {
  font-size: 0.24rem;
  position: absolute;
  color: #4c84f7;
  right: 1em;
  top: 0.14rem;
  max-width: 2rem;
  line-height: 1.2;
}

.new-date-picker .date-picker-content .date-picker-title {
  display: flex;
  justify-content: center;
  height: 0.66rem;
  line-height: 0.64rem;
  font-size: 0.26rem;
  border-bottom: 0.02rem solid #ebebeb;
  font-weight: 700;
  color: #898989;
}

.new-date-picker .date-picker-content .date-picker-title .picker-end-date,
.new-date-picker .date-picker-content .date-picker-title .picker-start-date {
  margin: 0 0.15rem;
}

.new-date-picker .date-picker-content .date-picker-title .active-item {
  color: #4c84f7;
}

.new-date-picker .date-picker-warp {
  padding: 0 2.75%;
}

.new-date-picker .date-picker-warp .date-picker-month {
  display: flex;
  justify-content: space-between;
  margin-top: 0.3rem;
  margin-bottom: 0.15rem;
  line-height: 0.3rem;
  font-weight: 700;
  color: #474747;
}

.new-date-picker .date-picker-warp .date-picker-month .btn-next-prev {
  width: 14.28%;
  text-align: center;
}

.new-date-picker .date-picker-warp .date-picker-month .disable-item {
  color: #ccc;
}

.new-date-picker .date-picker-warp .date-picker-week {
  display: flex;
}

.new-date-picker .date-picker-warp .pickter-item {
  width: 14.28%;
  text-align: center;
  line-height: 0.62rem;
  color: #474747;
  font-weight: 700;
  margin: 0.02rem 0;
  white-space: nowrap;
  position: relative;
  font-size: 0.26rem;
}

.new-date-picker .date-picker-warp .pickter-item:nth-child(7n) {
  border-radius: 0;
  box-shadow: none !important;
}

.new-date-picker
  .date-picker-warp
  .pickter-item:nth-child(7n).through-item:before {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  background-color: #e1ebfe;
  border-radius: 0 0.1rem 0.1rem 0;
  left: auto !important;
  right: calc((100% - 0.62rem) / 2) !important;
  width: calc(100% + 0.62rem) !important;
}

.new-date-picker .date-picker-warp .pickter-item:nth-child(7n + 1) {
  box-shadow: none !important;
  border-radius: 0 !important;
}

.new-date-picker
  .date-picker-warp
  .pickter-item:nth-child(7n + 1).active-item.end-item:before {
  display: none !important;
}

.new-date-picker
  .date-picker-warp
  .pickter-item:nth-child(7n + 1).through-item:before {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  background-color: #e1ebfe;
  content: "";
  border-radius: 0.1rem 0 0 0.1rem;
  left: calc((100% - 0.62rem) / 2) !important;
}

.new-date-picker .date-picker-warp .pickter-item.active-item {
  color: #fff;
}

.new-date-picker .date-picker-warp .pickter-item.active-item.end-item span,
.new-date-picker .date-picker-warp .pickter-item.active-item.start-item span {
  border-radius: 0.15rem;
  background-color: #4c84f7;
  width: 0.62rem;
  height: 0.62rem;
  display: inline-block;
}

.new-date-picker
  .date-picker-warp
  .pickter-item.active-item.start-item
  + .end-item:before,
.new-date-picker
  .date-picker-warp
  .pickter-item.active-item.start-item
  + .through-item:before {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  background-color: #e1ebfe;
  left: -50%;
}

.new-date-picker .date-picker-warp .pickter-item.through-item {
  background-color: #e1ebfe;
  box-shadow: 0.02rem 0 #e1ebfe;
  color: #4c84f7;
}

.new-date-picker
  .date-picker-warp
  .pickter-item.through-item
  + .end-item:before {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  background-color: #e1ebfe;
  left: -50%;
}

.new-date-picker .date-picker-warp .pickter-item.disable-item {
  color: #ccc !important;
}

.new-date-picker .date-picker-warp .pickter-item.week-item {
  color: #b9b9b9;
}

.new-date-picker .date-picker-warp .date-picker-days {
  display: flex;
  flex-wrap: wrap;
  font-size: 0.24rem;
  margin: 0.1rem 0 0.15rem;
}

.new-date-picker .date-picker-time {
  position: relative;
  height: 2.02rem;
  padding: 0 10%;
  border-top: 0.02rem solid #ebebeb;
  display: flex;
  align-items: center;
}

.new-date-picker .date-picker-time .time-picker-item {
  flex: 1 1 0%;
  display: block;
  position: relative;
  height: 100%;
  overflow: hidden;
  line-height: 1;
}

.new-date-picker .date-picker-time .time-picker-item .item-col-text {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  line-height: 0.66rem;
  font-size: 0.34rem;
  color: #474747;
}

.new-date-picker .date-picker-time .time-picker-item .item-col-mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 3;
  background-image:
    linear-gradient(180deg, #fff, hsla(0, 0%, 100%, 0.1) 50%),
    linear-gradient(0deg, #fff, hsla(0, 0%, 100%, 0.1) 50%);
  background-position: top, bottom;
  background-repeat: no-repeat;
  height: 100%;
  margin: 0 auto;
}

.new-date-picker .date-picker-time .time-picker-item .item-col-indicator {
  position: absolute;
  height: 0.66rem;
  left: 0;
  width: 100%;
  top: 0.67rem;
  z-index: 3;
}

.new-date-picker .date-picker-time .time-picker-item .item-col-content {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0.67rem 0;
  width: 100%;
  margin-top: -0.66rem;
  z-index: 1;
}

.new-date-picker
  .date-picker-time
  .time-picker-item
  .item-col-content
  .time-col-item {
  touch-action: manipulation;
  text-align: center;
  font-size: 0.45rem;
  height: 0.66rem;
  line-height: 0.66rem;
  color: #000;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
}

.new-date-picker
  .date-picker-time
  .time-picker-item
  .item-col-content
  .time-col-item.time-col-item-selected {
  transform: scale(1.7);
  color: #474747;
}

.new-date-picker:not(.CN) .date-picker-time {
  padding: 0 4%;
}

.new-date-picker:not(.CN) .date-picker-time .time-picker-item {
  max-width: 2.1rem;
}

.new-date-picker:not(.CN) .date-picker-time .time-picker-item:last-child {
  max-width: none;
}

.new-date-picker:not(.CN) .date-picker-time .time-picker-item .item-col-text {
  font-size: 0.23rem;
}

.new-date-picker:not(.CN)
  .date-picker-time
  .time-picker-item
  .item-col-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.new-date-picker:not(.CN)
  .date-picker-time
  .time-picker-item
  .item-col-content
  .time-col-item {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 0.4rem;
  padding-right: 0.2rem;
}

.new-date-picker:not(.CN)
  .date-picker-time
  .time-picker-item
  .item-col-content
  .time-col-item.time-col-item-selected {
  transform: scale(1.8);
  color: #474747;
}

.new-date-picker .btn-confirm-date {
  height: 0.9rem;
  background: #4c84f7;
  text-align: center;
  color: #fff;
  font-size: 0.34rem;
  line-height: 0.9rem;
}

.filter-time-btn span {
  display: inline-block;
  padding: 0 0.04rem;
}

.team-list-root {
  pointer-events: auto !important;
}

.team-member-item-content.pnl-team-item {
  padding-bottom: 0.05rem;
  border-bottom: 1px solid #f5f6f7;
}

.team-member-item-content.pnl-team-item .ti-item-container div {
  display: inherit;
  min-height: inherit;
}

.team-member-item-content.pnl-team-item .ti-item-container .list-content-top {
  display: flex;
  justify-content: space-between;
  padding: 0 0.4rem;
  width: 100%;
  background: #fcfcfc;
  flex: 0 0 100%;
}

.team-member-item-content.pnl-team-item
  .ti-item-container
  .list-content-top
  .list-left,
.team-member-item-content.pnl-team-item
  .ti-item-container
  .list-content-top
  .list-right {
  display: flex;
  justify-content: space-between;
  margin: 0.15rem 0 0;
  align-items: center;
  min-height: inherit;
  flex: 0 0 48%;
  margin-bottom: 0.06rem;
}

.team-member-item-content.pnl-team-item
  .ti-item-container
  .list-content-top
  .list-left
  .mt-team-footer,
.team-member-item-content.pnl-team-item
  .ti-item-container
  .list-content-top
  .list-left
  .time,
.team-member-item-content.pnl-team-item
  .ti-item-container
  .list-content-top
  .list-right
  .mt-team-footer,
.team-member-item-content.pnl-team-item
  .ti-item-container
  .list-content-top
  .list-right
  .time {
  height: inherit;
  line-height: inherit;
}

.team-member-item-content.pnl-team-item
  .ti-item-container
  .list-content-bottom {
  padding: 0 0.4rem;
}

.team-member-item-content.pnl-team-item
  .ti-item-container
  .list-content-bottom.bg-white {
  background-color: #fff;
  border-bottom: 1px solid #f5f6f7;
  margin: 0;
  padding-bottom: 0.2rem;
  flex: 0 0 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.team-member-item-content.pnl-team-item
  .ti-item-container
  .list-content-bottom
  .list-left,
.team-member-item-content.pnl-team-item
  .ti-item-container
  .list-content-bottom
  .list-right {
  padding-top: 0.05rem;
  flex: 0 0 48%;
  display: flex;
  flex-wrap: wrap;
}

.team-member-item-content.pnl-team-item
  .ti-item-container
  .list-content-bottom
  .list-left
  .item-list,
.team-member-item-content.pnl-team-item
  .ti-item-container
  .list-content-bottom
  .list-right
  .item-list {
  display: flex;
  justify-content: space-between;
  margin: 0.1rem 0 0.11rem;
  align-items: center;
  min-height: inherit;
  flex: 0 0 100%;
}

.team-member-item-content.pnl-team-item
  .ti-item-container
  .list-content-bottom
  .list-left
  .item-list
  .mt-team-footer,
.team-member-item-content.pnl-team-item
  .ti-item-container
  .list-content-bottom
  .list-left
  .item-list
  .time,
.team-member-item-content.pnl-team-item
  .ti-item-container
  .list-content-bottom
  .list-right
  .item-list
  .mt-team-footer,
.team-member-item-content.pnl-team-item
  .ti-item-container
  .list-content-bottom
  .list-right
  .item-list
  .time {
  height: inherit;
  line-height: inherit;
}

.team-member-item-content .time {
  color: #424242;
  display: inline-block;
  text-align: left;
  word-break: break-word;
  padding: 0 0.08rem;
  line-height: 1.2;
}

.team-member-item-content .footer-label {
  padding-right: 0.08rem;
}

.team-member-item-content .ti-item-container {
  display: flex;
  flex-wrap: wrap;
}

.team-member-item-content .ti-item-container div {
  flex: 0 0 50%;
}

.team-member-item-content .go-team-record {
  position: absolute;
  right: 0.1rem;
  font-size: 0.28rem;
  font-weight: 400;
  top: 0.12rem;
}

.team-member-item-content .go-team-record svg {
  fill: #5e88ee;
}

.team-member-item-content .go-team-record i {
  position: relative;
  top: -0.12rem;
  font-size: 0.25rem;
  margin-left: 0.06rem;
  font-style: normal;
  color: #5e88ee;
  max-width: 2.29rem;
  display: inline-block;
  line-height: 1;
}

.team-member-item-content .show-more-amount {
  color: #3e6ffe;
}

.team-member-item-content .self-amount {
  color: #5b5b5b;
}

.team-member-item-header .name-wrap {
  display: flex;
  align-items: center;
  width: 100%;
}

.team-member-item-header .name-wrap.direct {
  justify-content: space-between;
}

.team-member-item-header .name-wrap .direct-member-btn {
  height: 0.54rem;
  border-radius: 0.95rem;
  background: #f5f5f5;
  color: #6d6d6d;
  font-size: 0.24rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.2rem;
}

.team-member-item-header .name-wrap .direct-member-btn .member-num {
  margin: 0 0.12rem 0 0.05rem;
}

.team-member-item-header .name-wrap .direct-member-btn .arrow-icon {
  height: 0.54rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.team-member-item-header .name-wrap .direct-member-btn .arrow-icon svg {
  width: 0.23rem;
  height: 0.23rem;
}

.direct-item-wrap {
  display: flex;
  flex-direction: column;
  padding: 0 0.4rem;
}

.direct-item-wrap .item-header {
  display: flex;
  align-items: center;
  font-size: 0.25rem;
  font-weight: 600;
  min-height: 0.8rem;
}

.direct-item-wrap .item-header .item-name {
  padding-right: 0.6rem;
}

.direct-item-wrap .item-header .level-icon {
  width: auto;
  height: 0.3rem;
  margin-right: 0.09rem;
}

.direct-item-wrap .item-header .item-self {
  margin-left: 0.1rem;
}

.direct-item-wrap
  .team-member-item-content.pnl-team-item
  .ti-item-container
  .list-content-bottom,
.direct-item-wrap
  .team-member-item-content.pnl-team-item
  .ti-item-container
  .list-content-top {
  padding: 0;
}

.sort-container {
  display: inline-block;
  line-height: 0.7;
  vertical-align: sub;
  margin-left: 0.16rem;
}

.sort-container img {
  width: 0.2rem;
  height: 0.12rem;
}

.scroll-root {
  position: relative;
}

.scroll-root .downAnimating {
  justify-content: center;
  padding-bottom: 0.4rem;
}

.scroll-root .upAnimating {
  justify-content: center;
  padding: 0.3rem 0;
}

.scroll-root .top-tip {
  position: absolute;
  top: -0.4rem;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 0.4rem;
  line-height: 0.4rem;
  text-align: center;
  font-size: 0.28rem;
  color: #000;
  opacity: 0.4;
}

.scroll-root {
  overflow: hidden;
}

.gameCecords-list-root {
  pointer-events: auto !important;
}

.list-wrapper {
  position: relative;
  height: 100%;
  overflow: hidden;
  background: #fff;
}

.ts-pulldown-wrapper {
  position: absolute;
  width: 100%;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all;
  z-index: 99;
}

.ts-pulldown-wrapper .after-trigger,
.ts-pulldown-wrapper .before-trigger {
  padding-top: 0.2rem;
}

.pullup-wrapper {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.16rem 0;
  z-index: 99;
}

.list-wrapper .pullup-wrapper .am-activity-indicator,
.list-wrapper .ts-pulldown-wrapper .am-activity-indicator {
  display: inline-block;
  margin-right: 0.2rem;
  vertical-align: middle;
}

.list-wrapper .scroll-inner-container {
  -webkit-overflow-scrolling: touch;
  min-height: calc(100% + 1px);
}

.mc-game-record-root .pullup-wrapper {
  bottom: 1.2rem;
}

.mc-game-record-root .mc-trans-filter {
  padding: 0;
  padding-left: 0.05rem;
}

.mc-game-record-root .am-icon-lg {
  min-width: 0.4rem;
  height: 0.4rem;
}

.mc-game-record-root .am-icon-down {
  margin-right: 0.03rem;
  min-width: 0.3rem;
}

.mc-game-record-root .ELOTT_3RD,
.mc-game-record-root .SPORTS .set-btn,
.set-btn {
  padding: 0;
  padding-right: 0.05rem;
  margin: 0;
}

.mc-game-record-root
  .game-record-wrapper.ELOTT_3RD
  .mc-trans-filter
  .am-button-small.vasslage-btn
  span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-inline-box;
  -webkit-line-clamp: 1;
}

.activity-spinner svg {
  animation: spinner-anime 1s linear infinite;
  width: 0.6rem;
}

@keyframes spinner-anime {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

.team-list-root {
  pointer-events: auto !important;
}

.team-member-item-content .time {
  color: #a6a6a6;
  font-size: 0.24rem;
}

.team-member-item-content .footer-label {
  padding-right: 0.08rem;
}

.ti-item-container {
  display: flex;
  flex-wrap: wrap;
}

.ti-item-container div {
  flex: 0 0 50%;
}

.go-team-record {
  flex: 1 1 0%;
  font-size: 0.28rem;
  font-weight: 400;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.go-team-record svg {
  fill: #5e88ee;
}

.go-team-record i {
  margin-left: 0.06rem;
  font-style: normal;
  color: #5e88ee;
  max-width: 2.29rem;
  display: inline-block;
  line-height: 1;
}

.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;
}

.team-member-root {
  font-size: 0.32rem;
}

.team-member-root:first-of-type {
  padding-top: 0;
}

.team-member-item-header {
  padding: 0.14rem 0.4rem;
  height: 0.8rem;
  background: #efefef;
}

.team-member-item-header .customer-item {
  max-width: 1.6rem;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 0.6rem;
  line-height: 0.6rem;
}

.team-op--nickname {
  white-space: nowrap;
  text-align: right;
  width: 50%;
}

.team-op--nickname div {
  display: inline-block;
  white-space: nowrap;
  line-height: 0.7rem;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
}

.team-member-item-content {
  background: #fcfcfc;
}

.records-list-root .team-op {
  color: #a6a6a6;
  font-size: 0.28rem;
}

.mc-icon-member {
  position: relative;
  top: 0.1rem;
  margin-right: 0.05rem;
}

.mc-divider {
  width: 0.02rem;
  height: 0.05rem;
  background-color: #777;
  margin: 0 0.05rem;
}

.mc-divider,
.team-op a {
  display: inline-block;
  color: #5288f8;
}

.team-op a {
  -webkit-appearance: none;
  box-sizing: border-box;
  text-align: center;
  font-size: 0.28rem;
  height: 0.7rem;
  line-height: 0.7rem;
  text-overflow: ellipsis;
  word-break: break-word;
  white-space: nowrap;
  background-color: #fff;
  outline: 0 none;
  padding: 0 0.3rem;
}

a.trans-checked {
  color: #fff;
  background-color: #108ee9;
}

.team-rebate-mbody {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.team-rebate-title {
  min-height: 0.96rem;
  line-height: 0.46rem;
  padding: 0.25rem 0.45rem;
  border-bottom: 1px solid #d1d1d1;
  overflow: hidden;
}

.team-rebate-title span {
  display: inline-block;
  margin-right: 0.26rem;
}

.team-rebate-tcenter {
  color: #ff2936;
}

.team-rebate-tright {
  color: #000;
  font-size: 0.4rem;
}

.team-rebate-btn {
  padding: 0.35rem 0.45rem 0.1rem;
  overflow: hidden;
}

.team-rebate-btnleft,
.team-rebate-btnright {
  width: 45%;
}

.team-rebate-btnleft {
  float: left;
}

.team-rebate-btnright {
  float: right;
}

.team-rebate-btnright .am-button {
  background-color: #ff2936;
  color: #fff;
}

.team-rebate-btnright .am-button.team-rebate-btnrhv {
  background-color: rgba(255, 41, 55, 0.6);
}

#root .team-member-flow .am-steps-item.am-steps-status-finish.am-steps-custom {
  width: 23.333% !important;
  margin-right: 0.1rem !important;
  margin-bottom: 0.2rem;
}

#root
  .team-member-flow
  .am-steps-item.am-steps-status-finish.am-steps-custom
  .am-steps-tail {
  padding-right: 0 !important;
  right: 0;
}

#root .team-member-flow .am-steps-label-vertical .am-steps-main {
  margin-top: 0;
}

#root .team-member-flow .team-member-item {
  display: flex;
  width: 100%;
  margin: 0 !important;
  padding: 0 0.3rem;
  overflow: auto;
  flex-wrap: nowrap;
}

.team-member-nickname header {
  padding: 0.3rem;
  font-size: 0.28rem;
  color: #5e5e5e;
  background-color: #fff;
}

.team-member-nickname header .label {
  font-size: 0.4rem;
  display: inline-block;
  padding: 0 0.2rem;
  color: coral;
}

.team-member-nickname .nickname-form {
  background-color: #f9f8fd;
  padding: 0 0.3rem;
}

.team-member-nickname .nickname-form input {
  background-color: #efefef;
  outline: none;
  border: 0;
  border-radius: 0.15rem;
}

.team-member-nickname .nickname-form .am-button,
.team-member-nickname .nickname-form input {
  margin: 0.2rem 0;
}

.team-member-nickname .trans-container-header {
  display: flex;
  padding: 0 0.32rem;
  border-bottom: 1px solid #dedede;
  align-items: center;
  width: 100%;
  flex-wrap: nowrap;
  justify-content: space-around;
}

.team-member-nickname .trans-container-header .trans-container {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 40%;
  font-size: 0.28rem;
  text-align: center;
  color: #accdfb;
  padding: 0.2rem 0.1rem;
  border-radius: 0.1rem;
  background: #edf3ff;
}

.team-member-nickname .trans-container-header .trans-container:last-child {
  background: #ebebeb;
  color: #c4c4c4;
}

.team-member-nickname .trans-container-header .trans-icon-container {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 10%;
  height: 1rem;
  line-height: 1.2rem;
  color: #a5a5a5;
  text-align: center;
}

.team-member-trans header {
  padding: 0.3rem;
  font-size: 0.28rem;
  color: #5e5e5e;
  background-color: #fff;
}

.team-member-trans header .label {
  font-size: 0.4rem;
  display: inline-block;
  padding: 0 0.2rem;
  color: coral;
}

.team-member-trans .am-button,
.team-member-trans input {
  margin: 0.2rem 0;
}

.mc-popup-trans {
  padding: 0.3rem 0 0;
  position: relative;
}

.mc-popup-trans > span {
  position: absolute;
  right: 0.2rem !important;
  top: 0.2rem !important;
}

.tt-refresh-balance {
  width: 0.3rem;
  height: 0.3rem;
  position: absolute;
  right: 0;
  top: 0.08rem;
}

@keyframes rotate-full {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

.tt-refresh-balance.loading {
  animation: rotate-full 0.5s infinite linear;
}

.tt-balance-content {
  position: relative;
  color: #1bb9fc;
  margin-left: 0.1rem;
  font-weight: 700;
  padding-right: 0.5rem;
}

.team-member-root {
  font-size: 0.32rem;
  padding-top: 0.2rem;
}

.team-member-root:first-of-type {
  padding-top: 0;
}

.team-member-item-header {
  padding: 0.14rem 0.4rem;
  height: 0.8rem;
  background: #efefef;
}

.team-member-item-header .customer-item {
  max-width: 1.6rem;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 0.6rem;
  line-height: 0.6rem;
}

.team-op--nickname {
  white-space: nowrap;
  text-align: right;
  width: 50%;
}

.team-op--nickname div {
  display: inline-block;
  white-space: nowrap;
  line-height: 0.7rem;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ti-name {
  font-size: 0.25rem;
  font-weight: 700;
}

.mt-team-footer {
  color: #5b5b5b;
  font-weight: 700;
  display: inline-block;
  padding: 0 0.08rem;
  text-align: right;
}

.team-member-item-content {
  background: #fcfcfc;
}

.team-member-item-content .rebate-item-wrap {
  width: 100%;
}

.team-member-item-content .rebate-item-wrap .team-item {
  width: 50%;
  display: inline-block;
  vertical-align: top;
}

.team-member-item-content .rebate-item-wrap .team-item .team-item-left {
  font-size: 0.24rem;
}

.team-member-item-content .rebate-item-wrap .team-item .team-item-right {
  font-size: 0.24rem;
  font-weight: 700;
}

.records-list-root .team-op {
  color: #a6a6a6;
  font-size: 0.28rem;
}

.mc-icon-member {
  position: relative;
  top: 0.1rem;
  margin-right: 0.05rem;
}

.mc-divider {
  width: 0.02rem;
  height: 0.05rem;
  background-color: #777;
  margin: 0 0.05rem;
}

.mc-divider,
.team-op a {
  display: inline-block;
  color: #5288f8;
}

.team-op a {
  -webkit-appearance: none;
  box-sizing: border-box;
  text-align: center;
  font-size: 0.28rem;
  height: 0.7rem;
  line-height: 0.7rem;
  text-overflow: ellipsis;
  word-break: break-word;
  white-space: nowrap;
  background-color: #fff;
  outline: 0 none;
  padding: 0 0.3rem;
}

a.trans-checked {
  color: #fff;
  background-color: #108ee9;
}

.team-rebate-mbody {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.team-rebate-title {
  min-height: 0.96rem;
  line-height: 0.46rem;
  padding: 0.25rem 0.45rem;
  border-bottom: 1px solid #d1d1d1;
  overflow: hidden;
}

.team-rebate-title span {
  display: inline-block;
  margin-right: 0.26rem;
}

.team-rebate-tcenter {
  color: #ff2936;
}

.team-rebate-tright {
  color: #000;
  font-size: 0.4rem;
}

.team-rebate-btn {
  padding: 0.35rem 0.45rem 0.1rem;
  overflow: hidden;
}

.team-rebate-btnleft,
.team-rebate-btnright {
  width: 45%;
}

.team-rebate-btnleft {
  float: left;
}

.team-rebate-btnright {
  float: right;
}

.team-rebate-btnright .am-button {
  background-color: #ff2936;
  color: #fff;
}

.team-rebate-btnright .am-button.team-rebate-btnrhv {
  background-color: rgba(255, 41, 55, 0.6);
}

#root .team-member-flow .am-steps-item.am-steps-status-finish.am-steps-custom {
  width: 23.333% !important;
  margin-right: 0.1rem !important;
  margin-bottom: 0.2rem;
}

#root
  .team-member-flow
  .am-steps-item.am-steps-status-finish.am-steps-custom
  .am-steps-tail {
  padding-right: 0 !important;
  right: 0;
}

#root .team-member-flow .am-steps-label-vertical .am-steps-main {
  margin-top: 0;
}

#root .team-member-flow .team-member-item {
  display: flex;
  width: 100%;
  margin: 0 !important;
  padding: 0 0.3rem;
  overflow: auto;
  flex-wrap: nowrap;
}

.team-member-nickname header {
  padding: 0.3rem;
  font-size: 0.28rem;
  color: #5e5e5e;
  background-color: #fff;
}

.team-member-nickname header .label {
  font-size: 0.4rem;
  display: inline-block;
  padding: 0 0.2rem;
  color: coral;
}

.team-member-nickname .nickname-form {
  background-color: #f9f8fd;
  padding: 0 0.3rem;
}

.team-member-nickname .nickname-form input {
  background-color: #efefef;
  outline: none;
  border: 0;
  border-radius: 0.15rem;
  height: 1rem;
  padding: 0 0.2rem;
}

.team-member-nickname .nickname-form .am-button,
.team-member-nickname .nickname-form input {
  margin: 0.2rem 0;
}

.team-member-nickname .trans-container-header {
  display: flex;
  padding: 0 0.32rem;
  border-bottom: 1px solid #dedede;
  align-items: center;
  width: 100%;
  flex-wrap: nowrap;
  justify-content: space-around;
}

.team-member-nickname .trans-container-header .trans-container {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 40%;
  font-size: 0.28rem;
  text-align: center;
  color: #accdfb;
  padding: 0.2rem 0.1rem;
  border-radius: 0.1rem;
  background: #edf3ff;
}

.team-member-nickname .trans-container-header .trans-container:last-child {
  background: #ebebeb;
  color: #c4c4c4;
}

.team-member-nickname .trans-container-header .trans-icon-container {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 10%;
  height: 1rem;
  line-height: 1.2rem;
  color: #a5a5a5;
  text-align: center;
}

.team-member-trans header {
  padding: 0.3rem;
  font-size: 0.28rem;
  color: #5e5e5e;
  background-color: #fff;
}

.team-member-trans header .label {
  font-size: 0.4rem;
  display: inline-block;
  padding: 0 0.2rem;
  color: coral;
}

.team-member-trans .am-button,
.team-member-trans input {
  margin: 0.2rem 0;
}

.team-member-trans input {
  height: 1rem;
  padding: 0 0.2rem;
}

.tt-refresh-balance {
  width: 0.3rem;
  height: 0.3rem;
  position: absolute;
  right: 0;
  top: 0.08rem;
}

@keyframes rotate-full {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

.tt-refresh-balance.loading {
  animation: rotate-full 0.5s infinite linear;
}

.tt-balance-content {
  position: relative;
  color: #1bb9fc;
  margin-left: 0.1rem;
  font-weight: 700;
  padding-right: 0.5rem;
}

.team-manage-wrapper
  .mc-agent-team-list
  ul
  li:first-child
  .team-member-root
  .team-member-item-header
  .item-header-name
  .ti-blue {
  color: #000 !important;
}

.team-manage-wrapper
  .mc-agent-team-list
  .team-member-root
  .team-member-item-header {
  height: inherit;
  line-height: inherit;
  background-color: #f5f6f7;
  border-top-left-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
  margin: 0.2rem 0.2rem 0;
  padding: 0.26rem 0.2rem;
  position: relative;
  direction: ltr;
}

.team-manage-wrapper
  .mc-agent-team-list
  .team-member-root
  .team-member-item-header
  .club-label {
  position: absolute;
  color: #f79a23;
  font-size: 0.24rem;
  padding: 0.1rem 0.23rem;
  background-color: #eef0f1;
  border: 0.03rem solid #fff;
  border-top-right-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
  top: 0;
  right: 0;
  max-width: 2.2rem;
  word-break: break-all;
}

.team-manage-wrapper
  .mc-agent-team-list
  .team-member-root
  .team-member-item-header
  .am-flexbox.am-flexbox-align-middle {
  justify-content: flex-start;
  align-items: flex-start;
}

.team-manage-wrapper
  .mc-agent-team-list
  .team-member-root
  .team-member-item-header
  .am-flexbox.am-flexbox-align-middle
  .item-header-icon {
  width: 0.86rem;
  text-align: center;
}

.team-manage-wrapper
  .mc-agent-team-list
  .team-member-root
  .team-member-item-header
  .am-flexbox.am-flexbox-align-middle
  .item-header-icon
  .user-status {
  width: 0.2rem;
  display: inline-block;
  height: 0.2rem;
  border-radius: 50%;
  position: absolute;
  left: 0.1rem;
  top: 0.37rem;
}

.team-manage-wrapper
  .mc-agent-team-list
  .team-member-root
  .team-member-item-header
  .am-flexbox.am-flexbox-align-middle
  .item-header-icon
  .mc-icon-member {
  margin: 0;
  top: 0;
  fill: #000;
  height: 0.44rem;
  vertical-align: bottom;
  text-align: center;
}

.team-manage-wrapper
  .mc-agent-team-list
  .team-member-root
  .team-member-item-header
  .am-flexbox.am-flexbox-align-middle
  .item-header-icon
  .mc-icon-member.icon-player
  svg {
  height: 0.27rem;
}

.team-manage-wrapper
  .mc-agent-team-list
  .team-member-root
  .team-member-item-header
  .am-flexbox.am-flexbox-align-middle
  .item-header-icon
  .mc-icon-member
  svg {
  width: 0.42rem;
}

.team-manage-wrapper
  .mc-agent-team-list
  .team-member-root
  .team-member-item-header
  .am-flexbox.am-flexbox-align-middle
  .item-header-icon
  .mc-member-number {
  background-color: rgba(237, 38, 42, 0.1);
  border-radius: 0.19rem;
  font-size: 0.24rem;
  padding: 0 0.12rem;
  color: #ec2529;
  line-height: 0.38rem;
  text-align: center;
  display: inline-block;
  margin-top: 0.08rem;
}

.team-manage-wrapper
  .mc-agent-team-list
  .team-member-root
  .team-member-item-header
  .am-flexbox.am-flexbox-align-middle
  .item-header-name {
  margin-left: 0.12rem;
}

.team-manage-wrapper
  .mc-agent-team-list
  .team-member-root
  .team-member-item-header
  .am-flexbox.am-flexbox-align-middle
  .item-header-name
  .ti-name {
  font-size: 0.28rem;
  color: #000;
  line-height: 0.44rem;
  height: 0.44rem;
  margin-bottom: 0.12rem;
}

.team-manage-wrapper
  .mc-agent-team-list
  .team-member-root
  .team-member-item-header
  .am-flexbox.am-flexbox-align-middle
  .item-header-name
  .ti-name
  .self {
  padding-left: 0.05rem;
}

.team-manage-wrapper
  .mc-agent-team-list
  .team-member-root
  .team-member-item-header
  .am-flexbox.am-flexbox-align-middle
  .item-header-name
  .ti-name
  .ti-blue {
  color: #3e6ffe;
}

.team-manage-wrapper
  .mc-agent-team-list
  .team-member-root
  .team-member-item-header
  .am-flexbox.am-flexbox-align-middle
  .item-header-name
  .ti-name
  .nickname-wrap {
  margin-left: 0.17rem;
  vertical-align: middle;
}

.team-manage-wrapper
  .mc-agent-team-list
  .team-member-root
  .team-member-item-header
  .am-flexbox.am-flexbox-align-middle
  .item-header-name
  .ti-name
  .nickname-wrap
  svg {
  width: 0.31rem;
  height: 0.31rem;
}

.team-manage-wrapper
  .mc-agent-team-list
  .team-member-root
  .team-member-item-header
  .am-flexbox.am-flexbox-align-middle
  .item-header-name
  .ti-name
  .nickname-wrap
  .nickname-item {
  width: 1.31rem;
  display: inline-block;
  padding-left: 0.11rem;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.team-manage-wrapper
  .mc-agent-team-list
  .team-member-root
  .team-member-item-header
  .am-flexbox.am-flexbox-align-middle
  .item-header-name
  .ti-name
  .nickname-wrap
  .nickname-item:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 0.02rem;
  background-color: #a0a0a0;
  bottom: 0.03rem;
  left: 0;
}

.team-manage-wrapper
  .mc-agent-team-list
  .team-member-root
  .team-member-item-header
  .am-flexbox.am-flexbox-align-middle
  .item-header-name
  .ti-blance {
  color: #616161;
  font-size: 0.26rem;
}

.team-manage-wrapper
  .mc-agent-team-list
  .team-member-root
  .team-member-item-footer {
  padding: 0.29rem 0.3rem 0.18rem 0.2rem;
  background-color: #fafafa;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
  margin: 0 0.2rem;
  color: #a8a8a8;
  font-size: 0.24rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.team-manage-wrapper
  .mc-agent-team-list
  .team-member-root
  .team-member-item-footer
  .item-left
  .item-date {
  margin: 0 0 0.18rem;
}

.team-manage-wrapper
  .mc-agent-team-list
  .team-member-root
  .team-member-item-footer
  .item-right
  svg {
  fill: #5f5f5f;
  width: 0.51rem;
}

.item-more-popup .am-popup-slide-up {
  border-top-left-radius: 0.14rem;
  border-top-right-radius: 0.14rem;
}

.item-more-popup .am-popup-slide-up .mc-popup-rebate-settings {
  max-height: 90vh;
  max-height: calc(var(--vh, 1vh) * 90);
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-header {
  color: #5b5b5b;
  font-size: 0.32rem;
  padding: 0.3rem 0.24rem;
  position: relative;
  text-align: left;
}

.item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-header.padding-setting {
  padding: 0.28rem 0.62rem;
}

.item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-header.padding-setting
  .popup-close {
  right: 0.4rem;
}

.item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-header
  .popup-close {
  position: absolute;
  right: 0.1rem;
  top: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
}

.item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-header
  .popup-close
  svg {
  fill: #b7b7b7;
  width: 0.48rem;
  height: 0.48rem;
}

.item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-header
  .popup-close.set-rebate {
  right: 0.4rem;
}

.item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-header
  .list-title {
  font-size: 0.32rem;
  color: #5b5b5b;
  display: flex;
  justify-content: left;
  align-items: center;
}

.item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-header
  .list-title
  .item-icon.icon-player
  svg {
  height: 0.27rem;
}

.item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-header
  .list-title
  .customer-name {
  font-size: 0.28rem;
  color: #000;
}

.item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-header
  .list-title
  svg {
  fill: #000;
  margin-right: 0.11rem;
  vertical-align: middle;
}

.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content {
  padding: 0 0.24rem;
  color: #5b5b5b;
  font-size: 0.28rem;
}

.item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content.padding-setting {
  padding: 0 0.5rem 0 0.62rem;
}

.item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .list-item {
  border-top: 1px solid #e6e6e6;
  padding: 0.14rem 0;
  display: flex;
  align-items: center;
}

.item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .list-item
  .item-icon {
  margin-right: 0.17rem;
}

.item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .list-item
  .item-icon
  svg {
  fill: #7f7f7f;
}

.item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .list-item
  .red-text {
  color: #ec2529;
}

.item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .list-item.set-agent-item {
  justify-content: center;
  padding: 0.4rem 0 0.09rem;
}

.item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .list-customer {
  font-size: 0.28rem;
  color: #000;
  padding-top: 0.2rem;
}

.item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .list-customer
  .item-icon.icon-player
  svg {
  height: 0.27rem;
}

.item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .list-customer
  svg {
  fill: #000;
  margin-right: 0.11rem;
  vertical-align: middle;
}

.item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .list-form {
  display: flex;
  margin: 0.2rem 0;
  font-size: 0.28rem;
  align-items: center;
}

.item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .list-form
  .form-left
  input {
  background-color: #f5f5f5;
  height: 0.64rem;
  padding: 0 0.23rem;
  color: #646464;
  width: min(75vw, 397.5px);
  border: none;
  border-radius: 0.08rem;
}

.item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .list-form
  .form-right {
  flex-grow: 1;
}

.item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .list-form
  .form-right
  button {
  color: #ec2529;
  background: none;
  border: none;
  text-align: center;
  width: 100%;
  height: 0.64rem;
}

.item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .item-trans-info {
  margin-top: 0.3rem;
  border-bottom: 1px solid #e6e6e6;
}

.item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .item-trans-info
  .item-info {
  display: flex;
  align-items: center;
  margin-bottom: 0.24rem;
}

.item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .item-trans-info
  .item-info
  .item-title {
  position: relative;
  padding-right: 0.25rem;
  font-size: 0.28rem;
}

.item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .item-trans-info
  .item-info
  .item-title:before {
  position: absolute;
  content: "\FF1A";
  right: -0.05rem;
}

.item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .item-trans-info
  .item-info
  .info-customer {
  color: #000;
  padding-left: 0.4rem;
}

.item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .item-trans-info
  .info-btn
  svg {
  position: absolute;
  right: 0.1rem;
  top: 50%;
  transform: translateY(-50%);
  fill: #ec2529;
  width: 0.3rem;
}

.item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .item-trans-info
  .info-btn
  .am-button-ghost {
  position: relative;
  border: 0.02rem solid #cdcdcd;
  border-radius: 0.08rem;
  min-width: 2.04rem;
  height: 0.6rem;
  display: inline-block;
  align-items: center;
  justify-content: center;
  line-height: 0.6rem;
  padding: 0 0.8rem;
  margin: 0 0.32rem 0.24rem 0;
  text-align: center;
  background-color: #fff;
  font-size: 0.26rem;
  color: #5b5b5b;
}

.item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .item-trans-info
  .info-btn
  .am-button-ghost.trans-checked {
  border: 0.02rem solid #ec2529;
  color: #ec2529;
  background-color: #fef4f4;
}

.item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .item-trans-detail {
  margin: 0.24rem 0;
}

.item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .item-trans-detail
  .detail-item-title {
  color: #5b5b5b;
}

.item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .item-trans-detail
  .detail-item {
  position: relative;
}

.item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .item-trans-detail
  .detail-item:last-child {
  margin-bottom: 0.4rem;
}

.item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .item-trans-detail
  .detail-item
  .pwd-set {
  position: absolute;
  right: 0.32rem;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 0.3rem;
  height: 0.3rem;
}

.item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .item-trans-detail
  .detail-item
  .pwd-set
  svg {
  fill: #666;
  width: 100%;
  height: inherit;
}

.item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .item-trans-detail
  .detail-item
  input {
  background-color: #f5f5f5;
  border-radius: 0.08rem;
  height: 0.64rem;
  padding: 0 0 0 0.22rem;
  font-size: 0.26rem;
  color: #646464;
  border: none;
  margin: 0.28rem 0;
  direction: ltr;
}

.item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .item-trans-detail
  .detail-balance {
  font-size: 0.26rem;
  color: #646464;
}

.item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .item-trans-detail
  .detail-balance
  .tt-balance-content {
  color: #ec2529;
}

.item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .item-trans-detail
  .detail-balance
  .tt-balance-content
  .tt-refresh-balance {
  top: 0;
  bottom: 0;
  margin: auto;
}

.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-submit {
  display: flex;
  margin: 0.28rem 0 0;
  font-size: 0.28rem;
  align-items: center;
  height: 0.79rem;
  line-height: 0.79rem;
  text-align: center;
}

.item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-submit.set-agent
  .item-confirm {
  width: 100%;
}

.item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-submit
  .item-reset {
  width: 50%;
  background-color: #f5f5f5;
  color: #646464;
}

.item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-submit
  .item-confirm {
  width: 50%;
  background-color: #fef4f4;
  color: #ec2529;
}

.item-more-popup .am-popup-slide-up .team-more-modal .list-name-title {
  padding: 0 0.24rem 0.4rem 0;
  color: #5b5b5b;
  font-size: 0.28rem;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property:
    transform,
    -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property:
    transform,
    -webkit-transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property:
    height,
    -webkit-transform;
  transition-property:
    height,
    -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property:
    transform,
    height,
    -webkit-transform;
}

.swiper-container-3d {
  -webkit-perspective: 12rem;
  perspective: 12rem;
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(
    linear,
    right top,
    left top,
    from(rgba(0, 0, 0, 0.5)),
    to(transparent)
  );
  background-image: -webkit-linear-gradient(
    right,
    rgba(0, 0, 0, 0.5),
    transparent
  );
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
  background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(0, 0, 0, 0.5)),
    to(transparent)
  );
  background-image: -webkit-linear-gradient(
    left,
    rgba(0, 0, 0, 0.5),
    transparent
  );
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(rgba(0, 0, 0, 0.5)),
    to(transparent)
  );
  background-image: -webkit-linear-gradient(
    bottom,
    rgba(0, 0, 0, 0.5),
    transparent
  );
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(0, 0, 0, 0.5)),
    to(transparent)
  );
  background-image: -webkit-linear-gradient(
    top,
    rgba(0, 0, 0, 0.5),
    transparent
  );
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 0.27rem;
  height: 0.44rem;
  margin-top: -0.22rem;
  z-index: 10;
  cursor: pointer;
  background-size: 0.27rem 0.44rem;
  background-position: 50%;
  background-repeat: no-repeat;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
  left: 0.1rem;
  right: auto;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
  right: 0.1rem;
  left: auto;
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E");
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E");
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E");
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E");
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: opacity 0.3s;
  -o-transition: 0.3s opacity;
  transition: opacity 0.3s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 0.1rem;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 0.08rem;
  height: 0.08rem;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 0.1rem;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}

.swiper-container-vertical
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0.06rem 0;
  display: block;
}

.swiper-container-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0.08rem;
}

.swiper-container-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition:
    top 0.2s,
    -webkit-transform 0.2s;
  transition:
    top 0.2s,
    -webkit-transform 0.2s;
  -o-transition:
    0.2s transform,
    0.2s top;
  -webkit-transition:
    transform 0.2s,
    top 0.2s;
  transition:
    transform 0.2s,
    top 0.2s;
  -webkit-transition:
    transform 0.2s,
    top 0.2s,
    -webkit-transform 0.2s;
  transition:
    transform 0.2s,
    top 0.2s,
    -webkit-transform 0.2s;
}

.swiper-container-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 0.04rem;
}

.swiper-container-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  -webkit-transition:
    left 0.2s,
    -webkit-transform 0.2s;
  transition:
    left 0.2s,
    -webkit-transform 0.2s;
  -o-transition:
    0.2s transform,
    0.2s left;
  -webkit-transition:
    transform 0.2s,
    left 0.2s;
  transition:
    transform 0.2s,
    left 0.2s;
  -webkit-transition:
    transform 0.2s,
    left 0.2s,
    -webkit-transform 0.2s;
  transition:
    transform 0.2s,
    left 0.2s,
    -webkit-transform 0.2s;
}

.swiper-container-horizontal.swiper-container-rtl
  > .swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  -webkit-transition:
    right 0.2s,
    -webkit-transform 0.2s;
  transition:
    right 0.2s,
    -webkit-transform 0.2s;
  -o-transition:
    0.2s transform,
    0.2s right;
  -webkit-transition:
    transform 0.2s,
    right 0.2s;
  transition:
    transform 0.2s,
    right 0.2s;
  -webkit-transition:
    transform 0.2s,
    right 0.2s,
    -webkit-transform 0.2s;
  transition:
    transform 0.2s,
    right 0.2s,
    -webkit-transform 0.2s;
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}

.swiper-container-rtl
  .swiper-pagination-progressbar
  .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 0.04rem;
  left: 0;
  top: 0;
}

.swiper-container-horizontal
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical > .swiper-pagination-progressbar {
  width: 0.04rem;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}

.swiper-pagination-progressbar.swiper-pagination-white {
  background: hsla(0, 0%, 100%, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-white
  .swiper-pagination-progressbar-fill {
  background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}

.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-black
  .swiper-pagination-progressbar-fill {
  background: #000;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: 0.1rem;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 0.03rem;
  z-index: 50;
  height: 0.05rem;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 0.03rem;
  top: 1%;
  z-index: 50;
  width: 0.05rem;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0.1rem;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

.swiper-lazy-preloader {
  width: 0.42rem;
  height: 0.42rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -0.21rem;
  margin-top: -0.21rem;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12) infinite;
  animation: swiper-preloader-spin 1s steps(12) infinite;
}

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@keyframes swiper-preloader-spin {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(0.5rem);
  filter: blur(0.5rem);
  z-index: 0;
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-coverflow .swiper-wrapper {
  -ms-perspective: 12rem;
}

.mc-new-team-tab .mc-agent-team-tab {
  height: 0.8rem;
  z-index: 999;
  background: #fff;
  line-height: 0.8rem;
  width: 100%;
  top: 1rem;
}

.mc-new-team-tab .mc-agent-team-tab .am-flexbox-item {
  text-align: center;
  min-width: 25%;
  margin-left: 0;
  height: 0.8rem;
  border-bottom: 0.04rem solid #fff;
}

.mc-new-team-tab .mc-agent-team-tab .am-flexbox-item.tab-active {
  border-bottom: 0.04rem solid #108ee9;
}

.mc-new-team-tab .mc-agent-team-container {
  top: 2rem;
}

.mc-agent-team-list {
  width: 100%;
  height: 100%;
}

.mc-agent-team-filter {
  height: 0.97rem;
  position: relative;
}

.mc-agent-team-filter .pdfc-mask {
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 8;
  background: rgba(0, 0, 0, 0.3);
}

.mc-agent-team-filter .pnl-date-filter-container {
  position: relative;
  background-color: #fff;
  padding: 0.2rem;
  top: 0;
  box-shadow: 0 0.05rem 0.1rem -0.04rem #8c8c8c;
  opacity: 0;
  z-index: -999;
  animation-duration: 0.5s;
  animation-fill-mode: both;
}

@keyframes filter-fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.mc-agent-team-filter .pnl-date-filter-container.show-filter {
  animation-name: filter-fadeIn;
  z-index: 888;
  opacity: 1;
}

.mc-agent-team-filter .pnl-date-filter-container .am-button-ghost {
  color: #565656;
  border: 0;
}

.mc-agent-team-filter .pnl-date-filter-container .am-button-ghost svg {
  fill: #565656;
}

.mc-agent-team-filter
  .pnl-date-filter-container
  .bet-filter-item-content
  > div {
  display: inline-block;
  min-width: calc(33% - 0.12rem);
  height: 0.6rem;
  line-height: 0.6rem;
  text-align: center;
  font-size: 0.28rem;
  margin: 0.06rem;
  border-radius: 0.1rem;
  color: #565656;
  border: 0.02rem solid #d6d6d6;
  vertical-align: top;
  overflow: hidden;
}

.mc-agent-team-filter
  .pnl-date-filter-container
  .bet-filter-item-content
  > div.ck-date {
  border: 0.02rem solid #fe0425;
  color: #fe0425;
}

.mc-agent-team-filter .filter-top {
  display: flex;
  align-items: center;
  width: 100%;
}

.mc-agent-team-filter .mc-agent-team-filter-search {
  flex: 1 1 0%;
  height: 0.6rem;
  line-height: 0.6rem;
  padding: 0 0.1rem;
  top: 0.1rem;
  position: relative;
  display: inline-block;
}

.mc-agent-team-filter .mc-agent-team-filter-search svg {
  left: 0.2rem;
  top: 0.13rem;
  position: absolute;
}

.mc-agent-team-filter .mc-agent-team-filter-search input {
  height: 0.6rem;
  padding-left: 0.6rem;
  border-radius: 0.4rem;
  display: inline-block;
  background-color: #f5f5f5;
  border: none;
  outline: none;
}

.mc-agent-team-filter .mc-agent-team-filter-date {
  top: 0.1rem;
  min-width: 1.8rem;
  position: relative;
  font-size: 0.26rem;
  height: 0.77rem;
  text-align: center;
  line-height: 0.77rem;
  display: inline-block;
}

.mc-agent-team-filter .mc-agent-team-filter-date svg {
  position: relative;
  top: 0;
  transform: rotate(-90deg);
  width: 0.18rem;
  height: 0.18rem;
}

.bet-filter-modal .am-list-body div:not(:last-child) .am-list-line:after {
  border: none !important;
}

.team-member-flow .mc-team-flow-unit span {
  display: inline-block;
  padding: 0 0.2rem;
  line-height: 1.3;
  border-radius: 0.1rem;
}

.team-member-flow .mc-team-flow-unit span.unit-active {
  color: #3e6ffe;
  border-color: #3e6ffe;
  border: 1px solid #3e6ffe;
}

.agent-color {
  color: #3e6ffe !important;
}

.filter-null {
  position: relative;
  height: 0.7rem;
  line-height: 0.7rem;
  font-size: 0.28rem;
  color: #5b5b5b;
  margin-top: 0.2rem;
  padding: 0 0.06rem;
}

.filter-null .mc-switch .checkbox.on:before,
.filter-null .mc-switch.mc-qutas-bg .checkbox:before {
  background: #fff;
}

.filter-null .mc-switch .checkbox.on:after {
  background: #3e6ffe !important;
}

.filter-null .agrg-downline-type .mc-switch {
  margin: 0 !important;
}

.filter-null .mc-switch .checkbox:after {
  background-color: #cdcdcd;
}

.filter-null .setting_sort_right {
  right: 0;
  top: 0;
}

.footer-pnl-item .ti-item-container {
  position: absolute;
  background: #fff;
  z-index: 9999;
  top: 3.5rem;
}

.mc-pnl-container .team-member-flow {
  background: #fff;
  border-bottom: 1px solid #f5f6f7;
}

.mc-pnl-container .ti-item-container div {
  display: table-cell;
  vertical-align: middle;
  min-height: 0.5rem;
}

.mc-pnl-container .mt-team-footer {
  padding-right: 0.24rem;
  width: 50%;
  font-size: 0.24rem;
  height: 100%;
  position: relative;
}

.mc-pnl-container .mt-team-footer i {
  font-style: normal;
  color: inherit;
}

.mc-pnl-container .time {
  font-size: 0.22rem;
  width: 50%;
}

.mc-pnl-container .pnl-container {
  padding-bottom: 0.5rem;
  padding-bottom: calc(0.5rem + (var(--safe-area-inset-bottom, 0px)));
  position: fixed;
  background: #fff;
  z-index: 99999;
  width: 100%;
  bottom: 0;
  border-top-left-radius: 0.1rem;
  border-top-right-radius: 0.1rem;
  animation-name: detail-slideInUp;
  animation-duration: 0.25s;
  animation-fill-mode: both;
}

.mc-pnl-container .pnl-container.hide-pop {
  animation-name: detail-slideOutDown;
}

.mc-pnl-container .pnl-container .swiper-pagination-bullets {
  bottom: calc(0.08rem + (var(--safe-area-inset-bottom, 0px))) !important;
}

@keyframes detail-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes detail-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}

.team-member-item-agents {
  overflow-x: scroll;
  white-space: nowrap;
  flex: 1 1 0%;
}

.pnl-filter-date {
  color: #858585 !important;
}

.pnl-filter-date svg {
  fill: #858585 !important;
}

.pnl-total {
  display: inline-block;
  position: relative;
  padding: 0 0.3rem;
  font-size: 0.28rem;
  color: #000;
}

.pnl-total:before {
  content: "";
  height: 0.3rem;
  position: absolute;
  top: 0.24rem;
  left: 0.12rem;
  width: 1px;
  background: #818181;
}

.pnl-total i {
  font-style: normal;
  color: #f79a23;
  margin-right: 0.2rem;
}

.footer-content-item {
  box-shadow: 0 0.05rem 0.1rem -0.04rem #8c8c8c;
}

.footer-content-item .fci-mask {
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 8888;
  background: rgba(0, 0, 0, 0.3);
}

.footer-content-item .pnl-team-item .ti-item-container {
  padding-top: 0.1rem;
}

.footer-content-item .pnl-team-item .ti-item-container .bg-white {
  border-bottom: inherit;
}

.show-mask-pnl .mc-agent-team-flow {
  position: relative;
  z-index: 9999;
}

.pnl-modal-title {
  text-align: center;
  height: 0.9rem;
  line-height: 0.9rem;
  font-size: 0.32rem;
  color: #5b5b5b;
  font-weight: 700;
  position: relative;
}

.pnl-modal-title svg {
  position: absolute;
  left: 0.14rem;
  top: 0.26rem;
  fill: #b7b7b7;
}

.pnl-modal-title i {
  font-style: normal;
  display: inline-block;
  white-space: normal;
  word-break: break-all;
  line-height: 1.2;
  max-width: 80%;
  font-size: 0.28rem;
}

.pnl-table-list div {
  display: inline-block;
  width: 33.33333333%;
  padding: 0.14rem 0.06rem;
  font-size: 0.24rem;
  min-height: 0.8rem;
  line-height: 1;
  color: #5b5b5b;
  text-align: center;
  vertical-align: top;
  overflow: hidden;
  position: relative;
}

.pnl-table-list div.pnl-table-header {
  min-height: 0.9rem;
}

.pnl-table-list div span {
  font-weight: 700;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  padding: 0 0.2rem;
  text-align: right;
  transform: translate(-50%, -50%);
}

.fixed-bg {
  background: #fafafa;
}

.pnl-mask {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99990;
  background: rgba(0, 0, 0, 0.3);
}

.pmt-close {
  position: absolute;
  left: 0.3rem;
  top: 0.3rem;
  display: inline-block;
  width: 0.26rem;
  height: 0.26rem;
  background: url(/mobile/mc/close.5a5a60c6.png) no-repeat;
  background-position: 50%;
}

.pnl-table-list-container {
  max-height: 7.2rem;
  overflow-y: scroll;
  margin: 0 0.2rem;
  border: 1px solid #cdcccc;
  position: relative;
}

.pnl-table-list-container .swiper-container {
  position: static;
}

.bank-swiper-pagination,
.profit-swiper-pagination {
  text-align: center;
  position: fixed;
  bottom: 0;
  z-index: 9999;
  left: 50%;
  transform: translateX(-50%);
}

.bank-swiper-pagination .swiper-pagination-bullet,
.profit-swiper-pagination .swiper-pagination-bullet {
  width: 0.18rem;
  height: 0.18rem;
  margin: 0 0.08rem;
}

.bank-swiper-pagination .swiper-pagination-bullet-active,
.profit-swiper-pagination .swiper-pagination-bullet-active {
  background: #e70011;
}

.pnl-table-list-left {
  width: 20%;
}

.pnl-table-list-left div {
  width: 100%;
  min-height: 0.8rem;
}

.table-header-item {
  min-height: 0.92rem !important;
}

.bank-list-pop-container .pnl-table-list-left {
  width: 30% !important;
}

.bank-list-pop-container .pnl-table-list-right {
  width: 70% !important;
  border-left: 1px solid #cdcccc;
}

.bank-list-pop-container .pnl-table-list-right .pnl-table-list div {
  width: 50% !important;
}

.pnl-table-list-right,
.table-bl {
  border-left: 1px solid #cdcccc;
}

.pnl-table-list-right {
  width: 80%;
  overflow-x: scroll;
  padding-bottom: 0.3rem;
}

.pnl-table-list-right .pnl-table-list {
  white-space: nowrap;
}

.win-amount {
  color: #ec2529 !important;
}

.pth-100 {
  width: 100% !important;
}

.tb-total-amount {
  width: 66.66666% !important;
}

.tb-total-amount span {
  text-align: center !important;
}

.pnl-sort-pop .ck-icon {
  position: absolute;
  top: 0.2rem;
  right: 0.3rem;
  fill: #ec2529;
}

.pnl-sort-pop .am-list-header {
  border: 0 !important;
}

.pnl-sort-pop .am-list-header > div {
  text-align: center;
}

.loss-amount {
  color: #70b603 !important;
}

.pnl-table-list-left,
.pnl-table-list-right {
  display: inline-block;
  vertical-align: top;
}

.team-member-root .level-icon {
  width: auto;
  height: 0.3rem;
}

.pnl-table-header {
  background: #fafafa;
}

.pnl-table-header .header-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.pnl-table-header .header-wrap .header-text {
  display: inline-block;
}

.btm-border,
.pnl-table-list-left .pnl-table-header {
  border-bottom: 1px solid #dbdbdb;
}

.swiper-slide-active .pnl-table-list:first-child {
  border-bottom: 1px solid #dbdbdb;
}

.mc-agent-team:not(.CN) .pnl-table-header {
  white-space: normal;
}

.mc-agent-team:not(.CN) .pnl-table-list div {
  word-break: break-word;
}

.mc-agent-team:not(.CN) .mt-team-footer {
  height: 0.52rem;
  line-height: 0.52rem;
  vertical-align: top;
}

.pnl-table-list-left > div .pnl-table-list:nth-child(2n) {
  background: #fafafa;
}

.pnl-table-left,
.pnl-table-list-left span {
  text-align: left !important;
}

.pnl-table-list-right .swiper-slide .pnl-table-list:nth-child(odd) {
  background: #fafafa;
}

.promotion-detail
  .pnl-table-list-container
  > div
  .pnl-table-list:nth-child(2n) {
  background: #fafafa;
}

.pnl-list {
  position: relative;
}

.direct-member-pop .pop-mask {
  position: fixed;
  content: "";
  top: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.1);
}

.direct-member-pop .popup-wrapper {
  background: #fff;
  border-radius: 0.2rem 0.2rem 0 0;
  width: 100%;
  position: absolute;
  top: 0;
  overflow: hidden;
  animation: detail-slideInUp 0.25s both;
  height: 100%;
}

.direct-member-pop .popup-wrapper.hide-pop {
  animation-name: pop-slideOutDown;
}

.direct-member-pop .direct-content {
  height: 100%;
}

.direct-member-pop .close-btn {
  position: absolute;
  right: 0.4rem;
  top: 0.2rem;
  z-index: 2;
  width: 0.4rem;
  height: 0.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.direct-member-pop .close-btn svg {
  width: 0.22rem;
  height: 0.22rem;
}

.direct-member-pop .list-wrapper {
  height: 100% !important;
}

@keyframes pop-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    display: none;
    transform: translate3d(0, 100%, 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-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 0.88rem;
  padding: 0 0.16rem;
  background-color: #efeff4;
}

.am-search,
.am-search-input {
  position: relative;
  overflow: hidden;
}

.am-search-input {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1 1 0%;
  width: 100%;
  height: 0.56rem;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 0.06rem;
}

.am-search-input .am-search-synthetic-ph,
.am-search-input input[type="search"] {
  position: absolute;
  top: 0;
  left: 0;
}

.am-search-input .am-search-synthetic-ph {
  z-index: 1;
  height: 0.56rem;
  line-height: 0.56rem;
  width: 100%;
  transition: width 0.3s;
  display: block;
  text-align: center;
}

.am-search-input .am-search-synthetic-ph-icon {
  display: inline-block;
  margin-right: 0.1rem;
  width: 0.3rem;
  height: 0.3rem;
  overflow: hidden;
  vertical-align: -0.05rem;
  background-repeat: no-repeat;
  background-size: 0.3rem auto;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='38' height='36' viewBox='0 0 38 36' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.05 25.23a15.81 15.81 0 0 0 3.004-9.294c0-8.8-7.17-15.934-16.017-15.934C7.192.002.02 7.136.02 15.936c0 8.802 7.172 15.937 16.017 15.937a16 16 0 0 0 10.772-4.143l8.873 8.232 2.296-2.45-8.927-8.282zM16.2 28.933c-7.19 0-13.04-5.788-13.04-12.903 0-7.113 5.85-12.904 13.04-12.904 7.19 0 12.9 5.79 12.9 12.904 0 7.115-5.71 12.903-12.9 12.903z' fill='%23bbb' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.am-search-input .am-search-synthetic-ph-placeholder {
  color: #bbb;
  font-size: 0.3rem;
}

.am-search-input input[type="search"] {
  z-index: 2;
  opacity: 0;
  width: 100%;
  text-align: left;
  display: block;
  color: #000;
  height: 0.56rem;
  font-size: 0.3rem;
  background-color: transparent;
  border: 0;
}

.am-search-input input[type="search"]::-webkit-input-placeholder {
  background: none;
  text-align: left;
  color: transparent;
}

.am-search-input input[type="search"]:-ms-input-placeholder {
  background: none;
  text-align: left;
  color: transparent;
}

.am-search-input input[type="search"]::placeholder {
  background: none;
  text-align: left;
  color: transparent;
}

.am-search-input input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.am-search-input .am-search-clear {
  position: absolute;
  display: none;
  z-index: 3;
  width: 0.3rem;
  height: 0.3rem;
  padding: 0.13rem;
  border-radius: 50%;
  top: 0;
  right: 0;
  background-color: transparent;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 0.3rem 0.3rem;
  transition: all 0.3s;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Ccircle cx='14' cy='14' r='14' fill='%23ccc'/%3E%3Cpath stroke='%23fff' stroke-width='2' stroke-miterlimit='10' d='M8 8l12 12'/%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' stroke-miterlimit='10' d='M20 8L8 20'/%3E%3C/svg%3E");
}

.am-search-input .am-search-clear:active {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Ccircle cx='14' cy='14' r='14' fill='%23108ee9'/%3E%3Cpath stroke='%23fff' stroke-width='2' stroke-miterlimit='10' d='M8 8l12 12'/%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' stroke-miterlimit='10' d='M20 8L8 20'/%3E%3C/svg%3E");
}

.am-search-input .am-search-clear-show {
  display: block;
}

.am-search-cancel {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  opacity: 0;
  padding-left: 0.16rem;
  height: 0.88rem;
  line-height: 0.88rem;
  font-size: 0.32rem;
  color: #108ee9;
  text-align: right;
}

.am-search-cancel-anim {
  transition:
    margin-right 0.3s,
    opacity 0.3s;
  transition-delay: 0.1s;
}

.am-search-cancel-show {
  opacity: 1;
}

.am-search.am-search-start .am-search-input input[type="search"] {
  opacity: 1;
  padding-left: 0.7rem;
}

.am-search.am-search-start
  .am-search-input
  input[type="search"]::-webkit-input-placeholder {
  color: transparent;
}

.am-search.am-search-start
  .am-search-input
  input[type="search"]:-ms-input-placeholder {
  color: transparent;
}

.am-search.am-search-start .am-search-input input[type="search"]::placeholder {
  color: transparent;
}

.am-search.am-search-start .am-search-input .am-search-synthetic-ph {
  padding-left: 0.3rem;
  width: auto;
}

.mc-bet-filter-popup .am-popup {
  overflow: hidden;
  border-top-left-radius: 0.14rem;
  border-top-right-radius: 0.14rem;
}

.mc-bet-filter-popup .am-list-header {
  border-bottom: 1px solid #bbb;
}

.mc-bet-filter-popup .am-list-content {
  font-size: 0.28rem !important;
  color: #929292 !important;
}

.bfi-name-search {
  color: #999;
  padding-left: 0.4rem;
  position: relative;
  width: 40% !important;
}

.bfi-name-search svg {
  fill: #999;
  position: absolute;
  left: 0.4rem;
  top: 0.23rem !important;
  transform: rotate(0deg) !important;
}

.bfc-mask {
  content: "";
  left: 0;
  bottom: 0;
  height: calc(100% - 5.3rem);
  background: rgba(0, 0, 0, 0.5);
}

.bfc-mask,
.bfsc-mask {
  position: fixed;
  width: 100%;
  z-index: 99;
}

.bfsc-mask {
  height: calc(100% - 0.3rem);
  top: 0;
  background: rgba(0, 0, 0, 0.3);
}

.bet-filter-search-container {
  position: fixed;
  width: 100%;
  background: #fff;
  z-index: 99;
  display: flex;
}

.mc-bet-filter-popup-games .am-popup {
  top: 2.8rem;
}

.mc-bet-filter-popup-games:before {
  position: fixed;
  width: 100%;
  height: calc(100% - 0.3rem);
  top: 0.9rem;
  z-index: 99;
  background: rgba(0, 0, 0, 0.3);
}

.bfm-types {
  padding: 0.1rem;
}

.bfm-types div {
  display: inline-block;
  width: 25%;
  font-size: 0.28rem;
  text-align: center;
  border-radius: 0.06rem;
}

.bfm-types div.ck-icon {
  background: #fff9e9;
  color: red !important;
  top: 0;
}

.ck-btn {
  color: red;
}

.ck-btn svg {
  fill: red;
}

.mask-container .am-popup-mask {
  top: 2.8rem;
}

.mask-container .mc-bet-filter-popup .am-popup {
  border-radius: 0 !important;
}

.bet-filter-container {
  background: #fff;
}

.bet-filter-container .bet-filter-input {
  height: 0.86rem;
  padding: 0.1rem 0.2rem;
  position: relative;
  width: 43%;
  display: inline-block;
}

.bet-filter-container .bet-filter-input svg {
  position: absolute;
  left: 0.4rem;
  top: 0.24rem;
  fill: #565656;
}

.bet-filter-container .bet-filter-input .am-search {
  background: #fff;
  width: 100% !important;
  height: 100%;
  border-radius: 0.5rem;
  border: none;
}

.bet-filter-container .bet-filter-input .am-search .am-search-input,
.bet-filter-container .bet-filter-input .am-search input {
  background: #fff;
  padding-left: 0.3rem !important;
}

.bet-filter-container .bet-filter-input .am-search .am-search-synthetic-ph {
  text-align: left !important;
  padding-left: 0.26rem;
}

.bet-filter-container .bet-filter-input .am-search .am-search-synthetic-ph i {
  display: none;
}

.bet-filter-container .bet-filter-input.focus .bi-close {
  display: inline-block;
  width: 0.4rem;
  height: 0.4rem;
  position: absolute;
  top: 0.24rem;
  right: 0.7rem;
  background: url(/mobile/mc/input_close.dd0cea0c.png) no-repeat;
  background-size: 100% auto;
}

.bet-filter-container .bfsc-search-icon {
  z-index: 999;
  font: inherit;
  fill: #999 !important;
  left: 0.3rem !important;
  top: 0.3rem !important;
  width: 0.3rem;
  height: 0.3rem;
}

.bet-filter-container .bet-filter-sub {
  color: #999;
  position: relative;
  flex: 1 1 0%;
  vertical-align: top;
  font-size: 0.28rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-right: 0.2rem;
}

.bet-filter-container .bet-filter-sub .bf-close {
  display: inline-block;
  color: #f07a60;
  right: 0.6rem;
  background-size: 100% auto;
  margin-left: 0.1rem;
  word-break: break-all;
}

.bet-filter-container .bet-filter-sub div {
  display: inline-block;
  padding: 0.06rem 0.2rem;
  position: relative;
  font-size: 0.28rem;
}

.bet-filter-container .bet-filter-sub div.ck {
  color: #565656;
  border: 1px solid #999;
  border-radius: 0.1rem;
}

.bet-filter-container .bet-filter-item {
  min-height: 0.77rem;
  font-size: 0;
  border-bottom: 1px solid #d6d6d6;
}

.bet-filter-container .bet-filter-item div {
  display: inline-block;
  width: 20%;
  height: 0.77rem;
  font-size: 0.28rem;
  text-align: center;
  line-height: 0.77rem;
  overflow: hidden;
  vertical-align: middle;
  position: relative;
}

.bet-filter-container .bet-filter-item div > span {
  display: inline-block;
  max-width: 1rem;
  overflow: hidden;
  line-height: 1;
  word-break: break-all;
}

.bet-filter-container .bet-filter-item div svg {
  width: 0.3rem;
  height: 0.3rem;
  transform: rotate(-90deg);
  position: absolute;
  top: 0.26rem;
}

.bet-filter-container .date-filter-container {
  margin-bottom: 0.14rem;
  box-shadow: 0 0.05rem 0.1rem -0.04rem #8c8c8c;
}

.bet-filter-container .bet-filter-item-content {
  font-size: 0;
  padding: 0.1rem 0.2rem;
}

.bet-filter-container .bet-filter-item-content .ck-date {
  border: 0.02rem solid #fe0425;
  color: #fe0425;
}

.bet-filter-container .bet-filter-item-content > div {
  display: inline-block;
  width: calc(25% - 0.12rem);
  height: 0.6rem;
  line-height: 0.6rem;
  text-align: center;
  font-size: 0.28rem;
  margin: 0.06rem;
  border-radius: 0.1rem;
  color: #565656;
  border: 0.02rem solid #d6d6d6;
  vertical-align: top;
  overflow: hidden;
}

.bet-filter-container .bet-filter-item-content .bet-filter-item-calendar {
  border: none;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.bet-filter-container .bet-filter-item-content .bet-filter-item-calendar a {
  color: #565656;
  border: 0.02rem solid #d6d6d6;
}

.bet-filter-modal .am-list-header {
  text-align: left;
  position: relative;
  padding: 0.3rem 0 0.3rem 0.3rem !important;
  color: #232323;
}

.bet-filter-modal .am-list-header span {
  position: absolute;
  right: 0.2rem;
  top: -0.06rem;
  display: inline-block;
}

.amount-positive-number {
  color: #70b603;
}

.amount-negative-number {
  color: red;
}

.loss-amount {
  color: #70b603 !important;
}

.win-amount {
  color: red !important;
}

.amount-zero-number {
  color: #000;
}

.record-amount {
  font-weight: 700;
  font-size: 0.3rem;
  margin-top: 0.1rem;
}

.total-hands {
  color: #108ee9;
  font-style: normal;
  margin: 0 0.1rem;
}

.cons-bet-item .records-item-content-sy {
  background: none;
  padding-top: 0 !important;
}

.cons-bet-item.lott-records-root {
  margin: 0 !important;
}

.cons-bet-item .mc_common_overflow span {
  color: #c9c9c9;
}

.gameCecords-list-root .am-activity-indicator {
  justify-content: center;
  padding-bottom: 0.4rem;
}

.gameCecords-list-root .top-tip {
  position: absolute;
  top: -0.4rem;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 0.4rem;
  line-height: 0.4rem;
  text-align: center;
  font-size: 0.28rem;
  color: #000;
  opacity: 0.4;
}

.lott-records-root .records-item-content-sy > div {
  margin-bottom: 0.2rem;
}

.record_date {
  line-height: 1;
  white-space: nowrap;
}

.cr-container li {
  border-bottom: 1px solid #a9a9a9;
}

.cr-container li .records-item-content-sy {
  position: relative;
}

.cr-container li .records-item-content-sy > div:first-child {
  background-color: #f5f5f5;
  padding: 0.1rem 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-switch {
  display: inline-block;
  vertical-align: middle;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.am-switch,
.am-switch .checkbox {
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}

.am-switch .checkbox {
  width: 1.02rem;
  height: 0.62rem;
  border-radius: 0.62rem;
  background: #e5e5e5;
  z-index: 0;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  transition: all 0.3s;
}

.am-switch .checkbox:before {
  content: " ";
  position: absolute;
  left: 0.03rem;
  top: 0.03rem;
  width: 0.96rem;
  height: 0.56rem;
  border-radius: 0.56rem;
  box-sizing: border-box;
  background: #fff;
  z-index: 1;
  transition: all 0.2s;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.am-switch .checkbox:after {
  content: " ";
  height: 0.56rem;
  width: 0.56rem;
  border-radius: 0.56rem;
  background: #fff;
  position: absolute;
  z-index: 2;
  left: 0.03rem;
  top: 0.03rem;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  transition: all 0.2s;
  box-shadow: 0.04rem 0.04rem 0.08rem rgba(0, 0, 0, 0.21);
}

.am-switch .checkbox.checkbox-disabled {
  z-index: 3;
}

.am-switch input[type="checkbox"] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  border: 0 none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.am-switch input[type="checkbox"]:checked + .checkbox {
  background: #4dd865;
}

.am-switch input[type="checkbox"]:checked + .checkbox:before {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

.am-switch input[type="checkbox"]:checked + .checkbox:after {
  -webkit-transform: translateX(0.4rem);
  -ms-transform: translateX(0.4rem);
  transform: translateX(0.4rem);
}

.am-switch input[type="checkbox"]:disabled + .checkbox {
  opacity: 0.3;
}

.am-switch.am-switch-android .checkbox {
  width: 1.44rem;
  height: 0.46rem;
  border-radius: 0.06rem;
  background: #a7aaa6;
}

.am-switch.am-switch-android .checkbox:before {
  display: none;
}

.am-switch.am-switch-android .checkbox:after {
  width: 0.7rem;
  height: 0.42rem;
  border-radius: 0.04rem;
  box-shadow: none;
  left: 0.02rem;
  top: 0.02rem;
}

.am-switch.am-switch-android input[type="checkbox"]:checked + .checkbox {
  background: #108ee9;
}

.am-switch.am-switch-android input[type="checkbox"]:checked + .checkbox:before {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

.am-switch.am-switch-android input[type="checkbox"]:checked + .checkbox:after {
  -webkit-transform: translateX(0.7rem);
  -ms-transform: translateX(0.7rem);
  transform: translateX(0.7rem);
}

.rmc-date-picker {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.1rem 0;
}

.rmc-date-picker-item {
  -ms-flex: 1;
  flex: 1 1 0%;
  text-align: center;
}

.rmc-multi-picker,
.rmc-picker {
  height: 2.38rem;
}

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

.rmc-picker-item {
  font-size: 0.16rem;
  height: 0.34rem;
  line-height: 0.34rem;
  padding: 0 0.1rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #9b9b9b;
  box-sizing: border-box;
}

.rmc-picker,
.rmc-picker-item {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.rmc-picker {
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1 1 0%;
  text-align: center;
}

.rmc-picker-mask {
  height: 100%;
  margin: 0 auto;
  z-index: 3;
  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;
}

.rmc-picker-content,
.rmc-picker-mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.rmc-picker-content {
  z-index: 1;
}

.rmc-picker-indicator {
  box-sizing: border-box;
  width: 100%;
  height: 0.34rem;
  position: absolute;
  left: 0;
  top: 1.02rem;
  z-index: 3;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

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

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

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

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

.rmc-picker-popup-mask {
  background-color: #373737;
  background-color: rgba(55, 55, 55, 0.6);
  height: 100%;
  filter: alpha(opacity=50);
}

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

.rmc-picker-popup-header {
  background-image: -webkit-linear-gradient(
    top,
    #e7e7e7,
    #e7e7e7,
    transparent,
    transparent
  );
  background-image: linear-gradient(
    180deg,
    #e7e7e7,
    #e7e7e7,
    transparent,
    transparent
  );
  background-position: bottom;
  background-size: 100% 1px;
  background-repeat: no-repeat;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.rmc-picker-popup-header-left,
.rmc-picker-popup-header-right {
  padding-left: 0.15rem;
  padding-right: 0.15rem;
}

.rmc-picker-popup-item {
  color: #0ae;
  font-size: 0.18rem;
  height: 0.44rem;
  line-height: 0.44rem;
  cursor: pointer;
  box-sizing: border-box;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

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

.rmc-picker-popup-title {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1 1 0%;
  color: #666;
  cursor: default;
}

.rmc-picker-popup-fade-appear,
.rmc-picker-popup-fade-enter {
  opacity: 0;
}

.rmc-picker-popup-fade-appear,
.rmc-picker-popup-fade-enter,
.rmc-picker-popup-fade-leave {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -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;
}

.rmc-picker-popup-fade-appear.rmc-picker-popup-fade-appear-active,
.rmc-picker-popup-fade-enter.rmc-picker-popup-fade-enter-active {
  -webkit-animation-name: rmcPopupPickerFadeIn;
  animation-name: rmcPopupPickerFadeIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.rmc-picker-popup-fade-leave.rmc-picker-popup-fade-leave-active {
  -webkit-animation-name: rmcPopupPickerFadeOut;
  animation-name: rmcPopupPickerFadeOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

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

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

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

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

.rmc-picker-popup-slide-fade-appear,
.rmc-picker-popup-slide-fade-enter {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.rmc-picker-popup-slide-fade-appear,
.rmc-picker-popup-slide-fade-enter,
.rmc-picker-popup-slide-fade-leave {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -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;
}

.rmc-picker-popup-slide-fade-appear.rmc-picker-popup-slide-fade-appear-active,
.rmc-picker-popup-slide-fade-enter.rmc-picker-popup-slide-fade-enter-active {
  -webkit-animation-name: rmcPopupPickerSlideFadeIn;
  animation-name: rmcPopupPickerSlideFadeIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.rmc-picker-popup-slide-fade-leave.rmc-picker-popup-slide-fade-leave-active {
  -webkit-animation-name: rmcPopupPickerSlideFadeOut;
  animation-name: rmcPopupPickerSlideFadeOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

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

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

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

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

.mc-lott-record-root {
  position: relative;
  overflow-x: hidden;
}

.mc-lott-record-root .play-chooser .am-search-cancel {
  display: none;
}

.mc-lott-record-root .select-Box {
  font-size: 0.63rem;
  position: relative;
}

.mc-lott-record-root .select-Box .am-list-content {
  color: #108ee9;
}

.mc-lott-record-root .select-Box > div {
  border: 1px solid #108ee9;
  border-radius: 0.1rem;
  margin-top: 0.3rem;
  padding: 0.1rem 0.2rem 0.2rem;
}

.mc-lott-record-root .select-Box .type {
  display: inline-block;
  padding: 0 0.15rem;
  font-size: 0.32rem;
  color: #108ee9;
  position: absolute;
  background: #fff;
  transform: translateY(-0.3rem);
}

.mc-lott-record-root .select-Box span {
  margin-right: 0.2rem;
  color: #888;
  border: 1px solid #ddd;
  display: inline-block;
  position: relative;
  font-size: 0.28rem;
  text-align: center;
  padding: 0 0.3rem;
  height: 0.5rem;
  line-height: 0.5rem;
  border-radius: 0.06rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mc-lott-record-root .select-Box span.active {
  color: #108ee9;
  border-color: #108ee9;
}

.mc-lott-record-root .btn {
  margin-top: 0.2rem;
}

.mc-lott-record-root .main {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  z-index: 2;
  transition: all 0.25s ease-out;
}

.mc-lott-record-root .play-chooser {
  visibility: hidden;
  opacity: 0;
  top: 0;
  padding: 0 0.15rem;
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  width: 80%;
  height: 100%;
  background-color: #fff;
  z-index: 0;
  color: #eee;
  left: 100%;
  transition: all 0.25s ease-out;
}

.mc-lott-record-root .play-chooser.open {
  left: 20%;
  opacity: 1;
}

.mc-lott-record-root .play-chooser-open {
  transform: translate3d(-80%, 0, 0);
}

.mc-lott-record-root .chooser-mask {
  transition: opacity 0.5s;
  position: absolute;
  visibility: hidden;
  width: 100%;
  height: 100%;
  z-index: 9;
  opacity: 0;
  background-color: #000;
}

.mc-lott-record-root .chooser-mask.show {
  opacity: 0.5;
  visibility: visible;
}

.lottType-box .am-list-line {
  display: flex !important;
  justify-content: left !important;
}

.lottType-box .am-list-extra {
  overflow: auto !important;
  flex-basis: 50% !important;
  text-align: left !important;
}

.lottType-box .am-list-arrow {
  position: absolute !important;
  right: 0;
}

.lottType-box .am-list-content {
  display: none;
}

.lottType-box > .type {
  z-index: 10;
}

.play-chooser .chase-number {
  padding: 0.2rem 0;
}

.play-chooser .chase-number > span {
  color: #108ee9;
}

.team-betting-filter .flex-shrink1 {
  width: 100%;
}

.mc-trans-filter {
  width: 100%;
  overflow: hidden;
  height: 0.77rem;
  padding-left: 0.15rem;
  padding-right: 0.15rem;
  border-bottom: 1px solid #ebebeb;
  box-shadow: 0 0.02rem 0.05rem -1px rgba(0, 0, 0, 0.1);
  position: relative;
  justify-content: flex-start;
  z-index: 9;
  background: #fff;
}

.mc-trans-filter .am-button-ghost.am-button-actived {
  color: #fff;
  background-color: #1284d6;
}

.mc-trans-filter .am-button-small {
  padding: 0 0.1rem;
  min-width: 1rem;
  font-size: 0.24rem;
}

.mc-trans-filter .set-btn.am-button-small {
  width: 1.2rem;
  min-width: 1.2rem;
  max-width: 1.2rem;
}

.mc-trans-filter .set-btn.am-button-small,
.mc-trans-filter .vasslage-btn.am-button-small {
  display: flex;
  margin-right: 0.05rem;
  justify-content: flex-start;
}

.mc-trans-filter .set-btn.am-button-small span,
.mc-trans-filter .vasslage-btn.am-button-small span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-inline-box;
  -webkit-line-clamp: 1;
}

.mc-trans-filter .am-flexbox .am-flexbox-item {
  height: 0.77rem;
  line-height: 0.45rem;
  flex: none;
}

.am-flexbox.am-flexbox-align-middle.mc-trans-filter {
  align-items: center;
  justify-content: flex-start;
}

.mc-date-picker {
  display: block;
  flex: 0 0 37%;
  width: 37%;
  margin-left: 0.1rem;
  line-height: 0.4rem;
}

.mc-popup-txtype .am-list .am-list-body {
  max-height: 7.4rem;
  overflow: auto;
}

.mc-popup-txtype .am-list-header {
  padding: 0.3rem 0 0.18rem 0.3rem;
}

.mc-popup-txtype .am-list-header div {
  padding-right: 0.3rem;
  text-align: left;
}

.mc-popup-txtype .am-list .am-list-body .svg-icon-dice {
  position: relative;
  top: 0.06rem;
  width: 0.4rem;
  height: 0.4rem;
  margin-right: 0.2rem;
  color: #888;
}

.mc-popup-txtype .am-list .am-list-body .am-list-item {
  border-top: 1px solid #bbb;
}

.mc-team-filter .am-list-item.am-input-item {
  max-width: 50%;
  height: 0.6rem;
  min-height: 0.6rem;
  padding-left: 0.1rem;
  padding-right: 0.1rem;
  border-radius: 0.1rem;
  border: 1px solid #1284d6;
}

.mc-team-filter .am-list-item .am-input-control input {
  color: #1284d6;
}

.mc-team-filter .am-list-item .am-input-label.am-input-label-5 {
  width: 0.4rem;
}

.mc-team-filter .am-list-item.am-input-item .am-icon-xs {
  position: relative;
  top: 0.03rem;
  color: #1284d6;
}

.mc-trans-filter .chase-number {
  font-size: 0.26rem;
  color: #108ee9;
  height: 100%;
  display: flex;
  align-items: center;
  overflow-x: auto;
  padding: 0 0.2rem;
}

.mc-trans-filter .am-search {
  height: 0.6rem;
  padding: 0 0.02rem;
  border-radius: 0.1rem;
}

.mc-trans-filter .am-search-synthetic-ph {
  padding-left: 0.02rem !important;
}

.mc-trans-filter .am-search-start .am-search-synthetic-ph {
  width: 2.5rem !important;
}

.mc-trans-filter .am-search-value {
  padding-left: 0.5rem !important;
}

.mc-trans-filter .am-search-cancel {
  padding: 0 0.12rem;
  background: #108ee9;
  color: #fff;
  font-size: 0.26rem;
  border-radius: 0.1rem;
}

.sub-name-search {
  min-width: 65%;
  height: 0.6rem;
  min-height: 0.6rem;
  padding-left: 0.1rem;
  padding-right: 0.1rem;
  border-radius: 0.1rem;
  border: 1px solid #1284d6;
  position: relative;
  margin-left: 0.2rem;
}

.sub-name-search input {
  color: #000;
  height: 0.6rem;
  font-size: 0.34rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  padding: 0.04rem 0;
  border: 0;
  background-color: transparent;
  line-height: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.sub-name-search svg {
  fill: #1284d6;
  position: absolute;
  right: 0.1rem;
  top: 50%;
  transform: translateY(-50%);
}

.padding-bottom-1rem {
  padding-bottom: 1rem;
}

.padding-bottom-2rem .scroll-inner-container:after {
  content: "";
  display: block;
  padding-bottom: 2rem;
}

.betting-footer-wrap .am-flexbox.total-money,
.padding-bottom-2rem .am-flexbox.total-money {
  flex-wrap: wrap;
}

.betting-footer-wrap .am-flexbox.total-money-item,
.padding-bottom-2rem .am-flexbox.total-money-item {
  width: 50%;
}

.record-footer {
  position: fixed;
  bottom: 0;
  width: min(100%, 530px);
  left: 50%;
  transform: translateX(-50%);
  background: #e8e8e8;
  padding: 0.5em 0.6rem;
  max-height: 2rem;
  font-size: 0.24rem;
}

.record-footer .am-flexbox {
  overflow-y: inherit;
}

.bet-all-footer {
  background: #fff;
  box-shadow: 0.02rem 0.02rem 0.2rem #9a9a9a;
  padding: 0.5em 0.2rem;
}

.bet-all-footer .total-money > div {
  width: 50%;
  display: inline-block;
  padding: 0.04rem 0;
}

.bet-all-footer .total-money > div span {
  display: inline-block;
  min-width: 1.2rem;
  padding: 0 0.1rem;
  color: #000;
}

.amount-positive-number {
  color: #70b603;
}

.amount-negative-number {
  color: red;
}

.amount-zero-number {
  color: #000;
}

.record-amount {
  font-weight: 700;
  font-size: 0.3rem;
  margin-top: 0.1rem;
}

.order-number-group {
  display: flex;
  align-items: center;
}

.order-number-group svg {
  fill: #000;
  margin-left: 0.05rem;
  width: 0.35rem;
  height: 0.36rem;
}

.records-item-header-sy {
  position: relative;
}

.records-item-header-sy .full_name_tip {
  line-height: 1;
  border-radius: 0.05rem;
  opacity: 0;
  color: #fff;
  position: absolute;
  top: 0.8rem;
  max-width: 80%;
  margin: 0;
  background-color: gray;
  padding: 0.1rem;
  transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.records-item-header-sy .full_name_tip:after {
  left: 0.3rem;
  border-left: 0.2rem solid transparent;
  border-bottom: 0.2rem solid gray;
  border-right: 0.2rem solid transparent;
  border-top: 0.2rem solid transparent;
  bottom: 100%;
  content: "";
  position: absolute;
  height: 0;
  width: 0.03rem;
}

.records-item-header-sy .full_name_tip.showTip {
  opacity: 1;
}

.gameCecords-list-root .am-activity-indicator {
  justify-content: center;
  padding-bottom: 0.4rem;
}

.gameCecords-list-root .top-tip {
  position: absolute;
  top: -0.4rem;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 0.4rem;
  line-height: 0.4rem;
  text-align: center;
  font-size: 0.28rem;
  color: #000;
  opacity: 0.4;
}

.lott-records-root .records-item-content-sy > div {
  margin-bottom: 0.2rem;
}

.record_date {
  line-height: 1;
  white-space: nowrap;
}

.mc-game-record-root .select-Box {
  font-size: 0.63rem;
  position: relative;
}

.mc-game-record-root .select-Box .am-list-content {
  color: #108ee9;
}

.mc-game-record-root .select-Box > div {
  border: 1px solid #108ee9;
  border-radius: 0.1rem;
  margin-top: 0.3rem;
  padding: 0.1rem 0.2rem 0.2rem;
}

.mc-game-record-root .select-Box .type {
  display: inline-block;
  padding: 0 0.15rem;
  font-size: 0.32rem;
  color: #108ee9;
  position: absolute;
  background: #fff;
  transform: translateY(-0.3rem);
}

.mc-game-record-root .select-Box span {
  margin-right: 0.2rem;
  color: #888;
  border: 1px solid #ddd;
  display: inline-block;
  position: relative;
  font-size: 0.28rem;
  text-align: center;
  padding: 0 0.3rem;
  height: 0.5rem;
  line-height: 0.5rem;
  border-radius: 0.06rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mc-game-record-root .select-Box span.active {
  color: #108ee9;
  border-color: #108ee9;
}

.mc-game-record-root .btn {
  margin-top: 0.2rem;
}

.mc-game-record-root .main {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  z-index: 2;
  transition: all 0.25s ease-out;
}

.mc-game-record-root {
  position: relative;
  overflow: hidden;
}

.mc-game-record-root .play-chooser .am-search-cancel {
  display: none;
}

.mc-game-record-root .play-chooser {
  visibility: hidden;
  opacity: 0;
  top: 2rem;
  padding: 0 0.15rem;
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  width: 80%;
  height: calc(100% - 2rem);
  background-color: #fff;
  z-index: 11;
  color: #eee;
  left: 100%;
  transition: all 0.25s ease-out;
}

.mc-game-record-root .play-chooser.open {
  left: 20%;
  opacity: 1;
}

.mc-game-record-root .play-chooser-open {
  transform: translate3d(-80%, 0, 0);
}

.mc-game-record-root .chooser-mask {
  transition: opacity 0.5s;
  position: absolute;
  visibility: hidden;
  width: 100%;
  height: 100%;
  z-index: 9;
  opacity: 0;
  background-color: #000;
}

.mc-game-record-root .chooser-mask.show {
  opacity: 0.5;
  visibility: visible;
}

.lottType-box .am-list-line {
  display: flex !important;
  justify-content: left !important;
}

.lottType-box .am-list-extra {
  overflow: auto !important;
  flex-basis: 50% !important;
  text-align: left !important;
}

.lottType-box .am-list-arrow {
  position: absolute !important;
  right: 0;
}

.lottType-box .am-list-content {
  display: none;
}

.lottType-box > .type {
  z-index: 10;
}

.play-chooser .chase-number {
  padding: 0.2rem 0;
}

.play-chooser .chase-number > span {
  color: #108ee9;
}

.team-betting-filter .flex-shrink1 {
  width: 100%;
}

.am-whitespace.am-whitespace-xs {
  height: 0.06rem;
}

.am-whitespace.am-whitespace-sm {
  height: 0.12rem;
}

.am-whitespace.am-whitespace-md {
  height: 0.18rem;
}

.am-whitespace.am-whitespace-lg {
  height: 0.3rem;
}

.am-whitespace.am-whitespace-xl {
  height: 0.42rem;
}

.lottOrderInfo_root {
  font-size: 0.26rem;
  padding: 0.2rem 0.4rem 0.1rem;
  background: #fff;
  border-bottom: 1px solid #cecdcd;
}

.lottOrderInfo_root span {
  margin-bottom: 0.1rem;
}

.lottOrderInfo_root .order_content {
  width: 2.8rem;
  overflow: hidden;
  display: flex;
}

.lottOrderInfo_root .order_content i {
  font-style: normal;
}

.lottOrderInfo_root .order_content .content {
  width: 2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}

.lottOrderInfo_root .order_content .bett-more {
  color: #108ee9;
}

#root.lott-detail .records-info-sy .order-status {
  position: absolute;
  right: 0.6rem;
}

.lottChasing_root {
  font-size: 0.26rem;
  padding: 0.2rem 0 0.1rem;
  background: #fff;
  border-bottom: 1px solid #cecdcd;
}

.lottChasing_root span {
  margin-bottom: 0.1rem;
}

.lottChasing_root .order_content {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 2.7rem;
}

.lott-detail {
  height: 100%;
  background: #f5f5f5;
}

.lott-detail .records-info-sy {
  background: #fff;
  font-size: 0.26rem;
  margin-bottom: 0.2rem;
}

.lott-detail .records-info-sy .order-info {
  border-bottom: 1px solid #cecdcd;
  padding: 0.3rem 0.6rem 0.2rem;
}

.lott-detail .records-info-sy .info-box > span {
  margin-bottom: 0.1rem;
}

.lott-detail .records-info-sy .order-money {
  padding: 0.3rem 0.6rem 0.2rem;
}

.lott-detail .records-info-sy .wn-content {
  display: inline-block;
  word-break: break-word;
}

.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%;
}

.lott-records-root {
  margin-bottom: 0.4rem;
}

.lott-records-root .records-item-header-sy {
  background: #fff;
  display: flex;
  align-items: center;
  padding: 0.14rem 0.6rem;
  height: 0.7rem;
  line-height: 0.7rem;
}

.lott-records-root .records-item-header-sy .details > span {
  font-size: 0.26rem;
  color: #108ee9;
  padding: 0.2rem 0 0.2rem 0.3rem;
}

.ri-order-details {
  max-height: 0.62rem;
}

.lott-records-root .records-item-content-sy {
  background: #f9f9f9;
  font-size: 0.26rem;
  padding: 0.3rem 0.6rem 0.2rem;
}

.lott-records-root .records-item-content-sy .is-link {
  color: #4db2f4 !important;
}

.lott-records-root .records-item-content-sy .order-info {
  border-bottom: 1px solid #cecdcd;
  display: flex;
  position: relative;
}

.lott-records-root .records-item-content-sy .order-info .info-box {
  float: left;
}

.lott-records-root .records-item-content-sy .order_status {
  flex: 1 1 0%;
  max-width: 40%;
}

.lott-records-root .records-item-content-sy .info-box > span {
  margin-bottom: 0.1rem;
}

.order_status {
  font-size: 0.26rem;
  line-height: 1.2;
}

.lott-record-container .downAnimating {
  justify-content: center;
  padding-bottom: 0.4rem;
}

.lott-record-container .upAnimating {
  justify-content: center;
  padding: 0.3rem 0;
}

.lott-record-container .top-tip {
  position: absolute;
  top: -0.4rem;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 0.4rem;
  line-height: 0.4rem;
  text-align: center;
  font-size: 0.28rem;
  color: #000;
  opacity: 0.4;
}

.lott-record-container {
  overflow: hidden;
}

.gameCecords-list-root {
  pointer-events: auto !important;
}

.game-record-container {
  position: relative;
}

.mc-game-record-right-component {
  display: flex;
  align-items: center;
  gap: 0.1rem;
  height: 100%;
  flex: 1 1 0%;
  position: relative;
}

.am-navbar-right .mc-game-record-right-component .exclude-btn {
  position: relative;
  flex: 1 1 0%;
}

.game-record-container .play-chooser .am-search-cancel {
  display: none;
}

.game-record-container .select-Box {
  font-size: 0.63rem;
  position: relative;
}

.game-record-container .select-Box .am-list-content {
  color: #108ee9;
}

.game-record-container .select-Box > div {
  border: 1px solid #108ee9;
  border-radius: 0.1rem;
  margin-top: 0.3rem;
  padding: 0.1rem 0.2rem 0.2rem;
}

.ck-icon {
  position: relative;
  top: 0.1rem;
}

.game-record-container .select-Box .type {
  display: inline-block;
  padding: 0 0.15rem;
  font-size: 0.32rem;
  color: #108ee9;
  position: absolute;
  background: #fff;
  transform: translateY(-0.3rem);
}

.game-record-container .select-Box span {
  margin-right: 0.2rem;
  color: #888;
  border: 1px solid #ddd;
  display: inline-block;
  position: relative;
  font-size: 0.28rem;
  text-align: center;
  padding: 0 0.3rem;
  height: 0.5rem;
  line-height: 0.5rem;
  border-radius: 0.06rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.game-record-container .select-Box span.active {
  color: #108ee9;
  border-color: #108ee9;
}

.game-record-container .btn {
  margin-top: 0.2rem;
}

.game-record-container .main {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  z-index: 2;
  transition: all 0.25s ease-out;
}

.game-record-container .play-chooser {
  visibility: hidden;
  opacity: 0;
  top: 0;
  padding: 0 0.15rem;
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  width: 80%;
  height: 100%;
  background-color: #fff;
  z-index: 0;
  color: #eee;
  left: 100%;
  transition: all 0.25s ease-out;
}

.game-record-container .play-chooser.open {
  left: 20%;
  opacity: 1;
}

.game-record-container .play-chooser-open {
  transform: translateZ(0);
}

.game-record-container .chooser-mask {
  transition: opacity 0.5s;
  position: absolute;
  visibility: hidden;
  width: 100%;
  height: 100%;
  z-index: 9;
  opacity: 0;
  background-color: #000;
}

.game-record-container .chooser-mask.show {
  opacity: 0.5;
  visibility: visible;
}

.lottType-box .am-list-line {
  display: flex !important;
  justify-content: left !important;
}

.lottType-box .am-list-extra {
  overflow: auto !important;
  flex-basis: 50% !important;
  text-align: left !important;
}

.lottType-box .am-list-arrow {
  position: absolute !important;
  right: 0;
}

.lottType-box .am-list-content {
  display: none;
}

.lottType-box > .type {
  z-index: 10;
}

.play-chooser .chase-number {
  padding: 0.2rem 0;
}

.play-chooser .chase-number > span {
  color: #108ee9;
}

.game-record-show-container {
  position: fixed;
  width: 100%;
  height: calc(100vh - 2rem);
  height: calc(var(--vh, 1vh) * 100 - 2rem);
  z-index: 100;
  top: 2rem;
  left: 100%;
  transition: all 0.25s ease-out;
  overflow: hidden;
}

.game-record-show-container.open {
  left: 0;
  opacity: 1;
}

.mc-trans-filter {
  left: 0;
}

.open-modal {
  left: -80%;
  transition: all 0.25s ease-out;
}

.game-record-show {
  width: 80%;
  height: 100%;
  background: #fff;
  padding: 0.2rem;
  float: right;
  display: flex;
  flex-direction: column;
}

.game-record-show .btn-wrapper {
  flex: 1 1 0%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.game-record-show .mc-trans-filter {
  padding-left: 0;
}

.game-record-show-left {
  width: 20%;
  height: calc(100% - 0.77rem);
  float: left;
  background: rgba(0, 0, 0, 0.5);
  padding: 0.2rem;
  margin-top: 0.77rem;
}

.game-record-show-content {
  width: 100%;
  height: 100%;
  color: #ddd;
}

.team-member-item-header {
  padding: 0.14rem 0.2rem 0.14rem 0.4rem;
  height: 0.8rem;
  line-height: 0.8rem;
  background: #fff;
  position: relative;
}

.team-member-item-content {
  background: #fcfcfc;
}

.records-list-root .team-op {
  color: #a6a6a6;
  font-size: 0.28rem;
}

.mc-icon-member {
  position: relative;
  top: 0.1rem;
  margin-right: 0.05rem;
  fill: #5288f8;
}

.mc-divider {
  width: 0.02rem;
  height: 0.05rem;
  background-color: #777;
  margin: 0 0.05rem;
}

.mc-divider,
.team-op a {
  display: inline-block;
  color: #5288f8;
}

.team-op a {
  -webkit-appearance: none;
  box-sizing: border-box;
  text-align: center;
  font-size: 0.28rem;
  height: 0.7rem;
  line-height: 0.7rem;
  text-overflow: ellipsis;
  word-break: break-word;
  white-space: nowrap;
  background-color: #fff;
  outline: 0 none;
  padding: 0 0.3rem;
}

a.trans-checked {
  color: #fff;
  background-color: #108ee9;
}

.team-rebate-mbody {
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.team-rebate-title {
  min-height: 0.96rem;
  line-height: 0.46rem;
  padding: 0.25rem 0.45rem;
  border-bottom: 1px solid #d1d1d1;
  overflow: hidden;
}

.team-rebate-title span {
  display: inline-block;
  margin-right: 0.26rem;
}

.team-rebate-tleft svg {
  position: relative;
  top: 0.12rem;
}

.team-rebate-tcenter {
  color: #ff2936;
}

.team-rebate-tright {
  color: #000;
  font-size: 0.4rem;
}

.team-rebate-btn {
  padding: 0.35rem 0.45rem 0.1rem;
  overflow: hidden;
}

.team-rebate-btnleft,
.team-rebate-btnright {
  width: 45%;
}

.team-rebate-btnleft {
  float: left;
}

.team-rebate-btnright {
  float: right;
}

.team-rebate-btnright .am-button {
  background-color: #ff2936;
  color: #fff;
}

.team-rebate-btnright .am-button.team-rebate-btnrhv {
  background-color: rgba(255, 41, 55, 0.6);
}

#root .team-member-flow .am-steps-item.am-steps-status-finish.am-steps-custom {
  width: 23.333% !important;
  margin-right: 0.1rem !important;
  margin-bottom: 0.2rem;
}

#root
  .team-member-flow
  .am-steps-item.am-steps-status-finish.am-steps-custom
  .am-steps-tail {
  padding-right: 0 !important;
  right: 0;
}

#root .team-member-flow .am-steps-label-vertical .am-steps-main {
  margin-top: 0;
}

.mc-lps-wrapper {
  position: relative;
}

.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-item .am-input-control {
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.am-list-item .am-input-control .fake-input-container {
  height: 0.6rem;
  line-height: 0.6rem;
  position: relative;
}

.am-list-item .am-input-control .fake-input-container .fake-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin-right: 0.1rem;
  -webkit-text-decoration: rtl;
  text-decoration: rtl;
  text-align: right;
  color: #000;
  font-size: 0.34rem;
}

.am-list-item
  .am-input-control
  .fake-input-container
  .fake-input.fake-input-disabled {
  color: #bbb;
}

.am-list-item .am-input-control .fake-input-container .fake-input.focus {
  transition: color 0.2s;
}

.am-list-item .am-input-control .fake-input-container .fake-input.focus:after {
  content: "";
  position: absolute;
  right: 0;
  top: 10%;
  height: 80%;
  border-right: 0.03rem solid #108ee9;
  -webkit-animation: keyboard-cursor infinite 1s step-start;
  animation: keyboard-cursor infinite 1s step-start;
}

.am-list-item .am-input-control .fake-input-container .fake-input-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #bbb;
  text-align: right;
}

.am-number-keyboard-wrapper {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 4rem;
  z-index: 10000;
  font-family: PingFang SC;
  background-color: #f6f6f7;
  transition-duration: 0.2s;
  transition-property: -webkit-transform display;
  transition-property: transform display;
  transition-property:
    transform display,
    -webkit-transform display;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.am-number-keyboard-wrapper.am-number-keyboard-wrapper-hide {
  bottom: -10rem;
}

.am-number-keyboard-wrapper table {
  width: 100%;
  padding: 0;
  margin: 0;
  border-collapse: collapse;
  border-top: 1px solid #ccc;
}

.am-number-keyboard-wrapper table tr {
  width: 100%;
  padding: 0;
  margin: 0;
}

.am-number-keyboard-wrapper table tr .am-number-keyboard-item {
  width: 25%;
  padding: 0;
  margin: 0;
  height: 1rem;
  text-align: center;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  font-size: 0.51rem;
  color: #2a2b2c;
  position: relative;
}

.am-number-keyboard-wrapper
  table
  tr
  .am-number-keyboard-item.am-number-keyboard-item-active {
  background-color: #ddd;
}

.am-number-keyboard-wrapper table tr .am-number-keyboard-item.keyboard-confirm {
  color: #fff;
  font-size: 0.42rem;
  background-color: #108ee9;
}

.am-number-keyboard-wrapper
  table
  tr
  .am-number-keyboard-item.keyboard-confirm.am-number-keyboard-item-active {
  background-color: #1284d6;
}

.am-number-keyboard-wrapper
  table
  tr
  .am-number-keyboard-item.keyboard-confirm.am-number-keyboard-item-disabled {
  background-color: #1284d6;
  color: hsla(0, 0%, 100%, 0.45);
}

.am-number-keyboard-wrapper table tr .am-number-keyboard-item.keyboard-delete {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1' xmlns='http://www.w3.org/2000/svg' width='204' height='148' viewBox='0 0 153.000000 111.000000'%3E%3Cpath d='M46.9 4.7c-2.5 2.6-14.1 15.5-25.8 28.6L-.1 57l25.6 27 25.7 27.1 47.4-.3 47.4-.3 3.2-3.3 3.3-3.2V7l-3.3-3.2L146 .5 98.7.2 51.5-.1l-4.6 4.8zm97.9 3.5c1.7 1.7 1.7 92.9 0 94.6-.9.9-12.6 1.2-46.3 1.2H53.4L31.2 80.4 9 56.9l5.1-5.7c2.8-3.1 12.8-14.4 22.2-24.9L53.5 7h45c33.8 0 45.4.3 46.3 1.2z'/%3E%3Cpath d='M69.5 31c-1.9 2.1-1.7 2.2 9.3 13.3L90 55.5 78.8 66.7 67.5 78l2.3 2.2 2.2 2.3 11.3-11.3L94.5 60l11.2 11.2L117 82.5l2.2-2.3 2.3-2.2-11.3-11.3L99 55.5l11.2-11.2L121.5 33l-2.3-2.2-2.2-2.3-11.3 11.3L94.5 51l-11-11c-6-6-11.2-11-11.6-11-.3 0-1.4.9-2.4 2z'/%3E%3C/svg%3E");
  background-size: 0.51rem 0.37rem;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.am-number-keyboard-wrapper table tr .am-number-keyboard-item.keyboard-hide {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1' xmlns='http://www.w3.org/2000/svg' width='260' height='188' viewBox='0 0 195.000000 141.000000'%3E%3Cpath d='M0 57v57h195V0H0v57zm183 0v45H12V12h171v45z'/%3E%3Cpath d='M21 31.5V39h15V24H21v7.5zm27 0V39h15V24H48v7.5zm27 0V39h15V24H75v7.5zm27 0V39h15V24h-15v7.5zm27 0V39h15V24h-15v7.5zm27 0V39h15V24h-15v7.5zm-120 24V63h15V48H36v7.5zm27 0V63h15V48H63v7.5zm27 0V63h15V48H90v7.5zm27 0V63h15V48h-15v7.5zm27 0V63h15V48h-15v7.5zm-117 24V87h15V72H27v7.5zm21 0V87h96V72H48v7.5zm102 0V87h15V72h-15v7.5zm-69 45c0 .8.7 1.5 1.5 1.5s1.5.7 1.5 1.5.7 1.5 1.5 1.5 1.5.7 1.5 1.5.7 1.5 1.5 1.5 1.5.7 1.5 1.5.7 1.5 1.5 1.5 1.5.7 1.5 1.5.7 1.5 1.5 1.5 1.5.7 1.5 1.5.7 1.5 1.5 1.5 1.5-.7 1.5-1.5.7-1.5 1.5-1.5 1.5-.7 1.5-1.5.7-1.5 1.5-1.5 1.5-.7 1.5-1.5.7-1.5 1.5-1.5 1.5-.7 1.5-1.5.7-1.5 1.5-1.5 1.5-.7 1.5-1.5.7-1.5 1.5-1.5 1.5-.7 1.5-1.5c0-1.3-2.5-1.5-16.5-1.5s-16.5.2-16.5 1.5z'/%3E%3C/svg%3E");
  background-size: 0.65rem 0.47rem;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

@-webkit-keyframes keyboard-cursor {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes keyboard-cursor {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.am-list-item.am-input-item {
  height: 0.88rem;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}

.am-list-item.am-input-item:after {
  display: block;
  position: absolute;
  content: "";
  left: 0.3rem;
  bottom: 0;
  right: auto;
  top: auto;
  width: 100%;
  border-bottom: 1px solid #ddd;
}

.am-list-item .am-input-label {
  color: #000;
  font-size: 0.34rem;
  margin-left: 0;
  margin-right: 0.1rem;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  padding: 0.04rem 0;
}

.am-list-item .am-input-label.am-input-label-2 {
  width: 0.68rem;
}

.am-list-item .am-input-label.am-input-label-3 {
  width: 1.02rem;
}

.am-list-item .am-input-label.am-input-label-4 {
  width: 1.36rem;
}

.am-list-item .am-input-label.am-input-label-5 {
  width: 1.7rem;
}

.am-list-item .am-input-label.am-input-label-6 {
  width: 2.04rem;
}

.am-list-item .am-input-label.am-input-label-7 {
  width: 2.38rem;
}

.am-list-item .am-input-control {
  font-size: 0.34rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1 1 0%;
}

.am-list-item .am-input-control input {
  color: #000;
  font-size: 0.34rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  padding: 0.04rem 0;
  border: 0;
  background-color: transparent;
  line-height: 1;
  box-sizing: border-box;
}

.am-list-item .am-input-control input::-webkit-input-placeholder {
  color: #bbb;
  line-height: 1.2;
}

.am-list-item .am-input-control input:-ms-input-placeholder {
  color: #bbb;
  line-height: 1.2;
}

.am-list-item .am-input-control input::placeholder {
  color: #bbb;
  line-height: 1.2;
}

.am-list-item .am-input-control input:disabled {
  color: #bbb;
  background-color: #fff;
}

.am-list-item .am-input-clear {
  display: none;
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 50%;
  overflow: hidden;
  font-style: normal;
  color: #fff;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23fff' viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
  background-size: 0.42rem auto;
  background-position: 0.04rem 0.04rem;
}

.am-list-item .am-input-clear:active {
  background-color: #108ee9;
}

.am-list-item.am-input-focus .am-input-clear {
  display: block;
}

.am-list-item .am-input-extra {
  -webkit-box-flex: initial;
  -ms-flex: initial;
  flex: initial;
  min-width: 0;
  max-height: 0.42rem;
  overflow: hidden;
  padding-right: 0;
  line-height: 1;
  color: #888;
  font-size: 0.3rem;
  margin-left: 0.1rem;
}

.am-list-item.am-input-error .am-input-control input {
  color: #f50;
}

.am-list-item.am-input-error .am-input-error-extra {
  height: 0.42rem;
  width: 0.42rem;
  margin-left: 0.12rem;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1.266a7.69 7.69 0 0 1 5.469 2.264c.71.71 1.269 1.538 1.657 2.459.404.954.608 1.967.608 3.011a7.69 7.69 0 0 1-2.264 5.469 7.694 7.694 0 0 1-2.459 1.657A7.675 7.675 0 0 1 9 16.734a7.69 7.69 0 0 1-5.469-2.264 7.694 7.694 0 0 1-1.657-2.459A7.675 7.675 0 0 1 1.266 9 7.69 7.69 0 0 1 3.53 3.531a7.694 7.694 0 0 1 2.459-1.657A7.675 7.675 0 0 1 9 1.266zM9 0a9 9 0 0 0-9 9 9 9 0 0 0 9 9 9 9 0 0 0 9-9 9 9 0 0 0-9-9zm0 11.25a.703.703 0 0 1-.703-.703V4.06a.703.703 0 1 1 1.406 0v6.486A.703.703 0 0 1 9 11.25zm-.791 1.916a.791.791 0 1 1 1.582 0 .791.791 0 0 1-1.582 0z' fill='%23F50' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-size: 0.42rem auto;
}

.am-list-item.am-input-disabled .am-input-label {
  color: #bbb;
}

.am-list-body .am-list-item:last-child {
  border-bottom: 0;
}

.am-list-body .am-list-item:last-child:after {
  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-slider {
  position: relative;
  margin: 0.32rem 0;
}

.am-slider-rail {
  position: absolute;
  width: 100%;
  background-color: #ddd;
  height: 0.04rem;
  box-sizing: border-box;
}

.am-slider-wrapper {
  padding: 0 0.32rem;
}

.am-slider-track {
  position: absolute;
  left: 0;
  height: 0.04rem;
  border-radius: 0.04rem;
  background-color: #108ee9;
}

.am-slider-handle {
  position: absolute;
  margin-left: -0.24rem;
  margin-top: -0.24rem;
  width: 0.44rem;
  height: 0.44rem;
  cursor: pointer;
  border-radius: 50%;
  border: 0.04rem solid #108ee9;
  background-color: #fff;
  box-sizing: border-box;
}

.am-slider-handle:focus {
  background-color: #40a5ed;
}

.am-slider-handle:active {
  background-color: #40a5ed;
  box-shadow: 0 0 0.05rem #40a5ed;
}

.am-slider-mark {
  position: absolute;
  top: 0.4rem;
  left: 0;
  width: 100%;
  font-size: 0.24rem;
}

.am-slider-mark-text {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  color: #000;
}

.am-slider-mark-text-active {
  opacity: 0.3;
}

.am-slider-step {
  position: absolute;
  width: 100%;
  height: 0.08rem;
  background: transparent;
}

.am-slider-dot {
  position: absolute;
  bottom: -0.1rem;
  margin-left: -0.08rem;
  width: 0.24rem;
  height: 0.24rem;
  border: 0.04rem solid #ddd;
  background-color: #fff;
  cursor: pointer;
  border-radius: 50%;
  vertical-align: middle;
}

.am-slider-dot:first-child {
  margin-left: -0.08rem;
}

.am-slider-dot:last-child {
  margin-left: -0.08rem;
}

.am-slider-dot-active {
  border-color: #108ee9;
}

.am-slider-disabled {
  opacity: 0.3;
}

.am-slider-disabled .am-slider-track {
  height: 0.04rem;
}

.am-slider-disabled .am-slider-dot,
.am-slider-disabled .am-slider-handle,
.am-slider-disabled .am-slider-mark-text {
  cursor: not-allowed;
  box-shadow: none;
}

.modal-list-content {
  padding: 0 0.24rem;
  color: #5b5b5b;
  font-size: 0.28rem;
}

.modal-list-content .team-rebate-title {
  padding: 0;
  font-size: 0.28rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: inherit;
}

.modal-list-content .team-rebate-title .team-rebate-tleft {
  margin-right: 0.1rem;
}

.modal-list-content .team-rebate-title .team-rebate-tleft .icon-player svg {
  height: 0.27rem;
  top: 0.05rem;
  width: 0.42rem;
}

.modal-list-content .team-rebate-title .team-rebate-tcenter {
  color: #ec2529;
}

.modal-list-content .team-rebate-title .agrg-downline-bnbtdis {
  float: inherit;
}

.modal-list-content
  .team-rebate-title
  .agrg-downline-bnbtdis
  .agrg-downline-type {
  font-size: 0.26rem;
  color: #5b5b5b;
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal-list-content
  .team-rebate-title
  .agrg-downline-bnbtdis
  .agrg-downline-type
  .agrg-downline-cname {
  margin-right: 0;
}

.modal-list-content
  .agrg-bouns-main
  > div:last-child
  .agrg-downline-bnset:last-child {
  border-bottom: none;
}

.modal-list-content .agrg-bouns-main .agrg-downline-bnbt {
  margin: 0;
  border-bottom: none;
}

.modal-list-content .agrg-bouns-main .agrg-downline-bnbt .agrg-downline-type {
  display: flex;
  align-items: center;
}

.modal-list-content
  .agrg-bouns-main
  .agrg-downline-bnbt
  .agrg-downline-type
  .agrg-downline-cname {
  line-height: inherit;
}

.modal-list-content .agrg-bouns-main .agrg-downline-bnset {
  margin: 0;
  height: inherit;
  border-bottom: 1px solid #e6e6e6;
  min-height: 0;
}

.modal-list-content
  .agrg-bouns-main
  .agrg-downline-bnset
  .agrg-downline-bnsetp {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.25rem 0;
  height: inherit;
}

.modal-list-content
  .agrg-bouns-main
  .agrg-downline-bnset
  .agrg-downline-bnsetp
  .game-wrap {
  display: flex;
  align-items: center;
}

.modal-list-content
  .agrg-bouns-main
  .agrg-downline-bnset
  .agrg-downline-bnsetp
  .game-wrap
  .game-type {
  font-size: 0.28rem;
  font-weight: 700;
  color: #5b5b5b;
  margin-right: 0.1rem;
}

.modal-list-content
  .agrg-bouns-main
  .agrg-downline-bnset
  .agrg-downline-bnsetp
  .game-wrap
  .game-rebate {
  color: #ec2529;
}

.modal-list-content
  .agrg-bouns-main
  .agrg-downline-bnset
  .agrg-downline-bnsetp
  .agrg-downline-group {
  display: flex;
  float: inherit;
  flex-grow: 0;
}

.modal-list-content
  .agrg-bouns-main
  .agrg-downline-bnset
  .agrg-downline-bnsetp
  .agrg-downline-group
  .agrg-downline-bnstbt {
  width: 0.36rem;
  height: 0.36rem;
  border-radius: 0.18rem;
  border: 1px solid #9d9d9d;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0.2rem;
}

.modal-list-content
  .agrg-bouns-main
  .agrg-downline-bnset
  .agrg-downline-bnsetp
  .agrg-downline-group
  .agrg-downline-bnstbt:last-child {
  margin-right: 0;
}

.modal-list-content
  .agrg-bouns-main
  .agrg-downline-bnset
  .agrg-downline-bnsetp
  .agrg-downline-group
  .agrg-downline-bnstbt
  svg {
  width: 0.3rem;
  height: 0.3rem;
  fill: #9d9d9d;
}

.modal-list-content
  .agrg-bouns-main
  .agrg-downline-bnset
  .agrg-downline-bnslider {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
}

.modal-list-content
  .agrg-bouns-main
  .agrg-downline-bnset
  .agrg-downline-bnslider
  .agrg-downline-bnslt,
.modal-list-content
  .agrg-bouns-main
  .agrg-downline-bnset
  .agrg-downline-bnslider
  .agrg-downline-bnsrt {
  font-size: 0.26rem;
  color: #5b5b5b;
  line-height: 0.26rem;
  width: 14%;
}

.modal-list-content
  .agrg-bouns-main
  .agrg-downline-bnset
  .agrg-downline-bnslider
  .agrg-downline-bnsct {
  float: inherit;
  flex-grow: 1;
}

.modal-list-content
  .agrg-bouns-main
  .agrg-downline-bnset
  .agrg-downline-bnslider
  .agrg-downline-bnsct
  .am-slider-wrapper {
  margin-top: -0.06rem;
}

.modal-list-content
  .agrg-bouns-main
  .agrg-downline-bnset
  .agrg-downline-bnslider
  .agrg-downline-bnsct
  .am-slider-wrapper
  .am-slider {
  margin: 0;
}

.modal-list-content
  .agrg-bouns-main
  .agrg-downline-bnset
  .agrg-downline-bnslider
  .agrg-downline-bnsct
  .am-slider-wrapper
  .am-slider
  .am-slider-rail {
  height: 0.1rem;
  border-radius: inherit;
  background-color: #f0f0f0;
}

.modal-list-content
  .agrg-bouns-main
  .agrg-downline-bnset
  .agrg-downline-bnslider
  .agrg-downline-bnsct
  .am-slider-wrapper
  .am-slider
  .am-slider-track {
  box-shadow: 0 0.06rem 0.08rem 0 rgba(255, 4, 75, 0.1);
  background-color: #ec2529;
  height: 0.1rem;
  border-radius: inherit;
}

.modal-list-content
  .agrg-bouns-main
  .agrg-downline-bnset
  .agrg-downline-bnslider
  .agrg-downline-bnsct
  .am-slider-wrapper
  .am-slider
  .am-slider-handle {
  width: 0.28rem;
  height: 0.28rem;
  border-radius: 0.14rem;
  box-shadow: 0 0.04rem 0.06rem 0 rgba(155, 171, 190, 0.1);
  background-color: #e7ecf2;
  margin: -0.1rem -0.14rem 0;
}

.modal-list-content
  .agrg-bouns-main
  .agrg-downline-bnset
  .agrg-downline-bnslider
  .agrg-downline-bnsct
  .am-slider-wrapper
  .am-slider
  .am-slider-step {
  height: 0.1rem;
  border-radius: inherit;
}

.modal-list-content .mc-switch {
  margin: 0 0.2rem;
  top: inherit;
}

.modal-list-content .mc-switch .checkbox {
  width: 0.74rem;
  height: 0.42rem;
  border: 0.02rem solid #cdcdcd;
  background-color: #fff;
}

.modal-list-content .mc-switch .checkbox:before {
  display: none;
}

.modal-list-content .mc-switch .checkbox:after {
  width: 0.42rem;
  height: 0.42rem;
  background-color: #cdcdcd;
  left: 0;
  top: -1px;
}

.modal-list-content .mc-switch .checkbox.on {
  background-color: #fff;
  border: 0.02rem solid #ec2529;
}

.modal-list-content .mc-switch .checkbox.on:before {
  display: none;
}

.modal-list-content .mc-switch .checkbox.on:after {
  background-color: #ec2529;
  right: 0;
  top: -1px;
  left: inherit;
}

.modal-list-footer.disable-btn .am-button {
  background-color: #efefef;
  color: #aeaeae;
}

.modal-list-footer.active-btn,
.modal-list-footer .am-button {
  color: #ec2529;
  background-color: #fef4f4;
}

.modal-list-footer .am-button {
  font-size: 0.28rem;
  height: 0.8rem;
  line-height: 0.8rem;
  border: none;
  border-radius: inherit;
  margin: 0;
}

.records-root {
  font-size: 0.32rem;
  margin-bottom: 0.3rem;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
}

.record-time {
  left: 0 !important;
  margin: 0.1rem;
  right: 0.2rem;
}

.record-time .am-popover-inner-wrapper {
  background: #000;
  padding: 0.1rem;
  color: #fff;
}

.record-time .am-popover-arrow {
  background: #000;
}

.records-list-root .time {
  font-size: 0.28rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  max-width: 3.8rem;
}

.records-list-root .tic-remark.true > p {
  display: block;
}

.records-list-root .tic-remark > p {
  background: #000;
  color: #fff;
  position: absolute;
  max-width: 70%;
  white-space: pre-wrap;
  display: none;
  line-height: 1.4;
  border-radius: 0.1rem;
  z-index: 888;
  margin: 0.1rem;
  right: 0.2rem;
  top: 42%;
  word-break: break-all;
  padding: 1em;
}

.mc-transaction-record-root .records-item-header {
  padding: 0.14rem 0.4rem;
  height: auto;
  background: #fff;
}

.record-icon-yen {
  position: relative;
  top: 0.08rem;
  margin-right: 0.15rem;
  color: #3a86f7;
}

.records-item-content {
  font-size: 0.28rem;
  background: rgba(0, 0, 0, 0.05);
  position: relative;
}

.records-list-root .line {
  height: 0.8rem;
  line-height: 0.8rem;
  padding: 0 0.4rem;
  font-size: 0.25rem;
  position: static;
  z-index: 2 !important;
}

.records-list-root .line-large {
  height: 1rem;
  margin-top: 0.1rem;
  padding: 0 0.4rem;
  z-index: 1 !important;
}

.records-list-root .line-large .am-flexbox {
  line-height: 0.45rem;
}

.records-list-root .user-name {
  padding: 0.3rem 0.4rem 0;
  font-size: 0.25rem;
}

.tic-code {
  max-width: 50%;
}

.tic-code-number {
  max-width: 100%;
  white-space: wrap;
  word-wrap: break-word;
  overflow: hidden;
}

.mc-transaction-record-root .mc-transaction-filterbar {
  position: absolute;
  width: 100%;
}

.mc-transaction-record-root {
  position: relative;
}

.mc-transaction-record-root .mc-trans-filter {
  width: 100%;
}

.mc-transaction-record-root .am-search-cancel-show {
  display: none;
}

.mc-filter-container {
  width: 100%;
  background: #f8f8ff;
  z-index: 99;
}

.mc-trans-record-container .empty-text {
  font-size: 0.32rem;
  margin-top: 0.3rem;
  padding: 0.1rem 0.15rem;
}

.mc-trans-record-container .color-red-out {
  color: #f6573a;
}

.mc-trans-record-container .color-green-in {
  color: #59d169;
}

.mc-transaction-record-root .mc-trans-filter .am-button-small:first-child {
  flex: 0 0 auto !important;
}

.mc-transaction-record-root .name-filter {
  padding-top: 0;
}

.mc-transaction-record-root .name-filter > span {
  font-size: 0.3rem;
}

.mc-transaction-record-root .mc-trans-filter {
  background: #f5f5f5;
}

.tr-item-header {
  position: relative;
  height: 0.68rem;
  padding: 0 0.45rem;
  background: #fff;
  box-shadow: 0 0.19rem 0.4rem 0 rgba(0, 0, 0, 0.02);
}

.tr-item-content {
  background: #fcfcfc;
  position: relative;
}

.tr-item-title {
  font-size: 0.27rem;
  color: #5e5e5e;
  font-weight: 700;
  margin-left: 0.14rem;
}

.tr-item-time {
  font-size: 0.26rem;
  color: #a6a6a6;
}

.tr-item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 66%;
  display: flex;
  align-items: center;
}

.record-icon-ticket {
  display: inline-block;
  width: 0.54rem;
  height: 0.6rem;
  background: url(/mobile/mc/bill.b01b2d35.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.tr-item-content-item {
  min-height: 0.36rem;
  line-height: 0.36rem;
  font-size: 0.26rem;
  color: #5e5e5e;
  display: flex;
  flex-wrap: wrap;
  padding: 0.08rem 0 0.08rem 0.24rem;
  margin: 0 0.45rem;
  justify-content: space-between;
}

.tr-item-detail {
  padding: 0.16rem 0;
}

.tic-footer {
  min-height: 0.92rem;
  padding: 0.16rem 0.45rem 0.16rem 0.69rem;
  line-height: normal;
  margin: 0;
  border-top: 0.02rem solid #f5f5f5;
}

.tic-footer-title {
  display: block;
  font-size: 0.22rem !important;
  font-weight: 700;
  color: #a6a6a6;
}

.tic-footer-amount {
  font-size: 0.3rem;
  color: #000;
  font-weight: 700;
}

.mtrr-container .mc-filter-container.name-filter,
.mtrr-container .mc-trans-filter {
  line-height: 0.9rem;
  background: #f5f5f5;
}

.mtrr-container .name-filter > .mc-trans-filter {
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}

.mtrr-container .name-filter .mc-trans-filter > a:first-child {
  padding-right: 0.6rem !important;
}

.mtrr-container .mc-trans-filter {
  box-shadow: none;
  border: 0;
}

.records-list-root .scroll-inner-container {
  background: #f5f5f5;
}

.records-list-root .list-wrapper li {
  margin-bottom: 0.24rem;
}

.tic-remark {
  font-size: 0.26rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  max-width: 2.6rem;
}

.appDownload {
  min-height: 100%;
  width: 100%;
  position: absolute;
  background: #f6f6f6;
}

.appDownload:after {
  content: "";
  display: block;
  height: 1.4rem;
}

.appDownload .appDownload-header {
  background: url(/mobile/mc/appDownload-header.ba1c108b.png) no-repeat;
  background-size: 100% 100%;
  height: 3.26rem;
  padding: 0 0.3rem;
}

.appDownload .appDownload-header .app-name {
  text-indent: 1em;
  font-size: 0.4rem;
  line-height: 1.5rem;
  color: #fff;
  font-weight: 700;
}

.appDownload .appDownload-header .appDownload-header-content {
  height: 2.1rem;
  border-radius: 0.28rem;
  background: #fff;
  position: relative;
  bottom: -0.68rem;
  padding-left: 2.25rem;
  padding-top: 0.33rem;
}

.appDownload .appDownload-header .appDownload-header-content .app-icon {
  position: absolute;
  width: 1.75rem;
  height: 1.75rem;
  top: -0.34rem;
  left: 0.3rem;
  border-radius: 0.28rem;
  background-color: #76bfff;
  z-index: 1px;
  overflow: hidden;
}

.appDownload .appDownload-header .appDownload-header-content .app-icon img {
  display: inline-block;
  width: 1.75rem;
  height: 1.75rem;
}

.appDownload .appDownload-header .appDownload-header-content .official-logo {
  color: #34bff9;
  background: url(/mobile/mc/official-logo.9c6a1a43.png) no-repeat;
  background-size: 100% 100%;
  padding: 0 1em;
  min-width: 0.68rem;
  font-size: 0.2rem;
  display: inline-block;
  vertical-align: middle;
  height: 0.38rem;
  margin-left: 0.13rem;
  line-height: 0.38rem;
}

.appDownload .appDownload-header .appDownload-header-content .app-full-name {
  max-width: 2rem;
  display: inline-block;
  vertical-align: middle;
  line-height: 0.38rem;
  font-size: 0.32rem;
  color: #2a2b2d;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.appDownload .appDownload-header .appDownload-header-content .app-star-grade {
  margin-top: 0.12rem;
  height: 0.25rem;
  font-size: 0.24rem;
  font-weight: 700;
  color: #757575;
}

.appDownload
  .appDownload-header
  .appDownload-header-content
  .app-star-grade
  .star-icon {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAZCAMAAAAc9R5vAAAAb1BMVEUAAAD/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/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wAZz5IsAAAAJHRSTlMA1+746M9oQAny3aiTOCIMxsC1mHdzb1U8MBIBrp6JhV9JMhovLTHFAAAAqUlEQVQoz3WRVxLDIAxEBe424BqX9KL7nzGUDAOD8j73DWJBEFC0Z6BYETtScESkjmyouROCGdH0SS7RUiZidIJFYX08O/wxldKNU/PIOEY07XCTkCMNMDrnoDgpdgCVEXkFmneab2Cpgih+5Suedgo2EeY5eOLOTe3zPksqOXb8c8caC+GFcEFrO4Sbv6ImWwBK+6XFJSw1f+xmHsb4WgsffJNjyoU58QX26SqtkBvKkgAAAABJRU5ErkJggg==)
    no-repeat;
  background-size: 0.24rem 0.25rem;
  height: 0.25rem;
  width: 0.24rem;
  margin-right: 0.08rem;
  display: inline-block;
}

.appDownload
  .appDownload-header
  .appDownload-header-content
  .app-star-grade
  .grade-text {
  display: inline-block;
  vertical-align: top;
}

.appDownload .appDownload-header .appDownload-header-content .app-download-btn {
  position: absolute;
  top: 0.39rem;
  right: 0.3rem;
  padding: 0 0.38rem;
  height: 0.64rem;
  line-height: 0.64rem;
  font-size: 0.26rem;
  background: #3887fe;
  color: #fff;
  text-align: center;
  border-radius: 0.32rem;
  cursor: pointer;
}

.appDownload .appDownload-tabs {
  margin-top: 0.98rem;
  padding: 0 0.3rem;
  line-height: 0.48rem;
}

.appDownload .appDownload-tabs p {
  text-align: justify;
}

.appDownload .appDownload-tabs .view-item {
  min-width: 50%;
  text-align: center;
  color: #5e5e5e;
  line-height: 0.88rem;
  float: left;
  position: relative;
  font-weight: 700;
}

.appDownload .appDownload-tabs .am-tabs-ink-bar {
  background-color: unset;
}

.appDownload .appDownload-tabs .am-tabs-bar,
.appDownload .appDownload-tabs .am-tabs-tab {
  background-color: transparent;
  border: none;
}

.appDownload .appDownload-tabs .am-tabs-tab-active {
  border-bottom: none !important;
}

.appDownload .appDownload-tabs .am-tabs-tab-active .view-item:before {
  content: "";
  border-radius: 0.03rem;
  background: #2297ff;
  height: 0.06rem;
  width: 0.36rem;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -0.18rem;
}

.appDownload .appDownload-tabs .tips-red {
  color: #ff3636;
}

.appDownload .view-content {
  margin-top: 0.5em;
  padding: 0 0.37rem;
  color: #5e5e5e;
}

.appDownload .view-content.es,
.appDownload .view-content.ty {
  margin-top: 4.5em;
}

.appDownload .view-content img {
  width: 100%;
}

.appDownload .donw-load-btn {
  position: fixed;
  bottom: 0.4rem;
  height: 0.64rem;
  width: calc(100% - 0.6rem);
  left: 0.3rem;
  line-height: 0.64rem;
  font-size: 0.26rem;
  background: #3887fe;
  color: #fff;
  text-align: center;
  border-radius: 0.32rem;
  cursor: pointer;
}

.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-progress-outer {
  background-color: #ddd;
  display: block;
}

.am-progress-fixed-outer {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 2000;
}

.am-progress-hide-outer {
  background-color: transparent;
}

.am-progress-bar {
  border: 0.04rem solid #108ee9;
  transition: all 0.3s linear 0s;
}

#root .member-benefits {
  position: relative;
  background: #f5f5f9;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  overflow-y: auto;
}

#root .member-benefits .mc-header-wrap .am-navbar-right {
  flex: 1 1 0%;
  padding: 0 0.3rem 0 0.1rem;
}

#root .member-benefits .mc-header-wrap .am-navbar-right .vip-rule {
  font-size: 0.3rem;
  font-weight: 600;
  line-height: 1;
  text-align: right;
}

.member-benefits-wrapper {
  flex: 1 1 0%;
  padding: 0.2rem 0.3rem;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.member-level-info {
  display: flex;
  align-items: center;
  width: 100%;
  height: 1.2rem;
  border-radius: 0.2rem;
  background: linear-gradient(0deg, #f1f9ff, #b3bcc8);
  position: relative;
  gap: 0.16rem;
}

.member-level-info:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(/mobile/mc/level-info-bg.adf05721.png) no-repeat 50% / cover;
  z-index: 0;
}

.member-level-info .level-info {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
  flex: 1 1 0%;
}

.member-level-info .level-info .label-name {
  flex: 1 1 0%;
  font-size: 0.44rem;
  font-weight: 800;
  -webkit-text-stroke-width: 1;
  -webkit-text-stroke-color: hsla(0, 0%, 100%, 0.1);
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
  line-height: 1;
  color: #333;
  word-break: break-word;
}

@supports (-webkit-line-clamp: 2) {
  .member-level-info .level-info .label-name {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}

.member-level-info .level-info .level-img {
  height: 1.37rem;
  margin: -0.08rem 0.25rem 0;
}

.member-level-info .level-info .level-img img {
  height: 100%;
  object-fit: contain;
}

.member-level-info .level-btn {
  border-radius: 0.7rem 0 0 0.7rem;
  background: hsla(0, 0%, 100%, 0.4);
  box-shadow: -0.03rem 0.09rem 0.2rem 0 rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  width: 2.4rem;
  min-height: 0.7rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.1rem;
  padding: 0.1rem 0.15rem 0.1rem 0.24rem;
  color: #434851;
  font-size: 0.2rem;
  font-weight: 600;
  line-height: 1;
  word-break: break-word;
}

.member-level-info .level-btn svg {
  width: 0.3rem;
  height: 0.3rem;
}

.maintainRank-wrapper {
  border-radius: 0.2rem;
  border: 0.0213rem solid hsla(0, 0%, 100%, 0.3);
  background: linear-gradient(102deg, #fefefe, #eddeba 50%, #f0c2a7);
  background-clip: padding-box;
  box-shadow:
    inset 0 -0.08519rem 0.08519rem 0 hsla(37, 34%, 76%, 0.06),
    inset 0 0.08519rem 0.08519rem 0 hsla(37, 34%, 76%, 0.06);
  display: flex;
  align-items: center;
  padding: 0.24rem 0 0.24rem 0.12rem;
  position: relative;
  min-height: 2.52rem;
  gap: 0.08rem;
}

.maintainRank-wrapper:after {
  content: "";
  width: 1.71rem;
  height: 2.14rem;
  margin-right: -0.11rem;
  background: url(/mobile/mc/maintain-img.9bafd54c.png) no-repeat 50% / contain;
}

.maintainRank-wrapper .maintainRank-wrap {
  flex: 1 1 0%;
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}

.maintainRank-wrapper .condition-title {
  color: #333;
  font-size: 0.2rem;
  font-weight: 700;
}

.maintainRank-wrapper .condition-info,
.maintainRank-wrapper .condition-item {
  display: flex;
  flex-direction: column;
  gap: 0.14rem;
}

.maintainRank-wrapper .condition-item .item-top {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  min-height: 0.54rem;
  gap: 0.2rem;
}

.maintainRank-wrapper .condition-item .item-top .task-text {
  flex: 1 1 0%;
  font-size: 0.22rem;
  font-weight: 600;
  background: linear-gradient(90deg, #87591e, #aa7a31);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.maintainRank-wrapper .condition-item .item-top .task-view {
  color: #977b55;
  font-size: 0.28rem;
  font-weight: 700;
  display: flex;
  align-items: center;
}

.maintainRank-wrapper .condition-item .item-top .task-view .symbol {
  margin-right: 0.08rem;
}

.maintainRank-wrapper .condition-item .item-top .task-view .target {
  font-size: 0.22rem;
  font-weight: 600;
}

.maintainRank-wrapper .condition-item .item-progress .am-progress-outer {
  border-radius: 0.8rem;
  background: hsla(0, 0%, 100%, 0.7);
  -webkit-backdrop-filter: blur(0.04rem);
  backdrop-filter: blur(0.04rem);
  padding: 0.02rem 0.04rem;
  height: 0.1rem;
}

.maintainRank-wrapper
  .condition-item
  .item-progress
  .am-progress-outer
  .am-progress-bar {
  width: 0;
  border-radius: 0.8rem;
  background: linear-gradient(90deg, #87591e, #aa7a31);
  height: 0.06rem !important;
  border: none;
  position: relative;
  animation: progressAnimationStrike 1.5s ease-in;
}

.rankBenefits-wrapper .rankBenefits-list-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 0.12rem;
  background: #fff;
  box-shadow: 0 0 0.2rem 0 rgba(188, 230, 252, 0.3);
  padding: 0.2rem 0.3rem 0;
}

.rankBenefits-wrapper .rankBenefits-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
  padding-bottom: 0.2rem;
}

.rankBenefits-wrapper .rankBenefits-list .rankBenefits-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}

.rankBenefits-wrapper .rankBenefits-list .rankBenefits-item .item-bottom,
.rankBenefits-wrapper .rankBenefits-list .rankBenefits-item .item-top {
  width: 100%;
  display: flex;
  align-items: stretch;
  gap: 0.3rem;
}

.rankBenefits-wrapper .rankBenefits-list .rankBenefits-item .item-title {
  width: calc(50% - 0.15rem);
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.18rem;
  color: #fd2f2f;
  font-size: 0.22rem;
  font-weight: 600;
  min-height: 0.81rem;
}

.rankBenefits-wrapper
  .rankBenefits-list
  .rankBenefits-item
  .item-title
  .title-txt {
  flex: 1 1 0%;
}

.rankBenefits-wrapper .rankBenefits-list .rankBenefits-item .item-title:before {
  content: "";
  width: 0.76rem;
  height: 0.79rem;
  background: url(/mobile/mc/rankBenefit-img.0d50c723.png) no-repeat 50% /
    contain;
}

.rankBenefits-wrapper .rankBenefits-list .rankBenefits-item .item-info {
  width: calc(50% - 0.15rem);
  min-height: 0.72rem;
  color: #4c4d4f;
  font-size: 0.2rem;
  font-weight: 400;
  padding: 0.12rem 0.1rem;
  border-radius: 0.06rem;
  background: linear-gradient(
    270deg,
    rgba(188, 230, 252, 0),
    rgba(126, 193, 255, 0.2)
  );
  display: flex;
  align-items: center;
}

.rankBenefits-wrapper .rankBenefits-more {
  min-width: 3.74rem;
  height: 0.42rem;
  border-radius: 0.12rem 0.12rem 0 0;
  padding: 0.05rem;
  color: #fff;
  font-size: 0.24rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}

.benefits-title {
  color: #666;
  font-size: 0.28rem;
  font-weight: 600;
  padding-left: 0.4rem;
  border-left: 0.1rem solid #fd2f2f;
  margin: 0.4rem 0 0.24rem;
}

.upgrade-wrapper .am-popup {
  background-color: transparent;
}

.upgrade-wrapper .upgrade-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.upgrade-wrapper .upgrade-list-wrap {
  border-radius: 0.16rem;
  background: #fff;
  width: 6.3rem;
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 2rem);
  max-height: calc(var(--vh, 1vh) * 100 - 2rem);
}

.upgrade-wrapper .upgrade-list-wrap .upgrade-top {
  position: relative;
  min-height: 1.2rem;
  display: flex;
  align-items: center;
  padding: 0 0.24rem 0 0.4rem;
  gap: 0.35rem;
  border-radius: 0.16rem 0.16rem 0 0;
}

.upgrade-wrapper .upgrade-list-wrap .upgrade-top:before {
  content: "";
  width: 100%;
  height: 100%;
  background: url(/mobile/mc/upgrade-bg.adf05721.png) no-repeat 50% / cover;
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}

.upgrade-wrapper .upgrade-list-wrap .upgrade-top .top-title {
  flex: 1 1 0%;
  display: flex;
  flex-direction: column;
  gap: 0.12rem;
  font-weight: 700;
  font-size: 0.32rem;
  position: relative;
  z-index: 1;
  color: #333;
}

.upgrade-wrapper .upgrade-list-wrap .upgrade-top .top-title .subtitle-item {
  font-size: 0.24rem;
  font-weight: 500;
}

.upgrade-wrapper .upgrade-list-wrap .upgrade-top .top-img {
  margin-top: -0.08rem;
  height: 1.37rem;
}

.upgrade-wrapper .upgrade-list-wrap .upgrade-top .top-img img {
  height: 100%;
  object-fit: contain;
}

.upgrade-wrapper .upgrade-info-wrapper {
  flex: 1 1 0%;
  overflow-y: auto;
  border-radius: 0 0 0.16rem 0.16rem;
  padding: 0.3rem 0.2rem;
  display: flex;
  flex-direction: column;
  gap: 0.14rem;
}

.upgrade-wrapper .upgrade-info-wrapper .info-item {
  border-radius: 0.14rem;
  background: #fff;
  box-shadow: 0 0 0.2rem 0 rgba(188, 230, 252, 0.3);
  padding: 0.2rem;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.upgrade-wrapper .upgrade-info-wrapper .info-item .task-text {
  color: #a6a6a6;
  font-size: 0.24rem;
  font-weight: 600;
}

.upgrade-wrapper .upgrade-info-wrapper .info-item .task-info-wrap {
  display: flex;
  align-items: flex-end;
  gap: 0.1rem;
}

.upgrade-wrapper
  .upgrade-info-wrapper
  .info-item
  .task-info-wrap
  .task-view-info {
  color: #656565;
  font-size: 0.28rem;
  font-weight: 700;
}

.upgrade-wrapper
  .upgrade-info-wrapper
  .info-item
  .task-info-wrap
  .task-view-info
  .symbol {
  margin-right: 0.08rem;
}

.upgrade-wrapper
  .upgrade-info-wrapper
  .info-item
  .task-info-wrap
  .task-view-info
  .target {
  font-size: 0.22rem;
}

.upgrade-wrapper
  .upgrade-info-wrapper
  .info-item
  .task-info-wrap
  .task-progress {
  flex: 1 1 0%;
  display: flex;
  flex-direction: column;
  gap: 0.06rem;
}

.upgrade-wrapper
  .upgrade-info-wrapper
  .info-item
  .task-info-wrap
  .task-progress
  .item-progress {
  flex: 1 1 0%;
  display: flex;
  gap: 0.37rem;
}

.upgrade-wrapper
  .upgrade-info-wrapper
  .info-item
  .task-info-wrap
  .task-progress
  .item-progress
  .progress {
  flex: 1 1 0%;
  height: 0.16rem;
  border-radius: 0.8rem;
  border: 1px solid hsla(0, 0%, 95%, 0.2);
  background: hsla(0, 0%, 97%, 0.7);
  -webkit-backdrop-filter: blur(0.04rem);
  backdrop-filter: blur(0.04rem);
  display: flex;
  align-items: center;
  padding: 0.02rem 0.04rem;
}

.upgrade-wrapper
  .upgrade-info-wrapper
  .info-item
  .task-info-wrap
  .task-progress
  .item-progress
  .progress-done {
  height: 100%;
}

.upgrade-wrapper
  .upgrade-info-wrapper
  .info-item
  .task-info-wrap
  .task-progress
  .item-progress
  .progress-done
  span {
  width: 100%;
  display: flex;
  height: 100%;
  border-radius: 0.8rem;
  animation: upgradeAnimationStrike 1.5s ease-in;
}

.upgrade-wrapper
  .upgrade-info-wrapper
  .info-item
  .task-info-wrap
  .task-progress
  .current-progress {
  font-size: 0.22rem;
  font-weight: 600;
}

.upgrade-wrapper
  .upgrade-info-wrapper
  .info-item
  .task-info-wrap
  .btn-task-status {
  min-height: 0.54rem;
  width: 1.08rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.8rem;
  border: 0.03rem solid hsla(0, 0%, 100%, 0.2);
  background: #333;
  font-size: 0.2rem;
  font-weight: 600;
  color: #fff;
  padding: 0 0.05rem;
  text-align: center;
}

.upgrade-wrapper
  .upgrade-info-wrapper
  .info-item
  .task-info-wrap
  .btn-task-status.done {
  border-radius: 0.8rem;
  border: 0.03rem solid hsla(0, 0%, 100%, 0.2);
  background: var(--green, #23e63a);
}

.upgrade-wrapper .upgrade-close svg {
  width: 0.8rem;
  height: 0.8rem;
}

.rankRewardDetail-wrapper .rankRewardDetail-filter-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.1rem;
}

.rankRewardDetail-wrapper
  .rankRewardDetail-filter-wrapper
  .rankRewardDetail-tab-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.54rem;
  border-radius: 0.16rem;
  background: hsla(0, 0%, 100%, 0.7);
  box-shadow: 0 0 0.2rem 0 rgba(0, 0, 0, 0.04);
  -webkit-backdrop-filter: blur(0.02rem);
  backdrop-filter: blur(0.02rem);
  color: #666;
  font-size: 0.2rem;
  font-weight: 600;
  gap: 0.04rem;
  padding: 0 0.04rem;
}

.rankRewardDetail-wrapper
  .rankRewardDetail-filter-wrapper
  .rankRewardDetail-tab-wrapper
  .tab-item {
  padding: 0 0.2rem;
  min-width: 1.03rem;
  border-radius: 0.12rem;
  height: 0.46rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rankRewardDetail-wrapper .rankRewardDetail-filter-wrapper .history-btn {
  min-width: 1.6rem;
  height: 0.54rem;
  font-size: 0.22rem;
  font-weight: 600;
  text-shadow: 0 0 0.02rem rgba(0, 0, 0, 0.4);
  padding: 0 0.2rem;
  border-radius: 0.12rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.1rem;
  background: linear-gradient(0deg, #f1f9ff, #b3bcc8);
}

.rankRewardDetail-wrapper .rankRewardDetail-filter-wrapper .history-btn svg {
  width: 0.32rem;
  height: 0.32rem;
}

.rankRewardDetail-wrapper .unlock-time-wrapper {
  margin: 0.2rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.1rem;
}

.rankRewardDetail-wrapper .unlock-time-wrapper .time-info {
  gap: 0.12rem;
  display: flex;
  align-items: center;
  color: #666;
  font-size: 0.2rem;
  font-weight: 500;
}

.rankRewardDetail-wrapper .unlock-time-wrapper .unlock-time {
  font-size: 0.24rem;
  font-weight: 600;
}

.rankRewardDetail-wrapper .unlock-time-wrapper .unlock-time .wysiwyg {
  display: flex;
  align-items: center;
  gap: 0.1rem;
  padding-bottom: 0;
}

.rankRewardDetail-wrapper .unlock-time-wrapper .info-icon {
  display: flex;
  align-items: center;
}

.rankRewardDetail-wrapper .unlock-time-wrapper .info-icon svg {
  width: 0.34rem;
  height: 0.34rem;
}

.rankRewardDetail-wrapper .rankRewardDetail-list-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.rankRewardDetail-wrapper .rankRewardDetail-list-wrapper .list-item {
  width: 100%;
  min-height: 1.54rem;
  box-shadow: 0 0 0.12rem 0 rgba(0, 0, 0, 0.14);
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 0.2rem;
  font-weight: 700;
  color: #666;
}

.rankRewardDetail-wrapper
  .rankRewardDetail-list-wrapper
  .list-item:not(:last-child):after {
  position: absolute;
  content: "";
  width: 0.22rem;
  height: 0.4rem;
  border-right: 1px solid hsla(136, 8%, 74%, 0.2);
  border-left: 1px solid hsla(136, 8%, 74%, 0.2);
  background: #bababa;
  box-shadow:
    inset -0.03rem 0 0 0 #e8e8e8,
    inset 0.05rem 0 0 0 hsla(0, 0%, 50%, 0.6);
  left: 0.65rem;
  bottom: -0.4rem;
}

.rankRewardDetail-wrapper .rankRewardDetail-list-wrapper .list-item .item-wrap {
  display: flex;
  flex-direction: column;
}

.rankRewardDetail-wrapper .rankRewardDetail-list-wrapper .list-item .item-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 0.07rem;
}

.rankRewardDetail-wrapper
  .rankRewardDetail-list-wrapper
  .list-item
  .item-top
  .top-item {
  flex: 0 0 50%;
  display: flex;
  align-items: center;
  gap: 0.1rem;
}

.rankRewardDetail-wrapper
  .rankRewardDetail-list-wrapper
  .list-item
  .item-top
  .top-item
  .num {
  flex: 1 1 0%;
  display: flex;
  align-items: center;
  gap: 0.05rem;
}

.rankRewardDetail-wrapper
  .rankRewardDetail-list-wrapper
  .list-item
  .item-top
  .top-item
  svg {
  width: 0.28rem;
  height: 0.28rem;
}

.rankRewardDetail-wrapper .rankRewardDetail-list-wrapper .list-item .item-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-weight: 500;
  color: hsla(0, 0%, 40%, 0.8);
  line-height: 0.48rem;
}

.rankRewardDetail-wrapper
  .rankRewardDetail-list-wrapper
  .list-item
  .item-info:before {
  content: "";
  margin: 0.04rem 0;
  width: 100%;
  height: 0.02rem;
  border-radius: 0.6rem;
  background: hsla(0, 0%, 40%, 0.1);
}

.rankRewardDetail-wrapper .rankRewardDetail-list-wrapper .list-item-lock {
  border-radius: 0.03rem;
  background: #fff;
  padding: 0 0 0 1.44rem;
}

.rankRewardDetail-wrapper
  .rankRewardDetail-list-wrapper
  .list-item-lock
  .item-left {
  position: absolute;
  z-index: 1;
  left: 0.04rem;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 1.41rem;
  height: calc(100% - 0.06rem);
  border-radius: 0.03rem;
  background: #d9d9d9;
  padding-right: 0.06rem;
  margin-left: 0.06rem;
}

.rankRewardDetail-wrapper
  .rankRewardDetail-list-wrapper
  .list-item-lock
  .item-left:before {
  content: "";
  position: absolute;
  left: -0.06rem;
  top: 0;
  width: 0.06rem;
  height: 100%;
  background: radial-gradient(
    circle at left center,
    transparent 0.06rem,
    #d9d9d9 0
  );
  background-size: 0.06rem 0.21rem;
  background-repeat: repeat-y;
}

.rankRewardDetail-wrapper
  .rankRewardDetail-list-wrapper
  .list-item-lock
  .item-left:after {
  content: "";
  position: absolute;
  right: -0.05rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.14rem;
  height: 0.86rem;
  background:
    radial-gradient(circle, #b6b6b6 0.07rem, transparent 0) center 0/0.14rem
      0.14rem no-repeat,
    radial-gradient(circle, #b6b6b6 0.07rem, transparent 0) center
      0.24rem/0.14rem 0.14rem no-repeat,
    radial-gradient(circle, #b6b6b6 0.07rem, transparent 0) center
      0.48rem/0.14rem 0.14rem no-repeat,
    radial-gradient(circle, #b6b6b6 0.07rem, transparent 0) center
      0.72rem/0.14rem 0.14rem no-repeat;
}

.rankRewardDetail-wrapper
  .rankRewardDetail-list-wrapper
  .list-item-lock
  .item-left
  .item-img {
  position: relative;
  width: 1.16rem;
  height: 0.96rem;
  background:
    url(/mobile/mc/lock-img.b4b7d4cf.png) no-repeat bottom/.3rem 0.3rem,
    url(/mobile/mc/box-img.a082f15a.png) no-repeat top/1.16rem 0.75rem;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

.rankRewardDetail-wrapper
  .rankRewardDetail-list-wrapper
  .list-item-lock
  .item-wrap {
  background: #f3f3f3;
  padding: 0.1rem 0.31rem 0.1rem 0.23rem;
  position: relative;
  margin: 0.03rem;
}

.rankRewardDetail-wrapper
  .rankRewardDetail-list-wrapper
  .list-item-lock
  .item-wrap:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: -0.07rem;
  width: 0.21rem;
  height: 100%;
  background:
    radial-gradient(circle, #fff 0.105rem, transparent 0) 0 -0.08rem/0.21rem
      0.21rem no-repeat,
    radial-gradient(circle, #fff 0.105rem, transparent 0) 0
      calc(100% + 0.08rem) / 0.21rem 0.21rem no-repeat;
}

.rankRewardDetail-wrapper
  .rankRewardDetail-list-wrapper
  .list-item-lock
  .item-wrap:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: -0.07rem;
  width: 0.2rem;
  height: 100%;
  background:
    radial-gradient(circle, #f5f5f9 0.07rem, transparent 0)
      0.02rem -0.04rem/0.14rem 0.14rem no-repeat,
    radial-gradient(circle, #f5f5f9 0.07rem, transparent 0) 0.02rem
      calc(100% + 0.04rem) / 0.14rem 0.14rem no-repeat;
}

.rankRewardDetail-wrapper
  .rankRewardDetail-list-wrapper
  .list-item-lock
  .item-wrap
  .info-wrap {
  display: flex;
  flex-direction: column;
  line-height: normal;
  gap: 0.05rem;
}

.rankRewardDetail-wrapper .rankRewardDetail-list-wrapper .list-item-unlocked {
  width: 100%;
  min-height: 1.54rem;
  background: url(/mobile/mc/unlocked.7c33cc07.png) no-repeat 50% / contain;
  padding: 0.18rem 0.31rem 0 1.67rem;
}

.rankRewardDetail-wrapper
  .rankRewardDetail-list-wrapper
  .list-item-unlocked:not(:last-child):after {
  border-right: 1px solid hsla(136, 8%, 74%, 0.2);
  border-left: 1px solid hsla(136, 8%, 74%, 0.2);
  background: #80ecbc;
  box-shadow:
    inset -0.03rem 0 0 0 rgba(213, 252, 239, 0.6),
    inset 0.05rem 0 0 0 #76d8ae;
}

.rankRewardDetail-wrapper .rankRewardDetail-list-wrapper .progress-bar {
  display: flex;
  flex-direction: column;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

.rankRewardDetail-wrapper
  .rankRewardDetail-list-wrapper
  .progress-bar
  .bar-info {
  display: flex;
  justify-content: space-between;
}

.rankRewardDetail-wrapper
  .rankRewardDetail-list-wrapper
  .progress-bar
  .am-progress-outer {
  border-radius: 0.8rem;
  background: #d9d9d9;
  -webkit-backdrop-filter: blur(0.04rem);
  backdrop-filter: blur(0.04rem);
  padding: 0.02rem 0.04rem;
  height: 0.06rem;
}

.rankRewardDetail-wrapper
  .rankRewardDetail-list-wrapper
  .progress-bar
  .am-progress-outer
  .am-progress-bar {
  width: 0;
  border-radius: 0.8rem;
  background: linear-gradient(90deg, #87591e, #aa7a31);
  height: 0.06rem !important;
  border: none;
  position: relative;
  animation: progressAnimationStrike 1.5s ease-in;
}

.upConditions-wrapper {
  position: relative;
  padding-bottom: 0.5rem;
}

.upConditions-wrapper .upConditions-subtitle {
  color: #666;
  font-size: 0.22rem;
  font-weight: 400;
}

.upConditions-wrapper .upConditions-list-wrap {
  margin: 0.2rem 0 0;
  position: relative;
  border-radius: 0.2rem;
  background: #fff;
  box-shadow: 0 0 0.4rem 0 rgba(255, 236, 170, 0.3);
}

.upConditions-wrapper .upConditions-list-wrap .list-item {
  display: flex;
  flex-direction: column;
}

.upConditions-wrapper .upConditions-list-wrap .list-item.default-title {
  position: absolute;
  top: 0.8rem;
  left: 0;
  width: 33%;
  color: #666;
  font-size: 0.24rem;
  font-weight: 600;
  background: linear-gradient(
    180deg,
    rgba(241, 249, 255, 0.15),
    rgba(179, 188, 200, 0.15)
  );
  z-index: 1;
}

.upConditions-wrapper .upConditions-list-wrap .list-item.prev .item-name {
  opacity: 0.5;
}

.upConditions-wrapper .upConditions-list-wrap .list-item.next .item-name {
  color: #e4e4e4;
}

.upConditions-wrapper .upConditions-list-wrap .list-item.next .item-name img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.upConditions-wrapper
  .upConditions-list-wrap
  .list-item.next
  .item-info
  .item-mid,
.upConditions-wrapper
  .upConditions-list-wrap
  .list-item.next
  .item-info
  .item-top {
  color: #e4e4e4;
}

.upConditions-wrapper .upConditions-list-wrap .list-item.moving .item-name {
  color: #000;
}

.upConditions-wrapper .upConditions-list-wrap .list-item.moving .item-name img {
  -webkit-filter: initial;
  filter: none;
}

.upConditions-wrapper
  .upConditions-list-wrap
  .list-item.moving
  .item-info
  .item-mid,
.upConditions-wrapper
  .upConditions-list-wrap
  .list-item.moving
  .item-info
  .item-top {
  color: #e4e4e4;
}

.upConditions-wrapper .upConditions-list-wrap .list-item .item-name {
  font-size: 0.22rem;
  font-weight: 700;
  color: #000;
  height: 0.8rem;
  padding: 0.12rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.2rem;
}

.upConditions-wrapper .upConditions-list-wrap .list-item .item-name img {
  height: 0.56rem;
  object-fit: contain;
}

.upConditions-wrapper .upConditions-list-wrap .list-item .item-info {
  height: 1.94rem;
  padding: 0.22rem 0.08rem;
  display: flex;
  flex-direction: column;
  word-break: break-word;
  border-bottom: 0.02rem solid hsla(240, 7%, 94%, 0.5);
}

.upConditions-wrapper .upConditions-list-wrap .list-item .item-info .item-top {
  font-size: 0.24rem;
  font-weight: 700;
}

.upConditions-wrapper .upConditions-list-wrap .list-item .item-info .item-mid {
  margin-top: 0.04rem;
  color: #979797;
  font-size: 0.2rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.04rem;
  text-align: right;
}

.upConditions-wrapper
  .upConditions-list-wrap
  .list-item
  .item-info
  .item-bottom {
  flex: 1 1 0%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  text-align: right;
  color: rgba(0, 0, 0, 0.5);
  font-size: 0.24rem;
  font-weight: 700;
}

.upConditions-wrapper .swiper-pagination .swiper-pagination-bullet {
  fill: #fff;
  -webkit-filter: drop-shadow(0 0.02rem 0.02rem rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0 0.02rem 0.02rem rgba(0, 0, 0, 0.1));
  width: 0.24rem;
  height: 0.24rem;
  bottom: 0;
}

.upConditions-wrapper .swiper-pagination .swiper-pagination-bullet-active {
  height: 0.2rem;
  bottom: 0.02rem;
  border-radius: 0.5rem;
  box-shadow: 0 0.02rem 0.02rem 0 rgba(0, 0, 0, 0.1);
}

@keyframes upgradeAnimationStrike {
  0% {
    width: 0;
  }
  to {
    width: 100%;
  }
}

.rewardsHistory-wrapper {
  width: 100%;
  margin: 0 auto;
  background: #f5f5f9;
}

.rewardsHistory-wrapper .search-result .list-wrapper {
  background: transparent;
}

.rewardsHistory-wrapper .search-result .scroll-inner-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.14rem;
}

.rewardsHistory-wrapper .search-result .scroll-inner-container li {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.rewardsHistory-wrapper .search-result .scroll-inner-container .list-item {
  width: calc(100% - 0.6rem);
  border-radius: 0.14rem;
  background: #fff;
  box-shadow:
    inset 0 -0.06rem 0 0 rgba(0, 0, 0, 0.03),
    0 0 0.2rem 0 rgba(255, 236, 170, 0.3);
  display: flex;
  flex-direction: column;
  padding: 0.2rem;
  gap: 0.12rem;
  margin: 0.06rem 0;
}

.rewardsHistory-wrapper
  .search-result
  .scroll-inner-container
  .list-item
  .item-date {
  font-size: 0.2rem;
  font-weight: 500;
  color: #a6a6a6;
}

.rewardsHistory-wrapper
  .search-result
  .scroll-inner-container
  .list-item
  .item-title {
  min-height: 0.68rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #333;
  font-size: 0.24rem;
  font-weight: 600;
  position: relative;
  padding-bottom: 0.26rem;
}

.rewardsHistory-wrapper
  .search-result
  .scroll-inner-container
  .list-item
  .item-title:after {
  position: absolute;
  bottom: 0.13rem;
  content: "";
  width: 100%;
  height: 0.02rem;
  border-radius: 0.4rem;
  background: #ebebeb;
}

.rewardsHistory-wrapper .search-result .scroll-inner-container .item-group {
  padding: 0 0.3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.2rem;
  font-weight: 700;
  color: #666;
}

.rewardsHistory-wrapper
  .search-result
  .scroll-inner-container
  .item-group
  .item-info {
  display: flex;
  align-items: center;
  gap: 0.14rem;
  min-height: 0.42rem;
}

.rewardsHistory-wrapper
  .search-result
  .scroll-inner-container
  .item-group
  .item-icon {
  border-radius: 0.42rem;
  width: 0.42rem;
  height: 0.42rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rewardsHistory-wrapper
  .search-result
  .scroll-inner-container
  .item-group
  .item-icon.bonus {
  border: 1.68px solid hsla(0, 0%, 100%, 0.6);
  background: #5076f3;
}

.rewardsHistory-wrapper
  .search-result
  .scroll-inner-container
  .item-group
  .item-icon.point {
  border: 1.68px solid hsla(0, 0%, 100%, 0.6);
  background: #fdb752;
}

.rewardsHistory-wrapper
  .search-result
  .scroll-inner-container
  .item-group
  .item-icon.ticket {
  border: 1.68px solid hsla(0, 0%, 100%, 0.6);
  background: #fb556a;
}

.rewardsHistory-wrapper
  .search-result
  .scroll-inner-container
  .item-group
  .item-icon
  svg {
  width: 0.26rem;
  height: 0.26rem;
}

.rewardsHistory-wrapper
  .search-result
  .scroll-inner-container
  .item-group
  .num {
  display: flex;
  align-items: center;
  gap: 0.05rem;
  line-height: 1;
}

.rewardsHistory-wrapper
  .search-result
  .scroll-inner-container
  .item-group
  .item-status {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.34rem;
  height: 0.34rem;
}

.rewardsHistory-wrapper
  .search-result
  .scroll-inner-container
  .item-group
  .item-status
  svg {
  width: 100%;
  height: 100%;
}

.rewardsHistory-search {
  margin: 0.2rem 0.3rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.rewardsHistory-search .search-tab-wrapper {
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 0.12rem;
  padding: 0.04rem;
}

.rewardsHistory-search .search-tab-wrapper .tab-item {
  font-size: 0.2rem;
  font-weight: 600;
  color: #666;
  height: 0.46rem;
  padding: 0 0.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.12rem;
}

.rewardsHistory-search .search-tab-wrapper .tab-item.on {
  background: linear-gradient(0deg, #f1f9ff, #b3bcc8);
}

.rewardsHistory-search .select-date .am-button-ghost {
  border-radius: 0.1rem;
  border: 0.02rem solid #666;
  color: #666;
  font-size: 0.2rem;
  font-weight: 700;
  height: 0.54rem;
  line-height: 0.54rem;
  padding: 0 0.12rem;
}

.rewardsHistory-search .select-date .am-button-ghost .am-icon {
  margin-right: 0.16rem;
}

.terms-conditions {
  background: #f5f5f9;
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
  display: flex;
  flex-direction: column;
}

.terms-conditions .rule-wrapper {
  flex: 1 1 0%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.terms-conditions .rule-content {
  flex: 1 1 0%;
  border-radius: 0.14rem;
  background: #fff;
  box-shadow: 0 0 0.2rem 0 rgba(188, 230, 252, 0.3);
  padding: 0.2rem;
  color: #979797;
  font-size: 0.2rem;
  font-weight: 500;
}

.terms-conditions .rule-content img {
  max-width: 100%;
  object-fit: contain;
}

.common-center-top {
  background-repeat: no-repeat;
  background-size:
    calc(100% - 0.3rem) calc(100% - 0.3rem),
    auto 80%,
    100% 100%;
  background-position:
    50%,
    bottom 0.1rem right 0.1rem;
  min-height: 4.36rem;
  width: 90%;
  margin: 1.2rem auto 0;
  position: relative;
  overflow: hidden;
  border-radius: 0.28rem;
  padding-top: 0.8rem;
}

.common-center-top.forProm {
  margin: 0.19rem auto 0;
}

.common-center-top.no-level {
  background-image:
    url(/mobile/mc/border.b5fa93b3.png), url(/mobile/mc/badge.bf45a271.png),
    linear-gradient(90deg, #f1f9ff, #b3bcc8) !important;
}

.common-center-top .last-login-info {
  color: rgba(37, 37, 37, 0.5);
  padding: 0.12rem 0 0 0.7rem;
  font-size: 0.24rem;
}

.common-center-top .last-login-info .member-level-name {
  margin-top: 0.15rem;
  margin-left: -0.24rem;
}

.common-center-top .last-login-info .last-login-item {
  margin-top: 0.16rem;
  position: relative;
}

.common-center-top .last-login-info .last-login-item:before {
  content: "";
  position: absolute;
  left: -0.24rem;
  top: 50%;
  margin-top: -0.06rem;
  background-color: #b9c6d8;
  border-radius: 50%;
  width: 0.12rem;
  height: 0.12rem;
}

.common-center-top .btn-check-view {
  display: inline-block;
  border-radius: 0.3rem;
  box-shadow: 0 0.02rem 0.1rem 0 hsla(0, 0%, 43%, 0.5);
  min-width: 1.5rem;
  color: #454545;
  padding: 0 0.28rem;
  min-height: 0.54rem;
  background: linear-gradient(
    0deg,
    hsla(0, 0%, 100%, 0.7),
    hsla(0, 0%, 100%, 0.3),
    hsla(0, 0%, 100%, 0) 67%,
    #fff
  );
  line-height: 0.52rem;
  font-size: 0.24rem;
  text-align: center;
  font-weight: 700;
}

.common-center-top .common-top-img {
  height: 1.16rem;
  width: 1.16rem;
  min-width: 1.16rem;
  border-radius: 50%;
  text-align: center;
  overflow: hidden;
  border: 0.06rem solid #caa86d;
}

.common-center-top .common-member-info {
  display: flex;
  align-items: center;
  color: rgba(37, 37, 37, 0.6);
  font-size: 0.41rem;
  line-height: 1;
  font-weight: 700;
  padding: 0 0.42rem;
  white-space: normal;
}

.common-center-top .common-member-info .user-info {
  margin: 0 0.15rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.common-center-top .common-member-info .user-name {
  width: 100%;
  display: flex;
  align-items: center;
  margin-right: 0.2rem;
  margin-bottom: 0.02rem;
}

.common-center-top .common-member-info .user-name .copy-account {
  color: #000;
  font-size: 0.3rem;
  font-weight: 700;
  display: flex;
  align-items: center;
}

.common-center-top .common-member-info .user-name .copy-account svg {
  margin-left: 0.1rem;
  width: 0.35rem;
  height: 0.35rem;
  fill: #000;
}

.common-center-top .common-member-info .nickname-edit {
  flex-wrap: wrap;
  position: relative;
  display: flex;
  align-items: center;
  font-size: 0.24rem;
  font-weight: 700;
  color: rgba(37, 37, 37, 0.6);
  margin-top: 0.13rem;
}

.common-center-top .common-member-info .nickname-edit .name-text {
  display: flex;
  max-width: 4rem;
  word-break: break-word;
  white-space: break-spaces;
}

.common-center-top .common-member-info .nickname-edit .go-to-edit {
  margin-left: 0.1rem;
}

.common-center-top .common-member-info .nickname-edit .go-to-edit svg {
  width: 0.31rem;
  height: 0.31rem;
  fill: rgba(37, 37, 37, 0.6);
}

.common-center-top .common-member-info .nickname-edit span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 2.5rem;
  line-height: 1.2;
}

.common-center-top .common-member-info .amount-info {
  display: flex;
  margin-top: 0.04rem;
}

.common-center-top .currency {
  padding-right: 0.04rem;
  font-size: 90%;
}

.common-center-top .currency.back {
  order: 1;
}

.default-member-header .cumulative-kyc-done {
  display: block;
  width: 0.25rem;
  height: 0.27rem;
  position: absolute;
  left: 1.3rem;
  top: 1.4rem;
  padding: 0.06rem 0.15rem;
  background: url(/mobile/mc/kyc-check.789db3a0.png) 50%;
  background-repeat: no-repeat;
  background-size: 0.27rem 0.29rem;
  z-index: 9;
}

.cumulative-kyc-Status {
  position: absolute;
  left: 0.55rem;
  top: 0.3rem;
  padding: 0.06rem 0.2rem 0.06rem 0.15rem;
  border-radius: 0.34rem;
  background: linear-gradient(180deg, #ff8d6b, #fe673a 19.5%, #ff3b00);
  color: #fff;
  font-size: 0.2rem;
  min-width: 1.35rem;
  display: flex;
  height: 0.4rem;
  align-items: center;
  justify-content: flex-start;
}

.cumulative-kyc-Status a {
  color: inherit;
}

.cumulative-kyc-Status:after {
  content: "";
  width: 0.18rem;
  height: 0.18rem;
  position: absolute;
  right: 0.05rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAA2SURBVHgBzcyxEQAgDAJAdBI31c0yiqMgRWqTKhfu6B4AD0lTN6IILfU2xDPYjMzbKUAO7YceyAFXq/oYFmgAAAAASUVORK5CYII=)
    50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.cumulative-sign-in {
  position: absolute;
  right: 0;
  top: 0;
  height: 0.54rem;
  padding: 0 0.75rem 0 1.4rem;
  background-image:
    url(/mobile/mc/sign.4c5310da.png), linear-gradient(0deg, #bb0c0c, #ec515b);
  background-position:
    0.76rem,
    left 0.64rem top -1px;
  background-size:
    0.3rem 0.3rem,
    100% 100%;
  background-repeat: no-repeat;
  color: #fff;
  font-size: 0.24rem;
  line-height: 0.5rem;
}

.cumulative-sign-in a {
  color: inherit;
}

.cumulative-sign-in:before {
  content: "";
  width: 0.64rem;
  height: 0.51rem;
  position: absolute;
  left: 0.1rem;
  top: 0;
  z-index: 9;
  background: url(/mobile/mc/top.ff5ff179.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.cumulative-sign-in:after {
  content: "";
  width: 0.38rem;
  height: 0.54rem;
  position: absolute;
  right: 0.1rem;
  top: 0;
  z-index: 9;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAYCAMAAAAS21dbAAAAYFBMVEUAAAD2hYf2hYf2hYf2hYf2hYf2hYf2hYf2hYf2hYf2hYf2hYf2hYf2hYf2hYf2hYf2hYf2hYf2hYf2hYf2hYf2hYf2hYf2hYf2hYf2hYf2hYf2hYf2hYf2hYf2hYf2hYePm/CpAAAAH3RSTlMA+Obth0IXDAby4MCQSDYuI9rQzHVX6LarqoBuaF9OTNUBHwAAAIJJREFUGNNdkNsSREAMRGUY1t0u607+/y+RojMmb32qkk53UBqKPoFOz8yjA4jPyRPoiK/5xR7IGoBFQFgB/OUGlQA2FbAB1EZ2OoDmK6AAiFsPJLnc8E6YR1YhPNUxtbfcCS/qg6a+5fpO1Glizds+cuZ3QeI7aF9XkMnp02ZUOPIAQKoPDTi3mn4AAAAASUVORK5CYII=)
    50%;
  background-repeat: no-repeat;
  background-size: 0.18rem 0.28rem;
}

.refresh-balance {
  width: 0.36rem;
  height: 0.36rem;
}

@keyframes rotate-full {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

.refresh-balance.loading {
  animation: rotate-full 0.5s infinite linear;
}

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

.member-level-name {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAhCAMAAACoVtiLAAAASFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACrhKybAAAAGHRSTlMAZkBNYgNfFDAGUyELWRkQSzo1KiZGHUnmeP/XAAABPElEQVQ4y8WS3ZKDIAyFAwRBBRS17fu/6WoOnU79Yb3a/a4ySU5IQuiUZBS/BrpNYrXC9xWdEh53860CDd2FIYi3BRqC6SLc5/z89rQyxGh3icMgQbMFXxJ0OpQpvFILgaAd6sZ1qtWZy/NohadWoqNSGo9NDOuJvJ6az4Atb6uZV8sjRjRvYd6KGOR19Fkh0pQnciyuIOPD9S6s3p80yn/BaCN8xpLtxEAQhUtvaWvJx1K2MMljcbZ4vrjSqjWxkWnt/CRaECplll5WlVl60laWaDc954Bt80cQW7j06uuH2Tt6E+Q89UDoGpT7cw9pfveNr5LgsvpiTiOMvL8P9Qtuf9JNPb87udAq/iBIdUGgA7GWP9IRXxMsdCRU8tnSCeZaoOmM5VqQTgXtaC540P/gdIWAnPvn5/5Q8AMVTwrXxKIMmwAAAABJRU5ErkJggg==)
    no-repeat;
  background-size: 0.48rem 0.33rem;
  height: 0.33rem;
  line-height: 0.42rem;
  padding-left: 0.54rem;
  color: rgba(37, 37, 37, 0.6);
  font-size: 0.24rem;
  font-weight: 700;
}

.member-level-name.hide-icon {
  display: none;
}

.common-member-level {
  margin: 0.24rem 0.42rem 0;
  position: relative;
}

.common-member-level .last-login-item {
  margin-top: 0.16rem;
  position: relative;
  padding-left: 0.3rem;
  color: rgba(37, 37, 37, 0.6);
  font-size: 0.24rem;
}

.common-member-level .last-login-item:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.06rem;
  background-color: #b9c6d8;
  border-radius: 50%;
  width: 0.12rem;
  height: 0.12rem;
}

.common-member-level .member-progress-warp {
  display: flex;
  font-size: 0.26rem;
  color: #fff;
  margin-top: 0.1rem;
  align-items: center;
}

.common-member-level .member-progress-warp .level-progress-text {
  padding-left: 0.1rem;
  min-height: 0.3rem;
  color: rgba(37, 37, 37, 0.6);
}

.common-member-level .quanyi-go {
  font-size: 0.28rem;
  height: 0.33rem;
  line-height: 0.3rem;
  padding-right: 0.3rem;
  color: rgba(0, 0, 0, 0.6);
  background: url(/mobile/mc/right.530b2394.png) 100% no-repeat;
  background-size: auto 80%;
}

.common-member-level .quanyi-go a {
  color: inherit;
  font-size: 0.26rem;
}

.common-member-level .member-level-progress-bar {
  position: relative;
  background-color: hsla(0, 0%, 40%, 0.3);
  height: 0.08rem;
  flex: 1 1 0%;
  border-radius: 0.04rem;
}

.common-member-level .member-level-progress-bar .cur-progress-bar {
  position: absolute;
  height: 0.08rem;
  left: 0;
  top: 0;
  width: 0;
  background-color: hsla(0, 0%, 100%, 0.9);
  border-radius: 0.04rem;
}

#root .reward-center {
  background: url(/mobile/mc/mall-bg.c29e722c.png) top no-repeat;
  background-size: 100% auto;
  background-position-y: -0.34rem;
}

#root .reward-center .mc-navbar-blue {
  background: transparent !important;
  position: relative;
}

#root .reward-center .for-rewardCenter-hide {
  display: none;
}

#root .reward-center .gain-card-wrap {
  flex-direction: row;
  display: flex;
  align-items: stretch;
  justify-content: space-evenly;
  margin-top: 0.11rem;
  padding: 0 0.36rem 0.38rem;
  gap: 0.21rem;
}

#root .reward-center .gain-card-wrap .gain-card {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  color: #fff;
  border-radius: 0.16rem;
  padding: 0.16rem;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3));
}

#root .reward-center .gain-card-wrap .gain-card svg {
  width: 0.24rem;
  height: 0.24rem;
  margin-right: 0.05rem;
}

#root .reward-center .gain-card-wrap .gain-card .gain-title {
  font-size: 0.24rem;
  font-weight: 400;
  margin-bottom: 0.24rem;
}

#root .reward-center .gain-card-wrap .gain-card .gain-total {
  width: 100%;
  flex-grow: 1;
  font-size: 0.37rem;
  font-weight: 700;
  word-wrap: break-word;
}

#root .reward-center .reward-today-bonus {
  display: flex;
  align-items: center;
  height: 0.6rem;
  position: relative;
  color: #fff;
  padding-left: 0.1rem;
  line-height: 0.54rem;
  border-radius: 0.39rem;
  margin: 0.4rem 0.42rem 0;
  background: rgba(0, 0, 0, 0.4);
  background-size: 0.36rem 0.33rem;
}

#root .reward-center .reward-today-bonus .reward-content-info {
  display: flex;
  flex-direction: row;
  width: 100%;
  line-height: 1.2;
}

#root .reward-center .reward-today-bonus .reward-content-info span {
  display: flex;
  align-items: center;
}

#root .reward-center .reward-today-bonus .reward-content-info:before {
  border-radius: 50%;
  margin-right: 0.1rem;
  display: block;
  content: "";
  background-color: #ffd4d7;
  width: 0.46rem;
  height: 0.46rem;
  flex-shrink: 0;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(/mobile/mc/reward-today-bonus.1aa27ef4.png);
}

#root .reward-center .reward-today-bonus .point {
  padding-right: 0.27rem;
  flex-grow: 1;
  justify-content: flex-end;
  display: flex;
}

#root .reward-center .reward-today-bonus .btn-check-view {
  position: absolute;
  right: 0.42rem;
  top: 0;
}

#root .reward-center .reward-today-bonus .btn-check-view a {
  color: inherit;
}

#root .reward-center .reward-user-integral {
  display: flex;
  align-items: center;
  height: 0.54rem;
  margin: 0.11rem 0 0.2rem;
  position: relative;
  width: 100%;
  color: #694015;
  padding: 0 0.42rem;
  line-height: 0.54rem;
}

#root .reward-center .reward-user-integral .reward-content-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.04rem;
  line-height: 1.2;
  position: relative;
}

#root .reward-center .reward-user-integral .reward-content-info:before {
  content: "";
  width: 0.36rem;
  height: 0.33rem;
  background: url(/mobile/mc/cash.4696e03d.png) no-repeat 50% / contain;
}

#root .reward-center .reward-user-integral .btn-check-view {
  position: absolute;
  right: 0.42rem;
  top: 0;
}

#root .reward-center .reward-user-integral .btn-check-view a {
  color: inherit;
}

#root .reward-center .task-list-warp {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0.56rem 0.42rem 0;
}

#root .reward-center .task-list-item {
  width: 48%;
  margin-bottom: 0.34rem;
  text-align: center;
  color: #fff;
  font-size: 0.26rem;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
}

#root .reward-center .task-list-item .item-bg {
  width: 100%;
  height: auto;
}

#root .reward-center .task-list-item .item-icon {
  position: absolute;
  display: inline-block;
  top: 15%;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  padding: 10%;
  min-width: 0.9rem;
  min-height: 0.9rem;
  border-radius: 50%;
}

#root .reward-center .task-list-item .item-icon img {
  position: absolute;
  width: 50%;
  height: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
}

#root .reward-center .task-list-item .task-list-title {
  position: absolute;
  width: 100%;
  top: 58%;
  left: 50%;
  font-size: 0.28rem;
  transform: translateX(-50%);
}

#root .reward-center .task-list-item .task-list-title div {
  max-height: 0.64rem;
  max-width: 80%;
  text-align: center;
  margin: 0 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

#root .reward-center .task-list-item .task-list-title p {
  font-size: 0.22rem;
  margin-top: 0.04rem;
}

.record_list_root {
  background: #f7f6fb;
  padding-top: 0.5rem;
}

.records-items-content {
  height: 2.6rem;
  background-color: #fafafa;
  position: relative;
  margin-bottom: 0.3rem;
}

.records-items-content .content_left {
  background: url(/mobile/mc/promotion_bg1.c2a98c28.png);
  background-size: 100% 100%;
  height: 2.6rem;
  padding-top: 0.2rem;
  width: 7.4rem;
}

.records-items-content .content_left > div {
  width: 100%;
  overflow-y: initial;
}

.records-items-content.background2 .content_left {
  background-image: url(/mobile/mc/promotion_bg2.15e50d17.png);
}

.records-items-content.background2 .ticket {
  background-image: url(/mobile/mc/ticket2.97b0c110.png);
}

.records-items-content.background3 .content_left {
  background-image: url(/mobile/mc/promotion_bg3.933f3c7a.png);
}

.records-items-content.background3 .ticket {
  background-image: url(/mobile/mc/ticket3.3e9b28f4.png);
}

.records-items-content .content_right {
  text-align: center;
  width: 2.6rem;
  color: #8c8c8c;
}

.records-items-content .content_right .get_pro {
  display: inline-block;
  width: 1.3rem;
  height: 0.7rem;
  line-height: 0.7rem;
  color: #fff;
  background-color: #32d005;
  border-radius: 0.4rem;
  font-size: 0.3rem;
  margin-top: 0.25rem;
}

.records-items-content .ticket {
  width: 3rem;
  height: 1.85rem;
  background: url(/mobile/mc/ticket1.b1816f05.png);
  background-size: 100% 100%;
  text-align: center;
  padding-top: 0.75rem;
  margin: 0 0.2rem;
  margin-top: 0.2rem;
  color: #fff;
  font-size: 0.6rem;
  font-weight: 700;
  flex-shrink: 0;
}

.records-items-content .ticket .yuan {
  font-size: 0.28rem;
}

.records-items-content .pro_content {
  padding-top: 0.25rem;
  flex: 1 1 0%;
  overflow: hidden;
}

.records-items-content .pro_content .pro_name {
  color: #727272;
  font-weight: 900;
  font-size: 0.33rem;
  margin-bottom: 0.1rem;
  margin-top: 0.1rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.records-items-content .pro_content .pro_remark {
  color: #bababa;
  white-space: normal;
  height: 2.3em;
  padding-right: 1em;
  overflow: hidden;
}

.row_bottoms div,
.row_tops div {
  width: 50%;
}

.row_bottoms .time,
.row_tops .time {
  background: #1face1;
  color: #fff;
  font-size: 0.28rem;
}

.not_activity h2 {
  padding: 0 0.5rem;
  font-size: 0.48rem;
  color: #ccc;
  text-align: center;
  line-height: 6rem;
  font-weight: 400;
}

.ticket-center-container {
  padding-left: 0.2rem;
  color: #b3b3b3;
}

.ticket-center-container span {
  display: inline-block;
  border-bottom: 0.04rem solid #fff;
  padding: 0.2rem;
  font-size: 0.28rem;
}

.ticket-center-container span.tcc-active {
  color: #fa1f4e;
  border-bottom: 0.04rem solid #fa1f4e;
}

.reward-icon {
  width: 0.41rem;
  height: 0.44rem;
  display: inline-block;
}

.icon-points {
  fill: #fa3fbc;
}

.icon-points,
.icon-sign {
  display: inline-block;
  width: 0.44rem;
  height: 0.44rem;
  background-size: 100% auto;
}

.icon-sign {
  fill: #734efe;
}

.icon-task {
  display: inline-block;
  width: 0.44rem;
  height: 0.44rem;
  fill: #0bc3c9;
  background-size: 100% auto;
}

.ticket-count {
  position: absolute;
  top: -0.1rem;
  right: -0.16rem;
}

.ticket-count i {
  display: inline-block;
  padding: 0.08rem 0.16rem;
  text-align: center;
  background: linear-gradient(180deg, #ff5841, #fe0425);
  border-radius: 0.3rem;
  color: #fff;
  font-family:
    SF Pro Display,
    SF Pro Icons,
    AOS Icons,
    Helvetica Neue For Number,
    Roboto Mono,
    PingFang SC,
    Arial,
    sans-serif;
  font-size: 0.22rem;
  font-style: normal;
}

.reward-content {
  padding: 0.2rem 0;
}

.task-notice {
  text-align: left;
}

.mall-home-top {
  width: 100%;
  height: 3.3rem;
  background-size: cover;
}

.mall-home-top .reward-point {
  display: flex;
  gap: 0.06rem;
  align-items: center;
  margin: 0.24rem 0 0.38rem;
}

.mall-home-top .reward-point .mall-point-svg {
  width: 0.28rem;
  height: 0.28rem;
}

.mall-home-top .remain-wrap {
  font-weight: 400;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.6rem 0 0.56rem;
  height: 1.22rem;
  background-size: 6.93rem auto;
  background-image: url(/mobile/mc/point-deco.88bac3ae.png);
  background-repeat: no-repeat;
  background-position: 50%;
  width: 100%;
  bottom: -0.23rem;
  min-height: 1.3rem;
  min-width: 6.94rem;
  position: relative;
  z-index: 1;
}

.mall-home-top .remain-wrap svg {
  display: block;
  top: 0.07rem;
  right: 0.28rem;
  position: absolute;
  height: 0.98rem;
  min-width: 1.18rem;
}

.mall-home-top .remain-wrap:after {
  position: absolute;
  content: "";
  width: 1.18rem;
  height: 0.98rem;
}

.mall-home-top .remain-wrap .remain-point-title {
  font-size: 0.3rem;
  font-weight: 400;
}

.mall-home-top .remain-wrap .remain-point-total {
  font-size: 0.5rem;
  font-weight: 700;
}

.mall-home-top .mall-header {
  width: 1.5rem;
  height: 1.5rem;
  float: left;
  margin: 0.24rem 0 0 0.6rem;
  border-radius: 50%;
  border: 0.1rem solid #9fd2f9;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.mall-home-top .mall-header img {
  width: 100%;
  height: 100%;
}

.mall-home-top .mall-number-info {
  float: left;
  margin: 0.3rem 0 0 0.3rem;
  color: #fff;
  font-size: 0.26rem;
}

.mall-home-top .mall-number-info p {
  padding: 0.05rem 0;
}

.mall-home-top .mall-number-info p.mall-user-integral {
  padding: 0.1rem 0.15rem;
}

.mall-home-top .mall-number-info .mall-user-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  max-width: 2.5rem;
  overflow: hidden;
  font-weight: 700;
}

.mall-home-top .mall-number-info .mall-user-amount {
  font-size: 0.42rem;
  font-weight: 700;
}

.mall-home-top .mall-user-integral {
  position: relative;
  margin: 0.12rem 0 0;
  height: 0.4rem;
  line-height: 0.18rem;
  font-size: 0.24rem;
  background: rgba(39, 32, 32, 0.14);
  border-radius: 0.4rem;
  padding: 0.1rem 0.15rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 0.04rem;
}

.mall-home-top .mall-user-integral .mall-intergral-svg {
  fill: #fef565;
}

.ticket-usage-notice-trigger {
  flex-shrink: 0;
  width: 0.2rem;
  height: 0.2rem;
  padding: 0;
  margin: 0;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ticket-usage-notice-trigger.onpopup .ticket-usage-notice-trigger-icon {
  background-image: linear-gradient(180deg, #ffe889, #d88d10);
}

.ticket-usage-notice-trigger .am-icon {
  width: 0.24rem;
  height: 0.24rem;
}

.ticket-usage-notice-trigger .am-icon svg {
  width: 0.24rem;
  height: 0.24rem;
  display: block;
}

.ticket-usage-notice-trigger-icon {
  width: 0.24rem;
  height: 0.24rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-image: linear-gradient(180deg, #fff, #707070);
  font-size: 0.16rem;
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  color: #000;
}

.ticket-usage-notice-chip {
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 0.06rem;
  color: #888;
  font-size: 0.2rem;
  padding: 0.06rem 0.1rem;
  min-height: 0.39rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border: none;
  cursor: pointer;
  text-align: left;
  border-radius: 0.5rem;
  background: hsla(0, 0%, 100%, 0.8);
  -webkit-backdrop-filter: blur(0.04rem);
  backdrop-filter: blur(0.04rem);
}

.ticket-usage-notice-chip .ticket-usage-notice-trigger-icon {
  background-image: none;
  background: #888;
  color: #fff;
}

.ticket-usage-notice-chip .ticket-usage-notice-chip__text {
  word-break: break-word;
}

.ticket-usage-notice-chip .am-icon {
  flex-shrink: 0;
  width: 0.2rem;
  height: 0.2rem;
}

.ticket-usage-notice-chip .am-icon svg {
  width: 0.2rem;
  height: 0.2rem;
  display: block;
}

.ticket-usage-notice-modal .am-modal-header {
  display: none;
}

.ticket-usage-notice-modal .am-modal-content {
  width: 6.4rem;
  max-width: calc(min(100vw, 530px) - 0.48rem);
  padding: 0.16rem;
  box-sizing: border-box;
  border-radius: 0.16rem;
  box-shadow: 0 0.04rem 0.07rem 0 #d7dcf5;
  background: linear-gradient(
    180deg,
    #f2f2f2,
    #fff 25%,
    #fff 50%,
    #fff 75%,
    #f2f2f2
  );
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.ticket-usage-notice-modal .am-modal-body {
  overflow: hidden;
  flex: 1 1 0%;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

.ticket-usage-notice-modal .ticket-usage-notice-scroll {
  min-width: 3rem;
  max-width: 100%;
  max-height: 2.64rem;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  flex: 1 1 0%;
  min-height: 0;
  margin: 0 auto;
  color: #888;
}

.ticket-usage-notice-modal .am-modal-footer {
  padding: 0.12rem 0 0;
}

.ticket-usage-notice-modal .am-modal-footer:before {
  display: none;
}

.ticket-usage-notice-modal .am-modal-footer .am-modal-button-container {
  display: flex;
  justify-content: center;
  padding-bottom: 0;
}

.ticket-usage-notice-modal .am-modal-button {
  height: 0.8rem;
  margin: 0 auto;
  font-size: 0.24rem;
}

.ticket-item {
  height: 2.5rem;
  position: relative;
  margin-bottom: 0.2rem;
  box-shadow: 0 0.08rem 0.8rem rgba(0, 0, 0, 0.1);
  background: url(/mobile/mc/tiket_bg_blue.1f0a8f1d.jpg) no-repeat;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
}

.ticket-item.unavailable:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(0.025rem);
  backdrop-filter: blur(0.025rem);
  top: 0;
  left: 0;
  z-index: 0;
}

.ticket-item.unavailable .ticket .ticket-card {
  position: relative;
}

.ticket-item.unavailable .ticket .ticket-card:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  left: 0;
  top: 0;
  z-index: 0;
  border-radius: 0.2rem;
}

.ticket-item.unavailable .ticket .ticket-card .item-date {
  font-size: 0.2rem;
  font-weight: 600;
}

.ticket-item .operating {
  width: 1.75rem;
  background: #fff;
  height: 100%;
  text-align: center;
  padding: 0.17rem 0.08rem;
  color: #bababa;
  font-size: 0.24rem;
  position: relative;
  display: flex;
  flex-direction: column;
}

.ticket-item .operating .due-title {
  width: 100%;
  display: inline-block;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0.08rem;
}

.ticket-item .operating p {
  flex: 1 1 0%;
}

.ticket-item .ticket-item-btn {
  color: #fff;
  border-radius: 0.4rem;
  background: #30d005;
  box-shadow: 0 0.03rem 0.08rem 0 rgba(53, 213, 106, 0.48);
  font-size: 0.22rem;
  font-weight: 400;
  width: 1.6rem;
  min-height: 0.6rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  word-break: break-word;
  padding: 0 0.05rem;
}

.ticket-item .ticket-item-btn.expired {
  border-radius: 0.4rem;
  background: #d5d5d5;
  box-shadow: 0 0.03rem 0.08rem 0 hsla(0, 1%, 70%, 0.48);
}

.ticket-item .ticket {
  flex: 1 1 0%;
  margin: 0 0.3rem;
  display: flex;
  align-items: center;
  gap: 0.12rem;
  position: relative;
  z-index: 1;
}

.ticket-item .ticket .ticket-card {
  border-radius: 0.2rem;
  font-size: 0.22rem;
  color: #fff;
  text-align: center;
  padding: 0.15rem 0.09rem;
  width: 2.18rem;
  min-height: 1.5rem;
  display: flex;
  align-items: center;
  background-image: linear-gradient(0deg, #07e5ed, #1075f2);
  box-shadow: 0 0.05rem 0.2rem rgba(10, 182, 213, 0.35);
}

.ticket-item .ticket .ticket-card .card-wrapper {
  flex: 1 1 0%;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 0.06rem;
  font-weight: 400;
}

.ticket-item .ticket .ticket-card .card-wrapper .item-type {
  font-size: 0.22rem;
}

.ticket-item .ticket .ticket-card .card-wrapper .item-title {
  font-size: 0.25rem;
}

.ticket-item .ticket .ticket-card .card-wrapper .item-date {
  font-size: 0.24rem;
  word-break: break-word;
}

.ticket-item .ticket .ticket-card span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.ticket-item .ticket .ticket-info {
  flex: 1 1 0%;
  padding: 0 0.14rem 0 0;
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 0.05rem;
  position: relative;
  z-index: 1;
}

.ticket-item .ticket .ticket-info h3 {
  color: #737373;
  font-size: 0.28rem;
  width: 100%;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
  word-break: break-word;
  white-space: normal;
}

@supports (-webkit-line-clamp: 2) {
  .ticket-item .ticket .ticket-info h3 {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}

.ticket-item .ticket .ticket-info .ticket-desc {
  display: flex;
  flex-direction: column;
  font-size: 0.24rem;
  color: #666;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
}

@supports (-webkit-line-clamp: 2) {
  .ticket-item .ticket .ticket-info .ticket-desc {
    display: -webkit-box !important;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}

.ticket-item .ticket .ticket-info .ticket-desc.ellipsis:after {
  content: "...";
  font-weight: 700;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0 0.2rem 1px 0.45rem;
}

.ticket-item .ticket .ticket-info .ticket-desc span {
  display: block;
}

.ticket-item .ticket .ticket-info .gift-desc {
  display: inline-flex;
  align-items: center;
  gap: 0.06rem;
  color: #888;
  font-size: 0.2rem;
  border-radius: 0.5rem;
  background: hsla(0, 0%, 100%, 0.8);
  padding: 0.06rem 0.1rem;
  min-height: 0.39rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.ticket-item .ticket .ticket-info .gift-desc .desc-txt {
  word-break: break-word;
}

.ticket-item .ticket .ticket-info .gift-desc svg {
  width: 0.2rem;
  height: 0.2rem;
  fill: #888;
}

.ticket-item.RAFFLE {
  background: url(/mobile/mc/tiket_bg_red.ef244f9f.jpg) no-repeat;
  background-size: 100% 100%;
}

.ticket-item.RAFFLE .ticket-card {
  background-image: linear-gradient(0deg, #ff73c3, #f425d4);
  box-shadow: 0 0.05rem 0.2rem rgba(254, 52, 216, 0.35);
}

.ticket-item.MISSION_MANUAL {
  background: url(/mobile/mc/mission.ccaa36df.jpg) no-repeat;
  background-size: 100% 100%;
}

.ticket-item.MISSION_MANUAL .ticket-card {
  background-image: linear-gradient(0deg, #ff73c3, #f425d4);
  box-shadow: 0 0.05rem 0.2rem rgba(254, 52, 216, 0.35);
}

.ticket-item.GIFT_CODE {
  background: url(/mobile/mc/tiket_bg_blue.1f0a8f1d.jpg) no-repeat;
  background-size: 100% 100%;
}

.ticket-item.GIFT_CODE .ticket-card {
  background-image: linear-gradient(0deg, #07e5ed, #1075f2);
  box-shadow: 0 0.05rem 0.2rem rgba(10, 182, 213, 0.35);
}

.ticket-item.PRIZE_WHEEL {
  background: url(/mobile/mc/tiket_bg_orange.69c4f2e7.jpg) no-repeat;
  background-size: 100% 100%;
}

.ticket-item.PRIZE_WHEEL .ticket-card {
  background-image: linear-gradient(0deg, #ff7282, #f52644);
  box-shadow: 0 0.05rem 0.2rem rgba(255, 114, 130, 0.35);
}

.ticket-item.GOLDEN_EGG,
.ticket-item.NEW_REGISTER,
.ticket-item.TEMU {
  background: url(/mobile/mc/tiket_bg_orange.69c4f2e7.jpg) no-repeat;
  background-size: 100% 100%;
}

.ticket-item.GOLDEN_EGG .ticket-card,
.ticket-item.NEW_REGISTER .ticket-card,
.ticket-item.TEMU .ticket-card {
  background-image: linear-gradient(0deg, #ff773b, #ff1e31);
  box-shadow: 0 0.05rem 0.2rem rgba(255, 117, 59, 0.35);
}

.ticket-item.CASH_VOUCHER {
  background: url(/mobile/mc/tiket_bg_orange_2.a0c3fc51.png) no-repeat;
  background-size: 100% 100%;
}

.ticket-item.CASH_VOUCHER .ticket-card {
  background: linear-gradient(180deg, #fb9231, #fdc456);
  box-shadow: 0 0.04rem 0.04rem 0 rgba(252, 170, 67, 0.4);
}

.ticket-item.FREE_SPIN {
  background: url(/mobile/mc/tiket_bg_green.c9fc0ec8.png) no-repeat;
  background-size: 100% 100%;
}

.ticket-item.FREE_SPIN .ticket-card {
  background: transparent linear-gradient(180deg, #30c100, #a7e500) 0 0
    no-repeat padding-box;
  box-shadow: 0 0.08rem 0.15rem #08c90031;
}

.ticket-item.UPGRADE_BONUS {
  background: url(/mobile/mc/tiket_bg_yellow.2a73b198.jpg) no-repeat;
  background-size: 100% 100%;
}

.ticket-item.UPGRADE_BONUS .ticket-card {
  background-image: linear-gradient(0deg, #feea40, #ff8d1e);
  box-shadow: 0 0.05rem 0.2rem rgba(254, 234, 64, 0.35);
}

.ticket-item.MANUAL,
.ticket-item.RANK_SALARY {
  background: url(/mobile/mc/tiket_bg_blue.1f0a8f1d.jpg) no-repeat;
  background-size: 100% 100%;
}

.ticket-item.MANUAL .ticket-card,
.ticket-item.RANK_SALARY .ticket-card {
  background-image: linear-gradient(0deg, #07e5ed, #1075f2);
  box-shadow: 0 0.05rem 0.2rem rgba(10, 182, 213, 0.35);
}

.ticket-item.dis .ticket-card {
  background-image: linear-gradient(0deg, #a2a2a2, #cdcdcd);
}

.ticket-item.dis .ticket-item-btn {
  background: #a2a2a2;
  box-shadow: 0 0.03rem 0.08rem #a2a2a2;
}

.ticket-item .count-down {
  font-family:
    SF Pro Display,
    SF Pro Icons,
    AOS Icons,
    Helvetica Neue For Number,
    Roboto Mono,
    PingFang SC,
    Arial,
    sans-serif;
  font-size: 0.24rem;
  font-weight: 700;
  font-style: normal;
  color: #666;
}

.ticket-item .days {
  font-size: 0.68rem;
  color: #666;
  font-weight: 700;
}

.ticket-item .days.small {
  font-size: 0.5rem;
  line-height: 1.2;
}

.ticket-item .days i {
  font-size: 0.2rem;
  font-style: normal;
}

.ticket-item .permanent {
  font-size: 0.32rem;
  color: #666;
  font-weight: 700;
  position: absolute;
  left: 50%;
  width: 100%;
  top: 45%;
  transform: translate(-50%, -50%);
}

.modal-gift-code .am-modal-content {
  max-height: 90vh;
  max-height: calc(var(--vh, 1vh) * 90);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.modal-gift-code .am-modal-header {
  padding: 0.03rem 0.51rem 0.3rem;
}

.modal-gift-code .am-modal-body {
  padding: 0 0.51rem;
  flex: 1 1 0%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.modal-gift-code .am-modal-body img {
  max-width: 100%;
}

.modal-gift-code .modal-gift-title {
  color: #656565;
  font-size: 0.3rem;
  font-weight: 800;
}

.modal-gift-code .modal-gift-info {
  flex: 1 1 0%;
  font-size: 0.24rem;
  color: #6e6e6e;
  overflow-y: auto;
}

.modal-gift-code .am-modal-button {
  border-top: none;
  width: -webkit-max-content;
  width: max-content;
  height: 0.64rem;
  padding: 0 0.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.2rem;
  background: #fd2f2f;
  font-size: 0.3rem;
  font-weight: 900;
  color: #fff;
  margin: 0 auto 0.33rem;
}

.not_activity h2 {
  font-size: 0.46rem;
  margin-top: 0.6rem;
  color: #ccc;
  text-align: center;
  line-height: 1rem;
  font-weight: 400;
}

.ticket-center-container {
  padding-left: 0.2rem;
  color: #b3b3b3;
}

.ticket-center-container span {
  display: inline-block;
  border-bottom: 0.04rem solid #fff;
  padding: 0.2rem;
  font-size: 0.28rem;
}

.ticket-center-container span.tcc-active {
  color: #fa1f4e;
  border-bottom: 0.04rem solid #fa1f4e;
}

.collarCenter.fixed {
  position: fixed;
}

.collarCenter.prize-bg {
  background-color: #fb471e;
}

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

.gift-modal .gift-modal-mask {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 100011;
  top: 0;
  background: linear-gradient(
    4deg,
    rgba(0, 0, 0, 0.65),
    rgba(40, 40, 40, 0.65)
  );
}

.gift-modal .show-gift {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  z-index: 100012;
  transform: translate(-50%, -50%);
}

.gift-modal .show-gift .receive-btn {
  display: inline-block;
  color: #bb7e1c;
  text-align: center;
  background-size: 100% auto;
  z-index: 1;
  bottom: -0.65rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 0.45rem;
  padding: 0.25rem 1.05rem;
  background-image: linear-gradient(90deg, #ebcba3, #fffffe 55%, #f9ead2 99%);
  box-shadow: 1px 0.09rem 0.189rem 0.021rem hsla(33, 66%, 70%, 0.3);
}

.gift-modal .show-gift .receive-btn span {
  display: inline-block;
  font-size: 0.36rem;
  white-space: nowrap;
  position: relative;
  word-break: keep-all;
  z-index: 9;
}

.gift-modal .show-gift img {
  width: 100%;
}

.gift-modal .show-gift .gift-content {
  color: #fff;
  font-size: 0.36rem;
  font-weight: 700;
  position: absolute;
  left: 50%;
  padding-top: 1.02rem;
  top: 50%;
  transform: translate(-50%, -50%);
}

.gift-modal .show-gift .gift-content .title {
  margin-bottom: 5%;
  text-shadow: 0 0.03rem 0.027rem rgba(212, 133, 27, 0.2);
}

.gift-modal .show-gift .gift-content .content {
  font-size: 0.3rem;
  font-weight: 400;
}

.gift-modal .show-gift .close-gift {
  position: absolute;
  right: 0;
  margin-right: 0.48rem;
  top: 0.4rem;
  width: 0.5rem;
}

.new-show-gift {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 90%;
  padding: 0.4rem;
  z-index: 998;
  transform: translate(-50%, -50%);
}

.new-show-gift .new-show-gift-bg {
  width: 88%;
}

.new-show-gift .close-gift {
  position: absolute;
  right: -0.1rem;
  margin-right: 0.48rem;
  top: -0.1rem;
  width: 0.6rem;
}

.new-show-gift .gift-content {
  width: 90%;
  text-align: center;
}

.new-show-gift .gift-content .title {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.28rem;
  top: 14%;
  color: #fdfae3;
  margin-top: 0.2rem;
}

.new-show-gift .gift-content .content {
  font-size: 1.2rem;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  top: 27%;
  margin-left: 0.1rem;
  color: #fdfae3;
  font-weight: 700;
  text-shadow: 0.03rem -0.04rem 0.0324rem rgba(88, 23, 3, 0.34);
}

.new-show-gift .gift-content .content.small {
  font-size: 0.5rem;
  line-height: 3;
}

.new-show-gift .receive-btn {
  display: inline-block;
  color: #bb7e1c;
  text-align: center;
  background-size: 100% auto;
  z-index: 1;
  bottom: -0.44rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 0.6rem;
  padding: 0.04rem 0.82rem;
}

.new-show-gift .receive-btn:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10;
  border-radius: 0.6rem;
  left: 0.1rem;
  top: 0.1rem;
  background-image: linear-gradient(1turn, #f98824 2%, #e62f19 98%);
}

.new-show-gift .receive-btn:before {
  content: "";
  width: 100%;
  z-index: 9;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 1rem;
  border: 0.1rem solid transparent;
  background-image: linear-gradient(
    58deg,
    #f9f6c2 15%,
    #f5ce82 57%,
    #fdf0b5 93%
  );
}

.new-show-gift .receive-btn span {
  display: inline-block;
  font-size: 0.38rem;
  position: relative;
  word-break: keep-all;
  z-index: 20;
  margin-top: 0.2rem;
  color: #fef5c2;
}

.new-show-gift .receive-btn span:before {
  content: "";
  position: absolute;
  right: -0.3rem;
  top: 0.15rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.06rem 0 0.06rem 0.12rem;
  border-color: transparent transparent transparent #fef5c2;
}

.claim-history-wrap {
  background: #fff;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  display: flex;
  flex-direction: column;
}

.claim-history-wrap .claim-search-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 0.3rem;
  position: -webkit-sticky;
  position: sticky;
  border-bottom: 0.02rem solid #ebebeb;
  box-shadow: 0 0.02rem 0.05rem -0.02rem rgba(0, 0, 0, 0.1);
  padding: 0.09rem 0.3rem;
}

.claim-history-wrap .claim-search-wrap .select-item {
  border-radius: 0.1rem;
  border: 0.02rem solid #108ee9;
  position: relative;
  height: 0.6rem;
  padding: 0 0.12rem;
  display: flex;
  align-items: center;
  font-size: 0.24rem;
  color: #108ee9;
  gap: 0.1rem;
}

.claim-history-wrap .claim-search-wrap .select-item .arrow {
  width: 0.24rem;
  height: 0.24rem;
  justify-self: flex-end;
}

.claim-history-wrap .claim-search-wrap .select-item .select-text {
  flex: 1 1 0%;
  display: flex;
  align-items: center;
  line-height: 1;
}

.claim-history-wrap .claim-search-wrap .select-type.show-game {
  min-width: auto;
  flex: 1 1 0%;
}

.claim-history-wrap .claim-search-wrap .select-date {
  min-width: 1.62rem;
  padding: 0;
  border: none;
}

.claim-history-wrap .claim-search-wrap .select-date .am-button-small {
  height: 0.6rem;
  font-size: 0.24rem;
  color: #108ee9;
  background: transparent;
  padding: 0 0.12rem;
  border-radius: 0.1rem;
  border: 0.02rem solid #108ee9;
}

.claim-history-wrap
  .claim-search-wrap
  .select-date
  .am-button-small.am-button-active {
  background-color: #108ee9;
  color: #fff;
}

.claim-history-wrap
  .claim-search-wrap
  .select-date
  .am-button-small.am-button-active
  svg {
  fill: #fff;
}

.claim-history-wrap .claim-search-wrap .select-date .am-button-small svg {
  width: 0.2rem;
  height: 0.2rem;
}

.claim-history-wrap .search-result {
  height: calc(100% - 2.8rem);
  overflow: hidden;
  margin-top: 0.2rem;
}

.claim-history-wrap .search-result .list-wrapper {
  height: 100% !important;
}

.claim-history-wrap .search-result .list-wrapper .list-item {
  display: flex;
  flex-direction: column;
  padding: 0.2rem;
  background: #fcfcfc;
  box-shadow: 0 0.08rem 0.1rem 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 0.2rem;
  border-image-slice: 1;
  border-right: 0.1rem solid;
  border-left: 0.1rem solid;
}

.claim-history-wrap .search-result .list-wrapper .list-item.RAFFLE {
  border-image-source: linear-gradient(180deg, #f524d3, #ff73c2);
}

.claim-history-wrap .search-result .list-wrapper .list-item.RAFFLE .item-img {
  background: url(/mobile/mc/type-icon-1.f8c086c0.png) no-repeat 50% / cover;
}

.claim-history-wrap .search-result .list-wrapper .list-item.PRIZE_WHEEL {
  border-image-source: linear-gradient(180deg, #f3223f, #ff7485);
}

.claim-history-wrap
  .search-result
  .list-wrapper
  .list-item.PRIZE_WHEEL
  .item-img {
  background: url(/mobile/mc/type-icon-2.62917204.png) no-repeat 50% / cover;
}

.claim-history-wrap .search-result .list-wrapper .list-item.GOLDEN_EGG {
  border-image-source: linear-gradient(180deg, #ff1e32, #fe763b);
}

.claim-history-wrap
  .search-result
  .list-wrapper
  .list-item.GOLDEN_EGG
  .item-img {
  background: url(/mobile/mc/type-icon-3.50f97301.png) no-repeat 50% / cover;
}

.claim-history-wrap .search-result .list-wrapper .list-item.CASH_VOUCHER {
  border-image-source: linear-gradient(180deg, #fb9231, #fdc456);
}

.claim-history-wrap
  .search-result
  .list-wrapper
  .list-item.CASH_VOUCHER
  .item-img {
  background: url(/mobile/mc/type-icon-4.5d2ab98b.png) no-repeat 50% / cover;
}

.claim-history-wrap .search-result .list-wrapper .list-item.GIFT_CODE {
  border-image-source: linear-gradient(180deg, #1075f2, #07e5ed);
}

.claim-history-wrap
  .search-result
  .list-wrapper
  .list-item.GIFT_CODE
  .item-img {
  background: url(/mobile/mc/type-icon-5.5869e3b2.png) no-repeat 50% / cover;
}

.claim-history-wrap .search-result .list-wrapper .list-item.FREE_SPIN {
  border-image-source: linear-gradient(180deg, #f3223f, #ff7485);
}

.claim-history-wrap
  .search-result
  .list-wrapper
  .list-item.FREE_SPIN
  .item-img {
  background: url(/mobile/mc/type-icon-6.52cdf5a8.png) no-repeat 50% / cover;
}

.claim-history-wrap .search-result .list-wrapper .list-item.TEMU {
  border-image-source: linear-gradient(180deg, #fb9231, #fdc456);
}

.claim-history-wrap .search-result .list-wrapper .list-item.TEMU .item-img {
  background: url(/mobile/mc/type-icon-7.698e9ff9.png) no-repeat 50% / cover;
}

.claim-history-wrap .search-result .list-wrapper .list-item.TREASURE {
  border-image-source: linear-gradient(180deg, #7a7efe, #bdbcff);
}

.claim-history-wrap .search-result .list-wrapper .list-item.TREASURE .item-img {
  background: url(/mobile/mc/type-icon-8.6fc6798f.png) no-repeat 50% / cover;
}

.claim-history-wrap .search-result .list-wrapper .list-item .item-header {
  display: flex;
  padding-bottom: 0.3rem;
  position: relative;
}

.claim-history-wrap
  .search-result
  .list-wrapper
  .list-item
  .item-header
  .item-img {
  width: 1.5rem;
  height: 1.5rem;
  margin: 0 0.3rem;
}

.claim-history-wrap
  .search-result
  .list-wrapper
  .list-item
  .item-header
  .item-info {
  flex: 1 1 0%;
  display: flex;
  flex-direction: column;
}

.claim-history-wrap
  .search-result
  .list-wrapper
  .list-item
  .item-header
  .item-info
  .info-time {
  margin-top: 0.22rem;
}

.claim-history-wrap
  .search-result
  .list-wrapper
  .list-item
  .item-header
  .item-info
  .info-title {
  margin-top: 0;
}

.claim-history-wrap .search-result .list-wrapper .list-item .item-bottom {
  display: flex;
  justify-content: center;
  position: relative;
  gap: 0.1rem;
}

.claim-history-wrap
  .search-result
  .list-wrapper
  .list-item
  .item-bottom:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 0.02rem;
  border-radius: 0.4rem;
  background: #ebebeb;
}

.claim-history-wrap
  .search-result
  .list-wrapper
  .list-item
  .item-bottom.not-one {
  justify-content: space-around;
}

.claim-history-wrap
  .search-result
  .list-wrapper
  .list-item
  .item-bottom
  .bottom-info {
  display: flex;
  flex-direction: column;
  word-break: break-word;
}

.claim-history-wrap .search-result .list-wrapper .list-item .info-title {
  font-size: 0.2rem;
  color: #a6a6a6;
  margin: 0.3rem 0 0.1rem;
}

.claim-history-wrap .search-result .list-wrapper .list-item .info-content {
  font-size: 0.24rem;
  color: #333;
  display: flex;
  align-items: center;
}

.claim-history-wrap .search-result .list-wrapper .list-item .info-content svg {
  width: 0.35rem;
  height: 0.35rem;
  fill: #333;
}

.claim-history-wrap
  .search-result
  .list-wrapper
  .list-item
  .info-content.keep-all {
  word-break: keep-all;
}

.claim-history-wrap .search-result .list-wrapper .list-item .info-status {
  padding: 0 0.2rem;
  border-radius: 0.3rem;
  font-size: 0.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.36rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 0.1rem;
}

.claim-history-wrap
  .search-result
  .list-wrapper
  .list-item
  .info-status.delivered {
  border: 0.02rem solid #23e63a;
  color: #23e63a;
}

.claim-history-wrap
  .search-result
  .list-wrapper
  .list-item
  .info-status.pending_delivery {
  border: 0.02rem solid #5076f3;
  color: #5076f3;
}

.claim-history-wrap
  .search-result
  .list-wrapper
  .list-item
  .info-status.encashed {
  border: 0.02rem solid #fdb752;
  color: #fdb752;
}

.claim-history-wrap .history-footer {
  height: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 0.8rem;
  border-top: 0.02rem solid #ebebeb;
  background: #f9f9f9;
  box-shadow: 0 0 0.24rem 0.06rem rgba(0, 0, 0, 0.1);
  font-size: 0.2rem;
  font-weight: 500;
  color: #666;
  padding: 0 0.28rem;
  width: 100%;
  position: fixed;
  bottom: 0;
}

.claim-history-wrap .history-footer .footer-item {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}

.claim-history-wrap .history-footer .footer-num {
  font-size: 0.24rem;
  color: #fd2f2f;
}

.claim-type-modal .modal-list-header {
  padding: 0.2rem 0.35rem;
  display: flex;
  justify-content: space-between;
  border-bottom: 0.02rem solid #bbb;
  color: #888;
  font-size: 0.32rem;
  font-weight: 400;
}

.claim-type-modal .modal-list-header svg {
  width: 0.34rem;
  height: 0.34rem;
}

.claim-type-modal .modal-list-content {
  display: flex;
  flex-direction: column;
  padding: 0;
}

.claim-type-modal .modal-list-content .list-item {
  padding: 0.21rem 0.6rem;
  border-bottom: 0.02rem solid #ddd;
  font-size: 0.28rem;
  font-weight: 400;
  color: #000;
}

.claim-type-modal .modal-list-content .list-item:last-child {
  border-bottom: none;
}

.mall-wrapper .mc-header-wrap .am-navbar-right {
  padding-left: 0.3rem;
}

.mall-wrapper .mc-header-wrap .return_icon {
  padding-right: 0.3rem;
}

.mall-home-wrap {
  position: relative;
  background: #fff;
}

.mall-home-wrap .am-icon-md {
  width: 0.46rem;
}

.mall-home-wrap .home-orders-scroll {
  position: relative;
  overflow: hidden;
}

.mall-home-wrap .mall-home-middle {
  box-shadow:
    0 0 0 0 #fff,
    0 0 0 0 #fff,
    0 0 0.6rem 0 #bebcbc,
    0 0 0 0 #fff;
  margin: -0.6rem 0.28rem 0;
  border-radius: 0.25rem;
  background: #fff;
  height: 1.23rem;
  font-size: 0.24rem;
  color: #b3b3b3;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.mall-home-wrap .mall-home-middle.forProm {
  margin: 0 0.28rem;
  border-radius: 0 0 0.25rem 0.25rem;
  margin-top: -0.2rem;
  min-width: 6.94rem;
}

.mall-home-wrap .mall-home-middle div {
  flex: 1 0 20%;
  text-align: center;
  border-right: 1px solid #b3b3b3;
}

.mall-home-wrap .mall-home-middle .mall-middle-last {
  border-right: none;
}

.mall-home-wrap .mall-home-middle:last-child {
  border-right: none;
}

.mall-home-wrap .mall-home-choose {
  position: relative;
  height: 0.85rem;
  line-height: 0.76rem;
  font-size: 0.3rem;
  color: gray;
  overflow: hidden;
  margin: 0.15rem 0 0;
  white-space: nowrap;
  overflow-x: scroll;
}

.mall-home-wrap .mall-home-choose ul li {
  display: inline-block;
  padding: 0 0.2rem;
}

.mall-home-wrap .mall-home-choose .active {
  color: #fa1f4e;
  border: none;
  box-shadow: none;
  transition: all 0.2s;
  transform: scale(1.04);
  border-bottom: 0.04rem solid #fa1f4e;
}

.mall-home-wrap .mall-home-orders {
  width: 100%;
  position: relative;
  display: flex;
  flex-flow: row wrap;
  background-color: #f6f6fa;
  justify-content: space-between;
  margin-top: 0.16rem;
}

.mall-home-wrap .mall-home-orders .mall-order {
  box-sizing: border-box;
  height: 4.41rem;
  flex: 0 0 47%;
  margin: 0 0.15rem 0.16rem;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.mall-home-wrap .mall-home-orders .mall-order:nth-child(2n) {
  margin: 0 0.15rem 0.16rem 0;
}

.mall-home-wrap .mall-home-orders .mall-order .mall-order-img {
  margin-top: 0.16rem;
  justify-items: center;
  width: 2.7rem;
  height: 2.7rem;
  display: flex;
  align-items: center;
}

.mall-home-wrap .mall-home-orders .mall-order .mall-order-img img {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
}

.mall-home-wrap .mall-home-orders .mall-order .mall-info-wrap {
  flex: 1 1 0%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.08rem;
  width: 100%;
}

.mall-home-wrap .mall-home-orders .mall-order .mall-order-text {
  width: 100%;
  text-align: center;
  font-size: 0.22rem;
  font-weight: 400;
  color: #666;
  word-break: break-all;
}

.mall-home-wrap .mall-home-orders .mall-order .mall-order-integral {
  display: flex;
  gap: 0.08rem;
  max-height: 1rem;
  width: calc(100% - 0.2rem);
  margin: 0 auto;
}

.mall-home-wrap
  .mall-home-orders
  .mall-order
  .mall-order-integral
  .order-integral-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  min-height: 0.38rem;
  width: 100%;
  text-align: center;
  padding: 0.05rem 0.1rem;
  font-size: 0.22rem;
  font-weight: 400;
  border-radius: 0.1rem;
  background: linear-gradient(0deg, #ffc0bc, #fff0ef);
  box-shadow: 0 0.02rem 0.14rem 0 #ffcecb;
}

.mall-home-wrap
  .mall-home-orders
  .mall-order
  .mall-order-integral
  .order-integral-item
  .integral-number {
  color: #f9564b;
  font-weight: 600;
}

.mall-home-wrap .mall-home-orders .mall-order-def {
  box-sizing: border-box;
  height: 3.62rem;
  flex: 0 0 47%;
  margin: 0.16rem 0 0;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
}

.mall-home-wrap .mall-home-orders .mall-order-def div {
  display: flex;
  height: 0.72rem;
  width: 100%;
  background: #f6f6fa;
}

.mall-home-wrap .mall-home-orders .mall-order-def p {
  margin-bottom: -0.1rem;
  font-size: 0.3rem;
  line-height: 0.3rem;
  height: 0.3rem;
  font-weight: 700;
  overflow: hidden;
  white-space: nowrap;
  width: 75%;
  text-align: center;
  text-overflow: ellipsis;
  background: #f6f6fa;
}

.mall-home-wrap .mall-home-orders .mall-order-def span {
  display: block;
  justify-items: center;
  border: none;
  width: 1.35rem;
  height: 1.35rem;
  background: #f6f6fa;
}

.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-stepper {
  position: relative;
  margin: 0;
  padding: 0.04rem 0;
  display: inline-block;
  box-sizing: content-box;
  width: 1.26rem;
  height: 0.7rem;
  line-height: 0.7rem;
  font-size: 0.28rem;
  vertical-align: middle;
  overflow: hidden;
}

.am-stepper-handler-wrap {
  position: absolute;
  width: 100%;
  font-size: 0.48rem;
}

.am-stepper-handler,
.am-stepper-handler-down-inner,
.am-stepper-handler-up-inner {
  width: 0.6rem;
  height: 0.6rem;
  line-height: 0.6rem;
}

.am-stepper-handler {
  text-align: center;
  border: 0.02rem solid #ddd;
  border-radius: 0.1rem;
  overflow: hidden;
  color: #000;
  position: absolute;
  display: inline-block;
  box-sizing: content-box;
}

.am-stepper-handler-active {
  z-index: 2;
  background-color: #ddd;
}

.am-stepper-handler-up {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.am-stepper-handler-down {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.am-stepper-handler-down-inner,
.am-stepper-handler-up-inner {
  display: inline-block;
  font-style: normal;
  vertical-align: baseline;
  text-align: center;
  text-transform: none;
  text-rendering: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  right: 0.04rem;
  color: #000;
}

.am-stepper-handler-down-inner:before,
.am-stepper-handler-up-inner:before {
  display: block;
  font-family: anticon !important;
}

.am-stepper-input-wrap {
  display: none;
  width: 100%;
  height: 0.6rem;
  line-height: 0.6rem;
  text-align: center;
  overflow: hidden;
}

.am-stepper-input {
  display: none;
  width: 1.2rem;
  font-size: 0.32rem;
  color: #000;
  text-align: center;
  border: 0;
  padding: 0;
  background: none;
  vertical-align: middle;
}

.am-stepper-input[disabled] {
  opacity: 1;
  color: #000;
}

.am-stepper.showNumber {
  width: 2.76rem;
}

.am-stepper.showNumber .am-stepper-input,
.am-stepper.showNumber .am-stepper-input-wrap {
  display: inline-block;
}

.am-stepper.showNumber .am-stepper-handler-up {
  border-top-left-radius: 0.1rem;
  border-bottom-left-radius: 0.1rem;
}

.am-stepper.showNumber .am-stepper-handler-down {
  border-top-right-radius: 0.1rem;
  border-bottom-right-radius: 0.1rem;
  border-right: 0.02rem solid #ddd;
}

.am-stepper.showNumber .am-stepper-handler-down-disabled {
  right: -0.02rem;
}

.am-stepper-handler-up {
  cursor: pointer;
  right: 0;
}

.am-stepper-handler-up-inner:before {
  text-align: center;
  content: "+";
}

.am-stepper-handler-down {
  cursor: pointer;
  left: 0;
}

.am-stepper-handler-down-inner:before {
  text-align: center;
  content: "-";
}

.am-stepper-handler-down-disabled,
.am-stepper-handler-up-disabled {
  opacity: 0.3;
}

.am-stepper-handler-up-disabled .am-stepper-handler-active {
  background: none;
}

.am-stepper-disabled .am-stepper-handler-down,
.am-stepper-disabled .am-stepper-handler-up {
  opacity: 0.3;
  background: none;
}

.am-stepper-disabled .am-stepper-handler,
.am-stepper-disabled .am-stepper-input-wrap {
  opacity: 0.3;
}

.exchange-wrap {
  background: #f7f6fb;
  position: relative;
  font-size: 0.3rem;
}

.exchange-wrap .exchange-order-img {
  width: 100%;
  height: 3.2rem;
  position: relative;
  background: #fff;
}

.exchange-wrap .exchange-order-img img {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: auto;
  height: 70%;
}

.exchange-wrap .exchange-order-info {
  width: 100%;
  min-height: 2.8rem;
  margin-top: 0.2rem;
  background: #fff;
}

.exchange-wrap .exchange-order-info .exchange-order-name {
  min-height: 0.75rem;
  font-weight: 700;
  color: #666;
  padding: 0.1rem 0.3rem;
  line-height: 0.42rem;
}

.exchange-wrap .exchange-order-info .exchange-order-price {
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  overflow: hidden;
}

.exchange-wrap .exchange-order-info .exchange-order-price li {
  float: left;
  display: block;
  height: 0.72rem;
  line-height: 0.72rem;
  color: #929292;
  padding: 0 0.1rem;
  margin: 0.13rem 0.32rem;
  text-align: center;
  border-radius: 0.1rem;
  display: inline-block;
  border: 1px solid #fff;
  background: #f5f5f5;
}

.exchange-wrap .exchange-order-info .exchange-order-price .active {
  border: 1px solid #ffd4dd !important;
  background: #fff0f0;
  color: #ff0048;
  box-shadow: none;
}

.exchange-wrap .exchange-order-info .exchange-order-count {
  display: flex;
  height: 0.98rem;
  font-size: 0.26rem;
  padding: 0 0.3rem;
  position: relative;
}

.exchange-wrap .exchange-order-info .exchange-order-count > span {
  padding: 0.1rem 0;
  min-width: 1.1rem;
  font-size: 0.26rem;
  z-index: 9;
  display: inline-block;
}

.exchange-wrap .exchange-order-info .exchange-order-count .mall-quantity {
  left: 0.3rem;
  white-space: nowrap;
  line-height: 0.78rem;
}

.exchange-wrap .exchange-order-info .exchange-order-count .mall-quantity-count {
  left: 3.6rem;
  white-space: nowrap;
  line-height: 0.78rem;
}

.exchange-wrap .exchange-order-info .exchange-order-count .am-list-extra {
  padding: 0 !important;
  overflow: initial;
}

.exchange-wrap
  .exchange-order-info
  .exchange-order-count
  .am-stepper.showNumber {
  border: 1px solid #ddd;
  border-radius: 0.1rem;
}

.exchange-wrap .exchange-order-info .exchange-order-count .am-stepper-handler {
  border: none;
  width: 0.7rem;
  height: 0.7rem;
  line-height: 0.7rem;
  border-radius: 0 !important;
}

.exchange-wrap .exchange-order-info .exchange-order-count .am-stepper {
  padding: 0;
  width: 2rem;
}

.exchange-wrap
  .exchange-order-info
  .exchange-order-count
  .am-stepper-input-wrap {
  height: 0.7rem;
}

.exchange-wrap .exchange-order-info .exchange-order-count .am-stepper-input {
  width: 0.7rem;
  height: 0.7rem;
  line-height: 0.7rem;
}

.exchange-wrap .exchange-user-account {
  margin-top: 0.2rem;
  background: #fff;
}

.exchange-wrap .exchange-user-account p {
  min-height: 0.98rem;
  padding: 0 0.3rem;
}

.exchange-wrap .exchange-user-account p + .forget-fpwd {
  margin: 0;
  padding: 0 0.3rem 0.2rem;
}

.exchange-wrap .exchange-user-account .exchange-user-money {
  line-height: 0.98rem;
  border-bottom: 1px solid #d7d7d7;
}

.exchange-wrap .exchange-user-account .exchange-user-password input {
  border: none;
  padding: 0;
}

.exchange-wrap .exchange-user-address {
  margin-top: 0.2rem;
  background: #fff;
}

.exchange-wrap .exchange-user-address .exchange-address-info {
  min-height: 0.98rem;
  padding: 0 0.3rem;
  border-bottom: 1px solid #d7d7d7;
  clear: both;
}

.exchange-wrap .exchange-user-address .exchange-address-info .am-list-item {
  padding-left: 0;
}

.exchange-wrap .exchange-user-address .exchange-address-info .am-list-extra {
  overflow: initial;
}

.exchange-wrap .exchange-user-address p {
  min-height: 0.98rem;
  padding: 0 0.3rem;
  border-bottom: 1px solid #d7d7d7;
  clear: both;
}

.exchange-wrap .exchange-user-address p input {
  border: transparent;
  background: transparent;
  padding: 0;
}

.exchange-wrap .exchange-user-address p .error-vlidata {
  display: block;
}

.exchange-wrap .exchange-line-content {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  min-height: 0.98rem;
}

.exchange-wrap .exchange-line-content input {
  border: transparent;
  background: transparent;
  padding: 0;
}

.exchange-wrap .input-wrapper {
  display: flex;
  flex: 1 1 0%;
}

.exchange-wrap .exchange-submit {
  margin-top: 0.2rem;
  background: #fff;
  padding: 0 0.3rem;
  padding-bottom: 0.5rem;
}

.exchange-wrap .exchange-submit p {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  color: #8a8a8a;
  font-size: 0.24rem;
  padding: 0.14rem;
  box-sizing: content-box;
  text-align: center;
}

.exchange-wrap .exchange-submit .button-submit {
  width: 100%;
  height: 0.96rem;
  color: #fff;
  font-size: 0.34rem;
  border-radius: 0.94rem;
  border: none;
  box-shadow: 0 0 0.3rem 1px #ff6f55;
  background: #ff0453;
  background: -moz-linear-gradient(
    left,
    #ff0453 0,
    #ff0f53 28%,
    #ff3654 48%,
    #ff5955 76%,
    #ff7355 100%
  );
  background: -webkit-linear-gradient(
    left,
    #ff0453,
    #ff0f53 28%,
    #ff3654 48%,
    #ff5955 76%,
    #ff7355
  );
  background: linear-gradient(
    90deg,
    #ff0453 0,
    #ff0f53 28%,
    #ff3654 48%,
    #ff5955 76%,
    #ff7355
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0453", endColorstr="#ff7355", GradientType=1);
}

.exchange-wrap .exchange-submit .button-submit.button-submit-dis {
  background: linear-gradient(-93deg, #cecece, #c4c4c4) !important;
  box-shadow: 0 0 0.3rem 1px #c4c4c4;
}

.exchange-wrap .font-color-gray {
  color: #666;
  padding-right: 0.3rem;
}

.exchange-wrap .font-color-red {
  color: #fa1f4e;
}

.exchange-wrap .error {
  display: block;
  margin-top: -0.2rem;
  font-size: 0.26rem;
  color: #fa1f4e;
  background: #fff;
  padding: 0.05rem 0;
}

.exchange-wrap .displaynone {
  display: none;
}

.exchange-history-wrap {
  margin-top: 0.9rem;
  height: calc(100vh - 1.9rem);
  height: calc(100 * var(--vh, 1vh) - 1.9rem);
  overflow: hidden;
}

.exchange-history-wrap .mc-trans-filter {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.exchange-history-wrap .exchange-history-preloading {
  overflow: hidden;
  background: #f7f7f7;
  height: 2.84rem;
  padding: 0 0.25rem;
  font-size: 0.24rem;
  margin-bottom: 0.2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.exchange-history-wrap .exchange-history-preloading .preloading-left {
  margin-right: 0.24rem;
  border-radius: 0.1rem;
  background: #fff;
  height: 1.32rem;
  width: 1.32rem;
  text-align: center;
}

.exchange-history-wrap .exchange-history-preloading .preloading-rigth {
  height: 1.32rem;
  width: 80%;
  display: flex;
  flex-flow: column;
  justify-content: space-around;
}

.exchange-history-wrap .exchange-history-preloading .preloading-rigth p {
  height: 0.3rem;
  background: #fff;
}

.exchange-history-wrap .exchange-history-item {
  overflow: hidden;
  background: #f7f7f7;
  height: 2.84rem;
  font-size: 0.24rem;
}

.exchange-history-wrap .exchange-history-item .item-order-info {
  height: 1.9rem;
  display: flex;
  flex-flow: row nowrap;
  padding: 0.32rem 0.24rem;
}

.exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-left {
  margin-right: 0.24rem;
  border-radius: 0.1rem;
  background: #fff;
  height: 1.32rem;
  width: 1.32rem;
  text-align: center;
}

.exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-left
  img {
  display: block;
  margin-top: 0.06rem;
  width: 1.2rem;
  height: 1.2rem;
}

.exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right {
  display: flex;
  flex: 1 1 100%;
  height: 1.32rem;
  overflow: hidden;
  flex-flow: column;
  justify-content: space-around;
}

.exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-first {
  display: flex;
}

.exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-first
  .item-order-name {
  flex: 1 1 80%;
  font-size: 0.28rem;
  font-weight: 600;
  color: #5e5e5e;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-first
  .item-order-number {
  font-size: 0.28rem;
  font-weight: 600;
}

.exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-third {
  display: flex;
  justify-content: space-between;
}

.exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-third
  .item-order-date {
  font-size: 0.24rem;
  color: #a4a4a4;
}

.exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-third
  .item-order-state-P {
  font-size: 0.28rem;
  font-weight: 600;
  color: #4bb319;
}

.exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-third
  .item-order-state-A {
  font-size: 0.28rem;
  font-weight: 600;
  color: #999;
}

.exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-third
  .item-order-state-R {
  font-size: 0.28rem;
  font-weight: 600;
  color: #d03520;
}

.exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-type {
  font-size: 0.24rem;
  color: #a4a4a4;
}

.exchange-history-wrap .exchange-history-item .item-order-integral {
  height: 0.7rem;
  line-height: 0.7rem;
  padding: 0 0.24rem;
  background: #fff;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}

.exchange-history-wrap
  .exchange-history-item
  .item-order-integral
  .order-integral-first {
  color: #fe681f;
  font-size: 0.28rem;
}

.exchange-history-wrap
  .exchange-history-item
  .item-order-integral
  .order-integral-seconed {
  color: #5e5e5e;
  font-size: 0.28rem;
}

.exchange-history-wrap .exchange-history-item .item-order-space {
  height: 0.24rem;
  background: #f2f2f2;
}

.point-history-wrap {
  margin-top: 0.8rem;
  font-size: 0.28rem;
  color: #a4a4a4;
}

.point-history-wrap .point-item-wrap {
  height: 1.74rem;
  box-sizing: border-box;
}

.point-history-wrap .point-item-wrap .point-balance {
  padding: 0 0.3rem;
  display: flex;
  justify-content: space-between;
}

.point-history-wrap .point-item-wrap .point-types {
  height: 0.84rem;
  line-height: 0.84rem;
  padding: 0 0.3rem;
  background: #fafafa;
  overflow: hidden;
}

.point-history-wrap .point-item-wrap .point-types .point-type-text {
  float: left;
  padding-right: 0.15rem;
}

.point-history-wrap .point-item-wrap .point-types .point-date {
  float: left;
}

.point-history-wrap .point-item-wrap .point-types .point-remarks {
  float: right;
}

.point-history-wrap .point-item-wrap .point-balance {
  color: #a4a4a4;
  font-size: 0.3rem;
  height: 0.72rem;
  line-height: 0.72rem;
}

.point-history-wrap .point-item-wrap .point-space {
  height: 0.18rem;
  background: #f2f2f2;
}

.point-history-wrap .color-black {
  color: #5e5e5e;
}

.point-history-wrap .color-red {
  color: #ff4d4d;
}

.point-history-wrap .color-green {
  color: #25c300;
}

.point-history-wrap .color-black {
  color: #090f13;
}

.point-history-wrap .font-weight {
  font-weight: 600;
  font-size: 0.32rem;
}

.mall-banner .swiper-container {
  position: relative;
  height: 4.76rem;
}

.mall-banner .swiper-container img {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 50%;
}

.point-wrap {
  margin-top: 0.8rem;
  text-align: center;
  padding-bottom: 0.3rem;
}

.point-wrap .point-tips-group {
  padding: 0.3rem 0.3rem 0.1rem;
  background: #fff;
}

.point-wrap .point-tips-group .point-tips {
  text-align: left;
  color: #666;
  font-size: 0.3rem;
  white-space: pre-line;
}

.point-wrap .point-table-title {
  font-size: 0.38rem;
  font-weight: 700;
  display: inline-block;
  position: relative;
}

.point-wrap .point-table-title span {
  position: relative;
  z-index: 10;
  color: #646464;
}

.point-wrap .point-list-wrap {
  background: #fff;
  padding: 0.2rem 0.3rem 0.3rem;
  border-collapse: collapse;
}

.point-wrap .point-list-wrap .point-list-header,
.point-wrap .point-list-wrap .point-list-item {
  display: flex;
}

.point-wrap .point-list-wrap .point-list-header div,
.point-wrap .point-list-wrap .point-list-item div {
  flex: 1 1 50%;
  text-align: center;
}

.point-wrap .point-list-wrap .point-list-item {
  color: #8a8a8a;
  background-color: #f7f7f7;
}

.point-wrap .point-list-wrap .point-list-item > div {
  padding: 0.1rem;
  border-bottom: 1px solid #f0f0f0;
}

.point-wrap .point-list-wrap .point-list-item > div:first-child {
  border-right: 1px solid #f0f0f0;
}

.point-wrap .point-list-wrap .point-list-header {
  background-color: #e6e6e6;
  margin-top: 0.3rem;
  color: #5e5e5e;
  border-top-left-radius: 0.1rem;
  border-top-right-radius: 0.1rem;
}

.point-wrap .point-list-wrap .point-list-header > div {
  padding: 0.1rem;
}

.point-wrap .point-list-wrap .point-list-header > div:first-child {
  border-right: 1px solid #c7c7c7;
}

.point-wrap .point-list-wrap .red {
  color: #d03520;
}

.point-wrap .point-list-wrap th {
  height: 0.5rem;
}

.point-wrap .point-list-wrap tr td {
  font-size: 0.3rem;
  height: 0.64rem;
  line-height: 0.64rem;
  text-align: center;
  border: 1px solid #ccc;
}

.point-wrap .forget-fpwd {
  text-align: right;
  margin: 0;
  padding: 0.2rem 0.3rem;
}

.point-wrap .forget-fpwd a {
  color: #3b79f3;
}

.am-number-keyboard-wrapper table tr .am-number-keyboard-item {
  line-height: 1rem;
}

.point-convert {
  background: #fff;
  margin-top: 0.3rem;
}

.point-convert .am-list-item {
  padding: 0 0.3rem;
}

.point-convert .am-list-item .am-list-line .am-list-content {
  font-size: 0.32rem;
}

.point-convert .point-convert-errors {
  color: #e4393c;
  font-size: 0.31rem;
  line-height: 0.5rem;
  font-weight: 400;
  text-align: right;
  padding-right: 0.3rem;
}

.point-convert .am-list-line {
  padding-right: 0;
}

.point-convert .am-list-content {
  color: #5a5a5a !important;
  display: flex;
  justify-content: flex-start;
}

.point-convert input {
  min-width: 4rem;
  display: inline-block;
  height: auto;
  text-align: right;
  padding: 0;
  border: 0;
}

.point-convert input::-webkit-input-placeholder {
  display: flex;
  justify-content: flex-start;
}

.point-convert input::placeholder {
  display: flex;
  justify-content: flex-start;
}

.point-convert .point-form-item:first-child .am-list-body {
  border: 0;
}

.point-convert .point-form-item:last-child .am-list-body:after {
  border: 0;
}

.point-convert .point-form-item .am-list-extra {
  color: #0a0a0a;
  display: flex;
  justify-content: flex-end;
}

.point-convert .point-form-item.important-number .am-list-extra {
  color: #ff002e;
}

.point-convert > div {
  text-align: left;
}

.point-convert .fake-input {
  text-align: left !important;
  top: 0.1rem !important;
}

.point-convert .error {
  color: #e4393c;
  font-size: 0.28rem;
  margin-left: 1.6rem;
  margin-top: 0.1rem;
}

.point-wrap a {
  color: #fff;
}

.sunmit-point {
  width: 80%;
  margin: 0 auto;
  margin-top: 0.3rem;
}

.sunmit-point span {
  width: 1.6rem;
  display: inline-block;
  vertical-align: top;
}

.button-submit {
  width: 100%;
  height: 0.96rem;
  color: #fff;
  font-size: 0.34rem;
  border-radius: 0.94rem;
  border: none;
  box-shadow: 0 0 0.3rem 1px #ff6f55;
  background: #ff0453;
  background: -moz-linear-gradient(
    left,
    #ff0453 0,
    #ff0f53 28%,
    #ff3654 48%,
    #ff5955 76%,
    #ff7355 100%
  );
  background: -webkit-linear-gradient(
    left,
    #ff0453,
    #ff0f53 28%,
    #ff3654 48%,
    #ff5955 76%,
    #ff7355
  );
  background: linear-gradient(
    90deg,
    #ff0453 0,
    #ff0f53 28%,
    #ff3654 48%,
    #ff5955 76%,
    #ff7355
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0453", endColorstr="#ff7355", GradientType=1);
}

.button-submit-dis {
  background: -webkit-linear-gradient(-93deg, #cecece, #c4c4c4) !important;
  box-shadow: 0 0 0.3rem 1px #c4c4c4;
}

.orderinfo-wrap {
  background: #fff;
}

.orderinfo-wrap .orderinfo-header {
  min-height: 6.25rem;
  background: #fff;
}

.orderinfo-wrap .orderinfo-header .orderinfo-middle {
  min-height: 1.5rem;
  border-top: 1px solid #ddd;
  padding: 0.1rem 0.3rem;
}

.orderinfo-wrap .orderinfo-header .orderinfo-middle .orderinfo-text {
  min-height: 0.7rem;
  font-weight: 700;
  color: #666;
  line-height: 0.42rem;
  overflow: hidden;
}

.orderinfo-wrap .orderinfo-header .orderinfo-middle .orderinfo-price {
  font-size: 0.24rem;
  margin-top: -0.1rem;
  display: flex;
  flex-flow: row wrap;
}

.orderinfo-wrap .orderinfo-header .orderinfo-middle .orderinfo-price li {
  flex: 1 1 0%;
  line-height: 0.52rem;
  text-align: center;
  margin: 0.05rem 0;
  border-radius: 0.1rem;
  background: #ffefed;
}

.orderinfo-wrap
  .orderinfo-header
  .orderinfo-middle
  .orderinfo-price
  li
  .font-color-red {
  color: #f9564b;
}

.orderinfo-wrap .gray-bg {
  height: 0.2rem;
  background: #f6f6fa;
}

.orderinfo-wrap .orderinfo-body {
  padding: 0 0.3rem 1.66rem;
}

.orderinfo-wrap .orderinfo-body .orderinfo-desc {
  height: 0.62rem;
  line-height: 0.62rem;
  font-size: 0.28rem;
  border-bottom: 1px solid #d7d7d7;
}

.orderinfo-wrap .orderinfo-body .orderion-content-text {
  margin: 0.25rem 0;
  line-height: 0.35rem;
}

.orderinfo-wrap .orderinfo-body .orderion-content-text * {
  font-size: 100%;
}

.orderinfo-wrap .orderinfo-body .orderion-content-text img {
  max-width: 100%;
}

.orderinfo-wrap .orderinfo-body .orderion-content-img {
  position: relative;
  padding: 0.3rem 0;
  background: #f6f6f6;
}

.orderinfo-wrap .orderinfo-body .orderion-content-img img {
  display: block;
  margin: 0.1rem auto;
}

.orderinfo-wrap .orderinfo-submit {
  position: fixed;
  left: 0;
  bottom: 0;
  height: 1.62rem;
  width: 100%;
  background: hsla(0, 0%, 100%, 0.9);
  padding: 0 0.3rem;
  padding-bottom: 2rem;
}

.orderinfo-wrap .orderinfo-submit p {
  color: #8a8a8a;
  font-size: 0.24rem;
  padding: 0.1rem 0;
  box-sizing: content-box;
  text-align: center;
}

.orderinfo-wrap .orderinfo-submit .button-submit {
  width: 100%;
  height: 0.96rem;
  color: #fff;
  font-size: 0.34rem;
  border-radius: 0.94rem;
  border: none;
  box-shadow: 0 0 0.3rem 1px #ff6f55;
  background: #ff0453;
  background: -moz-linear-gradient(
    left,
    #ff0453 0,
    #ff0f53 28%,
    #ff3654 48%,
    #ff5955 76%,
    #ff7355 100%
  );
  background: -webkit-linear-gradient(
    left,
    #ff0453,
    #ff0f53 28%,
    #ff3654 48%,
    #ff5955 76%,
    #ff7355
  );
  background: linear-gradient(
    90deg,
    #ff0453 0,
    #ff0f53 28%,
    #ff3654 48%,
    #ff5955 76%,
    #ff7355
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0453", endColorstr="#ff7355", GradientType=1);
}

.orderinfo-wrap .orderinfo-submit .button-submit.button-submit-dis {
  background: linear-gradient(-93deg, #cecece, #c4c4c4) !important;
  box-shadow: 0 0 0.3rem 1px #c4c4c4;
}

.orderinfo-wrap .font-color-red {
  font-size: 0.3rem;
  font-weight: 600;
  color: #fa1f4e;
}

.selector-wrap {
  position: relative;
}

.selector-wrap .am-tabs-bar {
  display: flex;
  position: fixed;
  width: 100%;
  top: 0.9rem;
  left: 0;
  z-index: 999;
}

.mc-email-popup .am-navbar-title div {
  text-align: center;
  width: 4.2rem;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
}

@supports (-webkit-line-clamp: 2) {
  .mc-email-popup .am-navbar-title div {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}

.mc-email-popup .am-popup {
  height: 100%;
}

.email-detail-container .email-detail {
  height: calc(100vh - 0.5rem);
  height: calc(100 * var(--vh, 1vh) - 0.5rem);
  display: flex;
  flex-flow: column;
}

.emailMessageInsetContent {
  -webkit-user-select: all;
  user-select: all;
  overflow-y: scroll;
  padding-bottom: 0.125rem;
  flex-grow: 1;
}

.emailMessageInsetContent > * {
  word-wrap: break-word;
}

.emailMessageInsetContent .am-list-body:after {
  display: none;
}

.emailMessageInsetContent .am-list-item .am-list-line .am-list-content {
  font-size: 0.32rem;
  color: #888;
}

.emailMessageInsetContent .am-list-item .am-list-line .am-list-content img {
  height: auto;
  width: auto;
  max-width: 100%;
  object-fit: contain;
}

.message-open-title .am-list-extra {
  -webkit-user-select: all;
  user-select: all;
  max-width: 80vh;
  word-break: break-word;
  white-space: normal !important;
  flex: 1 1 0%;
  text-align: left !important;
}

.message-open-title .am-list-content {
  max-width: 20%;
}

.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-badge {
  position: relative;
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
}

.am-badge-text {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: -0.12rem;
  height: 0.36rem;
  line-height: 0.36rem;
  min-width: 0.18rem;
  border-radius: 0.24rem;
  padding: 0 0.1rem;
  text-align: center;
  font-size: 0.24rem;
  color: #fff;
  background-color: #ff5b05;
  white-space: nowrap;
  -webkit-transform: translateX(-45%);
  -ms-transform: translateX(-45%);
  transform: translateX(-45%);
  -webkit-transform-origin: -10% center;
  -ms-transform-origin: -10% center;
  transform-origin: -10% center;
  z-index: 10;
  font-family:
    Helvetica Neue,
    Helvetica,
    PingFang SC,
    Hiragino Sans GB,
    Microsoft YaHei,
    \\5FAE\8F6F\96C5\9ED1,
    SimSun,
    sans-serif;
}

.am-badge-text a {
  color: #fff;
}

.am-badge-text p {
  margin: 0;
  padding: 0;
}

.am-badge-hot .am-badge-text {
  background-color: #f96268;
}

.am-badge-dot {
  position: absolute;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transform-origin: 0 center;
  -ms-transform-origin: 0 center;
  transform-origin: 0 center;
  top: -0.08rem;
  height: 0.16rem;
  width: 0.16rem;
  border-radius: 100%;
  background: #ff5b05;
  z-index: 10;
}

.am-badge-dot-large {
  height: 0.32rem;
  width: 0.32rem;
}

.am-badge-not-a-wrapper .am-badge-dot,
.am-badge-not-a-wrapper .am-badge-text {
  top: auto;
  display: block;
  position: relative;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.am-badge-corner {
  width: 1.6rem;
  padding: 0.16rem;
  position: absolute;
  right: -0.64rem;
  top: 0.16rem;
  background-color: #ff5b05;
  color: #fff;
  white-space: nowrap;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  text-align: center;
  font-size: 0.3rem;
}

.am-badge-corner-wrapper {
  overflow: hidden;
}

.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-checkbox {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 0.42rem;
  height: 0.42rem;
}

.am-checkbox-inner {
  position: absolute;
  right: 0;
  width: 0.42rem;
  height: 0.42rem;
  border: 0.03rem solid #888;
  border-radius: 50%;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  box-sizing: border-box;
}

.am-checkbox-inner:after {
  position: absolute;
  display: none;
  top: 0.03rem;
  right: 0.12rem;
  z-index: 999;
  width: 0.1rem;
  height: 0.22rem;
  border-style: solid;
  border-width: 0 0.03rem 0.03rem 0;
  content: " ";
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.am-checkbox-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  border: 0 none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.am-checkbox.am-checkbox-checked .am-checkbox-inner {
  border-color: #108ee9;
}

.am-checkbox.am-checkbox-checked .am-checkbox-inner:after {
  display: block;
  border-color: #108ee9;
}

.am-checkbox.am-checkbox-disabled {
  opacity: 0.3;
}

.am-checkbox.am-checkbox-disabled.am-checkbox-checked .am-checkbox-inner {
  border-color: #888;
}

.am-checkbox.am-checkbox-disabled.am-checkbox-checked .am-checkbox-inner:after {
  border-color: #888;
}

.am-list .am-list-item.am-checkbox-item .am-list-thumb {
  width: 0.42rem;
  height: 0.42rem;
}

.am-list .am-list-item.am-checkbox-item .am-list-thumb .am-checkbox {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 0.88rem;
}

.am-list .am-list-item.am-checkbox-item .am-list-thumb .am-checkbox-inner {
  left: 0.3rem;
  top: 0.24rem;
}

.am-list
  .am-list-item.am-checkbox-item.am-checkbox-item-disabled
  .am-list-content {
  color: #bbb;
}

.am-checkbox-agree {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin-left: 0.3rem;
  padding-top: 0.18rem;
  padding-bottom: 0.18rem;
}

.am-checkbox-agree .am-checkbox {
  position: absolute;
  left: 0;
  top: 0;
  width: 0.6rem;
  height: 100%;
}

.am-checkbox-agree .am-checkbox-inner {
  left: 0;
  top: 0.24rem;
}

.am-checkbox-agree .am-checkbox-agree-label {
  display: inline-block;
  font-size: 0.3rem;
  color: #000;
  line-height: 1.5;
  margin-left: 0.6rem;
  margin-top: 0.02rem;
}

.am-checkbox-agree .am-checkbox-agree-label a {
  color: #108ee9;
  transition: color 0.3s ease;
}

.am-checkbox-agree .am-checkbox-agree-label a:active,
.am-checkbox-agree .am-checkbox-agree-label a:hover {
  color: #1284d6;
}

.getMail {
  width: 100%;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}

.editEmail_root .am-tabs-nav-wrap {
  direction: ltr;
}

.editEmail_root .am-tabs-content-animated {
  position: absolute;
  width: 100%;
}

.getMail .am-list-item .am-list-line .am-list-extra {
  width: 100%;
}

.EmaiWebList,
.getDit {
  border-bottom: 1px solid #d1d1d1;
}

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

.getMail span {
  line-height: 0.9rem;
}

.reply-btn span {
  line-height: inherit;
}

.getMail .status span {
  line-height: normal;
  min-height: 0.9rem;
  display: flex;
  align-items: center;
}

.getMail .status span.all {
  text-align: left;
}

.getMail .status span.all .am-checkbox-wrapper {
  display: flex;
  align-items: center;
}

.getMail .status span.all .am-checkbox-wrapper .am-checkbox {
  width: 0.4rem;
  height: 0.4rem;
  margin: 0 0.15rem 0 0.1rem;
}

.getMail .status span.all .am-checkbox-wrapper .am-checkbox .am-checkbox-inner {
  border: 0.02rem solid #3d4754;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 0.14rem;
  min-height: 0;
}

.getMail
  .status
  span.all
  .am-checkbox-wrapper
  .am-checkbox.am-checkbox-checked
  .am-checkbox-inner:after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAQCAYAAAAS7Y8mAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEsSURBVHgBrdE9TsMwFAfw9+IOjB2ZgIEuFQMrCKJmKRELIDWIDTgB4gT0CNyAsKFmgDEqS0QFcxlAHTqkPUEO0ObVjtrKddIPp/1LcZJn52c7RthQzOr1LWH8DIARItYRNpAx6kqlyIA1Y545DwoKyaphjZjV2hMh1FMdiPe54UVoy/fcXPAyNHlUT/PLb7zmQCOOPk5QEba7X/7g921+FQHocq90EPa6f7866DBG67vp+XLRIKCiXCCK3RO7VtFBfz69tjreEFtQi0jwfnzuHOZFE0M0p7Zzx5f6kvqQoVUY0IUuKsJE0+/+t3dKZeSzVKS+Lf6fbvjUti46hcd4kIXPDseQYeGo1Wx0YEmY/DIHl1BmBf5bCCuEqYVsXA/NhFM4QsC3f6WDiowAudmV1gTpvrwAAAAASUVORK5CYII=)
    no-repeat 50%/0.22rem 0.16rem;
  width: 0.4rem;
  height: 0.4rem;
  border: none;
  transform: none;
  top: -1px;
  right: -1px;
}

.getMail .status span.del {
  text-align: center;
  height: 0.4rem;
}

.getMail .status .right-com {
  display: flex;
  gap: 0.1rem;
}

.getMail .status span.label-read svg {
  width: 0.54rem;
  height: 0.54rem;
  fill: #7e7f7f;
}

.getMail .status span.label-read.on svg {
  color: #3d4754;
  fill: #3d4754;
}

.getMail .status span.del svg {
  width: 0.4rem;
  height: 0.4rem;
  fill: #7e7f7f;
}

.getMail .status span.del.del-on svg {
  color: #3d4754;
  fill: #3d4754;
}

.getMail .status span.complete {
  text-align: right;
}

.getDit .ditBtn {
  width: 30%;
  display: block;
  text-align: left;
}

.webMail {
  min-height: 100vh;
  min-height: 100dvh;
}

.webMail .mc-header-wrap .am-navbar-right {
  padding: 0 0.1rem 0 0.3rem;
}

.EmaiWebList,
.webMail .am-tabs-content .am-tabs-tabpane {
  overflow: hidden;
}

.webMail .am-tabs-bar {
  width: 100%;
  z-index: 5;
}

.noDataIcon {
  position: relative;
  padding-top: 1.6rem;
  text-align: center;
}

.noDataIcon .am-icon {
  width: 1.8rem;
  height: 1.8rem;
}

.noDataIcon p {
  text-align: center;
  color: #999;
}

.EmaiWebList .am-flexbox-align-middle {
  float: left;
  height: 1.36rem;
  overflow: hidden;
}

.EmaiWebList .am-checkbox-agree {
  padding-top: 0.8rem;
  margin: 0 0.1rem;
}

.EmaiWebList .am-list-item .am-list-line-multiple .am-list-extra,
.EmaiWebList .am-list-item .am-list-line .am-list-brief,
.EmaiWebList .am-list-item .am-list-line .am-list-content {
  font-size: 0.25rem;
  color: #5e5e5e;
}

.getMail .am-list-item {
  padding-left: 0;
}

.EmaiWebList .am-checkbox-inner {
  border: 0.02rem solid rgba(61, 71, 84, 0.5);
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 0.14rem;
}

.EmaiWebList .am-checkbox.am-checkbox-checked .am-checkbox-inner {
  border: 0.02rem solid #3d4754;
}

.EmaiWebList .am-checkbox.am-checkbox-checked .am-checkbox-inner:after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAQCAYAAAAS7Y8mAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEsSURBVHgBrdE9TsMwFAfw9+IOjB2ZgIEuFQMrCKJmKRELIDWIDTgB4gT0CNyAsKFmgDEqS0QFcxlAHTqkPUEO0ObVjtrKddIPp/1LcZJn52c7RthQzOr1LWH8DIARItYRNpAx6kqlyIA1Y545DwoKyaphjZjV2hMh1FMdiPe54UVoy/fcXPAyNHlUT/PLb7zmQCOOPk5QEba7X/7g921+FQHocq90EPa6f7866DBG67vp+XLRIKCiXCCK3RO7VtFBfz69tjreEFtQi0jwfnzuHOZFE0M0p7Zzx5f6kvqQoVUY0IUuKsJE0+/+t3dKZeSzVKS+Lf6fbvjUti46hcd4kIXPDseQYeGo1Wx0YEmY/DIHl1BmBf5bCCuEqYVsXA/NhFM4QsC3f6WDiowAudmV1gTpvrwAAAAASUVORK5CYII=)
    no-repeat 50%/0.22rem 0.16rem;
  width: 0.4rem;
  height: 0.4rem;
  border: none;
  transform: none;
  top: -1px;
  right: -1px;
}

.EmaiWebList .am-checkbox-agree .am-checkbox-agree-label {
  margin-left: 0.4rem;
}

.EmaiWebList .am-checkbox-agree .am-checkbox {
  width: 0.4rem;
}

.EmaiWebList .am-checkbox-item {
  float: left;
  top: 0.35rem;
}

.EmaiWebList .am-list-item {
  padding-left: 0;
  background-color: transparent;
  display: flex;
  align-items: center;
}

.EmaiWebList .am-list-item-top .am-list-line.am-list-line-multiple,
.EmaiWebList .am-list-thumb {
  padding: 0.3rem 0 0.16rem;
  align-items: center;
}

.EmaiWebList .am-list-thumb {
  position: relative;
  display: flex;
  min-height: 0.88rem;
}

.EmaiWebList .am-list-item .am-list-thumb:first-child {
  margin-right: 0.07rem;
}

.EmaiWebList .look .am-badge-dot {
  background: green;
}

.EmaiWebList .noLook .am-badge-dot {
  background: #ccc;
}

.EmaiWebList .am-list-item .am-list-line .am-list-arrow {
  width: 0.4rem;
  height: 0.4rem;
  background-size: 0.16rem 0.26rem;
  margin: 0 0 0 0.1rem;
}

.EmaiWebList .mail-info {
  position: relative;
}

.EmaiWebList .mail-info .am-list-brief {
  color: #5e5e5e;
  font-size: 0.25rem;
  font-weight: 400;
  padding: 0 0.5rem 0 0.86rem;
  margin-bottom: 0.25rem;
}

.EmaiWebList.item-checked {
  background: rgba(94, 94, 94, 0.1);
}

.emailMessageInset {
  display: flex;
  width: 100%;
}

.emailMessageInset .ContarsContent {
  flex: 0 0 64%;
  word-wrap: break-word;
  padding: 0.14rem 0;
  max-height: 2.5rem;
  overflow: hidden;
  overflow-y: auto;
}

.emailMessageInset .am-list-body {
  width: 100%;
}

.emailMessageInset .am-list-body .am-list-item {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.example-enter {
  opacity: 0.01;
}

.example-enter.example-enter-active {
  opacity: 1;
  transition: opacity 0.5s ease-in;
}

.example-leave {
  opacity: 1;
}

.example-leave.example-leave-active {
  opacity: 0.01;
  transition: opacity 0.3s ease-in;
}

.WriteMessage .am-list-content {
  max-width: 20%;
  word-break: break-all;
}

.WriteMessage .adds {
  flex: 0 0 0.52rem;
  width: 0.52rem;
  height: 0.52rem;
  border-radius: 50%;
  border: 0.02rem solid #999;
  text-align: center;
  color: #999;
  font-size: 0.38rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.WriteMessage .am-list-item .am-list-line {
  padding-right: 0.6rem;
}

.WriteMessage .am-list-item .am-input-label.am-input-label-5 {
  width: auto;
  font-size: 0.3rem;
}

.WriteMessage .am-list-item .am-input-control input,
.WriteMessage .am-textarea-control textarea {
  font-size: 0.3rem;
  color: #999;
}

.WriteMessage .am-list-item {
  padding-right: 0;
}

.WriteMessage .am-list .am-list-item.am-textarea-item {
  padding: 0;
}

.TextareaItemContent .am-list-body .am-list-item:last-child {
  border-bottom: none;
}

.TextareaItemContent .am-textarea-control,
.TextareaItemContent textarea {
  height: 5.6rem;
  width: 100%;
  border: none;
  color: #999;
}

.TextareaItemContent {
  margin-top: 0.3rem;
}

.on_popup {
  top: 1.8rem;
  left: 0;
  bottom: 0;
  background: #fff;
  z-index: 999;
  transition: all 0.3s ease;
}

.on_popup,
.on_popup .popups {
  width: 100%;
  position: absolute;
}

.on_popup .popups {
  overflow: hidden;
  box-shadow: inset 0 0 0.03rem #ccc;
  direction: ltr;
}

.on_popup .closePopups {
  width: 0.68rem;
  height: 0.68rem;
  display: inline-block;
  text-align: center;
  float: right;
  text-indent: 0;
  line-height: 0.68rem;
}

.on_popup .am-list-item {
  padding: 0;
}

.on_popup .am-list-item .am-list-line-multiple {
  padding: 0.25rem 0.4rem;
}

.on_popup .popup-list .popup-title-search-input {
  width: 3rem;
  padding-right: 0.25rem;
  padding-left: 0.25rem;
  height: 0.8rem;
  background-color: #efefef;
  outline: none;
  color: #333;
  border: 0.03rem solid transparent;
  border-radius: 0.15rem;
  vertical-align: middle;
  transition: all 0.15s ease-in;
  position: relative;
}

.on_popup .popup-list .popup-title-search-input:placeholder {
  color: #b5b5b5;
}

.Contacts {
  padding: 0 0.4rem;
}

.Contacts .status {
  width: 100%;
  display: flex;
  margin: 0.18rem 0 0;
  padding-bottom: 0.18rem;
  border-bottom: 1px solid #c6c5ca;
}

.Contacts .status span {
  line-height: 0.6rem;
}

.Contacts .status span.contactsAll {
  flex: 0 0 30%;
  min-width: 30%;
  text-align: left;
}

.Contacts .status span.inputsearch {
  flex: 0 0 40%;
  width: 40%;
  text-align: center;
}

.Contacts .status span.complete {
  flex: 0 0 30%;
  width: 30%;
  text-align: right;
}

.Contacts .am-search {
  background: #fff;
  border: 1px solid #666;
}

.Contacts .am-search,
.Contacts .am-search-input {
  height: 0.6rem;
  padding: 0;
}

.Contacts .am-checkbox-wrapper {
  display: block;
}

.Contacts .am-search-cancel {
  padding: 0 0.12rem;
  background: #108ee9;
  color: #fff;
  font-size: 0.26rem;
  border-radius: 0.1rem;
}

p .ContacsList {
  overflow-y: auto;
}

.ContacsList li {
  height: 0.96rem;
  border-bottom: 1px solid #c6c5ca;
  display: flex;
}

.ContacsList .am-checkbox-agree {
  padding-top: 0.22rem;
  margin-left: 0;
  width: 100%;
}

.ContacsList .am-checkbox-agree .am-checkbox-agree-label {
  height: 1rem;
  width: 100%;
}

.ContacsList .am-flexbox {
  flex: 0 0 0.8rem;
  width: 0.8rem;
}

.ContacsList p.contarsPeople {
  flex: 0 0 80%;
  width: 80%;
  line-height: 0.95rem;
  color: #989898;
}

.on_popup .am-list-item .am-list-line .am-list-content {
  line-height: 0.68rem;
  max-width: 100%;
}

.on_popup .am-list-item {
  border-bottom: 1px solid #ccc;
}

.ContactName {
  display: inline-block;
  padding: 0.05rem 0.16rem;
  background: #3786ff;
  color: #fff;
  margin: 0 0.05rem 0.08rem;
  border-radius: 0.5rem;
  font-size: 0.28rem;
}

.submitEmail {
  width: 96%;
  height: 1.05rem;
  background: #f04;
  margin: 0.2rem auto 0.5rem;
  color: #fff;
  text-align: center;
  line-height: 1.05rem;
  border-radius: 0.1rem;
  box-shadow: 0.04rem 0.1rem 0.24rem #f7989c;
  cursor: pointer;
  font-size: 0.34rem;
}

.submitEmail .postEmailgiveContars {
  display: block;
}

.Contacts p {
  color: #ddd;
  line-height: 0.6rem;
}

.am-list-item .am-list-line .am-list-extra {
  overflow: initial;
}

.EmailMessage {
  overflow: hidden;
  text-overflow: ellipsis;
  height: 0.48rem;
  line-height: 0.48rem;
}

.am-list-item .am-list-line .am-list-content {
  text-overflow: unset;
  white-space: wrap;
}

.exchange-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 999999;
  top: 0;
  left: 0;
}

.exchange-modal .exchange-modal-content {
  display: flex;
  border-radius: 0.2rem;
  background: #fff;
  padding: 0.33rem 0.51rem;
  position: absolute;
  left: 50%;
  top: 50%;
  text-align: center;
  min-width: 5.4rem;
  transform: translate(-50%, -50%);
  flex-direction: column;
  align-items: center;
}

.exchange-modal .exchange-modal-content .modal-head {
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  color: #656565;
  font-size: 0.3rem;
  font-weight: 800;
}

.exchange-modal .exchange-modal-content .modal-head .add-icon {
  display: block;
  min-width: 1.7rem;
  height: 1.7rem;
}

.exchange-modal .exchange-modal-content .si-modal-item {
  margin: 0.3rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  display: flex;
  flex-direction: column;
}

.exchange-modal .exchange-modal-content .si-modal-item .bonus-info {
  align-items: center;
  margin-bottom: 0.1rem;
  color: #000;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.exchange-modal .exchange-modal-content .si-modal-btn {
  width: 30%;
  min-width: 2.3rem;
  min-height: 0.41rem;
  color: #fff;
  border-radius: 0.2rem;
  display: flex;
  padding: 0.11rem 0.25rem;
  justify-content: center;
  align-items: center;
  gap: 0.1rem;
  background: #fd2f2f;
}

.promo-ticket-item {
  border-radius: 0.05rem;
  margin: 0 0.24rem;
  background: #fff;
  position: relative;
  margin-bottom: 0.2rem;
  box-shadow: 0 0.05rem 0.08rem 0 rgba(0, 0, 0, 0.08);
}

.promo-ticket-item .ticket-head {
  display: flex;
  align-items: center;
  height: 1rem;
  gap: 0.2rem;
  justify-content: center;
}

.promo-ticket-item .ticket-head .promo-name {
  max-width: 2.8rem;
  word-break: break-word;
  color: #9e9e9e;
  font-size: 0.26rem;
  font-weight: 900;
}

.promo-ticket-item .ticket-head .promo-code {
  color: #666;
  text-align: center;
  font-size: 0.38rem;
  font-weight: 900;
}

.promo-ticket-item .ticket-head .ticket-info {
  padding: 0 0.2rem;
  text-align: left;
  width: 60%;
  float: right;
}

.promo-ticket-item .ticket-head .ticket-info h3 {
  color: #737373;
  font-size: 0.28rem;
  width: 100%;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.promo-ticket-item .ticket-head .ticket-info .ticket-desc {
  display: flex;
  flex-direction: column;
  font-size: 0.24rem;
  color: #bababa;
  line-height: 1.4;
  word-break: break-all;
  position: relative;
  overflow: hidden;
}

.promo-ticket-item .ticket-head .ticket-info .ticket-desc.ellipsis:after {
  content: "...";
  font-weight: 700;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0 0.2rem 1px 0.45rem;
}

.promo-ticket-item .ticket-head .ticket-info .ticket-desc span {
  display: block;
}

.promo-ticket-item .ticket {
  margin-left: 0.1rem;
}

.promo-ticket-item .operating {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  border-radius: 0 0 0.05rem 0.05rem;
  background: #f9f6ef;
  min-height: 0.8rem;
  text-align: center;
  color: #888;
  font-size: 0.2rem;
}

.promo-ticket-item .operating .due-content {
  margin-right: 0.1rem;
  max-width: 1.2rem;
  max-height: 0.5rem;
  min-width: 4.72rem;
  display: -webkit-box;
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.promo-ticket-item .operating svg {
  width: 0.3rem;
}

.promo-ticket-item .operating svg.red {
  color: red;
  fill: red;
}

.promo-ticket-item .ticket-item-btn {
  white-space: nowrap;
  color: #fff;
  border-radius: 0.05rem;
  padding: 0.045rem 0.08rem;
  background: linear-gradient(0deg, #f48075, #e94040);
  font-size: 0.26rem;
  min-width: 1.2rem;
  text-align: center;
  height: 0.42rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.promo-ticket-item .ticket-item-btn.redeemed {
  background: linear-gradient(0deg, #c2c2c2, #8f8f8f);
  box-shadow: unset;
}

.promo-ticket-item.dis .ticket-card {
  background-image: linear-gradient(0deg, #a2a2a2, #cdcdcd);
}

.promo-ticket-item.dis .ticket-item-btn {
  background: #a2a2a2;
  box-shadow: 0 0.03rem 0.08rem #a2a2a2;
}

.promo-ticket-item .permanent {
  font-size: 0.32rem;
  color: #666;
  font-weight: 700;
  position: absolute;
  left: 50%;
  width: 100%;
  top: 45%;
  transform: translate(-50%, -50%);
}

.promo-home-wrap {
  width: 100%;
  position: fixed;
  overflow-y: hidden;
  display: flex;
  flex-direction: column;
}

.promo-home-wrap .reward-content {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
  max-height: calc(100vh - 6.81rem);
  height: calc(var(--vh, 1vh) * 100 - 6.81rem);
  padding: 0;
  flex: 1 1 0%;
  bottom: 0;
}

.promo-home-wrap .promo-title {
  color: #656565;
  text-align: center;
  font-size: 0.32rem;
  font-weight: 900;
  margin: 0.3rem 0 0.2rem;
  display: flex;
  flex: 1 1 0%;
  justify-content: center;
}

.promo-home-wrap .input-container {
  flex: 1 1 0%;
  justify-content: flex-start;
  display: flex;
  align-items: center;
  padding: 0.2rem 0.24rem 0;
  margin-bottom: 0.3rem;
}

.promo-home-wrap .input-container .account-form {
  width: 100%;
  display: flex;
  position: relative;
  padding: 0;
  flex-direction: column;
}

.promo-home-wrap .input-container .account-form input {
  margin: 0;
  padding-left: 0.31rem;
  max-height: 0.9rem;
  width: 5.52rem;
  font-size: 0.3rem;
  font-weight: 800;
  border-radius: 0.2rem 0 0 0.2rem;
  border-top: 0.02rem solid #e5e5e5;
  border-bottom: 0.02rem solid #e5e5e5;
  border-left: 0.02rem solid #e5e5e5;
  background: #fff;
  box-shadow: inset 0 1px 0.05rem 1px rgba(0, 0, 0, 0.08);
}

.promo-home-wrap
  .input-container
  .account-form
  input::-webkit-input-placeholder {
  color: #b5b5b5;
}

.promo-home-wrap .input-container .account-form input::placeholder {
  color: #b5b5b5;
}

.promo-home-wrap .input-container .account-form input:focus {
  border: none;
}

.promo-home-wrap .input-container .account-form:has(.errors) input {
  background:
    linear-gradient(0deg, rgba(253, 47, 47, 0.2), rgba(253, 47, 47, 0.2)), #fff;
}

.promo-home-wrap .input-container .account-form:has(.errors) input:focus {
  border: 0.02rem solid #fd2f2f;
}

.promo-home-wrap .input-container .account-form .code-send {
  right: 0;
  width: 100%;
  max-height: 0.9rem;
  height: 100%;
  color: #fff;
  font-size: 0.24rem;
  border-radius: 0 0.2rem 0.2rem 0;
  max-width: 1.5rem;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fd2f2f;
  box-shadow:
    inset 0 1px 0.05rem 1px rgba(0, 0, 0, 0.08),
    0 0 0.1rem 0 #ffd3d3;
}

.promo-home-wrap .input-container .account-form .code-send.btn-success {
  background: #fd2f2f;
}

.promo-home-wrap .input-container .account-form .code-send.am-button-disabled {
  box-shadow: none;
}

.promo-home-wrap .not-activity {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  color: #656565;
  text-align: center;
  font-size: 0.32rem;
  font-weight: 900;
}

.promo-home-wrap .not-activity .img-not-data {
  margin-top: 0.4rem;
  margin-bottom: 0.2rem;
  background-size: contain;
  background-position: 50%;
  width: 3.4rem;
  min-height: 3.4rem;
  display: block;
  opacity: 0.4;
  background-repeat: no-repeat;
  background-image: url(/mobile/mc/no-data.8f7eccb1.png);
}

.promo-home-wrap .not-activity p {
  color: #666;
  text-align: center;
  font-size: 0.3rem;
}

.promo-home-wrap .promo-popup {
  text-align: left;
  padding: 0.37rem 0.35rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border: 1px solid red;
}

.promo-home-wrap .promo-popup h3 {
  margin-bottom: 0.2rem;
}

.mc-promo-code-wrapper .promo-popup {
  padding: 0.37rem 0.35rem;
  display: flex;
  flex-direction: column;
  max-height: 80vh;
  overflow-y: auto;
}

.mc-promo-code-wrapper .promo-popup ul {
  display: flex;
  align-items: flex-start;
  list-style: disc;
  flex-direction: column;
  margin: 0 0.25rem;
  gap: 0.1rem;
}

.mc-promo-code-wrapper .promo-popup ul li {
  list-style: decimal;
}

.mc-promo-code-wrapper .promo-popup h3 {
  text-align: center;
  color: #656565;
  font-weight: 700;
  padding-bottom: 0.2rem;
  margin-bottom: 0.2rem;
}

.savior-list {
  padding: 0.37rem 0.35rem;
}

.savior-list,
.savior-list ul {
  display: flex;
  flex-direction: column;
}

.savior-list ul {
  align-items: flex-start;
  list-style: disc;
  margin: 0 0.25rem;
  gap: 0.1rem;
}

.savior-list ul li {
  list-style: decimal;
}

.savior-list h3 {
  text-align: center;
  color: #656565;
  font-weight: 700;
  padding-bottom: 0.2rem;
  margin-bottom: 0.2rem;
}

.lucky-bet-item {
  display: flex;
  width: 6.6rem;
  align-items: center;
  border: 1px solid #e7e7e7;
  flex-direction: column;
  border-radius: 0.2rem;
  background: #fff;
  box-shadow: 0 0.08808rem 0.08808rem 0 rgba(0, 0, 0, 0.1);
}

.lucky-bet-item .lucky-bet-title {
  padding: 0.22rem;
  border: none;
  box-shadow: none;
  display: flex;
  width: 100%;
  border-radius: 0.2rem;
  background: #f5f6fa;
  height: 0.99rem;
  align-items: center;
  justify-content: flex-start;
}

.lucky-bet-item .lucky-bet-title:before {
  border-radius: 0.2rem;
  content: "";
  display: block;
  background-color: #e86361;
  width: 0.06rem;
  height: 0.39rem;
}

.lucky-bet-item .lucky-bet-title.active {
  border-radius: 0.2rem 0.2rem 0 0;
}

.lucky-bet-item .lucky-bet-title.active .bet-title {
  color: #e86361;
}

.lucky-bet-item .lucky-bet-title.active svg {
  rotate: 180deg;
  opacity: 0.5;
  transition: all 0.1s linear;
}

.lucky-bet-item .lucky-bet-title .bet-title {
  display: flex;
  color: #000;
  text-align: center;
  font-size: 0.28rem;
  font-weight: 500;
  flex: 1 1 0%;
  margin-left: 0.19rem;
}

.lucky-bet-item .lucky-bet-detail {
  padding: 0.16rem 0;
  min-height: 2rem;
  width: 100%;
  display: block;
  border-radius: 0.2rem;
  background: #fff;
}

.lucky-bet-item .lucky-bet-detail .lucky-bet-box {
  display: flex;
  flex-direction: column;
}

.lucky-bet-item .lucky-bet-detail .lucky-bet-box .detail-title-header {
  display: flex;
  padding-right: 0.26rem;
  justify-content: space-between;
}

.lucky-bet-item .lucky-bet-detail .lucky-bet-box .bet-detail-title,
.lucky-bet-item .lucky-bet-detail .lucky-bet-box .settlement_time {
  display: block;
  color: #000;
  font-size: 0.18rem;
  font-weight: 500;
  margin-top: 0.18rem;
  margin-bottom: 0.2rem;
  margin-left: 0.26rem;
}

.lucky-bet-item .lucky-bet-detail .lucky-bet-box .lucky-history-content {
  overflow: hidden;
}

.lucky-bet-item
  .lucky-bet-detail
  .lucky-bet-box
  .lucky-history-content
  .lucky-bet-header {
  color: #fff;
  text-align: center;
  font-size: 0.18rem;
  font-weight: 500;
  background-color: #e86361;
  display: flex;
  height: 0.55rem;
}

.lucky-bet-item
  .lucky-bet-detail
  .lucky-bet-box
  .lucky-history-content
  .lucky-bet-header
  span {
  flex: 1 1 0%;
  word-break: break-word;
  white-space: normal;
  display: flex;
  overflow-wrap: break-word;
  align-items: center;
  justify-content: center;
}

.lucky-bet-item
  .lucky-bet-detail
  .lucky-bet-box
  .lucky-history-content
  .list-wrapper
  .nodata-container {
  font-size: 0.25rem;
}

.lucky-bet-item
  .lucky-bet-detail
  .lucky-bet-box
  .lucky-history-content
  .list-wrapper
  .nodata-container
  .nodata-icon {
  margin: 0 auto;
  width: 2.5rem;
  height: 2.5rem;
}

.lucky-bet-item
  .lucky-bet-detail
  .lucky-bet-box
  .lucky-history-content
  .lucky-bet-div {
  color: #000;
  text-align: center;
  font-size: 0.18rem;
  font-weight: 500;
  line-height: 0.29rem;
  border-bottom: 1px solid rgba(232, 99, 97, 0.5);
  display: flex;
  padding: 0.12rem 0;
}

.lucky-bet-item
  .lucky-bet-detail
  .lucky-bet-box
  .lucky-history-content
  .lucky-bet-div:last-child {
  border-bottom: none;
}

.lucky-bet-item
  .lucky-bet-detail
  .lucky-bet-box
  .lucky-history-content
  .lucky-bet-div
  span {
  flex: 1 1 0%;
  line-height: 1;
  min-height: 0.28rem;
  word-break: break-word;
  white-space: normal;
  display: flex;
  overflow-wrap: break-word;
  align-items: center;
  justify-content: center;
}

.lucky-bet-item
  .lucky-bet-detail
  .lucky-bet-box
  .lucky-history-content
  .bet-detail-wrapper {
  position: relative;
  margin: 0 0.26rem;
  border-radius: 0.18rem;
  box-shadow: 0 0.03704rem 0.14815rem 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 0.18rem;
  overflow: hidden;
}

.lucky-bet-item
  .lucky-bet-detail
  .lucky-bet-box
  .lucky-history-content
  .bet-detail-wrapper
  .pullup-wrapper {
  position: absolute;
}

.lucky-bet-item
  .lucky-bet-detail
  .lucky-bet-box
  .lucky-history-content
  .description {
  margin-left: 0.26rem;
  padding: 0;
}

.lucky-bet-item
  .lucky-bet-detail
  .lucky-bet-box
  .lucky-history-content
  .search-date-wrap {
  padding: 0 0.26rem;
  display: flex;
  border-radius: 0.16rem;
  box-shadow: 0 0 0.2rem 0 rgba(0, 0, 0, 0.04);
  -webkit-backdrop-filter: blur(0.02rem);
  backdrop-filter: blur(0.02rem);
  justify-content: space-between;
}

.lucky-bet-item
  .lucky-bet-detail
  .lucky-bet-box
  .lucky-history-content
  .search-date-wrap
  .date-limit-wrap {
  display: flex;
  border-radius: 0.16rem;
  background: #f5f6fa;
  box-shadow: 0 0 0.2rem 0 rgba(0, 0, 0, 0.04);
  -webkit-backdrop-filter: blur(0.02rem);
  backdrop-filter: blur(0.02rem);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
}

.lucky-bet-item
  .lucky-bet-detail
  .lucky-bet-box
  .lucky-history-content
  .search-date-wrap
  .date-item {
  display: flex;
  justify-content: center;
  padding: 0.11rem;
  font-size: 0.2rem;
  font-weight: 600;
  color: #666;
}

.lucky-bet-item
  .lucky-bet-detail
  .lucky-bet-box
  .lucky-history-content
  .search-date-wrap
  .date-item.ck-date {
  color: #fff;
  border-radius: 0.12rem;
  background: #e86361;
}

.lucky-bet-item
  .lucky-bet-detail
  .lucky-bet-box
  .lucky-history-content
  .select-date
  .am-button-ghost {
  border-radius: 0.1rem;
  border: 0.02rem solid #666;
  color: #666;
  font-size: 0.2rem;
  font-weight: 700;
  height: 0.54rem;
  line-height: 0.54rem;
  padding: 0 0.12rem;
}

.lucky-bet-item
  .lucky-bet-detail
  .lucky-bet-box
  .lucky-history-content
  .select-date
  .am-button-ghost
  .am-icon {
  margin-right: 0.16rem;
}

.lucky-bet-item .bet-detail-wrapper .list-wrapper {
  height: 3.025rem !important;
}

.lucky-bet-item .bet-detail-wrapper .list-wrapper li {
  border-bottom: 1px solid rgba(232, 99, 97, 0.5);
}

.lucky-bet-item .bet-detail-wrapper .list-wrapper li:last-child {
  border-bottom: none;
}

.lucky-bt-home-wrap {
  width: 100%;
  height: calc(var(--vh, 1vh) * 100 - 0.52rem);
  background-color: #fff;
  position: fixed;
  overflow-y: hidden;
  display: flex;
  flex-direction: column;
}

.lucky-bt-home-wrap .mall-header,
.lucky-bt-home-wrap .mall-number-info {
  margin-top: 0.6rem;
}

.lucky-bt-home-wrap .lucky-bet-content {
  gap: 0.3rem;
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow-y: scroll;
  max-height: calc(100vh - 4.39rem);
  height: calc(var(--vh, 1vh) * 100 - 4.39rem);
  padding: 0;
  padding-top: 0.37rem;
  flex: 1 1 0%;
  padding-bottom: 1.47rem;
}

.lucky-bt-home-wrap .promo-title {
  color: #656565;
  text-align: center;
  font-size: 0.32rem;
  font-weight: 900;
  margin: 0.3rem 0 0.2rem;
  display: flex;
  flex: 1 1 0%;
  justify-content: center;
}

.lucky-bt-home-wrap .input-container {
  flex: 1 1 0%;
  justify-content: flex-start;
  display: flex;
  align-items: center;
  padding: 0.2rem 0.24rem 0;
  margin-bottom: 0.3rem;
}

.lucky-bt-home-wrap .input-container .account-form {
  width: 100%;
  display: flex;
  position: relative;
  padding: 0;
  flex-direction: column;
}

.lucky-bt-home-wrap .input-container .account-form input {
  margin: 0;
  padding-left: 0.31rem;
  max-height: 0.9rem;
  width: 5.52rem;
  font-size: 0.3rem;
  font-weight: 800;
  border-radius: 0.2rem 0 0 0.2rem;
  border-top: 0.02rem solid #e5e5e5;
  border-bottom: 0.02rem solid #e5e5e5;
  border-left: 0.02rem solid #e5e5e5;
  background: #fff;
  box-shadow: inset 0 1px 0.05rem 1px rgba(0, 0, 0, 0.08);
}

.lucky-bt-home-wrap
  .input-container
  .account-form
  input::-webkit-input-placeholder {
  color: #b5b5b5;
}

.lucky-bt-home-wrap .input-container .account-form input::placeholder {
  color: #b5b5b5;
}

.lucky-bt-home-wrap .input-container .account-form input:focus {
  border: none;
}

.lucky-bt-home-wrap .input-container .account-form:has(.errors) input {
  background:
    linear-gradient(0deg, rgba(253, 47, 47, 0.2), rgba(253, 47, 47, 0.2)), #fff;
}

.lucky-bt-home-wrap .input-container .account-form:has(.errors) input:focus {
  border: 0.02rem solid #fd2f2f;
}

.lucky-bt-home-wrap .input-container .account-form .code-send {
  right: 0;
  width: 100%;
  max-height: 0.9rem;
  height: 100%;
  color: #fff;
  font-size: 0.24rem;
  border-radius: 0 0.2rem 0.2rem 0;
  max-width: 1.5rem;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fd2f2f;
  box-shadow:
    inset 0 1px 0.05rem 1px rgba(0, 0, 0, 0.08),
    0 0 0.1rem 0 #ffd3d3;
}

.lucky-bt-home-wrap .input-container .account-form .code-send.btn-success {
  background: #fd2f2f;
}

.lucky-bt-home-wrap
  .input-container
  .account-form
  .code-send.am-button-disabled {
  box-shadow: none;
}

.lucky-bt-home-wrap .not-activity {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  color: #656565;
  text-align: center;
  font-size: 0.32rem;
  font-weight: 900;
}

.lucky-bt-home-wrap .not-activity .img-not-data {
  margin-top: 0.4rem;
  margin-bottom: 0.2rem;
  background-size: contain;
  background-position: 50%;
  width: 3.4rem;
  min-height: 3.4rem;
  display: block;
  opacity: 0.4;
  background-repeat: no-repeat;
  background-image: url(/mobile/mc/no-data.8f7eccb1.png);
}

.lucky-bt-home-wrap .not-activity p {
  color: #666;
  text-align: center;
  font-size: 0.3rem;
}

.lucky-bt-home-wrap .promo-popup {
  text-align: left;
  padding: 0.37rem 0.35rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border: 1px solid red;
}

.lucky-bt-home-wrap .promo-popup h3 {
  margin-bottom: 0.2rem;
}

.promo-popup,
.savior-list {
  padding: 0.37rem 0.35rem;
  display: flex;
  flex-direction: column;
}

.promo-popup ul,
.savior-list ul {
  display: flex;
  align-items: flex-start;
  list-style: disc;
  flex-direction: column;
  margin: 0 0.25rem;
  gap: 0.1rem;
}

.promo-popup ul li,
.savior-list ul li {
  list-style: decimal;
}

.promo-popup h3,
.savior-list h3 {
  text-align: center;
  color: #656565;
  font-weight: 700;
  padding-bottom: 0.2rem;
  margin-bottom: 0.2rem;
}

.records-item-content .am-flexbox-align-middle {
  margin-top: 0.2rem;
}

.records-item-content .am-flexbox-align-middle:first-child {
  margin-top: 0;
}

.records-item-header {
  padding: 0 0.05rem;
}

.records-item-header .header-block {
  line-height: 1;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.records-item-header .header-block .personal-icon .am-icon-md {
  top: 0.06rem;
}

.records-item-header .amount-total {
  font-weight: 700;
  color: #333;
}

.records-item-header .game-amount-content {
  align-items: center;
}

.records-item-header .game-amount-content .time {
  line-height: 1;
}

.pal-records-list-root {
  margin-top: 1rem;
}

.pal-records-root {
  font-size: 0.32rem;
  margin-bottom: 0.3rem;
}

.pal-records-list-root .time {
  color: #a6a6a6;
  font-size: 0.24rem;
}

.ph-text span {
  width: auto;
  display: inline-block;
  word-break: break-all;
  white-space: normal;
  line-height: 1.2;
  position: relative;
  top: 0.07rem;
}

.pal-records-list-root .records-item-header {
  padding: 0 0.6rem;
  height: 0.8rem;
  line-height: 0.8rem;
  background: #fff;
}

.pal-records-list-root .records-item-header .am-icon {
  position: relative;
  top: 0.16rem;
  width: 0.55rem;
  height: 0.55rem;
  margin-right: 0.1rem;
}

.record-icon-yen {
  position: relative;
  top: 0.1rem;
  margin-right: 0.15rem;
  color: #3a86f7;
}

.pal-records-list-root .records-item-content {
  font-size: 0.28rem;
  background: #fcfcfc;
  padding: 0 0.15rem;
}

.pal-records-list-root .line {
  height: 0.8rem;
  line-height: 0.8rem;
  padding: 0 0.4rem;
  border-bottom: 1px solid #289afe;
}

.pal-records-list-root .line-large {
  height: 1rem;
  margin-top: 0.1rem;
  padding: 0 0.4rem;
}

.pal-records-list-root .line-large .am-flexbox {
  line-height: 0.45rem;
}

.game-amount-title {
  font-weight: 700;
  font-size: 0.3rem;
  display: inline-block;
  text-align: right;
  width: 100%;
}

.mc-profitLoss-record-container .empty-text {
  font-size: 0.32rem;
  margin-top: 0.3rem;
  padding: 0.1rem 0.15rem;
}

.mc-profitLoss-record-container .color-red-out {
  color: #f6573a;
}

.card-amount {
  display: inline-block;
  width: 100%;
  text-align: right;
}

.mc-profitLoss-record-container .color-green-in {
  color: #59d169;
}

.mc-profitLoss-record-root .records-root {
  border-bottom: 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-card {
  border-radius: 0.1rem;
  border: 1px solid #ddd;
  min-height: 1.92rem;
  padding-bottom: 0.12rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
}

.am-card.am-card-full {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}

.am-card-header {
  -ms-flex-align: center;
  font-size: 0.34rem;
  padding: 0.18rem 0.3rem;
}

.am-card-header,
.am-card-header-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}

.am-card-header-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1 1 0%;
  text-align: left;
  color: #000;
  -ms-flex-align: center;
}

.am-card-header-content img {
  margin-right: 0.1rem;
}

.am-card-header-extra {
  text-align: right;
  font-size: 0.34rem;
  color: #888;
}

.am-card-body,
.am-card-header-extra {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1 1 0%;
}

.am-card-body {
  border-top: 1px solid #ddd;
  padding: 0.3rem 0.3rem 0.12rem;
  font-size: 0.3rem;
  color: #333;
  min-height: 0.8rem;
}

.am-card-footer {
  font-size: 0.28rem;
  color: #888;
  padding: 0 0.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.am-card-footer-content,
.am-card-footer-extra {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1 1 0%;
}

.am-card-footer-extra {
  text-align: right;
}

.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-activity-indicator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 99;
}

.am-activity-indicator-spinner {
  display: inline-block;
  width: 0.4rem;
  height: 0.4rem;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2.125 -1.875 64 64'%3E%3Cpath fill='%23CCC' d='M29.875-1.875c-17.673 0-32 14.327-32 32s14.327 32 32 32 32-14.327 32-32-14.327-32-32-32zm0 60.7c-15.85 0-28.7-12.85-28.7-28.7s12.85-28.7 28.7-28.7 28.7 12.85 28.7 28.7-12.85 28.7-28.7 28.7z'/%3E%3Cpath fill='%23108ee9' d='M61.858 30.34c.003-.102.008-.203.008-.305 0-11.43-5.996-21.452-15.01-27.113l-.013.026a1.629 1.629 0 0 0-.81-.22 1.646 1.646 0 1 0-.713 3.132c7.963 5.1 13.247 14.017 13.247 24.176 0 .147-.01.293-.01.44h.022c0 .01-.004.02-.004.03 0 .91.74 1.65 1.65 1.65s1.65-.74 1.65-1.65c0-.06-.012-.112-.018-.167z'/%3E%3C/svg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
  -webkit-animation: spinner-anime 1s linear infinite;
  animation: spinner-anime 1s linear infinite;
}

.am-activity-indicator-tip {
  font-size: 0.28rem;
  margin-left: 0.16rem;
  color: #000;
  opacity: 0.4;
}

.am-activity-indicator.am-activity-indicator-toast {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  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;
  text-align: center;
  z-index: 1999;
}

.am-activity-indicator.am-activity-indicator-toast
  .am-activity-indicator-spinner {
  margin: 0;
}

.am-activity-indicator.am-activity-indicator-toast
  .am-activity-indicator-toast {
  display: inline-block;
  position: relative;
  top: 0.08rem;
}

.am-activity-indicator-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.3rem;
  border-radius: 0.14rem;
  background-clip: padding-box;
  color: #fff;
  background-color: rgba(58, 58, 58, 0.9);
  font-size: 0.3rem;
  line-height: 0.4rem;
}

.am-activity-indicator-spinner-lg {
  width: 0.64rem;
  height: 0.64rem;
}

@-webkit-keyframes spinner-anime {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@keyframes spinner-anime {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

.interBank .flex-con {
  position: relative;
}

.flex-vou-tips {
  padding-left: 0.2rem;
  font-size: 0.3rem;
  color: #888;
}

.flex-vou-tips.cl-black {
  color: #000;
}

.vou-balance {
  text-align: center !important;
  font-size: 0.32rem;
  height: 0.6rem;
  line-height: 0.6rem;
}

.pay-tips {
  padding: 0.2rem;
}

.flex-base-item {
  width: 100%;
  display: flex;
}

.vou-icon {
  position: relative;
}

.v-detail-base .vou-icon-ref {
  position: absolute;
  top: 0.06rem;
  left: 0;
  color: #2f94fc;
  width: 0.42rem;
  height: 0.42rem;
}

.payMoney {
  text-align: center !important;
  font-size: 0.6rem;
  color: #2595fc;
}

.btn-gray {
  border-radius: 0.15rem !important;
  background-image: -moz-linear-gradient(
    -93deg,
    #cecece 0,
    #c4c4c4 100%
  ) !important;
  background-image: -webkit-linear-gradient(
    -93deg,
    #cecece,
    #c4c4c4
  ) !important;
  background-image: -ms-linear-gradient(
    -93deg,
    #cecece 0,
    #c4c4c4 100%
  ) !important;
  box-shadow: 0 0.05rem 0.189rem 0.021rem rgba(5, 0, 0, 0.11);
  transition: all 0.3s linear;
  margin-bottom: 1em;
}

.btn-success {
  border-radius: 0.15rem !important;
  background-image: -moz-linear-gradient(
    -90deg,
    #ff3a3e 0,
    #ff1e30 100%
  ) !important;
  background-image: -webkit-linear-gradient(
    -90deg,
    #ff3a3e,
    #ff1e30
  ) !important;
  background-image: -ms-linear-gradient(
    -90deg,
    #ff3a3e 0,
    #ff1e30 100%
  ) !important;
  color: #fffefe !important;
  transition: all 0.2s linear;
  border: none;
}

.choose-bank {
  font-size: 0.32rem;
  margin: 0.35rem -0.46rem 0.05rem;
  background: #efefef;
}

.choose-bank .bank-container {
  margin-bottom: 0.2rem;
}

.bank-errors-tips {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.3rem;
  font-weight: 700;
  color: red;
  text-align: center;
  height: 30%;
  width: 65%;
}

.deposit-bank {
  height: 0.4rem;
  line-height: 0.4rem;
  margin-top: 0.15rem;
  font-size: 0.3rem;
  font-weight: 500;
  margin-left: 0.35rem;
  color: #848484;
}

.deposit-con {
  margin-top: 0.15rem;
  width: 100%;
  height: auto !important;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding: 0 0.25rem;
  max-height: 2.45rem;
}

.deposit-con.all-item {
  max-height: none !important;
}

.deposit-con:after {
  display: table;
  content: " ";
  overflow: hidden;
}

.deposit-top {
  margin-top: 0.5rem;
}

.deposit-con:before {
  display: table;
  content: " ";
  overflow: hidden;
}

.deposit-span {
  display: flex;
  margin: 0.15rem 2.62%;
  width: 28%;
  height: 0.9rem;
  border-radius: 0.15rem;
  border: 1px solid #fff;
  background: #fff;
  position: relative;
  text-align: center;
  align-items: center;
  overflow: hidden;
  box-shadow: 0.04rem 0 0.21rem hsla(0, 0%, 69%, 0.39);
}

.deposit-span img {
  padding: 0 0.15rem;
}

.deposit-icon {
  width: 100%;
  z-index: 5;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.deposit-icon.failed {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 0.5em;
  font-size: 80%;
}

.deposit-icon .loading-example {
  display: flex;
  justify-content: center;
}

.deposit-icon-svg {
  width: 0.75rem;
  height: 0.75rem;
  position: absolute;
  left: 0.08rem;
  top: 0.3rem;
}

.am-list-item .deposit-img img {
  vertical-align: middle;
  width: 0.75rem;
  height: 0.75rem;
  margin-top: -0.08rem;
}

.am-list-item .flex-img {
  top: 0.8rem;
  left: 0.45rem;
}

.deposit-icon > img {
  width: 100%;
  height: auto;
}

.deposit-icon .am-activity-indicator-spinner-lg {
  margin: 0;
}

.deposit-img {
  width: 1rem;
  height: 1rem;
}

.choose-more-bank {
  text-align: center;
  font-size: 0.32rem;
  padding-top: 0.2rem;
  padding-bottom: 0.15rem;
  color: #2f94fc;
  position: relative;
  display: none;
}

.bank-arrowDown {
  vertical-align: sub;
  margin-right: 0.05rem;
}

.card-btm {
  padding-bottom: 0.15rem;
  margin-bottom: 0.5rem;
  width: 100%;
  height: 100%;
}

.card-btm .am-list-body {
  border-top: 0;
}

.agInterBank .am-tabs-bar,
.at .am-tabs-bar,
.interBank .am-tabs-bar {
  display: none;
}

.flex-con.pay-btn {
  margin-top: 0.2rem;
}

.payWayBox {
  width: 100%;
  padding-bottom: 0.1rem;
  padding-top: 0.15rem;
}

.payWay {
  height: 0.8rem;
  padding-top: 0.08rem;
  line-height: 0.35rem;
  padding-left: 0.03rem;
  overflow: hidden;
  overflow-x: auto;
}

.inline-button {
  width: 1.75rem;
  background: #fff;
  text-align: center;
  border-radius: 0.05rem;
  display: inline-block;
  font-size: 0.29rem;
  font-weight: 600;
  padding: 0.08rem 0.12rem;
  color: #878787;
  z-index: 10;
  border: 1px solid #878787;
  height: 0.55rem;
}

.payWay .inline-button {
  margin-right: 0.1rem;
}

.active {
  border: 1px solid #289afe;
  box-shadow:
    -1px 0 0.05rem #289afe,
    1px 0 0.05rem #289afe,
    0 -1px 0.05rem #289afe,
    0 1px 0.03rem #289afe;
}

.active,
.active1 {
  transition: all 0.1s linear;
}

.active1 {
  border: 1px solid #1d75ff;
}

.active1,
.bg {
  background: #eef7ff;
}

.flex-grad {
  top: 0.1rem;
  left: -0.18rem;
}

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

.vou a {
  width: 100%;
  height: 100%;
  display: block;
}

.vou .am-activity-indicator-spinner {
  margin: 0 auto;
}

.space-top {
  margin-top: 10%;
}

.list-accout {
  height: 1.5rem;
}

.list-base-height {
  height: 1.85rem;
}

.list-accout-icon {
  width: 1.5rem;
  display: inline-block;
}

.list-account-text {
  display: inline-block;
  margin-left: 0.1rem;
}

.list-icon-rig {
  position: absolute;
  right: 0;
  top: 0.24rem;
}

.list-account-link {
  display: block;
  width: 100%;
  height: 100%;
}

.transLate-space {
  margin-top: 1rem;
}

.popUpHeader {
  position: relative;
  font-size: 0.32rem;
}

.popup-list.popUp-list {
  margin-bottom: 0.2rem;
}

.act_card {
  padding-bottom: 0.3rem;
}

.list-container {
  overflow: hidden;
  overflow-y: scroll;
  height: 3.5rem;
}

.popUps-list-item {
  padding-bottom: 0.1rem;
  margin-bottom: 0.05rem;
}

.message-base {
  font-size: 0.28rem;
  width: 100%;
  min-height: 1.05rem;
  margin: 0.1rem;
  display: flex;
}

.message-base a {
  font-size: 0.28rem;
  position: relative;
  height: inherit;
  line-height: inherit;
  height: 0.84rem;
}

.message-base a span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.message-spanL {
  font-size: 0.31rem;
  font-weight: 700;
  display: inline-block;
  width: 27%;
}

.message-spanC {
  display: inline-block;
  width: calc(60% - 0.4rem);
  word-break: break-all;
  padding: 0 0.2rem;
}

.card-list {
  flex: none;
  min-height: 2rem;
}

.message-spanR {
  display: inline-block;
  width: 13%;
  color: #437ef8;
}

.tab_item {
  text-align: center;
  line-height: 3rem;
  color: #fff;
  display: none;
}

.show {
  display: block;
}

.hide {
  display: none !important;
}

.p-container {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 0.15rem;
}

.iframe-wrap,
.p-container {
  width: 100%;
  height: 100%;
}

.imgContainer {
  display: inline-block;
  verticalalign: middle;
  margin-top: 0.35rem;
  overflow: hidden;
  overflow-y: scroll;
}

.alipay_ref_code {
  font-size: 0.3rem;
  font-weight: 700;
  margin-top: 0.5rem;
  color: #e4393c;
  text-align: center;
}

.alipay_ref_code .amount {
  font-size: 0.32rem;
  margin-bottom: 0.2rem;
}

.alipay_ref_code .last_p {
  font-size: 0.6rem;
}

.alipay_ref_code .last_p-spanR {
  font-size: 0.32rem;
  margin-left: 0.15rem;
  font-weight: 500;
  color: #437ef8;
}

.flex-span {
  margin: 0.1rem 0.2rem 0.35rem 0;
  font-size: 0.32rem;
  color: #e4393c;
  font-weight: 700;
}

.flex-con-new {
  margin: 0.15rem 0.2rem 0.05rem 0;
  background: #cef7e7;
  border-radius: 0.1rem;
  height: 0.85rem;
  width: 100% !important;
  position: relative;
}

.flex-con-new p {
  font-size: 0.25rem;
  color: #666;
  margin-left: 0.18rem;
}

.setting_sort_left {
  position: relative;
}

.setting_sort_left p {
  padding-right: 1.2rem;
}

.setting_sort_left p a {
  font-size: 0.3rem;
  max-width: 1rem;
  line-height: 1;
}

.setting_sort_left p a,
.setting_sort_left p span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.setting_sort_left p span {
  left: 1.8rem;
  text-align: left;
  max-width: calc(100% - 3rem);
  padding-left: 0.1rem;
}

.setting_sort_right {
  position: absolute;
  top: 0.06rem;
  right: 0.2rem;
}

.other-size {
  font-size: 0.27rem;
}

.flex-con-other {
  margin-top: 0.2rem;
}

body .styles_modal__gNwvD {
  padding: 0;
  max-width: unset !important;
}

body .styles_closeButton__20ID4 {
  padding: 0.3rem 0.1rem;
  opacity: 0.7;
}

body .styles_overlay__CLSq- {
  padding: 0;
}

.star-query {
  font-size: 0.5rem;
  font-weight: 700;
}

.special-badge .am-badge {
  transform: rotate(45deg);
  transform-origin: right bottom;
  right: 0;
  top: 0.26rem;
  width: 1rem;
}

.order {
  border: 0.02rem solid #b36143;
  background: #e0e6e6;
  color: #f96268;
  display: inline-block;
  margin-right: 0.13rem;
  font-weight: 700;
  border-radius: 50%;
  width: 0.5rem;
  height: 0.55rem;
  line-height: 0.5rem;
  text-align: center;
}

.no-active {
  margin-top: 0.25rem;
  margin-right: 12%;
  margin-left: 12%;
  border-radius: 0.15rem !important;
  background-image: -moz-linear-gradient(
    -90deg,
    #da3e34 0,
    #da3e34 100%
  ) !important;
  background-image: -webkit-linear-gradient(
    -90deg,
    #da3e34,
    #da3e34
  ) !important;
  background-image: -ms-linear-gradient(
    -90deg,
    #da3e34 0,
    #da3e34 100%
  ) !important;
  box-shadow: 0 0.05rem 0.189rem 0.021rem rgba(7, 0, 0, 0.11) !important;
  color: #fffefe !important;
  transition: all 0.3s linear;
}

.no-active:active {
  background-image: -moz-linear-gradient(-90deg, red 0, red 100%) !important;
  background-image: -webkit-linear-gradient(-90deg, red, red) !important;
  background-image: -ms-linear-gradient(-90deg, red 0, red 100%) !important;
}

.ios-tips {
  margin-top: 0.2rem;
  font-size: 0.28rem;
  font-weight: 700;
  color: #926e6e;
}

.hd .am-tabs-bar {
  opacity: 1;
}

.sh .am-tabs-bar {
  opacity: 0;
  height: 1em;
}

.onlineService {
  width: 100%;
  text-align: center;
  margin-bottom: 0.25rem;
  color: #888;
  font-size: 0.28rem;
}

.linkService {
  display: block;
  padding-top: 0.1rem;
  color: blue;
  text-decoration: underline;
}

.vc-info {
  padding: 0.1rem 0.5rem;
}

.vc-info span {
  font-size: 0.26rem;
  color: red;
}

.showNow {
  display: block;
  width: 100%;
  height: 100%;
}

.bank-charge,
.bank-error-tips,
.deposit-info {
  float: left;
}

.deposit-info {
  color: red;
}

.vou .flex-list-title {
  margin: 0;
  min-height: 0.34rem;
}

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

.notice-footer a {
  margin: 0 0.1rem;
}

.vcpay {
  padding: 0.4rem;
}

.vcpay .amount {
  text-align: left;
}

.vcpay .pay-tips {
  padding: 0;
}

.ept .am-tabs-bar {
  display: none;
}

.ept .bank-info {
  margin: 0.15rem 0.4rem 0.05rem;
  line-height: 1.5;
}

.v-base .errors {
  margin-left: 0.2rem;
  width: 100%;
}

.v-base .errors .bank-error-tips {
  margin-right: 0.5em;
}

.fixed-money {
  display: flex;
  flex-wrap: wrap;
  margin-right: -3.33%;
  margin-top: 0.5em;
}

.deposit-amount-con {
  margin-top: 0.5em;
  overflow: hidden;
}

.deposit-amount-con .title {
  color: #747474;
  padding-bottom: 0.5em;
}

.fixed-money > div.fixed-money-item {
  width: 30%;
  padding: 0.5em 0;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 0.1rem;
  background-color: #efefef;
  white-space: nowrap;
  color: #919191;
  margin-bottom: 0.5em;
  margin-right: 3.33%;
}

.fixed-money > div.fixed-money-item.money-active {
  background-color: #f3f7ff;
  border-color: #a8cfff;
  color: #3786fc;
}

.flex-con.noborder {
  border: none !important;
}

.upload-container label {
  top: 0.7rem;
}

.deposit .am-wingblank.am-wingblank-lg {
  margin: 0 0.46rem;
}

.deposit .inputIcon {
  border-radius: 0 0.15rem 0.15rem 0;
}

.deposit .inputSelect {
  background-color: transparent;
}

.deposit a[role="button"] {
  margin-bottom: 1em;
}

.deposit .bank-active {
  background: #eef7ff;
  border: 0.02rem solid #4c84f8;
  transition: all 0.1s linear;
}

.deposit .inputCon input {
  border-radius: 0.15rem !important;
}

.deposit .inputCon input:focus {
  border: 0.02rem solid #4c84f8 !important;
}

.mt-name-footer {
  padding: 0 0.3rem;
}

.mt-name-footer .footer-button {
  flex: auto;
  background: #da3e34;
  color: #fff;
  border: 0;
  margin: 0 0.1rem;
}

.deposit .agrg-downline-cname {
  display: inline-block;
  width: 1rem;
  text-align: center;
  right: 0.1rem;
  word-break: break-word;
  line-height: 1 !important;
  float: none !important;
}

.setting_sort_right.switch-box .other-size {
  position: absolute;
  top: 51%;
  transform: translateY(-50%);
  display: none;
}

.setting_sort_right.switch-box .mc-switch {
  float: right !important;
}

.voucher-success-footer a {
  font-size: 0.28rem;
  white-space: normal;
  height: inherit;
  line-height: 1.2;
  padding: 0.2rem;
}

.mc-usdt-msg-popup .am-navbar-title div {
  max-width: 2.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mc-usdt-msg-popup .am-popup {
  height: 100%;
}

.voucher-msg-container {
  min-height: calc(100vh - 1rem);
  min-height: calc(var(--vh, 1vh) * 100 - 1rem);
  padding: 0.44rem;
  background: #fff;
}

.voucher-msg-container .msg-img {
  padding: 0.3rem;
  text-align: center;
}

.voucher-msg-container .msg-img img {
  max-width: 100%;
  display: inline-block;
}

.voucher-msg-container .voucher-msg-desc {
  margin-bottom: 0.4rem;
  color: #3c3c3c;
  font-size: 0.3rem;
  text-align: left;
}

.voucher-msg-container .voucher-btn {
  box-shadow: 0 0.1rem 0.15rem rgba(239, 37, 78, 0.46);
  color: #fff;
  background-color: #ef254e;
  font-size: 0.36rem;
  border: none;
  height: 0.9rem;
  line-height: 0.9rem;
  width: 100%;
  border-radius: 0.2rem;
}

.voucher-msg-container .voucher-msg-list {
  position: relative;
  line-height: 1.2;
  margin-bottom: 0.4rem;
  min-height: 0.8rem;
  clear: both;
}

.voucher-msg-container .voucher-msg-list .voucher-msg-title {
  font-size: 0.3rem;
  color: #666;
  margin-bottom: 0.06rem;
  padding-right: 0.9rem;
  text-align: left;
  float: left;
  display: block;
  width: 86%;
  word-wrap: break-word;
}

.voucher-msg-container .voucher-msg-list .voucher-msg-red {
  font-size: 0.26rem;
  color: #f33;
  margin-top: 0.06rem;
  clear: both;
}

.voucher-msg-container .voucher-msg-list .voucher-msg-content {
  font-size: 0.3rem;
  font-weight: 700;
  color: #5f5f5f;
  padding-right: 0.9rem;
  word-break: break-all;
  text-align: left;
  float: left;
}

.voucher-msg-container .voucher-msg-list .voucher-msg-content input {
  background: #efefef;
  border: none;
  height: 0.76rem;
  border-radius: 0.1rem;
  margin-top: 0.14rem;
}

.voucher-msg-container .voucher-msg-list .voucher-msg-content.no-copy {
  padding: 0;
}

.voucher-msg-container .voucher-msg-list .voucher-msg-copy {
  color: #428dfc;
  background: #f0f2fe;
  border-radius: 0.1rem;
  width: 0.8rem;
  text-align: center;
}

.voucher-msg-container .voucher-msg-list .voucher-msg-copy svg {
  width: 0.32rem;
  height: 0.38rem;
  pointer-events: none;
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}

.voucher-msg-container .voucher-msg-list .voucher-msg-copy {
  right: 0;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
}

.voucher-msg-container .intergallery {
  border: 0.02rem solid #e2e1e1;
  width: 100%;
  color: #428dfc;
  text-align: center;
  border-radius: 0.1rem;
  position: relative;
}

.voucher-msg-container .intergallery.hide-upload {
  height: 1.3rem;
}

.voucher-msg-container .intergallery label {
  display: inline-block;
}

.voucher-msg-container .intergallery .upload-container {
  color: #428dfc;
  height: 1.3rem;
  top: 0.2rem;
  display: inline-block;
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  width: 100%;
}

.voucher-msg-container .intergallery .upload-container #upload {
  width: 0.8rem;
  height: 0.76rem;
  background: #f0f2fe;
  border-radius: 0.1rem;
  display: inline-block;
  position: relative;
  top: 0.2rem;
}

.voucher-msg-container .intergallery .upload-container #upload svg {
  width: 0.32rem;
  height: 0.38rem;
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}

.voucher-msg-container .intergallery .upload-content {
  position: relative;
  margin: 0 0.2rem;
  top: 0.4rem;
}

.voucher-msg-container .intergallery input {
  opacity: 0;
  width: 100%;
  position: absolute;
  height: 100% !important;
  z-index: 10;
  top: 0;
}

#previewImg {
  width: 100%;
  height: auto;
}

.hide-img {
  opacity: 0;
}

.deposit .am-navbar-title {
  flex: initial;
  overflow: hidden;
  justify-content: left;
}

.bank-virtual-tips {
  color: red;
  font-size: 0.28rem;
  line-height: 1.5;
  min-height: 0.4rem;
  margin: 0.15rem 0.4rem 0.16rem 0.22rem;
}

.wallet-address-content {
  margin-top: 0.46rem !important;
  background: inherit;
  padding: 0;
  text-align: left;
}

.wallet-address-content .code-container {
  text-align: center;
}

.wallet-address-content .get-virtual-wallet {
  margin-top: 0.26rem;
}

.wallet-address-content canvas {
  margin: 0.2rem 0;
}

.wallet-address-content .tcg-tips {
  margin-bottom: 0.2rem;
  margin-top: 0.2rem;
}

.wallet-address-content .voucher-msg-content {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.wallet-input-content {
  margin-top: 0.46rem !important;
  background: inherit;
}

.wallet-input-content .tcg-tips {
  margin-bottom: 0.2rem;
  margin-top: 0.2rem;
}

.service-link-container {
  padding: 0.1rem 0 0.6rem;
  color: #2595fc;
  text-decoration: underline;
  text-align: center;
}

.search-bank {
  position: relative;
  height: 1.43rem;
  display: block;
  padding: 0 0.2rem 0.2rem;
}

.search-bank svg {
  top: 45%;
  transform: translateY(-50%);
  left: 0.5rem;
  position: absolute;
  fill: #9e9e9e;
}

.search-bank input {
  color: #333;
  font-size: 0.32rem;
  border-radius: 0.15rem;
  padding: 0.29rem 0.34rem 0.29rem 1.01rem;
}

.list-popup-wrapper.filter .list-wrap {
  border-top: initial;
}

.list-popup-wrapper.filter
  .list-wrap
  .popUps-list-item:not(:last-child)
  .am-list-line {
  border-bottom: initial;
}

.list-popup-wrapper .list-popup-header {
  font-size: 0.32rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.list-popup-wrapper .list-wrap {
  overflow: hidden;
  overflow-y: auto;
  max-height: 60vh;
  max-height: calc(var(--vh, 1vh) * 60);
  border-top: 1px solid #ddd;
}

.list-popup-wrapper
  .list-wrap
  .popUps-list-item:not(:last-child)
  .am-list-line {
  border-bottom: 1px solid #ddd;
}

.inputCon {
  width: 100%;
  height: 1.08rem;
  line-height: 1.08rem;
  font-size: 0.32rem;
  padding: 1px 0;
  color: #1c1c1c;
  position: relative;
  direction: ltr;
  unicode-bidi: -webkit-isolate;
  unicode-bidi: isolate;
}

.inputCon input::-webkit-input-placeholder {
  font-size: 0.32rem;
  font-weight: 500;
  color: #747474;
}

.inputCon input::placeholder {
  font-size: 0.32rem;
  font-weight: 500;
  color: #747474;
}

.inputBase {
  background: #efefef;
  color: #747474;
  display: block;
  height: 100%;
  width: 100%;
  border: none;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  border-radius: 0.15rem;
}

.inputBase::-webkit-input-placeholder {
  color: #888;
  line-height: 0.5rem;
}

.inputBase::placeholder {
  color: #888;
  line-height: 0.5rem;
}

.inputSelect {
  display: inline-block;
  vertical-align: top;
  height: 1.05rem;
  line-height: 1.05rem;
  width: 90%;
  border: none;
}

.inputSelect div {
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.inputSelect input {
  color: #000;
  z-index: 10;
}

.inputSelect .inputBase::-webkit-input-placeholder {
  color: #747474;
  line-height: 0.5rem;
}

.inputSelect .inputBase::placeholder {
  color: #747474;
  line-height: 0.5rem;
}

.inputBox-other input {
  color: #747474;
}

.inputIcon {
  display: inline-block;
  height: 1.05rem;
  width: 14%;
  background: #3b79f3 !important;
  text-align: center;
  position: absolute;
  right: 0;
  top: 1px;
  border-radius: 0 0.15rem 0.15rem 0;
  z-index: 9;
}

.chooseExtra {
  font-family: sans-serif;
  color: #747474;
  padding-left: 0.3rem;
  padding-right: 0.25rem;
  font-size: 0.32rem;
  overflow: hidden;
  white-space: nowrap;
}

.inputIcon1 {
  display: inline-block;
  height: 100%;
  width: 14%;
  text-align: center;
}

.activity-container {
  position: relative;
}

.mc-spinner-loading-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
}

.mc-spinner-loading-wrap .mc-spinner-loading {
  animation: mc-rotate 2s linear infinite;
  width: 0.65rem;
  height: 0.65rem;
}

.mc-spinner-loading-wrap .mc-spinner-loading .path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  animation:
    mc-dash 1.5s ease-in-out infinite,
    mc-colors 6s ease-in-out infinite;
  stroke-linecap: round;
}

@keyframes mc-rotate {
  to {
    transform: rotate(1turn);
  }
}

@keyframes mc-colors {
  0%,
  to {
    stroke: #ff5676;
  }
  40% {
    stroke: #3296ff;
  }
  66% {
    stroke: #30f282;
  }
  80%,
  90% {
    stroke: #fefc41;
  }
}

@keyframes mc-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }
  to {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
  }
}

.deposit-promo-v2 .act-title {
  color: #747474;
  margin-top: 0.14rem;
}

.deposit-promo-v2 .act-container .act-item {
  background: #fff;
  border-radius: 0.08rem;
  color: #7f7f7f;
  overflow: hidden;
  border: 1px solid #efefef;
  margin-top: 0.2rem;
  height: 1.09rem;
  min-height: 1.09rem;
}

.deposit-promo-v2 .act-container .act-item.on:last-child:after {
  top: 50%;
  transform: translateY(-50%);
}

.deposit-promo-v2 .act-container .act-item:last-child {
  display: flex;
  align-items: center;
  padding-top: 0.16rem;
  padding-left: 0;
}

.deposit-promo-v2 .act-container .act-item:last-child:before {
  top: 50%;
  transform: translateY(-50%);
}

.deposit-promo-v2 .act-container .act-item:last-child .act-prom-name {
  max-width: calc(100% - 0.56rem);
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0;
  position: absolute;
  left: 0.56rem;
}

.deposit-promo-v2 .act-container .act-item .wysiwyg {
  padding-bottom: 0;
}

.deposit-promo-v2 .act-container .act-item .act-prom-remark {
  font-size: 85%;
  background-color: #edf2fa;
  color: #7f7f7f;
}

.deposit-promo-v2 .act-container .act-prom-name {
  position: relative;
  padding: 0.2rem 30% 0 0.2rem;
}

.deposit-promo-v2 .act-container .act-prom-name .act-mount {
  max-width: 30%;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 0.2rem;
  border-left: 1px solid #ccc;
}

.deposit-promo-v2 .act-container .act-prom-name .act-mount i {
  font-style: normal;
}

.deposit-promo-v2 .act-container .act-item.on {
  border-color: #a8cfff;
  color: #3786fc !important;
  height: auto;
}

.deposit-promo-v2 .act-container .act-item.on p {
  font-size: 0.26rem;
  padding: 0;
  background: #e4ecfc;
}

.deposit-promo-v2 .act-container .act-item.on .act-mount {
  border-left: 1px solid #bcd1fc;
}

.deposit-promo-v2 .act-container .act-item.on .act-mount i {
  font-style: normal;
}

.deposit-promo-v2 .act-container .act-item.dis {
  color: #c7c7c7;
}

#vc-v2-active .act-prom-remark-v2 {
  padding-bottom: 0.14rem;
  display: none;
}

#vc-v2-active .act-prom-remark-v2 .wysiwyg {
  margin-top: 0.08rem;
  display: inline-block;
  word-break: keep-all;
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  padding-right: 1.2rem;
  max-height: 0.3rem;
}

#vc-v2-active .act-prom-remark-v2 .wysiwyg br {
  display: none;
}

#vc-v2-active .act-prom-remark-v2 .wysiwyg > :not(:first-child) {
  display: none !important;
}

#vc-v2-active .act-prom-remark-v2 .wysiwyg p {
  white-space: nowrap !important;
}

.msg-v2-container {
  padding-bottom: 0.8rem;
  min-height: 100vh;
  position: relative;
  background: #f5f5f9;
}

.msg-v2-container .voucher-msg-content {
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.msg-v2-container .interBank .flex-con {
  position: relative;
}

.msg-v2-container .vn-desc {
  padding: 0.2rem 0;
  font-weight: 700;
  color: #000;
}

.msg-v2-container .flex-vou-tips {
  padding-left: 0.2rem;
  font-size: 0.3rem;
  color: #888;
}

.msg-v2-container .flex-vou-tips.cl-black {
  color: #000;
}

.msg-v2-container .vou-balance {
  text-align: center !important;
  font-size: 0.32rem;
  height: 0.6rem;
  line-height: 0.6rem;
}

.msg-v2-container .pay-tips {
  padding: 0.2rem;
}

.msg-v2-container .flex-base-item {
  width: 100%;
  display: flex;
}

.msg-v2-container .vou-icon {
  position: relative;
}

.msg-v2-container .v-detail-base .vou-icon-ref {
  position: absolute;
  top: 0.06rem;
  left: 0;
  color: #2f94fc;
  width: 0.42rem;
  height: 0.42rem;
}

.msg-v2-container .payMoney {
  text-align: center !important;
  font-size: 0.6rem;
  color: #2595fc;
}

.msg-v2-container .btn-gray {
  border-radius: 0.15rem !important;
  background-image: -moz-linear-gradient(
    -93deg,
    #cecece 0,
    #c4c4c4 100%
  ) !important;
  background-image: -webkit-linear-gradient(
    -93deg,
    #cecece,
    #c4c4c4
  ) !important;
  background-image: -ms-linear-gradient(
    -93deg,
    #cecece 0,
    #c4c4c4 100%
  ) !important;
  box-shadow: 0 0.05rem 0.189rem 0.021rem rgba(5, 0, 0, 0.11);
  transition: all 0.3s linear;
  margin-bottom: 1em;
}

.msg-v2-container .btn-success {
  border-radius: 0.15rem !important;
  background-image: -moz-linear-gradient(
    -90deg,
    #ff3a3e 0,
    #ff1e30 100%
  ) !important;
  background-image: -webkit-linear-gradient(
    -90deg,
    #ff3a3e,
    #ff1e30
  ) !important;
  background-image: -ms-linear-gradient(
    -90deg,
    #ff3a3e 0,
    #ff1e30 100%
  ) !important;
  color: #fffefe !important;
  transition: all 0.2s linear;
  border: none;
}

.msg-v2-container .choose-bank {
  font-size: 0.32rem;
  margin: 0.35rem -0.46rem 0.05rem;
  background: #efefef;
}

.msg-v2-container .choose-bank .bank-container {
  margin-bottom: 0.2rem;
}

.msg-v2-container .bank-errors-tips {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.3rem;
  font-weight: 700;
  color: red;
  text-align: center;
  height: 30%;
  width: 65%;
}

.msg-v2-container .deposit-bank {
  height: 0.4rem;
  line-height: 0.4rem;
  margin-top: 0.15rem;
  font-size: 0.3rem;
  font-weight: 500;
  margin-left: 0.35rem;
  color: #848484;
}

.msg-v2-container .deposit-con {
  margin-top: 0.15rem;
  width: 100%;
  height: auto !important;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding: 0 0.25rem;
  max-height: 2.45rem;
}

.msg-v2-container .deposit-con.all-item {
  max-height: none !important;
}

.msg-v2-container .deposit-con:after {
  display: table;
  content: " ";
  overflow: hidden;
}

.msg-v2-container .deposit-top {
  margin-top: 0.5rem;
}

.msg-v2-container .deposit-con:before {
  display: table;
  content: " ";
  overflow: hidden;
}

.msg-v2-container .deposit-span {
  display: flex;
  margin: 0.15rem 2.62%;
  width: 28%;
  height: 0.9rem;
  border-radius: 0.15rem;
  border: 1px solid #fff;
  background: #fff;
  position: relative;
  text-align: center;
  align-items: center;
  overflow: hidden;
  box-shadow: 0.04rem 0 0.21rem hsla(0, 0%, 69%, 0.39);
}

.msg-v2-container .deposit-span img {
  padding: 0 0.15rem;
}

.msg-v2-container .deposit-icon {
  width: 100%;
  z-index: 5;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.msg-v2-container .deposit-icon.failed {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 0.5em;
  font-size: 80%;
}

.msg-v2-container .deposit-icon .loading-example {
  display: flex;
  justify-content: center;
}

.msg-v2-container .deposit-icon-svg-v2 {
  width: 0.75rem;
  height: 0.75rem;
  position: absolute;
  left: 0.08rem;
  top: 0.3rem;
}

.msg-v2-container .am-list-item .deposit-img img {
  vertical-align: middle;
  width: 0.75rem;
  height: 0.75rem;
  margin-top: -0.08rem;
}

.msg-v2-container .am-list-item .flex-img {
  top: 0.8rem;
  left: 0.45rem;
}

.msg-v2-container .deposit-icon > img {
  width: 100%;
  height: auto;
}

.msg-v2-container .deposit-icon .am-activity-indicator-spinner-lg {
  margin: 0;
}

.msg-v2-container .deposit-img {
  width: 1rem;
  height: 1rem;
}

.msg-v2-container .choose-more-bank {
  text-align: center;
  font-size: 0.32rem;
  padding-top: 0.2rem;
  padding-bottom: 0.15rem;
  color: #2f94fc;
  position: relative;
  display: none;
}

.msg-v2-container .bank-arrowDown {
  vertical-align: sub;
  margin-right: 0.05rem;
}

.msg-v2-container .card-btm {
  padding-bottom: 0.15rem;
  margin-bottom: 0.5rem;
  width: 100%;
  height: 100%;
}

.msg-v2-container .card-btm .am-list-body {
  border-top: 0;
}

.msg-v2-container .agInterBank .am-tabs-bar,
.msg-v2-container .at .am-tabs-bar,
.msg-v2-container .interBank .am-tabs-bar {
  display: none;
}

.msg-v2-container .flex-con.pay-btn {
  margin-top: 0.2rem;
}

.msg-v2-container .payWayBox {
  width: 100%;
  padding-bottom: 0.1rem;
  padding-top: 0.15rem;
}

.msg-v2-container .payWay {
  height: 0.8rem;
  padding-top: 0.08rem;
  line-height: 0.35rem;
  padding-left: 0.03rem;
  overflow: hidden;
  overflow-x: auto;
}

.msg-v2-container .inline-button {
  width: 1.75rem;
  background: #fff;
  text-align: center;
  border-radius: 0.05rem;
  display: inline-block;
  font-size: 0.29rem;
  font-weight: 600;
  padding: 0.08rem 0.12rem;
  color: #878787;
  z-index: 10;
  border: 1px solid #878787;
  height: 0.55rem;
}

.msg-v2-container .payWay .inline-button {
  margin-right: 0.1rem;
}

.msg-v2-container .active {
  border: 1px solid #289afe;
  box-shadow:
    -1px 0 0.05rem #289afe,
    1px 0 0.05rem #289afe,
    0 -1px 0.05rem #289afe,
    0 1px 0.03rem #289afe;
  transition: all 0.1s linear;
}

.msg-v2-container .active1 {
  border: 1px solid #1d75ff;
  transition: all 0.1s linear;
  background: #eef7ff;
}

.msg-v2-container .bg {
  background: #eef7ff;
}

.msg-v2-container .flex-grad {
  top: 0.1rem;
  left: -0.18rem;
}

.msg-v2-container .vou .am-icon-lg {
  width: 1.2rem;
  height: 1.2rem;
}

.msg-v2-container .vou a {
  width: 100%;
  height: 100%;
  display: block;
}

.msg-v2-container .vou .am-activity-indicator-spinner {
  margin: 0 auto;
}

.msg-v2-container .space-top {
  margin-top: 10%;
}

.msg-v2-container .list-accout {
  height: 1.5rem;
}

.msg-v2-container .list-base-height {
  height: 1.85rem;
}

.msg-v2-container .list-accout-icon {
  width: 1.5rem;
  display: inline-block;
}

.msg-v2-container .list-account-text {
  display: inline-block;
  margin-left: 0.1rem;
}

.msg-v2-container .list-icon-rig {
  position: absolute;
  right: 0;
  top: 0.24rem;
}

.msg-v2-container .list-account-link {
  display: block;
  width: 100%;
  height: 100%;
}

.msg-v2-container .transLate-space {
  margin-top: 1rem;
}

.msg-v2-container .popUpHeader {
  position: relative;
  font-size: 0.32rem;
}

.msg-v2-container .popup-list.popUp-list {
  margin-bottom: 0.2rem;
}

.msg-v2-container .act_card {
  padding-bottom: 0.3rem;
}

.msg-v2-container .list-container {
  overflow: hidden;
  overflow-y: scroll;
  height: 3.5rem;
}

.msg-v2-container .popUps-list-item {
  padding-bottom: 0.1rem;
  margin-bottom: 0.05rem;
}

.msg-v2-container .message-base {
  font-size: 0.28rem;
  width: 100%;
  min-height: 1.05rem;
  margin: 0.1rem;
  display: flex;
}

.msg-v2-container .message-base a {
  font-size: 0.28rem;
  position: relative;
  height: inherit;
  line-height: inherit;
  height: 0.84rem;
}

.msg-v2-container .message-base a span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.msg-v2-container .message-spanL {
  font-size: 0.31rem;
  font-weight: 700;
  display: inline-block;
  width: 27%;
}

.msg-v2-container .message-spanC {
  display: inline-block;
  width: calc(60% - 0.4rem);
  word-break: break-all;
  padding: 0 0.2rem;
}

.msg-v2-container .card-list {
  flex: none;
  min-height: 2rem;
}

.msg-v2-container .message-spanR {
  display: inline-block;
  width: 13%;
  color: #437ef8;
}

.msg-v2-container .tab_item {
  text-align: center;
  line-height: 3rem;
  color: #fff;
  display: none;
}

.msg-v2-container .show {
  display: block;
}

.msg-v2-container .hide {
  display: none !important;
}

.msg-v2-container .p-container {
  width: 100%;
  height: 100%;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 0.15rem;
}

.msg-v2-container .iframe-wrap {
  width: 100%;
  height: 100%;
}

.msg-v2-container .imgContainer {
  display: inline-block;
  verticalalign: middle;
  margin-top: 0.35rem;
  overflow: hidden;
  overflow-y: scroll;
}

.msg-v2-container .alipay_ref_code {
  font-size: 0.3rem;
  font-weight: 700;
  margin-top: 0.5rem;
  color: #e4393c;
  text-align: center;
}

.msg-v2-container .alipay_ref_code .amount {
  font-size: 0.32rem;
  margin-bottom: 0.2rem;
}

.msg-v2-container .alipay_ref_code .last_p {
  font-size: 0.6rem;
}

.msg-v2-container .alipay_ref_code .last_p-spanR {
  font-size: 0.32rem;
  margin-left: 0.15rem;
  font-weight: 500;
  color: #437ef8;
}

.msg-v2-container .flex-span {
  margin: 0.1rem 0.2rem 0.35rem 0;
  font-size: 0.32rem;
  color: #e4393c;
  font-weight: 700;
}

.msg-v2-container .flex-con-new {
  margin: 0.15rem 0.2rem 0.05rem 0;
  background: #cef7e7;
  border-radius: 0.1rem;
  height: 0.85rem;
  width: 100% !important;
  position: relative;
}

.msg-v2-container .flex-con-new p {
  font-size: 0.25rem;
  color: #666;
  margin-left: 0.18rem;
}

.msg-v2-container .setting_sort_left {
  position: relative;
}

.msg-v2-container .setting_sort_left p {
  padding-right: 1.2rem;
}

.msg-v2-container .setting_sort_left p a {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.3rem;
  max-width: 1rem;
  line-height: 1;
}

.msg-v2-container .setting_sort_left p span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1.8rem;
  text-align: left;
  max-width: calc(100% - 3rem);
  padding-left: 0.1rem;
}

.msg-v2-container .setting_sort_right {
  position: absolute;
  top: 0.06rem;
  right: 0.2rem;
}

.msg-v2-container .other-size {
  font-size: 0.27rem;
}

.msg-v2-container .flex-con-other {
  margin-top: 0.2rem;
}

.msg-v2-container body .styles_modal__gNwvD {
  padding: 0;
  max-width: unset !important;
}

.msg-v2-container body .styles_closeButton__20ID4 {
  padding: 0.3rem 0.1rem;
  opacity: 0.7;
}

.msg-v2-container body .styles_overlay__CLSq- {
  padding: 0;
}

.msg-v2-container .star-query {
  font-size: 0.5rem;
  font-weight: 700;
}

.msg-v2-container .special-badge .am-badge {
  transform: rotate(45deg);
  transform-origin: right bottom;
  right: 0;
  top: 0.26rem;
  width: 1rem;
}

.msg-v2-container .order {
  border: 0.02rem solid #b36143;
  background: #e0e6e6;
  color: #f96268;
  display: inline-block;
  margin-right: 0.13rem;
  font-weight: 700;
  border-radius: 50%;
  width: 0.5rem;
  height: 0.55rem;
  line-height: 0.5rem;
  text-align: center;
}

.msg-v2-container .no-active {
  margin-top: 0.25rem;
  margin-right: 12%;
  margin-left: 12%;
  border-radius: 0.15rem !important;
  background-image: -moz-linear-gradient(
    -90deg,
    #da3e34 0,
    #da3e34 100%
  ) !important;
  background-image: -webkit-linear-gradient(
    -90deg,
    #da3e34,
    #da3e34
  ) !important;
  background-image: -ms-linear-gradient(
    -90deg,
    #da3e34 0,
    #da3e34 100%
  ) !important;
  box-shadow: 0 0.05rem 0.189rem 0.021rem rgba(7, 0, 0, 0.11) !important;
  color: #fffefe !important;
  transition: all 0.3s linear;
}

.msg-v2-container .no-active:active {
  background-image: -moz-linear-gradient(-90deg, red 0, red 100%) !important;
  background-image: -webkit-linear-gradient(-90deg, red, red) !important;
  background-image: -ms-linear-gradient(-90deg, red 0, red 100%) !important;
}

.msg-v2-container .ios-tips {
  margin-top: 0.2rem;
  font-size: 0.28rem;
  font-weight: 700;
  color: #926e6e;
}

.msg-v2-container .hd .am-tabs-bar {
  opacity: 1;
}

.msg-v2-container .sh .am-tabs-bar {
  opacity: 0;
  height: 1em;
}

.msg-v2-container .onlineService {
  width: 100%;
  text-align: center;
  margin-bottom: 0.25rem;
  color: #888;
  font-size: 0.28rem;
}

.msg-v2-container .linkService {
  display: block;
  padding-top: 0.1rem;
  color: blue;
  text-decoration: underline;
}

.msg-v2-container .vc-info {
  padding: 0.1rem 0.5rem;
}

.msg-v2-container .vc-info span {
  font-size: 0.26rem;
  color: red;
}

.msg-v2-container .showNow {
  display: block;
  width: 100%;
  height: 100%;
}

.msg-v2-container .bank-charge,
.msg-v2-container .bank-error-tips {
  float: left;
}

.msg-v2-container .vou .flex-list-title {
  margin: 0;
  min-height: 0.34rem;
}

.msg-v2-container .notice-footer {
  text-align: center;
}

.msg-v2-container .notice-footer a {
  margin: 0 0.1rem;
}

.msg-v2-container .vcpay {
  padding: 0.4rem;
}

.msg-v2-container .vcpay .amount {
  text-align: left;
}

.msg-v2-container .vcpay .pay-tips {
  padding: 0;
}

.msg-v2-container .ept .am-tabs-bar {
  display: none;
}

.msg-v2-container .ept .bank-info {
  margin: 0.15rem 0.4rem 0.05rem;
  line-height: 1.5;
}

.msg-v2-container .v-base .errors {
  margin-left: 0.2rem;
}

.msg-v2-container .v-base .errors .bank-error-tips {
  margin-right: 0.5em;
}

.msg-v2-container .fixed-money {
  display: flex;
  flex-wrap: wrap;
  margin-right: -3.33%;
  margin-top: 0.5em;
}

.msg-v2-container .deposit-amount-con {
  margin-top: 0.5em;
  overflow: hidden;
}

.msg-v2-container .deposit-amount-con .title {
  color: #747474;
  padding-bottom: 0.5em;
}

.msg-v2-container .fixed-money > div.fixed-money-item {
  width: 30%;
  padding: 0.5em 0;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 0.1rem;
  background-color: #efefef;
  white-space: nowrap;
  color: #919191;
  margin-bottom: 0.5em;
  margin-right: 3.33%;
}

.msg-v2-container .fixed-money > div.fixed-money-item.money-active {
  background-color: #f3f7ff;
  border-color: #a8cfff;
  color: #3786fc;
}

.msg-v2-container .flex-con.noborder {
  border: none !important;
}

.msg-v2-container .upload-container label {
  top: 0.7rem;
}

.msg-v2-container .mt-name-footer {
  padding: 0 0.3rem;
}

.msg-v2-container .mt-name-footer .footer-button {
  flex: auto;
  background: #da3e34;
  color: #fff;
  border: 0;
  margin: 0 0.1rem;
}

.msg-v2-container .deposit .agrg-downline-cname {
  display: inline-block;
  width: 1rem;
  text-align: center;
  right: 0.1rem;
  word-break: break-word;
  line-height: 1 !important;
  float: none !important;
}

.msg-v2-container .setting_sort_right.switch-box .other-size {
  position: absolute;
  top: 51%;
  transform: translateY(-50%);
  display: none;
}

.msg-v2-container .setting_sort_right.switch-box .mc-switch {
  float: right !important;
}

.msg-v2-container .voucher-success-footer a {
  font-size: 0.28rem;
  white-space: normal;
  height: inherit;
  line-height: 1.2;
  padding: 0.2rem;
}

.msg-v2-container .voucher-msg-container {
  min-height: auto;
  background: #f5f5f9;
  padding: 0;
}

.msg-v2-container .voucher-msg-container .pay-pop-container {
  padding: 0 0.35rem;
  height: auto !important;
  background: #fff;
}

.msg-v2-container .voucher-msg-container .pay-pop-container div {
  background: initial !important;
}

.msg-v2-container .voucher-msg-container .msg-img {
  padding: 0.3rem;
  text-align: center;
}

.msg-v2-container .voucher-msg-container .msg-img img {
  max-width: 80%;
  display: inline-block;
}

.msg-v2-container .voucher-msg-container .voucher-msg-desc {
  margin: 0.16rem 0;
  color: #f33;
  font-size: 0.3rem;
  text-align: left !important;
  position: relative;
  padding: 0.2rem 0;
}

.msg-v2-container .voucher-msg-container .voucher-msg-desc:before {
  content: " ";
  position: absolute;
  width: calc(100% + 0.7rem);
  height: 0.16rem;
  background: #f5f5f9;
  left: -0.35rem;
  top: -0.16rem;
}

.msg-v2-container .voucher-msg-container .voucher-btn {
  color: #fff;
  font-size: 0.26rem;
  display: inline-block;
  height: 0.6rem;
  vertical-align: top;
  margin-top: 0.1rem !important;
  border: none;
  line-height: 0.6rem;
  width: calc(33% - 0.4rem);
  border-radius: 0.1rem;
  border: 1px solid #fff;
  background: none;
}

.msg-v2-container .voucher-msg-container .voucher-btn.mg20 {
  margin: 0 0.2rem;
}

.msg-v2-container .voucher-msg-container .voucher-btn.more-voucher {
  background-color: #0095fb;
  border: none;
}

.msg-v2-container .voucher-msg-container .voucher-msg-list {
  position: relative;
  line-height: 1.2;
  margin-bottom: 0.3rem;
}

.msg-v2-container
  .voucher-msg-container
  .voucher-msg-list.wallets-item
  .voucher-msg-content {
  white-space: normal;
}

.msg-v2-container .voucher-msg-container .voucher-msg-list .voucher-msg-title {
  font-size: 0.3rem;
  color: #666;
  margin-bottom: 0.06rem;
  display: block;
  width: 86%;
  word-wrap: break-word;
}

.msg-v2-container
  .voucher-msg-container
  .voucher-msg-list
  .voucher-msg-content {
  font-size: 0.26rem;
  font-weight: 700;
  color: #666;
  padding-right: 0.9rem;
  word-break: break-all;
  margin-bottom: 0.1rem;
}

.msg-v2-container
  .voucher-msg-container
  .voucher-msg-list
  .voucher-msg-content
  input {
  background: #efefef;
  border: none;
  height: 0.76rem;
  border-radius: 0.1rem;
  margin-top: 0.14rem;
  padding-left: 0.2rem;
}

.msg-v2-container
  .voucher-msg-container
  .voucher-msg-list
  .voucher-msg-content.no-copy {
  padding: 0;
}

.msg-v2-container .voucher-msg-container .voucher-msg-list .voucher-msg-copy {
  color: #428dfc;
  background: #f0f2fe;
  border-radius: 0.1rem;
  padding: 0.1rem 0.2rem;
  line-height: 1.2;
  width: auto;
  min-width: 1.4rem;
}

.msg-v2-container
  .voucher-msg-container
  .voucher-msg-list
  .voucher-msg-copy
  svg {
  width: 0.29rem;
  height: 0.35rem;
  pointer-events: none;
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}

.msg-v2-container .voucher-msg-container .voucher-msg-list .voucher-msg-copy {
  right: 0;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
}

.msg-v2-container .voucher-msg-container .intergallery {
  border: 0.02rem solid #e2e1e1;
  width: 100%;
  color: #428dfc;
  text-align: center;
  border-radius: 0.1rem;
  position: relative;
}

.msg-v2-container .voucher-msg-container .intergallery.hide-upload {
  height: 1.3rem;
}

.msg-v2-container .voucher-msg-container .intergallery label {
  display: inline-block;
}

.msg-v2-container .voucher-msg-container .intergallery .upload-container {
  color: #428dfc;
  height: 1.3rem;
  top: 0.2rem;
  display: inline-block;
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  width: 100%;
}

.msg-v2-container
  .voucher-msg-container
  .intergallery
  .upload-container
  #upload {
  width: 0.8rem;
  height: 0.76rem;
  background: #f0f2fe;
  border-radius: 0.1rem;
  display: inline-block;
  position: relative;
  top: 0.2rem;
}

.msg-v2-container
  .voucher-msg-container
  .intergallery
  .upload-container
  #upload
  svg {
  width: 0.32rem;
  height: 0.38rem;
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}

.msg-v2-container .voucher-msg-container .intergallery .upload-content {
  position: relative;
  margin-left: 0.2rem;
  top: 0.4rem;
}

.msg-v2-container .voucher-msg-container .intergallery input {
  opacity: 0;
  width: 100%;
  position: absolute;
  height: 100% !important;
  z-index: 10;
  top: 0;
}

.msg-v2-container #previewImg {
  width: 100%;
  height: auto;
}

.msg-v2-container .hide-img {
  opacity: 0;
}

.msg-v2-container .deposit .am-navbar-title {
  flex: initial;
  overflow: hidden;
  justify-content: left;
}

.msg-v2-container .bank-virtual-tips {
  color: red;
  font-size: 0.28rem;
  line-height: 1.5;
  min-height: 0.4rem;
  margin: 0.15rem 0.4rem 0.16rem 0.22rem;
}

.msg-v2-container .wallet-address-content {
  margin-top: 0.46rem !important;
  background: inherit;
  padding: 0;
  text-align: left;
}

.msg-v2-container .wallet-address-content .code-container {
  text-align: center;
}

.msg-v2-container .wallet-address-content .get-virtual-wallet {
  margin-top: 0.26rem;
}

.msg-v2-container .wallet-address-content canvas {
  margin: 0.2rem 0;
}

.msg-v2-container .wallet-address-content .tcg-tips {
  margin-bottom: 0.2rem;
  margin-top: 0.2rem;
}

.msg-v2-container .wallet-address-content .voucher-msg-content {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.msg-v2-container .wallet-input-content {
  margin-top: 0.46rem !important;
  background: inherit;
}

.msg-v2-container .wallet-input-content .tcg-tips {
  margin-bottom: 0.2rem;
  margin-top: 0.2rem;
}

.msg-v2-container .service-link-container {
  padding: 0.1rem 0 0.6rem;
  color: #2595fc;
  text-decoration: underline;
  text-align: center;
}

.msg-v2-container .pay-way-msg-info,
.msg-v2-container .pay-way-msg-title {
  background: #fff;
  font-size: 0.32rem;
  color: #333;
  text-align: center;
  padding: 0.35rem;
  font-weight: 700;
}

.msg-v2-container .pay-way-qr-container {
  text-align: center;
  background: #fff;
  padding-bottom: 0.1rem;
}

.msg-v2-container .pay-way-qr-container img {
  display: inline-block;
  width: 6.9rem;
  height: 6.9rem;
}

.msg-v2-container .pay-way-msg-info {
  text-align: left;
  padding-top: 0;
}

.msg-v2-container .v2-link-desc {
  font-size: 0.24rem;
  color: #666;
  text-align: left;
}

.msg-v2-container .v2-link-desc .vld-notice {
  padding: 0.2rem 0;
}

.msg-v2-container .v2-link-desc .vld-tips {
  padding: 0.2rem 0 0.4rem;
}

.msg-v2-container .v2-link-desc span {
  text-decoration: underline;
  color: blue;
  cursor: pointer;
}

.usdt-msg-container .voucher-msg-container {
  padding-top: 1rem;
}

.usdt-msg-container .voucher-msg-container .pay-way-msg-info {
  padding: 0;
}

.usdt-msg-container .voucher-msg-desc {
  text-align: left !important;
  padding-bottom: 1rem !important;
}

.usdt-msg-container .voucher-msg-content {
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.usdt-msg-container .am-navbar-title {
  color: #fff;
}

.qr-v2-msg-container .voucher-msg-list {
  text-align: center !important;
  background: #fff;
}

.qr-v2-msg-container .pd-t20 {
  padding-top: 0.2rem;
  color: #333 !important;
  font-weight: 700 !important;
}

.qr-v2-msg-container .ref-code-container {
  height: 1.13rem;
  line-height: 1.13rem;
}

.qr-v2-msg-container .ref-code-container p {
  display: inline-block;
  position: relative;
  top: -0.2rem;
  font-size: 0.4rem;
  margin-right: 0.2rem;
}

.qr-v2-msg-container .ref-code-container span {
  top: -0.24rem;
}

.qr-v2-msg-container .link-server {
  text-decoration: underline;
  color: blue;
  cursor: pointer;
  margin-top: 0.2rem;
  display: inline-block;
}

.qr-v2-msg-container .voucher-msg-copy {
  color: #428dfc;
  background: #f0f2fe;
  border-radius: 0.1rem;
  line-height: 1.2;
  width: auto;
  min-width: 1.4rem;
  padding: 0.1rem 0.2rem;
  display: inline-block;
  position: relative;
}

.qr-v2-msg-container .voucher-msg-copy svg {
  width: 0.29rem;
  height: 0.35rem;
  pointer-events: none;
  left: 50%;
  top: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.qr-v2-msg-container .voucher-msg-content {
  padding-top: 0.3rem;
  color: #333 !important;
  font-weight: 700 !important;
}

.qr-v2-msg-container .voucher-msg-desc {
  display: none;
  text-align: left !important;
}

.order-time-count-down {
  font-size: 0.26rem;
  color: #666;
  margin-bottom: 0.06rem;
}

.order-time-count-down div {
  font-size: 0.26rem;
  color: #f33;
  font-weight: 700;
  margin-top: 0.06rem;
}

.copy-tips-container {
  word-break: break-all;
  text-align: center;
  white-space: break-spaces;
}

.copy-tips-container div {
  text-align: center;
}

.pay-msg-top .voucher-msg-container {
  padding: 0 0 1rem;
}

.pay-msg-top .pay-way-msg-info {
  padding-bottom: 0.4rem !important;
}

.ref-msg-container {
  max-height: calc(var(--vh, 1vh) * 100 - 2.1rem) !important;
  overflow-y: scroll;
  background-color: #fff;
  padding-bottom: 0.2rem;
}

.ref-msg-container .order-time-count-down {
  padding: 0.6rem;
}

.vc-pop-container .voucher-msg-container {
  margin-top: 0 !important;
  height: auto;
}

.vc-pop-container .voucher-msg-container .voucher-msg-container {
  height: auto !important;
}

.vc-pop-container .voucher-msg-desc {
  color: #f33 !important;
}

.mc-qr-msg-popup #mc-header,
.mc-usdt-msg-popup #mc-header,
.mc-vc-msg-popup #mc-header {
  position: absolute !important;
  top: 0;
  left: 0;
}

.mc-qr-msg-popup .voucher-msg-container,
.mc-usdt-msg-popup .voucher-msg-container,
.mc-vc-msg-popup .voucher-msg-container {
  margin-top: 0 !important;
  padding-top: 1rem !important;
}

.ref-msg-container .voucher-msg-content,
.ref-msg-container .voucher-msg-title {
  width: 100% !important;
}

.ref-msg-container .qr-title {
  margin-bottom: 0.1rem;
}

.ref-msg-container .link-copy {
  text-align: center;
  color: #fff;
  flex: 1 1 0%;
  padding: 0.12rem;
  border-radius: 0.08rem;
  background-color: #428dfc;
  width: 50%;
  height: auto;
  min-height: 0.78rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

.ref-msg-container .link-copy svg {
  fill: #fff;
  margin-right: 0.2rem;
  min-width: 0.3rem;
  height: 0.3rem;
}

.VIP-msg-container .voucher-msg-desc {
  display: none;
}

.VIP-msg-container .order-time-count-down,
.VIP-msg-container .voucher-msg-title {
  font-size: 0.28rem;
}

.VIP-msg-container .voucher-msg-title {
  font-size: 0.24rem;
}

.VIP-msg-container .voucher-msg-container {
  background-color: #fff;
}

.VIP-msg-container .pay-way-msg-title {
  margin-top: 0.2rem;
}

.VIP-msg-container .vip-desc {
  text-align: center;
}

.VIP-msg-container .vip-desc .copy-contact {
  height: 0.9rem;
  line-height: 0.9rem;
  background-image:
    linear-gradient(90deg, #ff003c, #fe0027), linear-gradient(#0e0221, #0e0221);
  background-blend-mode: normal, normal;
  box-shadow: 0 0.08rem 0.32rem 0.04rem rgba(255, 0, 0, 0.36);
  padding: 0 0.3rem;
  border-radius: 0.18rem;
  color: #fff;
  display: inline-block;
}

.VIP-msg-container .vip-desc img {
  width: 2.26rem;
  height: 1.7rem;
  display: inline-block;
  margin: 0.4rem 0;
}

.vc-tips {
  color: #333;
  font-size: 0.28rem;
  padding: 0.2rem 0;
}

.vc-scroll-container {
  height: calc(var(--vh, 1vh) * 100 - 2.1rem);
  overflow: auto;
}

@keyframes skeletonLoading {
  0% {
    background-position: 100% 50%;
  }
  to {
    background-position: 0 50%;
  }
}

.nodata-title {
  display: block;
  margin-bottom: 0.2rem;
  font-weight: 500;
  font-size: 0.35rem;
}

.nodata-btn {
  padding: 0 0.1rem;
  font-weight: 500;
  height: 0.6rem;
  color: #108ee9;
  border: 1px solid #108ee9;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.28rem;
  margin-top: 0.19rem;
  margin: 0.2rem auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 0.13rem;
}

.vc-v2-container {
  padding: 0 0.2rem 1.2rem;
  overflow-x: hidden;
  background: #fff;
  position: relative;
}

.vc-v2-container .error-debug-box {
  margin-top: 0.4rem;
}

.vc-v2-container .btn-group {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
}

.vc-v2-container .btn-group .btn-copy-code {
  margin: 0;
  min-width: 1.8rem;
  height: 0.5rem;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vc-v2-container .error-debug-text {
  color: #888;
  font-size: 0.24rem;
  max-width: 100%;
  margin: 0.2rem auto 0;
  word-break: break-all;
  word-wrap: break-word;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
}

@supports (-webkit-line-clamp: 2) {
  .vc-v2-container .error-debug-text {
    display: -webkit-box !important;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}

.vc-v2-container .null-payway {
  min-height: calc(var(--vh, 1vh) * 100 - 1.7rem);
}

.vc-v2-container .null-payway .contact-server {
  margin-top: 0.2rem;
  display: inline-block;
  color: blue;
  font-size: 0.28rem;
  text-decoration: underline;
}

.vc-v2-container .null-icon-container {
  text-align: center;
  padding: 0.8rem 0;
  line-height: 0.7rem;
}

.vc-v2-container .null-icon-container div {
  border: 0.02rem dashed #ccc;
  display: inline-block;
  padding: 0.3rem 1rem;
  border-radius: 0.1rem;
  font-size: 0.28rem;
}

.vc-v2-container .null-icon-container img {
  width: 0.8rem;
  height: 0.8rem;
}

.vc-v2-container .loading-info {
  width: 0.8rem;
  height: 0.8rem;
  display: inline-block !important;
  animation: skeletonLoading 1.4s ease infinite;
  background: linear-gradient(
    90deg,
    hsla(0, 0%, 75%, 0.2) 25%,
    hsla(0, 0%, 51%, 0.24) 37%,
    hsla(0, 0%, 75%, 0.2) 63%
  );
  background-size: 400% 100%;
}

.vc-v2-container .vc-tips {
  padding: 0.2rem 0 0;
}

.vc-v2-container .vc-tips .wysiwyg {
  word-wrap: break-word;
  padding-bottom: 0;
}

.vc-v2-container .bank-charge i {
  font-weight: 700;
}

.vc-v2-container .flex-another-pay {
  font-size: 0.28rem;
  color: #333;
  line-height: 1.2;
  word-break: break-word;
  gap: 0.16rem;
}

.vc-v2-container .flex-another-pay span {
  margin-left: 0.16rem;
  color: #a1a1a1;
  font-size: 0.24rem;
  max-width: 4.2rem;
  line-height: 1.2;
}

.vc-v2-container .flex-another-pay .setting_sort_right {
  position: relative;
  top: auto;
  right: auto;
  flex: 1 1 0%;
  display: flex;
  justify-content: flex-end;
}

.vc-v2-container .flex-another-pay .setting_sort_right .mc-switch {
  top: auto;
  margin: 0;
}

.vc-v2-container .deposit-content {
  background: #fff;
}

.vc-v2-container .deposit-content ul li .cs-panel {
  box-shadow: 0 0 0.1rem #a1a1a1;
}

.vc-v2-container .errors {
  font-size: 0.22rem;
  color: #a1a1a1;
  margin: 0;
  padding-bottom: 0.2rem;
}

.vc-v2-container .errors i {
  font-style: normal;
  color: #ec2529;
}

.vc-v2-container input {
  font-size: 0.26rem !important;
}

.vc-v2-container .vc-v2-amount {
  padding-bottom: 0.2rem;
}

.vc-v2-container .vc-v2-amount .bank-virtual-tips {
  margin: 0.15rem 0 0.16rem;
  text-align: center;
}

.vc-v2-container .vc-v2-amount .bank-virtual-tips span {
  font-size: 0.4rem;
}

.vc-v2-container .vc-v2-amount .vc-info {
  padding-left: 0;
}

.vc-v2-container .vc-v2-amount .fixed-money-item {
  width: calc(20% - 0.1rem) !important;
  margin-right: 0.1rem;
  font-weight: 700 !important;
}

.vc-v2-container .vc-v2-space {
  padding-top: 0.2rem !important;
  position: relative;
}

.vc-v2-container .vc-v2-space:after {
  content: " ";
  background: #f2f2f2;
  height: 0.16rem;
  position: absolute;
  width: calc(100% + 0.4rem);
  left: -0.2rem;
  top: 0;
}

.vc-v2-container .vc-v2-space-content {
  background: #f2f2f2;
  height: 0.16rem;
  position: relative;
  width: calc(100% + 0.4rem);
  left: -0.2rem;
  bottom: 0;
}

.vc-v2-container .vc-v2-space-bottom {
  padding-bottom: 0.3rem !important;
  position: relative;
}

.vc-v2-container .vc-v2-space-bottom:after {
  content: " ";
  background: #f2f2f2;
  height: 0.16rem;
  position: absolute;
  width: calc(100% + 0.4rem);
  left: -0.2rem;
  bottom: 0;
}

.vc-v2-container .pay-way-container .vc-tips {
  padding-bottom: 0.2rem;
  padding-top: 0.2rem;
}

.vc-v2-container .vc-v2-title {
  font-size: 0.26rem;
  font-weight: 700;
  padding: 0 0.2rem;
  color: #333;
  height: 0.7rem;
  line-height: 0.7rem;
  position: relative;
}

.vc-v2-container .vc-v2-title:before {
  content: "";
  left: 0;
  position: absolute;
  width: 0.1rem;
  height: 0.1rem;
  display: inline-block;
  border-radius: 0.1rem;
  top: 50%;
  transform: translateY(-50%);
  background: #fd5580;
}

.vc-v2-container .vc-v2-title.pay-active {
  padding: 0 0.2rem;
}

.vc-v2-container .vc-v2-title.pay-active:before {
  left: 0;
}

.vc-v2-container .vc-v2-title .pay-amount {
  border-top: 1px solid #999;
}

.vc-v2-container .vc-v2-title.pay-dc {
  padding-bottom: 0.2rem;
  height: inherit;
}

.vc-v2-container .vc-v2-title.pay-dc .flex-another-pay {
  border: 0 !important;
  margin: 0;
}

.vc-v2-container .currency-trans {
  margin-bottom: 0.1rem;
}

.vc-v2-container .vc-v2-tips {
  padding: 0.2rem 0;
  font-size: 0.24rem;
  font-weight: 700;
  color: #ec2529;
}

.vc-v2-container .pay-name-container {
  min-height: 1.1rem;
}

.vc-v2-container .pay-name-container .inputCon {
  padding-left: 0 !important;
}

.vc-v2-container .pay-name-container .inputCon:focus-within {
  border: 0.02rem solid #ec2529 !important;
}

.vc-v2-container .pay-name-container .vc-v2-input input {
  border-radius: 0.1rem;
  padding-left: 0.1rem !important;
  width: 100% !important;
}

.vc-v2-container .vc-v2-wallet {
  padding: 0 0.15rem;
  margin-bottom: 1rem;
  font-size: 0.3rem;
  font-weight: 700;
  color: #5f5f5f;
}

.vc-v2-container .vc-v2-wallet .code-container {
  margin: 0 auto;
  padding: 0.3rem 0;
  text-align: center;
}

.vc-v2-container .vc-v2-wallet .code-container canvas {
  display: inline-block;
  width: 50% !important;
  height: 50% !important;
}

.vc-v2-container .vc-v2-wallet .voucher-msg-list {
  position: relative;
  line-height: 1.2;
  margin-bottom: 0.4rem;
}

.vc-v2-container .vc-v2-wallet .voucher-msg-content {
  width: calc(100% - 1.5rem);
  word-break: break-all;
}

.vc-v2-container .vc-v2-wallet .voucher-msg-copy {
  color: #428dfc;
  background: #f0f2fe;
  border-radius: 0.1rem;
  right: 0;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  line-height: 1.2;
  width: auto;
  min-width: 1.4rem;
  text-align: center;
  padding: 0.1rem 0.2rem;
}

.vc-v2-container .vc-v2-wallet .voucher-msg-copy svg {
  width: 0.29rem;
  height: 0.35rem;
  pointer-events: none;
  left: 50%;
  top: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.vc-v2-container .vc-v2-bank-in-container {
  transition: all 0.3s ease-out;
}

.vc-v2-container .in-more .vc-v2-bank-in-container,
.vc-v2-container .in-more .vc-v2-bank-out-container,
.vc-v2-container .out-more .vc-v2-bank-in-container,
.vc-v2-container .out-more .vc-v2-bank-out-container {
  max-height: 1.8rem;
  overflow: hidden;
}

.vc-v2-container .card-show-more {
  height: 0.7rem;
  box-shadow: 1px -0.04rem 0.1rem #fff;
  font-size: 0.2rem;
  line-height: 0.7rem;
  text-align: center;
}

.vc-v2-container .card-show-more span {
  color: #878787;
  display: inline-block;
  padding-left: 0.18rem;
}

.vc-v2-container .card-show-more span img {
  margin-right: 0.06rem;
  width: 0.15rem;
  height: 0.09rem;
}

.vc-v2-container .in-hide .card-show-more span,
.vc-v2-container .out-hide .card-show-more span {
  display: inline-block;
  padding-left: 0.18rem;
}

.vc-v2-container .in-hide .card-show-more span img,
.vc-v2-container .out-hide .card-show-more span img {
  margin-right: 0.06rem;
}

.vc-v2-container .bank-out-container .vc-v2-bank-ck {
  padding: 0 0.12rem;
}

.vc-v2-container .bank-out-container .vc-v2-bank-ck > div {
  height: 0.64rem;
  position: absolute;
  top: 0.12rem;
  width: 100%;
  left: 0;
}

.vc-v2-container .bank-out-container .vc-v2-bank-ck span {
  top: 0.22rem !important;
  color: #282a28;
  font-size: 0.22rem;
}

.vc-v2-container .bank-out-container .bank-name-item img {
  width: 100%;
  height: auto;
  position: absolute;
  left: 50%;
  top: 0 !important;
  transform: translateX(-50%) !important;
}

.vc-v2-container .vc-v2-show-bank {
  position: relative;
  padding: 0.1rem 0 0.26rem;
}

.vc-v2-container .vc-v2-show-bank:after {
  content: " ";
  background: #f2f2f2;
  height: 0.16rem;
  position: absolute;
  width: calc(100% + 0.4rem);
  left: -0.2rem;
  bottom: 0;
}

.vc-v2-container .vc-v2-show-bank .vc-v2-bank,
.vc-v2-container .vc-v2-show-bank .vc-v2-bank-ck {
  height: 0.89rem;
  border-radius: 0.1rem;
  border: 0.02rem solid #e5e5e5;
  padding: 0.12rem;
  margin-right: 0.2rem;
  text-align: center;
  display: inline-block;
  font-size: 0.24rem;
  font-weight: 700;
  color: #a1a1a1;
  width: 32%;
  margin: 0.06rem 0.5%;
  position: relative;
}

.vc-v2-container .vc-v2-show-bank .vc-v2-bank-ck img,
.vc-v2-container .vc-v2-show-bank .vc-v2-bank img {
  width: auto;
  height: 100%;
}

.vc-v2-container .vc-v2-show-bank .vc-v2-bank-ck span,
.vc-v2-container .vc-v2-show-bank .vc-v2-bank span {
  position: relative;
  left: 50%;
  top: 50%;
  display: inline-block;
  transform: translate(-50%, -50%);
  width: 100%;
}

.vc-v2-container .vc-v2-show-bank .bii-container i {
  font-style: normal;
  display: inline-block;
  margin-top: 0.1rem;
}

.vc-v2-container .vc-v2-show-bank .bank-in-img {
  overflow: hidden;
}

.vc-v2-container .vc-v2-show-bank .bank-in-img .bank-name-item {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.vc-v2-container .vc-v2-show-bank .bank-in-img i {
  display: flex;
  justify-content: center;
  align-items: center;
}

.vc-v2-container .vc-v2-show-bank .bank-in-img .bii-container {
  width: 2.28rem;
  height: 0.46rem;
  overflow: hidden;
  position: relative;
}

.vc-v2-container .vc-v2-show-bank .bank-in-img img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.vc-v2-container .vc-v2-show-bank .p-right {
  position: absolute;
  right: 0;
}

.vc-v2-container .vc-v2-show-bank .vc-v2-bank-ck.ck {
  border: 0.02rem solid #ec2529;
}

.vc-v2-container .bank-out-container .vc-v2-bank-ck {
  position: relative;
  color: #333;
}

.vc-v2-container .bank-out-container .vc-v2-bank-ck img {
  height: 0.31rem;
  position: relative;
}

.vc-v2-container .bank-out-container .vc-v2-bank-ck p {
  font-size: 0.2rem;
}

.vc-v2-container .bank-out-container span {
  color: #a1a1a1;
  display: inline-block;
}

.vc-v2-container .bank-out-container .bank-bull {
  margin-top: 0.4rem;
}

.vc-v2-container .vc-v2-method.show-more-container {
  overflow-x: scroll;
}

.vc-v2-container .vc-v2-method ul {
  display: flex;
  align-content: flex-start;
  align-items: center;
  flex-flow: row wrap;
}

.vc-v2-container .vc-v2-method li {
  border-radius: 0.1rem;
  padding: 0.15rem;
  text-align: center;
  display: inline-block;
  width: calc(25% - 0.06rem);
  min-height: 1.65rem;
  position: relative;
  margin: 0 0.03rem 0.1rem;
  border: 0.02rem solid #e4e4e4 !important;
  overflow: hidden;
}

.vc-v2-container .vc-v2-method li.recommendation:before {
  content: "";
  position: absolute;
  width: 0.24rem;
  height: 0.32rem;
  background: url(/mobile/mc/recommend.23491235.png);
  background-size: 100% 100%;
  left: 0;
  top: 0;
}

.vc-v2-container .vc-v2-method li.show-more-item span {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  word-break: break-word;
  min-width: 80%;
  font-size: 0.24rem;
  font-weight: 700;
}

.vc-v2-container .vc-v2-method li.ck {
  border: 0.02rem solid #ec2529 !important;
}

.vc-v2-container .vc-v2-method li.ck .vcn-list-text {
  color: #ec2529;
}

.vc-v2-container .vc-v2-method li.ck .deposit-list-ck {
  position: absolute;
  right: 0;
  width: 0.32rem;
  height: 0.32rem;
  bottom: 0;
  fill: #ec2529;
}

.vc-v2-container .vc-v2-method li .desc-content {
  position: relative;
  height: 0.8rem;
}

.vc-v2-container .vc-v2-method li .desc-info {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
}

.vc-v2-container .vc-v2-method li .vcn-list-text {
  padding-top: 0.1rem;
  overflow: hidden;
  color: #333;
  font-size: 0.2rem;
  font-weight: 700;
  text-align: center;
  position: relative;
}

.vc-v2-container .vc-v2-method li .vcn-list-text p {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.vc-v2-container .vc-v2-method li .vcn-list-text p div {
  font-size: 0.18rem;
}

.vc-v2-container .vc-v2-method li .deposit-img-new {
  display: flex;
  justify-content: center;
}

.vc-v2-container .vc-v2-method li .deposit-img-new img {
  width: 0.7rem;
  height: 0.7rem;
  display: inline-block;
}

.vc-v2-container .vc-v2-method li .min-max {
  font-size: 0.18rem;
  font-weight: 700;
  bottom: -0.04rem;
  width: 100%;
  overflow: hidden;
  color: #ec2529;
  word-break: break-all;
  position: relative;
  max-height: 0.4rem;
}

.vc-v2-container .vc-v2-method li .min-max span {
  display: inline-block;
  padding-right: 0.1rem;
}

.vc-v2-container .vc-v2-input.vc-v2-other {
  padding-bottom: 0.4rem;
}

.vc-v2-container .vc-v2-input.vc-v2-other .flex-con-other {
  margin-top: 0;
}

.vc-v2-container .vc-v2-input.vc-v2-other .inputCon {
  padding-left: 0;
}

.vc-v2-container .vc-v2-input.vc-v2-other .inputCon:focus-within {
  border: 0.02rem solid #ec2529 !important;
}

.vc-v2-container .vc-v2-input.vc-v2-other input {
  width: 100%;
  padding-left: 0.1rem !important;
}

.vc-v2-container .vc-v2-method-list ul {
  overflow-y: scroll;
  font-family: Arial;
}

.vc-v2-container .vc-v2-method-list li {
  height: 0.89rem;
  border-radius: 0.1rem;
  border: 0.02rem solid #e4e4e4 !important;
  margin-right: 0.2rem;
  text-align: center;
  display: inline-block;
  overflow: hidden;
  font-size: 0.24rem;
  font-weight: 700;
  width: calc(33.33% - 0.1rem);
  margin: 0.05rem;
  vertical-align: top;
  position: relative;
  padding: 0.12rem;
}

.vc-v2-container .vc-v2-method-list li.recommendation:before {
  content: "";
  position: absolute;
  width: 0.24rem;
  height: 0.32rem;
  background: url(/mobile/mc/recommend.23491235.png);
  background-size: 100% 100%;
  left: 0;
  top: 0;
}

.vc-v2-container .vc-v2-method-list li .method-list-info {
  flex: 1 1 0%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% - 0.24rem);
  word-break: break-word;
}

.vc-v2-container .vc-v2-method-list li .discount-tip {
  border-radius: 0 0.1rem 0 0.1rem;
  background-color: #ec2529;
  color: #fff;
  font-size: 0.22rem;
  position: absolute;
  right: -0.02rem;
  top: 0;
  padding: 0.02rem 0.1rem;
}

.vc-v2-container .vc-v2-method-list li img {
  width: auto;
  height: 100%;
  max-width: 100%;
}

.vc-v2-container .vc-v2-method-list li.ck {
  border: 0.02rem solid #ec2529 !important;
  color: #ec2529;
}

.vc-v2-container .vc-v2-method-list li div {
  font-size: 0.2rem;
}

.vc-v2-container .bind-first {
  text-align: center;
  padding: 0.4rem 0;
}

.vc-v2-container .bind-first div {
  font-size: 0.34rem;
  font-weight: 400;
  font-stretch: normal;
  line-height: 0.7rem;
  letter-spacing: 1px;
  color: #a9a9a9;
}

.vc-v2-container .bind-first span {
  margin: 0.3rem 0;
  min-width: 4.8rem;
  display: inline-block;
  height: 0.9rem;
  line-height: 0.9rem;
  color: #fffefe;
  font-size: 0.36rem;
  background-image:
    linear-gradient(90deg, #ff003c, #fe0027), linear-gradient(#0e0221, #0e0221);
  background-blend-mode: normal, normal;
  box-shadow: 0 0.08rem 0.32rem 0.04rem rgba(255, 0, 0, 0.36);
  border-radius: 0.18rem;
}

.vc-v2-container .vc-v2-input {
  position: relative;
}

.vc-v2-container .vc-v2-input.account-num-input .inputCon {
  padding-left: 0.2rem;
}

.vc-v2-container .vc-v2-input .flex-con-other {
  margin-top: 0;
}

.vc-v2-container .vc-v2-input input {
  position: absolute;
  width: calc(100% - 0.69rem);
  height: 0.7rem;
  line-height: 0.7rem;
  top: 50%;
  transform: translateY(-50%);
  padding-left: 0.04rem !important;
}

.vc-v2-container .vc-v2-input input::-webkit-input-placeholder {
  color: #a1a1a1;
}

.vc-v2-container .vc-v2-input input::placeholder {
  color: #a1a1a1;
}

.vc-v2-container .vc-v2-input .inputCon.currencyBack input {
  padding-left: 0.1rem !important;
}

.vc-v2-container .vc-v2-input .deposit-amount-con {
  overflow: visible;
  margin-top: 0;
}

.vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money {
  overflow-x: scroll;
  margin-right: 0;
  display: flex;
  flex-wrap: wrap;
  margin: -0.12rem 0 0.2rem;
  overflow: visible;
}

.vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item {
  margin: 0.12rem 0.12rem 0 0;
  width: calc(20% - 0.1rem);
  height: 0.71rem;
  font-size: 0.24rem;
  white-space: nowrap;
  border: 0.02rem solid rgba(236, 37, 41, 0.2);
  border-radius: 0.12rem;
  color: #565656;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  position: relative;
}

.vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item:nth-child(5n) {
  margin-right: 0;
}

.vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active {
  border: 0.02rem solid #ec2529;
  background-color: #fff;
  color: #ec2529;
}

.vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active
  svg {
  position: absolute;
  right: 0;
  width: 0.32rem;
  height: 0.32rem;
  bottom: 0;
  fill: #ec2529;
}

.vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item
  .bonus-tip {
  padding-right: 0.06rem;
  width: 100%;
  justify-content: flex-end;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0.2rem;
  height: 0.21rem;
  display: flex;
  align-items: center;
  border-radius: 0.12rem 0.12rem 0 0;
  color: #fff;
  direction: ltr;
}

.vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item
  .bonus-tip.hasBonus {
  background: linear-gradient(
    90deg,
    rgba(236, 37, 41, 0),
    rgba(236, 37, 41, 0.4) 20%,
    #ec2529
  );
  box-shadow: 0 0.02rem 0.02rem 0 rgba(0, 0, 0, 0.08);
}

.vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item
  .bonus-tip.money-active {
  height: 0.21rem;
  top: 0;
  left: 0;
  color: #fff;
}

.vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item
  .bonus-tip:before {
  left: -0.02rem;
  top: -0.09rem;
  content: "";
  height: 0.32rem;
  width: 100%;
  display: flex;
  text-align: right;
  justify-content: flex-end;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
}

.vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item
  .bonus-tip.EXPRESS {
  min-width: 0.83rem;
  right: 0;
  left: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 0.24rem;
  background: linear-gradient(135deg, #ff7381 1.75%, #f22541 97%);
  top: -50%;
  transform: translateY(100%);
  font-size: 0.16rem;
  font-weight: 600;
}

.vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item
  .bonus-tip.EXPRESS:before {
  transform: translate(-50%);
  left: 0;
  height: 100%;
  width: 0.15rem;
  top: 0;
  background-image: url(/mobile/mc/express.0b188088.png);
}

.vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item
  .bonus-tip.GOLDEN_EGG:before {
  background-image: url(/mobile/mc/fix-amount-egg.b3ebc78e.png);
}

.vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item
  .bonus-tip.PRIZE_WHEEL:before {
  background-image: url(/mobile/mc/fix-amount-prize.575a9fc3.png);
}

.vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item
  .bonus-tip.RAFFLE:before {
  background-image: url(/mobile/mc/fix-amount-red.e1ce625f.png);
}

.vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item
  .bonus-tip.TREASURE:before {
  background-image: url(/mobile/mc/fix-amount-treasure.425c7352.png);
}

.vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item
  .bonus-tip.CASH_VOUCHER:before {
  background-image: url(/mobile/mc/fix-amount-cash.618a0c0f.png);
}

.vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item
  .bonus-tip.GIFT_CODE:before {
  background-image: url(/mobile/mc/fix-amount-gift.1bf659a0.png);
}

.vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item
  .bonus-tip.FREE_SPIN:before {
  background-image: url(/mobile/mc/fix-amount-free.21f66802.png);
}

.vc-v2-container .vc-v2-input .inputCon {
  height: 0.7rem;
  line-height: 0.7rem;
  font-size: 0.28rem;
  font-weight: 700;
  border: 0.02rem solid #e4e4e4 !important;
  border-radius: 0.12rem;
  padding-left: 0.5rem;
  padding-top: 0;
  padding-bottom: 0;
}

.vc-v2-container .vc-v2-input .inputCon.error {
  border: 0.02rem solid #ec2529 !important;
}

.vc-v2-container .vc-v2-input .inputCon.hasPromo {
  padding-top: 0.25rem;
}

.vc-v2-container .vc-v2-input .inputCon input {
  color: #333;
  background: none;
}

.vc-v2-container .vc-v2-input .inputCon input:disabled {
  background: #ddd;
}

.vc-v2-container .vc-v2-input .inputCon .express-bonus-tip {
  display: inline-flex;
  justify-content: center;
  font-size: 0.2rem;
  padding-right: 0.1rem;
  color: #ec2529;
}

.vc-v2-container .vc-v2-input .inputCon .input-bonus-tip {
  border-radius: 0.12rem 0.12rem 0 0;
  font-size: 0.18rem;
  justify-content: flex-end;
  height: 0.22rem;
  color: #fff;
  position: absolute;
  width: 100%;
  padding-right: 0.06rem;
  display: flex;
  align-items: center;
  right: 0;
  top: 0;
  direction: ltr;
}

.vc-v2-container .vc-v2-input .inputCon .input-bonus-tip.hasBonus {
  background: linear-gradient(
    90deg,
    rgba(236, 37, 41, 0),
    rgba(236, 37, 41, 0.4) 20%,
    #ec2529
  );
  box-shadow: 0 0.02rem 0.02rem 0 rgba(0, 0, 0, 0.08);
}

.vc-v2-container .vc-v2-input .inputCon .input-bonus-tip.currencyBack {
  right: 0.46rem;
}

.vc-v2-container .vc-v2-input .inputCon .input-bonus-tip .symbol {
  margin: 0 0.05rem;
}

.vc-v2-container .vc-v2-input .inputCon .input-bonus-tip:before {
  left: -1px;
  top: -0.09rem;
  content: "";
  height: 0.32rem;
  width: 100%;
  display: flex;
  text-align: right;
  justify-content: flex-end;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
}

.vc-v2-container .vc-v2-input .inputCon .input-bonus-tip.GOLDEN_EGG:before {
  background-image: url(/mobile/mc/fix-amount-egg.b3ebc78e.png);
}

.vc-v2-container .vc-v2-input .inputCon .input-bonus-tip.PRIZE_WHEEL:before {
  background-image: url(/mobile/mc/fix-amount-prize.575a9fc3.png);
}

.vc-v2-container .vc-v2-input .inputCon .input-bonus-tip.RAFFLE:before {
  background-image: url(/mobile/mc/fix-amount-red.e1ce625f.png);
}

.vc-v2-container .vc-v2-input .inputCon .input-bonus-tip.TREASURE:before {
  background-image: url(/mobile/mc/fix-amount-treasure.425c7352.png);
}

.vc-v2-container .vc-v2-input .inputCon .input-bonus-tip.CASH_VOUCHER:before {
  background-image: url(/mobile/mc/fix-amount-cash.618a0c0f.png);
}

.vc-v2-container .vc-v2-input .inputCon .input-bonus-tip.GIFT_CODE:before {
  background-image: url(/mobile/mc/fix-amount-gift.1bf659a0.png);
}

.vc-v2-container .vc-v2-input .inputCon .input-bonus-tip.FREE_SPIN:before {
  background-image: url(/mobile/mc/fix-amount-free.21f66802.png);
}

.vc-v2-container .vc-v2-input .deposit-amount-con .error-tips {
  font-size: 0.24rem;
  color: #ec2529;
  padding-left: 0.2rem;
  margin-top: 0.1rem;
  display: inline-block;
}

.vc-v2-container .vc-v2-input .deposit-amount-con .inputCon {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 0;
}

.vc-v2-container .vc-v2-input .deposit-amount-con .inputCon i {
  font-style: normal;
  display: inline-block;
  text-align: center;
  font-size: 0.26rem;
  width: auto;
  flex: 0 0 0.5rem;
  padding: 0 0.2rem;
}

.vc-v2-container .vc-v2-input .deposit-amount-con .inputCon input {
  position: relative;
  top: auto;
  left: auto;
  transform: unset;
  width: auto;
  padding-left: unset;
  flex: 1 1 0%;
}

.vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .inputCon
  input::-webkit-input-placeholder {
  color: #a1a1a1;
}

.vc-v2-container .vc-v2-input .deposit-amount-con .inputCon input::placeholder {
  color: #a1a1a1;
}

.vc-v2-container .express-rule-content {
  max-height: 60vh;
  overflow-y: auto;
  text-align: left;
  font-size: 0.26rem;
  line-height: 1.5;
  color: #333;
}

.vc-v2-container .vc-v2-active-container {
  padding-bottom: 0.4rem;
}

.vc-v2-container .vc-v2-active-container .on {
  background: rgba(51, 153, 255, 0.3);
}

.vc-v2-container .vc-v2-active-container .act-container {
  padding: 0.25rem 0.12rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.vc-v2-container .vc-v2-active-container .act-container.express-wrap {
  position: relative;
  margin-left: 0.32rem;
  width: 6.66rem;
  height: 1.74rem;
  display: flex;
  background: url(/mobile/mc/express-bg.077469e2.png) no-repeat 100% / contain;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  color: #fff;
}

.vc-v2-container .vc-v2-active-container .act-container.express-wrap:before {
  top: 50%;
  left: -0.24rem;
  position: absolute;
  display: block;
  content: "";
  width: 0.26rem;
  height: 0.26rem;
  border-radius: 0.66rem;
  border: 1px solid #fd2f2f;
}

.vc-v2-container .vc-v2-active-container .act-container.express-wrap:after {
  border-radius: 50%;
  top: 50%;
  left: -0.17rem;
  transform: translateY(50%);
  position: absolute;
  content: "";
  display: block;
  width: 0.14rem;
  height: 0.15rem;
  background-color: #fd2f2f;
}

.vc-v2-container
  .vc-v2-active-container
  .act-container.express-wrap
  .express-wrap-left {
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 2.58rem;
  font-size: 0.32rem;
  font-weight: 600;
  border-right: 1px solid #fff;
  padding-left: 0.3rem;
}

.vc-v2-container
  .vc-v2-active-container
  .act-container.express-wrap
  .express-wrap-left
  .express-title {
  padding: 0 0.1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.vc-v2-container
  .vc-v2-active-container
  .act-container.express-wrap
  .express-wrap-left
  .number-mc {
  font-size: 0.32rem;
  padding: 0;
}

.vc-v2-container
  .vc-v2-active-container
  .act-container.express-wrap
  .express-wrap-right {
  display: flex;
  padding-right: 0.56rem;
  width: 40%;
  flex-direction: column;
  font-size: 0.24rem;
  align-items: center;
  font-weight: 600;
}

.vc-v2-container
  .vc-v2-active-container
  .act-container.express-wrap
  .express-wrap-right
  span {
  padding: 0 0.1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  gap: 0.2rem;
}

.vc-v2-container
  .vc-v2-active-container
  .act-container.express-wrap
  .express-wrap-right
  span.bonus-amount {
  display: flex;
  align-items: center;
  font-size: 0.45rem;
  gap: 0.05rem;
}

.vc-v2-container
  .vc-v2-active-container
  .act-container.express-wrap
  .express-wrap-right
  span.bonus-amount:before {
  display: block;
  width: 0.45rem;
  height: 0.45rem;
  content: "";
}

.vc-v2-container
  .vc-v2-active-container
  .act-container.express-wrap
  .express-wrap-right
  span.bonus-amount.ticket:before {
  background: url(/mobile/mc/express-ticket.3242da34.png) no-repeat 100% / cover;
}

.vc-v2-container
  .vc-v2-active-container
  .act-container.express-wrap
  .express-wrap-right
  span.bonus-amount.bonus:before {
  background: url(/mobile/mc/express-bonus.9dcff344.png) no-repeat 100% / cover;
}

.vc-v2-container
  .vc-v2-active-container
  .act-container.express-wrap
  .express-wrap-right
  span.bonus-amount
  .express-rule-icon {
  flex-shrink: 0;
  margin-left: 0.08rem;
  width: 0.32rem;
  height: 0.32rem;
  fill: #fff;
}

.vc-v2-container .vc-v2-active-container .act-container .act-item {
  border-radius: 0.08rem;
  border: 1px solid #efefef;
  margin-top: 0;
  padding-left: 0.56rem;
}

.vc-v2-container .vc-v2-active-container .act-item {
  font-size: 0.24rem;
  position: relative;
}

.vc-v2-container .vc-v2-active-container .act-item:before {
  top: 0.16rem;
  left: 0.16rem;
  position: absolute;
  display: block;
  content: "";
  width: 0.21rem;
  height: 0.21rem;
  border-radius: 0.66rem;
  border: 1px solid #9b9b9b;
}

.vc-v2-container .vc-v2-active-container .act-item .act-prom-name {
  font-weight: 900;
  font-size: 0.24rem;
  color: #333;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.1rem;
  padding: 0.16rem 0 0;
}

.vc-v2-container .vc-v2-active-container .act-item .act-name {
  flex: 1 1 0%;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
  line-height: normal;
}

.vc-v2-container .vc-v2-active-container .act-item .act-mount {
  border-left: 0;
  padding: 0 0.2rem 0 0;
  color: #fa1f4e;
  position: relative;
  transform: none;
}

.vc-v2-container .vc-v2-active-container .act-item .act-mount i {
  color: #fa1f4e;
}

.vc-v2-container .vc-v2-active-container .act-item p {
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-bottom: 0.1rem;
}

.vc-v2-container .vc-v2-active-container .act-item .vc-v2-account-info {
  line-height: 1.4;
  height: 0.34rem;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0.2rem;
  display: none;
}

.vc-v2-container .vc-v2-active-container .act-item.dis,
.vc-v2-container .vc-v2-active-container .act-item.dis .act-mount,
.vc-v2-container .vc-v2-active-container .act-item.dis .act-mount i,
.vc-v2-container .vc-v2-active-container .act-item.dis .act-prom-name,
.vc-v2-container .vc-v2-active-container .act-item.dis p {
  color: #ccc;
}

.vc-v2-container .vc-v2-active-container .act-item.on {
  border: 1px solid #ff9494;
  background: #fff7f7;
  color: #666;
  font-size: 0.24rem;
  padding-bottom: 0.16rem;
}

.vc-v2-container .vc-v2-active-container .act-item.on:before {
  border: 1px solid #fd2f2f;
}

.vc-v2-container .vc-v2-active-container .act-item.on:after {
  border-radius: 50%;
  top: 0.22rem;
  left: 0.22rem;
  position: absolute;
  content: "";
  display: block;
  width: 0.13rem;
  height: 0.13rem;
  background-color: #fd2f2f;
}

.vc-v2-container .vc-v2-active-container .act-item.on .vc-v2-account-info {
  border-top: 1px solid #febbbb;
  margin: 0.08rem 0.16rem 0 0;
  padding-top: 0.08rem;
  background: none;
  white-space: normal;
  word-break: break-word;
  display: flex;
  flex-direction: column;
  gap: 0.08rem;
}

.vc-v2-container
  .vc-v2-active-container
  .act-item.on
  .vc-v2-account-info
  .task-item {
  width: 100%;
  display: flex;
  min-height: 0.78rem;
  margin-bottom: 0.08rem;
  font-weight: 400;
  padding: 0.22rem 0.16rem;
  font-size: 0.24rem;
  border-radius: 0.04rem;
  background: url(/mobile/mc/incomplete-bg.9c56c79b.png) no-repeat 100% / cover;
  align-items: center;
  justify-content: space-between;
  color: #fa1f4e;
}

.vc-v2-container
  .vc-v2-active-container
  .act-item.on
  .vc-v2-account-info
  .task-item.done {
  color: #0c9a1b;
  background: url(/mobile/mc/complete-bg.2e947c6e.png) no-repeat 100% / cover;
}

.vc-v2-container
  .vc-v2-active-container
  .act-item.on
  .vc-v2-account-info
  .task-item
  .setting-text {
  display: block;
  line-height: 1.1;
  max-width: 50%;
}

.vc-v2-container
  .vc-v2-active-container
  .act-item.on
  .vc-v2-account-info
  .task-item
  .setting-button {
  display: flex;
  position: relative;
  text-align: center;
  min-width: 1.44rem;
  padding: 0.04rem 0.1rem;
  font-size: 0.24rem;
  color: #fff;
  border-radius: 0.5rem;
  background: #fd2f2f;
  align-items: center;
  justify-content: space-between;
}

.vc-v2-container
  .vc-v2-active-container
  .act-item.on
  .vc-v2-account-info
  .task-item
  .setting-button:before {
  position: absolute;
  left: -0.16rem;
  top: 0;
  content: "";
  display: block;
  width: 1px;
  height: 0.42rem;
  background-size: contain;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAsCAYAAABPEGliAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAtSURBVHgB7dDBDQAABENRxEBGsZlVbIgmZnDykybvXK4Io0lnDghtjxvg+QQaTqIDqfYq0DUAAAAASUVORK5CYII=);
}

.vc-v2-container
  .vc-v2-active-container
  .act-item.on
  .vc-v2-account-info
  .task-item
  .setting-button
  .deposit-promo-icon {
  width: 0.24rem;
  height: 0.24rem;
}

.vc-v2-container
  .vc-v2-active-container
  .act-item.on
  .vc-v2-account-info
  :last-child {
  border: none;
}

.vc-v2-container .vc-v2-active-container .act-item.on .act-name {
  white-space: normal;
}

.vc-v2-container .vc-v2-active-container .act-item.on .act-mount {
  border-left: 0;
}

.vc-v2-container .vc-v2-active-container .act-item.on .vc-v2-account-info {
  color: #333;
}

.vc-v2-container .vc-v2-active-container .act-item.on .act-prom-remark,
.vc-v2-container .vc-v2-active-container .act-item.on .vc-v2-account-info {
  margin: 0 0.22rem 0 0;
  background: none;
  color: #707070;
  font-size: 0.24rem;
  font-weight: 400;
}

.vc-v2-container .vc-v2-active-container .act-item.on .vc-v2-account-info,
.vc-v2-container .vc-v2-active-container .act-item.on p {
  height: auto;
  overflow: auto;
  white-space: inherit;
  word-break: inherit;
  background: none;
}

@keyframes flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}

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

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

.vc-v2-container .change-item-animate.in {
  animation: fadeIn 0.25s;
  animation-iteration-count: 1;
}

.vc-v2-container .change-item-animate.out {
  animation: fadeOut 0.25s;
  animation-iteration-count: 1;
}

.vc-v2-container .pd20 {
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}

.vc-v2-container .pd-btm-20 {
  padding-bottom: 0.2rem;
}

.vc-v2-container .pd-top-20 {
  padding-top: 0.2rem;
}

.vc-v2-container .no-border {
  border: none;
}

.vc-v2-container .no-border .inputCon {
  border: none;
  font-weight: 700;
  padding-left: 0;
  border-radius: 0;
  border-top: 0 !important;
  border-right: 0 !important;
  border-left: 0 !important;
  border-bottom: 1px solid #e4e4e4 !important;
}

.vc-v2-container .no-border .inputCon input {
  font-weight: 700;
}

.vc-v2-container .deposit-extra-wrapper {
  display: flex;
  flex-direction: column;
}

.vc-v2-container .deposit-extra-wrapper .deposit-extra-wrap {
  margin: 0.27rem 0;
  display: flex;
  align-items: stretch;
  position: relative;
  min-height: 1.46rem;
  padding: 0.0276rem;
  background: linear-gradient(
    180deg,
    #ffed9f,
    #fef8de 14.69%,
    #fff 49.29%,
    #fef8de 78.86%,
    #ffed9f 98.57%
  );
  border-radius: 0.2rem;
}

.vc-v2-container .deposit-extra-wrapper .deposit-extra-wrap:before {
  content: "";
  flex: 0 0 2.7rem;
  height: 1.37rem;
  border-radius: 0.2rem 0 0 0.2rem;
  background:
    url(/mobile/mc/deposit-extra-promo.e97c8b8f.png) no-repeat 50% / contain,
    radial-gradient(
      869.65% 133.81% at 9.26% 96.43%,
      #bc73f0 0,
      #9181fd 45.5%,
      #365ed2 83.72%
    ),
    #fff;
}

.vc-v2-container .deposit-extra-wrapper .deposit-extra-wrap:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -0.09rem;
  transform: translateY(-50%);
  width: 0.18rem;
  height: 1.02rem;
  background:
    radial-gradient(circle at 50% 0.09rem, #fff 0.09rem, transparent 0.1rem),
    radial-gradient(circle at 50% 0.37rem, #fff 0.09rem, transparent 0.1rem),
    radial-gradient(circle at 50% 0.65rem, #fff 0.09rem, transparent 0.1rem),
    radial-gradient(circle at 50% 0.93rem, #fff 0.09rem, transparent 0.1rem);
}

.vc-v2-container .deposit-extra-wrapper .deposit-extra-wrap .extra-item {
  flex: 1 1 0%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 0.06rem;
  position: relative;
  color: #733b0c;
  font-size: 0.24rem;
  font-weight: 700;
  word-break: break-word;
  margin-left: 0.27rem;
  padding-right: 0.1rem;
}

.vc-v2-container .deposit-extra-wrapper .deposit-extra-wrap .extra-item:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -0.09rem;
  transform: translateY(-50%);
  width: 0.18rem;
  height: 1.02rem;
  background:
    radial-gradient(circle at 50% 0.09rem, #fff 0.09rem, transparent 0.1rem),
    radial-gradient(circle at 50% 0.37rem, #fff 0.09rem, transparent 0.1rem),
    radial-gradient(circle at 50% 0.65rem, #fff 0.09rem, transparent 0.1rem),
    radial-gradient(circle at 50% 0.93rem, #fff 0.09rem, transparent 0.1rem);
}

.vc-v2-container .deposit-extra-wrapper .deposit-extra-wrap .extra-bonus {
  color: #482225;
  font-size: 0.32rem;
  font-weight: 700;
}

.mc-vc-bank-popup .am-list-header {
  font-weight: 700;
  color: #333;
  font-size: 0.32rem;
  padding-top: 0.5rem;
}

.mc-vc-bank-popup .am-list-header:before {
  content: "";
  width: 1rem;
  height: 0.1rem;
  border-radius: 0.1rem;
  background: #cbcbcb;
  position: absolute;
  left: 50%;
  top: 0.2rem;
  transform: translateX(-50%);
}

.mc-vc-bank-popup .am-list-header span {
  top: -0.24rem !important;
  right: -0.1rem !important;
}

.mc-vc-bank-popup .am-list-header span svg {
  fill: #cbcbcb;
}

.mc-vc-bank-popup .am-list-header span .am-icon-md {
  width: 0.6rem;
  height: 0.6rem;
}

.mc-vc-bank-popup .card-title {
  width: 100%;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
}

.mc-vc-bank-popup .vc-ban-list-item {
  padding: 0.2rem 0.25rem;
}

.mc-vc-bank-popup .vc-ban-list-item .bank-name-item {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
}

.mc-vc-bank-popup .vc-ban-list-item {
  margin: 0 0.2rem;
  padding: 0.2rem 0;
  position: relative;
  border-bottom: 1px solid #e4e4e4 !important;
}

.mc-vc-bank-popup .vc-ban-list-item .bank-name-item i {
  margin-top: 0.1rem;
  display: inline-block;
  font-style: normal;
}

.mc-vc-bank-popup .vc-ban-list-item div {
  display: inline-block;
  overflow: hidden;
  height: 0.5rem;
  position: relative;
}

.mc-vc-bank-popup .vc-ban-list-item div img {
  width: auto;
  height: 100%;
}

.mc-vc-bank-popup .vc-ban-list-item span {
  position: absolute;
  right: 0.1rem;
  top: 50%;
  color: #666;
  transform: translateY(-50%);
}

.mc-vc-bank-popup .vc-ban-list-item img {
  height: 0.5rem;
  width: auto;
  margin-left: 0.1rem;
}

.usdt-msg-container .voucher-msg-container {
  height: calc(var(--vh, 1vh) * 100 - 1.4rem);
  overflow-y: scroll;
  background: #fff;
}

.usdt-msg-container .am-navbar-title {
  color: #fff;
}

.usdt-msg-container .usdt-desc {
  padding: 0.2rem 0;
  text-align: left;
  font-size: 0.24rem !important;
  line-height: 1.4;
  color: #ec2529 !important;
}

.usdt-msg-container .usdt-desc div {
  color: #666 !important;
}

.usdt-msg-container .usdt-desc .tip {
  display: flex;
  flex-direction: column;
  margin-bottom: 0.05rem;
}

.ranndom-container:nth-child(0) .vc-v2-title:before {
  background: #c330ab;
}

.ranndom-container:first-child .vc-v2-title:before {
  background: #fb9e00;
}

.ranndom-container:nth-child(2) .vc-v2-title:before {
  background: #65cac0;
}

.ranndom-container.pay-way-container .vc-v2-title:before {
  background: #65cac0;
}

.ranndom-container.pay-way-container .vc-v2-method-list ul {
  display: flex;
  flex-wrap: wrap;
}

.ranndom-container.pay-way-container .vc-v2-method-list ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.14rem;
}

.ranndom-container:nth-child(3) .vc-v2-title:before {
  background: #01bcff;
}

.ranndom-container.vc-v2-amount .vc-v2-title:before {
  background: #b56f85;
}

.ranndom-container:nth-child(4) .vc-v2-title:before {
  background: #fe01da;
}

.ranndom-container:nth-child(5) .vc-v2-title:before {
  background: #5c01fc;
}

.ranndom-container:nth-child(6) .vc-v2-title:before {
  background: #34d620;
}

.ranndom-container > .pay-dc:before {
  background: #113ee0;
}

.ranndom-container .pay-active:before {
  background: #d41717;
}

.deposit-input-wrapper.TELCO {
  display: flex;
  flex-direction: column;
}

.deposit-input-wrapper.TELCO .telco-item {
  order: -1;
}

.deposit-input-wrapper.PHONECARD {
  display: flex;
  flex-direction: column;
}

.deposit-input-wrapper.PHONECARD .telco-item {
  order: -1;
}

.voucher-msg-v2-footer {
  min-height: 1.2rem;
  width: 100%;
  position: fixed;
  height: auto !important;
  bottom: 0;
  background: #ec2529;
  color: #fff;
  text-align: center;
  left: 0;
  z-index: 99;
}

.voucher-msg-v2-footer > div {
  padding: 0.2rem 0;
  display: flex;
  justify-content: space-around;
}

.voucher-msg-v2-footer .voucher-btn {
  color: #fff;
  font-size: 0.26rem;
  display: inline-block;
  min-height: 1rem;
  width: calc(33% - 0.4rem);
  border-radius: 0.1rem;
  border: 1px solid #fff;
  background: none;
  white-space: normal;
  word-break: break-word;
  vertical-align: middle;
  position: relative;
}

.voucher-msg-v2-footer .voucher-btn span {
  display: flex;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
}

.voucher-msg-v2-footer .voucher-btn.more-voucher {
  padding: 0.05rem;
  background-color: #0095fb;
  border: none;
}

#root .mc-header-wrap.msg-show-header,
#root.mc-test-root .mc-header-wrap.msg-show-header {
  height: auto;
}

.msg-show-container {
  position: fixed;
  height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100 - 0.8rem);
  width: 100%;
  top: 0;
  z-index: 999;
}

.msg-show-container .msg-show-content {
  width: 100%;
  position: absolute;
  white-space: normal;
  overflow-y: scroll;
  word-break: break-all;
}

.msg-show-container .msg-show-content .voucher-msg-content {
  width: calc(100% - 1.1rem);
}

.msg-show-container .msg-show-content .voucher-msg-content.no-copy {
  width: 100%;
}

.msg-show-container .voucher-msg-title {
  width: calc(100% - 1.5rem);
  word-break: keep-all;
}

.msg-show-container .msg-show-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0.8rem;
}

.ios-version input {
  height: 0.7rem;
}

.ios-version input::-webkit-input-placeholder {
  font-size: 0.26rem !important;
}

.ios-version input::placeholder {
  font-size: 0.26rem !important;
}

.bank-card-tips {
  text-align: left;
}

.deposit-bank-card-tips {
  text-align: center;
}

.deposit-bank-card-tips .tips-item {
  margin-top: 0.1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.bank-phone-tips,
.vc-v2-submit {
  text-align: center;
}

.vc-v2-submit {
  padding: 0.1rem 0;
  min-height: 0.7rem;
  width: 100%;
  position: fixed;
  bottom: 0;
  background: #ec2529;
  color: #fff;
  left: 0;
  line-height: 0.9rem;
  z-index: 99;
}

.vc-v2-submit div {
  width: 100%;
  height: 100%;
}

.vc-v2-submit i {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  background: url(/mobile/mc/down_icon.293f08cc.png) no-repeat;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 0.26rem;
  bottom: 1.26rem;
  background-size: 100% auto;
  animation: flash 5s;
  animation-iteration-count: infinite;
}

.vc-v2-submit.dis {
  background: #cdcdcd;
}

.deposit-loading .mc-spinner-loading-wrap,
.null-pay-way-container {
  position: fixed;
  height: calc(100vh - 1rem);
  height: calc(var(--vh, 1vh) * 100 - 1rem);
  background-color: #fff;
}

.first-deposit-popup {
  position: relative;
  z-index: 99999999;
}

.first-deposit-popup .am-popup {
  background-color: transparent;
}

.first-deposit-popup .am-popup .am-popup-body {
  background: rgba(0, 0, 0, 0.8);
}

.first-deposit-popup .am-popup .first-deposit-wrapper {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  padding: 0.28rem 0.25rem 0.28rem 0.45rem;
}

.first-deposit-popup .am-popup .first-deposit-wrapper .first-icon {
  width: 1.05rem;
  height: 1.04rem;
}

.first-deposit-popup .am-popup .first-deposit-wrapper .first-deposit-content {
  position: relative;
  display: flex;
  flex-direction: column;
  padding-top: 0.94rem;
  width: 100%;
}

.first-deposit-popup
  .am-popup
  .first-deposit-wrapper
  .first-deposit-content:before {
  position: absolute;
  content: "";
  top: -0.28rem;
  right: 0.85rem;
  width: 1.59rem;
  height: 1.35rem;
  background: url(/mobile/mc/first-deposit-arrow.49cb7762.png) no-repeat 50% /
    contain;
}

.first-deposit-popup
  .am-popup
  .first-deposit-wrapper
  .first-deposit-content
  .content-wrap {
  min-height: 0.8rem;
  border-radius: 0.21rem;
  background: linear-gradient(92deg, #ffe7e2 -4.59%, #ffcfb5 96.12%);
  border: 0.02rem solid #fff1ea;
  display: flex;
}

.first-deposit-popup
  .am-popup
  .first-deposit-wrapper
  .first-deposit-content
  .content-wrap
  .first-img {
  width: 0.81rem;
  height: 0.8rem;
  margin: -0.33rem 0 0 -0.04rem;
}

.first-deposit-popup
  .am-popup
  .first-deposit-wrapper
  .first-deposit-content
  .content-wrap
  .first-deposit-txt {
  padding: 0.22rem 0.24rem 0.24rem;
  flex: 1 1 0%;
  word-break: break-word;
  color: #1d222a;
  font-size: 0.28rem;
  display: flex;
  align-items: center;
  text-align: left;
}

.first-deposit-popup .am-popup .first-deposit-wrapper .first-deposit-btn {
  margin-top: 0.4rem;
  min-width: 1.7rem;
  height: 0.7rem;
  padding: 0 0.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.94rem;
  border: 0.02rem solid #fff;
  background: rgba(95, 95, 95, 0.9);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #fff;
  font-size: 0.26rem;
  font-weight: 400;
  align-self: center;
}

.v-detail-base #mc-my-wallet-root {
  background: none;
}

.v-detail-base #mc-my-wallet-root .mc-wallet-footer-body {
  padding: 0.3rem 0.35rem 0.2rem;
  border-top: 1px solid #ddd;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-footer-body
  .am-flexbox-item:first-child {
  text-align: left;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-footer-body
  .am-flexbox-item:first-child
  .mc-wallet-button-transfer {
  padding: 0;
  height: 100%;
  line-height: 1;
  border: none;
  font-size: 0.3rem;
  justify-content: start;
  color: #5c5c5c;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-footer-body
  .am-flexbox-item:first-child
  .mc-wallet-button-transfer
  svg {
  color: #a4a4a4;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-footer-body
  .am-flexbox-item:last-child {
  text-align: right;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-footer-body
  .am-flexbox-item:last-child
  button {
  height: 100%;
  line-height: 1;
  box-sizing: border-box;
  background-color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: none;
  outline: 0 none;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-footer-body
  .am-icon-wallet-sample-1,
.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-footer-body
  .am-icon-wallet-sample-2 {
  width: 0.5rem;
  height: 0.5rem;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-footer-body
  .am-icon-wallet-sample-1 {
  margin-right: 0.08rem;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-footer-body
  .am-icon-wallet-sample-2 {
  margin-left: 0.08rem;
}

.v-detail-base #mc-my-wallet-root .mc-wallet-footer-body .am-icon-exchange {
  position: relative;
  bottom: 0.05rem;
  width: 0.33rem;
  height: 0.33rem;
  color: #a4a4a4;
}

.v-detail-base #mc-my-wallet-root .mc-wallet-banner-footer {
  padding-left: 0;
  padding-right: 0;
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-trans-list .am-list-header {
  display: block;
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-trans-list .wallet-list-root {
  flex-direction: column;
  flex-wrap: nowrap;
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-trans-list .am-list-item {
  padding-left: 0;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-trans-list
  .am-list-item
  .am-list-line-multiple {
  padding-left: 0.3rem;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-trans-list
  .mc-wallet-list-body
  > .am-flexbox-item:first-child {
  height: 0.33rem;
  flex: 0 1 auto;
  line-height: 0.3rem;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-trans-list
  .mc-wallet-list-body
  > .am-flexbox-item:first-child
  svg {
  width: 0.6rem;
  height: 0.6rem;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-trans-list
  .mc-wallet-list-body
  .am-flexbox
  .am-flexbox-item:first-child {
  margin-left: 0.16rem;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-trans-list
  .mc-wallet-list-body
  .wallet-name {
  font-size: 0.32rem;
  color: #5b5b5b;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-trans-list
  .mc-wallet-list-body
  .am-flexbox-item.emptyItem {
  flex: 0 0 20%;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-trans-list
  .mc-wallet-list-body
  .am-flexbox-item.emptyItem-right {
  flex: 0 0 80%;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-trans-list
  .mc-wallet-list-body
  .wallet-name.empty {
  display: inline-block;
  width: 100%;
  height: 1rem;
  background-color: #efefef;
  border: 1px solid #bbb;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-trans-list
  .mc-wallet-list-body
  .wallet-balance {
  font-size: 0.32rem;
  color: #fb481f;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-trans-list
  .mc-wallet-list-body
  .wallet-balance.empty {
  display: inline-block;
  width: 97%;
  height: 1rem;
  background-color: #efefef;
  border: 1px solid #bbb;
}

.v-detail-base .wallet-list-root {
  display: flex;
  width: 100%;
  flex-direction: row;
  flex-wrap: wrap;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-trans-details
  .trans-container {
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 40%;
  font-size: 0.28rem;
  text-align: center;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-trans-details
  .trans-container
  > span {
  display: block;
  padding: 0.2rem 1px;
  background: #ebebeb;
  color: #666262;
  border-radius: 0.1rem;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-trans-details
  .trans-container
  > span.checked {
  color: #689fec;
  background: #edf3ff;
  font-size: 0.26rem;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-trans-details
  .trans-icon-container {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 10%;
  height: 1rem;
  line-height: 0.6rem;
  color: #a5a5a5;
  text-align: center;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .am-list-item
  .am-list-line-multiple {
  padding: 0.25rem 0.1rem 0.25rem 0;
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-list .am-list-body {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  background-color: transparent;
  border-top: none;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .am-list-body
  .am-list-item {
  flex: 0 0 45%;
  flex-wrap: wrap;
  margin: 0.15rem 0.12rem 0.15rem 0.15rem;
  padding-left: 0.2rem;
  height: 1.2rem;
  box-shadow: 0.02rem 0.02rem 0.1rem 0.03rem hsla(0, 0%, 91%, 0.9);
  border-radius: 0.24rem;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .am-list-body
  .am-list-item:first-child {
  flex: 0 0 95% !important;
  flex-wrap: wrap;
  margin: 0.15rem 0.12rem 0.15rem 0.15rem;
  padding-left: 0.2rem;
  height: 1.2rem;
  box-shadow: 0.02rem 0.02rem 0.1rem 0.03rem hsla(0, 0%, 91%, 0.9);
  border-radius: 0.24rem;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .am-list-body
  .am-list-item
  .am-list-line
  .am-list-content {
  line-height: 1.2;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .am-list-body
  .am-list-item#mc-wallet-checked {
  border: 1px solid #3a86f7;
  background: rgba(16, 142, 233, 0.1);
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .am-list-body
  .am-list-item
  .am-list-line
  .am-list-extra {
  flex-basis: 20%;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-list-body
  .am-flexbox-item:first-child {
  width: 0.7rem;
  height: 0.33rem;
  flex: 0 1 auto;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-list-body
  .am-flexbox-item:first-child
  svg {
  width: 0.6rem;
  height: 0.6rem;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-list-body
  .am-flexbox-item.empty:first-child {
  width: 100%;
  height: 100%;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-list-body
  .am-flexbox
  .am-flexbox-item:first-child {
  margin-left: 0.16rem;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-list-body
  .wallet-name {
  font-size: 0.28rem;
  color: #5b5b5b;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-list-body
  .wallet-balance {
  font-size: 0.24rem;
  color: #fb481f;
}

.v-detail-base #mc-my-wallet-root .mc-wallet-more {
  text-align: center;
  height: 0.6rem;
  line-height: 0.6rem;
}

.v-detail-base #mc-my-wallet-root .mc-wallet-more button {
  letter-spacing: 1.5px;
  color: #3a86f7;
  padding: 0;
  height: 100%;
  line-height: 1;
  border: none;
  font-size: 0.3rem;
  justify-content: start;
  background-color: transparent;
}

.v-detail-base #mc-my-wallet-root .mc-wallet-more button svg {
  position: relative;
  top: 0.05rem;
  color: #3a86f7;
  width: 0.33rem;
  height: 0.33rem;
  margin-right: 0.1rem;
}

.v-detail-base #mc-my-wallet-root .empty-text-container {
  width: 100%;
  text-align: center;
}

.v-detail-base #mc-my-wallet-root .empty-text {
  font-size: 0.32rem;
  color: #656565;
}

.v-detail-base #mc-my-wallet-root .noLeftMargin {
  margin-left: 0;
  overflow: hidden;
}

.v-detail-base #mc-my-wallet-root .overflow-ellipsis {
  white-space: nowrap;
  overflow: auto;
  text-overflow: ellipsis;
}

.v-detail-base .mc-popup-trans {
  width: 100%;
  padding: 0.3rem 0.4rem;
}

.v-detail-base .mc-popup-trans input {
  display: block;
  margin-top: 0.15rem;
  margin-bottom: 0.15rem;
  padding: 0 0.2rem;
  width: 100%;
  height: 1rem;
  line-height: 1rem;
  font-size: 0.3rem;
}

.v-detail-base .am-button.btn-confirm-trans {
  color: #fff;
  background-color: #ff0126;
  border: 1px solid #ff0126;
}

.v-detail-base .am-button.btn-confirm-trans.am-button-active {
  background-color: #fb481f;
  border: 1px solid #fb481f;
}

.v-detail-base .mc-alert-wallet-transfer {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
}

.v-detail-base .flex-transfer {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  padding: 0 0.5rem;
}

.v-detail-base .flex-transfer .red {
  color: #fb481f;
}

.trans-container-header.transfer {
  border: none;
}

.nickname-form.wallet {
  background: transparent;
}

.nickname-form.wallet .btn-confirm-trans:disabled {
  background-color: unset;
  border: unset;
  background-image: linear-gradient(-93deg, #cecece, #c4c4c4) !important;
}

.v-detail-base #mc-my-wallet-root .mc-wallet-footer-body {
  padding: 0.3rem 0.35rem 0.2rem;
  border-top: 1px solid #ddd;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-footer-body
  .am-flexbox-item:first-child {
  text-align: left;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-footer-body
  .am-flexbox-item:first-child
  .mc-wallet-button-transfer {
  padding: 0;
  height: 100%;
  line-height: 1;
  border: none;
  font-size: 0.3rem;
  justify-content: start;
  color: #5c5c5c;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-footer-body
  .am-flexbox-item:first-child
  .mc-wallet-button-transfer
  svg {
  color: #a4a4a4;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-footer-body
  .am-flexbox-item:last-child {
  text-align: right;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-footer-body
  .am-flexbox-item:last-child
  button {
  height: 100%;
  line-height: 1;
  box-sizing: border-box;
  background-color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: none;
  outline: 0 none;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-footer-body
  .am-icon-wallet-sample-1,
.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-footer-body
  .am-icon-wallet-sample-2 {
  width: 0.5rem;
  height: 0.5rem;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-footer-body
  .am-icon-wallet-sample-1 {
  margin-right: 0.08rem;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-footer-body
  .am-icon-wallet-sample-2 {
  margin-left: 0.08rem;
}

.v-detail-base #mc-my-wallet-root .mc-wallet-footer-body .am-icon-exchange {
  position: relative;
  bottom: 0.05rem;
  width: 0.33rem;
  height: 0.33rem;
  color: #a4a4a4;
}

.v-detail-base #mc-my-wallet-root .mc-wallet-banner-footer {
  padding-left: 0;
  padding-right: 0;
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-trans-list .am-list-header {
  display: block;
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-trans-list .am-list-item {
  padding-left: 0;
}

.v-detail-base .mc-wallet-list-body.disabled .loading {
  width: 0.5568rem;
  height: 0.5568rem;
  border-radius: 50%;
  background-image: linear-gradient(130deg, #c9c9c9, #d8d8d8);
}

.v-detail-base .mc-wallet-list-body.disabled .wallet-balance {
  color: #c8c8c8 !important;
  font-weight: 500;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-trans-list
  .am-list-item
  .am-list-line-multiple {
  padding-left: 0.3rem;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-trans-list
  .mc-wallet-list-body
  > .am-flexbox-item:first-child {
  width: 0.7rem;
  height: 0.6rem;
  flex: 0 1 auto;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-trans-list
  .mc-wallet-list-body
  > .am-flexbox-item:first-child
  svg {
  width: 0.6rem;
  height: 0.6rem;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-trans-list
  .mc-wallet-list-body
  .am-flexbox
  .am-flexbox-item:first-child {
  margin-left: 0.16rem;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-trans-list
  .mc-wallet-list-body
  .wallet-name {
  font-size: 0.32rem;
  color: #5b5b5b;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-trans-list
  .mc-wallet-list-body
  .am-flexbox-item.emptyItem {
  flex: 0 0 20%;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-trans-list
  .mc-wallet-list-body
  .am-flexbox-item.emptyItem-right {
  flex: 0 0 80%;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-trans-list
  .mc-wallet-list-body
  .wallet-name.empty {
  display: inline-block;
  width: 100%;
  height: 1rem;
  background-color: #efefef;
  border: 1px solid #bbb;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-trans-list
  .mc-wallet-list-body
  .wallet-balance {
  font-size: 0.32rem;
  color: #fb481f;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-trans-list
  .mc-wallet-list-body
  .wallet-balance.empty {
  display: inline-block;
  width: 97%;
  height: 1rem;
  background-color: #efefef;
  border: 1px solid #bbb;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-trans-details {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  padding: 0 0.32rem;
  background: #fff;
  border-bottom: 1px solid #dedede;
  top: 0;
  left: 0;
  z-index: 20;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-trans-details
  .trans-container {
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 40%;
  font-size: 0.28rem;
  text-align: center;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-trans-details
  .trans-container
  > span {
  display: block;
  padding: 0.2rem 0.1rem;
  background: #ebebeb;
  color: #c4c4c4;
  border-radius: 0.1rem;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-trans-details
  .trans-container
  > span.checked {
  color: #accdfb;
  background: #edf3ff;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-trans-details
  .trans-icon-container {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 10%;
  height: 1rem;
  line-height: 1.2rem;
  color: #a5a5a5;
  text-align: center;
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-list .am-list-body {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  background-color: transparent;
  border-top: none;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .am-list-body
  > .am-list-item:nth-child(2n) {
  margin-right: 0;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .am-list-body
  .am-list-item {
  flex: 0 0 45%;
  flex-wrap: wrap;
  margin: 0.15rem 0.12rem 0.15rem 0.15rem;
  height: 1.2rem;
  box-shadow: 0.02rem 0.02rem 0.1rem 0.03rem hsla(0, 0%, 91%, 0.9);
  border-radius: 0.24rem;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .am-list-body
  .am-list-item
  .am-list-line
  .am-list-content {
  line-height: 1.2;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .am-list-body
  .am-list-item#mc-wallet-checked {
  border: 1px solid #3a86f7;
  background: rgba(16, 142, 233, 0.1);
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .am-list-body
  .am-list-item
  .am-list-line
  .am-list-extra {
  flex-basis: 17%;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-list-body
  > .am-flexbox-item:first-child {
  width: 0.7rem;
  height: 0.6rem;
  flex: 0 1 auto;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-list-body
  > .am-flexbox-item:first-child
  svg {
  width: 0.6rem;
  height: 0.6rem;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-list-body
  > .am-flexbox-item.empty:first-child {
  width: 100%;
  height: 100%;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-list-body
  .am-flexbox
  .am-flexbox-item:first-child {
  margin-left: 0.16rem;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-list-body
  .wallet-name {
  font-size: 0.28rem;
  color: #5b5b5b;
}

.v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-list-body
  .wallet-balance {
  font-size: 0.24rem;
  color: #fb481f;
}

.v-detail-base #mc-my-wallet-root .mc-wallet-more {
  text-align: center;
  height: 0.6rem;
  line-height: 0.6rem;
}

.v-detail-base #mc-my-wallet-root .mc-wallet-more button {
  letter-spacing: 1.5px;
  color: #3a86f7;
  padding: 0;
  height: 100%;
  line-height: 1;
  border: none;
  font-size: 0.3rem;
  justify-content: start;
  background-color: transparent;
}

.v-detail-base #mc-my-wallet-root .mc-wallet-more button svg {
  position: relative;
  top: 0.05rem;
  color: #3a86f7;
  width: 0.33rem;
  height: 0.33rem;
  margin-right: 0.1rem;
}

.v-detail-base #mc-my-wallet-root .empty-text-container {
  width: 100%;
  text-align: center;
}

.v-detail-base #mc-my-wallet-root .empty-text {
  font-size: 0.32rem;
  color: #656565;
}

.v-detail-base #mc-my-wallet-root .noLeftMargin {
  margin-left: 0;
  overflow: hidden;
}

.v-detail-base #mc-my-wallet-root .overflow-ellipsis {
  white-space: nowrap;
  overflow: auto;
  text-overflow: ellipsis;
}

.mc-wallet-home-list .am-list {
  overflow-x: hidden !important;
}

.records {
  color: #fffffe;
  display: block;
  height: 0.8rem;
  line-height: 0.8rem;
}

.v-base .m-mc-notice-container {
  -webkit-user-select: all;
  user-select: all;
  position: relative;
}

.v-base .m-mc-notice-container .m-mc-notice-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.2rem;
}

.v-base .m-mc-notice-container .m-mc-notice-title .title {
  flex: 1 1 0%;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.v-base .m-mc-notice-container .mmnt-title-detail {
  overflow: hidden;
  font-size: 0.28rem;
  color: #484848;
  word-break: break-word;
  font-weight: 600;
  text-align: left;
}

.v-base .m-mc-notice-container .mc-notice-prev {
  width: 0.4rem;
  height: 0.4rem;
  display: inline-block;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAYAAABG1c6oAAABhElEQVQ4jaXVv0tXURjH8ZdmkJu42Q/BKPsDhFr7AUWKrm7h0BQNUg1BNGQtEdRUQUt7OJgKkQi6BS2CBFFEgy4NYZNChBYPnAuX07l+v/j9LJd7nvO8Oc9zPs+9XZ/W17XQSZzAEfzEZ+w0pfQ0rAfgFiYxkMX+YAXPMZ8ndmfvXZjGl/TMYaHDuIy3WMbRJmDAXuEZelv1IekSPuJMCTiD622C6jqGJfTXgSO4dwBYpUE8rQNnUsmd6FqU3p0af7VDmHSgqQBeKJzuBc4n35UU5Z3Dbha7GMDhQsIpfIgNBehj3E52OZTFhgPYVwCGz2aTH+vQgN3FBN4U8voC+KuhrPEMer8Gm00Gz7UVwK8NwBz6qAUs9C1meRV7hTGsQ+fwHk/2gYWWq6/NIsb22diO/laXIvVnr0Pg6yi5Aq7hQQew77gj69tDvDwAbBNXKrfUgdGDG7iJ7TZh73A2Sq0WSjcbX+LTycQbhfhvLKT5H8WPerCdf8pxDKUx20qeDOj/wj+72k2qGTL1tQAAAABJRU5ErkJggg==)
    no-repeat;
  transform: rotate(90deg);
  background-size: 100% auto;
  position: absolute;
  right: 0.5rem;
  bottom: -0.1rem;
}

.v-base .m-mc-notice-container .mc-notice-next {
  width: 0.4rem;
  height: 0.4rem;
  display: inline-block;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAYAAABG1c6oAAABhElEQVQ4jaXVv0tXURjH8ZdmkJu42Q/BKPsDhFr7AUWKrm7h0BQNUg1BNGQtEdRUQUt7OJgKkQi6BS2CBFFEgy4NYZNChBYPnAuX07l+v/j9LJd7nvO8Oc9zPs+9XZ/W17XQSZzAEfzEZ+w0pfQ0rAfgFiYxkMX+YAXPMZ8ndmfvXZjGl/TMYaHDuIy3WMbRJmDAXuEZelv1IekSPuJMCTiD622C6jqGJfTXgSO4dwBYpUE8rQNnUsmd6FqU3p0af7VDmHSgqQBeKJzuBc4n35UU5Z3Dbha7GMDhQsIpfIgNBehj3E52OZTFhgPYVwCGz2aTH+vQgN3FBN4U8voC+KuhrPEMer8Gm00Gz7UVwK8NwBz6qAUs9C1meRV7hTGsQ+fwHk/2gYWWq6/NIsb22diO/laXIvVnr0Pg6yi5Aq7hQQew77gj69tDvDwAbBNXKrfUgdGDG7iJ7TZh73A2Sq0WSjcbX+LTycQbhfhvLKT5H8WPerCdf8pxDKUx20qeDOj/wj+72k2qGTL1tQAAAABJRU5ErkJggg==)
    no-repeat;
  background-size: 100% auto;
  transform: rotate(-90deg);
  position: absolute;
  right: 0;
  bottom: -0.1rem;
}

.v-base .m-mc-notice-container .m-mc-notice-header {
  border-bottom: 1px solid #ddd;
  padding: 0.2rem 0.2rem 0.2rem 0.4rem;
  position: relative;
  -webkit-touch-callout: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}

.v-base .m-mc-notice-container .m-mc-notice-header.readed {
  opacity: 0.5;
}

.v-base .m-mc-notice-container .mmnt-header {
  padding-right: 0.4rem;
}

.v-base .m-mc-notice-container p {
  text-align: justify;
}

.v-base .m-mc-notice-container img {
  max-width: 100%;
}

.v-base .m-mc-notice-container .mc-notice-control {
  position: absolute;
  width: 1rem;
  height: 0.4rem;
  right: 0.4rem;
  bottom: 0.2rem;
}

.v-base .m-mc-notice-container .mc-notice-time {
  margin-top: 0.2rem;
  color: #989898;
  font-size: 0.26rem;
  position: relative;
  -webkit-touch-callout: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  text-align: left;
}

.v-base .m-mc-notice-container .mc-notice-content {
  font-size: 0.24rem;
  padding: 0.2rem 0.4rem;
  white-space: pre-wrap;
  word-break: break-all;
  border-top: 1px solid #ddd;
  overflow: hidden;
  color: gray;
  background: #fff;
}

.v-base .m-mc-notice-container .mc-notice-content .responsive-table {
  overflow: auto;
}

.v-base .m-mc-notice-container .m-mc-notice-index-content {
  height: 0.4rem;
  overflow: hidden;
  margin-top: 0.1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #989898;
  font-size: 0.26rem;
}

.v-base .m-mc-notice-container .m-mc-notice-title {
  font-size: 0.28rem;
  color: #484848;
  font-weight: 600;
}

.v-base .m-mc-notice-container .m-mc-notice-title .m-mc-notice-title-time {
  color: #989898;
  font-size: 0.26rem;
}

.v-base .m-mc-notice-container .mc-notice-content table,
.v-base .m-mc-notice-container tbody,
.v-base .m-mc-notice-container td,
.v-base .m-mc-notice-container tfoot,
.v-base .m-mc-notice-container th,
.v-base .m-mc-notice-container thead,
.v-base .m-mc-notice-container time,
.v-base .m-mc-notice-container tr,
.v-base .m-mc-notice-container tt {
  border-width: 1px !important;
  border-style: solid !important;
  vertical-align: middle !important;
}

#myCanvas {
  width: 100% !important;
  height: auto !important;
  min-height: 4rem !important;
}

.mc-canvas-container {
  padding: 0.1rem;
}

.statis-container {
  margin: 0 0.15rem;
  background-color: #fff;
  box-shadow: 0 0 0.2rem 1px #e7e4e4;
  border-radius: 0.1rem;
  color: #a8a7a7;
}

.statis-container .statis-lin {
  display: flex;
  height: 1.3rem;
  border-bottom: 1px solid #ececec;
}

.statis-container .statis-lin .am-icon-md {
  height: 0.55rem;
  width: 0.55rem;
}

.statis-container .statis-lin .lin-left {
  width: 45%;
}

.statis-container .statis-lin .lin-rigth {
  width: 55%;
}

.statis-container .statis-lin .lin-left,
.statis-container .statis-lin .lin-rigth {
  display: flex;
  align-items: center;
  line-height: 0.4rem;
  padding: 0 0.15rem;
}

.statis-container .statis-lin .lin-left span,
.statis-container .statis-lin .lin-rigth span {
  flex-shrink: 0;
  min-width: 20%;
}

.statis-container .statis-lin .lin-left div,
.statis-container .statis-lin .lin-rigth div {
  padding-left: 0.15rem;
}

.statis-container .statis-lin .unit-color {
  font-size: 0.32rem;
  font-weight: 500;
  color: #c5c5c5 !important;
  padding-left: 0.08rem;
}

.statis-container .statis-lin .red-count {
  color: #fc6e60;
  font-size: 0.3rem;
  font-weight: 700;
}

.statis-container .statis-lin .green-count {
  color: #59c68f;
  font-size: 0.3rem;
  font-weight: 700;
}

.statis-container .statis-lin .blue-count {
  color: #5e88ee;
  font-size: 0.3rem;
  font-weight: 700;
}

.statis-container .statis-lin .gray-count {
  color: #7a7a7a;
  font-size: 0.3rem;
  font-weight: 700;
}

.clearfix:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}

.change-statis-wrap {
  display: flex;
  justify-content: space-between;
  height: 0.7rem;
  line-height: 0.7rem;
  font-size: 0.3rem;
  margin: 0.12rem 0 0.2rem;
  padding: 0 0.2rem;
  overflow: auto;
}

.change-statis-wrap .statis-left {
  display: flex;
  flex-shrink: 0;
}

.change-statis-wrap .statis-left .btn-change {
  padding: 0 0.5em;
  margin: 0 0.1rem;
  border-radius: 0.3rem;
  color: #989898;
  background-color: #f1f1f1;
}

.change-statis-wrap .statis-left .btn-change-active {
  padding: 0 0.5em;
  margin: 0 0.1rem;
  border-radius: 0.4rem;
  text-align: center;
  background-color: #308afa !important;
  color: #fff !important;
}

.change-statis-wrap .statis-rigth {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  flex-shrink: 0;
  margin-right: 0.7rem;
}

.change-statis-wrap .statis-rigth .statis-time {
  padding: 0 0.15rem;
  color: #fff;
  background-color: #308afa;
  box-shadow: 1px 1px 0.05rem 1px #308afa;
  border-radius: 0.5rem;
}

.statis-gameType-wrap {
  margin: 0.15rem 0;
  white-space: nowrap;
  overflow-y: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  font-size: 0.28rem;
}

.statis-gameType-wrap .active {
  background-color: #fef0ef !important;
  color: #6b6663 !important;
  border: 1px solid #fdd8e0 !important;
  box-shadow: -1px 0 0.05rem #fdd8e0 !important;
}

.statis-gameType-wrap .btn-wrap {
  display: inline-block;
  border-radius: 0.35rem;
  margin: 0 0.1rem;
  padding: 0.15rem 0.25rem;
  background-color: #f0f0f0;
  color: #c7c7c7;
}

.statis-gameType-wrap .btn-wrap i {
  display: inline-block;
  height: 0.2rem;
  width: 0.2rem;
  background: red;
  border-radius: 50%;
}

.statis-gameType-wrap .btn-wrap .gameType-item-0 {
  background: #ff8093;
}

.statis-gameType-wrap .btn-wrap .gameType-item-1 {
  background: #f2ba25;
}

.statis-gameType-wrap .btn-wrap .gameType-item-2 {
  background: #54bae0;
}

.statis-gameType-wrap .btn-wrap .gameType-item-3 {
  background: #c964ee;
}

.statis-gameType-wrap .btn-wrap .gameType-item-4 {
  background: #00ce71;
}

.statis-gameType-wrap .btn-wrap .gameType-item-5 {
  background: #c964ee;
}

.statis-gameType-wrap .btn-wrap .gameType-item-6 {
  background: #a0083b;
}

.statis-gameType-wrap .btn-wrap span {
  display: inline-block;
  margin: 0 0.1rem;
  height: 0.2rem;
  line-height: 0.2rem;
}

.overview-sum-wrapper {
  background-color: #fafafa;
  border-radius: 0.2rem;
  margin: 0.25rem 0.25rem 0;
}

.overview-sum-wrapper .sum-list-item {
  margin: 0 0.31rem;
  display: flex;
  padding: 0.24rem 0 0.23rem;
  border-bottom: 1px solid #ececec;
  font-size: 0.24rem;
  color: #424242;
  font-weight: 500;
  justify-content: space-between;
}

.overview-sum-wrapper .sum-list-item:last-child {
  border-bottom: none;
}

.overview-sum-wrapper .sum-list-item .text-blue {
  color: #3e6ffe;
}

.overview-statis-wrapper {
  margin: 0 0.25rem;
  position: relative;
}

.overview-statis-wrapper:after {
  background: url(/mobile/mc/overview-item.fcf2d392.png) no-repeat 50% / contain;
  width: 1.79rem;
  min-height: 1.03rem;
  position: absolute;
  content: "";
  top: -0.1rem;
  right: 0.08rem;
}

.overview-statis-wrapper .overview-title {
  font-size: 0.26rem;
  font-weight: 700;
  color: #424242;
  text-align: left;
}

.overview-statis-wrapper .overview-title .count {
  padding-left: 0.06rem;
}

.overview-statis-wrapper .overview-select {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 0.35rem;
}

.overview-statis-wrapper .overview-select .item-btn {
  flex: 0 0 24%;
  position: relative;
  margin-top: 0.2rem;
  border-radius: 0.08rem;
}

.overview-statis-wrapper .overview-select .item-btn:nth-child(6n + 1) {
  background-color: #fef1f1;
}

.overview-statis-wrapper
  .overview-select
  .item-btn:nth-child(6n + 1)
  input[type="radio"]:checked
  ~ .item-content:before {
  border-color: transparent transparent #fef1f1;
}

.overview-statis-wrapper
  .overview-select
  .item-btn:nth-child(6n + 1)
  .count:before {
  background-color: #ed4f4f;
}

.overview-statis-wrapper .overview-select .item-btn:nth-child(6n + 2) {
  background-color: #f4f1fe;
}

.overview-statis-wrapper
  .overview-select
  .item-btn:nth-child(6n + 2)
  input[type="radio"]:checked
  ~ .item-content:before {
  border-color: transparent transparent #f4f1fe;
}

.overview-statis-wrapper
  .overview-select
  .item-btn:nth-child(6n + 2)
  .count:before {
  background-color: #6d51f5;
}

.overview-statis-wrapper .overview-select .item-btn:nth-child(6n + 3) {
  background-color: #fcf1fe;
}

.overview-statis-wrapper
  .overview-select
  .item-btn:nth-child(6n + 3)
  input[type="radio"]:checked
  ~ .item-content:before {
  border-color: transparent transparent #fcf1fe;
}

.overview-statis-wrapper
  .overview-select
  .item-btn:nth-child(6n + 3)
  .count:before {
  background-color: #dc51f5;
}

.overview-statis-wrapper .overview-select .item-btn:nth-child(6n + 4) {
  background-color: #f1fef3;
}

.overview-statis-wrapper
  .overview-select
  .item-btn:nth-child(6n + 4)
  input[type="radio"]:checked
  ~ .item-content:before {
  border-color: transparent transparent #f1fef3;
}

.overview-statis-wrapper
  .overview-select
  .item-btn:nth-child(6n + 4)
  .count:before {
  background-color: #4fed65;
}

.overview-statis-wrapper .overview-select .item-btn:nth-child(6n + 5) {
  background-color: #fef6f1;
}

.overview-statis-wrapper
  .overview-select
  .item-btn:nth-child(6n + 5)
  input[type="radio"]:checked
  ~ .item-content:before {
  border-color: transparent transparent #fef6f1;
}

.overview-statis-wrapper
  .overview-select
  .item-btn:nth-child(6n + 5)
  .count:before {
  background-color: #f58b51;
}

.overview-statis-wrapper .overview-select .item-btn:nth-child(6n) {
  background-color: #f1fbfe;
}

.overview-statis-wrapper
  .overview-select
  .item-btn:nth-child(6n)
  input[type="radio"]:checked
  ~ label
  + .item-content:before {
  border-color: transparent transparent #f1fbfe;
}

.overview-statis-wrapper
  .overview-select
  .item-btn:nth-child(6n)
  .count:before {
  background-color: #51ccf5;
}

.overview-statis-wrapper .overview-select .item-btn input[type="radio"] {
  display: none;
}

.overview-statis-wrapper
  .overview-select
  .item-btn
  input[type="radio"]:checked
  ~ label {
  border: 1px solid #ed4f4f;
}

.overview-statis-wrapper
  .overview-select
  .item-btn
  input[type="radio"]:checked
  ~ .item-content:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.13rem;
  content: "";
  position: absolute;
  top: -0.23rem;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 3;
}

.overview-statis-wrapper
  .overview-select
  .item-btn
  input[type="radio"]:checked
  ~ .item-content:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.13rem;
  content: "";
  position: absolute;
  top: -0.26rem;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 2;
  border-color: transparent transparent #ed4f4f;
}

.overview-statis-wrapper .overview-select .select-item {
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  border-radius: 0.08rem;
  z-index: 1;
}

.overview-statis-wrapper .overview-select .item-content {
  padding: 0.15rem 0.3rem 0.3rem 0.38rem;
  display: flex;
  flex-direction: column;
  position: relative;
}

.overview-statis-wrapper .overview-select .item-content .count {
  font-size: 0.36rem;
  font-weight: 700;
  color: #424242;
  position: relative;
}

.overview-statis-wrapper .overview-select .item-content .count:before {
  position: absolute;
  content: "";
  width: 0.07rem;
  height: 0.14rem;
  border-radius: 0.04rem;
  left: -0.2rem;
  top: 0;
  bottom: 0;
  margin: auto;
}

.overview-statis-wrapper .overview-select .item-content .item-title {
  font-size: 0.2rem;
  color: #646464;
  word-break: break-word;
  margin-top: 0.12rem;
}

.overview-chart {
  margin: 0.25rem;
  padding: 0.25rem 0.2rem;
  background-image: linear-gradient(0deg, #fff, #f8faff);
  border-radius: 0.16rem;
}

.overview-chart .chart-select-wrap {
  display: flex;
  background-color: #ecf0f6;
  border-radius: 0.3rem;
  min-height: 0.6rem;
  width: -webkit-max-content;
  width: max-content;
  max-width: 100%;
  align-items: stretch;
}

.overview-chart .chart-select-wrap .select-item {
  font-size: 0.26rem;
  font-weight: 500;
  margin: 0 0.05rem;
  padding: 0.05rem 0;
  flex: 1 1 0%;
  word-break: break-word;
  display: flex;
  align-items: center;
  text-align: center;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.overview-chart .chart-select-wrap .select-item .item-content {
  padding: 0.12rem 0.38rem;
  min-height: 0.5rem;
  color: #9b9b9b;
  flex: 1 1 0%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.overview-chart .chart-select-wrap .select-item input[type="radio"] {
  display: none;
}

.overview-chart
  .chart-select-wrap
  .select-item
  input[type="radio"]:checked
  ~ label {
  background-color: #fff;
  border-radius: 0.25rem;
  color: #646464;
}

.overview-chart #container {
  height: 3.6rem !important;
  margin-top: 0.13rem;
}

.overview-chart #container canvas {
  padding: 0.1rem;
}

.overview-chart #container .g2-tooltip {
  box-shadow: 0 0.03rem 0.07rem 0 rgba(70, 166, 255, 0.14) !important;
  border-radius: 0.1rem !important;
  color: #646464 !important;
  font-size: 0.22rem !important;
}

.overview-chart #container .g2-tooltip .g2-tooltip-value {
  float: inherit !important;
  margin-left: 0.14rem !important;
}

.overview-chart #container .g2-tooltip .tooltip-content {
  padding: 0.2rem 0;
  color: #646464;
  font-size: 0.22rem;
}

.overview-chart #container .g2-tooltip .tooltip-content .item-title .item-date {
  margin-right: 0.14rem;
}

.overview-chart #container .g2-tooltip .tooltip-content .item-value {
  margin-top: 0.11rem;
}

.mc-trans-filter {
  height: 0.77rem;
  padding-left: 0.15rem;
  padding-right: 0.15rem;
  border-bottom: 1px solid #ebebeb;
  box-shadow: 0 0.02rem 0.05rem -1px rgba(0, 0, 0, 0.1);
  justify-content: space-between;
  position: relative;
  z-index: 9;
  background: #fff;
}

.mc-trans-filter .am-button-ghost.am-button-actived {
  color: #fff;
  background-color: #1284d6;
}

.mc-trans-filter .am-button-small {
  margin-right: 0.1rem;
  padding: 0 0.1rem;
  min-width: 1rem;
  font-size: 0.24rem;
}

.mc-trans-filter .am-flexbox .am-flexbox-item {
  height: 0.77rem;
  line-height: 0.45rem;
  flex: none;
}

.am-flexbox.am-flexbox-align-middle.mc-trans-filter {
  align-items: center;
}

.mc-date-picker {
  display: block;
  flex: 0 0 37%;
  width: 37%;
  margin-left: 0.1rem;
  line-height: 0.4rem;
}

.mc-popup-txtype .am-list .am-list-body {
  max-height: 7.4rem;
  overflow: auto;
}

.mc-popup-txtype .am-list-header {
  padding: 0.3rem 0 0.18rem 0.3rem;
}

.mc-popup-txtype .am-list-header div {
  padding-right: 0.3rem;
  text-align: left;
}

.mc-popup-txtype .am-list .am-list-body .svg-icon-dice {
  position: relative;
  top: 0.06rem;
  width: 0.4rem;
  height: 0.4rem;
  margin-right: 0.2rem;
  color: #888;
}

.mc-popup-txtype .am-list .am-list-body .am-list-item {
  border-top: 1px solid #bbb;
}

.mc-team-filter .am-list-item.am-input-item {
  max-width: 50%;
  height: 0.6rem;
  min-height: 0.6rem;
  padding-left: 0.1rem;
  padding-right: 0.1rem;
  border-radius: 0.1rem;
  border: 1px solid #1284d6;
}

.mc-team-filter .am-list-item .am-input-control input {
  color: #1284d6;
}

.mc-team-filter .am-list-item .am-input-label.am-input-label-5 {
  width: 0.4rem;
}

.mc-team-filter .am-list-item.am-input-item .am-icon-xs {
  position: relative;
  top: 0.03rem;
  color: #1284d6;
}

.mc-trans-filter .chase-number {
  font-size: 0.26rem;
  color: #108ee9;
  height: 100%;
  display: flex;
  align-items: center;
  overflow-x: auto;
  padding: 0 0.2rem;
}

.common-search-style {
  display: block;
}

.common-search-style .am-search-synthetic-ph {
  display: flex;
  padding-left: 0.1rem;
}

.common-search-style .am-search-synthetic-ph .am-search-synthetic-ph-container {
  margin-left: 0.1rem;
}

.common-search-style .am-search {
  border-radius: 0.4rem !important;
  background-color: #f5f5f5;
}

.common-search-style .am-search-input {
  border-radius: 0.4rem;
}

.common-search-style .am-search-cancel {
  display: none;
}

.mc-trans-filter .am-search {
  height: 0.6rem;
  padding: 0 0.02rem;
  border-radius: 0.1rem;
}

.mc-trans-filter .am-search-synthetic-ph {
  padding-left: 0.02rem !important;
}

.mc-trans-filter .am-search-start .am-search-synthetic-ph {
  width: 2.5rem !important;
}

.mc-trans-filter .am-search-value {
  padding-left: 0.5rem !important;
}

.mc-trans-filter .am-search-cancel {
  padding: 0 0.12rem;
  background: #108ee9;
  color: #fff;
  font-size: 0.26rem;
  border-radius: 0.1rem;
}

.sub-name-search {
  min-width: 65%;
  height: 0.6rem;
  min-height: 0.6rem;
  padding-left: 0.1rem;
  padding-right: 0.1rem;
  border-radius: 0.1rem;
  border: 1px solid #1284d6;
  position: relative;
  margin-left: 0.2rem;
}

.sub-name-search input {
  color: #000;
  height: 0.6rem;
  font-size: 0.34rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  padding: 0.04rem 0.46rem 0 0;
  border: 0;
  background-color: transparent;
  line-height: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.sub-name-search svg {
  fill: #1284d6;
  position: absolute;
  right: 0.1rem;
  top: 50%;
  transform: translateY(-50%);
}

.dropdown-wrapper {
  position: relative;
}

.dropdown-wrapper.filter-overview-wrapper .filter-button {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 0.24rem;
  font-weight: 500;
  white-space: nowrap;
}

.dropdown-wrapper.filter-overview-wrapper .filter-button svg {
  transform: rotate(-90deg);
  width: 0.3rem !important;
  height: 0.3rem !important;
  margin: 0 0 0 0.1rem;
}

.dropdown-wrapper.filter-overview-wrapper .seach-popup {
  left: 0;
  top: 1rem;
  position: fixed;
  height: calc(100vh - 1rem);
  height: calc(var(--vh, 1vh) * 100 - 1rem);
}

.dropdown-wrapper.filter-overview-wrapper .seach-popup .search-mask {
  height: calc(100vh - 1rem);
  height: calc(var(--vh, 1vh) * 100 - 1rem);
  top: 0;
  z-index: 1;
}

.dropdown-wrapper.filter-overview-wrapper .seach-popup .search-wrapper {
  padding-bottom: 0.28rem;
  z-index: 2;
}

.dropdown-wrapper.filter-overview-wrapper
  .seach-popup
  .search-wrapper
  .calendar-group {
  margin-top: 0.25rem;
}

.dropdown-wrapper.filter-overview-wrapper
  .seach-popup
  .search-wrapper
  .calendar-group
  .calendar-title {
  position: relative;
  color: #5b5b5b;
  font-size: 0.26rem;
  font-weight: 500;
  padding-bottom: 0.28rem;
}

.dropdown-wrapper.filter-overview-wrapper
  .seach-popup
  .search-wrapper
  .calendar-group
  .calendar-title:after {
  position: relative;
  content: "\FF1A";
  right: 0;
}

.dropdown-wrapper .mc-teamlist-filter {
  padding: 0.24rem;
  display: flex;
  justify-content: space-between;
}

.dropdown-wrapper .mc-teamlist-filter .am-search {
  height: 0.64rem;
  min-height: 0.64rem;
  line-height: 0.64rem;
  border-radius: 0.32rem;
  background-color: #f5f5f5;
  color: #646464;
  position: relative;
  width: 3.5rem;
}

.dropdown-wrapper .mc-teamlist-filter .am-search .am-search-input {
  background-color: #f5f5f5;
}

.dropdown-wrapper
  .mc-teamlist-filter
  .am-search
  .am-search-synthetic-ph-container {
  position: absolute;
  left: 0;
  padding-left: 0.1rem;
}

.dropdown-wrapper
  .mc-teamlist-filter
  .am-search
  .am-search-synthetic-ph-placeholder {
  color: gray;
  font-size: 0.28rem;
}

.dropdown-wrapper .mc-teamlist-filter .am-search .am-search-cancel {
  display: none;
}

.dropdown-wrapper .mc-teamlist-filter .am-search:after {
  display: none;
}

.dropdown-wrapper .mc-teamlist-filter .am-search input {
  font-size: 0.28rem;
}

.dropdown-wrapper
  .mc-teamlist-filter
  .am-search
  input::-webkit-input-placeholder {
  color: #646464;
}

.dropdown-wrapper .mc-teamlist-filter .am-search input::placeholder {
  color: #646464;
}

.dropdown-wrapper .mc-teamlist-filter .am-search .am-input-extra {
  position: absolute;
  left: 0.2rem;
  top: 0.16rem;
}

.dropdown-wrapper .mc-teamlist-filter .filter-button {
  position: relative;
  padding-right: 0.37rem;
  font-size: 0.26rem;
  color: #424242;
}

.dropdown-wrapper .mc-teamlist-filter .filter-button svg {
  position: absolute;
  width: 0.3rem;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
}

.dropdown-wrapper .seach-popup {
  top: 1rem;
  z-index: 11;
}

.dropdown-wrapper .seach-popup,
.dropdown-wrapper .seach-popup .search-mask {
  position: absolute;
  width: 100%;
  height: calc(100vh - 2.1rem);
  height: calc(var(--vh, 1vh) * 100 - 2.1rem);
}

.dropdown-wrapper .seach-popup .search-mask {
  background-color: rgba(0, 0, 0, 0.4);
  z-index: -1;
  top: 0.2rem;
}

.dropdown-wrapper .seach-popup .search-wrapper {
  background-color: #fff;
  position: absolute;
  top: 0;
  width: 100%;
}

.dropdown-wrapper .seach-popup .search-wrapper .search-wrap {
  margin: 0.02rem 0.5rem 0.02rem 0.24rem;
  color: #5b5b5b;
}

.dropdown-wrapper .seach-popup .search-wrapper .search-wrap .list-item {
  margin-top: 0.16rem;
  border-top: 1px solid #ebebeb;
}

.dropdown-wrapper
  .seach-popup
  .search-wrapper
  .search-wrap
  .list-item:first-child {
  border-top: none;
}

.dropdown-wrapper
  .seach-popup
  .search-wrapper
  .search-wrap
  .list-item
  .item-title {
  font-size: 0.28rem;
  line-height: 2.71;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dropdown-wrapper
  .seach-popup
  .search-wrapper
  .search-wrap
  .list-item
  .item-title
  .clear-btn {
  font-size: 0.24rem;
}

.dropdown-wrapper
  .seach-popup
  .search-wrapper
  .search-wrap
  .list-item
  .item-group {
  font-size: 0.26rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: -0.14rem;
}

.dropdown-wrapper
  .seach-popup
  .search-wrapper
  .search-wrap
  .list-item
  .item-group
  .item-btn {
  border: 0.02rem solid #cdcdcd;
  border-radius: 0.08rem;
  width: 30%;
  min-height: 0.6rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: normal;
  padding: 0 0.05rem;
  margin: 0.14rem 0;
  word-wrap: break-word;
  word-break: break-word;
  text-align: center;
}

.dropdown-wrapper
  .seach-popup
  .search-wrapper
  .search-wrap
  .list-item
  .item-group
  .item-btn:nth-child(3n) {
  margin-right: 0;
}

.dropdown-wrapper
  .seach-popup
  .search-wrapper
  .search-wrap
  .list-item
  .item-group
  input[type="radio"] {
  display: none;
}

.dropdown-wrapper
  .seach-popup
  .search-wrapper
  .search-wrap
  .list-item
  .item-group
  input[type="radio"]:checked
  + label {
  border: 0.02rem solid #ec2529;
  color: #ec2529;
  background-color: #fef4f4;
}

.dropdown-wrapper
  .seach-popup
  .search-wrapper
  .search-wrap
  .list-item
  .calendar-group.item-spacing {
  margin-top: 0.16rem;
}

.dropdown-wrapper
  .seach-popup
  .search-wrapper
  .search-wrap
  .list-item
  .calendar-group
  .calendar-default {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 0.02rem solid #cdcdcd;
  border-radius: 0.08rem;
  min-height: 0.6rem;
  font-size: 0.26rem;
  color: #aeaeae;
  padding: 0 0.5rem 0 0.16rem;
  line-height: normal;
  margin-bottom: 0.28rem;
  padding-right: 1.6rem;
}

.dropdown-wrapper
  .seach-popup
  .search-wrapper
  .search-wrap
  .list-item
  .calendar-group
  .calendar-default
  .am-icon-calendar {
  width: 0.32rem;
  height: 0.36rem;
  fill: #5b5b5b;
}

.dropdown-wrapper
  .seach-popup
  .search-wrapper
  .search-wrap
  .list-item
  .calendar-group
  .calendar-select {
  position: relative;
}

.dropdown-wrapper
  .seach-popup
  .search-wrapper
  .search-wrap
  .list-item
  .calendar-group
  .calendar-select
  .disabled-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: inline-block;
  background: transparent;
}

.dropdown-wrapper
  .seach-popup
  .search-wrapper
  .search-wrap
  .list-item
  .calendar-group
  .calendar-select
  .disabled-mask
  + .flex-shrink1 {
  background-color: #efefef;
}

.dropdown-wrapper
  .seach-popup
  .search-wrapper
  .search-wrap
  .list-item
  .calendar-group
  .calendar-select
  .disabled-mask
  + .flex-shrink1
  .am-button-icon {
  color: #aeaeae;
}

.dropdown-wrapper
  .seach-popup
  .search-wrapper
  .search-wrap
  .list-item
  .calendar-group
  .calendar-select
  .am-button-icon {
  display: flex;
  justify-content: center;
  padding: 0 0.5rem 0 0.16rem;
  border-radius: 0.08rem;
  border: 0.02rem solid #cdcdcd;
  font-size: 0.24rem;
  color: #5b5b5b;
}

.dropdown-wrapper
  .seach-popup
  .search-wrapper
  .search-wrap
  .list-item
  .calendar-group
  .calendar-select
  .am-button-icon
  .am-icon-calendar {
  width: 0.32rem;
  height: 0.36rem;
  position: absolute;
  left: 0.16rem;
  top: 0;
  bottom: 0;
  margin: auto;
}

.dropdown-wrapper
  .seach-popup
  .search-wrapper
  .search-wrap
  .list-item
  .calendar-group
  .calendar-select
  .calendar-reset {
  width: 0.28rem;
  height: 0.28rem;
  border-radius: 0.14rem;
  background-color: #8c8c8c;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0.5rem;
  top: 0;
  bottom: 0;
  margin: auto;
}

.dropdown-wrapper
  .seach-popup
  .search-wrapper
  .search-wrap
  .list-item
  .calendar-group
  .calendar-select
  .calendar-reset
  svg {
  fill: #fff;
  width: 0.24rem;
}

.dropdown-wrapper
  .seach-popup
  .search-wrapper
  .search-wrap
  .list-item.disabled {
  background-color: #efefef;
}

.dropdown-wrapper .seach-popup .search-wrapper .list-submit {
  display: flex;
  margin: 0.28rem 0 0;
  font-size: 0.28rem;
  align-items: center;
  height: 0.79rem;
  line-height: 0.79rem;
  text-align: center;
}

.dropdown-wrapper .seach-popup .search-wrapper .list-submit .item-reset {
  width: 50%;
  background-color: #f5f5f5;
  color: #646464;
}

.dropdown-wrapper .seach-popup .search-wrapper .list-submit .item-confirm {
  width: 50%;
  background-color: #fef4f4;
  color: #ec2529;
}

.agent-container {
  width: 100%;
  box-sizing: border-box;
  background-color: #fff;
}

.agent-container .am-navbar-right svg {
  margin: 0 0.1rem;
}

.agent-container .go-team-bet {
  position: absolute;
  right: 0;
  font-size: 0.28rem;
  font-weight: 400;
}

.agent-container .go-team-bet svg {
  position: relative;
  top: -0.08rem;
  fill: #5e88ee;
}

.agent-container .go-team-bet i {
  position: relative;
  top: -0.12rem;
  margin-left: 0.06rem;
  font-style: normal;
  color: #5e88ee;
  max-width: 1.4rem;
  display: inline-block;
}

.agent-container .agent-header {
  position: relative;
  height: 2rem;
  text-align: center;
}

.agent-container .agent-header .header-info {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 90%;
  border: 1px solid #f1f1f1;
  height: 1.5rem;
}

.agent-container .agent-body {
  background: #faf9fe;
}

.agent-container .agent-body .body-title {
  position: relative;
  top: 0.25rem;
  margin: 0 0.2rem 0.48rem;
}

.agent-container .agent-body .h4-wrp {
  color: #5c5c5c;
  padding-left: 0.1rem;
  border-left: 0.1rem solid #ff0;
}

.agent-overview-wrapper {
  padding-bottom: 0.5rem;
}

.agent-overview-wrapper header .am-navbar {
  position: fixed !important;
  width: 100%;
  top: 0;
  justify-content: space-between;
}

.agent-overview-wrapper header .am-navbar .info {
  margin-left: 0.09rem;
  display: flex;
  align-items: center;
}

.agent-overview-wrapper header .am-navbar .info svg {
  width: 0.33rem;
  height: 0.33rem;
}

#root .agent-container .am-whitespace-sm {
  height: 0.9rem;
}

.overview-info .info-top {
  font-size: 0.28rem;
  text-align: left;
  color: #616161;
}

.overview-info .info-down {
  background-color: #ffeded;
  border-radius: 0.1rem;
  padding: 0.09rem 0.08rem;
  color: #ff5b5b;
  font-size: 0.24rem;
  margin-top: 0.26rem;
  line-height: 1.42;
  text-align: left;
}

.profit-detail .pnl-container {
  padding: 0.35rem 0.25rem 0.58rem;
  position: fixed;
  background: #fff;
  z-index: 99999;
  width: 100%;
  bottom: 0;
  border-top-left-radius: 0.14rem;
  border-top-right-radius: 0.14rem;
  animation-name: detail-slideInUp;
  animation-duration: 0.25s;
  animation-fill-mode: both;
}

.profit-detail .pnl-container.hide-pop {
  animation-name: detail-slideOutDown;
}

.profit-detail .pnl-container .modal-list-header {
  display: flex;
  justify-content: space-between;
  padding-bottom: 0.3rem;
  border-bottom: 1px solid #dbdbdb;
}

.profit-detail .pnl-container .modal-list-header .list-title .item-top {
  color: #424242;
  font-size: 0.34rem;
  font-weight: 700;
}

.profit-detail .pnl-container .modal-list-header .list-title .item-down {
  margin-top: 0.1rem;
  font-size: 0.26rem;
  color: #424242;
}

.profit-detail .pnl-container .modal-list-header .list-close {
  width: 0.5rem;
  height: 0.5rem;
  background-color: #ececec;
  border-radius: 0.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.profit-detail .pnl-container .modal-list-header .list-close svg {
  fill: #818181;
}

.profit-detail .pnl-container .pnl-table-list-container {
  margin: 0.38rem 0 0;
  border: 1px solid #dbdbdb;
}

.profit-detail
  .pnl-container
  .pnl-table-list-container.profit-detail-list
  .pnl-table-list-right {
  padding-bottom: 0;
}

.profit-detail
  .pnl-container
  .pnl-table-list-container.profit-detail-list
  .pnl-table-list-right
  .swiper-slide-active
  .pnl-table-list:nth-child(2n) {
  background: #fff;
}

.profit-detail .pnl-container .pnl-table-list-container .pnl-table-list div {
  color: #616161;
}

.profit-detail
  .pnl-container
  .pnl-table-list-container
  .pnl-table-list
  div
  span {
  letter-spacing: -0.015rem;
  padding: 0 0.1rem;
  word-break: break-all;
  line-height: 1;
}

.profit-detail
  .pnl-container
  .pnl-table-list-container
  .pnl-table-list
  div
  span.header-wrap
  .header-text {
  white-space: normal;
  word-break: break-all;
}

.profit-detail
  .pnl-container
  .pnl-table-list-container
  .pnl-table-list
  div.table-bl {
  border-left: 1px solid #dbdbdb;
}

.profit-detail .pnl-container .swiper-pagination-bullets {
  position: relative;
  margin-top: 0.05rem;
}

.profit-detail
  .pnl-container
  .swiper-pagination-bullets
  .swiper-pagination-bullet {
  width: 0.12rem;
  height: 0.12rem;
  margin: 0 0.06rem;
}

.profit-detail
  .pnl-container
  .swiper-pagination-bullets
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #e60012;
}

.promotion-detail .pnl-container {
  padding: 0.35rem 0.25rem 0.58rem;
  position: fixed;
  background: #fff;
  z-index: 99999;
  width: 100%;
  bottom: 0;
  border-top-left-radius: 0.14rem;
  border-top-right-radius: 0.14rem;
  animation-name: detail-slideInUp;
  animation-duration: 0.25s;
  animation-fill-mode: both;
}

.promotion-detail .pnl-container.hide-pop {
  animation-name: detail-slideOutDown;
}

.promotion-detail .pnl-container .modal-list-header {
  display: flex;
  justify-content: space-between;
  padding-bottom: 0.3rem;
  border-bottom: 1px solid #dbdbdb;
}

.promotion-detail .pnl-container .modal-list-header .list-title .item-top {
  color: #424242;
  font-size: 0.34rem;
  font-weight: 700;
}

.promotion-detail .pnl-container .modal-list-header .list-title .item-down {
  margin-top: 0.1rem;
  font-size: 0.26rem;
  color: #424242;
}

.promotion-detail .pnl-container .modal-list-header .list-close {
  width: 0.5rem;
  height: 0.5rem;
  background-color: #ececec;
  border-radius: 0.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.promotion-detail .pnl-container .modal-list-header .list-close svg {
  fill: #818181;
}

.promotion-detail .pnl-container .pnl-table-list-container {
  margin: 0.38rem 0 0;
  border: 1px solid #dbdbdb;
}

.promotion-detail
  .pnl-container
  .pnl-table-list-container.profit-detail-list
  .pnl-table-list-left
  div {
  min-height: 0.69rem;
}

.promotion-detail
  .pnl-container
  .pnl-table-list-container.profit-detail-list
  .pnl-table-list-left
  div.table-header-item {
  min-height: 0.7rem !important;
}

.promotion-detail
  .pnl-container
  .pnl-table-list-container.profit-detail-list
  .pnl-table-list-right {
  padding-bottom: 0;
}

.promotion-detail
  .pnl-container
  .pnl-table-list-container.profit-detail-list
  .pnl-table-list-right
  .swiper-slide-active
  .pnl-table-list:nth-child(2n) {
  background: #fff;
}

.promotion-detail .pnl-container .pnl-table-list-container .pnl-table-list {
  display: flex;
}

.promotion-detail .pnl-container .pnl-table-list-container .pnl-table-list div {
  color: #616161;
  text-align: right;
  min-height: 0.69rem;
  display: flex;
  align-items: center;
}

.promotion-detail
  .pnl-container
  .pnl-table-list-container
  .pnl-table-list
  div
  span {
  letter-spacing: -0.01rem;
  padding: 0 0.1rem;
  word-break: break-word;
  line-height: 1;
  position: relative;
  left: inherit;
  top: inherit;
  transform: inherit;
}

.promotion-detail
  .pnl-container
  .pnl-table-list-container
  .pnl-table-list
  div
  span.header-wrap
  .header-text {
  white-space: normal;
  word-break: break-word;
}

.promotion-detail
  .pnl-container
  .pnl-table-list-container
  .pnl-table-list
  div
  span.pnl-table-left {
  display: inline-block;
  width: 100%;
  text-align: left;
}

.promotion-detail
  .pnl-container
  .pnl-table-list-container
  .pnl-table-list
  div.table-bl {
  border-left: 1px solid #dbdbdb;
  display: flex;
  align-items: center;
}

.promotion-detail .pnl-container .swiper-pagination-bullets {
  position: relative;
  margin-top: 0.05rem;
}

.promotion-detail
  .pnl-container
  .swiper-pagination-bullets
  .swiper-pagination-bullet {
  width: 0.12rem;
  height: 0.12rem;
  margin: 0 0.06rem;
}

.promotion-detail
  .pnl-container
  .swiper-pagination-bullets
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #e60012;
}

@keyframes detail-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes detail-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}

.country-code {
  display: flex;
  gap: 0.1rem;
}

.country-code .mc-country-code-input {
  flex: 0 0 35%;
  vertical-align: top;
  position: relative;
  border-radius: 0.15rem;
  height: 1.05rem;
  line-height: 1.05rem;
  background-color: #efefef;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.2rem;
}

.country-code .mc-country-code-input img {
  width: 0.5rem;
  height: 0.5rem;
  position: relative;
  top: 0.14rem;
  margin-right: 0.1rem;
}

.country-code .mc-country-code-input span {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding-left: 0.1rem;
}

.country-code .mc-country-code-input:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.15rem 0.15rem 0;
  border-color: #dadcde transparent transparent;
  content: "";
  z-index: 99;
}

.country-code .mc-country-code-input.disabled {
  background: #c1c1c1;
}

.country-code .mc-country-code-input.disabled:after {
  display: none;
}

.country-code .mc-account-list {
  flex: 1 1 0%;
  display: inline-block;
  width: 100%;
}

.mc-country-list-container {
  max-height: 6rem;
  overflow-y: scroll;
  position: relative;
}

.mc-country-list-container .am-list-header {
  height: 0.8rem;
  text-align: left;
}

.mc-country-list-container .close {
  position: absolute;
  right: 0.08rem;
  top: 50%;
  transform: translateY(-50%);
}

.mc-country-list-container .am-list-body {
  overflow-y: scroll;
  height: 4.6rem;
}

.mc-country-list-container img {
  width: 0.6rem;
  height: 0.6rem;
  position: relative;
  margin-right: 0.2rem;
  display: inline-block;
}

.delete-card-container .am-tabs-bar .am-tabs-tab,
.forget-fund-pwd-container .am-tabs-bar .am-tabs-tab {
  line-height: 1.2;
  padding: 0 0.2rem;
  overflow: hidden;
}

.delete-card-container .contact-service,
.forget-fund-pwd-container .contact-service {
  justify-content: flex-end;
  padding: 0 5% 5%;
  display: flex;
}

.delete-card-container .contact-service .title,
.forget-fund-pwd-container .contact-service .title {
  white-space: break-spaces;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}

.delete-card-container .contact-service .link,
.forget-fund-pwd-container .contact-service .link {
  width: auto;
  color: blue;
}

.delete-card-container .cs-page,
.forget-fund-pwd-container .cs-page {
  position: relative;
}

.delete-card-container .forget-fpwd,
.forget-fund-pwd-container .forget-fpwd {
  margin: 0 5% 0.2rem;
  padding: 0;
}

.fpb-sms {
  display: flex;
  margin: 0 5%;
  gap: 0.2rem;
}

.fpb-sms .account-form {
  flex: 1 1 0%;
  display: inline-block;
  vertical-align: top;
  padding: 0 0 1em;
}

.fpb-sms .sms-send {
  display: inline-block;
  vertical-align: top;
  min-width: calc(40% - 0.4rem);
  max-width: 2rem;
  padding: 0 0.05rem;
}

.fpb-sms .sms-send.btn-gray {
  font-size: 0.24rem;
  white-space: normal;
  word-break: break-word;
  line-height: normal;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.fpb-container .contact-service span {
  white-space: break-spaces;
}

.fpb-container.contact-server {
  min-height: 100vh;
}

.fpb-container.contact-server a {
  margin: 2rem 5%;
}

.fpb-container.contact-server .smc-content > img {
  margin-top: -0.2rem;
}

.fpb-container.contact-server ul {
  max-height: 50vh;
  overflow-y: scroll;
}

.fpb-sms-input {
  display: flex;
  margin: 0 5%;
  gap: 5%;
}

.fpb-sms-input .account-form {
  flex: 1 1 0%;
  display: inline-block;
  width: 100%;
  padding: 0 0 1em;
}

.fpb-sms-input .account-form .errors {
  margin: 0.15rem 0 0.16rem;
}

.fpb-sms-input .mc-country-code-input {
  display: inline-block;
  flex: 0 0 30%;
  vertical-align: top;
  background-color: #efefef;
  min-width: 20%;
  height: 1.05rem;
  position: relative;
  border-radius: 0.15rem;
}

.fpb-sms-input .mc-country-code-input span {
  display: flex;
  align-items: center;
  height: 100%;
  gap: 0.1rem;
  justify-content: center;
}

.fpb-sms-input .mc-country-code-input span img {
  width: 0.6rem;
  height: 0.6rem;
}

.fpb-sms-input .mc-country-code-input .account-form {
  padding: 0 0 1em;
}

.custom-alert-no-mask {
  background-color: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: calc(100% - 1.87rem);
  top: auto;
}

.forget-fund-pwd-tab-mask {
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: calc(100% - 1.87rem);
  top: auto;
}

.tcg-tips {
  position: relative;
  display: inline-block;
}

.tcg-tips div {
  background: rgba(0, 0, 0, 0.6);
  padding: 0.1rem;
  border-radius: 0.08rem;
  color: #fff;
  display: -webkit-box;
  word-break: break-word;
  max-width: calc(100% - 0.8rem);
  position: relative;
  max-height: 0.86rem;
  font-size: 0.26rem;
  line-height: 0.36rem;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-left: 0.8rem;
  text-overflow: ellipsis;
}

.tcg-tips > i {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.15rem 0.14rem 0.15rem 0;
  border-color: transparent rgba(0, 0, 0, 0.6) transparent transparent;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.66rem;
}

.tcg-tips img {
  width: 0.48rem;
  height: 0.48rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

.null-dom {
  display: none;
}

.banks-wrapper .bank-title {
  color: #747474;
  font-size: 0.28rem;
  margin-bottom: 0.2rem;
}

.banks-wrapper .bank-list-wrap {
  max-height: 3.2rem;
  overflow-y: scroll;
  -webkit-overflow-scrolling: auto !important;
  margin-bottom: 0.3rem;
}

.banks-wrapper .bank-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.banks-wrapper .bank-list .bank-item {
  padding: 0.05rem;
  margin-right: 0.2rem;
  margin-bottom: 0.2rem;
  font-size: 0.28rem;
  justify-content: center;
  white-space: break-spaces;
  align-items: center;
  display: flex;
  width: 30%;
  min-height: 0.88rem;
  border-radius: 0.16rem;
  border: 0.02rem solid #e4e4e4;
  background-color: #fff;
}

.banks-wrapper .bank-list .bank-item.has-icon {
  height: 0.88rem;
}

.banks-wrapper .bank-list .bank-item:nth-child(3n) {
  margin-right: 0;
}

.banks-wrapper .bank-list .bank-item.bank-active {
  border: 0.02rem solid #ff3039;
  background-color: rgba(255, 48, 57, 0.06);
}

.banks-wrapper .bank-list .bank-item .bank-text {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-word;
  overflow: hidden;
}

.banks-wrapper .bank-list .bank-item .bank-img {
  display: block;
  width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.ewallet-group-wrapper {
  margin-top: 0.5rem;
}

.ewallet-group-wrapper .eWallet-type {
  border-radius: 0.16rem 0.16rem 0 0;
  border: 0.02rem solid rgba(0, 0, 0, 0.2);
  border-bottom: none;
  background: #fff;
  padding: 0.2rem 0.1rem 0;
}

.mc-code-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: calc(100% + 0.88rem);
  position: fixed;
  top: -0.88rem;
  left: 0;
  z-index: 100011;
  background-color: rgba(0, 0, 0, 0.7);
  font-size: 0.28rem;
}

.mc-code-box input {
  height: 0.7rem;
  padding: 0.5em;
  border: 0.02rem solid #ccc;
  border-radius: 0.1rem;
  color: #a1a1a1;
}

.mc-code-box .submit {
  height: 0.7rem;
  line-height: 0.7rem;
  font-size: 0.28rem;
}

.mc-code-box .title {
  text-align: center;
  margin-bottom: 1em;
}

.mc-code-box .code-form {
  background: #fff;
  padding: 0.2rem 0.4rem;
  border-radius: 0.14rem;
  width: min(80vw, 424px);
}

.mc-code-box .form-group {
  margin-bottom: 0.15rem;
  position: relative;
  min-height: auto;
}

.mc-code-box .send-code {
  position: absolute;
  top: 50%;
  right: 0.16rem;
  transform: translateY(-50%);
  padding: 0.1rem 0.05rem;
  font-size: 0.24rem;
  min-width: 1rem;
  max-width: 2rem;
  text-align: center;
}

.mc-code-box .send-code.btn-gray {
  font-size: 0.2rem;
}

.mc-code-box .input-group {
  position: relative;
  width: 100%;
  margin-top: 0.3rem;
}

.mc-code-box .input-group label {
  position: absolute;
  top: -0.3rem;
  left: 0;
  color: #757575;
  font-size: 0.24rem;
}

.mc-code-box .mc-country-code-input {
  width: auto;
  height: 0.7rem;
  padding-right: 0.4rem;
}

.mc-code-box .mc-country-code-input img {
  position: unset;
  top: unset;
}

.mc-code-box .mc-country-code-input > span {
  display: flex;
  align-items: center;
  padding-left: 0.1rem;
}

.mc-code-box .mc-country-code-input:after {
  right: 0.04rem;
}

.mc-code-box .code-tip {
  color: red;
  font-size: 0.28rem;
  word-break: break-word;
  line-height: normal;
  margin: 0.1rem 0 0.2rem;
}

.personalCenter {
  background-color: #fefefe;
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
}

.personalCenter .has-error input {
  border: 1px solid #a81616 !important;
  box-shadow: 0 0 0.16rem rgba(243, 83, 10, 0.6) !important;
}

.region-list .popUps-list-item {
  margin-bottom: 0;
  padding-bottom: 0;
}

.region-list .popUps-list-item.disabled {
  background-color: #d8d8d8;
  opacity: 0.3;
}

.account-form {
  padding: 0 5% 1em;
}

.account-form .code-tip {
  color: red;
  font-size: 0.28rem;
  word-break: break-word;
  line-height: normal;
  margin: 0.1rem 0 0.2rem;
}

.account-form.show-codeBox-fixed {
  position: fixed;
}

.account-form.no-mgbtm .account-form-group {
  margin-bottom: 0;
}

.account-form.no-mgbtm .account-form-group input {
  padding-right: 1rem;
}

.account-form .account-form-group {
  position: relative;
  margin-bottom: 0.3rem;
}

.account-form .account-form-group.required input::-webkit-input-placeholder {
  padding-left: 0.2rem;
}

.account-form .account-form-group.required input::placeholder {
  padding-left: 0.2rem;
}

.account-form .account-form-group.required .inputSelect .inputBase {
  padding-left: 1.2rem;
}

.account-form .account-form-group .province .chooseExtra {
  padding: 0 1rem;
}

.account-form .account-form-group .require-icon {
  position: absolute;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
  color: #ff6969;
  font-size: 0.31rem;
  font-family: initial;
}

.account-form .account-form-group .required-label {
  color: #ff6969;
}

.account-form .mc-account-list {
  overflow: hidden;
  position: relative;
}

.account-form .mc-account-list.noIcon .inputSelect .inputBase {
  padding: 0 1rem 0 0.25rem;
}

.account-form input[name="birthday"] {
  -webkit-appearance: none;
  outline: none;
  appearance: none;
  width: 100%;
  height: 1.05rem;
  line-height: 1.05rem !important;
}

.account-form .disabled-data span {
  background: #c1c1c1 !important;
}

.account-form .placeholder-mdi {
  color: #757575;
}

.account-form .mc-date-input {
  position: relative;
  height: 1.05rem;
}

.account-form .mc-date-input span {
  display: inline-block;
  top: 0;
  left: calc(3em - 0.02rem);
  height: 1.05rem;
  border-top-right-radius: 0.15rem;
  border-bottom-right-radius: 0.15rem;
  width: calc(100% - 0.95rem);
  line-height: 1.05rem !important;
  background: #efefef;
  position: absolute;
  z-index: 1;
  padding: 0 0.25rem 0 0.05rem;
}

.account-form .account-icon {
  position: absolute;
  color: #0ec0f0;
  top: 50%;
  transform: translate(50%, -50%);
}

.account-form .account-b {
  position: absolute;
  top: 50%;
  height: 70%;
  width: 0.02rem;
  left: 0.85rem;
  transform: translate(35%, -50%);
  border: 1px solid #949494;
}

.account-form svg.txt-svg {
  position: absolute;
  top: 0.525rem;
  left: 1.5em;
  transform: translate(-50%, -50%);
  color: #a5a5a5;
  z-index: 9;
}

.account-form svg.txt-svg.birth {
  color: transparent;
}

.account-form .eye-group {
  position: absolute;
  right: 0.5rem;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 0.44rem;
  height: 0.44rem;
}

.account-form .inputSelect .inputBase {
  padding: 0 1rem;
}

.account-form .add-picker {
  border: 0.03rem solid #ccc;
}

.account-form input {
  padding-left: 3em;
  padding-right: 0.25rem;
  height: 1.05rem;
  background-color: #efefef;
  outline: none;
  color: #333;
  border: 0.03rem solid transparent;
  border-radius: 0.15rem;
  vertical-align: middle;
  transition: all 0.15s ease-in;
  position: relative;
}

.account-form input::-webkit-input-placeholder {
  font-size: 0.31rem;
  color: #a1a1a1 !important;
}

.account-form input::placeholder {
  font-size: 0.31rem;
  color: #a1a1a1 !important;
}

.account-form input:focus {
  outline: none;
  border-color: #3879d9;
  box-shadow:
    inset 0 1px 0.02rem rgba(0, 0, 0, 0.075),
    0 0 0.05rem rgba(81, 167, 232, 0.5);
}

.account-form .account-errors strong {
  color: #e4393c;
  font-size: 0.31rem;
  line-height: 0.5rem;
  font-weight: 400;
}

.account-form .account-btn {
  border: 1px solid #efefef;
  border-radius: 0.1rem;
  width: 100%;
}

.account-form .hide-data {
  position: absolute;
  width: calc(100% - 0.9rem);
  background: #efefef;
  display: inline-block;
  font-family: sans-serif;
  color: #757575;
  left: 0.93rem;
  padding-left: 0.03rem;
  padding-right: 0.25rem;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 1rem;
  line-height: 1rem;
  border-top-right-radius: 0.15rem;
  border-bottom-right-radius: 0.15rem;
  pointer-events: none;
  z-index: 9;
  overflow: hidden;
}

.account-form .hide-data-svg:before {
  content: "";
  width: 0.92rem;
  height: 0.99rem;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  display: inline-block;
  background: #efefef;
  z-index: 8;
  left: 0.02rem;
  border-top-left-radius: 0.15rem;
  border-bottom-left-radius: 0.15rem;
}

.account-form .hide-data-focus.hide-data-svg:before {
  display: none;
}

.account-form .disabled-data .hide-data,
.account-form .disabled-data.hide-data-svg:before {
  background: #c1c1c1;
  height: 100%;
}

.account-form .disabled-data.hide-data-svg:before {
  left: 0;
  width: 0.95rem;
}

.account-form .disabled-data .hide-data {
  width: calc(100% - 0.92rem);
}

.account-form .account-tip .tip-title {
  color: #49a3f6;
  font-size: 0.32rem;
  font-weight: 400;
  margin-top: 0.02rem;
}

.account-form .account-tip .tip-content {
  margin: 0.27rem 0;
  color: #757575;
  font-size: 0.24rem;
  font-weight: 400;
}

.common-input.account-form-group .require-icon {
  top: 60%;
  left: 0.4rem;
}

.account-form-group.required .select-require-icon,
.common-input.account-form-group .require-icon,
.verification-info-page .kyc-required-label,
.verification-info-page .mc-account-list .select-require-icon {
  position: absolute;
  z-index: 9;
  transform: translateY(-50%);
  color: #ff6969;
  font-size: 0.31rem;
  font-family: initial;
  top: 50%;
  left: 0.4rem;
}

.account-form-group.required .select-require-icon {
  left: 0.9rem;
}

.kyc-required-label.bir {
  left: -0.55rem;
}

.vc-content {
  padding: 0.2rem;
}

.vc-content .vc-title {
  color: #fd4020;
  padding: 0.1rem 0.2rem 0.48rem;
}

.vc-content .up-load-negative,
.vc-content .up-load-positive,
.vc-content .up-load-selfie {
  min-height: 4.1rem;
  padding: 0.2rem;
}

.vc-content .up-load-negative .pre-img,
.vc-content .up-load-positive .pre-img,
.vc-content .up-load-selfie .pre-img {
  width: 100%;
  position: absolute;
  visibility: hidden;
}

.vc-content .up-load-negative .rotate-img,
.vc-content .up-load-positive .rotate-img,
.vc-content .up-load-selfie .rotate-img {
  width: 0.44rem;
  height: 0.44rem;
  position: absolute;
  bottom: 0.5rem;
  right: 1.2rem;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.3);
  display: flex;
  justify-content: center;
  align-items: center;
}

.vc-content .up-load-negative .rotate-img svg,
.vc-content .up-load-positive .rotate-img svg,
.vc-content .up-load-selfie .rotate-img svg {
  width: 0.3rem;
  height: 0.3rem;
  fill: #fff;
}

.vc-content .up-load-negative .del-img,
.vc-content .up-load-positive .del-img,
.vc-content .up-load-selfie .del-img {
  background-color: #fe0000;
  position: absolute;
  right: 0.5rem;
  border-radius: 50%;
  display: inline-block;
  bottom: 0.5rem;
  width: 0.44rem;
  border: 0.02rem solid #fff;
  height: 0.44rem;
}

.vc-content .up-load-negative .del-img span,
.vc-content .up-load-positive .del-img span,
.vc-content .up-load-selfie .del-img span {
  width: 0.24rem;
  height: 0.24rem;
  display: inline-block;
  background: url(/mobile/mc/del.c2cf57e9.png);
  background-size: 0.24rem 0.24rem;
  margin-top: 0.08rem;
}

.vc-content .up-load-negative.no-bg,
.vc-content .up-load-positive.no-bg,
.vc-content .up-load-selfie.no-bg {
  background: none;
}

.vc-content .up-load-negative .camera,
.vc-content .up-load-positive .camera,
.vc-content .up-load-selfie .camera {
  text-align: center;
  display: inline-block;
  margin-top: 0.7rem;
}

.vc-content .up-load-negative .camera p,
.vc-content .up-load-positive .camera p,
.vc-content .up-load-selfie .camera p {
  margin-top: 0.6rem;
  color: #646464;
  font-size: 0.3rem;
}

.vc-content .up-load-negative .camera span,
.vc-content .up-load-positive .camera span,
.vc-content .up-load-selfie .camera span {
  background: rgba(0, 0, 0, 0.3);
  display: inline-block;
  border-radius: 50%;
  padding: 0.26rem;
  width: 1.36rem;
  height: 1.36rem;
}

.vc-content .up-load-negative .camera span img,
.vc-content .up-load-positive .camera span img,
.vc-content .up-load-selfie .camera span img {
  width: 0.84rem;
  height: 0.67rem;
  margin-top: 0.06rem;
}

.vc-content .up-load-negative img,
.vc-content .up-load-positive img,
.vc-content .up-load-selfie img {
  width: 100%;
  height: 100%;
}

.vc-content .up-load-negative .inputfile,
.vc-content .up-load-positive .inputfile,
.vc-content .up-load-selfie .inputfile {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1px solid red;
  left: 0;
  opacity: 0;
  top: 0;
}

.vc-content .up-load-positive {
  background: url(/mobile/mc/positive.9f6965a0.png) no-repeat;
  background-position: 50%;
  position: relative;
  text-align: center;
  background-size: 100% auto;
}

.vc-content .up-load-negative,
.vc-content .up-load-selfie {
  margin-top: 0.5rem;
  background: url(/mobile/mc/negative.f0d2c114.png) no-repeat;
  background-position: 50%;
  position: relative;
  text-align: center;
  background-size: 100% auto;
}

.vc-content .ver-btn {
  margin-top: 0.5rem;
}

.vc-content .ver-btn p {
  text-align: center;
  color: #a9a9a9;
  font-size: 0.28rem;
  padding: 0.3rem 0;
}

.vc-alert {
  background-color: #e40112;
  color: #fff;
  padding: 0.24rem 0.36rem 0.2rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 0.32rem;
  gap: 0.3rem;
  box-shadow: 0 0 0.1rem 1px #9d9a9a;
}

.vc-alert svg {
  min-width: 0.3rem;
  height: 0.3rem;
}

.vrification-loading {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 999;
}

.vrification-loading .vrification-title {
  height: 6.6rem;
  background: url(/mobile/mc/loading_bg.30facf1a.jpg);
  background-size: cover;
  text-align: center;
}

.vrification-loading .vrification-title .vrification-ring {
  display: inline-block;
  width: 3.2rem;
  height: 3.2rem;
  margin: 0 auto;
  background:
    url(/mobile/mc/ring_1.660aceca.png), url(/mobile/mc/ring_2.178f26e2.png),
    url(/mobile/mc/ing.7305a8f3.png);
  background-size:
    100% auto,
    1.4rem auto,
    0.22rem auto;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position:
    0 0,
    0.26rem 0.16rem,
    center 0.5rem;
  position: relative;
  margin-top: 0.28rem;
}

.vrification-loading .vrification-title .vrification-ring span {
  position: absolute;
  left: 50%;
  bottom: 1rem;
  transform: translateX(-50%);
  color: #fff;
  font-size: 0.28rem;
}

.vrification-loading .vrification-loading-content {
  margin-top: -2rem;
  padding: 0.3rem;
  text-align: center;
}

.vrification-loading .vrification-loading-content p {
  padding: 0.3rem 0 0.6rem;
  font-size: 0.34rem;
  line-height: 1.4;
  color: #646464;
}

.vrification-loading .vrification-loading-content p span {
  font-size: 0.28rem;
  color: #3789f9;
}

.vrification-loading img {
  width: 100%;
}

.cpf-container {
  position: relative;
}

.cpf-container .vc-content-cpf .remain-limit {
  margin-bottom: 0.15rem;
}

.cpf-container .vc-content-cpf .remain-limit b {
  color: red;
}

.cpf-container .vc-content-cpf .ver-btn {
  margin: 0 0.35rem;
}

.cpf-container .vc-content-cpf .ver-tip {
  margin: 0.2rem 0.35rem;
  color: #e4393c;
  font-size: 0.28rem;
  word-break: break-word;
  line-height: normal;
}

.cpf-container .cpf-number-container {
  display: flex;
  flex-direction: column;
}

.cpf-container .cpf-number-container .mc-account-list {
  display: flex;
  align-items: center;
  gap: 0.11rem;
}

.cpf-container .cpf-number-container .mc-account-list .cpf-input {
  padding: 0 0 0 0.26rem;
}

.cpf-container .cpf-number-container .mc-account-list .cpf-input.first {
  padding-left: 1rem;
  min-width: 1.91rem;
}

.cpf-container .cpf-number-container .mc-account-list .line {
  color: #757575;
  min-width: 0.18rem;
}

.cpf-container .cpf-number-container .mc-account-list .first + .line,
.cpf-container .cpf-number-container .mc-account-list .sec + .line {
  align-self: flex-end;
  bottom: 0;
  position: relative;
  border-color: transparent;
  color: transparent;
}

.cpf-container .cpf-number-container .mc-account-list .first + .line:after,
.cpf-container .cpf-number-container .mc-account-list .sec + .line:after {
  position: absolute;
  content: ".";
  color: #646464;
  font-size: 0.14rem;
  font-weight: 400;
  bottom: 0;
  left: 0.05rem;
}

.cpf-container .cpf-number-container .cpf-error {
  margin-bottom: 0.31rem;
  color: #fd2f2f;
  text-align: center;
  font-size: 0.26rem;
  font-weight: 900;
}

.cpf-container .captcha-form {
  margin-top: 0.3rem;
}

.cpf-container .captcha-form .fixed-list {
  display: flex;
}

.cpf-container .captcha-form .fixed-list input {
  margin-right: 0.1rem;
}

.cpf-container .captcha-form .fixed-list .cpf-captcha {
  border-radius: 0.15rem;
}

.cpf-container .captcha-form .fixed-list .captcha {
  padding-left: 0.2rem;
}

.cpf-container .account-form-group {
  margin-top: 0.3rem;
}

.cpf-container .account-form {
  margin: 0 0.35rem;
  padding: 0.4rem 0;
}

.cpf-container .account-form .payee-name {
  position: relative;
  margin-top: 0.3rem;
}

.cpf-container .account-form .account-icon {
  z-index: 10;
}

.kyc-container .captcha-form {
  margin-top: 0.3rem;
}

.kyc-container .captcha-form .fixed-list {
  display: flex;
}

.kyc-container .captcha-form .fixed-list input {
  margin-right: 0.1rem;
}

.kyc-container .captcha-form .fixed-list .cpf-captcha {
  border-radius: 0.15rem;
}

.kyc-container .captcha-form .fixed-list .captcha {
  padding-left: 0.2rem;
}

.kyc-container .account-form-group {
  margin-bottom: 0.2rem;
}

.kyc-container .account-icon {
  z-index: 1;
}

.kyc-container .mc-date-input {
  margin-bottom: 0.3rem;
}

.kyc-container .vc-alert {
  min-height: 0.8rem;
  border-radius: 0.04rem;
  background: #ffebeb;
  color: #ff454a;
  padding: 0.24rem 0.36rem 0.2rem 0.08rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 0.26rem;
  gap: 0.3rem;
  margin-bottom: 0.3rem;
  box-shadow: none;
}

.kyc-container .vc-content {
  padding: 0;
  margin: 0.25rem 0 0.5rem;
}

.kyc-container .vc-upload {
  margin: 0 0.94rem;
}

.kyc-container .image-icon {
  text-align: center;
  display: inline-block;
  margin-top: 0.7rem;
}

.kyc-container .image-icon p {
  margin-bottom: 0.1rem;
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 400;
  color: hsla(0, 0%, 46%, 0.4);
}

.kyc-container .image-icon span {
  display: inline-block;
  border-radius: 50%;
  background-color: transparent;
  width: 0.94rem;
  height: 0.89rem;
}

.kyc-container .image-icon span img {
  width: 0.94rem;
  height: 0.89rem;
  margin-top: 0.06rem;
}

.kyc-container .up-load-selfie,
.kyc-container .upload-block {
  min-height: 3.53rem;
  display: block;
  border-radius: 0.31194rem;
  border: 0.02rem dashed hsla(0, 0%, 46%, 0.4);
  background: #fff;
  box-shadow: 0 0.08319rem 0.24956rem 0 rgba(0, 0, 0, 0.07);
}

.kyc-container .ver-btn {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  width: 100%;
  margin: 1rem 0;
  padding: 0 0.2rem;
}

.kyc-container .last-step {
  color: #ff454a;
  border-radius: 0.06rem;
  border: 1px solid #ff454a;
  margin-bottom: 0.2rem;
}

.kyc-container .am-button {
  flex: 1 1 0%;
}

.kyc-container p {
  width: 100%;
}

.panel-default {
  margin: 0.1rem 0;
}

.panel-default strong {
  color: #ff1a55;
  line-height: 1.5;
  font-weight: 400;
}

.identify-process {
  padding-top: 0.24rem;
  padding-bottom: 0.49rem;
  min-height: 1.16rem;
  position: relative;
  display: flex;
  flex-direction: row;
  gap: 1.03rem;
  align-items: center;
  justify-content: center;
  font-size: 0.22rem;
  font-weight: 500;
  color: #c9c9c9;
}

.identify-process:after {
  top: 0.39rem;
  position: absolute;
  display: block;
  content: "";
  width: 2.04rem;
  border: 1px solid #c9c9c9;
}

.identify-process .process-icon {
  width: 0.36rem;
  height: 0.36rem;
  background-size: contain;
  background-repeat: no-repeat;
}

.identify-process.step-two {
  color: #ff454a;
}

.identify-process.step-two:after {
  border-color: #ff454a;
}

.identify-process.step-two .process-item.isDone .process-icon {
  background: initial;
  background-size: contain;
  background-image: url(/mobile/mc/icon-done.6ddf01e2.png);
}

.identify-process .process-item {
  min-width: 1.52rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.identify-process .process-item.target {
  color: #ff454a;
}

.identify-process .process-item.target .process-icon {
  animation-name: target-icon;
  animation-duration: 0.8s;
  animation-fill-mode: forwards;
  animation-iteration-count: 3;
  background: transparent;
  width: 0.36rem;
  height: 0.36rem;
  background-image: url(/mobile/mc/target-icon.14e0e56e.png);
  background-size: contain;
}

.identify-process .process-item.isDeny .process-icon {
  background: transparent;
  width: 0.36rem;
  height: 0.36rem;
  background-image: url(/mobile/mc/deny-icon.71e8f5fd.png);
  background-size: contain;
}

.identify-process .process-item .process-content {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 0.62rem;
}

.identify-process .process-item .process-icon {
  background: #c9c9c9;
  width: 0.36rem;
  height: 0.36rem;
  border-radius: 50%;
  display: block;
}

.status-container {
  height: 100vh;
  align-items: center;
  justify-content: flex-start;
  padding: 1.2rem 0.4rem;
  gap: 0.32rem;
  margin: 0 auto;
}

.status-container,
.status-container .ver-btn {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.status-container .ver-btn {
  flex-grow: 1;
  justify-self: end;
  align-self: end;
  justify-content: flex-end;
}

.status-container .status-image {
  width: 1.32rem;
  height: 1.29rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
}

.status-container .status-image.status_V {
  background-image: url(/mobile/mc/status-page-v.49852d02.png);
}

.status-container .status-image.status_P {
  background-image: url(/mobile/mc/status-page-p.4f1ddef8.png);
}

.status-container .status-image.status_R {
  background-image: url(/mobile/mc/status-page-r.93898257.png);
}

.status-container .status-title {
  text-align: center;
  color: #48484e;
  font-size: 0.48rem;
  font-weight: 600;
}

.status-container .status-sub-title {
  color: #48484e;
  font-size: 0.32rem;
  font-weight: 500;
}

@keyframes target-icon {
  0% {
    transform: scale(1.1);
  }
  50% {
    transform: scale(0.9);
  }
  to {
    transform: scale(1);
  }
}

.verification-info-page .vc-alert {
  min-height: 0.8rem;
  border-radius: 0.04rem;
  background: #ffebeb;
  color: #ff454a;
  padding: 0.24rem 0.36rem 0.2rem 0.08rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 0.26rem;
  gap: 0.3rem;
  margin-bottom: 0.3rem;
  box-shadow: none;
}

.accelerate-wrapper {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  display: flex;
  flex-direction: column;
}

.accelerate-wrapper .accelerate-content-wrapper {
  padding: 0.3rem 0.6rem;
  flex: 1 1 0%;
}

.accelerate-wrapper .accelerate-content-wrapper .intergallery {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0.02rem dashed hsla(0, 0%, 46%, 0.4);
  min-height: 3rem;
  position: relative;
  border-radius: 0.2rem;
  background: #efefef;
}

.accelerate-wrapper .accelerate-content-wrapper .intergallery .inputfile {
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  opacity: 0;
}

.accelerate-wrapper
  .accelerate-content-wrapper
  .intergallery
  .upload-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  color: hsla(0, 0%, 46%, 0.4);
  font-size: 0.27rem;
  align-items: center;
  padding: 0 0.57rem;
}

.accelerate-wrapper
  .accelerate-content-wrapper
  .intergallery
  .upload-container
  svg {
  width: 1rem;
  height: 1rem;
}

.accelerate-wrapper .accelerate-content-wrapper .intergallery .upload-img {
  border-radius: 0.15rem;
  display: block;
  max-height: 2.58rem;
  max-width: 100%;
  object-fit: contain;
  margin-top: 0.1rem;
}

.accelerate-wrapper .accelerate-content-wrapper .show-img {
  position: relative;
  max-width: calc(100% - 0.57rem);
}

.accelerate-wrapper .accelerate-content-wrapper .show-img svg {
  width: 0.46rem;
  height: 0.46rem;
  top: -0.2rem;
  right: -0.2rem;
  position: absolute;
}

.accelerate-wrapper .accelerate-content-wrapper .remark-item {
  margin-top: 0.3rem;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

.accelerate-wrapper .accelerate-content-wrapper .remark-item .item-title {
  color: #333;
  font-size: 0.28rem;
  text-align: left;
}

.accelerate-wrapper .accelerate-content-wrapper .remark-item .remark-textarea {
  padding: 0.23rem 0.28rem;
  border-radius: 0.2rem;
  border: 1.6px solid rgba(58, 106, 211, 0);
  background: #efefef;
  min-height: 3rem;
  font-size: 0.26rem;
  color: #333;
}

.accelerate-wrapper
  .accelerate-content-wrapper
  .remark-item
  .remark-textarea::-webkit-input-placeholder {
  color: #999;
}

.accelerate-wrapper
  .accelerate-content-wrapper
  .remark-item
  .remark-textarea::placeholder {
  color: #999;
}

.accelerate-wrapper .accelerate-content-footer {
  padding: 0 0.6rem 0.45rem;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

.accelerate-wrapper .accelerate-content-footer .footer-tip {
  color: #999;
  font-size: 0.26rem;
  text-align: center;
}

.accelerate-wrapper .accelerate-content-footer .submit-button {
  border-radius: 0.15rem;
  background: linear-gradient(270deg, #ff3a3e, #ff1e30);
  box-shadow: 0 0.1rem 0.2rem 0 rgba(255, 0, 16, 0.4);
  height: 0.94rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 0.36rem;
  border: none;
}

.accelerate-wrapper
  .accelerate-content-footer
  .submit-button.am-button-disabled {
  background: #c9c9c9;
  box-shadow: 0 0.04rem 0.08rem 0 hsla(0, 0%, 71%, 0.3);
  color: #fff;
}

.tabPane-tips {
  width: 100%;
  height: 0.9rem;
  line-height: 0.9rem;
  display: flex;
}

.tabPane-tips a {
  margin: 0.15rem;
}

#uesport .usprot-voucherFilter {
  display: flex;
  text-align: center;
  height: 1rem;
  align-items: center;
  line-height: 1rem;
  width: 100%;
}

#uesport .usprot-voucherFilter a {
  font-size: 0.24rem;
  color: #888;
  line-height: 1;
  padding: 0 1em !important;
  width: 42.5%;
  margin: 0 !important;
  margin-left: 5% !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  flex-shrink: 1;
  height: 0.57rem;
  border: 0.02rem solid #eeeeef;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.3rem;
}

.tabPane-tips a:first-child {
  margin-left: 0.35rem;
}

.tabPane-span {
  font-size: 0.28rem;
}

.other {
  margin-bottom: 0.45rem;
}

.other .am-card {
  padding-bottom: 0;
}

.am-tabs-tabpane-active .am-card-body {
  background-color: #fff !important;
  min-height: 1.92rem;
  border-top: 0;
}

.card-header {
  height: 0.8rem;
  line-height: 0.8rem;
  position: relative;
  width: 100%;
}

.people_svg {
  float: left;
  width: 25%;
  position: relative;
}

.card-header div:first-child {
  height: 100%;
  float: left;
  font-size: 0.32rem;
  font-weight: 700;
}

.card-header .time {
  margin-right: 0.15rem;
  height: 100%;
  float: right;
}

.card-header-span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  line-height: 1.2;
  max-width: 50%;
  word-break: break-all;
}

.am-tabs-tabpane-active .card-body {
  background: #f6f6f6 !important;
}

.card-body p {
  min-width: 0.7rem;
  width: 100%;
  line-height: 0.7rem;
  padding-left: 0.2rem;
}

.card-body p span {
  float: left;
  width: 35%;
}

.card-body p span:first-child {
  width: 60%;
  margin-right: 0.1rem;
}

.card-footer {
  min-height: 0.8rem;
  height: 1.8rem;
  margin-top: 0.1rem;
}

.card-footer ul {
  padding-left: 0.2rem;
  height: 100%;
  width: 100%;
  display: flex;
}

.card-footer ul li {
  float: left;
  width: 40%;
  height: 0.4rem;
  text-align: center;
  line-height: 0.4rem;
}

.card-footer ul li:first-child {
  width: 30%;
  text-align: left;
}

.card-footer ul li:last-child {
  width: 20%;
}

.requestedAmount {
  color: #ff3115;
  font-size: 0.32rem;
}

.am-tabs-tabpane-active .records-footer {
  position: fixed;
  width: 100%;
  bottom: 0;
  background: #fff;
  border-top: 1px solid #dedede;
  height: 0.75rem;
  padding-bottom: 0.3rem;
  line-height: 0.75rem;
  font-size: 0.31rem;
  font-weight: 700;
  padding-left: 0.5rem;
  z-index: 9999;
}

.records-footer span:last-child {
  float: right;
  margin-right: 1rem;
}

.baseLine {
  height: 2rem;
  line-height: 1.5rem;
  font-size: 0.32rem;
  color: #979797;
  text-align: center;
  padding-bottom: 1rem;
}

.hrLine {
  vertical-align: middle;
  display: inline-block;
}

.hrLine.one {
  width: 1.5rem;
  margin-right: 0.15rem;
}

.hrLine.two {
  width: 1.5rem;
  margin-left: 0.15rem;
}

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

.empty-text {
  display: inline-block;
  font-weight: 500;
}

.col2 {
  color: #00c81c;
}

.col3 {
  color: #fd452a;
}

.col5 {
  color: #494949;
}

.deposit-record-root .deposit-id {
  display: flex;
  align-items: center;
}

.deposit-record-root .deposit-id svg {
  margin-left: 0.1rem;
  fill: #999;
}

.vou-record-item .am-card {
  border: none;
  border-bottom: 0.02rem solid #dedede;
}

.vou-record-item .am-card .am-card-body {
  padding: 0.38rem 0.32rem 0.24rem;
}

.vou-record-item .am-card .am-card-body .card-body {
  border-radius: 0.2rem;
}

.vou-record-item .am-card .am-card-body .card-footer {
  margin-top: 0.2rem;
}

.vou-record-item .card-header-wrapper {
  display: flex;
  flex-direction: column;
}

.vou-record-item .card-header-wrapper .card-header {
  height: auto;
  min-height: 0.4rem;
  line-height: normal;
  margin-bottom: 0.15rem;
  gap: 0.15rem;
}

.vou-record-item .card-header-wrapper .card-header .card-header-span {
  font-size: 0.32rem;
  font-weight: 400;
  float: none;
  position: relative;
  transform: none;
  max-width: none;
  flex: 1 1 0%;
}

.vou-record-item .card-header-wrapper .card-header .time {
  font-size: 0.28rem;
  font-weight: 500;
  width: auto;
  margin-right: 0;
  float: none;
}

.vou-record-item .card-header-wrapper .header-bottom {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0.36rem;
}

.vou-record-item .card-header-wrapper .header-bottom .acceleration-btn {
  height: 0.6rem;
  padding: 0 0.33rem;
  border-radius: 0.54rem;
  background: #108ee9;
  box-shadow: 0 0.04rem 0.08rem 0 rgba(16, 142, 233, 0.3);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 0.28rem;
  width: -webkit-max-content;
  width: max-content;
  line-height: normal;
}

.vou-record-item
  .card-header-wrapper
  .header-bottom
  .acceleration-btn.am-button-disabled {
  background: #c9c9c9 !important;
  box-shadow: 0 0.04rem 0.08rem 0 hsla(0, 0%, 71%, 0.3);
  color: #fff !important;
}

.tabPane-tips {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1rem;
  line-height: 1rem;
  display: flex;
  background: #f0f0f0;
  border-bottom: 1px solid #ebebeb;
  z-index: 1;
}

.tabPane-tips a {
  margin: 0.15rem;
}

.tabPane-tips a:first-child {
  margin-left: 0.35rem;
}

.tabPane-span {
  font-size: 0.28rem;
}

.filter-tabPane-btn {
  color: #108ee9;
  display: inline-block;
  height: 0.6rem;
  line-height: 0.6rem;
  margin: 0 0.1rem;
  border-radius: 0.1rem;
  white-space: nowrap;
  padding: 0 0.2rem;
  border: 1px solid #108ee9;
}

.popUp-span {
  position: absolute;
  right: -0.03rem;
  top: -0.05rem;
}

.mc-profitLoss-record-root .mc-filter-container {
  position: fixed !important;
  top: 1rem;
}

.mc-trans-record-container.voucher .records-root {
  border: none;
  margin-bottom: 0;
}

.mc-trans-record-container.voucher .card-footer {
  height: auto;
}

.mc-trans-record-container.voucher .am-card {
  border: 0.02rem solid #dedede;
  border-top: none;
}

.mc-trans-record-container.voucher .card-footer li {
  height: auto;
  min-height: 0.4rem;
}

.mc-trans-record-container.voucher .records-footer {
  padding: 0 0.5rem;
}

.mc-trans-record-container.voucher .records-footer p {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mc-trans-record-container.voucher .records-footer span:last-child {
  float: none;
  margin: 0;
}

.tabPane-tips.voucher-report-tab .am-flexbox.am-flexbox-align-middle {
  justify-content: space-between;
  height: 100%;
  padding: 0 0.3rem;
  gap: 0.3rem;
}

.tabPane-tips.voucher-report-tab
  .am-flexbox.am-flexbox-align-middle
  a:first-child {
  margin: 0;
}

.tabPane-tips.voucher-report-tab
  .am-flexbox.am-flexbox-align-middle
  .filter-tabPane-btn {
  margin: 0;
}

.withdraw-report .mc-trans-record-container .withdraw-detail-list {
  min-height: calc(100vh - 2.77rem);
  min-height: calc(var(--vh, 1vh) * 100 - 2.77rem);
  display: flex;
  flex-direction: column;
}

.withdraw-report
  .mc-trans-record-container
  .withdraw-detail-list
  .nodata-container {
  flex: 1 1 0%;
}

.am-tabs-tabpane-active .records-footer {
  position: fixed;
  width: 100%;
  bottom: 0;
  background: #fff;
  border-top: 1px solid #dedede;
  height: 0.75rem;
  line-height: 0.75rem;
  font-size: 0.31rem;
  font-weight: 700;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.1rem;
  padding: 0 0.5rem;
}

.show {
  display: block;
}

.hide {
  display: none !important;
}

.records-footer span:last-child {
  float: none;
  margin: 0;
}

.baseLine {
  height: 2rem;
  line-height: 1.5rem;
  font-size: 0.32rem;
  color: #979797;
  text-align: center;
  padding-bottom: 1rem;
}

.hrLine {
  vertical-align: middle;
  display: inline-block;
}

.hrLine.one {
  width: 1.5rem;
  margin-right: 0.15rem;
}

.hrLine.two {
  width: 1.5rem;
  margin-left: 0.15rem;
}

.records-root .remark {
  margin: 0 0.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 65%;
}

.widthMoney {
  color: #f7472c;
}

.widthId,
.widthMoney {
  font-size: 0.32rem;
  font-weight: 700;
}

.widthId {
  color: #02e0b6;
}

.color1 {
  color: #494949;
}

.color2 {
  color: #00c81c;
}

.color3 {
  color: #ff3115;
}

.color4 {
  color: #00c81c;
}

.color5 {
  color: #ff3115;
}

.color7 {
  color: #04cae8;
}

.records-root .remark.true p {
  display: block;
}

.width p {
  margin: 0;
}

.withdraw-detail-list .records-root {
  margin-bottom: 0;
  border: none;
}

.withdraw-detail-list .records-root .am-card {
  border: initial;
  border-bottom: 0.02rem solid #dedede;
  background: #fff;
  padding-bottom: 0;
  border-radius: 0;
}

.withdraw-detail-list .records-root .am-card-body {
  display: flex;
  flex-direction: column;
  padding: 0.38rem 0.32rem;
}

.withdraw-detail-list .records-root .am-card-body .card-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.36rem;
  line-height: normal;
  align-items: center;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  gap: 0.1rem;
}

.withdraw-detail-list .records-root .am-card-body .card-header .wr-card-header {
  display: flex;
  align-items: center;
  position: relative;
  flex: 1 1 0%;
}

.withdraw-detail-list
  .records-root
  .am-card-body
  .card-header
  .wr-card-header:before {
  content: "";
  width: 0.32rem;
  height: 0.32rem;
  padding-right: 0.1rem;
  background: url(/mobile/mc/ewallet-icon.0eb5060b.png) no-repeat 50% / contain;
}

.withdraw-detail-list
  .records-root
  .am-card-body
  .card-header
  .wr-card-header.BC:before {
  background: url(/mobile/mc/bank-icon.1df25838.png) no-repeat 50% / contain;
}

.withdraw-detail-list
  .records-root
  .am-card-body
  .card-header
  .wr-card-header.VW:before {
  background: url(/mobile/mc/virtual-icon.6f3e3a93.png) no-repeat 50% / contain;
}

.withdraw-detail-list
  .records-root
  .am-card-body
  .card-header
  .wr-card-header
  .card-title {
  font-size: 0.32rem;
  color: #333;
  flex: 1 1 0%;
  word-break: break-word;
}

.withdraw-detail-list
  .records-root
  .am-card-body
  .card-header
  .wr-card-header
  .card-time {
  font-size: 0.28rem;
  font-weight: 400;
  color: #333;
}

.withdraw-detail-list .records-root .am-card-body .card-body {
  display: flex;
  flex-direction: column;
  border-radius: 0.2rem;
  background: #f6f6f6;
  padding: 0 0.2rem;
}

.withdraw-detail-list .records-root .am-card-body .card-body .card-item {
  display: flex;
  align-items: center;
  color: #333;
  font-size: 0.28rem;
  min-height: 0.7rem;
  gap: 0.1rem;
}

.withdraw-detail-list
  .records-root
  .am-card-body
  .card-body
  .card-item.show-remark {
  background: #000;
  color: #fff;
  padding: 0.1rem;
  white-space: pre-wrap;
  line-height: 1.4;
  border-radius: 0.1rem;
}

.withdraw-detail-list
  .records-root
  .am-card-body
  .card-body
  .card-item
  .card-title {
  position: relative;
}

.withdraw-detail-list
  .records-root
  .am-card-body
  .card-body
  .card-item
  .card-title:after {
  content: "\FF1A";
}

.withdraw-detail-list
  .records-root
  .am-card-body
  .card-body
  .card-item
  .card-num {
  word-break: break-word;
}

.withdraw-detail-list
  .records-root
  .am-card-body
  .card-body
  .card-item
  .card-num.remark {
  flex: 1 1 0%;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
  max-width: none;
  margin: 0;
}

.withdraw-detail-list .records-root .am-card-body .card-footer {
  margin-top: 0.2rem;
  display: flex;
  justify-content: space-between;
  min-height: 0;
  height: auto;
  gap: 0.1rem;
}

.withdraw-detail-list .records-root .am-card-body .card-footer .card-item {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  font-size: 0.3rem;
}

.withdraw-detail-list
  .records-root
  .am-card-body
  .card-footer
  .card-item.status {
  flex: 1 1 0%;
  align-items: flex-end;
  text-align: right;
}

.withdraw-detail-list
  .records-root
  .am-card-body
  .card-footer
  .card-item
  .card-title {
  color: #333;
}

.withdraw-detail-list
  .records-root
  .am-card-body
  .card-footer
  .card-item
  .card-num {
  word-break: break-word;
}

.withdraw-detail-list
  .records-root
  .am-card-body
  .card-footer
  .card-item
  .card-num.amount {
  color: #ff3115;
  font-size: 0.32rem;
  font-weight: 400;
}

.records-root {
  font-size: 0.32rem;
  margin-bottom: 0.3rem;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
}

.record-time {
  left: 0 !important;
  margin: 0.1rem;
  right: 0.2rem;
}

.record-time .am-popover-inner-wrapper {
  background: #000;
  padding: 0.1rem;
  color: #fff;
}

.record-time .am-popover-arrow {
  background: #000;
}

.records-list-root .time {
  font-size: 0.28rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  max-width: 3.8rem;
}

.records-list-root .time.true p {
  display: block;
}

.records-list-root .time p {
  background: #000;
  color: #fff;
  padding: 0.1rem;
  position: absolute;
  white-space: pre-wrap;
  display: none;
  left: 0 !important;
  line-height: 1.4;
  border-radius: 0.1rem;
  z-index: 888;
  margin: 0.1rem;
  right: 0.2rem;
}

.records-item-header {
  padding: 0.14rem 0.4rem;
  height: 0.7rem;
  line-height: 0.7rem;
  background: #fff;
}

.am-icon-coin-yen {
  position: relative;
  top: 0.08rem;
  margin-right: 0.15rem;
  color: #3a86f7;
}

.records-item-content {
  font-size: 0.28rem;
  background: rgba(0, 0, 0, 0.05);
}

.records-list-root .line {
  height: 0.8rem;
  line-height: 0.8rem;
  padding: 0 0.4rem;
  font-size: 0.25rem;
}

.records-list-root .line-large {
  height: 1rem;
  margin-top: 0.1rem;
  padding: 0 0.4rem;
}

.records-list-root .line-large .am-flexbox {
  line-height: 0.45rem;
}

.withdraw-report .records-footer {
  height: 0.8rem;
  position: fixed;
  bottom: 0;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0 0.5rem;
  background: #fff;
  justify-content: space-between;
}

.withdraw-report .am-flexbox.am-flexbox-align-middle.mc-trans-filter {
  width: 100%;
  justify-content: flex-start;
  height: 0.9rem;
  border-bottom: 0.02rem solid #ebebeb;
  background: #f0f0f0;
  box-shadow: none;
}

.withdraw-report
  .am-flexbox.am-flexbox-align-middle.mc-trans-filter
  .am-button-small {
  margin-right: 0.6rem;
}

.agentDivident .myDividend {
  position: relative;
}

.myDividend .am-whitespace {
  background-color: #f5f5f5;
}

.agentDivident .block-container {
  height: 1.25rem;
}

.periodic-total-bet {
  width: 27%;
}

.banner {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 1.5rem;
  padding: 0 0.15rem;
  margin-bottom: 0.3rem;
  border-radius: 0.1rem;
}

.banner.salary {
  background: #fc795a;
  background: -moz-linear-gradient(top, #fc795a 0, #fc795a 20%, #fe64aa 100%);
  background: -webkit-linear-gradient(top, #fc795a, #fc795a 20%, #fe64aa);
  background: linear-gradient(180deg, #fc795a 0, #fc795a 20%, #fe64aa);
}

.banner.bet,
.banner.salary {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcba66", endColorstr="#fa8866", GradientType=0);
}

.banner.bet {
  background: #76c2fe;
  background: -moz-linear-gradient(top, #76c2fe 0, #76c2fe 20%, #6d81fe 100%);
  background: -webkit-linear-gradient(top, #76c2fe, #76c2fe 20%, #6d81fe);
  background: linear-gradient(180deg, #76c2fe 0, #76c2fe 20%, #6d81fe);
}

.banner .title {
  width: 23%;
  -ms-flex: 0 0 23%;
  flex: 0 0 23%;
  color: #fff;
  font-size: 0.32rem;
  line-height: 0.35rem;
  letter-spacing: 0.02rem;
  text-align: center;
  padding-right: 0.3rem;
}

.banner .money {
  font-size: 0.56rem;
  color: #fa8866;
  background-color: #fff;
  width: 77%;
  height: 100%;
  flex: 0 0 77%;
  line-height: 1.5rem;
  text-align: right;
  padding: 0 0.2rem;
}

.agentDivident .banner {
  height: 1.1rem;
  position: relative;
  padding-left: 0 !important;
}

.agentDivident .banner.bg1 {
  background: #fc8461;
  background: -moz-linear-gradient(top, #fc8167 0, #fe7288 20%, #ff72a8 100%);
  background: -webkit-linear-gradient(top, #fc8167, #fe7288 20%, #ff72a8);
  background: linear-gradient(180deg, #fc8167 0, #fe7288 20%, #ff72a8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcba66", endColorstr="#fa8866", GradientType=0);
}

.agentDivident .banner.bg12 {
  background: #fc8461;
  background: -moz-linear-gradient(top, #fcba66 0, #fcba66 20%, #fa8866 100%);
  background: -webkit-linear-gradient(top, #fcba66, #fcba66 20%, #fa8866);
  background: linear-gradient(180deg, #fcba66 0, #fcba66 20%, #fa8866);
}

.agentDivident .banner.bg2,
.agentDivident .banner.bg12 {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcba66", endColorstr="#fa8866", GradientType=0);
}

.agentDivident .banner.bg2 {
  background: #fcba66;
  background: -moz-linear-gradient(top, #fcba66 0, #fcba66 20%, #fa8866 100%);
  background: -webkit-linear-gradient(top, #fcba66, #fcba66 20%, #fa8866);
  background: linear-gradient(180deg, #fcba66 0, #fcba66 20%, #fa8866);
}

.agentDivident .banner.bg3 {
  background: #a356f7;
  background: -moz-linear-gradient(top, #b556f4 0, #9657f9 20%, #8065fd 100%);
  background: -webkit-linear-gradient(top, #b556f4, #9657f9 20%, #8065fd);
  background: linear-gradient(180deg, #b556f4 0, #9657f9 20%, #8065fd);
}

.agentDivident .banner.bg3,
.agentDivident .banner.bg4 {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcba66", endColorstr="#fa8866", GradientType=0);
}

.agentDivident .banner.bg4 {
  background: #3af0ac;
  background: -moz-linear-gradient(top, #3bf0aa 0, #2eeabb 20%, #22e4cb 100%);
  background: -webkit-linear-gradient(top, #3bf0aa, #2eeabb 20%, #22e4cb);
  background: linear-gradient(180deg, #3bf0aa 0, #2eeabb 20%, #22e4cb);
}

.agentDivident .banner.bg5 {
  background: #049cf0;
  background: -moz-linear-gradient(top, #2da7df 0, #3993d2 20%, #1d6bdf 100%);
  background: -webkit-linear-gradient(top, #2da7df, #3993d2 20%, #1d6bdf);
  background: linear-gradient(180deg, #2da7df 0, #3993d2 20%, #1d6bdf);
}

.agentDivident .banner.bg5,
.agentDivident .banner.bg6 {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcba66", endColorstr="#fa8866", GradientType=0);
}

.agentDivident .banner.bg6 {
  background: #f0b6e7;
  background: -moz-linear-gradient(top, #f0a7df 0, #f093d2 20%, #e46bdf 100%);
  background: -webkit-linear-gradient(top, #f0a7df, #f093d2 20%, #e46bdf);
  background: linear-gradient(180deg, #f0a7df 0, #f093d2 20%, #e46bdf);
}

.agentDivident .banner.bg7 {
  background: #1efff3;
  background: -moz-linear-gradient(top, #1efff3 0, #2df0ea 20%, #07d6f5 100%);
  background: -webkit-linear-gradient(top, #1efff3, #2df0ea 20%, #07d6f5);
  background: linear-gradient(180deg, #1efff3 0, #2df0ea 20%, #07d6f5);
}

.agentDivident .banner.bg7,
.agentDivident .banner.bg8 {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcba66", endColorstr="#fa8866", GradientType=0);
}

.agentDivident .banner.bg8 {
  background: #94ff7b;
  background: -moz-linear-gradient(top, #44ff73 0, #18ff11 20%, #12ff62 100%);
  background: -webkit-linear-gradient(top, #44ff73, #18ff11 20%, #12ff62);
  background: linear-gradient(180deg, #44ff73 0, #18ff11 20%, #12ff62);
}

.agentDivident .banner.bg9 {
  background: #c529ff;
  background: -moz-linear-gradient(
    top,
    rgba(210, 84, 255, 0.96) 0,
    #c529ff 20%,
    #b42dff 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(210, 84, 255, 0.96),
    #c529ff 20%,
    #b42dff
  );
  background: linear-gradient(
    180deg,
    rgba(210, 84, 255, 0.96) 0,
    #c529ff 20%,
    #b42dff
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcba66", endColorstr="#fa8866", GradientType=0);
}

.agentDivident .banner.bg110 {
  background: #76c2fe;
  background: -webkit-linear-gradient(top, #76c2fe, #76c2fe 20%, #6d81fe);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#76c2fe),
    color-stop(20%, #76c2fe),
    to(#6d81fe)
  );
  background: -o-linear-gradient(top, #76c2fe 0, #76c2fe 20%, #6d81fe 100%);
  background: linear-gradient(180deg, #76c2fe 0, #76c2fe 20%, #6d81fe);
}

.agentDivident .banner .title {
  padding: 0.05rem;
  letter-spacing: 0;
  font-size: 0.28rem;
  line-height: unset;
  height: auto;
  flex: 0 0 25%;
  top: 0;
}

.agentDivident .banner .money {
  height: 100%;
  flex: 0 0 75%;
  line-height: 1rem;
}

.card-grid {
  display: flex;
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
  margin-bottom: 0.25rem;
}

.card-grid .tab {
  width: 100%;
  border: 1px solid #fefefe;
  position: relative;
  min-height: 2rem;
}

.grid-container {
  background: #fff;
  width: 100%;
  overflow-x: scroll;
  white-space: nowrap;
  padding: 0.12rem 0.2rem 0.2rem;
  border-radius: 0.2rem;
}

.grid-title {
  padding-left: 0.3rem;
  color: gray;
  font-size: 0.3rem;
  position: relative;
  padding-bottom: 0.3rem;
}

.grid-title:after {
  content: "";
  position: absolute;
  width: 0.1rem;
  background: #23e63a;
  left: 0;
  top: 0.02rem;
  height: 0.3rem;
}

.grid-content {
  background: #f5f5f5;
  padding: 0.3rem 0.2rem;
}

.grid-header {
  padding-bottom: 0.24rem;
}

.grid-body span,
.grid-header span {
  display: inline-block;
  text-align: left;
  font-weight: 400;
  min-width: 25%;
  line-height: 1.5;
}

.grid-header span {
  font-size: 0.24rem;
  vertical-align: middle;
  color: #a6a6a6;
  line-height: 1;
}

.agentDivident .searchTwo {
  width: 100%;
  height: 1rem;
  background: #e9e9e9;
  margin-top: -0.15rem;
  overflow: hidden;
}

.agentDivident .propsBox {
  margin: 0.15rem 0.1rem;
  line-height: 1rem;
  height: 100%;
  display: flex;
}

.agentDivident .propsBox > * {
  flex-shrink: 1;
  flex-grow: 1;
}

.propsBox a {
  float: left;
  margin-top: 0.12rem;
}

.searchTwo a {
  padding: 0 0.03rem;
}

.searchTwo a:first-child {
  margin-right: 0.15rem;
}

.searchTwo a:nth-child(2) {
  margin-right: 0.15rem;
}

.searchTwo a:last-child {
  margin-left: 0.15rem;
  white-space: nowrap;
}

.agentDivident .tabPane-span {
  font-size: 0.26rem;
  display: flex;
  align-items: center;
  white-space: pre-wrap;
  word-break: break-word;
  text-align: left;
  line-height: 1;
}

.agentDivident .tabPane-span svg {
  width: 0.18rem;
  margin-left: 0.11rem;
}

.card-box {
  margin: 0.1rem 0.15rem;
  margin-top: 0.2rem;
}

.card-box .card-header-people {
  width: 0.5rem;
  height: 0.5rem;
  margin-right: 0.1rem;
}

.card-box .card-text {
  position: absolute;
  top: -0.1rem;
  font-size: 0.3rem;
}

.card-details {
  margin-bottom: 0.3rem;
}

.card-box .card-header div:last-child {
  margin-top: -0.1rem;
}

.card-box .card-body.downline_divide_body {
  height: auto;
  line-height: normal;
  min-height: 0.95rem;
  display: flex;
  align-items: center;
}

.card-box .card-footer ul li {
  height: auto;
}

.card-box .card-footer ul li:last-child {
  width: 25%;
  height: auto;
}

.downline_divide_body p {
  display: flex;
  justify-content: space-between;
}

.settlementDate {
  width: auto !important;
}

.downline_divide_body p span {
  width: auto !important;
  margin-right: 0.1rem;
}

.card-box .card-header div.lastDiv {
  width: 48%;
  margin-top: -0.1rem;
  position: relative;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.card-box .card-header div.lastDiv span {
  display: inline-block;
  width: auto;
}

.card-box .card-header div.lastDiv span.b {
  margin-left: 0.2rem;
  margin-right: 0.2rem;
  width: 1px;
  height: 45%;
  border-right: 1px solid #747474;
}

.card-box .card-header div.lastDiv span.payout {
  color: #025fee;
}

.card-box .card-body {
  height: 0.95rem;
  line-height: 0.95rem;
}

.agentDivident .tips {
  font-size: 0.32rem;
  text-align: center;
  font-weight: 600;
  margin-top: 0.15rem;
}

.dividendAmount {
  color: #f6573a;
}

.dividendAmount,
.rate {
  font-weight: 700;
  font-size: 0.33rem;
}

.rate {
  color: #23deb8;
}

.agentDivident .searchThere {
  margin: 0.1rem 0.15rem 0 0.12rem;
}

.agentDivident .switch-box {
  color: #636363;
  font-size: 0.26rem;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  min-width: 3.2rem;
  display: flex;
  align-items: center;
}

.agentDivident .switch-box span {
  float: left;
}

.agentDivident .agrg-downline-type .mc-switch {
  margin: 0 0.2rem;
}

.agentDivident .switch-box span.agrg-downline-cname {
  line-height: 0.3rem;
}

.agentDivident .grid-header span {
  white-space: normal;
  max-width: 1.65rem;
}

.agentDivident .grid-body span {
  max-width: 1.65rem;
  font-weight: 700;
  font-size: 0.28rem;
  color: #7c7c7c;
}

.contract .am-card {
  min-height: auto;
  padding-bottom: 0;
}

.contract .am-card .am-card-body {
  padding: 0.15rem 0.1rem 0.08rem;
}

.contract .card-header {
  display: flex;
  justify-content: space-between;
  gap: 0.1rem;
}

.contract .card-header .card-header-people {
  width: 0.5rem;
  height: 0.5rem;
  color: #46bcf2;
  margin-right: 0.1rem;
}

.contract .card-header .people_svg {
  float: none;
  display: flex;
  align-items: center;
  width: 35%;
}

.contract .card-text {
  flex: 1 1 0%;
  font-size: 0.33rem;
}

.agentDivident .startContract {
  color: #2f68f8;
  font-size: 0.33rem;
  z-index: 10;
}

.agentDivident .startContract a {
  display: block;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.contractHeader {
  position: relative;
  font-size: 0.4rem;
  font-weight: 700;
  color: #202020;
  margin-bottom: 0.25rem;
  margin-top: 0.25rem;
}

.contractPeople {
  position: absolute;
  left: 0.03rem;
  top: 0;
  color: #46bcf2;
}

.contractText {
  display: inline-block;
  padding-left: 0.5rem;
  word-break: break-word;
}

.contractCross {
  position: absolute;
  right: 0.03rem;
  top: -0.05rem;
}

.contract-tips {
  color: red;
  font-size: 0.31rem;
  margin-top: 0.3rem;
  font-weight: 500;
  margin-bottom: 0.25rem;
  margin-left: 0.25rem;
}

.popup-header {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 0.26rem;
  padding: 0.1rem 0;
  font-weight: 700;
  text-align: center;
}

.popup-header span {
  min-height: 0.58rem;
}

.popup-container {
  white-space: nowrap;
  font-size: 0.26rem;
  text-align: left;
}

.list-popup-container,
.popup-container {
  width: 100%;
  height: 1rem;
  padding: 0.1rem 0;
  line-height: 0.8rem;
  font-weight: 700;
  background: #fff;
}

.list-popup-container {
  font-size: 0.3rem;
  text-align: center;
}

.del-icon {
  text-align: center;
  width: 1.1rem !important;
}

.devidend-container {
  position: absolute;
  display: inline-block;
}

.devidend-container.input-container {
  display: inline-block;
  text-align: center;
  width: 20%;
  margin: 0 0.1rem;
  height: 100%;
  color: #868686;
}

.list-popup-container .activeMember,
.list-popup-container .contractRate {
  width: 1.1rem;
}

.table-container .list-popup-container .icon-span {
  width: 12%;
  display: inline-block;
  height: 100%;
  color: #0570cd;
  z-index: 10;
}

.popup-container .input-container {
  display: inline-block;
  text-align: left;
  width: 20%;
  height: 100%;
  color: #868686;
}

.popup-container .activeMember {
  width: 17%;
}

.popup-container .contractRate {
  width: 15%;
}

.table-container .dividentList-container {
  min-height: 7.5rem;
  width: 100%;
}

.table-container .popup-container .icon-span {
  width: 20%;
  display: inline-block;
  height: 100%;
  color: #0570cd;
  z-index: 10;
}

.popup-container span .span-icon {
  vertical-align: sub;
}

.popup-container input {
  display: inline-block;
  width: 21%;
  margin: 0 0.1rem;
  vertical-align: top;
  height: 0.5rem;
  outline: none;
  padding: 0 0.1rem;
  text-align: left;
  border: none;
  background: #eee;
  color: #868686;
  border-radius: 0.2rem;
}

.popup-container input[name="activeMember"],
.popup-container input[name="contractRate"] {
  width: 15%;
}

.dividend-tips {
  position: relative;
  height: 0.75rem;
}

.table-container .dividend-tips .arrow-top {
  width: 0;
  height: 0;
  border-left: 0.17rem dashed transparent;
  border-right: 0.17rem dashed transparent;
  border-bottom: 0.15rem solid #108ee9;
  position: absolute;
  top: 0;
  right: 17%;
}

.table-container .dividend-tips .new-tips {
  top: 0.14rem;
}

.popup-container input:focus {
  outline: none;
  border: 0.03rem solid #3879d9;
}

.card-details.contract .spantime {
  width: 65%;
  margin-right: 0.3rem;
}

.card-details.contract .spandetails {
  width: unset;
  color: #108ee9;
  position: relative;
  float: right;
  z-index: 10;
  margin-right: 0.5rem;
}

.popup-header span {
  display: inline-block;
  width: 1.78rem;
  height: 100%;
  padding: 0.14rem 0;
  color: #868686;
  white-space: normal;
  vertical-align: middle;
}

.popup-header .activeMember,
.popup-header .contractRate {
  width: 1.3rem;
}

.popup-header span:last-child {
  text-align: center;
  width: 1.3rem !important;
}

.list-box {
  height: 0.85rem;
}

.searchTwo .popup-list {
  min-height: 8rem;
  background: #f6f6f6;
}

.devidend-add-icon {
  position: relative;
  margin: 0;
  width: 12%;
  padding-left: 0.1rem;
  display: inline-block;
  height: 100%;
}

.devidend-add-icon svg {
  position: absolute;
  margin-left: 0.25rem;
}

.popup-list .addTerms {
  text-align: center;
  font-size: 0.36rem;
  font-weight: 700;
  color: #2f68f8;
  margin-bottom: 0.5rem;
}

.popup-list .addTermsBody {
  background: #f8f8fc;
  border-top: 1px solid #ccc;
  padding-top: 0.2rem;
}

.popup-list .addTermsBody .list {
  position: relative;
}

.popup-list .addTermsBody input {
  background: #f1f1f1;
  margin-bottom: 0.3rem;
  border-radius: 0.1rem;
  outline: none;
}

.popup-list .addTermsBody .list span {
  position: absolute;
  bottom: 0.02rem;
  left: 0.05rem;
  color: red;
  font-weight: 700;
  font-size: 0.32rem;
}

.poplist-footer {
  padding-top: 0.2rem;
  padding-bottom: 1rem;
  width: 100%;
  bottom: 0;
}

.poplist-footer > a {
  width: 40%;
  margin: 0 0.1rem;
}

.sigin-footer > a {
  margin: 0 0.1rem;
}

.poplist-footer a.footer-button {
  background: #da3e34;
  color: #fff;
  border: 0;
}

.poplist-footer a.footer-button:active {
  background: red;
}

.tips {
  color: red;
  font-size: 0.28rem;
  font-weight: 700;
  margin-top: 0.04rem;
  width: 100%;
  display: flex;
}

.card-details .card-header div.endContract {
  flex: 1 1 0%;
  color: #0a98f8;
  font-size: 0.3rem;
  width: auto;
  position: relative;
  white-space: nowrap;
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.card-details .card-header div.endContract span {
  display: inline-block;
  word-wrap: break-word;
  word-break: break-all;
  vertical-align: middle;
  white-space: normal;
  line-height: 1;
  flex: initial;
}

.card-details:not(.CN) .card-header div.endContract span {
  font-size: 0.24rem;
  color: red;
}

.card-details .card-header span {
  display: inline-block;
  flex: 1 1 0%;
}

.card-details .card-header b {
  width: 1px;
  height: 45%;
  border-right: 1px solid #747474;
  margin-left: 0.2rem;
  margin-right: 0.2rem;
}

.card-details.contract .card-body {
  border-bottom: 0;
}

.card-details.contract .protocolDetails {
  min-height: 0.6rem;
  background: #e8e7ed;
  color: #848484;
  overflow-x: scroll;
}

.card-details.contract .protocolDetails .header {
  width: 100%;
  height: 100%;
  overflow-x: scroll;
  display: flex;
  align-items: center;
  min-height: 0.6rem;
}

.card-details.contract .protocolDetails .header p {
  display: inline-block;
  width: 20%;
  height: 100%;
  text-align: center;
}

.card-details.contract .protocolDetails.periodicBets .header p {
  width: 25%;
}

.card-details.contract .protocolDetails .details {
  width: 100%;
  white-space: nowrap;
  height: 100%;
  overflow-x: scroll;
}

.card-details.contract .protocolDetails .details p {
  display: inline-block;
  width: 20%;
  font-weight: 700;
  text-align: center;
}

.card-details.contract .protocolDetails.periodicBets .details p {
  width: 25%;
}

.col6 {
  color: #0a98f8 !important;
}

.col4 {
  color: #23deb8 !important;
}

.spandetails b {
  font-weight: 500;
  font-size: 0.31rem;
}

.status-arrowDown {
  vertical-align: sub;
  margin-right: 0.05rem;
  width: 0.29rem;
  height: 0.29rem;
  position: absolute;
  top: 0.18rem;
}

.divident-list-item {
  position: relative;
}

.divident-list-item span {
  display: inline-block;
  width: 1.6rem;
  margin: 0 0.1rem;
  position: relative;
}

.divident-list-item span svg {
  top: -0.3rem !important;
}

.divident-list-item .line {
  display: inline-block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: 0.005rem;
  width: 90%;
  background: #e7ebee;
  bottom: 0;
}

.downline-item-toot {
  padding: 0.2rem 0.4rem;
  background: #fff;
  margin-top: 0.2rem;
}

.downline-item-toot .user-info .user-name {
  margin-left: 0.2rem;
  font-weight: 600;
}

.downline-item-toot .user-info .user-icon {
  color: #46bcf2;
}

.downline-item-toot .start_contract {
  color: #108ee9;
  font-size: 0.3rem;
}

.div-over {
  margin-top: 20%;
}

.data-container {
  height: 6.5rem;
  overflow: hidden;
  overflow-y: scroll;
}

.none-div {
  position: absolute;
  top: 0.92rem;
  left: 0;
  background: #d0e7e8;
  width: 100%;
  font-size: 0.32rem;
  font-weight: 700;
  height: 1.09rem;
  line-height: 1.09rem;
  text-align: center;
  z-index: 1000;
  color: #76777b;
}

.myDividend .toggleStatus {
  display: inline-block;
}

.agentDivident .banner .money.bks {
  color: blue;
  text-decoration: underline;
}

.downline_divide_record {
  display: flex;
  justify-content: space-between;
}

.mc-switch {
  display: inline-block;
  vertical-align: middle;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.mc-switch,
.mc-switch .checkbox {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}

.mc-switch .checkbox {
  width: 1.02rem;
  height: 0.62rem;
  border-radius: 0.62rem;
  background: #e5e5e5;
  z-index: 0;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.popup-list {
  overflow-x: scroll;
  white-space: nowrap;
  max-height: 50vh;
  background: #fff;
}

.mc-switch .checkbox:before {
  content: " ";
  position: absolute;
  left: 0.03rem;
  top: 0.03rem;
  width: 0.96rem;
  height: 0.56rem;
  border-radius: 0.56rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  z-index: 1;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.mc-switch .checkbox:after {
  content: " ";
  height: 0.56rem;
  width: 0.56rem;
  border-radius: 0.56rem;
  background: #fff;
  position: absolute;
  z-index: 2;
  left: 0.03rem;
  top: 0.03rem;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-box-shadow: 0.04rem 0.04rem 0.08rem rgba(0, 0, 0, 0.21);
  box-shadow: 0.04rem 0.04rem 0.08rem rgba(0, 0, 0, 0.21);
}

.mc-switch .checkbox.checkbox-disabled {
  z-index: 3;
}

.mc-switch input[type="checkbox"] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  border: 0 none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.mc-switch input[type="checkbox"]:checked + .checkbox {
  background: #3b79f3;
}

.mc-switch input[type="checkbox"]:checked + .checkbox:before {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

.mc-switch input[type="checkbox"]:checked + .checkbox:after {
  -webkit-transform: translateX(0.4rem);
  -ms-transform: translateX(0.4rem);
  transform: translateX(0.4rem);
}

.mc-switch input[type="checkbox"]:disabled + .checkbox {
  opacity: 0.3;
}

.mc-switch.mc-switch-android .checkbox {
  width: 1.44rem;
  height: 0.46rem;
  border-radius: 0.06rem;
  background: #a7aaa6;
}

.mc-switch.mc-switch-android .checkbox:before {
  display: none;
}

.mc-switch.mc-switch-android .checkbox:after {
  width: 0.7rem;
  height: 0.42rem;
  border-radius: 0.04rem;
  -webkit-box-shadow: none;
  box-shadow: none;
  left: 0.02rem;
  top: 0.02rem;
}

.mc-switch .checkbox.on:after {
  left: 0.43rem;
}

.mc-switch.mc-switch-android input[type="checkbox"]:checked + .checkbox {
  background: #108ee9;
}

.mc-switch.mc-switch-android input[type="checkbox"]:checked + .checkbox:before {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

.mc-switch.mc-switch-android input[type="checkbox"]:checked + .checkbox:after {
  -webkit-transform: translateX(0.7rem);
  -ms-transform: translateX(0.7rem);
  transform: translateX(0.7rem);
}

.mc-checkbox {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 0.42rem;
  height: 0.42rem;
}

.mc-checkbox-inner {
  position: absolute;
  right: 0;
  width: 0.42rem;
  height: 0.42rem;
  border: 0.03rem solid #888;
  border-radius: 50%;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mc-checkbox-inner:after {
  position: absolute;
  display: none;
  top: 0.03rem;
  right: 0.12rem;
  z-index: 999;
  width: 0.1rem;
  height: 0.22rem;
  border-style: solid;
  border-width: 0 0.03rem 0.03rem 0;
  content: " ";
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mc-checkbox.mc-checkbox-checked .mc-checkbox-inner {
  border-color: #108ee9;
}

.mc-checkbox.mc-checkbox-checked .mc-checkbox-inner:after {
  display: block;
  border-color: #108ee9;
}

.agrg-downline {
  font-size: 0.3rem;
}

.agrg-downline-up {
  background: #fff;
  padding: 0 0.45rem;
  overflow: hidden;
}

.agrg-downline-top {
  display: flex;
  height: 0.7rem;
  overflow: hidden;
  margin: 0.1rem 0;
}

.agrg-downline-title {
  color: #000;
  line-height: 0.7rem;
  float: left;
}

.agrg-downline-type {
  display: inline-block;
  height: 0.62rem;
  font-size: 0.3rem;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  padding-left: 0.1rem;
}

.agrg-downline-type .mc-switch {
  margin: 0 0.25rem;
  float: left;
}

.agrg-downline-cname {
  color: #666;
  line-height: 0.62rem;
  float: left;
}

.agrg-downline-input {
  width: 100%;
  height: 1.04rem;
  margin: 0.2rem 0;
  background-color: #efefef;
  border-radius: 0.15rem;
  line-height: 1.04rem;
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.agrg-downline-input input:focus {
  outline: none;
  border: 0.02rem solid #3879d9;
  box-shadow:
    inset 0 1px 0.02rem rgba(0, 0, 0, 0.075),
    0 0 0.05rem rgba(81, 167, 232, 0.5);
}

.agrg-downline-input input {
  border: 0 none;
  background: none;
  border-radius: 0.15rem;
  width: 100%;
  height: 100%;
  padding: 0 0.25rem;
}

.agrgic-downline-select {
  display: block;
  width: 0.86rem;
  background: #3b79f3;
  line-height: 0;
  padding: 0.3rem 0.21rem;
  position: absolute;
  right: 0;
  top: 0;
}

.agrg-downline-sub {
  margin: 0.1rem 0.45rem;
  background: #eb4641 !important;
  color: #fff !important;
  border-radius: 0.15rem;
}

.agent-register-tab .am-tabs-bar .am-tabs-tab {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mc-switch .checkbox.on:before,
.mc-switch.mc-qutas-bg .checkbox:before {
  background: #3b79f3;
}

.dividend-rate {
  color: #4c84f8 !important;
  font-weight: 700 !important;
}

.dg-tips-container {
  position: relative;
}

.dg-tips-container svg {
  position: relative;
  top: 0.04rem;
  margin-left: 0.06rem;
  width: 0.3rem;
  height: 0.3rem;
}

.dg-tips {
  position: absolute;
  color: #fff;
  border-radius: 0.1rem;
  background: rgba(0, 0, 0, 0.8);
  padding: 0.1rem;
  margin-top: 0.1rem;
  min-width: 2.4rem;
}

.agent-divident-container,
.contract-wrapper {
  display: flex;
  flex-flow: column;
  height: 100vh;
}

.agent-divident-container .contract-list-wrapper,
.contract-wrapper .contract-list-wrapper {
  flex-grow: 1;
  display: flex;
  flex-flow: column;
}

.agent-divident-container .contract-list-wrapper .devidend-container,
.contract-wrapper .contract-list-wrapper .devidend-container {
  display: flex;
  flex-flow: column;
  position: relative;
  flex-grow: 1;
}

.agent-divident-container
  .contract-list-wrapper
  .devidend-container
  .popup-list,
.contract-wrapper .contract-list-wrapper .devidend-container .popup-list {
  flex-grow: 1;
  direction: ltr;
}

.agent-divident-container
  .contract-list-wrapper
  .devidend-container
  .popup-list
  .dividentList-container,
.contract-wrapper
  .contract-list-wrapper
  .devidend-container
  .popup-list
  .dividentList-container {
  flex-grow: 1;
  min-height: 0;
}

.item-more-popup.change-contract-wrapper
  .am-popup-slide-up
  .team-more-modal
  .modal-list-header
  .list-title
  .contractPeople {
  position: relative;
}

.item-more-popup.change-contract-wrapper
  .am-popup-slide-up
  .team-more-modal
  .modal-list-header
  .list-title
  .contractText {
  padding-left: 0;
}

.item-more-popup.change-contract-wrapper
  .am-popup-slide-up
  .team-more-modal
  .modal-list-header
  .list-title
  svg {
  fill: #46bcf2;
}

.item-more-popup.change-contract-wrapper
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content {
  display: flex;
  align-items: center;
  padding: 0.1rem 0.3rem;
}

.item-more-popup.change-contract-wrapper
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .contractRate {
  width: 20%;
  word-wrap: break-word;
  text-align: left;
}

.item-more-popup.change-contract-wrapper
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .list-form {
  position: relative;
}

.item-more-popup.change-contract-wrapper
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .list-form
  input {
  background-color: #f5f5f5;
  height: 0.64rem;
  padding-left: 0.23rem;
  color: #646464;
  width: min(75vw, 397.5px);
  border: none;
  border-radius: 0.08rem;
}

.item-more-popup.change-contract-wrapper
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .list-form
  .list-label {
  padding-left: 0.12rem;
}

.item-more-popup.change-contract-wrapper
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .list-form
  .new-tips {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.8rem;
  width: min(75vw, 397.5px);
  padding: 0;
}

.item-more-popup.change-contract-wrapper
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .list-form
  .new-tips
  .tip-content {
  position: relative;
  padding: 0.1rem 0.3rem;
}

.item-more-popup.change-contract-wrapper
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .list-form
  .new-tips
  .tip-content:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 0.17rem dashed transparent;
  border-right: 0.17rem dashed transparent;
  border-bottom: 0.15rem solid #108ee9;
  top: -0.15rem;
  left: 0;
  right: 0;
  margin: auto;
}

.item-more-popup.change-contract-wrapper
  .am-popup-slide-up
  .team-more-modal
  .poplist-footer {
  display: flex;
  justify-content: space-between;
  padding: 0 0.3rem 0.2rem;
  padding-bottom: calc(0.2rem + (var(--safe-area-inset-bottom, 0px)));
}

.item-more-popup.change-contract-wrapper
  .am-popup-slide-up
  .team-more-modal
  .poplist-footer
  a {
  margin: 0;
}

.card-details.contract .protocolDetails.simple-detail {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.card-details.contract .protocolDetails.simple-detail .simple-content {
  display: flex;
  align-items: center;
}

.card-details.contract .protocolDetails.simple-detail .simple-content .header {
  padding-left: 0.2rem;
}

.card-details.contract
  .protocolDetails.simple-detail
  .simple-content
  .header
  p {
  width: auto;
}

.simple-history .am-card {
  min-height: inherit;
}

.simple-history .am-card .am-card-body .card-footer {
  height: auto;
  min-height: 0;
}

.simple-history .am-card .am-card-body .card-footer ul {
  display: flex;
  justify-content: space-between;
  padding: 0;
  align-items: center;
}

.simple-history .am-card .am-card-body .card-footer ul li {
  display: flex;
  justify-content: space-between;
  flex: 0 0 60%;
  height: auto;
  padding-right: 0.45rem;
  align-items: center;
}

.simple-history .am-card .am-card-body .card-footer ul li:first-child {
  flex: 0 0 40%;
}

.simple-history .am-card .am-card-body .card-footer ul li p {
  flex: 0 0 50%;
  text-align: right;
}

.simple-history .am-card .am-card-body .card-footer ul li p:first-child {
  margin-right: 0.15rem;
  text-align: left;
}

.mc-agent-total .select {
  display: flex;
  justify-content: space-between;
  font-size: 0.24rem;
}

.mc-agent-total .select > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 0.7rem;
}

.mc-agent-total .select > div.range-select-container {
  justify-content: flex-end;
}

.mc-agent-total .select > div .am-button-icon {
  color: #424242;
  border-color: #424242;
  height: 0.5rem;
  padding: 0 0.2rem;
}

.mc-agent-total .select > div .am-button-icon.am-button-active {
  background: unset;
  border-color: #424242;
}

.mc-agent-total .select .issue {
  display: flex;
  align-items: center;
}

.mc-agent-total .select .issue svg {
  color: #424242;
  width: 0.18rem;
  margin-left: 0.06rem;
}

.mc-agent-total .bill-content,
.mc-agent-total .header-wrapper {
  background-color: #fff;
  padding: 0.26rem 0.3rem 0;
}

.mc-agent-total .bill-content .dividend-list .title,
.mc-agent-total .header-wrapper .dividend-list .title {
  display: flex;
  position: relative;
}

.mc-agent-total .header-wrapper {
  position: relative;
  padding-bottom: 0.26rem;
}

.mc-agent-total .header-wrapper:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.1rem;
  background-color: #f2f2f27f;
}

.contract-list-wrapper .auto-fill-btn {
  margin-bottom: 0.2rem;
}

.dividend-list {
  padding-top: 0.2rem;
}

.dividend-list li.team-list .title {
  word-break: keep-all;
  text-align: left;
  width: inherit;
}

.dividend-list .dl-content p {
  margin: 0 0.3rem 0 0;
}

.dividend-list .dl-content .link-blue {
  color: #3e6ffe;
}

.dividend-list .dl-content .link-green {
  color: #4cb018;
}

.dividend-list .dl-content .link-red {
  color: #fb5b5b;
}

.dividend-list .dl-content .under-line {
  text-decoration: underline;
}

.dividend-list p {
  margin-left: 0.1rem;
}

.dividend-list .show-icon {
  position: absolute;
  left: -0.4rem;
  display: block;
  width: 0.22rem;
  height: 0.22rem;
}

.dividend-list .show-icon.unfold {
  background: url(/mobile/mc/unfold.93430f5d.png);
  background-size: 100% 100%;
}

.dividend-list .show-icon.fold {
  background: url(/mobile/mc/fold.8bc00bc5.png);
  background-size: 100% 100%;
}

.dividend-list .mark-info {
  position: absolute;
  right: 0.06rem;
  background: #514d62;
  bottom: 0.56rem;
  border-radius: 0.08rem;
  color: #fff;
  padding: 0.1rem;
  width: 3.5rem;
  text-align: center;
  display: none;
  word-break: break-all;
}

.dividend-list .mark-info.show-tips {
  display: inline-block;
  z-index: 1;
  margin: 0;
}

.dividend-list .mark-info:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  bottom: -0.16rem;
  right: 0.1rem;
  border: 0.08rem solid transparent;
  border-top-color: #464358;
  opacity: 0.95;
}

.dividend-list ul.show-more {
  background-color: #fafafa;
  max-height: 10rem;
  transition: max-height 0.25s;
}

.dividend-list ul.hide-more {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.25s;
}

.dividend-list li {
  display: flex;
  color: #424242;
  justify-content: space-between;
  height: 0.65rem;
  align-items: center;
  border-bottom: 1px solid #ececec;
  font-size: 0.24rem;
  position: relative;
  padding-left: 0.6rem;
}

.dividend-list li p {
  font-weight: 700;
  margin-top: 0.08rem;
}

.dividend-list li.team-list {
  padding-left: 1.2rem;
}

.dividend-list li.team-list > div,
.dividend-list li.team-list li,
.dividend-list li.team-list ul {
  width: 100%;
}

.dividend-list li.team-list > div,
.dividend-list li.team-list li {
  display: flex;
  justify-content: space-between;
}

.dividend-list li.team-list.dividend-service-fee .title-text {
  display: flex;
  align-items: center;
  position: relative;
  padding-right: 0.36rem;
  height: 0.65rem;
}

.dividend-list li.team-list.dividend-service-fee .title-text:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 0.26rem;
  height: 0.26rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAYFBMVEUAAABmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmb////6+vrKyspycnJpaWn39/fCwsKRkZGLi4vp6enh4eHd3d3W1tbU1NTOzs6/v7+xsbGvr69/f3+mZYvAAAAADHRSTlMAFFTgcZ6YEHYrKuJ+jI7IAAAAg0lEQVQY021PWRYCMQijTDubpbU6477c/5YC0eeH5gcS0hLIMXCMPNAHoc+OPoDPXX6jm32ufD1KuTxVMU/S0a7Usxy0SWow730x0bpAjOftJnurTCOEKrVZHSk638oJg0gMoTwgsH4KpaEGrM2LXJ0nC7bRZi22A8Fo+kaf/hz3c/4L7MgJJKnf30YAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.dividend-list-more {
  background: #f2f3fa;
  border-radius: 0.1rem;
  font-size: 0;
  padding: 0.2rem;
  margin-top: 0.2rem;
}

.dividend-list-more .link-desc {
  text-decoration: underline;
}

.dividend-list-more > div {
  color: #626262;
  margin-bottom: 0.2rem;
  display: inline-block;
  width: 50%;
  font-size: 0.28rem;
}

.dividend-list-more > div p {
  font-size: 0.3rem;
  margin-top: 0.1rem;
}

.dividend-list-more > div:nth-child(odd) p {
  color: #f6573a;
}

.dividend-list-more > div:nth-child(2n) p {
  color: #4c84f8;
}

.dividend-header {
  min-height: 2.05rem;
  background-image:
    linear-gradient(90deg, #e99958, #ffc79a), linear-gradient(#f5e1d0, #f5e1d0);
  background-size: 100% auto;
  border-radius: 0.2rem;
  position: relative;
}

.dividend-header.RNG {
  background-image:
    linear-gradient(90deg, #7194ff, #a3cbfe), linear-gradient(#f5e1d0, #f5e1d0);
}

.dividend-header.RNG .calculation {
  background-color: #2d69ff;
}

.dividend-header.RNG .dividend-detail {
  color: #2d67ff;
}

.dividend-header.LIVE {
  background-image:
    linear-gradient(90deg, #9758e9, #c69aff), linear-gradient(#f5e1d0, #f5e1d0);
}

.dividend-header.LIVE .calculation {
  background-color: #6925e5;
}

.dividend-header.LIVE .dividend-detail {
  color: #6c27e6;
}

.dividend-header.LOTT {
  background-image:
    linear-gradient(90deg, #f485a2, #fdbab3), linear-gradient(#f5e1d0, #f5e1d0);
}

.dividend-header.LOTT .calculation {
  background-color: #f04c6c;
}

.dividend-header.LOTT .dividend-detail {
  color: #f2506e;
}

.dividend-header.FISH {
  background-image:
    linear-gradient(90deg, #39b8e7, #76d2f4), linear-gradient(#f5e1d0, #f5e1d0);
}

.dividend-header.FISH .calculation {
  background-color: #1a97de;
}

.dividend-header.FISH .dividend-detail {
  color: #1a97de;
}

.dividend-header.SPORTS {
  background-image:
    linear-gradient(90deg, #eec447, #ffe186), linear-gradient(#f5e1d0, #f5e1d0);
}

.dividend-header.SPORTS .calculation {
  background-color: #ebab1f;
}

.dividend-header.SPORTS .dividend-detail {
  color: #2d67ff;
}

.dividend-header.PVP {
  background-image:
    linear-gradient(90deg, #e958d5, #ff9af1), linear-gradient(#f5e1d0, #f5e1d0);
}

.dividend-header.PVP .calculation {
  background-color: #e626c8;
}

.dividend-header.PVP .dividend-detail {
  color: #6c27e6;
}

.dividend-header.ELOTT {
  background-image:
    linear-gradient(90deg, #44d768, #81e79a), linear-gradient(#f5e1d0, #f5e1d0);
}

.dividend-header.ELOTT .calculation {
  background-color: #1ec629;
}

.dividend-header.ELOTT .dividend-detail {
  color: #f2506e;
}

.dividend-header.CONS .dividend-header-content .type span {
  top: 0.9rem;
  bottom: unset;
  min-width: 3rem;
  text-align: center;
}

.dividend-header .calculation {
  min-width: 1.48rem;
  height: 0.41rem;
  line-height: 0.41rem;
  padding-left: 0.47rem;
  padding-right: 0.16rem;
  background-color: #e66e27;
  background-size: 0.24rem 0.24rem;
  color: #fff;
  border-radius: 0 0 0.16rem 0.16rem;
  position: absolute;
  left: 1rem;
  font-size: 0.22rem;
  background-image: url(/mobile/mc/dividend_time.e562c6b9.png);
  background-repeat: no-repeat;
  background-position: 0.16rem 0.09rem;
}

.dividend-header img {
  position: absolute;
  top: -0.38rem;
  width: 0.99rem;
  left: 0.05rem;
}

.dividend-header .dividend-detail {
  position: absolute;
  right: 0.2rem;
  top: 0.2rem;
  font-size: 0.22rem;
  color: #e66e27;
  padding: 0 0.1rem;
  display: inline-block;
  line-height: 0.34rem;
  text-align: center;
  border-radius: 0.17rem;
  z-index: 10;
}

.dividend-header .dividend-detail svg {
  display: block;
  width: 0.34rem;
  height: 0.34rem;
}

.dividend-header .profit-detail-table {
  color: #5b5b5b;
  display: flex;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
  background-color: #fff;
  overflow-y: scroll;
  transform: scaleY(1);
  transform-origin: top;
}

.dividend-header .profit-detail-table.fold {
  transform: scaleY(0);
  height: 0;
}

.dividend-header .profit-detail-table .am-carousel-wrap-dot-active > span {
  background: #e70011;
}

.dividend-header .profit-detail-table.one-game-type {
  width: 80%;
  margin: 0 auto;
}

.dividend-header .profit-detail-table.one-game-type > ul {
  width: 50%;
}

.dividend-header .profit-detail-table.one-game-type > ul.title li {
  padding-left: 0.8rem;
}

.dividend-header .profit-detail-table.one-game-type > ul.detail li {
  padding-right: 0.8rem;
  text-align: right;
}

.dividend-header .profit-detail-table > div {
  width: 80% !important;
}

.dividend-header .profit-detail-table.product-cost li,
.dividend-header .profit-detail-table.product-cost td,
.dividend-header .profit-detail-table.product-cost th {
  height: 0.8rem;
}

.dividend-header .profit-detail-table.product-cost li,
.dividend-header .profit-detail-table.product-cost td {
  line-height: 0.8rem;
}

.dividend-header .profit-detail-table.product-cost th {
  position: relative;
  line-height: unset;
  padding-right: 0;
  width: 50%;
}

.dividend-header .profit-detail-table.product-cost th span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.24rem;
  line-height: 0.24rem;
}

.dividend-header .profit-detail-table.product-cost > div {
  width: 60% !important;
}

.dividend-header .profit-detail-table.product-cost > div .slider-decorator-0 {
  width: 60% !important;
}

.dividend-header .profit-detail-table.bank-summary > ul {
  width: 40% !important;
}

.dividend-header .profit-detail-table.bank-summary > ul li {
  height: 0.8rem;
  position: relative;
  line-height: unset;
  border-right: 1px solid #dbdbdb;
}

.dividend-header .profit-detail-table.bank-summary > ul li span {
  position: absolute;
  left: 0.24rem;
  top: 50%;
  transform: translateY(-50%);
  word-break: break-word;
}

.dividend-header .profit-detail-table.bank-summary .slider-decorator-0 {
  width: 60% !important;
}

.dividend-header .profit-detail-table.bank-summary td,
.dividend-header .profit-detail-table.bank-summary th {
  line-height: 0.8rem;
  height: 0.8rem;
}

.dividend-header .profit-detail-table > ul {
  width: 20%;
  border-right: 1px solid #dbdbdb;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.dividend-header .profit-detail-table > ul > li:first-child {
  font-weight: 700;
  border-bottom: 1px solid #dbdbdb;
}

.dividend-header .profit-detail-table > ul li {
  min-height: 0.56rem;
  line-height: 0.56rem;
  font-size: 0.24rem;
  box-sizing: border-box;
  word-break: break-word;
}

.dividend-header .profit-detail-table > ul li:nth-child(odd) {
  background: #fafafa;
}

.dividend-header .profit-detail-table table {
  border-collapse: inherit;
  width: 100%;
  font-size: 0.24rem;
}

.dividend-header .profit-detail-table td {
  padding-top: 0.2rem;
  padding-bottom: 0.13rem;
}

.dividend-header .profit-detail-table td,
.dividend-header .profit-detail-table th {
  min-width: 1.36rem;
}

.dividend-header .profit-detail-table td.hide-level,
.dividend-header .profit-detail-table th.hide-level {
  min-width: 0.3rem;
}

.dividend-header .profit-detail-table td:first-child,
.dividend-header .profit-detail-table th:first-child {
  border-left: transparent;
}

.dividend-header .profit-detail-table td:last-child,
.dividend-header .profit-detail-table th:last-child {
  border-right: transparent;
}

.dividend-header .profit-detail-table .basic td,
.dividend-header .profit-detail-table .basic th {
  border: transparent;
}

.dividend-header .profit-detail-table .basic th {
  height: 0.66rem;
}

.dividend-header .profit-detail-table thead {
  background-color: rgba(230, 111, 38, 0.08);
}

.dividend-header .profit-detail-table thead th {
  height: 1.32rem;
  border: 0.02rem solid #fff;
}

.dividend-header .profit-detail-table tbody {
  background-color: rgba(230, 111, 38, 0.16);
}

.dividend-header .profit-detail-table tbody tr {
  height: 0.66rem;
}

.dividend-header .profit-detail-table tbody tr td {
  text-align: center;
  border: 0.02rem solid #fff;
  flex-grow: 1;
}

.dividend-header .profit-detail-table tbody tr:nth-child(odd) {
  background-color: rgba(230, 111, 38, 0.08);
}

.dividend-header .profit-detail-table tbody tr:last-child td {
  border-bottom: transparent;
}

.dividend-header .profit-detail-table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 0.2rem;
}

.dividend-header .profit-detail-table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 0.2rem;
}

.dividend-header .dividend-header-content {
  position: relative;
  height: 100%;
  display: flex;
  font-size: 0.24rem;
}

.dividend-header .dividend-header-content .dividend-info {
  width: 20%;
  height: 50%;
  transform: rotate(180deg);
  position: absolute;
  right: 0.2rem;
  bottom: 0.1rem;
}

.dividend-header .dividend-header-content .dividend-info svg {
  transform: rotate(0deg);
  width: 0.34rem;
  height: 0.22rem;
  fill: #e97125;
}

.dividend-header .dividend-header-content .dividend-info svg.close {
  transform: rotate(180deg);
}

.dividend-header .dividend-header-content > div {
  width: 100%;
  flex-grow: 1;
  color: #fff;
}

.dividend-header .dividend-header-content .type {
  min-height: 2.05rem;
  position: relative;
}

.dividend-header .dividend-header-content .type span {
  display: flex;
  align-items: center;
  padding-left: 0.33rem;
  padding-right: 0.24rem;
  justify-content: center;
  font-size: 0.26rem;
  margin-top: 0.7rem;
  min-height: 1.03rem;
}

.dividend-header .dividend-header-content table,
.dividend-header .dividend-header-content tbody,
.dividend-header .dividend-header-content td,
.dividend-header .dividend-header-content tr {
  border-style: hidden !important;
}

.dividend-header .dividend-header-content table {
  width: 90%;
}

.dividend-header .dividend-header-content td {
  padding-right: 0.2rem;
}

.dividend-header .dividend-header-content tr > td:first-child {
  width: 50%;
}

.dividend-header .dividend-header-content tr > td:last-child {
  font-weight: 500;
}

.dividend-header .dividend-header-content .info {
  font-size: 0.24rem;
  font-weight: 500;
  position: relative;
}

.dividend-header .dividend-header-content .info span {
  margin-left: 0.2rem;
}

.dividend-header .dividend-header-content .info div {
  padding: 0 0 0 0.31rem;
  margin-top: 0.7rem;
  border-left: 1px solid #fff;
  min-height: 1.03rem;
  display: flex;
  justify-content: center;
  width: 100%;
  margin-bottom: 0.3rem;
}

.dividend-header .dividend-header-content .info div > ul:first-child {
  margin-right: 0.2rem;
}

.dividend-header .dividend-header-content .info div li {
  margin-bottom: 0.03rem;
}

.dividend-header .dividend-header-content .title {
  font-size: 0.26rem;
  height: 0.6rem;
}

.dividend-header .dividend-header-content tbody {
  width: 100%;
}

.dividend-header .dividend-header-content table {
  display: flex;
  align-items: center;
}

.vendor-list {
  font-size: 0.24rem;
  padding: 0.26rem 0;
  color: #979797;
}

.is-down-line {
  margin-top: 0.3rem;
}

.agentDivident .am-tabs .am-tabs-bar {
  text-align: center;
}

.agentDivident .myDividend {
  background: #fff;
}

.agentDivident .myDividend .name-filter {
  background-color: #fff;
  padding: 0.24rem 0.3rem 0.14rem;
  display: flex;
  justify-content: flex-end;
}

.agentDivident .myDividend .name-filter .searchOne {
  margin: 0;
  color: #ec2529;
  font-size: 0.26rem;
  display: flex;
  align-items: center;
}

.agentDivident .myDividend .name-filter .name-search {
  display: inline-block;
  width: 2.83rem;
  height: 0.6rem;
  margin-right: 0.24rem;
  border: 1px solid #f6f6f6;
  border-radius: 0.32rem;
  position: relative;
}

.agentDivident .myDividend .name-filter .name-search input {
  border-radius: 0.32rem;
  padding-left: 0.78rem;
  font-size: 0.22rem;
  border: none;
  color: #000;
  height: 100%;
  background-color: hsla(0, 0%, 95%, 0.4980392157);
}

.agentDivident .myDividend .name-filter .name-search svg {
  position: absolute;
  left: 0.28rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.3rem;
  fill: #646464;
}

.dividend-info-detail-popup,
.product-cost-popup,
.profit-detail-popup {
  color: #5b5b5b;
}

.dividend-info-detail-popup .col-right,
.product-cost-popup .col-right,
.profit-detail-popup .col-right {
  text-align: right;
  padding-right: 0.24rem;
}

.dividend-info-detail-popup .col-right.no-sort,
.dividend-info-detail-popup th.col-right,
.product-cost-popup .col-right.no-sort,
.product-cost-popup th.col-right,
.profit-detail-popup .col-right.no-sort,
.profit-detail-popup th.col-right {
  padding-right: 0;
}

.dividend-info-detail-popup .col-center,
.product-cost-popup .col-center,
.profit-detail-popup .col-center {
  text-align: center;
  padding-right: 0;
}

.dividend-info-detail-popup .col-left,
.product-cost-popup .col-left,
.profit-detail-popup .col-left {
  text-align: left;
  padding-left: 0.24rem;
}

.dividend-info-detail-popup .col-border,
.product-cost-popup .col-border,
.profit-detail-popup .col-border {
  border-right: 1px solid #dbdbdb;
}

.dividend-info-detail-popup .keep-all,
.product-cost-popup .keep-all,
.profit-detail-popup .keep-all {
  word-break: keep-all;
  white-space: nowrap;
}

.dividend-info-detail-popup .am-popup,
.product-cost-popup .am-popup,
.profit-detail-popup .am-popup {
  border-radius: 0.14rem 0.14rem 0 0;
}

.dividend-info-detail-popup .am-popup .am-popup-body,
.product-cost-popup .am-popup .am-popup-body,
.profit-detail-popup .am-popup .am-popup-body {
  padding: 0.38rem 0.26rem 0.7rem;
  position: relative;
}

.dividend-info-detail-popup .dividend-title,
.product-cost-popup .dividend-title,
.profit-detail-popup .dividend-title {
  font-size: 0.34rem;
  font-weight: 700;
  color: #333;
  padding-bottom: 0.3rem;
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 0.38rem;
  padding-right: 0.6rem;
}

.dividend-info-detail-popup .dividend-title span,
.product-cost-popup .dividend-title span,
.profit-detail-popup .dividend-title span {
  font-size: 0.26rem;
  font-weight: 400;
}

.dividend-info-detail-popup .profit-detail-content,
.product-cost-popup .profit-detail-content,
.profit-detail-popup .profit-detail-content {
  display: flex;
  max-height: 5rem;
  overflow-y: scroll;
  border: 1px solid #dbdbdb;
}

.dividend-info-detail-popup
  .profit-detail-content
  .am-carousel-wrap-dot-active
  > span,
.product-cost-popup .profit-detail-content .am-carousel-wrap-dot-active > span,
.profit-detail-popup
  .profit-detail-content
  .am-carousel-wrap-dot-active
  > span {
  background: #e70011;
}

.dividend-info-detail-popup .profit-detail-content.one-game-type,
.product-cost-popup .profit-detail-content.one-game-type,
.profit-detail-popup .profit-detail-content.one-game-type {
  width: 80%;
  margin: 0 auto;
}

.dividend-info-detail-popup .profit-detail-content.one-game-type > ul,
.product-cost-popup .profit-detail-content.one-game-type > ul,
.profit-detail-popup .profit-detail-content.one-game-type > ul {
  width: 50%;
}

.dividend-info-detail-popup .profit-detail-content.one-game-type > ul.title li,
.product-cost-popup .profit-detail-content.one-game-type > ul.title li,
.profit-detail-popup .profit-detail-content.one-game-type > ul.title li {
  padding-left: 0.8rem;
}

.dividend-info-detail-popup .profit-detail-content.one-game-type > ul.detail li,
.product-cost-popup .profit-detail-content.one-game-type > ul.detail li,
.profit-detail-popup .profit-detail-content.one-game-type > ul.detail li {
  padding-right: 0.8rem;
  text-align: right;
}

.dividend-info-detail-popup .profit-detail-content > div,
.product-cost-popup .profit-detail-content > div,
.profit-detail-popup .profit-detail-content > div {
  width: 80% !important;
}

.dividend-info-detail-popup .profit-detail-content.product-cost li,
.dividend-info-detail-popup .profit-detail-content.product-cost td,
.dividend-info-detail-popup .profit-detail-content.product-cost th,
.product-cost-popup .profit-detail-content.product-cost li,
.product-cost-popup .profit-detail-content.product-cost td,
.product-cost-popup .profit-detail-content.product-cost th,
.profit-detail-popup .profit-detail-content.product-cost li,
.profit-detail-popup .profit-detail-content.product-cost td,
.profit-detail-popup .profit-detail-content.product-cost th {
  height: 0.8rem;
}

.dividend-info-detail-popup .profit-detail-content.product-cost li,
.dividend-info-detail-popup .profit-detail-content.product-cost td,
.product-cost-popup .profit-detail-content.product-cost li,
.product-cost-popup .profit-detail-content.product-cost td,
.profit-detail-popup .profit-detail-content.product-cost li,
.profit-detail-popup .profit-detail-content.product-cost td {
  line-height: 0.8rem;
}

.dividend-info-detail-popup .profit-detail-content.product-cost th,
.product-cost-popup .profit-detail-content.product-cost th,
.profit-detail-popup .profit-detail-content.product-cost th {
  position: relative;
  line-height: unset;
  padding-right: 0;
  width: 50%;
}

.dividend-info-detail-popup .profit-detail-content.product-cost th span,
.product-cost-popup .profit-detail-content.product-cost th span,
.profit-detail-popup .profit-detail-content.product-cost th span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.24rem;
  line-height: 0.24rem;
}

.dividend-info-detail-popup .profit-detail-content.product-cost > div,
.product-cost-popup .profit-detail-content.product-cost > div,
.profit-detail-popup .profit-detail-content.product-cost > div {
  width: 60% !important;
}

.dividend-info-detail-popup
  .profit-detail-content.product-cost
  > div
  .slider-decorator-0,
.product-cost-popup
  .profit-detail-content.product-cost
  > div
  .slider-decorator-0,
.profit-detail-popup
  .profit-detail-content.product-cost
  > div
  .slider-decorator-0 {
  width: 60% !important;
}

.dividend-info-detail-popup .profit-detail-content.bank-summary > ul,
.product-cost-popup .profit-detail-content.bank-summary > ul,
.profit-detail-popup .profit-detail-content.bank-summary > ul {
  width: 40% !important;
}

.dividend-info-detail-popup .profit-detail-content.bank-summary > ul li,
.product-cost-popup .profit-detail-content.bank-summary > ul li,
.profit-detail-popup .profit-detail-content.bank-summary > ul li {
  height: 0.8rem;
  position: relative;
  line-height: unset;
  border-right: 1px solid #dbdbdb;
}

.dividend-info-detail-popup .profit-detail-content.bank-summary > ul li span,
.product-cost-popup .profit-detail-content.bank-summary > ul li span,
.profit-detail-popup .profit-detail-content.bank-summary > ul li span {
  position: absolute;
  left: 0.24rem;
  top: 50%;
  transform: translateY(-50%);
  word-break: break-word;
}

.dividend-info-detail-popup
  .profit-detail-content.bank-summary
  .slider-decorator-0,
.product-cost-popup .profit-detail-content.bank-summary .slider-decorator-0,
.profit-detail-popup .profit-detail-content.bank-summary .slider-decorator-0 {
  width: 60% !important;
}

.dividend-info-detail-popup .profit-detail-content.bank-summary td,
.dividend-info-detail-popup .profit-detail-content.bank-summary th,
.product-cost-popup .profit-detail-content.bank-summary td,
.product-cost-popup .profit-detail-content.bank-summary th,
.profit-detail-popup .profit-detail-content.bank-summary td,
.profit-detail-popup .profit-detail-content.bank-summary th {
  line-height: normal;
  height: 0.8rem;
  padding: 0 0.2rem;
  vertical-align: middle;
}

.dividend-info-detail-popup .profit-detail-content.bank-summary td.empty-th,
.dividend-info-detail-popup .profit-detail-content.bank-summary th.empty-th,
.product-cost-popup .profit-detail-content.bank-summary td.empty-th,
.product-cost-popup .profit-detail-content.bank-summary th.empty-th,
.profit-detail-popup .profit-detail-content.bank-summary td.empty-th,
.profit-detail-popup .profit-detail-content.bank-summary th.empty-th {
  width: 50%;
}

.dividend-info-detail-popup .profit-detail-content > ul,
.product-cost-popup .profit-detail-content > ul,
.profit-detail-popup .profit-detail-content > ul {
  width: 20%;
  border-right: 1px solid #dbdbdb;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.dividend-info-detail-popup .profit-detail-content > ul > li:first-child,
.product-cost-popup .profit-detail-content > ul > li:first-child,
.profit-detail-popup .profit-detail-content > ul > li:first-child {
  font-weight: 700;
  border-bottom: 1px solid #dbdbdb;
}

.dividend-info-detail-popup .profit-detail-content > ul li,
.product-cost-popup .profit-detail-content > ul li,
.profit-detail-popup .profit-detail-content > ul li {
  min-height: 0.56rem;
  line-height: 0.56rem;
  font-size: 0.24rem;
  box-sizing: border-box;
  word-break: break-word;
}

.dividend-info-detail-popup .profit-detail-content > ul li:nth-child(odd),
.product-cost-popup .profit-detail-content > ul li:nth-child(odd),
.profit-detail-popup .profit-detail-content > ul li:nth-child(odd) {
  background: #fafafa;
}

.dividend-info-detail-popup .close,
.product-cost-popup .close,
.profit-detail-popup .close {
  background-image: url(/mobile/mc/close.5a5a60c6.png);
  background-size: 0.33rem 0.33rem;
  background-repeat: no-repeat;
  background-color: #ececec;
  background-position: 50%;
  width: 0.5rem;
  height: 0.5rem;
  position: absolute;
  top: 0.24rem;
  right: 0.25rem;
  border-radius: 50%;
}

.dividend-info-detail-popup table,
.product-cost-popup table,
.profit-detail-popup table {
  font-size: 0.24rem;
  width: 100%;
}

.dividend-info-detail-popup table th,
.product-cost-popup table th,
.profit-detail-popup table th {
  background: #fafafa;
  border-bottom: 1px solid #dbdbdb;
  padding: 0 0.1rem;
}

.dividend-info-detail-popup table td,
.dividend-info-detail-popup table th,
.product-cost-popup table td,
.product-cost-popup table th,
.profit-detail-popup table td,
.profit-detail-popup table th {
  height: 0.56rem;
  line-height: 0.56rem;
}

.dividend-info-detail-popup table td,
.product-cost-popup table td,
.profit-detail-popup table td {
  padding-right: 0.24rem;
}

.dividend-info-detail-popup table th,
.product-cost-popup table th,
.profit-detail-popup table th {
  text-align: center;
}

.dividend-info-detail-popup table tr,
.product-cost-popup table tr,
.profit-detail-popup table tr {
  background: #fff;
}

.dividend-info-detail-popup table tr:nth-child(2n),
.product-cost-popup table tr:nth-child(2n),
.profit-detail-popup table tr:nth-child(2n) {
  background: #fafafa;
}

.dividend-info-detail-popup .slider-decorator-0,
.product-cost-popup .slider-decorator-0,
.profit-detail-popup .slider-decorator-0 {
  bottom: 0.1rem !important;
  width: 80% !important;
  position: fixed !important;
}

.dividend-info-detail-popup .slider,
.dividend-info-detail-popup .slider-frame,
.product-cost-popup .slider,
.product-cost-popup .slider-frame,
.profit-detail-popup .slider,
.profit-detail-popup .slider-frame {
  position: static !important;
}

.dividend-info-detail-popup .slider-frame,
.dividend-info-detail-popup .slider-list,
.product-cost-popup .slider-frame,
.product-cost-popup .slider-list,
.profit-detail-popup .slider-frame,
.profit-detail-popup .slider-list {
  width: 100% !important;
}

.dividend-info-detail-popup .dividend-title {
  padding-right: 0.5rem;
}

.dividend-info-detail-popup tr th:last-child {
  padding-right: 0.1rem;
}

.dividend-info-detail-popup .keep-all {
  line-height: 1.2;
  vertical-align: middle;
  white-space: normal;
}

.dividend-info-detail-popup .dividend-detail-bottom {
  font-size: 0.24rem;
  margin-top: 0.33rem;
  max-height: 3.5rem;
  overflow-y: scroll;
}

.dividend-info-detail-popup
  .dividend-detail-bottom
  .active-member-wrap
  .list-title {
  color: #979797;
  font-size: 0.28rem;
  font-weight: 500;
}

.dividend-info-detail-popup
  .dividend-detail-bottom
  .active-member-wrap
  .list-table {
  display: flex;
  flex-direction: column;
  font-size: 0.24rem;
  color: #616161;
  text-align: center;
  width: 100%;
  border: 1px solid #dbdbdb;
  margin: 0.26rem 0;
}

.dividend-info-detail-popup
  .dividend-detail-bottom
  .active-member-wrap
  .list-table
  .list-row {
  display: flex;
  align-items: center;
}

.dividend-info-detail-popup
  .dividend-detail-bottom
  .active-member-wrap
  .list-table
  .list-row:nth-child(2n) {
  background-color: #fafafa;
}

.dividend-info-detail-popup
  .dividend-detail-bottom
  .active-member-wrap
  .list-table
  .list-row
  .list-col {
  flex: 0 0 50%;
  min-height: 0.56rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.dividend-info-detail-popup .dividend-detail-bottom p {
  margin-bottom: 0.25rem;
  font-size: 0.24rem;
  font-weight: 500;
  color: #616161;
  line-height: 0.35rem;
  position: relative;
}

.dividend-info-detail-popup .dividend-detail-bottom p i {
  border-radius: 50%;
  display: inline-block;
  width: 0.08rem;
  height: 0.08rem;
  background-color: #818181;
  margin-right: 0.13rem;
  position: relative;
  top: -0.05rem;
}

.profit-detail-content .swiper-container,
.profit-detail-content .swiper-wrapper {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.bank-summary-container .swiper-pagination,
.product-cost-container .swiper-pagination,
.profit-detail-container .swiper-pagination {
  width: 60% !important;
  right: 0;
}

.bank-summary-container .swiper-pagination span,
.product-cost-container .swiper-pagination span,
.profit-detail-container .swiper-pagination span {
  background-color: #e70011;
  margin: 0.08rem;
}

.profit-detail-container .swiper-pagination {
  width: 80% !important;
}

.profit-detail-container th {
  height: 0.8rem !important;
  line-height: unset !important;
  position: relative;
}

.profit-detail-container th span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.24rem;
  line-height: 0.24rem;
}

.profit-detail-container ul > li:first-child {
  height: 0.8rem !important;
}

.product-cost-container ul > li:first-child {
  height: 0.8rem !important;
  line-height: unset !important;
  display: flex;
  align-items: center;
  position: relative;
}

.product-cost-container ul > li:first-child span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.24rem;
  line-height: 0.24rem;
}

.jackpot-detail-popup {
  color: #5b5b5b;
}

.jackpot-detail-popup .col-right {
  justify-content: flex-end;
  text-align: right;
}

.jackpot-detail-popup .col-center {
  justify-content: center;
  text-align: center;
}

.jackpot-detail-popup .col-left {
  justify-content: flex-start;
  text-align: left;
}

.jackpot-detail-popup .col-border {
  border-right: 1px solid #dbdbdb;
}

.jackpot-detail-popup .keep-all {
  word-break: keep-all;
  white-space: nowrap;
}

.jackpot-detail-popup .am-popup {
  border-radius: 0.14rem 0.14rem 0 0;
}

.jackpot-detail-popup .am-popup .am-popup-body {
  padding: 0.38rem 0.26rem 0.7rem;
  position: relative;
}

.jackpot-detail-popup .dividend-title {
  font-size: 0.34rem;
  font-weight: 700;
  color: #333;
  padding-bottom: 0.3rem;
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 0.38rem;
}

.jackpot-detail-popup .dividend-title span {
  font-size: 0.26rem;
  font-weight: 400;
}

.jackpot-detail-popup .close {
  background-image: url(/mobile/mc/close.5a5a60c6.png);
  background-size: 0.33rem 0.33rem;
  background-repeat: no-repeat;
  background-color: #ececec;
  background-position: 50%;
  width: 0.5rem;
  height: 0.5rem;
  position: absolute;
  top: 0.24rem;
  right: 0.25rem;
  border-radius: 50%;
}

.jackpot-detail-popup table {
  font-size: 0.24rem;
  width: 100%;
  table-layout: fixed;
}

.jackpot-detail-popup table tfoot tr,
.jackpot-detail-popup table thead tr {
  height: 0.56rem;
  word-break: break-word;
}

.jackpot-detail-popup table tbody tr {
  height: 0.56rem;
  align-items: center;
}

.jackpot-detail-popup table tbody tr td {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
  line-height: normal;
}

@supports (-webkit-line-clamp: 2) {
  .jackpot-detail-popup table tbody tr td {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}

.jackpot-detail-popup table th {
  background: #fafafa;
  border-bottom: 1px solid #dbdbdb;
}

.jackpot-detail-popup table td,
.jackpot-detail-popup table th {
  padding: 0 0.1rem;
  width: 33%;
  display: flex;
  align-items: center;
  flex: 1 1 0%;
}

.jackpot-detail-popup table tr {
  background: #fff;
  display: flex;
}

.jackpot-detail-popup table tr:nth-child(2n) {
  background: #fafafa;
}

.jackpot-detail-popup .slider,
.jackpot-detail-popup .slider-frame {
  position: static !important;
}

.jackpot-detail-popup .slider-frame,
.jackpot-detail-popup .slider-list {
  width: 100% !important;
}

.jackpot-detail-popup .jackpot-detail-container .swiper-container,
.jackpot-detail-popup .jackpot-detail-container .swiper-wrapper {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.jackpot-detail-popup .jackpot-detail-container .swiper-pagination {
  width: 100% !important;
  right: 0;
}

.jackpot-detail-popup .jackpot-detail-container .swiper-pagination span {
  background-color: #e70011;
  margin: 0.08rem;
}

.jackpot-detail-popup .jackpot-detail-container .jackpot-detail-content {
  display: flex;
  border: 1px solid #dbdbdb;
}

.jackpot-detail-popup .jackpot-detail-container .jackpot-detail-content > div {
  width: 100% !important;
}

.jackpot-detail-popup
  .jackpot-detail-container
  .jackpot-detail-content
  .am-carousel-wrap-dot-active
  > span {
  background: #e70011;
}

.jackpot-detail-popup
  .jackpot-detail-container
  .jackpot-detail-content
  .swiper-slide {
  max-height: 65vh;
  max-height: calc(var(--vh) * 65);
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.jackpot-detail-popup
  .jackpot-detail-container
  .jackpot-detail-content
  .list-header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.jackpot-detail-popup
  .jackpot-detail-container
  .jackpot-detail-content
  .list-footer {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
}

.dividend-income-detail .dividend-income-header {
  position: relative;
  z-index: 11 !important;
  justify-content: flex-start;
  align-items: center;
  height: 1rem;
  display: flex;
  background: #695ffe;
}

.dividend-income-detail .dividend-income-header .left-arrow {
  fill: #fff;
  position: absolute;
  width: 0.72rem;
  height: 0.72rem;
}

.dividend-income-detail .dividend-income-header .info-icon {
  fill: #fff;
  width: 0.4rem;
  margin-left: 0.1rem;
}

.dividend-income-detail .dividend-income-header .item-name {
  justify-content: center;
  align-items: center;
  font-size: 0.36rem;
  flex: 1 1 0%;
  height: 100%;
  display: flex;
  color: #fff;
}

.dividend-income-detail .self-detail-content {
  position: relative;
  flex-direction: column;
  display: flex;
  overflow-y: scroll;
}

.dividend-income-detail .self-detail-content .list-wrapper {
  background: #f5f5f5;
}

.dividend-income-detail .self-detail-content .list-wrapper li {
  margin: 0.15rem 0;
}

.dividend-income-detail .self-detail-content .dl-container {
  background: #fff;
  padding: 0.1rem 0 0.2rem;
  border-bottom: 1px solid #dbdbdb;
}

.dividend-income-detail .self-detail-content .dl-container:last-child {
  border-bottom: none;
}

.dividend-income-detail .self-detail-content .dl-container .more-info {
  color: #a6a6a6;
  flex-grow: 1;
  font-size: 0.24rem;
  margin: 0.1rem;
  width: 95%;
  display: flex;
  justify-content: flex-end;
}

.dividend-income-detail .self-detail-content .dl-container .more-info span {
  display: flex;
  align-items: center;
  width: 0.4rem;
  height: 0.3rem;
  margin-left: 0.08rem;
}

.dividend-income-detail .self-detail-content .dl-container .more-info span svg {
  width: 100%;
  height: 100%;
}

.dividend-income-detail
  .self-detail-content
  .dl-container
  .more-info
  span.hide-more {
  transform: rotate(180deg);
}

.dividend-income-detail .self-detail-content .dl-content-detail {
  background-color: #fafafa;
  border-radius: 0.05rem;
  width: 100%;
  padding: 0.12rem 0;
}

.dividend-income-detail
  .self-detail-content
  .dl-content-detail
  .dl-content-body,
.dividend-income-detail
  .self-detail-content
  .dl-content-detail
  .dl-content-head {
  display: flex;
}

.dividend-income-detail
  .self-detail-content
  .dl-content-detail
  .dl-content-body
  ul,
.dividend-income-detail
  .self-detail-content
  .dl-content-detail
  .dl-content-head
  ul {
  padding: 0 0.05rem;
  font-size: 0.24rem;
  width: 100%;
  display: flex;
}

.dividend-income-detail
  .self-detail-content
  .dl-content-detail
  .dl-content-body
  ul
  li,
.dividend-income-detail
  .self-detail-content
  .dl-content-detail
  .dl-content-head
  ul
  li {
  word-break: break-word;
  font-weight: 600;
  display: flex;
  width: 30%;
  flex-grow: 1;
  justify-content: center;
}

.dividend-income-detail
  .self-detail-content
  .dl-content-detail
  .dl-content-head
  li {
  font-size: 0.24rem;
  color: #a6a6a6;
}

.dividend-income-detail .self-detail-content .searchName {
  display: flex;
  align-items: center;
  padding: 0 0.45rem;
  font-weight: 700;
  font-size: 0.28rem;
  color: #000;
}

.dividend-income-detail .self-detail-content .more-info-wrap {
  display: flex;
  flex-direction: column;
}

.dividend-income-detail .self-detail-content .info-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  background: #f6f5fb;
  padding: 0.15rem 0.1rem;
}

.dividend-income-detail .self-detail-content .info-container.direct {
  background: transparent;
}

.dividend-income-detail .self-detail-content .info-container .info-item {
  padding: 0.1rem 0.2rem;
  justify-content: space-between;
  display: flex;
  width: 50%;
  font-weight: 700;
}

.dividend-income-detail .self-detail-content .info-container .info-item span {
  font-size: 0.24rem;
  color: #a6a6a6;
  text-align: left;
}

.dividend-income-detail .self-detail-content .info-container .info-item p {
  font-size: 0.24rem;
}

.dividend-income-detail .self-detail-content .orange {
  color: #f79a23;
}

.dividend-income-detail.show {
  display: block;
}

.dividend-income-detail.hide {
  display: none;
}

.dividend-income-detail .dividend-title {
  padding: 0.2rem 0.45rem;
  font-size: 0.34rem;
  font-weight: 700;
  color: #333;
  border-bottom: 1px solid #dbdbdb;
}

.dividend-income-detail .dividend-title span {
  font-size: 0.26rem;
  font-weight: 400;
}

.agentDivident {
  background: #e9e9e9;
  width: 100%;
  height: 100%;
}

.agentDivident .banner {
  margin-bottom: 0.25rem;
}

.agentDivident .searchOne {
  display: inline-block;
  width: auto;
}

.agentDivident .searchOne .am-button-icon {
  padding: 0 0.2rem;
}

.agentDivident .am-tabs-bar .am-tabs-tab {
  background: none;
}

.checkBlock {
  margin: 0.1rem 0.15rem;
  text-align: center;
  height: 0.85rem;
  line-height: 0.85rem;
  color: #4c84f8;
}

.checkBlock p {
  position: relative;
  overflow: hidden;
}

.checkBlock p span {
  font-size: 0.42rem;
}

.checkIcon {
  vertical-align: sub;
  margin-right: 0.1rem;
}

.searchDiv {
  width: 30%;
  text-align: center;
  margin: 0.15rem 0.1rem;
  margin-left: 0.2rem;
}

.div_badge {
  font-size: 0.34rem;
}

.start-contract-root.div .am-tabs-bar {
  padding: 0;
}

.start-contract-root.div .am-tabs-bar .am-tabs-tab {
  background: none;
}

.myRebate h2 {
  font-weight: 700;
  color: #424242 !important;
  font-size: 0.32rem;
  padding: 0.2rem;
}

.myRebate ul {
  font-size: 0;
  padding: 0.1rem;
}

.myRebate ul li {
  display: inline-block;
  width: 33%;
  vertical-align: top;
  font-size: 0.28rem;
  padding: 0.1rem;
}

.myRebate ul li > div {
  min-height: 1.5rem;
  border-radius: 0.2rem;
  background: #fff;
  box-shadow: 0.12rem 0.09rem 0.09rem #e5e5e5;
  text-align: center;
  position: relative;
}

.myRebate ul li > div .fee-container {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
}

.myRebate ul li > div .fee-container .fee-title {
  font-size: 0.26rem;
}

.myRebate ul li > div div {
  color: #666;
}

.myRebate ul li > div p {
  color: #4c84f8;
  font-weight: 700;
  margin-top: 0.1rem;
  font-size: 0.28rem;
}

.agentDividetails .am-button-ghost {
  border: 1px solid #5f5f5f !important;
  color: #5f5f5f !important;
}

.agentDividetails .am-button-ghost svg {
  fill: #5f5f5f !important;
}

.bankDetails {
  height: calc(100vh - 2rem);
  overflow-y: scroll;
}

.start-contract-root {
  background: #f9f8fd;
  height: 100%;
}

.start-contract-root .contract-title {
  color: #e43402;
  padding: 0.3rem 0;
  font-size: 0.31rem;
  padding: 0.35rem 0.5rem;
  font-weight: 700;
  letter-spacing: 0.05rem;
}

.start-contract-root .contract-select {
  padding: 0.25rem 0;
  margin: 0 0.5rem;
  border-bottom: 1px solid #dddce1;
  border-top: 1px solid #dddce1;
}

.div.start-contract-root .contract-select {
  padding: 0;
  margin: 0;
}

.start-contract-root .contract-select .contract-btn {
  margin-left: 0.2rem;
}

.start-contract-root .contract-select .contract-btn.noselect {
  border-color: #9a999e;
  color: #9a999e;
}

.start-contract-root.bonus-trem .contract-thead {
  background: #eeedf5;
  color: #aaa9ae;
  height: auto;
  min-height: 1rem;
}

.start-contract-root .contract-thead > div {
  text-align: center;
}

.start-contract-root .contract-tbody {
  color: #616065;
  height: 0.8rem;
}

.start-contract-root .contract-tbody > div {
  text-align: center;
  line-height: 0.8rem;
}

.start-contract-root .line {
  display: inline-block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: 1px;
  width: 90%;
  background: #d6d5da;
}

.start-contract-root .contract-salary-operation {
  padding: 0.5rem 0;
  display: flex;
  justify-content: space-around;
}

.start-contract-root .contract-salary-refuse {
  width: 3rem;
  background: #ededed;
  color: #616065;
}

.start-contract-root a.contract-salary-accept {
  margin-left: 0;
  width: 3rem;
  background: #ff303a;
  color: #fff;
}

.start-contract-root .salary-rule {
  color: #616065;
  padding: 0 5%;
  position: absolute;
  top: 3.55rem;
}

.start-contract-root .salary-rule p {
  margin-top: 0.2rem;
}

.start-contract-root.div .rule-con {
  margin: 0.1rem;
  margin-left: 0.3rem;
}

.start-contract-root.div .rule-con p {
  margin-top: 0.25rem;
  height: 0.45rem;
  line-height: 0.45rem;
  font-weight: 700;
  color: #5e5e5e;
}

.no-salary-list svg.no-salary-icon {
  height: 4rem;
  width: 4rem;
  margin-top: 2rem;
}

.no-salary-list {
  text-align: center;
}

.salary-list-content {
  height: 5rem;
  overflow: auto;
}

.downline-item-toot .user-info .user-name {
  margin-left: 0.2rem;
  font-weight: 600;
}

.downline-item-toot .user-info .user-icon {
  color: #46bcf2;
}

.downline-item-toot .action-sign {
  color: #108ee9;
  font-size: 0.3rem;
  max-width: 60%;
  word-break: break-word;
}

.singd-downline-item-toot {
  padding: 0 0.4rem;
  background: #fff;
}

.singd-downline-item-toot .user-info .user-name {
  margin-left: 0.2rem;
}

.singd-downline-item-toot .user-info .user-icon {
  color: #46bcf2;
}

.sign-operation {
  width: auto;
  height: 100%;
}

.sign-operation > span {
  color: #108ee9;
  padding: 0.2rem 0.1rem;
}

.sign-salary-root:not(.CN) .sign-operation > span {
  font-size: 0.24rem;
  text-align: center;
}

.sign-operation > i {
  display: inline-block;
  height: 0.3rem;
  width: 1px;
  background: #747474;
}

.singd-downline-info {
  padding: 0.3rem 0.5rem;
  font-size: 0.3rem;
  background: #fcfcfc;
}

.singd-downline-info .more-info {
  color: #108ee9;
  display: flex;
  align-items: center;
}

.singd-downline-info .more-info .double-arrow {
  width: 0.4rem;
  height: 0.4rem;
  position: relative;
}

.translate-arrow {
  transform: rotateX(180deg);
}

.sign-salary-root {
  margin-bottom: 0.35rem;
}

.sign-salary-root .singd-details {
  width: 100%;
  padding: 0 0.3rem;
}

.sign-salary-root .singd-details thead tr td {
  text-align: center;
  padding: 0.2rem 0;
  background: #f6f5fb;
  color: #a5a4a7;
}

.sign-salary-root .singd-details tbody {
  padding: 0.1rem 0;
}

.sign-salary-root .singd-details tbody tr td {
  text-align: center;
  padding: 0.1rem 0;
  background: #fcfcfc;
}

.sign-salary-root .singd-details tbody .salary-betVolume {
  color: #ea5747;
  border-color: #a5a4a7;
}

.sign-salary-root .singd-details tbody .salary-activeMember {
  color: #30d4b2;
  border-color: #a5a4a7;
}

.sign-salary-root .singd-details tbody .salary-rateType {
  color: #57c2ed;
  border-color: #a5a4a7;
}

.contract-history .history-details {
  max-height: 4.15rem;
  overflow: auto;
}

.contract-history .user-info {
  height: 1.5rem;
}

.contract-history .user-info .user-icon {
  color: #46bcf2;
}

.contract-history .user-info .user-name {
  margin-left: 0.2rem;
}

.contract-history .user-info .user-title {
  margin-left: 0.2rem;
  font-size: 0.4rem;
}

.contract-history tr {
  text-align: center;
}

.contract-history td {
  background: #f8f7fc;
}

.contract-history .history-thead {
  border-bottom: 1px solid #dedde2;
  font-size: 0.34rem;
  font-weight: 500;
  color: #828186;
  background: #f8f7fc;
}

.contract-history .history-thead span {
  line-height: 1rem;
  display: inline-block;
  width: 50%;
  text-align: center;
}

.contract-history .history-tbody {
  font-size: 0.34rem;
  font-weight: 500;
  color: #828186;
  background: #f8f7fc;
}

.contract-history .history-tbody span {
  line-height: 1rem;
  display: inline-block;
  width: 50%;
  text-align: center;
}

.contract-history tbody td {
  line-height: 0.8rem;
}

.contract-history .close-history {
  margin: 0.4rem;
}

.salary-history-details {
  background: #fcfcfc;
  margin-bottom: 0.4rem;
}

.salary-history-details .history-header {
  padding: 0 0.4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  height: 0.8rem;
}

.salary-history-details .history-header .history-header-people {
  color: #108ee9;
}

.salary-history-details .history-header .history-text {
  margin-left: 0.15rem;
}

.salary-history-details .history-header .user-info {
  display: flex;
  align-items: center;
}

.salary-history-details .history-body {
  padding: 0 0.5rem;
}

.salary-history-details .history-body .normal-info {
  border-bottom: 1px solid dimgray;
  color: #6a6a6a;
}

.salary-history-details .history-body .more-info {
  color: #6a6a6a;
}

.salary-history-details .history-body .more-info .history-salary {
  margin-top: 0.1rem;
  color: #f74637;
  font-weight: 700;
}

.salary-history-container .downAnimating {
  justify-content: center;
  padding-bottom: 0.4rem;
}

.salary-history-container .upAnimating {
  justify-content: center;
  padding: 0.3rem 0;
}

.salary-history-container .top-tip {
  position: absolute;
  top: -0.4rem;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 0.4rem;
  line-height: 0.4rem;
  text-align: center;
  font-size: 0.28rem;
  color: #000;
  opacity: 0.4;
}

.salary-history-container {
  overflow: hidden;
}

.gameCecords-list-root {
  pointer-events: auto !important;
}

.banner {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 1.5rem;
  padding: 0 0.15rem;
  margin-bottom: 0.3rem;
  border-radius: 0.1rem;
}

.banner.salary {
  background: #fc795a;
  background: -moz-linear-gradient(top, #fc795a 0, #fc795a 20%, #fe64aa 100%);
  background: -webkit-linear-gradient(top, #fc795a, #fc795a 20%, #fe64aa);
  background: linear-gradient(180deg, #fc795a 0, #fc795a 20%, #fe64aa);
}

.banner.bet,
.banner.salary {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcba66", endColorstr="#fa8866", GradientType=0);
}

.banner.bet {
  background: #76c2fe;
  background: -moz-linear-gradient(top, #76c2fe 0, #76c2fe 20%, #6d81fe 100%);
  background: -webkit-linear-gradient(top, #76c2fe, #76c2fe 20%, #6d81fe);
  background: linear-gradient(180deg, #76c2fe 0, #76c2fe 20%, #6d81fe);
}

.banner .title {
  width: 23%;
  -ms-flex: 0 0 23%;
  flex: 0 0 23%;
  color: #fff;
  font-size: 0.32rem;
  line-height: 0.35rem;
  letter-spacing: 0.02rem;
  text-align: center;
  padding-right: 0.3rem;
}

.agentSalary.VI .banner .title {
  flex: 0 0 28%;
}

.agentSalary.VI .banner .money {
  flex: 0 0 72%;
}

.banner .money {
  font-size: 0.56rem;
  color: #fa8866;
  background-color: #fff;
  width: 77%;
  height: 100%;
  flex: 0 0 77%;
  line-height: 1.5rem;
  text-align: right;
  padding: 0 0.2rem;
}

.block-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 1.5rem;
  margin-top: 0.2rem;
}

.block-container .block {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-around;
  width: 47%;
  height: 100%;
  flex: 0 0 47%;
  border-radius: 0.1rem;
  background-color: #fff;
  box-shadow: 0.023em 0.03rem 0.1rem rgba(0, 0, 0, 0.1);
}

.block .text {
  font-size: 0.24rem;
}

.block .text .value {
  font-size: 0.64rem;
}

.block .text .title {
  font-size: 0.28rem;
}

.block .icon {
  height: 100%;
  line-height: 2.2rem;
}

.block .icon svg {
  width: 0.88rem;
  height: 0.88rem;
}

.block-container .block.member {
  color: #25e6c9;
}

.block-container .block.unerlvl {
  color: #febd3a;
}

.block-container .block:first-child {
  margin-right: 2%;
}

.salary_info {
  width: 100%;
  border: 1px solid #f5f5f5;
  margin: 0.8rem 0;
  box-shadow: 0.023em 0.03rem 0.1rem rgba(0, 0, 0, 0.1);
}

.salary_info thead tr {
  width: 33%;
  height: 1rem;
  background: #f5f6fa;
}

.salary_info thead tr td {
  line-height: 1rem;
  text-align: center;
  color: #76777b;
  border: 1px solid #ededed;
}

.agentSalary .salary_info thead tr td {
  line-height: 0.5rem;
}

.salary_info tbody tr td {
  line-height: 0.8rem;
  text-align: center;
  color: #76777b;
  background: #fff;
  border: 1px solid #ededed;
}

.agentSalary .am-tabs-bar {
  padding: 0;
}

.searchOne {
  width: 2rem;
  margin-left: 0.15rem;
  margin-right: 0.15rem;
  margin-bottom: 0.2rem;
}

.downline-item-toot .user-info .user-name {
  margin-left: 0.2rem;
  font-weight: 600;
}

.downline-item-toot .user-info .user-icon {
  color: #46bcf2;
}

.downline-item-toot .action-sign {
  color: #108ee9;
  font-size: 0.3rem;
  max-width: 60%;
  word-break: break-word;
}

.singd-downline-item-toot {
  padding: 0 0.4rem;
  background: #fff;
}

.singd-downline-item-toot .user-info .user-name {
  margin-left: 0.2rem;
}

.singd-downline-item-toot .user-info .user-icon {
  color: #46bcf2;
}

.sign-operation {
  width: auto;
  height: 100%;
}

.sign-operation > span {
  color: #108ee9;
  padding: 0.2rem 0.1rem;
}

.sign-salary-root:not(.CN) .sign-operation > span {
  font-size: 0.24rem;
  text-align: center;
}

.sign-operation > i {
  display: inline-block;
  height: 0.3rem;
  width: 1px;
  background: #747474;
}

.singd-downline-info {
  padding: 0.3rem 0.5rem;
  font-size: 0.3rem;
  background: #fcfcfc;
}

.singd-downline-info .more-info {
  color: #108ee9;
  display: flex;
  align-items: center;
}

.singd-downline-info .more-info .double-arrow {
  width: 0.4rem;
  height: 0.4rem;
  position: relative;
}

.translate-arrow {
  transform: rotateX(180deg);
}

.sign-salary-root {
  margin-bottom: 0.35rem;
}

.sign-salary-root .singd-details {
  width: 100%;
  padding: 0 0.3rem;
}

.sign-salary-root .singd-details thead tr td {
  text-align: center;
  padding: 0.2rem 0;
  background: #f6f5fb;
  color: #a5a4a7;
}

.sign-salary-root .singd-details tbody {
  padding: 0.1rem 0;
}

.sign-salary-root .singd-details tbody tr td {
  text-align: center;
  padding: 0.1rem 0;
  background: #fcfcfc;
}

.sign-salary-root .singd-details tbody .salary-betVolume {
  color: #ea5747;
  border-color: #a5a4a7;
}

.sign-salary-root .singd-details tbody .salary-activeMember {
  color: #30d4b2;
  border-color: #a5a4a7;
}

.sign-salary-root .singd-details tbody .salary-rateType {
  color: #57c2ed;
  border-color: #a5a4a7;
}

.contract-history .history-details {
  max-height: 4.15rem;
  overflow: auto;
}

.contract-history .user-info {
  height: 1.5rem;
}

.contract-history .user-info .user-icon {
  color: #46bcf2;
}

.contract-history .user-info .user-name {
  margin-left: 0.2rem;
}

.contract-history .user-info .user-title {
  margin-left: 0.2rem;
  font-size: 0.4rem;
}

.contract-history tr {
  text-align: center;
}

.contract-history td {
  background: #f8f7fc;
}

.contract-history .history-thead {
  border-bottom: 1px solid #dedde2;
  font-size: 0.34rem;
  font-weight: 500;
  color: #828186;
  background: #f8f7fc;
}

.contract-history .history-thead span {
  line-height: 1rem;
  display: inline-block;
  width: 50%;
  text-align: center;
}

.contract-history .history-tbody {
  font-size: 0.34rem;
  font-weight: 500;
  color: #828186;
  background: #f8f7fc;
}

.contract-history .history-tbody span {
  line-height: 1rem;
  display: inline-block;
  width: 50%;
  text-align: center;
}

.contract-history tbody td {
  line-height: 0.8rem;
}

.contract-history .close-history {
  margin: 0.4rem;
}

.salary-history-details {
  background: #fcfcfc;
  margin-bottom: 0.4rem;
}

.salary-history-details .history-header {
  padding: 0 0.4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  height: 0.8rem;
}

.salary-history-details .history-header .history-header-people {
  color: #108ee9;
}

.salary-history-details .history-header .history-text {
  margin-left: 0.15rem;
}

.salary-history-details .history-header .user-info {
  display: flex;
  align-items: center;
}

.salary-history-details .history-body {
  padding: 0 0.5rem;
}

.salary-history-details .history-body .normal-info {
  border-bottom: 1px solid dimgray;
  color: #6a6a6a;
}

.salary-history-details .history-body .more-info {
  color: #6a6a6a;
}

.salary-history-details .history-body .more-info .history-salary {
  margin-top: 0.1rem;
  color: #f74637;
  font-weight: 700;
}

.real-time-card .history-body > div {
  padding: 0.1rem 0 !important;
  margin-top: 0 !important;
}

.real-time-card .history-body,
.real-time-card .user-info,
.real-time-card .user-info span {
  font-size: 0.28rem;
}

.salary-history-container .downAnimating {
  justify-content: center;
  padding-bottom: 0.4rem;
}

.salary-history-container .upAnimating {
  justify-content: center;
  padding: 0.3rem 0;
}

.salary-history-container .top-tip {
  position: absolute;
  top: -0.4rem;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 0.4rem;
  line-height: 0.4rem;
  text-align: center;
  font-size: 0.28rem;
  color: #000;
  opacity: 0.4;
}

.salary-history-container {
  overflow: hidden;
}

.gameCecords-list-root {
  pointer-events: auto !important;
}

.banner {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 1.5rem;
  padding: 0 0.15rem;
  margin-bottom: 0.3rem;
  border-radius: 0.1rem;
}

.banner.salary {
  background: #fc795a;
  background: -moz-linear-gradient(top, #fc795a 0, #fc795a 20%, #fe64aa 100%);
  background: -webkit-linear-gradient(top, #fc795a, #fc795a 20%, #fe64aa);
  background: linear-gradient(180deg, #fc795a 0, #fc795a 20%, #fe64aa);
}

.banner.bet,
.banner.salary {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcba66", endColorstr="#fa8866", GradientType=0);
}

.banner.bet {
  background: #76c2fe;
  background: -moz-linear-gradient(top, #76c2fe 0, #76c2fe 20%, #6d81fe 100%);
  background: -webkit-linear-gradient(top, #76c2fe, #76c2fe 20%, #6d81fe);
  background: linear-gradient(180deg, #76c2fe 0, #76c2fe 20%, #6d81fe);
}

.banner .title {
  width: 23%;
  -ms-flex: 0 0 23%;
  flex: 0 0 20%;
  color: #fff;
  font-size: 0.32rem;
  line-height: 0.35rem;
  letter-spacing: 0.02rem;
  text-align: center;
  padding-right: 0.3rem;
}

.agentSalary.VI .banner .title {
  flex: 0 0 28%;
}

.agentSalary.VI .banner .money {
  flex: 0 0 72%;
}

.banner .money {
  font-size: 0.56rem;
  color: #fa8866;
  background-color: #fff;
  width: 77%;
  height: 100%;
  flex: 0 0 77%;
  line-height: 1.5rem;
  text-align: right;
  padding: 0 0.2rem;
}

.block-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 1.5rem;
  margin-top: 0.2rem;
}

.block-container .block {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-around;
  width: 47%;
  height: 100%;
  flex: 0 0 47%;
  border-radius: 0.1rem;
  background-color: #fff;
  box-shadow: 0.023em 0.03rem 0.1rem rgba(0, 0, 0, 0.1);
}

.block .text {
  font-size: 0.24rem;
}

.block .text .value {
  font-size: 0.64rem;
}

.block .text .title {
  font-size: 0.28rem;
}

.block .icon {
  height: 100%;
  line-height: 2.2rem;
}

.block .icon svg {
  width: 0.88rem;
  height: 0.88rem;
}

.block-container .block.member {
  color: #25e6c9;
}

.block-container .block.unerlvl {
  color: #febd3a;
}

.block-container .block:first-child {
  margin-right: 2%;
}

.salary_info {
  width: 100%;
  border: 1px solid #f5f5f5;
  margin: 0.8rem 0;
  box-shadow: 0.023em 0.03rem 0.1rem rgba(0, 0, 0, 0.1);
}

.salary_info thead tr {
  width: 33%;
  height: 1rem;
  background: #f5f6fa;
}

.salary_info thead tr td {
  line-height: 1rem;
  text-align: center;
  color: #76777b;
  border: 1px solid #ededed;
}

.agentSalary .salary_info thead tr td {
  line-height: 0.5rem;
}

.salary_info tbody tr td {
  line-height: 0.8rem;
  text-align: center;
  color: #76777b;
  background: #fff;
  border: 1px solid #ededed;
}

.agentSalary .am-tabs-bar {
  padding: 0;
}

.searchOne {
  width: 2rem;
  margin-left: 0.15rem;
  margin-right: 0.15rem;
  margin-bottom: 0.2rem;
}

.real-time-filter {
  z-index: 999;
  display: inline-block;
  width: 75%;
  position: absolute;
  top: 0;
  right: 0;
  background: #fff;
}

.real-time-filter .name-search {
  padding: 0 !important;
}

.real-time-filter .am-search {
  background: #fff !important;
  height: 0.77rem !important;
}

.rt-downline-container {
  position: relative;
}

.hide-down-line .am-tabs-bar .am-tabs-tab:nth-child(3),
.hide-down-line .top-tip {
  display: none;
}

.downline-item-toot .user-info .user-name {
  margin-left: 0.2rem;
  font-weight: 600;
}

.downline-item-toot .user-info .user-icon {
  color: #46bcf2;
}

.downline-item-toot .action-sign {
  color: #108ee9;
  font-size: 0.3rem;
  max-width: 60%;
  word-break: break-word;
}

.singd-downline-item-toot {
  padding: 0 0.4rem;
  background: #fff;
}

.singd-downline-item-toot .user-info .user-name {
  margin-left: 0.2rem;
}

.singd-downline-item-toot .user-info .user-icon {
  color: #46bcf2;
}

.sign-operation {
  width: auto;
  height: 100%;
}

.sign-operation > span {
  color: #108ee9;
  padding: 0.2rem 0.1rem;
}

.sign-salary-root:not(.CN) .sign-operation > span {
  font-size: 0.24rem;
  text-align: center;
}

.sign-operation > i {
  display: inline-block;
  height: 0.3rem;
  width: 1px;
  background: #747474;
}

.singd-downline-info {
  padding: 0.3rem 0.5rem;
  font-size: 0.3rem;
  background: #fcfcfc;
}

.singd-downline-info .more-info {
  color: #108ee9;
  display: flex;
  align-items: center;
}

.singd-downline-info .more-info .double-arrow {
  width: 0.4rem;
  height: 0.4rem;
  position: relative;
}

.translate-arrow {
  transform: rotateX(180deg);
}

.sign-salary-root {
  margin-bottom: 0.35rem;
}

.sign-salary-root .singd-details {
  width: 100%;
  padding: 0 0.3rem;
}

.sign-salary-root .singd-details thead tr td {
  text-align: center;
  padding: 0.2rem 0;
  background: #f6f5fb;
  color: #a5a4a7;
}

.sign-salary-root .singd-details tbody {
  padding: 0.1rem 0;
}

.sign-salary-root .singd-details tbody tr td {
  text-align: center;
  padding: 0.1rem 0;
  background: #fcfcfc;
}

.sign-salary-root .singd-details tbody .salary-betVolume {
  color: #ea5747;
  border-color: #a5a4a7;
}

.sign-salary-root .singd-details tbody .salary-activeMember {
  color: #30d4b2;
  border-color: #a5a4a7;
}

.sign-salary-root .singd-details tbody .salary-rateType {
  color: #57c2ed;
  border-color: #a5a4a7;
}

.contract-history .history-details {
  max-height: 4.15rem;
  overflow: auto;
}

.contract-history .user-info {
  height: 1.5rem;
}

.contract-history .user-info .user-icon {
  color: #46bcf2;
}

.contract-history .user-info .user-name {
  margin-left: 0.2rem;
}

.contract-history .user-info .user-title {
  margin-left: 0.2rem;
  font-size: 0.4rem;
}

.contract-history tr {
  text-align: center;
}

.contract-history td {
  background: #f8f7fc;
}

.contract-history .history-thead {
  border-bottom: 1px solid #dedde2;
  font-size: 0.34rem;
  font-weight: 500;
  color: #828186;
  background: #f8f7fc;
}

.contract-history .history-thead span {
  line-height: 1rem;
  display: inline-block;
  width: 50%;
  text-align: center;
}

.contract-history .history-tbody {
  font-size: 0.34rem;
  font-weight: 500;
  color: #828186;
  background: #f8f7fc;
}

.contract-history .history-tbody span {
  line-height: 1rem;
  display: inline-block;
  width: 50%;
  text-align: center;
}

.contract-history tbody td {
  line-height: 0.8rem;
}

.contract-history .close-history {
  margin: 0.4rem;
}

.lott-record-container {
  background: #fff;
}

.salary-history-details {
  background: #fcfcfc;
  margin-bottom: 0.4rem;
}

.salary-history-details .history-header {
  padding: 0 0.4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  height: 0.8rem;
}

.salary-history-details .history-header .history-header-people {
  color: #108ee9;
}

.salary-history-details .history-header .history-text {
  margin-left: 0.15rem;
}

.salary-history-details .history-header .user-info {
  display: flex;
  align-items: center;
}

.salary-history-details .history-body {
  padding: 0 0.5rem;
}

.salary-history-details .history-body p {
  margin-top: 0.2rem;
  color: #6a6a6a;
}

.salary-history-details .history-body > div {
  margin-top: 0.2rem;
  padding-bottom: 0.2rem;
}

.salary-history-details .history-body .normal-info {
  border-bottom: 1px solid dimgray;
  color: #6a6a6a;
}

.salary-history-details .history-body .more-info {
  color: #6a6a6a;
}

.salary-history-details .history-body .more-info .history-salary {
  margin-top: 0.1rem;
  color: #f74637;
  font-weight: 700;
}

.get-daily {
  color: green;
  margin-left: 0.1rem;
}

.salary-history-container .downAnimating {
  justify-content: center;
  padding-bottom: 0.4rem;
}

.salary-history-container .upAnimating {
  justify-content: center;
  padding: 0.3rem 0;
}

.salary-history-container .top-tip {
  position: absolute;
  top: -0.4rem;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 0.4rem;
  line-height: 0.4rem;
  text-align: center;
  font-size: 0.28rem;
  color: #000;
  opacity: 0.4;
}

.salary-history-container {
  overflow: hidden;
}

.gameCecords-list-root {
  pointer-events: auto !important;
}

#proxy-daily-content .mc-trans-filter {
  justify-content: start;
  width: auto;
}

.banner {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 1.5rem;
  padding: 0 0.15rem;
  margin-bottom: 0.3rem;
  border-radius: 0.1rem;
}

.banner.salary {
  background: #fc795a;
  background: -moz-linear-gradient(top, #fc795a 0, #fc795a 20%, #fe64aa 100%);
  background: -webkit-linear-gradient(top, #fc795a, #fc795a 20%, #fe64aa);
  background: linear-gradient(180deg, #fc795a 0, #fc795a 20%, #fe64aa);
}

.banner.bet,
.banner.salary {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcba66", endColorstr="#fa8866", GradientType=0);
}

.banner.bet {
  background: #76c2fe;
  background: -moz-linear-gradient(top, #76c2fe 0, #76c2fe 20%, #6d81fe 100%);
  background: -webkit-linear-gradient(top, #76c2fe, #76c2fe 20%, #6d81fe);
  background: linear-gradient(180deg, #76c2fe 0, #76c2fe 20%, #6d81fe);
}

.banner .title {
  width: 23%;
  -ms-flex: 0 0 23%;
  flex: 0 0 23%;
  color: #fff;
  font-size: 0.32rem;
  line-height: 0.35rem;
  letter-spacing: 0.02rem;
  text-align: center;
  padding-right: 0.3rem;
}

.banner .money {
  font-size: 0.56rem;
  color: #fa8866;
  background-color: #fff;
  width: 77%;
  height: 100%;
  flex: 0 0 77%;
  line-height: 1.5rem;
  text-align: right;
  padding: 0 0.2rem;
}

.block-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 1.5rem;
  margin-top: 0.2rem;
}

.block-container .block {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-around;
  width: 47%;
  height: 100%;
  flex: 0 0 47%;
  border-radius: 0.1rem;
  background-color: #fff;
  box-shadow: 0.023em 0.03rem 0.1rem rgba(0, 0, 0, 0.1);
}

.block .text {
  font-size: 0.24rem;
}

.block .text .value {
  font-size: 0.64rem;
}

.block .text .title {
  font-size: 0.28rem;
}

.block .icon {
  height: 100%;
  line-height: 2.2rem;
}

.block .icon svg {
  width: 0.88rem;
  height: 0.88rem;
}

.block-container .block.member {
  color: #25e6c9;
}

.block-container .block.unerlvl {
  color: #febd3a;
}

.block-container .block:first-child {
  margin-right: 2%;
}

.salary_info {
  width: 100%;
  border: 1px solid #f5f5f5;
  margin: 0.8rem 0;
  box-shadow: 0.023em 0.03rem 0.1rem rgba(0, 0, 0, 0.1);
}

.salary_info thead tr {
  width: 33%;
  height: 1rem;
  background: #f5f6fa;
}

.salary_info thead tr td {
  line-height: 1rem;
}

.salary_info tbody tr td,
.salary_info thead tr td {
  text-align: center;
  color: #76777b;
  border: 1px solid #ededed;
}

.salary_info tbody tr td {
  line-height: 0.8rem;
  background: #fff;
}

.agentSalary .am-tabs-bar {
  padding: 0;
}

.agentSalary .am-tabs-bar .am-tabs-tab {
  line-height: unset;
  padding: 0 0.1rem;
  height: auto !important;
  min-height: 0.87rem;
}

.searchOne {
  width: 2rem;
  margin-left: 0.15rem;
  margin-right: 0.15rem;
  margin-bottom: 0.2rem;
}

.salary_rule {
  padding: 0.2rem;
  background: #fff;
  font-size: 0.28rem;
  color: #616065;
  margin-top: 0.5rem;
}

.salary-history-details {
  background: #fcfcfc;
  margin-bottom: 0.4rem;
}

.salary-history-details .history-header {
  padding: 0 0.4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  height: 0.8rem;
}

.salary-history-details .history-header .history-header-people {
  color: #108ee9;
}

.salary-history-details .history-header .history-text {
  margin-left: 0.15rem;
}

.salary-history-details .history-header .user-info {
  display: flex;
  align-items: center;
}

.salary-history-details .history-body {
  padding: 0 0.5rem;
}

.salary-history-details .history-body p {
  margin-top: 0.2rem;
  color: #6a6a6a;
}

.salary-history-details .history-body > div {
  margin-top: 0.2rem;
  padding-bottom: 0.2rem;
}

.salary-history-details .history-body .normal-info {
  border-bottom: 1px solid dimgray;
  color: #6a6a6a;
}

.salary-history-details .history-body .more-info {
  color: #6a6a6a;
}

.salary-history-details .history-body .more-info .history-salary {
  margin-top: 0.1rem;
  color: #f74637;
  font-weight: 700;
}

.salary-history-container .downAnimating {
  justify-content: center;
  padding-bottom: 0.4rem;
}

.salary-history-container .upAnimating {
  justify-content: center;
  padding: 0.3rem 0;
}

.salary-history-container .top-tip {
  position: absolute;
  top: -0.4rem;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 0.4rem;
  line-height: 0.4rem;
  text-align: center;
  font-size: 0.28rem;
  color: #000;
  opacity: 0.4;
}

.salary-history-container {
  overflow: hidden;
}

.gameCecords-list-root {
  pointer-events: auto !important;
}

.banner {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 1.5rem;
  padding: 0 0.15rem;
  margin-bottom: 0.3rem;
  border-radius: 0.1rem;
}

.banner.salary {
  background: #fc795a;
  background: -moz-linear-gradient(top, #fc795a 0, #fc795a 20%, #fe64aa 100%);
  background: -webkit-linear-gradient(top, #fc795a, #fc795a 20%, #fe64aa);
  background: linear-gradient(180deg, #fc795a 0, #fc795a 20%, #fe64aa);
}

.banner.bet,
.banner.salary {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcba66", endColorstr="#fa8866", GradientType=0);
}

.banner.bet {
  background: #76c2fe;
  background: -moz-linear-gradient(top, #76c2fe 0, #76c2fe 20%, #6d81fe 100%);
  background: -webkit-linear-gradient(top, #76c2fe, #76c2fe 20%, #6d81fe);
  background: linear-gradient(180deg, #76c2fe 0, #76c2fe 20%, #6d81fe);
}

.banner .title {
  width: 23%;
  -ms-flex: 0 0 23%;
  flex: 0 0 23%;
  color: #fff;
  font-size: 0.32rem;
  line-height: 0.35rem;
  letter-spacing: 0.02rem;
  text-align: center;
  padding-right: 0.3rem;
}

.banner .money {
  font-size: 0.56rem;
  color: #fa8866;
  background-color: #fff;
  width: 77%;
  height: 100%;
  flex: 0 0 77%;
  line-height: 1.5rem;
  text-align: right;
  padding: 0 0.2rem;
}

.block-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 1.5rem;
  margin-top: 0.2rem;
}

.block-container .block {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-around;
  width: 47%;
  height: 100%;
  flex: 0 0 47%;
  border-radius: 0.1rem;
  background-color: #fff;
  box-shadow: 0.023em 0.03rem 0.1rem rgba(0, 0, 0, 0.1);
}

.block .text {
  font-size: 0.24rem;
}

.block .text .value {
  font-size: 0.64rem;
}

.block .text .title {
  font-size: 0.28rem;
}

.block .icon {
  height: 100%;
  line-height: 2.2rem;
}

.block .icon svg {
  width: 0.88rem;
  height: 0.88rem;
}

.block-container .block.member {
  color: #25e6c9;
}

.block-container .block.unerlvl {
  color: #febd3a;
}

.block-container .block:first-child {
  margin-right: 2%;
}

.salary_info {
  width: 100%;
  border: 1px solid #f5f5f5;
  margin: 0.8rem 0;
  box-shadow: 0.023em 0.03rem 0.1rem rgba(0, 0, 0, 0.1);
}

.salary_info thead tr {
  width: 33%;
  height: 1rem;
  background: #f5f6fa;
}

.salary_info thead tr td {
  line-height: 1rem;
}

.salary_info tbody tr td,
.salary_info thead tr td {
  text-align: center;
  color: #76777b;
  border: 1px solid #ededed;
}

.salary_info tbody tr td {
  line-height: 0.8rem;
  background: #fff;
}

.agentSalary .am-tabs-bar {
  padding: 0;
}

.searchOne {
  width: 2rem;
  margin-left: 0.15rem;
  margin-right: 0.15rem;
  margin-bottom: 0.2rem;
}

.salary_rule {
  padding: 0.2rem;
  background: #fff;
  font-size: 0.28rem;
  color: #616065;
  margin-top: 0.5rem;
}

.agentSalary .getSalaryButton {
  display: block;
  height: 0.94rem;
  line-height: 0.94rem;
  text-align: center;
  margin: 0.2rem 0.3rem;
  border-radius: 0.15rem;
  color: #fff;
  background-image: linear-gradient(-93deg, #cecece, #c4c4c4);
}

.agentSalary .getSalaryButton.hasSalary {
  background-image: linear-gradient(-90deg, #ff3a3e, #ff1e30);
}

.agentSalary .mc-trans-filter {
  box-shadow: none;
}

.agentSalary .name-filter {
  background: #fff;
}

.downline-item-toot .user-info .user-name {
  margin-left: 0.2rem;
  font-weight: 600;
}

.downline-item-toot .user-info .user-icon {
  color: #46bcf2;
}

.downline-item-toot .action-sign {
  color: #108ee9;
  font-size: 0.3rem;
  max-width: 60%;
  word-break: break-word;
}

.singd-downline-item-toot {
  padding: 0 0.4rem;
  background: #fff;
}

.singd-downline-item-toot .user-info .user-name {
  margin-left: 0.2rem;
}

.singd-downline-item-toot .user-info .user-icon {
  color: #46bcf2;
}

.sign-operation {
  width: auto;
  height: 100%;
}

.sign-operation > span {
  color: #108ee9;
  padding: 0.2rem 0.1rem;
}

.sign-salary-root:not(.CN) .sign-operation > span {
  font-size: 0.24rem;
  text-align: center;
}

.sign-operation > i {
  display: inline-block;
  height: 0.3rem;
  width: 1px;
  background: #747474;
}

.singd-downline-info {
  padding: 0.3rem 0.5rem;
  font-size: 0.3rem;
  background: #fcfcfc;
}

.singd-downline-info .more-info {
  color: #108ee9;
  display: flex;
  align-items: center;
}

.singd-downline-info .more-info .double-arrow {
  width: 0.4rem;
  height: 0.4rem;
  position: relative;
}

.translate-arrow {
  transform: rotateX(180deg);
}

.sign-salary-root {
  margin-bottom: 0.35rem;
}

.sign-salary-root .singd-details {
  width: 100%;
  padding: 0 0.3rem;
  font-size: 0.3rem;
}

.sign-salary-root .singd-details thead tr td {
  text-align: center;
  padding: 0.2rem 0;
  background: #f6f5fb;
  color: #a5a4a7;
}

.sign-salary-root .singd-details tbody {
  padding: 0.1rem 0;
}

.sign-salary-root .singd-details tbody tr td {
  text-align: center;
  padding: 0.1rem 0;
  background: #fcfcfc;
}

.sign-salary-root .singd-details tbody .salary-betVolume {
  color: #ea5747;
  border-color: #a5a4a7;
}

.sign-salary-root .singd-details tbody .salary-activeMember {
  color: #30d4b2;
  border-color: #a5a4a7;
}

.sign-salary-root .singd-details tbody .salary-rateType {
  color: #57c2ed;
  border-color: #a5a4a7;
}

.contract-history .history-details {
  max-height: 4.15rem;
  overflow: auto;
}

.contract-history .user-info {
  height: 1.5rem;
}

.contract-history .user-info .user-icon {
  color: #46bcf2;
}

.contract-history .user-info .user-name {
  margin-left: 0.2rem;
}

.contract-history .user-info .user-title {
  margin-left: 0.2rem;
  font-size: 0.4rem;
}

.contract-history tr {
  text-align: center;
}

.contract-history td {
  background: #f8f7fc;
}

.contract-history .history-thead {
  border-bottom: 1px solid #dedde2;
  font-size: 0.34rem;
  font-weight: 500;
  color: #828186;
  background: #f8f7fc;
}

.contract-history .history-thead span {
  line-height: 1rem;
  display: inline-block;
  width: 50%;
  text-align: center;
}

.contract-history .history-tbody {
  font-size: 0.3rem;
  font-weight: 500;
  color: #828186;
  background: #f8f7fc;
}

.contract-history .history-tbody span {
  line-height: 1rem;
  display: inline-block;
  width: 50%;
  text-align: center;
}

.contract-history tbody td {
  line-height: 0.8rem;
}

.contract-history .close-history {
  margin: 0.4rem;
}

.lott-record-container {
  background: #fff;
}

.agentSalary .mc-trans-filter {
  justify-content: flex-start !important;
}

.salary-history-details {
  background: #fcfcfc;
  margin-bottom: 0.4rem;
}

.salary-history-details .history-header {
  padding: 0 0.4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  height: 0.8rem;
}

.salary-history-details .history-header .history-header-people {
  color: #108ee9;
}

.salary-history-details .history-header .history-text {
  margin-left: 0.15rem;
}

.salary-history-details .history-header .user-info {
  display: flex;
  align-items: center;
}

.salary-history-details .history-body {
  padding: 0 0.5rem;
}

.salary-history-details .history-body .normal-info {
  border-bottom: 1px solid dimgray;
  color: #6a6a6a;
}

.salary-history-details .history-body .more-info {
  color: #6a6a6a;
}

.salary-history-details .history-body .more-info .history-salary {
  margin-top: 0.1rem;
  color: #f74637;
  font-weight: 700;
}

.history-time {
  padding: 0 0.4rem;
}

.salary-history-container .downAnimating {
  justify-content: center;
  padding-bottom: 0.4rem;
}

.salary-history-container .upAnimating {
  justify-content: center;
  padding: 0.3rem 0;
}

.salary-history-container .top-tip {
  position: absolute;
  top: -0.4rem;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 0.4rem;
  line-height: 0.4rem;
  text-align: center;
  font-size: 0.28rem;
  color: #000;
  opacity: 0.4;
}

.salary-history-container {
  overflow: hidden;
}

.gameCecords-list-root {
  pointer-events: auto !important;
}

.banner {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 1.5rem;
  padding: 0 0.15rem;
  margin-bottom: 0.3rem;
  border-radius: 0.1rem;
}

.banner.salary {
  background: #fc795a;
  background: -moz-linear-gradient(top, #fc795a 0, #fc795a 20%, #fe64aa 100%);
  background: -webkit-linear-gradient(top, #fc795a, #fc795a 20%, #fe64aa);
  background: linear-gradient(180deg, #fc795a 0, #fc795a 20%, #fe64aa);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcba66", endColorstr="#fa8866", GradientType=0);
}

.banner.bet.hide,
.banner.salary.hide {
  display: none;
}

.banner.bet {
  background: #76c2fe;
  background: -moz-linear-gradient(top, #76c2fe 0, #76c2fe 20%, #6d81fe 100%);
  background: -webkit-linear-gradient(top, #76c2fe, #76c2fe 20%, #6d81fe);
  background: linear-gradient(180deg, #76c2fe 0, #76c2fe 20%, #6d81fe);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcba66", endColorstr="#fa8866", GradientType=0);
}

.banner .title {
  width: 23%;
  -ms-flex: 0 0 23%;
  flex: 0 0 23%;
  color: #fff;
  font-size: 0.32rem;
  line-height: 0.35rem;
  letter-spacing: 0.02rem;
  text-align: center;
  padding-right: 0.3rem;
}

.banner .money {
  font-size: 0.56rem;
  color: #fa8866;
  background-color: #fff;
  width: 77%;
  height: 100%;
  flex: 0 0 77%;
  line-height: 1.5rem;
  text-align: right;
  padding: 0 0.2rem;
}

.block-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 1.5rem;
  margin-top: 0.2rem;
}

.block-container .block {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-around;
  width: 47%;
  height: 100%;
  flex: 0 0 47%;
  border-radius: 0.1rem;
  background-color: #fff;
  box-shadow: 0.023em 0.03rem 0.1rem rgba(0, 0, 0, 0.1);
}

.block .text {
  font-size: 0.24rem;
}

.block .text .value {
  font-size: 0.64rem;
}

.block .text .title {
  font-size: 0.28rem;
}

.block .icon {
  height: 100%;
  line-height: 2.2rem;
}

.block .icon svg {
  width: 0.88rem;
  height: 0.88rem;
}

.block-container .block.member {
  color: #25e6c9;
}

.block-container .block.unerlvl {
  color: #febd3a;
}

.block-container .block:first-child {
  margin-right: 2%;
}

.salary_info {
  width: 100%;
  border: 1px solid #f5f5f5;
  margin: 0.8rem 0;
  box-shadow: 0.023em 0.03rem 0.1rem rgba(0, 0, 0, 0.1);
}

.salary_info thead tr {
  width: 33%;
  height: 1rem;
  background: #f5f6fa;
}

.salary_info thead tr td {
  line-height: 1rem;
}

.salary_info tbody tr td,
.salary_info thead tr td {
  text-align: center;
  color: #76777b;
  border: 1px solid #ededed;
}

.salary_info tbody tr td {
  line-height: 0.8rem;
  background: #fff;
}

.agentSalary .am-tabs-bar {
  padding: 0;
}

.searchOne {
  width: 2rem;
  margin-left: 0.15rem;
  margin-right: 0.15rem;
  margin-bottom: 0.2rem;
}

.contractHeader {
  position: relative;
  font-size: 0.4rem;
  font-weight: 700;
  color: #202020;
  margin-bottom: 0.25rem;
  margin-top: 0.25rem;
}

.contractPeople {
  position: absolute;
  left: 0.03rem;
  top: 0;
  color: #46bcf2;
}

.contractText {
  display: inline-block;
  padding-left: 0.5rem;
  word-break: break-word;
}

.contractCross {
  position: absolute;
  right: 0.03rem;
  top: -0.05rem;
}

.contract-tips {
  color: red;
  font-size: 0.31rem;
  margin-top: 0.3rem;
  font-weight: 500;
  margin-bottom: 0.25rem;
  margin-left: 0.25rem;
}

.salary-popup-header {
  background: #f6f6f6;
  white-space: normal;
  padding: 0.5em 0;
}

.salary-popup-container,
.salary-popup-header {
  width: 100%;
  font-size: 0.3rem;
  font-weight: 700;
  text-align: center;
}

.salary-popup-container {
  padding: 0.1rem 0;
  background: #fff;
}

.salary-popup-container .input-container {
  display: inline-block;
  text-align: center;
  width: 25%;
  color: #868686;
  vertical-align: middle;
}

.salary-popup-container .contractRate.input-container {
  width: 30%;
}

.salary-popup-container .icon-span {
  width: 15%;
  height: 100%;
  display: inline-block;
  color: #0570cd;
  z-index: 10;
}

.salary-popup-container .input-container input {
  display: inline-block;
  width: 80%;
  height: 0.5rem;
  outline: none;
  padding: 0 0.2rem;
  text-align: center;
  border: none;
  background: #eee;
  color: #868686;
  border-radius: 0.1rem;
}

.dividendRatio {
  position: relative;
  height: 0.75rem;
  margin-top: 0.1rem;
}

.dividendRatio .arrow-top {
  width: 0;
  height: 0;
  border-left: 0.17rem dashed transparent;
  border-right: 0.17rem dashed transparent;
  border-bottom: 0.15rem solid #108ee9;
  position: absolute;
  top: -0.1rem;
  right: 2rem;
}

.salary-popup-container input:focus {
  outline: none;
  border: 0.03rem solid #3879d9;
}

.salary-popup-header div {
  display: inline-block;
  width: 25%;
  color: #868686;
  height: 100%;
  word-break: break-word;
}

.salary-popup-header div:last-child {
  display: inline-block;
  height: 100%;
  width: 15%;
}

.salary-popup-header div.contractRate {
  width: 30%;
}

.popup-list .add-icon {
  text-align: center;
}

.popup-list .add-icon span {
  background: red;
  display: inline-block;
  width: 1.1rem;
  height: 1.1rem;
  line-height: 0.77rem;
  border-radius: 50%;
  font-size: 0.9rem;
  border: 0.06rem solid #fff;
  color: #fff;
  box-shadow:
    -1px 0 0.15rem #cccccd,
    1px 0 0.15rem #cccccd,
    0 -1px 0.15rem #cccccd,
    0 1px 0.15rem #fff;
}

.popup-list .addTerms {
  text-align: center;
  font-size: 0.36rem;
  font-weight: 700;
  color: #2f68f8;
  margin-bottom: 0.5rem;
}

.popup-list .addTermsBody {
  background: #f8f8fc;
  border-top: 1px solid #ccc;
  padding-top: 0.2rem;
}

.popup-list .addTermsBody .list {
  position: relative;
}

.popup-list .addTermsBody input {
  background: #f1f1f1;
  margin-bottom: 0.3rem;
  border-radius: 0.1rem;
  outline: none;
}

.popup-list .addTermsBody .list span {
  position: absolute;
  bottom: 0.02rem;
  left: 0.05rem;
  color: red;
  font-weight: 700;
  font-size: 0.32rem;
}

.poplist-footer {
  padding-top: 0.2rem;
  padding-bottom: 1rem;
  text-align: center;
  width: 100%;
  bottom: 0;
}

.signedSalary-root .poplist-footer > a {
  width: 40%;
  margin: 0 0.1rem;
}

.signedSalary-root .poplist-footer a.footer-button {
  background: #da3e34;
  color: #fff;
  border: 0;
}

.signedSalary-root .poplist-footer a.footer-button:active {
  background: red;
}

.activeMember {
  position: relative;
}

.activeMember .row-right {
  width: 0;
  height: 0;
  border-left: 0.17rem dashed transparent;
  border-bottom: 0.15rem solid #108ee9;
  position: absolute;
  right: 0;
  bottom: 0;
}

.signedSalary-root .type-switch-container {
  margin-left: 0.25rem;
  margin-bottom: 0.3rem;
}

.signedSalary-root .type-switch {
  margin: 0 0.2rem;
}

.type-switch-container > span {
  color: #838287;
  font-size: 0.3rem;
}

.salary-popup-container .icon-container {
  height: 100%;
}

.salary-popup-container .delete-icon {
  width: 0.4rem;
  height: 0.4rem;
  color: #838287;
}

.salary-popup-container .add-icon {
  width: 0.3rem;
  height: 0.3rem;
  color: #108ee9;
}

.salary-table-container .popup-list {
  min-height: 8rem;
}

.salary-table-container .salaryList-container {
  background: #f6f6f6;
  min-height: 7.5rem;
  overflow: hidden;
  overflow-y: scroll;
}

.salary-list-item {
  position: relative;
}

.salary-list-item .line {
  display: inline-block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: 0.005rem;
  width: 90%;
  background: #e7ebee;
  bottom: 0;
}

.contractRate {
  text-align: center;
}

.salary-popup-header div.cont-switch:last-child {
  position: absolute;
  width: 100%;
  left: 0;
  top: -0.45rem;
  z-index: 100;
}

.cont-switch {
  position: absolute;
  left: -0.1rem;
  width: 1.1rem;
  height: 100%;
  text-align: center;
  font-size: 0.3rem;
  z-index: 100;
  overflow-x: scroll;
}

.contractRate {
  position: relative;
}

.auto-fill-btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-block;
  min-width: 1.4rem;
  height: 0.7rem;
  line-height: 0.7rem;
  outline: none;
  padding: 0 0.2rem;
  margin: 0 0.4rem;
  font-size: 0.26rem;
  text-align: center;
  border: none;
  background: #da3e34;
  color: #fff;
  border-radius: 0.1rem;
}

.contractHeader {
  position: relative;
  font-size: 0.4rem;
  font-weight: 700;
  color: #202020;
  margin-bottom: 0.25rem;
  margin-top: 0.25rem;
}

.contractPeople {
  position: absolute;
  left: 0.03rem;
  top: 0;
  color: #46bcf2;
}

.contractText {
  display: inline-block;
  padding-left: 0.5rem;
  word-break: break-word;
}

.contractCross {
  position: absolute;
  right: 0.03rem;
  top: -0.05rem;
}

.contract-tips {
  color: red;
  font-size: 0.31rem;
  margin-top: 0.3rem;
  font-weight: 500;
  margin-bottom: 0.25rem;
  margin-left: 0.25rem;
}

.salary-popup-header {
  background: #f6f6f6;
  white-space: normal;
  padding: 0.5em 0;
}

.salary-popup-container,
.salary-popup-header {
  width: 100%;
  font-size: 0.3rem;
  font-weight: 700;
  text-align: center;
}

.salary-popup-container {
  padding: 0.1rem 0;
  background: #fff;
}

.salary-popup-container .input-container {
  display: inline-block;
  text-align: center;
  width: 25%;
  color: #868686;
  vertical-align: middle;
}

.salary-popup-container .contractRate.input-container {
  width: 30%;
}

.salary-popup-container .icon-span {
  width: 15%;
  height: 100%;
  display: inline-block;
  color: #0570cd;
  z-index: 10;
}

.salary-popup-container .input-container input {
  display: inline-block;
  width: 80%;
  height: 0.5rem;
  outline: none;
  padding: 0 0.2rem;
  text-align: center;
  border: none;
  background: #eee;
  color: #868686;
  border-radius: 0.1rem;
}

.dividendRatio {
  position: relative;
  height: 0.75rem;
  margin-top: 0.1rem;
}

.dividendRatio .arrow-top {
  width: 0;
  height: 0;
  border-left: 0.17rem dashed transparent;
  border-right: 0.17rem dashed transparent;
  border-bottom: 0.15rem solid #108ee9;
  position: absolute;
  top: -0.1rem;
  right: 2rem;
}

.salary-popup-container input:focus {
  outline: none;
  border: 0.03rem solid #3879d9;
}

.salary-popup-header div {
  display: inline-block;
  width: 25%;
  color: #868686;
  height: 100%;
  word-break: break-word;
}

.salary-popup-header div:last-child {
  display: inline-block;
  height: 100%;
  width: 15%;
}

.salary-popup-header div.contractRate {
  width: 30%;
}

.popup-list .add-icon {
  text-align: center;
}

.popup-list .add-icon span {
  background: red;
  display: inline-block;
  width: 1.1rem;
  height: 1.1rem;
  line-height: 0.77rem;
  border-radius: 50%;
  font-size: 0.9rem;
  border: 0.06rem solid #fff;
  color: #fff;
  box-shadow:
    -1px 0 0.15rem #cccccd,
    1px 0 0.15rem #cccccd,
    0 -1px 0.15rem #cccccd,
    0 1px 0.15rem #fff;
}

.popup-list .addTerms {
  text-align: center;
  font-size: 0.36rem;
  font-weight: 700;
  color: #2f68f8;
  margin-bottom: 0.5rem;
}

.popup-list .addTermsBody {
  background: #f8f8fc;
  border-top: 1px solid #ccc;
  padding-top: 0.2rem;
}

.popup-list .addTermsBody .list {
  position: relative;
}

.popup-list .addTermsBody input {
  background: #f1f1f1;
  margin-bottom: 0.3rem;
  border-radius: 0.1rem;
  outline: none;
}

.popup-list .addTermsBody .list span {
  position: absolute;
  bottom: 0.02rem;
  left: 0.05rem;
  color: red;
  font-weight: 700;
  font-size: 0.32rem;
}

.poplist-footer {
  padding-top: 0.2rem;
  padding-bottom: 1rem;
  text-align: center;
  width: 100%;
  bottom: 0;
}

.signedSalary-root .poplist-footer > a {
  width: 40%;
  margin: 0 0.1rem;
}

.signedSalary-root .poplist-footer a.footer-button {
  background: #da3e34;
  color: #fff;
  border: 0;
}

.signedSalary-root .poplist-footer a.footer-button:active {
  background: red;
}

.activeMember {
  position: relative;
}

.activeMember .row-right {
  width: 0;
  height: 0;
  border-left: 0.17rem dashed transparent;
  border-bottom: 0.15rem solid #108ee9;
  position: absolute;
  right: 0;
  bottom: 0;
}

.signedSalary-root .type-switch-container {
  margin-left: 0.25rem;
  margin-bottom: 0.3rem;
}

.signedSalary-root .type-switch {
  margin: 0 0.2rem;
}

.type-switch-container > span {
  color: #838287;
  font-size: 0.3rem;
}

.salary-popup-container .icon-container {
  height: 100%;
}

.salary-popup-container .delete-icon {
  width: 0.4rem;
  height: 0.4rem;
  color: #838287;
}

.salary-popup-container .add-icon {
  width: 0.3rem;
  height: 0.3rem;
  color: #108ee9;
}

.salary-table-container .popup-list {
  min-height: 8rem;
}

.salary-table-container .salaryList-container {
  background: #f6f6f6;
  min-height: 7.5rem;
  overflow: hidden;
  overflow-y: scroll;
}

.salary-list-item {
  position: relative;
}

.salary-list-item .line {
  display: inline-block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: 0.005rem;
  width: 90%;
  background: #e7ebee;
  bottom: 0;
}

.contractRate {
  text-align: center;
}

.salary-popup-header div.cont-switch:last-child {
  position: absolute;
  width: 100%;
  left: 0;
  top: -0.45rem;
  z-index: 100;
}

.cont-switch {
  position: absolute;
  left: -0.1rem;
  width: 1.1rem;
  height: 100%;
  text-align: center;
  font-size: 0.3rem;
  z-index: 100;
  overflow-x: scroll;
}

.contractRate {
  position: relative;
}

.auto-fill-btn {
  display: inline-block;
  min-width: 1.4rem;
  height: 0.7rem;
  line-height: 0.7rem;
  outline: none;
  padding: 0 0.2rem;
  margin: 0 0.4rem;
  font-size: 0.26rem;
  text-align: center;
  border: none;
  background: #da3e34;
  color: #fff;
  border-radius: 0.1rem;
}

.real-time-item-container .input-container {
  overflow: inherit;
  position: relative;
}

.real-time-item-container .input-container:first-child,
.real-time-items .salary-popup-header div:first-child,
.real-time-items .salary-popup-header div:nth-child(2) {
  width: 33%;
}

.real-time-items .salary-popup-header div:last-child {
  width: 33%;
}

.real-time-item-container .input-container:nth-child(2),
.real-time-items .salary-popup-container .input-container,
.real-time-items .salary-popup-header div.contractRate:nth-child(3),
.real-time-items .salary-popup-header div:nth-child(2) {
  width: 33%;
}

.real-time-items > .rt-tips-container {
  padding: 0.2rem;
  font-weight: 700;
  line-height: 1.2;
  font-size: 0.28rem;
}

.real-time-items .salary-table-container .popup-list,
.real-time-items .salaryList-container {
  min-height: 4.8rem !important;
}

.input-tips {
  background: rgba(0, 0, 0, 0.8);
  padding: 0.04rem 0.06rem;
  color: #fff;
  border-radius: 0.06rem;
  position: absolute;
  min-height: 0.42rem;
  z-index: 999;
  top: 0.54rem;
  left: 0.4rem;
}

.contractHeader {
  position: relative;
  font-size: 0.4rem;
  font-weight: 700;
  color: #202020;
  margin-bottom: 0.25rem;
  margin-top: 0.25rem;
}

.contractPeople {
  position: absolute;
  left: 0.03rem;
  top: 0;
  color: #46bcf2;
}

.contractText {
  display: inline-block;
  padding-left: 0.5rem;
  word-break: break-word;
}

.contractCross {
  position: absolute;
  right: 0.03rem;
  top: -0.05rem;
}

.contract-tips {
  color: red;
  font-size: 0.31rem;
  margin-top: 0.3rem;
  font-weight: 500;
  margin-bottom: 0.25rem;
  margin-left: 0.25rem;
}

.salary-popup-header {
  background: #f6f6f6;
  white-space: normal;
}

.salary-popup-container,
.salary-popup-header {
  width: 100%;
  font-size: 0.3rem;
  font-weight: 700;
  text-align: center;
}

.salary-popup-container {
  padding: 0.1rem 0;
  position: relative;
}

.salary-popup-container .input-container {
  display: inline-block;
  text-align: center;
  width: 25%;
  color: #868686;
  vertical-align: middle;
}

.salary-popup-container .contractRate.input-container {
  width: 30%;
}

.salary-popup-container .icon-span {
  width: 15%;
  height: 100%;
  display: inline-block;
  color: #0570cd;
  z-index: 10;
}

.salary-popup-container .input-container input {
  display: inline-block;
  width: 80%;
  height: 0.5rem;
  outline: none;
  padding: 0 0.2rem;
  text-align: center;
  border: none;
  background: #eee;
  color: #868686;
  border-radius: 0.1rem;
}

.dividendRatio {
  position: relative;
  height: 0.75rem;
  margin-top: 0.1rem;
}

.dividendRatio .arrow-top {
  width: 0;
  height: 0;
  border-left: 0.17rem dashed transparent;
  border-right: 0.17rem dashed transparent;
  border-bottom: 0.15rem solid #108ee9;
  position: absolute;
  top: -0.1rem;
  right: 2rem;
}

.salary-popup-container input:focus {
  outline: none;
  border: 0.03rem solid #3879d9;
}

.salary-popup-header div {
  display: inline-block;
  width: 25%;
  color: #868686;
  height: 100%;
  word-break: break-word;
}

.salary-popup-header div:last-child {
  display: inline-block;
  height: 100%;
  width: 15%;
}

.salary-popup-header div.contractRate {
  width: 30%;
}

.popup-list .add-icon {
  text-align: center;
}

.popup-list .add-icon span {
  background: red;
  display: inline-block;
  width: 1.1rem;
  height: 1.1rem;
  line-height: 0.77rem;
  border-radius: 50%;
  font-size: 0.9rem;
  border: 0.06rem solid #fff;
  color: #fff;
  box-shadow:
    -1px 0 0.15rem #cccccd,
    1px 0 0.15rem #cccccd,
    0 -1px 0.15rem #cccccd,
    0 1px 0.15rem #fff;
}

.popup-list .addTerms {
  text-align: center;
  font-size: 0.36rem;
  font-weight: 700;
  color: #2f68f8;
  margin-bottom: 0.5rem;
}

.popup-list .addTermsBody {
  background: #f8f8fc;
  border-top: 1px solid #ccc;
  padding-top: 0.2rem;
}

.popup-list .addTermsBody .list {
  position: relative;
}

.popup-list .addTermsBody input {
  background: #f1f1f1;
  margin-bottom: 0.3rem;
  border-radius: 0.1rem;
  outline: none;
}

.popup-list .addTermsBody .list span {
  position: absolute;
  bottom: 0.02rem;
  left: 0.05rem;
  color: red;
  font-weight: 700;
  font-size: 0.32rem;
}

.poplist-footer {
  padding-top: 0.2rem;
  padding-bottom: 1rem;
  text-align: center;
  width: 100%;
  bottom: 0;
}

.signedSalary-root .poplist-footer > a {
  width: 40%;
  margin: 0 0.1rem;
}

.signedSalary-root .poplist-footer a.footer-button {
  background: #da3e34;
  color: #fff;
  border: 0;
}

.signedSalary-root .poplist-footer a.footer-button:active {
  background: red;
}

.activeMember {
  position: relative;
}

.activeMember .row-right {
  width: 0;
  height: 0;
  border-left: 0.17rem dashed transparent;
  border-bottom: 0.15rem solid #108ee9;
  position: absolute;
  right: 0;
  bottom: 0;
}

.signedSalary-root .type-switch-container {
  margin-left: 0.25rem;
  margin-bottom: 0.3rem;
}

.signedSalary-root .type-switch {
  margin: 0 0.2rem;
}

.type-switch-container > span {
  color: #838287;
  font-size: 0.3rem;
}

.salary-popup-container .icon-container {
  height: 100%;
}

.salary-popup-container .delete-icon {
  width: 0.4rem;
  height: 0.4rem;
  color: #838287;
}

.salary-popup-container .add-icon,
.salary-popup-container .save-icon {
  width: 0.5rem !important;
  height: 0.5rem !important;
  color: #108ee9;
}

.salary-table-container .popup-list {
  min-height: 8rem;
}

.salary-table-container .salaryList-container {
  background: #f6f6f6;
  min-height: 7.5rem;
  overflow: hidden;
  overflow-y: scroll;
}

.salary-list-item {
  position: relative;
}

.salary-list-item .line {
  display: inline-block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: 0.005rem;
  width: 90%;
  background: #e7ebee;
  bottom: 0;
}

.contractRate {
  text-align: center;
}

.salary-popup-header div.cont-switch:last-child {
  position: absolute;
  width: 100%;
  left: 0;
  top: -0.45rem;
  z-index: 100;
}

.cont-switch {
  position: absolute;
  left: -0.1rem;
  width: 1.1rem;
  height: 100%;
  text-align: center;
  font-size: 0.3rem;
  z-index: 100;
  overflow-x: scroll;
}

.contractRate {
  position: relative;
}

.manual-header div {
  width: 25%;
  float: left;
  padding: 0.2rem 0.2rem 0;
}

.manual-container {
  position: relative;
  text-align: left !important;
}

.manual-icon {
  margin-left: 0.3rem;
}

.manual-icon .save-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.manual-content .salary-popup-container,
.manual-list .salary-popup-container {
  text-align: left;
}

.manual-save-icon {
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  color: #0570cd;
}

.operating-hide {
  opacity: 0;
}

.manual-content .manual-header {
  display: flex;
  align-items: center;
}

.manual-content .manual-header > div {
  flex: 1 0 0%;
}

.manual-content .manual-container {
  display: flex;
  align-items: center;
}

.manual-content .manual-container > div {
  flex: 1 0 0%;
}

.manual-content .salary-popup-container {
  display: flex;
  align-items: center;
}

.manual-content .salary-popup-container > div {
  flex: 1 0 0%;
}

.manual-content .hidden {
  visibility: hidden;
}

.manual-content .manual-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}

.manual-content .contractRate {
  width: auto !important;
}

.manual-content .contractRate input {
  width: 80% !important;
}

.contractHeader {
  position: relative;
  font-size: 0.4rem;
  font-weight: 700;
  color: #202020;
  margin-bottom: 0.25rem;
  margin-top: 0.25rem;
}

.contractPeople {
  position: absolute;
  left: 0.03rem;
  top: 0;
  color: #46bcf2;
}

.contractText {
  display: inline-block;
  padding-left: 0.5rem;
  word-break: break-word;
}

.contractCross {
  position: absolute;
  right: 0.03rem;
  top: -0.05rem;
}

.contract-tips {
  color: red;
  font-size: 0.31rem;
  margin-top: 0.3rem;
  font-weight: 500;
  margin-bottom: 0.25rem;
  margin-left: 0.25rem;
}

.salary-popup-header {
  background: #f6f6f6;
  overflow: hidden;
  white-space: normal;
}

.salary-popup-container,
.salary-popup-header {
  width: 100%;
  font-size: 0.3rem;
  font-weight: 700;
  text-align: center;
}

.salary-popup-container {
  padding: 0.1rem 0;
  background: #fff;
}

.salary-popup-container .input-container {
  display: inline-block;
  text-align: center;
  width: 23%;
  color: #868686;
  vertical-align: middle;
}

.salary-popup-container .icon-span {
  width: 15%;
  height: 100%;
  display: inline-block;
  color: #0570cd;
  z-index: 10;
}

.salary-popup-container .input-container input {
  display: inline-block;
  width: 80%;
  height: 0.5rem;
  outline: none;
  padding: 0 0.2rem;
  text-align: center;
  border: none;
  background: #eee;
  color: #868686;
  border-radius: 0.1rem;
}

.dividendRatio {
  position: relative;
  height: 0.75rem;
  margin-top: 0.1rem;
}

.dividendRatio .arrow-top {
  width: 0;
  height: 0;
  border-left: 0.17rem dashed transparent;
  border-right: 0.17rem dashed transparent;
  border-bottom: 0.15rem solid #108ee9;
  position: absolute;
  top: -0.1rem;
  right: 2rem;
}

.salary-popup-container input:focus {
  outline: none;
  border: 0.03rem solid #3879d9;
}

.salary-popup-header div {
  display: inline-block;
  width: 23%;
  color: #868686;
  height: 100%;
  vertical-align: middle;
  word-break: break-word;
}

.salary-popup-header div:last-child {
  display: inline-block;
  height: 100%;
}

.popup-list .add-icon {
  text-align: center;
}

.popup-list .add-icon span {
  background: red;
  display: inline-block;
  width: 1.1rem;
  height: 1.1rem;
  line-height: 0.77rem;
  border-radius: 50%;
  font-size: 0.9rem;
  border: 0.06rem solid #fff;
  color: #fff;
  box-shadow:
    -1px 0 0.15rem #cccccd,
    1px 0 0.15rem #cccccd,
    0 -1px 0.15rem #cccccd,
    0 1px 0.15rem #fff;
}

.popup-list .addTerms {
  text-align: center;
  font-size: 0.36rem;
  font-weight: 700;
  color: #2f68f8;
  margin-bottom: 0.5rem;
}

.popup-list .addTermsBody {
  background: #f8f8fc;
  border-top: 1px solid #ccc;
  padding-top: 0.2rem;
}

.popup-list .addTermsBody .list {
  position: relative;
}

.popup-list .addTermsBody input {
  background: #f1f1f1;
  margin-bottom: 0.3rem;
  border-radius: 0.1rem;
  outline: none;
}

.popup-list .addTermsBody .list span {
  position: absolute;
  bottom: 0.02rem;
  left: 0.05rem;
  color: red;
  font-weight: 700;
  font-size: 0.32rem;
}

.poplist-footer {
  padding-top: 0.2rem;
  padding-bottom: 1rem;
  text-align: center;
  width: 100%;
  bottom: 0;
}

.signedSalary-root .poplist-footer > a {
  width: 40%;
  margin: 0 0.1rem;
}

.signedSalary-root .poplist-footer a.footer-button {
  background: #da3e34;
  color: #fff;
  border: 0;
}

.signedSalary-root .poplist-footer a.footer-button:active {
  background: red;
}

.activeMember {
  position: relative;
}

.activeMember .row-right {
  width: 0;
  height: 0;
  border-left: 0.17rem dashed transparent;
  border-bottom: 0.15rem solid #108ee9;
  position: absolute;
  right: 0;
  bottom: 0;
}

.signedSalary-root .type-switch-container {
  margin-left: 0.25rem;
  margin-bottom: 0.3rem;
}

.signedSalary-root .type-switch {
  margin: 0 0.2rem;
}

.type-switch-container > span {
  color: #838287;
  font-size: 0.3rem;
}

.salary-popup-container .icon-container {
  height: 100%;
}

.salary-popup-container .delete-icon {
  width: 0.4rem;
  height: 0.4rem;
  color: #838287;
}

.salary-popup-container .add-icon {
  width: 0.3rem;
  height: 0.3rem;
  color: #108ee9;
}

.salary-table-container .popup-list {
  min-height: 8rem;
}

.salary-table-container .salaryList-container {
  background: #f6f6f6;
  min-height: 7.5rem;
  overflow: hidden;
  overflow-y: scroll;
}

.salary-list-item {
  position: relative;
}

.salary-list-item .line {
  display: inline-block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: 0.005rem;
  width: 90%;
  background: #e7ebee;
  bottom: 0;
}

.contractRate {
  text-align: center;
}

.salary-popup-header div.cont-switch:last-child {
  position: absolute;
  width: 100%;
  left: 0;
  top: -0.45rem;
  z-index: 100;
}

.cont-switch {
  position: absolute;
  left: -0.1rem;
  width: 1.1rem;
  height: 100%;
  text-align: center;
  font-size: 0.3rem;
  z-index: 100;
  overflow-x: scroll;
}

.contractRate {
  position: relative;
}

.cont-input {
  width: 60% !important;
}

.start-contract-root {
  background: #f9f8fd;
  height: 100%;
}

.start-contract-root .contract-title {
  color: #e43402;
  padding: 0.3rem 0;
  font-size: 0.31rem;
  padding: 0.35rem 0.5rem;
  font-weight: 700;
  letter-spacing: 0.05rem;
}

.start-contract-root .salary-container {
  min-height: 6rem;
}

.start-contract-root .contract-select {
  padding: 0.25rem 0;
  margin: 0 0.5rem;
  border-bottom: 1px solid #dddce1;
  border-top: 1px solid #dddce1;
}

.div.start-contract-root .contract-select {
  padding: 0;
  margin: 0;
}

.start-contract-root .contract-select .contract-btn {
  margin-left: 0.2rem;
}

.start-contract-root .contract-select .contract-btn.noselect {
  border-color: #9a999e;
  color: #9a999e;
}

.start-contract-root .contract-thead {
  background: #eeedf5;
  color: #aaa9ae;
  height: 1rem;
}

.start-contract-root .contract-thead > div {
  text-align: center;
}

.start-contract-root .contract-tbody {
  color: #616065;
  height: 0.8rem;
}

.start-contract-root .contract-tbody > div {
  text-align: center;
  line-height: 0.8rem;
}

.start-contract-root .line {
  display: inline-block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: 1px;
  width: 90%;
  background: #d6d5da;
}

.start-contract-root .contract-salary-operation {
  padding: 0.5rem 0;
  display: flex;
  justify-content: space-around;
}

.start-contract-root .contract-salary-refuse {
  width: 3rem;
  background: #ededed;
  color: #616065;
}

.start-contract-root a.contract-salary-accept {
  margin-left: 0;
  width: 3rem;
  background: #ff303a;
  color: #fff;
}

.start-contract-root .salary-rule {
  color: #616065;
  padding: 0 5%;
  position: absolute;
  top: 3.55rem;
}

.start-contract-root .salary-rule p {
  margin-top: 0.2rem;
}

.start-contract-root.div .rule-con {
  margin: 0.1rem;
  margin-left: 0.3rem;
}

.start-contract-root.div .rule-con p {
  margin-top: 0.25rem;
  height: 0.45rem;
  line-height: 0.45rem;
  font-weight: 700;
  color: #5e5e5e;
}

.no-salary-list svg.no-salary-icon {
  height: 4rem;
  width: 4rem;
  margin-top: 2rem;
}

.no-salary-list {
  text-align: center;
  min-height: 6rem;
}

.salary-list-content {
  height: 5rem;
  overflow: auto;
}

.start-contract-root {
  background: #f9f8fd;
  height: 100%;
}

.start-contract-root .contract-title {
  color: #e43402;
  padding: 0.3rem 0;
  font-size: 0.31rem;
  padding: 0.35rem 0.5rem;
  font-weight: 700;
  letter-spacing: 0.05rem;
}

.start-contract-root .salary-container {
  min-height: 6rem;
}

.start-contract-root .contract-select {
  padding: 0.25rem 0;
  margin: 0 0.5rem;
  border-bottom: 1px solid #dddce1;
  border-top: 1px solid #dddce1;
}

.div.start-contract-root .contract-select {
  padding: 0;
  margin: 0;
}

.start-contract-root .contract-select .contract-btn {
  margin-left: 0.2rem;
}

.start-contract-root .contract-select .contract-btn.noselect {
  border-color: #9a999e;
  color: #9a999e;
}

.start-contract-root .contract-thead {
  background: #eeedf5;
  color: #aaa9ae;
  height: 1rem;
}

.start-contract-root .contract-thead > div {
  text-align: center;
}

.start-contract-root .contract-tbody {
  color: #616065;
  height: 0.8rem;
}

.start-contract-root .contract-tbody > div {
  text-align: center;
  line-height: 0.8rem;
}

.start-contract-root .line {
  display: inline-block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: 1px;
  width: 90%;
  background: #d6d5da;
}

.start-contract-root .contract-salary-operation {
  padding: 0.5rem 0;
  display: flex;
  justify-content: space-around;
}

.start-contract-root .contract-salary-refuse {
  width: 3rem;
  background: #ededed;
  color: #616065;
}

.start-contract-root a.contract-salary-accept {
  margin-left: 0;
  width: 3rem;
  background: #ff303a;
  color: #fff;
}

.start-contract-root .salary-rule {
  color: #616065;
  padding: 0 5%;
  position: absolute;
  top: 3.55rem;
}

.start-contract-root .salary-rule p {
  margin-top: 0.2rem;
}

.start-contract-root.div .rule-con {
  margin: 0.1rem;
  margin-left: 0.3rem;
}

.start-contract-root.div .rule-con p {
  margin-top: 0.25rem;
  height: 0.45rem;
  line-height: 0.45rem;
  font-weight: 700;
  color: #5e5e5e;
}

.no-salary-list svg.no-salary-icon {
  height: 4rem;
  width: 4rem;
  margin-top: 2rem;
}

.no-salary-list {
  text-align: center;
  min-height: 6rem;
}

.salary-list-content {
  height: 5rem;
  overflow: auto;
}

.start-contract-root {
  background: #f9f8fd;
  height: 100%;
}

.start-contract-root .contract-title {
  color: #e43402;
  padding: 0.3rem 0;
  font-size: 0.31rem;
  padding: 0.35rem 0.5rem;
  font-weight: 700;
  letter-spacing: 0.05rem;
}

.start-contract-root .contract-select {
  padding: 0.25rem 0;
  margin: 0 0.5rem;
  border-bottom: 1px solid #dddce1;
  border-top: 1px solid #dddce1;
}

.div.start-contract-root .contract-select {
  padding: 0;
  margin: 0;
}

.start-contract-root .contract-select .contract-btn {
  margin-left: 0.2rem;
}

.start-contract-root .contract-select .contract-btn.noselect {
  border-color: #9a999e;
  color: #9a999e;
}

.start-contract-root .contract-thead {
  background: #eeedf5;
  color: #aaa9ae;
  height: 1rem;
}

.start-contract-root .contract-thead > div {
  text-align: center;
}

.start-contract-root .contract-tbody {
  color: #616065;
  height: 0.8rem;
}

.start-contract-root .contract-tbody > div {
  text-align: center;
  line-height: 0.8rem;
}

.start-contract-root .line {
  display: inline-block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: 1px;
  width: 90%;
  background: #d6d5da;
}

.start-contract-root .contract-salary-operation {
  padding: 0.5rem 0;
  display: flex;
  justify-content: space-around;
}

.dividend-footer-btn {
  margin-top: -1.6rem !important;
  position: absolute;
  z-index: 9999;
  left: 50%;
  transform: translateX(-50%);
}

.start-contract-root .contract-salary-refuse {
  width: 3rem;
  background: #ededed;
  color: #616065;
}

.start-contract-root a.contract-salary-accept {
  margin-left: 0;
  width: 3rem;
  background: #ff303a;
  color: #fff;
}

.start-contract-root .salary-rule {
  color: #616065;
  padding: 0 5%;
  position: absolute;
  top: 3.55rem;
}

.start-contract-root .salary-rule p {
  margin-top: 0.2rem;
}

.start-contract-root.div .rule-con {
  margin: 0.1rem;
  margin-left: 0.3rem;
}

.start-contract-root.div .rule-con p {
  margin-top: 0.25rem;
  height: 0.45rem;
  line-height: 0.45rem;
  font-weight: 700;
  color: #5e5e5e;
}

.no-salary-list svg.no-salary-icon {
  height: 4rem;
  width: 4rem;
  margin-top: 2rem;
}

.no-salary-list {
  text-align: center;
}

.salary-list-content {
  height: 5rem;
  overflow: auto;
}

.myRebate .rebate-span-lf {
  font-weight: 700;
  color: #0a0a0a;
  width: 60%;
  word-break: break-word;
}

.myRebate .rebate-span-rt {
  width: 40%;
}

.myRebate .rebate-span-lf,
.myRebate .rebate-span-rt {
  display: inline-block;
  height: 100%;
  font-size: 0.32rem;
  padding: 0.5em;
  padding-bottom: 0;
  vertical-align: middle;
}

.rebateIncome .searchTwo {
  width: 100%;
  height: 1rem;
  line-height: 1rem;
  background: #f6f6f6;
  overflow: hidden;
}

.rebateIncome .propsBox {
  margin: 0.15rem 0.1rem;
  line-height: 1rem;
  height: 100%;
  width: 9.5rem;
}

.rebateIncome .searchTwo a:first-child {
  margin-right: 0.2rem;
}

.rebateIncome .propsBox a {
  margin-right: 0.2rem;
}

.rebateReport .rebate {
  display: flex;
  align-items: center;
  background: #fff;
  color: #848484;
  font-size: 0.32rem;
  padding: 0 0.4rem;
  font-weight: 600;
}

.rebateReport .rebate-footer p {
  height: 0.5rem;
  line-height: 0.5rem;
  padding-left: 0.2rem;
}

.rebateReport .rebate-footer p span {
  display: inline-block;
  width: 45%;
  margin-right: 0.3rem;
  font-size: 0.3rem;
}

.card-details.contract .rebateBody .spantime {
  width: 45%;
}

.rebateReport-item-root {
  padding-bottom: 0.3rem;
  background: #f0f0f0;
}

.rebateReport-item-root .time {
  color: #a6a6a6;
  font-size: 0.24rem;
}

.rebateReport-item-root .rebateReport-item-content {
  background: #fcfcfc;
}

.rebateIncome .searchTwo {
  width: 100%;
  height: 1rem;
  line-height: 1rem;
  background: #f6f6f6;
  overflow: hidden;
}

.rebateIncome .propsBox {
  margin: 0.15rem 0.1rem;
  line-height: 1rem;
  height: 100%;
  width: 9.5rem;
}

.rebateIncome .searchTwo a:first-child {
  margin-right: 0.2rem;
}

.rebateIncome .propsBox a {
  margin-right: 0.2rem;
}

.rebateReport .rebate-wrapper {
  background: #fff;
}

.rebateReport .rebate {
  background: #fff;
  color: #848484;
  font-size: 0.32rem;
  padding: 0 0.4rem;
  font-weight: 600;
}

.rebateReport .rebate-footer p {
  height: 0.5rem;
  line-height: 0.5rem;
  padding-left: 0.2rem;
}

.rebateReport .rebate-footer p span {
  display: inline-block;
  width: 45%;
  margin-right: 0.3rem;
  font-size: 0.3rem;
}

.card-details.contract .rebateBody .spantime {
  width: 45%;
}

.rebateReport-item-root {
  padding-bottom: 0.3rem;
  background: #f0f0f0;
}

.rebateReport-item-root .time {
  color: #a6a6a6;
  font-size: 0.24rem;
}

.rebat_footer,
.rebateReport-item-root .rebateReport-item-content {
  background: #fcfcfc;
}

.rebat_footer {
  position: fixed;
  width: 100%;
  bottom: 0;
  padding: 0.1rem 0.4rem;
}

.rebat_footer > div {
  display: flex;
  justify-content: space-between;
  margin-top: 0.2rem;
}

.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-result {
  position: relative;
  text-align: center;
  width: 100%;
  padding-top: 0.6rem;
  padding-bottom: 0.42rem;
  background-color: #fff;
}

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

.am-result .am-result-pic {
  width: 1.2rem;
  height: 1.2rem;
  margin: 0 auto;
  line-height: 1.2rem;
  background-size: 1.2rem 1.2rem;
}

.am-result .am-result-message,
.am-result .am-result-title {
  font-size: 0.42rem;
  color: #000;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}

.am-result .am-result-title {
  margin-top: 0.3rem;
  line-height: 1;
}

.am-result .am-result-message {
  margin-top: 0.18rem;
  line-height: 1.5;
  font-size: 0.32rem;
  color: #888;
}

.am-result .am-result-button {
  padding: 0 0.3rem;
  margin-top: 0.3rem;
}

.ag-link-umscroll {
  position: relative;
}

.ag-link-umscroll .ag-link-umbody {
  pointer-events: auto !important;
}

.ag-link-umref {
  text-align: center;
}

.ag-link-umanage {
  padding-top: 1px;
}

.ag-link-lmanage {
  background-color: #f5f5f5;
  padding-top: 0.3rem;
}

.ag-link-lmanage .ag-link-mgtop {
  background-color: #fff;
  padding: 0 0.3rem 0 0.32rem;
  height: 0.68rem;
  color: #5e5e5e;
  line-height: 0.68rem;
  overflow: hidden;
  font-size: 0.27rem;
}

.ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-left {
  float: left;
  white-space: nowrap;
  width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-left svg {
  margin-top: -0.05rem;
  height: 0.68rem;
  width: 0.68rem;
  vertical-align: middle;
  -webkit-filter: drop-shadow(0 0.03rem 0.08rem rgba(243, 135, 205, 0.33));
  filter: drop-shadow(0 0.03rem 0.08rem rgba(243, 135, 205, 0.33));
}

.ag-link-lmanage .ag-link-mgtop .rotate180 {
  transform: rotate(180deg);
}

.ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-right {
  float: right;
  width: 50%;
  margin-top: 0.2rem;
  display: flex;
}

.ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-right svg {
  color: #6897f9;
  display: block;
  width: 0.35rem;
  height: 0.35rem;
}

.ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-right span {
  display: flex;
  width: 0.9rem;
  flex: 1 1 0%;
  align-items: center;
  justify-content: center;
  border-right: 0.02rem solid #5e5e5e;
}

.ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-right span:last-child {
  border-right: none;
}

.ag-link-lmanage .ag-link-mgtop.show-mgcenter + .ag-link-mgcenter {
  padding: 0.18rem 0.66rem;
  height: auto;
}

.ag-link-lmanage .ag-link-mgcenter {
  display: flex;
  flex-wrap: wrap;
  font-size: 0.24rem;
  padding: 0;
  background-color: #fcfcfc;
  color: #5e5e5e;
  height: 0;
  overflow: hidden;
}

.ag-link-lmanage .ag-link-mgcenter > div {
  width: 50%;
  line-height: 0.42rem;
}

.ag-link-lmanage .alm-date-container {
  width: 100% !important;
}

.ag-link-lmanage .alm-date-container > div {
  width: 100%;
}

.ag-link-lmanage .ag-link-mgbottom {
  display: flex;
  padding: 0 0.66rem;
  min-height: 0.96rem;
  background-color: #fcfcfc;
  border-top: 1px solid #ebebeb;
  color: #a6a6a6;
  align-items: center;
  font-size: 0.22rem;
  line-height: 1.5;
  justify-content: space-between;
}

.ag-link-lmanage .ag-link-mgbottom > div {
  width: 35%;
  display: flex;
  flex-direction: column;
  white-space: normal;
  word-break: break-word;
}

.ag-link-lmanage .ag-link-mgbottom > div:last-child {
  width: 20%;
}

.ag-link-lmanage .ag-link-mgbottom .mcfont-bold {
  font-weight: 700;
}

.ag-link-lmanage .ag-link-mgbottom .mccolor-db2404 {
  color: #db2404;
  font-size: 0.26rem;
}

.ag-link-lmanage .ag-link-mgbottom .mccolor-f6573a {
  color: #f6573a;
  font-size: 0.26rem;
}

.ag-link-lmanage .ag-link-mgbottom .mccolor-23deb8 {
  color: #23deb8;
  font-size: 0.26rem;
}

.ag-link-lmanage .ag-link-mgbottom .mccolor-1cc534 {
  color: #1cc534;
  font-size: 0.26rem;
}

.am-result.agent-link-nodata {
  padding-top: 1.2rem;
  height: 100vh;
}

.am-result.agent-link-nodata:after {
  display: none;
}

.agent-link-nodata .am-result-pic {
  width: 3.2rem !important;
  height: 3.2rem !important;
}

.agent-link-nodata .agent-link-ndicon {
  width: 3rem;
  height: 3rem;
}

.agent-link-nodata .am-result-title {
  color: #108ee9;
}

.pulldown-wrapper {
  z-index: -1;
  position: absolute;
  width: 100%;
  left: 0;
  top: -10rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all;
  transition: all;
}

.register-info-container .domain {
  word-break: keep-all;
  white-space: nowrap;
}

.am-modal.am-modal-transparent.link-manage-poup {
  position: absolute;
  bottom: 0.5rem;
}

.am-modal.am-modal-transparent.link-manage-poup .am-modal-content {
  width: 90%;
  margin: 0 auto;
}

.am-modal.am-modal-transparent.link-manage-poup .am-modal-content,
.am-modal.am-modal-transparent.lkmn-poup-alert .am-modal-content {
  background-color: inherit;
}

.am-modal.am-modal-transparent.link-manage-poup
  .am-modal-content
  .am-modal-body {
  width: 100%;
  padding: 0 !important;
}

.am-modal.am-modal-transparent.lkmn-poup-alert
  .am-modal-content
  .am-modal-body {
  padding: 0 0.45rem;
}

.lkmn-poup-content {
  background-color: #fff;
  border-radius: 0.14rem;
  padding: 0.4rem 0 0;
  overflow: hidden;
}

.lkmn-poup-title {
  height: 0.8rem;
  line-height: 0.4rem;
  padding: 0 0.4rem;
}

.lkmn-poup-title span {
  display: block;
  margin-right: 0.15rem;
  float: left;
}

.lkmn-poup-tsmall {
  font-size: 0.3rem;
  color: #5e5e5e;
}

.lkmn-poup-tbig {
  font-size: 0.4rem;
  color: #000;
}

.lkmn-poup-qrcode {
  background-color: #f8f8fc;
}

.lkmn-poup-mheight {
  max-height: 4.2rem;
  overflow: hidden;
}

.lkmn-poup-mheight > div {
  max-height: 4.2rem;
  overflow: auto;
}

.lkmn-poup-qrimg,
.lkmn-poup-qrlink,
.lkmn-poup-qrtitle {
  text-align: center;
}

.lkmn-poup-qrimg {
  margin: auto;
  width: 4.2rem;
  padding: 0.175rem;
  border-radius: 0.14rem;
  background-color: #fff;
}

.lkmn-poup-qrimg canvas {
  display: none;
}

.lkmn-poup-qrimg img {
  width: 3.85rem !important;
  height: 3.85rem !important;
}

.lkmn-poup-qrtitle {
  padding: 0.3rem 0 0.1rem;
}

.lkmn-poup-qrlink {
  padding: 0.4rem 0;
  color: #5d8df7;
}

.lkmn-poup-qrcnt {
  padding: 0 0.1rem;
  overflow: hidden;
  display: inline-block;
}

.lkmn-poup-qrcnt span {
  display: flex;
  margin-left: 0.1rem;
  word-break: break-all;
}

.lkmn-poup-qrcnt span svg {
  min-width: 0.44rem;
}

.lkmn-poup-qrcopy {
  width: 100%;
  height: 0.88rem;
  line-height: 0.88rem;
  color: #fff;
  text-align: center;
  background-image: linear-gradient(-90deg, #eb4f47, #eb3f3b);
  border-radius: 0.1rem;
  margin-top: 0.22rem;
}

.lkmn-poup-acontent {
  background-color: #000;
  border-radius: 0.14rem;
  color: #fff;
  padding: 0.45rem 0 0;
  font-size: 0.3rem;
  overflow: hidden;
}

.lkmn-poup-aicon {
  text-align: center;
}

.lkmn-poup-atitle {
  height: 1.2rem;
  text-align: center;
  line-height: 1.2rem;
}

.lkmn-poup-atitle span {
  color: #e15136;
}

.lkmn-poup-abtn {
  overflow: hidden;
}

.lkmn-poup-abtn span {
  display: block;
  text-align: center;
  width: 50%;
  height: 0.95rem;
  line-height: 0.95rem;
  font-size: 0.4rem;
  float: left;
}

.lkmn-poup-abtn span:first-child {
  background-color: #363636;
}

.lkmn-poup-abtn span:last-child {
  background-color: #da4235;
}

.lkmn-poup-hislist {
  padding: 0 0.4rem;
  height: 0.7rem;
  line-height: 0.7rem;
  font-size: 0.27rem;
}

.lkmn-poup-hislist span {
  display: block;
  width: 50%;
  text-align: left;
  float: left;
}

.lkmn-poup-hislistc,
.lkmn-poup-nohis {
  background-color: #fff;
}

.lkmn-poup-nohis {
  line-height: 1.6rem;
  font-size: 0.32rem;
}

.lkmn-poup-QR {
  padding-top: 0.8rem;
}

.lkmn-poup-QR .lkmn-poup-qrcode {
  background: #fff;
}

.copy_qrcopy_link {
  width: 80%;
  margin: 0.3rem auto 0;
}

.agrg-downline-bntitle {
  color: #000;
  padding: 0 0.45rem;
  font-size: 0.3rem;
  min-height: 0.7rem;
  line-height: 0.7rem;
  overflow: hidden;
}

.agrg-downline-bntwrite {
  float: left;
}

.agrg-bouns-main {
  background: #fff;
}

.agrg-downline-bnmain.agrg-downline-bnmainno {
  padding-left: 0.45rem;
}

.agrg-downline-bnbt {
  margin: 0.05rem 0.45rem;
  min-height: 0.8rem;
  border-bottom: 1px solid #d1d1d1;
}

.agrg-bouns-main > div:last-child > div:last-child {
  border-bottom: none;
}

.agrg-downline-bnbtlf {
  float: left;
}

.agrg-downline-bnbtrg {
  float: right;
}

.agrg-downline-bnbtdis {
  position: relative;
}

.agrg-downline-btdisdiv {
  z-index: 99;
  background: hsla(0, 0%, 100%, 0.3);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: -0.15rem;
}

.agrg-checkbox-main {
  width: 100%;
  overflow: hidden;
  overflow-x: auto;
}

.agrg-checkbox-main::-webkit-scrollbar {
  display: none;
}

.agrg-checkbox-list {
  min-width: 100%;
  height: 0.9rem;
}

.agrg-checkbox-list > div {
  float: left;
  margin: 0.225rem 0.1rem 0.225rem 0;
  height: 0.45rem;
  min-width: 2.04rem;
  padding-right: 0.1rem;
  border-right: 1px solid #d1d1d1;
}

.agrg-downline-bnline {
  margin-right: 0.45rem;
  border-bottom: 1px solid #d1d1d1;
}

.agrg-checkbox-num {
  margin-left: 0.1rem;
}

.agrg-downline-bnset {
  margin: 0 0.45rem;
  min-height: 1.72rem;
  border-bottom: 1px solid #d1d1d1;
  direction: ltr;
}

.agrg-downline-bnset .am-slider {
  margin: 0.05rem 0;
}

.agrg-downline-bnset .am-slider-wrapper {
  padding: 0;
}

.agrg-downline-bnset .am-slider-rail,
.agrg-downline-bnset .am-slider-step,
.agrg-downline-bnset .am-slider-track {
  height: 0.2rem;
  border-radius: 0.1rem;
}

.agrg-downline-bnset .am-slider-handle {
  margin-top: -0.14rem;
}

.agrg-downline-bnsetp {
  min-height: 1rem;
  padding-top: 0.2rem;
  display: flex;
  align-items: center;
}

.agrg-downline-bnset .am-slider-handle {
  border: 0 none;
  background: #ededed;
}

.agrg-downline-bnsetp > span {
  display: inline-block;
  color: #3b79f3;
  vertical-align: middle;
}

.agrg-downline-bnsetp > span:first-child {
  margin-top: 0.09rem;
  margin-right: 0.12rem;
}

.agrg-downline-bnsetp > span:nth-child(2) {
  margin-right: 0.12rem;
  color: #000;
  max-width: 67%;
}

.agrg-downline-bnsetp > span:nth-child(3) {
  flex-grow: 1;
}

.agrg-downline-bnsetp > span.agrg-downline-bnstbt {
  width: 0.6rem;
  height: 0.6rem;
  padding: 0.05rem;
  border-radius: 0.6rem;
  border: 1px solid #959595;
  text-align: center;
  margin-left: 0.1rem;
  float: right;
}

.agrg-downline-bnslider {
  clear: both;
  min-height: 0.25rem;
  margin: 0.2rem 0 0.3rem;
}

.agrg-downline-bnslt,
.agrg-downline-bnsrt {
  width: 18%;
  float: left;
}

.agrg-downline-bnsrt {
  text-align: right;
}

.agrg-downline-bnsct {
  width: 64%;
  float: left;
}

.mc-switch .checkbox.on:before,
.mc-switch.mc-qutas-bg .checkbox:before {
  background: #3b79f3;
}

.mc-switch {
  display: inline-block;
  vertical-align: middle;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.mc-switch,
.mc-switch .checkbox {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}

.mc-switch .checkbox {
  width: 1.02rem;
  height: 0.62rem;
  border-radius: 0.62rem;
  background: #e5e5e5;
  z-index: 0;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.mc-switch .checkbox:before {
  content: " ";
  position: absolute;
  left: 0.03rem;
  top: 0.03rem;
  width: 0.96rem;
  height: 0.56rem;
  border-radius: 0.56rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  z-index: 1;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.mc-switch .checkbox:after {
  content: " ";
  height: 0.56rem;
  width: 0.56rem;
  border-radius: 0.56rem;
  background: #fff;
  position: absolute;
  z-index: 2;
  left: 0.03rem;
  top: 0.03rem;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-box-shadow: 0.04rem 0.04rem 0.08rem rgba(0, 0, 0, 0.21);
  box-shadow: 0.04rem 0.04rem 0.08rem rgba(0, 0, 0, 0.21);
}

.mc-switch .checkbox.checkbox-disabled {
  z-index: 3;
}

.mc-switch input[type="checkbox"] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  border: 0 none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.mc-switch input[type="checkbox"]:checked + .checkbox {
  background: #3b79f3;
}

.mc-switch input[type="checkbox"]:checked + .checkbox:before {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

.mc-switch input[type="checkbox"]:checked + .checkbox:after {
  -webkit-transform: translateX(0.4rem);
  -ms-transform: translateX(0.4rem);
  transform: translateX(0.4rem);
}

.mc-switch input[type="checkbox"]:disabled + .checkbox {
  opacity: 0.3;
}

.mc-switch.mc-switch-android .checkbox {
  width: 1.44rem;
  height: 0.46rem;
  border-radius: 0.06rem;
  background: #a7aaa6;
}

.mc-switch.mc-switch-android .checkbox:before {
  display: none;
}

.mc-switch.mc-switch-android .checkbox:after {
  width: 0.7rem;
  height: 0.42rem;
  border-radius: 0.04rem;
  -webkit-box-shadow: none;
  box-shadow: none;
  left: 0.02rem;
  top: 0.02rem;
}

.mc-switch .checkbox.on:after {
  left: 0.43rem;
}

.mc-switch.mc-switch-android input[type="checkbox"]:checked + .checkbox {
  background: #108ee9;
}

.mc-switch.mc-switch-android input[type="checkbox"]:checked + .checkbox:before {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

.mc-switch.mc-switch-android input[type="checkbox"]:checked + .checkbox:after {
  -webkit-transform: translateX(0.7rem);
  -ms-transform: translateX(0.7rem);
  transform: translateX(0.7rem);
}

.mc-checkbox {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 0.42rem;
  height: 0.42rem;
}

.mc-checkbox-inner {
  position: absolute;
  right: 0;
  width: 0.42rem;
  height: 0.42rem;
  border: 0.03rem solid #888;
  border-radius: 50%;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mc-checkbox-inner:after {
  position: absolute;
  display: none;
  top: 0.03rem;
  right: 0.12rem;
  z-index: 999;
  width: 0.1rem;
  height: 0.22rem;
  border-style: solid;
  border-width: 0 0.03rem 0.03rem 0;
  content: " ";
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mc-checkbox.mc-checkbox-checked .mc-checkbox-inner {
  border-color: #108ee9;
}

.mc-checkbox.mc-checkbox-checked .mc-checkbox-inner:after {
  display: block;
  border-color: #108ee9;
}

.agrg-downline {
  font-size: 0.3rem;
}

.agrg-downline-up {
  background: #fff;
  padding: 0 0.45rem;
  overflow: hidden;
}

.agrg-downline-top {
  display: flex;
  height: 0.7rem;
  overflow: hidden;
  margin: 0.1rem 0;
}

.agrg-downline-top .type-wrapper {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  flex: 1 1 0%;
}

.agrg-downline-top .type-wrapper .type-item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.1rem;
}

.agrg-downline-top .type-wrapper .type-item .option-border {
  content: "";
  width: 0.26rem;
  height: 0.26rem;
  border-radius: 50%;
  border: 0.02rem solid #9b9b9b;
}

.agrg-downline-top .type-wrapper .type-item.on .option-border {
  position: relative;
  border: 0.02rem solid #fd2f2f;
}

.agrg-downline-top .type-wrapper .type-item.on .option-border:before {
  position: absolute;
  content: "";
  display: block;
  width: 0.15rem;
  height: 0.15rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #fd2f2f;
  border-radius: 50%;
}

.agrg-downline-top .type-wrapper .type-item .option {
  flex: 1 1 0%;
}

.agrg-downline-title {
  color: #000;
  line-height: 0.7rem;
  float: left;
}

.agrg-downline-type {
  display: inline-block;
  height: 0.62rem;
  font-size: 0.28rem;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.agrg-downline-type .mc-switch {
  margin: 0 0.25rem;
  float: left;
}

.agrg-downline-cname {
  color: #666;
  line-height: 0.62rem;
  float: left;
}

.agrg-downline-type .agrg-downline-cname {
  line-height: 2.5;
}

.agrg-downline-type .mc-switch {
  top: 0.06rem;
}

.agrg-downline-input {
  width: 100%;
  height: 1.04rem;
  margin: 0.2rem 0;
  background-color: #efefef;
  border-radius: 0.15rem;
  line-height: 1.04rem;
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.agrg-downline-input input {
  border: 0 none;
  border-radius: 0.15rem;
  background: none;
  width: 100%;
  height: 100%;
  padding: 0 0.25rem;
}

.agrgic-downline-select {
  display: block;
  width: 0.86rem;
  background: #3b79f3;
  line-height: 0;
  padding: 0.3rem 0.21rem;
  position: absolute;
  right: 0;
  top: 0;
}

.agrg-downline-sub {
  margin: 0.1rem 0.45rem;
  background: #eb4641 !important;
  color: #fff !important;
  border-radius: 0.15rem;
}

.agent-register-tab .am-tabs-bar .am-tabs-tab {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 0.02rem;
}

.art-tab .am-tabs-bar .am-tabs-tab {
  line-height: inherit;
  white-space: inherit;
  text-align: center;
}

.mc-switch .checkbox.on:before,
.mc-switch.mc-qutas-bg .checkbox:before {
  background: #3b79f3;
}

.agrg-downline-up .error {
  margin-top: -0.2rem;
}

.agrg-downline-up .error strong {
  color: #e4393c;
  font-size: 0.31rem;
  line-height: 0.5rem;
  font-weight: 400;
}

.link-detail-title {
  height: 1.1rem;
  line-height: 1.1rem;
  text-align: center;
}

.link-detail-title .am-icon {
  vertical-align: middle;
  margin-right: 0.12rem;
}

.link-detail-top {
  color: #a6a6a6;
  background: #eeedf5;
}

.link-detail-list span {
  display: inline-block;
  width: 50%;
  line-height: 0.8rem;
  height: 0.8rem;
  padding: 0 0.4rem;
}

.mc-code-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: calc(100% + 0.88rem);
  position: fixed;
  top: -0.88rem;
  z-index: 100011;
  background-color: rgba(0, 0, 0, 0.7);
  font-size: 0.28rem;
}

.mc-code-box input {
  height: 0.7rem;
  padding: 0.5em;
  border: 0.02rem solid #ccc;
  border-radius: 0.1rem;
}

.mc-code-box .submit {
  height: 0.7rem;
  line-height: 0.7rem;
  font-size: 0.28rem;
}

.mc-code-box .title {
  text-align: center;
  margin-bottom: 1em;
}

.mc-code-box .code-form {
  background: #fff;
  padding: 0.2rem 0.4rem;
  border-radius: 0.14rem;
  width: min(80vw, 424px);
}

.mc-code-box .form-group {
  margin-bottom: 0.15rem;
  position: relative;
  min-height: auto;
}

.mc-code-box .send-code {
  position: absolute;
  top: 50%;
  right: 0.16rem;
  transform: translateY(-50%);
  padding: 0.1rem 0.05rem;
  font-size: 0.2rem;
  min-width: 1rem;
  max-width: 2rem;
  text-align: center;
}

.mc-code-box .send-code.btn-gray {
  font-size: 0.2rem;
}

.mc-code-box .input-group {
  position: relative;
  width: 100%;
  margin-top: 0.3rem;
}

.mc-code-box .input-group label {
  position: absolute;
  top: -0.3rem;
  left: 0;
  color: #757575;
  font-size: 0.24rem;
}

.mc-code-box .mc-country-code-input {
  width: auto;
  height: 0.7rem;
  padding-right: 0.4rem;
}

.mc-code-box .mc-country-code-input img {
  position: unset;
  top: unset;
}

.mc-code-box .mc-country-code-input > span {
  display: flex;
  align-items: center;
  padding-left: 0.1rem;
}

.mc-code-box .mc-country-code-input:after {
  right: 0.04rem;
}

.am-modal-content .withdraw-alert-link {
  color: blue;
  text-decoration: underline;
}

.wc-scroll-container {
  height: calc(var(--vh, 1vh) * 100 - 1rem);
  overflow: auto;
}

.amount-wrap {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

.amount-wrap .amount-title {
  margin: 0 0.45rem;
  font-size: 0.26rem;
  color: #333;
}

.amount-wrap .fixed-money-withdraw {
  margin: 0 0.45rem;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0.11rem;
}

.amount-wrap .fixed-money-withdraw .fixed-money-item {
  margin: 0.12rem 0.12rem 0 0;
  width: 100%;
  height: 0.71rem;
  font-size: 0.24rem;
  white-space: nowrap;
  border: 0.02rem solid rgba(236, 37, 41, 0.2);
  border-radius: 0.12rem;
  color: #565656;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  position: relative;
}

.amount-wrap .fixed-money-withdraw .fixed-money-item:nth-child(5n) {
  margin-right: 0;
}

.amount-wrap .fixed-money-withdraw .fixed-money-item.money-active {
  border: 0.02rem solid #ec2529;
  background-color: #fff;
  color: #ec2529;
}

.amount-wrap .fixed-money-withdraw .fixed-money-item.money-active svg {
  position: absolute;
  right: 0;
  width: 0.32rem;
  height: 0.32rem;
  bottom: 0;
  fill: #ec2529;
}

.amount-wrap .fixed-money-withdraw .fixed-money-item .bonus-tip {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0 0.1rem;
  background: #fbd3d4;
  font-size: 0.2rem;
  color: #ec2529;
  padding: 0 0.1rem;
  display: flex;
  align-items: center;
}

.amount-wrap .fixed-money-withdraw .fixed-money-item .bonus-tip.money-active {
  background: #ec2529;
  color: #fff;
}

.amount-wrap .currency-trans {
  margin: 0 0.45rem;
}

.w-input-content {
  margin: 0.1rem 0.45rem 0;
  height: 1.05rem;
  border: 0.02rem solid #ccc;
  border-radius: 0.1rem;
  padding: 0.25rem 0.2rem 0.25rem 2rem;
  position: relative;
}

.forget-fpwd {
  text-align: right;
  margin: 0.1rem 0.45rem 0;
  padding: 0.4rem 0 0;
}

.forget-fpwd.no-space {
  margin: 0;
  padding: 0.1rem 0;
}

.w-input-content span {
  width: 2.5rem;
  position: absolute;
  left: 0;
  top: 0;
}

.w-input-content .placeholder {
  display: flex;
  align-items: center;
  height: 100%;
  color: #0a0a0a;
}

.w-input-content input {
  width: 100%;
  height: 0.55rem;
  font-size: 0.3rem;
  border: 0 none;
  background-color: inherit;
}

.w-input-content input::-webkit-input-placeholder {
  color: #a8a8a8 !important;
}

.w-input-content input::placeholder {
  color: #a8a8a8 !important;
}

.w-input-content .error {
  color: red;
  top: -0.04rem;
  position: relative;
  margin-left: -10 px;
  display: inline;
}

.w-input-error {
  color: #b3b3b3;
  text-align: left;
  padding: 0.15rem 0 0.1rem 0.45rem;
}

.red-input-error {
  color: red;
  text-align: left;
  padding: 0.15rem 0.45rem 0.1rem 0.5rem;
}

.w-input-submit {
  margin: 0.7rem 0.45rem;
}

.w-input-submit .w-input-submit-false,
.w-input-submit .w-input-submit-true {
  color: #fff !important;
}

.w-input-submit .w-input-submit-true {
  background: #ff0944;
}

.w-input-submit .wallet_return div svg {
  fill: #3b79f3;
}

.w-input-submit .w-input-submit-false {
  background: #d8d8d8 !important;
}

.withdraw-nbank {
  color: #fff;
  font-size: 0.48rem;
  height: 3.4rem;
  line-height: 3.4rem;
  text-align: center;
  background-color: #ececec;
  border-radius: 0.1rem;
  width: 100%;
}

.withdraw-bank .slider-frame {
  margin: 0 0.55rem !important;
  overflow: inherit !important;
}

.withdraw-bank .slider-frame + div {
  bottom: -0.85rem !important;
}

.withdraw-bank .slider-frame + div .am-carousel-wrap-dot-active > span {
  background-color: #38a0f3;
}

.withdraw-bank-container {
  margin: 0.35rem 0.4rem !important;
}

.withdraw-bankcard {
  border-radius: 0.1rem;
  margin: 0;
  padding: 0.3rem 0.22rem;
  color: #fff;
  overflow: hidden;
  font-size: 0.27rem;
  background-image: -moz-linear-gradient(-3deg, #c47ff4 0, #eb498e 100%);
  background-image: -webkit-linear-gradient(-3deg, #c47ff4, #eb498e);
  background-image: -ms-linear-gradient(-3deg, #c47ff4 0, #eb498e 100%);
}

.withdraw-bankcard.maintain {
  position: relative;
  height: 100%;
}

.withdraw-bankcard.maintain:after {
  z-index: -1;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.1rem;
  background: rgba(46, 46, 46, 0.6);
  z-index: 1;
}

.withdraw-bankcard .maintain-wrap {
  position: absolute;
  z-index: 2;
  justify-content: space-evenly;
  display: flex;
  flex-direction: column;
  font-size: 0.3rem;
  top: 0;
  left: 0;
  height: 100%;
}

.withdraw-bankcard .maintain-wrap,
.withdraw-bankcard .maintain-wrap .maintain-time {
  color: #fff;
  text-align: center;
  text-shadow: 0 0.02rem 1px rgba(0, 0, 0, 0.25);
  font-weight: 800;
  width: 100%;
}

.withdraw-bankcard .maintain-wrap .maintain-time {
  font-size: 0.24rem;
}

.withdraw-bankcard.c0 {
  background-image: -moz-linear-gradient(-3deg, #c47ff4 0, #eb498e 100%);
  background-image: -webkit-linear-gradient(-3deg, #c47ff4, #eb498e);
  background-image: -ms-linear-gradient(-3deg, #c47ff4 0, #eb498e 100%);
}

.withdraw-bankcard.c1 {
  background-image: -moz-linear-gradient(0deg, #5775e6 0, #7f45c9 100%);
  background-image: -webkit-linear-gradient(0deg, #5775e6, #7f45c9);
  background-image: -ms-linear-gradient(0deg, #5775e6 0, #7f45c9 100%);
}

.withdraw-bankcard.c2 {
  background-image: -moz-linear-gradient(0deg, #ffbe80 0, #ff978a 100%);
  background-image: -webkit-linear-gradient(0deg, #ffbe80, #ff978a);
  background-image: -ms-linear-gradient(0deg, #ffbe80 0, #ff978a 100%);
}

.withdraw-bankcard.c3 {
  border-radius: 0.1rem;
  background-image: -moz-linear-gradient(0deg, #69f2a9 0, #5accf1 100%);
  background-image: -webkit-linear-gradient(0deg, #69f2a9, #5accf1);
  background-image: -ms-linear-gradient(0deg, #69f2a9 0, #5accf1 100%);
}

.withdraw-bankcard.c4 {
  background-image: -moz-linear-gradient(0deg, #3be4fd 2%, #2d8afd 98%);
  background-image: -webkit-linear-gradient(0deg, #3be4fd 2%, #2d8afd 98%);
  background-image: -ms-linear-gradient(0deg, #3be4fd 2%, #2d8afd 98%);
}

.withdraw-bankcard.c5 {
  background-image: -moz-linear-gradient(0deg, #ffeb3b 2%, #989579 98%);
  background-image: -webkit-linear-gradient(0deg, #ffeb3b 2%, #989579 98%);
  background-image: -ms-linear-gradient(0deg, #ffeb3b 2%, #989579 98%);
}

.withdraw-bankcard.c6,
.withdraw-bankcard.c7,
.withdraw-bankcard.c8,
.withdraw-bankcard.c9,
.withdraw-bankcard.c10,
.withdraw-bankcard.c11,
.withdraw-bankcard.c12,
.withdraw-bankcard.c13,
.withdraw-bankcard.c14,
.withdraw-bankcard.c15 {
  background-image: -moz-linear-gradient(0deg, #3be4fd 2%, #2d8afd 98%);
  background-image: -webkit-linear-gradient(0deg, #3be4fd 2%, #2d8afd 98%);
  background-image: -ms-linear-gradient(0deg, #3be4fd 2%, #2d8afd 98%);
}

.withdraw-bank.vc {
  min-height: 3rem;
  height: auto;
}

.withdraw-bank.vc .vc-cards-item {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background: url(/mobile/mc/BTC.57c7aa66.png) no-repeat;
  background-size: 100% auto;
}

.withdraw-bank.vc .vc-cards-item.USDT {
  background: url(/mobile/mc/USDT.9d6f6071.png) no-repeat;
  background-size: 100% auto;
}

.withdraw-bank.vc .vc-cards-item.BTC {
  background: url(/mobile/mc/BTC.57c7aa66.png) no-repeat;
  background-size: 100% auto;
}

.withdraw-bank.vc .vc-cards-item.ETH {
  background: url(/mobile/mc/ETH.4dce9f40.png) no-repeat;
  background-size: 100% auto;
}

.withdraw-bank.vc.pix .withdraw-bankcard {
  background-size: 100% 100%;
}

.withdraw-bank.vc.pix .withdraw-bankcard.c0 {
  background-image: url(/mobile/mc/ewallet-01.50bee334.png);
}

.withdraw-bank.vc.pix .withdraw-bankcard.c1 {
  background-image: url(/mobile/mc/ewallet-02.044b3b97.png);
}

.withdraw-bank.vc.pix .withdraw-bankcard.c2 {
  background-image: url(/mobile/mc/ewallet-03.49829a64.png);
}

.withdraw-bank.vc.pix .withdraw-bankcard.c3 {
  background-image: url(/mobile/mc/ewallet-04.1d649e0e.png);
}

.vc-cards-item .withdraw-bankcard-num {
  font-size: 0.34rem;
  padding: 0;
  text-align: left;
  width: 100%;
  display: inline-block;
  word-break: break-word;
}

.vc-cards-item .withdraw-bankcard-icon {
  font-size: 0.34rem;
}

.create-time {
  font-size: 0.22rem;
  margin-top: 0.18rem;
  display: inline-block;
}

.vc-cards-item .withdraw-bankcard-icon {
  display: inline-block;
  margin-left: 0.6rem;
  margin-top: 0.1rem;
}

.withdraw-container-v2 .vc-cards-item .withdraw-bankcard-cont,
.withdraw-container-v2 .vc-cards-item .withdraw-bankcard-title {
  display: none;
}

.withdraw-bank-container .swiper-container {
  padding-bottom: 0.6rem;
  direction: ltr;
}

#swiper-container-vc {
  height: 3rem;
}

.swiper-pagination span {
  width: 0.17rem;
  height: 0.17rem;
}

.withdraw-bankcard-icon {
  height: 0.49rem;
  margin: 0.05rem 0 0.15rem;
}

.withdraw-bankcard-icon span {
  display: -webkit-box;
  word-break: break-word;
  margin-right: 0.1rem;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  background-size: auto 100%;
  background-repeat: no-repeat;
}

.withdraw-bankcard-icon img {
  height: 100%;
}

.withdraw-bankcard-cont,
.withdraw-bankcard-num,
.withdraw-bankcard-title {
  padding: 0.125rem 0.18rem;
  display: flex;
}

.withdraw-bankcard-num {
  font-size: 0.48rem;
  font-weight: 700;
  text-align: center;
  justify-content: center;
}

.withdraw-bankcard-cont {
  height: 0.75rem;
}

.withdraw-bankcard-cont div {
  flex: 1 1 50%;
}

.withdraw-bankcard-cont div span {
  display: block;
  margin: 0.075rem 0;
}

.withdraw-bankcard-cont div span:last-child {
  font-size: 0.3rem;
}

.card-name {
  margin-top: 0.32rem !important;
}

.wbc-date {
  font-size: 0.3rem;
}

.wbc-date div:last-child {
  position: absolute;
  display: inline-block;
  right: 0.2rem;
}

.wallet_return {
  margin-top: 0.05rem;
  margin-bottom: 0.3rem;
  text-align: center;
}

.wallet_return div {
  margin-top: 0.1rem;
  color: #3b79f3;
  background-color: #d7e7fe;
  display: inline-block;
  padding: 0 0.24rem;
  font-size: 0.28rem;
  height: 0.7rem;
  line-height: 0.7rem;
  border-radius: 0.5rem;
  text-align: center;
  position: relative;
}

.wallet_return div span {
  padding-left: 0.56rem;
  display: inline-block;
}

.wallet_return svg {
  position: absolute;
  left: 0.2rem;
  top: 0.1rem;
  width: 0.5rem;
  height: 0.5rem;
}

.getCode_bar {
  padding: 0.05rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.getCode_button {
  background: #108ee9;
  color: #fff;
  padding: 0.1rem 0;
  width: 1rem;
  text-align: center;
  border-radius: 0.15rem;
}

.turnover-tips {
  padding: 0.1rem 0.45rem;
  text-align: center;
}

.tt-title {
  font-size: 0.28rem;
  color: #646464;
}

.tt-tip {
  font-size: 0.25rem;
  margin: 0.2rem 0;
  color: #ea604b;
  font-weight: 700;
}

.turnover-tips table {
  width: 100%;
  border-radius: 0.06rem 0.06rem 0 0;
  overflow: hidden;
}

.turnover-tips table thead {
  background-color: #e6e6e6;
}

.turnover-tips table thead td {
  padding: 0.1rem;
  color: #5e5e5e;
}

.turnover-tips table tbody td {
  color: #8a8a8a;
}

.turnover-tips table tbody td.required-turnover {
  color: #ea604b;
}

.turnover-tips table td {
  border-color: #f0f0f0;
  text-align: center;
  height: 0.55rem;
  font-size: 0.26rem;
}

.play-more-game {
  height: 0.9rem;
  line-height: 0.9rem;
  text-align: center;
  background-image:
    linear-gradient(0deg, #fe002d, #ff3035), linear-gradient(#0e0221, #0e0221);
  background-blend-mode: normal, normal;
  box-shadow: 0 0.08rem 0.32rem 0.04rem rgba(255, 0, 0, 0.36);
  border-radius: 0.18rem;
  color: #fff;
  margin: 0.4rem 0.45rem;
  font-size: 0.36rem;
}

.cards-title {
  font-size: 0.32rem;
  padding: 0 0.35rem 0.35rem 0;
  color: #595959;
}

.withdraw-nbank,
.withdraw-nbank-vc {
  color: #fff;
  font-size: 0.48rem;
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
  height: 3.4rem !important;
  line-height: 3.4rem;
  background: url(/mobile/mc/no_cards.b6845e57.png) no-repeat;
  border-radius: 0.1rem;
  background-size: auto 100%;
  background-position: 50%;
  text-align: center;
  position: relative;
}

.withdraw-nbank-vc {
  background: url(/mobile/mc/no_vcards.911c0c07.png) no-repeat;
  border-radius: 0.1rem;
  background-size: auto 100%;
  background-position: 50%;
}

.withdraw-nbank-vc span,
.withdraw-nbank span {
  font-size: 0.3rem;
  color: #a9a9a9;
  position: relative;
  bottom: -1.32rem;
  display: inline-block;
}

.bank-delete-icon {
  position: absolute;
  right: 0.2rem;
  top: 0.2rem;
}

.w-input-content-i18n {
  padding: 0 0.2rem 0 2.8rem;
}

.w-input-content-i18n .input-group {
  position: relative;
}

.w-input-content-i18n .input-group input {
  height: 1.05rem;
}

.w-input-content-i18n .input-group .input-placeholder {
  position: absolute;
  width: 100%;
  height: 1.05rem;
  top: 0;
  color: #a8a8a8;
  font-size: 0.3rem;
  display: flex;
  align-items: center;
  padding-right: 0.7rem;
  word-break: break-word;
}

.w-input-content-i18n .eye-group {
  position: absolute;
  right: 0.25rem;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 0.44rem;
  height: 0.44rem;
}

.withdraw-container-v2 .tab-wrapper {
  position: relative;
}

.withdraw-container-v2 .tab-wrapper.has-mask:before {
  position: absolute;
  content: "";
  width: 100%;
  height: calc(100% - 0.87rem);
  left: 0;
  top: 0.87rem;
  background: transparent;
  z-index: 2;
}

.withdraw-container-v2 .tab-wrapper .tab-arrow {
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.withdraw-container-v2 .tab-wrapper .tab-arrow.one-right {
  justify-content: flex-end;
}

.withdraw-container-v2 .tab-wrapper .arrow-content {
  width: 1.6rem;
  height: 0.85rem;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
}

.withdraw-container-v2 .tab-wrapper .arrow-content svg {
  fill: #3b79f3;
  width: 0.3rem;
  height: 0.3rem;
}

.withdraw-container-v2 .tab-wrapper .arrow-content.arrow-left {
  padding-left: 0.2rem;
  background: linear-gradient(270deg, hsla(0, 0%, 100%, 0) 0, #fff 67%, #fff);
}

.withdraw-container-v2 .tab-wrapper .arrow-content.arrow-left svg {
  transform: rotate(180deg);
}

.withdraw-container-v2 .tab-wrapper .arrow-content.arrow-right {
  display: flex;
  justify-content: flex-end;
  padding-right: 0.2rem;
  background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, #fff 67%, #fff);
}

.withdraw-container-v2 .am-tabs-bar {
  align-items: center;
  overflow: auto;
}

.withdraw-container-v2 .am-tabs-bar::-webkit-scrollbar {
  display: none;
  background-color: transparent;
}

.withdraw-container-v2 .am-tabs-bar::-webkit-scrollbar-thumb,
.withdraw-container-v2 .am-tabs-bar::-webkit-scrollbar-track {
  background-color: transparent;
}

.withdraw-container-v2
  .am-tabs-bar
  .am-tabs-nav-swipe-container
  .am-tabs-nav-swipe
  .am-tabs-nav
  .am-tabs-tab {
  height: 1.1rem;
}

.withdraw-container-v2 .am-tabs-bar .tab-content {
  display: flex;
  justify-content: center;
}

.withdraw-container-v2 .am-tabs-bar .item-group {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.3rem;
}

.withdraw-container-v2 .am-tabs-bar .item-group .bank-txt {
  flex: 1 1 0%;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
  line-height: 1;
  height: auto;
  word-break: break-word;
}

@supports (-webkit-line-clamp: 2) {
  .withdraw-container-v2 .am-tabs-bar .item-group .bank-txt {
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}

.withdraw-container-v2 .am-tabs-bar img {
  width: auto;
  max-width: 0.5rem;
  max-height: 0.5rem;
  object-fit: contain;
  margin-right: 0.1rem;
}

.withdraw-container-v2 .am-tabs-bar img.no-txt {
  max-width: 100%;
  max-height: 0.6rem;
}

.withdraw-main {
  font-size: 0.25rem;
  background-color: #fff;
  overflow: hidden;
  min-height: calc(100vh - 1.9rem);
}

@supports (-webkit-touch-callout: none) {
  .withdraw-main {
    min-height: calc(100 * var(--vh, 1vh) - 1.9rem);
  }
  @supports (height: 100dvh) {
    .withdraw-main {
      min-height: calc(100dvh - 1.9rem);
    }
  }
}

.wm-space {
  height: 0.2rem;
  background: #faf9fe;
}

.withdraw-bank {
  margin: 0.65rem 0;
  height: 4.4rem;
}

.withdraw-bkdbtn {
  height: 0.32rem;
  border-bottom: 1px solid #dedede;
  line-height: 0;
  font-size: 0;
  position: relative;
}

.withdraw-bkadd {
  padding: 0.2rem;
  background-color: #fe0000;
  border: 0.05rem solid #fff;
  border-radius: 0.5rem;
  position: absolute;
  right: 0.45rem;
  bottom: -0.45rem;
}

.withdraw-bkinfo {
  color: #bababa;
  padding: 0.4rem 0.45rem 0;
  line-height: 0.34rem;
  font-size: 0.24rem;
}

.v-base .withdraw-bkinfo .wysiwyg {
  padding-bottom: 0;
}

.withdraw-bkinfo img {
  max-width: 100%;
  object-fit: contain;
}

.dark-gray {
  color: #333;
}

.translate-tips {
  margin: 0.25rem 0.45rem 0;
  color: #ea604b;
  text-align: left;
  line-height: 0.34rem;
  font-size: 0.24rem;
}

.withdraw-tips.no-allow .withdraw-tips-content .wysiwyg {
  padding-bottom: 0;
}

.withdraw-tips-content {
  position: absolute;
  text-align: center;
  left: 50%;
  top: 50%;
  width: 4.73rem;
  transform: translate(-50%, -50%);
  border-radius: 0.2rem;
  background: #ffcc6a;
  box-shadow: 0 0.12rem 0.3rem 0 rgba(0, 0, 0, 0.2);
  color: #ee5a5a;
  font-size: 0.4rem;
  line-height: 0.6rem;
  padding: 0.4rem 0.5rem;
  font-weight: 700;
  word-break: break-word;
  z-index: 2;
}

.withdraw-tips-footer {
  border-top: 1px solid #c9b079;
  padding: 0.3rem 0;
  font-size: 0.28rem;
  text-align: left;
  line-height: 1.5;
  font-weight: 400;
  color: #888;
}

.withdraw-tips-footer span {
  font-weight: 700;
  color: #ee5a5a;
}

.withdraw-tips-content .tips-title .wysiwyg {
  line-height: normal;
}

.withdraw-tips-content .wysiwyg {
  padding-bottom: 0.3rem;
  letter-spacing: 0.03rem;
}

.withdraw-container-v2 .tab-title .am-tabs-tab {
  padding: 0 0.1rem;
}

.withdraw-container-v2 .am-tabs-tab-active.am-tabs-tab {
  border-bottom: none !important;
}

.withdraw-container-v2 .am-tabs-ink-bar,
.withdraw-container-v2.hide-tab-bar .am-tabs-bar {
  display: none !important;
}

.withdraw-container-v2 .am-tabs-tab {
  color: #666;
}

.withdraw-container-v2 .am-tabs-tab-active span,
.withdraw-container-v2 .am-tabs-tab span {
  padding-left: 0.05rem;
  line-height: 1.2;
  text-align: center;
  width: 100%;
}

.withdraw-container-v2 .am-tabs-tab-active span {
  height: 100%;
  color: #ec2529;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.withdraw-container-v2 .am-tabs-tab-active span:before {
  content: "";
  height: 0.06rem;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #ec2529;
}

.withdraw-container-v2 .mc-header-wrap {
  z-index: 1001;
  position: relative;
}

.withdraw-container-v2 .mc-header-wrap .report-icon {
  margin-left: 0.1rem;
}

.withdraw-container-v2 .am-tabs-top.show-one .am-tabs-bar {
  z-index: 1000;
}

.withdraw-container-v2 .null-payway {
  min-height: calc(var(--vh, 1vh) * 100 - 1.7rem);
}

.withdraw-container-v2 .null-payway .contact-server {
  margin-top: 0.2rem;
  display: inline-block;
  color: blue;
  font-size: 0.28rem;
  text-decoration: underline;
}

html[data-contain="1"] body.mc-layout-wrapper .withdraw-container-v2 {
  height: 100vh;
}

body.mc-layout-wrapper .withdraw-container-v2 {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background-color: #fff;
  min-height: 100vh;
}

@supports (-webkit-touch-callout: none) {
  body.mc-layout-wrapper .withdraw-container-v2 {
    overscroll-behavior-y: contain;
    min-height: calc(var(--vh, 1vh) * 100);
    height: calc(var(--vh, 1vh) * 100);
  }
  @supports (height: 100dvh) {
    body.mc-layout-wrapper .withdraw-container-v2 {
      min-height: 100dvh;
      height: 100dvh;
    }
  }
}

.withdraw-bank-card {
  flex: 1 1 0%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.withdraw-bank-card .cards-title {
  font-size: 0.28rem;
  color: #333;
  padding: 0.24rem 0 0.24rem 0.2rem;
  position: relative;
  display: flex;
  align-items: center;
}

.withdraw-bank-card .cards-title:before {
  position: absolute;
  content: "";
  width: 0.1rem;
  height: 0.1rem;
  border-radius: 50%;
  background-color: #4080fd;
  left: 0;
}

.withdraw-bank-card .cards-list {
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
}

.withdraw-bank-card .cards-list .card-item {
  width: 7.1rem;
  height: 1.76rem;
  display: flex;
  gap: 0.2rem;
  padding: 0.2rem;
  border-radius: 0.16rem;
  margin-bottom: 0.2rem;
  box-shadow: 0 0.05rem 0.15rem 0 rgba(0, 0, 0, 0.12);
}

.withdraw-bank-card .cards-list .card-item:nth-child(7n + 1) {
  background: url(/mobile/mc/withdraw-card-bg1.f4a3a62f.png) no-repeat 50% /
    cover;
}

.withdraw-bank-card .cards-list .card-item:nth-child(7n + 2) {
  background: url(/mobile/mc/withdraw-card-bg2.ad06aadd.png) no-repeat 50% /
    cover;
}

.withdraw-bank-card .cards-list .card-item:nth-child(7n + 3) {
  background: url(/mobile/mc/withdraw-card-bg3.ccb4d828.png) no-repeat 50% /
    cover;
}

.withdraw-bank-card .cards-list .card-item:nth-child(7n + 4) {
  background: url(/mobile/mc/withdraw-card-bg4.a330a105.png) no-repeat 50% /
    cover;
}

.withdraw-bank-card .cards-list .card-item:nth-child(7n + 5) {
  background: url(/mobile/mc/withdraw-card-bg5.5cfd86bd.png) no-repeat 50% /
    cover;
}

.withdraw-bank-card .cards-list .card-item:nth-child(7n + 6) {
  background: url(/mobile/mc/withdraw-card-bg6.df0e3b26.png) no-repeat 50% /
    cover;
}

.withdraw-bank-card .cards-list .card-item:nth-child(7n + 7) {
  background: url(/mobile/mc/withdraw-card-bg7.55a264e6.png) no-repeat 50% /
    cover;
}

.withdraw-bank-card .cards-list .card-item .card-content {
  flex: 1 1 0%;
  display: flex;
  flex-direction: column;
  gap: 0.08rem;
}

.withdraw-bank-card .cards-list .card-item .item-top {
  flex: 1 1 0%;
  display: flex;
  align-items: center;
  gap: 0.16rem;
}

.withdraw-bank-card .cards-list .card-item .item-top .item-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  width: 1.66rem;
  height: 0.8rem;
  border-radius: 0.12rem;
  overflow: hidden;
}

.withdraw-bank-card .cards-list .card-item .item-top .item-icon img {
  width: 100%;
}

.withdraw-bank-card .cards-list .card-item .item-top .item-info {
  flex: 1 1 0%;
  display: flex;
  flex-direction: column;
  gap: 0.08rem;
  font-size: 0.26rem;
  overflow: hidden;
}

.withdraw-bank-card .cards-list .card-item .item-top .item-info .bank-name {
  color: #333;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
  word-break: break-word;
  line-height: 0.28rem;
}

@supports (-webkit-line-clamp: 2) {
  .withdraw-bank-card .cards-list .card-item .item-top .item-info .bank-name {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}

.withdraw-bank-card .cards-list .card-item .item-top .item-info .bank-num {
  color: #666;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
}

.withdraw-bank-card .cards-list .card-item .item-bottom {
  color: #999;
  font-size: 0.22rem;
  text-align: right;
  flex: 1 1 0%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

.withdraw-bank-card .cards-list .card-item .delete-icon {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.withdraw-bank-card .cards-list .card-item .delete-icon svg {
  width: 0.3rem;
  height: 0.36rem;
}

.withdraw-bank-card .cards-tips {
  margin: 0.4rem 0 0.3rem;
  color: #666;
  font-size: 0.28rem;
  text-align: center;
}

.withdraw-bank-card .add-card-btn {
  margin: 0.3rem 0 0.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.withdraw-bank-card .add-card-btn svg {
  width: 1.42rem;
  height: 1.42rem;
}

.withdraw-bank-card .max-limit-tip {
  margin: 0.6rem 0 0.2rem;
  color: #666;
  font-size: 0.28rem;
  text-align: center;
}

.withdraw-bank-card .no-bank-card {
  color: #fff;
  font-size: 0.48rem;
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
  height: 3.4rem;
  line-height: 3.4rem;
  background: url(/mobile/mc/no_cards.b6845e57.png) no-repeat;
  border-radius: 0.1rem;
  background-size: auto 100%;
  background-position: 50%;
  text-align: center;
  position: relative;
}

.withdraw-bank-card .no-bank-card span {
  font-size: 0.3rem;
  color: #a9a9a9;
  position: relative;
  bottom: -1.32rem;
  display: inline-block;
}

.withdraw-bank-card-ew {
  flex: 1 1 0%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.withdraw-bank-card-ew .cards-title {
  font-size: 0.28rem;
  color: #333;
  padding: 0.24rem 0 0.24rem 0.2rem;
  position: relative;
  display: flex;
  align-items: center;
}

.withdraw-bank-card-ew .cards-title:before {
  position: absolute;
  content: "";
  width: 0.1rem;
  height: 0.1rem;
  border-radius: 50%;
  background-color: #fdac40;
  left: 0;
}

.withdraw-bank-card-ew .cards-list {
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
}

.withdraw-bank-card-ew .cards-list .card-item {
  width: 7.1rem;
  height: 1.76rem;
  display: flex;
  gap: 0.2rem;
  padding: 0.2rem;
  border-radius: 0.16rem;
  margin-bottom: 0.2rem;
  box-shadow: 0 0.05rem 0.15rem 0 rgba(0, 0, 0, 0.12);
}

.withdraw-bank-card-ew .cards-list .card-item:nth-child(7n + 1) {
  background: url(/mobile/mc/withdraw-card-bg1.f4a3a62f.png) no-repeat 50% /
    cover;
}

.withdraw-bank-card-ew .cards-list .card-item:nth-child(7n + 2) {
  background: url(/mobile/mc/withdraw-card-bg2.ad06aadd.png) no-repeat 50% /
    cover;
}

.withdraw-bank-card-ew .cards-list .card-item:nth-child(7n + 3) {
  background: url(/mobile/mc/withdraw-card-bg3.ccb4d828.png) no-repeat 50% /
    cover;
}

.withdraw-bank-card-ew .cards-list .card-item:nth-child(7n + 4) {
  background: url(/mobile/mc/withdraw-card-bg4.a330a105.png) no-repeat 50% /
    cover;
}

.withdraw-bank-card-ew .cards-list .card-item:nth-child(7n + 5) {
  background: url(/mobile/mc/withdraw-card-bg5.5cfd86bd.png) no-repeat 50% /
    cover;
}

.withdraw-bank-card-ew .cards-list .card-item:nth-child(7n + 6) {
  background: url(/mobile/mc/withdraw-card-bg6.df0e3b26.png) no-repeat 50% /
    cover;
}

.withdraw-bank-card-ew .cards-list .card-item:nth-child(7n + 7) {
  background: url(/mobile/mc/withdraw-card-bg7.55a264e6.png) no-repeat 50% /
    cover;
}

.withdraw-bank-card-ew .cards-list .card-item .card-content {
  flex: 1 1 0%;
  display: flex;
  flex-direction: column;
  gap: 0.08rem;
}

.withdraw-bank-card-ew .cards-list .card-item .item-top {
  flex: 1 1 0%;
  display: flex;
  align-items: center;
  gap: 0.16rem;
}

.withdraw-bank-card-ew .cards-list .card-item .item-top .item-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  width: 1.66rem;
  height: 0.8rem;
  border-radius: 0.12rem;
  overflow: hidden;
}

.withdraw-bank-card-ew .cards-list .card-item .item-top .item-icon img {
  width: 100%;
}

.withdraw-bank-card-ew .cards-list .card-item .item-top .item-info {
  flex: 1 1 0%;
  display: flex;
  flex-direction: column;
  gap: 0.08rem;
  font-size: 0.26rem;
  overflow: hidden;
}

.withdraw-bank-card-ew .cards-list .card-item .item-top .item-info .bank-name {
  color: #333;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
  word-break: break-word;
  line-height: 0.28rem;
}

@supports (-webkit-line-clamp: 2) {
  .withdraw-bank-card-ew
    .cards-list
    .card-item
    .item-top
    .item-info
    .bank-name {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}

.withdraw-bank-card-ew .cards-list .card-item .item-top .item-info .bank-num {
  color: #666;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
}

.withdraw-bank-card-ew .cards-list .card-item .item-bottom {
  color: #999;
  font-size: 0.22rem;
  text-align: right;
  flex: 1 1 0%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

.withdraw-bank-card-ew .cards-list .card-item .delete-icon {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.withdraw-bank-card-ew .cards-list .card-item .delete-icon svg {
  width: 0.3rem;
  height: 0.36rem;
}

.withdraw-bank-card-ew .cards-tips {
  margin: 0.4rem 0 0.3rem;
  color: #666;
  font-size: 0.28rem;
  text-align: center;
}

.withdraw-bank-card-ew .add-card-btn {
  margin: 0.3rem 0 0.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.withdraw-bank-card-ew .add-card-btn svg {
  width: 1.42rem;
  height: 1.42rem;
}

.withdraw-bank-card-ew .max-limit-tip {
  margin: 0.6rem 0 0.2rem;
  color: #666;
  font-size: 0.28rem;
  text-align: center;
}

.withdraw-bank-card-ew .no-bank-card {
  color: #fff;
  font-size: 0.48rem;
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
  height: 3.4rem;
  line-height: 3.4rem;
  background: url(/mobile/mc/no_cards.b6845e57.png) no-repeat;
  border-radius: 0.1rem;
  background-size: auto 100%;
  background-position: 50%;
  text-align: center;
  position: relative;
}

.withdraw-bank-card-ew .no-bank-card span {
  font-size: 0.3rem;
  color: #a9a9a9;
  position: relative;
  bottom: -1.32rem;
  display: inline-block;
}

.select-bank-wrapper .am-popup {
  background-color: transparent;
}

.select-bank-wrapper .select-bank-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.select-bank-wrapper .select-list-wrap {
  border-radius: 0.16rem;
  background: #fff;
  width: 6.66rem;
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 2rem);
  max-height: calc(var(--vh, 1vh) * 100 - 2rem);
  overflow: auto;
}

.select-bank-wrapper .select-title {
  background: #f2f2f2;
  min-height: 0.92rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.32rem;
  color: #333;
  border-radius: 0.16rem 0.16rem 0 0;
}

.select-bank-wrapper .select-list .select-item {
  padding: 0.1rem 0;
  margin: 0 0.4rem;
  min-height: 0.92rem;
  display: flex;
  align-items: center;
}

.select-bank-wrapper .select-list .select-item:not(:last-child) {
  border-bottom: 1px solid #dedede;
}

.select-bank-wrapper .select-list .select-item .item-group {
  display: flex;
  align-items: center;
  gap: 0.15rem;
  font-size: 0.28rem;
  color: #333;
}

.select-bank-wrapper .select-list .select-item .item-group.only-img img {
  height: 0.8rem;
  max-width: none;
}

.select-bank-wrapper .select-list .select-item .item-group .icon-img {
  display: flex;
}

.select-bank-wrapper .select-list .select-item .item-group .bank-txt {
  word-break: break-word;
}

.select-bank-wrapper .select-list .select-item .item-group img {
  max-width: 1.33rem;
  height: 0.32rem;
  object-fit: contain;
}

.select-bank-wrapper .select-close svg {
  width: 1.42rem;
  height: 1.42rem;
}

.withdraw-bank-card-vc {
  flex: 1 1 0%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.withdraw-bank-card-vc .cards-title {
  font-size: 0.28rem;
  color: #333;
  padding: 0.24rem 0 0.24rem 0.2rem;
  position: relative;
  display: flex;
  align-items: center;
}

.withdraw-bank-card-vc .cards-title:before {
  position: absolute;
  content: "";
  width: 0.1rem;
  height: 0.1rem;
  border-radius: 50%;
  background-color: #fd4084;
  left: 0;
}

.withdraw-bank-card-vc .cards-list {
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
}

.withdraw-bank-card-vc .cards-list .card-item {
  width: 7.1rem;
  height: 1.76rem;
  display: flex;
  gap: 0.2rem;
  padding: 0.2rem;
  border-radius: 0.16rem;
  margin-bottom: 0.2rem;
  box-shadow: 0 0.05rem 0.15rem 0 rgba(0, 0, 0, 0.12);
}

.withdraw-bank-card-vc .cards-list .card-item:nth-child(7n + 1) {
  background: url(/mobile/mc/withdraw-card-bg1.f4a3a62f.png) no-repeat 50% /
    cover;
}

.withdraw-bank-card-vc .cards-list .card-item:nth-child(7n + 2) {
  background: url(/mobile/mc/withdraw-card-bg2.ad06aadd.png) no-repeat 50% /
    cover;
}

.withdraw-bank-card-vc .cards-list .card-item:nth-child(7n + 3) {
  background: url(/mobile/mc/withdraw-card-bg3.ccb4d828.png) no-repeat 50% /
    cover;
}

.withdraw-bank-card-vc .cards-list .card-item:nth-child(7n + 4) {
  background: url(/mobile/mc/withdraw-card-bg4.a330a105.png) no-repeat 50% /
    cover;
}

.withdraw-bank-card-vc .cards-list .card-item:nth-child(7n + 5) {
  background: url(/mobile/mc/withdraw-card-bg5.5cfd86bd.png) no-repeat 50% /
    cover;
}

.withdraw-bank-card-vc .cards-list .card-item:nth-child(7n + 6) {
  background: url(/mobile/mc/withdraw-card-bg6.df0e3b26.png) no-repeat 50% /
    cover;
}

.withdraw-bank-card-vc .cards-list .card-item:nth-child(7n + 7) {
  background: url(/mobile/mc/withdraw-card-bg7.55a264e6.png) no-repeat 50% /
    cover;
}

.withdraw-bank-card-vc .cards-list .card-item .card-content {
  flex: 1 1 0%;
  display: flex;
  flex-direction: column;
  gap: 0.08rem;
}

.withdraw-bank-card-vc .cards-list .card-item .item-top {
  flex: 1 1 0%;
  display: flex;
  align-items: center;
  gap: 0.16rem;
}

.withdraw-bank-card-vc .cards-list .card-item .item-top .item-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  width: 1.66rem;
  height: 0.8rem;
  border-radius: 0.12rem;
  overflow: hidden;
}

.withdraw-bank-card-vc .cards-list .card-item .item-top .item-icon img {
  width: 100%;
}

.withdraw-bank-card-vc .cards-list .card-item .item-top .item-info {
  flex: 1 1 0%;
  display: flex;
  flex-direction: column;
  gap: 0.08rem;
  font-size: 0.26rem;
  overflow: hidden;
}

.withdraw-bank-card-vc .cards-list .card-item .item-top .item-info .bank-name {
  color: #333;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
  word-break: break-word;
  line-height: 0.28rem;
}

@supports (-webkit-line-clamp: 2) {
  .withdraw-bank-card-vc
    .cards-list
    .card-item
    .item-top
    .item-info
    .bank-name {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}

.withdraw-bank-card-vc .cards-list .card-item .item-top .item-info .bank-num {
  color: #666;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
}

.withdraw-bank-card-vc .cards-list .card-item .item-bottom {
  color: #999;
  font-size: 0.22rem;
  text-align: right;
  flex: 1 1 0%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

.withdraw-bank-card-vc .cards-list .card-item .delete-icon {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.withdraw-bank-card-vc .cards-list .card-item .delete-icon svg {
  width: 0.3rem;
  height: 0.36rem;
}

.withdraw-bank-card-vc .cards-tips {
  margin: 0.4rem 0 0.3rem;
  color: #666;
  font-size: 0.28rem;
  text-align: center;
}

.withdraw-bank-card-vc .add-card-btn {
  margin: 0.3rem 0 0.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.withdraw-bank-card-vc .add-card-btn svg {
  width: 1.42rem;
  height: 1.42rem;
}

.withdraw-bank-card-vc .max-limit-tip {
  margin: 0.6rem 0 0.2rem;
  color: #666;
  font-size: 0.28rem;
  text-align: center;
}

.withdraw-bank-card-vc .no-bank-card {
  color: #fff;
  font-size: 0.48rem;
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
  height: 3.4rem;
  line-height: 3.4rem;
  background: url(/mobile/mc/no_vcards.911c0c07.png) no-repeat;
  border-radius: 0.1rem;
  background-size: auto 100%;
  background-position: 50%;
  text-align: center;
  position: relative;
}

.withdraw-bank-card-vc .no-bank-card span {
  font-size: 0.3rem;
  color: #a9a9a9;
  position: relative;
  bottom: -1.32rem;
  display: inline-block;
}

.my-withdraw-cards-wrap {
  height: calc(100vh - 1rem);
  height: calc(var(--vh, 1vh) * 100 - 1rem);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: #fff;
}

.my-withdraw-cards-wrap .my-withdraw-cards {
  flex: 1 1 0%;
  overflow: auto;
  padding-bottom: 0.1rem;
}

.my-withdraw-cards-wrap .my-withdraw-cards .my-banks-wrap {
  height: auto;
}

.my-withdraw-cards-wrap
  .my-withdraw-cards
  .my-banks-wrap
  .no-bank-card
  span:before {
  background: #fff url(/mobile/mc/bank-icon.dede4e29.png) no-repeat 50%/0.55rem
    0.55rem;
}

.my-withdraw-cards-wrap .my-withdraw-cards .my-vb-banks-wrap {
  height: auto;
}

.my-withdraw-cards-wrap
  .my-withdraw-cards
  .my-vb-banks-wrap
  .no-bank-card
  span:before {
  background: #fff url(/mobile/mc/vbank-icon.f30d9229.png) no-repeat 50%/0.55rem
    0.55rem;
}

.my-withdraw-cards-wrap .my-withdraw-cards .my-ew-banks-wrap {
  height: auto;
}

.my-withdraw-cards-wrap
  .my-withdraw-cards
  .my-ew-banks-wrap
  .no-bank-card
  span:before {
  background: #fff url(/mobile/mc/ebank-icon.211e86d0.png) no-repeat 50%/0.55rem
    0.55rem;
}

.my-withdraw-cards-wrap .add-card-btn {
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.my-withdraw-cards-wrap .add-card-btn svg {
  width: 1.42rem;
  height: 1.42rem;
}

.my-withdraw-cards-wrap .no-bank-card {
  width: 7.1rem;
  height: 1.62rem;
  line-height: normal;
  display: flex;
  align-items: center;
  background: url(/mobile/mc/withdraw-card-default.61270f85.png) no-repeat 50% /
    cover;
  padding: 0 0.2rem;
  border-radius: 0.16rem;
  margin: 0 0 0.2rem;
  box-shadow: 0 0.05rem 0.15rem 0 rgba(0, 0, 0, 0.12);
  text-align: left;
}

.my-withdraw-cards-wrap .no-bank-card span {
  bottom: auto;
  position: relative;
  padding-left: 0.86rem;
  display: flex;
  align-items: center;
  font-size: 0.26rem;
  color: #333;
}

.my-withdraw-cards-wrap .no-bank-card span:before {
  position: absolute;
  content: "";
  left: 0;
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 50%;
}

.my-cards-select-wrapper .am-popup {
  background-color: transparent;
}

.my-cards-select-wrapper .select-bank-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.my-cards-select-wrapper .select-list-wrap {
  border-radius: 0.16rem;
  background: #fff;
  width: 6.66rem;
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 2rem);
  max-height: calc(var(--vh, 1vh) * 100 - 2rem);
  overflow: auto;
}

.my-cards-select-wrapper .select-title {
  background: #f2f2f2;
  min-height: 0.92rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.32rem;
  color: #333;
  border-radius: 0.16rem 0.16rem 0 0;
}

.my-cards-select-wrapper .select-list .select-item {
  padding: 0.1rem 0;
  margin: 0 0.4rem;
  min-height: 0.92rem;
  display: flex;
  align-items: center;
}

.my-cards-select-wrapper .select-list .select-item:not(:last-child) {
  border-bottom: 1px solid #dedede;
}

.my-cards-select-wrapper .select-list .select-item .item-group {
  display: flex;
  align-items: center;
  gap: 0.15rem;
  font-size: 0.28rem;
  color: #333;
}

.my-cards-select-wrapper .select-list .select-item .item-group.only-img img {
  height: 0.8rem;
  max-width: none;
}

.my-cards-select-wrapper .select-list .select-item .item-group .icon-img {
  display: flex;
}

.my-cards-select-wrapper .select-list .select-item .item-group .bank-txt {
  word-break: break-word;
}

.my-cards-select-wrapper .select-list .select-item .item-group img {
  max-width: 1.33rem;
  height: 0.32rem;
  object-fit: contain;
}

.my-cards-select-wrapper .select-close svg {
  width: 1.42rem;
  height: 1.42rem;
}

.my-banks-wrap {
  margin: 0 0.2rem;
  height: calc(100vh - 1rem);
  height: calc(var(--vh, 1vh) * 100 - 1rem);
  display: flex;
  flex-direction: column;
}

.my-ew-banks-wrap {
  margin: 0 0.2rem;
  height: calc(100vh - 1rem);
  height: calc(var(--vh, 1vh) * 100 - 1rem);
  display: flex;
  flex-direction: column;
}

.my-vb-banks-wrap {
  margin: 0 0.2rem;
  height: calc(100vh - 1rem);
  height: calc(var(--vh, 1vh) * 100 - 1rem);
  display: flex;
  flex-direction: column;
}

.red-rain-select {
  height: 0.8rem;
  text-align: center;
  line-height: 0.8rem;
  color: #fff;
  background: #3b79f3;
  position: relative;
  margin-top: 1.1rem;
}

.clear-icon {
  height: 1rem;
  line-height: 1rem;
}

#root .red-rain-lpbody .am-navbar-light {
  width: 75%;
}

#root .red-rain-lpbody .am-navbar-left {
  flex: 1 1 auto;
}

#root .red-rain-lpbody .am-navbar-left .am-navbar-left-content {
  padding-left: 0.16rem;
}

#root .red-rain-lpbody .am-navbar-right {
  flex: 1 1 auto;
  padding-right: 0.16rem;
  display: flex;
  justify-self: flex-end;
}

.red-rain-sall,
.red-rain-sdone {
  position: absolute;
}

.red-rain-sall {
  left: 0.45rem;
}

.red-rain-sdone {
  right: 0.45rem;
}

.red-rain-underling {
  padding: 0.2rem 0.45rem;
  background: #f5f5f5;
}

.red-rain-underling span {
  display: inline-block;
  min-width: 1.5rem;
  min-height: 0.5rem;
  text-align: center;
  padding: 0.1rem;
  font-size: 0.3rem;
  margin-bottom: 0.1rem;
  color: #5e5e5e;
  border: 1px solid #5e5e5e;
  border-radius: 0.1rem;
  margin-right: 0.2rem;
}

.red-rain-underling span.on {
  color: #3786ff;
  border: 1px solid #3786ff;
}

.red-rain-lul {
  max-height: calc(100% - 3rem);
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}

.red-rain-lul .red-rain-option {
  padding: 0 0.45rem;
  height: 1.06rem;
  position: relative;
}

.red-rain-opleft {
  position: absolute;
  left: 0.45rem;
  top: 0.32rem;
}

.red-rain-oname {
  margin-left: 0.6rem;
  line-height: 1.06rem;
  border-bottom: 1px solid #5e5e5e;
}

.red-rain-lul .red-rain-option:last-child .red-rain-oname {
  border-bottom: 0 none;
}

.red-rain-lpbody .am-search.am-search-start .am-search-synthetic-ph {
  width: 1.3rem !important;
  padding-left: 0.2rem;
}

.red-rain-main {
  padding: 0 0.45rem;
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
}

.red-rain-top {
  padding: 0.4rem 0;
  position: relative;
  border-bottom: 1px solid #d1d1d1;
  font-size: 0.3rem;
}

.red-rain-tleft {
  width: 1.12rem;
  color: #848484;
  left: 0;
  word-break: break-all;
}

.red-rain-tright {
  width: 0.4rem;
  height: 0.4rem;
  color: #4c84f8;
  border-radius: 100%;
  text-align: center;
  line-height: 0.4rem;
  right: 0;
}

.red-rain-tleft,
.red-rain-tright {
  position: absolute;
  top: 0.45rem;
}

.red-rain-tcenter {
  padding: 0 0.5rem 0 1.3rem;
  max-height: 3rem;
  overflow: auto;
  word-break: break-all;
}

.red-rain-tcenter span {
  display: inline-block;
  padding: 0.05rem 0;
}

.red-rain-type {
  height: 1.22rem;
  padding: 0.3rem 0;
}

.red-rain-tetit {
  float: left;
  line-height: 0.62rem;
}

.red-rain-bottom {
  padding: 0.1rem 0 0.7rem;
}

.red-rain-input input {
  padding-left: 0.2rem;
  width: 100%;
  height: 1.04rem;
  margin: 0.2rem 0;
  background-color: #efefef;
  border-radius: 0.15rem;
  line-height: 1.04rem;
  position: relative;
  border: 0 none;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.red-rain-input input:focus {
  border: 0.02rem solid #3879d9;
}

.red-rain-sub {
  margin: 0.1rem 0;
  color: #fff;
}

.red-rain-leftbody,
.red-rain-leftpull {
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}

.red-rain-leftbody {
  position: relative;
}

.red-rain-leftpull input {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.red-rain-leftpull {
  width: 100%;
  height: 100%;
  z-index: 99;
  position: fixed;
  top: 0;
}

.red-rain-lpmain {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.red-rain-lpbody {
  background: #fff;
  margin-left: 25%;
  width: 75%;
  height: 100%;
}

.red-rain-lpbody > div {
  height: 100%;
}

.red-rain-lpbg {
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  left: 0;
  top: 0;
  right: 75%;
  bottom: 0;
}

.team-manage-wrapper header .info {
  margin-left: 0.09rem;
  display: flex;
  align-items: center;
}

.team-manage-wrapper header .info svg {
  width: 0.33rem;
  height: 0.33rem;
}

.team-manage-wrapper header .am-navbar-right {
  padding: 0 0.3rem 0 0.1rem;
}

.team-manage-wrapper .mc-agent-team-container {
  border-bottom: 1px solid #dbdbdb;
  height: 1.13rem;
}

.team-manage-wrapper .mc-agent-team-container .dropdown-wrapper {
  z-index: 10;
}

.team-manage-wrapper
  .mc-agent-team-container
  .dropdown-wrapper
  .mc-teamlist-filter
  .am-input-item {
  max-width: 3.5rem;
}

.team-manage-wrapper .mc-agent-team-flow {
  background-color: #fff;
}

.team-manage-wrapper .mc-agent-team-flow .team-member-flow {
  box-shadow: inherit !important;
  height: 1.06rem;
}

.team-manage-wrapper .mc-agent-team-flow .team-member-flow .team-member-item {
  padding: 0 0.24rem;
}

.team-manage-wrapper
  .mc-agent-team-flow
  .team-member-flow
  .team-member-item
  .unit-active {
  background-color: #fff;
  color: #108ee9;
  border: 1px solid #108ee9;
}

.team-manage-wrapper .mc-agent-team-flow .team-member-flow input[type="radio"] {
  display: none;
}

.team-manage-wrapper
  .mc-agent-team-flow
  .team-member-flow
  input[type="radio"]:checked
  + label {
  background-color: #fff;
  color: #108ee9;
  border: 1px solid #108ee9;
}

.team-manager-modal .modal-list-header {
  color: #5b5b5b;
  font-size: 0.32rem;
  padding: 0.28rem 0.62rem;
  position: relative;
  text-align: left;
}

.team-manager-modal .modal-list-header .popup-close {
  position: absolute;
  right: 0.4rem;
  top: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
}

.team-manager-modal .modal-list-header .popup-close svg {
  fill: #b7b7b7;
  width: 0.48rem;
  height: 0.48rem;
}

.team-manager-modal .modal-list-content {
  padding: 0 0.5rem 0 0.62rem;
  color: #5b5b5b;
  font-size: 0.28rem;
}

.team-manager-modal .modal-list-content input[type="radio"] {
  display: none;
}

.team-manager-modal
  .modal-list-content
  input[type="radio"]:checked
  + label
  .check-icon {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1 1 0%;
}

.team-manager-modal .modal-list-content .list-item {
  border-top: 1px solid #e6e6e6;
  padding: 0.14rem 0;
  display: flex;
  align-items: center;
  position: relative;
  gap: 0.17rem;
}

.team-manager-modal .modal-list-content .list-item .check-icon {
  display: none;
}

.team-manager-modal .modal-list-content .list-item .check-icon svg {
  fill: #ec2529;
  width: 0.33rem;
}

.team-manager-modal .modal-list-content .list-item .sort_icon svg {
  fill: #7f7f7f;
}

.member-detail-wrapper {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  background: #fff7f6 url(/mobile/mc/member_detail_bg.90ea5731.jpg) top
    no-repeat;
  background-size: 7.5rem 6.34rem;
  position: fixed;
  top: 0;
  z-index: 10;
  width: 100%;
  overflow: auto;
}

.member-detail-wrapper header {
  display: flex;
  height: 1rem;
  justify-content: center;
  position: relative;
  align-items: center;
  color: #fff;
  font-size: 0.36rem;
}

.member-detail-wrapper header svg {
  position: absolute;
  left: 0.25rem;
  fill: #fff;
}

.member-detail-wrapper .member-detail-top {
  background-size: cover;
  margin: 0 0.4rem;
  display: flex;
  flex-wrap: wrap;
  color: #fff;
  margin-bottom: 0.23rem;
}

.member-detail-wrapper .member-detail-top .item-left .avatar-icon {
  width: 1.16rem;
  height: 1.16rem;
  border-radius: 0.58rem;
  overflow: hidden;
  border: 0.05rem solid #ffe2de;
  background-color: #fd2f2f;
}

.member-detail-wrapper .member-detail-top .item-left .avatar-icon img {
  object-fit: fill;
  width: 100%;
  height: auto;
}

.member-detail-wrapper .member-detail-top .item-right {
  margin-left: 0.15rem;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.member-detail-wrapper .member-detail-top .item-right .item-name {
  font-size: 0.34rem;
  text-align: left;
}

.member-detail-wrapper
  .member-detail-top
  .item-right
  .item-name
  .nickname-wrap {
  margin-left: 0.17rem;
  vertical-align: middle;
}

.member-detail-wrapper
  .member-detail-top
  .item-right
  .item-name
  .nickname-wrap
  svg {
  width: 0.35rem;
  height: 0.35rem;
}

.member-detail-wrapper
  .member-detail-top
  .item-right
  .item-name
  .nickname-wrap
  .nickname-item {
  width: 1.31rem;
  display: inline-block;
  padding-left: 0.11rem;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.member-detail-wrapper
  .member-detail-top
  .item-right
  .item-name
  .nickname-wrap
  .nickname-item:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 0.02rem;
  background-color: #a0a0a0;
  bottom: 0.03rem;
  left: 0;
}

.member-detail-wrapper .member-detail-top .item-right .item-avail {
  font-size: 0.48rem;
  text-align: left;
}

.member-detail-wrapper .member-detail-top .item-date {
  flex: 0 0 100%;
  margin: 0.1rem 0 0;
  font-size: 0.24rem;
  text-align: left;
}

.member-detail-wrapper .member-detail-top .item-date .date-title {
  position: relative;
  padding-right: 0.2rem;
}

.member-detail-wrapper .member-detail-top .item-date .date-title:before {
  position: absolute;
  content: ":";
  right: 0.1rem;
}

.member-detail-wrapper .member-detail-btn {
  border-radius: 0.26rem;
  background-color: hsla(0, 0%, 100%, 0.8);
  display: flex;
  justify-content: space-around;
  margin: 0 0.24rem;
  padding: 0.2rem 0;
}

.member-detail-wrapper .member-detail-btn .btn-item {
  font-size: 0.24rem;
  color: #212121;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.member-detail-wrapper .member-detail-btn .btn-item img {
  width: 0.64rem;
  object-fit: contain;
  margin-bottom: 0.13rem;
}

.member-detail-wrapper .member-detail-tab {
  margin: 0 0.24rem;
}

.member-detail-wrapper .member-detail-tab .am-tabs-bar {
  position: relative;
  margin-top: 0.2rem;
  width: 100%;
}

.member-detail-wrapper .member-detail-tab .am-tabs-bar .am-tabs-ink-bar {
  display: none !important;
}

.member-detail-wrapper .member-detail-tab .am-tabs-bar .am-tabs-tab {
  background-color: transparent;
  position: relative;
  border-bottom: inherit;
  color: #212121;
  font-size: 0.3rem;
  font-weight: 700;
  width: 50%;
  word-break: break-all;
  height: inherit;
  line-height: inherit;
  padding: 0 0.1rem;
}

.member-detail-wrapper
  .member-detail-tab
  .am-tabs-bar
  .am-tabs-tab
  .icon-setrebate {
  display: none;
}

.member-detail-wrapper
  .member-detail-tab
  .am-tabs-bar
  .am-tabs-tab:nth-child(3).am-tabs-tab-active:before {
  left: -0.42rem;
}

.member-detail-wrapper .member-detail-tab .am-tabs-bar .am-tabs-tab-active {
  color: #ec2529;
  border-bottom: none !important;
}

.member-detail-wrapper
  .member-detail-tab
  .am-tabs-bar
  .am-tabs-tab-active:before {
  position: absolute;
  content: "";
  width: 0.36rem;
  height: 0.05rem;
  background-color: #ec2529;
  bottom: -0.05rem;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 0.02rem;
}

.member-detail-wrapper
  .member-detail-tab
  .am-tabs-bar
  .am-tabs-tab-active
  .icon-setrebate {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 0.38rem;
  height: 0.38rem;
  background-color: #fea195;
  border-radius: 0.19rem;
  position: relative;
  margin: auto 0 auto 0.12rem;
}

.member-detail-wrapper
  .member-detail-tab
  .am-tabs-bar
  .am-tabs-tab-active
  .icon-setrebate
  svg {
  width: 0.23rem;
  height: 0.23rem;
  fill: #fff;
}

.member-detail-wrapper .member-detail-tab .am-tabs-content {
  margin-top: 0.28rem;
  color: #616161;
  font-size: 0.28rem;
  line-height: 2.5;
}

.member-detail-wrapper .member-detail-tab .am-tabs-content .am-tabs-tabpane {
  padding: 0 1.12rem 0.28rem;
  background-color: #fafafa;
  border-radius: 0.19rem;
  height: auto;
}

.member-detail-wrapper .member-detail-tab .am-tabs-content .am-tabs-tabpane li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0.1rem 0;
}

.member-detail-wrapper
  .member-detail-tab
  .am-tabs-content
  .am-tabs-tabpane
  li
  .item-left {
  text-align: left;
  width: 45%;
  word-break: break-word;
  line-height: 1.3;
}

.member-detail-wrapper
  .member-detail-tab
  .am-tabs-content
  .am-tabs-tabpane
  li
  .item-right {
  text-align: right;
}

.member-detail-wrapper
  .member-detail-tab
  .am-tabs-content
  .am-tabs-tabpane
  li
  .item-right.text-red {
  color: #ec2529;
}

.member-detail-wrapper
  .member-detail-tab
  .am-tabs-content
  .am-tabs-tabpane
  li
  .item-right.text-green {
  color: #4bb319;
}

.info-modal.am-modal-transparent {
  width: 4.56rem !important;
}

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

.info-modal.am-modal-transparent .am-modal-content .am-modal-body .info-title {
  font-size: 0.32rem;
  font-weight: 700;
  line-height: normal;
}

.info-modal.am-modal-transparent
  .am-modal-content
  .am-modal-body
  .info-content {
  margin-top: 0.2rem;
  color: #616161;
  font-size: 0.28rem;
  line-height: 1.36;
}

.info-modal.am-modal-transparent
  .am-modal-content
  .am-modal-footer
  .am-modal-button-group-v
  .am-modal-button {
  border-top: none;
  color: #3e6ffe;
  font-weight: 700;
  font-size: 0.28rem;
}

.footer-content-item-income {
  box-shadow: 0 -0.07rem 0.1rem 0 rgba(0, 0, 0, 0.08);
  position: fixed;
  bottom: 0;
  background: #fff;
  width: 100%;
  font-size: 0.24rem;
}

.footer-content-item-income .footer-rows-wrap {
  padding: 0.27rem 0.24rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.16rem 0;
}

.footer-content-item-income .footer-rows-wrap .footer-rows {
  font-size: 0.24rem;
  font-weight: 500;
  color: #1b1b1b;
  width: 50%;
  display: flex;
  padding: 0.04rem 0;
}

.amount-positive-number {
  color: #70b603;
}

.amount-negative-number {
  color: red;
}

.loss-amount {
  color: #70b603 !important;
}

.win-amount {
  color: red !important;
}

.amount-zero-number {
  color: #000;
}

.record-amount {
  font-weight: 700;
  font-size: 0.3rem;
  margin-top: 0.1rem;
}

.total-hands {
  color: #108ee9;
  font-style: normal;
  margin: 0 0.1rem;
}

.pnl-filter-type svg {
  width: 20;
}

.cons-bet-item .records-item-content-box {
  background-color: #fafafa;
  padding-top: 0.12rem;
}

.cons-bet-item .records-item-content-box.content {
  border-radius: 0.08rem;
  color: #616161;
  font-size: 0.24rem;
  font-weight: 500;
  display: flex;
  flex-wrap: wrap;
  gap: 0.16rem 0;
  padding: 0.13rem;
}

.cons-bet-item .records-item-content-box.content div {
  width: 50%;
}

.cons-bet-item .records-item-content-box div:first-child {
  padding: 0 !important;
  background-color: transparent;
}

.cons-bet-item .records-item-content-box .item-total {
  display: flex;
  width: 100% !important;
  color: #1b1b1b;
  font-weight: 500;
  margin-top: 0.06rem;
}

.cons-bet-item.income-records-root {
  padding: 0.26rem;
  margin: 0 !important;
}

.cons-bet-item .mc_common_overflow span {
  color: #c9c9c9;
}

.gameCecords-list-root .am-activity-indicator {
  justify-content: center;
  padding-bottom: 0.4rem;
}

.gameCecords-list-root .top-tip {
  position: absolute;
  top: -0.4rem;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 0.4rem;
  line-height: 0.4rem;
  text-align: center;
  font-size: 0.28rem;
  color: #000;
  opacity: 0.4;
}

.lott-records-root .records-item-content-sy > div {
  margin-bottom: 0.2rem;
}

.record_date {
  line-height: 1;
  white-space: nowrap;
}

.cr-container li {
  border-bottom: 1px solid #dbdbdb;
}

.cr-container li .records-item-content-sy {
  position: relative;
}

.cr-container li .records-item-content-sy > div:first-child {
  background-color: #f5f5f5;
  padding: 0.1rem 0;
}

.mc-new-team-tab .mc-agent-team-tab {
  height: 0.8rem;
  z-index: 999;
  background: #fff;
  line-height: 0.8rem;
  width: 100%;
  top: 1rem;
}

.mc-new-team-tab .mc-agent-team-tab .am-flexbox-item {
  text-align: center;
  min-width: 25%;
  margin-left: 0;
  height: 0.8rem;
  border-bottom: 0.04rem solid #fff;
}

.mc-new-team-tab .mc-agent-team-tab .am-flexbox-item.tab-active {
  border-bottom: 0.04rem solid #108ee9;
}

.mc-new-team-tab .mc-agent-team-container {
  top: 2rem;
}

.mc-agent-team-list {
  width: 100%;
  height: 100%;
}

.mc-agent-team-filter-income {
  box-shadow: 0 0.07rem 0.1rem 0 rgba(0, 0, 0, 0.08);
  z-index: 1;
  position: relative;
  top: 0;
  height: 0.97rem;
}

.mc-agent-team-filter-income .pdfc-mask {
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 8;
  background: rgba(0, 0, 0, 0.3);
}

.mc-agent-team-filter-income .filter-container {
  position: relative;
  background-color: #fff;
  padding: 0.2rem;
  top: 0;
  box-shadow: 0 0.05rem 0.1rem -0.04rem #8c8c8c;
  opacity: 0;
  z-index: -999;
  animation-duration: 0.5s;
  animation-fill-mode: both;
}

@keyframes filter-fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.mc-agent-team-filter-income .filter-container.show-filter {
  animation-name: filter-fadeIn;
  z-index: 888;
  opacity: 1;
}

.mc-agent-team-filter-income .filter-container .am-button-ghost {
  color: #565656;
  border: 0;
}

.mc-agent-team-filter-income .filter-container .am-button-ghost svg {
  fill: #565656;
}

.mc-agent-team-filter-income .filter-container .game-label {
  display: inline-block;
  min-width: calc(33% - 0.12rem);
  height: 0.6rem;
  line-height: 0.6rem;
  text-align: center;
  font-size: 0.28rem;
  margin: 0.06rem;
  border-radius: 0.1rem;
  color: #565656;
  border: 0.02rem solid #d6d6d6;
  vertical-align: top;
  overflow: hidden;
}

.mc-agent-team-filter-income .filter-container .game-label.ck-icon {
  top: 0;
  border: 0.02rem solid #fe0425;
  color: #fe0425;
}

.mc-agent-team-filter-income .filter-container .bet-filter-item-content > div {
  display: inline-block;
  min-width: calc(33% - 0.12rem);
  height: 0.6rem;
  line-height: 0.6rem;
  text-align: center;
  font-size: 0.28rem;
  margin: 0.06rem;
  border-radius: 0.1rem;
  color: #565656;
  border: 0.02rem solid #d6d6d6;
  vertical-align: top;
  overflow: hidden;
}

.mc-agent-team-filter-income
  .filter-container
  .bet-filter-item-content
  > div.ck-date {
  border: 0.02rem solid #fe0425;
  color: #fe0425;
}

.mc-agent-team-filter-income .filter-top {
  font-size: 0.28rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: flex-end;
  color: #575757;
}

.mc-agent-team-filter-income .filter-top .mc-agent-team-filter-date svg {
  margin-left: 0.15rem;
  top: 0 !important;
  width: 0.18rem;
  height: 0.18rem;
}

.mc-agent-team-filter-income .mc-agent-team-filter-search {
  flex: 1 1 0%;
  height: 0.6rem;
  line-height: 0.6rem;
  padding: 0 0.1rem;
  top: 0.1rem;
  position: relative;
  display: inline-block;
}

.mc-agent-team-filter-income .mc-agent-team-filter-search svg {
  left: 0.2rem;
  top: 0.13rem;
  position: absolute;
}

.mc-agent-team-filter-income .mc-agent-team-filter-search input {
  height: 0.6rem;
  padding: 0 0.1rem 0 0.6rem;
  border-radius: 0.4rem;
  display: inline-block;
  background-color: #f5f5f5;
  border: none;
  outline: none;
}

.mc-agent-team-filter-income .mc-agent-team-filter-date {
  top: 0.1rem;
  min-width: 1.8rem;
  position: relative;
  font-size: 0.26rem;
  height: 0.77rem;
  text-align: center;
  line-height: 0.77rem;
  display: inline-block;
}

.mc-agent-team-filter-income .mc-agent-team-filter-date svg {
  position: relative;
  top: 0.16rem;
  transform: rotate(-90deg);
}

.income-tab .am-flexbox-item {
  height: 0.5rem;
  line-height: 1;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre-line;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pnl-filter-date {
  color: #858585 !important;
}

.pnl-filter-date svg {
  fill: #858585 !important;
}

.show-mask-pnl .mc-agent-team-flow {
  position: relative;
  z-index: 9999;
}

.bank-swiper-pagination,
.profit-swiper-pagination {
  text-align: center;
  position: fixed;
  bottom: 0;
  z-index: 9999;
  left: 50%;
  transform: translateX(-50%);
}

.bank-swiper-pagination .swiper-pagination-bullet,
.profit-swiper-pagination .swiper-pagination-bullet {
  width: 0.18rem;
  height: 0.18rem;
  margin: 0 0.08rem;
}

.bank-swiper-pagination .swiper-pagination-bullet-active,
.profit-swiper-pagination .swiper-pagination-bullet-active {
  background: #e70011;
}

.swiper-slide-active .pnl-table-list:first-child {
  border-bottom: 1px solid #dbdbdb;
}

.mc-agent-team:not(.CN) .pnl-table-header {
  white-space: normal;
}

.mc-agent-team:not(.CN) .pnl-table-list div {
  word-break: break-word;
}

.mc-agent-team:not(.CN) .mt-team-footer {
  height: 0.52rem;
  line-height: 0.52rem;
  vertical-align: top;
}

.promotion-detail
  .pnl-table-list-container
  > div
  .pnl-table-list:nth-child(2n) {
  background: #fafafa;
}

.pnl-list {
  position: relative;
}

.direct-member-pop .pop-mask {
  position: fixed;
  content: "";
  top: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.1);
}

.direct-member-pop .popup-wrapper {
  background: #fff;
  border-radius: 0.2rem 0.2rem 0 0;
  width: 100%;
  position: absolute;
  top: 0;
  overflow: hidden;
  animation: detail-slideInUp 0.25s both;
  height: 100%;
}

.direct-member-pop .popup-wrapper.hide-pop {
  animation-name: pop-slideOutDown;
}

.direct-member-pop .direct-content {
  height: 100%;
}

.direct-member-pop .close-btn {
  position: absolute;
  right: 0.4rem;
  top: 0.2rem;
  z-index: 2;
  width: 0.4rem;
  height: 0.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.direct-member-pop .close-btn svg {
  width: 0.22rem;
  height: 0.22rem;
}

.direct-member-pop .list-wrapper {
  height: 100% !important;
}

@keyframes pop-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    display: none;
    transform: translate3d(0, 100%, 0);
  }
}

.ug-order-info {
  line-height: 1.6em;
  font-size: 0.22rem;
  padding: 1em 5% 0;
}

.ug-order-info .header-back {
  line-height: 1rem;
  text-align: center;
  font-size: 0.36rem;
  background: #695ffe;
  color: #fff;
}

.ug-order-info .betDetails-list {
  border: 1px solid #000;
}

.ug-order-info .betDetails-list .list-item {
  border-bottom: 1px solid #000;
}

.ug-order-info .betDetails-list .list-item .list-item-row {
  display: flex;
  justify-content: space-between;
}

.ug-order-info .betDetails-list .list-item .list-item-row div:first-child {
  width: 73%;
  padding: 0 1em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ug-order-info .betDetails-list .list-item .list-item-row div:last-child {
  font-weight: 700;
  width: 30%;
  white-space: nowrap;
  text-align: center;
}

.ug-order-info .betDetails-list .list-item:nth-child(2n-1) {
  background-color: #efefef;
}

.ug-order-info .cl-red {
  color: red;
}

.ug-order-info .cl-green {
  color: green;
}

.ug-order-info .ft-bold {
  font-weight: 700;
}

.ug-order-info .pd1em {
  padding-left: 1em;
}

.mc-teamBetting .am-navbar-right {
  align-items: flex-start;
}

.mc-gameRecord .am-navbar-right {
  position: relative;
  flex: 0 0 2.3rem !important;
}

.am-navbar-right .exclude-btn {
  position: absolute;
  font-size: 0.22rem;
  padding: 0.1rem;
  border-radius: 0.4rem;
  background-color: #108ee9;
  min-width: 2rem;
  text-align: center;
}

.am-search-synthetic-ph {
  width: 1.5rem;
}

.exclude-info-wrap .content-text {
  color: #333;
  font-size: 0.25rem;
  text-align: left;
}

.exclude-info-wrap .red-title {
  color: red;
  text-align: left;
  font-weight: 700;
  margin-bottom: 0.3rem;
}

.mc-lott-record-root {
  position: relative;
  overflow-x: hidden;
}

.mc-lott-record-root .play-chooser .am-search-cancel {
  display: none;
}

.mc-lott-record-root .select-Box {
  font-size: 0.63rem;
  position: relative;
}

.mc-lott-record-root .select-Box .am-list-content {
  color: #108ee9;
}

.mc-lott-record-root .select-Box > div {
  border: 1px solid #108ee9;
  border-radius: 0.1rem;
  margin-top: 0.3rem;
  padding: 0.1rem 0.2rem 0.2rem;
}

.mc-lott-record-root .select-Box .type {
  display: inline-block;
  padding: 0 0.15rem;
  font-size: 0.32rem;
  color: #108ee9;
  position: absolute;
  background: #fff;
  transform: translateY(-0.3rem);
}

.mc-lott-record-root .select-Box span {
  margin-right: 0.2rem;
  color: #888;
  border: 1px solid #ddd;
  display: inline-block;
  position: relative;
  font-size: 0.28rem;
  text-align: center;
  padding: 0 0.3rem;
  height: 0.5rem;
  line-height: 0.5rem;
  border-radius: 0.06rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mc-lott-record-root .select-Box span.active {
  color: #108ee9;
  border-color: #108ee9;
}

.mc-lott-record-root .btn {
  margin-top: 0.2rem;
}

.mc-lott-record-root .main {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  z-index: 2;
  transition: all 0.25s ease-out;
}

.mc-lott-record-root .play-chooser {
  visibility: hidden;
  opacity: 0;
  top: 0;
  padding: 0 0.15rem;
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  width: 80%;
  height: 100%;
  background-color: #fff;
  z-index: 0;
  color: #eee;
  left: 100%;
  transition: all 0.25s ease-out;
}

.mc-lott-record-root .play-chooser.open {
  left: 20%;
  opacity: 1;
}

.mc-lott-record-root .play-chooser-open {
  transform: translate3d(-80%, 0, 0);
}

.mc-lott-record-root .chooser-mask {
  transition: opacity 0.5s;
  position: absolute;
  visibility: hidden;
  width: 100%;
  height: 100%;
  z-index: 9;
  opacity: 0;
  background-color: #000;
}

.mc-lott-record-root .chooser-mask.show {
  opacity: 0.5;
  visibility: visible;
}

.lottType-box .am-list-line {
  display: flex !important;
  justify-content: left !important;
}

.lottType-box .am-list-extra {
  overflow: auto !important;
  flex-basis: 50% !important;
  text-align: left !important;
}

.lottType-box .am-list-arrow {
  position: absolute !important;
  right: 0;
}

.lottType-box .am-list-content {
  display: none;
}

.lottType-box > .type {
  z-index: 10;
}

.play-chooser .chase-number {
  padding: 0.2rem 0;
}

.play-chooser .chase-number > span {
  color: #108ee9;
}

.mc-lott-record-root .lott-records-root.list {
  margin-bottom: 0;
}

#root.lott-detail .am-whitespace-lg {
  height: 1rem;
}

#root.lott-detail > div {
  height: auto;
}

#root.lott-detail .am-tabs-bar {
  background-color: initial;
}

.u-filter-game-type .flex-shrink1,
.u-filter-game-type .flex-shrink1 .am-button {
  width: 100% !important;
}

.exclude-records-root {
  margin-bottom: 0.4rem;
}

.exclude-records-root .records-item-header-sy {
  background: #fff;
  display: flex;
  align-items: center;
  padding: 0.14rem 0.3rem;
  height: 0.7rem;
  line-height: 0.7rem;
}

.exclude-records-root .records-item-header-sy .details > span {
  font-size: 0.26rem;
  color: #108ee9;
  padding: 0.2rem 0 0.2rem 0.3rem;
}

.exclude-records-root .records-item-content-sy {
  background: #f9f9f9;
  font-size: 0.26rem;
  padding: 0.3rem 0.3rem 0.2rem;
}

.exclude-records-root .records-item-content-sy .info-box > span {
  margin-bottom: 0.1rem;
}

.records-item-header-sy {
  position: relative;
}

.records-item-header-sy .full_name_tip {
  line-height: 1;
  border-radius: 0.05rem;
  opacity: 0;
  color: #fff;
  position: absolute;
  top: 0.8rem;
  max-width: 80%;
  margin: 0;
  background-color: gray;
  padding: 0.1rem;
  transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.records-item-header-sy .full_name_tip:after {
  left: 0.3rem;
  border-left: 0.2rem solid transparent;
  border-bottom: 0.2rem solid gray;
  border-right: 0.2rem solid transparent;
  border-top: 0.2rem solid transparent;
  bottom: 100%;
  content: "";
  position: absolute;
  height: 0;
  width: 0.03rem;
}

.records-item-header-sy .full_name_tip.showTip {
  opacity: 1;
}

.lottOrderInfo_root {
  font-size: 0.26rem;
  padding: 0.2rem 0.4rem 0.1rem;
  background: #fff;
  border-bottom: 1px solid #cecdcd;
}

.lottOrderInfo_root span {
  margin-bottom: 0.1rem;
}

.lottOrderInfo_root .order_content {
  width: 2.8rem;
  overflow: hidden;
  display: flex;
}

.lottOrderInfo_root .order_content i {
  font-style: normal;
}

.lottOrderInfo_root .order_content .content {
  width: 2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}

.lottOrderInfo_root .order_content .bett-more {
  color: #108ee9;
}

.lott-detail {
  height: 100%;
  background: #f5f5f5;
}

.lott-detail .records-info-sy {
  background: #fff;
  font-size: 0.26rem;
  margin-bottom: 0.2rem;
}

.lott-detail .records-info-sy .order-info {
  border-bottom: 1px solid #cecdcd;
  padding: 0.3rem 0.6rem 0.2rem;
}

.lott-detail .records-info-sy .info-box > span {
  margin-bottom: 0.1rem;
}

.lott-detail .records-info-sy .order-money {
  padding: 0.3rem 0.6rem 0.2rem;
}

.deposit-promo .act-title {
  color: #747474;
  margin-top: 0.14rem;
}

.deposit-promo .act-container .act-item {
  background: #fff;
  border-radius: 0.08rem;
  color: #7f7f7f;
  overflow: hidden;
  border: 1px solid #efefef;
  margin-top: 0.2rem;
}

.deposit-promo .act-container .act-item .wysiwyg {
  padding-bottom: 0;
}

.deposit-promo .act-container .act-item .act-prom-remark {
  font-size: 85%;
  background-color: #edf2fa;
  padding: 0.1rem 0.2rem;
  color: #7f7f7f;
}

.deposit-promo .act-container .act-prom-name {
  position: relative;
  padding: 0.2rem 30% 0.2rem 0.2rem;
}

.deposit-promo .act-container .act-prom-name .act-mount {
  max-width: 30%;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 0.2rem;
  border-left: 1px solid #ccc;
}

.deposit-promo .act-container .act-prom-name .act-mount i {
  font-style: normal;
}

.deposit-promo .act-container .act-item.on {
  border-color: #a8cfff;
  color: #3786fc !important;
}

.deposit-promo .act-container .act-item.on p {
  color: #9ea5b4;
  font-size: 0.26rem;
  padding: 0.2rem;
  background: #e4ecfc;
}

.deposit-promo .act-container .act-item.on .act-mount {
  border-left: 1px solid #bcd1fc;
}

.deposit-promo .act-container .act-item.on .act-mount i {
  font-style: normal;
}

.deposit-promo .act-container .act-item.dis {
  color: #c7c7c7;
}

#vc-v2-active .act-prom-remark-v2 {
  padding-bottom: 0.14rem;
}

#vc-v2-active .act-prom-remark-v2 .wysiwyg {
  display: inline-block;
  word-break: keep-all;
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  padding-right: 1.2rem;
}

#vc-v2-active .act-prom-remark-v2 .wysiwyg br {
  display: none;
}

#vc-v2-active .act-prom-remark-v2 .wysiwyg > :not(:first-child) {
  display: none !important;
}

#vc-v2-active .act-prom-remark-v2 .wysiwyg p {
  white-space: nowrap !important;
}

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

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

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

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

.rmc-picker-popup-mask {
  background-color: #373737;
  background-color: rgba(55, 55, 55, 0.6);
  height: 100%;
  filter: alpha(opacity=50);
}

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

.rmc-picker-popup-header {
  background-image: -webkit-linear-gradient(
    top,
    #e7e7e7,
    #e7e7e7,
    transparent,
    transparent
  );
  background-image: linear-gradient(
    180deg,
    #e7e7e7,
    #e7e7e7,
    transparent,
    transparent
  );
  background-position: bottom;
  background-size: 100% 1px;
  background-repeat: no-repeat;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.rmc-picker-popup-header-left,
.rmc-picker-popup-header-right {
  padding-left: 0.15rem;
  padding-right: 0.15rem;
}

.rmc-date-picker.change-order .rmc-picker:first-child {
  order: 3;
}

.rmc-picker-popup-item {
  color: #0ae;
  font-size: 0.32rem;
  height: 0.88rem;
  line-height: 0.88rem;
  cursor: pointer;
  box-sizing: border-box;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

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

.rmc-picker-popup-title {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1 1 0%;
  color: #666;
  cursor: default;
}

.rmc-picker-popup-fade-appear,
.rmc-picker-popup-fade-enter {
  opacity: 0;
}

.rmc-picker-popup-fade-appear,
.rmc-picker-popup-fade-enter,
.rmc-picker-popup-fade-leave {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -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;
}

.rmc-picker-popup-fade-appear.rmc-picker-popup-fade-appear-active,
.rmc-picker-popup-fade-enter.rmc-picker-popup-fade-enter-active {
  -webkit-animation-name: rmcPopupPickerFadeIn;
  animation-name: rmcPopupPickerFadeIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.rmc-picker-popup-fade-leave.rmc-picker-popup-fade-leave-active {
  -webkit-animation-name: rmcPopupPickerFadeOut;
  animation-name: rmcPopupPickerFadeOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

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

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

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

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

.rmc-picker-popup-slide-fade-appear,
.rmc-picker-popup-slide-fade-enter {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.rmc-picker-popup-slide-fade-appear,
.rmc-picker-popup-slide-fade-enter,
.rmc-picker-popup-slide-fade-leave {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -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;
}

.rmc-picker-popup-slide-fade-appear.rmc-picker-popup-slide-fade-appear-active,
.rmc-picker-popup-slide-fade-enter.rmc-picker-popup-slide-fade-enter-active {
  -webkit-animation-name: rmcPopupPickerSlideFadeIn;
  animation-name: rmcPopupPickerSlideFadeIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.rmc-picker-popup-slide-fade-leave.rmc-picker-popup-slide-fade-leave-active {
  -webkit-animation-name: rmcPopupPickerSlideFadeOut;
  animation-name: rmcPopupPickerSlideFadeOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

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

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

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

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

.rmc-multi-picker,
.rmc-picker {
  height: 4.76rem;
}

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

.rmc-picker-item {
  font-size: 0.32rem;
  height: 0.68rem;
  line-height: 0.68rem;
  padding: 0 0.1rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #9b9b9b;
  box-sizing: border-box;
}

.rmc-picker,
.rmc-picker-item {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.rmc-picker {
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1 1 0%;
  text-align: center;
}

.rmc-picker-mask {
  height: 100%;
  margin: 0 auto;
  z-index: 3;
  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;
}

.rmc-picker-content,
.rmc-picker-mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.rmc-picker-content {
  z-index: 1;
}

.rmc-picker-indicator {
  box-sizing: border-box;
  width: 100%;
  height: 0.68rem;
  position: absolute;
  left: 0;
  top: 2.04rem;
  z-index: 3;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

#root.deposit-iframe {
  width: 100%;
  height: 100vh;
}

@supports (-webkit-touch-callout: none) {
  #root.deposit-iframe {
    height: calc(var(--vh, 1vh) * 100);
  }
}

@supports (height: 100dvh) {
  #root.deposit-iframe {
    height: 100dvh;
  }
}

.deposit-iframe .iframe-container iframe#deposit-content {
  position: fixed;
  left: 0;
  top: 0;
  border: 0;
  width: 100%;
  height: 100vh;
  -webkit-overflow-scrolling: touch;
}

@supports (-webkit-touch-callout: none) {
  .deposit-iframe .iframe-container iframe#deposit-content {
    height: calc(var(--vh, 1vh) * 100);
  }
}

@supports (height: 100dvh) {
  .deposit-iframe .iframe-container iframe#deposit-content {
    height: 100dvh;
  }
}

.game-back-icon {
  position: fixed;
  left: 0.3rem;
  z-index: 11 !important;
  display: flex;
  align-items: center;
  width: 1rem;
  height: 1rem;
  top: 0;
}

.game-back-icon.deposit {
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0.2rem;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  box-shadow:
    inset -0.02rem -0.02rem 0.06rem hsla(0, 0%, 100%, 0.35),
    inset 0.02rem 0.02rem 0.06rem rgba(0, 0, 0, 0.2),
    -0.04rem -0.04rem 0.1rem hsla(0, 0%, 100%, 0.15),
    0.04rem 0.04rem 0.12rem rgba(0, 0, 0, 0.25);
  -webkit-backdrop-filter: blur(0.05rem);
  backdrop-filter: blur(0.05rem);
}

.game-back-icon.deposit svg {
  width: 0.44rem;
  height: 0.44rem;
  fill: #000;
}

.rescue-popup-wrapper {
  position: fixed;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100012;
  color: #fff;
  gap: 0.3rem;
  background: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(0.055rem);
  backdrop-filter: blur(0.055rem);
}

.rescue-popup-wrapper,
.rescue-popup-wrapper .rescue-success-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.rescue-popup-wrapper .rescue-success-wrap {
  min-height: 8.16rem;
  position: relative;
}

.rescue-popup-wrapper .rescue-success-wrap:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: url(/mobile/mc/rescue-success-bg.dce484e9.png) no-repeat 50% /
    cover;
  z-index: -1;
  animation: spinWheel 5s infinite linear;
}

.rescue-popup-wrapper .rescue-success-wrap + .close-btn {
  margin-top: -1.2rem;
}

.rescue-popup-wrapper .rescue-success-wrap .success-info {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 4.04rem;
  height: 4.48rem;
  background: url(/mobile/mc/rescue-success-img.cbd294a2.png) no-repeat 50% /
    cover;
  color: #0a59fa;
  padding-top: 0.9rem;
  margin-bottom: 0.8rem;
  position: relative;
}

.rescue-popup-wrapper .rescue-success-wrap .success-info:before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -0.8rem;
  transform: translateX(-50%);
  width: 6.64rem;
  height: 1.74rem;
  background: url(/mobile/mc/rescue-success-img2.c2988f8f.png) no-repeat 50% /
    cover;
  z-index: 0;
}

.rescue-popup-wrapper .rescue-success-wrap .success-info .success-title {
  font-size: 0.4rem;
  font-weight: 900;
  margin-bottom: 0.12rem;
}

.rescue-popup-wrapper .rescue-success-wrap .success-info .success-content {
  display: flex;
  flex-direction: column;
}

.rescue-popup-wrapper
  .rescue-success-wrap
  .success-info
  .success-content
  .content-item {
  display: flex;
  align-items: center;
  gap: 0.24rem;
  font-size: 0.28rem;
  font-weight: 900;
}

.rescue-popup-wrapper
  .rescue-success-wrap
  .success-info
  .success-content
  .content-item:not(:last-child) {
  margin-bottom: 0.06rem;
}

.rescue-popup-wrapper
  .rescue-success-wrap
  .success-info
  .success-content
  .content-item
  .num {
  font-size: 0.34rem;
}

.rescue-popup-wrapper .rescue-success-wrap .success-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 2.9rem;
  height: 0.58rem;
  padding: 0 0.1rem;
  border-radius: 2rem;
  border: 0.5px solid #98cfff;
  background:
    radial-gradient(
      46.43% 45.33% at 41.69% 50%,
      #98cfff 0,
      rgba(243, 251, 255, 0) 100%
    ),
    radial-gradient(
      74.9% 56.38% at 7.72% 28.75%,
      #98cfff 0,
      hsla(0, 0%, 100%, 0) 100%
    ),
    radial-gradient(
      69.19% 37.39% at 107.79% 0,
      #2073ff 0,
      rgba(152, 207, 255, 0) 100%
    ),
    radial-gradient(
      98.99% 73.13% at 88.94% 43.75%,
      rgba(152, 207, 255, 0.5) 0,
      rgba(32, 115, 255, 0.3) 100%
    ),
    radial-gradient(
      93.25% 56.52% at 85.58% 87.5%,
      #98cfff 0,
      rgba(32, 115, 255, 0.6) 100%
    ),
    #0194ff;
  box-shadow:
    0 0.0936rem 0.0624rem -0.0312rem rgba(152, 207, 255, 0.1),
    inset 0 0 0.08rem 0 #98cfff,
    inset 0 0 0.0936rem 0 #d9f0ff;
}

.rescue-popup-wrapper .rescue-success-wrap .success-btn span {
  font-size: 0.28rem;
  font-weight: 900;
  color: #fff;
  text-align: center;
  -webkit-filter: drop-shadow(0.02rem 0 0 #0a59fa)
    drop-shadow(-0.02rem 0 0 #0a59fa) drop-shadow(0 0.02rem 0 #0a59fa)
    drop-shadow(0 -0.02rem 0 #0a59fa);
  filter: drop-shadow(0.02rem 0 0 #0a59fa) drop-shadow(-0.02rem 0 0 #0a59fa)
    drop-shadow(0 0.02rem 0 #0a59fa) drop-shadow(0 -0.02rem 0 #0a59fa);
}

.rescue-popup-wrapper .rescue-notice-wrapper {
  width: 6.34rem;
  min-height: 3.67rem;
  border-radius: 0.7rem;
  background: linear-gradient(90deg, #abc0fe, #7b97f9 50%, #4b6ff4);
  box-shadow:
    inset -0.1rem -0.1rem 0.08rem 0 hsla(0, 0%, 100%, 0.2),
    inset 0.1rem 0 0.08rem 0 hsla(0, 0%, 100%, 0.2),
    inset 0 0.22rem 0.24rem 0 hsla(22, 80%, 96%, 0.7);
  position: relative;
}

.rescue-popup-wrapper .rescue-notice-wrapper:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3.67rem;
  background: url(/mobile/mc/rescue-notice-bg2.e1ed5a47.png) no-repeat
    bottom/contain;
  z-index: 0;
}

.rescue-popup-wrapper .rescue-notice-wrapper:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0.34rem;
  width: 2.13rem;
  height: 3.16rem;
  background: url(/mobile/mc/rescue-notice-img.a4b219c0.png) no-repeat 50% /
    contain;
  z-index: 0;
}

.rescue-popup-wrapper .rescue-notice-wrapper .rescue-notice-info {
  max-width: calc(44% + 0.5rem);
  display: flex;
  flex-direction: column;
  margin: 0.7rem 0 0 0.5rem;
  position: relative;
  z-index: 1;
}

.rescue-popup-wrapper .rescue-notice-wrapper .notice-title {
  color: #fff;
  font-size: 0.36rem;
  font-weight: 700;
  text-shadow: 0 0.02rem 1px #0a59fa;
  line-height: normal;
}

.rescue-popup-wrapper .rescue-notice-wrapper .notice-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.34rem;
  min-height: 0.67rem;
  width: 100%;
  border-radius: 0.39rem;
  border-top: 0.02rem solid rgba(91, 123, 251, 0.1);
  background: linear-gradient(0deg, #bbd4ff, #85aef7);
}

.rescue-popup-wrapper .rescue-notice-wrapper .notice-btn span {
  font-size: 0.28rem;
  font-weight: 900;
  color: #fff;
  text-align: center;
  -webkit-filter: drop-shadow(0.02rem 0 0 #0a59fa)
    drop-shadow(-0.02rem 0 0 #0a59fa);
  filter: drop-shadow(0.02rem 0 0 #0a59fa) drop-shadow(-0.02rem 0 0 #0a59fa);
}

.rescue-popup-wrapper .close-btn {
  margin-top: 0.3rem;
  position: relative;
  z-index: 1;
}

.rescue-popup-wrapper .close-btn svg {
  width: 0.6rem;
  height: 0.6rem;
}

@keyframes spinWheel {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}

.rescue-detail-wrapper {
  background:
    linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff),
    linear-gradient(90deg, #e4e7ff, #dce9ff 36.54%, #d6e5ff 72.6%, #edf4ff);
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
}

.rescue-detail-wrapper .rescue-detail-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.rescue-detail-wrapper .rescue-detail-header img {
  max-width: 100%;
  object-fit: contain;
}

.rescue-detail-wrapper .rescue-detail-list-wrapper {
  margin-top: -0.44rem;
  width: calc(100% - 0.8rem);
}

.rescue-detail-wrapper .rescue-detail-item {
  display: flex;
  flex-direction: column;
}

.rescue-detail-wrapper .rescue-detail-time .wysiwyg {
  display: flex;
  justify-content: space-between;
  gap: 0.1rem;
  padding-bottom: 0;
}

.rescue-detail-wrapper .rescue-detail-time .wysiwyg .time-item {
  justify-content: center;
  align-items: center;
  flex: 1 1 0%;
  border-radius: 0.16rem;
  border: 1px solid #dae8ff;
  background: linear-gradient(
    180deg,
    #edf4ff,
    #fff 25%,
    #fff 50%,
    #fff 75%,
    #edf4ff
  );
  display: flex;
  flex-direction: column;
  color: #7ca5eb;
  font-size: 0.2rem;
  font-weight: 600;
  padding: 0.08rem;
  word-break: break-word;
  text-align: center;
}

.rescue-detail-wrapper .rescue-detail-time .wysiwyg .time-item .num {
  color: #2954e2;
  font-size: 0.32rem;
  font-weight: 900;
}

.rescue-detail-wrapper .rescue-detail-time .wysiwyg .time-item .time-text {
  text-transform: uppercase;
}

.rescue-detail-wrapper .rescue-detail-overview {
  margin-top: 0.24rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.rescue-detail-wrapper .rescue-detail-overview .overview-title {
  color: #403743;
  font-size: 0.2rem;
  font-weight: 700;
}

.rescue-detail-wrapper .rescue-detail-overview .overview-info {
  margin-top: 0.12rem;
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}

.rescue-detail-wrapper .rescue-detail-overview .overview-info .info-item {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc(50% - 0.05rem);
  display: flex;
  min-height: 1.2rem;
  flex-direction: column;
  align-items: center;
  border-radius: 0.2rem;
  border: 1px solid #dae8ff;
  background: linear-gradient(180deg, #fff, #ecf3ff);
  box-shadow: 0 0.04rem 0.1rem 0 rgba(156, 189, 245, 0.1);
  text-align: center;
}

.rescue-detail-wrapper .rescue-detail-overview .overview-info .info-num {
  margin-top: 0.18rem;
  color: #2954e2;
  font-size: 0.28rem;
  font-weight: 900;
}

.rescue-detail-wrapper .rescue-detail-overview .overview-info .info-title {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.12rem;
  height: 0.56rem;
  min-width: 2.76rem;
  padding: 0 0.09rem;
  background: url(/mobile/mc/rescue-title-bg.b6e8c601.png) no-repeat 50% / cover;
  position: relative;
  font-size: 0.22rem;
  font-weight: 700;
  color: #403743;
}

.rescue-detail-wrapper .rescue-detail-overview .overview-info .info-title:after,
.rescue-detail-wrapper
  .rescue-detail-overview
  .overview-info
  .info-title:before {
  content: "";
  width: 0.24rem;
  height: 0.24rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAP1BMVEUAAAB9pep8put8o+uAp+eAr+99peqAp+98pet9pex8put9pex9pex9pex8put6pep8pet+pe18pumApep8pes5EjXeAAAAFHRSTlMAYIBAIBDfIO/fv5+v768wz29QMDlfPc8AAACASURBVCjPvZDZFYAgDAQBIRzeuv3XqkKIQgHOV96uIwH1G8bx4DfX5Fh8mUaYb2HJsACERhlUFcBKy46HtY+dQSboLp5RiZ/qKLFUqxxPTZHsE+psanpj3jLGsnt3uJ9QL65zcfLPkSlyAjDKe9zGZN+vrBKIZEwiyFasBBZ+4QIpaAkE7U/BJQAAAABJRU5ErkJggg==)
    no-repeat 50% / contain;
}

.rescue-rule-wrapper .am-popup-slide-down {
  max-width: 6.12rem;
  top: 1.24rem;
  left: auto;
  right: 0.4rem;
  background: transparent;
}

.rescue-rule-wrapper .am-popup-slide-down .am-list-body .wysiwyg,
.rescue-rule-wrapper .am-popup-slide-down .am-popup-body .wysiwyg {
  padding-bottom: 0;
}

.rescue-rule-wrapper .rescue-rule {
  border-radius: 0.16rem;
  border: 0.02rem solid #dae8ff;
  background: linear-gradient(
    180deg,
    #edf4ff,
    #fff 25%,
    #fff 50%,
    #fff 75%,
    #edf4ff
  );
  box-shadow: 0 0.04rem 0.14rem 0 #d7dcf5;
  padding: 0.32rem;
  color: #403743;
  font-size: 0.22rem;
  font-weight: 700;
  max-height: 7.12rem;
  overflow-y: auto;
}

.rescue-swiper-wrapper {
  margin-top: 0.24rem;
  width: 100%;
  min-height: 4.98rem;
  background: url(/mobile/mc/rescue-bonus-bg.d5160a5c.png) no-repeat 50% / cover;
  overflow: hidden;
}

.rescue-swiper-wrapper .rescue-swiper {
  position: relative;
}

.rescue-swiper-wrapper .rescue-swiper .rescue-swiper-slide {
  padding: 1.01rem 0 0.59rem;
  position: relative;
}

.rescue-swiper-wrapper .rescue-swiper .current-amount {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0.08rem;
  left: 50%;
  transform: translateX(-50%);
  background: url(/mobile/mc/rescue-bonus-tip.ab7be975.png) no-repeat 50% /
    contain;
  width: 4rem;
  height: 1.13rem;
  color: #1b399c;
  font-size: 0.30555rem;
  font-weight: 900;
  padding-bottom: 0.3rem;
  z-index: 1;
}

.rescue-swiper-wrapper .rescue-swiper .current-amount:before {
  content: "";
  width: 0.46rem;
  height: 0.45rem;
  background: url(/mobile/mc/rescue-bonus-img.cba08f5b.png) no-repeat 50% /
    contain;
  margin: 0 0.05rem 0 0;
}

.rescue-swiper-wrapper .swiper-wrapper-default {
  display: flex;
  flex-direction: column;
  padding: 1.01rem 0 0.59rem;
}

.rescue-swiper-wrapper .reward-img {
  display: flex;
  justify-content: center;
}

.rescue-swiper-wrapper .reward-img img {
  width: 6.26rem;
  height: 3.38rem;
}

.rescue-swiper-wrapper .mc-rescue-nav {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: calc(100% - 0.24rem);
  display: flex;
  justify-content: space-between;
}

.rescue-swiper-wrapper .mc-rescue-nav .rescue-button-next,
.rescue-swiper-wrapper .mc-rescue-nav .rescue-button-prev {
  flex: 1 1 0%;
  width: 0.35rem;
  height: 0.4rem;
  background: url(/mobile/mc/rescue-arrow.1c26ada1.png) no-repeat 50% / contain;
}

.rescue-swiper-wrapper .mc-rescue-nav .rescue-button-next.hide,
.rescue-swiper-wrapper .mc-rescue-nav .rescue-button-prev.hide {
  display: none;
}

.rescue-swiper-wrapper .mc-rescue-nav .rescue-button-prev {
  position: absolute;
  left: 0;
}

.rescue-swiper-wrapper .mc-rescue-nav .rescue-button-next {
  position: absolute;
  right: 0;
  transform: rotate(180deg);
}

.rescue-swiper-wrapper .rescue-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 2.9rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 0.6rem;
  border-style: solid;
  border-width: 0.0275rem;
  border-image-source: linear-gradient(180deg, #fff, #fff6a6);
  border-image-slice: 1;
  background-image:
    radial-gradient(
      1153.21% 448.33% at 69.14% 17.5%,
      #ffe660 0,
      #ffae50 19.7%,
      #ff7759 68.74%
    ),
    linear-gradient(180deg, #fff, #fff6a6);
  border-radius: 0.38rem;
  margin: -0.3rem auto 0;
}

.rescue-swiper-wrapper .rescue-btn,
.rescue-swiper-wrapper .rescue-btn.disable {
  background-origin: border-box;
  background-clip: content-box, border-box;
  -webkit-clip-path: inset(0 round 0.38rem);
  clip-path: inset(0 round 0.38rem);
}

.rescue-swiper-wrapper .rescue-btn.disable {
  border-style: solid;
  border-width: 0.0275rem;
  border-image-source: linear-gradient(180deg, #fff, #d6d6d6);
  border-image-slice: 1;
  background-image:
    radial-gradient(
      1153.21% 448.33% at 69.14% 17.5%,
      #e6e6e6 0,
      #b7b7b7 19.7%,
      #878787 68.74%
    ),
    linear-gradient(180deg, #fff, #d6d6d6);
  border-radius: 0.38rem;
}

.rescue-swiper-wrapper .rescue-btn.disable span {
  -webkit-filter: drop-shadow(0.02rem 0 0 #313131)
    drop-shadow(-0.02rem 0 0 #313131);
  filter: drop-shadow(0.02rem 0 0 #313131) drop-shadow(-0.02rem 0 0 #313131);
}

.rescue-swiper-wrapper .rescue-btn span {
  flex: 1 1 0%;
  padding: 0 0.1rem;
  font-size: 0.28rem;
  font-weight: 900;
  color: #fff;
  -webkit-filter: drop-shadow(0.02rem 0 0 #f77614)
    drop-shadow(-0.02rem 0 0 #f77614);
  filter: drop-shadow(0.02rem 0 0 #f77614) drop-shadow(-0.02rem 0 0 #f77614);
  text-align: center;
}

.rescue-table-wrapper {
  width: calc(100% - 0.8rem);
  display: flex;
  flex-direction: column;
  margin: 0.2rem auto 0.35rem;
}

.rescue-table-wrapper .rescue-title {
  color: #403743;
  font-size: 0.24rem;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rescue-table-wrapper .rescue-table-title {
  margin: 0.12rem 0 0.14rem;
  color: #2757e4;
  font-size: 0.2rem;
  font-weight: 500;
  line-height: normal;
}

.rescue-table-wrapper .rescue-table-wrap {
  display: flex;
  align-items: stretch;
  width: 100%;
}

.rescue-table-wrapper .table-body {
  flex: 1 1 0%;
  overflow-x: auto;
  display: flex;
  align-items: stretch;
}

.rescue-table-wrapper .table-body.equal .table-item {
  flex: 1 1 0%;
}

.rescue-table-wrapper .table-item {
  min-width: 25%;
  display: grid;
  grid-template-rows: repeat(5, 1fr);
  align-items: stretch;
}

.rescue-table-wrapper .table-item.selected {
  border: 1.5px solid #2757e4;
}

.rescue-table-wrapper .table-item.disable {
  opacity: 0.4;
}

.rescue-table-wrapper .table-item.table-thead {
  flex: 1 1 0%;
  max-width: 2rem;
  border-radius: 0.1rem 0 0 0.1rem;
  overflow: hidden;
}

.rescue-table-wrapper .table-item.table-thead .table-td {
  background: #edf4ff;
  font-size: 0.2rem;
}

.rescue-table-wrapper .table-item.table-thead .table-td:first-child {
  color: #fff;
  border-top: none;
  background: linear-gradient(90deg, #4b6ff4, #abc0fe);
}

.rescue-table-wrapper .table-item.table-thead .table-td:nth-child(2) {
  color: #fff;
  border-top: 1px solid rgba(91, 123, 251, 0.1);
  background: linear-gradient(90deg, #bbd4ff, #85aef7);
}

.rescue-table-wrapper .table-item .table-td {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 0.6rem;
  color: #59555d;
  font-size: 0.18rem;
  font-weight: 700;
  padding: 0 0.14rem;
  border-top: 1.04px solid hsla(12, 4%, 78%, 0.2);
  background: #f9faff;
  word-break: break-word;
  text-align: center;
  line-height: normal;
}

.rescue-wrapper {
  background: #fff;
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
  display: flex;
  flex-direction: column;
}

.rescue-wrapper .mall-home-top .mall-header {
  margin: 0.6rem 0 0 0.5rem;
}

.rescue-wrapper .mall-home-top .mall-number-info {
  margin: 0.6rem 0 0 0.3rem;
}

.rescue-wrapper .rescue-list-wrapper {
  flex: 1 1 0%;
  margin: -0.8rem auto 0;
  width: calc(100% - 0.6rem);
  border-radius: 0.3rem;
  background:
    linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff),
    linear-gradient(90deg, #e4e7ff, #dce9ff 36.54%, #d6e5ff 72.6%, #edf4ff);
  padding: 0.24rem;
  display: flex;
  flex-direction: column;
}

.rescue-wrapper .rescue-list-wrap {
  border-radius: 0.2rem;
  background: #fff;
  box-shadow: 0 0.04rem 0.1rem 0 #f6e5f2;
  padding: 0.21rem;
}

.rescue-wrapper .rescue-list-wrap .rescue-item {
  min-height: 0.5rem;
  padding: 0 0.08rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding-bottom: 0.12rem;
}

.rescue-wrapper .rescue-list-wrap .rescue-item:not(:first-child) {
  padding: 0.12rem 0.08rem;
  border-top: 0.02rem solid #fafafa;
  border-bottom: 0.02rem solid #fafafa;
}

.rescue-wrapper .rescue-list-wrap .rescue-item:last-child {
  border-bottom: none;
}

.rescue-wrapper .rescue-list-wrap .rescue-item .item-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 0.2rem;
  background: linear-gradient(180deg, #d1dfff, #f9fcff);
}

.rescue-wrapper .rescue-list-wrap .rescue-item .item-icon svg {
  width: 0.36rem;
  height: 0.36rem;
}

.rescue-wrapper .rescue-list-wrap .rescue-item:after {
  content: "";
  width: 0.32rem;
  height: 0.32rem;
  background: url(/mobile/mc/rescue-list-arrow.5c1bc919.png) no-repeat 50% /
    contain;
}

.rescue-wrapper .rescue-list-wrap .item-title {
  flex: 1 1 0%;
  display: flex;
  align-items: center;
  gap: 0.32rem;
  margin: 0 0.08rem 0 0.16rem;
  position: relative;
}

.rescue-wrapper .rescue-list-wrap .item-title:after {
  content: "";
  width: 0.46rem;
  height: 0.46rem;
  background: transparent;
}

.rescue-wrapper .rescue-list-wrap .item-title.has-gift:after {
  background: url(/mobile/mc/rescue-gift.49a52ff7.png) no-repeat 50% / contain;
}

.rescue-wrapper .rescue-list-wrap .item-title span {
  flex: 1 1 0%;
  color: #1a1a1a;
  font-size: 0.23rem;
  font-weight: 600;
}

.tr-item-content-item {
  align-items: center;
}

.tr-item-content-item .detail-button {
  border-radius: 0.3rem;
  padding: 0.2rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 0.6rem;
  background-color: #00a9f2;
  display: flex;
  color: #fff;
  align-items: center;
  justify-content: center;
}

.tr-item-content-item .color-green-in {
  color: #59d169 !important;
}

.rebate-classify-history {
  padding: 0.2rem 0.2rem 0.3rem;
}

.rebate-classify-history .classify-head {
  min-height: 0.5rem;
  padding-bottom: 0.2rem;
  font-weight: 500;
}

.rebate-classify-history .history-tbody,
.rebate-classify-history .history-thead {
  width: 100%;
  display: flex;
}

.rebate-classify-history .history-tbody span,
.rebate-classify-history .history-thead span {
  min-height: 0.3rem;
  flex: 1 1 0%;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #fff;
  padding: 0.08rem;
  word-wrap: break-word;
  white-space: break-spaces;
  display: flex;
  flex-wrap: wrap;
  width: 1.3rem;
}

.rebate-classify-history .history-thead {
  background: #6197b6;
  color: #fff;
}

.rebate-classify-history .history-tbody span {
  border-right: 1px solid #f5f5f5;
}

.manual-rebate .games {
  padding: 0.2rem 0.3rem 0;
  background: #f5f5f5;
  overflow: auto;
}

.manual-rebate .mc-agent-team-tab .am-flexbox-item {
  height: 0.8rem;
  width: 50%;
  font-size: 0.3rem;
}

.manual-rebate .mc-agent-team-tab .am-flexbox-item.tab-active {
  color: #108ee9;
  width: 100%;
  border-bottom: 0.04rem solid #108ee9;
}

.manual-rebate .banner {
  display: flex;
  height: 0.8rem;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0 0.15rem;
  margin-bottom: 0.3rem;
  border-radius: 0.1rem;
  background: #fc795a;
  background: linear-gradient(180deg, #fc795a 0, #fc795a 20%, #fe64aa);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcba66", endColorstr="#fa8866", GradientType=0);
}

.manual-rebate .banner .title {
  padding: 0 0.04rem;
  letter-spacing: 0;
  word-break: break-all;
}

.manual-rebate .banner .money {
  line-height: 0.8rem;
  font-size: 0.4rem;
}

.manual-rebate .banner.loading {
  background-image: linear-gradient(130deg, #c9c9c9, #d8d8d8) !important;
}

.manual-rebate .banner.loading .money {
  color: #c8c8c8 !important;
}

.manual-rebate .banner.bg-0 {
  background-image: linear-gradient(130deg, #ff718d, #ffab68);
}

.manual-rebate .banner.bg-1 {
  background-image: linear-gradient(130deg, #5f6be4, #73bdeb);
}

.manual-rebate .banner.bg-2 {
  background-image: linear-gradient(130deg, #dda8ff, #c560fa);
}

.manual-rebate .banner.bg-3 {
  background-image: linear-gradient(130deg, #0bc8b2, #2eebe4);
}

.manual-rebate .banner.bg-4 {
  background-image: linear-gradient(-130deg, #fc44b9, #fe9bc2);
}

.manual-rebate .list-wrapper {
  background: initial;
}

.manual-rebate .list-wrapper .after-trigger {
  padding-top: 0;
}

.manual-rebate .w-input-submit {
  position: fixed;
  margin: 0;
  bottom: 0;
  padding: 1em 0;
  width: 100%;
  background: #f5f5f5;
}

.manual-rebate .w-input-submit .am-button {
  margin: 0 0.5rem;
}

#mc-app-home-root.gc .lott-item-root {
  float: left;
  width: 1.48rem;
  height: 1.86rem;
}

#mc-app-home-root.gc .lott-item-root .lott-name-container {
  text-align: center;
  font-size: 0.28rem;
}

#mc-app-home-root.gc .lott-item-root span {
  display: inline-block;
  width: 100%;
}

#mc-app-home-root.gc .lott-item-root span img {
  width: 100%;
  height: auto;
}

#mc-app-home-root.gc .lott-item-root .loading-example > div {
  display: flex;
  justify-content: center;
}

#mc-app-home-root.gc .vasslage-item-root {
  width: 2.8rem;
  height: 2.09rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  float: left;
}

#mc-app-home-root.gc .vasslage-item-root .vasslage_icon img {
  width: 2.8rem;
  height: 1.72rem;
}

#mc-app-home-root.gc .vasslage-item-root .vasslage_icon.failed,
#mc-app-home-root.gc .vasslage-item-root .vasslage_icon.loading {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.8rem;
  height: 1.72rem;
}

#mc-app-home-root.gc .vasslage-item-root .loading-example > div {
  display: flex;
  justify-content: center;
}

#mc-app-home-root.gc .vasslage-item-root .vasslage-name-container {
  text-align: center;
  font-size: 0.28rem;
}

#mc-app-home-root.gc .vassBox {
  height: 100%;
}

#mc-app-home-root.gc .vassBox ul {
  overflow: auto;
  overflow-y: hidden;
  _height: 1%;
}

#mc-app-home-root.gc .sectionHeader {
  margin-bottom: 0.3rem;
}

#mc-app-home-root.gc .sectionHeader .title {
  height: 1.2rem;
  position: relative;
  padding-left: 0.5rem;
}

#mc-app-home-root.gc .sectionHeader .title > b {
  display: inline-block;
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 50%;
  position: absolute;
  top: 0.85rem;
  left: 0.2rem;
}

#mc-app-home-root.gc .sectionHeader .title > .gameType {
  position: absolute;
  top: 0.7rem;
  margin-left: 0.2rem;
  font-size: 0.4rem;
}

#mc-app-home-root.gc .sectionHeader .title > .more {
  position: absolute;
  font-size: 0.28rem;
  right: 0.4rem;
  bottom: 0.05rem;
  color: #108ee9;
  padding: 0.3rem 0 0 0.5rem;
}

.sy_game_item {
  padding: 0.4rem 0.6rem;
  border-bottom: 1px solid #e9e9e9;
  height: 1.85rem;
}

.sy_game_icon > img {
  height: 1.2rem;
  width: 1.2rem;
  border-radius: 0.14rem;
}

.sy_game_name {
  font-size: 0.24rem;
  width: 4rem;
  text-align: center;
}

.game-Container {
  height: calc(100vh - 1.87rem);
  height: calc(100 * var(--vh, 1vh) - 1.87rem);
  overflow: hidden;
}

.game-Container .am-activity-indicator {
  justify-content: center;
  padding: 0.3rem 0;
}

.game-Container > div {
  pointer-events: auto !important;
}

.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-carousel {
  position: relative;
}

.am-carousel-wrap {
  font-size: 0.36rem;
  color: #000;
  background: none;
  text-align: center;
  zoom: 1;
  width: 100%;
}

.am-carousel-wrap-dot {
  display: inline-block;
  zoom: 1;
}

.am-carousel-wrap-dot > span {
  display: block;
  width: 0.16rem;
  height: 0.16rem;
  margin: 0 0.06rem;
  border-radius: 50%;
  background: #ccc;
}

.am-carousel-wrap-dot-active > span {
  background: #888;
}

.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-grid .am-flexbox {
  background: #fff;
}

.am-grid .am-flexbox .am-flexbox-item {
  margin-left: 0;
}

.am-grid .am-flexbox .am-flexbox-item.am-grid-item {
  position: relative;
}

.am-grid .am-flexbox .am-flexbox-item.am-grid-item:active {
  background-color: #ddd;
}

.am-grid .am-flexbox .am-flexbox-item.am-grid-item.am-grid-null-item:active {
  background-color: #fff;
}

.am-grid .am-flexbox .am-flexbox-item.am-grid-item:before {
  display: block;
  content: " ";
  padding-bottom: 100%;
}

.am-grid .am-flexbox .am-flexbox-item .am-grid-item-content {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  width: 100%;
  height: 100%;
}

.am-grid
  .am-flexbox
  .am-flexbox-item
  .am-grid-item-content
  .am-grid-item-inner-content {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.am-grid
  .am-flexbox
  .am-flexbox-item
  .am-grid-item-content
  .am-grid-item-inner-content
  .am-grid-icon {
  margin-top: 0.18rem;
  width: 28%;
  height: 28%;
}

.am-grid
  .am-flexbox
  .am-flexbox-item
  .am-grid-item-content
  .am-grid-item-inner-content
  .am-grid-text {
  margin-top: 0.18rem;
  font-size: 0.24rem;
  color: #000;
  text-align: center;
}

.am-grid
  .am-flexbox
  .am-flexbox-item
  .am-grid-item-content
  .am-grid-item-inner-content.column-num-3
  .am-grid-text {
  font-size: 0.32rem;
}

.am-grid
  .am-flexbox
  .am-flexbox-item
  .am-grid-item-content
  .am-grid-item-inner-content.column-num-2
  .am-grid-text {
  margin-top: 0.3rem;
  font-size: 0.36rem;
}

.am-grid.am-grid-line .am-flexbox {
  position: relative;
}

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

.am-grid.am-grid-line .am-flexbox:last-child {
  border-bottom: 0;
}

.am-grid.am-grid-line .am-flexbox:last-child:after {
  display: none;
}

.am-grid.am-grid-line .am-flexbox .am-flexbox-item {
  position: relative;
}

.am-grid.am-grid-line .am-flexbox .am-flexbox-item:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  left: auto;
  bottom: auto;
  width: 1px;
  height: 100%;
  background-color: #ddd;
  display: block;
}

.am-grid.am-grid-line .am-flexbox .am-flexbox-item:last-child {
  border-bottom: 0;
}

.am-grid.am-grid-line .am-flexbox .am-flexbox-item:last-child:after {
  display: none;
}

.am-grid.am-grid-line .am-grid-carousel-page {
  border-right: 1px solid #ddd;
}

.am-grid.am-grid-line .am-grid-carousel-page:first-child {
  border-left: 1px solid #ddd;
}

.am-grid .am-carousel .am-carousel-wrap-dot > span {
  background: #dcdee3;
}

.am-grid .am-carousel .am-carousel-wrap-dot-active > span {
  background: #0ae;
}

#mc-app-home-root.gc .vassList_container .vasslage_item {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#mc-app-home-root.gc .vassList_container .icon_container {
  font-size: 0.46rem;
}

#mc-app-home-root.gc .vassList_container .vass_icon img {
  width: 3.42rem;
  height: 2.1rem;
}

#mc-app-home-root.gc .vassList_container .vass_icon.failed,
#mc-app-home-root.gc .vassList_container .vass_icon.loading {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.42rem;
  height: 2.1rem;
}

#mc-app-home-root.gc .vassList_container .name_container {
  color: #888;
  font-size: 0.28rem;
}

#mc-app-home-root.gc .vassList_container .vasslage_name {
  color: #888;
}

#mc-app-home-root.gc .lott-container {
  padding-bottom: 2.8rem;
}

#mc-app-home-root.gc .lott-container .lott_icon img {
  width: 1.2rem;
  height: 1.2rem;
}

#mc-app-home-root.gc .lott-container .list-lott-item {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#mc-app-home-root.gc .lott-container .list-lott-item .lott-name {
  color: #888;
  font-size: 0.28rem;
}

#mc-app-home-root.gc .lott-container .loading-example {
  display: flex;
  align-items: center;
  justify-content: center;
}

#mc-app-home-root.gc .lott-container .lott-img-container {
  position: relative;
  min-width: 2rem;
}

#mc-app-home-root.gc .lott-container .lott-img-container .tag-img-new {
  width: 0.58rem;
  height: 0.42rem;
  display: inline-block;
  background: url(/mobile/mc/new.fc41b06a.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  z-index: 99;
}

#mc-app-home-root.gc .lott-container .lott-img-container .tag-img-hot {
  width: 0.58rem;
  height: 0.42rem;
  display: inline-block;
  background: url(/mobile/mc/hot.107dd0a3.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  z-index: 99;
}

#mc-app-home-root.gc
  .lott-container
  .lott-img-container
  .tag-img-coordinates-top {
  top: -0.1rem;
  right: 0.12rem;
}

#mc-app-home-root.gc
  .lott-container
  .lott-img-container
  .tag-img-coordinates-bottom {
  top: 0.4rem;
  right: 0.12rem;
}

#mc-app-home-root.gc .lott-container .lott-img-container .lott-name {
  margin-top: 1em;
}

#mc-app-home-root.gc .lott-container .lott-img-container .imageloader.failed,
#mc-app-home-root.gc .lott-container .lott-img-container .imageloader.loading,
#mc-app-home-root.gc .lott-container .lott-img-container .imageloader.pending {
  display: flex;
  justify-content: center;
  width: 1.2rem;
  height: 1.25rem;
  margin: 0 auto;
}

#mc-app-home-root.gc .sub-title {
  color: #888;
  font-size: 0.14rem;
  padding: 0.15rem 0 0.09rem 0.15rem;
}

#mc-app-home-root.gc .not-square-grid .am-grid-icon {
  width: 0.4rem;
  height: 0.6rem;
}

#mc-app-home-root.gc .tab_vasslist {
  background-color: #fff;
}

#mc-app-home-root.gc .tab_vasslist > .am-tabs > .am-tabs-bar {
  display: none !important;
}

#mc-app-home-root.gc .tab_vasslist .game-tab-hide {
  display: none;
}

#mc-app-home-root.gc .tab_vasslist .tabBar {
  color: #717171;
  padding-bottom: 0.1rem;
  padding-top: 0.2rem;
}

#mc-app-home-root.gc .tab_vasslist .tabBar .tabActive {
  color: #108ee9;
}

#mc-app-home-root.gc .gc-menu-tab .gc-menu-tab-item {
  text-align: center;
  font-size: 0.24rem;
}

#mc-app-home-root.gc .gc-menu-tab .gc-menu-tab-item > .am-icon {
  font-size: 0.5rem;
  width: 0.5rem;
  height: 0.5rem;
}

#mc-app-home-root.gc .gc-menu-tab .gc-menu-tab-item > .title {
  font-size: 0.23rem;
  text-align: center;
}

#mc-app-home-root.gc .gc-vass-container .tab-all-games {
  overflow: hidden;
  padding-bottom: 2.8rem;
}

#mc-app-home-root.gc,
.rngList {
  background-color: initial;
}

#mc-app-home-root.gc #mc-header,
.rngList #mc-header {
  position: fixed !important;
}

@-webkit-keyframes placeHolderShimmer {
  0% {
    background-position: -4.68rem 0;
  }
  to {
    background-position: 4.68rem 0;
  }
}

#mc-app-home-root.gc .loading-example,
.rngList .loading-example {
  display: flex;
  justify-content: center;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: #d8d8d8
    linear-gradient(90deg, #d8d8d8 0, #bdbdbd 20%, #d8d8d8 40%, #d8d8d8)
    no-repeat;
  background-size: 100% 100%;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
}

#mc-app-home-root.gc .imageloader.failed,
#mc-app-home-root.gc .imageloader.loading,
#mc-app-home-root.gc .imageloader.pending,
.rngList .imageloader.failed,
.rngList .imageloader.loading,
.rngList .imageloader.pending {
  display: flex;
  justify-content: center;
  width: 1.2rem;
  height: 1.25rem;
  margin: 0 auto;
}

#mc-app-home-root.gc .imageloader.lott_icon .loading-example,
.rngList .imageloader.lott_icon .loading-example {
  width: 1.2rem;
  height: 1.2rem;
}

#mc-app-home-root.gc .imageloader.lott_group_icon.loading,
.rngList .imageloader.lott_group_icon.loading {
  margin-bottom: 0.3rem;
}

#mc-app-home-root.gc .imageloader.vasslage_icon .loading-example,
.rngList .imageloader.vasslage_icon .loading-example {
  width: 2.56rem;
  height: 1.5rem;
  border-radius: 0.15rem;
  margin-bottom: 0.3rem;
}

#mc-app-home-root.gc .imageloader.vass_icon .loading-example,
.rngList .imageloader.vass_icon .loading-example {
  width: 3.14rem;
  height: 1.88rem;
  border-radius: 0.15rem;
  margin-bottom: 0.3rem;
}

#mc-app-home-root.gc .imageloader.sy_game_icon,
.rngList .imageloader.sy_game_icon {
  margin: 0;
}

#mc-app-home-root.gc .imageloader.sy_game_icon .loading-example,
.rngList .imageloader.sy_game_icon .loading-example {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 0.14rem;
}

.lott-iframe-container .iframe-container iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}

.lott-iframe-container .lott-iframe-wrap {
  position: relative;
}

.rngList .am-search-cancel {
  display: none;
}

.rngList .select-Box {
  font-size: 0.63rem;
  position: relative;
}

.rngList .select-Box > div {
  border: 1px solid #108ee9;
  border-radius: 0.2rem;
  margin-top: 0.3rem;
  padding: 0.1rem 0.2rem 0.2rem;
}

.rngList .select-Box .type {
  display: inline-block;
  padding: 0 0.15rem;
  font-size: 0.32rem;
  color: #108ee9;
  position: absolute;
  background: #fff;
  transform: translateY(-0.3rem);
}

.rngList .select-Box span {
  margin-right: 0.2rem;
  color: #888;
  border: 1px solid #ddd;
  display: inline-block;
  position: relative;
  font-size: 0.28rem;
  text-align: center;
  padding: 0 0.3rem;
  height: 0.5rem;
  line-height: 0.5rem;
  border-radius: 0.06rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.rngList .select-Box span.active {
  color: #108ee9;
  border-color: #108ee9;
}

.rngList .btn-game-query {
  margin: 0.2rem 0;
}

.rngList .main {
  height: 100%;
}

.rngList .play-chooser {
  padding: 0 0.15rem;
  position: fixed;
  top: 1rem;
  display: inline-block;
  vertical-align: middle;
  overflow: auto;
  zoom: 1;
  width: 0;
  height: calc(100vh - 1rem);
  height: calc(var(--vh, 1vh) * 100 - 1rem);
  background-color: #fff;
  z-index: 12;
  color: #eee;
  left: 100%;
  transition: all 0.25s ease-out;
}

.rngList .play-chooser.open {
  width: 80%;
  left: 20%;
}

.rngList .play-chooser-open {
  transform: translate3d(-80%, 0, 0);
}

.rngList .chooser-mask {
  transition: opacity 0.5s;
  position: absolute;
  visibility: hidden;
  width: 100%;
  height: 100%;
  z-index: 9;
  opacity: 0;
  background-color: #000;
}

.rngList .chooser-mask.show {
  opacity: 0.5;
  visibility: visible;
  overflow: hidden;
}

.rngList .am-activity-indicator-spinner-lg {
  margin: 0;
}

.gold_egg_root {
  position: absolute;
  z-index: 100029;
  height: 100%;
  width: 100%;
}

.gold_egg_root .am-icon-left {
  position: absolute;
  top: 0.26rem;
  left: 0;
  width: 1rem;
  color: #f1dc97;
}

.gold_egg_root ul {
  display: flex;
  flex-wrap: wrap-reverse;
  justify-content: center;
  position: absolute;
  top: 5.2rem;
}

.gold_egg_root li {
  text-align: center;
  margin: 0.3rem 0.3rem 0;
}

.gold_egg_root .prize_message {
  word-break: break-word;
  width: 75%;
  white-space: normal;
  font-size: 0.26rem;
  line-height: 1.4;
  letter-spacing: 0;
  text-shadow:
    0 0 0.07rem #ec2529,
    0 0 0.07rem #ec2529;
  color: #fcf7d3;
  font-weight: 900;
  position: absolute;
  left: 50%;
  top: 0.38rem;
  transform: translateX(-50%);
  z-index: 100030;
  opacity: 0;
}

.gold_egg_root .eggOpen .prize_message {
  opacity: 1;
}

.gold_egg_root .random .egg_root .egg {
  animation-name: egg_random_shake;
  animation-iteration-count: 6;
  animation-duration: 50ms;
}

.gold_egg_root .selected .egg_root .egg {
  animation-name: egg_shake;
  animation-iteration-count: infinite;
  animation-duration: 10ms;
  animation-delay: 1.1s;
}

.gold_egg_root .selected.eggOpen .egg_root .egg {
  animation: none;
  transition-property: all;
  background-image: url(/mobile/mc/egg_open.a209e649.png);
  background-repeat: no-repeat;
  background-position-y: bottom;
}

.gold_egg_root .selected.eggOpen .egg_root .golden_light {
  background-image: url(/mobile/mc/light.2fb4198f.png);
  animation: light_move 0.5s steps(8) infinite;
  transition-property: opacity;
}

.gold_egg_root .otherEgg.eggOpen .egg_root .golden_light,
.gold_egg_root .selected.eggOpen .egg_root .golden_light {
  background-size: 100% 100%;
  height: 1.9rem;
  width: 1.92rem;
  position: absolute;
  top: -0.6rem;
  left: -0.17rem;
  z-index: 100021;
  opacity: 1;
}

.gold_egg_root .otherEgg.eggOpen .egg_root .golden_light {
  background-image: url(/mobile/mc/light2.766b9a37.png);
}

.gold_egg_root .selected .egg_root .liewen1,
.gold_egg_root .selected .egg_root .liewen2,
.gold_egg_root .selected .egg_root .liewen3 {
  animation-name: liewen_open;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0, 0.76, 0.05, 1);
  animation-fill-mode: forwards;
}

.gold_egg_root .selected.eggOpen .egg_root .liewen1,
.gold_egg_root .selected.eggOpen .egg_root .liewen2,
.gold_egg_root .selected.eggOpen .egg_root .liewen3 {
  animation: none;
  opacity: 0;
}

.gold_egg_root .selected .egg_root .chuizi {
  animation-name: chiuzi_move;
  animation-duration: 0.7s;
  animation-timing-function: cubic-bezier(0, 1.46, 0.73, 0.84);
  animation-iteration-count: 1;
  transform-origin: 100% 100%;
  display: inline-block;
}

.gold_egg_root .selected.eggOpen .egg_root .red_bag {
  top: -0.1rem;
  transition-property: top;
  transition-duration: 0.3s;
}

.gold_egg_root .selected.eggOpen .egg_root .egg_top {
  display: inline-block;
  animation: egg_drop 0.7s 0s cubic-bezier(0, 0.76, 0.05, 1) forwards;
}

.gold_egg_root .eggOpen.otherEgg .egg_root .egg_top {
  background-image: url(/mobile/mc/egg_top2.0b912151.png);
  background-size: 100% 100%;
  left: -0.5rem;
  top: 1.3rem;
  opacity: 1;
}

.gold_egg_bg {
  height: 100%;
  width: 100%;
  background-image: url(/mobile/mc/egg_bg.be482b8a.png);
  background-size: 100% 100%;
  position: absolute;
  z-index: 100026;
  background-color: #6e0e00;
}

.egg_root,
.egg_root .egg {
  display: inline-block;
  position: relative;
}

.egg_root .egg {
  background-image: url(/mobile/mc/egg.7929f68e.png);
  background-size: contain;
  height: 2.18rem;
  width: 1.53rem;
  z-index: 100023;
  transform-origin: 50% 100%;
}

.egg_root .golden_light {
  opacity: 0;
}

.egg_root .chuizi {
  background-image: url(/mobile/mc/chuizi.85a31d34.png);
  background-size: 100% 100%;
  width: 0.86rem;
  height: 0.67rem;
  display: none;
  position: absolute;
  right: -0.25rem;
  top: 0.2rem;
  z-index: 100029;
}

.egg_root .liewen1 {
  background-image: url(/mobile/mc/liewen1.b7f78079.png);
  width: 0.57rem;
  height: 0.69rem;
  right: 0.2rem;
  animation-delay: 0;
}

.egg_root .liewen1,
.egg_root .liewen2 {
  background-size: 100% 100%;
  display: inline-block;
  position: absolute;
  top: 0;
  opacity: 0;
  z-index: 100025;
}

.egg_root .liewen2 {
  background-image: url(/mobile/mc/liewen2.4e785e0c.png);
  width: 0.62rem;
  height: 0.6rem;
  left: 0.43rem;
  animation-delay: 0.5s;
}

.egg_root .liewen3 {
  background-image: url(/mobile/mc/liewen3.ba5d8466.png);
  width: 0.29rem;
  height: 0.81rem;
  right: 0.59rem;
  top: 0;
  animation-delay: 0.7s;
  opacity: 0;
  z-index: 100025;
}

.egg_root .liewen3,
.egg_root .red_bag {
  background-size: 100% 100%;
  display: inline-block;
  position: absolute;
}

.egg_root .red_bag {
  background-image: url(/mobile/mc/redBag.fddbd011.png);
  width: 0.92rem;
  height: 0.85rem;
  z-index: 100022;
  left: 50%;
  transform: translateX(-50%);
  top: 0.8rem;
}

.egg_root .egg_top {
  background-image: url(/mobile/mc/egg_top.d349dc9a.png);
  background-size: 100% 100%;
  width: 0.93rem;
  height: 0.74rem;
  position: absolute;
  transform: rotate(202deg);
  z-index: 100027;
  left: 0.33rem;
  top: -0.07rem;
  opacity: 0;
}

.otherEgg.eggOpen .egg_root .egg {
  background-image: url(/mobile/mc/egg_open2.752f7542.png);
  background-size: 100% 100%;
  background-position-y: bottom;
}

.getEgg_container .ticket_message {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 6rem;
  min-height: 3.1rem;
  transform: translate(-50%, -50%) scale(0.7);
  background-image: url(/mobile/mc/message_bg.78faf81f.png);
  background-size: 100% 100%;
  opacity: 0;
  z-index: 100015;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: 0.1rem;
}

.getEgg_container .ticket_message .message-bg {
  background-image: url(/mobile/mc/message_bg2.8f3893ae.png);
  background-size: 100% 100%;
  width: 7.14rem;
  height: 3.3rem;
  position: absolute;
  top: -0.43rem;
  left: -0.61rem;
  pointer-events: none;
}

.getEgg_container .ticket_message .result-wrap {
  width: 100%;
  position: relative;
  z-index: 1;
  padding: 0 0.3rem 0.7rem;
}

.getEgg_container .ticket_message.messageOpen {
  transform: translate(-50%, -50%) scale(1);
  transition: all 0.3s;
  transition-delay: 0.5s;
  opacity: 1;
  z-index: 100032;
  text-align: center;
}

.getEgg_container .ticket_message h1 {
  font-size: 0.48rem;
  color: #d33100;
  text-align: center;
  position: relative;
}

.getEgg_container .ticket_message p {
  text-align: center;
  font-size: 0.36rem;
  color: #332b28;
  margin-top: 0.18rem;
  letter-spacing: 0.02rem;
}

.getEgg_container .ticket_message .red-text {
  color: #d33100;
}

.getEgg_container .ticket_message .close_button {
  width: 0.6rem;
  height: 0.6rem;
  display: inline-block;
  background-image: url(/mobile/mc/close.b7e9ed35.png);
  background-size: 100% 100%;
  position: absolute;
  right: -0.2rem;
  top: -0.3rem;
}

.getEgg_container .lossMessage {
  font-size: 0.36rem;
  color: #332b28;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.message_mask.messageOpen {
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 100031;
}

.egg_title_container {
  height: 1.44rem;
  position: relative;
  padding-top: 0.26rem;
  margin: 0 auto;
}

.egg_title {
  display: inline-block;
  font-size: 0.54rem;
  bottom: 0;
  width: 100%;
}

.egg_title,
.subtitle {
  font-weight: 700;
  background: linear-gradient(180deg, #e8c463, #fcf7d3, #e8c463);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  position: absolute;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
}

.subtitle {
  font-size: 0.28rem;
  top: 4.2rem;
  margin-top: 0.28rem;
}

@keyframes egg_shake {
  0% {
    transform: rotate(2deg);
  }
  to {
    transform: rotate(-2deg);
  }
}

@keyframes egg_random_shake {
  0% {
    transform: rotate(4deg);
  }
  to {
    transform: rotate(-4deg);
  }
}

@keyframes chiuzi_move {
  0% {
    transform: rotate(70deg);
  }
  25%,
  to {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(70deg);
  }
}

@keyframes light_move {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}

@keyframes liewen_open {
  0% {
    opacity: 0;
  }
  25%,
  to {
    opacity: 1;
  }
}

@keyframes egg_drop {
  0% {
    opacity: 1;
    transform: translate(0);
  }
  to {
    opacity: 1;
    transform: translate(-0.83rem, 1.37rem);
  }
}

@media (max-device-width: 414px) {
  .gold_egg_root ul {
    top: 4.8rem;
  }
  .gold_egg_root ul li .egg_root {
    height: 1.8rem;
    transform: scale(0.9);
  }
}

@media (max-device-width: 375px) {
  .gold_egg_root ul {
    top: 4.2rem;
  }
  .gold_egg_root ul li .egg_root {
    height: 1.8rem;
    transform: scale(0.9);
  }
}

@media (max-device-width: 360px) {
  .gold_egg_root ul {
    top: 4.8rem;
  }
  .gold_egg_root ul li .egg_root {
    height: 2.02rem;
  }
}

@media (max-device-width: 321px) {
  .gold_egg_root ul {
    top: 4.2rem;
  }
  .gold_egg_root ul li .egg_root {
    height: 2.02rem;
  }
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
  .gold_egg_root ul {
    top: 5rem;
  }
  .gold_egg_root ul li .egg_root {
    height: 2.02rem;
    transform: scale(0.9);
  }
}

@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2),
  only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) {
  .gold_egg_root ul {
    top: 6.2rem;
  }
}

.getEgg_container .pyro {
  position: absolute;
  z-index: 100027;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.getEgg_container .pyro > .before {
  left: -1rem;
}

.getEgg_container .pyro > .after,
.getEgg_container .pyro > .before {
  position: absolute;
  width: 0.1rem;
  height: 0.1rem;
  border-radius: 50%;
  box-shadow:
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff;
  -moz-animation:
    1s bang ease-out infinite backwards,
    1s gravity ease-in infinite backwards,
    5s position linear infinite backwards;
  -webkit-animation:
    1s bang ease-out infinite backwards,
    1s gravity ease-in infinite backwards,
    5s position linear infinite backwards;
  -o-animation:
    1s bang ease-out infinite backwards,
    1s gravity ease-in infinite backwards,
    5s position linear infinite backwards;
  -ms-animation:
    1s bang ease-out infinite backwards,
    1s gravity ease-in infinite backwards,
    5s position linear infinite backwards;
  animation:
    1s bang ease-out infinite backwards,
    1s gravity ease-in infinite backwards,
    5s position linear infinite backwards;
}

.getEgg_container .pyro > .after {
  -moz-animation-delay: 1.25s, 1.25s, 1.25s;
  -webkit-animation-delay: 1.25s, 1.25s, 1.25s;
  -o-animation-delay: 1.25s, 1.25s, 1.25s;
  -ms-animation-delay: 1.25s, 1.25s, 1.25s;
  animation-delay: 1.25s, 1.25s, 1.25s;
  -moz-animation-duration: 1.25s, 1.25s, 6.25s;
  -webkit-animation-duration: 1.25s, 1.25s, 6.25s;
  -o-animation-duration: 1.25s, 1.25s, 6.25s;
  -ms-animation-duration: 1.25s, 1.25s, 6.25s;
  animation-duration: 1.25s, 1.25s, 6.25s;
}

@-webkit-keyframes bang {
  to {
    box-shadow:
      -2.41rem 0.51333rem #00ffae,
      -1.91rem -3.01667rem #b0f,
      0.96rem -2.25667rem #ffd500,
      -1.5rem -3.65667rem #d000ff,
      0.27rem -4.03667rem #7f0,
      -0.64rem 0.28333rem #59ff00,
      -2rem -2.66667rem #f10,
      1.22rem 0.18333rem #07f,
      -0.68rem -3.13667rem #00ff80,
      -2.29rem -3.42667rem #ff8400,
      0.08rem -1.59667rem #4cff00,
      0.85rem 0.56333rem #00f2ff,
      2.02rem -0.12667rem #bf0,
      0.54rem -0.53667rem #00ff2b,
      -1.26rem -0.71667rem #ff6200,
      -1.86rem -0.82667rem #00ff04,
      2.13rem -0.23667rem #9500ff,
      -2.03rem 0.43333rem #000dff,
      -1.63rem -3.06667rem #2600ff,
      1.87rem -1.73667rem #eaff00,
      1.05rem -3.09667rem #00ffd9,
      0.78rem -0.43667rem #00ffea,
      1.5rem -4.02667rem #ff006a,
      0.6rem -0.78667rem #0df,
      1.51rem -4.08667rem #ff00a6,
      -2.26rem -2.99667rem #51ff00,
      -2.28rem 0.18333rem #4000ff,
      -1.63rem -2.27667rem #5eff00,
      1.95rem 0.33333rem #f700ff,
      1.23rem -1.00667rem #ff0048,
      -2.38rem -0.64667rem #ff0037,
      2.06rem -0.06667rem #008cff,
      0.67rem -0.80667rem #ff00e6,
      -1.24rem -2.44667rem #8f0,
      -1.64rem -2.89667rem #e0f,
      -1.13rem 0.10333rem #0df,
      1.73rem 0.03333rem #ff2600,
      -0.27rem -3.62667rem #00ff73,
      0.38rem -3.02667rem #ff9500,
      1.42rem -0.74667rem #001eff,
      -2.41rem -3.16667rem #3c00ff,
      -0.22rem 0.40333rem #009dff,
      -0.33rem -3.84667rem #f02,
      0.32rem -0.67667rem #f04,
      -1.4rem -1.21667rem #00fff7,
      2.2rem -3.74667rem #fa0,
      -1.08rem -2.00667rem #a0f,
      -2.23rem -0.79667rem #0026ff,
      -0.13rem 0.29333rem #3cff00,
      -0.2rem -1.96667rem #0f4,
      -0.8rem -1.39667rem #0048ff;
  }
}

@-moz-keyframes bang {
  to {
    box-shadow:
      -2.41rem 0.51333rem #00ffae,
      -1.91rem -3.01667rem #b0f,
      0.96rem -2.25667rem #ffd500,
      -1.5rem -3.65667rem #d000ff,
      0.27rem -4.03667rem #7f0,
      -0.64rem 0.28333rem #59ff00,
      -2rem -2.66667rem #f10,
      1.22rem 0.18333rem #07f,
      -0.68rem -3.13667rem #00ff80,
      -2.29rem -3.42667rem #ff8400,
      0.08rem -1.59667rem #4cff00,
      0.85rem 0.56333rem #00f2ff,
      2.02rem -0.12667rem #bf0,
      0.54rem -0.53667rem #00ff2b,
      -1.26rem -0.71667rem #ff6200,
      -1.86rem -0.82667rem #00ff04,
      2.13rem -0.23667rem #9500ff,
      -2.03rem 0.43333rem #000dff,
      -1.63rem -3.06667rem #2600ff,
      1.87rem -1.73667rem #eaff00,
      1.05rem -3.09667rem #00ffd9,
      0.78rem -0.43667rem #00ffea,
      1.5rem -4.02667rem #ff006a,
      0.6rem -0.78667rem #0df,
      1.51rem -4.08667rem #ff00a6,
      -2.26rem -2.99667rem #51ff00,
      -2.28rem 0.18333rem #4000ff,
      -1.63rem -2.27667rem #5eff00,
      1.95rem 0.33333rem #f700ff,
      1.23rem -1.00667rem #ff0048,
      -2.38rem -0.64667rem #ff0037,
      2.06rem -0.06667rem #008cff,
      0.67rem -0.80667rem #ff00e6,
      -1.24rem -2.44667rem #8f0,
      -1.64rem -2.89667rem #e0f,
      -1.13rem 0.10333rem #0df,
      1.73rem 0.03333rem #ff2600,
      -0.27rem -3.62667rem #00ff73,
      0.38rem -3.02667rem #ff9500,
      1.42rem -0.74667rem #001eff,
      -2.41rem -3.16667rem #3c00ff,
      -0.22rem 0.40333rem #009dff,
      -0.33rem -3.84667rem #f02,
      0.32rem -0.67667rem #f04,
      -1.4rem -1.21667rem #00fff7,
      2.2rem -3.74667rem #fa0,
      -1.08rem -2.00667rem #a0f,
      -2.23rem -0.79667rem #0026ff,
      -0.13rem 0.29333rem #3cff00,
      -0.2rem -1.96667rem #0f4,
      -0.8rem -1.39667rem #0048ff;
  }
}

@-o-keyframes bang {
  to {
    box-shadow:
      -2.41rem 0.51333rem #00ffae,
      -1.91rem -3.01667rem #b0f,
      0.96rem -2.25667rem #ffd500,
      -1.5rem -3.65667rem #d000ff,
      0.27rem -4.03667rem #7f0,
      -0.64rem 0.28333rem #59ff00,
      -2rem -2.66667rem #f10,
      1.22rem 0.18333rem #07f,
      -0.68rem -3.13667rem #00ff80,
      -2.29rem -3.42667rem #ff8400,
      0.08rem -1.59667rem #4cff00,
      0.85rem 0.56333rem #00f2ff,
      2.02rem -0.12667rem #bf0,
      0.54rem -0.53667rem #00ff2b,
      -1.26rem -0.71667rem #ff6200,
      -1.86rem -0.82667rem #00ff04,
      2.13rem -0.23667rem #9500ff,
      -2.03rem 0.43333rem #000dff,
      -1.63rem -3.06667rem #2600ff,
      1.87rem -1.73667rem #eaff00,
      1.05rem -3.09667rem #00ffd9,
      0.78rem -0.43667rem #00ffea,
      1.5rem -4.02667rem #ff006a,
      0.6rem -0.78667rem #0df,
      1.51rem -4.08667rem #ff00a6,
      -2.26rem -2.99667rem #51ff00,
      -2.28rem 0.18333rem #4000ff,
      -1.63rem -2.27667rem #5eff00,
      1.95rem 0.33333rem #f700ff,
      1.23rem -1.00667rem #ff0048,
      -2.38rem -0.64667rem #ff0037,
      2.06rem -0.06667rem #008cff,
      0.67rem -0.80667rem #ff00e6,
      -1.24rem -2.44667rem #8f0,
      -1.64rem -2.89667rem #e0f,
      -1.13rem 0.10333rem #0df,
      1.73rem 0.03333rem #ff2600,
      -0.27rem -3.62667rem #00ff73,
      0.38rem -3.02667rem #ff9500,
      1.42rem -0.74667rem #001eff,
      -2.41rem -3.16667rem #3c00ff,
      -0.22rem 0.40333rem #009dff,
      -0.33rem -3.84667rem #f02,
      0.32rem -0.67667rem #f04,
      -1.4rem -1.21667rem #00fff7,
      2.2rem -3.74667rem #fa0,
      -1.08rem -2.00667rem #a0f,
      -2.23rem -0.79667rem #0026ff,
      -0.13rem 0.29333rem #3cff00,
      -0.2rem -1.96667rem #0f4,
      -0.8rem -1.39667rem #0048ff;
  }
}

@-ms-keyframes bang {
  to {
    box-shadow:
      -2.41rem 0.51333rem #00ffae,
      -1.91rem -3.01667rem #b0f,
      0.96rem -2.25667rem #ffd500,
      -1.5rem -3.65667rem #d000ff,
      0.27rem -4.03667rem #7f0,
      -0.64rem 0.28333rem #59ff00,
      -2rem -2.66667rem #f10,
      1.22rem 0.18333rem #07f,
      -0.68rem -3.13667rem #00ff80,
      -2.29rem -3.42667rem #ff8400,
      0.08rem -1.59667rem #4cff00,
      0.85rem 0.56333rem #00f2ff,
      2.02rem -0.12667rem #bf0,
      0.54rem -0.53667rem #00ff2b,
      -1.26rem -0.71667rem #ff6200,
      -1.86rem -0.82667rem #00ff04,
      2.13rem -0.23667rem #9500ff,
      -2.03rem 0.43333rem #000dff,
      -1.63rem -3.06667rem #2600ff,
      1.87rem -1.73667rem #eaff00,
      1.05rem -3.09667rem #00ffd9,
      0.78rem -0.43667rem #00ffea,
      1.5rem -4.02667rem #ff006a,
      0.6rem -0.78667rem #0df,
      1.51rem -4.08667rem #ff00a6,
      -2.26rem -2.99667rem #51ff00,
      -2.28rem 0.18333rem #4000ff,
      -1.63rem -2.27667rem #5eff00,
      1.95rem 0.33333rem #f700ff,
      1.23rem -1.00667rem #ff0048,
      -2.38rem -0.64667rem #ff0037,
      2.06rem -0.06667rem #008cff,
      0.67rem -0.80667rem #ff00e6,
      -1.24rem -2.44667rem #8f0,
      -1.64rem -2.89667rem #e0f,
      -1.13rem 0.10333rem #0df,
      1.73rem 0.03333rem #ff2600,
      -0.27rem -3.62667rem #00ff73,
      0.38rem -3.02667rem #ff9500,
      1.42rem -0.74667rem #001eff,
      -2.41rem -3.16667rem #3c00ff,
      -0.22rem 0.40333rem #009dff,
      -0.33rem -3.84667rem #f02,
      0.32rem -0.67667rem #f04,
      -1.4rem -1.21667rem #00fff7,
      2.2rem -3.74667rem #fa0,
      -1.08rem -2.00667rem #a0f,
      -2.23rem -0.79667rem #0026ff,
      -0.13rem 0.29333rem #3cff00,
      -0.2rem -1.96667rem #0f4,
      -0.8rem -1.39667rem #0048ff;
  }
}

@keyframes bang {
  to {
    box-shadow:
      -2.41rem 0.51333rem #00ffae,
      -1.91rem -3.01667rem #b0f,
      0.96rem -2.25667rem #ffd500,
      -1.5rem -3.65667rem #d000ff,
      0.27rem -4.03667rem #7f0,
      -0.64rem 0.28333rem #59ff00,
      -2rem -2.66667rem #f10,
      1.22rem 0.18333rem #07f,
      -0.68rem -3.13667rem #00ff80,
      -2.29rem -3.42667rem #ff8400,
      0.08rem -1.59667rem #4cff00,
      0.85rem 0.56333rem #00f2ff,
      2.02rem -0.12667rem #bf0,
      0.54rem -0.53667rem #00ff2b,
      -1.26rem -0.71667rem #ff6200,
      -1.86rem -0.82667rem #00ff04,
      2.13rem -0.23667rem #9500ff,
      -2.03rem 0.43333rem #000dff,
      -1.63rem -3.06667rem #2600ff,
      1.87rem -1.73667rem #eaff00,
      1.05rem -3.09667rem #00ffd9,
      0.78rem -0.43667rem #00ffea,
      1.5rem -4.02667rem #ff006a,
      0.6rem -0.78667rem #0df,
      1.51rem -4.08667rem #ff00a6,
      -2.26rem -2.99667rem #51ff00,
      -2.28rem 0.18333rem #4000ff,
      -1.63rem -2.27667rem #5eff00,
      1.95rem 0.33333rem #f700ff,
      1.23rem -1.00667rem #ff0048,
      -2.38rem -0.64667rem #ff0037,
      2.06rem -0.06667rem #008cff,
      0.67rem -0.80667rem #ff00e6,
      -1.24rem -2.44667rem #8f0,
      -1.64rem -2.89667rem #e0f,
      -1.13rem 0.10333rem #0df,
      1.73rem 0.03333rem #ff2600,
      -0.27rem -3.62667rem #00ff73,
      0.38rem -3.02667rem #ff9500,
      1.42rem -0.74667rem #001eff,
      -2.41rem -3.16667rem #3c00ff,
      -0.22rem 0.40333rem #009dff,
      -0.33rem -3.84667rem #f02,
      0.32rem -0.67667rem #f04,
      -1.4rem -1.21667rem #00fff7,
      2.2rem -3.74667rem #fa0,
      -1.08rem -2.00667rem #a0f,
      -2.23rem -0.79667rem #0026ff,
      -0.13rem 0.29333rem #3cff00,
      -0.2rem -1.96667rem #0f4,
      -0.8rem -1.39667rem #0048ff;
  }
}

@-webkit-keyframes gravity {
  to {
    transform: translateY(2rem);
    -moz-transform: translateY(2rem);
    -webkit-transform: translateY(2rem);
    -o-transform: translateY(2rem);
    -ms-transform: translateY(2rem);
    opacity: 0;
  }
}

@-moz-keyframes gravity {
  to {
    transform: translateY(2rem);
    -moz-transform: translateY(2rem);
    -webkit-transform: translateY(2rem);
    -o-transform: translateY(2rem);
    -ms-transform: translateY(2rem);
    opacity: 0;
  }
}

@-o-keyframes gravity {
  to {
    transform: translateY(2rem);
    -moz-transform: translateY(2rem);
    -webkit-transform: translateY(2rem);
    -o-transform: translateY(2rem);
    -ms-transform: translateY(2rem);
    opacity: 0;
  }
}

@-ms-keyframes gravity {
  to {
    transform: translateY(2rem);
    -moz-transform: translateY(2rem);
    -webkit-transform: translateY(2rem);
    -o-transform: translateY(2rem);
    -ms-transform: translateY(2rem);
    opacity: 0;
  }
}

@keyframes gravity {
  to {
    transform: translateY(2rem);
    -moz-transform: translateY(2rem);
    -webkit-transform: translateY(2rem);
    -o-transform: translateY(2rem);
    -ms-transform: translateY(2rem);
    opacity: 0;
  }
}

@-webkit-keyframes position {
  0%,
  19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }
  20%,
  39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }
  40%,
  59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }
  60%,
  79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }
  80%,
  99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
}

@-moz-keyframes position {
  0%,
  19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }
  20%,
  39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }
  40%,
  59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }
  60%,
  79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }
  80%,
  99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
}

@-o-keyframes position {
  0%,
  19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }
  20%,
  39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }
  40%,
  59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }
  60%,
  79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }
  80%,
  99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
}

@-ms-keyframes position {
  0%,
  19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }
  20%,
  39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }
  40%,
  59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }
  60%,
  79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }
  80%,
  99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
}

@keyframes position {
  0%,
  19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }
  20%,
  39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }
  40%,
  59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }
  60%,
  79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }
  80%,
  99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
}

.prize_wheel_bg {
  z-index: 100011;
  height: 100%;
  width: 100%;
  background-image: url(/mobile/mc/bg.7baf9b98.jpg);
  background-size: contain;
  position: absolute;
  background-repeat: no-repeat;
  background-color: #fb471e;
}

.prize_wheel_bg:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  background-image:
    url(/mobile/mc/losePopUp.f76a5e16.png),
    url(/mobile/mc/winPopUp.7754d0f1.png);
}

.prize_wheel_root {
  z-index: 100012;
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.prize_wheel_root svg.am-icon {
  margin: 0.3rem;
  fill: #fff;
  display: inline-block;
  position: absolute;
  z-index: 100000;
}

.prize_wheel_root .wheel_title_container {
  margin-top: 0.62rem;
  text-align: center;
  width: 100%;
  font-weight: 700;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.prize_wheel_root .wheel_title_container .wheel_title {
  z-index: 1;
  text-align: center;
  width: 100%;
  background:
    linear-gradient(0deg, #f9d57e, #fff3d1),
    linear-gradient(180deg, #fefefe, #fefefe);
  -webkit-background-clip: text;
  -webkit-text-fill-color: #c75c5c00;
  font-size: 0.85rem;
  color: #fefefe;
  position: absolute;
  font-weight: 700;
  word-wrap: break-word;
}

.prize_wheel_root .wheel_title_container:after {
  text-shadow: 0.02rem 0.05rem 0.04rem #ca1e0cad;
  color: transparent;
  font-size: 0.85rem;
  content: attr(title);
}

.prize_wheel_root .wheel_bg {
  background-image: url(/mobile/mc/wheelBg.3e454b1d.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  height: 9rem;
  display: flex;
  justify-content: center;
}

.prize_wheel_root .wheel_bg .wheel_content {
  border-radius: 50%;
  width: 69%;
  position: relative;
  content: "";
  top: 1.38rem;
  left: 0.12rem;
  height: 63%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.prize_wheel_root .wheel_bg .wheel_content.number_0 ul {
  transform: rotate(4turn);
  transition: all 2s linear;
  will-change: transform;
}

.prize_wheel_root .wheel_bg .wheel_content.number_1 ul {
  transform: rotate(1395deg);
  transition: all 2s linear;
  will-change: transform;
}

.prize_wheel_root .wheel_bg .wheel_content.number_2 ul {
  transform: rotate(1350deg);
  transition: all 2s linear;
  will-change: transform;
}

.prize_wheel_root .wheel_bg .wheel_content.number_3 ul {
  transform: rotate(1305deg);
  transition: all 2s linear;
  will-change: transform;
}

.prize_wheel_root .wheel_bg .wheel_content.number_4 ul {
  transform: rotate(1260deg);
  transition: all 2s linear;
  will-change: transform;
}

.prize_wheel_root .wheel_bg .wheel_content.number_5 ul {
  transform: rotate(1215deg);
  transition: all 2s linear;
  will-change: transform;
}

.prize_wheel_root .wheel_bg .wheel_content.number_6 ul {
  transform: rotate(1170deg);
  transition: all 2s linear;
  will-change: transform;
}

.prize_wheel_root .wheel_bg .wheel_content.number_7 ul {
  transform: rotate(1125deg);
  transition: all 2s linear;
  will-change: transform;
}

.prize_wheel_root .wheel_bg .wheel_content.rotate {
  animation-timing-function: linear;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: rotate;
  will-change: transform;
}

.prize_wheel_root .wheel_bg .wheel_content ul {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  content: "";
  position: relative;
  background-image: url(/mobile/mc/wheel.eff2e570.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-0 {
  text-align: center;
  width: 88%;
  height: 88%;
  border-radius: 50%;
  position: absolute;
  content: "";
  display: block;
  justify-content: center;
  transform: rotate(0deg);
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-0 .rewardItem {
  display: flex;
  flex-wrap: wrap;
  height: 30%;
  word-break: break-word;
  white-space: break-spaces;
  text-overflow: ellipsis;
  justify-content: center;
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-0
  .rewardItem
  .prize_message {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  position: relative;
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-0
  .rewardItem
  .prize_message
  span {
  height: 0.7rem;
  color: #462f2f;
  font-size: 0.24rem;
  max-width: 1.4rem;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
}

@supports (-webkit-line-clamp: 2) {
  .prize_wheel_root
    .wheel_bg
    .wheel_content
    ul
    li.item-0
    .rewardItem
    .prize_message
    span {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-0
  .rewardItem
  .prize_message
  div.prize_item {
  max-width: 0.5rem;
  width: 100%;
  height: 0.5rem;
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-0
  .rewardItem
  .prize_message
  div.prize_item
  .icon {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-0
  .rewardItem
  .prize_message
  div.prize_item
  .icon-TICKET {
  background-image: url(/mobile/mc/img_ticket.65fd4811.png);
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-0
  .rewardItem
  .prize_message
  div.prize_item
  .icon-MYSTERY {
  background-image: url(/mobile/mc/mystery.cba7ea64.png);
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-0
  .rewardItem
  .prize_message
  div.prize_item
  .icon-EMPTY {
  background-image: url(/mobile/mc/empty.829cc01a.png);
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-0
  .rewardItem
  .prize_message
  div.prize_item
  .icon-RETRY {
  background-image: url(/mobile/mc/retry.3bfe4b4a.png);
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-0
  .rewardItem
  .prize_message
  div.prize_item
  .icon-MONEY {
  background-image: url(/mobile/mc/money.5dd3e7b1.png);
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-0
  .rewardItem
  .prize_message
  div.prize_item
  .icon-POINT {
  background-image: url(/mobile/mc/point.cdcc8aa4.png);
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-1 {
  text-align: center;
  width: 88%;
  height: 88%;
  border-radius: 50%;
  position: absolute;
  content: "";
  display: block;
  justify-content: center;
  transform: rotate(45deg);
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-1 .rewardItem {
  display: flex;
  flex-wrap: wrap;
  height: 30%;
  word-break: break-word;
  white-space: break-spaces;
  text-overflow: ellipsis;
  justify-content: center;
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-1
  .rewardItem
  .prize_message {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  position: relative;
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-1
  .rewardItem
  .prize_message
  span {
  height: 0.7rem;
  color: #462f2f;
  font-size: 0.24rem;
  max-width: 1.4rem;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
}

@supports (-webkit-line-clamp: 2) {
  .prize_wheel_root
    .wheel_bg
    .wheel_content
    ul
    li.item-1
    .rewardItem
    .prize_message
    span {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-1
  .rewardItem
  .prize_message
  div.prize_item {
  max-width: 0.5rem;
  width: 100%;
  height: 0.5rem;
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-1
  .rewardItem
  .prize_message
  div.prize_item
  .icon {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-1
  .rewardItem
  .prize_message
  div.prize_item
  .icon-TICKET {
  background-image: url(/mobile/mc/img_ticket.65fd4811.png);
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-1
  .rewardItem
  .prize_message
  div.prize_item
  .icon-MYSTERY {
  background-image: url(/mobile/mc/mystery.cba7ea64.png);
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-1
  .rewardItem
  .prize_message
  div.prize_item
  .icon-EMPTY {
  background-image: url(/mobile/mc/empty.829cc01a.png);
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-1
  .rewardItem
  .prize_message
  div.prize_item
  .icon-RETRY {
  background-image: url(/mobile/mc/retry.3bfe4b4a.png);
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-1
  .rewardItem
  .prize_message
  div.prize_item
  .icon-MONEY {
  background-image: url(/mobile/mc/money.5dd3e7b1.png);
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-1
  .rewardItem
  .prize_message
  div.prize_item
  .icon-POINT {
  background-image: url(/mobile/mc/point.cdcc8aa4.png);
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-2 {
  text-align: center;
  width: 88%;
  height: 88%;
  border-radius: 50%;
  position: absolute;
  content: "";
  display: block;
  justify-content: center;
  transform: rotate(90deg);
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-2 .rewardItem {
  display: flex;
  flex-wrap: wrap;
  height: 30%;
  word-break: break-word;
  white-space: break-spaces;
  text-overflow: ellipsis;
  justify-content: center;
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-2
  .rewardItem
  .prize_message {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  position: relative;
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-2
  .rewardItem
  .prize_message
  span {
  height: 0.7rem;
  color: #462f2f;
  font-size: 0.24rem;
  max-width: 1.4rem;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
}

@supports (-webkit-line-clamp: 2) {
  .prize_wheel_root
    .wheel_bg
    .wheel_content
    ul
    li.item-2
    .rewardItem
    .prize_message
    span {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-2
  .rewardItem
  .prize_message
  div.prize_item {
  max-width: 0.5rem;
  width: 100%;
  height: 0.5rem;
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-2
  .rewardItem
  .prize_message
  div.prize_item
  .icon {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-2
  .rewardItem
  .prize_message
  div.prize_item
  .icon-TICKET {
  background-image: url(/mobile/mc/img_ticket.65fd4811.png);
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-2
  .rewardItem
  .prize_message
  div.prize_item
  .icon-MYSTERY {
  background-image: url(/mobile/mc/mystery.cba7ea64.png);
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-2
  .rewardItem
  .prize_message
  div.prize_item
  .icon-EMPTY {
  background-image: url(/mobile/mc/empty.829cc01a.png);
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-2
  .rewardItem
  .prize_message
  div.prize_item
  .icon-RETRY {
  background-image: url(/mobile/mc/retry.3bfe4b4a.png);
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-2
  .rewardItem
  .prize_message
  div.prize_item
  .icon-MONEY {
  background-image: url(/mobile/mc/money.5dd3e7b1.png);
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-2
  .rewardItem
  .prize_message
  div.prize_item
  .icon-POINT {
  background-image: url(/mobile/mc/point.cdcc8aa4.png);
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-3 {
  text-align: center;
  width: 88%;
  height: 88%;
  border-radius: 50%;
  position: absolute;
  content: "";
  display: block;
  justify-content: center;
  transform: rotate(135deg);
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-3 .rewardItem {
  display: flex;
  flex-wrap: wrap;
  height: 30%;
  word-break: break-word;
  white-space: break-spaces;
  text-overflow: ellipsis;
  justify-content: center;
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-3
  .rewardItem
  .prize_message {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  position: relative;
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-3
  .rewardItem
  .prize_message
  span {
  height: 0.7rem;
  color: #462f2f;
  font-size: 0.24rem;
  max-width: 1.4rem;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
}

@supports (-webkit-line-clamp: 2) {
  .prize_wheel_root
    .wheel_bg
    .wheel_content
    ul
    li.item-3
    .rewardItem
    .prize_message
    span {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-3
  .rewardItem
  .prize_message
  div.prize_item {
  max-width: 0.5rem;
  width: 100%;
  height: 0.5rem;
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-3
  .rewardItem
  .prize_message
  div.prize_item
  .icon {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-3
  .rewardItem
  .prize_message
  div.prize_item
  .icon-TICKET {
  background-image: url(/mobile/mc/img_ticket.65fd4811.png);
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-3
  .rewardItem
  .prize_message
  div.prize_item
  .icon-MYSTERY {
  background-image: url(/mobile/mc/mystery.cba7ea64.png);
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-3
  .rewardItem
  .prize_message
  div.prize_item
  .icon-EMPTY {
  background-image: url(/mobile/mc/empty.829cc01a.png);
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-3
  .rewardItem
  .prize_message
  div.prize_item
  .icon-RETRY {
  background-image: url(/mobile/mc/retry.3bfe4b4a.png);
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-3
  .rewardItem
  .prize_message
  div.prize_item
  .icon-MONEY {
  background-image: url(/mobile/mc/money.5dd3e7b1.png);
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-3
  .rewardItem
  .prize_message
  div.prize_item
  .icon-POINT {
  background-image: url(/mobile/mc/point.cdcc8aa4.png);
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-4 {
  text-align: center;
  width: 88%;
  height: 88%;
  border-radius: 50%;
  position: absolute;
  content: "";
  display: block;
  justify-content: center;
  transform: rotate(180deg);
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-4 .rewardItem {
  display: flex;
  flex-wrap: wrap;
  height: 30%;
  word-break: break-word;
  white-space: break-spaces;
  text-overflow: ellipsis;
  justify-content: center;
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-4
  .rewardItem
  .prize_message {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  position: relative;
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-4
  .rewardItem
  .prize_message
  span {
  height: 0.7rem;
  color: #462f2f;
  font-size: 0.24rem;
  max-width: 1.4rem;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
}

@supports (-webkit-line-clamp: 2) {
  .prize_wheel_root
    .wheel_bg
    .wheel_content
    ul
    li.item-4
    .rewardItem
    .prize_message
    span {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-4
  .rewardItem
  .prize_message
  div.prize_item {
  max-width: 0.5rem;
  width: 100%;
  height: 0.5rem;
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-4
  .rewardItem
  .prize_message
  div.prize_item
  .icon {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-4
  .rewardItem
  .prize_message
  div.prize_item
  .icon-TICKET {
  background-image: url(/mobile/mc/img_ticket.65fd4811.png);
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-4
  .rewardItem
  .prize_message
  div.prize_item
  .icon-MYSTERY {
  background-image: url(/mobile/mc/mystery.cba7ea64.png);
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-4
  .rewardItem
  .prize_message
  div.prize_item
  .icon-EMPTY {
  background-image: url(/mobile/mc/empty.829cc01a.png);
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-4
  .rewardItem
  .prize_message
  div.prize_item
  .icon-RETRY {
  background-image: url(/mobile/mc/retry.3bfe4b4a.png);
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-4
  .rewardItem
  .prize_message
  div.prize_item
  .icon-MONEY {
  background-image: url(/mobile/mc/money.5dd3e7b1.png);
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-4
  .rewardItem
  .prize_message
  div.prize_item
  .icon-POINT {
  background-image: url(/mobile/mc/point.cdcc8aa4.png);
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-5 {
  text-align: center;
  width: 88%;
  height: 88%;
  border-radius: 50%;
  position: absolute;
  content: "";
  display: block;
  justify-content: center;
  transform: rotate(225deg);
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-5 .rewardItem {
  display: flex;
  flex-wrap: wrap;
  height: 30%;
  word-break: break-word;
  white-space: break-spaces;
  text-overflow: ellipsis;
  justify-content: center;
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-5
  .rewardItem
  .prize_message {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  position: relative;
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-5
  .rewardItem
  .prize_message
  span {
  height: 0.7rem;
  color: #462f2f;
  font-size: 0.24rem;
  max-width: 1.4rem;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
}

@supports (-webkit-line-clamp: 2) {
  .prize_wheel_root
    .wheel_bg
    .wheel_content
    ul
    li.item-5
    .rewardItem
    .prize_message
    span {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-5
  .rewardItem
  .prize_message
  div.prize_item {
  max-width: 0.5rem;
  width: 100%;
  height: 0.5rem;
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-5
  .rewardItem
  .prize_message
  div.prize_item
  .icon {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-5
  .rewardItem
  .prize_message
  div.prize_item
  .icon-TICKET {
  background-image: url(/mobile/mc/img_ticket.65fd4811.png);
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-5
  .rewardItem
  .prize_message
  div.prize_item
  .icon-MYSTERY {
  background-image: url(/mobile/mc/mystery.cba7ea64.png);
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-5
  .rewardItem
  .prize_message
  div.prize_item
  .icon-EMPTY {
  background-image: url(/mobile/mc/empty.829cc01a.png);
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-5
  .rewardItem
  .prize_message
  div.prize_item
  .icon-RETRY {
  background-image: url(/mobile/mc/retry.3bfe4b4a.png);
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-5
  .rewardItem
  .prize_message
  div.prize_item
  .icon-MONEY {
  background-image: url(/mobile/mc/money.5dd3e7b1.png);
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-5
  .rewardItem
  .prize_message
  div.prize_item
  .icon-POINT {
  background-image: url(/mobile/mc/point.cdcc8aa4.png);
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-6 {
  text-align: center;
  width: 88%;
  height: 88%;
  border-radius: 50%;
  position: absolute;
  content: "";
  display: block;
  justify-content: center;
  transform: rotate(270deg);
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-6 .rewardItem {
  display: flex;
  flex-wrap: wrap;
  height: 30%;
  word-break: break-word;
  white-space: break-spaces;
  text-overflow: ellipsis;
  justify-content: center;
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-6
  .rewardItem
  .prize_message {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  position: relative;
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-6
  .rewardItem
  .prize_message
  span {
  height: 0.7rem;
  color: #462f2f;
  font-size: 0.24rem;
  max-width: 1.4rem;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
}

@supports (-webkit-line-clamp: 2) {
  .prize_wheel_root
    .wheel_bg
    .wheel_content
    ul
    li.item-6
    .rewardItem
    .prize_message
    span {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-6
  .rewardItem
  .prize_message
  div.prize_item {
  max-width: 0.5rem;
  width: 100%;
  height: 0.5rem;
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-6
  .rewardItem
  .prize_message
  div.prize_item
  .icon {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-6
  .rewardItem
  .prize_message
  div.prize_item
  .icon-TICKET {
  background-image: url(/mobile/mc/img_ticket.65fd4811.png);
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-6
  .rewardItem
  .prize_message
  div.prize_item
  .icon-MYSTERY {
  background-image: url(/mobile/mc/mystery.cba7ea64.png);
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-6
  .rewardItem
  .prize_message
  div.prize_item
  .icon-EMPTY {
  background-image: url(/mobile/mc/empty.829cc01a.png);
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-6
  .rewardItem
  .prize_message
  div.prize_item
  .icon-RETRY {
  background-image: url(/mobile/mc/retry.3bfe4b4a.png);
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-6
  .rewardItem
  .prize_message
  div.prize_item
  .icon-MONEY {
  background-image: url(/mobile/mc/money.5dd3e7b1.png);
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-6
  .rewardItem
  .prize_message
  div.prize_item
  .icon-POINT {
  background-image: url(/mobile/mc/point.cdcc8aa4.png);
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-7 {
  text-align: center;
  width: 88%;
  height: 88%;
  border-radius: 50%;
  position: absolute;
  content: "";
  display: block;
  justify-content: center;
  transform: rotate(315deg);
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-7 .rewardItem {
  display: flex;
  flex-wrap: wrap;
  height: 30%;
  word-break: break-word;
  white-space: break-spaces;
  text-overflow: ellipsis;
  justify-content: center;
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-7
  .rewardItem
  .prize_message {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  position: relative;
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-7
  .rewardItem
  .prize_message
  span {
  height: 0.7rem;
  color: #462f2f;
  font-size: 0.24rem;
  max-width: 1.4rem;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
}

@supports (-webkit-line-clamp: 2) {
  .prize_wheel_root
    .wheel_bg
    .wheel_content
    ul
    li.item-7
    .rewardItem
    .prize_message
    span {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-7
  .rewardItem
  .prize_message
  div.prize_item {
  max-width: 0.5rem;
  width: 100%;
  height: 0.5rem;
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-7
  .rewardItem
  .prize_message
  div.prize_item
  .icon {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-7
  .rewardItem
  .prize_message
  div.prize_item
  .icon-TICKET {
  background-image: url(/mobile/mc/img_ticket.65fd4811.png);
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-7
  .rewardItem
  .prize_message
  div.prize_item
  .icon-MYSTERY {
  background-image: url(/mobile/mc/mystery.cba7ea64.png);
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-7
  .rewardItem
  .prize_message
  div.prize_item
  .icon-EMPTY {
  background-image: url(/mobile/mc/empty.829cc01a.png);
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-7
  .rewardItem
  .prize_message
  div.prize_item
  .icon-RETRY {
  background-image: url(/mobile/mc/retry.3bfe4b4a.png);
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-7
  .rewardItem
  .prize_message
  div.prize_item
  .icon-MONEY {
  background-image: url(/mobile/mc/money.5dd3e7b1.png);
}

.prize_wheel_root
  .wheel_bg
  .wheel_content
  ul
  li.item-7
  .rewardItem
  .prize_message
  div.prize_item
  .icon-POINT {
  background-image: url(/mobile/mc/point.cdcc8aa4.png);
}

.prize_wheel_root .wheel_bg .start_wheel {
  content: "";
  position: absolute;
  background-image: url(/mobile/mc/goBtn.e2617d54.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.88rem;
  height: 3.8rem;
  bottom: 3.2rem;
  left: 2.9rem;
  z-index: 100;
}

.prize_wheel_root .start_btn {
  position: relative;
  border-radius: 0.46rem;
  margin: 0 auto;
  box-shadow:
    0 0.06rem 0 0 rgba(133, 28, 4, 0.15),
    inset 0 0.05rem 0.06rem 0 #fff;
  background-image: linear-gradient(0deg, #eea429, #ffe48a);
  padding: 0.19rem 0.05rem;
  text-align: center;
  width: 68%;
  margin-top: -0.5rem;
}

.prize_wheel_root .start_btn .draw_wheel {
  font-size: 0.36rem;
  font-weight: 900;
  color: #c73809;
}

.prize_wheel_root .lossMessage {
  font-size: 0.36rem;
  color: #332b28;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.wheel_container .ticket_message {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 6rem;
  transform: translate(-50%, -50%);
  opacity: 0;
  display: none;
  z-index: 100015;
  background-size: contain;
  background-repeat: no-repeat;
  padding: 2.02rem 0 1rem;
}

.wheel_container {
  position: fixed;
  width: 100%;
  height: 100vh;
  height: calc(100 * var(--vh, 1vh));
  top: 0;
  z-index: 100011;
}

.wheel_container .message_mask.messageOpen {
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 100031;
}

.wheel_container .ticket_message .close_button {
  width: 0.6rem;
  height: 0.6rem;
  display: inline-block;
  border: 0.04rem solid #cbcbcb;
  border-radius: 50%;
  background-size: 100% 100%;
  position: absolute;
  bottom: -1rem;
}

.wheel_container .ticket_message .close_button:after {
  width: 0.25rem;
  height: 0;
  border: 1px solid #cbcbcb;
  content: "";
  position: absolute;
  right: 0.12rem;
  z-index: 99;
  top: 48%;
  transform: rotate(45deg);
}

.wheel_container .ticket_message .close_button:before {
  width: 0.25rem;
  height: 0;
  border: 1px solid #cbcbcb;
  content: "";
  position: absolute;
  right: 0.12rem;
  z-index: 99;
  top: 48%;
  transform: rotate(-45deg);
}

.wheel_container .ticket_message.messageOpen {
  transition: all 0.3s;
  transition-delay: 0.5s;
  opacity: 1;
  z-index: 100032;
  text-align: center;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.wheel_container .ticket_message.messageOpen .message-wrap {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.wheel_container .ticket_message.messageOpen .message-wrap:before {
  position: absolute;
  content: "";
  top: -2.02rem;
  width: 5.2rem;
  height: 2.90925rem;
  background: url(/mobile/mc/win-popup-bg.85a19acf.png) no-repeat 50% / contain;
}

.wheel_container .ticket_message.messageOpen .msg-title {
  width: 4.6rem;
  height: 1.01028rem;
  margin: -0.41rem auto 0;
  background: url(/mobile/mc/win-popup-title.d9827beb.png) no-repeat 50% /
    contain;
  display: flex;
  justify-content: center;
  align-items: center;
}

.wheel_container .ticket_message.messageOpen .msg-title .title-txt {
  flex: 1 1 0%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #cd9181;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow:
    0 0 0.08rem hsla(0, 0%, 100%, 0.4),
    0 -0.03rem 0 #fff;
  font-size: 0.34rem;
  font-weight: 900;
  margin-top: -0.1rem;
}

.wheel_container .ticket_message.messageOpen .message {
  text-align: center;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  border-radius: 0.4rem;
  border: 0.08rem solid #bf8431;
  background: linear-gradient(180deg, #fef1d6, #ffe3bf);
  box-shadow: inset 0 -0.26rem 0.04rem 0 hsla(35, 85%, 72%, 0.5);
  gap: 0.48rem;
  padding: 0 0.3rem 0.56rem;
}

.wheel_container .ticket_message.messageOpen .message .msg-content {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  align-items: center;
}

.wheel_container .ticket_message.messageOpen .message .msg-img img {
  max-width: 4.2rem;
  max-height: 4.2rem;
  object-fit: contain;
}

.wheel_container .ticket_message.messageOpen .message .msg-text {
  color: #000;
  text-align: center;
  font-size: 0.38rem;
  font-weight: 900;
  line-height: normal;
}

.wheel_container .ticket_message.messageOpen .message .prize-contact {
  min-width: 3rem;
  height: 0.68rem;
  border-radius: 0.8rem;
  border: 0.04rem solid #ffd269;
  background: linear-gradient(180deg, #fff, #f7c163 49%, #f2b03e);
  box-shadow:
    0 0.06rem 0 0 rgba(0, 0, 0, 0.25),
    inset 0 0.06rem 0.04rem 0 #ffe6ba,
    inset 0 0.1rem 0.28rem 0 #fff0d6,
    inset 0 -0.08rem 0.06rem 0 #c57f04;
  -webkit-text-stroke-width: 0.02rem;
  -webkit-text-stroke-color: #d63000;
  paint-order: stroke fill;
  font-size: 0.36rem;
  font-weight: 900;
  color: #fff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  justify-self: center;
  padding: 0 0.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.wheel_container .am-modal-content .am-modal-header .am-modal-title {
  color: #616161;
}

.wheel_container .am-modal-content .am-modal-body .mc-popup-trans {
  padding: 0;
}

.wheel_container .am-modal-content .am-modal-footer .am-modal-button {
  flex: none;
  width: 50%;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(2turn);
  }
}

.sigin-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 999999;
  top: 0;
  left: 0;
}

.sigin-modal .sigin-modal-content {
  position: absolute;
  left: 50%;
  top: 50%;
  text-align: center;
  min-width: 4.68rem;
  min-height: 5.39rem;
  transform: translate(-50%, -50%);
}

.sigin-modal .sigin-modal-content .modal-head {
  position: relative;
  height: 1.1rem;
  flex-shrink: 0;
  width: 100%;
  display: flex;
  background: url(/mobile/mc/signin-modal-bg.cc6b7ed7.png);
  background-size: 100% 0.9rem;
  background-repeat: no-repeat;
  background-position: bottom;
  color: #fff;
  align-items: center;
  text-shadow: 0 0.04rem 0.04rem rgba(0, 0, 0, 0.25);
  font-size: 0.3rem;
  justify-content: flex-start;
  font-weight: 600;
  padding: 0.15rem 0 0 0.3rem;
}

.sigin-modal .sigin-modal-content .modal-head:before {
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  content: "";
  background: url(/mobile/mc/siginin-deco-rigtht.f529d618.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 100% 100%;
  width: 100%;
  height: 100%;
}

.sigin-modal .sigin-modal-content .modal-btn {
  min-height: 0.5rem;
  max-width: 3.62rem;
  margin: 0 auto;
  display: flex;
  padding: 0.1rem 0.56rem;
  justify-content: center;
  align-items: center;
  gap: 0.2rem;
  border-radius: 0.21rem;
  color: #fff;
  font-size: 0.24rem;
  background: linear-gradient(0deg, #f48075, #e94040);
}

.sigin-modal .sigin-modal-content h3 {
  text-align: center;
  font-size: 0.44rem;
  color: #656565;
  margin: 0.4rem 0;
}

.sigin-modal .sigin-modal-content > svg {
  position: absolute;
  top: -0.8rem;
  width: 0.46rem;
  right: 0;
  height: 0.46rem;
}

.sigin-modal .sigin-modal-content .si-modal-title {
  color: #666;
  text-align: center;
  font-size: 0.24rem;
  font-weight: 600;
}

.sigin-modal .sigin-modal-content .smc-title {
  font-size: 0.44rem;
  letter-spacing: 0.04rem;
  color: #656565;
}

.sigin-modal .sigin-modal-content .amount-info {
  padding: 0.2rem 0.34rem 0.3rem;
  border-radius: 0 0 0.3rem 0.3rem;
  border-right: 1.5px solid rgba(6, 182, 197, 0);
  border-bottom: 1.5px solid rgba(6, 182, 197, 0);
  border-left: 1.5px solid rgba(6, 182, 197, 0);
  background: #fff;
}

.sigin-modal .sigin-modal-content .amount-info p {
  color: #6e6e6e;
  font-size: 0.32rem;
  margin: 0.3rem 0;
}

.sigin-modal .sigin-modal-content .amount-info .reward-content {
  color: #666;
  text-align: center;
  font-family: Inter;
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 0.06rem 0;
}

.sigin-modal
  .sigin-modal-content
  .amount-info
  .reward-content.modal
  .reward-item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.1rem;
  border-bottom: 1px solid #efefef;
}

.sigin-modal
  .sigin-modal-content
  .amount-info
  .reward-content.modal
  .reward-item:last-child {
  border-bottom: none;
}

.sigin-modal
  .sigin-modal-content
  .amount-info
  .reward-content.modal
  .reward-item
  span {
  display: flex;
  flex: 1 0 0%;
}

.sigin-modal
  .sigin-modal-content
  .amount-info
  .reward-content.modal
  .reward-item
  span:nth-child(2) {
  white-space: nowrap;
}

.sigin-modal
  .sigin-modal-content
  .amount-info
  .reward-content.modal
  .reward-item:before {
  content: "";
  display: block;
  height: 0.68rem;
  width: 0.68rem;
}

.sigin-modal
  .sigin-modal-content
  .amount-info
  .reward-content.modal
  .reward-item:after {
  content: "";
  display: block;
  height: 0.24rem;
  width: 0.24rem;
}

.sigin-modal
  .sigin-modal-content
  .amount-info
  .reward-content.modal
  .reward-item.amount:before {
  display: block;
  background: url(/mobile/mc/item-a.7c119fcf.png) no-repeat 50% / contain;
}

.sigin-modal
  .sigin-modal-content
  .amount-info
  .reward-content.modal
  .reward-item.point:before {
  display: block;
  background: url(/mobile/mc/item-p.5c0f405e.png) no-repeat 50% / contain;
}

.sigin-modal
  .sigin-modal-content
  .amount-info
  .reward-content.modal
  .reward-item.item-r:before {
  background: url(/mobile/mc/item-r.5fdbbaeb.png) no-repeat 50% / contain;
}

.sigin-modal
  .sigin-modal-content
  .amount-info
  .reward-content.modal
  .reward-item.item-g:before {
  background: url(/mobile/mc/item-g.da30ed71.png) no-repeat 50% / contain;
}

.sigin-modal
  .sigin-modal-content
  .amount-info
  .reward-content.modal
  .reward-item.item-w:before {
  background: url(/mobile/mc/item-w.9beafebb.png) no-repeat 50% / contain;
}

.sigin-modal
  .sigin-modal-content
  .amount-info
  .reward-content.modal
  .reward-item.item-temu:before {
  background: url(/mobile/mc/item-temu.52bdac39.png) no-repeat 50% / contain;
}

.sigin-modal
  .sigin-modal-content
  .amount-info
  .reward-content.modal
  .reward-item.item-cash:before {
  background: url(/mobile/mc/item-cash.88effb62.png) no-repeat 50% / contain;
}

.sigin-modal
  .sigin-modal-content
  .amount-info
  .reward-content.modal
  .reward-item.item-treasure:before {
  background: url(/mobile/mc/treasure-icon.624dd498.png) no-repeat 50% / contain;
}

.sigin-modal
  .sigin-modal-content
  .amount-info
  .reward-content.modal
  .reward-item-wrap.claim
  .reward-item.amount:after {
  background: url(/mobile/mc/icon-done.ff3a5e57.png) no-repeat 50% / contain;
}

.sigin-modal
  .sigin-modal-content
  .amount-info
  .reward-content.modal
  .reward-item-wrap.claim
  .reward-item.point:after {
  background: url(/mobile/mc/icon-done.ff3a5e57.png) no-repeat 50% / contain;
}

.si-modal-item {
  height: 1.57rem;
  width: 1.57rem;
  color: #fff;
  display: inline-block;
  text-align: center;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: 50% !important;
}

.signin-notice {
  color: #000;
}

.signin-notice > div {
  padding-top: 0.2rem;
}

.signin-notice > div > p {
  display: block;
  text-align: start;
  padding-left: 0.2rem;
}

.signin-notice > div > p span:first-child {
  text-align: right;
}

#mc-animate-container .sigin-container {
  height: 100%;
}

#mc-animate-container .sigin-container .wysiwyg {
  color: unset;
}

.sigin-h-content,
.sigin-h-thumb {
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-68%);
}

.sigin-h-thumb {
  padding-left: 0.5rem;
}

.sigin-h-content {
  left: 2.34rem;
  padding: 0.1rem;
  color: #fff;
}

.s-h-nick-name {
  color: #fff;
  font-size: 0.32rem;
  opacity: 0.8;
  display: inline-block;
  padding-left: 0.1rem;
}

.score-name {
  display: inline-block;
  margin: 0 0.1rem;
}

.s-h-nick-wallet {
  margin: 0.1rem 0;
  font-size: 0.5rem;
  font-weight: 700;
}

.sigin-h-thumb img {
  width: 1.38rem;
  height: 1.38rem;
  border-radius: 100%;
  border: 0.06rem solid #fff;
}

.sigin-c-header {
  width: 94%;
  padding: 0.2rem;
  margin: 0 auto;
  position: relative;
  top: -0.6rem;
  border-radius: 0.25rem;
  background: #fff;
}

.sigin-c-header .am-flexbox.am-flexbox-align-middle {
  align-items: flex-start;
}

.sigin-c-header .am-flexbox-item {
  border-right: 1px solid #b3b3b3;
}

.sigin-c-header .am-flexbox-item:last-child {
  border-right: 0;
}

.sigin-c-header .am-flexbox-item:last-child .sc-score {
  position: relative;
}

.sigin-c-header .am-flexbox-item:last-child .sc-score.toMall {
  cursor: pointer;
}

.sigin-c-header .am-flexbox-item:last-child .sc-score.toMall:after {
  content: "";
  position: absolute;
  width: 100%;
  right: 0;
  bottom: 0.02rem;
  border-bottom: 0.05rem solid #e539ff;
}

.sigin-c-content {
  margin-top: -0.46rem;
}

.sigin-c-header .am-flexbox-item {
  margin-left: 0;
  text-align: center;
}

.sc-score {
  font-weight: 900;
  font-size: 0.42rem;
}

.sc-days {
  color: #2476ff;
}

.sc-integral {
  color: #e539ff;
}

.sc-bonus {
  color: #fe3b44;
}

.sc-score-desc {
  padding: 0 0.05rem;
  color: #b3b3b3;
  margin-top: 0.06rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.24rem;
  min-height: 0.5rem;
}

.sigin-operating {
  position: relative;
  padding: 0.26rem 0.4rem;
  background: #fff;
  display: flex;
  flex-flow: column;
}

.sigin-operating .already-singin {
  margin-left: 0;
}

.sigin-operating .sigin-container {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}

.sigin-operating .am-flexbox {
  vertical-align: middle;
  margin-top: 0.16rem;
}

.sigin-sore-tip {
  background: url(/mobile/mc/coin_l.9834feb0.png);
  display: block;
  text-align: center;
  line-height: 1.4rem;
  width: 1.4rem;
  color: #ffed50;
  font-size: 0.2rem;
  font-weight: 900;
  height: 1.4rem;
  background-size: cover;
}

.sigin-sore-tip.min-amount {
  font-size: 0.3rem;
}

.sigin-price-tip {
  background: url(/mobile/mc/ticket.06389a91.png) no-repeat 50% / contain;
  display: block;
  text-align: center;
  margin-top: 0.2rem;
  line-height: 0.8rem;
  width: 1.6rem;
  color: #fff;
  font-size: 0.3rem;
  font-weight: 900;
  height: 0.8rem;
}

.i-price {
  position: absolute;
  bottom: 0;
  font-style: normal;
  font-size: 0.22rem;
  color: #ffed50;
  left: 0.22rem;
  width: 0.4rem;
  text-align: center;
  display: inline-block;
}

.sigin-amount {
  display: inline-block;
  margin-right: 0.22rem;
}

.sigin-title {
  width: 50%;
  display: flex;
  position: relative;
  vertical-align: middle;
  height: 100%;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  flex-grow: 1;
  margin-right: 0.28rem;
}

.sigin-title .sigin-tab-title {
  word-break: break-all;
  color: #f32246;
  font-size: 0.3rem;
  font-weight: 700;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
}

@supports (-webkit-line-clamp: 2) {
  .sigin-title .sigin-tab-title {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}

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

.sigin-btn .sigin-today-sub {
  background: linear-gradient(90deg, #f8493f, #fd603f);
}

.sigin-btn .already-singin,
.sigin-btn .sigin-today-sub {
  color: #fff;
  font-size: 0.26rem;
  min-width: 1.68rem;
  min-height: 0.66rem;
  border-radius: 0.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0.1rem;
}

.sigin-btn .already-singin {
  max-width: 2rem;
  background: #cecece;
  word-break: break-word;
}

.sigin-today-title {
  font-weight: 700;
  margin: 0.1rem 0.1rem 0.1rem 0;
  font-size: 0.24rem;
  word-wrap: break-word;
  word-break: break-word;
  display: flex;
  align-items: center;
  color: #8e0019;
}

.sigin-today-title .signin-text {
  min-width: 1.7rem;
}

.sigin-today-title.sigin-today {
  color: #2476ff;
}

.sigin-today-title.sigin-today svg {
  fill: #2476ff;
}

.sigin-today-title svg {
  margin: 0 0.1rem;
  width: 0.28rem;
  height: 0.28rem;
  fill: #8e0019;
  overflow: initial;
}

.sigin-today-title span {
  color: #fa1f50;
  font-size: 0.32rem;
}

.sigin-today-desc {
  background-color: #fff8f1;
  border-radius: 0.2rem;
  display: flex;
  margin-top: 0.15rem;
  width: 100%;
  padding: 0 0.25rem;
}

.sigin-today-desc .item-wrap {
  padding: 0.21rem 0;
  flex: 0 0 50%;
  display: flex;
  flex-flow: column;
}

.sigin-today-desc .item-wrap .item-title {
  color: #6f6f6f;
  font-size: 0.26rem;
}

.sigin-today-desc .item-wrap .item-desc {
  color: #f32246;
  font-size: 0.26rem;
  margin-top: 0.08rem;
}

.sigin-c-footer,
.sigin-c-remarks {
  padding: 0.2rem;
  background: #fff;
}

.sigin-c-footer.blank,
.sigin-c-remarks.blank {
  padding: 0;
}

.sigin-c-footer .wysiwyg,
.sigin-c-remarks .wysiwyg {
  overflow-x: auto;
}

.sigin-c-footer .wysiwyg::-webkit-scrollbar,
.sigin-c-remarks .wysiwyg::-webkit-scrollbar {
  width: 0.06rem;
  height: 0.06rem;
  background-color: #69696940;
}

.sigin-c-footer .wysiwyg::-webkit-scrollbar-thumb,
.sigin-c-remarks .wysiwyg::-webkit-scrollbar-thumb {
  background-color: #9a9a9a;
  border-radius: 0.1rem;
}

.sigin-c-footer .wysiwyg::-webkit-scrollbar-track,
.sigin-c-remarks .wysiwyg::-webkit-scrollbar-track {
  background-color: transparent;
}

.sigin-c-footer .title {
  color: #6e6e6e;
}

.sigin-c-remarks {
  overflow-wrap: break-word;
}

.sigin-c-remarks .sigin-rule {
  font-size: 0.28rem;
  color: #f94b3f;
}

.sigin-c-remarks p {
  line-height: 1.3;
  font-size: 0.26rem;
}

.sigin-c-footer {
  font-size: 0;
  margin-top: 0.14rem;
}

.sigin-c-footer .reward-icon-content {
  z-index: 1;
  display: flex;
  height: 1.2rem;
  min-height: 0.8rem;
  max-height: 1.52rem;
  justify-content: center;
}

.sigin-c-footer .reward-icon-content .reward-icon-wrap {
  display: flex;
  width: 100%;
  justify-content: center;
}

.sigin-c-footer .reward-icon-content .reward-icon-wrap .reward-item {
  min-width: 30%;
  flex: 1 0 30%;
}

.sigin-c-footer .reward-icon-content .reward-icon-wrap .reward-item.default {
  background: url(/mobile/mc/item-default.0f8020b3.png) no-repeat 50% / contain;
}

.sigin-c-footer .reward-icon-content .reward-icon-wrap .reward-item.amount {
  background: url(/mobile/mc/item-a.7c119fcf.png) no-repeat 50% / contain;
}

.sigin-c-footer .reward-icon-content .reward-icon-wrap .reward-item.point {
  background: url(/mobile/mc/item-p.5c0f405e.png) no-repeat 50% / contain;
}

.sigin-c-footer .reward-icon-content .reward-icon-wrap .reward-item.item-g {
  background: url(/mobile/mc/item-g.da30ed71.png) no-repeat 50% / contain;
}

.sigin-c-footer .reward-icon-content .reward-icon-wrap .reward-item.item-w {
  background: url(/mobile/mc/item-w.9beafebb.png) no-repeat 50% / contain;
}

.sigin-c-footer .reward-icon-content .reward-icon-wrap .reward-item.item-r {
  background: url(/mobile/mc/item-r.5fdbbaeb.png) no-repeat 50% / contain;
}

.sigin-c-footer .reward-icon-content .reward-icon-wrap .reward-item.item-temu {
  background: url(/mobile/mc/item-temu.52bdac39.png) no-repeat 50% / contain;
}

.sigin-c-footer .reward-icon-content .reward-icon-wrap .reward-item.item-cash {
  background: url(/mobile/mc/item-cash.88effb62.png) no-repeat 50% / contain;
}

.sigin-c-footer
  .reward-icon-content
  .reward-icon-wrap
  .reward-item.item-treasure {
  background: url(/mobile/mc/treasure-icon.624dd498.png) no-repeat 50% / contain;
}

.sigin-c-footer .reward-content {
  flex: 1 1 0%;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  gap: 0.05rem;
  min-height: 1.3rem;
  width: 100%;
  color: #666;
  font-size: 0.2rem;
  font-weight: 700;
  line-height: 0.2rem;
  padding: 0;
  text-align: left;
  align-items: stretch;
}

.sigin-c-footer .reward-content .reward-item-wrap,
.sigin-c-footer .reward-content .reward-item-wrapper {
  flex: 1 1 0%;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.sigin-c-footer .reward-content .reward-item-wrap {
  gap: 0.05rem;
}

.sigin-c-footer .reward-content .reward-item-wrap .reward-item {
  color: #666;
  font-size: 0.2rem;
  font-weight: 700;
  line-height: 0.3rem;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sigin-c-footer .reward-content .reward-item-wrap .reward-item.ticket span {
  width: 100%;
}

.sigin-c-footer
  .reward-content
  .reward-item-wrap
  .reward-item.ticket
  span:last-child {
  text-align: left;
}

.sigin-c-footer .reward-content .reward-item-wrap .reward-item span {
  font-size: 0.2rem;
  width: 50%;
}

.sigin-c-footer
  .reward-content
  .reward-item-wrap
  .reward-item
  span:first-child {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
}

@supports (-webkit-line-clamp: 2) {
  .sigin-c-footer
    .reward-content
    .reward-item-wrap
    .reward-item
    span:first-child {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}

.sigin-c-footer .reward-content .reward-item-wrap .reward-item span:last-child {
  overflow: hidden;
  text-align: right;
}

.sigin-c-footer .reward-content .sigin-btn {
  margin-top: 0.14rem;
  width: 100%;
  max-width: 2rem;
}

.sigin-c-footer .reward-content .already-singin,
.sigin-c-footer .reward-content .sigin-today-sub {
  margin-top: 0.14rem;
  min-height: 0.39rem;
}

.sigin-c-footer ul {
  display: flex;
  flex-wrap: wrap;
}

.sigin-c-footer li {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc(34% - 0.07rem);
  font-size: 0.28rem;
  display: flex;
  flex-direction: column;
  vertical-align: top;
  padding: 0.2rem 0.07rem;
}

.sigin-c-footer .has-price,
.sigin-c-footer .has-price-gray,
.sigin-c-footer .has-score,
.sigin-c-footer .has-score-gray,
.sigin-c-footer .has-score-price,
.sigin-c-footer .has-score-price-gray {
  height: 0.74rem;
  color: #fff;
  text-align: center;
}

.has-price,
.has-price-gray {
  line-height: 0.66rem;
  font-size: 0.37rem;
  background: url(/mobile/mc/coin_s.a2c5bc35.png) no-repeat 50%/0.74rem 0.74rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.acmount-fsize {
  font-size: 0.2rem;
  padding-right: 0.08rem;
}

.acmount-fsize2 {
  font-size: 0.28rem;
}

.acmount-fsize3 {
  font-size: 0.24rem;
}

.acmount-fsize4 {
  font-size: 0.21rem;
}

.has-price.ck {
  background:
    url(/mobile/mc/right.a20221ee.png) no-repeat 0.46rem 0.32rem/0.48rem 0.48rem,
    url(/mobile/mc/coin_s.a2c5bc35.png) no-repeat 0.04rem/0.74rem 0.74rem;
}

.has-score {
  background: url(/mobile/mc/ticket.06389a91.png) no-repeat 0.04rem/0.79rem
    0.51rem;
}

.has-price-gray {
  background: url(/mobile/mc/coin_s_bw.183e01be.png) no-repeat 0.04rem/0.74rem
    0.74rem;
}

.has-score,
.has-score-gray {
  width: 0.9rem;
}

.has-score-gray .acmount-fsize,
.has-score .acmount-fsize {
  padding-right: 0;
}

.has-score.ck {
  background:
    url(/mobile/mc/right.a20221ee.png) no-repeat 0.54rem 0.32rem,
    url(/mobile/mc/ticket.06389a91.png) no-repeat 0.04rem;
}

.has-score span {
  display: inline-block;
  margin: 0.24rem 0.1rem 0.1rem 0.04rem;
  color: #fff;
}

.has-score-gray {
  line-height: 0.65rem;
  background: url(/mobile/mc/ticket_bw.79cbdad0.png) no-repeat 0.04rem/0.79rem
    0.51rem;
  width: 0.9rem;
}

.has-score-gray span {
  display: inline-block;
  margin: 0.18rem 0 0.1rem;
  line-height: 1;
  color: #fff;
  width: 100%;
  text-align: center;
}

.has-score-price,
.has-score-price-gray {
  position: relative;
  background:
    url(/mobile/mc/coin_s.a2c5bc35.png) no-repeat 0.04rem 0.24rem,
    url(/mobile/mc/ticket.06389a91.png) no-repeat 0.16rem 0.04rem;
  background-size:
    0.5rem 0.5rem,
    0.7rem 0.4rem;
  width: auto !important;
}

.has-score-price-gray .score,
.has-score-price .score {
  display: inline-block;
  color: #fff;
  width: 0.46rem;
  text-align: center;
  font-size: 0.24rem;
}

.has-score-price-gray .price,
.has-score-price .price {
  display: inline-block;
  position: absolute;
  left: 0.14rem;
  color: #ffed50;
  font-size: 0.2rem;
  bottom: 0.14rem;
  width: 0.3rem;
  text-align: center;
}

.has-score-price.ck {
  background:
    url(/mobile/mc/coin_s.a2c5bc35.png) no-repeat 0.04rem 0.24rem,
    url(/mobile/mc/right.a20221ee.png) no-repeat 0.54rem 0.3rem,
    url(/mobile/mc/ticket.06389a91.png) no-repeat 0.16rem 0.04rem;
  background-size:
    0.5rem 0.5rem,
    auto,
    0.7rem 0.4rem;
}

.has-score-price-gray {
  background:
    url(/mobile/mc/coin_s_bw.183e01be.png) no-repeat 0.04rem 0.24rem,
    url(/mobile/mc/ticket_bw.79cbdad0.png) no-repeat 0.16rem 0.04rem;
  background-size:
    0.5rem 0.5rem,
    0.7rem 0.4rem;
}

.has-score-price-gray .price,
.has-score-price-gray .score {
  color: #fff;
}

.sigin-tab {
  background: transparent;
}

.sigin-tab .am-tabs-tab,
.sigin-tab .am-tabs-tab-active.am-tabs-tab {
  border-bottom: none !important;
}

.sigin-tab .am-tabs-tab {
  width: 0;
  background: transparent;
}

.sigin-container .tab-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 0.5em;
  position: relative;
  height: 0.88rem;
}

.sigin-tab .am-tabs-tab-active {
  border-radius: 0.2rem 0.2rem 0 0;
  background: #fff;
  position: relative;
}

.sigin-tab .am-tabs-tab-active:after,
.sigin-tab .am-tabs-tab-active:before {
  bottom: 0;
  content: "";
  position: absolute;
  display: block;
  width: 0.42rem;
  height: 0.68rem;
}

.sigin-tab .am-tabs-tab-active:before {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAABECAMAAADA41dDAAAAM1BMVEUAAAD///////////////////////////////////////////////////////////////+3leKCAAAAEHRSTlMAIBDvv59A34BwYDCQUM+vrVcF2wAAAK9JREFUSMeNzLcRw0AQwECdeUMnof9qFTIF4h188qO7PD09vT1tT8tTwtPT09vTr6ekp9PT7Wl7Wqkp09Pb06+npKeHp+1ppaY8ng5PKzVletqeVmrK4Wl7yvR0e1qpKYen7SnT0/aU8HR4Sng6PCU8HZ4yPW1PmZ6u1JTtKeFpe8rhKZenKzXl5ynbU05P69KUCk1ZoSnr0pR6NIXtKSM0ZZ2GvuOXaoxoTE1hjSf+OUYznMr7TpwAAAAASUVORK5CYII=)
    no-repeat 50% / contain;
  left: 100%;
}

.sigin-tab .am-tabs-tab-active:after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAABECAMAAADA41dDAAAANlBMVEUAAAD////////////////////////////////////////////////////////////////////xY8b8AAAAEXRSTlMAIO+fYBDfr0B/v5BQMM9wbzkZl7QAAACvSURBVEjHjcy5EcMwEMBA3fEnJdnov1mHToF4B5eueTo9/Xh6PN2eppYPmt6eHk+3pg1Np6fL0+0pmk5Pj6evpoGm1dOhaUPT29PiaWpa0XRoGmhaPd2aBpoWT7umFU1fTSeaFk2Df36Kn+Kn+Cl+ipgaOjStaNo1XVgaaNo1XVgaWNq6pgVLF5ZWLH3S0kgkjY6kTyLpnUj6BUfbQNLZcTQGKNpWougciK5WT6L6AdIVNtKUR/MHAAAAAElFTkSuQmCC)
    no-repeat 50% / contain;
  right: 100%;
}

.si-item {
  height: 0.74rem;
  color: #fff;
  text-align: center;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: 50% !important;
}

.has-claimed,
.no-claimed {
  display: flex;
  flex-direction: column;
  position: relative;
  height: 100%;
}

.has-claimed:after,
.no-claimed:after {
  position: absolute;
  content: "";
  z-index: 0;
  right: 0.1rem;
  top: 0.4rem;
  width: 2.1rem;
  height: 2.1rem;
  background: url(/mobile/mc/deco-sparkle.94d24847.png) no-repeat 50% / contain;
}

.has-claimed .title,
.no-claimed .title {
  text-align: center;
  font-size: 0.24rem;
  font-weight: 700;
  height: 0.41rem;
  display: flex;
  border-radius: 0.2rem 0.2rem 0 0;
  background: #2476ff;
  width: 100%;
  color: #fff;
  align-items: center;
  justify-content: center;
}

.has-claimed .claimed-content,
.no-claimed .claimed-content {
  flex: 1 1 0%;
  position: relative;
  padding: 0.16rem 0.1rem;
  min-height: 2.8rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  border-radius: 0 0 0.2rem 0.2rem;
  border-right: 0.02rem solid rgba(12, 210, 175, 0.2);
  border-bottom: 0.02rem solid rgba(12, 210, 175, 0.2);
  border-left: 0.02rem solid rgba(12, 210, 175, 0.2);
  background: linear-gradient(180deg, #fff4d9 12.06%, #fff);
  justify-content: center;
}

.has-claimed svg,
.no-claimed svg {
  width: 0.28rem;
  height: 0.28rem;
  fill: #999;
  margin-bottom: 0.2rem;
  overflow: initial;
}

.has-claimed svg {
  fill: #61b62e;
}

.sigin-title-item {
  display: block;
  height: 0.72rem;
  width: 0.82rem;
  background: url(/mobile/mc/gift.1772def5.png) no-repeat 50% / contain;
}

.task-container {
  background: #f7f6fb;
  height: 100%;
}

.task-container .am-tabs-bar {
  background: #fff;
}

.task-container .am-flexbox {
  overflow-y: initial;
}

.am-progress-bar {
  border: 0.1rem solid #33cd0c;
}

.am-progress-outer {
  overflow: hidden;
  border-radius: 0.3rem;
}

.task-c-header {
  padding: 0.2rem;
  margin-top: 0.14rem;
  position: relative;
  background: #fff;
  color: #666;
}

.task-c-header .am-flexbox-item {
  text-align: center;
}

.task-c-header .task-progress-txt {
  flex: 0 0 70%;
  text-align: left;
  font-size: 0.28rem;
}

.task-c-header .task-progress-txt span {
  color: #fa1f50;
}

.task-c-header .am-progress-outer {
  margin-top: 0.4rem;
}

.task-c-header .am-flexbox-item:last-child {
  border-right: 0;
}

.task-c-content {
  margin-top: -0.4rem;
}

.sc-score {
  font-weight: 900;
  font-size: 0.42rem;
}

.sc-days {
  color: #2476ff;
}

.sc-integral {
  color: #e539ff;
}

.sc-bonus {
  color: #fe3b44;
}

.sc-score-desc {
  color: #b3b3b3;
  margin-top: 0.06rem;
  font-size: 0.24rem;
}

.task-operating {
  padding: 0.1rem;
  background: #fff;
  height: 1.88rem;
}

.task-operating .am-flexbox {
  vertical-align: middle;
  margin-top: 0.16rem;
}

.task-sore-tip {
  background: url(/mobile/mc/coin_l.9834feb0.png);
  display: block;
  text-align: center;
  line-height: 1.4rem;
  width: 1.4rem;
  color: #ffed50;
  font-size: 0.4rem;
  font-weight: 900;
  height: 1.4rem;
  background-size: cover;
}

.task-price-tip {
  background: url(/mobile/mc/ticket.06389a91.png) no-repeat;
  line-height: 0.8rem;
  width: 1.6rem;
  height: 0.8rem;
  background-size: 100% 100%;
}

.task-price-sore-tip,
.task-price-tip {
  display: block;
  text-align: center;
  margin-top: 0.2rem;
  color: #fff;
  font-size: 0.4rem;
  font-weight: 900;
}

.task-price-sore-tip {
  background:
    url(/mobile/mc/coin_l.9834feb0.png) no-repeat 0 0.2rem,
    url(/mobile/mc/ticket.06389a91.png) no-repeat 0.2rem 0;
  position: relative;
  line-height: 0.6rem;
  width: 1.7rem;
  height: 0.9rem;
  background-size:
    0.84rem 0.84rem,
    1.2rem 0.6rem;
}

.task-operating .am-flexbox-item {
  flex: none !important;
}

.task-container .am-badge {
  width: 1.5rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
}

.task-today-sub {
  padding: 0.14rem 0.2rem;
  background: linear-gradient(90deg, #f8493f, #fd603f);
  display: inline;
  color: #fff;
  font-size: 0.26rem;
  border-radius: 0.4rem;
  margin-left: 0.2rem;
}

.task-today-sub.grey {
  background-image: none;
  background-color: #ccc;
}

.task-today-title {
  color: #6e6e6e;
  font-weight: 700;
  margin-bottom: 0.1rem;
  font-size: 0.28rem;
}

.task-today-title span {
  color: #fa1f50;
  font-size: 0.32rem;
}

.task-today-desc {
  font-size: 0.28rem;
  color: #a6a6a6;
}

.task-today-desc span {
  color: #f94b3f;
}

.task-c-footer,
.task-c-remarks {
  margin-top: 0.14rem;
  padding: 0.2rem;
  background: #fff;
}

.task-c-footer ul,
.task-c-remarks ul {
  list-style: disc;
}

.task-c-footer ol,
.task-c-remarks ol {
  list-style: decimal;
}

.task-c-footer {
  padding-left: 0;
}

.task-c-footer .list-title {
  max-width: 60%;
}

.today {
  color: #f94b3f;
}

.task-c-footer .title {
  padding-bottom: 0.1rem;
}

.task-c-remarks {
  padding: 0.2rem;
}

.task-c-footer {
  font-size: 0;
  margin-top: 0.14rem;
}

.task-c-footer div > div {
  margin: 0.1rem 0;
}

.task-c-footer .title {
  font-size: 0.26rem;
  display: block;
  text-align: center;
  margin-bottom: 0.1rem;
}

.task-c-footer li {
  font-size: 0.28rem;
  vertical-align: top;
  padding: 0.1rem 0;
  position: relative;
  overflow: hidden;
}

.task-c-footer li .icon {
  font-size: 0.28rem;
  display: inline-block;
  vertical-align: top;
  width: 1.1rem;
  height: 1.1rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 1rem 1rem;
}

.task-c-footer li .icon.qq {
  background-image: url(/mobile/mc/QQ.b4f8c5aa.png);
  width: 0.7rem;
  height: 0.7rem;
  margin: 0.2rem;
  border-radius: 0.66rem;
  background-size: 100% 100%;
  box-shadow: 0 0.13rem 0.21rem 0 hsla(50, 60%, 67%, 0.35);
}

.task-c-footer li .icon.email {
  background-image: url(/mobile/mc/mail.1682ba2a.png);
}

.task-c-footer li .icon.zalo {
  background-image: url(/mobile/mc/zalo.9b6f7af0.png);
  background-size: 0.74rem 0.74rem;
}

.task-c-footer li .icon.mobile {
  width: 0.7rem;
  height: 0.7rem;
  margin: 0.2rem;
  border-radius: 0.66rem;
  background-size: 100% 100%;
  box-shadow: 0 0.13rem 0.21rem 0 rgba(219, 133, 253, 0.35);
  background-image: url(/mobile/mc/phone.415a2f09.png);
}

.task-c-footer li .icon.bankCard,
.task-c-footer li .icon.withdrawalAccount {
  background-image: url(/mobile/mc/card.90e09d9d.png);
}

.task-c-footer li .icon.virtualWallet {
  background: url(/mobile/mc/virtual.d5633c9b.png) no-repeat 50% / contain;
  width: 0.7rem;
  height: 0.7rem;
  margin: 0.2rem;
  border-radius: 0.66rem;
  box-shadow: 0 0.13rem 0.21rem 0 hsla(40, 97%, 71%, 0.35);
}

.task-c-footer li .icon.electronicWallet {
  background: url(/mobile/mc/electronic.c31486dc.png) no-repeat 50% / contain;
  width: 0.7rem;
  height: 0.7rem;
  margin: 0.2rem;
  border-radius: 0.66rem;
  box-shadow: 0 0.13rem 0.21rem 0 rgba(255, 152, 230, 0.35);
}

.task-c-footer li .icon.payeeName {
  box-shadow: 0 0.13rem 0.21rem 0 hsla(52, 99%, 71%, 0.35);
  background-image: url(/mobile/mc/payeeName.cef13fa4.png);
}

.task-c-footer li .icon.line,
.task-c-footer li .icon.payeeName {
  width: 0.7rem;
  height: 0.7rem;
  margin: 0.2rem;
  border-radius: 0.66rem;
  background-size: 100% 100%;
}

.task-c-footer li .icon.line {
  background-image: url(/mobile/mc/line.8a3e3e37.png);
  box-shadow: 0 0.13rem 0.21rem 0 rgba(40, 181, 17, 0.35);
}

.task-c-footer li .icon.wechat {
  background-image: url(/mobile/mc/wechat.a7ebae18.png);
  box-shadow: 0 0.13rem 0.21rem 0 rgba(0, 185, 87, 0.35);
}

.task-c-footer li .icon.address,
.task-c-footer li .icon.wechat {
  width: 0.7rem;
  height: 0.7rem;
  margin: 0.2rem;
  border-radius: 0.66rem;
  background-size: 100% 100%;
}

.task-c-footer li .icon.address {
  background-image: url(/mobile/mc/address.c1568e5c.png);
  box-shadow: 0 0.05rem 0.24rem 0 rgba(255, 54, 51, 0.65);
}

.task-c-footer li .icon.facebook {
  width: 0.7rem;
  height: 0.7rem;
  margin: 0.2rem;
  border-radius: 0.66rem;
  background-image: url(/mobile/mc/facebook.6192030d.png);
  background-size: 100% 100%;
  box-shadow: 0 0.13rem 0.21rem 0 rgba(84, 132, 230, 0.35);
}

.task-c-footer li .icon.idPicture,
.task-c-footer li .icon.kycVerified {
  width: 0.7rem;
  height: 0.7rem;
  margin: 0.2rem;
  border-radius: 0.66rem;
  background-image: url(/mobile/mc/identify.4a6945e4.png);
  background-size: 100% 100%;
  box-shadow: 0 0.05rem 0.24rem 0 rgba(211, 52, 255, 0.65);
}

.task-c-footer li .icon.viber {
  background-image: url(/mobile/mc/viber.920ee26e.png);
}

.task-c-footer li .icon.birthday {
  background-image: url(/mobile/mc/birthday.68305ad1.png);
}

.task-c-footer li .icon.twitter {
  background-image: url(/mobile/mc/twitter.e316868f.png);
}

.task-c-footer li .icon.telegram {
  background-image: url(/mobile/mc/telegram.7d77880d.png);
}

.task-c-footer li .icon.whatsapp {
  background-image: url(/mobile/mc/whatsapp.ee758198.png);
}

.task-c-footer li .icon.promotionPeriodDepositAmount {
  background-image: url(/mobile/mc/deposit.81055f40.png);
}

.task-c-footer li .list-title {
  color: #666;
  display: inline-block;
  font-weight: 700;
  margin-top: 0.22rem;
}

.add-info {
  position: absolute;
  right: 0.2rem;
  top: 50%;
  transform: translateY(-50%);
}

.finshed {
  float: right;
  margin-top: 0.2rem;
  width: 1.38rem;
  height: 0.86rem;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-image: url(/mobile/mc/check.7bd3914a.png);
}

.task-c-footer li .list-title div {
  color: #d7d7d7;
}

.task-c-content .am-tabs-ink-bar {
  background: #fa1f50 !important;
  padding: 0.03rem;
}

.task-c-content .am-tabs-tab-active {
  color: #fa1f50 !important;
  border-bottom: 1px solid #ddd !important;
}

.task-tab {
  border-top-left-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
  overflow: hidden;
  margin-top: -0.36rem;
}

.task-tab .am-tabs-tab {
  width: 0;
}

.task-tab .am-tabs-tab .tab-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0 0.05rem;
}

.task-tab .am-tabs-ink-bar {
  display: none !important;
}

.task-tab .am-tabs-tab-active .tab-title {
  color: #fa1f50 !important;
}

.task-tab .tab-title {
  position: relative;
  color: #666;
}

.task-tab .am-tabs-bar .am-tabs-tab {
  height: 1rem;
  line-height: 1rem;
}

.task-tab .am-tabs-tab-active .tab-title:after {
  content: "";
  background-color: #fa1f50 !important;
  height: 0.06rem !important;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
}

body.invite-friends {
  background: #fff !important;
}

.container-wrap {
  padding-bottom: 0.35rem;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.container-wrap .banner-item img {
  max-width: 100%;
  object-fit: contain;
}

.invite-tab .am-tabs-bar .am-tabs-nextpage:after,
.invite-tab .am-tabs-bar .am-tabs-prevpage:before {
  display: none;
}

.invite-tab .am-badge {
  max-width: 2rem;
  word-wrap: break-word;
  white-space: break-spaces;
}

.invite-tab .am-tabs-tab {
  height: 0.9rem;
  box-sizing: content-box;
  flex: auto !important;
  padding: 0 0.2rem;
  text-align: center;
  white-space: nowrap;
  flex-basis: auto !important;
  display: inline-block !important;
  min-width: 20% !important;
}

.invite-tab .am-tabs-nav-swipe {
  transform: none !important;
  touch-action: none !important;
}

.invite-tab .am-tabs-bar .am-tabs-tab {
  border-bottom: 0.04rem solid #fff;
}

.invite-tab .am-tabs-ink-bar {
  display: none !important;
}

.invite-tab .am-tabs-tab-active {
  border-bottom: 0.04rem solid #108ee9 !important;
}

.invite-tab .am-tabs-nav {
  white-space: nowrap;
  display: inline-block !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

.invite-tab .am-tabs-nav::-webkit-scrollbar {
  display: none;
  background-color: transparent;
}

.invite-tab .am-tabs-nav::-webkit-scrollbar-thumb,
.invite-tab .am-tabs-nav::-webkit-scrollbar-track {
  background-color: transparent;
}

.invite-tab .am-tabs-bar {
  background: #fff !important;
  padding: 0 0.05rem;
}

.invite-tab .am-tabs-bar .am-badge {
  text-align: center;
}

.invite-friends-container {
  text-align: center;
  padding: 0 0.28rem;
  height: calc(100vh - 2.7rem);
  height: calc(var(--vh, 1vh) * 100 - 2.7rem);
  background: #fff;
  margin: 0.3rem 0;
}

.invite-friends-container .currency {
  margin-right: 0.05rem;
}

.invite-friends-container .default-title {
  font-size: 0.5rem;
  font-weight: 600;
  color: #1b1b4b;
  text-align: center;
  margin-bottom: 0.35rem;
}

.invite-friends-container .amount-wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin: 0.4rem 0 0 0.11rem;
}

.invite-friends-container .amount-wrap .amount-balance-common {
  font-weight: 700;
  color: #ffc576;
}

.invite-friends-container .amount-wrap .amount-num {
  font-size: 0.5rem;
  font-weight: 700;
  color: #ffc576;
}

.invite-friends-container .amount-wrap .info {
  margin-left: 0.15rem;
  width: 0.4rem;
  height: 0.4rem;
}

.invite-friends-container .amount-wrap .info svg {
  height: 100%;
  width: 100%;
}

.invite-friends-container .amount-detail {
  margin: 0.3rem 0 0 0.25rem;
  color: #fff;
  font-size: 0.2rem;
  font-weight: 700;
}

.invite-friends-container .amount-detail .wysiwyg {
  padding-bottom: 0;
  line-height: 1;
}

.invite-friends-container .amount-detail label {
  color: #ffc576;
  margin: 0 0.1rem;
}

.invite-friends-container .invite-friends-info {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 0 0.08rem;
  gap: 0.15rem;
}

.invite-friends-container .invite-friends-info .info-item {
  flex: 1 1 0%;
  min-height: 1.1rem;
  border-radius: 0.08rem;
  background-image: linear-gradient(108deg, #ce9ffc, #7367f0);
  min-width: calc((100% - 0.15rem) / 2);
  display: flex;
  flex-direction: column;
}

.invite-friends-container .invite-friends-info .info-item:first-child,
.invite-friends-container .invite-friends-info .info-item:nth-child(4),
.invite-friends-container .invite-friends-info .info-item:nth-child(6) {
  background-image: linear-gradient(108deg, #abdcff, #0396ff);
}

.invite-friends-container
  .invite-friends-info
  .info-item:first-child
  .item-title,
.invite-friends-container
  .invite-friends-info
  .info-item:nth-child(4)
  .item-title,
.invite-friends-container
  .invite-friends-info
  .info-item:nth-child(6)
  .item-title {
  color: #ebf7ff;
}

.invite-friends-container .invite-friends-info .info-item .item-title {
  font-size: 0.22rem;
  font-weight: 600;
  color: #efe0ff;
  margin: 0.19rem 0.05rem 0;
  min-height: 0.4rem;
}

.invite-friends-container .invite-friends-info .info-item .item-number {
  font-size: 0.4rem;
  font-weight: 600;
  color: #fff;
  text-shadow: 0 0.04rem 0.04rem rgba(0, 0, 0, 0.15);
  display: flex;
  justify-content: center;
}

.invite-friends-container .invite-friends-goals {
  min-height: 3.76rem;
  border-radius: 0.12rem;
  background: linear-gradient(118deg, #97abff, #123597);
  padding: 0.21rem 0.36rem;
}

.invite-friends-container .invite-friends-goals .goals-top {
  display: flex;
  align-items: center;
  height: 1.78rem;
  justify-content: space-between;
}

.invite-friends-container .invite-friends-goals .goals-top .goals-img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.invite-friends-container .invite-friends-goals .goals-top .goals-title {
  font-size: 0.5rem;
  font-weight: 700;
  text-shadow: 0 0.04rem 0.1rem rgba(0, 0, 0, 0.35);
  color: #fff;
  flex: 1 1 0%;
  margin-left: 0.5rem;
  text-align: left;
}

.invite-friends-container
  .invite-friends-goals
  .goals-top
  .goals-title
  .wysiwyg {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  max-width: 2.5rem;
  overflow: hidden;
  padding-bottom: 0;
  line-height: 1.3;
}

.invite-friends-container .invite-friends-goals .has-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.3rem;
}

.invite-friends-container .invite-friends-goals .has-icon .amount-detail {
  margin: 0;
}

.invite-friends-container .invite-friends-goals .has-icon .info {
  display: flex;
  align-items: center;
  margin-left: 0.15rem;
}

.invite-friends-container .invite-friends-bonus {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.invite-friends-container .invite-friends-bonus .bonus-title {
  margin: 0 0.6rem 0.15rem;
  font-size: 0.4rem;
}

.invite-friends-container .invite-friends-bonus .bonus-item {
  display: flex;
  min-height: 1.8rem;
  background-image: linear-gradient(180deg, #f3f7fb 0, #e0e9f1);
  padding: 0.17rem 0.3rem;
  border-radius: 0.08rem;
}

.invite-friends-container .invite-friends-bonus .bonus-item .bonus-img {
  width: 1.45rem;
}

.invite-friends-container .invite-friends-bonus .bonus-item .bonus-img img {
  width: 100%;
  object-fit: contain;
}

.invite-friends-container .invite-friends-bonus .bonus-item .bonus-info {
  margin: 0 0.1rem 0 0.53rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
}

.invite-friends-container
  .invite-friends-bonus
  .bonus-item
  .bonus-info
  .info-title {
  font-size: 0.3rem;
  font-weight: 600;
  color: #566073;
}

.invite-friends-container
  .invite-friends-bonus
  .bonus-item
  .bonus-info
  .info-num {
  font-size: 0.4rem;
  font-weight: 700;
  color: #3b2987;
  margin-top: 0.07rem;
}

.invite-friends-container
  .invite-friends-bonus
  .bonus-item
  .bonus-info
  .info-detail {
  display: flex;
  align-items: center;
  font-size: 0.24rem;
  color: #566073;
  margin-top: 0.07rem;
}

.invite-friends-container
  .invite-friends-bonus
  .bonus-item
  .bonus-info
  .info-detail
  .detail-num {
  margin-right: 0.07rem;
}

.invite-friends-container .invite-friends-how .default-title {
  font-size: 0.34rem;
}

.invite-friends-container .invite-friends-how .how-title {
  margin: 0.55rem 0.6rem;
}

.invite-friends-container .invite-friends-how img {
  max-width: 100%;
  object-fit: contain;
}

.invite-friends-container .invite-friends-how .wysiwyg {
  padding-bottom: 0;
  text-align: initial;
}

.invite-friends-container .leader-board .leader-title {
  margin: 0 0.6rem 0.35rem;
}

.invite-friends-container .leader-board .board-content {
  width: 100%;
  border-radius: 0.12rem;
  background-image: linear-gradient(140deg, #43cbff, #9708cc);
  display: flex;
  flex-direction: column;
}

.invite-friends-container .leader-board .board-content .board-top {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  align-items: flex-end;
  margin-top: 0.5rem;
}

.invite-friends-container .leader-board .board-content .board-top .top-item {
  display: flex;
  flex-direction: column;
  color: #fff;
}

.invite-friends-container
  .leader-board
  .board-content
  .board-top
  .top-item.top1
  .item-img {
  width: 2.18rem;
  height: 2.18rem;
}

.invite-friends-container
  .leader-board
  .board-content
  .board-top
  .top-item.top1
  .item-img:before {
  background: url(/mobile/mc/top-text-1.4a85f114.png) no-repeat 50% / contain;
  width: 0.59rem;
  height: 0.59rem;
}

.invite-friends-container
  .leader-board
  .board-content
  .board-top
  .top-item.top2
  .item-img {
  width: 1.98rem;
  height: 1.98rem;
}

.invite-friends-container
  .leader-board
  .board-content
  .board-top
  .top-item.top2
  .item-img:before {
  background: url(/mobile/mc/top-text-2.c89c2733.png) no-repeat 50% / contain;
  width: 0.56rem;
  height: 0.59rem;
}

.invite-friends-container
  .leader-board
  .board-content
  .board-top
  .top-item.top3
  .item-img {
  width: 1.78rem;
  height: 1.78rem;
}

.invite-friends-container
  .leader-board
  .board-content
  .board-top
  .top-item.top3
  .item-img:before {
  background: url(/mobile/mc/top-text-3.c73a6320.png) no-repeat 50% / contain;
  width: 0.41rem;
  height: 0.59rem;
}

.invite-friends-container
  .leader-board
  .board-content
  .board-top
  .top-item
  .item-img {
  position: relative;
}

.invite-friends-container
  .leader-board
  .board-content
  .board-top
  .top-item
  .item-img
  img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.invite-friends-container
  .leader-board
  .board-content
  .board-top
  .top-item
  .item-img:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0.14rem;
}

.invite-friends-container
  .leader-board
  .board-content
  .board-top
  .top-item
  .item-name {
  font-size: 0.2rem;
  font-weight: 700;
  margin-top: 0.1rem;
}

.invite-friends-container
  .leader-board
  .board-content
  .board-top
  .top-item
  .item-amount {
  font-size: 0.24rem;
  font-weight: 700;
}

.invite-friends-container .leader-board .board-content .board-bottom {
  margin-top: 0.7rem;
  padding: 0 0.4rem;
}

.invite-friends-container
  .leader-board
  .board-content
  .board-bottom
  .list-title {
  font-size: 0.45rem;
  font-weight: 600;
  color: #fff;
}

.invite-friends-container
  .leader-board
  .board-content
  .board-bottom
  .board-list {
  margin: 0.2rem 0 0.36rem;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-height: 3.2rem;
}

.invite-friends-container
  .leader-board
  .board-content
  .board-bottom
  .board-list
  .swiper-container {
  width: 100%;
}

.invite-friends-container
  .leader-board
  .board-content
  .board-bottom
  .board-list
  .swiper-wrapper {
  display: flex;
  flex-direction: column;
}

.invite-friends-container
  .leader-board
  .board-content
  .board-bottom
  .board-list
  .list-item {
  flex: 1 1 0%;
  border-radius: 0.4rem;
  background-image: linear-gradient(180deg, #f3f7fb 0, #e0e9f1);
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  font-size: 0.2rem;
  font-weight: 700;
  color: #566073;
  text-align: center;
  min-height: 0.6rem;
  margin-top: 0.2rem;
}

.invite-friends-container
  .leader-board
  .board-content
  .board-bottom
  .board-list
  .list-item
  .item-info {
  flex: 0 0 33%;
  line-height: 1;
}

.invite-friends-container
  .leader-board
  .board-content
  .board-bottom
  .board-list
  .list-item
  .item-amount {
  flex: 0 0 33%;
  font-size: 0.25rem;
  text-align: left;
}

.invite-friends-container .income-calculation {
  border-radius: 0.12rem;
  background-image: linear-gradient(122deg, #fd6585, #0d25b9);
  min-height: 4.31rem;
  padding: 0.32rem 0.36rem 0.46rem;
}

.invite-friends-container .income-calculation .currency {
  margin-right: 0.05rem;
}

.invite-friends-container .income-calculation .income-top {
  display: flex;
  align-items: center;
  height: 1.5rem;
  justify-content: space-between;
}

.invite-friends-container .income-calculation .income-top .income-title {
  font-size: 0.5rem;
  font-weight: 700;
  text-shadow: 0 0.04rem 0.1rem rgba(0, 0, 0, 0.35);
  color: #fff;
  flex: 1 1 0%;
  margin-left: 0.5rem;
  text-align: left;
}

.invite-friends-container .income-calculation .income-top .income-img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.invite-friends-container .income-calculation .progress-bar-wrap {
  touch-action: none;
  margin-top: 0.1rem;
}

.invite-friends-container
  .income-calculation
  .progress-bar-wrap
  .am-slider-wrapper {
  padding: 0 0 0 0.3rem;
}

.invite-friends-container
  .income-calculation
  .progress-bar-wrap
  .am-slider-wrapper
  .am-slider
  .am-slider-rail {
  height: 0.1rem;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  background-color: rgba(0, 0, 0, 0.2);
}

.invite-friends-container
  .income-calculation
  .progress-bar-wrap
  .am-slider-wrapper
  .am-slider
  .am-slider-rail:before {
  position: absolute;
  content: "";
  height: 0.1rem;
  width: 0.24rem;
  background-color: rgba(0, 0, 0, 0.2);
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  left: -0.24rem;
  top: 0;
  bottom: 0;
  margin: auto;
}

.invite-friends-container
  .income-calculation
  .progress-bar-wrap
  .am-slider-wrapper
  .am-slider
  .am-slider-track {
  background: transparent;
  height: 0.1rem;
}

.invite-friends-container
  .income-calculation
  .progress-bar-wrap
  .am-slider-wrapper
  .am-slider
  .am-slider-handle {
  width: 0.3rem;
  height: 0.3rem;
  background: linear-gradient(135deg, #65fdf0, #1d6fa3);
  border: none;
  margin-top: -0.12rem;
}

.invite-friends-container
  .income-calculation
  .progress-bar-wrap
  .am-slider-wrapper
  .am-slider
  .am-slider-handle:before {
  position: absolute;
  content: "";
  width: 0.38rem;
  height: 0.38rem;
  border-radius: 50%;
  background-color: hsla(0, 0%, 100%, 0.2);
  top: 0;
  bottom: 0;
  left: -0.04rem;
  right: 0;
  margin: auto;
}

.invite-friends-container .footer-wrap img {
  max-width: 100%;
  object-fit: contain;
}

.invite-friends-container .referral-rank-wrap {
  border-radius: 0.08rem;
  background: linear-gradient(180deg, #f2f2f2, #f4f4f4);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.15rem 0.15rem 0.32rem;
  width: 100%;
  direction: ltr;
}

.invite-friends-container .referral-rank-wrap .swiper-wrapper .swiper-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 1px;
  gap: 0.1rem;
}

.invite-friends-container
  .referral-rank-wrap
  .swiper-wrapper
  .swiper-item.swiper-slide-active {
  height: auto;
}

.invite-friends-container
  .referral-rank-wrap
  .swiper-wrapper
  .swiper-item.theme-1
  .referral-middle,
.invite-friends-container
  .referral-rank-wrap
  .swiper-wrapper
  .swiper-item.theme-1
  .referral-top
  .results-btn:after {
  background: linear-gradient(270deg, #7cc4f8, #abdcff);
}

.invite-friends-container
  .referral-rank-wrap
  .swiper-wrapper
  .swiper-item.theme-2
  .referral-middle,
.invite-friends-container
  .referral-rank-wrap
  .swiper-wrapper
  .swiper-item.theme-2
  .referral-top
  .results-btn:after {
  background: linear-gradient(270deg, #c997fa, #dfbeff);
}

.invite-friends-container
  .referral-rank-wrap
  .swiper-wrapper
  .swiper-item.theme-3
  .referral-middle,
.invite-friends-container
  .referral-rank-wrap
  .swiper-wrapper
  .swiper-item.theme-3
  .referral-top
  .results-btn:after {
  background: linear-gradient(270deg, #ffce79, #ffdda2);
}

.invite-friends-container
  .referral-rank-wrap
  .swiper-wrapper
  .swiper-item.theme-4
  .referral-middle,
.invite-friends-container
  .referral-rank-wrap
  .swiper-wrapper
  .swiper-item.theme-4
  .referral-top
  .results-btn:after {
  background: linear-gradient(270deg, #ff92a9, #ffb6c5);
}

.invite-friends-container
  .referral-rank-wrap
  .swiper-wrapper
  .swiper-item.theme-5
  .referral-middle,
.invite-friends-container
  .referral-rank-wrap
  .swiper-wrapper
  .swiper-item.theme-5
  .referral-top
  .results-btn:after {
  background: linear-gradient(270deg, #a7d0ef, #94e8e4);
}

.invite-friends-container
  .referral-rank-wrap
  .swiper-wrapper
  .swiper-item.theme-1
  .referral-middle
  .middle-item
  .item-progress
  .progress-done
  span {
  background: #2175b1;
}

.invite-friends-container
  .referral-rank-wrap
  .swiper-wrapper
  .swiper-item.theme-2
  .referral-middle
  .middle-item
  .item-progress
  .progress-done
  span {
  background: #9764ca;
}

.invite-friends-container
  .referral-rank-wrap
  .swiper-wrapper
  .swiper-item.theme-3
  .referral-middle
  .middle-item
  .item-progress
  .progress-done
  span {
  background: #d18e1d;
}

.invite-friends-container
  .referral-rank-wrap
  .swiper-wrapper
  .swiper-item.theme-4
  .referral-middle
  .middle-item
  .item-progress
  .progress-done
  span {
  background: #e35e79;
}

.invite-friends-container
  .referral-rank-wrap
  .swiper-wrapper
  .swiper-item.theme-5
  .referral-middle
  .middle-item
  .item-progress
  .progress-done
  span {
  background: #41a6b8;
}

.invite-friends-container .referral-rank-wrap .swiper-pagination {
  bottom: 0.15rem !important;
}

.invite-friends-container .referral-rank-wrap .swiper-pagination span {
  width: 0.07rem;
  height: 0.07rem;
}

.invite-friends-container
  .referral-rank-wrap
  .swiper-pagination
  .swiper-pagination-bullet {
  background: #d9d9d9;
  opacity: 1;
}

.invite-friends-container
  .referral-rank-wrap
  .swiper-pagination
  .swiper-pagination-bullet-active {
  background: #1f2124;
}

.invite-friends-container .referral-rank-wrap .referral-top {
  width: 100%;
  min-height: 1.93rem;
  background: url(/mobile/mc/referral-rank-bg-rules.f0027573.png) no-repeat
    top/cover;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0 0 0.42rem 0.31rem;
  color: #1b1b4b;
  text-align: left;
  border-radius: 0 0 0.08rem 0.08rem;
}

.invite-friends-container .referral-rank-wrap .referral-top.noRule {
  background: url(/mobile/mc/referral-rank-bg.1abaed66.png) no-repeat top/cover;
}

.invite-friends-container .referral-rank-wrap .referral-top .current-wrap {
  display: flex;
  justify-content: space-between;
}

.invite-friends-container .referral-rank-wrap .referral-top .results-btn {
  position: relative;
  min-width: 1.56rem;
  height: 0.42rem;
  border-radius: 1rem;
  background: linear-gradient(270deg, #ffce79, #ffdda2);
  color: #1b1b4b;
  font-size: 0.24rem;
  font-weight: 800;
  gap: 0.17rem;
  display: flex;
  align-items: center;
  padding: 0 0.05rem;
  z-index: 0;
}

.invite-friends-container .referral-rank-wrap .referral-top .results-btn svg {
  width: 0.32rem;
  height: 0.32rem;
}

.invite-friends-container
  .referral-rank-wrap
  .referral-top
  .results-btn:before {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  width: calc(100% + 0.53rem);
  height: calc(100% + 0.1rem);
  background: url(/mobile/mc/rules-bg.70190640.png) no-repeat 0 0 / contain;
  z-index: -1;
}

.invite-friends-container .referral-rank-wrap .referral-top .results-btn:after {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 1rem;
  background: linear-gradient(270deg, #ffce79, #ffdda2);
  z-index: -1;
}

.invite-friends-container .referral-rank-wrap .referral-top .current-title {
  flex: 1 1 0%;
  font-size: 0.26rem;
  font-weight: 800;
  padding: 0.19rem 0.5rem 0 0;
  word-break: break-word;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
  line-height: normal;
}

@supports (-webkit-line-clamp: 2) {
  .invite-friends-container .referral-rank-wrap .referral-top .current-title {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}

.invite-friends-container .referral-rank-wrap .referral-top .current-name {
  padding-right: 0.31rem;
  word-break: break-word;
  font-size: 0.4rem;
  font-weight: 800;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
  line-height: normal;
}

@supports (-webkit-line-clamp: 2) {
  .invite-friends-container .referral-rank-wrap .referral-top .current-name {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}

.invite-friends-container .referral-rank-wrap .referral-middle {
  width: 100%;
  border-radius: 0.08rem;
  background: linear-gradient(270deg, #ffce79, #ffdda2);
  padding: 0.14rem 0.16rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.05rem;
  font-size: 0.2rem;
  font-weight: 600;
}

.invite-friends-container .referral-rank-wrap .referral-middle .middle-no-data {
  flex: 1 1 0%;
  min-height: 1.52rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #666;
}

.invite-friends-container .referral-rank-wrap .referral-middle .middle-item {
  display: flex;
  align-items: center;
  gap: 0.1rem;
}

.invite-friends-container
  .referral-rank-wrap
  .referral-middle
  .middle-item
  .item-title {
  display: flex;
  align-items: center;
  gap: 0.05rem;
  max-width: 2.05rem;
}

.invite-friends-container
  .referral-rank-wrap
  .referral-middle
  .middle-item
  .item-title
  .title-txt {
  flex: 1 1 0%;
  word-break: break-word;
  text-align: left;
}

.invite-friends-container
  .referral-rank-wrap
  .referral-middle
  .middle-item
  .item-progress {
  flex: 1 1 0%;
  display: flex;
  align-items: center;
  gap: 0.07rem;
}

.invite-friends-container
  .referral-rank-wrap
  .referral-middle
  .middle-item
  .item-progress
  .progress {
  flex: 1 1 0%;
  height: 0.08rem;
  border-radius: 0.08rem;
  background: hsla(0, 0%, 100%, 0.5);
  display: flex;
  align-items: center;
  padding: 0;
}

.invite-friends-container
  .referral-rank-wrap
  .referral-middle
  .middle-item
  .item-progress
  .progress-done {
  height: 100%;
  border-radius: 0.08rem;
}

.invite-friends-container
  .referral-rank-wrap
  .referral-middle
  .middle-item
  .item-progress
  .progress-done
  span {
  width: 100%;
  display: flex;
  height: 100%;
  background: #d18e1d;
  border-radius: 0.08rem;
  animation: inviteAnimationStrike 1.5s ease-in;
}

.invite-friends-container
  .referral-rank-wrap
  .referral-middle
  .middle-item
  .item-progress
  .current-progress {
  min-width: 0.84rem;
  text-align: right;
}

.invite-friends-container
  .referral-rank-wrap
  .referral-middle
  .middle-item
  svg {
  width: 0.42rem;
  height: 0.42rem;
}

.invite-friends-container .referral-rank-wrap .referral-bottom {
  background: linear-gradient(180deg, #fff, #e0e9f1 55%);
  width: 100%;
  min-height: 1.8rem;
  border-style: solid;
  border-width: 0.02rem;
  border-image-source: linear-gradient(180deg, #e0e9f1 0, #fff);
  border-image-slice: 1;
  background-image:
    linear-gradient(180deg, #fff, #e0e9f1 55%),
    linear-gradient(180deg, #e0e9f1 0, #fff);
  background-origin: border-box;
  background-clip: content-box, border-box;
  border-radius: 0.08rem;
}

.invite-friends-container
  .referral-rank-wrap
  .referral-bottom
  .referral-bottom-wrap {
  width: 100%;
  padding: 0.27rem 0.25rem;
  display: flex;
  gap: 0.56rem;
}

.invite-friends-container .referral-rank-wrap .referral-bottom .bottom-item {
  flex: 1 1 0%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.invite-friends-container
  .referral-rank-wrap
  .referral-bottom
  .bottom-item.has-line {
  position: relative;
}

.invite-friends-container
  .referral-rank-wrap
  .referral-bottom
  .bottom-item.has-line:before {
  position: absolute;
  content: "";
  left: -0.28rem;
  top: 0;
  width: 0.02rem;
  height: 100%;
  background: #c8c8c8;
}

.invite-friends-container
  .referral-rank-wrap
  .referral-bottom
  .bottom-item
  .item-img
  img {
  height: 0.49rem;
  max-width: 100%;
  object-fit: contain;
}

.invite-friends-container
  .referral-rank-wrap
  .referral-bottom
  .bottom-item
  .item-name {
  margin-top: 0.22rem;
  color: #666;
  font-size: 0.2rem;
  font-weight: 600;
  min-height: 0.29rem;
  display: flex;
  align-items: center;
}

.invite-friends-container
  .referral-rank-wrap
  .referral-bottom
  .bottom-item
  .item-content {
  color: #1b1b4b;
  font-size: 0.26rem;
  font-weight: 900;
  min-height: 0.29rem;
  display: flex;
  align-items: center;
}

.invite-friends-rewards {
  padding: 0 0.28rem;
  height: calc(100vh - 2.47rem);
  height: calc(var(--vh, 1vh) * 100 - 2.47rem);
  margin: 0 0 0.3rem;
}

.invite-friends-rewards .rewards-banner .wysiwyg {
  padding-bottom: 0;
}

.invite-friends-rewards .currency {
  margin-right: 0.05rem;
}

.invite-friends-rewards .rewards-time {
  flex: 1 1 0%;
  margin: 0.2rem 0 0;
  font-size: 0.18rem;
  font-weight: 700;
  color: #666;
  display: flex;
  justify-content: flex-end;
  align-items: left;
}

.invite-friends-rewards .rewards-time .time {
  margin-left: 0.1rem;
  text-transform: lowercase;
}

.invite-friends-rewards .rewards-list {
  display: flex;
  flex-direction: column;
}

.invite-friends-rewards .rewards-list .rewards-item {
  flex: 1 1 0%;
  border-radius: 0.08rem;
  background-image: linear-gradient(180deg, #f3f7fb 0, #e0e9f1);
  min-height: 1.74rem;
  display: flex;
  align-items: center;
  padding: 0.22rem 0.2rem 0.22rem 1.55rem;
  position: relative;
  margin-bottom: 0.15rem;
}

.invite-friends-rewards .rewards-list .rewards-item.disable:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-image: linear-gradient(
    180deg,
    rgba(243, 247, 251, 0.4) 0,
    rgba(224, 233, 241, 0.4)
  );
  left: 0;
  top: 0;
}

.invite-friends-rewards .rewards-list .rewards-item:before {
  position: absolute;
  content: "";
  width: 1.3rem;
  height: 1.3rem;
  left: 0.1rem;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(/mobile/mc/level-09.fe09cde0.png) 50% / contain;
}

.invite-friends-rewards .rewards-list .rewards-item:first-child:before {
  background: url(/mobile/mc/level-01.c7ede719.png) 50% / contain;
}

.invite-friends-rewards .rewards-list .rewards-item:nth-child(2):before {
  background: url(/mobile/mc/level-02.c6cabe47.png) 50% / contain;
}

.invite-friends-rewards .rewards-list .rewards-item:nth-child(3):before {
  background: url(/mobile/mc/level-03.9d3e1ebf.png) 50% / contain;
}

.invite-friends-rewards .rewards-list .rewards-item:nth-child(4):before {
  background: url(/mobile/mc/level-04.b4c2129f.png) 50% / contain;
}

.invite-friends-rewards .rewards-list .rewards-item:nth-child(5):before {
  background: url(/mobile/mc/level-05.7e8ce158.png) 50% / contain;
}

.invite-friends-rewards .rewards-list .rewards-item:nth-child(6):before {
  background: url(/mobile/mc/level-06.1f7c7e49.png) 50% / contain;
}

.invite-friends-rewards .rewards-list .rewards-item:nth-child(7):before {
  background: url(/mobile/mc/level-07.85c1190e.png) 50% / contain;
}

.invite-friends-rewards .rewards-list .rewards-item:nth-child(8):before {
  background: url(/mobile/mc/level-08.a59c1688.png) 50% / contain;
}

.invite-friends-rewards .rewards-list .rewards-item .item-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 0.22rem;
  font-weight: 600;
  color: #666;
  flex: 1 1 0%;
  text-align: center;
}

.invite-friends-rewards .rewards-list .rewards-item .item-content .item-title {
  min-height: 0.46rem;
  display: flex;
  align-items: center;
  text-align: left;
}

.invite-friends-rewards
  .rewards-list
  .rewards-item
  .item-content
  .item-title
  .wysiwyg {
  max-height: 2.44rem;
  overflow: hidden auto;
  padding-bottom: 0;
  line-height: 1;
  text-align: left;
}

.invite-friends-rewards
  .rewards-list
  .rewards-item
  .item-content
  .item-title
  label {
  margin: 0 0.05rem;
  color: #3b2987;
}

.invite-friends-rewards .rewards-list .rewards-item .item-content .item-info {
  display: flex;
  align-items: center;
  margin-top: 0.05rem;
}

.invite-friends-rewards
  .rewards-list
  .rewards-item
  .item-content
  .item-info:first-child {
  margin-top: 0;
}

.invite-friends-rewards .rewards-list .rewards-item .item-content .item-num {
  margin-right: 0.1rem;
}

.invite-friends-rewards .rewards-list .rewards-item .item-content svg {
  width: 0.24rem;
  height: 0.24rem;
  margin-right: 0.1rem;
}

.invite-friends-rewards .rewards-list .rewards-item .btn-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.invite-friends-rewards .rewards-list .rewards-item .btn-wrap .btn-info {
  display: flex;
  align-items: flex-end;
  direction: ltr;
}

.invite-friends-rewards
  .rewards-list
  .rewards-item
  .btn-wrap
  .btn-info
  .current {
  color: #3b2987;
  font-size: 0.32rem;
  font-weight: 600;
}

.invite-friends-rewards .rewards-list .rewards-item .btn-wrap .btn-info .goals {
  font-size: 0.13rem;
  font-weight: 600;
  color: #000;
  padding-left: 0.1rem;
  position: relative;
}

.invite-friends-rewards
  .rewards-list
  .rewards-item
  .btn-wrap
  .btn-info
  .goals:before {
  position: absolute;
  content: "/";
  left: 0.02rem;
}

.invite-friends-rewards .rewards-list .rewards-item .btn-wrap .get-btn {
  border-radius: 0.08rem;
  background-image: linear-gradient(113deg, #43cbff, #9708cc);
  min-height: 0.42rem;
  font-size: 0.15rem;
  font-weight: 600;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.1rem;
  min-width: 1.01rem;
  padding: 0 0.1rem;
  border: none;
  height: auto;
  line-height: 1;
}

.invite-friends-rewards .rewards-list .rewards-item .btn-wrap .get-btn.dis {
  position: relative;
}

.invite-friends-rewards
  .rewards-list
  .rewards-item
  .btn-wrap
  .get-btn.dis:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-image: linear-gradient(
    180deg,
    rgba(243, 247, 251, 0.4) 0,
    rgba(224, 233, 241, 0.4)
  );
  left: 0;
  top: 0;
}

.invite-friends-income-page {
  padding: 0 0.28rem;
  height: calc(100vh - 2.57rem);
  height: calc(var(--vh, 1vh) * 100 - 2.57rem);
  margin: 0.3rem 0 0.4rem;
  display: flex;
  flex-direction: column;
}

.invite-friends-income-page .currency {
  margin-right: 0.05rem;
}

.invite-friends-income-page .income-wrap {
  border-radius: 0.12rem;
  background-color: #f6f6f6;
  padding: 0 0.2rem 0.1rem;
  font-size: 0.18rem;
  font-weight: 500;
  color: #666;
  display: flex;
  flex-direction: column;
  margin-top: 0.4rem;
}

.invite-friends-income-page .income-wrap:first-child {
  margin-top: 0;
}

.invite-friends-income-page .income-wrap .income-top {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0.45rem 0;
  border-bottom: 0.02rem solid hsla(0, 0%, 40%, 0.1);
  justify-content: center;
}

.invite-friends-income-page .income-wrap .income-top .income-title {
  font-size: 0.24rem;
  font-weight: 600;
  margin-right: 0.14rem;
  line-height: 1;
}

.invite-friends-income-page .income-wrap .income-top .income-num,
.invite-friends-income-page .income-wrap .income-top .item-num {
  font-size: 0.28rem;
  font-weight: 600;
  color: #3b2987;
}

.invite-friends-income-page .income-wrap .income-list {
  margin-top: 0.19rem;
  display: flex;
  flex-direction: column;
  border-radius: 0.08rem;
  background-image: linear-gradient(180deg, #f3f7fb 0, #e0e9f1);
  padding: 0.4rem 0.3rem;
  width: 100%;
}

.invite-friends-income-page .income-wrap .income-list .list-item {
  flex: 1 1 0%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.24rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}

.invite-friends-income-page .income-wrap .income-list .list-item:last-child {
  margin-bottom: 0;
}

.invite-friends-income-page .income-wrap .income-list .list-item .item-title {
  color: #566073;
}

.invite-friends-income-page .income-wrap .income-list .list-item .item-num {
  color: #3b2987;
}

.invite-friends-income-page .income-wrap .income-bottom .info-wrap {
  font-size: 0.18rem;
}

.invite-friends-income-page .income-wrap .income-bottom img {
  max-width: 100%;
  object-fit: contain;
}

.invite-friends-income-page .income-tip {
  font-size: 0.24rem;
  font-weight: 500;
  margin-top: 0.1rem;
  color: #566073;
}

.invite-friends-records {
  padding: 0 0.28rem;
  height: calc(100vh - 2.4rem);
  height: calc(var(--vh, 1vh) * 100 - 2.4rem);
  margin: 0.3rem 0 0;
  display: flex;
  flex-direction: column;
}

.invite-friends-records .currency {
  margin-right: 0.05rem;
}

.invite-friends-records .search-result {
  height: calc(100% - 1.9rem);
  overflow: hidden;
  margin-top: 0.05rem;
}

.invite-friends-records .search-result .list-wrapper {
  height: 100% !important;
}

.invite-friends-records .search-result .rewards-list {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
}

.invite-friends-records .search-result .rewards-list .nodata-container {
  flex: 1 1 0%;
  width: 100%;
  position: absolute;
  background: transparent;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.invite-friends-records
  .search-result
  .rewards-list
  .nodata-container
  .nodata-icon {
  margin-top: -0.8rem;
}

.invite-friends-records .search-result .rewards-list li:nth-child(2n) {
  background: #fafafa;
}

.invite-friends-records .search-result .rewards-list .list-header {
  display: flex;
  background-color: #f5f6f7;
  min-height: 0.6rem;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  font-size: 0.2rem;
  font-weight: 600;
  color: #666;
}

.invite-friends-records .search-result .rewards-list .item-info {
  flex: 0 0 33%;
}

.invite-friends-records .search-result .rewards-list .item-achievement {
  flex: 0 0 48%;
}

.invite-friends-records .search-result .rewards-list .list-item {
  min-height: 0.6rem;
  display: flex;
  align-items: center;
  text-align: center;
  font-size: 0.18rem;
  color: #666;
  justify-content: space-between;
  padding: 0 0.05rem;
}

.invite-friends-records .search-result .deposit-list {
  height: 100%;
}

.invite-friends-records
  .search-result
  .deposit-list
  li:last-child
  .deposit-item {
  border-bottom: none;
}

.invite-friends-records .search-result .deposit-list .deposit-item {
  min-height: 2.2rem;
  border-bottom: 0.02rem solid hsla(0, 0%, 40%, 0.1);
  padding: 0.3rem 0;
}

.invite-friends-records .search-result .deposit-list .deposit-item .item-top {
  font-size: 0.22rem;
  font-weight: 600;
  color: #666;
  display: flex;
  justify-content: space-between;
}

.invite-friends-records
  .search-result
  .deposit-list
  .deposit-item
  .item-bottom {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 0.2rem;
}

.invite-friends-records
  .search-result
  .deposit-list
  .deposit-item
  .item-bottom
  .item-header {
  min-height: 0.6rem;
  background: #f5f6f7;
  font-size: 0.2rem;
  font-weight: 600;
  color: #666;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  border-radius: 0.08rem 0.08rem 0 0;
}

.invite-friends-records
  .search-result
  .deposit-list
  .deposit-item
  .item-bottom
  .item-content {
  min-height: 0.6rem;
  background-color: #fafafa;
  font-size: 0.2rem;
  font-weight: 600;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  border-radius: 0 0 0.08rem 0.08rem;
}

.invite-friends-records
  .search-result
  .deposit-list
  .deposit-item
  .item-bottom
  .item-info {
  flex: 0 0 33%;
}

.invite-friends-records
  .search-result
  .deposit-list
  .deposit-item
  .item-bottom
  .item-info.blue {
  color: #3e6ffe;
}

.invite-friends-records .search-result .betting-list {
  height: 100%;
}

.invite-friends-records
  .search-result
  .betting-list
  li:last-child
  .betting-item {
  border-bottom: none;
}

.invite-friends-records .search-result .betting-list .betting-item {
  min-height: 2.72rem;
  border-bottom: 0.02rem solid hsla(0, 0%, 40%, 0.1);
  padding: 0.3rem;
}

.invite-friends-records .search-result .betting-list .betting-item .item-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.invite-friends-records
  .search-result
  .betting-list
  .betting-item
  .item-top
  .game-item {
  font-size: 0.22rem;
  font-weight: 600;
  color: #108ee9;
  display: flex;
  align-items: center;
}

.invite-friends-records
  .search-result
  .betting-list
  .betting-item
  .item-top
  .game-item
  .game-icon {
  width: 0.4rem;
  height: 0.4rem;
  margin-right: 0.1rem;
}

.invite-friends-records
  .search-result
  .betting-list
  .betting-item
  .item-top
  .game-item
  .gmae-name {
  line-height: 1;
}

.invite-friends-records
  .search-result
  .betting-list
  .betting-item
  .item-top
  .item-date {
  font-size: 0.2rem;
  font-weight: 600;
  color: #666;
}

.invite-friends-records
  .search-result
  .betting-list
  .betting-item
  .item-bottom {
  margin-top: 0.2rem;
  border-radius: 0.12rem;
  background-color: #fafafa;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 0.2rem;
  font-weight: 600;
  color: #666;
  padding: 0.22rem 0.5rem;
}

.invite-friends-records
  .search-result
  .betting-list
  .betting-item
  .item-bottom
  .item-info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.1rem;
}

.invite-friends-records
  .search-result
  .betting-list
  .betting-item
  .item-bottom
  .item-info:last-child {
  margin-bottom: 0;
}

.invite-friends-records
  .search-result
  .betting-list
  .betting-item
  .item-bottom
  .item-info
  .blue {
  color: #3b2987;
}

.invite-friends-records .invite-records-footer {
  height: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 -0.11rem 0.1rem -0.05rem rgba(0, 0, 0, 0.1);
  background-color: #fff;
  font-size: 0.28rem;
  font-weight: 600;
  color: #666;
  padding: 0 0.28rem;
  width: 100%;
  position: fixed;
  bottom: 0;
  margin-left: -0.28rem;
}

.invite-friends-records .invite-records-footer .footer-item {
  flex: 1 1 0%;
}

.invite-friends-records .invite-records-footer.total-left {
  justify-content: flex-start;
}

.invite-friends-records .invite-records-footer.total-left .footer-num {
  margin-left: 0.05rem;
}

.invite-friends-records .invite-records-footer .footer-num,
.invite-friends-records .invite-records-footer .footer-title {
  min-width: 2.28rem;
  text-align: center;
}

.invite-search-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 0.3rem;
  border-bottom: 0.02rem solid hsla(0, 0%, 40%, 0.1);
  position: -webkit-sticky;
  position: sticky;
}

.invite-search-wrap .select-item {
  border-radius: 0.08rem;
  border: 0.02rem solid #108ee9;
  position: relative;
  height: 0.62rem;
  padding: 0 0.27rem;
  display: flex;
  align-items: center;
  font-size: 0.26rem;
  color: #108ee9;
  background-color: #fff;
}

.invite-search-wrap .select-item.show {
  background-color: #108ee9;
  color: #fff;
}

.invite-search-wrap .select-item.show .arrow,
.invite-search-wrap .select-item.show .select-icon {
  fill: #fff;
}

.invite-search-wrap .select-item .arrow {
  width: 0.15rem;
  height: 0.15rem;
  justify-self: flex-end;
}

.invite-search-wrap .select-item .select-icon {
  width: 0.2rem;
  height: 0.2rem;
  fill: #108ee9;
}

.invite-search-wrap .select-item .select-text {
  flex: 1 1 0%;
  display: flex;
  align-items: center;
  line-height: 1;
}

.invite-search-wrap .select-type {
  min-width: 3.8rem;
}

.invite-search-wrap .select-type.show-game {
  min-width: auto;
  flex: 1 1 0%;
}

.invite-search-wrap .select-game {
  min-width: 1.36rem;
  margin: 0 0.08rem;
}

.invite-search-wrap .select-game .select-icon {
  margin-right: 0.05rem;
}

.invite-search-wrap .select-date {
  min-width: 1.62rem;
  padding: 0;
  border: none;
}

.invite-search-wrap .select-date .am-button-small {
  height: 0.62rem;
  font-size: 0.26rem;
  color: #108ee9;
  background: transparent;
  padding: 0 0.08rem;
  border-radius: 0.08rem;
  border: 0.02rem solid #108ee9;
}

.invite-search-wrap .select-date .am-button-small.am-button-active {
  background-color: #108ee9;
  color: #fff;
}

.invite-search-wrap .select-date .am-button-small.am-button-active svg {
  fill: #fff;
}

.invite-search-wrap .select-date .am-button-small svg {
  width: 0.2rem;
  height: 0.2rem;
}

.select-type-modal {
  padding: 0.3rem 0.28rem;
  max-height: 80vh;
  display: flex;
  flex-direction: column;
}

.select-type-modal .modal-list-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.32rem;
  font-weight: 600;
  color: #666;
}

.select-type-modal .modal-list-header .popup-close {
  width: 0.4rem;
  height: 0.4rem;
  margin: -0.15rem -0.13rem 0 0;
}

.select-type-modal .modal-list-content {
  margin-top: 0.32rem;
  padding: 0;
  flex: 1 1 0%;
  overflow-y: auto;
}

.select-type-modal .modal-list-content .list-item {
  min-height: 0.72rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  border-top: 0.02rem solid hsla(0, 0%, 40%, 0.1);
  font-size: 0.28rem;
  font-weight: 600;
  color: #5b5b5b;
}

.select-type-modal .modal-list-content .list-item.selected:after {
  content: "";
  width: 0.46rem;
  height: 0.46rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuBAMAAACllzYEAAAAJFBMVEUAAADtJSnsJCjvKCjtJSrsJijvJSvsJCnvICDsJSnsJinsJSkM6JfDAAAAC3RSTlMA2IAg718xnRC/UI22jzsAAACDSURBVDjLYxgFOADz7MlYxVN278QmzOa9ezd25bs34lAujEO5AZWVs2nBWCEoyrV3K0AYrLtRTPfevQnCiEY1HWhoAbJyhDm7t2NRzsAEVFcAV46mAaK8AchD0wBSLgHkoGvQhijH0ABRjqkBphxTA0I5AsBNx9RQgTUZBLozjAJMAADE5kv9/ILXtwAAAABJRU5ErkJggg==)
    50% / contain;
}

.invite-rule-wrapper {
  background: #f5f5f9;
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
  display: flex;
  flex-direction: column;
}

.invite-rule-wrapper .rule-wrapper {
  flex: 1 1 0%;
  padding: 0.2rem 0.3rem;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.invite-rule-wrapper .rule-content {
  flex: 1 1 0%;
  border-radius: 0.14rem;
  background: #fff;
  box-shadow: 0 0 0.2rem 0 rgba(188, 230, 252, 0.3);
  padding: 0.2rem;
  color: #979797;
  font-size: 0.2rem;
  font-weight: 500;
}

.invite-rule-wrapper .rule-content .rule-title {
  font-size: 0.32rem;
  color: #1b1b4b;
}

.invite-rule-wrapper .rule-content img {
  max-width: 100%;
  object-fit: contain;
}

.invite-friends-link {
  border-radius: 0.08rem;
  background: linear-gradient(180deg, #f3f7fb, #e0e9f1);
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 0.13rem 0.15rem;
}

.invite-friends-link .share-info-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
}

.invite-friends-link .share-content-wrapper {
  flex: 1 1 0%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.invite-friends-link .qrcode-wrapper {
  margin-right: 0.1rem;
  flex: 0 0 1.34rem;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.invite-friends-link .qrcode-wrapper canvas {
  width: 1.18rem !important;
  height: 1.18rem !important;
}

.invite-friends-link .qrcode-wrapper .qrcode-wrap {
  padding: 0.08rem 0.08rem 0;
  border-radius: 0.06rem 0.06rem 0 0;
  background: #fff;
}

.invite-friends-link .qrcode-wrapper .save-qrcode {
  padding: 0.07rem;
  border-radius: 0 0 0.06rem 0.06rem;
  background: #452e88;
  min-height: 0.26rem;
  font-size: 0.12rem;
  font-weight: 600;
  color: #fff;
  overflow-wrap: break-word;
  display: flex;
  justify-content: center;
  align-items: center;
}

.invite-friends-link .link-top-title {
  font-size: 0.22rem;
  font-weight: 900;
  color: #452e88;
  margin-bottom: 0.13rem;
}

.invite-friends-link .share-content-wrap {
  flex: 1 1 0%;
  display: flex;
  align-items: center;
  gap: 0.1rem;
  overflow: hidden;
}

.invite-friends-link .share-title {
  color: #566073;
  font-weight: 600;
  font-size: 0.22rem;
}

.invite-friends-link .share-group {
  width: auto;
  display: flex;
  gap: 0.1rem;
  overflow-x: auto;
}

.invite-friends-link .share-group .share-btn {
  flex: 0 0 0.66rem;
  width: 0.66rem;
  height: 0.66rem;
  border-radius: 0.1rem;
  margin: 0;
}

.invite-friends-link .share-group .share-btn.facebook-btn {
  background: #3d6ad6
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQBAMAAAB8P++eAAAAKlBMVEUAAAD///////////////////////////////////////////////////+Gu8ovAAAADXRSTlMA36FAIHtd75AQz78w5Zq9kQAAAJZJREFUSMdjGAU0BBaKd0FAkoAyzvC7EHCZgEKIOsIKOe4SqVCXSIWsd4lU6Euswr1EKmS+S6RCJmIVshOr0BZJ4R18CmMham63hqWlGRChMADCIxwvDkQqvMgwqpBshV530UAA/vSAAAKjCoeYwonoChtwFckuQABNPS4gMAgT7qjCUYWjCgeRwluEFaaDFZYyjALaAAAtffo9FDjadAAAAABJRU5ErkJggg==)
    no-repeat 50%/0.4rem 0.4rem;
}

.invite-friends-link .share-group .share-btn.sms-btn {
  background: #4caf50 url(/mobile/mc/invite-share-icon2.9fa9d334.png) no-repeat
    50%/0.4rem 0.4rem;
}

.invite-friends-link .share-group .share-btn.x-btn {
  background: #000 url(/mobile/mc/invite-share-icon3.bb2efbeb.png) no-repeat
    50%/0.4rem 0.4rem;
}

.invite-friends-link .share-group .share-btn.telegram-btn {
  background: #039be5 url(/mobile/mc/invite-share-icon5.71c489af.png) no-repeat
    50%/0.4rem 0.4rem;
}

.invite-friends-link .share-group .share-btn.whatsapp-btn {
  background:
    url(/mobile/mc/invite-share-icon7.de24c39f.png) no-repeat 50%/0.4rem 0.4rem,
    linear-gradient(180deg, #46ed62, #1dc93f);
}

.invite-friends-link .share-group .share-btn.line-btn {
  background: #06c755 url(/mobile/mc/invite-share-icon8.4b998676.png) no-repeat
    50%/0.4rem 0.4rem;
}

.invite-friends-link .share-group .share-btn.link {
  background:
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQBAMAAAB8P++eAAAAKlBMVEUAAAD///////////////////////////////////////////////////+Gu8ovAAAADXRSTlMA3yBf74AQvpc5z3BQzOsQuAAAAStJREFUSMftlL9qAkEQh8fLXyVFSJdCsEvKFGnTBlJcF5IiCCZ5hlRBSBorBV/A3kawsBIEwdriOEUR5l1EB11xfjDTKvd1C999uwx7SxkZh0BvVnJ5eebUJV4y84NHLLAzmWOcxGLqEnESi3bya/TKjuT3v1hG8vxdHCuZr/IuqeGZyUg8O9ljwUreseYZHTAG4hSIAwYk2jtjiBbLWPQGF0ocYzFVs46xeL0vfmIvUX9tA4s3+96VN5hzBqnsDEZFIwinPWl/PKqgPuKiXpI1CtLT1vutyIc4SNXNrm9hBxSMghdEFDwJnlDAQboQsRYeUhyk07V3u3uXYJBaK29eocD9j6zQdLqkQXfshRRwjEnTI3ZkGDZFGYYNPCEWhz4xnpKP/h9lZBwjSzEb9N81ZqZmAAAAAElFTkSuQmCC)
      no-repeat 50%/0.4rem 0.4rem,
    linear-gradient(135deg, #6b73ff, #000dff);
}

.invite-friends-link .share-group .share-btn.threads-btn {
  background: #000 url(/mobile/mc/invite-share-icon4.24b1da57.png) no-repeat
    50%/0.4rem 0.4rem;
}

.invite-friends-link .invite-link-wrap {
  order: -1;
  border-radius: 0.61rem;
  background: #fff;
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  padding: 0.05rem 0.08rem 0.05rem 0.2rem;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.2rem;
  margin-bottom: 0.16rem;
}

.invite-friends-link .invite-link-wrap svg {
  width: 0.32rem;
  height: 0.32rem;
}

.invite-friends-link .invite-link-wrap .link-url {
  flex: 1 1 0%;
  color: #434343;
  font-size: 0.18rem;
  font-weight: 600;
  text-align: left;
}

.invite-friends-link .invite-link-wrap .link-copy {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0.1rem;
  min-width: 0.4rem;
  height: 0.34rem;
  border-radius: 0.52rem;
  background: #452e88;
  font-size: 0.23rem;
  font-weight: 700;
  color: #fff;
}

.invite-friends-link .invite-link-wrap .link-copy span {
  display: none;
}

.invite-friends-link .invite-link-wrap .link-copy:before {
  content: "";
  width: 0.2rem;
  height: 0.2rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAAKlBMVEUAAAD///////////////////////////////////////////////////+Gu8ovAAAADXRSTlMAYFBAEO/fMKCQcL+vMH3VFQAAAH9JREFUCNdjQAPugoLKEBZz7N27d5PATLa7QHDVAcS0vQsCBSCmZ8c2IFOAgYGlUFDIYC2YqQoUuaYFZuaCFIbEApnMYD3Xz95VYGACMy/23jVgYIQyrzHAmHOD4Ux3BxjzEsgqdjDzMojJEgtiJoDdpQZylgHEuUaCgiVofgEAxZJS6cmnBz8AAAAASUVORK5CYII=)
    50% / contain;
}

.invite-search-wrapper {
  padding: 0.2rem 0.28rem;
  display: flex;
  justify-content: space-between;
  border-top: 1.5px solid #efefef;
  border-bottom: 1.5px solid #efefef;
}

.invite-search-wrapper .mc-trans-filter {
  padding: 0;
  border-bottom: none;
  box-shadow: none;
  height: 0.6rem;
  min-width: 0;
}

.invite-search-wrapper .mc-trans-filter .am-button-small {
  margin: 0;
}

.invite-search-wrapper .am-button-small {
  padding: 0 0.15rem;
}

.invite-search-wrapper .select-normal {
  border-radius: 0.08rem;
  border: 0.02rem solid #108ee9;
  position: relative;
  height: 0.62rem;
  padding: 0 0.27rem;
  display: flex;
  align-items: center;
  font-size: 0.26rem;
  color: #108ee9;
  background-color: #fff;
  min-width: 1.67rem;
}

.invite-search-wrapper .select-normal.show {
  background-color: #108ee9;
  color: #fff;
}

.invite-search-wrapper .select-normal.show .arrow,
.invite-search-wrapper .select-normal.show .select-icon {
  fill: #fff;
}

.invite-search-wrapper .select-normal .arrow {
  width: 0.15rem;
  height: 0.15rem;
  justify-self: flex-end;
}

.invite-search-wrapper .select-normal .select-icon {
  width: 0.2rem;
  height: 0.2rem;
  fill: #108ee9;
}

.invite-search-wrapper .select-normal .select-text {
  flex: 1 1 0%;
  display: flex;
  align-items: center;
  line-height: 1;
}

@keyframes bounce-in {
  0% {
    transform: scale(1);
  }
  30% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.9);
  }
  to {
    transform: scale(1);
  }
}

@keyframes inviteAnimationStrike {
  0% {
    width: 0;
  }
  to {
    width: 100%;
  }
}

.invite-income-data {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 2.1rem);
  height: calc(var(--vh, 1vh) * 100 - 2.1rem);
}

.invite-income-data .income-data-wrap {
  display: flex;
  flex-direction: column;
  gap: 0.28rem;
  padding: 0.28rem;
}

.invite-income-data .income-data-wrap .data-item {
  padding: 0.3rem 0.24rem;
  display: flex;
  flex-direction: column;
  gap: 0.16rem;
  border-radius: 0.2rem;
  color: #566073;
  font-size: 0.22rem;
  font-weight: 600;
}

.invite-income-data .income-data-wrap .data-item.blue {
  background: #eaf6fe;
}

.invite-income-data .income-data-wrap .data-item.blue .item-title,
.invite-income-data .income-data-wrap .data-item.blue .link {
  color: #2379ae;
}

.invite-income-data .income-data-wrap .data-item.blue .bottom-info {
  border: 1px solid #e9f6fe;
}

.invite-income-data
  .income-data-wrap
  .data-item.blue
  .bottom-info.deposit:before {
  background: url(/mobile/mc/income-icon1.9eba00c8.png) no-repeat 50% / contain;
}

.invite-income-data .income-data-wrap .data-item.blue .bottom-info.bet:before {
  background: url(/mobile/mc/income-icon2.227a7605.png) no-repeat 50% / contain;
}

.invite-income-data .income-data-wrap .data-item.purple {
  background: #f4f3ff;
}

.invite-income-data .income-data-wrap .data-item.purple .item-title,
.invite-income-data .income-data-wrap .data-item.purple .link {
  color: #817dd1;
}

.invite-income-data .income-data-wrap .data-item.purple .bottom-info {
  border: 1px solid #e7e6fd;
}

.invite-income-data
  .income-data-wrap
  .data-item.purple
  .bottom-info.member:before {
  background: url(/mobile/mc/income-icon3.e418792f.png) no-repeat 50% / contain;
}

.invite-income-data
  .income-data-wrap
  .data-item.purple
  .bottom-info.qualified:before {
  background: url(/mobile/mc/income-icon4.0323833d.png) no-repeat 50% / contain;
}

.invite-income-data
  .income-data-wrap
  .data-item.purple
  .bottom-info.deposit:before {
  background: url(/mobile/mc/income-icon5.f3fe0737.png) no-repeat 50% / contain;
}

.invite-income-data
  .income-data-wrap
  .data-item.purple
  .bottom-info.bet:before {
  background: url(/mobile/mc/income-icon6.617af197.png) no-repeat 50% / contain;
}

.invite-income-data .income-data-wrap .data-item.red {
  background: #fef1f3;
}

.invite-income-data .income-data-wrap .data-item.red .item-title,
.invite-income-data .income-data-wrap .data-item.red .link {
  color: #ca646f;
}

.invite-income-data .income-data-wrap .data-item.red .bottom-info {
  border: 1px solid #fcd6da;
}

.invite-income-data
  .income-data-wrap
  .data-item.red
  .bottom-info.member:before {
  background: url(/mobile/mc/income-icon7.ca42964b.png) no-repeat 50% / contain;
}

.invite-income-data
  .income-data-wrap
  .data-item.red
  .bottom-info.qualified:before {
  background: url(/mobile/mc/income-icon8.7f14a64d.png) no-repeat 50% / contain;
}

.invite-income-data
  .income-data-wrap
  .data-item.red
  .bottom-info.deposit:before {
  background: url(/mobile/mc/income-icon9.71705c43.png) no-repeat 50% / contain;
}

.invite-income-data .income-data-wrap .data-item.red .bottom-info.bet:before {
  background: url(/mobile/mc/income-icon10.b7a557d6.png) no-repeat 50% / contain;
}

.invite-income-data .income-data-wrap .item-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.invite-income-data .income-data-wrap .my-income-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.06rem;
  height: 0.52rem;
  background: #e76161;
  padding: 0 0.15rem;
  border-radius: 0.9rem;
  color: #fff;
  font-size: 0.21rem;
  font-weight: 500;
}

.invite-income-data .income-data-wrap .item-bottom {
  display: flex;
  flex-wrap: wrap;
  gap: 0.16rem;
}

.invite-income-data .income-data-wrap .bottom-info {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc(50% - 0.08rem);
  border-radius: 0.2rem;
  padding: 0.15rem 0.24rem 0.2rem 0.2rem;
  background:
    linear-gradient(280deg, hsla(0, 0%, 100%, 0), rgba(233, 246, 254, 0.2)),
    #fff;
  display: flex;
  gap: 0.11rem;
  align-items: flex-end;
  position: relative;
  overflow: hidden;
}

.invite-income-data .income-data-wrap .bottom-info:before {
  content: "";
  width: 0.6rem;
  height: 0.6rem;
}

.invite-income-data .income-data-wrap .item-info {
  flex: 1 1 0%;
  display: flex;
  flex-direction: column;
  gap: 0.16rem;
  align-items: flex-end;
  text-align: right;
}

.invite-income-data .income-data-wrap .item-info .info-title {
  flex: 1 1 0%;
  font-size: 0.23rem;
  line-height: normal;
  text-transform: capitalize;
  word-break: break-word;
}

.invite-income-data .income-data-wrap .link {
  text-decoration: underline;
}

.invite-friends-income {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  z-index: 99;
  display: flex;
  align-items: flex-end;
}

.invite-friends-income:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  background: rgba(0, 0, 0, 0.8);
}

.invite-friends-income .container-wrapper {
  width: 100%;
  max-height: 85%;
  display: flex;
  flex-direction: column;
}

.invite-friends-income .income-close {
  margin-bottom: 0.12rem;
  align-self: flex-end;
  margin-right: 0.28rem;
}

.invite-friends-income .income-close svg {
  width: 0.6rem;
  height: 0.6rem;
}

.invite-friends-income .container-wrap {
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  border-radius: 0.2rem 0.2rem 0 0;
  background: #fff;
  padding: 0.53rem 0.33rem;
  gap: 0.24rem;
}

.invite-friends-income .currency {
  gap: 0.05rem;
}

.invite-friends-income .income-wrap {
  border-radius: 0.12rem;
  background-color: #f6f6f6;
  padding: 0.4rem 0.22rem;
  font-size: 0.2rem;
  font-weight: 600;
  color: #566073;
  display: flex;
  flex-direction: column;
}

.invite-friends-income .income-top {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0 0 0.28rem;
  border-bottom: 0.02rem solid hsla(0, 0%, 40%, 0.1);
  justify-content: center;
}

.invite-friends-income .income-top .income-title {
  font-size: 0.26rem;
  font-weight: 600;
  margin-right: 0.16rem;
  line-height: 1;
}

.invite-friends-income .income-top .income-num,
.invite-friends-income .income-top .item-num {
  font-size: 0.26rem;
  font-weight: 700;
  color: #3b2987;
}

.invite-friends-income .income-list {
  margin-top: 0.28rem;
  display: flex;
  flex-direction: column;
  border-radius: 0.12rem;
  background: linear-gradient(180deg, #f3f7fb, #e0e9f1);
  padding: 0.29rem 0.3rem;
  width: 100%;
}

.invite-friends-income .income-list .list-item {
  flex: 1 1 0%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.24rem;
  font-weight: 700;
  margin-bottom: 0.16rem;
}

.invite-friends-income .income-list .list-item:last-child {
  margin-bottom: 0;
}

.invite-friends-income .income-bottom {
  margin-top: 0.2rem;
}

.invite-friends-income .income-bottom .info-wrap {
  font-size: 0.18rem;
}

.invite-friends-income .income-bottom .wysiwyg {
  padding-bottom: 0;
}

.invite-friends-income .income-bottom img {
  max-width: 100%;
  object-fit: contain;
}

.invite-friends-income .income-tip {
  font-size: 0.2rem;
  font-weight: 600;
  margin-top: 0.1rem;
  color: #666;
}

.invite-friends-list {
  height: calc(100vh - 2.1rem);
  height: calc(var(--vh, 1vh) * 100 - 2.1rem);
  display: flex;
  flex-direction: column;
}

.invite-friends-list .list-wrapper {
  background: initial;
}

.invite-friends-list .list-wrapper .scroll-inner-container {
  display: flex;
  flex-direction: column;
}

.invite-friends-list .search-result {
  width: calc(100% - 0.56rem);
  margin: 0 auto;
}

.invite-friends-list .friends-list,
.invite-friends-list .search-result {
  flex: 1 1 0%;
  display: flex;
  flex-direction: column;
}

.invite-friends-list .friends-list .nodata-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.invite-friends-list .friends-list .nodata-container .nodata-icon {
  margin-top: 0;
}

.invite-friends-list .friends-list .list-wrapper {
  flex: 1 1 0%;
  height: auto !important;
}

.invite-friends-list .friends-list .list-item {
  border-radius: 0.2rem;
  border: 1px solid #e7e6fd;
  background: #fafaff;
  display: flex;
  flex-direction: column;
  padding: 0.24rem 0.32rem;
  color: #666;
  margin: 0.12rem auto 0;
}

.invite-friends-list .friends-list .list-item:first-child {
  margin-top: 0.2rem;
}

.invite-friends-list .friends-list .list-item.done .user-info svg {
  fill: #817dd1;
}

.invite-friends-list .friends-list .item-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.2rem;
  font-weight: 600;
  overflow: hidden;
}

.invite-friends-list .friends-list .user-info {
  flex: 0 0 55%;
  display: flex;
  align-items: center;
}

.invite-friends-list .friends-list .user-info svg {
  width: 0.4rem;
  height: 0.4rem;
  margin-right: 0.12rem;
  fill: rgba(129, 125, 209, 0.1);
}

.invite-friends-list .friends-list .info-time {
  flex: 1 1 0%;
  display: flex;
  align-items: center;
}

.invite-friends-list .friends-list .item-bottom {
  margin-top: 0.12rem;
  font-size: 0.2rem;
  font-weight: 500;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}

.invite-friends-list .friends-list .item-bottom .item-info {
  flex: 1 1 0%;
  display: flex;
  align-items: center;
}

.invite-friends-list .friends-list .item-bottom .item-info:nth-child(odd) {
  flex: 0 0 55%;
  padding: 0 0.1rem 0 0.5rem;
}

.invite-friends-list .friends-list .item-bottom .item-title {
  max-width: 55%;
  word-break: break-word;
}

.invite-friends-list .friends-list .item-bottom .item-num {
  margin-left: 0.08rem;
  color: #566073;
  font-size: 0.22rem;
  font-weight: 600;
}

.invite-friends-list .invite-level-wrapper {
  padding: 0.2rem 0.28rem;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

.invite-friends-list .invite-level-wrapper .level-rank {
  flex: 0 0 4.06rem;
  min-height: 1.96rem;
  padding: 0.16rem 0.2rem;
  border-radius: 0.2rem;
  border: 1px solid #e9f6fe;
  background: #e1f4ff;
  color: #135a85;
  text-align: center;
  font-size: 0.2rem;
  font-weight: 600;
  display: flex;
  overflow: hidden;
}

.invite-friends-list .invite-level-wrapper .rank-item {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 1.02rem;
  flex-direction: column;
  position: relative;
  font-size: 0.26rem;
  font-weight: 900;
  font-style: italic;
}

.invite-friends-list .invite-level-wrapper .rank-item .rank-title {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
  word-break: break-word;
}

@supports (-webkit-line-clamp: 2) {
  .invite-friends-list .invite-level-wrapper .rank-item .rank-title {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}

.invite-friends-list .invite-level-wrapper .rank-item:before {
  content: "";
  width: 1.02rem;
  height: 0.82rem;
  background: url(/mobile/mc/invite-level-img.abeca7f1.png) no-repeat 50% /
    contain;
}

.invite-friends-list .invite-level-wrapper .rank-info {
  flex: 1 1 0%;
  margin-left: 0.08rem;
}

.invite-friends-list .invite-level-wrapper .rank-info .info-item {
  display: flex;
  flex-direction: column;
  padding-left: 0.44rem;
  text-align: center;
}

.invite-friends-list .invite-level-wrapper .rank-info .info-item:last-child {
  margin-top: 0.16rem;
}

.invite-friends-list
  .invite-level-wrapper
  .rank-info
  .info-item:last-child
  .info-bottom:before {
  background: #fff url(/mobile/mc/invite-level-icon2.51213b40.png) no-repeat
    50%/0.46rem auto;
}

.invite-friends-list .invite-level-wrapper .rank-info .info-top {
  padding-left: 0.26rem;
  text-transform: capitalize;
  word-break: break-word;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
}

@supports (-webkit-line-clamp: 2) {
  .invite-friends-list .invite-level-wrapper .rank-info .info-top {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}

.invite-friends-list .invite-level-wrapper .rank-info .info-bottom {
  margin-top: 0.04rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 0.38rem;
  border-radius: 0 0.8rem 0.8rem 0;
  border: 0.876px solid #e9f6fe;
  background:
    linear-gradient(280deg, hsla(0, 0%, 100%, 0), rgba(233, 246, 254, 0.2)),
    #fff;
  color: #4d9bcb;
}

.invite-friends-list .invite-level-wrapper .rank-info .info-bottom:before {
  display: flex;
  justify-content: center;
  align-items: center;
  content: "";
  position: absolute;
  bottom: -0.0573rem;
  left: -0.44rem;
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 50%;
  background: #fff url(/mobile/mc/invite-level-icon.07114044.png) no-repeat
    50%/0.46rem auto;
}

.invite-friends-list .invite-level-wrapper .qualified-item {
  flex: 1 1 0%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  margin-left: 0.08rem;
}

.invite-friends-list .invite-level-wrapper .qualified-item .info-item {
  flex: 1 1 0%;
  min-height: 0.6rem;
  border-radius: 0.16rem;
  border: 1px solid #fceed8;
  background: #fff8e8;
  padding: 0 0.16rem;
  display: flex;
  align-items: center;
  color: #676767;
  font-size: 0.24rem;
  font-weight: 600;
}

.invite-friends-list
  .invite-level-wrapper
  .qualified-item
  .info-item:not(:last-child) {
  margin-bottom: 0.08rem;
}

.invite-friends-list .invite-level-wrapper .qualified-item .item-title {
  flex: 1 1 0%;
  color: #cd861c;
  font-size: 0.2rem;
  margin-right: 0.1rem;
  word-break: break-word;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
}

@supports (-webkit-line-clamp: 2) {
  .invite-friends-list .invite-level-wrapper .qualified-item .item-title {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}

.invite-friends-list .invite-level-switch {
  width: calc(100% - 0.56rem);
  margin: 0 auto 0.2rem;
  display: flex;
  align-items: stretch;
  justify-content: space-evenly;
  min-height: 0.74rem;
}

.invite-friends-list .invite-level-switch .switch-item {
  flex: 1 1 0%;
  padding: 0.05rem 0.12rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #989898;
  font-size: 0.24rem;
  font-weight: 600;
  text-align: center;
  border-top: 1px solid hsla(0, 4%, 89%, 0.4);
  border-bottom: 1px solid hsla(0, 4%, 89%, 0.4);
  border-left: 1px solid hsla(0, 4%, 89%, 0.4);
  background: #f8f8f8;
}

.invite-friends-list .invite-level-switch .switch-item:first-child {
  border-radius: 0.2rem 0 0 0.2rem;
}

.invite-friends-list .invite-level-switch .switch-item:last-child {
  border-radius: 0 0.2rem 0.2rem 0;
  border-right: 1px solid hsla(0, 4%, 89%, 0.4);
}

.invite-friends-list .invite-level-switch .switch-item.on {
  background: #efefff;
  color: #817dd1;
  border-top: 1px solid #f4f3ff;
  border-bottom: 1px solid #f4f3ff;
  border-left: 1px solid #f4f3ff;
}

.invite-friends-list .invite-level-switch .switch-item.on:last-child {
  border-right: 1px solid #f4f3ff;
}

.invite-friends-list .invite-level-switch .item-num {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.03rem;
  min-width: 0.6rem;
  height: 0.3rem;
  padding: 0 0.1rem;
  border-radius: 0.5rem;
  background: hsla(0, 0%, 100%, 0.8);
}

.deposit-rebate-modal .am-modal-content {
  background-color: transparent !important;
}

.rebate-detail-container {
  height: 90vh;
  height: calc(var(--vh, 1vh) * 90);
  padding: 0.35rem 0 0.58rem;
  position: fixed;
  background: #fff;
  z-index: 99999;
  width: 100%;
  bottom: 0;
  border-top-left-radius: 0.14rem;
  border-top-right-radius: 0.14rem;
  animation-name: detail-slideInUp;
  animation-duration: 0.25s;
  animation-fill-mode: both;
  display: flex;
  flex-direction: column;
}

.rebate-detail-container.hide-pop {
  animation-name: detail-slideOutDown;
}

.rebate-detail-container .modal-list-header {
  padding: 0 0.25rem;
  display: flex;
  justify-content: space-between;
  padding-bottom: 0.3rem;
  border-bottom: 1px solid #dbdbdb;
}

.rebate-detail-container .modal-list-header .list-title {
  text-align: left;
}

.rebate-detail-container .modal-list-header .list-title .item-top {
  color: #424242;
  font-size: 0.34rem;
  font-weight: 700;
}

.rebate-detail-container .modal-list-header .list-title .item-down {
  margin-top: 0.1rem;
  font-size: 0.26rem;
  color: #424242;
}

.rebate-detail-container .modal-list-header .list-close {
  width: 0.5rem;
  height: 0.5rem;
  background-color: #ececec;
  border-radius: 0.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rebate-detail-container .modal-list-header .list-close svg {
  fill: #818181;
}

.rebate-detail-container .search-result {
  padding: 0 0.25rem;
  height: calc(100% - 0.8rem);
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}

.rebate-detail-container .search-result .deposit-list {
  flex: 1 1 0%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.rebate-detail-container .search-result .deposit-list .list-wrapper {
  flex: 1 1 0%;
}

.rebate-detail-container
  .search-result
  .deposit-list
  li:last-child
  .deposit-item {
  border-bottom: none;
}

.rebate-detail-container .search-result .deposit-list .deposit-item {
  min-height: 2.2rem;
  border-bottom: 0.02rem solid hsla(0, 0%, 40%, 0.1);
  padding: 0.3rem 0;
}

.rebate-detail-container .search-result .deposit-list .deposit-item .item-top {
  font-size: 0.22rem;
  font-weight: 600;
  color: #666;
  display: flex;
  justify-content: space-between;
}

.rebate-detail-container
  .search-result
  .deposit-list
  .deposit-item
  .item-bottom {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 0.2rem;
}

.rebate-detail-container
  .search-result
  .deposit-list
  .deposit-item
  .item-bottom
  .item-header {
  min-height: 0.6rem;
  background: #f5f6f7;
  font-size: 0.2rem;
  font-weight: 600;
  color: #666;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  border-radius: 0.08rem 0.08rem 0 0;
}

.rebate-detail-container
  .search-result
  .deposit-list
  .deposit-item
  .item-bottom
  .item-content {
  min-height: 0.6rem;
  background-color: #fafafa;
  font-size: 0.2rem;
  font-weight: 600;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  border-radius: 0 0 0.08rem 0.08rem;
}

.rebate-detail-container
  .search-result
  .deposit-list
  .deposit-item
  .item-bottom
  .item-info {
  flex: 0 0 33%;
}

.rebate-detail-container
  .search-result
  .deposit-list
  .deposit-item
  .item-bottom
  .item-info.blue {
  color: #3b2987;
}

.rebate-detail-container .history-footer {
  height: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 0.8rem;
  border-top: 0.02rem solid #ebebeb;
  background: #f9f9f9;
  box-shadow: 0 0 0.24rem 0.06rem rgba(0, 0, 0, 0.1);
  font-size: 0.2rem;
  font-weight: 500;
  color: #666;
  padding: 0 0.28rem;
  width: 100%;
  position: fixed;
  bottom: 0;
}

.rebate-detail-container .history-footer .footer-item {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}

.rebate-detail-container .history-footer .footer-num {
  font-size: 0.24rem;
  color: #fd2f2f;
}

@keyframes detail-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes detail-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}

.deposit-content {
  padding: 0.22rem;
  height: calc(100vh - 1rem);
  height: calc(var(--vh, 1vh) * 100 - 1rem);
  background: #f8f8f8;
}

.deposit-content ul {
  font-size: 0;
}

.deposit-content ul li {
  display: inline-block;
  width: 50%;
  font-size: 0.24rem;
  vertical-align: top;
  padding: 0.12rem;
  margin-top: 0.42rem;
  position: relative;
}

.deposit-content ul li:before {
  content: "";
  width: 0.84rem;
  height: 0.84rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -0.32rem;
  z-index: 1;
  background-repeat: no-repeat;
  background-size: cover;
}

.deposit-content ul li:nth-child(n + 1):before {
  background-image: url(/mobile/mc/vip1.d9b3eabc.png);
}

.deposit-content ul li:nth-child(odd):before {
  background-image: url(/mobile/mc/vip2.3fb8156f.png);
}

.deposit-content ul li:nth-child(3n + 1):before {
  background-image: url(/mobile/mc/vip3.73c93613.png);
}

.deposit-content ul li:nth-child(4n + 1):before {
  background-image: url(/mobile/mc/vip4.e6602759.png);
}

.deposit-content ul li:nth-child(5n + 1):before {
  background-image: url(/mobile/mc/vip5.dec07f3e.png);
}

.deposit-content ul li .cs-panel {
  position: relative;
  box-shadow: 0 0.05rem 0.3rem 0 rgba(0, 0, 0, 0.08);
  border-radius: 0.2rem;
  background: #fff;
  padding: 0.42rem 0.16rem 0;
  text-align: center;
}

.deposit-content ul li .cs-panel h3 {
  font-size: 0.26rem;
  color: #646464;
  padding: 0.22rem 0;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.deposit-content ul li .cs-panel p {
  color: #a9a9a9;
  font-size: 0.24rem;
  line-height: 1.2;
  height: 0.84rem;
  letter-spacing: 1px;
  position: relative;
  text-align: center;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: break-word;
  overflow: hidden;
}

.deposit-content ul li .cs-panel p.hide-text:after {
  content: "...";
  font-weight: 700;
  position: absolute;
  bottom: 0;
  right: 0;
  background: #fff;
  width: 0.4rem;
}

.deposit-content ul li .cs-panel .cs-btn {
  padding: 0.22rem 0;
}

.deposit-content ul li .cs-panel .cs-btn a {
  display: inline-block;
  font-size: 0.24rem;
  color: #fff;
  padding: 0.14rem 0.4rem;
  border-radius: 0.4rem;
  background-image: linear-gradient(45deg, #f8483f, #fd603f);
  box-shadow: 0 0.04rem 0.05rem 0 rgba(255, 35, 35, 0.32);
}

.leader-board-container {
  background: #f5f5f9;
}

.leader-board-container .leader-board-list-content {
  margin-top: 0.54rem;
}

.leader-board-container .leader-board-list-content .lblc-no-data {
  border: 0.02rem solid #bbb;
  height: 2rem;
  line-height: 2rem;
  color: #5e5e5e;
  font-size: 0.4rem;
  margin: 0.8rem 0.25rem 0.25rem;
  border-radius: 0.08rem;
  text-align: center;
}

.leader-board-container .leader-board-list-content .list-wrapper,
.leader-board-container .leader-board-list-content .nodata-container {
  background: #f5f5f9;
}

.leader-board-container
  .leader-board-list-content
  .list-wrapper
  .scroll-inner-container,
.leader-board-container
  .leader-board-list-content
  .nodata-container
  .scroll-inner-container {
  padding-top: 0.3rem;
}

.leader-board-container .leader-board-header-info {
  color: #fff;
  font-family: Arial-BoldMT;
  left: 1.84rem;
  top: 0.24rem;
  position: absolute;
  width: calc(100% - 2.09rem);
}

.leader-board-container .leader-board-header-info .leader-board-title {
  font-size: 0.3rem;
  line-height: 0.4rem;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.leader-board-container .leader-board-header-info .leader-board-balance {
  font-size: 0.48rem;
  position: relative;
  font-weight: 700;
  padding: 0.04rem 0;
}

.leader-board-container .leader-board-header-info .leader-board-balance div {
  width: calc(100% - 1.82rem);
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.leader-board-container .leader-board-header-info .leader-board-receive {
  color: #5e5e5e;
  border-radius: 0.28rem;
  font-size: 0.24rem;
  display: inline-block;
  position: absolute;
  right: 0.15rem;
  top: 0;
  padding: 0.15rem 0.33rem 0.14rem;
  background-color: hsla(0, 0%, 100%, 0.8);
}

.leader-board-container .profile-icon {
  width: 1.18rem;
  height: 1.18rem;
  border-radius: 50%;
  overflow: hidden;
  left: 0.42rem;
  top: 0.36rem;
  position: absolute;
  border: 0.06rem solid #fff;
}

.leader-board-container .leader-board-header {
  background: url(/mobile/mc/header_bg.7240f1d9.jpg);
  background-size: cover;
  height: 2.54rem;
  padding: 0 0.25rem;
  position: relative;
}

.leader-board-container .leader-board-header-status {
  border-radius: 0.15rem;
  height: 1.2rem;
  background: hsla(0, 0%, 100%, 0.9);
  box-shadow: 0 0.06rem 0.24rem 0 hsla(0, 0%, 54%, 0.18);
  position: absolute;
  width: calc(100% - 0.5rem);
  left: 50%;
  transform: translateX(-50%);
  bottom: -0.6rem;
  display: flex;
}

.leader-board-container .leader-board-header-status div {
  flex: 1 1 0%;
  text-align: center;
  align-items: center;
  line-height: 1.2rem;
  color: #5e5e5e;
  font-size: 0.3rem;
  position: relative;
  white-space: nowrap;
}

.leader-board-container .leader-board-header-status div svg {
  width: 0.34rem;
  height: 0.34rem;
  position: relative;
  top: 0.08rem;
  margin-right: 0.1rem;
  fill: #999;
}

.leader-board-container .leader-board-header-status div:after {
  content: "";
  position: absolute;
  right: 0;
  width: 1px;
  height: 0.64rem;
  background: #d7d7d7;
  top: 50%;
  transform: translateY(-50%);
}

.leader-board-container .leader-board-header-status div:last-child:after {
  display: none;
}

.leader-board-container .leader-board-header-status div.lb-active {
  color: #ec2529;
}

.leader-board-container .leader-board-header-status div.lb-active svg {
  fill: #ec2529;
}

.leader-board-container .leader-board-integral {
  background: rgba(0, 0, 0, 0.5);
  font-size: 0.22rem;
  color: #fff;
  height: 0.4rem;
  line-height: 0.4rem;
  padding: 0 0.2rem 0 0.5rem;
  border-radius: 0.2rem;
  display: inline-block;
  position: relative;
}

.leader-board-container .leader-board-integral:after {
  position: absolute;
  width: 0.25rem;
  height: 0.22rem;
  content: "";
  left: 0.2rem;
  background: url(/mobile/mc/integral.aa789528.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  top: 0.1rem;
}

.leader-board-container .leader-board-content {
  padding: 0 0.25rem;
}

.leader-board-container .leader-board-content .leader-board-card {
  padding: 0.3rem 0.3rem 0.3rem 1.5rem;
  margin-bottom: 0.24rem;
  position: relative;
  border-radius: 0.15rem;
  overflow: hidden;
  background: url(/mobile/mc/cardbg01.28db823f.jpg);
  background-size: cover;
}

.leader-board-container
  .leader-board-content
  .leader-board-card
  .leader-border-card-icon {
  position: absolute;
  width: 0.98rem;
  height: 1.35rem;
  left: 0.3rem;
  top: 0.3rem;
}

.leader-board-container
  .leader-board-content
  .leader-board-card
  .leader-border-card-icon
  img {
  width: 100%;
  height: 100%;
}

.leader-board-container
  .leader-board-content
  .leader-board-card
  .lb-card-title {
  color: #5e5e5e;
  font-size: 0.34rem;
  padding-bottom: 0.05rem;
  font-weight: 700;
  max-width: calc(100% - 1.6rem);
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.leader-board-container
  .leader-board-content
  .leader-board-card
  .lb-card-operating {
  position: absolute;
  right: 0.3rem;
  top: 0.3rem;
}

.leader-board-container
  .leader-board-content
  .leader-board-card
  .lb-card-operating
  .lb-rule,
.leader-board-container
  .leader-board-content
  .leader-board-card
  .lb-card-operating
  div
  > div {
  border-radius: 0.25rem;
  border: 0.02rem solid #888;
  color: #666;
  font-size: 0.24rem;
  padding: 0.1rem 0.25rem 0.09rem;
  text-align: center;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 1.8rem;
  margin-bottom: 0.3rem;
}

.leader-board-container
  .leader-board-content
  .leader-board-card
  .lb-card-operating
  span {
  width: 0.39rem;
  height: 0.39rem;
  display: inline-block;
  position: absolute;
  right: 0;
  top: -0.25rem;
  z-index: 9;
  background-size: 100% auto;
}

.leader-board-container
  .leader-board-content
  .leader-board-card
  .lb-card-operating
  span
  img {
  width: 100%;
  height: 100%;
}

.leader-board-container
  .leader-board-content
  .leader-board-card
  .lb-card-operating
  .ranked
  div {
  background-color: rgba(6, 6, 6, 0.3);
  color: #fff;
  position: relative;
}

.leader-board-container .leader-board-content .leader-board-card .lb-card-info {
  font-size: 0.24rem;
  color: #666;
  padding: 0.05rem 0;
}

.leader-board-container
  .leader-board-content
  .leader-board-card
  .lb-card-info
  span {
  font-weight: 700;
}

.leader-board-container
  .leader-board-content
  .leader-board-card
  .lb-card-info.time-left {
  padding: 0.02rem 0 0.06rem;
}

.leader-board-container
  .leader-board-content
  .leader-board-card
  .lb-card-info.time-left
  span {
  font-weight: 700;
  font-size: 0.3rem;
}

.leader-board-container .leader-board-content .leader-board-card .lb-progress {
  height: 0.2rem;
  background: #fff;
  border-radius: 0.1rem;
  bottom: 0.1rem;
  position: relative;
  margin-top: 0.38rem;
}

.leader-board-container
  .leader-board-content
  .leader-board-card
  .lb-progress
  .lb-processing-percent {
  height: 0.2rem;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0.1rem;
  background: #01c670;
  box-shadow: 0 0.08rem 0.17rem 0 rgba(0, 255, 102, 0.23);
}

.leader-board-container
  .leader-board-content
  .leader-board-card
  .lb-percent-text {
  position: absolute;
  bottom: 0.3rem;
  left: 0.3rem;
  font-size: 0.52rem;
  font-weight: 700;
  width: 1.12rem;
  text-align: center;
  color: #444;
}

.leader-board-container
  .leader-board-content
  .leader-board-card
  .lb-percent-text
  span {
  font-size: 0.26rem;
}

.leader-board-container .leader-board-content .O .completed-icon img,
.leader-board-container .leader-board-content .O .fire-icon img {
  width: 0.4rem;
  height: 0.4rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  background-size: cover;
}

.leader-board-container .leader-board-content .P .leader-board-card {
  position: relative;
  background-image: url(/mobile/mc/cardbg_g.a00762e9.jpg) !important;
  background-size: cover;
}

.leader-board-container .leader-board-content .P .completed-icon img,
.leader-board-container .leader-board-content .P .fire-icon img {
  width: 0.4rem;
  height: 0.4rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  background-size: cover;
}

.leader-board-container .leader-board-content .P .lmi-info-card-running {
  background: #ddd !important;
}

.leader-board-container .leader-board-content .P .lb-ticket-item {
  background: #f2f2f2 !important;
}

.leader-board-container .leader-board-content .P .lb-ticket-item span {
  background: #ddd !important;
}

.leader-board-container .leader-board-content .P .lb-ticket-item i {
  color: #5f5f5f !important;
}

.leader-board-container .leader-board-content .E .lb-processing-percent {
  height: 0.2rem;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0.1rem;
  background: #5e5e5e !important;
  box-shadow: 0 0.08rem 0.17rem 0 rgba(158, 175, 165, 0.23) !important;
}

.leader-board-container .leader-board-content .E .leader-board-card {
  position: relative;
  background-image: url(/mobile/mc/cardbg_g.a00762e9.jpg) !important;
  background-size: cover;
}

.leader-board-container .leader-board-content .E .completed-icon img,
.leader-board-container .leader-board-content .E .fire-icon img {
  width: 0.4rem;
  height: 0.4rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  background-size: cover;
}

.leader-board-container .leader-board-content .E .lmi-info-card-running {
  background: #ddd !important;
}

.leader-board-container .leader-board-content .E .lb-ticket-item {
  background: #f2f2f2 !important;
}

.leader-board-container .leader-board-content .E .lb-ticket-item span {
  background: #ddd !important;
}

.leader-board-container .leader-board-content .E .lb-ticket-item i {
  color: #5f5f5f !important;
}

.leader-board-container .leader-board-content .lb-milestone {
  padding-bottom: 1.5rem;
  position: relative;
}

.leader-board-container
  .leader-board-content
  .lb-milestone
  .lb-milestone-incomplete
  .hide-line:before {
  display: none !important;
}

.leader-board-container .leader-board-content .lb-milestone .lmi-title {
  color: #666;
  font-size: 0.34rem;
  font-weight: 700;
  padding-left: 0.6rem;
  position: relative;
  margin-bottom: 0.3rem;
}

.leader-board-container .leader-board-content .lb-milestone .up-btn {
  min-width: 1.81rem;
  font-size: 0.24rem;
  border-radius: 0.34rem;
  background-color: hsla(0, 0%, 67%, 0.7);
  text-align: center;
  position: absolute;
  padding: 0.08rem 0 0.07rem;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0.3rem;
  color: #fff;
}

.leader-board-container .leader-board-content .lb-milestone .up-btn svg {
  width: 0.56rem;
  height: 0.18rem;
  fill: #fff;
}

.leader-board-container .leader-board-content .lb-milestone .lmi-info-card {
  padding-left: 1.14rem;
  position: relative;
  margin-bottom: 0.3rem;
}

.leader-board-container
  .leader-board-content
  .lb-milestone
  .lmi-info-card
  .lmi-info-card-running {
  width: 0.6rem;
  height: 0.6rem;
  background: #ffbf59;
  position: absolute;
  left: 0.3rem;
  top: 0.12rem;
  border-radius: 0.3rem;
}

.leader-board-container
  .leader-board-content
  .lb-milestone
  .lmi-info-card
  .lmi-info-card-running.c-gray {
  background: #ddd !important;
}

.leader-board-container
  .leader-board-content
  .lb-milestone
  .lmi-info-card
  .lmi-info-card-running
  svg {
  width: 0.4rem;
  height: 0.4rem;
  position: absolute;
  left: 50%;
  top: 50%;
  fill: #fff;
  transform: translate(-50%, -50%);
}

.leader-board-container
  .leader-board-content
  .lb-milestone
  .lmi-info-card
  .lmi-info-card-ok {
  width: 0.6rem;
  height: 0.6rem;
  background: linear-gradient(0deg, #1ed94f, #4bf247);
  position: absolute;
  left: 0.3rem;
  top: 0.12rem;
  border-radius: 0.3rem;
}

.leader-board-container
  .leader-board-content
  .lb-milestone
  .lmi-info-card
  .lmi-info-card-ok
  svg {
  width: 0.4rem;
  height: 0.4rem;
  position: absolute;
  left: 50%;
  top: 50%;
  fill: #fff;
  transform: translate(-50%, -50%);
}

.leader-board-container
  .leader-board-content
  .lb-milestone
  .lmi-info-card:before {
  content: "";
  width: 0.06rem;
  border-radius: 0.03rem;
  background: #ddd;
  height: calc(100% - 1rem);
  position: absolute;
  left: 0.55rem;
  top: 1rem;
}

.leader-board-container
  .leader-board-content
  .lb-milestone
  .lmi-info-card
  .lmi-info-card-container {
  border-radius: 0.15rem;
  background: #fff;
  padding: 0.24rem;
  box-shadow: 0 0.04rem 0.2rem 0 rgba(0, 0, 0, 0.05);
}

.leader-board-container
  .leader-board-content
  .lb-milestone
  .lmi-info-card
  .lmi-info-card-container
  .lic-header
  > .lic-header-list-container {
  width: 100%;
  position: relative;
  line-height: 0.46rem;
}

.leader-board-container
  .leader-board-content
  .lb-milestone
  .lmi-info-card
  .lmi-info-card-container
  .lic-header-list {
  padding-right: 30%;
  font-weight: 700;
  display: flex;
  flex-wrap: wrap;
  color: #666;
  justify-content: space-between;
  align-items: center;
}

.leader-board-container
  .leader-board-content
  .lb-milestone
  .lmi-info-card
  .lmi-info-card-container
  .lic-header-list.complete
  div:last-child {
  color: #00a2ff;
}

.leader-board-container
  .leader-board-content
  .lb-milestone
  .lmi-info-card
  .lmi-info-card-container
  .lic-header-list
  div:first-child {
  font-size: 0.28rem;
}

.leader-board-container
  .leader-board-content
  .lb-milestone
  .lmi-info-card
  .lmi-info-card-container
  .lic-header-list
  div:last-child {
  font-size: 0.22rem;
}

.leader-board-container
  .leader-board-content
  .lb-milestone
  .lmi-info-card
  .lmi-info-card-container
  .lic-header {
  position: relative;
  min-height: 0.5rem;
}

.leader-board-container
  .leader-board-content
  .lb-milestone
  .lmi-info-card
  .lmi-info-card-container
  .lic-header-btn {
  position: absolute;
  border-radius: 0.25rem;
  padding: 0.12rem 0.24rem 0.11rem;
  color: #fff;
  background: #ddd;
  font-size: 0.24rem;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 1.4rem;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.leader-board-container
  .leader-board-content
  .lb-milestone
  .lmi-info-card
  .lmi-info-card-container
  .lic-header-btn.lb-active {
  background: linear-gradient(0deg, #f8493f, #fd603f);
  color: #fff;
}

.leader-board-container
  .leader-board-content
  .lb-milestone
  .lmi-info-card
  .lmi-info-card-container
  .lic-footer {
  border-top: 1px solid #e0e0e0;
  padding-top: 0.24rem;
  margin-top: 0.18rem;
}

.leader-board-container
  .leader-board-content
  .lb-milestone
  .lmi-info-card
  .lmi-info-card-container
  .lic-footer
  .lb-ticket-item {
  padding: 0.08rem 0.42rem 0.08rem 0.52rem;
  font-size: 0.22rem;
  border-radius: 0.2rem;
  margin-bottom: 0.14rem;
  display: inline-block;
  color: #5e5e5e;
  position: relative;
  margin-right: 0.32rem;
}

.leader-board-container
  .leader-board-content
  .lb-milestone
  .lmi-info-card
  .lmi-info-card-container
  .lic-footer
  .lb-ticket-item
  span {
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 0.2rem;
  position: absolute;
  left: 0;
  text-align: center;
}

.leader-board-container
  .leader-board-content
  .lb-milestone
  .lmi-info-card
  .lmi-info-card-container
  .lic-footer
  .lb-ticket-item
  svg {
  width: 0.25rem;
  height: 0.25rem;
  fill: #fff;
  margin-top: 0.08rem;
}

.leader-board-container
  .leader-board-content
  .lb-milestone
  .lmi-info-card
  .lmi-info-card-container
  .lic-footer
  .lb-ticket-item
  i {
  font-style: normal;
  font-weight: 700;
  margin-left: 0.06rem;
}

.leader-board-container
  .leader-board-content
  .lb-milestone
  .lmi-info-card
  .lmi-info-card-container
  .lic-footer
  .lb-ticket-item.red-rain {
  background: #ffe7fd;
}

.leader-board-container
  .leader-board-content
  .lb-milestone
  .lmi-info-card
  .lmi-info-card-container
  .lic-footer
  .lb-ticket-item.red-rain
  span {
  background: #fe95fc;
}

.leader-board-container
  .leader-board-content
  .lb-milestone
  .lmi-info-card
  .lmi-info-card-container
  .lic-footer
  .lb-ticket-item.red-rain
  i {
  color: #f75ef6;
}

.leader-board-container
  .leader-board-content
  .lb-milestone
  .lmi-info-card
  .lmi-info-card-container
  .lic-footer
  .lb-ticket-item.bonus {
  background: #daefff;
}

.leader-board-container
  .leader-board-content
  .lb-milestone
  .lmi-info-card
  .lmi-info-card-container
  .lic-footer
  .lb-ticket-item.bonus
  span {
  background: #40adff;
}

.leader-board-container
  .leader-board-content
  .lb-milestone
  .lmi-info-card
  .lmi-info-card-container
  .lic-footer
  .lb-ticket-item.bonus
  i {
  color: #4cb1f7;
}

.leader-board-container
  .leader-board-content
  .lb-milestone
  .lmi-info-card
  .lmi-info-card-container
  .lic-footer
  .lb-ticket-item.integral {
  background: #e5ffe1;
}

.leader-board-container
  .leader-board-content
  .lb-milestone
  .lmi-info-card
  .lmi-info-card-container
  .lic-footer
  .lb-ticket-item.integral
  span {
  background: #34d31f;
}

.leader-board-container
  .leader-board-content
  .lb-milestone
  .lmi-info-card
  .lmi-info-card-container
  .lic-footer
  .lb-ticket-item.integral
  i {
  color: #46dd1d;
}

.leader-board-rule {
  padding: 0.53rem 0.26rem;
}

.leader-board-rule .leader-board-title {
  font-size: 0.36rem;
  margin-bottom: 0.22rem;
  font-weight: 700;
  color: #5e5e5e;
}

.leader-board-rule .leader-board-content {
  border-radius: 0.15rem;
  padding: 0.22rem 0.26rem;
  font-size: 0.3rem;
  color: #5e5e5e;
  height: 80vh;
  overflow-y: scroll;
  border: 0.02rem solid #bbb;
}

.mc-lb-popup .am-navbar-title div {
  max-width: 2.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mc-lb-popup .am-popup {
  height: 100%;
}

.rwd-container {
  position: fixed;
  background: rgba(0, 0, 0, 0.9);
  color: #fff;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 99;
}

.rwd-container .rwd-header {
  width: 0.4rem;
  height: 0.4rem;
  position: absolute;
  right: 0.28rem;
  top: 0.28rem;
}

.rwd-container .rwd-header svg {
  fill: #fff;
  width: 0.4rem;
  height: 0.4rem;
}

.rwd-container .rwd-content img {
  width: 100%;
}

.rwd-container .rwd-content .rwd-content-info {
  text-align: center;
  margin-top: -0.6rem;
}

.rwd-container .rwd-content .rwd-content-info .rci-title {
  font-size: 0.42rem;
  margin-bottom: 0.16rem;
}

.rwd-container .rwd-content .rwd-content-info .rci-ranking {
  font-size: 0.6rem;
  margin-bottom: 0.16rem;
}

.rwd-container .rwd-content .rwd-content-info .rci-btn {
  height: 0.88rem;
  line-height: 0.88rem;
  border-radius: 0.44rem;
  color: #fff;
  font-size: 0.34rem;
  width: 3.2rem;
  margin-top: 0.3rem;
  display: inline-block;
  background-image: linear-gradient(0deg, #f8493f, #fd603f) !important;
}

.rwd-container .rwd-content .rwd-content-info .rci-red-rain-container {
  max-height: 2rem;
  overflow-y: scroll;
}

.rwd-container .rwd-content .rwd-content-info ul {
  display: inline-block;
}

.rwd-container .rwd-content .rwd-content-info ul li {
  padding: 0.16rem 0;
  text-align: left;
  font-size: 0.22rem;
}

.rwd-container .rwd-content .rwd-content-info ul li.rci-red-rain span {
  background: #fe95fc;
}

.rwd-container .rwd-content .rwd-content-info ul li.rci-red-rain i {
  color: #f75ef6;
}

.rwd-container .rwd-content .rwd-content-info ul li.rci-bonus span {
  background: #40adff;
}

.rwd-container .rwd-content .rwd-content-info ul li.rci-bonus i {
  color: #4cb1f7;
}

.rwd-container .rwd-content .rwd-content-info ul li.rci-integral span {
  background: #34d31f;
}

.rwd-container .rwd-content .rwd-content-info ul li.rci-integral i {
  color: #46dd1d;
}

.rwd-container .rwd-content .rwd-content-info ul li i {
  font-style: normal;
  font-weight: 700;
}

.rwd-container .rwd-content .rwd-content-info ul li span {
  width: 0.34rem;
  height: 0.34rem;
  display: inline-block;
  text-align: center;
  border-radius: 0.17rem;
  margin-right: 0.1rem;
  position: relative;
  top: -0.04rem;
}

.rwd-container .rwd-content .rwd-content-info ul li span svg {
  width: 0.22rem;
  height: 0.22rem;
  top: 0.07rem;
  fill: #fff;
  position: relative;
}

.leader-board-title-info {
  text-align: left;
}

.leader-board-title-info .lbti-text {
  font-size: 0.3rem;
  padding-top: 0.2rem;
  color: #fff;
}

.leader-board-title-info .lbti-date {
  font-size: 0.24rem;
  white-space: normal;
}

.leader-board-title-info .lbti-date span {
  font-size: 0.3rem;
  font-weight: 700;
}

.leader-board-item-info {
  height: 1.47rem;
  position: relative;
  border-bottom: 1px solid #e0e0e0;
  display: flex;
  align-items: center;
  color: #5e5e5e;
}

.leader-board-item-info .lblg-no-list {
  color: #5e5e5e;
  position: absolute;
  right: 0.24rem;
  font-size: 0.3rem;
  top: 50%;
  font-weight: 700;
  transform: translateY(-50%);
}

.leader-board-item-info .leader-board-list-gift {
  position: absolute;
  width: 0.6rem;
  height: 0.6rem;
  right: 0.25rem;
  border-radius: 0.3rem;
}

.leader-board-item-info .leader-board-list-gift span {
  display: inline-block;
  border-radius: 0.3rem;
  width: 0.6rem;
  height: 0.6rem;
  position: relative;
  background: linear-gradient(0deg, #ffa748, #ffdd3e);
  box-shadow: 0 0.08rem 0.16rem 0 rgba(255, 0, 0, 0.1);
}

.leader-board-item-info .leader-board-list-gift span svg {
  fill: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0.3rem;
  height: 0.34rem;
}

.leader-board-item-info i {
  font-style: normal;
  font-size: 0.5rem;
  font-weight: 700;
  display: inline-block;
  vertical-align: middle;
  color: #5e5e5e;
}

.leader-board-item-info .leader-board-thumb {
  display: inline-block;
  vertical-align: middle;
  width: 0.71rem;
  overflow: hidden;
  height: 0.71rem;
  border-radius: 50%;
  margin: 0 0.28rem;
}

.leader-board-item-info .leader-board-thumb img {
  width: 100%;
  height: 100%;
}

.leader-board-item-info.self-on .leader-board-thumb {
  height: 0.78rem;
  width: 0.78rem;
  border: 0.07rem solid #16d956;
}

.leader-board-item-info.self-on i {
  color: #16d956;
}

.leader-board-item-info .leader-board-list-info {
  display: inline-block;
  vertical-align: middle;
  max-width: calc(100% - 2.4rem);
}

.leader-board-item-info .leader-board-list-info .leader-board-list-tile {
  font-size: 0.3rem;
  color: #5e5e5e;
  font-weight: 700;
}

.leader-board-item-info .leader-board-list-info .leader-board-list-desc {
  font-size: 0.22rem;
  color: #999;
  word-break: keep-all;
  overflow: hidden;
  text-overflow: ellipsis;
}

.leader-board-item-info
  .leader-board-list-info
  .leader-board-list-desc
  .leader-board-list-item {
  word-break: keep-all;
  white-space: nowrap;
}

.leader-board-item-info .leader-board-list-info .leader-board-list-desc span {
  font-size: 0.3rem;
  font-weight: 700;
  position: relative;
  top: 0.04rem;
}

.leader-board-list .leader-board-list-header {
  height: 6.36rem;
  margin-top: -1.1rem;
  background: url(/mobile/mc/lbl_header.6a673701.png);
  background-size: 100% 100%;
  position: relative;
}

.leader-board-list .leader-board-list-header .leader-board-list-no1 {
  position: absolute;
  top: 1.53rem;
  width: 2.99rem;
  min-height: 4rem;
  left: 50%;
  transform: translateX(-50%);
}

.leader-board-list .leader-board-list-header .leader-board-list-no1.p-z-index {
  z-index: 999;
}

.leader-board-list .leader-board-list-header .leader-board-list-no1:before {
  content: "";
  width: 2.99rem;
  height: 2.64rem;
  background: url(/mobile/mc/no1.428ac3ce.png) no-repeat;
  background-size: 100% auto;
  background-position: 50%;
  z-index: 100;
  position: absolute;
}

.leader-board-list .leader-board-list-header .leader-board-list-no1 .lbln-info {
  margin-top: 2.7rem;
  height: 2.1rem;
  line-height: 0.35rem;
  text-align: center;
  color: #fff;
  position: relative;
  padding-top: 0.1rem;
}

.leader-board-list
  .leader-board-list-header
  .leader-board-list-no1
  .lbln-info
  .gift-icon {
  content: "";
  width: 1.27rem;
  height: 1.27rem;
  background: url(/mobile/mc/no1ball.de27c4ee.png) no-repeat;
  background-size: 100% 100%;
  background-position: 50%;
  z-index: 100;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -0.5rem;
}

.leader-board-list
  .leader-board-list-header
  .leader-board-list-no1
  .lbln-info
  .lbln-info-nickname {
  font-size: 0.4rem;
}

.leader-board-list
  .leader-board-list-header
  .leader-board-list-no1
  .lbln-info
  .lbln-info-bet-title {
  font-size: 0.22rem;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.leader-board-list
  .leader-board-list-header
  .leader-board-list-no1
  .lbln-info
  .lbln-info-bet-value {
  font-size: 0.28rem;
}

.leader-board-list
  .leader-board-list-header
  .leader-board-list-no1
  .leader-board-first {
  position: absolute;
  width: 3.78rem;
  height: 3.78rem;
  top: -0.7rem;
  left: -0.32rem;
  background-size: 3.78rem 3.78rem;
}

.leader-board-list
  .leader-board-list-header
  .leader-board-list-no1
  .leader-board-first
  img {
  width: 100%;
  height: 100%;
}

.leader-board-list
  .leader-board-list-header
  .leader-board-list-no1
  .lbln-thumb {
  z-index: 10;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
  width: 1.75rem;
  height: 1.75rem;
  top: 0.16rem;
  border-radius: 50%;
  border: 0.08rem solid #fff;
  box-shadow: 0 0.03rem 0.49rem 0 rgba(0, 0, 0, 0.54);
}

.leader-board-list
  .leader-board-list-header
  .leader-board-list-no1
  .lbln-thumb
  img,
.leader-board-list
  .leader-board-list-header
  .leader-board-list-no1
  .lbln-thumb
  svg {
  width: 100%;
  height: 100%;
}

.leader-board-list .leader-board-list-header .leader-board-list-no2 {
  position: absolute;
  top: 2.42rem;
  width: 1.37rem;
  height: 3.37rem;
  left: 0.76rem;
}

.leader-board-list .leader-board-list-header .leader-board-list-no2.p-z-index {
  z-index: 999;
}

.leader-board-list .leader-board-list-header .leader-board-list-no2 .lbln-info {
  margin-top: 1.37rem;
  height: 2.1rem;
  line-height: 0.35rem;
  text-align: center;
  color: #fff;
  position: relative;
  padding-top: 0.1rem;
}

.leader-board-list
  .leader-board-list-header
  .leader-board-list-no2
  .lbln-info
  .gift-icon {
  content: "";
  width: 1rem;
  height: 1rem;
  background: url(/mobile/mc/no2ball.4b3c0f1c.png) no-repeat;
  background-size: 100% 100%;
  background-position: 50%;
  z-index: 100;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -0.5rem;
}

.leader-board-list
  .leader-board-list-header
  .leader-board-list-no2
  .lbln-info
  .lbln-info-nickname {
  font-size: 0.3rem;
}

.leader-board-list
  .leader-board-list-header
  .leader-board-list-no2
  .lbln-info
  .lbln-info-bet-title {
  font-size: 0.22rem;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.leader-board-list
  .leader-board-list-header
  .leader-board-list-no2
  .lbln-info
  .lbln-info-bet-value {
  font-size: 0.28rem;
}

.leader-board-list .leader-board-list-header .leader-board-list-no2:before {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  background: url(/mobile/mc/no2.f2120961.png) no-repeat;
  background-size: auto 100%;
  background-position: 50%;
  z-index: 100;
  position: absolute;
  right: -0.1rem;
  top: 0.8rem;
}

.leader-board-list
  .leader-board-list-header
  .leader-board-list-no2
  .lbln-thumb {
  z-index: 10;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
  width: 1.24rem;
  height: 1.24rem;
  border-radius: 50%;
  border: 0.08rem solid #fff;
  box-shadow: 0 0.03rem 0.49rem 0 rgba(0, 0, 0, 0.54);
}

.leader-board-list
  .leader-board-list-header
  .leader-board-list-no2
  .lbln-thumb
  img,
.leader-board-list
  .leader-board-list-header
  .leader-board-list-no2
  .lbln-thumb
  svg {
  width: 100%;
  height: 100%;
}

.leader-board-list .leader-board-list-header .leader-board-list-no3 {
  position: absolute;
  top: 2.42rem;
  width: 1.37rem;
  height: 3.37rem;
  right: 0.76rem;
}

.leader-board-list .leader-board-list-header .leader-board-list-no3.p-z-index {
  z-index: 999;
}

.leader-board-list .leader-board-list-header .leader-board-list-no3:before {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  background: url(/mobile/mc/no3.e468f828.png) no-repeat;
  background-size: auto 100%;
  background-position: 50%;
  z-index: 100;
  position: absolute;
  left: -0.1rem;
  top: 0.8rem;
}

.leader-board-list .leader-board-list-header .leader-board-list-no3 .lbln-info {
  margin-top: 1.37rem;
  height: 2.1rem;
  line-height: 0.35rem;
  text-align: center;
  color: #fff;
  position: relative;
  padding-top: 0.1rem;
}

.leader-board-list
  .leader-board-list-header
  .leader-board-list-no3
  .lbln-info
  .gift-icon {
  content: "";
  width: 1rem;
  height: 1rem;
  background: url(/mobile/mc/no3ball.1ca8ca94.png) no-repeat;
  background-size: 100% 100%;
  background-position: 50%;
  z-index: 100;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -0.5rem;
}

.leader-board-list
  .leader-board-list-header
  .leader-board-list-no3
  .lbln-info
  .lbln-info-nickname {
  font-size: 0.3rem;
}

.leader-board-list
  .leader-board-list-header
  .leader-board-list-no3
  .lbln-info
  .lbln-info-bet-title {
  font-size: 0.22rem;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.leader-board-list
  .leader-board-list-header
  .leader-board-list-no3
  .lbln-info
  .lbln-info-bet-value {
  font-size: 0.28rem;
}

.leader-board-list
  .leader-board-list-header
  .leader-board-list-no3
  .lbln-thumb {
  z-index: 10;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
  width: 1.24rem;
  height: 1.24rem;
  border-radius: 50%;
  border: 0.08rem solid #fff;
  box-shadow: 0 0.03rem 0.49rem 0 rgba(0, 0, 0, 0.54);
}

.leader-board-list
  .leader-board-list-header
  .leader-board-list-no3
  .lbln-thumb
  img,
.leader-board-list
  .leader-board-list-header
  .leader-board-list-no3
  .lbln-thumb
  svg {
  width: 100%;
  height: 100%;
}

.leader-board-list .leader-board-list-content {
  padding-bottom: 1.2rem;
}

.leader-board-list .leader-board-list-content ul {
  padding: 0.24rem;
}

.leader-board-list .leader-board-list-footer {
  height: 1.2rem;
  border-radius: 0.15rem;
  width: calc(100% - 0.52rem);
  background-color: #fff;
  left: 50%;
  transform: translateX(-50%);
  position: fixed;
  bottom: 0.23rem;
  box-shadow: 0 0.18rem 0.62rem 0 rgba(0, 0, 0, 0.2);
}

.leader-board-list .leader-board-list-footer .leader-board-list-gift {
  position: relative;
  display: inline-block;
  vertical-align: top;
}

.leader-board-list .leader-board-list-footer .lblg-container {
  position: absolute;
  right: 0.24rem;
  height: 0.75rem;
  padding-top: 0.1rem;
}

.leader-board-list .leader-board-list-footer .leader-board-item-info {
  height: 1.2rem;
  padding: 0.24rem;
}

.leader-board-list
  .leader-board-list-footer
  .leader-board-item-info
  .leader-board-thumb {
  height: 0.78rem;
  width: 0.78rem;
  border: 0.07rem solid #16d956;
}

.leader-board-list .leader-board-list-footer .leader-board-item-info i {
  color: #16d956;
}

.leader-board-list .leader-board-list-footer .rci-btn {
  height: 0.5rem;
  line-height: 0.5rem;
  border-radius: 0.44rem;
  color: #fff;
  font-size: 0.24rem;
  padding: 0 0.2rem;
  right: 0.24rem;
  margin-top: 0.06rem;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  background: #ddd;
}

.leader-board-list .leader-board-list-footer .rci-btn.lb-active {
  background-image: linear-gradient(0deg, #f8493f, #fd603f) !important;
}

.leader-board-list .leader-board-list-footer .leader-board-list-tips {
  margin-top: -0.26rem;
}

.am-icon-thumb_default,
.leader-board-thumb svg {
  background: #c7ccd5;
  fill: #88919f;
}

.leader-board-thumb svg {
  width: 0.71rem;
  height: 0.71rem;
}

.no-data {
  -webkit-filter: blur(0.06rem);
  filter: blur(0.06rem);
}

.lbti-nodata-modal {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999;
  background: hsla(0, 0%, 100%, 0.88);
  left: 0;
  top: 0;
}

.lbti-nodata-modal .am-icon-left,
.lbti-nodata-modal .lbti-text,
.lbti-nodata-modal .leader-board-title-info {
  color: #5e5e5e !important;
}

.lbti-nodata-modal .statistics {
  max-width: 80%;
  border-radius: 0.06rem;
  background-color: hsla(0, 0%, 100%, 0.98);
  font-size: 0.48rem;
  color: #666;
  padding: 0.45rem 1em;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 0.06rem solid hsla(0, 0%, 40%, 0.7);
  word-wrap: break-word;
}

.lbti-nodata-modal .leader-board-item-info {
  height: 1.2rem;
  border-radius: 0.15rem;
  width: calc(100% - 0.52rem);
  background-color: #fff;
  left: 50%;
  transform: translateX(-50%);
  position: fixed;
  bottom: 0.23rem;
  box-shadow: 0 0.18rem 0.62rem 0 rgba(0, 0, 0, 0.2);
}

.leader-board-list-tips {
  display: none;
  border-radius: 0.15rem;
  padding: 0.24rem 0.26rem 0;
  background: #fff;
  right: 0.8rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.leader-board-list-tips .lb-ticket-item {
  padding: 0.08rem 0 0.08rem 0.52rem;
  font-size: 0.22rem;
  border-radius: 0.2rem;
  margin-bottom: 0.16rem;
  display: inline-block;
  color: #5e5e5e;
  position: relative;
  margin-right: 0.32rem;
  white-space: nowrap;
  width: 100%;
  text-align: left;
}

.leader-board-list-tips .lb-ticket-item span {
  display: inline-block;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 0.2rem;
  position: absolute;
  left: 0;
  text-align: center;
  top: 0;
}

.leader-board-list-tips .lb-ticket-item svg {
  width: 0.25rem;
  height: 0.25rem;
  fill: #fff;
}

.leader-board-list-tips .lb-ticket-item i {
  font-style: normal;
  font-weight: 700;
  margin-left: 0.06rem;
  font-size: 0.22rem;
}

.leader-board-list-tips .lb-ticket-item.red-rain span {
  background: #fe95fc;
}

.leader-board-list-tips .lb-ticket-item.red-rain i {
  color: #f75ef6;
}

.leader-board-list-tips .lb-ticket-item.bonus span {
  background: #40adff;
}

.leader-board-list-tips .lb-ticket-item.bonus i {
  color: #4cb1f7;
}

.leader-board-list-tips .lb-ticket-item.integral span {
  background: #34d31f;
}

.leader-board-list-tips .lb-ticket-item.integral i {
  color: #46dd1d;
}

.leader-board-list-tips.position-right:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.12rem 0 0.12rem 0.15rem;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -0.14rem;
}

.leader-board-list-tips.position-top {
  left: 50%;
  position: relative;
  transform: translateX(-50%);
  top: -1.7rem;
}

.leader-board-list-tips.position-top span {
  top: 0.06rem;
}

.leader-board-list-tips.position-top svg {
  margin-top: 0.08rem;
}

.leader-board-list-tips.position-top:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.15rem 0.12rem 0;
  border-color: #fff transparent transparent;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -0.14rem !important;
}

.leader-board-list-tips.tips-no2 {
  position: relative;
  top: -1.1rem;
}

.leader-board-list-tips.tips-no2 span {
  top: 0.06rem;
}

.leader-board-list-tips.tips-no2 svg {
  margin-top: 0.08rem;
}

.leader-board-list-tips.tips-no2:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.15rem 0.12rem 0;
  border-color: #fff transparent transparent;
  position: absolute;
  left: 32%;
  transform: translateX(-50%);
  bottom: -0.14rem !important;
}

.leader-board-list-tips.tips-no3 {
  position: relative;
  top: -1.1rem;
  left: -2.2rem;
}

.leader-board-list-tips.tips-no3 span {
  top: 0.06rem;
}

.leader-board-list-tips.tips-no3 svg {
  margin-top: 0.08rem;
}

.leader-board-list-tips.tips-no3:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.15rem 0.12rem 0;
  border-color: #fff transparent transparent;
  position: absolute;
  left: 68%;
  transform: translateX(-50%);
  bottom: -0.14rem !important;
}

.icon-active .leader-board-list-tips {
  display: inline-block !important;
}

.icon-active.leader-board-list-gift span {
  background: linear-gradient(0deg, #f8493f, #fd603f);
}

.gift-icon.icon-active .leader-board-list-tips {
  display: inline-block !important;
}

.link-manage-container {
  padding-bottom: 0.5rem;
}

.link-manage-container .ag-link-umscroll {
  position: relative;
}

.link-manage-container .ag-link-umscroll .ag-link-umbody {
  pointer-events: auto !important;
}

.link-manage-container .ag-link-umscroll .lkmn-poup-content {
  background: #f8f8f8;
}

.link-manage-container .ag-link-umscroll .copy-btn-container,
.link-manage-container .ag-link-umscroll .lkmn-poup-content {
  padding: 0 0.2rem;
}

.link-manage-container .ag-link-umscroll .lkmn-poup-qrlink {
  padding: 0;
}

.link-manage-container .ag-link-umref {
  text-align: center;
}

.link-manage-container .ag-link-umanage {
  padding-top: 1px;
}

.link-manage-container .ag-link-lmanage {
  background-color: #f5f5f5;
  padding-top: 0.3rem;
}

.link-manage-container .ag-link-lmanage .ag-link-mgtop {
  background-color: #fff;
  padding: 0 0.3rem 0 0.32rem;
  height: 0.68rem;
  color: #5e5e5e;
  line-height: 0.68rem;
  overflow: hidden;
  font-size: 0.27rem;
}

.link-manage-container .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-left {
  float: left;
  white-space: nowrap;
  width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.link-manage-container .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-left svg {
  margin-top: -0.05rem;
  height: 0.68rem;
  width: 0.68rem;
  vertical-align: middle;
  -webkit-filter: drop-shadow(0 0.03rem 0.08rem rgba(243, 135, 205, 0.33));
  filter: drop-shadow(0 0.03rem 0.08rem rgba(243, 135, 205, 0.33));
}

.link-manage-container .ag-link-lmanage .ag-link-mgtop .rotate180 {
  transform: rotate(180deg);
}

.link-manage-container .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-right {
  float: right;
  width: 50%;
  margin-top: 0.2rem;
  display: flex;
}

.link-manage-container
  .ag-link-lmanage
  .ag-link-mgtop
  .ag-link-mgtop-right
  svg {
  color: #6897f9;
  display: block;
  width: 0.35rem;
  height: 0.35rem;
}

.link-manage-container
  .ag-link-lmanage
  .ag-link-mgtop
  .ag-link-mgtop-right
  span {
  display: flex;
  width: 0.9rem;
  flex: 1 1 0%;
  align-items: center;
  justify-content: center;
  border-right: 0.02rem solid #5e5e5e;
}

.link-manage-container
  .ag-link-lmanage
  .ag-link-mgtop
  .ag-link-mgtop-right
  span:last-child {
  border-right: none;
}

.link-manage-container
  .ag-link-lmanage
  .ag-link-mgtop.show-mgcenter
  + .ag-link-mgcenter {
  padding: 0.18rem 0.66rem;
  height: auto;
}

.link-manage-container .ag-link-lmanage .ag-link-mgcenter {
  display: flex;
  flex-wrap: wrap;
  font-size: 0.24rem;
  padding: 0;
  background-color: #fcfcfc;
  color: #5e5e5e;
  height: 0;
  overflow: hidden;
}

.link-manage-container .ag-link-lmanage .ag-link-mgcenter > div {
  width: 50%;
  line-height: 0.42rem;
}

.link-manage-container .ag-link-lmanage .alm-date-container {
  width: 100% !important;
}

.link-manage-container .ag-link-lmanage .alm-date-container > div {
  width: 100%;
}

.link-manage-container .ag-link-lmanage .ag-link-mgbottom {
  display: flex;
  padding: 0 0.66rem;
  min-height: 0.96rem;
  background-color: #fcfcfc;
  border-top: 1px solid #ebebeb;
  color: #a6a6a6;
  align-items: center;
  font-size: 0.22rem;
  line-height: 1.5;
  justify-content: space-between;
}

.link-manage-container .ag-link-lmanage .ag-link-mgbottom > div {
  width: 35%;
  display: flex;
  flex-direction: column;
  white-space: normal;
  word-break: break-word;
}

.link-manage-container .ag-link-lmanage .ag-link-mgbottom > div:last-child {
  width: 20%;
}

.link-manage-container .ag-link-lmanage .ag-link-mgbottom .mcfont-bold {
  font-weight: 700;
}

.link-manage-container .ag-link-lmanage .ag-link-mgbottom .mccolor-db2404 {
  color: #db2404;
  font-size: 0.26rem;
}

.link-manage-container .ag-link-lmanage .ag-link-mgbottom .mccolor-f6573a {
  color: #f6573a;
  font-size: 0.26rem;
}

.link-manage-container .ag-link-lmanage .ag-link-mgbottom .mccolor-23deb8 {
  color: #23deb8;
  font-size: 0.26rem;
}

.link-manage-container .ag-link-lmanage .ag-link-mgbottom .mccolor-1cc534 {
  color: #1cc534;
  font-size: 0.26rem;
}

.link-manage-container .am-result.agent-link-nodata {
  padding-top: 1.2rem;
  height: 100vh;
}

.link-manage-container .am-result.agent-link-nodata:after {
  display: none;
}

.link-manage-container .agent-link-nodata .am-result-pic {
  width: 3.2rem !important;
  height: 3.2rem !important;
}

.link-manage-container .agent-link-nodata .agent-link-ndicon {
  width: 3rem;
  height: 3rem;
}

.link-manage-container .agent-link-nodata .am-result-title {
  color: #108ee9;
}

.link-manage-container .pulldown-wrapper {
  z-index: -1;
  position: absolute;
  width: 100%;
  left: 0;
  top: -10rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all;
  transition: all;
}

.link-manage-container .register-info-container .domain {
  word-break: keep-all;
  white-space: nowrap;
}

.link-manage-container .lkmn-poup-qrimg,
.link-manage-container .lkmn-poup-qrlink,
.link-manage-container .lkmn-poup-qrtitle {
  text-align: center;
}

.feedback-container {
  background-color: #fefefe;
  min-height: calc(100vh - 1rem);
}

.feedback-container .intergallery {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0.02rem dashed hsla(0, 0%, 46%, 0.4);
  height: 2.7rem;
  position: relative;
}

.feedback-container .intergallery .inputfile {
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  opacity: 0;
}

.feedback-container .intergallery .upload-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  color: hsla(0, 0%, 46%, 0.4);
  font-size: 0.27rem;
  align-items: center;
}

.feedback-container .intergallery .upload-container svg {
  width: 1rem;
  height: 1rem;
}

.feedback-container .intergallery .upload-img {
  border-radius: 0.15rem;
  display: block;
  height: 2rem;
  width: auto;
  max-width: 6rem;
}

.feedback-container .show-feedback {
  position: relative;
}

.feedback-container .show-feedback svg {
  width: 0.4rem;
  height: 0.4rem;
  top: -0.2rem;
  right: -0.2rem;
  position: absolute;
}

.feedback-container .number-form-group {
  padding: 0.3rem 0.3rem 0;
}

.feedback-container .account-form {
  padding: 0;
}

.feedback-container .grey-bg {
  border-radius: 0.15rem;
  background: #efefef;
}

.feedback-container input {
  background-color: #efefef;
  padding-left: 0.3rem;
}

.feedback-container .number-form-group {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

.feedback-container .number-form-group .captcha-form {
  margin-top: 0;
}

.feedback-container .number-form-group .vc-form {
  padding: 0;
}

.feedback-container .number-form-group .account-form {
  padding: 0;
  margin: 0;
}

.feedback-container .number-form-group .account-form .account-form-group {
  margin-bottom: 0;
}

.feedback-container .mc-account-list input {
  font-size: 0.27rem;
  padding: 0 15% 0 0.3rem;
}

.feedback-container .mc-account-list input::-webkit-input-placeholder {
  color: hsla(0, 0%, 46%, 0.4);
  font-size: 0.27rem;
}

.feedback-container .mc-account-list input::placeholder {
  color: hsla(0, 0%, 46%, 0.4);
  font-size: 0.27rem;
}

.feedback-container .feedback-content {
  min-height: 3.4rem;
  display: flex;
  flex-direction: column;
  position: relative;
}

.feedback-container .feedback-content .text-limit {
  display: block;
  position: absolute;
  bottom: 0.02rem;
  left: 0.02rem;
  width: calc(100% - 0.24rem);
  text-align: right;
  padding: 0 0.1rem 0.05rem 0;
  color: #757575;
  background: #efefef;
}

.feedback-container .feedback-content .content-title {
  top: 0.02rem;
  left: 0.02rem;
  width: calc(100% - 0.24rem);
  position: absolute;
  margin-bottom: 0.2rem;
  color: #757575;
  font-size: 0.27rem;
  height: 0.75rem;
  display: flex;
  align-items: center;
  padding-left: 0.3rem;
  border-radius: 0.2rem;
  background: #efefef;
}

.feedback-container .feedback-content .feedback-input {
  padding: 0.75rem 0.3rem 0.4rem;
  border: none;
  line-height: normal;
  flex: 1 1 0%;
  font-size: 0.24rem;
  color: #333;
}

.feedback-container
  .feedback-content
  .feedback-input::-webkit-input-placeholder {
  font-size: 0.24rem;
  color: hsla(0, 0%, 46%, 0.4);
}

.feedback-container .feedback-content .feedback-input::placeholder {
  font-size: 0.24rem;
  color: hsla(0, 0%, 46%, 0.4);
}

.feedback-container .feedback-content .feedback-input:focus {
  border: 1.6px solid #3a6ad3;
  font-size: 0.24rem;
}

.feedback-container .captcha-form {
  margin-top: 0.3rem;
}

.feedback-container .captcha-form .fixed-list {
  display: flex;
}

.feedback-container .captcha-form .fixed-list input {
  margin-right: 0.1rem;
}

.feedback-container .captcha-form .fixed-list .cpf-captcha {
  border-radius: 0.15rem;
}

.feedback-container .captcha-form .fixed-list .captcha {
  padding-left: 0.2rem;
}

.feedback-container .ver-btn {
  margin: 0 0.3rem 0.3rem;
}

.feedback-container .ver-btn p {
  text-align: center;
  color: #a9a9a9;
  font-size: 0.28rem;
  padding: 0.3rem 0;
}

.feedback-container .panel-default {
  margin: 0.1rem 0;
}

.feedback-container .panel-default strong {
  color: #ff1a55;
  font-size: 0.24rem;
  line-height: 1.5;
  font-weight: 400;
}

.sec_card {
  display: flex;
  flex-direction: column;
  overflow-x: visible;
  height: auto;
  margin-bottom: 0;
}

.sec_card .am-list-header {
  font-size: 0.28rem;
  background-color: #fff !important;
  border-bottom: none !important;
}

.sec_card .am-list-content {
  padding-left: 0.38rem;
}

.sec_card .am-list-body {
  overflow: scroll;
  flex: 1 1 0%;
}

.sec_card .am-list-body:after {
  display: none;
}

.sec_card .am-list-body .add-card-list {
  height: auto;
  overflow-y: auto;
}

.sec_card .am-list-body .add-card-list .popUps-list-item {
  padding-bottom: 0;
  margin-bottom: 0;
}

.sec_card .am-list-body .add-card-list .show-check:after {
  right: 0.38rem;
  position: absolute;
  height: 0.4rem;
  width: 0.4rem;
  display: block;
  content: "";
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAeCAYAAABe3VzdAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGCSURBVHgBzddBToNAFAbgN7Q1LtTgDXoEtzYu6A3qDbyBW8PGcaPuPENPYG9QEo3rHqE3kASMEZo+Z55N1ZTCMMww/AsCb4aXLxBgYNChBBz9LEsmPYT45eFkJmsMOpLzML32ADkg+D8Vthxgb9wJ4ChMbhkCLxiKnANLcBSnwCqcvM0eOEo1TvAQp06uoBoO7l4fj3nrwDo42ocWUxdHx9BSdHBUgxaii5PZPsXyMxPwzyF0CEdjEpZ/pc/SuCktkcHl2/3RAhzjZLw8+3j6xcngULx/5qMwPQPHOAIK0KSg7jdBmsJtgHujhTSJk/HYGqZgCGkaR8D+4YqLl82iKdIGjs6Rm4C/+3nWn4vFYhkiRsbGRU+3LdwW2ARpE/cPqIO0jdsB1kECYzNAvAKLuEIgqCPLGxvAUZ99A02QpnDUq2xQB2kSR/2qJtRBmsZRT5VJKkgbOOqrOrEMaQsno/zbGfHTeHCwGsvdv3WbOOoPGrm4SYK1WDd6YnErcBFYzDetlip17LWl+wAAAABJRU5ErkJggg==)
    no-repeat;
  background-size: contain;
}

.temu-history-wrapper {
  width: 100%;
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
  background: #ffe9c4 url(/mobile/mc/temu-history-bg.6f0d4de6.png) no-repeat
    top/7.5rem 13.34rem;
}

.temu-history-wrap {
  padding-bottom: 0.45rem;
}

.temu-history-wrap .history-header {
  height: 5.3rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  position: relative;
}

.temu-history-wrap .history-header:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: url(/mobile/mc/temu-amount-bg.4ab2af8e.png) no-repeat bottom/cover;
  left: 0;
}

.temu-history-wrap .history-header .header-img {
  margin-top: -0.33rem;
  position: relative;
}

.temu-history-wrap .history-header .header-img:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 4.24rem;
  height: 4.24rem;
  background: url(/mobile/mc/temu-history-box-bg.08e8a9fd.gif) no-repeat 50% /
    contain;
  z-index: 1;
}

.temu-history-wrap .history-header .header-img img {
  position: relative;
  z-index: 2;
  width: 4.24rem;
  aspect-ratio: 1/1;
}

.temu-history-wrap .history-header .header-amount {
  width: 50%;
  position: absolute;
  bottom: 0.55rem;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.temu-history-wrap .history-header .header-amount .amount-title {
  width: 100%;
  color: #ffe9c3;
  font-weight: 600;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
}

.temu-history-wrap .history-header .header-amount .amount-item {
  margin-top: -0.2rem;
  color: #fff9f0;
  font-size: 0.64rem;
  font-weight: 700;
  display: flex;
  align-items: flex-end;
  line-height: 0.74rem;
}

.temu-history-wrap .history-header .header-amount .amount-item .currency,
.temu-history-wrap .history-header .header-amount .amount-item .small {
  font-size: 0.42rem;
}

.temu-history-wrap .history-list {
  width: calc(100% - 0.9rem);
  background: #fff;
  margin: 0 auto;
  border-radius: 0.15rem;
  display: flex;
  flex-direction: column;
  color: #826849;
  font-size: 0.2rem;
  font-weight: 600;
}

.temu-history-wrap .history-list .list-wrapper {
  background: transparent;
}

.temu-history-wrap .history-list .nodata-container {
  color: #826849;
}

.temu-history-wrap li:nth-child(2n) {
  background: rgba(255, 227, 181, 0.2);
}

.temu-history-wrap .list-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.12rem;
  padding: 0.2rem;
}

.temu-history-wrap .item-info {
  display: flex;
  justify-content: space-between;
  gap: 0.1rem;
}

.temu-history-wrap .info-title {
  width: 40%;
  color: #b8a06c;
  max-width: 2.95rem;
}

.temu-history-wrap .info-txt {
  flex: 1 1 0%;
  display: flex;
  justify-content: flex-end;
  word-break: break-word;
}

.mc-test-activity-wrapper {
  display: flex;
  flex-direction: column;
  overflow: hidden auto;
  width: 90%;
  margin: 0 auto;
  font-size: 0.3rem;
}

.mc-test-activity-wrapper .list-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.16rem;
  border-bottom: 1px solid #e0e0e0;
}

.mc-test-activity-wrapper .list-item-title {
  color: #333;
  font-weight: 500;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
}

@supports (-webkit-line-clamp: 2) {
  .mc-test-activity-wrapper .list-item-title {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}

.mc-test-activity-wrapper .list-item-more {
  color: #666;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}

.mc-activity-detail-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  z-index: 100020;
}

.mc-activity-detail-modal .mc-test-body {
  height: 100dvh;
  background-color: #fff;
  overflow: hidden auto;
}

.mc-activity-detail-modal .modal-header {
  display: flex;
  align-items: center;
}

.mc-activity-detail-modal .list-item-title {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
}

@supports (-webkit-line-clamp: 2) {
  .mc-activity-detail-modal .list-item-title {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}

.copy-bet-wrapper {
  width: 100%;
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
  background: #fff;
}

.copy-bet-wrapper .copy-bet-wrap {
  display: flex;
  flex-direction: column;
}

.copy-bet-wrapper .copy-bet-header {
  width: 100%;
  min-height: 2.6rem;
  background: url(/mobile/mc/copy-bet-bg.e97256c7.png) no-repeat 50%/100% auto;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.copy-bet-wrapper .copy-bet-header .item-top {
  padding: 0.24rem 0.13rem 0;
  max-width: 4.9rem;
}

.copy-bet-wrapper .copy-bet-header .item-top .header-item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.copy-bet-wrapper .copy-bet-header .item-top .item-title {
  font-size: 0.4rem;
  font-weight: 800;
  background: linear-gradient(
    91deg,
    #bbaa87 0.68%,
    #f3eac3 48.61%,
    #bbaa87 99.38%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-filter: drop-shadow(0 0.04rem 0.02rem rgba(0, 0, 0, 0.5));
  filter: drop-shadow(0 0.04rem 0.02rem rgba(0, 0, 0, 0.5));
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #c8c0a9;
  text-transform: uppercase;
}

.copy-bet-wrapper .copy-bet-header .item-top .item-num {
  -webkit-filter: drop-shadow(0 0.04rem 0.02rem rgba(0, 0, 0, 0.8));
  filter: drop-shadow(0 0.04rem 0.02rem rgba(0, 0, 0, 0.8));
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #7e6638;
  background: linear-gradient(180deg, #caaf78 20%, #f9f1c2 50%, #caaf78 80%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 0.64rem;
  font-weight: 700;
}

.copy-bet-wrapper .copy-bet-header .item-bottom {
  margin-top: 0.22rem;
  min-width: 4.9rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  gap: 0.1rem;
  border-top: 1px solid hsla(37, 43%, 70%, 0);
  border-bottom: 1px solid hsla(37, 43%, 70%, 0);
  background: linear-gradient(
    90deg,
    hsla(49, 88%, 87%, 0),
    hsla(49, 88%, 87%, 0.2) 25%,
    hsla(49, 88%, 87%, 0.3) 50%,
    hsla(49, 88%, 87%, 0.2) 75%,
    hsla(49, 88%, 87%, 0)
  );
  -webkit-backdrop-filter: blur(0.02rem);
  backdrop-filter: blur(0.02rem);
  padding: 0.07rem 0.15rem;
  text-transform: uppercase;
  position: relative;
}

.copy-bet-wrapper .copy-bet-header .item-bottom:before {
  content: "";
  position: absolute;
  top: -0.2rem;
  width: 100%;
  height: 0.4rem;
  background: url(/mobile/mc/copy-bet-line.a621c0b6.png) no-repeat 50% / contain;
}

.copy-bet-wrapper .copy-bet-header .item-bottom:after {
  content: "";
  position: absolute;
  bottom: -0.2rem;
  width: 100%;
  height: 0.4rem;
  background: url(/mobile/mc/copy-bet-line.a621c0b6.png) no-repeat 50% / contain;
}

.copy-bet-wrapper .copy-bet-header .item-bottom .header-item {
  display: flex;
  align-items: center;
  gap: 0.1rem;
}

.copy-bet-wrapper .copy-bet-header .item-bottom .item-title {
  color: #dadbbb;
  font-size: 0.2rem;
  font-weight: 600;
}

.copy-bet-wrapper .copy-bet-header .item-bottom .item-num {
  font-size: 0.26rem;
  font-weight: 700;
  background: linear-gradient(180deg, #caaf78 20%, #f9f1c2 50%, #caaf78 80%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-filter: drop-shadow(0 0.04rem 0.02rem rgba(0, 0, 0, 0.8));
  filter: drop-shadow(0 0.04rem 0.02rem rgba(0, 0, 0, 0.8));
}

.copy-bet-wrapper .copy-bet-search {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.2rem 0;
  width: 100%;
  border-top: 1.5px solid #efefef;
  border-bottom: 1.5px solid #efefef;
  overflow: hidden;
}

.copy-bet-wrapper .copy-bet-search .search-form {
  margin-left: 0.28rem;
  display: flex;
  align-items: center;
  gap: 0.2rem;
}

.copy-bet-wrapper .copy-bet-search .mc-trans-filter {
  background: transparent;
  padding: 0;
  height: 0.6rem;
  border-bottom: none;
  min-width: 0;
}

.copy-bet-wrapper .copy-bet-search .mc-trans-filter .am-button-small {
  margin: 0;
}

.copy-bet-wrapper .copy-bet-search .am-button-small {
  padding: 0 0.15rem;
  font-size: 0.24rem;
}

.copy-bet-wrapper .copy-bet-search .search-total {
  flex: 1 1 0%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.05rem;
  margin-right: 0.28rem;
  color: #333;
  font-size: 0.24rem;
  text-align: right;
}

.copy-bet-wrapper .result-wrapper {
  width: calc(100% - 0.56rem);
  margin: 0 auto;
  font-size: 0.22rem;
  color: #566073;
}

.copy-bet-wrapper .result-wrapper .list-wrapper {
  background: transparent;
  margin: 0.2rem 0;
}

.copy-bet-wrapper .result-wrapper li {
  border-radius: 0.2rem;
  border: 1.5px solid rgba(243, 245, 249, 0.5);
  background:
    linear-gradient(
      218deg,
      hsla(0, 0%, 100%, 0) 32.85%,
      rgba(212, 219, 232, 0.2) 88.65%
    ),
    #fff;
  padding: 0.295rem 0.3rem;
  margin-bottom: 0.2rem;
}

.copy-bet-wrapper .result-wrapper .list-item {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 0.1rem;
}

.copy-bet-wrapper .result-wrapper .item-left {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}

.copy-bet-wrapper .result-wrapper .item-left .info-item {
  display: flex;
  align-items: center;
  gap: 0.08rem;
  color: #566073;
}

.copy-bet-wrapper .result-wrapper .item-order {
  color: #566073;
  font-size: 0.22rem;
  font-weight: 800;
}

.copy-bet-wrapper .result-wrapper .info-title {
  color: #a9aeb7;
}

.copy-bet-wrapper .result-wrapper .item-right {
  min-width: 2rem;
  display: flex;
  flex-direction: column;
  gap: 0.04rem;
}

.copy-bet-wrapper .result-wrapper .item-right svg {
  width: 0.4rem;
  height: 0.4rem;
  color: transparent;
}

.copy-bet-wrapper .result-wrapper .item-right .info-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.26rem;
  font-weight: 700;
  color: #1f57b7;
}

.copy-bet-wrapper .result-wrapper .item-right .item-count {
  color: #a81f9e;
}

.mc-reset-pwd-wrapper {
  --color-second-500: #4b4b4b;
  --color-text-secondary: #64748b;
  --color-text-placeholder: #adadad;
  --color-border: #e1e2e8;
  --color-primary: linear-gradient(90deg, #68a5fe, #8fc3fe);
  --radius-lg: 0.16rem;
  --radius-pill: 0.24rem;
  --input-height: 0.72rem;
  --shadow-card: 0 0.02rem 0.1rem hsla(0, 0%, 58%, 0.1);
  --shadow-button: 0 0.04rem 0.04rem rgba(0, 0, 0, 0.25);
  color: var(--color-second-500);
  width: 100%;
}

.mc-reset-pwd-wrapper .personal-step1-wrapper,
.mc-reset-pwd-wrapper .personal-step2-wrapper {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  overflow-y: auto;
}

.mc-reset-pwd-wrapper .mc-reset-pwd-wrap {
  width: calc(100% - 0.9rem);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.mc-reset-pwd-wrapper .mc-reset-pwd-wrap.step1 .presonal-form-button {
  margin-top: 0.48rem;
}

.mc-reset-pwd-wrapper .mc-reset-pwd-info {
  display: flex;
  flex-direction: column;
  padding: 0.24rem 0.2rem 0.08rem;
  color: var(--color-text-secondary);
  font-size: 0.2rem;
  font-weight: 500;
  margin: 0.08rem 0 0.25rem;
}

.mc-reset-pwd-wrapper .mc-reset-pwd-info .info-title {
  color: #0f172a;
  font-size: 0.32rem;
  font-weight: 500;
  margin-bottom: 0.16rem;
}

.mc-reset-pwd-wrapper .mc-reset-pwd-header {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1.2rem 0 0.48rem;
  border-bottom: 0.04rem solid #4f6df5;
  color: #4f6df5;
  font-size: 0.24rem;
  font-weight: 500;
  padding: 0.08rem 0.26rem;
}

.mc-reset-pwd-wrapper .mc-reset-pwd-header svg {
  width: 0.48rem;
  height: 0.48rem;
  margin-right: 0.1rem;
}

.mc-reset-pwd-wrapper .presonal-form-item {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.mc-reset-pwd-wrapper .presonal-form-item .form-title {
  font-size: 0.28rem;
  font-weight: 500;
  padding-bottom: 0.12rem;
}

.mc-reset-pwd-wrapper .presonal-form-item .form-captcha,
.mc-reset-pwd-wrapper .presonal-form-item .form-country {
  display: flex;
  align-items: center;
}

.mc-reset-pwd-wrapper .presonal-form-item .form-captcha img {
  max-height: var(--input-height);
  margin-left: 0.12rem;
}

.mc-reset-pwd-wrapper .presonal-form-item .mc-country-code-input {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  background: #fff;
  min-height: var(--input-height);
  padding: 0 0.24rem;
  font-size: 0.2rem;
  font-weight: 500;
  color: #929292;
  margin-right: 0.12rem;
}

.mc-reset-pwd-wrapper .presonal-form-item .mc-country-code-input img {
  display: none;
}

.mc-reset-pwd-wrapper .presonal-form-item input {
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  background: #fff;
  min-height: var(--input-height);
  padding: 0 0.24rem;
  font-size: 0.2rem;
  font-weight: 500;
  color: var(--color-second-500);
}

.mc-reset-pwd-wrapper .presonal-form-item input::-webkit-input-placeholder {
  color: var(--color-text-placeholder);
}

.mc-reset-pwd-wrapper .presonal-form-item input::placeholder {
  color: var(--color-text-placeholder);
}

.mc-reset-pwd-wrapper .presonal-field-item {
  width: 100%;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-card);
  padding: 0.28rem 0.16rem;
  margin-bottom: 0.3rem;
  background: url(/mobile/mc/verifty-bg.64bc2a39.png) 0 / cover no-repeat;
  overflow: hidden;
}

.mc-reset-pwd-wrapper .presonal-field-item.group-item {
  position: relative;
  padding: 0.28rem 0.24rem;
}

.mc-reset-pwd-wrapper .presonal-field-item.group-item:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0.16rem;
  height: 100%;
  background-image: linear-gradient(180deg, #9bcdfd, #5f92fe);
}

.mc-reset-pwd-wrapper .presonal-field-item .field-wrapper {
  margin-top: 0.2rem;
}

.mc-reset-pwd-wrapper .presonal-field-item .form-title {
  font-size: 0.28rem;
  font-weight: 500;
  padding-bottom: 0.2rem;
  display: flex;
  align-items: center;
}

.mc-reset-pwd-wrapper .presonal-field-item .form-num {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0.18rem;
  width: 0.34rem;
  height: 0.34rem;
  border-radius: 0.32rem;
  background: linear-gradient(180deg, #9bcdfd, #5f92fe), #fff;
  text-shadow: 0.8px 0.8px 0.8px rgba(0, 0, 0, 0.25);
  font-size: 0.22rem;
  font-weight: 700;
  color: #fff;
}

.mc-reset-pwd-wrapper .presonal-field-item input {
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  background: #fff;
  min-height: var(--input-height);
  padding: 0 0.24rem;
  font-size: 0.2rem;
  font-weight: 500;
  color: var(--color-second-500);
}

.mc-reset-pwd-wrapper .presonal-field-item input::-webkit-input-placeholder {
  color: var(--color-text-placeholder);
}

.mc-reset-pwd-wrapper .presonal-field-item input::placeholder {
  color: var(--color-text-placeholder);
}

.mc-reset-pwd-wrapper .group-item .field-wrapper {
  border-radius: 0.08rem;
  border: 1px solid #dbdbdb;
  background: #f9fafb;
  padding: 0.32rem 0.16rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.14rem 0.12rem;
}

.mc-reset-pwd-wrapper .group-item .field-wrapper .group-field {
  width: calc(50% - 0.06rem);
  display: flex;
  flex-direction: column;
}

.mc-reset-pwd-wrapper .group-item .field-wrapper .group-field:nth-child(3) {
  width: 100%;
}

.mc-reset-pwd-wrapper .group-item .field-wrapper .group-title {
  color: var(--color-second-500);
  font-size: 0.24rem;
  font-weight: 500;
  padding-bottom: 0.12rem;
}

.mc-reset-pwd-wrapper .form-radio-wrapper {
  display: flex;
  align-items: center;
  border-radius: var(--radius-pill);
  background: #f4f6fa;
  font-size: 0.2rem;
  font-weight: 500;
  color: var(--color-text-secondary);
  min-height: 0.57rem;
}

.mc-reset-pwd-wrapper .form-radio-wrapper input {
  display: none !important;
}

.mc-reset-pwd-wrapper .form-radio-wrapper .radio-item {
  flex: 1 1 0%;
  height: 0.49rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mc-reset-pwd-wrapper .form-radio-wrapper .radio-item.checked {
  border-radius: var(--radius-pill);
  background: #fff;
  color: #1152d4;
  box-shadow: 0 1px 0.02rem rgba(0, 0, 0, 0.05);
}

.mc-reset-pwd-wrapper .dropdown-button {
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  background: #fff;
  min-height: var(--input-height);
  padding: 0 0.24rem;
  font-size: 0.2rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  text-align: left;
  color: var(--color-second-500);
}

.mc-reset-pwd-wrapper .dropdown-button.default {
  color: var(--color-text-placeholder);
}

.mc-reset-pwd-wrapper .form-date-wrapper {
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  background: #fff;
  min-height: var(--input-height);
  padding: 0 0.24rem;
  font-size: 0.2rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  color: var(--color-text-placeholder);
}

.mc-reset-pwd-wrapper .presonal-form-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  border-radius: var(--radius-lg);
  min-height: 0.8rem;
  background: var(--color-primary);
  box-shadow: var(--shadow-button);
  color: #fff;
  font-size: 0.32rem;
  font-weight: 700;
  margin: 0.24rem 0 0.48rem;
  height: auto;
  line-height: normal;
  border: none;
}

.mc-reset-pwd-wrapper .presonal-form-button.fail {
  background: #f5405a;
}

.mc-reset-pwd-wrapper .presonal-form-button.success {
  background: #42c744;
}

.mc-reset-pwd-wrapper .personal-step3-wrapper {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.mc-reset-pwd-wrapper .personal-step3-wrapper .presonal-form-item {
  margin-bottom: 0.24rem;
}

.mc-reset-pwd-wrapper .personal-step3-wrapper .form-wrap {
  position: relative;
}

.mc-reset-pwd-wrapper .personal-step3-wrapper .eye-group {
  position: absolute;
  right: 0.24rem;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 0.44rem;
  height: 0.44rem;
}

.mc-reset-pwd-wrapper .personal-step3-wrapper .btn-send {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.04rem;
  background: #dedede;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.24rem;
  color: #243554;
  font-size: 0.2rem;
  font-weight: 500;
  height: 0.46rem;
  min-width: 0.99rem;
  padding: 0 0.1rem;
  line-height: normal;
  border: none;
}

.mc-reset-pwd-wrapper .personal-step3-wrapper .verify-img {
  flex: 0 0 4.8rem;
  margin-top: 1.11rem;
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 4.8rem;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mc-reset-pwd-wrapper .personal-step3-wrapper .verify-img:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(251, 210, 224, 0.3);
  -webkit-filter: blur(0.62rem);
  filter: blur(0.62rem);
}

.mc-reset-pwd-wrapper .personal-step3-wrapper .verify-img img {
  width: 3.56rem;
  object-fit: contain;
  position: relative;
  z-index: 1;
}

.mc-reset-pwd-wrapper .personal-step3-wrapper.success .verify-img:before {
  background: rgba(237, 253, 241, 0.3);
}

.mc-reset-pwd-wrapper .personal-step3-wrapper.success .verify-wrapper {
  background: #fefdfd;
  box-shadow: 0.05rem -0.8rem 2rem 0 rgba(212, 248, 213, 0.3);
}

.mc-reset-pwd-wrapper .personal-step3-wrapper .verify-wrapper {
  flex: 1 1 0%;
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: -1.32rem;
  border-radius: 0.88rem 0.88rem 0 0;
  background: #fcf8fe;
  box-shadow: 0.05rem -0.5rem 2rem rgba(251, 211, 225, 0.3);
}

.mc-reset-pwd-wrapper .personal-step3-wrapper .verify-title {
  padding-top: 1.32rem;
  font-size: 0.48rem;
  font-weight: 500;
  color: #111522;
  margin-bottom: 0.48rem;
}

.mc-reset-pwd-wrapper .account-errors strong {
  color: #e4393c;
  font-size: 0.2rem;
  font-weight: 400;
  margin-top: 0.05rem;
}

.mc-personal-dropdown .am-popup-slide-up {
  border-radius: 0.16rem 0.16rem 0 0;
}

.mc-personal-dropdown .personal-dropdown-wrapper {
  max-height: 80vh;
  overflow-y: auto;
  background: #f4f6fa;
  font-size: 0.2rem;
  font-weight: 500;
  text-align: center;
  color: #64748b;
}

.mc-personal-dropdown .personal-dropdown-item {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 0.5rem;
}

.mc-personal-dropdown .personal-dropdown-item.selected {
  background: #fff;
  color: var(--color-second-500);
}

.v-base {
  font-size: 0.32rem;
}

.v-base .currency-ltr {
  direction: ltr;
  unicode-bidi: -webkit-isolate;
  unicode-bidi: isolate;
}

.v-base .number-mc {
  font-family:
    SF Pro Display,
    SF Pro Icons,
    AOS Icons,
    Helvetica Neue For Number,
    Roboto Mono,
    PingFang SC,
    Arial,
    sans-serif;
}

.v-base .number-mc .wysiwyg {
  padding-bottom: 0;
  line-height: normal;
}

.v-base .pay-msg-btn {
  padding: 0.3rem 0.2rem;
  background: #e4393c;
  color: #fff;
  display: inline-block;
  border-radius: 0.2rem;
  margin: 0 0.1rem;
}

.v-base .member-home-root {
  background: #fff;
}

.v-base .main-top-content {
  font-size: 0.24rem;
  background: url(/mobile/mc/header_bg.a7321d10.jpg) no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 3.8rem;
  position: relative;
}

.v-base .main-top-content.credit {
  height: 3rem;
}

.v-base .main-top-content.credit .main-tap-list {
  height: auto;
}

.v-base .main-top-cngttop {
  padding: 0.68rem 0 0 2.34rem;
  color: #fff;
  height: 2.18rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.v-base .main-top-Safety {
  position: absolute;
  right: 0.35rem;
  top: 0.9rem;
  width: 1.02rem;
  height: 1.02rem;
  background: url(/mobile/mc/Safety.80f4f268.png) no-repeat;
  background-size: 100% 100%;
}

.v-base .main-top-cngttop-img {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  border: 0.05rem solid #fff;
  position: absolute;
  top: 0.68rem;
  left: 0.48rem;
  -webkit-filter: drop-shadow(0 0.15rem 0.16rem rgba(53, 52, 52, 0.27));
  filter: drop-shadow(0 0.15rem 0.16rem rgba(53, 52, 52, 0.27));
}

.v-base .main-top-cngttop-img img {
  width: 100%;
  height: 100%;
}

.v-base .main-top-cngttop-img > div {
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
}

.v-base .main-top-cngttop-t3 {
  line-height: 0.42rem;
  height: 0.44rem;
  font-size: 0.24rem;
  display: inline-block;
  padding: 0 0.16rem 0 0.12rem;
  border-radius: 0.42rem;
  background: rgba(0, 0, 0, 0.15);
}

.v-base .main-top-cngttop-t3 img,
.v-base .main-top-cngttop-t3 span.leven-png {
  vertical-align: middle;
  display: inline-block;
}

.v-base .main-top-cngttop-t3 img {
  margin-top: 0.06rem;
  width: 0.49rem;
  height: 0.41rem;
}

.v-base .main-top-cngttop-t1 {
  line-height: 0.42rem;
  height: 0.44rem;
  margin-top: 0.04rem;
}

.v-base .main-top-cngttop-t1 > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  max-width: 2.5rem;
  font-size: 0.26rem;
  color: #fff;
  font-weight: 700;
  line-height: 1;
  vertical-align: middle;
}

.v-base .main-top-cngttop-t1 > span.nickname {
  overflow: hidden;
}

.v-base .main-top-cngttop-t1 > a {
  padding: 0 0.15rem;
  text-align: center;
  font-weight: 400;
  font-size: 0.24rem;
  background: #5095fd;
  color: inherit;
  border-radius: 0.34rem;
  line-height: 0.42rem;
  height: 0.44rem;
  margin-left: 0.2rem;
  vertical-align: middle;
  display: inline-block;
}

.v-base .main-top-cngttop-t2 {
  font-size: 0.38rem;
  line-height: 0.58rem;
  height: 0.62rem;
  font-weight: 700;
}

.v-base .main-top-cngttop-t2 a {
  display: inline-block;
  vertical-align: middle;
  color: inherit;
  font-size: inherit;
}

.v-base .main-tap-list {
  background: rgba(52, 34, 84, 0.25);
  text-align: center;
  vertical-align: middle;
  height: 0.94rem;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
}

.v-base .main-tap-list > .bar-link,
.v-base .main-tap-list > a {
  flex: 1 1 0%;
  font-size: 0.3rem;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.v-base .main-tap-list > div:last-child {
  border-right: none;
}

.v-base .main-tap-content {
  width: 100%;
  margin: 0.24rem 0 0.2rem;
  height: 0.54rem;
  color: #fff;
  font-size: 0.28rem;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.v-base .main-tap-cmline {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0.2rem;
  top: 0.2rem;
  border-right: 1px solid #ccc;
}

.v-base .main-tap-content i,
.v-base .main-tap-content span {
  display: block;
  height: 0.44rem;
  line-height: 0.44rem;
  white-space: nowrap;
  float: left;
  color: #fff;
}

.v-base .main-tap-content span {
  font-weight: 500;
}

.v-base .main-tap-content i {
  margin-right: 0.1rem;
}

.v-base .main-nav-list {
  font-size: 0.13rem;
  background-color: #fff;
}

.v-base .main-nav-list.false {
  display: none;
}

.v-base .nav-list-title {
  font-size: 0.28rem;
  line-height: 0.66rem;
  padding: 0 0.48rem;
  background: #e1e0dc;
  color: #282743;
}

.v-base .main-nav-style {
  width: 25%;
  font-size: 0.26rem;
  padding: 0.52rem 0 0.37rem;
  text-align: center;
  color: #565659;
  font-weight: 500;
  border-right: 0.02rem solid #f5f5f5;
  border-bottom: 0.02rem solid #f5f5f5;
}

.v-base .main-nav-style .un-read-count {
  position: absolute;
  top: -0.6em;
  right: 1em;
  padding: 0.05rem 0.5em;
  background: linear-gradient(180deg, #ff5841, #fe0425);
  color: #fff;
  border-radius: 1em;
}

.v-base .main-nav-style:nth-of-type(4n + 0) {
  border-right: unset;
}

.v-base .main-nav-style > span {
  display: inline-block;
  position: relative;
  width: 100%;
  padding-bottom: 0.24rem;
}

.v-base .reportEnter {
  color: #fffffe;
  width: 0.55rem;
  height: 0.5rem;
  vertical-align: sub;
}

.v-base .records {
  color: #fffffe;
  display: block;
  height: 0.8rem;
  line-height: 0.8rem;
  white-space: nowrap;
}

.v-base .main-top-cngttop-t2 .am-button-ghost {
  background-color: transparent;
  border: 0 solid #fff5f1;
  font-size: 0.3rem;
  height: 0.45rem;
  line-height: 0.45rem;
  padding: 0;
  color: #282743;
  font-weight: 500;
  border-radius: 0.1rem;
}
.v-base .mc-daterange-popup .am-popup {
  position: fixed; /* hoặc absolute, tùy thư viện */
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);

  width: min(100%, 530px);
  height: 70%;
}

.v-base .hide {
  display: none !important;
}

.v-base .mc-agent-team-container {
  width: 100%;
  z-index: 99;
  height: 0.96rem;
  background: #fff;
}

.v-base .mc-agent-team-flow {
  width: 100%;
  background-color: #fcfcfc;
}

.v-base input:disabled {
  background: #c1c1c1;
}

.v-base .am-button.am-button-disabled {
  background: #ddd !important;
  color: #bbb !important;
  box-shadow: 0 0.1rem 0.2rem 0 hsla(0, 0%, 50%, 0.4);
}

.v-base .am-list-body table,
.v-base tbody,
.v-base td,
.v-base tfoot,
.v-base th,
.v-base thead,
.v-base tr,
.v-base tt {
  border-width: 1px;
  border-style: solid;
  vertical-align: middle;
}

.v-base .custom-table tbody,
.v-base .custom-table td,
.v-base .custom-table tfoot,
.v-base .custom-table th,
.v-base .custom-table thead,
.v-base .custom-table tr,
.v-base .custom-table tt {
  border: inherit;
}

.v-base .wysiwyg {
  padding-bottom: 0.5rem;
  line-height: 1.5;
}

.v-base .wysiwyg * {
  line-height: 1.5;
}

.v-base .wysiwyg ul {
  white-space: normal;
  list-style: disc;
  padding-left: 2.5em;
  margin-top: 1em;
  margin-bottom: 1em;
}

.v-base .wysiwyg ul li {
  display: list-item !important;
  list-style: disc outside;
  overflow: visible;
  padding-right: 0;
  padding-left: 0;
  margin-right: 0;
  margin-left: 0;
}

.v-base .wysiwyg ol {
  white-space: normal;
  list-style: decimal;
  padding-left: 2.5em;
  margin-top: 1em;
  margin-bottom: 1em;
}

.v-base .wysiwyg ol li {
  display: list-item !important;
  list-style: decimal outside;
  overflow: visible;
  padding-right: 0;
  padding-left: 0;
  margin-right: 0;
  margin-left: 0;
}

.v-base .mc_app_box {
  position: static;
}

.v-base#mc-animate-container {
  overflow: initial;
}

.v-base#mc-animate-container:has(.invite-friends) {
  height: auto;
}

.v-base .am-tabs-bar .am-tabs-nextpage:after,
.v-base .am-tabs-bar .am-tabs-prevpage:before {
  z-index: 1;
}

.v-base .app-win {
  position: fixed;
}

.v-base .marquee marquee {
  width: 100%;
}

.v-base input {
  outline: none;
  -webkit-appearance: none;
  line-height: normal !important;
}

.v-base input::placeholder {
  color: inherit;
  font-family: inherit;
  line-height: normal !important;
  overflow: visible;
}

.v-base input::-webkit-input-placeholder {
  color: inherit;
  font-family: inherit;
  line-height: normal !important;
  overflow: visible;
}

.v-base.fade-enter {
  min-height: 100vh !important;
  min-height: calc(100 * var(--vh, 1vh)) !important;
}

.am-list-header .popUpHeader .am-icon-cross {
  color: #888 !important;
}

.am-popup-mask {
  touch-action: none;
  -webkit-overflow-scrolling: none;
  overflow: hidden;
  overscroll-behavior: none;
}

#root .mc-home.mc-navbar-blue {
  box-shadow: none !important;
  background: transparent !important;
}

#root .mc-home.mc-navbar-blue .am-icon-left,
#root .mc-home.mc-navbar-blue .am-navbar-title {
  color: #fff !important;
}

#root #mc-animate-container .am-tabs-ink-bar {
  display: none !important;
}

#root #mc-animate-container .am-tabs-tab-active.am-tabs-tab {
  border-bottom: 0.04rem solid #108ee9;
}

#root #mc-animate-container .vc-v2-container .vc-tips .wysiwyg {
  color: #ec2529;
}

#root #mc-app-home-root.dark {
  background:
    url(/mobile/mc/home_bg.029bf69d.png) top no-repeat,
    #121011;
  background-size: 100% auto;
  background-position-y: -0.3rem;
}

#root #mc-app-home-root.dark .main-nav-list,
#root #mc-app-home-root.dark .member-home-root {
  background: #121011 !important;
}

#root #mc-app-home-root.dark .main-nav-list a {
  background: unset !important;
}

#root #mc-app-home-root.dark .n-nav-list-title span {
  color: #fff !important;
  background: #333 !important;
}

#root #mc-app-home-root.dark .n-nav-list-title:after {
  background: #333 !important;
}

#root #mc-app-home-root.dark .main-nav-style {
  color: #9a8661 !important;
}

#root #mc-app-home-root.dark .n-linear-border:before {
  background: #292625 !important;
}

#root #mc-app-home-root.dark .n-linear-border svg {
  fill: #f1d095 !important;
}

#root #mc-app-home-root.dark .n-linear-border > div {
  background-image: linear-gradient(top, #715e48, #28221e 50%, #715e48);
}

.am-list-body .wysiwyg,
.am-popup-body .wysiwyg {
  padding-bottom: 0.5rem;
  line-height: 1.5;
}

.am-list-body .wysiwyg *,
.am-popup-body .wysiwyg * {
  line-height: 1.5;
}

.am-list-body .wysiwyg ul,
.am-popup-body .wysiwyg ul {
  white-space: normal;
  list-style: disc;
  padding-left: 2.5em;
  margin-top: 1em;
  margin-bottom: 1em;
}

.am-list-body .wysiwyg ul li,
.am-popup-body .wysiwyg ul li {
  display: list-item !important;
  list-style: disc outside;
  overflow: visible;
  padding-right: 0;
  padding-left: 0;
  margin-right: 0;
  margin-left: 0;
}

.am-list-body .wysiwyg ol,
.am-popup-body .wysiwyg ol {
  white-space: normal;
  list-style: decimal;
  padding-left: 2.5em;
  margin-top: 1em;
  margin-bottom: 1em;
}

.am-list-body .wysiwyg ol li,
.am-popup-body .wysiwyg ol li {
  display: list-item !important;
  list-style: decimal outside;
  overflow: visible;
  padding-right: 0;
  padding-left: 0;
  margin-right: 0;
  margin-left: 0;
}

.area-modal:not(.CN) .am-picker-popup-item {
  padding: 0.04rem;
  font-size: 0.26rem;
}

.h-icon-1.active img,
.h-icon-2.active img,
.h-icon-3.active img,
.h-icon-4.active img,
.h-icon-5.active img,
.h-icon-6.active img,
.h-icon-7.active img,
.h-icon-8.active img,
.h-icon-active img {
  border: 0.06rem solid #ec2529 !important;
}

.security-circle {
  width: 2.1rem;
  height: 2.1rem;
  position: absolute;
  border-radius: 50%;
  left: 0.3rem;
  top: 56%;
  transform: translateY(-50%);
  direction: ltr;
}

#canvas_1 {
  z-index: 1;
}

#canvas_2 {
  z-index: 2;
  background: transparent;
  transform: rotate(-90deg);
}

.security-circle canvas {
  display: block;
  margin: 0;
  position: absolute;
  left: -0.14rem;
  top: -0.3rem;
}

.security-line {
  height: 0.2rem;
  margin: 1px 0;
  background: #f5f6f8;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.copy-key {
  text-align: center;
  padding: 0.2rem 0;
}

.currcy-card-flex .card-notBorder,
.currcy-card-flex .card-notBorder .am-card-body {
  border: 0 !important;
}

.currcy-card-flex .nodata-container .nodata-icon {
  margin-top: 1rem !important;
}

.speedPay-help-info {
  margin-left: 0.2rem;
  color: #ccc;
  font-size: 0.28rem;
  left: 0.6rem;
  line-height: 0.39rem;
}

.flex-money-content,
.flex-speedypay-name {
  margin: 0.1rem 0.24rem 0.05rem !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 1px !important;
}

.flex-discounts .inputBase,
.flex-money-content .inputBase,
.flex-speedypay-name .inputBase {
  border: 1px solid #747474 !important;
  background: none !important;
  border-radius: 0.08rem;
}

.flex-discounts .inputBase:focus,
.flex-money-content .inputBase:focus,
.flex-speedypay-name .inputBase:focus {
  border: 0.03rem solid #0087fd !important;
}

.flex-money-content .inputCon,
.flex-speedypay-name .inputCon {
  width: 96% !important;
}

.speedPay-help-errors {
  color: red;
  font-size: 0.28rem;
  height: 0.4rem;
  margin: 0 0.12rem 0.16rem;
}

.flex-discounts {
  position: relative;
  margin: 0.25rem 0.23rem !important;
  border: 0 !important;
  padding: 0.04rem !important;
  border-radius: 0 !important;
}

.flex-discounts .inputSelect {
  width: 84%;
}

.flex-discounts .inputSelect input {
  padding-bottom: 0.02rem !important;
}

.flex-discounts .inputIcon {
  height: 1.08rem !important;
  position: absolute;
  right: 0.33rem;
  background: #3b79f3 !important;
  padding-top: 0.08rem;
  border-radius: 0 0.08rem 0.08rem 0;
}

.flex-another-pay {
  height: 0.9rem !important;
  border-top: 1px solid #bbb !important;
  border-left: none !important;
  border-right: none !important;
  border-radius: 0 !important;
  padding: 1px !important;
  background: none !important;
  width: 89%;
}

.flex-another-pay,
.flex-pay-showborder {
  border-bottom: 1px solid #bbb !important;
}

.flex-another-pay p {
  margin-left: 0 !important;
}

.flex-another-pay p span {
  color: #989a9c;
}

.flex-another-pay .another-pay-a {
  color: #3b79f3;
}

.flex-another-pay .agrg-downline-type .mc-switch,
.flex-another-pay .setting_sort_right {
  margin-right: 0 !important;
}

.flex-another-pay .mc-switch.mc-qutas-bg .checkbox:before {
  background: #888;
}

.flex-another-pay .mc-switch .checkbox.on:before {
  background: #3b79f3;
}

.flex-pay-errors {
  color: red;
  font-size: 0.28rem;
  height: 0.4rem;
  margin: 0 0.27rem 0.16rem;
}

.flex-submit-btn {
  border: 1px solid #efefef;
  border-radius: 0.15rem;
  padding: 1px !important;
  margin: 0.1rem 0.54rem 0.05rem 0.24rem !important;
}

.flex-submit-btn .am-button {
  height: 1rem;
  line-height: 1rem;
  color: #fff !important;
  font-size: 0.32rem;
}

.pgBank-common input::-webkit-input-placeholder {
  color: #888 !important;
  font-size: 0.308rem !important;
}

.btn-gray {
  border-radius: 0.1rem !important;
  background: #d8d8d8;
  transition: all 0.3s linear;
}

.btn-gray span {
  color: #fff !important;
}

.am-modal-left .am-modal-body {
  text-align: left;
}

.am-modal-left .bold {
  font-weight: 700;
}

.vou-balance .vou-text {
  font-size: 0.28rem;
  color: #7b7b77;
}

.vou-line {
  height: 0.03rem;
  background: #f0f0f1;
  margin: 0.6rem 0.3rem 0;
}

.flex-list-title {
  color: #a6a6a6;
  font-size: 0.22rem;
  padding-right: 0.15rem;
}

.currcy-card-flex .flex-list-item {
  padding-left: 0 !important;
}

.base-item {
  width: 100%;
}

.security-header {
  padding: 0.4rem 0 0.6rem 0.3rem;
  padding-bottom: 0;
}

.center-header {
  font-size: 0.3rem;
  margin-bottom: 0.25rem;
  color: #48484e;
  font-weight: 700;
  display: inline-block;
}

.sec_card_body {
  overflow-y: scroll;
}

.security-list {
  margin: 0 0.25rem;
}

.security-list .am-list-content {
  align-items: center;
}

.security-list .flex-grad-one {
  width: 0.8rem;
  height: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.security-list .flex-grad-one svg {
  width: 100%;
  height: auto;
  max-height: 0.8rem;
}

.flex-base {
  height: 1.05rem;
  border-radius: 0.1rem;
  border: 1px solid #ccc;
  margin: 0.15rem 0.4rem 0.03rem;
  font-size: 0.32rem;
  overflow: hidden;
}

.common-postion-btn {
  position: absolute;
  width: 90%;
  bottom: 0.8rem;
}

.common-postion-btn .am-button span {
  font-size: 0.3rem;
}

.txt-gray {
  color: #5e5e5e;
  font-size: 0.26rem;
  margin-top: 0.1rem;
  text-align: left;
  padding: 0 5%;
}

.i18n-fix .am-tabs-tab {
  white-space: nowrap;
}

.mcm-teampandect svg {
  width: 0.54rem;
  height: 0.54rem;
}

.tcg-tab-content {
  position: relative;
  z-index: 1;
}

.mc-tabs-scroll .am-tabs-tab {
  flex: auto !important;
  padding: 0 0.2rem;
  text-align: center;
  white-space: nowrap;
  flex-basis: auto !important;
  display: inline-block !important;
  min-width: 20% !important;
}

.mc-tabs-scroll .am-tabs-nav-swipe {
  transform: none !important;
  touch-action: none !important;
}

.mc-tabs-scroll .am-tabs-bar .am-tabs-tab {
  border-bottom: 0.04rem solid #fff;
}

.mc-tabs-scroll .am-tabs-ink-bar {
  display: none !important;
}

.mc-tabs-scroll .am-tabs-tab-active {
  border-bottom: 0.04rem solid #108ee9 !important;
}

.mc-tabs-scroll .am-tabs-nav {
  white-space: nowrap;
  display: inline-block !important;
  overflow-x: scroll !important;
}

.mc-tabs-scroll .am-tabs-bar {
  background: #fff !important;
}

.mc-tabs-scroll-positon .am-tabs-bar .am-tabs-tab {
  line-height: 1.2 !important;
}

.mc-tab-container {
  overflow-y: scroll;
  white-space: nowrap;
  background: #fff;
}

.mc-tab-container .mc-tab-item {
  display: inline-block;
  padding: 0.3rem;
  min-width: 20%;
  text-align: center;
  border-bottom: 0.04rem solid #fff;
}

.mc-tab-container .mc-tab-item.tab-active {
  color: #108ee9;
  border-bottom: 0.04rem solid #108ee9;
}

#mc-app-home-root.mc {
  background: url(/mobile/mc/home_bg.029bf69d.png) top no-repeat;
  background-size: 100% auto;
  background-position-y: -0.301rem;
}

#mc-app-home-root.mc:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fff;
  left: 0;
  top: 0;
  z-index: -1;
}

#mc-app-home-root.mc.authorized,
#mc-app-home-root.mc.MARK {
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
  background: #f1f2f5 url(/mobile/mc/home_bg_authorized.fc5c9108.png) top
    no-repeat;
}

#mc-app-home-root.mc.authorized .mc-home.mc-navbar-blue .am-icon-left,
#mc-app-home-root.mc.authorized .mc-home.mc-navbar-blue .am-navbar-title,
#mc-app-home-root.mc.MARK .mc-home.mc-navbar-blue .am-icon-left,
#mc-app-home-root.mc.MARK .mc-home.mc-navbar-blue .am-navbar-title {
  color: #000 !important;
}

#mc-app-home-root.mc.T1,
#mc-app-home-root.mc.T2 {
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
}

#mc-app-home-root.mc.T1 .mc-home.mc-navbar-blue .am-icon-left,
#mc-app-home-root.mc.T1 .mc-home.mc-navbar-blue .am-navbar-title,
#mc-app-home-root.mc.T2 .mc-home.mc-navbar-blue .am-icon-left,
#mc-app-home-root.mc.T2 .mc-home.mc-navbar-blue .am-navbar-title {
  color: #000 !important;
}

#mc-app-home-root.mc.T3 {
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
}

#mc-app-home-root.mc.T3 .mc-home.mc-navbar-blue .am-navbar-title {
  color: #000 !important;
  justify-content: center !important;
}

#mc-app-home-root.mc.T3 .mc-home.mc-navbar-blue .am-icon-left {
  color: #000 !important;
}

#mc-app-home-root.mc.T3 .mc-home.mc-navbar-blue .am-icon-left .return_icon {
  padding-left: 0.24rem;
}

#mc-app-home-root.mc #mc-header,
#root .reward-center #mc-header {
  position: static !important;
}

#root .mc-home.mc-navbar-blue,
#root .mc-leader-board-list .mc-navbar-blue,
#root .mc-rewardCenter .mc-navbar-blue {
  box-shadow: none !important;
  background: transparent !important;
}

.n-home-container {
  position: relative;
}

.n-home-container .n-home-header {
  padding-left: 0.5rem;
}

.n-home-container .footer-wrapper {
  display: flex;
  flex-direction: row;
  padding: 0 0.3rem;
  overflow: hidden;
}

.n-home-container .home-user-footer {
  display: flex;
  flex-direction: row;
  overflow: auto;
}

.n-home-container .home-user-footer.mid-operating {
  margin-top: 0.4rem;
}

.n-home-container .home-user-footer > div {
  text-align: center;
  margin: 0 0.16rem;
  white-space: normal;
}

.n-home-container .home-user-footer .btn-check-view {
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.3rem 0;
}

.n-home-container .common-center-top {
  right: 0;
  width: 100%;
  margin: 0.1rem auto 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.n-home-container .member-home-root {
  margin-top: 0.3rem;
}

.n-home-container .member-home-root .main-nav-list {
  padding: 0.1rem;
}

.n-home-container .n-nav-list-title {
  position: relative;
}

.n-home-container .n-nav-list-title span {
  background: #dfdfdf;
  padding: 0.06rem 0.18rem;
  font-size: 0.2rem;
  border-radius: 0.26rem;
  position: relative;
  display: inline-block;
  z-index: 10;
}

.n-home-container .n-nav-list-title:after {
  content: "";
  position: absolute;
  height: 0.02rem;
  background: #f3f3f3;
  width: 100%;
  top: 0.22rem;
  z-index: 8;
  right: 0;
}

.n-home-container .n-nav-list-title {
  margin-left: 0.5rem;
}

.n-home-container .main-nav-style {
  border: 0 !important;
  padding: 0.2rem 0;
  text-align: center;
  word-break: break-word;
}

.n-home-container .main-nav-style.NOTICE .main-text {
  padding: 0;
}

.n-home-container .main-nav-style .main-text {
  padding: 0 0.09rem;
}

.n-home-container .n-linear-border {
  border-radius: 50%;
}

.n-home-container .n-linear-border svg {
  fill: #d1a24f;
}

.n-home-container .main-nav-style > div {
  border-radius: 50%;
  display: inline-block;
  width: 0.88rem;
  height: 0.88rem;
  margin-bottom: 0.2rem;
  position: relative;
}

.n-home-container .main-nav-style > .n-linear-border:before {
  content: "";
  width: 0.88rem;
  height: 0.88rem;
  background: #fff2db;
  border-radius: 50%;
  left: 1px;
  top: 1px;
  position: absolute;
  z-index: 9;
}

.n-home-container .main-nav-style > .n-linear-border > div {
  box-sizing: border-box;
  padding: 1px;
  border-radius: 50%;
  background-image: linear-gradient(top, #ecd3a8, #fff2db 50%, #ecd3a8);
  width: 0.9rem;
  height: 0.9rem;
}

.n-home-container .main-nav-style > div svg {
  position: absolute;
  top: 50%;
  left: calc(50% + 1px);
  z-index: 11;
  transform: translate(-50%, -50%);
}

.n-home-container .main-nav-style .un-read-count {
  right: -0.12rem;
  z-index: 20;
}

.authorized-container {
  width: calc(100% - 0.48rem);
  margin: 0 auto;
}

.authorized-container .authorized-header {
  margin-top: 0.1rem;
}

.authorized-container .member-home-authorized .main-nav-list {
  position: relative;
}

.authorized-container .authorized-footer {
  margin: 0.3rem 0;
  border-radius: 0.2rem;
  background: #fff;
  padding: 0.31rem 0.25rem;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 0.1rem;
}

.authorized-container .authorized-footer .footer-item {
  flex: 1 1 0%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.11rem;
  color: #000;
  font-size: 0.26rem;
  font-weight: 600;
}

.authorized-container .authorized-footer .footer-item svg {
  width: 0.5rem;
  height: 0.5rem;
}

.authorized-container .authorized-footer .footer-item .item-txt {
  word-break: break-word;
  text-align: center;
}

.authorized-container .member-home-authorized {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  border-radius: 0.2rem;
  background: #fff;
  padding: 0.3rem 0.2rem;
  margin-bottom: 0.3rem;
}

.authorized-container .member-home-authorized .authorized-title {
  color: #000;
  font-size: 0.32rem;
  font-weight: 400;
}

.authorized-container .member-home-authorized .authorized-head {
  padding: 0.2rem;
  padding-bottom: 0;
  border-radius: 0.4rem;
  background:
    linear-gradient(
      114deg,
      hsla(0, 0%, 100%, 0.05) 30.16%,
      hsla(0, 0%, 100%, 0.03) 165.17%,
      hsla(0, 0%, 100%, 0.03) 0
    ),
    linear-gradient(180deg, #feece7, #fff 56%);
}

.authorized-container .member-home-authorized .authorized-head .main-rows {
  display: flex;
  gap: 0.22rem;
}

.authorized-container
  .member-home-authorized
  .authorized-head
  .main-rows
  .feature-item {
  font-size: 0.28rem;
  align-items: center;
  padding: 0.2rem;
  font-weight: 500;
  color: #373635;
  display: flex;
  border-radius: 0.22rem;
  background: #fff;
  width: 3rem;
  height: 1.28rem;
  flex-shrink: 0;
  justify-content: space-between;
}

.authorized-container
  .member-home-authorized
  .authorized-head
  .main-rows
  .feature-item
  svg {
  min-width: 0.72rem;
}

.authorized-container
  .member-home-authorized
  .authorized-head
  .main-rows
  .item-txt {
  word-wrap: break-word;
  max-width: 70%;
}

.authorized-container .member-home-authorized .authorized-head .sec-rows {
  display: grid;
  justify-content: space-between;
  grid-template: 1fr;
  grid-template-columns: repeat(auto-fit, minmax(0.5rem, 1fr));
}

.authorized-container
  .member-home-authorized
  .authorized-head
  .sec-rows
  .feature-item {
  justify-content: flex-start;
  font-size: 0.24rem;
  font-weight: 500;
  line-height: 0.28rem;
  display: flex;
  flex-direction: column;
  margin-top: 0.26rem;
  flex-grow: 1;
  align-items: center;
}

.authorized-container
  .member-home-authorized
  .authorized-head
  .sec-rows
  .feature-item
  svg {
  width: 0.9rem;
  height: 0.9rem;
  margin-bottom: 0.14rem;
}

.authorized-container
  .member-home-authorized
  .authorized-head
  .sec-rows
  .item-txt {
  text-align: center;
}

.authorized-container .member-home-authorized .feature-list {
  display: flex;
  flex-wrap: wrap;
}

.authorized-container .member-home-authorized .feature-list .feature-item {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc(50% - 0.075rem);
  min-height: 0.88rem;
  border-radius: 0.14rem;
  background: #faf5f1;
  display: flex;
  align-items: center;
  color: #874323;
  font-size: 0.24rem;
  margin-bottom: 0.15rem;
  position: relative;
}

.authorized-container
  .member-home-authorized
  .feature-list
  .feature-item:not(:nth-child(2n)) {
  margin-right: 0.15rem;
}

.authorized-container
  .member-home-authorized
  .feature-list
  .feature-item:after {
  content: "";
  width: 0.78rem;
  height: 0.78rem;
}

.authorized-container
  .member-home-authorized
  .feature-list
  .feature-item.REWCEN3:after {
  background: url(/mobile/mc/reward.45225bf3.png) no-repeat 50% / contain;
}

.authorized-container
  .member-home-authorized
  .feature-list
  .feature-item.SECPRIV:after {
  background: url(/mobile/mc/security.dd552c68.png) no-repeat 50% / contain;
}

.authorized-container
  .member-home-authorized
  .feature-list
  .feature-item.PTSYS3:after {
  background: url(/mobile/mc/mall.e86fc08b.png) no-repeat 50% / contain;
}

.authorized-container
  .member-home-authorized
  .feature-list
  .feature-item.REFERRAL:after {
  background: url(/mobile/mc/invite.69d607e5.png) no-repeat 50% / contain;
}

.authorized-container
  .member-home-authorized
  .feature-list
  .feature-item
  .item-txt {
  flex: 1 1 0%;
  height: 100%;
  padding-left: 0.26rem;
  position: relative;
  display: flex;
  align-items: center;
  padding-right: 0.14rem;
}

.authorized-container .member-home-authorized .authorized-list-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
  gap: 0.2rem;
}

.authorized-container
  .member-home-authorized
  .authorized-list-wrap
  .authorized-list-item {
  width: calc((100% - 0.4rem) / 2);
  min-width: 3.2rem;
  border-radius: 0.35rem;
  background: #f9f9fb;
  display: flex;
  gap: 0.14rem;
  align-items: center;
  color: #373635;
  font-size: 0.26rem;
  font-weight: 500;
  padding: 0.13rem 0.22rem;
  min-height: 0.84rem;
  position: relative;
}

.authorized-container
  .member-home-authorized
  .authorized-list-wrap
  .authorized-list-item
  svg {
  min-width: 0.4rem;
  width: 0.4rem;
  height: 0.4rem;
  fill: #fe5a00;
}

.authorized-container
  .member-home-authorized
  .authorized-list-wrap
  .authorized-list-item
  .item-txt {
  display: flex;
  gap: 0.14rem;
  align-items: center;
  flex: 1 1 0%;
  word-break: break-word;
}

.authorized-container
  .member-home-authorized
  .authorized-list-wrap
  .authorized-list-item
  .unread-count {
  left: 0.56rem;
  top: -0.13rem;
}

.authorized-container .unread-count {
  border-radius: 0.14857rem 0.14857rem 0.14857rem 0;
  background: linear-gradient(228deg, #f05e57 2.97%, #e03a32 97.03%);
  min-width: 0.32rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 0.3rem;
  line-height: 0.3rem;
  font-size: 0.20571rem;
  font-weight: 400;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0 0.05rem;
}

.t1-container {
  z-index: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
  background: linear-gradient(90deg, #cb933e, #f7cf8c);
}

.t1-container:before {
  position: absolute;
  content: "";
  width: 6.45rem;
  height: 6.47rem;
  border-radius: 6.47rem;
  background: hsla(0, 0%, 100%, 0.66);
  -webkit-filter: blur(0.9435rem);
  filter: blur(0.9435rem);
  top: -3.31rem;
  left: -2.67rem;
  z-index: 0;
}

.t1-container:after {
  position: absolute;
  content: "";
  width: 5.35rem;
  height: 5.37rem;
  border-radius: 5.37rem;
  background: rgba(0, 0, 0, 0.1);
  -webkit-filter: blur(1.2155rem);
  filter: blur(1.2155rem);
  top: 2.8rem;
  right: 0;
  left: auto;
  z-index: 0;
}

.t1-container.has-vip .memberInfo-t1-wrap {
  margin-top: -0.79rem;
}

.t1-container .mc-header-wrap {
  z-index: 1;
  position: relative;
}

.t1-container .mc-header-wrap .am-navbar-title {
  justify-content: flex-start;
}

.t1-container .mc-header-wrap .mc-whitespace {
  height: 0 !important;
}

.t1-container .member-top-wrap {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  margin-right: 0.1rem;
}

.t1-container .member-top-wrap svg {
  width: 0.42rem;
  height: 0.42rem;
  fill: #666;
}

.t1-container .member-top-wrap .top-item {
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 0.35rem;
  border: 1px solid hsla(0, 0%, 100%, 0.4);
  background: hsla(0, 0%, 100%, 0.3);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.t1-container .member-top-wrap .top-item .unread-count {
  top: -0.14rem;
  right: -0.14rem;
}

.t1-container .t1-header {
  width: calc(100% - 0.62rem);
  margin: 0.16rem auto 0;
  position: relative;
  z-index: 1;
}

.t1-container .t1-header .memberInfo-t1-wrap {
  background:
    linear-gradient(90deg, #cb933e, #f7cf8c),
    linear-gradient(90deg, hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0.8)),
    url(/mobile/mc/home-bg-t1.78db076a.png) no-repeat 50% / cover;
  background-blend-mode: color;
  border-radius: 0.42rem;
  position: relative;
  z-index: 0;
}

.t1-container .t1-header .memberInfo-theme-wrapper {
  padding: 0.3rem 0.2rem;
}

.t1-container
  .t1-header
  .memberInfo-theme-wrapper
  .member-info
  .profile
  .profile-info {
  gap: 0.1rem;
}

.t1-container
  .t1-header
  .memberInfo-theme-wrapper
  .member-info
  .profile
  .profile-info
  .user-name
  .copy-account {
  color: #333;
}

.t1-container
  .t1-header
  .memberInfo-theme-wrapper
  .member-info
  .profile
  .profile-info
  .user-name
  .copy-account
  svg {
  fill: rgba(51, 51, 51, 0.6);
}

.t1-container
  .t1-header
  .memberInfo-theme-wrapper
  .member-info
  .profile
  .profile-info
  .nickname-edit {
  color: #666;
  font-size: 0.22rem;
  font-weight: 500;
}

.t1-container
  .t1-header
  .memberInfo-theme-wrapper
  .member-info
  .profile
  .profile-info
  .nickname-edit
  svg {
  fill: hsla(0, 0%, 40%, 0.6);
}

.t1-container
  .t1-header
  .memberInfo-theme-wrapper
  .member-info
  .profile
  .profile-img
  img {
  width: 0.8rem;
  height: 0.8rem;
}

.t1-container .t1-header .profile-detail-wrapper {
  margin-top: 0.16rem;
  background: transparent !important;
}

.t1-container .t1-header .profile-detail-wrapper .current-wallet {
  color: #333;
  font-size: 0.46rem;
  font-weight: 600;
}

.t1-container .t1-header .profile-detail-wrapper .current-wallet svg {
  fill: rgba(51, 51, 51, 0.4);
}

.t1-container .t1-header .profile-detail-wrapper .detail-top {
  padding: 0;
  margin: 0 0 0.16rem;
}

.t1-container .t1-header .profile-detail-wrapper .detail-mid {
  padding: 0;
}

.t1-container .t1-header .profile-detail-wrapper .detail-mid .mid-item {
  color: #666;
}

.t1-container .t1-header .profile-detail-wrapper .detail-mid .mid-item.time {
  order: -1;
  justify-content: flex-start;
}

.t1-container .t1-header .profile-detail-wrapper .detail-mid .mid-item svg {
  fill: #666;
}

.t1-container .t1-header .profile-detail-wrapper .detail-bottom {
  border-radius: 0.22rem;
  background: hsla(0, 0%, 100%, 0.2);
  padding: 0.1rem 0.16rem;
  min-height: 0.76rem;
  align-items: center;
}

.t1-container .t1-header .profile-detail-wrapper .detail-bottom .bottom-item {
  color: #333;
  justify-content: center;
}

.t1-container
  .t1-header
  .profile-detail-wrapper
  .detail-bottom
  .bottom-item
  svg {
  width: 0.28rem;
  height: 0.28rem;
  fill: #333;
}

.t1-container .t1-header .t1-footer {
  margin: 0.3rem auto;
  display: flex;
  justify-content: space-evenly;
}

.t1-container .t1-header .t1-footer .footer-item {
  flex: 1 1 0%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.16rem;
  font-size: 0.26rem;
  font-weight: 400;
  color: #fff;
  text-align: center;
  word-break: break-word;
}

.t1-container .t1-header .t1-footer .footer-item .item-icon {
  border-radius: 0.27rem;
  background: radial-gradient(50% 50% at 50% 50%, #cb933e 0, #f7cf8c 100%);
  width: 0.8rem;
  height: 0.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.t1-container .t1-header .t1-footer .footer-item .item-icon svg {
  width: 0.48rem;
  height: 0.48rem;
}

.t1-container .member-home-t1 {
  flex: 1 1 0%;
  border-radius: 0.3rem 0.3rem 0 0;
  background: #f7f7f7;
  padding: 0.3rem 0.24rem;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  position: relative;
  z-index: 1;
}

.t1-container .member-home-t1 .feature-list-t1 {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 0.28rem;
}

.t1-container .member-home-t1 .feature-list-t1 .feature-item {
  flex: 1 1 0%;
  min-height: 1.45rem;
  border-radius: 0.14rem;
  padding: 0.18rem;
  position: relative;
  font-size: 0.24rem;
}

.t1-container .member-home-t1 .feature-list-t1 .feature-item:after {
  position: absolute;
  content: "";
  right: 0;
  bottom: 0;
  width: 0.88rem;
  height: 0.88rem;
}

.t1-container .member-home-t1 .feature-list-t1 .feature-item.REWCEN3 {
  color: #874323;
  border: 1px solid #f1edbd;
  background: linear-gradient(119deg, #fefbea 0.58%, #faf6c9 99.42%);
}

.t1-container .member-home-t1 .feature-list-t1 .feature-item.REWCEN3:after {
  background: url(/mobile/mc/reward.45225bf3.png) no-repeat 50% / contain;
}

.t1-container .member-home-t1 .feature-list-t1 .feature-item.SECPRIV {
  color: #8e0000;
  border: 1px solid #f2d0bf;
  background: linear-gradient(119deg, #fef1ea 0.58%, #fadbc9 99.42%);
}

.t1-container .member-home-t1 .feature-list-t1 .feature-item.SECPRIV:after {
  background: url(/mobile/mc/security.dd552c68.png) no-repeat 50% / contain;
}

.t1-container .member-home-t1 .feature-list-t1 .feature-item.REFERRAL {
  color: #0b4e8b;
  border: 1px solid #c1e9f3;
  background: linear-gradient(119deg, #f3fbff 0.58%, #c3f1ff 99.42%);
}

.t1-container .member-home-t1 .feature-list-t1 .feature-item.REFERRAL:after {
  background: url(/mobile/mc/invite-t1.d56a8f0b.png) no-repeat 50% / contain;
}

.t1-container .member-home-t1 .feature-list-t1 .feature-item .item-txt {
  position: relative;
  z-index: 1;
  line-height: 1.5;
}

.t1-container .t1-list-wrap {
  border-radius: 0.2rem;
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 0.2rem;
  padding: 0.3rem 0.2rem;
}

.t1-container .t1-list-wrap .t1-list-item {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc(25% - 0.15rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.14rem;
  min-height: 1.62rem;
}

.t1-container .t1-list-wrap .t1-list-item .item-icon {
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 0.45rem;
  background: linear-gradient(0deg, #cb933e, #f7cf8c);
  box-shadow: 0 0.04rem 0.092rem 0 hsla(0, 0%, 79%, 0.47);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.t1-container .t1-list-wrap .t1-list-item .item-icon svg {
  width: 0.44rem;
  height: 0.44rem;
}

.t1-container .t1-list-wrap .t1-list-item .item-txt {
  color: #373635;
  font-size: 0.24rem;
  text-align: center;
  word-break: break-word;
}

.t1-container .t1-ac-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.t1-container .t1-ac-wrapper .ac-feature-list {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}

.t1-container .t1-ac-wrapper .ac-feature-list .feature-item {
  flex: 1 1 0%;
  max-width: 3.4rem;
  border-radius: 0.2rem;
  background: #fff;
  min-height: 1.17rem;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.28rem;
  color: #373635;
  padding: 0.11rem 0.2rem;
}

.t1-container .t1-ac-wrapper .ac-feature-list .feature-item:after {
  content: "";
  width: 0.94rem;
  height: 0.94rem;
  margin-left: 0.42rem;
}

.t1-container .t1-ac-wrapper .ac-feature-list .feature-item.AGEPAG:after {
  background: url(/mobile/mc/team-overview.c31fb8cd.png) no-repeat 50% / contain;
}

.t1-container .t1-ac-wrapper .ac-feature-list .feature-item.REGCEN:after {
  background: url(/mobile/mc/open-account.9cfc80d2.png) no-repeat 50% / contain;
}

.t1-container .t1-ac-wrapper .ac-feature-list .feature-item .item-txt {
  word-break: break-word;
  max-width: calc(100% - 1.36rem);
}

.t1-container .t1-ac-wrapper .t1-ac-list {
  border-radius: 0.2rem;
  background: #fff;
  padding: 0 0.3rem;
  display: flex;
  flex-direction: column;
}

.t1-container .t1-ac-wrapper .t1-ac-list .t1-list-item {
  display: flex;
  gap: 0.14rem;
  align-items: center;
  padding: 0.3rem 0;
}

.t1-container .t1-ac-wrapper .t1-ac-list .t1-list-item:not(:last-child) {
  border-bottom: 1px solid #f3f3f3;
}

.t1-container .t1-ac-wrapper .t1-ac-list .t1-list-item .item-icon {
  position: relative;
}

.t1-container .t1-ac-wrapper .t1-ac-list .t1-list-item .item-icon svg {
  width: 0.42rem;
  height: 0.42rem;
  fill: #17120e;
}

.t1-container
  .t1-ac-wrapper
  .t1-ac-list
  .t1-list-item
  .item-icon
  .unread-count {
  top: -0.21rem;
  right: -0.32rem;
}

.t1-container .t1-ac-wrapper .t1-ac-list .t1-list-item .item-icon img {
  width: 0.42rem;
  height: 0.42rem;
}

.t1-container .t1-ac-wrapper .t1-ac-list .t1-list-item .item-txt {
  flex: 1 1 0%;
  color: #353537;
  font-size: 0.26rem;
  word-break: break-word;
}

.t1-container .t1-ac-wrapper .t1-ac-list .t1-list-item .item-arrow svg {
  fill: #a0a0a0;
  width: 0.12rem;
  height: 0.12rem;
}

.t1-container .unread-count {
  border-radius: 0.15rem 0.15rem 0.15rem 0;
  background: linear-gradient(228deg, #f05e57 2.97%, #e03a32 97.03%);
  min-width: 0.28rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 0.28rem;
  line-height: 0.28rem;
  font-size: 0.22rem;
  font-weight: 400;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: -1px;
  top: -1px;
  padding: 0 0.05rem;
}

.t1-container .vip-wrapper {
  height: 1.2rem;
  overflow: hidden;
  display: flex;
  justify-content: flex-end;
}

.t1-container .vip-wrapper .vip-wrap {
  background:
    linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
    linear-gradient(90deg, #cb933e -8.22%, #f7cf8c);
  border-radius: 0 0.25rem 0 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  padding: 0 0.15rem 0 0;
  background-blend-mode: multiply;
  max-width: 80%;
}

.t1-container .vip-wrapper .vip-bg {
  position: absolute;
  left: -0.5rem;
  top: -0.02rem;
  width: 0.52rem;
  height: 0.5rem;
}

.t1-container .vip-wrapper .vip-bg svg {
  width: 100%;
  height: 100%;
  opacity: 0.95;
}

.t1-container .vip-wrapper .vip-name {
  font-size: 0.22rem;
  font-weight: 600;
  color: #fff;
  height: 0.41rem;
  display: flex;
  align-items: center;
  margin-left: 0.4rem;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
  line-height: 0.41rem;
}

.t1-container .vip-wrapper .vip-name:before {
  position: absolute;
  content: "";
  width: 0.3rem;
  height: 0.3rem;
  background: url(/mobile/mc/t1-vip-icon.83a162a9.png) no-repeat 50% / contain;
  margin: 0 0.05rem;
  left: -0.05rem;
  top: 0.06rem;
}

.t2-container {
  z-index: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
  background:
    linear-gradient(0deg, hsla(0, 0%, 100%, 0.7), hsla(0, 0%, 100%, 0.7)),
    linear-gradient(90deg, #ffda92 0.25%, #ffaa2e 99.75%);
}

.t2-container:before {
  position: absolute;
  content: "";
  width: 6.45rem;
  height: 6.47rem;
  border-radius: 6.47rem;
  background: hsla(0, 0%, 100%, 0.66);
  -webkit-filter: blur(0.9435rem);
  filter: blur(0.9435rem);
  top: -3.31rem;
  left: -2.67rem;
  z-index: 0;
}

.t2-container:after {
  position: absolute;
  content: "";
  width: 5.35rem;
  height: 5.37rem;
  border-radius: 5.37rem;
  background: rgba(0, 0, 0, 0.1);
  -webkit-filter: blur(1.2155rem);
  filter: blur(1.2155rem);
  top: 2.8rem;
  right: 0;
  left: auto;
  z-index: 0;
}

.t2-container.has-vip .memberInfo-t2-wrap {
  margin-top: 0;
}

.t2-container .mc-header-wrap {
  z-index: 1;
  position: relative;
}

.t2-container .mc-header-wrap .am-navbar-title {
  justify-content: flex-start;
}

.t2-container .mc-header-wrap .mc-whitespace {
  height: 0 !important;
}

.t2-container .member-top-wrap {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  margin-right: 0.1rem;
}

.t2-container .member-top-wrap svg {
  width: 0.42rem;
  height: 0.42rem;
  fill: #666;
}

.t2-container .member-top-wrap .top-item {
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 0.35rem;
  border: 1px solid hsla(0, 0%, 100%, 0.4);
  background: hsla(0, 0%, 100%, 0.3);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.t2-container .t2-header {
  width: calc(100% - 0.62rem);
  margin: 0.16rem auto 0;
  position: relative;
  z-index: 1;
}

.t2-container .t2-header .memberInfo-t2-wrap {
  background: transparent;
  position: relative;
  z-index: 0;
  color: #666;
  font-size: 0.22rem;
  font-weight: 500;
  line-height: 0.22rem;
}

.t2-container .t2-header .memberInfo-t2-wrap .unread-count {
  right: -0.2rem;
  top: -0.14rem;
}

.t2-container .t2-header .memberInfo-t2-wrap .last-login-info {
  justify-content: space-between;
  display: flex;
  padding-right: 0.24rem;
  min-height: 0.75rem;
}

.t2-container .t2-header .memberInfo-t2-wrap .last-login-info .last-login-item {
  text-align: left;
  width: 50%;
  display: flex;
  align-items: center;
}

.t2-container
  .t2-header
  .memberInfo-t2-wrap
  .last-login-info
  .last-login-item
  svg {
  width: 0.22rem;
  margin-right: 0.08rem;
}

.t2-container .t2-header .memberInfo-t2-wrap .contact-area {
  justify-content: flex-end;
  min-width: 1.2rem;
  display: flex;
  gap: 0.36rem;
  align-items: center;
}

.t2-container .t2-header .memberInfo-t2-wrap .contact-area .top-item {
  position: relative;
}

.t2-container .t2-header .memberInfo-t2-wrap .contact-area .top-item svg {
  fill: #000;
}

.t2-container .t2-header .memberInfo-theme-wrapper {
  padding: 0 0.2rem;
}

.t2-container
  .t2-header
  .memberInfo-theme-wrapper
  .member-info
  .profile
  .profile-info {
  flex-grow: 1;
  gap: 0.1rem;
}

.t2-container
  .t2-header
  .memberInfo-theme-wrapper
  .member-info
  .profile
  .profile-info
  .profile-icon {
  display: flex;
  justify-content: center;
}

.t2-container
  .t2-header
  .memberInfo-theme-wrapper
  .member-info
  .profile
  .profile-info
  .user-name
  .copy-account {
  color: #333;
}

.t2-container
  .t2-header
  .memberInfo-theme-wrapper
  .member-info
  .profile
  .profile-info
  .user-name
  .copy-account
  svg {
  fill: rgba(51, 51, 51, 0.6);
}

.t2-container
  .t2-header
  .memberInfo-theme-wrapper
  .member-info
  .profile
  .profile-info
  .nickname-edit {
  max-width: 4.58rem;
  color: #666;
  font-size: 0.22rem;
  font-weight: 500;
}

.t2-container
  .t2-header
  .memberInfo-theme-wrapper
  .member-info
  .profile
  .profile-info
  .nickname-edit
  svg {
  fill: hsla(0, 0%, 40%, 0.6);
}

.t2-container
  .t2-header
  .memberInfo-theme-wrapper
  .member-info
  .profile
  .profile-img
  .profile-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}

.t2-container
  .t2-header
  .memberInfo-theme-wrapper
  .member-info
  .profile
  .profile-img
  img {
  width: 0.8rem;
  height: 0.8rem;
}

.t2-container .t2-header .profile {
  display: flex;
  flex: 1 1 0%;
  gap: 0.14rem;
}

.t2-container .t2-header .profile .profile-img img {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
}

.t2-container .t2-header .profile .profile-info {
  display: flex;
  flex-direction: column;
  gap: 0.19rem;
  flex-grow: 1;
}

.t2-container .t2-header .profile .profile-info .user-name .copy-account {
  display: flex;
  align-items: center;
  gap: 0.1rem;
  color: #000;
  font-size: 0.32rem;
  font-weight: 600;
}

.t2-container .t2-header .profile .profile-info .user-name .copy-account svg {
  width: 0.3rem;
  height: 0.3rem;
  fill: rgba(37, 37, 37, 0.6);
}

.t2-container .t2-header .profile .profile-info .nickname-info {
  display: flex;
  gap: 0.05rem;
  align-items: center;
}

.t2-container .t2-header .profile .profile-info .nickname-info .name-text {
  word-break: break-word;
}

.t2-container .t2-header .profile .profile-info .nickname-info .go-to-edit {
  display: inline-flex;
  height: 0.28rem;
  width: 0.28rem;
}

.t2-container .t2-header .profile .profile-info .nickname-info .go-to-edit svg {
  height: 0.28rem;
  fill: #66666699;
}

.t2-container .t2-header .profile .profile-info .nickname-info .info-title {
  word-break: keep-all;
}

.t2-container .t2-header .profile .profile-info .nickname-info .nickname-edit {
  color: #444;
  font-size: 0.24rem;
  font-weight: 400;
  display: flex;
  align-items: center;
}

.t2-container
  .t2-header
  .profile
  .profile-info
  .nickname-info
  .nickname-edit
  svg {
  fill: #66666699;
  width: 0.28rem;
  height: 0.28rem;
  margin-left: 0.05rem;
}

.t2-container .t2-header .current-wallet {
  display: inline-flex;
  align-items: center;
  color: #333;
  font-size: 0.54rem;
  font-weight: 500;
}

.t2-container .t2-header .current-wallet svg {
  width: 0.28rem;
  height: 0.28rem;
  fill: rgba(51, 51, 51, 0.4);
}

.t2-container .t2-header .profile-detail-wrapper {
  background:
    linear-gradient(90deg, #cb933e, #f7cf8c),
    linear-gradient(90deg, hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0.8)),
    url(/mobile/mc/home-bg-t1.78db076a.png) no-repeat 50% / cover;
  padding: 0.26rem 0.3rem;
  background-blend-mode: color;
  border-radius: 0.42rem;
  margin-top: 0.3rem;
}

.t2-container .t2-header .profile-detail-wrapper .detail-mid {
  padding: 0;
}

.t2-container .t2-header .profile-detail-wrapper .detail-mid .mid-item {
  color: #666;
}

.t2-container .t2-header .profile-detail-wrapper .detail-mid .mid-item.time {
  order: -1;
  justify-content: flex-start;
}

.t2-container .t2-header .profile-detail-wrapper .detail-mid .mid-item svg {
  fill: #666;
}

.t2-container .t2-header .profile-detail-wrapper .detail-bottom {
  background-color: transparent;
  padding: 0;
  border-radius: 0.22rem;
  min-height: 0.6rem;
  align-items: center;
}

.t2-container .t2-header .profile-detail-wrapper .detail-bottom .bottom-item {
  padding: 0.16rem 0.12rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.3rem;
  height: 100%;
  color: #fff;
  background: #ffaa2e;
}

.t2-container
  .t2-header
  .profile-detail-wrapper
  .detail-bottom
  .bottom-item
  svg {
  width: 0.28rem;
  height: 0.28rem;
  fill: #fff;
}

.t2-container .detail-top {
  min-height: 1.8rem;
  position: relative;
  border-radius: 0.3rem 0.3rem 0 0;
  padding: 0.26rem 0 0 0.3rem;
  margin: 0.3rem 0 0.16rem;
  background:
    url(/mobile/mc/member-card-bg.40c964a1.png) no-repeat 50% / cover,
    linear-gradient(#efe0eb, #7b7a7a);
  direction: ltr;
}

.t2-container .detail-top .refresh-balance {
  margin-left: 0;
}

.t2-container .detail-top .t2-footer {
  margin: 0.33rem auto 0.2rem;
  display: flex;
  justify-content: space-evenly;
  margin-right: 0.3rem;
}

.t2-container .detail-top .t2-footer .footer-item {
  flex: 1 1 0%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.16rem;
  font-size: 0.26rem;
  font-weight: 400;
  color: #fff;
  text-align: center;
  word-break: break-word;
}

.t2-container .detail-top .t2-footer .footer-item .item-icon {
  padding-left: 0.1rem;
  border-radius: 0.4rem;
  background: linear-gradient(90deg, #fbab49, #fd911b);
  width: 2rem;
  height: 0.6rem;
  gap: 0.03rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.t2-container .detail-top .t2-footer .footer-item .item-icon .item-txt {
  text-align: left;
}

.t2-container .detail-top .t2-footer .footer-item .item-icon svg {
  fill: #ffaa2e;
  min-width: 0.36rem;
  height: 0.36rem;
}

.t2-container .member-home-t2 {
  flex: 1 1 0%;
  border-radius: 0.3rem 0.3rem 0 0;
  padding: 0 0.24rem 0.64rem;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  position: relative;
  z-index: 1;
}

.t2-container .member-home-t2 .feature-list-t2 {
  border-radius: 0.3rem;
  background: #fff;
  padding: 0.2rem;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 0.28rem;
}

.t2-container .member-home-t2 .feature-list-t2 .feature-item {
  flex: 1 1 0%;
  min-height: 1.45rem;
  min-width: 30%;
  border-radius: 0.14rem;
  padding: 0.18rem;
  position: relative;
  font-size: 0.24rem;
}

.t2-container .member-home-t2 .feature-list-t2 .feature-item:after {
  position: absolute;
  content: "";
  right: 0;
  bottom: 0;
  width: 0.88rem;
  height: 0.88rem;
}

.t2-container .member-home-t2 .feature-list-t2 .feature-item .item-txt {
  min-width: 93%;
  height: 100%;
  display: block;
  max-width: 1.29rem;
  word-break: break-word;
  direction: ltr;
}

.t2-container .member-home-t2 .feature-list-t2 .feature-item.REWCEN3 {
  color: #874323;
  border-radius: 0.27rem;
  background: linear-gradient(180deg, #ffc965, #ffe2b6);
}

.t2-container .member-home-t2 .feature-list-t2 .feature-item.REWCEN3:after {
  background: url(/mobile/mc/entry-reward.dfeffedb.png) no-repeat 50% / contain;
}

.t2-container .member-home-t2 .feature-list-t2 .feature-item.SECPRIV {
  color: #8e0000;
  border-radius: 0.27rem;
  background: linear-gradient(180deg, #6c89ef, #acb5fe);
}

.t2-container .member-home-t2 .feature-list-t2 .feature-item.SECPRIV:after {
  background: url(/mobile/mc/entry-security.9e6e35ab.png) no-repeat 50% /
    contain;
}

.t2-container .member-home-t2 .feature-list-t2 .feature-item.PTSYS3 {
  color: #0b4e8b;
  border-radius: 0.27rem;
  background: linear-gradient(180deg, #ff5855, #ffaba0);
}

.t2-container .member-home-t2 .feature-list-t2 .feature-item.PTSYS3:after {
  background: url(/mobile/mc/entry-pointMall.31aa5245.png) no-repeat 50% /
    contain;
}

.t2-container .member-home-t2 .feature-list-t2 .feature-item.REFERRAL {
  color: #ff4747;
  border-radius: 0.27rem;
  background: linear-gradient(180deg, #ff5855, #ffaba0);
}

.t2-container .member-home-t2 .feature-list-t2 .feature-item.REFERRAL:after {
  background: url(/mobile/mc/entry-invite.a14e2bad.png) no-repeat 50% / contain;
}

.t2-container .member-home-t2 .feature-list-t2 .feature-item .item-txt {
  min-height: 0.55rem;
  color: #fff;
  position: relative;
  z-index: 1;
  font-size: 0.26rem;
  font-weight: 600;
}

.t2-container .member-home-t2 .feature-list-t2 .unread-count {
  top: -0.14rem;
  right: 0;
}

.t2-container .member-home-t2 .item-content {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.t2-container .member-home-t2 .item-content .unread-count {
  right: -0.4rem;
}

.t2-container .t2-list-wrap {
  border-radius: 0.2rem;
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 0.2rem;
  padding: 0.3rem 0.2rem;
}

.t2-container .t2-list-wrap .t2-list-item {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc(25% - 0.15rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.14rem;
  min-height: 1.08rem;
  min-width: 1.5rem;
}

.t2-container .t2-list-wrap .t2-list-item .item-icon {
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 0.45rem;
  background: linear-gradient(0deg, #cb933e, #f7cf8c);
  box-shadow: 0 0.04rem 0.092rem 0 hsla(0, 0%, 79%, 0.47);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.t2-container .t2-list-wrap .t2-list-item .item-icon svg {
  width: 0.44rem;
  height: 0.44rem;
}

.t2-container .t2-list-wrap .t2-list-item .item-txt {
  text-align: left;
  min-height: 0.3rem;
  color: #fff;
  font-size: 0.24rem;
  font-weight: 600;
  word-break: break-word;
}

.t2-container .t2-ac-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.t2-container .t2-ac-wrapper .list-wrap {
  gap: 0.26rem;
  display: flex;
}

.t2-container .t2-ac-wrapper .t2-ac-list,
.t2-container .t2-ac-wrapper .t2-mc-list {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: calc(50% - 0.1rem);
  border-radius: 0.2rem;
  display: flex;
  flex-direction: column;
}

.t2-container .t2-ac-wrapper .t2-ac-list {
  width: 100%;
}

.t2-container .t2-ac-wrapper .t2-list-item {
  height: 1.08rem;
  display: flex;
  align-items: center;
  gap: 0.14rem;
  margin: 0 0.3rem;
}

.t2-container .t2-ac-wrapper .t2-list-item:not(:last-child) {
  border-bottom: 1px solid #f3f3f3;
}

.t2-container .t2-ac-wrapper .t2-list-item .item-icon {
  width: 0.48rem;
  height: 0.48rem;
  position: relative;
  justify-content: flex-start;
}

.t2-container .t2-ac-wrapper .t2-list-item .item-icon svg {
  fill: #ffaa2e;
  width: 0.48rem;
  height: 0.48rem;
}

.t2-container .t2-ac-wrapper .t2-list-item .item-icon .unread-count {
  right: -0.3rem;
  top: -0.2rem;
}

.t2-container .t2-ac-wrapper .t2-list-item .item-icon img {
  width: 100%;
  height: auto;
}

.t2-container .t2-ac-wrapper .t2-list-item .item-icon .item-txt {
  text-align: left;
}

.t2-container .t2-ac-wrapper .t2-list-item .item-txt {
  flex: 1 1 0%;
  color: #353537;
  font-size: 0.25rem;
  font-weight: 500;
  word-break: break-word;
}

.t2-container .t2-ac-wrapper .t2-list-item .item-arrow svg {
  fill: #a0a0a0;
  width: 0.12rem;
  height: 0.12rem;
}

.t2-container .t2-ac-wrapper .title-container {
  position: relative;
  border-radius: 0.2rem;
  background: #fff;
}

.t2-container .t2-ac-wrapper .main-list-title {
  display: block;
  margin-top: 0.3rem;
  font-size: 0.32rem;
  font-weight: 800;
  width: 100%;
  min-height: 0.39rem;
  padding: 0 0.18rem;
  position: relative;
}

.t2-container .t2-ac-wrapper .main-deco {
  position: absolute;
  left: 0;
  top: 0.3rem;
  max-width: 1.29rem;
  word-break: break-all;
  display: flex;
  width: 0.06rem;
  height: 0.4rem;
  content: "";
  border-radius: 0 0.06rem 0.06rem 0;
  background: linear-gradient(181deg, #ffda92 0.99%, #ffaa2e 99.01%);
}

.t2-container .vip-wrapper {
  height: 0.52rem;
  overflow: hidden;
  display: inline-flex;
  position: absolute;
  right: 0;
  top: 0.26rem;
  justify-content: flex-end;
}

.t2-container .vip-wrapper .vip-wrap {
  display: flex;
  align-items: center;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 0.3rem 0 0 0.3rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  padding: 0 0.15rem 0 0;
  background-blend-mode: multiply;
}

.t2-container .vip-wrapper .vip-bg {
  position: absolute;
  left: -0.5rem;
  top: -0.02rem;
  width: 0.52rem;
  height: 0.5rem;
}

.t2-container .vip-wrapper .vip-bg svg {
  width: 100%;
  height: 100%;
  opacity: 0.95;
}

.t2-container .vip-wrapper .vip-name {
  max-width: 2.5rem;
  font-size: 0.22rem;
  font-weight: 600;
  color: #fff;
  padding-left: 0.1rem;
  display: flex;
  align-items: center;
}

.t2-container .vip-wrapper .vip-name span {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-inline-box;
  -webkit-line-clamp: 2;
}

.t2-container .vip-wrapper .vip-name:before {
  content: "";
  display: block;
  min-width: 0.3rem;
  width: 0.3rem;
  height: 0.3rem;
  background: url(/mobile/mc/t1-vip-icon.83a162a9.png) no-repeat 50% / contain;
  margin: 0 0.05rem;
}

.t2-container .unread-count {
  border-radius: 0.15rem 0.15rem 0.15rem 0;
  background: linear-gradient(228deg, #f05e57 2.97%, #e03a32 97.03%);
  min-width: 0.28rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 0.28rem;
  line-height: 0.28rem;
  font-size: 0.22rem;
  font-weight: 400;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  padding: 0 0.05rem;
}

.t3-container {
  z-index: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
  background:
    linear-gradient(0deg, hsla(0, 0%, 100%, 0.59), hsla(0, 0%, 100%, 0.59)),
    linear-gradient(210deg, #f1f9ff 0.11%, #b3bcc8 53.27%, #f1f9ff 99.89%);
}

.t3-container .header-bg {
  position: absolute;
  width: 100%;
  z-index: -1;
  overflow: hidden;
  height: 100%;
}

.t3-container .header-bg .header-bg1 {
  position: absolute;
  width: 3.4543rem;
  height: 4.03rem;
  left: -1.37rem;
  top: -0.45rem;
}

.t3-container .header-bg .header-bg1 svg {
  width: 100%;
  height: 100%;
}

.t3-container .header-bg .header-bg2 {
  position: absolute;
  width: 3.46552rem;
  height: 3.82457rem;
  right: -0.74rem;
  top: 0.71rem;
}

.t3-container .header-bg .header-bg2 svg {
  width: 100%;
  height: 100%;
}

.t3-container.has-vip .t3-header {
  position: relative;
  direction: ltr;
}

.t3-container.has-vip .t3-header:before {
  position: absolute;
  content: "";
  background: url(/mobile/mc/vip-img.09a90cc6.png) no-repeat 50% / contain;
  width: 1.88rem;
  height: 1.9rem;
  top: -0.44rem;
  right: 0.41rem;
}

.t3-container .mc-header-wrap {
  z-index: 1;
  position: relative;
}

.t3-container .mc-header-wrap .am-navbar-title {
  justify-content: flex-start;
}

.t3-container .mc-header-wrap .mc-whitespace {
  height: 0 !important;
}

.t3-container .member-top-wrap {
  display: flex;
  align-items: center;
  gap: 0.36rem;
  margin-right: 0.24rem;
}

.t3-container .member-top-wrap svg {
  fill: #000;
}

.t3-container .member-top-wrap .top-item {
  width: 0.42rem;
  height: 0.42rem;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.t3-container .member-top-wrap .top-item .unread-count {
  top: -0.14rem;
  right: -0.14rem;
}

.t3-container .t3-header {
  padding: 0.33rem 0.24rem 0;
  display: flex;
  flex-direction: column;
  gap: 0.37rem;
}

.t3-container .t3-header .header-info-wrap {
  min-height: 0.75rem;
}

.t3-container .t3-header .header-info {
  display: flex;
  flex-direction: column;
  gap: 0.12rem;
  color: #666;
  font-size: 0.24rem;
  font-weight: 500;
}

.t3-container .t3-header .header-info .info-item {
  display: flex;
  align-items: center;
  gap: 0.08rem;
}

.t3-container .t3-header .header-info .info-item svg {
  width: 0.32rem;
  height: 0.32rem;
}

.t3-container .t3-header .memberInfo-t3-wrap {
  border-radius: 0.48rem;
  background: #fff;
  box-shadow: 0 0.05rem 0.16rem 0 rgba(0, 0, 0, 0.05);
  min-height: 1.88rem;
  padding: 0 0.3rem;
  display: flex;
  align-items: center;
  position: relative;
}

.t3-container .t3-header .memberInfo-t3-wrap .member-info .profile {
  align-items: center;
}

.t3-container
  .t3-header
  .memberInfo-t3-wrap
  .member-info
  .profile
  .profile-info {
  margin-right: 0;
  gap: 0.13rem;
}

.t3-container
  .t3-header
  .memberInfo-t3-wrap
  .member-info
  .profile
  .profile-info
  .user-name
  .copy-account {
  font-size: 0.4rem;
  color: #333;
  font-weight: 600;
}

.t3-container
  .t3-header
  .memberInfo-t3-wrap
  .member-info
  .profile
  .profile-info
  .nickname-edit {
  color: #666;
  font-weight: 500;
  gap: 0.05rem;
}

.t3-container
  .t3-header
  .memberInfo-t3-wrap
  .member-info
  .profile
  .profile-img {
  margin-right: 0.2rem;
}

.t3-container .t3-header .memberInfo-t3-wrap .vip-wrapper {
  position: absolute;
  right: 0;
  top: 0;
  color: #333;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.t3-container .t3-header .memberInfo-t3-wrap .vip-wrapper .vip-wrap {
  height: 0.44rem;
  border-radius: 0 0.285rem 0 0;
  padding: 0 0.23rem 0 0.48rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.08rem;
}

.t3-container .t3-header .memberInfo-t3-wrap .vip-wrapper .vip-wrap:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 0.48rem;
  height: calc(100% + 0.02rem);
  background: #fff;
}

.t3-container .t3-header .memberInfo-t3-wrap .vip-wrapper .vip-bg {
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
}

.t3-container .t3-header .memberInfo-t3-wrap .vip-wrapper .vip-bg svg {
  width: 0.48rem;
  height: 0.44rem;
  opacity: 0.5;
}

.t3-container .t3-header .memberInfo-t3-wrap .vip-wrapper .vip-img {
  width: 0.34rem;
  height: 0.34rem;
}

.t3-container .t3-header .memberInfo-t3-wrap .vip-wrapper .vip-img svg {
  width: 100%;
  height: 100%;
}

.t3-container .t3-header .memberInfo-t3-wrap .vip-wrapper .vip-name {
  font-size: 0.22rem;
  font-weight: 600;
  color: #333;
  display: flex;
  align-items: center;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
}

.t3-container .t3-content-wrapper {
  flex: 1 1 0%;
  width: 100%;
  border-radius: 0.3rem 0.3rem 0 0;
  background: linear-gradient(90deg, #fff, #f8fbff 60.5%);
  padding-top: 0.08rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.24rem;
  margin: 0.22rem auto 0;
  padding-bottom: 0.87rem;
}

.t3-container .t3-content-wrapper .t3-content-top {
  margin-top: 0.08rem;
  width: calc(100% - 0.04rem);
  display: flex;
  justify-content: space-between;
  direction: ltr;
}

.t3-container .t3-content-wrapper .t3-content-top .balance-wrapper {
  width: 4.38rem;
  min-height: 3.1rem;
  display: flex;
  flex-direction: column;
  gap: 0.26rem;
  padding: 0 0.4rem;
  font-size: 0.36rem;
  font-weight: 400;
  color: #fff;
  position: relative;
  z-index: 0;
}

.t3-container .t3-content-wrapper .t3-content-top .balance-wrapper:before {
  position: absolute;
  content: "";
  width: 4.38rem;
  height: 3.1rem;
  left: 0;
  background: url(/mobile/mc/balance-header-bg.60699d39.png) no-repeat
    top/contain;
  z-index: -1;
}

.t3-container .t3-content-wrapper .t3-content-top .balance-wrapper:after {
  position: absolute;
  content: "";
  width: calc(100% - 0.4rem);
  height: calc(100% - 0.36rem);
  left: 0.2rem;
  bottom: 0;
  background: linear-gradient(310deg, #ff3800 3.97%, #fe8167 96.03%);
  -webkit-filter: drop-shadow(0 0.05rem 0.16rem rgba(250, 80, 57, 0.26));
  filter: drop-shadow(0 0.05rem 0.16rem rgba(250, 80, 57, 0.26));
  border-radius: 0 0.24rem 0.24rem 0.24rem;
  z-index: -1;
}

.t3-container .t3-content-wrapper .t3-content-top .balance-wrapper .item-title {
  margin-top: 0.66rem;
}

.t3-container
  .t3-content-wrapper
  .t3-content-top
  .balance-wrapper
  .current-wallet {
  font-size: 0.44rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 0.09rem;
}

.t3-container
  .t3-content-wrapper
  .t3-content-top
  .balance-wrapper
  .current-wallet
  .total-item {
  flex: 1 1 0%;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
}

.t3-container
  .t3-content-wrapper
  .t3-content-top
  .balance-wrapper
  .current-wallet
  .wallet-icon {
  width: 0.33rem;
  height: 0.33rem;
  background: #f5b5b3;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.t3-container
  .t3-content-wrapper
  .t3-content-top
  .balance-wrapper
  .current-wallet
  .wallet-icon
  svg {
  width: 0.19rem;
  height: 0.19rem;
  fill: #fff;
}

.t3-container
  .t3-content-wrapper
  .t3-content-top
  .balance-wrapper
  .balance-bottom {
  display: flex;
  justify-content: space-between;
  direction: ltr;
}

.t3-container
  .t3-content-wrapper
  .t3-content-top
  .balance-wrapper
  .balance-bottom
  .bottom-item {
  width: 50%;
  min-height: 0.64rem;
  position: relative;
  font-size: 0.26rem;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 0 0.1rem;
  word-break: break-word;
  z-index: 0;
}

.t3-container
  .t3-content-wrapper
  .t3-content-top
  .balance-wrapper
  .balance-bottom
  .bottom-item:before {
  content: "";
  position: absolute;
  width: 1.85rem;
  height: 100%;
  top: 0;
  z-index: -1;
}

.t3-container
  .t3-content-wrapper
  .t3-content-top
  .balance-wrapper
  .balance-bottom
  .bottom-item.deposit {
  padding-right: 0.2rem;
}

.t3-container
  .t3-content-wrapper
  .t3-content-top
  .balance-wrapper
  .balance-bottom
  .bottom-item.deposit:before {
  left: 0;
  background: url(/mobile/mc/deposit-bg-t3.adf7e133.png) no-repeat 50% / cover;
}

.t3-container
  .t3-content-wrapper
  .t3-content-top
  .balance-wrapper
  .balance-bottom
  .bottom-item.withdraw {
  padding-left: 0.2rem;
}

.t3-container
  .t3-content-wrapper
  .t3-content-top
  .balance-wrapper
  .balance-bottom
  .bottom-item.withdraw:before {
  right: 0;
  background: url(/mobile/mc/withdraw-bg-t3.1261a1ad.png) no-repeat 50% / cover;
}

.t3-container .t3-content-wrapper .t3-content-top .button-wrapper {
  margin: 0.2rem 0.2rem 0 0;
  flex: 1 1 0%;
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

.t3-container
  .t3-content-wrapper
  .t3-content-top
  .button-wrapper
  .button-reward-item {
  flex: 1 1 0%;
  min-height: 1.27rem;
  width: 100%;
  padding: 0 0.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.06rem;
  border-radius: 0.24rem;
  background: linear-gradient(93deg, #a8b0df 0.22%, #626ea8 99.78%);
  box-shadow: 0 0.05rem 0.16rem 0.03rem rgba(101, 113, 171, 0.2);
  font-size: 0.26rem;
  font-weight: 600;
  color: #fff;
  position: relative;
}

.t3-container
  .t3-content-wrapper
  .t3-content-top
  .button-wrapper
  .button-reward-item
  .reward-icon {
  width: 0.52rem;
  height: 0.52rem;
}

.t3-container
  .t3-content-wrapper
  .t3-content-top
  .button-wrapper
  .button-reward-item
  .item-info {
  flex: 1 1 0%;
  display: flex;
  flex-direction: column;
  gap: 0.06rem;
}

.t3-container
  .t3-content-wrapper
  .t3-content-top
  .button-wrapper
  .button-reward-item
  .item-title {
  word-break: break-word;
}

.t3-container
  .t3-content-wrapper
  .t3-content-top
  .button-wrapper
  .button-reward-item
  .item-desc {
  display: inline-block;
  font-size: 0.24rem;
  font-weight: 400;
  word-break: break-word;
}

.t3-container
  .t3-content-wrapper
  .t3-content-top
  .button-wrapper
  .button-reward-item
  .item-desc
  svg {
  margin-left: 0.04rem;
  width: 0.24rem;
  height: 0.24rem;
  vertical-align: middle;
}

.t3-container
  .t3-content-wrapper
  .t3-content-top
  .button-wrapper
  .button-reward-item
  .item-desc
  span {
  vertical-align: middle;
}

.t3-container
  .t3-content-wrapper
  .t3-content-top
  .button-wrapper
  .button-reward-item
  .unread-count {
  top: 0.1rem;
  right: 0.2rem;
}

.t3-container
  .t3-content-wrapper
  .t3-content-top
  .button-wrapper
  .button-mid-item {
  display: flex;
  gap: 0.15rem;
}

.t3-container
  .t3-content-wrapper
  .t3-content-top
  .button-wrapper
  .button-mid-item
  .mid-item {
  flex: 1 1 0%;
  min-height: 1.28rem;
  border-radius: 0.24rem;
  background: #fff;
  box-shadow: 0 0.05rem 0.16rem 0.03rem rgba(250, 80, 57, 0.16);
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 0.16rem;
  padding: 0.14rem 0.1rem;
  text-align: center;
  color: #333;
  font-size: 0.24rem;
  font-weight: 500;
  word-break: break-all;
}

.t3-container
  .t3-content-wrapper
  .t3-content-top
  .button-wrapper
  .button-mid-item
  .mid-item
  img {
  height: 0.5rem;
  width: auto;
  object-fit: contain;
}

.t3-container .t3-content-wrapper .t3-content-invite {
  margin-top: 0.17rem;
  width: calc(100% - 0.48rem);
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  border-radius: 0.3rem;
  background: #fff;
  box-shadow: 0 0.05rem 0.16rem 0 rgba(0, 0, 0, 0.05);
  min-height: 1.59rem;
  padding: 0.18rem 0 0.18rem 0.33rem;
  position: relative;
  color: #666;
  font-size: 0.26rem;
  font-weight: 400;
}

.t3-container .t3-content-wrapper .t3-content-invite:after {
  position: absolute;
  content: "";
  width: 2.1rem;
  height: 1.63rem;
  right: 0.32rem;
  top: -0.17rem;
  background: url(/mobile/mc/invite-friend-t3.2daf5a07.png) no-repeat 50% /
    contain;
}

.t3-container .t3-content-wrapper .t3-content-invite .info-desc,
.t3-container .t3-content-wrapper .t3-content-invite .info-title {
  width: calc(100% - 2.5rem);
  word-break: break-word;
}

.t3-container .t3-content-wrapper .t3-content-invite .info-title {
  color: #333;
  font-size: 0.38rem;
  font-weight: 500;
}

.t3-container .t3-content-wrapper .t3-content-invite .info-btn {
  min-width: 1.38rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 0.38rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 0.22rem;
  font-weight: 500;
  padding: 0 0.08rem;
  border-radius: 0.3rem;
  background: linear-gradient(90deg, #ff7931, #ffbe44);
}

.t3-container .t3-content-wrapper .t3-content-invite .info-btn svg {
  width: 0.12rem;
  height: 0.12rem;
}

.t3-container .t3-content-wrapper .t3-content-register {
  margin-top: 0.15rem;
  width: calc(100% - 0.48rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.1rem;
  border-radius: 0.3rem;
  background: #fff;
  box-shadow: 0 0.05rem 0.16rem 0 rgba(0, 0, 0, 0.05);
  min-height: 1.59rem;
  padding: 0 0 0 0.33rem;
  position: relative;
  color: #666;
  font-size: 0.26rem;
  font-weight: 400;
  direction: ltr;
}

.t3-container .t3-content-wrapper .t3-content-register:after {
  position: absolute;
  content: "";
  width: 3.33rem;
  height: 1.74rem;
  right: 0;
  bottom: 0;
  background: url(/mobile/mc/register-downline-t3.ef8a69b2.png) no-repeat 50% /
    contain;
}

.t3-container .t3-content-wrapper .t3-content-register .info-title {
  width: calc(100% - 3.1rem);
  word-break: break-word;
  color: #333;
  font-size: 0.38rem;
  font-weight: 500;
}

.t3-container .t3-content-wrapper .t3-content-register .info-btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 0.38rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 0.22rem;
  font-weight: 500;
  padding: 0 0.08rem;
  border-radius: 0.3rem;
  background: linear-gradient(315deg, #19dfb9 10.92%, #47f1d1 93%);
}

.t3-container .t3-content-wrapper .t3-content-register .info-btn svg {
  width: 0.12rem;
  height: 0.12rem;
}

.t3-container .t3-content-wrapper .t3-content-overview {
  width: calc(100% - 0.48rem);
  min-height: 2.1rem;
  border-radius: 0.3rem;
  background: linear-gradient(180deg, #deedfc, #fff);
  box-shadow: 0 0.05rem 0.16rem 0 rgba(0, 0, 0, 0.05);
  position: relative;
}

.t3-container .t3-content-wrapper .t3-content-overview:after {
  position: absolute;
  content: "";
  width: 1.42rem;
  height: 1.66rem;
  right: 0;
  top: 0.08rem;
  background: url(/mobile/mc/team-overview-t3.77999d38.png) no-repeat 50% /
    contain;
  z-index: 0;
}

.t3-container .t3-content-wrapper .t3-content-overview .overview-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  direction: ltr;
}

.t3-container
  .t3-content-wrapper
  .t3-content-overview
  .overview-top
  .top-title {
  min-width: 2.73rem;
  height: 0.5rem;
  background: url(/mobile/mc/team-overview-title-t3.9c7da358.png) no-repeat
    100% / cover;
  font-size: 0.28rem;
  font-weight: 600;
  color: #fff;
  padding-left: 0.24rem;
  display: flex;
  align-items: center;
  border-radius: 0.3rem 0 0 0;
}

.t3-container .t3-content-wrapper .t3-content-overview .overview-top .top-info {
  flex: 1 1 0%;
  padding-right: 0.24rem;
  font-size: 0.26rem;
  font-weight: 600;
  color: #666;
  text-align: right;
}

.t3-container .t3-content-wrapper .t3-content-overview .overview-content {
  display: flex;
  justify-content: space-between;
  padding: 0 0.24rem;
  gap: 0.14rem;
  color: #666;
  font-size: 0.26rem;
  font-weight: 500;
  margin-top: 0.31rem;
  min-height: 1.04rem;
  position: relative;
  z-index: 1;
}

.t3-container
  .t3-content-wrapper
  .t3-content-overview
  .overview-content
  .content-item {
  flex: 1 1 0%;
  border-radius: 0.2rem;
  background: hsla(0, 0%, 100%, 0.76);
  display: flex;
  align-items: center;
  gap: 0.12rem;
  padding: 0.1rem 0.1rem 0.1rem 0.16rem;
}

.t3-container
  .t3-content-wrapper
  .t3-content-overview
  .overview-content
  .content-item:last-child
  .item-icon {
  background: #ffe8e7;
}

.t3-container
  .t3-content-wrapper
  .t3-content-overview
  .overview-content
  .content-item:last-child
  .item-info
  .info-num {
  color: #ff4410;
}

.t3-container
  .t3-content-wrapper
  .t3-content-overview
  .overview-content
  .content-item
  .item-icon {
  width: 0.6rem;
  height: 0.6rem;
  background: #c5ecfc;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.t3-container
  .t3-content-wrapper
  .t3-content-overview
  .overview-content
  .content-item
  .item-icon
  svg {
  width: 0.34rem;
  height: 0.34rem;
}

.t3-container
  .t3-content-wrapper
  .t3-content-overview
  .overview-content
  .content-item
  .item-info {
  flex: 1 1 0%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.08rem;
}

.t3-container
  .t3-content-wrapper
  .t3-content-overview
  .overview-content
  .content-item
  .item-info
  .info-num {
  color: #09c11f;
  font-size: 0.36rem;
  font-weight: 500;
}

.t3-container .unread-count {
  border-radius: 0.15rem 0.15rem 0.15rem 0;
  background: linear-gradient(228deg, #f05e57 2.97%, #e03a32 97.03%);
  min-width: 0.28rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 0.28rem;
  line-height: 0.28rem;
  font-size: 0.22rem;
  font-weight: 400;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: -1px;
  top: -1px;
  padding: 0 0.05rem;
}

.member-center-wrapper {
  border-radius: 0.3rem;
  background: #fff;
  box-shadow: 0 0.05rem 0.16rem 0 rgba(0, 0, 0, 0.05);
  width: calc(100% - 0.48rem);
  color: #666;
  font-size: 0.26rem;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 0.3rem;
}

.member-center-wrapper .member-center-header {
  width: 100%;
  padding: 0.3rem;
  display: flex;
  justify-content: space-between;
}

.member-center-wrapper .member-center-header .info-title {
  font-size: 0.3rem;
  color: #333;
  font-weight: 600;
  align-self: flex-start;
}

.member-center-wrapper .member-center-header .info-title .num {
  color: #ff420d;
}

.member-center-wrapper .member-center-header .all-btn {
  display: flex;
  align-items: center;
  gap: 0.02rem;
  font-size: 0.28rem;
}

.member-center-wrapper .member-center-header .all-btn svg {
  width: 0.12rem;
  height: 0.12rem;
}

.member-center-wrapper .member-center-content {
  display: flex;
  gap: 0.3rem 0.08rem;
  flex-wrap: wrap;
  width: calc(100% - 0.3rem);
}

.member-center-wrapper .list-item {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc(25% - 0.08rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.18rem;
  text-align: center;
  word-break: break-word;
}

.member-center-wrapper .list-item svg {
  width: 0.58rem;
  height: 0.58rem;
}

.member-center-wrapper .list-item .item-icon {
  position: relative;
}

.member-center-wrapper .list-item .item-icon .unread-count {
  top: -0.16rem;
  right: -0.28rem;
}

.member-center-wrapper .unread-count {
  border-radius: 0.15rem 0.15rem 0.15rem 0;
  background: linear-gradient(228deg, #f05e57 2.97%, #e03a32 97.03%);
  min-width: 0.28rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 0.28rem;
  line-height: 0.28rem;
  font-size: 0.22rem;
  font-weight: 400;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: -1px;
  top: -1px;
  padding: 0 0.05rem;
}

.member-agent-wrapper {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  background: #f7f9fc;
  position: fixed;
  top: 0;
  z-index: 10;
  width: 100%;
  overflow: auto;
}

.member-agent-wrapper header {
  display: flex;
  height: 1rem;
  justify-content: center;
  position: relative;
  align-items: center;
  color: #000;
  font-size: 0.38rem;
}

.member-agent-wrapper header svg {
  position: absolute;
  left: 0.24rem;
  fill: #000;
}

.member-agent-wrapper .member-agent-wrap {
  margin: 0.3rem auto 0.35rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.3rem;
}

.member-agent-wrapper .member-agent-wrap .member-center-wrapper {
  width: calc(100% - 0.48rem);
}

.mark-container {
  z-index: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
  background: #e3e7f0;
}

.mark-container:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 6rem;
  background-position: 50%;
  background-image: url(/mobile/mc/Intersect.13493282.png);
  background-repeat: no-repeat;
  background-size: cover;
  top: 0;
  left: 0;
  z-index: 0;
}

.mark-container:after {
  position: absolute;
  content: "";
  width: 5.35rem;
  height: 5.37rem;
  border-radius: 5.37rem;
  background: rgba(0, 0, 0, 0.1);
  -webkit-filter: blur(1.2155rem);
  filter: blur(1.2155rem);
  top: 2.8rem;
  right: 0;
  left: auto;
  z-index: 0;
}

.mark-container.has-vip .memberInfo-t2-wrap {
  margin-top: 0;
}

.mark-container .mc-header-wrap {
  z-index: 1;
  position: relative;
}

.mark-container .mc-header-wrap .am-navbar-title {
  justify-content: flex-start;
}

.mark-container .mc-header-wrap .mc-whitespace {
  height: 0 !important;
}

.mark-container .member-progress-warp {
  margin-top: 0.26rem;
}

.mark-container .member-progress-warp .member-level-progress-bar-title {
  display: block;
  height: 0.33rem;
  width: 100%;
  margin-bottom: 0.07rem;
  font-weight: 400;
  font-size: 0.24rem;
}

@keyframes progress-animation {
  0% {
    opacity: 0.5;
    width: 0;
  }
  to {
    opacity: 1;
    width: var(width);
  }
}

.mark-container .member-progress-warp .member-level-progress-bar {
  background-clip: initial;
  position: relative;
  background: #fff !important;
  height: 0.16rem;
  left: 0.03rem;
  flex: 1 1 0%;
  top: 0;
  border-radius: 0.1rem;
}

.mark-container
  .member-progress-warp
  .member-level-progress-bar
  .cur-progress-bar {
  width: 100%;
  animation: progress-animation 1.3s ease-in forwards;
  position: absolute;
  height: 0.1rem;
  left: 0.02rem;
  transform: translateY(-50%);
  top: 50%;
  background: linear-gradient(90deg, #373739, #191d1e);
  border-radius: 0.16rem 0 0 0.16rem;
}

.mark-container .member-progress-warp .level-progress-text {
  margin-top: 0.07rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.2rem;
  font-weight: 600;
  background: linear-gradient(180deg, #fee9d4, #f1ba8b 101.13%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.mark-container .member-progress-warp .level-progress-text .current-name {
  display: flex;
  max-width: 50%;
  text-align: center;
  height: 0.28rem;
  align-items: center;
}

.mark-container .member-top-wrap {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  margin-right: 0.1rem;
}

.mark-container .member-top-wrap svg {
  width: 0.42rem;
  height: 0.42rem;
  fill: #666;
}

.mark-container .member-top-wrap .top-item {
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 0.35rem;
  border: 1px solid hsla(0, 0%, 100%, 0.4);
  background: hsla(0, 0%, 100%, 0.3);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mark-container .t2-header {
  margin: 0.16rem 0.15rem 0;
  position: relative;
  z-index: 1;
}

.mark-container .t2-header .memberInfo-t2-wrap {
  background: transparent;
  position: relative;
  z-index: 0;
  color: #666;
  font-size: 0.22rem;
  font-weight: 500;
  line-height: 0.22rem;
}

.mark-container .t2-header .memberInfo-t2-wrap .unread-count {
  right: -0.2rem;
  top: -0.14rem;
}

.mark-container .t2-header .memberInfo-t2-wrap .contact-area {
  align-items: stretch;
  width: 10%;
  justify-content: flex-end;
  display: flex;
  gap: 0.2rem;
  flex-direction: column;
  padding: 0;
  flex: 1 1 0%;
}

.mark-container .t2-header .memberInfo-t2-wrap .contact-area .top-item {
  position: relative;
}

.mark-container .t2-header .memberInfo-t2-wrap .contact-area .top-item svg {
  fill: #000;
}

.mark-container .t2-header .memberInfo-t2-wrap .contact-area .footer-item {
  flex: 1 1 0%;
  min-height: 0.56rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.1rem;
  text-align: center;
  word-break: break-word;
  border-radius: 0.31rem;
  background: linear-gradient(90deg, #373739, #191d1e);
  padding: 0 0.14rem;
}

.mark-container
  .t2-header
  .memberInfo-t2-wrap
  .contact-area
  .footer-item
  .item-icon {
  flex: 0 0 0.36rem;
  width: 0.36rem;
  height: 0.36rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mark-container
  .t2-header
  .memberInfo-t2-wrap
  .contact-area
  .footer-item
  .item-icon
  svg {
  width: 100%;
  height: 100%;
}

.mark-container
  .t2-header
  .memberInfo-t2-wrap
  .contact-area
  .footer-item
  .item-txt {
  display: flex;
  height: 100%;
  align-items: center;
  font-size: 0.24rem;
  font-weight: 600;
  background: linear-gradient(180deg, #fee9d4, #f1ba8b 101.13%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.mark-container .t2-header .memberInfo-t2-wrap .profile .last-login-info {
  margin-bottom: 0.31rem;
  color: rgba(0, 0, 0, 0.6);
  width: 100%;
  justify-content: space-between;
  display: flex;
  padding-right: 0.24rem;
  min-height: 0.75rem;
  font-size: 0.22rem;
}

.mark-container
  .t2-header
  .memberInfo-t2-wrap
  .profile
  .last-login-info
  .last-login-item {
  text-align: left;
  width: 50%;
  display: flex;
  align-items: center;
}

.mark-container
  .t2-header
  .memberInfo-t2-wrap
  .profile
  .last-login-info
  .last-login-item
  svg {
  width: 0.22rem;
  margin-right: 0.08rem;
}

.mark-container .t2-header .profile {
  display: flex;
  flex-wrap: wrap;
  flex: 1 1 0%;
  gap: 0.1rem;
}

.mark-container .t2-header .profile .profile-img img {
  background: #fff;
  padding: 0.05rem;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
}

.mark-container .t2-header .profile .profile-img .profile-icon {
  display: flex;
  align-items: center;
}

.mark-container .t2-header .profile .profile-info {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 0.13rem;
}

.mark-container .t2-header .profile .profile-info .user-name .copy-account {
  display: flex;
  align-items: center;
  gap: 0.1rem;
}

.mark-container
  .t2-header
  .profile
  .profile-info
  .user-name
  .copy-account
  span {
  color: #0e0e16;
  font-size: 0.36rem;
  font-weight: 500;
}

.mark-container .t2-header .profile .profile-info .user-name .copy-account svg {
  width: 0.3rem;
  height: 0.3rem;
  fill: rgba(37, 37, 37, 0.6);
}

.mark-container .t2-header .profile .profile-info .nickname-info {
  color: rgba(14, 14, 22, 0.6);
  font-size: 0.24rem;
  display: flex;
  gap: 0.05rem;
  align-items: center;
}

.mark-container .t2-header .profile .profile-info .nickname-info .name-text {
  word-break: break-word;
  height: 100%;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-inline-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.mark-container .t2-header .profile .profile-info .nickname-info .go-to-edit {
  display: inline-flex;
  height: 0.28rem;
  width: 0.28rem;
}

.mark-container
  .t2-header
  .profile
  .profile-info
  .nickname-info
  .go-to-edit
  svg {
  height: 0.28rem;
  fill: #66666699;
}

.mark-container .t2-header .profile .profile-info .nickname-info .info-title {
  word-break: keep-all;
}

.mark-container
  .t2-header
  .profile
  .profile-info
  .nickname-info
  .nickname-edit {
  color: #444;
  font-size: 0.24rem;
  font-weight: 400;
  display: flex;
  align-items: center;
}

.mark-container
  .t2-header
  .profile
  .profile-info
  .nickname-info
  .nickname-edit
  svg {
  fill: #66666699;
  width: 0.28rem;
  height: 0.28rem;
  margin-left: 0.05rem;
}

.mark-container .t2-header .current-wallet {
  display: inline-flex;
  align-items: center;
  color: #0e0e16;
  font-size: 0.4rem;
  font-weight: 500;
}

.mark-container .t2-header .current-wallet svg {
  width: 0.28rem;
  height: 0.28rem;
  fill: #0e0e16;
  opacity: 0.6;
}

.mark-container .t2-header .profile-detail-wrapper {
  background:
    linear-gradient(90deg, #cb933e, #f7cf8c),
    linear-gradient(90deg, hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0.8)),
    url(/mobile/mc/home-bg-t1.78db076a.png) no-repeat 50% / cover;
  padding: 0.26rem 0.3rem;
  background-blend-mode: color;
  border-radius: 0.42rem;
  margin-top: 0.3rem;
}

.mark-container .t2-header .profile-detail-wrapper .detail-mid {
  padding: 0;
}

.mark-container .t2-header .profile-detail-wrapper .detail-mid .mid-item {
  color: #666;
}

.mark-container .t2-header .profile-detail-wrapper .detail-mid .mid-item.time {
  order: -1;
  justify-content: flex-start;
}

.mark-container .t2-header .profile-detail-wrapper .detail-mid .mid-item svg {
  fill: #666;
}

.mark-container .t2-header .profile-detail-wrapper .detail-bottom {
  background-color: transparent;
  padding: 0;
  border-radius: 0.22rem;
  min-height: 0.6rem;
  align-items: center;
}

.mark-container .t2-header .profile-detail-wrapper .detail-bottom .bottom-item {
  padding: 0.16rem 0.12rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.3rem;
  height: 100%;
  color: #fff;
  background: #ffaa2e;
}

.mark-container
  .t2-header
  .profile-detail-wrapper
  .detail-bottom
  .bottom-item
  svg {
  width: 0.28rem;
  height: 0.28rem;
  fill: #fff;
}

.mark-container .detail-top {
  position: relative;
  min-height: 1.8rem;
  border-radius: 0.3rem;
  padding: 0.2rem 0 0 0.3rem;
  margin: 0.28rem 0 0;
  background:
    linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    linear-gradient(90deg, rgba(52, 64, 95, 0.5), rgba(86, 104, 140, 0.8));
  overflow: hidden;
}

.mark-container .detail-top .card-deco {
  border-radius: 9.36rem;
  z-index: 0;
  position: absolute;
  bottom: -42%;
  right: -18%;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  height: 100%;
  background-position: bottom;
  -webkit-mask: url(/mobile/mc/card-deco.cb9a6496.png);
  mask: url(/mobile/mc/card-deco.cb9a6496.png);
  -webkit-mask-size: 7rem 1.6rem;
  mask-size: 7rem 1.6rem;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.mark-container .detail-top .card-deco.up {
  top: -0.4rem;
  left: -1.2rem;
  -webkit-mask: url(/mobile/mc/card-deco-up.8b026735.png);
  mask: url(/mobile/mc/card-deco-up.8b026735.png);
  -webkit-mask-size: 6rem 2.6rem;
  mask-size: 6rem 2.6rem;
  -webkit-mask-position: left bottom;
  mask-position: left bottom;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.mark-container .detail-top .refresh-balance {
  margin-left: 0;
}

.mark-container .detail-top .t2-footer {
  margin: 0.33rem auto 0.2rem;
  display: flex;
  justify-content: space-evenly;
  margin-right: 0.3rem;
}

.mark-container .detail-top .last-login-info {
  position: relative;
  z-index: 1;
  color: hsla(0, 0%, 100%, 0.6);
  margin-bottom: 0.2rem;
  width: 100%;
  justify-content: space-between;
  display: flex;
  padding-right: 0.24rem;
  min-height: 0.75rem;
  font-size: 0.22rem;
}

.mark-container .detail-top .last-login-info .last-login-item {
  text-align: left;
  width: 50%;
  display: flex;
  align-items: center;
}

.mark-container .detail-top .last-login-info .last-login-item svg {
  width: 0.22rem;
  margin-right: 0.08rem;
}

.mark-container .member-home-mark {
  flex: 1 1 0%;
  padding: 0 0.24rem 0.64rem;
  display: flex;
  flex-direction: column;
  gap: 0.26rem;
  position: relative;
  z-index: 1;
  background-color: #e3e7f0;
}

.mark-container .member-home-mark:before {
  width: 7.5rem;
  height: 0.6rem;
  top: -0.3rem;
  left: 0;
  z-index: 1;
  position: absolute;
  background: url(/mobile/mc/mark-card-deco.2516723a.png);
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
}

.mark-container .member-home-mark .feature-list-t2 {
  z-index: 1;
  border-radius: 0.4rem;
  background: #f1f3f7;
  box-shadow: 0 0.07rem 0.16rem 0 rgba(30, 30, 47, 0.07);
  padding: 0.2rem;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 0.1rem;
}

.mark-container .member-home-mark .feature-list-t2 .feature-item {
  flex: 1 1 0%;
  min-height: 1.7rem;
  min-width: 1.5rem;
  border-radius: 0.14rem;
  padding: 0.18rem;
  position: relative;
  font-size: 0.24rem;
  background: url(/mobile/mc/main-area-bg.f0a25388.png) no-repeat 50% / cover;
  direction: ltr;
}

.mark-container .member-home-mark .feature-list-t2 .feature-item:after {
  position: absolute;
  content: "";
  right: 0;
  bottom: 0;
  width: 1.1rem;
  height: 1.1rem;
}

.mark-container .member-home-mark .feature-list-t2 .feature-item .item-txt {
  min-width: 93%;
  height: 100%;
  display: block;
  max-width: 1.29rem;
  word-break: break-word;
  font-size: 0.24rem;
}

.mark-container .member-home-mark .feature-list-t2 .feature-item.REWCEN3:after {
  background: url(/mobile/mc/entry-reward.321d2522.png) no-repeat 50% / contain;
}

.mark-container
  .member-home-mark
  .feature-list-t2
  .feature-item.MANPLAYREB3:after {
  background: url(/mobile/mc/manual-rebates.d84ea55e.png) no-repeat 50% /
    contain;
}

.mark-container .member-home-mark .feature-list-t2 .feature-item.MAILCEN:after {
  background: url(/mobile/mc/message-blur.ff309382.png) no-repeat 50% / contain;
}

.mark-container
  .member-home-mark
  .feature-list-t2
  .feature-item.REFERRAL:after {
  background: url(/mobile/mc/invite-earn.90d44139.png) no-repeat 50% / contain;
}

.mark-container .member-home-mark .feature-list-t2 .feature-item .item-txt {
  min-height: 0.55rem;
  color: #191d1e;
  position: relative;
  z-index: 1;
  font-size: 0.26rem;
  font-weight: 600;
}

.mark-container .member-home-mark .feature-list-t2 .unread-count {
  margin-top: -0.2rem;
}

.mark-container .member-home-mark .item-content {
  position: relative;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.mark-container .member-home-mark .item-content span {
  max-width: 100%;
  white-space: normal;
}

.mark-container .member-home-mark .item-content .unread-count {
  right: -0.4rem;
}

.mark-container .t2-list-wrap {
  border: 1px solid red;
  border-radius: 0.2rem;
  background: #fff;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
  gap: 0.2rem;
  padding: 0.3rem 0.2rem;
}

.mark-container .t2-list-wrap .t2-list-item {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc(25% - 0.15rem);
  border-bottom: 1px solid #dbdce0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.14rem;
  min-height: 0.98rem;
  min-width: 1.5rem;
}

.mark-container .t2-list-wrap .t2-list-item .item-icon {
  border-radius: 50%;
  width: 0.9rem;
  height: 0.9rem;
  background: linear-gradient(0deg, #cb933e, #f7cf8c);
  box-shadow: 0 0.04rem 0.092rem 0 hsla(0, 0%, 79%, 0.47);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0.3rem;
  position: relative;
}

.mark-container .t2-list-wrap .t2-list-item .item-icon svg {
  width: 0.44rem;
  height: 0.44rem;
}

.mark-container .t2-list-wrap .t2-list-item .item-txt {
  text-align: left;
  min-height: 0.3rem;
  color: #fff;
  font-size: 0.24rem;
  font-weight: 600;
  word-break: break-word;
}

.mark-container .t2-ac-wrapper,
.mark-container .t2-ac-wrapper .list-wrap {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.mark-container .t2-ac-wrapper .t2-ac-list,
.mark-container .t2-ac-wrapper .t2-mc-list {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: calc(50% - 0.1rem);
  border-radius: 0.2rem;
  display: flex;
  flex-direction: column;
}

.mark-container .t2-ac-wrapper .t2-ac-list {
  width: 100%;
}

.mark-container .t2-ac-wrapper .t2-list-item {
  height: 0.98rem;
  display: flex;
  align-items: center;
  gap: 0.14rem;
}

.mark-container .t2-ac-wrapper .t2-list-item:not(:last-child) {
  border-bottom: 1px solid #dbdce0;
}

.mark-container .t2-ac-wrapper .t2-list-item .item-icon {
  width: 0.48rem;
  height: 0.48rem;
  position: relative;
  justify-content: flex-start;
}

.mark-container .t2-ac-wrapper .t2-list-item .item-icon svg {
  fill: #ffaa2e;
  width: 0.48rem;
  height: 0.48rem;
}

.mark-container .t2-ac-wrapper .t2-list-item .item-icon .unread-count {
  right: -0.3rem;
  top: -0.2rem;
}

.mark-container .t2-ac-wrapper .t2-list-item .item-icon img {
  width: 100%;
  height: auto;
}

.mark-container .t2-ac-wrapper .t2-list-item .item-icon .item-txt {
  text-align: left;
}

.mark-container .t2-ac-wrapper .t2-list-item .item-txt {
  flex: 1 1 0%;
  color: #353537;
  font-size: 0.25rem;
  font-weight: 500;
  word-break: break-word;
  margin-right: 0.05rem;
}

.mark-container .t2-ac-wrapper .t2-list-item .item-arrow svg {
  fill: #191d1e;
  width: 0.1rem;
  height: 0.22rem;
}

.mark-container .t2-ac-wrapper .title-container {
  position: relative;
  border-radius: 0.4rem;
  background: #f1f3f7;
  padding: 0 0.46rem;
  box-shadow: 0 0.07rem 0.16rem 0 rgba(0, 0, 0, 0.07);
}

.mark-container .t2-ac-wrapper .main-list-title {
  color: #353537;
  margin-bottom: 0.1rem;
  display: block;
  margin-top: 0.3rem;
  font-size: 0.32rem;
  font-weight: 800;
  width: 100%;
  min-height: 0.39rem;
  position: relative;
}

.mark-container .t2-ac-wrapper .main-deco {
  position: absolute;
  left: 0;
  top: 0.3rem;
  max-width: 1.29rem;
  word-break: break-all;
  display: flex;
  width: 0.06rem;
  height: 0.4rem;
  content: "";
  border-radius: 0 0.06rem 0.06rem 0;
  background: linear-gradient(181deg, #ffda92 0.99%, #ffaa2e 99.01%);
}

.mark-container .vip-wrapper {
  z-index: 1;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-right: 0.12rem;
}

.mark-container .vip-wrapper .vip-info {
  font-weight: 700;
  margin-right: 1.79rem;
  font-size: 0.25rem;
  z-index: 1;
}

.mark-container .vip-wrapper .vip-info div {
  background: linear-gradient(180deg, #fee9d4, #f1ba8b 101.13%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  max-width: 3.3rem;
  word-break: break-all;
}

.mark-container .vip-wrapper .vip-info .vip-title-header {
  height: 0.43rem;
  font-size: 0.31rem;
  display: flex;
  align-items: center;
}

.mark-container .vip-wrapper .vip-content-right {
  z-index: 1;
  display: flex;
  flex-direction: column;
}

.mark-container .vip-wrapper .vip-content-right .level-upgrade {
  display: flex;
  color: #191d1e;
  align-items: center;
  justify-content: center;
  min-height: 0.37rem;
  padding: 0.05rem 0.12rem;
  text-align: center;
  font-size: 0.2rem;
  font-weight: 700;
  border-radius: 0.18rem;
  -webkit-background-clip: text;
  background-clip: text;
  background: linear-gradient(180deg, #fee9d4, #f1ba8b 101.13%);
}

.mark-container .vip-wrapper .vip-wrap-icon {
  display: flex;
  width: 1.79rem;
  height: 1.27rem;
  background-image: url(/mobile/mc/vip-wrap.eaa1f14e.png);
  background-repeat: no-repeat;
  background-size: contain;
  align-items: flex-start;
  justify-content: center;
  background-blend-mode: multiply;
  margin-bottom: 0.14rem;
}

.mark-container .vip-wrapper .vip-bg {
  position: absolute;
  left: -0.5rem;
  top: -0.02rem;
  width: 0.52rem;
  height: 0.5rem;
}

.mark-container .vip-wrapper .vip-bg svg {
  width: 100%;
  height: 100%;
  opacity: 0.95;
}

.mark-container .vip-wrapper .vip-name {
  margin-top: 0.05rem;
  width: 1rem;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100% - 0.4rem);
}

.mark-container .vip-wrapper .vip-name span {
  width: 100%;
  text-align: center;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-inline-box;
  -webkit-line-clamp: 2;
  background: linear-gradient(180deg, #743402, #d17817 54%, #743402);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 0.32rem;
  font-weight: 800;
  line-height: normal;
}

.mark-container .unread-count {
  border-radius: 0.15rem 0.15rem 0.15rem 0;
  background: linear-gradient(228deg, #f05e57 2.97%, #e03a32 97.03%);
  min-width: 0.35rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 0.28rem;
  line-height: 0.28rem;
  font-size: 0.22rem;
  font-weight: 400;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  padding: 0 0.05rem;
}

.am-toast.am-toast-nomask {
  max-width: min(75vw, 397.5px);
  width: auto;
  width: -webkit-max-content;
  width: max-content;
}

.am-toast .am-toast-text {
  min-width: unset;
  width: auto;
}

.am-toast .inbox {
  text-align: center;
}

.am-toast .inbox .title {
  display: inline-block;
  width: 100%;
  max-width: 100% !important;
  text-align: center;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
}

@supports (-webkit-line-clamp: 2) {
  .am-toast .inbox .title {
    display: -webkit-box !important;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}

.am-toast .inbox .message {
  text-align: center;
}

.name-filter {
  background: #f5f5f5;
  padding-top: 0.2rem;
}

.name-filter .am-button-ghost {
  border: none !important;
  background: #e1e1e1;
  color: #626262;
  position: relative;
  justify-content: left;
}

.name-filter .am-button-ghost .tabPane-span {
  display: inline-block;
  padding-right: 0.3rem;
}

.name-filter .am-button-ghost .am-icon-down {
  position: absolute;
  right: 0.1rem;
  top: 50%;
  transform: translateY(-50%);
}

.name-filter .name-search {
  background: #f5f5f5;
}

.name-filter .name-search.pdt-20 {
  padding-top: 0.2rem;
}

.name-filter .am-search {
  background: #f5f5f5;
}

.name-filter .am-search .am-search-input,
.name-filter .am-search .am-search-synthetic-ph,
.name-filter .am-search input[type="search"] {
  height: 0.82rem;
  line-height: 0.82rem;
  padding-left: 0.8rem !important;
  text-align: left !important;
}

.name-filter .am-search .am-search-synthetic-ph-icon {
  margin-left: -0.5rem;
}

.name-filter .am-search .am-search-input,
.name-filter .am-search .am-search-synthetic-ph {
  background: #e1e1e1;
}

.name-filter .am-search .am-search-clear-show {
  right: 0.1rem;
}

.name-filter .am-search-cancel {
  font-size: 0;
  width: 0.8rem;
  height: 0.8rem;
  background: url(/mobile/mc/search.4d098525.png) no-repeat;
  background-size: 0.5rem auto;
  background-position: 0.16rem 0.16rem;
  margin-left: 0.2rem;
}

.mc-common-list-container .name-search .am-search {
  padding: 0 0.42rem !important;
}

.down-line-filter {
  padding-top: 0;
}

.down-line-filter .name-search {
  padding: 0.06rem 0 !important;
}

.down-line-filter .name-search input {
  line-height: 1.15 !important;
  outline: none !important;
}

.new-tips {
  position: absolute;
  top: 0.05rem;
  left: 50% !important;
  width: 90%;
  transform: translateX(-50%);
  background-color: #fff;
  color: #108ee9;
  border: 1px solid #108ee9;
  font-size: 0.28rem;
  text-align: center;
  padding: 0.1rem 0.3rem;
  border-radius: 0.06rem;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;
}

.ID .order-integral-item,
.MY .order-integral-item {
  min-height: 0.92rem;
}

.ID .statis-container .statis-lin,
.MY .statis-container .statis-lin {
  min-height: 2.4rem;
}

.am-search-input input[type="search"] {
  border-radius: 0 !important;
}

.i18n-date-picker:not(.CN) .rmc-picker:nth-child(2) .rmc-picker-item {
  font-size: 0.28rem;
}

.i18n-date-picker:not(.CN) .rmc-picker:nth-child(2) .rmc-picker-item:before {
  font-size: 0;
}

.EN.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:first-child:before {
  content: "January";
}

.EN.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(2):before {
  content: "February";
}

.EN.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(3):before {
  content: "March";
}

.EN.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(4):before {
  content: "April";
}

.EN.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(5):before {
  content: "May";
}

.EN.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(6):before {
  content: "June";
}

.EN.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(7):before {
  content: "July";
}

.EN.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(8):before {
  content: "August";
}

.EN.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(9):before {
  content: "September";
}

.EN.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(10):before {
  content: "October";
}

.EN.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(11):before {
  content: "November";
}

.EN.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(12):before {
  content: "December";
}

.TH.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:first-child:before {
  content: "\E21\E01\E23\E32\E04\E21";
}

.TH.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(2):before {
  content: "\E01\E38\E21\E20\E32\E1E\E31\E19\E18\E4C";
}

.TH.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(3):before {
  content: "\E21\E35\E19\E32\E04\E21";
}

.TH.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(4):before {
  content: "\E40\E21\E29\E32\E22\E19";
}

.TH.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(5):before {
  content: "\E1E\E24\E29\E20\E32\E04\E21";
}

.TH.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(6):before {
  content: "\E21\E34\E16\E38\E19\E32\E22\E19";
}

.TH.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(7):before {
  content: "\E01\E23\E01\E0E\E32\E04\E21";
}

.TH.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(8):before {
  content: "\E2A\E34\E07\E2B\E32\E04\E21";
}

.TH.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(9):before {
  content: "\E01\E31\E19\E22\E32\E22\E19";
}

.TH.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(10):before {
  content: "\E15\E38\E25\E32\E04\E21";
}

.TH.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(11):before {
  content: "\E1E\E24\E28\E08\E34\E01\E32\E22\E19";
}

.TH.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(12):before {
  content: "\E18\E31\E19\E27\E32\E04\E21";
}

.JA.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:first-child:before {
  content: "1\6708";
}

.JA.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(2):before {
  content: "2\6708";
}

.JA.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(3):before {
  content: "3\6708";
}

.JA.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(4):before {
  content: "4\6708";
}

.JA.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(5):before {
  content: "5\6708";
}

.JA.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(6):before {
  content: "6\6708";
}

.JA.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(7):before {
  content: "7\6708";
}

.JA.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(8):before {
  content: "8\6708";
}

.JA.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(9):before {
  content: "9\6708";
}

.JA.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(10):before {
  content: "10\6708";
}

.JA.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(11):before {
  content: "11\6708";
}

.JA.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(12):before {
  content: "12\6708";
}

.VI.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:first-child:before {
  content: "Th\E1ng m\1ED9t";
}

.VI.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(2):before {
  content: "Th\E1ng hai";
}

.VI.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(3):before {
  content: "Th\E1ng ba";
}

.VI.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(4):before {
  content: "Th\E1ng t\1B0";
}

.VI.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(5):before {
  content: "Th\E1ng n\103m";
}

.VI.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(6):before {
  content: "Th\E1ng s\E1u";
}

.VI.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(7):before {
  content: "Th\E1ng b\1EA3y";
}

.VI.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(8):before {
  content: "Th\E1ng t\E1m";
}

.VI.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(9):before {
  content: "Th\E1ng ch\EDn";
}

.VI.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(10):before {
  content: "Th\E1ng m\1B0\1EDDi";
}

.VI.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(11):before {
  content: "Th\E1ng m\1B0\1EDDi m\1ED9t";
}

.VI.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(12):before {
  content: "Th\E1ng m\1B0\1EDDi hai";
}

.KM.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:first-child:before {
  content: "\1798\1780\179A\17B6";
}

.KM.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(2):before {
  content: "\1781\17C2\1780\17BB\1798\17D2\1797\17C8";
}

.KM.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(3):before {
  content: "\1781\17C2\1798\17B8\1793\17B6";
}

.KM.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(4):before {
  content: "\1798\17C1\179F\17B6";
}

.KM.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(5):before {
  content: "\17A7\179F\1797\17B6";
}

.KM.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(6):before {
  content: "\1781\17C2\1798\17B7\1790\17BB\1793\17B6";
}

.KM.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(7):before {
  content: "\1781\17C2\1780\1780\17D2\1780\178A\17B6";
}

.KM.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(8):before {
  content: "\179F\17B8\17A0\17B6";
}

.KM.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(9):before {
  content: "\1781\17C2\1780\1789\17D2\1789\17B6";
}

.KM.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(10):before {
  content: "\178F\17BB\179B\17B6";
}

.KM.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(11):before {
  content: "\1781\17C2\179C\17B7\1785\17D2\1786\17B7\1780\17B6";
}

.KM.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(12):before {
  content: "\1781\17C2\1792\17D2\1793\17BC";
}

.MY.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:first-child:before {
  content: "\1007\1014\103A\1014\101D\102B\101B\102E\101C";
}

.MY.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(2):before {
  content: "\1016\1031\1016\1031\102C\103A\101D\102B\101B\102E";
}

.MY.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(3):before {
  content: "\1019\1010\103A\101C";
}

.MY.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(4):before {
  content: "\1027\1015\103C\102E\101C";
}

.MY.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(5):before {
  content: "\1019\1031";
}

.MY.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(6):before {
  content: "\1007\103D\1014\103A\101C";
}

.MY.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(7):before {
  content: "\1007\1030\101C\102D\102F\1004\103A\101C";
}

.MY.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(8):before {
  content: "\101E\103C\1002\102F\1010\103A\101C";
}

.MY.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(9):before {
  content: "\1005\1000\103A\1010\1004\103A\1018\102C";
}

.MY.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(10):before {
  content: "\1021\1031\102C\1000\103A\1010\102D\102F\1018\102C\101C";
}

.MY.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(11):before {
  content: "\1014\102D\102F\101D\1004\103A\1018\102C\101C";
}

.MY.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(12):before {
  content: "\1012\102E\1007\1004\103A\1018\102C";
}

.HI.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:first-child:before {
  content: "\91C\928\935\930\940";
}

.HI.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(2):before {
  content: "\92B\93C\930\935\930\940";
}

.HI.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(3):before {
  content: "\91C\941\932\942\938";
}

.HI.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(4):before {
  content: "\905\92A\94D\930\948\932";
}

.HI.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(5):before {
  content: "\92E\908";
}

.HI.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(6):before {
  content: "\91C\942\928";
}

.HI.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(7):before {
  content: "\91C\941\932\93E\908";
}

.HI.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(8):before {
  content: "\905\917\938\94D\924";
}

.HI.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(9):before {
  content: "\938\93F\924\902\92C\930";
}

.HI.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(10):before {
  content: "\905\915\94D\91F\942\92C\930";
}

.HI.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(11):before {
  content: "\928\935\902\92C\930";
}

.HI.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(12):before {
  content: "\926\93F\938\902\92C\930";
}

.ES.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:first-child:before {
  content: "Enero";
}

.ES.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(2):before {
  content: "Febrero";
}

.ES.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(3):before {
  content: "Marcha";
}

.ES.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(4):before {
  content: "Abril";
}

.ES.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(5):before {
  content: "Mayo";
}

.ES.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(6):before {
  content: "Junio";
}

.ES.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(7):before {
  content: "Julio";
}

.ES.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(8):before {
  content: "Agosto";
}

.ES.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(9):before {
  content: "Septiembre";
}

.ES.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(10):before {
  content: "Octubre";
}

.ES.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(11):before {
  content: "Noviembre";
}

.ES.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(12):before {
  content: "Diciembre";
}

.ID.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:first-child:before {
  content: "Januari";
}

.ID.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(2):before {
  content: "Februari";
}

.ID.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(3):before {
  content: "Maret";
}

.ID.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(4):before {
  content: "April";
}

.ID.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(5):before {
  content: "Mungkin";
}

.ID.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(6):before {
  content: "Juni";
}

.ID.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(7):before {
  content: "Juli";
}

.ID.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(8):before {
  content: "Agustus";
}

.ID.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(9):before {
  content: "September";
}

.ID.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(10):before {
  content: "Oktober";
}

.ID.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(11):before {
  content: "November";
}

.ID.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(12):before {
  content: "Desember";
}

.TA.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:first-child:before {
  content: "\B9C\BA9\BB5\BB0\BBF";
}

.TA.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(2):before {
  content: "\BAA\BBF\BAA\BCD\BB0\BB5\BB0\BBF";
}

.TA.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(3):before {
  content: "\BAE\BBE\BB0\BCD\B9A\BCD";
}

.TA.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(4):before {
  content: "\B8F\BAA\BCD\BB0\BB2\BCD";
}

.TA.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(5):before {
  content: "\BAE\BC7";
}

.TA.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(6):before {
  content: "\B9C\BC2\BA9\BCD";
}

.TA.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(7):before {
  content: "\B9C\BC2\BB2\BC8";
}

.TA.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(8):before {
  content: "\B86\B95\BB8\BCD\B9F\BCD";
}

.TA.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(9):before {
  content: "\B9A\BC6\BAA\BCD\B9F\BAE\BCD\BAA\BB0\BCD";
}

.TA.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(10):before {
  content: "\B85\B95\BCD\B9F\BCB\BAA\BB0\BCD";
}

.TA.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(11):before {
  content: "\BA8\BB5\BAE\BCD\BAA\BB0\BCD";
}

.TA.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(12):before {
  content: "\B9F\BBF\B9A\BAE\BCD\BAA\BB0\BCD";
}

.KO.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:first-child:before {
  content: "1 \C6D4";
}

.KO.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(2):before {
  content: "2 \C6D4";
}

.KO.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(3):before {
  content: "3 \C6D4";
}

.KO.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(4):before {
  content: "4 \C6D4";
}

.KO.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(5):before {
  content: "\C624\C6D4";
}

.KO.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(6):before {
  content: "6 \C6D4";
}

.KO.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(7):before {
  content: "\CE60\C6D4";
}

.KO.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(8):before {
  content: "\D314\C6D4";
}

.KO.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(9):before {
  content: "\AD6C\C6D4";
}

.KO.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(10):before {
  content: "\C2ED\C6D4";
}

.KO.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(11):before {
  content: "\C2ED\C77C\C6D4";
}

.KO.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(12):before {
  content: "12 \C6D4";
}

.TW.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:first-child:before {
  content: "1\6708";
}

.TW.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(2):before {
  content: "2\6708";
}

.TW.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(3):before {
  content: "3\6708";
}

.TW.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(4):before {
  content: "4\6708";
}

.TW.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(5):before {
  content: "5\6708";
}

.TW.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(6):before {
  content: "6\6708";
}

.TW.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(7):before {
  content: "7\6708";
}

.TW.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(8):before {
  content: "8\6708";
}

.TW.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(9):before {
  content: "9\6708";
}

.TW.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(10):before {
  content: "10\6708";
}

.TW.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(11):before {
  content: "11\6708";
}

.TW.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(12):before {
  content: "12\6708";
}

.PT.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:first-child:before {
  content: "Janeiro";
}

.PT.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(2):before {
  content: "Fevereiro";
}

.PT.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(3):before {
  content: "Marchar";
}

.PT.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(4):before {
  content: "Abril";
}

.PT.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(5):before {
  content: "Maio";
}

.PT.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(6):before {
  content: "Junho";
}

.PT.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(7):before {
  content: "Julho";
}

.PT.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(8):before {
  content: "Agosto";
}

.PT.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(9):before {
  content: "Setembro";
}

.PT.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(10):before {
  content: "Outubro";
}

.PT.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(11):before {
  content: "Novembro";
}

.PT.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(12):before {
  content: "Dezembro";
}

.TY.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:first-child:before {
  content: "Enero";
}

.TY.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(2):before {
  content: "Pebrero";
}

.TY.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(3):before {
  content: "Marso";
}

.TY.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(4):before {
  content: "Abril";
}

.TY.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(5):before {
  content: "Mayo";
}

.TY.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(6):before {
  content: "Hunyo";
}

.TY.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(7):before {
  content: "Hulyo";
}

.TY.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(8):before {
  content: "Agosto";
}

.TY.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(9):before {
  content: "Setyembre";
}

.TY.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(10):before {
  content: "Oktubre";
}

.TY.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(11):before {
  content: "Nobyembre";
}

.TY.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(12):before {
  content: "Disyembre";
}

.UR.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:first-child:before {
  content: "\62C\646\648\631\6CC";
}

.UR.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(2):before {
  content: "\641\631\648\631\6CC";
}

.UR.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(3):before {
  content: "\645\627\631\686";
}

.UR.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(4):before {
  content: "\627\67E\631\6CC\644";
}

.UR.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(5):before {
  content: "\645\626\6CC";
}

.UR.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(6):before {
  content: "\62C\648\646";
}

.UR.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(7):before {
  content: "\62C\648\644\627\626\6CC";
}

.UR.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(8):before {
  content: "\627\6AF\633\62A";
}

.UR.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(9):before {
  content: "\633\62A\645\628\631";
}

.UR.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(10):before {
  content: "\627\6A9\62A\648\628\631";
}

.UR.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(11):before {
  content: "\646\648\645\628\631";
}

.UR.i18n-date-picker
  .rmc-picker:nth-child(2)
  .rmc-picker-content
  .rmc-picker-item:nth-child(12):before {
  content: "\62F\633\645\628\631";
}

.rmc-picker-popup-wrap {
  z-index: 100011 !important;
}

.bet-modal .am-modal-body {
  max-height: 4rem !important;
}

.mc-agent-team-flow .team-member-flow label {
  padding: 0.05rem 0.1rem;
  border-radius: 0.05rem;
  border: 1px solid #aaa;
}

.mc-agent-team-flow .team-member-flow label.unit-active {
  background-color: #fff;
  color: #108ee9;
  border: 1px solid #108ee9;
}

#root .mc-navbar-blue .am-navbar-right svg {
  width: 0.44rem;
  height: 0.44rem;
  display: inline-block !important;
  flex: unset !important;
}

.chooser-game-popup .am-popup {
  background: transparent !important;
}

.chooser-game-popup .am-popup-content {
  position: relative;
}

.chooser-game-popup .am-popup-content .chooser-close-btn {
  position: absolute;
  top: -0.57rem;
  right: 0.23rem;
  width: 0.5rem;
  height: 0.5rem;
  background: url(/mobile/mc/game-close.8eca5af9.png) no-repeat 50% / contain;
}

.start-game-chooser {
  position: relative;
  border-radius: 0.3rem 0.3rem 0 0;
  border-top: 0.03rem solid #108ee9;
  background: linear-gradient(180deg, #fff, #f7f7f7);
  padding: 0 0.48rem;
  width: 100%;
}

.start-game-chooser .chooser-header {
  display: flex;
  gap: 0.14rem;
}

.start-game-chooser .chooser-header img {
  margin-top: -0.6rem;
  width: 2.4rem;
  height: 2.4rem;
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 0.3rem;
}

.start-game-chooser .chooser-header .game-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.1rem;
  color: #4c4c4c;
  font-size: 0.22rem;
  font-weight: 700;
}

.start-game-chooser .chooser-header .game-info p {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
}

@supports (-webkit-line-clamp: 2) {
  .start-game-chooser .chooser-header .game-info p {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}

.start-game-chooser .chooser-header .info-title {
  font-size: 0.24rem;
  font-weight: 900;
}

.start-game-chooser .chooser-btn-group {
  width: 100%;
  padding: 0.4rem 0;
  display: flex;
  flex-direction: column;
  gap: 0.16rem;
}

.start-game-chooser .chooser-btn {
  width: 100%;
  height: 0.76rem;
  border-radius: 0.2rem;
  font-size: 0.28rem;
  font-weight: 700;
  border: 0.02rem solid #108ee9;
  color: #108ee9;
  display: flex;
  align-items: center;
  justify-content: center;
}

.start-game-chooser .chooser-btn.blue {
  background: #108ee9;
  color: #fff;
  border: 0.02rem solid #108ee9;
}

.fh1688 .am-tag-active,
.fh1688 .btn-copy-code,
.fh1688 .mall-home-top .mall-header,
.fh1688 .mall-home-wrap .mall-home-choose .active,
.fh1688 .mc-lott-record-root .select-Box span.active,
.fh1688 .mc-tab-container .mc-tab-item.tab-active,
.fh1688 .new-tips,
.fh1688 .red-rain-underling span.on,
.fh1688 .vc-v2-container .vc-v2-method-list li.ck,
.fh1688 .vc-v2-container .vc-v2-method li.ck,
.fh1688 .vc-v2-container .vc-v2-method li.ck .vcn-list-text,
.mgm1688 .am-tag-active,
.mgm1688 .btn-copy-code,
.mgm1688 .mall-home-top .mall-header,
.mgm1688 .mall-home-wrap .mall-home-choose .active,
.mgm1688 .mc-lott-record-root .select-Box span.active,
.mgm1688 .mc-tab-container .mc-tab-item.tab-active,
.mgm1688 .new-tips,
.mgm1688 .red-rain-underling span.on,
.mgm1688 .vc-v2-container .vc-v2-method-list li.ck,
.mgm1688 .vc-v2-container .vc-v2-method li.ck,
.mgm1688 .vc-v2-container .vc-v2-method li.ck .vcn-list-text {
  color: #b1987f;
  border-color: #b1987f;
}

.fh1688 input,
.mgm1688 input {
  caret-color: #b1987f !important;
}

.fh1688 .game-record-show .am-search,
.fh1688 .h-icon-active img,
.fh1688 .mc-new-team-tab .mc-agent-team-tab .am-flexbox-item.tab-active,
.fh1688 .mc-transaction-record-root.mtrr-container .am-button-ghost,
.fh1688 .name-filter .am-button-ghost,
.fh1688 .vc-v2-container .pay-name-container .vc-v2-input input:focus,
.fh1688 .vc-v2-container .vc-v2-method-list li.ck,
.fh1688 .vc-v2-container .vc-v2-method li.ck,
.mgm1688 .game-record-show .am-search,
.mgm1688 .h-icon-active img,
.mgm1688 .mc-new-team-tab .mc-agent-team-tab .am-flexbox-item.tab-active,
.mgm1688 .mc-transaction-record-root.mtrr-container .am-button-ghost,
.mgm1688 .name-filter .am-button-ghost,
.mgm1688 .vc-v2-container .pay-name-container .vc-v2-input input:focus,
.mgm1688 .vc-v2-container .vc-v2-method-list li.ck,
.mgm1688 .vc-v2-container .vc-v2-method li.ck {
  border-color: #b1987f !important;
}

.fh1688 .name-filter .am-button-ghost,
.mgm1688 .name-filter .am-button-ghost {
  border: 1px solid #b1987f !important;
}

.fh1688 .agent-divident-container,
.fh1688 .agentDivident .am-tabs-bar .am-tabs-tabr,
.fh1688 .am-search,
.fh1688 .am-tabs-bar,
.fh1688 .name-filter,
.fh1688 .name-filter .am-button-ghost,
.mgm1688 .agent-divident-container,
.mgm1688 .agentDivident .am-tabs-bar .am-tabs-tabr,
.mgm1688 .am-search,
.mgm1688 .am-tabs-bar,
.mgm1688 .name-filter,
.mgm1688 .name-filter .am-button-ghost {
  background: #fff;
}

.fh1688 .agentDivident .am-tabs-tabpane > div > div,
.mgm1688 .agentDivident .am-tabs-tabpane > div > div {
  background: #fff !important;
}

.fh1688 .submitEmail,
.mgm1688 .submitEmail {
  box-shadow: none !important;
}

.fh1688 .am-button-ghost.am-button-active,
.fh1688 .am-checkbox.am-checkbox-checked .am-checkbox-inner,
.fh1688 .am-checkbox.am-checkbox-checked .am-checkbox-inner:after,
.fh1688 .contract-history .history-thead,
.fh1688 .is-comp,
.fh1688 .popup-container input:focus,
.fh1688 .salary-popup-container input:focus,
.mgm1688 .am-button-ghost.am-button-active,
.mgm1688 .am-checkbox.am-checkbox-checked .am-checkbox-inner,
.mgm1688 .am-checkbox.am-checkbox-checked .am-checkbox-inner:after,
.mgm1688 .contract-history .history-thead,
.mgm1688 .is-comp,
.mgm1688 .popup-container input:focus,
.mgm1688 .salary-popup-container input:focus {
  border-color: #b1987f;
}

.fh1688 .account-form input:focus,
.fh1688 .dividendRatio .arrow-top,
.fh1688 .table-container .dividend-tips .arrow-top,
.mgm1688 .account-form input:focus,
.mgm1688 .dividendRatio .arrow-top,
.mgm1688 .table-container .dividend-tips .arrow-top {
  border-bottom-color: #b1987f;
}

.fh1688 .dividend-header .dividend-header-content > div:first-child p,
.fh1688 .dividend-header .dividend-header-content > div:last-child p,
.mgm1688 .dividend-header .dividend-header-content > div:first-child p,
.mgm1688 .dividend-header .dividend-header-content > div:last-child p {
  color: #9fa3c4;
}

.fh1688
  .exchange-history-wrap
  .exchange-history-item
  .item-order-integral
  .order-integral-first,
.fh1688 .flex-text-tips,
.fh1688
  .mall-home-wrap
  .mall-home-orders
  .mall-order
  .mall-order-integral
  .order-integral-item
  .integral-number,
.mgm1688
  .exchange-history-wrap
  .exchange-history-item
  .item-order-integral
  .order-integral-first,
.mgm1688 .flex-text-tips,
.mgm1688
  .mall-home-wrap
  .mall-home-orders
  .mall-order
  .mall-order-integral
  .order-integral-item
  .integral-number {
  color: #da5245;
}

.fh1688
  .mall-home-wrap
  .mall-home-orders
  .mall-order
  .mall-order-integral
  .order-integral-item,
.fh1688 .orderinfo-wrap .orderinfo-header .orderinfo-middle .orderinfo-price li,
.mgm1688
  .mall-home-wrap
  .mall-home-orders
  .mall-order
  .mall-order-integral
  .order-integral-item,
.mgm1688
  .orderinfo-wrap
  .orderinfo-header
  .orderinfo-middle
  .orderinfo-price
  li {
  background: hsla(30, 24%, 60%, 0.1);
}

.fh1688 #root .mc-navbar-blue,
.fh1688 #root.mc-test-root #mc-app-home-root.gc,
.fh1688 #root.mc-test-root .mc-navbar-blue,
.mgm1688 #root .mc-navbar-blue,
.mgm1688 #root.mc-test-root #mc-app-home-root.gc,
.mgm1688 #root.mc-test-root .mc-navbar-blue {
  background: #fff;
  color: #414655;
  box-shadow: 0 0.04rem 0.08rem 0 rgba(0, 0, 0, 0.05);
}

.fh1688 #root .mc-navbar-blue .am-navbar-left svg,
.fh1688 #root .mc-navbar-blue .am-navbar-right svg,
.fh1688 #root.mc-test-root #mc-app-home-root.gc .am-navbar-left svg,
.fh1688 #root.mc-test-root #mc-app-home-root.gc .am-navbar-right svg,
.fh1688 #root.mc-test-root .mc-navbar-blue .am-navbar-left svg,
.fh1688 #root.mc-test-root .mc-navbar-blue .am-navbar-right svg,
.mgm1688 #root .mc-navbar-blue .am-navbar-left svg,
.mgm1688 #root .mc-navbar-blue .am-navbar-right svg,
.mgm1688 #root.mc-test-root #mc-app-home-root.gc .am-navbar-left svg,
.mgm1688 #root.mc-test-root #mc-app-home-root.gc .am-navbar-right svg,
.mgm1688 #root.mc-test-root .mc-navbar-blue .am-navbar-left svg,
.mgm1688 #root.mc-test-root .mc-navbar-blue .am-navbar-right svg {
  fill: #414655;
}

.fh1688 #root .mc-navbar-blue .am-navbar-title,
.fh1688 #root .mc-navbar-blue .filter-button,
.fh1688 #root.mc-test-root #mc-app-home-root.gc .am-navbar-title,
.fh1688 #root.mc-test-root #mc-app-home-root.gc .filter-button,
.fh1688 #root.mc-test-root .mc-navbar-blue .am-navbar-title,
.fh1688 #root.mc-test-root .mc-navbar-blue .filter-button,
.mgm1688 #root .mc-navbar-blue .am-navbar-title,
.mgm1688 #root .mc-navbar-blue .filter-button,
.mgm1688 #root.mc-test-root #mc-app-home-root.gc .am-navbar-title,
.mgm1688 #root.mc-test-root #mc-app-home-root.gc .filter-button,
.mgm1688 #root.mc-test-root .mc-navbar-blue .am-navbar-title,
.mgm1688 #root.mc-test-root .mc-navbar-blue .filter-button {
  color: #414655;
}

.fh1688 .agent-container .agent-body .h4-wrp,
.fh1688 .agrg-downline-title,
.fh1688 .block-container .block.member,
.fh1688 .block-container .block.unerlvl,
.fh1688 .center-header,
.fh1688 .contract-history .history-thead,
.fh1688 .dividend-header .dividend-header-content .title,
.fh1688 .downline-item-toot .user-info .user-name,
.fh1688 .flex-list-text,
.fh1688 .mall-home-top .mall-number-info,
.fh1688 .myRebate .rebate-span-lf,
.fh1688 .ph-text span,
.fh1688 .rebateReport-item-root span,
.fh1688 .sigin-modal .sigin-modal-content h3,
.fh1688 .singd-downline-item-toot .user-info .user-name,
.fh1688 .team-member-item-header .customer-item,
.fh1688 .team-op a,
.fh1688 .tr-item-title,
.fh1688
  .v-base
  .m-mc-notice-container
  .m-mc-notice-title
  .m-mc-notice-title-time,
.mgm1688 .agent-container .agent-body .h4-wrp,
.mgm1688 .agrg-downline-title,
.mgm1688 .block-container .block.member,
.mgm1688 .block-container .block.unerlvl,
.mgm1688 .center-header,
.mgm1688 .contract-history .history-thead,
.mgm1688 .dividend-header .dividend-header-content .title,
.mgm1688 .downline-item-toot .user-info .user-name,
.mgm1688 .flex-list-text,
.mgm1688 .mall-home-top .mall-number-info,
.mgm1688 .myRebate .rebate-span-lf,
.mgm1688 .ph-text span,
.mgm1688 .rebateReport-item-root span,
.mgm1688 .sigin-modal .sigin-modal-content h3,
.mgm1688 .singd-downline-item-toot .user-info .user-name,
.mgm1688 .team-member-item-header .customer-item,
.mgm1688 .team-op a,
.mgm1688 .tr-item-title,
.mgm1688
  .v-base
  .m-mc-notice-container
  .m-mc-notice-title
  .m-mc-notice-title-time {
  color: #414655 !important;
}

.fh1688 .game-amount-content span:last-child,
.fh1688
  .v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-list-body
  .wallet-name,
.mgm1688 .game-amount-content span:last-child,
.mgm1688
  .v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-list-body
  .wallet-name {
  color: #414655;
}

.fh1688 .am-badge-text,
.mgm1688 .am-badge-text {
  background-color: #414655;
  color: #fff;
}

.fh1688
  .v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .am-list-body
  .am-list-item#mc-wallet-checked,
.mgm1688
  .v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .am-list-body
  .am-list-item#mc-wallet-checked {
  border-color: #414655;
  background: #4146551a;
}

.fh1688 .sub-name-search input::-webkit-input-placeholder,
.mgm1688 .sub-name-search input::-webkit-input-placeholder {
  color: #a5a9b3 !important;
}

.fh1688 .am-modal-button-group-h .am-modal-button:first-child,
.fh1688 .am-tabs-bar .am-tabs-tab,
.fh1688 .card-details.contract .spandetails,
.fh1688 .change-statis-wrap .statis-left .btn-change,
.fh1688 .contract-history .history-tbody,
.fh1688 .dividend-list-more > div,
.fh1688 .flex-list-title,
.fh1688 .list-popup-container,
.fh1688 .mc-team-filter .am-list-item.am-input-item,
.fh1688 .orderinfo-wrap .orderinfo-body .orderion-content-text *,
.fh1688 .pal-records-list-root .time,
.fh1688 .point-tips,
.fh1688 .salary_info tbody tr td,
.fh1688 .salary_rule,
.fh1688 .sigin-c-remarks b,
.fh1688 .sigin-c-remarks p,
.fh1688 .sigin-modal .sigin-modal-content .amount-info p,
.fh1688 .sigin-today-desc,
.fh1688 .statis-container .statis-lin .lin-left div,
.fh1688 .statis-container .statis-lin .lin-rigth div,
.fh1688 .sub-name-search input,
.fh1688 .sub-name-search input::placeholder,
.fh1688 .team-member-item-content,
.fh1688 .team-member-item-content .time,
.fh1688 .team-op a.edit-btn,
.fh1688 .team-rebate-btnleft .am-button,
.fh1688 .tic-footer-title,
.fh1688 .tr-item-time,
.fh1688 .v-base .m-mc-notice-container .m-mc-notice-index-content,
.fh1688 .v-base .m-mc-notice-container .mc-notice-time,
.mgm1688 .am-modal-button-group-h .am-modal-button:first-child,
.mgm1688 .am-tabs-bar .am-tabs-tab,
.mgm1688 .card-details.contract .spandetails,
.mgm1688 .change-statis-wrap .statis-left .btn-change,
.mgm1688 .contract-history .history-tbody,
.mgm1688 .dividend-list-more > div,
.mgm1688 .flex-list-title,
.mgm1688 .list-popup-container,
.mgm1688 .mc-team-filter .am-list-item.am-input-item,
.mgm1688 .orderinfo-wrap .orderinfo-body .orderion-content-text *,
.mgm1688 .pal-records-list-root .time,
.mgm1688 .point-tips,
.mgm1688 .salary_info tbody tr td,
.mgm1688 .salary_rule,
.mgm1688 .sigin-c-remarks b,
.mgm1688 .sigin-c-remarks p,
.mgm1688 .sigin-modal .sigin-modal-content .amount-info p,
.mgm1688 .sigin-today-desc,
.mgm1688 .statis-container .statis-lin .lin-left div,
.mgm1688 .statis-container .statis-lin .lin-rigth div,
.mgm1688 .sub-name-search input,
.mgm1688 .sub-name-search input::placeholder,
.mgm1688 .team-member-item-content,
.mgm1688 .team-member-item-content .time,
.mgm1688 .team-op a.edit-btn,
.mgm1688 .team-rebate-btnleft .am-button,
.mgm1688 .tic-footer-title,
.mgm1688 .tr-item-time,
.mgm1688 .v-base .m-mc-notice-container .m-mc-notice-index-content,
.mgm1688 .v-base .m-mc-notice-container .mc-notice-time {
  color: #a5a9b3 !important;
}

.fh1688 .sub-name-search,
.fh1688 .team-rebate-btnleft .am-button,
.mgm1688 .sub-name-search,
.mgm1688 .team-rebate-btnleft .am-button {
  border-color: #a5a9b3 !important;
}

.fh1688 .exchange-wrap .exchange-order-info .exchange-order-price li,
.fh1688 .statis-gameType-wrap .btn-wrap,
.mgm1688 .exchange-wrap .exchange-order-info .exchange-order-price li,
.mgm1688 .statis-gameType-wrap .btn-wrap {
  background: #f1f1f1;
}

.fh1688 .ag-link-lmanage .ag-link-mgbottom,
.fh1688
  .exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-third
  .item-order-date,
.fh1688 .exchange-wrap .exchange-order-info .exchange-order-price li,
.fh1688 .leader-board-container .leader-board-header-status div,
.fh1688 .mall-home-middle,
.fh1688 .mall-home-wrap .mall-home-choose,
.fh1688 .mc-team-filter .am-list-item .am-input-control input,
.fh1688 .orderinfo-wrap .orderinfo-header .orderinfo-middle .orderinfo-price,
.fh1688 .orderinfo-wrap .orderinfo-submit p,
.fh1688 .point-history-wrap .point-item-wrap .point-types .point-date,
.fh1688 .point-history-wrap .point-item-wrap .point-types .point-remarks,
.fh1688 .sigin-c-footer .title,
.mgm1688 .ag-link-lmanage .ag-link-mgbottom,
.mgm1688
  .exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-third
  .item-order-date,
.mgm1688 .exchange-wrap .exchange-order-info .exchange-order-price li,
.mgm1688 .leader-board-container .leader-board-header-status div,
.mgm1688 .mall-home-middle,
.mgm1688 .mall-home-wrap .mall-home-choose,
.mgm1688 .mc-team-filter .am-list-item .am-input-control input,
.mgm1688 .orderinfo-wrap .orderinfo-header .orderinfo-middle .orderinfo-price,
.mgm1688 .orderinfo-wrap .orderinfo-submit p,
.mgm1688 .point-history-wrap .point-item-wrap .point-types .point-date,
.mgm1688 .point-history-wrap .point-item-wrap .point-types .point-remarks,
.mgm1688 .sigin-c-footer .title {
  color: #a5a9b3;
}

.fh1688 .lottType-box,
.fh1688 .mc-lott-record-root .select-Box .type,
.fh1688 .mc-lott-record-root .select-Box > div,
.fh1688 .play-chooser form,
.fh1688 .play-chooser input,
.fh1688 .trans-unchecked,
.mgm1688 .lottType-box,
.mgm1688 .mc-lott-record-root .select-Box .type,
.mgm1688 .mc-lott-record-root .select-Box > div,
.mgm1688 .play-chooser form,
.mgm1688 .play-chooser input,
.mgm1688 .trans-unchecked {
  color: #a5a9b3 !important;
  border-color: #a5a9b3 !important;
}

.fh1688 .exchange-wrap .font-color-red,
.fh1688 .orderinfo-wrap .font-color-red,
.fh1688 .point-history-wrap .color-red,
.fh1688 .sigin-today-desc span,
.fh1688 .today,
.mgm1688 .exchange-wrap .font-color-red,
.mgm1688 .orderinfo-wrap .font-color-red,
.mgm1688 .point-history-wrap .color-red,
.mgm1688 .sigin-today-desc span,
.mgm1688 .today {
  color: #da5245 !important;
}

.fh1688 .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-left,
.fh1688 .agrg-downline-cname,
.fh1688 .am-search-input input[type="search"],
.fh1688 .devidend-container .popup-header,
.fh1688
  .exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-first
  .item-order-name,
.fh1688
  .exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-first
  .item-order-number,
.fh1688 .grid-title,
.fh1688 .leader-board-container .leader-board-header-info,
.fh1688 .mall-home-wrap .mall-home-orders .mall-order .mall-order-text,
.fh1688 .point-form-item .am-list-item .am-list-line .am-list-content,
.fh1688 .point-history-wrap .color-black,
.fh1688 .red-rain-type .agrg-downline-cname,
.fh1688 .sigin-today-title,
.mgm1688 .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-left,
.mgm1688 .agrg-downline-cname,
.mgm1688 .am-search-input input[type="search"],
.mgm1688 .devidend-container .popup-header,
.mgm1688
  .exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-first
  .item-order-name,
.mgm1688
  .exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-first
  .item-order-number,
.mgm1688 .grid-title,
.mgm1688 .leader-board-container .leader-board-header-info,
.mgm1688 .mall-home-wrap .mall-home-orders .mall-order .mall-order-text,
.mgm1688 .point-form-item .am-list-item .am-list-line .am-list-content,
.mgm1688 .point-history-wrap .color-black,
.mgm1688 .red-rain-type .agrg-downline-cname,
.mgm1688 .sigin-today-title {
  color: #414655 !important;
}

.fh1688 .contract-history .history-thead,
.fh1688 .dividend-list-more,
.fh1688 .grid-content,
.mgm1688 .contract-history .history-thead,
.mgm1688 .dividend-list-more,
.mgm1688 .grid-content {
  background: #fafafa;
}

.fh1688 .contractPeople,
.fh1688 .go-team-bet,
.fh1688 .go-team-record,
.fh1688 .lott-record-container,
.mgm1688 .contractPeople,
.mgm1688 .go-team-bet,
.mgm1688 .go-team-record,
.mgm1688 .lott-record-container {
  color: #b1987f;
}

.fh1688 .contractPeople svg,
.fh1688 .go-team-bet svg,
.fh1688 .go-team-record svg,
.fh1688 .lott-record-container svg,
.mgm1688 .contractPeople svg,
.mgm1688 .go-team-bet svg,
.mgm1688 .go-team-record svg,
.mgm1688 .lott-record-container svg {
  fill: #b1987f;
}

.fh1688 .mc-team-filter .am-list-item.am-input-item,
.fh1688 .sub-name-search,
.mgm1688 .mc-team-filter .am-list-item.am-input-item,
.mgm1688 .sub-name-search {
  border-color: #a5a9b3;
}

.fh1688 .mc-team-filter .am-list-item.am-input-item svg,
.fh1688 .sub-name-search svg,
.mgm1688 .mc-team-filter .am-list-item.am-input-item svg,
.mgm1688 .sub-name-search svg {
  fill: #a5a9b3;
}

.fh1688 .am-modal-body,
.fh1688 .exchange-wrap .exchange-order-info .exchange-order-count,
.fh1688 .exchange-wrap .exchange-order-info .exchange-order-name,
.fh1688 .exchange-wrap .font-color-gray,
.fh1688 .mall-order-integral,
.fh1688 .orderinfo-wrap .orderinfo-body h5,
.fh1688 .orderinfo-wrap .orderinfo-header .orderinfo-middle .orderinfo-text,
.fh1688 .point-history-wrap .color-black,
.fh1688 .tic-footer-amount,
.mgm1688 .am-modal-body,
.mgm1688 .exchange-wrap .exchange-order-info .exchange-order-count,
.mgm1688 .exchange-wrap .exchange-order-info .exchange-order-name,
.mgm1688 .exchange-wrap .font-color-gray,
.mgm1688 .mall-order-integral,
.mgm1688 .orderinfo-wrap .orderinfo-body h5,
.mgm1688 .orderinfo-wrap .orderinfo-header .orderinfo-middle .orderinfo-text,
.mgm1688 .point-history-wrap .color-black,
.mgm1688 .tic-footer-amount {
  color: #414655;
}

.fh1688 .dividend-rate,
.fh1688 .go-team-bet,
.fh1688 .go-team-bet i,
.fh1688 .go-team-record i,
.fh1688 .mc-trans-record-container .color-green-in,
.fh1688 .mc-transaction-record-root.mtrr-container .am-button-ghost,
.fh1688 .mt-team-footer,
.fh1688 .red-rain-tright,
.fh1688 .team-member-trans header .label,
.fh1688 .tt-balance-content,
.mgm1688 .dividend-rate,
.mgm1688 .go-team-bet,
.mgm1688 .go-team-bet i,
.mgm1688 .go-team-record i,
.mgm1688 .mc-trans-record-container .color-green-in,
.mgm1688 .mc-transaction-record-root.mtrr-container .am-button-ghost,
.mgm1688 .mt-team-footer,
.mgm1688 .red-rain-tright,
.mgm1688 .team-member-trans header .label,
.mgm1688 .tt-balance-content {
  color: #b1987f !important;
}

.fh1688 .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-right svg,
.fh1688 .agent-link-nodata svg,
.fh1688 .bet-filter-modal .ck-icon,
.fh1688 .block.member svg,
.fh1688 .card-header-people,
.fh1688 .deposit-list-ck,
.fh1688 .devidend-container svg,
.fh1688 .dividend-rate svg,
.fh1688 .go-team-bet i svg,
.fh1688 .go-team-bet svg,
.fh1688 .go-team-record i svg,
.fh1688 .has-claimed svg,
.fh1688 .icon-complete,
.fh1688 .icon-points,
.fh1688 .icon-sign,
.fh1688 .icon-span svg,
.fh1688 .icon-task,
.fh1688 .leader-board-container .leader-board-header-status div.lb-active svg,
.fh1688 .lin-left svg,
.fh1688 .lin-rigth svg,
.fh1688 .lkmn-poup-qrlink svg,
.fh1688 .mall-intergral-svg,
.fh1688 .mc-icon-member,
.fh1688 .mc-trans-filter svg.am-icon-lg,
.fh1688 .mc-trans-record-container .color-green-in svg,
.fh1688 .mc-transaction-record-root.mtrr-container .am-button-ghost svg,
.fh1688 .mt-team-footer svg,
.fh1688 .need-fill,
.fh1688 .qs-svg,
.fh1688 .rebateReport-item-content svg,
.fh1688 .red-rain-tright svg,
.fh1688 .salary-popup-container .save-icon,
.fh1688 .security-icon,
.fh1688 .team-member-nickname svg,
.fh1688 .team-member-trans header .label svg,
.fh1688 .team-member-trans svg,
.fh1688 .team-rebate-tleft svg,
.fh1688 .tt-balance-content svg,
.fh1688 .unerlvl.block svg,
.fh1688 .user-icon,
.fh1688 .vc-v2-container .vc-v2-active-container .act-item.on svg,
.mgm1688 .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-right svg,
.mgm1688 .agent-link-nodata svg,
.mgm1688 .bet-filter-modal .ck-icon,
.mgm1688 .block.member svg,
.mgm1688 .card-header-people,
.mgm1688 .deposit-list-ck,
.mgm1688 .devidend-container svg,
.mgm1688 .dividend-rate svg,
.mgm1688 .go-team-bet i svg,
.mgm1688 .go-team-bet svg,
.mgm1688 .go-team-record i svg,
.mgm1688 .has-claimed svg,
.mgm1688 .icon-complete,
.mgm1688 .icon-points,
.mgm1688 .icon-sign,
.mgm1688 .icon-span svg,
.mgm1688 .icon-task,
.mgm1688 .leader-board-container .leader-board-header-status div.lb-active svg,
.mgm1688 .lin-left svg,
.mgm1688 .lin-rigth svg,
.mgm1688 .lkmn-poup-qrlink svg,
.mgm1688 .mall-intergral-svg,
.mgm1688 .mc-icon-member,
.mgm1688 .mc-trans-filter svg.am-icon-lg,
.mgm1688 .mc-trans-record-container .color-green-in svg,
.mgm1688 .mc-transaction-record-root.mtrr-container .am-button-ghost svg,
.mgm1688 .mt-team-footer svg,
.mgm1688 .need-fill,
.mgm1688 .qs-svg,
.mgm1688 .rebateReport-item-content svg,
.mgm1688 .red-rain-tright svg,
.mgm1688 .salary-popup-container .save-icon,
.mgm1688 .security-icon,
.mgm1688 .team-member-nickname svg,
.mgm1688 .team-member-trans header .label svg,
.mgm1688 .team-member-trans svg,
.mgm1688 .team-rebate-tleft svg,
.mgm1688 .tt-balance-content svg,
.mgm1688 .unerlvl.block svg,
.mgm1688 .user-icon,
.mgm1688 .vc-v2-container .vc-v2-active-container .act-item.on svg {
  fill: #b1987f !important;
}

.fh1688 .mc-popup-trans > span > svg,
.mgm1688 .mc-popup-trans > span > svg {
  fill: #b1987f !important;
}

.fh1688 .add-inputIcon,
.fh1688 .agrgic-downline-select,
.fh1688 .am-button-ghost.am-button-active,
.fh1688 .am-switch input[type="checkbox"]:checked + .checkbox,
.fh1688 .ContactName,
.fh1688 .ContactNamet,
.fh1688 .Contacts .am-search-cancel,
.fh1688 .EmaiWebList .look .am-badge-dot,
.fh1688 .grid-title:after,
.fh1688 .mc-profile-swiper-nav li.ck,
.fh1688
  .new-date-picker
  .date-picker-warp
  .pickter-item.active-item.end-item
  span,
.fh1688
  .new-date-picker
  .date-picker-warp
  .pickter-item.active-item.start-item
  span,
.fh1688 .swiper-pagination-bullet-active,
.fh1688 .ticket-item .ticket-item-btn,
.mgm1688 .add-inputIcon,
.mgm1688 .agrgic-downline-select,
.mgm1688 .am-button-ghost.am-button-active,
.mgm1688 .am-switch input[type="checkbox"]:checked + .checkbox,
.mgm1688 .ContactName,
.mgm1688 .ContactNamet,
.mgm1688 .Contacts .am-search-cancel,
.mgm1688 .EmaiWebList .look .am-badge-dot,
.mgm1688 .grid-title:after,
.mgm1688 .mc-profile-swiper-nav li.ck,
.mgm1688
  .new-date-picker
  .date-picker-warp
  .pickter-item.active-item.end-item
  span,
.mgm1688
  .new-date-picker
  .date-picker-warp
  .pickter-item.active-item.start-item
  span,
.mgm1688 .swiper-pagination-bullet-active,
.mgm1688 .ticket-item .ticket-item-btn {
  background: #b1987f;
}

.fh1688
  .new-date-picker
  .date-picker-warp
  .pickter-item.active-item.start-item
  + .end-item:before,
.fh1688
  .new-date-picker
  .date-picker-warp
  .pickter-item.active-item.start-item
  + .through-item:before,
.fh1688 .new-date-picker .date-picker-warp .pickter-item.through-item,
.fh1688
  .new-date-picker
  .date-picker-warp
  .pickter-item.through-item
  + .end-item:before,
.fh1688
  .new-date-picker
  .date-picker-warp
  .pickter-item:nth-child(7n).through-item:before,
.fh1688
  .new-date-picker
  .date-picker-warp
  .pickter-item:nth-child(7n + 1).through-item:before,
.mgm1688
  .new-date-picker
  .date-picker-warp
  .pickter-item.active-item.start-item
  + .end-item:before,
.mgm1688
  .new-date-picker
  .date-picker-warp
  .pickter-item.active-item.start-item
  + .through-item:before,
.mgm1688 .new-date-picker .date-picker-warp .pickter-item.through-item,
.mgm1688
  .new-date-picker
  .date-picker-warp
  .pickter-item.through-item
  + .end-item:before,
.mgm1688
  .new-date-picker
  .date-picker-warp
  .pickter-item:nth-child(7n).through-item:before,
.mgm1688
  .new-date-picker
  .date-picker-warp
  .pickter-item:nth-child(7n + 1).through-item:before {
  background: #f7f3ef;
}

.fh1688 .account-form input,
.fh1688 .account-form svg.txt-svg,
.fh1688 .ag-link-lmanage .ag-link-mgbottom .mccolor-1cc534,
.fh1688 .ag-link-lmanage .ag-link-mgbottom .mccolor-23deb8,
.fh1688 .ag-link-lmanage .ag-link-mgbottom .mccolor-db2404,
.fh1688 .agent-link-nodata .am-result-title,
.fh1688 .agrg-downline-bnsetp > span,
.fh1688 .am-button-ghost,
.fh1688 .am-modal-button-group-h .am-modal-button,
.fh1688 .am-modal-button-group-v .am-modal-button,
.fh1688 .am-modal-title,
.fh1688 .amount-positive-number,
.fh1688 .banner .money,
.fh1688 .bet-filter-container .bet-filter-item-content .ck-date,
.fh1688 .card-details .card-header div.endContract,
.fh1688 .color2,
.fh1688 .contract-history .user-info .user-title,
.fh1688 .contract-tips,
.fh1688 .contractText,
.fh1688 .dividend-list-more > div:nth-child(2n) p,
.fh1688 .dividend-list-more > div:nth-child(odd) p,
.fh1688 .downline-item-toot .action-sign,
.fh1688 .downline-item-toot .start_contract,
.fh1688
  .exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-third
  .item-order-state-A,
.fh1688 .exchange-wrap .exchange-order-info .exchange-order-price .active,
.fh1688 .filter-tabPane-btn,
.fh1688 .game-record-show .am-search-cancel,
.fh1688 .is-comp,
.fh1688 .leader-board-container .leader-board-header-status div.lb-active,
.fh1688 .link-detail-title,
.fh1688 .mc-new-team-tab .mc-agent-team-tab .am-flexbox-item.tab-active,
.fh1688 .mc-tab-container .mc-tab-item.tab-active,
.fh1688 .new-date-picker .date-picker-content .btn-clear-date,
.fh1688 .new-date-picker .date-picker-content .date-picker-title,
.fh1688 .new-date-picker .date-picker-content .date-picker-title .active-item,
.fh1688 .new-date-picker .date-picker-warp .pickter-item.through-item,
.fh1688 .nodata-container,
.fh1688 .placeholder,
.fh1688 .play-chooser .chase-number > span,
.fh1688 .point-balance p,
.fh1688 .point-convert .point-form-item.important-number .am-list-extra,
.fh1688 .point-wrap .point-table-title span,
.fh1688 .rebate-span-rt,
.fh1688 .rebateReport-item-content .am-flexbox span,
.fh1688 .rebateReport .rebate,
.fh1688 .red-rain-tleft,
.fh1688 .sc-days,
.fh1688 .sigin-modal .sigin-modal-content .amount-info div,
.fh1688 .sign-operation > span,
.fh1688 .statis-container .statis-lin .blue-count,
.fh1688 .statis-container .statis-lin .gray-count,
.fh1688 .statis-container .statis-lin .green-count,
.fh1688 .statis-container .statis-lin .red-count,
.fh1688 .team-member-nickname header .label,
.fh1688 .team-rebate-tcenter,
.fh1688 .v-base .m-mc-notice-container .m-mc-notice-title,
.fh1688 .v-base .m-mc-notice-container .mmnt-title-detail,
.fh1688
  .v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-list-body
  .wallet-balance,
.fh1688 .vc-v2-container .vc-v2-input .inputCon i,
.fh1688 .vc-v2-container .vc-v2-input .inputCon input,
.fh1688 .vc-v2-container .vc-v2-method-list li.ck .vcn-list-desc,
.fh1688 .vc-v2-container .vc-v2-method li.ck,
.fh1688 .w-input-content,
.fh1688 .w-input-content input,
.fh1688 .withdraw-container-v2 .am-tabs-tab-active span,
.mgm1688 .account-form input,
.mgm1688 .account-form svg.txt-svg,
.mgm1688 .ag-link-lmanage .ag-link-mgbottom .mccolor-1cc534,
.mgm1688 .ag-link-lmanage .ag-link-mgbottom .mccolor-23deb8,
.mgm1688 .ag-link-lmanage .ag-link-mgbottom .mccolor-db2404,
.mgm1688 .agent-link-nodata .am-result-title,
.mgm1688 .agrg-downline-bnsetp > span,
.mgm1688 .am-button-ghost,
.mgm1688 .am-modal-button-group-h .am-modal-button,
.mgm1688 .am-modal-button-group-v .am-modal-button,
.mgm1688 .am-modal-title,
.mgm1688 .amount-positive-number,
.mgm1688 .banner .money,
.mgm1688 .bet-filter-container .bet-filter-item-content .ck-date,
.mgm1688 .card-details .card-header div.endContract,
.mgm1688 .color2,
.mgm1688 .contract-history .user-info .user-title,
.mgm1688 .contract-tips,
.mgm1688 .contractText,
.mgm1688 .dividend-list-more > div:nth-child(2n) p,
.mgm1688 .dividend-list-more > div:nth-child(odd) p,
.mgm1688 .downline-item-toot .action-sign,
.mgm1688 .downline-item-toot .start_contract,
.mgm1688
  .exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-third
  .item-order-state-A,
.mgm1688 .exchange-wrap .exchange-order-info .exchange-order-price .active,
.mgm1688 .filter-tabPane-btn,
.mgm1688 .game-record-show .am-search-cancel,
.mgm1688 .is-comp,
.mgm1688 .leader-board-container .leader-board-header-status div.lb-active,
.mgm1688 .link-detail-title,
.mgm1688 .mc-new-team-tab .mc-agent-team-tab .am-flexbox-item.tab-active,
.mgm1688 .mc-tab-container .mc-tab-item.tab-active,
.mgm1688 .new-date-picker .date-picker-content .btn-clear-date,
.mgm1688 .new-date-picker .date-picker-content .date-picker-title,
.mgm1688 .new-date-picker .date-picker-content .date-picker-title .active-item,
.mgm1688 .new-date-picker .date-picker-warp .pickter-item.through-item,
.mgm1688 .nodata-container,
.mgm1688 .placeholder,
.mgm1688 .play-chooser .chase-number > span,
.mgm1688 .point-balance p,
.mgm1688 .point-convert .point-form-item.important-number .am-list-extra,
.mgm1688 .point-wrap .point-table-title span,
.mgm1688 .rebate-span-rt,
.mgm1688 .rebateReport-item-content .am-flexbox span,
.mgm1688 .rebateReport .rebate,
.mgm1688 .red-rain-tleft,
.mgm1688 .sc-days,
.mgm1688 .sigin-modal .sigin-modal-content .amount-info div,
.mgm1688 .sign-operation > span,
.mgm1688 .statis-container .statis-lin .blue-count,
.mgm1688 .statis-container .statis-lin .gray-count,
.mgm1688 .statis-container .statis-lin .green-count,
.mgm1688 .statis-container .statis-lin .red-count,
.mgm1688 .team-member-nickname header .label,
.mgm1688 .team-rebate-tcenter,
.mgm1688 .v-base .m-mc-notice-container .m-mc-notice-title,
.mgm1688 .v-base .m-mc-notice-container .mmnt-title-detail,
.mgm1688
  .v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-list-body
  .wallet-balance,
.mgm1688 .vc-v2-container .vc-v2-input .inputCon i,
.mgm1688 .vc-v2-container .vc-v2-input .inputCon input,
.mgm1688 .vc-v2-container .vc-v2-method-list li.ck .vcn-list-desc,
.mgm1688 .vc-v2-container .vc-v2-method li.ck,
.mgm1688 .w-input-content,
.mgm1688 .w-input-content input,
.mgm1688 .withdraw-container-v2 .am-tabs-tab-active span {
  color: #b1987f;
}

.fh1688 .play-chooser .am-search-input input[type="search"],
.mgm1688 .play-chooser .am-search-input input[type="search"] {
  background: none;
}

.fh1688 .sc-bonus,
.mgm1688 .sc-bonus {
  color: #d2b496;
}

.fh1688 .sc-integral,
.mgm1688 .sc-integral {
  color: #dccab8;
}

.fh1688 .new-date-picker .date-picker-warp .pickter-item:nth-child(7n),
.mgm1688 .new-date-picker .date-picker-warp .pickter-item:nth-child(7n) {
  border-color: none;
}

.fh1688 .agrg-downline-bnsetp > span:nth-child(2),
.fh1688 .singd-downline-info,
.mgm1688 .agrg-downline-bnsetp > span:nth-child(2),
.mgm1688 .singd-downline-info {
  color: #333;
}

.fh1688 .am-tabs-tabpane-active .card-body,
.fh1688 .statis-gameType-wrap .active,
.mgm1688 .am-tabs-tabpane-active .card-body,
.mgm1688 .statis-gameType-wrap .active {
  color: #333 !important;
}

.fh1688 .card-details.contract .protocolDetails .details p,
.fh1688 .sign-salary-root .singd-details tbody .salary-activeMember,
.fh1688 .sign-salary-root .singd-details tbody .salary-betVolume,
.fh1688 .sign-salary-root .singd-details tbody .salary-rateType,
.mgm1688 .card-details.contract .protocolDetails .details p,
.mgm1688 .sign-salary-root .singd-details tbody .salary-activeMember,
.mgm1688 .sign-salary-root .singd-details tbody .salary-betVolume,
.mgm1688 .sign-salary-root .singd-details tbody .salary-rateType {
  color: #263440 !important;
}

.fh1688 .banner.bet,
.fh1688 .banner.salary,
.mgm1688 .banner.bet,
.mgm1688 .banner.salary {
  background: linear-gradient(180deg, #b1987f 0, #d2b496);
}

.fh1688 .dividend-list div .dl-content,
.mgm1688 .dividend-list div .dl-content {
  background: #d2b496 !important;
}

.fh1688 .add-card-btn.dis,
.fh1688 .vc-v2-submit.dis,
.mgm1688 .add-card-btn.dis,
.mgm1688 .vc-v2-submit.dis {
  background: #a5a9b3 !important;
}

.fh1688 .discount-tip,
.fh1688 .dividend-list div:first-child .dl-content,
.fh1688 .withdraw-container-v2 .am-tabs-tab-active span:before,
.mgm1688 .discount-tip,
.mgm1688 .dividend-list div:first-child .dl-content,
.mgm1688 .withdraw-container-v2 .am-tabs-tab-active span:before {
  background: #b1987f !important;
}

.fh1688 .dividend-list div:last-child .dl-content,
.fh1688 .point-wrap .point-list-wrap .point-list-header,
.mgm1688 .dividend-list div:last-child .dl-content,
.mgm1688 .point-wrap .point-list-wrap .point-list-header {
  background: #dccab8 !important;
}

.fh1688 .agentDivident .grid-container,
.mgm1688 .agentDivident .grid-container {
  background: #fafafa;
}

.fh1688 .account-form input,
.fh1688 .account-form input:focus,
.fh1688 .agrg-downline-bnsetp > span.agrg-downline-bnstbt,
.fh1688 .agrg-downline-input input:focus,
.fh1688 .am-button-ghost,
.fh1688 .am-button-primary,
.fh1688 .am-tabs-bar .am-tabs-tab,
.fh1688 .bet-filter-container .bet-filter-item-content .ck-date,
.fh1688 .common-center-top .common-top-img,
.fh1688 .filter-tabPane-btn,
.fh1688 .game-record-show .am-search,
.fh1688 .mc-checkbox.mc-checkbox-checked .mc-checkbox-inner,
.fh1688 .mc-checkbox.mc-checkbox-checked .mc-checkbox-inner:after,
.fh1688 .popup-container input,
.fh1688 .red-rain-input input:focus,
.fh1688
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active,
.fh1688 .vc-v2-container .vc-v2-input .inputCon,
.fh1688 .vc-v2-container .vc-v2-show-bank .vc-v2-bank-ck,
.fh1688 .w-input-content,
.fh1688 input,
.mgm1688 .account-form input,
.mgm1688 .account-form input:focus,
.mgm1688 .agrg-downline-bnsetp > span.agrg-downline-bnstbt,
.mgm1688 .agrg-downline-input input:focus,
.mgm1688 .am-button-ghost,
.mgm1688 .am-button-primary,
.mgm1688 .am-tabs-bar .am-tabs-tab,
.mgm1688 .bet-filter-container .bet-filter-item-content .ck-date,
.mgm1688 .common-center-top .common-top-img,
.mgm1688 .filter-tabPane-btn,
.mgm1688 .game-record-show .am-search,
.mgm1688 .mc-checkbox.mc-checkbox-checked .mc-checkbox-inner,
.mgm1688 .mc-checkbox.mc-checkbox-checked .mc-checkbox-inner:after,
.mgm1688 .popup-container input,
.mgm1688 .red-rain-input input:focus,
.mgm1688
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active,
.mgm1688 .vc-v2-container .vc-v2-input .inputCon,
.mgm1688 .vc-v2-container .vc-v2-show-bank .vc-v2-bank-ck,
.mgm1688 .w-input-content,
.mgm1688 input {
  border-color: #b1987f;
}

.fh1688 .am-button-primary,
.fh1688 .am-slider-track,
.fh1688 .am-tabs-ink-bar,
.fh1688 .bet-filter-container .bet-filter-sub div.ck:after,
.fh1688 .mc-switch .checkbox.on:before,
.fh1688 .trans-checked,
.fh1688 .vc-v2-title:before,
.fh1688 .withdraw-bank .slider-frame + div .am-carousel-wrap-dot-active > span,
.mgm1688 .am-button-primary,
.mgm1688 .am-slider-track,
.mgm1688 .am-tabs-ink-bar,
.mgm1688 .bet-filter-container .bet-filter-sub div.ck:after,
.mgm1688 .mc-switch .checkbox.on:before,
.mgm1688 .trans-checked,
.mgm1688 .vc-v2-title:before,
.mgm1688
  .withdraw-bank
  .slider-frame
  + div
  .am-carousel-wrap-dot-active
  > span {
  background: #b1987f;
  color: #fff;
}

.fh1688 .mc-switch.mc-qutas-bg .checkbox:before,
.mgm1688 .mc-switch.mc-qutas-bg .checkbox:before {
  background: #888;
}

.fh1688 .inputIcon,
.fh1688 .mc-switch.mc-qutas-bg .on:before,
.fh1688 .mc-trans-filter .am-button-primary,
.fh1688 .mc-trans-filter .am-search-cancel,
.fh1688 .point-history-wrap .am-button-primary,
.fh1688 .sigin-tab .am-tabs-tab-active .tab-title:after,
.fh1688 .statis-gameType-wrap .btn-wrap.active i:first-child,
.fh1688 .vc-v2-title:before,
.mgm1688 .inputIcon,
.mgm1688 .mc-switch.mc-qutas-bg .on:before,
.mgm1688 .mc-trans-filter .am-button-primary,
.mgm1688 .mc-trans-filter .am-search-cancel,
.mgm1688 .point-history-wrap .am-button-primary,
.mgm1688 .sigin-tab .am-tabs-tab-active .tab-title:after,
.mgm1688 .statis-gameType-wrap .btn-wrap.active i:first-child,
.mgm1688 .vc-v2-title:before {
  background: #b1987f !important;
}

.fh1688 .inputIcon svg,
.fh1688 .mc-switch.mc-qutas-bg .on:before svg,
.fh1688 .mc-trans-filter .am-button-primary svg,
.fh1688 .mc-trans-filter .am-search-cancel svg,
.fh1688 .point-history-wrap .am-button-primary svg,
.fh1688 .sigin-tab .am-tabs-tab-active .tab-title:after svg,
.fh1688 .statis-gameType-wrap .btn-wrap.active i:first-child svg,
.fh1688 .vc-v2-title:before svg,
.mgm1688 .inputIcon svg,
.mgm1688 .mc-switch.mc-qutas-bg .on:before svg,
.mgm1688 .mc-trans-filter .am-button-primary svg,
.mgm1688 .mc-trans-filter .am-search-cancel svg,
.mgm1688 .point-history-wrap .am-button-primary svg,
.mgm1688 .sigin-tab .am-tabs-tab-active .tab-title:after svg,
.mgm1688 .statis-gameType-wrap .btn-wrap.active i:first-child svg,
.mgm1688 .vc-v2-title:before svg {
  fill: #b1987f !important;
}

.fh1688 .mall-home-top .mall-user-integral,
.mgm1688 .mall-home-top .mall-user-integral {
  background: hsla(0, 0%, 100%, 0.4);
}

.fh1688 .mc-trans-filter .am-button-ghost,
.fh1688 .point-history-wrap .am-button-ghost,
.mgm1688 .mc-trans-filter .am-button-ghost,
.mgm1688 .point-history-wrap .am-button-ghost {
  border-color: #a5a9b3;
  color: #a5a9b3;
}

.fh1688 .mc-trans-filter .am-button-ghost svg,
.fh1688 .point-history-wrap .am-button-ghost svg,
.mgm1688 .mc-trans-filter .am-button-ghost svg,
.mgm1688 .point-history-wrap .am-button-ghost svg {
  fill: #a5a9b3;
}

.fh1688
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active,
.mgm1688
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active {
  border-color: inherit;
}

.fh1688 .ivi-icon svg,
.mgm1688 .ivi-icon svg {
  display: inline-block;
}

.fh1688 .id-verification-icon,
.mgm1688 .id-verification-icon {
  display: none;
}

.fh1688 .add-card-btn,
.fh1688 .agrg-downline-sub,
.fh1688 .am-button-primary,
.fh1688 .bind-first span,
.fh1688 .btn-confirm-date,
.fh1688 .btn-success,
.fh1688 .button-submit,
.fh1688 .change-statis-wrap .statis-left .btn-change-active,
.fh1688 .copy-contact,
.fh1688 .lkmn-poup-qrcopy,
.fh1688 .orderinfo-wrap .orderinfo-submit .button-submit,
.fh1688 .play-more-game,
.fh1688 .poplist-footer a:last-child.footer-button,
.fh1688 .profile-swiper-container .am-modal-button,
.fh1688 .sigin-today-sub,
.fh1688 .sign-salary-root .singd-details thead tr,
.fh1688 .signedSalary-root .poplist-footer a:last-child.footer-button,
.fh1688 .submitEmail,
.fh1688 .team-member-nickname .trans-container:first-child,
.fh1688 .team-rebate-btnright .am-button,
.fh1688
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active,
.fh1688 .vc-v2-submit,
.fh1688 .w-input-submit-true,
.mgm1688 .add-card-btn,
.mgm1688 .agrg-downline-sub,
.mgm1688 .am-button-primary,
.mgm1688 .bind-first span,
.mgm1688 .btn-confirm-date,
.mgm1688 .btn-success,
.mgm1688 .button-submit,
.mgm1688 .change-statis-wrap .statis-left .btn-change-active,
.mgm1688 .copy-contact,
.mgm1688 .lkmn-poup-qrcopy,
.mgm1688 .orderinfo-wrap .orderinfo-submit .button-submit,
.mgm1688 .play-more-game,
.mgm1688 .poplist-footer a:last-child.footer-button,
.mgm1688 .profile-swiper-container .am-modal-button,
.mgm1688 .sigin-today-sub,
.mgm1688 .sign-salary-root .singd-details thead tr,
.mgm1688 .signedSalary-root .poplist-footer a:last-child.footer-button,
.mgm1688 .submitEmail,
.mgm1688 .team-member-nickname .trans-container:first-child,
.mgm1688 .team-rebate-btnright .am-button,
.mgm1688
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active,
.mgm1688 .vc-v2-submit,
.mgm1688 .w-input-submit-true {
  background: linear-gradient(90deg, #dccab8, #d2b496) !important;
}

.fh1688 .add-card-btn span,
.fh1688 .agrg-downline-sub span,
.fh1688 .am-button-primary span,
.fh1688 .bind-first span span,
.fh1688 .btn-confirm-date span,
.fh1688 .btn-success span,
.fh1688 .button-submit span,
.fh1688 .change-statis-wrap .statis-left .btn-change-active span,
.fh1688 .copy-contact span,
.fh1688 .lkmn-poup-qrcopy span,
.fh1688 .orderinfo-wrap .orderinfo-submit .button-submit span,
.fh1688 .play-more-game span,
.fh1688 .poplist-footer a:last-child.footer-button span,
.fh1688 .profile-swiper-container .am-modal-button span,
.fh1688 .sigin-today-sub span,
.fh1688 .sign-salary-root .singd-details thead tr span,
.fh1688 .signedSalary-root .poplist-footer a:last-child.footer-button span,
.fh1688 .submitEmail span,
.fh1688 .team-member-nickname .trans-container:first-child span,
.fh1688 .team-rebate-btnright .am-button span,
.fh1688
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active
  span,
.fh1688 .vc-v2-submit span,
.fh1688 .w-input-submit-true span,
.mgm1688 .add-card-btn span,
.mgm1688 .agrg-downline-sub span,
.mgm1688 .am-button-primary span,
.mgm1688 .bind-first span span,
.mgm1688 .btn-confirm-date span,
.mgm1688 .btn-success span,
.mgm1688 .button-submit span,
.mgm1688 .change-statis-wrap .statis-left .btn-change-active span,
.mgm1688 .copy-contact span,
.mgm1688 .lkmn-poup-qrcopy span,
.mgm1688 .orderinfo-wrap .orderinfo-submit .button-submit span,
.mgm1688 .play-more-game span,
.mgm1688 .poplist-footer a:last-child.footer-button span,
.mgm1688 .profile-swiper-container .am-modal-button span,
.mgm1688 .sigin-today-sub span,
.mgm1688 .sign-salary-root .singd-details thead tr span,
.mgm1688 .signedSalary-root .poplist-footer a:last-child.footer-button span,
.mgm1688 .submitEmail span,
.mgm1688 .team-member-nickname .trans-container:first-child span,
.mgm1688 .team-rebate-btnright .am-button span,
.mgm1688
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active
  span,
.mgm1688 .vc-v2-submit span,
.mgm1688 .w-input-submit-true span {
  color: #fff;
}

.fh1688 .add-card-btn,
.fh1688 .bind-first span,
.fh1688 .button-submit,
.fh1688 .copy-contact,
.fh1688 .mc-lott-record-root .select-Box span.active,
.fh1688 .new-date-picker .date-picker-warp .pickter-item.through-item,
.fh1688 .orderinfo-wrap .orderinfo-submit .button-submit,
.fh1688 .play-more-game,
.fh1688 .ticket-item .ticket-item-btn,
.mgm1688 .add-card-btn,
.mgm1688 .bind-first span,
.mgm1688 .button-submit,
.mgm1688 .copy-contact,
.mgm1688 .mc-lott-record-root .select-Box span.active,
.mgm1688 .new-date-picker .date-picker-warp .pickter-item.through-item,
.mgm1688 .orderinfo-wrap .orderinfo-submit .button-submit,
.mgm1688 .play-more-game,
.mgm1688 .ticket-item .ticket-item-btn {
  box-shadow: none !important;
}

.fh1688 .devidend-container .popup-header,
.fh1688 .salary-popup-header,
.mgm1688 .devidend-container .popup-header,
.mgm1688 .salary-popup-header {
  background: #fbf9f7;
}

.fh1688 .sign-salary-root .singd-details thead tr td,
.mgm1688 .sign-salary-root .singd-details thead tr td {
  color: #fff;
  background: inherit;
}

.fh1688 .exchange-wrap .exchange-order-info .exchange-order-price .active,
.fh1688 .statis-gameType-wrap .active,
.mgm1688 .exchange-wrap .exchange-order-info .exchange-order-price .active,
.mgm1688 .statis-gameType-wrap .active {
  background: #f9f5f1 !important;
  border-color: #b1987f !important;
  box-shadow: -1px 0 0.05rem #b1987f !important;
}

.fh1688 .salary-popup-container .input-container input,
.mgm1688 .salary-popup-container .input-container input {
  background: #f9f5f1 !important;
}

.fh1688 .lkmn-poup-tbig,
.fh1688 .lkmn-poup-tsmall,
.mgm1688 .lkmn-poup-tbig,
.mgm1688 .lkmn-poup-tsmall {
  color: #b1987f;
}

.fh1688 .btn-success,
.mgm1688 .btn-success {
  box-shadow: 0 0.1rem 0.2rem 0 #b1987f;
}

.fh1688 .vc-v2-container .vc-v2-method li.ck:before,
.mgm1688 .vc-v2-container .vc-v2-method li.ck:before {
  background-image: url(/images/theme/panda/assets/check_box_01.png);
}

.fh1688 .vc-v2-submit i,
.mgm1688 .vc-v2-submit i {
  background-image: url(/images/theme/panda/assets/down_icon.png);
}

.fh1688 .withdraw-bkdbtn,
.mgm1688 .withdraw-bkdbtn {
  border-color: #dccab8;
}

.fh1688 .agrg-downline-input input,
.fh1688
  .exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-type,
.fh1688 .lkmn-poup-qrcnt span,
.fh1688 .mc-trans-filter .chase-number,
.fh1688 .rebateReport-item-root .time,
.fh1688 .show-more,
.fh1688 .singd-downline-info .more-info,
.fh1688 .tmt-header,
.fh1688 .withdraw-bkinfo,
.mgm1688 .agrg-downline-input input,
.mgm1688
  .exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-type,
.mgm1688 .lkmn-poup-qrcnt span,
.mgm1688 .mc-trans-filter .chase-number,
.mgm1688 .rebateReport-item-root .time,
.mgm1688 .show-more,
.mgm1688 .singd-downline-info .more-info,
.mgm1688 .tmt-header,
.mgm1688 .withdraw-bkinfo {
  color: #a5a9b3 !important;
}

.fh1688 .am-tag-normal,
.fh1688 .statis-gameType-wrap .btn-wrap,
.fh1688 .vc-v2-container .vc-v2-method li,
.fh1688 .vc-v2-container .vc-v2-method li .min-max,
.fh1688 .vc-v2-container .vc-v2-method li .vcn-list-text,
.mgm1688 .am-tag-normal,
.mgm1688 .statis-gameType-wrap .btn-wrap,
.mgm1688 .vc-v2-container .vc-v2-method li,
.mgm1688 .vc-v2-container .vc-v2-method li .min-max,
.mgm1688 .vc-v2-container .vc-v2-method li .vcn-list-text {
  color: #a5a9b3;
  border-color: #a5a9b3;
}

.fh1688 .wallet_return div,
.fh1688 .withdraw-bkadd,
.mgm1688 .wallet_return div,
.mgm1688 .withdraw-bkadd {
  background: #dccab8;
}

.fh1688 .agrg-downline-bnstbt,
.fh1688 .point-wrap .point-list-wrap .point-list-header,
.fh1688 .protocolDetails .header p,
.fh1688 .wallet_return div,
.mgm1688 .agrg-downline-bnstbt,
.mgm1688 .point-wrap .point-list-wrap .point-list-header,
.mgm1688 .protocolDetails .header p,
.mgm1688 .wallet_return div {
  color: #fff;
}

.fh1688 .agrg-downline-bnstbt svg,
.fh1688 .point-wrap .point-list-wrap .point-list-header svg,
.fh1688 .protocolDetails .header p svg,
.fh1688 .wallet_return div svg,
.mgm1688 .agrg-downline-bnstbt svg,
.mgm1688 .point-wrap .point-list-wrap .point-list-header svg,
.mgm1688 .protocolDetails .header p svg,
.mgm1688 .wallet_return div svg {
  fill: #b1987f;
}

.fh1688 .point-wrap .point-list-wrap .point-list-item,
.mgm1688 .point-wrap .point-list-wrap .point-list-item {
  background: hsla(30, 24%, 60%, 0.16);
}

.fh1688 .card-details.contract .protocolDetails,
.mgm1688 .card-details.contract .protocolDetails {
  background: none;
}

.fh1688 .exchange-wrap .exchange-submit p,
.fh1688 .mc-profitLoss-record-root .am-button-ghost,
.fh1688 .mc-transaction-record-root .am-button-ghost,
.mgm1688 .exchange-wrap .exchange-submit p,
.mgm1688 .mc-profitLoss-record-root .am-button-ghost,
.mgm1688 .mc-transaction-record-root .am-button-ghost {
  color: #a5a9b3 !important;
  border-color: #a5a9b3 !important;
}

.fh1688 .exchange-wrap .exchange-submit p svg,
.fh1688 .mc-profitLoss-record-root .am-button-ghost svg,
.fh1688 .mc-transaction-record-root .am-button-ghost svg,
.mgm1688 .exchange-wrap .exchange-submit p svg,
.mgm1688 .mc-profitLoss-record-root .am-button-ghost svg,
.mgm1688 .mc-transaction-record-root .am-button-ghost svg {
  fill: #a5a9b3 !important;
}

.fh1688 .auto-fill-btn,
.fh1688 .mc-profitLoss-record-root .am-button-primary,
.fh1688 .mc-transaction-record-root .am-button-primary,
.fh1688 .records-item-header-sy i,
.mgm1688 .auto-fill-btn,
.mgm1688 .mc-profitLoss-record-root .am-button-primary,
.mgm1688 .mc-transaction-record-root .am-button-primary,
.mgm1688 .records-item-header-sy i {
  background: #b1987f !important;
}

.fh1688 .card-details.contract .protocolDetails .header,
.fh1688 .common-wb-cards,
.mgm1688 .card-details.contract .protocolDetails .header,
.mgm1688 .common-wb-cards {
  background: -webkit-linear-gradient(0deg, #dccab8, #d2b496) !important;
}

.fh1688 .record-icon-ticket,
.mgm1688 .record-icon-ticket {
  background-image: url(/images/theme/panda/assets/bill.png);
}

.fh1688
  .v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-trans-details
  .trans-container
  > span.checked,
.mgm1688
  .v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-trans-details
  .trans-container
  > span.checked {
  background: #dccab8;
  color: #fff;
}

.fh1688 .team-member-nickname .nickname-form input,
.mgm1688 .team-member-nickname .nickname-form input {
  background: #f0f0f0;
}

.fh1688 .reward-center,
.mgm1688 .reward-center {
  background-image: url(/images/theme/panda/assets/mall-bg.png) !important;
}

.fh1688 .am-tabs-bar .am-tabs-tab-active,
.fh1688 .amount-negative-number,
.fh1688 .card-details .card-header div.endContract span a,
.fh1688 .game-amount-content .amount-total,
.fh1688 .hd-status-tip,
.fh1688 .lkmn-poup-qrlink span,
.fh1688 .record-footer div span:last-child,
.fh1688 .show-tips a,
.fh1688 .sigin-c-content .am-tabs-bar .am-tabs-tab-active,
.fh1688 .team-member-item-header span,
.fh1688 .vc-v2-container .vc-v2-method li.ck .vcn-list-desc,
.fh1688 .vrification-loading-content p span,
.mgm1688 .am-tabs-bar .am-tabs-tab-active,
.mgm1688 .amount-negative-number,
.mgm1688 .card-details .card-header div.endContract span a,
.mgm1688 .game-amount-content .amount-total,
.mgm1688 .hd-status-tip,
.mgm1688 .lkmn-poup-qrlink span,
.mgm1688 .record-footer div span:last-child,
.mgm1688 .show-tips a,
.mgm1688 .sigin-c-content .am-tabs-bar .am-tabs-tab-active,
.mgm1688 .team-member-item-header span,
.mgm1688 .vc-v2-container .vc-v2-method li.ck .vcn-list-desc,
.mgm1688 .vrification-loading-content p span {
  color: #b1987f !important;
}

.fh1688 .name-filter .am-search .am-search-input,
.fh1688 .name-filter .am-search .am-search-synthetic-ph,
.fh1688 .red-rain-select .am-search-input,
.mgm1688 .name-filter .am-search .am-search-input,
.mgm1688 .name-filter .am-search .am-search-synthetic-ph,
.mgm1688 .red-rain-select .am-search-input {
  background: #f0f0f0 !important;
  color: #a5a9b3 !important;
}

.fh1688 .red-rain-select .am-search-input input,
.mgm1688 .red-rain-select .am-search-input input {
  color: #a5a9b3 !important;
}

.fh1688 .red-rain-select .am-search-cancel,
.fh1688 .vc-v2-container .vc-v2-active-container .act-item .act-mount i,
.mgm1688 .red-rain-select .am-search-cancel,
.mgm1688 .vc-v2-container .vc-v2-active-container .act-item .act-mount i {
  color: #b1987f;
}

.fh1688 .personalCenter .has-error input,
.mgm1688 .personalCenter .has-error input {
  box-shadow: none !important;
  border: 1px solid #b1987f !important;
}

.fh1688 .account-form input:focusm,
.fh1688 .add-card-btn,
.mgm1688 .account-form input:focusm,
.mgm1688 .add-card-btn {
  box-shadow: none !important;
}

.fh1688 .cumulative-sign-in,
.mgm1688 .cumulative-sign-in {
  position: absolute;
  right: 0;
  top: 0;
  height: 0.54rem;
  padding: 0 0.75rem 0 1.4rem;
  background-image:
    url("/images/theme/panda/assets/sign.png"),
    linear-gradient(0deg, #d2b496, #d2b496) !important;
  background-position:
    0.76rem,
    left 0.64rem top -1px;
  background-size:
    0.3rem 0.3rem,
    100% 100%;
  background-repeat: no-repeat !important;
  color: #fff;
  font-size: 0.24rem;
  line-height: 0.5rem;
}

.fh1688 .cumulative-sign-in a,
.mgm1688 .cumulative-sign-in a {
  color: inherit;
}

.fh1688 .cumulative-sign-in:before,
.mgm1688 .cumulative-sign-in:before {
  content: "";
  width: 0.64rem;
  height: 0.52rem;
  position: absolute;
  left: 0.1rem;
  top: 0;
  z-index: 9;
  background-image: url("/images/theme/panda/assets/mall-title.png") !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100%;
}

.fh1688 .cumulative-sign-in:after,
.mgm1688 .cumulative-sign-in:after {
  content: "";
  height: 0.3rem !important;
  width: 0.3rem !important;
  position: absolute;
  right: 0.1rem;
  top: 0.09rem !important;
  z-index: 9;
  background: url("/images/theme/panda/assets/arrow.png") 50% !important;
  background-repeat: no-repeat !important;
  background-size: 0.18rem 0.28rem;
}

.fh1688 .mall-home-top,
.fh1688 .mall-home-wrap .mall-home-top,
.fh1688 .signin-activity-card,
.mgm1688 .mall-home-top,
.mgm1688 .mall-home-wrap .mall-home-top,
.mgm1688 .signin-activity-card {
  background-image: url("/images/theme/panda/assets/sac.png") !important;
}

.fh1688 .leader-board-container .leader-board-content .leader-board-card,
.mgm1688 .leader-board-container .leader-board-content .leader-board-card {
  background-image: url("/images/theme/panda/assets/lbc.png") !important;
}

.fh1688 .leader-board-container .leader-board-header,
.mgm1688 .leader-board-container .leader-board-header {
  background-image: url("/images/theme/panda/assets/lbh.png") !important;
}

.fh1688 .name-filter .am-search-cancel,
.mgm1688 .name-filter .am-search-cancel {
  background-image: url("/images/theme/panda/assets/search.png") !important;
}

.fh1688 .v-base .m-mc-notice-container .mc-notice-prev,
.mgm1688 .v-base .m-mc-notice-container .mc-notice-prev {
  background-image: url("/images/theme/panda/assets/left.png") !important;
  transform: rotate(0deg);
}

.fh1688 .reward-user-integral,
.mgm1688 .reward-user-integral {
  background-image: url("/images/theme/panda/assets/rewardCenter/cash.png") !important;
}

.fh1688 .v-base .m-mc-notice-container .mc-notice-next,
.mgm1688 .v-base .m-mc-notice-container .mc-notice-next {
  background-image: url("/images/theme/panda/assets/left.png") !important;
  transform: rotate(180deg);
}

.fh1688 .am-search-input input[type="search"],
.mgm1688 .am-search-input input[type="search"] {
  background: #f0f0f0;
  color: #a5a9b3 !important;
}

.fh1688 .mc-notice-content .wysiwyg,
.fh1688 .sigin-today-title,
.mgm1688 .mc-notice-content .wysiwyg,
.mgm1688 .sigin-today-title {
  color: #414655;
}

.fh1688 .ph-icon,
.mgm1688 .ph-icon {
  display: inline-block;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 0.6rem;
  background: -webkit-linear-gradient(0deg, #dccab8, #d2b496);
  top: 0.16rem;
  position: relative;
}

.fh1688 .ph-icon svg,
.mgm1688 .ph-icon svg {
  top: 0 !important;
  fill: #fff;
  left: 0.07rem;
  width: 0.44rem !important;
  height: 0.44rem !important;
}

.fh1688 .mc-wallet-list-body .am-flexbox-item:first-child,
.mgm1688 .mc-wallet-list-body .am-flexbox-item:first-child {
  display: inline-block;
  width: 0.6rem !important;
  height: 0.6rem !important;
  border-radius: 0.6rem;
  background: -webkit-linear-gradient(0deg, #dccab8, #d2b496);
}

.fh1688 .mc-wallet-list-body .am-flexbox-item:first-child svg,
.mgm1688 .mc-wallet-list-body .am-flexbox-item:first-child svg {
  top: 0.12rem !important;
  fill: #fff;
  position: relative;
  left: 0.12rem;
  width: 0.34rem !important;
  height: 0.34rem !important;
}

.fh1688 .ph-text,
.mgm1688 .ph-text {
  margin-left: 0.1rem;
  top: 0.06rem;
  position: relative;
}

.fh1688 .trans-icon-container svg,
.mgm1688 .trans-icon-container svg {
  fill: #414655;
}

.fh1688 .ag-link-mgtop-left span,
.mgm1688 .ag-link-mgtop-left span {
  display: inline-block;
  width: 0.54rem !important;
  height: 0.54rem !important;
  border-radius: 0.6rem;
  background: -webkit-linear-gradient(0deg, #dccab8, #d2b496);
  position: relative;
  top: 0.1rem;
  margin-right: 0.1rem;
}

.fh1688 .ag-link-mgtop-left span svg,
.mgm1688 .ag-link-mgtop-left span svg {
  top: -0.04rem !important;
  fill: #fff;
  position: relative;
  left: 0.08rem;
  width: 0.34rem !important;
  height: 0.34rem !important;
}

.fh1688 .am-picker-popup-item,
.fh1688 .card-header .ric-date,
.mgm1688 .am-picker-popup-item,
.mgm1688 .card-header .ric-date {
  color: #b1987f !important;
}

.fh1688 .statis-gameType-wrap .btn-wrap .gameType-item-0,
.mgm1688 .statis-gameType-wrap .btn-wrap .gameType-item-0 {
  background: #b1987f;
}

.fh1688 .statis-gameType-wrap .btn-wrap .gameType-item-2,
.mgm1688 .statis-gameType-wrap .btn-wrap .gameType-item-2 {
  background: #6a7391;
}

.fh1688 .point-convert .point-form-item .am-list-extra,
.fh1688 .point-convert .point-form-item .am-list-extra input,
.mgm1688 .point-convert .point-form-item .am-list-extra,
.mgm1688 .point-convert .point-form-item .am-list-extra input {
  color: #6a7391;
}

.fh1688 .statis-gameType-wrap .btn-wrap .gameType-item-1,
.fh1688 .statis-gameType-wrap .btn-wrap .his-gameType-item-0,
.fh1688 .statis-gameType-wrap .btn-wrap .his-gameType-item-1,
.fh1688 .statis-gameType-wrap .btn-wrap .his-gameType-item-2,
.fh1688 .statis-gameType-wrap .btn-wrap .his-gameType-item-3,
.fh1688 .statis-gameType-wrap .btn-wrap .his-gameType-item-4,
.fh1688 .statis-gameType-wrap .btn-wrap .his-gameType-item-5,
.fh1688 .statis-gameType-wrap .btn-wrap .his-gameType-item-6,
.fh1688 .statis-gameType-wrap .btn-wrap .his-gameType-item-7,
.fh1688 .statis-gameType-wrap .btn-wrap .his-gameType-item-8,
.mgm1688 .statis-gameType-wrap .btn-wrap .gameType-item-1,
.mgm1688 .statis-gameType-wrap .btn-wrap .his-gameType-item-0,
.mgm1688 .statis-gameType-wrap .btn-wrap .his-gameType-item-1,
.mgm1688 .statis-gameType-wrap .btn-wrap .his-gameType-item-2,
.mgm1688 .statis-gameType-wrap .btn-wrap .his-gameType-item-3,
.mgm1688 .statis-gameType-wrap .btn-wrap .his-gameType-item-4,
.mgm1688 .statis-gameType-wrap .btn-wrap .his-gameType-item-5,
.mgm1688 .statis-gameType-wrap .btn-wrap .his-gameType-item-6,
.mgm1688 .statis-gameType-wrap .btn-wrap .his-gameType-item-7,
.mgm1688 .statis-gameType-wrap .btn-wrap .his-gameType-item-8 {
  background: #a5a9b3;
}

.fh1688 .poplist-footer a:first-child,
.mgm1688 .poplist-footer a:first-child {
  border-color: #a5a9b3 !important;
  color: #a5a9b3 !important;
}

.fh1688 .agent-container .agent-body .h4-wrp,
.mgm1688 .agent-container .agent-body .h4-wrp {
  border-color: #b1987f;
}

.fh1688 .statis-gameType-wrap .active i,
.mgm1688 .statis-gameType-wrap .active i {
  background: #b1987f;
}

.fh1688 .n-form-content input,
.mgm1688 .n-form-content input {
  -webkit-appearance: none;
  outline: none;
}

.fh1688
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item,
.mgm1688
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item {
  background-color: #efefef;
  border: 1px solid #ccc;
  color: #919191;
}

.fh1688
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active,
.mgm1688
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active {
  color: #fff;
  border: 1px solid transparent;
}

.fh1688
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active
  svg,
.mgm1688
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active
  svg {
  display: none;
}

.ouhuang .divident-list-item span,
.ouhuangusd .divident-list-item span {
  width: 21%;
}

.ouhuang .record-footer,
.ouhuangusd .record-footer {
  background:
    linear-gradient 180deg,
    #fdfaff,
    #e1e5e8;
  box-shadow: 0 0 0.5px 0.2px rgba(64, 69, 84, 0.2);
}

.ouhuang .record-footer span,
.ouhuangusd .record-footer span {
  color: #8b8fb1;
}

.ouhuang .record-footer span.time,
.ouhuangusd .record-footer span.time {
  color: #535472;
}

.ouhuang .n-home-container .main-nav-style > .n-linear-border:before,
.ouhuangusd .n-home-container .main-nav-style > .n-linear-border:before {
  background-image: linear-gradient(0deg, #ebedf3, #f7f8fa);
}

.ouhuang .n-home-container .main-nav-style > .n-linear-border > div,
.ouhuangusd .n-home-container .main-nav-style > .n-linear-border > div {
  background: rgba(83, 84, 114, 0.2);
}

.ouhuang .n-home-container .main-nav-style > div svg,
.ouhuangusd .n-home-container .main-nav-style > div svg {
  fill: #676d94;
}

.ouhuang .v-base .main-nav-style,
.ouhuangusd .v-base .main-nav-style {
  color: #8e8e94;
}

.ouhuang .am-tabs-bar .am-tabs-tab-active,
.ouhuang .am-tag-active,
.ouhuang .btn-copy-code,
.ouhuang .mall-home-top .mall-header,
.ouhuang .mc-lott-record-root .select-Box span.active,
.ouhuang .new-tips,
.ouhuang .team-member-flow .mc-team-flow-unit span.unit-active,
.ouhuang .vc-v2-container .vc-v2-input .inputCon,
.ouhuang .vc-v2-container .vc-v2-input .inputCon i,
.ouhuang .vc-v2-container .vc-v2-method-list li.ck,
.ouhuang .vc-v2-container .vc-v2-show-bank .vc-v2-bank-ck.ck,
.ouhuangusd .am-tabs-bar .am-tabs-tab-active,
.ouhuangusd .am-tag-active,
.ouhuangusd .btn-copy-code,
.ouhuangusd .mall-home-top .mall-header,
.ouhuangusd .mc-lott-record-root .select-Box span.active,
.ouhuangusd .new-tips,
.ouhuangusd .team-member-flow .mc-team-flow-unit span.unit-active,
.ouhuangusd .vc-v2-container .vc-v2-input .inputCon,
.ouhuangusd .vc-v2-container .vc-v2-input .inputCon i,
.ouhuangusd .vc-v2-container .vc-v2-method-list li.ck,
.ouhuangusd .vc-v2-container .vc-v2-show-bank .vc-v2-bank-ck.ck {
  color: #8b8fb1;
  border-color: #8b8fb1 !important;
}

.ouhuang .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-right span,
.ouhuang .go-home-btn,
.ouhuang .red-rain-underling span,
.ouhuang .vc-v2-container .vc-v2-method-list li,
.ouhuangusd .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-right span,
.ouhuangusd .go-home-btn,
.ouhuangusd .red-rain-underling span,
.ouhuangusd .vc-v2-container .vc-v2-method-list li {
  color: #b8bdc0;
  border-color: #b8bdc0;
}

.ouhuang .bet-filter-container .bet-filter-item-content .ck-date,
.ouhuang .mall-home-wrap .mall-home-choose .active,
.ouhuang .mc-tab-container .mc-tab-item.tab-active,
.ouhuang .singd-downline-info div span > span,
.ouhuang .vc-v2-container .vc-v2-method-list li.ck,
.ouhuang .vc-v2-container .vc-v2-method li.ck,
.ouhuangusd .bet-filter-container .bet-filter-item-content .ck-date,
.ouhuangusd .mall-home-wrap .mall-home-choose .active,
.ouhuangusd .mc-tab-container .mc-tab-item.tab-active,
.ouhuangusd .singd-downline-info div span > span,
.ouhuangusd .vc-v2-container .vc-v2-method-list li.ck,
.ouhuangusd .vc-v2-container .vc-v2-method li.ck {
  color: #8b8fb1 !important;
  border-color: #8b8fb1 !important;
}

.ouhuang .am-button-primary,
.ouhuang .n-home-container .n-nav-list-title span,
.ouhuangusd .am-button-primary,
.ouhuangusd .n-home-container .n-nav-list-title span {
  border: none !important;
}

.ouhuang input,
.ouhuangusd input {
  caret-color: #8b8fb1 !important;
}

.ouhuang .game-record-show .am-search,
.ouhuang .h-icon-active img,
.ouhuang .mc-transaction-record-root.mtrr-container .am-button-ghost,
.ouhuang .name-filter .am-button-ghost,
.ouhuang .vc-v2-container .pay-name-container .vc-v2-input input:focus,
.ouhuangusd .game-record-show .am-search,
.ouhuangusd .h-icon-active img,
.ouhuangusd .mc-transaction-record-root.mtrr-container .am-button-ghost,
.ouhuangusd .name-filter .am-button-ghost,
.ouhuangusd .vc-v2-container .pay-name-container .vc-v2-input input:focus {
  border-color: #8b8fb1 !important;
}

.ouhuang .name-filter .am-button-ghost,
.ouhuangusd .name-filter .am-button-ghost {
  border: 1px solid #8b8fb1 !important;
}

.ouhuang .agent-divident-container,
.ouhuang .agentDivident .am-tabs-bar .am-tabs-tabr,
.ouhuang .am-search,
.ouhuang .am-tabs-bar,
.ouhuang .name-filter,
.ouhuang .name-filter .am-button-ghost,
.ouhuang .reward-center-container,
.ouhuang .sigin-modal .sigin-modal-content,
.ouhuangusd .agent-divident-container,
.ouhuangusd .agentDivident .am-tabs-bar .am-tabs-tabr,
.ouhuangusd .am-search,
.ouhuangusd .am-tabs-bar,
.ouhuangusd .name-filter,
.ouhuangusd .name-filter .am-button-ghost,
.ouhuangusd .reward-center-container,
.ouhuangusd .sigin-modal .sigin-modal-content {
  background: #fff;
}

.ouhuang .agentDivident .am-tabs-tabpane > div > div,
.ouhuangusd .agentDivident .am-tabs-tabpane > div > div {
  background: #fff !important;
}

.ouhuang .tabPane-tips,
.ouhuangusd .tabPane-tips {
  background: #fff;
  box-shadow: 0 0.04rem 0.08rem 0 hsla(0, 0%, 100%, 0.05) !important;
}

.ouhuang .submitEmail,
.ouhuangusd .submitEmail {
  box-shadow: none !important;
}

.ouhuang .agentSalary .mc-trans-filter .am-button-ghost,
.ouhuang .am-button-ghost.am-button-active,
.ouhuang .am-checkbox.am-checkbox-checked .am-checkbox-inner,
.ouhuang .am-checkbox.am-checkbox-checked .am-checkbox-inner:after,
.ouhuang .bet-filter-container .bet-filter-item-content .ck-date,
.ouhuang .contract-history .history-thead,
.ouhuang .is-comp,
.ouhuang .popup-container input:focus,
.ouhuang .salary-popup-container input:focus,
.ouhuangusd .agentSalary .mc-trans-filter .am-button-ghost,
.ouhuangusd .am-button-ghost.am-button-active,
.ouhuangusd .am-checkbox.am-checkbox-checked .am-checkbox-inner,
.ouhuangusd .am-checkbox.am-checkbox-checked .am-checkbox-inner:after,
.ouhuangusd .bet-filter-container .bet-filter-item-content .ck-date,
.ouhuangusd .contract-history .history-thead,
.ouhuangusd .is-comp,
.ouhuangusd .popup-container input:focus,
.ouhuangusd .salary-popup-container input:focus {
  border-color: #8b8fb1;
}

.ouhuang .dividendRatio .arrow-top,
.ouhuang .table-container .dividend-tips .arrow-top,
.ouhuangusd .dividendRatio .arrow-top,
.ouhuangusd .table-container .dividend-tips .arrow-top {
  border-bottom-color: #8b8fb1;
}

.ouhuang .dividend-header .dividend-header-content > div:first-child p,
.ouhuang .dividend-header .dividend-header-content > div:last-child p,
.ouhuangusd .dividend-header .dividend-header-content > div:first-child p,
.ouhuangusd .dividend-header .dividend-header-content > div:last-child p {
  color: #8b8fb1;
}

.ouhuang
  .exchange-history-wrap
  .exchange-history-item
  .item-order-integral
  .order-integral-first,
.ouhuang .flex-text-tips,
.ouhuang
  .mall-home-wrap
  .mall-home-orders
  .mall-order
  .mall-order-integral
  .order-integral-item
  .integral-number,
.ouhuangusd
  .exchange-history-wrap
  .exchange-history-item
  .item-order-integral
  .order-integral-first,
.ouhuangusd .flex-text-tips,
.ouhuangusd
  .mall-home-wrap
  .mall-home-orders
  .mall-order
  .mall-order-integral
  .order-integral-item
  .integral-number {
  color: #fb474b;
}

.ouhuang
  .mall-home-wrap
  .mall-home-orders
  .mall-order
  .mall-order-integral
  .order-integral-item,
.ouhuang
  .orderinfo-wrap
  .orderinfo-header
  .orderinfo-middle
  .orderinfo-price
  li,
.ouhuangusd
  .mall-home-wrap
  .mall-home-orders
  .mall-order
  .mall-order-integral
  .order-integral-item,
.ouhuangusd
  .orderinfo-wrap
  .orderinfo-header
  .orderinfo-middle
  .orderinfo-price
  li {
  background: rgba(164, 184, 229, 0.1);
}

.ouhuang #root #mc-app-home-root.gc,
.ouhuang #root .mc-navbar-blue,
.ouhuangusd #root #mc-app-home-root.gc,
.ouhuangusd #root .mc-navbar-blue {
  background: linear-gradient(180deg, #fde2b1, #f5ba56);
  color: #fff;
  box-shadow: 0 0.04rem 0.08rem 0 rgba(0, 0, 0, 0.05);
}

.ouhuang #root #mc-app-home-root.gc .am-navbar-left svg,
.ouhuang #root .mc-navbar-blue .am-navbar-left svg,
.ouhuangusd #root #mc-app-home-root.gc .am-navbar-left svg,
.ouhuangusd #root .mc-navbar-blue .am-navbar-left svg {
  fill: #fff;
}

.ouhuang #root #mc-app-home-root.gc .am-navbar-title,
.ouhuang #root .mc-navbar-blue .am-navbar-title,
.ouhuangusd #root #mc-app-home-root.gc .am-navbar-title,
.ouhuangusd #root .mc-navbar-blue .am-navbar-title {
  color: #fff;
}

.ouhuang .am-card-body .protocolDetails .header p,
.ouhuang .trans-checked span,
.ouhuangusd .am-card-body .protocolDetails .header p,
.ouhuangusd .trans-checked span {
  color: #fff !important;
}

.ouhuang #root .mc-home.mc-navbar-blue .am-icon-left,
.ouhuang #root .mc-home.mc-navbar-blue .am-navbar-title,
.ouhuang #root .reward-center .am-navbar-title,
.ouhuang .agent-container .agent-body .h4-wrp,
.ouhuang .agrg-downline-title,
.ouhuang .block-container .block.member,
.ouhuang .block-container .block.unerlvl,
.ouhuang .center-header,
.ouhuang .contract-history .history-thead,
.ouhuang .dividend-header .dividend-header-content .title,
.ouhuang .downline-item-toot .user-info .user-name,
.ouhuang .flex-list-text,
.ouhuang .leader-board-container .leader-board-integral,
.ouhuang .mall-home-top .mall-number-info,
.ouhuang .mc-transaction-record-root.mtrr-container .am-button-ghost,
.ouhuang .myRebate .rebate-span-lf,
.ouhuang .ph-text span,
.ouhuang .rebateReport-item-root span,
.ouhuang .salary-popup-header div,
.ouhuang .sigin-modal .sigin-modal-content h3,
.ouhuang .singd-downline-item-toot .user-info .user-name,
.ouhuang .team-member-item-header .customer-item,
.ouhuang .team-op a,
.ouhuang .ti-name,
.ouhuang .tr-item-title,
.ouhuang
  .v-base
  .m-mc-notice-container
  .m-mc-notice-title
  .m-mc-notice-title-time,
.ouhuangusd #root .mc-home.mc-navbar-blue .am-icon-left,
.ouhuangusd #root .mc-home.mc-navbar-blue .am-navbar-title,
.ouhuangusd #root .reward-center .am-navbar-title,
.ouhuangusd .agent-container .agent-body .h4-wrp,
.ouhuangusd .agrg-downline-title,
.ouhuangusd .block-container .block.member,
.ouhuangusd .block-container .block.unerlvl,
.ouhuangusd .center-header,
.ouhuangusd .contract-history .history-thead,
.ouhuangusd .dividend-header .dividend-header-content .title,
.ouhuangusd .downline-item-toot .user-info .user-name,
.ouhuangusd .flex-list-text,
.ouhuangusd .leader-board-container .leader-board-integral,
.ouhuangusd .mall-home-top .mall-number-info,
.ouhuangusd .mc-transaction-record-root.mtrr-container .am-button-ghost,
.ouhuangusd .myRebate .rebate-span-lf,
.ouhuangusd .ph-text span,
.ouhuangusd .rebateReport-item-root span,
.ouhuangusd .salary-popup-header div,
.ouhuangusd .sigin-modal .sigin-modal-content h3,
.ouhuangusd .singd-downline-item-toot .user-info .user-name,
.ouhuangusd .team-member-item-header .customer-item,
.ouhuangusd .team-op a,
.ouhuangusd .ti-name,
.ouhuangusd .tr-item-title,
.ouhuangusd
  .v-base
  .m-mc-notice-container
  .m-mc-notice-title
  .m-mc-notice-title-time {
  color: #535472 !important;
}

.ouhuang #mc-app-home-root #mc-header,
.ouhuang .mc-transaction-record-root.mtrr-container .am-button-ghost,
.ouhuang .reward-center,
.ouhuangusd #mc-app-home-root #mc-header,
.ouhuangusd .mc-transaction-record-root.mtrr-container .am-button-ghost,
.ouhuangusd .reward-center {
  border-color: #535472 !important;
}

.ouhuang #mc-app-home-root #mc-header svg,
.ouhuang .mc-transaction-record-root.mtrr-container .am-button-ghost svg,
.ouhuang .reward-center svg,
.ouhuangusd #mc-app-home-root #mc-header svg,
.ouhuangusd .mc-transaction-record-root.mtrr-container .am-button-ghost svg,
.ouhuangusd .reward-center svg {
  fill: #535472 !important;
}

.ouhuang .bet-filter-modal .ck-icon,
.ouhuang .deposit-list-ck,
.ouhuang .deposit-record-root .deposit-id svg,
.ouhuang .icon-points,
.ouhuang .icon-sign,
.ouhuang .icon-task,
.ouhuang .vc-v2-container .vc-v2-active-container .act-item.on svg,
.ouhuangusd .bet-filter-modal .ck-icon,
.ouhuangusd .deposit-list-ck,
.ouhuangusd .deposit-record-root .deposit-id svg,
.ouhuangusd .icon-points,
.ouhuangusd .icon-sign,
.ouhuangusd .icon-task,
.ouhuangusd .vc-v2-container .vc-v2-active-container .act-item.on svg {
  fill: #8b8fb1 !important;
}

.ouhuang .tr-item-content-item,
.ouhuang
  .v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-list-body
  .wallet-name,
.ouhuangusd .tr-item-content-item,
.ouhuangusd
  .v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-list-body
  .wallet-name {
  color: #535472;
}

.ouhuang .am-badge-text,
.ouhuangusd .am-badge-text {
  background-color: #535472;
  color: #fff;
}

.ouhuang
  .v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .am-list-body
  .am-list-item#mc-wallet-checked,
.ouhuangusd
  .v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .am-list-body
  .am-list-item#mc-wallet-checked {
  border-color: #e2a742;
  background: rgba(226, 167, 66, 0.1);
}

.ouhuang .sub-name-search input::-webkit-input-placeholder,
.ouhuangusd .sub-name-search input::-webkit-input-placeholder {
  color: #b8bdc0 !important;
}

.ouhuang .am-modal-button-group-h .am-modal-button:first-child,
.ouhuang .am-tabs-bar .am-tabs-tab,
.ouhuang .card-details.contract .spandetails,
.ouhuang .change-statis-wrap .statis-left .btn-change,
.ouhuang .contract-history .history-tbody,
.ouhuang .dividend-list-more > div,
.ouhuang .flex-list-title,
.ouhuang .list-popup-container,
.ouhuang .mc-team-filter .am-list-item.am-input-item,
.ouhuang .orderinfo-wrap .orderinfo-body .orderion-content-text *,
.ouhuang .pal-records-list-root .time,
.ouhuang .red-rain-input input,
.ouhuang .red-rain-tcenter,
.ouhuang .salary_info tbody tr td,
.ouhuang .salary_rule,
.ouhuang .sigin-c-remarks b,
.ouhuang .sigin-c-remarks p,
.ouhuang .sigin-modal .sigin-modal-content .amount-info p,
.ouhuang .sigin-today-desc,
.ouhuang .statis-container .statis-lin .lin-left div,
.ouhuang .statis-container .statis-lin .lin-rigth div,
.ouhuang .sub-name-search input,
.ouhuang .sub-name-search input::placeholder,
.ouhuang .team-member-item-content,
.ouhuang .team-member-item-content .time,
.ouhuang .team-member-nickname input,
.ouhuang .team-member-trans input,
.ouhuang .team-op a.edit-btn,
.ouhuang .team-rebate-btnleft .am-button,
.ouhuang .tic-footer-title,
.ouhuang .tr-item-time,
.ouhuang .v-base .m-mc-notice-container .m-mc-notice-index-content,
.ouhuang .v-base .m-mc-notice-container .mc-notice-time,
.ouhuangusd .am-modal-button-group-h .am-modal-button:first-child,
.ouhuangusd .am-tabs-bar .am-tabs-tab,
.ouhuangusd .card-details.contract .spandetails,
.ouhuangusd .change-statis-wrap .statis-left .btn-change,
.ouhuangusd .contract-history .history-tbody,
.ouhuangusd .dividend-list-more > div,
.ouhuangusd .flex-list-title,
.ouhuangusd .list-popup-container,
.ouhuangusd .mc-team-filter .am-list-item.am-input-item,
.ouhuangusd .orderinfo-wrap .orderinfo-body .orderion-content-text *,
.ouhuangusd .pal-records-list-root .time,
.ouhuangusd .red-rain-input input,
.ouhuangusd .red-rain-tcenter,
.ouhuangusd .salary_info tbody tr td,
.ouhuangusd .salary_rule,
.ouhuangusd .sigin-c-remarks b,
.ouhuangusd .sigin-c-remarks p,
.ouhuangusd .sigin-modal .sigin-modal-content .amount-info p,
.ouhuangusd .sigin-today-desc,
.ouhuangusd .statis-container .statis-lin .lin-left div,
.ouhuangusd .statis-container .statis-lin .lin-rigth div,
.ouhuangusd .sub-name-search input,
.ouhuangusd .sub-name-search input::placeholder,
.ouhuangusd .team-member-item-content,
.ouhuangusd .team-member-item-content .time,
.ouhuangusd .team-member-nickname input,
.ouhuangusd .team-member-trans input,
.ouhuangusd .team-op a.edit-btn,
.ouhuangusd .team-rebate-btnleft .am-button,
.ouhuangusd .tic-footer-title,
.ouhuangusd .tr-item-time,
.ouhuangusd .v-base .m-mc-notice-container .m-mc-notice-index-content,
.ouhuangusd .v-base .m-mc-notice-container .mc-notice-time {
  color: #b8bdc0 !important;
}

.ouhuang .point-tips,
.ouhuangusd .point-tips {
  color: hsla(202, 6%, 74%, 0.7) !important;
}

.ouhuang .sub-name-search,
.ouhuang .team-rebate-btnleft .am-button,
.ouhuangusd .sub-name-search,
.ouhuangusd .team-rebate-btnleft .am-button {
  border-color: #b8bdc0 !important;
}

.ouhuang .exchange-wrap .exchange-order-info .exchange-order-price li,
.ouhuang .red-rain-input input,
.ouhuang .statis-gameType-wrap .btn-wrap,
.ouhuangusd .exchange-wrap .exchange-order-info .exchange-order-price li,
.ouhuangusd .red-rain-input input,
.ouhuangusd .statis-gameType-wrap .btn-wrap {
  background: rgba(164, 184, 229, 0.1);
}

.ouhuang .ag-link-lmanage .ag-link-mgbottom,
.ouhuang .agrg-downline-cname,
.ouhuang
  .exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-third
  .item-order-date,
.ouhuang .exchange-wrap .exchange-order-info .exchange-order-price li,
.ouhuang .leader-board-container .leader-board-header-status div,
.ouhuang .mall-home-middle,
.ouhuang .mall-home-wrap .mall-home-choose,
.ouhuang .mall-order-integral,
.ouhuang .mc-tab-container .mc-tab-item,
.ouhuang .mc-team-filter .am-list-item .am-input-control input,
.ouhuang .new-date-picker .date-picker-warp .pickter-item.through-item,
.ouhuang .orderinfo-wrap .orderinfo-header .orderinfo-middle .orderinfo-price,
.ouhuang .orderinfo-wrap .orderinfo-submit p,
.ouhuang .point-history-wrap .point-item-wrap .point-types .point-date,
.ouhuang .point-history-wrap .point-item-wrap .point-types .point-remarks,
.ouhuang .sigin-c-footer .title,
.ouhuangusd .ag-link-lmanage .ag-link-mgbottom,
.ouhuangusd .agrg-downline-cname,
.ouhuangusd
  .exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-third
  .item-order-date,
.ouhuangusd .exchange-wrap .exchange-order-info .exchange-order-price li,
.ouhuangusd .leader-board-container .leader-board-header-status div,
.ouhuangusd .mall-home-middle,
.ouhuangusd .mall-home-wrap .mall-home-choose,
.ouhuangusd .mall-order-integral,
.ouhuangusd .mc-tab-container .mc-tab-item,
.ouhuangusd .mc-team-filter .am-list-item .am-input-control input,
.ouhuangusd .new-date-picker .date-picker-warp .pickter-item.through-item,
.ouhuangusd
  .orderinfo-wrap
  .orderinfo-header
  .orderinfo-middle
  .orderinfo-price,
.ouhuangusd .orderinfo-wrap .orderinfo-submit p,
.ouhuangusd .point-history-wrap .point-item-wrap .point-types .point-date,
.ouhuangusd .point-history-wrap .point-item-wrap .point-types .point-remarks,
.ouhuangusd .sigin-c-footer .title {
  color: #b8bdc0;
}

.ouhuang .lottType-box,
.ouhuang .mc-lott-record-root .select-Box .type,
.ouhuang .mc-lott-record-root .select-Box > div,
.ouhuang .play-chooser form,
.ouhuang .play-chooser input,
.ouhuang .trans-unchecked,
.ouhuangusd .lottType-box,
.ouhuangusd .mc-lott-record-root .select-Box .type,
.ouhuangusd .mc-lott-record-root .select-Box > div,
.ouhuangusd .play-chooser form,
.ouhuangusd .play-chooser input,
.ouhuangusd .trans-unchecked {
  color: #b8bdc0 !important;
  border-color: #b8bdc0 !important;
}

.ouhuang .exchange-wrap .font-color-red,
.ouhuang .orderinfo-wrap .font-color-red,
.ouhuang .point-history-wrap .color-red,
.ouhuang .sigin-today-desc span,
.ouhuang .today,
.ouhuangusd .exchange-wrap .font-color-red,
.ouhuangusd .orderinfo-wrap .font-color-red,
.ouhuangusd .point-history-wrap .color-red,
.ouhuangusd .sigin-today-desc span,
.ouhuangusd .today {
  color: #fb474b !important;
}

.ouhuang .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-left,
.ouhuang .am-search-input input[type="search"],
.ouhuang .devidend-container .popup-header,
.ouhuang
  .exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-first
  .item-order-name,
.ouhuang
  .exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-first
  .item-order-number,
.ouhuang .grid-title,
.ouhuang .leader-board-container .leader-board-header-info,
.ouhuang .leader-board-container .leader-board-header-status div.lb-active,
.ouhuang .mall-home-wrap .mall-home-orders .mall-order .mall-order-text,
.ouhuang .point-form-item .am-list-item .am-list-line .am-list-content,
.ouhuang .point-history-wrap .color-black,
.ouhuang .red-rain-tetit,
.ouhuang .red-rain-type .agrg-downline-cname,
.ouhuang .sigin-today-title,
.ouhuangusd .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-left,
.ouhuangusd .am-search-input input[type="search"],
.ouhuangusd .devidend-container .popup-header,
.ouhuangusd
  .exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-first
  .item-order-name,
.ouhuangusd
  .exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-first
  .item-order-number,
.ouhuangusd .grid-title,
.ouhuangusd .leader-board-container .leader-board-header-info,
.ouhuangusd .leader-board-container .leader-board-header-status div.lb-active,
.ouhuangusd .mall-home-wrap .mall-home-orders .mall-order .mall-order-text,
.ouhuangusd .point-form-item .am-list-item .am-list-line .am-list-content,
.ouhuangusd .point-history-wrap .color-black,
.ouhuangusd .red-rain-tetit,
.ouhuangusd .red-rain-type .agrg-downline-cname,
.ouhuangusd .sigin-today-title {
  color: #535472 !important;
}

.ouhuang .contract-history .history-thead,
.ouhuang .dividend-list-more,
.ouhuang .grid-content,
.ouhuangusd .contract-history .history-thead,
.ouhuangusd .dividend-list-more,
.ouhuangusd .grid-content {
  background: #fafafa;
}

.ouhuang .agentSalary .mc-trans-filter .am-button-ghost,
.ouhuang .contractPeople,
.ouhuang .leader-board-container .leader-board-header-status div.lb-active,
.ouhuang .lott-record-container,
.ouhuang .no-salary-list,
.ouhuangusd .agentSalary .mc-trans-filter .am-button-ghost,
.ouhuangusd .contractPeople,
.ouhuangusd .leader-board-container .leader-board-header-status div.lb-active,
.ouhuangusd .lott-record-container,
.ouhuangusd .no-salary-list {
  color: #8b8fb1;
}

.ouhuang .agentSalary .mc-trans-filter .am-button-ghost svg,
.ouhuang .contractPeople svg,
.ouhuang .leader-board-container .leader-board-header-status div.lb-active svg,
.ouhuang .lott-record-container svg,
.ouhuang .no-salary-list svg,
.ouhuangusd .agentSalary .mc-trans-filter .am-button-ghost svg,
.ouhuangusd .contractPeople svg,
.ouhuangusd
  .leader-board-container
  .leader-board-header-status
  div.lb-active
  svg,
.ouhuangusd .lott-record-container svg,
.ouhuangusd .no-salary-list svg {
  fill: #8b8fb1;
}

.ouhuang .mc-team-filter .am-list-item.am-input-item,
.ouhuang .sub-name-search,
.ouhuangusd .mc-team-filter .am-list-item.am-input-item,
.ouhuangusd .sub-name-search {
  border-color: #b8bdc0;
}

.ouhuang .mc-team-filter .am-list-item.am-input-item svg,
.ouhuang .sub-name-search svg,
.ouhuangusd .mc-team-filter .am-list-item.am-input-item svg,
.ouhuangusd .sub-name-search svg {
  fill: #b8bdc0;
}

.ouhuang .singd-downline-info svg,
.ouhuangusd .singd-downline-info svg {
  fill: #b8bdc0 !important;
}

.ouhuang .am-modal-body,
.ouhuang .exchange-wrap .exchange-order-info .exchange-order-count,
.ouhuang .exchange-wrap .exchange-order-info .exchange-order-name,
.ouhuang .exchange-wrap .font-color-gray,
.ouhuang .game-amount-content span:last-child,
.ouhuang .orderinfo-wrap .orderinfo-body h5,
.ouhuang .orderinfo-wrap .orderinfo-header .orderinfo-middle .orderinfo-text,
.ouhuang .point-history-wrap .color-black,
.ouhuang .tic-footer-amount,
.ouhuangusd .am-modal-body,
.ouhuangusd .exchange-wrap .exchange-order-info .exchange-order-count,
.ouhuangusd .exchange-wrap .exchange-order-info .exchange-order-name,
.ouhuangusd .exchange-wrap .font-color-gray,
.ouhuangusd .game-amount-content span:last-child,
.ouhuangusd .orderinfo-wrap .orderinfo-body h5,
.ouhuangusd .orderinfo-wrap .orderinfo-header .orderinfo-middle .orderinfo-text,
.ouhuangusd .point-history-wrap .color-black,
.ouhuangusd .tic-footer-amount {
  color: #535472;
}

.ouhuang .dividend-rate,
.ouhuang .go-team-bet,
.ouhuang .go-team-bet i,
.ouhuang .go-team-record,
.ouhuang .go-team-record i,
.ouhuang .mc-trans-record-container .color-green-in,
.ouhuang .mt-team-footer,
.ouhuang .records-item-header .game-amount-content span:last-child,
.ouhuang .red-rain-tright,
.ouhuang .team-member-trans header .label,
.ouhuang .tt-balance-content,
.ouhuangusd .dividend-rate,
.ouhuangusd .go-team-bet,
.ouhuangusd .go-team-bet i,
.ouhuangusd .go-team-record,
.ouhuangusd .go-team-record i,
.ouhuangusd .mc-trans-record-container .color-green-in,
.ouhuangusd .mt-team-footer,
.ouhuangusd .records-item-header .game-amount-content span:last-child,
.ouhuangusd .red-rain-tright,
.ouhuangusd .team-member-trans header .label,
.ouhuangusd .tt-balance-content {
  color: #8b8fb1 !important;
}

.ouhuang .dividend-rate svg,
.ouhuang .go-team-bet i svg,
.ouhuang .go-team-bet svg,
.ouhuang .go-team-record i svg,
.ouhuang .go-team-record svg,
.ouhuang .mc-trans-record-container .color-green-in svg,
.ouhuang .mt-team-footer svg,
.ouhuang .records-item-header .game-amount-content span:last-child svg,
.ouhuang .red-rain-tright svg,
.ouhuang .team-member-trans header .label svg,
.ouhuang .tt-balance-content svg,
.ouhuangusd .dividend-rate svg,
.ouhuangusd .go-team-bet i svg,
.ouhuangusd .go-team-bet svg,
.ouhuangusd .go-team-record i svg,
.ouhuangusd .go-team-record svg,
.ouhuangusd .mc-trans-record-container .color-green-in svg,
.ouhuangusd .mt-team-footer svg,
.ouhuangusd .records-item-header .game-amount-content span:last-child svg,
.ouhuangusd .red-rain-tright svg,
.ouhuangusd .team-member-trans header .label svg,
.ouhuangusd .tt-balance-content svg {
  fill: #8b8fb1 !important;
}

.ouhuang .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-right svg,
.ouhuang .agent-link-nodata svg,
.ouhuang .block.member svg,
.ouhuang .card-header-people,
.ouhuang .devidend-container svg,
.ouhuang .has-claimed svg,
.ouhuang .icon-complete,
.ouhuang .icon-span svg,
.ouhuang .lin-left svg,
.ouhuang .lin-rigth svg,
.ouhuang .lkmn-poup-qrlink svg,
.ouhuang .mall-intergral-svg,
.ouhuang .mc-icon-member,
.ouhuang .mc-trans-filter svg.am-icon-lg,
.ouhuang .need-fill,
.ouhuang .rebateReport-item-content svg,
.ouhuang .salary-popup-container .save-icon,
.ouhuang .security-icon,
.ouhuang .team-member-nickname svg,
.ouhuang .team-member-trans svg,
.ouhuang .team-rebate-tleft svg,
.ouhuang .unerlvl.block svg,
.ouhuang .user-icon,
.ouhuangusd .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-right svg,
.ouhuangusd .agent-link-nodata svg,
.ouhuangusd .block.member svg,
.ouhuangusd .card-header-people,
.ouhuangusd .devidend-container svg,
.ouhuangusd .has-claimed svg,
.ouhuangusd .icon-complete,
.ouhuangusd .icon-span svg,
.ouhuangusd .lin-left svg,
.ouhuangusd .lin-rigth svg,
.ouhuangusd .lkmn-poup-qrlink svg,
.ouhuangusd .mall-intergral-svg,
.ouhuangusd .mc-icon-member,
.ouhuangusd .mc-trans-filter svg.am-icon-lg,
.ouhuangusd .need-fill,
.ouhuangusd .rebateReport-item-content svg,
.ouhuangusd .salary-popup-container .save-icon,
.ouhuangusd .security-icon,
.ouhuangusd .team-member-nickname svg,
.ouhuangusd .team-member-trans svg,
.ouhuangusd .team-rebate-tleft svg,
.ouhuangusd .unerlvl.block svg,
.ouhuangusd .user-icon {
  fill: #8b8fb1 !important;
}

.ouhuang .mc-popup-trans > span > svg,
.ouhuangusd .mc-popup-trans > span > svg {
  fill: #8b8fb1 !important;
}

.ouhuang .team-member-trans input,
.ouhuangusd .team-member-trans input {
  border-radius: 0.15rem;
}

.ouhuang .add-inputIcon,
.ouhuang .agrgic-downline-select,
.ouhuang .am-button-ghost.am-button-active,
.ouhuang .am-switch input[type="checkbox"]:checked + .checkbox,
.ouhuang .bet-filter-container .bet-filter-sub div.ck:after,
.ouhuang .ContactName,
.ouhuang .ContactNamet,
.ouhuang .Contacts .am-search-cancel,
.ouhuang .discount-tip,
.ouhuang .EmaiWebList .look .am-badge-dot,
.ouhuang .grid-title:after,
.ouhuang .mc-profile-swiper-nav li.ck,
.ouhuang .mc-profitLoss-record-root .am-button-primary,
.ouhuang .mc-transaction-record-root .am-button-primary,
.ouhuang .swiper-pagination-bullet-active,
.ouhuang .ticket-item .ticket-item-btn,
.ouhuangusd .add-inputIcon,
.ouhuangusd .agrgic-downline-select,
.ouhuangusd .am-button-ghost.am-button-active,
.ouhuangusd .am-switch input[type="checkbox"]:checked + .checkbox,
.ouhuangusd .bet-filter-container .bet-filter-sub div.ck:after,
.ouhuangusd .ContactName,
.ouhuangusd .ContactNamet,
.ouhuangusd .Contacts .am-search-cancel,
.ouhuangusd .discount-tip,
.ouhuangusd .EmaiWebList .look .am-badge-dot,
.ouhuangusd .grid-title:after,
.ouhuangusd .mc-profile-swiper-nav li.ck,
.ouhuangusd .mc-profitLoss-record-root .am-button-primary,
.ouhuangusd .mc-transaction-record-root .am-button-primary,
.ouhuangusd .swiper-pagination-bullet-active,
.ouhuangusd .ticket-item .ticket-item-btn {
  background: #8b8fb1 !important;
}

.ouhuang
  .new-date-picker
  .date-picker-warp
  .pickter-item.active-item.start-item
  + .end-item:before,
.ouhuang
  .new-date-picker
  .date-picker-warp
  .pickter-item.active-item.start-item
  + .through-item:before,
.ouhuang .new-date-picker .date-picker-warp .pickter-item.through-item,
.ouhuang
  .new-date-picker
  .date-picker-warp
  .pickter-item.through-item
  + .end-item:before,
.ouhuang
  .new-date-picker
  .date-picker-warp
  .pickter-item:nth-child(7n).through-item:before,
.ouhuang
  .new-date-picker
  .date-picker-warp
  .pickter-item:nth-child(7n + 1).through-item:before,
.ouhuangusd
  .new-date-picker
  .date-picker-warp
  .pickter-item.active-item.start-item
  + .end-item:before,
.ouhuangusd
  .new-date-picker
  .date-picker-warp
  .pickter-item.active-item.start-item
  + .through-item:before,
.ouhuangusd .new-date-picker .date-picker-warp .pickter-item.through-item,
.ouhuangusd
  .new-date-picker
  .date-picker-warp
  .pickter-item.through-item
  + .end-item:before,
.ouhuangusd
  .new-date-picker
  .date-picker-warp
  .pickter-item:nth-child(7n).through-item:before,
.ouhuangusd
  .new-date-picker
  .date-picker-warp
  .pickter-item:nth-child(7n + 1).through-item:before {
  background: #fef6e9;
}

.ouhuang .account-form input,
.ouhuang .account-form svg.txt-svg,
.ouhuang .ag-link-lmanage .ag-link-mgbottom .mccolor-1cc534,
.ouhuang .ag-link-lmanage .ag-link-mgbottom .mccolor-23deb8,
.ouhuang .ag-link-lmanage .ag-link-mgbottom .mccolor-db2404,
.ouhuang .agent-link-nodata .am-result-title,
.ouhuang .agrg-downline-bnsetp > span,
.ouhuang .agrg-downline-bnslt,
.ouhuang .agrg-downline-bnsrt,
.ouhuang .am-button-ghost,
.ouhuang .am-modal-button-group-v .am-modal-button,
.ouhuang .amount-positive-number,
.ouhuang .banner .money,
.ouhuang .card-details .card-header div.endContract,
.ouhuang .color2,
.ouhuang .contract-history .user-info .user-title,
.ouhuang .contract-tips,
.ouhuang .contractText,
.ouhuang .dividend-list-more > div:nth-child(2n) p,
.ouhuang .dividend-list-more > div:nth-child(odd) p,
.ouhuang .downline-item-toot .action-sign,
.ouhuang .downline-item-toot .start_contract,
.ouhuang
  .exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-third
  .item-order-state-A,
.ouhuang .exchange-wrap .exchange-order-info .exchange-order-price .active,
.ouhuang .filter-tabPane-btn,
.ouhuang .game-record-show .am-search-cancel,
.ouhuang .is-comp,
.ouhuang .link-detail-title,
.ouhuang .mc-game-record-root .activity-spinner svg,
.ouhuang .mc-new-team-tab .mc-agent-team-tab .am-flexbox-item.tab-active,
.ouhuang .new-date-picker .date-picker-content .btn-clear-date,
.ouhuang .new-date-picker .date-picker-content .date-picker-title,
.ouhuang .new-date-picker .date-picker-content .date-picker-title .active-item,
.ouhuang .nodata-container,
.ouhuang .placeholder,
.ouhuang .play-chooser .chase-number > span,
.ouhuang .point-balance p,
.ouhuang .point-convert .point-form-item.important-number .am-list-extra,
.ouhuang .rebate-span-rt,
.ouhuang .rebateReport-item-content .am-flexbox span,
.ouhuang .rebateReport .rebate,
.ouhuang .red-rain-tleft,
.ouhuang .red-rain-underling span.on,
.ouhuang .sc-bonus,
.ouhuang .sc-days,
.ouhuang .sc-integral,
.ouhuang .sigin-modal .sigin-modal-content .amount-info div,
.ouhuang .sign-operation > span,
.ouhuang .statis-container .statis-lin .blue-count,
.ouhuang .statis-container .statis-lin .gray-count,
.ouhuang .statis-container .statis-lin .green-count,
.ouhuang .statis-container .statis-lin .red-count,
.ouhuang .team-member-nickname header .label,
.ouhuang .team-rebate-tcenter,
.ouhuang .v-base .m-mc-notice-container .m-mc-notice-title,
.ouhuang .v-base .m-mc-notice-container .mmnt-title-detail,
.ouhuang
  .v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-list-body
  .wallet-balance,
.ouhuang .vc-v2-container .vc-v2-input .inputCon input,
.ouhuang .vc-v2-container .vc-v2-method-list li.ck .vcn-list-desc,
.ouhuang .vc-v2-container .vc-v2-method li.ck,
.ouhuang .w-input-content,
.ouhuang .w-input-content input,
.ouhuang .withdraw-container-v2 .am-tabs-tab-active span,
.ouhuangusd .account-form input,
.ouhuangusd .account-form svg.txt-svg,
.ouhuangusd .ag-link-lmanage .ag-link-mgbottom .mccolor-1cc534,
.ouhuangusd .ag-link-lmanage .ag-link-mgbottom .mccolor-23deb8,
.ouhuangusd .ag-link-lmanage .ag-link-mgbottom .mccolor-db2404,
.ouhuangusd .agent-link-nodata .am-result-title,
.ouhuangusd .agrg-downline-bnsetp > span,
.ouhuangusd .agrg-downline-bnslt,
.ouhuangusd .agrg-downline-bnsrt,
.ouhuangusd .am-button-ghost,
.ouhuangusd .am-modal-button-group-v .am-modal-button,
.ouhuangusd .amount-positive-number,
.ouhuangusd .banner .money,
.ouhuangusd .card-details .card-header div.endContract,
.ouhuangusd .color2,
.ouhuangusd .contract-history .user-info .user-title,
.ouhuangusd .contract-tips,
.ouhuangusd .contractText,
.ouhuangusd .dividend-list-more > div:nth-child(2n) p,
.ouhuangusd .dividend-list-more > div:nth-child(odd) p,
.ouhuangusd .downline-item-toot .action-sign,
.ouhuangusd .downline-item-toot .start_contract,
.ouhuangusd
  .exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-third
  .item-order-state-A,
.ouhuangusd .exchange-wrap .exchange-order-info .exchange-order-price .active,
.ouhuangusd .filter-tabPane-btn,
.ouhuangusd .game-record-show .am-search-cancel,
.ouhuangusd .is-comp,
.ouhuangusd .link-detail-title,
.ouhuangusd .mc-game-record-root .activity-spinner svg,
.ouhuangusd .mc-new-team-tab .mc-agent-team-tab .am-flexbox-item.tab-active,
.ouhuangusd .new-date-picker .date-picker-content .btn-clear-date,
.ouhuangusd .new-date-picker .date-picker-content .date-picker-title,
.ouhuangusd
  .new-date-picker
  .date-picker-content
  .date-picker-title
  .active-item,
.ouhuangusd .nodata-container,
.ouhuangusd .placeholder,
.ouhuangusd .play-chooser .chase-number > span,
.ouhuangusd .point-balance p,
.ouhuangusd .point-convert .point-form-item.important-number .am-list-extra,
.ouhuangusd .rebate-span-rt,
.ouhuangusd .rebateReport-item-content .am-flexbox span,
.ouhuangusd .rebateReport .rebate,
.ouhuangusd .red-rain-tleft,
.ouhuangusd .red-rain-underling span.on,
.ouhuangusd .sc-bonus,
.ouhuangusd .sc-days,
.ouhuangusd .sc-integral,
.ouhuangusd .sigin-modal .sigin-modal-content .amount-info div,
.ouhuangusd .sign-operation > span,
.ouhuangusd .statis-container .statis-lin .blue-count,
.ouhuangusd .statis-container .statis-lin .gray-count,
.ouhuangusd .statis-container .statis-lin .green-count,
.ouhuangusd .statis-container .statis-lin .red-count,
.ouhuangusd .team-member-nickname header .label,
.ouhuangusd .team-rebate-tcenter,
.ouhuangusd .v-base .m-mc-notice-container .m-mc-notice-title,
.ouhuangusd .v-base .m-mc-notice-container .mmnt-title-detail,
.ouhuangusd
  .v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-list-body
  .wallet-balance,
.ouhuangusd .vc-v2-container .vc-v2-input .inputCon input,
.ouhuangusd .vc-v2-container .vc-v2-method-list li.ck .vcn-list-desc,
.ouhuangusd .vc-v2-container .vc-v2-method li.ck,
.ouhuangusd .w-input-content,
.ouhuangusd .w-input-content input,
.ouhuangusd .withdraw-container-v2 .am-tabs-tab-active span {
  color: #8b8fb1;
}

.ouhuang .sigin-c-footer li > div,
.ouhuangusd .sigin-c-footer li > div {
  background: rgba(139, 143, 177, 0.1);
}

.ouhuang .play-chooser .am-search-input input[type="search"],
.ouhuangusd .play-chooser .am-search-input input[type="search"] {
  background: none;
}

.ouhuang .am-modal-button-group-h .am-modal-button,
.ouhuang .am-modal-title,
.ouhuangusd .am-modal-button-group-h .am-modal-button,
.ouhuangusd .am-modal-title {
  color: #8b8fb1;
}

.ouhuang .new-date-picker .date-picker-warp .pickter-item:nth-child(7n),
.ouhuangusd .new-date-picker .date-picker-warp .pickter-item:nth-child(7n) {
  border-color: none;
}

.ouhuang .agrg-downline-bnsetp > span:nth-child(2),
.ouhuang .color-red-out,
.ouhuang .singd-downline-info,
.ouhuangusd .agrg-downline-bnsetp > span:nth-child(2),
.ouhuangusd .color-red-out,
.ouhuangusd .singd-downline-info {
  color: #535472;
}

.ouhuang .am-tabs-tabpane-active .card-body,
.ouhuang .card-details.contract .protocolDetails .details,
.ouhuang .protocolDetails .details p,
.ouhuang .sign-salary-root .singd-details tbody .salary-activeMember,
.ouhuang .sign-salary-root .singd-details tbody .salary-betVolume,
.ouhuang .sign-salary-root .singd-details tbody .salary-rateType,
.ouhuang .statis-gameType-wrap .active,
.ouhuangusd .am-tabs-tabpane-active .card-body,
.ouhuangusd .card-details.contract .protocolDetails .details,
.ouhuangusd .protocolDetails .details p,
.ouhuangusd .sign-salary-root .singd-details tbody .salary-activeMember,
.ouhuangusd .sign-salary-root .singd-details tbody .salary-betVolume,
.ouhuangusd .sign-salary-root .singd-details tbody .salary-rateType,
.ouhuangusd .statis-gameType-wrap .active {
  color: #535472 !important;
}

.ouhuang .banner.bet,
.ouhuang .banner.salary,
.ouhuangusd .banner.bet,
.ouhuangusd .banner.salary {
  background: linear-gradient(90deg, #f8d493, #e6b151);
}

.ouhuang .dividend-list div .dl-content,
.ouhuangusd .dividend-list div .dl-content {
  background: linear-gradient(90deg, #f8d493, #e6b151) !important;
}

.ouhuang .dividend-list div:last-child .dl-content,
.ouhuang .n-home-container .n-nav-list-title:after,
.ouhuang .n-home-container .n-nav-list-title span,
.ouhuangusd .dividend-list div:last-child .dl-content,
.ouhuangusd .n-home-container .n-nav-list-title:after,
.ouhuangusd .n-home-container .n-nav-list-title span {
  background: #e2a742 !important;
}

.ouhuang .agentDivident .grid-container,
.ouhuangusd .agentDivident .grid-container {
  background: rgba(164, 184, 229, 0.1);
}

.ouhuang .account-form input:focus,
.ouhuang .agrg-downline-bnsetp > span.agrg-downline-bnstbt,
.ouhuang .agrg-downline-input input:focus,
.ouhuang .am-button-ghost,
.ouhuang .common-center-top .common-top-img,
.ouhuang .filter-tabPane-btn,
.ouhuang .game-record-show .am-search,
.ouhuang .mc-checkbox.mc-checkbox-checked .mc-checkbox-inner,
.ouhuang .mc-checkbox.mc-checkbox-checked .mc-checkbox-inner:after,
.ouhuang .popup-container input,
.ouhuang .red-rain-input input:focus,
.ouhuang .red-rain-underling span.on,
.ouhuang
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active,
.ouhuang .w-input-content,
.ouhuangusd .account-form input:focus,
.ouhuangusd .agrg-downline-bnsetp > span.agrg-downline-bnstbt,
.ouhuangusd .agrg-downline-input input:focus,
.ouhuangusd .am-button-ghost,
.ouhuangusd .common-center-top .common-top-img,
.ouhuangusd .filter-tabPane-btn,
.ouhuangusd .game-record-show .am-search,
.ouhuangusd .mc-checkbox.mc-checkbox-checked .mc-checkbox-inner,
.ouhuangusd .mc-checkbox.mc-checkbox-checked .mc-checkbox-inner:after,
.ouhuangusd .popup-container input,
.ouhuangusd .red-rain-input input:focus,
.ouhuangusd .red-rain-underling span.on,
.ouhuangusd
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active,
.ouhuangusd .w-input-content {
  border-color: #8b8fb1;
}

.ouhuang .am-button-primary,
.ouhuang .am-slider-track,
.ouhuang .discount-tip,
.ouhuang .mc-switch .checkbox.on:before,
.ouhuang
  .new-date-picker
  .date-picker-warp
  .pickter-item.active-item.end-item
  span,
.ouhuang
  .new-date-picker
  .date-picker-warp
  .pickter-item.active-item.start-item
  span,
.ouhuang .vc-v2-title:before,
.ouhuang .withdraw-bank .slider-frame + div .am-carousel-wrap-dot-active > span,
.ouhuangusd .am-button-primary,
.ouhuangusd .am-slider-track,
.ouhuangusd .discount-tip,
.ouhuangusd .mc-switch .checkbox.on:before,
.ouhuangusd
  .new-date-picker
  .date-picker-warp
  .pickter-item.active-item.end-item
  span,
.ouhuangusd
  .new-date-picker
  .date-picker-warp
  .pickter-item.active-item.start-item
  span,
.ouhuangusd .vc-v2-title:before,
.ouhuangusd
  .withdraw-bank
  .slider-frame
  + div
  .am-carousel-wrap-dot-active
  > span {
  background: #8b8fb1 !important;
  color: #fff;
}

.ouhuang .mc-switch.mc-qutas-bg .checkbox:before,
.ouhuangusd .mc-switch.mc-qutas-bg .checkbox:before {
  background: #888;
}

.ouhuang .am-tabs-ink-bar,
.ouhuang .inputIcon,
.ouhuang .mc-switch.mc-qutas-bg .on:before,
.ouhuang .mc-trans-filter .am-search-cancel,
.ouhuang .sigin-tab .am-tabs-tab-active .tab-title:after,
.ouhuang .statis-gameType-wrap .btn-wrap.active i:first-child,
.ouhuang .vc-v2-title:before,
.ouhuang .withdraw-container-v2 .am-tabs-tab-active span:before,
.ouhuangusd .am-tabs-ink-bar,
.ouhuangusd .inputIcon,
.ouhuangusd .mc-switch.mc-qutas-bg .on:before,
.ouhuangusd .mc-trans-filter .am-search-cancel,
.ouhuangusd .sigin-tab .am-tabs-tab-active .tab-title:after,
.ouhuangusd .statis-gameType-wrap .btn-wrap.active i:first-child,
.ouhuangusd .vc-v2-title:before,
.ouhuangusd .withdraw-container-v2 .am-tabs-tab-active span:before {
  background: #8b8fb1 !important;
}

.ouhuang .am-tabs-ink-bar svg,
.ouhuang .inputIcon svg,
.ouhuang .mc-switch.mc-qutas-bg .on:before svg,
.ouhuang .mc-trans-filter .am-search-cancel svg,
.ouhuang .sigin-tab .am-tabs-tab-active .tab-title:after svg,
.ouhuang .statis-gameType-wrap .btn-wrap.active i:first-child svg,
.ouhuang .vc-v2-title:before svg,
.ouhuang .withdraw-container-v2 .am-tabs-tab-active span:before svg,
.ouhuangusd .am-tabs-ink-bar svg,
.ouhuangusd .inputIcon svg,
.ouhuangusd .mc-switch.mc-qutas-bg .on:before svg,
.ouhuangusd .mc-trans-filter .am-search-cancel svg,
.ouhuangusd .sigin-tab .am-tabs-tab-active .tab-title:after svg,
.ouhuangusd .statis-gameType-wrap .btn-wrap.active i:first-child svg,
.ouhuangusd .vc-v2-title:before svg,
.ouhuangusd .withdraw-container-v2 .am-tabs-tab-active span:before svg {
  fill: #8b8fb1 !important;
}

.ouhuang .discount-tip,
.ouhuang .mc-trans-filter .am-button-primary,
.ouhuang .trans-checked,
.ouhuangusd .discount-tip,
.ouhuangusd .mc-trans-filter .am-button-primary,
.ouhuangusd .trans-checked {
  background: #8b8fb1 !important;
  border-color: #8b8fb1 !important;
}

.ouhuang .leader-board-container .leader-board-integral,
.ouhuang .mall-home-top .mall-user-integral,
.ouhuangusd .leader-board-container .leader-board-integral,
.ouhuangusd .mall-home-top .mall-user-integral {
  background: hsla(0, 0%, 100%, 0.5);
}

.ouhuang .mc-trans-filter .am-button-ghost,
.ouhuang .point-history-wrap .am-button-ghost,
.ouhuangusd .mc-trans-filter .am-button-ghost,
.ouhuangusd .point-history-wrap .am-button-ghost {
  border-color: #b8bdc0;
  color: #b8bdc0;
}

.ouhuang .mc-trans-filter .am-button-ghost svg,
.ouhuang .point-history-wrap .am-button-ghost svg,
.ouhuangusd .mc-trans-filter .am-button-ghost svg,
.ouhuangusd .point-history-wrap .am-button-ghost svg {
  fill: #b8bdc0;
}

.ouhuang
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active,
.ouhuangusd
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active {
  border-color: inherit;
}

.ouhuang .ivi-icon svg,
.ouhuangusd .ivi-icon svg {
  display: inline-block;
}

.ouhuang .id-verification-icon,
.ouhuangusd .id-verification-icon {
  display: none;
}

.ouhuang .add-card-btn,
.ouhuang .agrg-downline-sub,
.ouhuang .am-button-primary,
.ouhuang .bind-first span,
.ouhuang .btn-confirm-date,
.ouhuang .btn-success,
.ouhuang .button-submit,
.ouhuang .change-statis-wrap .statis-left .btn-change-active,
.ouhuang .contract-salary-operation a:last-child,
.ouhuang .copy-contact,
.ouhuang .lkmn-poup-qrcopy,
.ouhuang .orderinfo-wrap .orderinfo-submit .button-submit,
.ouhuang .play-more-game,
.ouhuang .poplist-footer a:last-child.footer-button,
.ouhuang .profile-swiper-container .am-modal-button,
.ouhuang .sigin-today-sub,
.ouhuang .signedSalary-root .poplist-footer a:last-child.footer-button,
.ouhuang .submitEmail,
.ouhuang .team-member-nickname .trans-container:first-child,
.ouhuang .team-rebate-btnright .am-button,
.ouhuang
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active,
.ouhuang .vc-v2-submit,
.ouhuang .w-input-submit-true,
.ouhuangusd .add-card-btn,
.ouhuangusd .agrg-downline-sub,
.ouhuangusd .am-button-primary,
.ouhuangusd .bind-first span,
.ouhuangusd .btn-confirm-date,
.ouhuangusd .btn-success,
.ouhuangusd .button-submit,
.ouhuangusd .change-statis-wrap .statis-left .btn-change-active,
.ouhuangusd .contract-salary-operation a:last-child,
.ouhuangusd .copy-contact,
.ouhuangusd .lkmn-poup-qrcopy,
.ouhuangusd .orderinfo-wrap .orderinfo-submit .button-submit,
.ouhuangusd .play-more-game,
.ouhuangusd .poplist-footer a:last-child.footer-button,
.ouhuangusd .profile-swiper-container .am-modal-button,
.ouhuangusd .sigin-today-sub,
.ouhuangusd .signedSalary-root .poplist-footer a:last-child.footer-button,
.ouhuangusd .submitEmail,
.ouhuangusd .team-member-nickname .trans-container:first-child,
.ouhuangusd .team-rebate-btnright .am-button,
.ouhuangusd
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active,
.ouhuangusd .vc-v2-submit,
.ouhuangusd .w-input-submit-true {
  background: linear-gradient(90deg, #f8d493, #e6b151) !important;
}

.ouhuang .add-card-btn span,
.ouhuang .agrg-downline-sub span,
.ouhuang .am-button-primary span,
.ouhuang .bind-first span span,
.ouhuang .btn-confirm-date span,
.ouhuang .btn-success span,
.ouhuang .button-submit span,
.ouhuang .change-statis-wrap .statis-left .btn-change-active span,
.ouhuang .contract-salary-operation a:last-child span,
.ouhuang .copy-contact span,
.ouhuang .lkmn-poup-qrcopy span,
.ouhuang .orderinfo-wrap .orderinfo-submit .button-submit span,
.ouhuang .play-more-game span,
.ouhuang .poplist-footer a:last-child.footer-button span,
.ouhuang .profile-swiper-container .am-modal-button span,
.ouhuang .sigin-today-sub span,
.ouhuang .signedSalary-root .poplist-footer a:last-child.footer-button span,
.ouhuang .submitEmail span,
.ouhuang .team-member-nickname .trans-container:first-child span,
.ouhuang .team-rebate-btnright .am-button span,
.ouhuang
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active
  span,
.ouhuang .vc-v2-submit span,
.ouhuang .w-input-submit-true span,
.ouhuangusd .add-card-btn span,
.ouhuangusd .agrg-downline-sub span,
.ouhuangusd .am-button-primary span,
.ouhuangusd .bind-first span span,
.ouhuangusd .btn-confirm-date span,
.ouhuangusd .btn-success span,
.ouhuangusd .button-submit span,
.ouhuangusd .change-statis-wrap .statis-left .btn-change-active span,
.ouhuangusd .contract-salary-operation a:last-child span,
.ouhuangusd .copy-contact span,
.ouhuangusd .lkmn-poup-qrcopy span,
.ouhuangusd .orderinfo-wrap .orderinfo-submit .button-submit span,
.ouhuangusd .play-more-game span,
.ouhuangusd .poplist-footer a:last-child.footer-button span,
.ouhuangusd .profile-swiper-container .am-modal-button span,
.ouhuangusd .sigin-today-sub span,
.ouhuangusd .signedSalary-root .poplist-footer a:last-child.footer-button span,
.ouhuangusd .submitEmail span,
.ouhuangusd .team-member-nickname .trans-container:first-child span,
.ouhuangusd .team-rebate-btnright .am-button span,
.ouhuangusd
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active
  span,
.ouhuangusd .vc-v2-submit span,
.ouhuangusd .w-input-submit-true span {
  color: #fff;
}

.ouhuang .add-card-btn,
.ouhuang .bind-first span,
.ouhuang .button-submit,
.ouhuang .copy-contact,
.ouhuang
  .copy-contact，
  .new-date-picker
  .date-picker-warp
  .pickter-item.through-item,
.ouhuang .mc-lott-record-root .select-Box span.active,
.ouhuang .orderinfo-wrap .orderinfo-submit .button-submit,
.ouhuang .ticket-item .ticket-item-btn,
.ouhuangusd .add-card-btn,
.ouhuangusd .bind-first span,
.ouhuangusd .button-submit,
.ouhuangusd .copy-contact,
.ouhuangusd
  .copy-contact，
  .new-date-picker
  .date-picker-warp
  .pickter-item.through-item,
.ouhuangusd .mc-lott-record-root .select-Box span.active,
.ouhuangusd .orderinfo-wrap .orderinfo-submit .button-submit,
.ouhuangusd .ticket-item .ticket-item-btn {
  box-shadow: none !important;
}

.ouhuang .devidend-container .popup-header,
.ouhuang .popup-container input,
.ouhuang .salary-popup-header,
.ouhuangusd .devidend-container .popup-header,
.ouhuangusd .popup-container input,
.ouhuangusd .salary-popup-header {
  background: rgba(139, 143, 177, 0.2);
}

.ouhuang .sign-salary-root .singd-details thead tr td,
.ouhuangusd .sign-salary-root .singd-details thead tr td {
  color: #fff;
  background: inherit;
}

.ouhuang .exchange-wrap .exchange-order-info .exchange-order-price .active,
.ouhuang .statis-gameType-wrap .active,
.ouhuangusd .exchange-wrap .exchange-order-info .exchange-order-price .active,
.ouhuangusd .statis-gameType-wrap .active {
  background: rgba(226, 167, 66, 0.2) !important;
  border-color: #8b8fb1 !important;
  color: #535472 !important;
}

.ouhuang .exchange-wrap .exchange-order-info .exchange-order-price .active,
.ouhuangusd .exchange-wrap .exchange-order-info .exchange-order-price .active {
  box-shadow: -1px 0 0.05rem #8b8fb1 !important;
}

.ouhuang .salary-popup-container .input-container input,
.ouhuangusd .salary-popup-container .input-container input {
  background: rgba(139, 143, 177, 0.2) !important;
}

.ouhuang .lkmn-poup-tbig,
.ouhuang .lkmn-poup-tsmall,
.ouhuang .mc-trans-record-container .color-red-out,
.ouhuang .point-wrap .point-table-title span,
.ouhuangusd .lkmn-poup-tbig,
.ouhuangusd .lkmn-poup-tsmall,
.ouhuangusd .mc-trans-record-container .color-red-out,
.ouhuangusd .point-wrap .point-table-title span {
  color: #8b8fb1;
}

.ouhuang .common-wb-cards,
.ouhuangusd .common-wb-cards {
  background: linear-gradient(90deg, #f8d493, #e6b151) !important;
}

.ouhuang .btn-success,
.ouhuangusd .btn-success {
  box-shadow: 0 0.1rem 0.2rem 0 #e2a742 !important;
}

.ouhuang .btn-success.am-button-disabled,
.ouhuangusd .btn-success.am-button-disabled {
  box-shadow: none !important;
}

.ouhuang .withdraw-bkdbtn,
.ouhuangusd .withdraw-bkdbtn {
  border-color: #8b8fb1;
}

.ouhuang .red-rain-main input::-webkit-input-placeholder,
.ouhuang .team-member-trans input::-webkit-input-placeholder,
.ouhuangusd .red-rain-main input::-webkit-input-placeholder,
.ouhuangusd .team-member-trans input::-webkit-input-placeholder {
  color: #b8bdc0 !important;
}

.ouhuang .agrg-downline-input input,
.ouhuang
  .exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-type,
.ouhuang .lkmn-poup-qrcnt span,
.ouhuang .mc-trans-filter .chase-number,
.ouhuang .rebateReport-item-root .time,
.ouhuang .red-rain-main input::placeholder,
.ouhuang .show-more,
.ouhuang .singd-downline-info .more-info,
.ouhuang .team-member-trans input::placeholder,
.ouhuang .tmt-header,
.ouhuang .withdraw-bkinfo,
.ouhuangusd .agrg-downline-input input,
.ouhuangusd
  .exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-type,
.ouhuangusd .lkmn-poup-qrcnt span,
.ouhuangusd .mc-trans-filter .chase-number,
.ouhuangusd .rebateReport-item-root .time,
.ouhuangusd .red-rain-main input::placeholder,
.ouhuangusd .show-more,
.ouhuangusd .singd-downline-info .more-info,
.ouhuangusd .team-member-trans input::placeholder,
.ouhuangusd .tmt-header,
.ouhuangusd .withdraw-bkinfo {
  color: #b8bdc0 !important;
}

.ouhuang .am-tag-normal,
.ouhuang .statis-gameType-wrap .btn-wrap,
.ouhuang .vc-v2-container .vc-v2-method li,
.ouhuang .vc-v2-container .vc-v2-method li .min-max,
.ouhuang .vc-v2-container .vc-v2-method li .vcn-list-text,
.ouhuangusd .am-tag-normal,
.ouhuangusd .statis-gameType-wrap .btn-wrap,
.ouhuangusd .vc-v2-container .vc-v2-method li,
.ouhuangusd .vc-v2-container .vc-v2-method li .min-max,
.ouhuangusd .vc-v2-container .vc-v2-method li .vcn-list-text {
  color: #b8bdc0 !important;
  border-color: #b8bdc0 !important;
}

.ouhuang .am-tag-normal.unit-active,
.ouhuangusd .am-tag-normal.unit-active {
  color: #e2a742 !important;
  border-color: #e2a742 !important;
}

.ouhuang .point-wrap .point-list-wrap .point-list-header,
.ouhuang .withdraw-bkadd,
.ouhuangusd .point-wrap .point-list-wrap .point-list-header,
.ouhuangusd .withdraw-bkadd {
  background: #e2a742;
}

.ouhuang .wallet_return div,
.ouhuangusd .wallet_return div {
  background: rgba(226, 167, 66, 0.4);
}

.ouhuang .n-home-container .n-nav-list-title span,
.ouhuang .wallet_return div,
.ouhuangusd .n-home-container .n-nav-list-title span,
.ouhuangusd .wallet_return div {
  color: #fff;
}

.ouhuang .n-home-container .n-nav-list-title span svg,
.ouhuang .wallet_return div svg,
.ouhuangusd .n-home-container .n-nav-list-title span svg,
.ouhuangusd .wallet_return div svg {
  fill: #e2a742;
}

.ouhuang .agrg-downline-bnstbt,
.ouhuang .point-wrap .point-list-wrap .point-list-header,
.ouhuangusd .agrg-downline-bnstbt,
.ouhuangusd .point-wrap .point-list-wrap .point-list-header {
  color: #fff;
}

.ouhuang .agrg-downline-bnstbt svg,
.ouhuang .point-wrap .point-list-wrap .point-list-header svg,
.ouhuangusd .agrg-downline-bnstbt svg,
.ouhuangusd .point-wrap .point-list-wrap .point-list-header svg {
  fill: #8b8fb1;
}

.ouhuang .point-wrap .point-list-wrap .point-list-item,
.ouhuangusd .point-wrap .point-list-wrap .point-list-item {
  background: rgba(164, 184, 229, 0.4);
}

.ouhuang .card-details.contract .protocolDetails,
.ouhuang .contract-history .history-tbody,
.ouhuangusd .card-details.contract .protocolDetails,
.ouhuangusd .contract-history .history-tbody {
  background: none;
}

.ouhuang .contract-history .history-tbody,
.ouhuangusd .contract-history .history-tbody {
  border-bottom: 1px solid #8b8fb1;
}

.ouhuang .exchange-wrap .exchange-submit p,
.ouhuang .mc-profitLoss-record-root .am-button-ghost,
.ouhuang .mc-transaction-record-root .am-button-ghost,
.ouhuangusd .exchange-wrap .exchange-submit p,
.ouhuangusd .mc-profitLoss-record-root .am-button-ghost,
.ouhuangusd .mc-transaction-record-root .am-button-ghost {
  color: #b8bdc0 !important;
  border-color: #b8bdc0 !important;
}

.ouhuang .exchange-wrap .exchange-submit p svg,
.ouhuang .mc-profitLoss-record-root .am-button-ghost svg,
.ouhuang .mc-transaction-record-root .am-button-ghost svg,
.ouhuangusd .exchange-wrap .exchange-submit p svg,
.ouhuangusd .mc-profitLoss-record-root .am-button-ghost svg,
.ouhuangusd .mc-transaction-record-root .am-button-ghost svg {
  fill: #b8bdc0 !important;
}

.ouhuang .auto-fill-btn,
.ouhuang .card-details.contract .protocolDetails .header,
.ouhuang .records-item-header-sy i,
.ouhuangusd .auto-fill-btn,
.ouhuangusd .card-details.contract .protocolDetails .header,
.ouhuangusd .records-item-header-sy i {
  background: #e2a742 !important;
}

.ouhuang .sign-salary-root .singd-details thead tr,
.ouhuang
  .v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-trans-details
  .trans-container
  > span.checked,
.ouhuangusd .sign-salary-root .singd-details thead tr,
.ouhuangusd
  .v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-trans-details
  .trans-container
  > span.checked {
  background: #e2a742;
  border-color: #e2a742;
  color: #fff;
}

.ouhuang .trans-checked.am-button-active,
.ouhuang .trans-unchecked.am-button-active,
.ouhuangusd .trans-checked.am-button-active,
.ouhuangusd .trans-unchecked.am-button-active {
  background: none !important;
}

.ouhuang .team-member-nickname .nickname-form input,
.ouhuang
  .team-member-nickname
  .trans-container-header
  .trans-container:last-child,
.ouhuang
  .v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-trans-details
  .trans-container:last-child
  > span,
.ouhuangusd .team-member-nickname .nickname-form input,
.ouhuangusd
  .team-member-nickname
  .trans-container-header
  .trans-container:last-child,
.ouhuangusd
  .v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-trans-details
  .trans-container:last-child
  > span {
  background: rgba(164, 184, 229, 0.1) !important;
}

.ouhuang .red-rain-input input,
.ouhuang .team-member-nickname .nickname-form input,
.ouhuangusd .red-rain-input input,
.ouhuangusd .team-member-nickname .nickname-form input {
  border: 1px solid #b8bdc0;
}

.ouhuang .team-member-nickname .nickname-form,
.ouhuang .tt-content,
.ouhuangusd .team-member-nickname .nickname-form,
.ouhuangusd .tt-content {
  background: inherit !important;
}

.ouhuang .add-card-btn.dis,
.ouhuang .vc-v2-submit.dis,
.ouhuangusd .add-card-btn.dis,
.ouhuangusd .vc-v2-submit.dis {
  background: #b8bdc0 !important;
}

.ouhuang .am-tabs-bar .am-tabs-tab-active,
.ouhuang .amount-negative-number,
.ouhuang .card-details .card-header div.endContract span a,
.ouhuang .hd-status-tip,
.ouhuang .leader-board-container .leader-board-header-status div.lb-active,
.ouhuang .lkmn-poup-qrlink span,
.ouhuang .record-footer div span:last-child,
.ouhuang .show-tips a,
.ouhuang .sigin-c-content .am-tabs-bar .am-tabs-tab-active,
.ouhuang .team-member-item-header span,
.ouhuang .vrification-loading-content p span,
.ouhuangusd .am-tabs-bar .am-tabs-tab-active,
.ouhuangusd .amount-negative-number,
.ouhuangusd .card-details .card-header div.endContract span a,
.ouhuangusd .hd-status-tip,
.ouhuangusd .leader-board-container .leader-board-header-status div.lb-active,
.ouhuangusd .lkmn-poup-qrlink span,
.ouhuangusd .record-footer div span:last-child,
.ouhuangusd .show-tips a,
.ouhuangusd .sigin-c-content .am-tabs-bar .am-tabs-tab-active,
.ouhuangusd .team-member-item-header span,
.ouhuangusd .vrification-loading-content p span {
  color: #8b8fb1 !important;
}

.ouhuang .name-filter .am-search .am-search-input,
.ouhuang .name-filter .am-search .am-search-synthetic-ph,
.ouhuang .red-rain-select .am-search-input,
.ouhuangusd .name-filter .am-search .am-search-input,
.ouhuangusd .name-filter .am-search .am-search-synthetic-ph,
.ouhuangusd .red-rain-select .am-search-input {
  background: #f0f0f0 !important;
  color: #b8bdc0 !important;
}

.ouhuang .point-history-wrap .am-button-primary,
.ouhuangusd .point-history-wrap .am-button-primary {
  color: #fff;
  background: #8b8fb1 !important;
}

.ouhuang .point-history-wrap .am-button-primary svg,
.ouhuangusd .point-history-wrap .am-button-primary svg {
  fill: #fff;
}

.ouhuang .red-rain-select .am-search-input input,
.ouhuangusd .red-rain-select .am-search-input input {
  color: #b8bdc0 !important;
}

.ouhuang .red-rain-select .am-search-cancel,
.ouhuang .vc-v2-container .vc-v2-active-container .act-item .act-mount i,
.ouhuangusd .red-rain-select .am-search-cancel,
.ouhuangusd .vc-v2-container .vc-v2-active-container .act-item .act-mount i {
  color: #8b8fb1;
}

.ouhuang .personalCenter .has-error input,
.ouhuangusd .personalCenter .has-error input {
  box-shadow: none !important;
  border: 1px solid #8b8fb1 !important;
}

.ouhuang .account-form input:focus,
.ouhuang .play-more-game,
.ouhuangusd .account-form input:focus,
.ouhuangusd .play-more-game {
  box-shadow: none !important;
}

.ouhuang .am-search-input input[type="search"],
.ouhuangusd .am-search-input input[type="search"] {
  background: rgba(164, 184, 229, 0.1);
  color: #b8bdc0 !important;
}

.ouhuang .devidend-container .popup-header span,
.ouhuang .game-amount-content .amount-total,
.ouhuang .mc-notice-content .wysiwyg,
.ouhuang .sigin-today-title,
.ouhuang .team-member-trans header span:last-child,
.ouhuangusd .devidend-container .popup-header span,
.ouhuangusd .game-amount-content .amount-total,
.ouhuangusd .mc-notice-content .wysiwyg,
.ouhuangusd .sigin-today-title,
.ouhuangusd .team-member-trans header span:last-child {
  color: #535472;
}

.ouhuang .red-rain-lpbody #mc-header,
.ouhuangusd .red-rain-lpbody #mc-header {
  position: relative !important;
}

.ouhuang .red-rain-lpbody #mc-header span,
.ouhuangusd .red-rain-lpbody #mc-header span {
  text-align: center;
  height: auto !important;
}

.ouhuang .red-rain-lpbody .red-rain-select,
.ouhuangusd .red-rain-lpbody .red-rain-select {
  margin-top: 0;
}

.ouhuang .ph-icon,
.ouhuangusd .ph-icon {
  display: inline-block;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 0.6rem;
  background: #8b8fb1;
  top: 0.16rem;
  position: relative;
}

.ouhuang .ph-icon svg,
.ouhuangusd .ph-icon svg {
  top: 0 !important;
  fill: #fff;
  left: 0.07rem;
  width: 0.44rem !important;
  height: 0.44rem !important;
}

.ouhuang .mc-wallet-list-body .am-flexbox-item:first-child,
.ouhuangusd .mc-wallet-list-body .am-flexbox-item:first-child {
  display: inline-block;
  width: 0.6rem !important;
  height: 0.6rem !important;
  border-radius: 0.6rem;
  background: #8b8fb1;
}

.ouhuang .mc-wallet-list-body .am-flexbox-item:first-child svg,
.ouhuangusd .mc-wallet-list-body .am-flexbox-item:first-child svg {
  top: 0.12rem !important;
  fill: #fff;
  position: relative;
  left: 0.12rem;
  width: 0.34rem !important;
  height: 0.34rem !important;
}

.ouhuang .ph-text,
.ouhuangusd .ph-text {
  margin-left: 0.1rem;
  top: 0.06rem;
  position: relative;
}

.ouhuang .trans-icon-container svg,
.ouhuangusd .trans-icon-container svg {
  fill: #a4b8e5 !important;
}

.ouhuang .ag-link-mgtop-left span,
.ouhuangusd .ag-link-mgtop-left span {
  display: inline-block;
  width: 0.54rem !important;
  height: 0.54rem !important;
  border-radius: 0.6rem;
  background: #8b8fb1;
  position: relative;
  top: 0.1rem;
  margin-right: 0.1rem;
}

.ouhuang .ag-link-mgtop-left span svg,
.ouhuangusd .ag-link-mgtop-left span svg {
  top: -0.04rem !important;
  fill: #fff;
  position: relative;
  left: 0.08rem;
  width: 0.34rem !important;
  height: 0.34rem !important;
}

.ouhuang .am-picker-popup-item,
.ouhuang .card-header .ric-date,
.ouhuangusd .am-picker-popup-item,
.ouhuangusd .card-header .ric-date {
  color: #8b8fb1 !important;
}

.ouhuang .records-item-header-sy i,
.ouhuang .statis-gameType-wrap .btn-wrap .gameType-item-0,
.ouhuangusd .records-item-header-sy i,
.ouhuangusd .statis-gameType-wrap .btn-wrap .gameType-item-0 {
  background: #8b8fb1 !important;
}

.ouhuang .statis-gameType-wrap .btn-wrap .gameType-item-2,
.ouhuangusd .statis-gameType-wrap .btn-wrap .gameType-item-2 {
  background: #a4b8e5;
}

.ouhuang .point-convert .point-form-item .am-list-extra,
.ouhuang .point-convert .point-form-item .am-list-extra input,
.ouhuangusd .point-convert .point-form-item .am-list-extra,
.ouhuangusd .point-convert .point-form-item .am-list-extra input {
  color: #a4b8e5;
}

.ouhuang .go-home-btn,
.ouhuangusd .go-home-btn {
  background: #b8bdc0 !important;
}

.ouhuang .statis-gameType-wrap .btn-wrap .gameType-item-1,
.ouhuang .statis-gameType-wrap .btn-wrap .his-gameType-item-0,
.ouhuang .statis-gameType-wrap .btn-wrap .his-gameType-item-1,
.ouhuang .statis-gameType-wrap .btn-wrap .his-gameType-item-2,
.ouhuang .statis-gameType-wrap .btn-wrap .his-gameType-item-3,
.ouhuang .statis-gameType-wrap .btn-wrap .his-gameType-item-4,
.ouhuang .statis-gameType-wrap .btn-wrap .his-gameType-item-5,
.ouhuang .statis-gameType-wrap .btn-wrap .his-gameType-item-6,
.ouhuang .statis-gameType-wrap .btn-wrap .his-gameType-item-7,
.ouhuang .statis-gameType-wrap .btn-wrap .his-gameType-item-8,
.ouhuangusd .statis-gameType-wrap .btn-wrap .gameType-item-1,
.ouhuangusd .statis-gameType-wrap .btn-wrap .his-gameType-item-0,
.ouhuangusd .statis-gameType-wrap .btn-wrap .his-gameType-item-1,
.ouhuangusd .statis-gameType-wrap .btn-wrap .his-gameType-item-2,
.ouhuangusd .statis-gameType-wrap .btn-wrap .his-gameType-item-3,
.ouhuangusd .statis-gameType-wrap .btn-wrap .his-gameType-item-4,
.ouhuangusd .statis-gameType-wrap .btn-wrap .his-gameType-item-5,
.ouhuangusd .statis-gameType-wrap .btn-wrap .his-gameType-item-6,
.ouhuangusd .statis-gameType-wrap .btn-wrap .his-gameType-item-7,
.ouhuangusd .statis-gameType-wrap .btn-wrap .his-gameType-item-8 {
  background: #b8bdc0;
}

.ouhuang .mc-new-team-tab .mc-agent-team-tab .am-flexbox-item.tab-active,
.ouhuangusd .mc-new-team-tab .mc-agent-team-tab .am-flexbox-item.tab-active {
  color: #8b8fb1 !important;
  border-color: #8b8fb1 !important;
}

.ouhuang .poplist-footer a:first-child,
.ouhuangusd .poplist-footer a:first-child {
  border-color: #b8bdc0 !important;
  color: #b8bdc0 !important;
}

.ouhuang .agent-container .agent-body .h4-wrp,
.ouhuang .leader-board-container .profile-icon,
.ouhuangusd .agent-container .agent-body .h4-wrp,
.ouhuangusd .leader-board-container .profile-icon {
  border-color: #8b8fb1;
}

.ouhuang .statis-gameType-wrap .active i,
.ouhuangusd .statis-gameType-wrap .active i {
  background: #8b8fb1;
}

.ouhuang .n-form-content input,
.ouhuangusd .n-form-content input {
  -webkit-appearance: none;
  outline: none;
}

.ouhuang
  .item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .item-trans-info
  .info-btn
  svg,
.ouhuangusd
  .item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .item-trans-info
  .info-btn
  svg {
  fill: #fff !important;
}

.ouhuang .vc-v2-submit i,
.ouhuangusd .vc-v2-submit i {
  background-image: url("/images/theme/ouhuang/assets/ouhuang_down_icon.png");
}

.ouhuang .mall-home-top,
.ouhuang .mall-home-wrap .mall-home-top,
.ouhuang .signin-activity-card,
.ouhuangusd .mall-home-top,
.ouhuangusd .mall-home-wrap .mall-home-top,
.ouhuangusd .signin-activity-card {
  background-image: url("/images/theme/ouhuang/assets/ouhuang_sac.png") !important;
}

.ouhuang .leader-board-container .leader-board-content .leader-board-card,
.ouhuangusd .leader-board-container .leader-board-content .leader-board-card {
  background-image: url("/images/theme/ouhuang/assets/ouhuang_lbc.png") !important;
}

.ouhuang .leader-board-container .leader-board-header,
.ouhuangusd .leader-board-container .leader-board-header {
  background-image: url("/images/theme/ouhuang/assets/ouhuang_lbh.png") !important;
}

.ouhuang .name-filter .am-search-cancel,
.ouhuangusd .name-filter .am-search-cancel {
  background-image: url("/images/theme/ouhuang/assets/ouhuang_search.png") !important;
}

.ouhuang .v-base .m-mc-notice-container .mc-notice-prev,
.ouhuangusd .v-base .m-mc-notice-container .mc-notice-prev {
  background-image: url("/images/theme/ouhuang/assets/ouhuang_left.png") !important;
  transform: rotate(0deg);
}

.ouhuang .reward-user-integral,
.ouhuangusd .reward-user-integral {
  background-image: url("/images/theme/ouhuang/assets/rewardCenter/ouhuang_cash.png") !important;
}

.ouhuang .v-base .m-mc-notice-container .mc-notice-next,
.ouhuangusd .v-base .m-mc-notice-container .mc-notice-next {
  background-image: url("/images/theme/ouhuang/assets/ouhuang_left.png") !important;
  transform: rotate(180deg);
}

.ouhuang .record-icon-ticket,
.ouhuangusd .record-icon-ticket {
  background-image: url("/images/theme/ouhuang/assets/ouhuang_bill.png");
}

.ouhuang .reward-center,
.ouhuangusd .reward-center {
  background-image: url("/images/theme/ouhuang/assets/ouhuang_mall-bg.png") !important;
  background-size: 100% auto;
  background-position-y: -1rem;
}

.ouhuang #mc-app-home-root.mc,
.ouhuangusd #mc-app-home-root.mc {
  background-image: url("/images/theme/ouhuang/assets/ouhuang_member_home.png") !important;
}

.ouhuang .common-center-top .cumulative-sign-in,
.ouhuangusd .common-center-top .cumulative-sign-in {
  position: absolute;
  right: 0;
  top: 0;
  height: 0.5rem !important;
  padding: 0 0.75rem 0 1.4rem;
  background-image:
    url("/images/theme/ouhuang/assets/ouhuang_sign.png"),
    linear-gradient(0deg, #e2a742, #e2a742) !important;
  background-position:
    0.76rem,
    left 0.64rem top -1px;
  background-size:
    0.3rem 0.3rem,
    100% 100%;
  background-repeat: no-repeat !important;
  color: #fff;
  font-size: 0.24rem;
  line-height: 0.5rem;
}

.ouhuang .common-center-top .cumulative-sign-in a,
.ouhuangusd .common-center-top .cumulative-sign-in a {
  color: inherit;
}

.ouhuang .common-center-top .cumulative-sign-in:before,
.ouhuangusd .common-center-top .cumulative-sign-in:before {
  content: "";
  width: 0.64rem;
  height: 0.49rem;
  position: absolute;
  left: 1px !important;
  top: 0;
  z-index: 9;
  background: url("/images/theme/ouhuang/assets/ouhuang_mall-title.png") !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
}

.ouhuang .common-center-top .cumulative-sign-in:after,
.ouhuangusd .common-center-top .cumulative-sign-in:after {
  content: "";
  width: 0.38rem;
  height: 0.54rem;
  position: absolute;
  right: 0.1rem;
  top: 0;
  z-index: 9;
  background: url("/images/theme/ouhuang/assets/ouhuang_arrow.png") 50% !important;
  background-repeat: no-repeat !important;
  background-size: 0.18rem 0.28rem;
}

.ouhuang
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item,
.ouhuangusd
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item {
  background-color: #efefef;
  border: 1px solid #ccc;
  color: #919191;
}

.ouhuang
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active,
.ouhuangusd
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active {
  color: #fff;
}

.ouhuang
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active
  svg,
.ouhuangusd
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active
  svg {
  display: none;
}

.kaixuan .divident-list-item span {
  width: 21%;
}

.kaixuan .record-footer {
  background:
    linear-gradient 180deg,
    #fdfaff,
    #e1e5e8;
  box-shadow: 0 0 0.5px 0.2px rgba(64, 69, 84, 0.2);
}

.kaixuan .record-footer span {
  color: #a58345;
}

.kaixuan .record-footer span.time {
  color: #5c4636;
}

.kaixuan .n-home-container .main-nav-style > .n-linear-border:before {
  background-image: linear-gradient(0deg, #efd5a5, #ddae71);
}

.kaixuan .n-home-container .main-nav-style > .n-linear-border > div {
  background: rgba(92, 70, 54, 0.2);
}

.kaixuan .n-home-container .main-nav-style > div svg {
  fill: #64482b;
}

.kaixuan .v-base .main-nav-style {
  color: #8c6544;
}

.kaixuan .am-tabs-bar .am-tabs-tab-active,
.kaixuan .am-tag-active,
.kaixuan .btn-copy-code,
.kaixuan .mall-home-top .mall-header,
.kaixuan .mc-lott-record-root .select-Box span.active,
.kaixuan .new-tips,
.kaixuan .team-member-flow .mc-team-flow-unit span.unit-active,
.kaixuan .vc-v2-container .vc-v2-input .inputCon,
.kaixuan .vc-v2-container .vc-v2-input .inputCon i,
.kaixuan .vc-v2-container .vc-v2-method-list li.ck,
.kaixuan .vc-v2-container .vc-v2-show-bank .vc-v2-bank-ck.ck {
  color: #a58345;
  border-color: #a58345 !important;
}

.kaixuan .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-right span,
.kaixuan .go-home-btn,
.kaixuan .red-rain-underling span,
.kaixuan .vc-v2-container .vc-v2-method-list li {
  color: #aaa;
  border-color: #aaa;
}

.kaixuan .bet-filter-container .bet-filter-item-content .ck-date,
.kaixuan .mall-home-wrap .mall-home-choose .active,
.kaixuan .mc-tab-container .mc-tab-item.tab-active,
.kaixuan .singd-downline-info div span > span,
.kaixuan .vc-v2-container .vc-v2-method-list li.ck,
.kaixuan .vc-v2-container .vc-v2-method li.ck {
  color: #a58345 !important;
  border-color: #a58345 !important;
}

.kaixuan .am-button-primary,
.kaixuan .n-home-container .n-nav-list-title span {
  border: none !important;
}

.kaixuan input {
  caret-color: #a58345 !important;
}

.kaixuan .game-record-show .am-search,
.kaixuan .h-icon-active img,
.kaixuan .mc-transaction-record-root.mtrr-container .am-button-ghost,
.kaixuan .name-filter .am-button-ghost,
.kaixuan .vc-v2-container .pay-name-container .vc-v2-input input:focus {
  border-color: #a58345 !important;
}

.kaixuan .name-filter .am-button-ghost {
  border: 1px solid #a58345 !important;
}

.kaixuan .agent-divident-container,
.kaixuan .agentDivident .am-tabs-bar .am-tabs-tabr,
.kaixuan .am-search,
.kaixuan .am-tabs-bar,
.kaixuan .name-filter,
.kaixuan .name-filter .am-button-ghost,
.kaixuan .reward-center-container,
.kaixuan .sigin-modal .sigin-modal-content {
  background: #fff;
}

.kaixuan .agentDivident .am-tabs-tabpane > div > div {
  background: #fff !important;
}

.kaixuan .tabPane-tips {
  background: #fff;
  box-shadow: 0 0.04rem 0.08rem 0 hsla(0, 0%, 100%, 0.05) !important;
}

.kaixuan .submitEmail {
  box-shadow: none !important;
}

.kaixuan .agentSalary .mc-trans-filter .am-button-ghost,
.kaixuan .am-button-ghost.am-button-active,
.kaixuan .am-checkbox.am-checkbox-checked .am-checkbox-inner,
.kaixuan .am-checkbox.am-checkbox-checked .am-checkbox-inner:after,
.kaixuan .bet-filter-container .bet-filter-item-content .ck-date,
.kaixuan .contract-history .history-thead,
.kaixuan .is-comp,
.kaixuan .popup-container input:focus,
.kaixuan .salary-popup-container input:focus {
  border-color: #a58345;
}

.kaixuan .dividendRatio .arrow-top,
.kaixuan .table-container .dividend-tips .arrow-top {
  border-bottom-color: #a58345;
}

.kaixuan .dividend-header .dividend-header-content > div:first-child p,
.kaixuan .dividend-header .dividend-header-content > div:last-child p {
  color: #a58345;
}

.kaixuan
  .exchange-history-wrap
  .exchange-history-item
  .item-order-integral
  .order-integral-first,
.kaixuan .flex-text-tips,
.kaixuan
  .mall-home-wrap
  .mall-home-orders
  .mall-order
  .mall-order-integral
  .order-integral-item
  .integral-number {
  color: #fb474b;
}

.kaixuan
  .mall-home-wrap
  .mall-home-orders
  .mall-order
  .mall-order-integral
  .order-integral-item,
.kaixuan
  .orderinfo-wrap
  .orderinfo-header
  .orderinfo-middle
  .orderinfo-price
  li {
  background: hsla(34, 36%, 88%, 0.1);
}

.kaixuan #root #mc-app-home-root.gc,
.kaixuan #root .mc-navbar-blue {
  background: linear-gradient(180deg, #efd5a5, #ddae71);
  color: #fff;
  box-shadow: 0 0.04rem 0.08rem 0 rgba(0, 0, 0, 0.05);
}

.kaixuan #root #mc-app-home-root.gc .am-navbar-left svg,
.kaixuan #root .mc-navbar-blue .am-navbar-left svg {
  fill: #fff;
}

.kaixuan #root #mc-app-home-root.gc .am-navbar-title,
.kaixuan #root .mc-navbar-blue .am-navbar-title {
  color: #fff;
}

.kaixuan .am-card-body .protocolDetails .header p,
.kaixuan .trans-checked span {
  color: #fff !important;
}

.kaixuan #root .mc-home.mc-navbar-blue .am-icon-left,
.kaixuan #root .mc-home.mc-navbar-blue .am-navbar-title,
.kaixuan #root .reward-center .am-navbar-title,
.kaixuan .agent-container .agent-body .h4-wrp,
.kaixuan .agrg-downline-title,
.kaixuan .block-container .block.member,
.kaixuan .block-container .block.unerlvl,
.kaixuan .center-header,
.kaixuan .contract-history .history-thead,
.kaixuan .dividend-header .dividend-header-content .title,
.kaixuan .downline-item-toot .user-info .user-name,
.kaixuan .flex-list-text,
.kaixuan .leader-board-container .leader-board-integral,
.kaixuan .mall-home-top .mall-number-info,
.kaixuan .mc-transaction-record-root.mtrr-container .am-button-ghost,
.kaixuan .myRebate .rebate-span-lf,
.kaixuan .ph-text span,
.kaixuan .rebateReport-item-root span,
.kaixuan .salary-popup-header div,
.kaixuan .sigin-modal .sigin-modal-content h3,
.kaixuan .singd-downline-item-toot .user-info .user-name,
.kaixuan .team-member-item-header .customer-item,
.kaixuan .team-op a,
.kaixuan .ti-name,
.kaixuan .tr-item-title,
.kaixuan
  .v-base
  .m-mc-notice-container
  .m-mc-notice-title
  .m-mc-notice-title-time {
  color: #5c4636 !important;
}

.kaixuan #mc-app-home-root #mc-header,
.kaixuan .mc-transaction-record-root.mtrr-container .am-button-ghost,
.kaixuan .reward-center {
  border-color: #5c4636 !important;
}

.kaixuan #mc-app-home-root #mc-header svg,
.kaixuan .mc-transaction-record-root.mtrr-container .am-button-ghost svg,
.kaixuan .reward-center svg {
  fill: #5c4636 !important;
}

.kaixuan .bet-filter-modal .ck-icon,
.kaixuan .deposit-list-ck,
.kaixuan .deposit-record-root .deposit-id svg,
.kaixuan .icon-points,
.kaixuan .icon-sign,
.kaixuan .icon-task,
.kaixuan .vc-v2-container .vc-v2-active-container .act-item.on svg {
  fill: #a58345 !important;
}

.kaixuan .tr-item-content-item,
.kaixuan
  .v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-list-body
  .wallet-name {
  color: #5c4636;
}

.kaixuan .am-badge-text {
  background-color: #5c4636;
  color: #fff;
}

.kaixuan
  .v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .am-list-body
  .am-list-item#mc-wallet-checked {
  border-color: #c79b65;
  background: hsla(33, 47%, 59%, 0.1);
}

.kaixuan .sub-name-search input::-webkit-input-placeholder {
  color: #aaa !important;
}

.kaixuan .am-modal-button-group-h .am-modal-button:first-child,
.kaixuan .am-tabs-bar .am-tabs-tab,
.kaixuan .card-details.contract .spandetails,
.kaixuan .change-statis-wrap .statis-left .btn-change,
.kaixuan .contract-history .history-tbody,
.kaixuan .dividend-list-more > div,
.kaixuan .flex-list-title,
.kaixuan .list-popup-container,
.kaixuan .mc-team-filter .am-list-item.am-input-item,
.kaixuan .orderinfo-wrap .orderinfo-body .orderion-content-text *,
.kaixuan .pal-records-list-root .time,
.kaixuan .red-rain-input input,
.kaixuan .red-rain-tcenter,
.kaixuan .salary_info tbody tr td,
.kaixuan .salary_rule,
.kaixuan .sigin-c-remarks b,
.kaixuan .sigin-c-remarks p,
.kaixuan .sigin-modal .sigin-modal-content .amount-info p,
.kaixuan .sigin-today-desc,
.kaixuan .statis-container .statis-lin .lin-left div,
.kaixuan .statis-container .statis-lin .lin-rigth div,
.kaixuan .sub-name-search input,
.kaixuan .sub-name-search input::placeholder,
.kaixuan .team-member-item-content,
.kaixuan .team-member-item-content .time,
.kaixuan .team-member-nickname input,
.kaixuan .team-member-trans input,
.kaixuan .team-op a.edit-btn,
.kaixuan .team-rebate-btnleft .am-button,
.kaixuan .tic-footer-title,
.kaixuan .tr-item-time,
.kaixuan .v-base .m-mc-notice-container .m-mc-notice-index-content,
.kaixuan .v-base .m-mc-notice-container .mc-notice-time {
  color: #aaa !important;
}

.kaixuan .point-tips {
  color: hsla(0, 0%, 67%, 0.7) !important;
}

.kaixuan .sub-name-search,
.kaixuan .team-rebate-btnleft .am-button {
  border-color: #aaa !important;
}

.kaixuan .exchange-wrap .exchange-order-info .exchange-order-price li,
.kaixuan .red-rain-input input,
.kaixuan .statis-gameType-wrap .btn-wrap {
  background: hsla(34, 36%, 88%, 0.1);
}

.kaixuan .ag-link-lmanage .ag-link-mgbottom,
.kaixuan .agrg-downline-cname,
.kaixuan
  .exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-third
  .item-order-date,
.kaixuan .exchange-wrap .exchange-order-info .exchange-order-price li,
.kaixuan .leader-board-container .leader-board-header-status div,
.kaixuan .mall-home-middle,
.kaixuan .mall-home-wrap .mall-home-choose,
.kaixuan .mall-order-integral,
.kaixuan .mc-tab-container .mc-tab-item,
.kaixuan .mc-team-filter .am-list-item .am-input-control input,
.kaixuan .new-date-picker .date-picker-warp .pickter-item.through-item,
.kaixuan .orderinfo-wrap .orderinfo-header .orderinfo-middle .orderinfo-price,
.kaixuan .orderinfo-wrap .orderinfo-submit p,
.kaixuan .point-history-wrap .point-item-wrap .point-types .point-date,
.kaixuan .point-history-wrap .point-item-wrap .point-types .point-remarks,
.kaixuan .sigin-c-footer .title {
  color: #aaa;
}

.kaixuan .lottType-box,
.kaixuan .mc-lott-record-root .select-Box .type,
.kaixuan .mc-lott-record-root .select-Box > div,
.kaixuan .play-chooser form,
.kaixuan .play-chooser input,
.kaixuan .trans-unchecked {
  color: #aaa !important;
  border-color: #aaa !important;
}

.kaixuan .exchange-wrap .font-color-red,
.kaixuan .orderinfo-wrap .font-color-red,
.kaixuan .point-history-wrap .color-red,
.kaixuan .sigin-today-desc span,
.kaixuan .today {
  color: #fb474b !important;
}

.kaixuan .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-left,
.kaixuan .am-search-input input[type="search"],
.kaixuan .devidend-container .popup-header,
.kaixuan
  .exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-first
  .item-order-name,
.kaixuan
  .exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-first
  .item-order-number,
.kaixuan .grid-title,
.kaixuan .leader-board-container .leader-board-header-info,
.kaixuan .leader-board-container .leader-board-header-status div.lb-active,
.kaixuan .mall-home-wrap .mall-home-orders .mall-order .mall-order-text,
.kaixuan .point-form-item .am-list-item .am-list-line .am-list-content,
.kaixuan .point-history-wrap .color-black,
.kaixuan .red-rain-tetit,
.kaixuan .red-rain-type .agrg-downline-cname,
.kaixuan .sigin-today-title {
  color: #5c4636 !important;
}

.kaixuan .contract-history .history-thead,
.kaixuan .dividend-list-more,
.kaixuan .grid-content {
  background: #fafafa;
}

.kaixuan .agentSalary .mc-trans-filter .am-button-ghost,
.kaixuan .contractPeople,
.kaixuan .leader-board-container .leader-board-header-status div.lb-active,
.kaixuan .lott-record-container,
.kaixuan .no-salary-list {
  color: #a58345;
}

.kaixuan .agentSalary .mc-trans-filter .am-button-ghost svg,
.kaixuan .contractPeople svg,
.kaixuan .leader-board-container .leader-board-header-status div.lb-active svg,
.kaixuan .lott-record-container svg,
.kaixuan .no-salary-list svg {
  fill: #a58345;
}

.kaixuan .mc-team-filter .am-list-item.am-input-item,
.kaixuan .sub-name-search {
  border-color: #aaa;
}

.kaixuan .mc-team-filter .am-list-item.am-input-item svg,
.kaixuan .sub-name-search svg {
  fill: #aaa;
}

.kaixuan .singd-downline-info svg {
  fill: #aaa !important;
}

.kaixuan .am-modal-body,
.kaixuan .exchange-wrap .exchange-order-info .exchange-order-count,
.kaixuan .exchange-wrap .exchange-order-info .exchange-order-name,
.kaixuan .exchange-wrap .font-color-gray,
.kaixuan .game-amount-content span:last-child,
.kaixuan .orderinfo-wrap .orderinfo-body h5,
.kaixuan .orderinfo-wrap .orderinfo-header .orderinfo-middle .orderinfo-text,
.kaixuan .point-history-wrap .color-black,
.kaixuan .tic-footer-amount {
  color: #5c4636;
}

.kaixuan .dividend-rate,
.kaixuan .go-team-bet,
.kaixuan .go-team-bet i,
.kaixuan .go-team-record,
.kaixuan .go-team-record i,
.kaixuan .mc-trans-record-container .color-green-in,
.kaixuan .mt-team-footer,
.kaixuan .records-item-header .game-amount-content span:last-child,
.kaixuan .red-rain-tright,
.kaixuan .team-member-trans header .label,
.kaixuan .tt-balance-content {
  color: #a58345 !important;
}

.kaixuan .dividend-rate svg,
.kaixuan .go-team-bet i svg,
.kaixuan .go-team-bet svg,
.kaixuan .go-team-record i svg,
.kaixuan .go-team-record svg,
.kaixuan .mc-trans-record-container .color-green-in svg,
.kaixuan .mt-team-footer svg,
.kaixuan .records-item-header .game-amount-content span:last-child svg,
.kaixuan .red-rain-tright svg,
.kaixuan .team-member-trans header .label svg,
.kaixuan .tt-balance-content svg {
  fill: #a58345 !important;
}

.kaixuan .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-right svg,
.kaixuan .agent-link-nodata svg,
.kaixuan .block.member svg,
.kaixuan .card-header-people,
.kaixuan .devidend-container svg,
.kaixuan .has-claimed svg,
.kaixuan .icon-complete,
.kaixuan .icon-span svg,
.kaixuan .lin-left svg,
.kaixuan .lin-rigth svg,
.kaixuan .lkmn-poup-qrlink svg,
.kaixuan .mall-intergral-svg,
.kaixuan .mc-icon-member,
.kaixuan .mc-trans-filter svg.am-icon-lg,
.kaixuan .need-fill,
.kaixuan .rebateReport-item-content svg,
.kaixuan .salary-popup-container .save-icon,
.kaixuan .security-icon,
.kaixuan .team-member-nickname svg,
.kaixuan .team-member-trans svg,
.kaixuan .team-rebate-tleft svg,
.kaixuan .unerlvl.block svg,
.kaixuan .user-icon {
  fill: #a58345 !important;
}

.kaixuan .mc-popup-trans > span > svg {
  fill: #a58345 !important;
}

.kaixuan .team-member-trans input {
  border-radius: 0.15rem;
}

.kaixuan .add-inputIcon,
.kaixuan .agrgic-downline-select,
.kaixuan .am-button-ghost.am-button-active,
.kaixuan .am-switch input[type="checkbox"]:checked + .checkbox,
.kaixuan .bet-filter-container .bet-filter-sub div.ck:after,
.kaixuan .ContactName,
.kaixuan .ContactNamet,
.kaixuan .Contacts .am-search-cancel,
.kaixuan .discount-tip,
.kaixuan .EmaiWebList .look .am-badge-dot,
.kaixuan .grid-title:after,
.kaixuan .mc-profile-swiper-nav li.ck,
.kaixuan .mc-profitLoss-record-root .am-button-primary,
.kaixuan .mc-transaction-record-root .am-button-primary,
.kaixuan .swiper-pagination-bullet-active,
.kaixuan .ticket-item .ticket-item-btn {
  background: #a58345 !important;
}

.kaixuan
  .new-date-picker
  .date-picker-warp
  .pickter-item.active-item.start-item
  + .end-item:before,
.kaixuan
  .new-date-picker
  .date-picker-warp
  .pickter-item.active-item.start-item
  + .through-item:before,
.kaixuan .new-date-picker .date-picker-warp .pickter-item.through-item,
.kaixuan
  .new-date-picker
  .date-picker-warp
  .pickter-item.through-item
  + .end-item:before,
.kaixuan
  .new-date-picker
  .date-picker-warp
  .pickter-item:nth-child(7n).through-item:before,
.kaixuan
  .new-date-picker
  .date-picker-warp
  .pickter-item:nth-child(7n + 1).through-item:before {
  background: #fef6e9;
}

.kaixuan .account-form input,
.kaixuan .account-form svg.txt-svg,
.kaixuan .ag-link-lmanage .ag-link-mgbottom .mccolor-1cc534,
.kaixuan .ag-link-lmanage .ag-link-mgbottom .mccolor-23deb8,
.kaixuan .ag-link-lmanage .ag-link-mgbottom .mccolor-db2404,
.kaixuan .agent-link-nodata .am-result-title,
.kaixuan .agrg-downline-bnsetp > span,
.kaixuan .agrg-downline-bnslt,
.kaixuan .agrg-downline-bnsrt,
.kaixuan .am-button-ghost,
.kaixuan .am-modal-button-group-v .am-modal-button,
.kaixuan .amount-positive-number,
.kaixuan .banner .money,
.kaixuan .card-details .card-header div.endContract,
.kaixuan .color2,
.kaixuan .contract-history .user-info .user-title,
.kaixuan .contract-tips,
.kaixuan .contractText,
.kaixuan .dividend-list-more > div:nth-child(2n) p,
.kaixuan .dividend-list-more > div:nth-child(odd) p,
.kaixuan .downline-item-toot .action-sign,
.kaixuan .downline-item-toot .start_contract,
.kaixuan
  .exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-third
  .item-order-state-A,
.kaixuan .exchange-wrap .exchange-order-info .exchange-order-price .active,
.kaixuan .filter-tabPane-btn,
.kaixuan .game-record-show .am-search-cancel,
.kaixuan .is-comp,
.kaixuan .link-detail-title,
.kaixuan .mc-game-record-root .activity-spinner svg,
.kaixuan .mc-new-team-tab .mc-agent-team-tab .am-flexbox-item.tab-active,
.kaixuan .new-date-picker .date-picker-content .btn-clear-date,
.kaixuan .new-date-picker .date-picker-content .date-picker-title,
.kaixuan .new-date-picker .date-picker-content .date-picker-title .active-item,
.kaixuan .nodata-container,
.kaixuan .placeholder,
.kaixuan .play-chooser .chase-number > span,
.kaixuan .point-balance p,
.kaixuan .point-convert .point-form-item.important-number .am-list-extra,
.kaixuan .rebate-span-rt,
.kaixuan .rebateReport-item-content .am-flexbox span,
.kaixuan .rebateReport .rebate,
.kaixuan .red-rain-tleft,
.kaixuan .red-rain-underling span.on,
.kaixuan .sc-bonus,
.kaixuan .sc-days,
.kaixuan .sc-integral,
.kaixuan .sigin-modal .sigin-modal-content .amount-info div,
.kaixuan .sign-operation > span,
.kaixuan .statis-container .statis-lin .blue-count,
.kaixuan .statis-container .statis-lin .gray-count,
.kaixuan .statis-container .statis-lin .green-count,
.kaixuan .statis-container .statis-lin .red-count,
.kaixuan .team-member-nickname header .label,
.kaixuan .team-rebate-tcenter,
.kaixuan .v-base .m-mc-notice-container .m-mc-notice-title,
.kaixuan .v-base .m-mc-notice-container .mmnt-title-detail,
.kaixuan
  .v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-list-body
  .wallet-balance,
.kaixuan .vc-v2-container .vc-v2-input .inputCon input,
.kaixuan .vc-v2-container .vc-v2-method-list li.ck .vcn-list-desc,
.kaixuan .vc-v2-container .vc-v2-method li.ck,
.kaixuan .w-input-content,
.kaixuan .w-input-content input,
.kaixuan .withdraw-container-v2 .am-tabs-tab-active span {
  color: #a58345;
}

.kaixuan .sigin-c-footer li > div {
  background: rgba(165, 131, 69, 0.1);
}

.kaixuan .play-chooser .am-search-input input[type="search"] {
  background: none;
}

.kaixuan .am-modal-button-group-h .am-modal-button,
.kaixuan .am-modal-title {
  color: #a58345;
}

.kaixuan .new-date-picker .date-picker-warp .pickter-item:nth-child(7n) {
  border-color: none;
}

.kaixuan .agrg-downline-bnsetp > span:nth-child(2),
.kaixuan .color-red-out,
.kaixuan .singd-downline-info {
  color: #5c4636;
}

.kaixuan .am-tabs-tabpane-active .card-body,
.kaixuan .card-details.contract .protocolDetails .details,
.kaixuan .protocolDetails .details p,
.kaixuan .sign-salary-root .singd-details tbody .salary-activeMember,
.kaixuan .sign-salary-root .singd-details tbody .salary-betVolume,
.kaixuan .sign-salary-root .singd-details tbody .salary-rateType,
.kaixuan .statis-gameType-wrap .active {
  color: #5c4636 !important;
}

.kaixuan .banner.bet,
.kaixuan .banner.salary {
  background: linear-gradient(90deg, #f0d6a7, #e3a14d);
}

.kaixuan .dividend-list div .dl-content {
  background: linear-gradient(90deg, #f0d6a7, #e3a14d) !important;
}

.kaixuan .dividend-list div:last-child .dl-content,
.kaixuan .n-home-container .n-nav-list-title:after,
.kaixuan .n-home-container .n-nav-list-title span {
  background: #c79b65 !important;
}

.kaixuan .agentDivident .grid-container {
  background: hsla(34, 36%, 88%, 0.1);
}

.kaixuan .account-form input:focus,
.kaixuan .agrg-downline-bnsetp > span.agrg-downline-bnstbt,
.kaixuan .agrg-downline-input input:focus,
.kaixuan .am-button-ghost,
.kaixuan .common-center-top .common-top-img,
.kaixuan .filter-tabPane-btn,
.kaixuan .game-record-show .am-search,
.kaixuan .mc-checkbox.mc-checkbox-checked .mc-checkbox-inner,
.kaixuan .mc-checkbox.mc-checkbox-checked .mc-checkbox-inner:after,
.kaixuan .popup-container input,
.kaixuan .red-rain-input input:focus,
.kaixuan .red-rain-underling span.on,
.kaixuan
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active,
.kaixuan .w-input-content {
  border-color: #a58345;
}

.kaixuan .am-button-primary,
.kaixuan .am-slider-track,
.kaixuan .discount-tip,
.kaixuan .mc-switch .checkbox.on:before,
.kaixuan
  .new-date-picker
  .date-picker-warp
  .pickter-item.active-item.end-item
  span,
.kaixuan
  .new-date-picker
  .date-picker-warp
  .pickter-item.active-item.start-item
  span,
.kaixuan .vc-v2-title:before,
.kaixuan
  .withdraw-bank
  .slider-frame
  + div
  .am-carousel-wrap-dot-active
  > span {
  background: #a58345 !important;
  color: #fff;
}

.kaixuan .mc-switch.mc-qutas-bg .checkbox:before {
  background: #888;
}

.kaixuan .am-tabs-ink-bar,
.kaixuan .inputIcon,
.kaixuan .mc-switch.mc-qutas-bg .on:before,
.kaixuan .mc-trans-filter .am-search-cancel,
.kaixuan .sigin-tab .am-tabs-tab-active .tab-title:after,
.kaixuan .statis-gameType-wrap .btn-wrap.active i:first-child,
.kaixuan .vc-v2-title:before,
.kaixuan .withdraw-container-v2 .am-tabs-tab-active span:before {
  background: #a58345 !important;
}

.kaixuan .am-tabs-ink-bar svg,
.kaixuan .inputIcon svg,
.kaixuan .mc-switch.mc-qutas-bg .on:before svg,
.kaixuan .mc-trans-filter .am-search-cancel svg,
.kaixuan .sigin-tab .am-tabs-tab-active .tab-title:after svg,
.kaixuan .statis-gameType-wrap .btn-wrap.active i:first-child svg,
.kaixuan .vc-v2-title:before svg,
.kaixuan .withdraw-container-v2 .am-tabs-tab-active span:before svg {
  fill: #a58345 !important;
}

.kaixuan .discount-tip,
.kaixuan .mc-trans-filter .am-button-primary,
.kaixuan .trans-checked {
  background: #a58345 !important;
  border-color: #a58345 !important;
}

.kaixuan .leader-board-container .leader-board-integral,
.kaixuan .mall-home-top .mall-user-integral {
  background: hsla(0, 0%, 100%, 0.5);
}

.kaixuan .mc-trans-filter .am-button-ghost,
.kaixuan .point-history-wrap .am-button-ghost {
  border-color: #aaa;
  color: #aaa;
}

.kaixuan .mc-trans-filter .am-button-ghost svg,
.kaixuan .point-history-wrap .am-button-ghost svg {
  fill: #aaa;
}

.kaixuan
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active {
  border-color: inherit;
}

.kaixuan .ivi-icon svg {
  display: inline-block;
}

.kaixuan .id-verification-icon {
  display: none;
}

.kaixuan .add-card-btn,
.kaixuan .agrg-downline-sub,
.kaixuan .am-button-primary,
.kaixuan .bind-first span,
.kaixuan .btn-confirm-date,
.kaixuan .btn-success,
.kaixuan .button-submit,
.kaixuan .change-statis-wrap .statis-left .btn-change-active,
.kaixuan .contract-salary-operation a:last-child,
.kaixuan .copy-contact,
.kaixuan .lkmn-poup-qrcopy,
.kaixuan .orderinfo-wrap .orderinfo-submit .button-submit,
.kaixuan .play-more-game,
.kaixuan .poplist-footer a:last-child.footer-button,
.kaixuan .profile-swiper-container .am-modal-button,
.kaixuan .sigin-today-sub,
.kaixuan .signedSalary-root .poplist-footer a:last-child.footer-button,
.kaixuan .submitEmail,
.kaixuan .team-member-nickname .trans-container:first-child,
.kaixuan .team-rebate-btnright .am-button,
.kaixuan
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active,
.kaixuan .vc-v2-submit,
.kaixuan .w-input-submit-true {
  background: linear-gradient(90deg, #f0d6a7, #e3a14d) !important;
}

.kaixuan .add-card-btn span,
.kaixuan .agrg-downline-sub span,
.kaixuan .am-button-primary span,
.kaixuan .bind-first span span,
.kaixuan .btn-confirm-date span,
.kaixuan .btn-success span,
.kaixuan .button-submit span,
.kaixuan .change-statis-wrap .statis-left .btn-change-active span,
.kaixuan .contract-salary-operation a:last-child span,
.kaixuan .copy-contact span,
.kaixuan .lkmn-poup-qrcopy span,
.kaixuan .orderinfo-wrap .orderinfo-submit .button-submit span,
.kaixuan .play-more-game span,
.kaixuan .poplist-footer a:last-child.footer-button span,
.kaixuan .profile-swiper-container .am-modal-button span,
.kaixuan .sigin-today-sub span,
.kaixuan .signedSalary-root .poplist-footer a:last-child.footer-button span,
.kaixuan .submitEmail span,
.kaixuan .team-member-nickname .trans-container:first-child span,
.kaixuan .team-rebate-btnright .am-button span,
.kaixuan
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active
  span,
.kaixuan .vc-v2-submit span,
.kaixuan .w-input-submit-true span {
  color: #fff;
}

.kaixuan .add-card-btn,
.kaixuan .bind-first span,
.kaixuan .button-submit,
.kaixuan .copy-contact,
.kaixuan
  .copy-contact，
  .new-date-picker
  .date-picker-warp
  .pickter-item.through-item,
.kaixuan .mc-lott-record-root .select-Box span.active,
.kaixuan .orderinfo-wrap .orderinfo-submit .button-submit,
.kaixuan .ticket-item .ticket-item-btn {
  box-shadow: none !important;
}

.kaixuan .devidend-container .popup-header,
.kaixuan .popup-container input,
.kaixuan .salary-popup-header {
  background: rgba(165, 131, 69, 0.2);
}

.kaixuan .sign-salary-root .singd-details thead tr td {
  color: #fff;
  background: inherit;
}

.kaixuan .exchange-wrap .exchange-order-info .exchange-order-price .active,
.kaixuan .statis-gameType-wrap .active {
  background: hsla(33, 47%, 59%, 0.2) !important;
  border-color: #a58345 !important;
  color: #5c4636 !important;
}

.kaixuan .exchange-wrap .exchange-order-info .exchange-order-price .active {
  box-shadow: -1px 0 0.05rem #a58345 !important;
}

.kaixuan .salary-popup-container .input-container input {
  background: rgba(165, 131, 69, 0.2) !important;
}

.kaixuan .lkmn-poup-tbig,
.kaixuan .lkmn-poup-tsmall,
.kaixuan .mc-trans-record-container .color-red-out,
.kaixuan .point-wrap .point-table-title span {
  color: #a58345;
}

.kaixuan .common-wb-cards {
  background: linear-gradient(90deg, #f0d6a7, #e3a14d) !important;
}

.kaixuan .btn-success {
  box-shadow: 0 0.1rem 0.2rem 0 #c79b65 !important;
}

.kaixuan .btn-success.am-button-disabled {
  box-shadow: none !important;
}

.kaixuan .withdraw-bkdbtn {
  border-color: #a58345;
}

.kaixuan .red-rain-main input::-webkit-input-placeholder,
.kaixuan .team-member-trans input::-webkit-input-placeholder {
  color: #aaa !important;
}

.kaixuan .agrg-downline-input input,
.kaixuan
  .exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-type,
.kaixuan .lkmn-poup-qrcnt span,
.kaixuan .mc-trans-filter .chase-number,
.kaixuan .rebateReport-item-root .time,
.kaixuan .red-rain-main input::placeholder,
.kaixuan .show-more,
.kaixuan .singd-downline-info .more-info,
.kaixuan .team-member-trans input::placeholder,
.kaixuan .tmt-header,
.kaixuan .withdraw-bkinfo {
  color: #aaa !important;
}

.kaixuan .am-tag-normal,
.kaixuan .statis-gameType-wrap .btn-wrap,
.kaixuan .vc-v2-container .vc-v2-method li,
.kaixuan .vc-v2-container .vc-v2-method li .min-max,
.kaixuan .vc-v2-container .vc-v2-method li .vcn-list-text {
  color: #aaa !important;
  border-color: #aaa !important;
}

.kaixuan .am-tag-normal.unit-active {
  color: #c79b65 !important;
  border-color: #c79b65 !important;
}

.kaixuan .point-wrap .point-list-wrap .point-list-header,
.kaixuan .withdraw-bkadd {
  background: #c79b65;
}

.kaixuan .wallet_return div {
  background: hsla(33, 47%, 59%, 0.4);
}

.kaixuan .n-home-container .n-nav-list-title span,
.kaixuan .wallet_return div {
  color: #fff;
}

.kaixuan .n-home-container .n-nav-list-title span svg,
.kaixuan .wallet_return div svg {
  fill: #c79b65;
}

.kaixuan .agrg-downline-bnstbt,
.kaixuan .point-wrap .point-list-wrap .point-list-header {
  color: #fff;
}

.kaixuan .agrg-downline-bnstbt svg,
.kaixuan .point-wrap .point-list-wrap .point-list-header svg {
  fill: #a58345;
}

.kaixuan .point-wrap .point-list-wrap .point-list-item {
  background: hsla(34, 36%, 88%, 0.4);
}

.kaixuan .card-details.contract .protocolDetails,
.kaixuan .contract-history .history-tbody {
  background: none;
}

.kaixuan .contract-history .history-tbody {
  border-bottom: 1px solid #a58345;
}

.kaixuan .exchange-wrap .exchange-submit p,
.kaixuan .mc-profitLoss-record-root .am-button-ghost,
.kaixuan .mc-transaction-record-root .am-button-ghost {
  color: #aaa !important;
  border-color: #aaa !important;
}

.kaixuan .exchange-wrap .exchange-submit p svg,
.kaixuan .mc-profitLoss-record-root .am-button-ghost svg,
.kaixuan .mc-transaction-record-root .am-button-ghost svg {
  fill: #aaa !important;
}

.kaixuan .auto-fill-btn,
.kaixuan .card-details.contract .protocolDetails .header,
.kaixuan .records-item-header-sy i {
  background: #c79b65 !important;
}

.kaixuan .sign-salary-root .singd-details thead tr,
.kaixuan
  .v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-trans-details
  .trans-container
  > span.checked {
  background: #c79b65;
  border-color: #c79b65;
  color: #fff;
}

.kaixuan .trans-checked.am-button-active,
.kaixuan .trans-unchecked.am-button-active {
  background: none !important;
}

.kaixuan .team-member-nickname .nickname-form input,
.kaixuan
  .team-member-nickname
  .trans-container-header
  .trans-container:last-child,
.kaixuan
  .v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-trans-details
  .trans-container:last-child
  > span {
  background: hsla(34, 36%, 88%, 0.1) !important;
}

.kaixuan .red-rain-input input,
.kaixuan .team-member-nickname .nickname-form input {
  border: 1px solid #aaa;
}

.kaixuan .team-member-nickname .nickname-form,
.kaixuan .tt-content {
  background: inherit !important;
}

.kaixuan .add-card-btn.dis,
.kaixuan .vc-v2-submit.dis {
  background: #aaa !important;
}

.kaixuan .am-tabs-bar .am-tabs-tab-active,
.kaixuan .amount-negative-number,
.kaixuan .card-details .card-header div.endContract span a,
.kaixuan .hd-status-tip,
.kaixuan .leader-board-container .leader-board-header-status div.lb-active,
.kaixuan .lkmn-poup-qrlink span,
.kaixuan .record-footer div span:last-child,
.kaixuan .show-tips a,
.kaixuan .sigin-c-content .am-tabs-bar .am-tabs-tab-active,
.kaixuan .team-member-item-header span,
.kaixuan .vrification-loading-content p span {
  color: #a58345 !important;
}

.kaixuan .name-filter .am-search .am-search-input,
.kaixuan .name-filter .am-search .am-search-synthetic-ph,
.kaixuan .red-rain-select .am-search-input {
  background: #f0f0f0 !important;
  color: #aaa !important;
}

.kaixuan .point-history-wrap .am-button-primary {
  color: #fff;
  background: #a58345 !important;
}

.kaixuan .point-history-wrap .am-button-primary svg {
  fill: #fff;
}

.kaixuan .red-rain-select .am-search-input input {
  color: #aaa !important;
}

.kaixuan .red-rain-select .am-search-cancel,
.kaixuan .vc-v2-container .vc-v2-active-container .act-item .act-mount i {
  color: #a58345;
}

.kaixuan .personalCenter .has-error input {
  box-shadow: none !important;
  border: 1px solid #a58345 !important;
}

.kaixuan .account-form input:focus,
.kaixuan .play-more-game {
  box-shadow: none !important;
}

.kaixuan .am-search-input input[type="search"] {
  background: hsla(34, 36%, 88%, 0.1);
  color: #aaa !important;
}

.kaixuan .devidend-container .popup-header span,
.kaixuan .game-amount-content .amount-total,
.kaixuan .mc-notice-content .wysiwyg,
.kaixuan .sigin-today-title,
.kaixuan .team-member-trans header span:last-child {
  color: #5c4636;
}

.kaixuan .red-rain-lpbody #mc-header {
  position: relative !important;
}

.kaixuan .red-rain-lpbody #mc-header span {
  text-align: center;
  height: auto !important;
}

.kaixuan .red-rain-lpbody .red-rain-select {
  margin-top: 0;
}

.kaixuan .ph-icon {
  display: inline-block;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 0.6rem;
  background: #a58345;
  top: 0.16rem;
  position: relative;
}

.kaixuan .ph-icon svg {
  top: 0 !important;
  fill: #fff;
  left: 0.07rem;
  width: 0.44rem !important;
  height: 0.44rem !important;
}

.kaixuan .mc-wallet-list-body .am-flexbox-item:first-child {
  display: inline-block;
  width: 0.6rem !important;
  height: 0.6rem !important;
  border-radius: 0.6rem;
  background: #a58345;
}

.kaixuan .mc-wallet-list-body .am-flexbox-item:first-child svg {
  top: 0.12rem !important;
  fill: #fff;
  position: relative;
  left: 0.12rem;
  width: 0.34rem !important;
  height: 0.34rem !important;
}

.kaixuan .ph-text {
  margin-left: 0.1rem;
  top: 0.06rem;
  position: relative;
}

.kaixuan .trans-icon-container svg {
  fill: #ece3d7 !important;
}

.kaixuan .ag-link-mgtop-left span {
  display: inline-block;
  width: 0.54rem !important;
  height: 0.54rem !important;
  border-radius: 0.6rem;
  background: #a58345;
  position: relative;
  top: 0.1rem;
  margin-right: 0.1rem;
}

.kaixuan .ag-link-mgtop-left span svg {
  top: -0.04rem !important;
  fill: #fff;
  position: relative;
  left: 0.08rem;
  width: 0.34rem !important;
  height: 0.34rem !important;
}

.kaixuan .am-picker-popup-item,
.kaixuan .card-header .ric-date {
  color: #a58345 !important;
}

.kaixuan .records-item-header-sy i,
.kaixuan .statis-gameType-wrap .btn-wrap .gameType-item-0 {
  background: #a58345 !important;
}

.kaixuan .statis-gameType-wrap .btn-wrap .gameType-item-2 {
  background: #ece3d7;
}

.kaixuan .point-convert .point-form-item .am-list-extra,
.kaixuan .point-convert .point-form-item .am-list-extra input {
  color: #ece3d7;
}

.kaixuan .go-home-btn {
  background: #aaa !important;
}

.kaixuan .statis-gameType-wrap .btn-wrap .gameType-item-1,
.kaixuan .statis-gameType-wrap .btn-wrap .his-gameType-item-0,
.kaixuan .statis-gameType-wrap .btn-wrap .his-gameType-item-1,
.kaixuan .statis-gameType-wrap .btn-wrap .his-gameType-item-2,
.kaixuan .statis-gameType-wrap .btn-wrap .his-gameType-item-3,
.kaixuan .statis-gameType-wrap .btn-wrap .his-gameType-item-4,
.kaixuan .statis-gameType-wrap .btn-wrap .his-gameType-item-5,
.kaixuan .statis-gameType-wrap .btn-wrap .his-gameType-item-6,
.kaixuan .statis-gameType-wrap .btn-wrap .his-gameType-item-7,
.kaixuan .statis-gameType-wrap .btn-wrap .his-gameType-item-8 {
  background: #aaa;
}

.kaixuan .mc-new-team-tab .mc-agent-team-tab .am-flexbox-item.tab-active {
  color: #a58345 !important;
  border-color: #a58345 !important;
}

.kaixuan .poplist-footer a:first-child {
  border-color: #aaa !important;
  color: #aaa !important;
}

.kaixuan .agent-container .agent-body .h4-wrp,
.kaixuan .leader-board-container .profile-icon {
  border-color: #a58345;
}

.kaixuan .statis-gameType-wrap .active i {
  background: #a58345;
}

.kaixuan .n-form-content input {
  -webkit-appearance: none;
  outline: none;
}

.kaixuan
  .item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .item-trans-info
  .info-btn
  svg {
  fill: #fff !important;
}

.kaixuan .vc-v2-submit i {
  background-image: url("/images/theme/kaixuan/assets/kaixuan_down_icon.png");
}

.kaixuan .mall-home-top,
.kaixuan .mall-home-wrap .mall-home-top,
.kaixuan .signin-activity-card {
  background-image: url("/images/theme/kaixuan/assets/kaixuan_sac.png") !important;
}

.kaixuan .leader-board-container .leader-board-content .leader-board-card {
  background-image: url("/images/theme/kaixuan/assets/kaixuan_lbc.png") !important;
}

.kaixuan .leader-board-container .leader-board-header {
  background-image: url("/images/theme/kaixuan/assets/kaixuan_lbh.png") !important;
}

.kaixuan .name-filter .am-search-cancel {
  background-image: url("/images/theme/kaixuan/assets/kaixuan_search.png") !important;
}

.kaixuan .v-base .m-mc-notice-container .mc-notice-prev {
  background-image: url("/images/theme/kaixuan/assets/kaixuan_left.png") !important;
  transform: rotate(0deg);
}

.kaixuan .reward-user-integral {
  background-image: url("/images/theme/kaixuan/assets/rewardCenter/kaixuan_cash.png") !important;
}

.kaixuan .v-base .m-mc-notice-container .mc-notice-next {
  background-image: url("/images/theme/kaixuan/assets/kaixuan_left.png") !important;
  transform: rotate(180deg);
}

.kaixuan .record-icon-ticket {
  background-image: url("/images/theme/kaixuan/assets/kaixuan_bill.png");
}

.kaixuan .reward-center {
  background-image: url("/images/theme/kaixuan/assets/kaixuan_mall-bg.png") !important;
  background-size: 100% auto;
  background-position-y: -1rem;
}

.kaixuan #mc-app-home-root.mc {
  background-image: url("/images/theme/kaixuan/assets/kaixuan_member_home.png") !important;
}

.kaixuan .common-center-top .cumulative-sign-in {
  position: absolute;
  right: 0;
  top: 0;
  height: 0.5rem !important;
  padding: 0 0.75rem 0 1.4rem;
  background-image:
    url("/images/theme/kaixuan/assets/kaixuan_sign.png"),
    linear-gradient(0deg, #c79b65, #c79b65) !important;
  background-position:
    0.76rem,
    left 0.64rem top -1px;
  background-size:
    0.3rem 0.3rem,
    100% 100%;
  background-repeat: no-repeat !important;
  color: #fff;
  font-size: 0.24rem;
  line-height: 0.5rem;
}

.kaixuan .common-center-top .cumulative-sign-in a {
  color: inherit;
}

.kaixuan .common-center-top .cumulative-sign-in:before {
  content: "";
  width: 0.64rem;
  height: 0.49rem;
  position: absolute;
  left: 1px !important;
  top: 0;
  z-index: 9;
  background: url("/images/theme/kaixuan/assets/kaixuan_mall-title.png") !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
}

.kaixuan .common-center-top .cumulative-sign-in:after {
  content: "";
  width: 0.38rem;
  height: 0.54rem;
  position: absolute;
  right: 0.1rem;
  top: 0;
  z-index: 9;
  background: url("/images/theme/kaixuan/assets/kaixuan_arrow.png") 50% !important;
  background-repeat: no-repeat !important;
  background-size: 0.18rem 0.28rem;
}

.kaixuan .common-center-top .cumulative-sign-in:before {
  height: 0.48rem;
}

.kaixuan .common-center-top .cumulative-sign-in:after {
  height: 0.3rem;
  width: 0.3rem;
  top: 0.04rem;
}

.kaixuan
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item {
  background-color: #efefef;
  border: 1px solid #ccc;
  color: #919191;
}

.kaixuan
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active {
  color: #fff;
}

.kaixuan
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active
  svg {
  display: none;
}

.yuboyl .divident-list-item span {
  width: 21%;
}

.yuboyl .record-footer {
  background:
    linear-gradient 180deg,
    #fdfaff,
    #e1e5e8;
  box-shadow: 0 0 0.5px 0.2px rgba(64, 69, 84, 0.2);
}

.yuboyl .record-footer span {
  color: #ae958e;
}

.yuboyl .record-footer span.time {
  color: #947d75;
}

.yuboyl .n-home-container .main-nav-style > .n-linear-border > div {
  background: hsla(15, 13%, 52%, 0.2);
}

.yuboyl .v-base .main-nav-style {
  color: #8e8e94;
}

.yuboyl .am-tabs-bar .am-tabs-tab-active,
.yuboyl .am-tag-active,
.yuboyl .btn-copy-code,
.yuboyl .mall-home-top .mall-header,
.yuboyl .mc-lott-record-root .select-Box span.active,
.yuboyl .new-tips,
.yuboyl .team-member-flow .mc-team-flow-unit span.unit-active,
.yuboyl .vc-v2-container .vc-v2-input .inputCon,
.yuboyl .vc-v2-container .vc-v2-input .inputCon i,
.yuboyl .vc-v2-container .vc-v2-method-list li.ck,
.yuboyl .vc-v2-container .vc-v2-show-bank .vc-v2-bank-ck.ck {
  color: #ae958e;
  border-color: #ae958e !important;
}

.yuboyl .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-right span,
.yuboyl .go-home-btn,
.yuboyl .red-rain-underling span,
.yuboyl .vc-v2-container .vc-v2-method-list li {
  color: #8c8d8f;
  border-color: #8c8d8f;
}

.yuboyl .bet-filter-container .bet-filter-item-content .ck-date,
.yuboyl .mall-home-wrap .mall-home-choose .active,
.yuboyl .mc-tab-container .mc-tab-item.tab-active,
.yuboyl .singd-downline-info div span > span,
.yuboyl .vc-v2-container .vc-v2-method-list li.ck,
.yuboyl .vc-v2-container .vc-v2-method li.ck {
  color: #ae958e !important;
  border-color: #ae958e !important;
}

.yuboyl .am-button-primary,
.yuboyl .n-home-container .n-nav-list-title span {
  border: none !important;
}

.yuboyl input {
  caret-color: #ae958e !important;
}

.yuboyl .game-record-show .am-search,
.yuboyl .h-icon-active img,
.yuboyl .mc-transaction-record-root.mtrr-container .am-button-ghost,
.yuboyl .name-filter .am-button-ghost,
.yuboyl .vc-v2-container .pay-name-container .vc-v2-input input:focus {
  border-color: #ae958e !important;
}

.yuboyl .name-filter .am-button-ghost {
  border: 1px solid #ae958e !important;
}

.yuboyl .agent-divident-container,
.yuboyl .agentDivident .am-tabs-bar .am-tabs-tabr,
.yuboyl .am-search,
.yuboyl .am-tabs-bar,
.yuboyl .name-filter,
.yuboyl .name-filter .am-button-ghost,
.yuboyl .reward-center-container,
.yuboyl .sigin-modal .sigin-modal-content {
  background: #fff;
}

.yuboyl .agentDivident .am-tabs-tabpane > div > div {
  background: #fff !important;
}

.yuboyl .tabPane-tips {
  background: #fff;
  box-shadow: 0 0.04rem 0.08rem 0 hsla(0, 0%, 100%, 0.05) !important;
}

.yuboyl .submitEmail {
  box-shadow: none !important;
}

.yuboyl .agentSalary .mc-trans-filter .am-button-ghost,
.yuboyl .am-button-ghost.am-button-active,
.yuboyl .am-checkbox.am-checkbox-checked .am-checkbox-inner,
.yuboyl .am-checkbox.am-checkbox-checked .am-checkbox-inner:after,
.yuboyl .bet-filter-container .bet-filter-item-content .ck-date,
.yuboyl .contract-history .history-thead,
.yuboyl .is-comp,
.yuboyl .popup-container input:focus,
.yuboyl .salary-popup-container input:focus {
  border-color: #ae958e;
}

.yuboyl .dividendRatio .arrow-top,
.yuboyl .table-container .dividend-tips .arrow-top {
  border-bottom-color: #ae958e;
}

.yuboyl .dividend-header .dividend-header-content > div:first-child p,
.yuboyl .dividend-header .dividend-header-content > div:last-child p {
  color: #ae958e;
}

.yuboyl
  .exchange-history-wrap
  .exchange-history-item
  .item-order-integral
  .order-integral-first,
.yuboyl .flex-text-tips,
.yuboyl
  .mall-home-wrap
  .mall-home-orders
  .mall-order
  .mall-order-integral
  .order-integral-item
  .integral-number {
  color: #ff0f47;
}

.yuboyl
  .mall-home-wrap
  .mall-home-orders
  .mall-order
  .mall-order-integral
  .order-integral-item,
.yuboyl
  .orderinfo-wrap
  .orderinfo-header
  .orderinfo-middle
  .orderinfo-price
  li {
  background: rgba(186, 179, 197, 0.1);
}

.yuboyl #root #mc-app-home-root.gc,
.yuboyl #root .mc-navbar-blue {
  background: linear-gradient(180deg, #f28e26, #fd644f);
  color: #fff;
  box-shadow: 0 0.04rem 0.08rem 0 rgba(0, 0, 0, 0.05);
}

.yuboyl #root #mc-app-home-root.gc .am-navbar-left svg,
.yuboyl #root .mc-navbar-blue .am-navbar-left svg {
  fill: #fff;
}

.yuboyl #root #mc-app-home-root.gc .am-navbar-title,
.yuboyl #root .mc-navbar-blue .am-navbar-title {
  color: #fff;
}

.yuboyl .am-card-body .protocolDetails .header p,
.yuboyl .trans-checked span {
  color: #fff !important;
}

.yuboyl #root .mc-home.mc-navbar-blue .am-icon-left,
.yuboyl #root .mc-home.mc-navbar-blue .am-navbar-title,
.yuboyl #root .reward-center .am-navbar-title,
.yuboyl .agent-container .agent-body .h4-wrp,
.yuboyl .agrg-downline-title,
.yuboyl .block-container .block.member,
.yuboyl .block-container .block.unerlvl,
.yuboyl .center-header,
.yuboyl .contract-history .history-thead,
.yuboyl .dividend-header .dividend-header-content .title,
.yuboyl .downline-item-toot .user-info .user-name,
.yuboyl .flex-list-text,
.yuboyl .leader-board-container .leader-board-integral,
.yuboyl .mall-home-top .mall-number-info,
.yuboyl .mc-transaction-record-root.mtrr-container .am-button-ghost,
.yuboyl .myRebate .rebate-span-lf,
.yuboyl .ph-text span,
.yuboyl .rebateReport-item-root span,
.yuboyl .salary-popup-header div,
.yuboyl .sigin-modal .sigin-modal-content h3,
.yuboyl .singd-downline-item-toot .user-info .user-name,
.yuboyl .team-member-item-header .customer-item,
.yuboyl .team-op a,
.yuboyl .ti-name,
.yuboyl .tr-item-title,
.yuboyl
  .v-base
  .m-mc-notice-container
  .m-mc-notice-title
  .m-mc-notice-title-time {
  color: #947d75 !important;
}

.yuboyl #mc-app-home-root #mc-header,
.yuboyl .mc-transaction-record-root.mtrr-container .am-button-ghost,
.yuboyl .reward-center {
  border-color: #947d75 !important;
}

.yuboyl #mc-app-home-root #mc-header svg,
.yuboyl .mc-transaction-record-root.mtrr-container .am-button-ghost svg,
.yuboyl .reward-center svg {
  fill: #947d75 !important;
}

.yuboyl .bet-filter-modal .ck-icon,
.yuboyl .deposit-list-ck,
.yuboyl .deposit-record-root .deposit-id svg,
.yuboyl .icon-points,
.yuboyl .icon-sign,
.yuboyl .icon-task,
.yuboyl .vc-v2-container .vc-v2-active-container .act-item.on svg {
  fill: #ae958e !important;
}

.yuboyl .tr-item-content-item,
.yuboyl
  .v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-list-body
  .wallet-name {
  color: #947d75;
}

.yuboyl .am-badge-text {
  background-color: #947d75;
  color: #fff;
}

.yuboyl
  .v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .am-list-body
  .am-list-item#mc-wallet-checked {
  border-color: #f46b04;
  background: rgba(244, 107, 4, 0.1);
}

.yuboyl .sub-name-search input::-webkit-input-placeholder {
  color: #8c8d8f !important;
}

.yuboyl .am-modal-button-group-h .am-modal-button:first-child,
.yuboyl .am-tabs-bar .am-tabs-tab,
.yuboyl .card-details.contract .spandetails,
.yuboyl .change-statis-wrap .statis-left .btn-change,
.yuboyl .contract-history .history-tbody,
.yuboyl .dividend-list-more > div,
.yuboyl .flex-list-title,
.yuboyl .list-popup-container,
.yuboyl .mc-team-filter .am-list-item.am-input-item,
.yuboyl .orderinfo-wrap .orderinfo-body .orderion-content-text *,
.yuboyl .pal-records-list-root .time,
.yuboyl .red-rain-input input,
.yuboyl .red-rain-tcenter,
.yuboyl .salary_info tbody tr td,
.yuboyl .salary_rule,
.yuboyl .sigin-c-remarks b,
.yuboyl .sigin-c-remarks p,
.yuboyl .sigin-modal .sigin-modal-content .amount-info p,
.yuboyl .sigin-today-desc,
.yuboyl .statis-container .statis-lin .lin-left div,
.yuboyl .statis-container .statis-lin .lin-rigth div,
.yuboyl .sub-name-search input,
.yuboyl .sub-name-search input::placeholder,
.yuboyl .team-member-item-content,
.yuboyl .team-member-item-content .time,
.yuboyl .team-member-nickname input,
.yuboyl .team-member-trans input,
.yuboyl .team-op a.edit-btn,
.yuboyl .team-rebate-btnleft .am-button,
.yuboyl .tic-footer-title,
.yuboyl .tr-item-time,
.yuboyl .v-base .m-mc-notice-container .m-mc-notice-index-content,
.yuboyl .v-base .m-mc-notice-container .mc-notice-time {
  color: #8c8d8f !important;
}

.yuboyl .point-tips {
  color: hsla(220, 1%, 55%, 0.7) !important;
}

.yuboyl .sub-name-search,
.yuboyl .team-rebate-btnleft .am-button {
  border-color: #8c8d8f !important;
}

.yuboyl .exchange-wrap .exchange-order-info .exchange-order-price li,
.yuboyl .red-rain-input input,
.yuboyl .statis-gameType-wrap .btn-wrap {
  background: rgba(186, 179, 197, 0.1);
}

.yuboyl .ag-link-lmanage .ag-link-mgbottom,
.yuboyl .agrg-downline-cname,
.yuboyl
  .exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-third
  .item-order-date,
.yuboyl .exchange-wrap .exchange-order-info .exchange-order-price li,
.yuboyl .leader-board-container .leader-board-header-status div,
.yuboyl .mall-home-middle,
.yuboyl .mall-home-wrap .mall-home-choose,
.yuboyl .mall-order-integral,
.yuboyl .mc-tab-container .mc-tab-item,
.yuboyl .mc-team-filter .am-list-item .am-input-control input,
.yuboyl .new-date-picker .date-picker-warp .pickter-item.through-item,
.yuboyl .orderinfo-wrap .orderinfo-header .orderinfo-middle .orderinfo-price,
.yuboyl .orderinfo-wrap .orderinfo-submit p,
.yuboyl .point-history-wrap .point-item-wrap .point-types .point-date,
.yuboyl .point-history-wrap .point-item-wrap .point-types .point-remarks,
.yuboyl .sigin-c-footer .title {
  color: #8c8d8f;
}

.yuboyl .lottType-box,
.yuboyl .mc-lott-record-root .select-Box .type,
.yuboyl .mc-lott-record-root .select-Box > div,
.yuboyl .play-chooser form,
.yuboyl .play-chooser input,
.yuboyl .trans-unchecked {
  color: #8c8d8f !important;
  border-color: #8c8d8f !important;
}

.yuboyl .exchange-wrap .font-color-red,
.yuboyl .orderinfo-wrap .font-color-red,
.yuboyl .point-history-wrap .color-red,
.yuboyl .sigin-today-desc span,
.yuboyl .today {
  color: #ff0f47 !important;
}

.yuboyl .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-left,
.yuboyl .am-search-input input[type="search"],
.yuboyl .devidend-container .popup-header,
.yuboyl
  .exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-first
  .item-order-name,
.yuboyl
  .exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-first
  .item-order-number,
.yuboyl .grid-title,
.yuboyl .leader-board-container .leader-board-header-info,
.yuboyl .leader-board-container .leader-board-header-status div.lb-active,
.yuboyl .mall-home-wrap .mall-home-orders .mall-order .mall-order-text,
.yuboyl .point-form-item .am-list-item .am-list-line .am-list-content,
.yuboyl .point-history-wrap .color-black,
.yuboyl .red-rain-tetit,
.yuboyl .red-rain-type .agrg-downline-cname,
.yuboyl .sigin-today-title {
  color: #947d75 !important;
}

.yuboyl .contract-history .history-thead,
.yuboyl .dividend-list-more,
.yuboyl .grid-content {
  background: #fafafa;
}

.yuboyl .agentSalary .mc-trans-filter .am-button-ghost,
.yuboyl .contractPeople,
.yuboyl .leader-board-container .leader-board-header-status div.lb-active,
.yuboyl .lott-record-container,
.yuboyl .no-salary-list {
  color: #ae958e;
}

.yuboyl .agentSalary .mc-trans-filter .am-button-ghost svg,
.yuboyl .contractPeople svg,
.yuboyl .leader-board-container .leader-board-header-status div.lb-active svg,
.yuboyl .lott-record-container svg,
.yuboyl .no-salary-list svg {
  fill: #ae958e;
}

.yuboyl .mc-team-filter .am-list-item.am-input-item,
.yuboyl .sub-name-search {
  border-color: #8c8d8f;
}

.yuboyl .mc-team-filter .am-list-item.am-input-item svg,
.yuboyl .sub-name-search svg {
  fill: #8c8d8f;
}

.yuboyl .singd-downline-info svg {
  fill: #8c8d8f !important;
}

.yuboyl .am-modal-body,
.yuboyl .exchange-wrap .exchange-order-info .exchange-order-count,
.yuboyl .exchange-wrap .exchange-order-info .exchange-order-name,
.yuboyl .exchange-wrap .font-color-gray,
.yuboyl .game-amount-content span:last-child,
.yuboyl .orderinfo-wrap .orderinfo-body h5,
.yuboyl .orderinfo-wrap .orderinfo-header .orderinfo-middle .orderinfo-text,
.yuboyl .point-history-wrap .color-black,
.yuboyl .tic-footer-amount {
  color: #947d75;
}

.yuboyl .dividend-rate,
.yuboyl .go-team-bet,
.yuboyl .go-team-bet i,
.yuboyl .go-team-record,
.yuboyl .go-team-record i,
.yuboyl .mc-trans-record-container .color-green-in,
.yuboyl .mt-team-footer,
.yuboyl .records-item-header .game-amount-content span:last-child,
.yuboyl .red-rain-tright,
.yuboyl .team-member-trans header .label,
.yuboyl .tt-balance-content {
  color: #ae958e !important;
}

.yuboyl .dividend-rate svg,
.yuboyl .go-team-bet i svg,
.yuboyl .go-team-bet svg,
.yuboyl .go-team-record i svg,
.yuboyl .go-team-record svg,
.yuboyl .mc-trans-record-container .color-green-in svg,
.yuboyl .mt-team-footer svg,
.yuboyl .records-item-header .game-amount-content span:last-child svg,
.yuboyl .red-rain-tright svg,
.yuboyl .team-member-trans header .label svg,
.yuboyl .tt-balance-content svg {
  fill: #ae958e !important;
}

.yuboyl .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-right svg,
.yuboyl .agent-link-nodata svg,
.yuboyl .block.member svg,
.yuboyl .card-header-people,
.yuboyl .devidend-container svg,
.yuboyl .has-claimed svg,
.yuboyl .icon-complete,
.yuboyl .icon-span svg,
.yuboyl .lin-left svg,
.yuboyl .lin-rigth svg,
.yuboyl .lkmn-poup-qrlink svg,
.yuboyl .mall-intergral-svg,
.yuboyl .mc-icon-member,
.yuboyl .mc-trans-filter svg.am-icon-lg,
.yuboyl .need-fill,
.yuboyl .rebateReport-item-content svg,
.yuboyl .salary-popup-container .save-icon,
.yuboyl .security-icon,
.yuboyl .team-member-nickname svg,
.yuboyl .team-member-trans svg,
.yuboyl .team-rebate-tleft svg,
.yuboyl .unerlvl.block svg,
.yuboyl .user-icon {
  fill: #ae958e !important;
}

.yuboyl .mc-popup-trans > span > svg {
  fill: #ae958e !important;
}

.yuboyl .team-member-trans input {
  border-radius: 0.15rem;
}

.yuboyl .add-inputIcon,
.yuboyl .agrgic-downline-select,
.yuboyl .am-button-ghost.am-button-active,
.yuboyl .am-switch input[type="checkbox"]:checked + .checkbox,
.yuboyl .bet-filter-container .bet-filter-sub div.ck:after,
.yuboyl .ContactName,
.yuboyl .ContactNamet,
.yuboyl .Contacts .am-search-cancel,
.yuboyl .discount-tip,
.yuboyl .EmaiWebList .look .am-badge-dot,
.yuboyl .grid-title:after,
.yuboyl .mc-profile-swiper-nav li.ck,
.yuboyl .mc-profitLoss-record-root .am-button-primary,
.yuboyl .mc-transaction-record-root .am-button-primary,
.yuboyl .swiper-pagination-bullet-active,
.yuboyl .ticket-item .ticket-item-btn {
  background: #ae958e !important;
}

.yuboyl
  .new-date-picker
  .date-picker-warp
  .pickter-item.active-item.start-item
  + .end-item:before,
.yuboyl
  .new-date-picker
  .date-picker-warp
  .pickter-item.active-item.start-item
  + .through-item:before,
.yuboyl .new-date-picker .date-picker-warp .pickter-item.through-item,
.yuboyl
  .new-date-picker
  .date-picker-warp
  .pickter-item.through-item
  + .end-item:before,
.yuboyl
  .new-date-picker
  .date-picker-warp
  .pickter-item:nth-child(7n).through-item:before,
.yuboyl
  .new-date-picker
  .date-picker-warp
  .pickter-item:nth-child(7n + 1).through-item:before {
  background: #fef6e9;
}

.yuboyl .account-form input,
.yuboyl .account-form svg.txt-svg,
.yuboyl .ag-link-lmanage .ag-link-mgbottom .mccolor-1cc534,
.yuboyl .ag-link-lmanage .ag-link-mgbottom .mccolor-23deb8,
.yuboyl .ag-link-lmanage .ag-link-mgbottom .mccolor-db2404,
.yuboyl .agent-link-nodata .am-result-title,
.yuboyl .agrg-downline-bnsetp > span,
.yuboyl .agrg-downline-bnslt,
.yuboyl .agrg-downline-bnsrt,
.yuboyl .am-button-ghost,
.yuboyl .am-modal-button-group-v .am-modal-button,
.yuboyl .amount-positive-number,
.yuboyl .banner .money,
.yuboyl .card-details .card-header div.endContract,
.yuboyl .color2,
.yuboyl .contract-history .user-info .user-title,
.yuboyl .contract-tips,
.yuboyl .contractText,
.yuboyl .dividend-list-more > div:nth-child(2n) p,
.yuboyl .dividend-list-more > div:nth-child(odd) p,
.yuboyl .downline-item-toot .action-sign,
.yuboyl .downline-item-toot .start_contract,
.yuboyl
  .exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-third
  .item-order-state-A,
.yuboyl .exchange-wrap .exchange-order-info .exchange-order-price .active,
.yuboyl .filter-tabPane-btn,
.yuboyl .game-record-show .am-search-cancel,
.yuboyl .is-comp,
.yuboyl .link-detail-title,
.yuboyl .mc-game-record-root .activity-spinner svg,
.yuboyl .mc-new-team-tab .mc-agent-team-tab .am-flexbox-item.tab-active,
.yuboyl .new-date-picker .date-picker-content .btn-clear-date,
.yuboyl .new-date-picker .date-picker-content .date-picker-title,
.yuboyl .new-date-picker .date-picker-content .date-picker-title .active-item,
.yuboyl .nodata-container,
.yuboyl .placeholder,
.yuboyl .play-chooser .chase-number > span,
.yuboyl .point-balance p,
.yuboyl .point-convert .point-form-item.important-number .am-list-extra,
.yuboyl .rebate-span-rt,
.yuboyl .rebateReport-item-content .am-flexbox span,
.yuboyl .rebateReport .rebate,
.yuboyl .red-rain-tleft,
.yuboyl .red-rain-underling span.on,
.yuboyl .sc-bonus,
.yuboyl .sc-days,
.yuboyl .sc-integral,
.yuboyl .sigin-modal .sigin-modal-content .amount-info div,
.yuboyl .sign-operation > span,
.yuboyl .statis-container .statis-lin .blue-count,
.yuboyl .statis-container .statis-lin .gray-count,
.yuboyl .statis-container .statis-lin .green-count,
.yuboyl .statis-container .statis-lin .red-count,
.yuboyl .team-member-nickname header .label,
.yuboyl .team-rebate-tcenter,
.yuboyl .v-base .m-mc-notice-container .m-mc-notice-title,
.yuboyl .v-base .m-mc-notice-container .mmnt-title-detail,
.yuboyl
  .v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-list-body
  .wallet-balance,
.yuboyl .vc-v2-container .vc-v2-input .inputCon input,
.yuboyl .vc-v2-container .vc-v2-method-list li.ck .vcn-list-desc,
.yuboyl .vc-v2-container .vc-v2-method li.ck,
.yuboyl .w-input-content,
.yuboyl .w-input-content input,
.yuboyl .withdraw-container-v2 .am-tabs-tab-active span {
  color: #ae958e;
}

.yuboyl .sigin-c-footer li > div {
  background: hsla(13, 16%, 62%, 0.1);
}

.yuboyl .play-chooser .am-search-input input[type="search"] {
  background: none;
}

.yuboyl .am-modal-button-group-h .am-modal-button,
.yuboyl .am-modal-title {
  color: #ae958e;
}

.yuboyl .new-date-picker .date-picker-warp .pickter-item:nth-child(7n) {
  border-color: none;
}

.yuboyl .agrg-downline-bnsetp > span:nth-child(2),
.yuboyl .color-red-out,
.yuboyl .singd-downline-info {
  color: #947d75;
}

.yuboyl .am-tabs-tabpane-active .card-body,
.yuboyl .card-details.contract .protocolDetails .details,
.yuboyl .protocolDetails .details p,
.yuboyl .sign-salary-root .singd-details tbody .salary-activeMember,
.yuboyl .sign-salary-root .singd-details tbody .salary-betVolume,
.yuboyl .sign-salary-root .singd-details tbody .salary-rateType,
.yuboyl .statis-gameType-wrap .active {
  color: #947d75 !important;
}

.yuboyl .banner.bet,
.yuboyl .banner.salary {
  background: linear-gradient(90deg, #f28e26, #fd644f);
}

.yuboyl .dividend-list div .dl-content {
  background: linear-gradient(90deg, #f28e26, #fd644f) !important;
}

.yuboyl .dividend-list div:last-child .dl-content,
.yuboyl .n-home-container .n-nav-list-title:after,
.yuboyl .n-home-container .n-nav-list-title span {
  background: #f46b04 !important;
}

.yuboyl .agentDivident .grid-container {
  background: rgba(186, 179, 197, 0.1);
}

.yuboyl .account-form input:focus,
.yuboyl .agrg-downline-bnsetp > span.agrg-downline-bnstbt,
.yuboyl .agrg-downline-input input:focus,
.yuboyl .am-button-ghost,
.yuboyl .common-center-top .common-top-img,
.yuboyl .filter-tabPane-btn,
.yuboyl .game-record-show .am-search,
.yuboyl .mc-checkbox.mc-checkbox-checked .mc-checkbox-inner,
.yuboyl .mc-checkbox.mc-checkbox-checked .mc-checkbox-inner:after,
.yuboyl .popup-container input,
.yuboyl .red-rain-input input:focus,
.yuboyl .red-rain-underling span.on,
.yuboyl
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active,
.yuboyl .w-input-content {
  border-color: #ae958e;
}

.yuboyl .am-button-primary,
.yuboyl .am-slider-track,
.yuboyl .discount-tip,
.yuboyl .mc-switch .checkbox.on:before,
.yuboyl
  .new-date-picker
  .date-picker-warp
  .pickter-item.active-item.end-item
  span,
.yuboyl
  .new-date-picker
  .date-picker-warp
  .pickter-item.active-item.start-item
  span,
.yuboyl .vc-v2-title:before,
.yuboyl .withdraw-bank .slider-frame + div .am-carousel-wrap-dot-active > span {
  background: #ae958e !important;
  color: #fff;
}

.yuboyl .mc-switch.mc-qutas-bg .checkbox:before {
  background: #888;
}

.yuboyl .am-tabs-ink-bar,
.yuboyl .inputIcon,
.yuboyl .mc-switch.mc-qutas-bg .on:before,
.yuboyl .mc-trans-filter .am-search-cancel,
.yuboyl .sigin-tab .am-tabs-tab-active .tab-title:after,
.yuboyl .statis-gameType-wrap .btn-wrap.active i:first-child,
.yuboyl .vc-v2-title:before,
.yuboyl .withdraw-container-v2 .am-tabs-tab-active span:before {
  background: #ae958e !important;
}

.yuboyl .am-tabs-ink-bar svg,
.yuboyl .inputIcon svg,
.yuboyl .mc-switch.mc-qutas-bg .on:before svg,
.yuboyl .mc-trans-filter .am-search-cancel svg,
.yuboyl .sigin-tab .am-tabs-tab-active .tab-title:after svg,
.yuboyl .statis-gameType-wrap .btn-wrap.active i:first-child svg,
.yuboyl .vc-v2-title:before svg,
.yuboyl .withdraw-container-v2 .am-tabs-tab-active span:before svg {
  fill: #ae958e !important;
}

.yuboyl .discount-tip,
.yuboyl .mc-trans-filter .am-button-primary,
.yuboyl .trans-checked {
  background: #ae958e !important;
  border-color: #ae958e !important;
}

.yuboyl .leader-board-container .leader-board-integral,
.yuboyl .mall-home-top .mall-user-integral {
  background: hsla(0, 0%, 100%, 0.5);
}

.yuboyl .mc-trans-filter .am-button-ghost,
.yuboyl .point-history-wrap .am-button-ghost {
  border-color: #8c8d8f;
  color: #8c8d8f;
}

.yuboyl .mc-trans-filter .am-button-ghost svg,
.yuboyl .point-history-wrap .am-button-ghost svg {
  fill: #8c8d8f;
}

.yuboyl
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active {
  border-color: inherit;
}

.yuboyl .ivi-icon svg {
  display: inline-block;
}

.yuboyl .id-verification-icon {
  display: none;
}

.yuboyl .add-card-btn,
.yuboyl .agrg-downline-sub,
.yuboyl .am-button-primary,
.yuboyl .bind-first span,
.yuboyl .btn-confirm-date,
.yuboyl .btn-success,
.yuboyl .button-submit,
.yuboyl .change-statis-wrap .statis-left .btn-change-active,
.yuboyl .contract-salary-operation a:last-child,
.yuboyl .copy-contact,
.yuboyl .lkmn-poup-qrcopy,
.yuboyl .orderinfo-wrap .orderinfo-submit .button-submit,
.yuboyl .play-more-game,
.yuboyl .poplist-footer a:last-child.footer-button,
.yuboyl .profile-swiper-container .am-modal-button,
.yuboyl .sigin-today-sub,
.yuboyl .signedSalary-root .poplist-footer a:last-child.footer-button,
.yuboyl .submitEmail,
.yuboyl .team-member-nickname .trans-container:first-child,
.yuboyl .team-rebate-btnright .am-button,
.yuboyl
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active,
.yuboyl .vc-v2-submit,
.yuboyl .w-input-submit-true {
  background: linear-gradient(90deg, #f28e26, #fd644f) !important;
}

.yuboyl .add-card-btn span,
.yuboyl .agrg-downline-sub span,
.yuboyl .am-button-primary span,
.yuboyl .bind-first span span,
.yuboyl .btn-confirm-date span,
.yuboyl .btn-success span,
.yuboyl .button-submit span,
.yuboyl .change-statis-wrap .statis-left .btn-change-active span,
.yuboyl .contract-salary-operation a:last-child span,
.yuboyl .copy-contact span,
.yuboyl .lkmn-poup-qrcopy span,
.yuboyl .orderinfo-wrap .orderinfo-submit .button-submit span,
.yuboyl .play-more-game span,
.yuboyl .poplist-footer a:last-child.footer-button span,
.yuboyl .profile-swiper-container .am-modal-button span,
.yuboyl .sigin-today-sub span,
.yuboyl .signedSalary-root .poplist-footer a:last-child.footer-button span,
.yuboyl .submitEmail span,
.yuboyl .team-member-nickname .trans-container:first-child span,
.yuboyl .team-rebate-btnright .am-button span,
.yuboyl
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active
  span,
.yuboyl .vc-v2-submit span,
.yuboyl .w-input-submit-true span {
  color: #fff;
}

.yuboyl .add-card-btn,
.yuboyl .bind-first span,
.yuboyl .button-submit,
.yuboyl .copy-contact,
.yuboyl
  .copy-contact，
  .new-date-picker
  .date-picker-warp
  .pickter-item.through-item,
.yuboyl .mc-lott-record-root .select-Box span.active,
.yuboyl .orderinfo-wrap .orderinfo-submit .button-submit,
.yuboyl .ticket-item .ticket-item-btn {
  box-shadow: none !important;
}

.yuboyl .devidend-container .popup-header,
.yuboyl .popup-container input,
.yuboyl .salary-popup-header {
  background: hsla(13, 16%, 62%, 0.2);
}

.yuboyl .sign-salary-root .singd-details thead tr td {
  color: #fff;
  background: inherit;
}

.yuboyl .exchange-wrap .exchange-order-info .exchange-order-price .active,
.yuboyl .statis-gameType-wrap .active {
  background: rgba(244, 107, 4, 0.2) !important;
  border-color: #ae958e !important;
  color: #947d75 !important;
}

.yuboyl .exchange-wrap .exchange-order-info .exchange-order-price .active {
  box-shadow: -1px 0 0.05rem #ae958e !important;
}

.yuboyl .salary-popup-container .input-container input {
  background: hsla(13, 16%, 62%, 0.2) !important;
}

.yuboyl .lkmn-poup-tbig,
.yuboyl .lkmn-poup-tsmall,
.yuboyl .mc-trans-record-container .color-red-out,
.yuboyl .point-wrap .point-table-title span {
  color: #ae958e;
}

.yuboyl .common-wb-cards {
  background: linear-gradient(90deg, #f28e26, #fd644f) !important;
}

.yuboyl .btn-success {
  box-shadow: 0 0.1rem 0.2rem 0 #f46b04 !important;
}

.yuboyl .btn-success.am-button-disabled {
  box-shadow: none !important;
}

.yuboyl .withdraw-bkdbtn {
  border-color: #ae958e;
}

.yuboyl .red-rain-main input::-webkit-input-placeholder,
.yuboyl .team-member-trans input::-webkit-input-placeholder {
  color: #8c8d8f !important;
}

.yuboyl .agrg-downline-input input,
.yuboyl
  .exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-type,
.yuboyl .lkmn-poup-qrcnt span,
.yuboyl .mc-trans-filter .chase-number,
.yuboyl .rebateReport-item-root .time,
.yuboyl .red-rain-main input::placeholder,
.yuboyl .show-more,
.yuboyl .singd-downline-info .more-info,
.yuboyl .team-member-trans input::placeholder,
.yuboyl .tmt-header,
.yuboyl .withdraw-bkinfo {
  color: #8c8d8f !important;
}

.yuboyl .am-tag-normal,
.yuboyl .statis-gameType-wrap .btn-wrap,
.yuboyl .vc-v2-container .vc-v2-method li,
.yuboyl .vc-v2-container .vc-v2-method li .min-max,
.yuboyl .vc-v2-container .vc-v2-method li .vcn-list-text {
  color: #8c8d8f !important;
  border-color: #8c8d8f !important;
}

.yuboyl .am-tag-normal.unit-active {
  color: #f46b04 !important;
  border-color: #f46b04 !important;
}

.yuboyl .point-wrap .point-list-wrap .point-list-header,
.yuboyl .withdraw-bkadd {
  background: #f46b04;
}

.yuboyl .wallet_return div {
  background: rgba(244, 107, 4, 0.4);
}

.yuboyl .n-home-container .n-nav-list-title span,
.yuboyl .wallet_return div {
  color: #fff;
}

.yuboyl .n-home-container .n-nav-list-title span svg,
.yuboyl .wallet_return div svg {
  fill: #f46b04;
}

.yuboyl .agrg-downline-bnstbt,
.yuboyl .point-wrap .point-list-wrap .point-list-header {
  color: #fff;
}

.yuboyl .agrg-downline-bnstbt svg,
.yuboyl .point-wrap .point-list-wrap .point-list-header svg {
  fill: #ae958e;
}

.yuboyl .point-wrap .point-list-wrap .point-list-item {
  background: rgba(186, 179, 197, 0.4);
}

.yuboyl .card-details.contract .protocolDetails,
.yuboyl .contract-history .history-tbody {
  background: none;
}

.yuboyl .contract-history .history-tbody {
  border-bottom: 1px solid #ae958e;
}

.yuboyl .exchange-wrap .exchange-submit p,
.yuboyl .mc-profitLoss-record-root .am-button-ghost,
.yuboyl .mc-transaction-record-root .am-button-ghost {
  color: #8c8d8f !important;
  border-color: #8c8d8f !important;
}

.yuboyl .exchange-wrap .exchange-submit p svg,
.yuboyl .mc-profitLoss-record-root .am-button-ghost svg,
.yuboyl .mc-transaction-record-root .am-button-ghost svg {
  fill: #8c8d8f !important;
}

.yuboyl .auto-fill-btn,
.yuboyl .card-details.contract .protocolDetails .header,
.yuboyl .records-item-header-sy i {
  background: #f46b04 !important;
}

.yuboyl .sign-salary-root .singd-details thead tr,
.yuboyl
  .v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-trans-details
  .trans-container
  > span.checked {
  background: #f46b04;
  border-color: #f46b04;
  color: #fff;
}

.yuboyl .trans-checked.am-button-active,
.yuboyl .trans-unchecked.am-button-active {
  background: none !important;
}

.yuboyl .team-member-nickname .nickname-form input,
.yuboyl
  .team-member-nickname
  .trans-container-header
  .trans-container:last-child,
.yuboyl
  .v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-trans-details
  .trans-container:last-child
  > span {
  background: rgba(186, 179, 197, 0.1) !important;
}

.yuboyl .red-rain-input input,
.yuboyl .team-member-nickname .nickname-form input {
  border: 1px solid #8c8d8f;
}

.yuboyl .team-member-nickname .nickname-form,
.yuboyl .tt-content {
  background: inherit !important;
}

.yuboyl .add-card-btn.dis,
.yuboyl .vc-v2-submit.dis {
  background: #8c8d8f !important;
}

.yuboyl .am-tabs-bar .am-tabs-tab-active,
.yuboyl .amount-negative-number,
.yuboyl .card-details .card-header div.endContract span a,
.yuboyl .hd-status-tip,
.yuboyl .leader-board-container .leader-board-header-status div.lb-active,
.yuboyl .lkmn-poup-qrlink span,
.yuboyl .record-footer div span:last-child,
.yuboyl .show-tips a,
.yuboyl .sigin-c-content .am-tabs-bar .am-tabs-tab-active,
.yuboyl .team-member-item-header span,
.yuboyl .vrification-loading-content p span {
  color: #ae958e !important;
}

.yuboyl .name-filter .am-search .am-search-input,
.yuboyl .name-filter .am-search .am-search-synthetic-ph,
.yuboyl .red-rain-select .am-search-input {
  background: #f0f0f0 !important;
  color: #8c8d8f !important;
}

.yuboyl .point-history-wrap .am-button-primary {
  color: #fff;
  background: #ae958e !important;
}

.yuboyl .point-history-wrap .am-button-primary svg {
  fill: #fff;
}

.yuboyl .red-rain-select .am-search-input input {
  color: #8c8d8f !important;
}

.yuboyl .red-rain-select .am-search-cancel,
.yuboyl .vc-v2-container .vc-v2-active-container .act-item .act-mount i {
  color: #ae958e;
}

.yuboyl .personalCenter .has-error input {
  box-shadow: none !important;
  border: 1px solid #ae958e !important;
}

.yuboyl .account-form input:focus,
.yuboyl .play-more-game {
  box-shadow: none !important;
}

.yuboyl .am-search-input input[type="search"] {
  background: rgba(186, 179, 197, 0.1);
  color: #8c8d8f !important;
}

.yuboyl .devidend-container .popup-header span,
.yuboyl .game-amount-content .amount-total,
.yuboyl .mc-notice-content .wysiwyg,
.yuboyl .sigin-today-title,
.yuboyl .team-member-trans header span:last-child {
  color: #947d75;
}

.yuboyl .red-rain-lpbody #mc-header {
  position: relative !important;
}

.yuboyl .red-rain-lpbody #mc-header span {
  text-align: center;
  height: auto !important;
}

.yuboyl .red-rain-lpbody .red-rain-select {
  margin-top: 0;
}

.yuboyl .ph-icon {
  display: inline-block;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 0.6rem;
  background: #ae958e;
  top: 0.16rem;
  position: relative;
}

.yuboyl .ph-icon svg {
  top: 0 !important;
  fill: #fff;
  left: 0.07rem;
  width: 0.44rem !important;
  height: 0.44rem !important;
}

.yuboyl .mc-wallet-list-body .am-flexbox-item:first-child {
  display: inline-block;
  width: 0.6rem !important;
  height: 0.6rem !important;
  border-radius: 0.6rem;
  background: #ae958e;
}

.yuboyl .mc-wallet-list-body .am-flexbox-item:first-child svg {
  top: 0.12rem !important;
  fill: #fff;
  position: relative;
  left: 0.12rem;
  width: 0.34rem !important;
  height: 0.34rem !important;
}

.yuboyl .ph-text {
  margin-left: 0.1rem;
  top: 0.06rem;
  position: relative;
}

.yuboyl .trans-icon-container svg {
  fill: #bab3c5 !important;
}

.yuboyl .ag-link-mgtop-left span {
  display: inline-block;
  width: 0.54rem !important;
  height: 0.54rem !important;
  border-radius: 0.6rem;
  background: #ae958e;
  position: relative;
  top: 0.1rem;
  margin-right: 0.1rem;
}

.yuboyl .ag-link-mgtop-left span svg {
  top: -0.04rem !important;
  fill: #fff;
  position: relative;
  left: 0.08rem;
  width: 0.34rem !important;
  height: 0.34rem !important;
}

.yuboyl .am-picker-popup-item,
.yuboyl .card-header .ric-date {
  color: #ae958e !important;
}

.yuboyl .records-item-header-sy i,
.yuboyl .statis-gameType-wrap .btn-wrap .gameType-item-0 {
  background: #ae958e !important;
}

.yuboyl .statis-gameType-wrap .btn-wrap .gameType-item-2 {
  background: #bab3c5;
}

.yuboyl .point-convert .point-form-item .am-list-extra,
.yuboyl .point-convert .point-form-item .am-list-extra input {
  color: #bab3c5;
}

.yuboyl .go-home-btn {
  background: #8c8d8f !important;
}

.yuboyl .statis-gameType-wrap .btn-wrap .gameType-item-1,
.yuboyl .statis-gameType-wrap .btn-wrap .his-gameType-item-0,
.yuboyl .statis-gameType-wrap .btn-wrap .his-gameType-item-1,
.yuboyl .statis-gameType-wrap .btn-wrap .his-gameType-item-2,
.yuboyl .statis-gameType-wrap .btn-wrap .his-gameType-item-3,
.yuboyl .statis-gameType-wrap .btn-wrap .his-gameType-item-4,
.yuboyl .statis-gameType-wrap .btn-wrap .his-gameType-item-5,
.yuboyl .statis-gameType-wrap .btn-wrap .his-gameType-item-6,
.yuboyl .statis-gameType-wrap .btn-wrap .his-gameType-item-7,
.yuboyl .statis-gameType-wrap .btn-wrap .his-gameType-item-8 {
  background: #8c8d8f;
}

.yuboyl .mc-new-team-tab .mc-agent-team-tab .am-flexbox-item.tab-active {
  color: #ae958e !important;
  border-color: #ae958e !important;
}

.yuboyl .poplist-footer a:first-child {
  border-color: #8c8d8f !important;
  color: #8c8d8f !important;
}

.yuboyl .agent-container .agent-body .h4-wrp,
.yuboyl .leader-board-container .profile-icon {
  border-color: #ae958e;
}

.yuboyl .statis-gameType-wrap .active i {
  background: #ae958e;
}

.yuboyl .n-form-content input {
  -webkit-appearance: none;
  outline: none;
}

.yuboyl
  .item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .item-trans-info
  .info-btn
  svg {
  fill: #fff !important;
}

.yuboyl .vc-v2-submit i {
  background-image: url("/images/theme/yuboyl/assets/yuboyl_down_icon.png");
}

.yuboyl .mall-home-top,
.yuboyl .mall-home-wrap .mall-home-top,
.yuboyl .signin-activity-card {
  background-image: url("/images/theme/yuboyl/assets/yuboyl_sac.png") !important;
}

.yuboyl .leader-board-container .leader-board-content .leader-board-card {
  background-image: url("/images/theme/yuboyl/assets/yuboyl_lbc.png") !important;
}

.yuboyl .leader-board-container .leader-board-header {
  background-image: url("/images/theme/yuboyl/assets/yuboyl_lbh.png") !important;
}

.yuboyl .name-filter .am-search-cancel {
  background-image: url("/images/theme/yuboyl/assets/yuboyl_search.png") !important;
}

.yuboyl .v-base .m-mc-notice-container .mc-notice-prev {
  background-image: url("/images/theme/yuboyl/assets/yuboyl_left.png") !important;
  transform: rotate(0deg);
}

.yuboyl .reward-user-integral {
  background-image: url("/images/theme/yuboyl/assets/rewardCenter/yuboyl_cash.png") !important;
}

.yuboyl .v-base .m-mc-notice-container .mc-notice-next {
  background-image: url("/images/theme/yuboyl/assets/yuboyl_left.png") !important;
  transform: rotate(180deg);
}

.yuboyl .record-icon-ticket {
  background-image: url("/images/theme/yuboyl/assets/yuboyl_bill.png");
}

.yuboyl .reward-center {
  background-image: url("/images/theme/yuboyl/assets/yuboyl_mall-bg.png") !important;
  background-size: 100% auto;
  background-position-y: -1rem;
}

.yuboyl #mc-app-home-root.mc {
  background-image: url("/images/theme/yuboyl/assets/yuboyl_member_home.png") !important;
}

.yuboyl .common-center-top .cumulative-sign-in {
  position: absolute;
  right: 0;
  top: 0;
  height: 0.5rem !important;
  padding: 0 0.75rem 0 1.4rem;
  background-image:
    url("/images/theme/yuboyl/assets/yuboyl_sign.png"),
    linear-gradient(0deg, #f46b04, #f46b04) !important;
  background-position:
    0.76rem,
    left 0.64rem top -1px;
  background-size:
    0.3rem 0.3rem,
    100% 100%;
  background-repeat: no-repeat !important;
  color: #fff;
  font-size: 0.24rem;
  line-height: 0.5rem;
}

.yuboyl .common-center-top .cumulative-sign-in a {
  color: inherit;
}

.yuboyl .common-center-top .cumulative-sign-in:before {
  content: "";
  width: 0.64rem;
  height: 0.49rem;
  position: absolute;
  left: 1px !important;
  top: 0;
  z-index: 9;
  background: url("/images/theme/yuboyl/assets/yuboyl_mall-title.png") !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
}

.yuboyl .common-center-top .cumulative-sign-in:after {
  content: "";
  width: 0.38rem;
  height: 0.54rem;
  right: 0.1rem;
  top: 0;
  z-index: 9;
  background: url("/images/theme/yuboyl/assets/yuboyl_arrow.png") 50% !important;
  background-repeat: no-repeat !important;
  background-size: 0.18rem 0.28rem;
}

.yuboyl .am-modal-button-group-h .am-modal-button,
.yuboyl .am-tabs-bar .am-tabs-tab-active,
.yuboyl .amount-negative-number,
.yuboyl .card-details .card-header div.endContract span a,
.yuboyl .hd-status-tip,
.yuboyl .leader-board-container .leader-board-header-status div.lb-active,
.yuboyl .record-footer div span:last-child,
.yuboyl .show-tips a,
.yuboyl .sigin-c-content .am-tabs-bar .am-tabs-tab-active,
.yuboyl .team-member-item-header span,
.yuboyl .vc-v2-container .vc-v2-input .inputCon i,
.yuboyl .vc-v2-container .vc-v2-input .inputCon input,
.yuboyl .vrification-loading-content p span {
  color: #f46b04 !important;
}

.yuboyl .leader-board-container .leader-board-header-status div.lb-active svg,
.yuboyl .no-salary-list svg,
.yuboyl .vc-v2-container .vc-v2-active-container .act-item.on svg {
  fill: #f46b04 !important;
}

.yuboyl .bet-filter-container .bet-filter-item-content .ck-date,
.yuboyl .mall-home-wrap .mall-home-choose .active,
.yuboyl .mc-lott-record-root .select-Box span.active,
.yuboyl .mc-tab-container .mc-tab-item.tab-active,
.yuboyl .red-rain-underling span.on,
.yuboyl .vc-v2-container .vc-v2-method-list li.ck,
.yuboyl .vc-v2-container .vc-v2-method li.ck,
.yuboyl .vc-v2-container .vc-v2-method li.ck .vcn-list-desc,
.yuboyl .vc-v2-container .vc-v2-method li.ck .vcn-list-text {
  color: #f46b04 !important;
  border-color: #f46b04 !important;
}

.yuboyl .n-home-container .main-nav-style > div svg {
  fill: linear-gradient(180deg, #fd644f, #f28e26);
}

.yuboyl .n-home-container .main-nav-style > .n-linear-border:before {
  background-image: linear-gradient(180deg, #fff, #e7d9ce);
  border: 1px solid hsla(15, 13%, 52%, 0.2);
}

.yuboyl .center-svgBox .am-icon-lightning,
.yuboyl .lott-record-container svg {
  fill: #8c8d8f;
}

.yuboyl .nodata-container .nodata-icon {
  fill: #ae958e !important;
}

.yuboyl .lbti-nodata-modal .statistics,
.yuboyl .leader-board-container .leader-board-list-content .lblc-no-data,
.yuboyl .point-convert .point-form-item .am-list-extra,
.yuboyl .point-convert .point-form-item .am-list-extra input,
.yuboyl .point-wrap .point-list-wrap .point-list-item,
.yuboyl .salary-popup-container .contractRate.input-container {
  color: #8c8d8f;
}

.yuboyl .account-form .account-errors strong {
  color: #ff0f47 !important;
}

.yuboyl .btn-success {
  box-shadow: 0 0.1rem 0.2rem 0 #ae958e !important;
}

.yuboyl .am-switch input[type="checkbox"]:checked + .checkbox,
.yuboyl .am-tabs-ink-bar,
.yuboyl .mc-switch.mc-qutas-bg .on:before,
.yuboyl .mc-trans-filter .am-search-cancel,
.yuboyl .sigin-tab .am-tabs-tab-active .tab-title:after,
.yuboyl .swiper-pagination-bullet-active,
.yuboyl .team-member-trans .am-button-ghost,
.yuboyl .withdraw-container-v2 .am-tabs-tab-active span:before {
  background: #f46b04 !important;
}

.yuboyl .am-modal-button-group-v .am-modal-button,
.yuboyl .withdraw-container-v2 .am-tabs-tab-active span {
  color: #f46b04 !important;
}

.yuboyl
  .team-member-nickname
  .trans-container-header
  .trans-container:last-child,
.yuboyl
  .v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-trans-details
  .trans-container:last-child
  > span {
  color: #8c8d8f !important;
}

.yuboyl .agrg-downline-cname,
.yuboyl .am-modal-body,
.yuboyl .contract-history .user-info .user-name,
.yuboyl .point-wrap .point-table-title span {
  color: #947d75 !important;
}

.yuboyl .bank-virtual-tips,
.yuboyl .translate-tips {
  color: #ff0f47 !important;
}

.yuboyl .am-modal-title,
.yuboyl .lkmn-poup-qrlink span,
.yuboyl .record-footer div span:last-child,
.yuboyl .singd-downline-info div span > span,
.yuboyl .vc-v2-container .vc-v2-active-container .act-item.on .act-mount i {
  color: #ae958e !important;
}

.yuboyl .agentDivident .myDividend .name-filter .searchOne {
  color: #f46b04 !important;
}

.yuboyl .dividend-list .show-icon.unfold {
  background-image: url(/images/theme/yuboyl/assets/yuboyl_show.png);
}

.yuboyl .dividend-list .show-icon.fold {
  background-image: url(/images/theme/yuboyl/assets/yuboyl_hide.png);
}

.yuboyl .contractPeople svg,
.yuboyl .mc-trans-filter .am-button-ghost svg {
  fill: #ae958e !important;
}

.yuboyl .agent-notice-container {
  background: #f8f8f8;
}

.yuboyl .banner.bet,
.yuboyl .banner.salary,
.yuboyl .common-wb-cards,
.yuboyl .singd-details thead tr {
  background: linear-gradient(90deg, #f28e26, #fd644f) !important;
}

.yuboyl .common-center-top .cumulative-sign-in {
  height: 0.51rem !important;
  background-image:
    url("/images/theme/yuboyl/assets/sign.png"),
    linear-gradient(90deg, #f28e26, #fd644f) !important;
}

.yuboyl .common-center-top .cumulative-sign-in:after {
  height: 0.27rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.yuboyl .am-badge-text,
.yuboyl
  .new-date-picker.team-view
  .date-picker-warp
  .pickter-item.active-item
  span {
  background-color: #f46b04;
  color: #fff;
}

.yuboyl #root .mc-home.mc-navbar-blue .am-navbar-title,
.yuboyl #root .reward-center .am-navbar-title,
.yuboyl .mc-navbar-blue.am-navbar,
.yuboyl .profile-swiper-container .am-modal-button {
  color: #fff !important;
}

.yuboyl #mc-app-home-root #mc-header svg,
.yuboyl .reward-center .return_icon svg {
  fill: #fff !important;
}

.yuboyl .point-wrap .point-list-wrap .point-list-header,
.yuboyl .statis-gameType-wrap .btn-wrap.active i:first-child,
.yuboyl .vc-v2-title:before {
  background-color: #ae958e;
}

.yuboyl .vc-v2-container .vc-v2-method li {
  border: 0.02rem solid #8c8d8f !important;
}

.yuboyl
  .swiper-container-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  background-color: #8c8d8f;
}

.yuboyl .point-tips {
  color: hsla(15, 13%, 52%, 0.7) !important;
}

.yuboyl .point-wrap .point-list-wrap .point-list-item {
  background: rgba(186, 179, 197, 0.2);
}

.yuboyl .n-home-container .main-nav-style > div svg {
  fill: url(#yuboyl-gradient) #d1a24f;
}

.yuboyl .mc-trans-filter .am-button-primary {
  background-color: #f46b04 !important;
  border-color: #f46b04 !important;
}

.yuboyl .mc-transaction-record-root.mtrr-container .am-button-ghost {
  border-color: #8c8d8f !important;
  color: #8c8d8f !important;
}

.yuboyl .mc-transaction-record-root.mtrr-container .am-button-ghost svg {
  fill: #8c8d8f !important;
}

.yuboyl .lkmn-poup-qrcode,
.yuboyl .red-rain-underling {
  background-color: #fff !important;
}

.yuboyl .team-member-nickname .nickname-form input,
.yuboyl .team-member-trans input {
  border: 1px solid #ae958e !important;
}

.yuboyl .red-rain-select .am-search-input input {
  box-shadow: 0 0.04rem 0.08rem 0 rgba(0, 0, 0, 0.05);
}

.yuboyl .mc-trans-filter .am-button-ghost {
  border-color: #ae958e !important;
  color: #ae958e !important;
}

.yuboyl .new-date-picker .date-picker-warp .pickter-item.through-item {
  background: rgba(244, 107, 4, 0.2);
}

.yuboyl .team-member-trans .am-button-ghost.trans-unchecked {
  background: #fff !important;
  border-color: #8c8d8f !important;
  color: #8c8d8f !important;
}

.yuboyl
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item {
  background-color: #efefef;
  border: 1px solid #ccc;
  color: #919191;
}

.yuboyl
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active {
  color: #fff;
}

.yuboyl
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active
  svg {
  display: none;
}

body.timiyl {
  background-color: #fff;
}

.timiyl .divident-list-item span {
  width: 21%;
}

.timiyl .record-footer {
  background:
    linear-gradient 180deg,
    #fdfaff,
    #e1e5e8;
  box-shadow: 0 0 0.5px 0.2px rgba(64, 69, 84, 0.2);
}

.timiyl .record-footer span {
  color: #2c658b;
}

.timiyl .record-footer span.time {
  color: #59c2f8;
}

.timiyl .n-home-container .main-nav-style > .n-linear-border:before {
  background-image: linear-gradient(0deg, #1e4451, #3c8aa5);
}

.timiyl .n-home-container .main-nav-style > .n-linear-border > div {
  background: rgba(89, 194, 248, 0.2);
}

.timiyl .n-home-container .main-nav-style > div svg {
  fill: linear-gradient(0deg, #5bc6ce, #71f3fc);
}

.timiyl .v-base .main-nav-style {
  color: #000924;
}

.timiyl .am-tabs-bar .am-tabs-tab-active,
.timiyl .am-tag-active,
.timiyl .btn-copy-code,
.timiyl .mall-home-top .mall-header,
.timiyl .mc-lott-record-root .select-Box span.active,
.timiyl .new-tips,
.timiyl .team-member-flow .mc-team-flow-unit span.unit-active,
.timiyl .vc-v2-container .vc-v2-input .inputCon,
.timiyl .vc-v2-container .vc-v2-input .inputCon i,
.timiyl .vc-v2-container .vc-v2-method-list li.ck,
.timiyl .vc-v2-container .vc-v2-show-bank .vc-v2-bank-ck.ck {
  color: #2c658b;
  border-color: #2c658b !important;
}

.timiyl .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-right span,
.timiyl .go-home-btn,
.timiyl .red-rain-underling span,
.timiyl .vc-v2-container .vc-v2-method-list li {
  color: #aaa;
  border-color: #aaa;
}

.timiyl .bet-filter-container .bet-filter-item-content .ck-date,
.timiyl .mall-home-wrap .mall-home-choose .active,
.timiyl .mc-tab-container .mc-tab-item.tab-active,
.timiyl .singd-downline-info div span > span,
.timiyl .vc-v2-container .vc-v2-method-list li.ck,
.timiyl .vc-v2-container .vc-v2-method li.ck {
  color: #2c658b !important;
  border-color: #2c658b !important;
}

.timiyl .am-button-primary,
.timiyl .n-home-container .n-nav-list-title span {
  border: none !important;
}

.timiyl input {
  caret-color: #2c658b !important;
}

.timiyl .game-record-show .am-search,
.timiyl .h-icon-active img,
.timiyl .mc-transaction-record-root.mtrr-container .am-button-ghost,
.timiyl .name-filter .am-button-ghost,
.timiyl .vc-v2-container .pay-name-container .vc-v2-input input:focus {
  border-color: #2c658b !important;
}

.timiyl .name-filter .am-button-ghost {
  border: 1px solid #2c658b !important;
}

.timiyl .agent-divident-container,
.timiyl .agentDivident .am-tabs-bar .am-tabs-tabr,
.timiyl .am-search,
.timiyl .am-tabs-bar,
.timiyl .name-filter,
.timiyl .name-filter .am-button-ghost,
.timiyl .reward-center-container,
.timiyl .sigin-modal .sigin-modal-content {
  background: #fff;
}

.timiyl .agentDivident .am-tabs-tabpane > div > div {
  background: #fff !important;
}

.timiyl .tabPane-tips {
  background: #fff;
  box-shadow: 0 0.04rem 0.08rem 0 hsla(0, 0%, 100%, 0.05) !important;
}

.timiyl .submitEmail {
  box-shadow: none !important;
}

.timiyl .agentSalary .mc-trans-filter .am-button-ghost,
.timiyl .am-button-ghost.am-button-active,
.timiyl .am-checkbox.am-checkbox-checked .am-checkbox-inner,
.timiyl .am-checkbox.am-checkbox-checked .am-checkbox-inner:after,
.timiyl .bet-filter-container .bet-filter-item-content .ck-date,
.timiyl .contract-history .history-thead,
.timiyl .is-comp,
.timiyl .popup-container input:focus,
.timiyl .salary-popup-container input:focus {
  border-color: #2c658b;
}

.timiyl .dividendRatio .arrow-top,
.timiyl .table-container .dividend-tips .arrow-top {
  border-bottom-color: #2c658b;
}

.timiyl .dividend-header .dividend-header-content > div:first-child p,
.timiyl .dividend-header .dividend-header-content > div:last-child p {
  color: #2c658b;
}

.timiyl
  .exchange-history-wrap
  .exchange-history-item
  .item-order-integral
  .order-integral-first,
.timiyl .flex-text-tips,
.timiyl
  .mall-home-wrap
  .mall-home-orders
  .mall-order
  .mall-order-integral
  .order-integral-item
  .integral-number {
  color: #fb474b;
}

.timiyl
  .mall-home-wrap
  .mall-home-orders
  .mall-order
  .mall-order-integral
  .order-integral-item,
.timiyl
  .orderinfo-wrap
  .orderinfo-header
  .orderinfo-middle
  .orderinfo-price
  li {
  background: rgba(150, 179, 198, 0.1);
}

.timiyl #root #mc-app-home-root.gc,
.timiyl #root .mc-navbar-blue {
  background: linear-gradient(180deg, #71f3fc, #5bc6ce);
  color: #fff;
  box-shadow: 0 0.04rem 0.08rem 0 rgba(0, 0, 0, 0.05);
}

.timiyl #root #mc-app-home-root.gc .am-navbar-left svg,
.timiyl #root .mc-navbar-blue .am-navbar-left svg {
  fill: #fff;
}

.timiyl #root #mc-app-home-root.gc .am-navbar-title,
.timiyl #root .mc-navbar-blue .am-navbar-title {
  color: #fff;
}

.timiyl .am-card-body .protocolDetails .header p,
.timiyl .trans-checked span {
  color: #fff !important;
}

.timiyl #root .mc-home.mc-navbar-blue .am-icon-left,
.timiyl #root .mc-home.mc-navbar-blue .am-navbar-title,
.timiyl #root .reward-center .am-navbar-title,
.timiyl .agent-container .agent-body .h4-wrp,
.timiyl .agrg-downline-title,
.timiyl .block-container .block.member,
.timiyl .block-container .block.unerlvl,
.timiyl .center-header,
.timiyl .contract-history .history-thead,
.timiyl .dividend-header .dividend-header-content .title,
.timiyl .downline-item-toot .user-info .user-name,
.timiyl .flex-list-text,
.timiyl .leader-board-container .leader-board-integral,
.timiyl .mall-home-top .mall-number-info,
.timiyl .mc-transaction-record-root.mtrr-container .am-button-ghost,
.timiyl .myRebate .rebate-span-lf,
.timiyl .ph-text span,
.timiyl .rebateReport-item-root span,
.timiyl .salary-popup-header div,
.timiyl .sigin-modal .sigin-modal-content h3,
.timiyl .singd-downline-item-toot .user-info .user-name,
.timiyl .team-member-item-header .customer-item,
.timiyl .team-op a,
.timiyl .ti-name,
.timiyl .tr-item-title,
.timiyl
  .v-base
  .m-mc-notice-container
  .m-mc-notice-title
  .m-mc-notice-title-time {
  color: #59c2f8 !important;
}

.timiyl #mc-app-home-root #mc-header,
.timiyl .mc-transaction-record-root.mtrr-container .am-button-ghost,
.timiyl .reward-center {
  border-color: #59c2f8 !important;
}

.timiyl #mc-app-home-root #mc-header svg,
.timiyl .mc-transaction-record-root.mtrr-container .am-button-ghost svg,
.timiyl .reward-center svg {
  fill: #59c2f8 !important;
}

.timiyl .bet-filter-modal .ck-icon,
.timiyl .deposit-list-ck,
.timiyl .deposit-record-root .deposit-id svg,
.timiyl .icon-points,
.timiyl .icon-sign,
.timiyl .icon-task,
.timiyl .vc-v2-container .vc-v2-active-container .act-item.on svg {
  fill: #2c658b !important;
}

.timiyl .tr-item-content-item,
.timiyl
  .v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-list-body
  .wallet-name {
  color: #59c2f8;
}

.timiyl .am-badge-text {
  background-color: #59c2f8;
  color: #fff;
}

.timiyl
  .v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .am-list-body
  .am-list-item#mc-wallet-checked {
  border-color: #1e4451;
  background: rgba(30, 68, 81, 0.1);
}

.timiyl .sub-name-search input::-webkit-input-placeholder {
  color: #aaa !important;
}

.timiyl .am-modal-button-group-h .am-modal-button:first-child,
.timiyl .am-tabs-bar .am-tabs-tab,
.timiyl .card-details.contract .spandetails,
.timiyl .change-statis-wrap .statis-left .btn-change,
.timiyl .contract-history .history-tbody,
.timiyl .dividend-list-more > div,
.timiyl .flex-list-title,
.timiyl .list-popup-container,
.timiyl .mc-team-filter .am-list-item.am-input-item,
.timiyl .orderinfo-wrap .orderinfo-body .orderion-content-text *,
.timiyl .pal-records-list-root .time,
.timiyl .red-rain-input input,
.timiyl .red-rain-tcenter,
.timiyl .salary_info tbody tr td,
.timiyl .salary_rule,
.timiyl .sigin-c-remarks b,
.timiyl .sigin-c-remarks p,
.timiyl .sigin-modal .sigin-modal-content .amount-info p,
.timiyl .sigin-today-desc,
.timiyl .statis-container .statis-lin .lin-left div,
.timiyl .statis-container .statis-lin .lin-rigth div,
.timiyl .sub-name-search input,
.timiyl .sub-name-search input::placeholder,
.timiyl .team-member-item-content,
.timiyl .team-member-item-content .time,
.timiyl .team-member-nickname input,
.timiyl .team-member-trans input,
.timiyl .team-op a.edit-btn,
.timiyl .team-rebate-btnleft .am-button,
.timiyl .tic-footer-title,
.timiyl .tr-item-time,
.timiyl .v-base .m-mc-notice-container .m-mc-notice-index-content,
.timiyl .v-base .m-mc-notice-container .mc-notice-time {
  color: #aaa !important;
}

.timiyl .point-tips {
  color: hsla(0, 0%, 67%, 0.7) !important;
}

.timiyl .sub-name-search,
.timiyl .team-rebate-btnleft .am-button {
  border-color: #aaa !important;
}

.timiyl .exchange-wrap .exchange-order-info .exchange-order-price li,
.timiyl .red-rain-input input,
.timiyl .statis-gameType-wrap .btn-wrap {
  background: rgba(150, 179, 198, 0.1);
}

.timiyl .ag-link-lmanage .ag-link-mgbottom,
.timiyl .agrg-downline-cname,
.timiyl
  .exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-third
  .item-order-date,
.timiyl .exchange-wrap .exchange-order-info .exchange-order-price li,
.timiyl .leader-board-container .leader-board-header-status div,
.timiyl .mall-home-middle,
.timiyl .mall-home-wrap .mall-home-choose,
.timiyl .mall-order-integral,
.timiyl .mc-tab-container .mc-tab-item,
.timiyl .mc-team-filter .am-list-item .am-input-control input,
.timiyl .new-date-picker .date-picker-warp .pickter-item.through-item,
.timiyl .orderinfo-wrap .orderinfo-header .orderinfo-middle .orderinfo-price,
.timiyl .orderinfo-wrap .orderinfo-submit p,
.timiyl .point-history-wrap .point-item-wrap .point-types .point-date,
.timiyl .point-history-wrap .point-item-wrap .point-types .point-remarks,
.timiyl .sigin-c-footer .title {
  color: #aaa;
}

.timiyl .lottType-box,
.timiyl .mc-lott-record-root .select-Box .type,
.timiyl .mc-lott-record-root .select-Box > div,
.timiyl .play-chooser form,
.timiyl .play-chooser input,
.timiyl .trans-unchecked {
  color: #aaa !important;
  border-color: #aaa !important;
}

.timiyl .exchange-wrap .font-color-red,
.timiyl .orderinfo-wrap .font-color-red,
.timiyl .point-history-wrap .color-red,
.timiyl .sigin-today-desc span,
.timiyl .today {
  color: #fb474b !important;
}

.timiyl .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-left,
.timiyl .am-search-input input[type="search"],
.timiyl .devidend-container .popup-header,
.timiyl
  .exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-first
  .item-order-name,
.timiyl
  .exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-first
  .item-order-number,
.timiyl .grid-title,
.timiyl .leader-board-container .leader-board-header-info,
.timiyl .leader-board-container .leader-board-header-status div.lb-active,
.timiyl .mall-home-wrap .mall-home-orders .mall-order .mall-order-text,
.timiyl .point-form-item .am-list-item .am-list-line .am-list-content,
.timiyl .point-history-wrap .color-black,
.timiyl .red-rain-tetit,
.timiyl .red-rain-type .agrg-downline-cname,
.timiyl .sigin-today-title {
  color: #59c2f8 !important;
}

.timiyl .contract-history .history-thead,
.timiyl .dividend-list-more,
.timiyl .grid-content {
  background: #fafafa;
}

.timiyl .agentSalary .mc-trans-filter .am-button-ghost,
.timiyl .contractPeople,
.timiyl .leader-board-container .leader-board-header-status div.lb-active,
.timiyl .lott-record-container,
.timiyl .no-salary-list {
  color: #2c658b;
}

.timiyl .agentSalary .mc-trans-filter .am-button-ghost svg,
.timiyl .contractPeople svg,
.timiyl .leader-board-container .leader-board-header-status div.lb-active svg,
.timiyl .lott-record-container svg,
.timiyl .no-salary-list svg {
  fill: #2c658b;
}

.timiyl .mc-team-filter .am-list-item.am-input-item,
.timiyl .sub-name-search {
  border-color: #aaa;
}

.timiyl .mc-team-filter .am-list-item.am-input-item svg,
.timiyl .sub-name-search svg {
  fill: #aaa;
}

.timiyl .singd-downline-info svg {
  fill: #aaa !important;
}

.timiyl .am-modal-body,
.timiyl .exchange-wrap .exchange-order-info .exchange-order-count,
.timiyl .exchange-wrap .exchange-order-info .exchange-order-name,
.timiyl .exchange-wrap .font-color-gray,
.timiyl .game-amount-content span:last-child,
.timiyl .orderinfo-wrap .orderinfo-body h5,
.timiyl .orderinfo-wrap .orderinfo-header .orderinfo-middle .orderinfo-text,
.timiyl .point-history-wrap .color-black,
.timiyl .tic-footer-amount {
  color: #59c2f8;
}

.timiyl .dividend-rate,
.timiyl .go-team-bet,
.timiyl .go-team-bet i,
.timiyl .go-team-record,
.timiyl .go-team-record i,
.timiyl .mc-trans-record-container .color-green-in,
.timiyl .mt-team-footer,
.timiyl .records-item-header .game-amount-content span:last-child,
.timiyl .red-rain-tright,
.timiyl .team-member-trans header .label,
.timiyl .tt-balance-content {
  color: #2c658b !important;
}

.timiyl .dividend-rate svg,
.timiyl .go-team-bet i svg,
.timiyl .go-team-bet svg,
.timiyl .go-team-record i svg,
.timiyl .go-team-record svg,
.timiyl .mc-trans-record-container .color-green-in svg,
.timiyl .mt-team-footer svg,
.timiyl .records-item-header .game-amount-content span:last-child svg,
.timiyl .red-rain-tright svg,
.timiyl .team-member-trans header .label svg,
.timiyl .tt-balance-content svg {
  fill: #2c658b !important;
}

.timiyl .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-right svg,
.timiyl .agent-link-nodata svg,
.timiyl .block.member svg,
.timiyl .card-header-people,
.timiyl .devidend-container svg,
.timiyl .has-claimed svg,
.timiyl .icon-complete,
.timiyl .icon-span svg,
.timiyl .lin-left svg,
.timiyl .lin-rigth svg,
.timiyl .lkmn-poup-qrlink svg,
.timiyl .mall-intergral-svg,
.timiyl .mc-icon-member,
.timiyl .mc-trans-filter svg.am-icon-lg,
.timiyl .need-fill,
.timiyl .rebateReport-item-content svg,
.timiyl .salary-popup-container .save-icon,
.timiyl .security-icon,
.timiyl .team-member-nickname svg,
.timiyl .team-member-trans svg,
.timiyl .team-rebate-tleft svg,
.timiyl .unerlvl.block svg,
.timiyl .user-icon {
  fill: #2c658b !important;
}

.timiyl .mc-popup-trans > span > svg {
  fill: #2c658b !important;
}

.timiyl .team-member-trans input {
  border-radius: 0.15rem;
}

.timiyl .add-inputIcon,
.timiyl .agrgic-downline-select,
.timiyl .am-button-ghost.am-button-active,
.timiyl .am-switch input[type="checkbox"]:checked + .checkbox,
.timiyl .bet-filter-container .bet-filter-sub div.ck:after,
.timiyl .ContactName,
.timiyl .ContactNamet,
.timiyl .Contacts .am-search-cancel,
.timiyl .discount-tip,
.timiyl .EmaiWebList .look .am-badge-dot,
.timiyl .grid-title:after,
.timiyl .mc-profile-swiper-nav li.ck,
.timiyl .mc-profitLoss-record-root .am-button-primary,
.timiyl .mc-transaction-record-root .am-button-primary,
.timiyl .swiper-pagination-bullet-active,
.timiyl .ticket-item .ticket-item-btn {
  background: #2c658b !important;
}

.timiyl
  .new-date-picker
  .date-picker-warp
  .pickter-item.active-item.start-item
  + .end-item:before,
.timiyl
  .new-date-picker
  .date-picker-warp
  .pickter-item.active-item.start-item
  + .through-item:before,
.timiyl .new-date-picker .date-picker-warp .pickter-item.through-item,
.timiyl
  .new-date-picker
  .date-picker-warp
  .pickter-item.through-item
  + .end-item:before,
.timiyl
  .new-date-picker
  .date-picker-warp
  .pickter-item:nth-child(7n).through-item:before,
.timiyl
  .new-date-picker
  .date-picker-warp
  .pickter-item:nth-child(7n + 1).through-item:before {
  background: #fef6e9;
}

.timiyl .account-form input,
.timiyl .account-form svg.txt-svg,
.timiyl .ag-link-lmanage .ag-link-mgbottom .mccolor-1cc534,
.timiyl .ag-link-lmanage .ag-link-mgbottom .mccolor-23deb8,
.timiyl .ag-link-lmanage .ag-link-mgbottom .mccolor-db2404,
.timiyl .agent-link-nodata .am-result-title,
.timiyl .agrg-downline-bnsetp > span,
.timiyl .agrg-downline-bnslt,
.timiyl .agrg-downline-bnsrt,
.timiyl .am-button-ghost,
.timiyl .am-modal-button-group-v .am-modal-button,
.timiyl .amount-positive-number,
.timiyl .banner .money,
.timiyl .card-details .card-header div.endContract,
.timiyl .color2,
.timiyl .contract-history .user-info .user-title,
.timiyl .contract-tips,
.timiyl .contractText,
.timiyl .dividend-list-more > div:nth-child(2n) p,
.timiyl .dividend-list-more > div:nth-child(odd) p,
.timiyl .downline-item-toot .action-sign,
.timiyl .downline-item-toot .start_contract,
.timiyl
  .exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-third
  .item-order-state-A,
.timiyl .exchange-wrap .exchange-order-info .exchange-order-price .active,
.timiyl .filter-tabPane-btn,
.timiyl .game-record-show .am-search-cancel,
.timiyl .is-comp,
.timiyl .link-detail-title,
.timiyl .mc-game-record-root .activity-spinner svg,
.timiyl .mc-new-team-tab .mc-agent-team-tab .am-flexbox-item.tab-active,
.timiyl .new-date-picker .date-picker-content .btn-clear-date,
.timiyl .new-date-picker .date-picker-content .date-picker-title,
.timiyl .new-date-picker .date-picker-content .date-picker-title .active-item,
.timiyl .nodata-container,
.timiyl .placeholder,
.timiyl .play-chooser .chase-number > span,
.timiyl .point-balance p,
.timiyl .point-convert .point-form-item.important-number .am-list-extra,
.timiyl .rebate-span-rt,
.timiyl .rebateReport-item-content .am-flexbox span,
.timiyl .rebateReport .rebate,
.timiyl .red-rain-tleft,
.timiyl .red-rain-underling span.on,
.timiyl .sc-bonus,
.timiyl .sc-days,
.timiyl .sc-integral,
.timiyl .sigin-modal .sigin-modal-content .amount-info div,
.timiyl .sign-operation > span,
.timiyl .statis-container .statis-lin .blue-count,
.timiyl .statis-container .statis-lin .gray-count,
.timiyl .statis-container .statis-lin .green-count,
.timiyl .statis-container .statis-lin .red-count,
.timiyl .team-member-nickname header .label,
.timiyl .team-rebate-tcenter,
.timiyl .v-base .m-mc-notice-container .m-mc-notice-title,
.timiyl .v-base .m-mc-notice-container .mmnt-title-detail,
.timiyl
  .v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-list-body
  .wallet-balance,
.timiyl .vc-v2-container .vc-v2-input .inputCon input,
.timiyl .vc-v2-container .vc-v2-method-list li.ck .vcn-list-desc,
.timiyl .vc-v2-container .vc-v2-method li.ck,
.timiyl .w-input-content,
.timiyl .w-input-content input,
.timiyl .withdraw-container-v2 .am-tabs-tab-active span {
  color: #2c658b;
}

.timiyl .sigin-c-footer li > div {
  background: rgba(44, 101, 139, 0.1);
}

.timiyl .play-chooser .am-search-input input[type="search"] {
  background: none;
}

.timiyl .am-modal-button-group-h .am-modal-button,
.timiyl .am-modal-title {
  color: #2c658b;
}

.timiyl .new-date-picker .date-picker-warp .pickter-item:nth-child(7n) {
  border-color: none;
}

.timiyl .agrg-downline-bnsetp > span:nth-child(2),
.timiyl .color-red-out,
.timiyl .singd-downline-info {
  color: #59c2f8;
}

.timiyl .am-tabs-tabpane-active .card-body,
.timiyl .card-details.contract .protocolDetails .details,
.timiyl .protocolDetails .details p,
.timiyl .sign-salary-root .singd-details tbody .salary-activeMember,
.timiyl .sign-salary-root .singd-details tbody .salary-betVolume,
.timiyl .sign-salary-root .singd-details tbody .salary-rateType,
.timiyl .statis-gameType-wrap .active {
  color: #59c2f8 !important;
}

.timiyl .banner.bet,
.timiyl .banner.salary {
  background: linear-gradient(90deg, #71f3fc, #5bc6ce);
}

.timiyl .dividend-list div .dl-content {
  background: linear-gradient(90deg, #71f3fc, #5bc6ce) !important;
}

.timiyl .dividend-list div:last-child .dl-content,
.timiyl .n-home-container .n-nav-list-title:after,
.timiyl .n-home-container .n-nav-list-title span {
  background: #1e4451 !important;
}

.timiyl .agentDivident .grid-container {
  background: rgba(150, 179, 198, 0.1);
}

.timiyl .account-form input:focus,
.timiyl .agrg-downline-bnsetp > span.agrg-downline-bnstbt,
.timiyl .agrg-downline-input input:focus,
.timiyl .am-button-ghost,
.timiyl .common-center-top .common-top-img,
.timiyl .filter-tabPane-btn,
.timiyl .game-record-show .am-search,
.timiyl .mc-checkbox.mc-checkbox-checked .mc-checkbox-inner,
.timiyl .mc-checkbox.mc-checkbox-checked .mc-checkbox-inner:after,
.timiyl .popup-container input,
.timiyl .red-rain-input input:focus,
.timiyl .red-rain-underling span.on,
.timiyl
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active,
.timiyl .w-input-content {
  border-color: #2c658b;
}

.timiyl .am-button-primary,
.timiyl .am-slider-track,
.timiyl .discount-tip,
.timiyl .mc-switch .checkbox.on:before,
.timiyl
  .new-date-picker
  .date-picker-warp
  .pickter-item.active-item.end-item
  span,
.timiyl
  .new-date-picker
  .date-picker-warp
  .pickter-item.active-item.start-item
  span,
.timiyl .vc-v2-title:before,
.timiyl .withdraw-bank .slider-frame + div .am-carousel-wrap-dot-active > span {
  background: #2c658b !important;
  color: #fff;
}

.timiyl .mc-switch.mc-qutas-bg .checkbox:before {
  background: #888;
}

.timiyl .am-tabs-ink-bar,
.timiyl .inputIcon,
.timiyl .mc-switch.mc-qutas-bg .on:before,
.timiyl .mc-trans-filter .am-search-cancel,
.timiyl .sigin-tab .am-tabs-tab-active .tab-title:after,
.timiyl .statis-gameType-wrap .btn-wrap.active i:first-child,
.timiyl .vc-v2-title:before,
.timiyl .withdraw-container-v2 .am-tabs-tab-active span:before {
  background: #2c658b !important;
}

.timiyl .am-tabs-ink-bar svg,
.timiyl .inputIcon svg,
.timiyl .mc-switch.mc-qutas-bg .on:before svg,
.timiyl .mc-trans-filter .am-search-cancel svg,
.timiyl .sigin-tab .am-tabs-tab-active .tab-title:after svg,
.timiyl .statis-gameType-wrap .btn-wrap.active i:first-child svg,
.timiyl .vc-v2-title:before svg,
.timiyl .withdraw-container-v2 .am-tabs-tab-active span:before svg {
  fill: #2c658b !important;
}

.timiyl .discount-tip,
.timiyl .mc-trans-filter .am-button-primary,
.timiyl .trans-checked {
  background: #2c658b !important;
  border-color: #2c658b !important;
}

.timiyl .leader-board-container .leader-board-integral,
.timiyl .mall-home-top .mall-user-integral {
  background: hsla(0, 0%, 100%, 0.5);
}

.timiyl .mc-trans-filter .am-button-ghost,
.timiyl .point-history-wrap .am-button-ghost {
  border-color: #aaa;
  color: #aaa;
}

.timiyl .mc-trans-filter .am-button-ghost svg,
.timiyl .point-history-wrap .am-button-ghost svg {
  fill: #aaa;
}

.timiyl
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active {
  border-color: inherit;
}

.timiyl .ivi-icon svg {
  display: inline-block;
}

.timiyl .id-verification-icon {
  display: none;
}

.timiyl .add-card-btn,
.timiyl .agrg-downline-sub,
.timiyl .am-button-primary,
.timiyl .bind-first span,
.timiyl .btn-confirm-date,
.timiyl .btn-success,
.timiyl .button-submit,
.timiyl .change-statis-wrap .statis-left .btn-change-active,
.timiyl .contract-salary-operation a:last-child,
.timiyl .copy-contact,
.timiyl .lkmn-poup-qrcopy,
.timiyl .orderinfo-wrap .orderinfo-submit .button-submit,
.timiyl .play-more-game,
.timiyl .poplist-footer a:last-child.footer-button,
.timiyl .profile-swiper-container .am-modal-button,
.timiyl .sigin-today-sub,
.timiyl .signedSalary-root .poplist-footer a:last-child.footer-button,
.timiyl .submitEmail,
.timiyl .team-member-nickname .trans-container:first-child,
.timiyl .team-rebate-btnright .am-button,
.timiyl
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active,
.timiyl .vc-v2-submit,
.timiyl .w-input-submit-true {
  background: linear-gradient(90deg, #71f3fc, #5bc6ce) !important;
}

.timiyl .add-card-btn span,
.timiyl .agrg-downline-sub span,
.timiyl .am-button-primary span,
.timiyl .bind-first span span,
.timiyl .btn-confirm-date span,
.timiyl .btn-success span,
.timiyl .button-submit span,
.timiyl .change-statis-wrap .statis-left .btn-change-active span,
.timiyl .contract-salary-operation a:last-child span,
.timiyl .copy-contact span,
.timiyl .lkmn-poup-qrcopy span,
.timiyl .orderinfo-wrap .orderinfo-submit .button-submit span,
.timiyl .play-more-game span,
.timiyl .poplist-footer a:last-child.footer-button span,
.timiyl .profile-swiper-container .am-modal-button span,
.timiyl .sigin-today-sub span,
.timiyl .signedSalary-root .poplist-footer a:last-child.footer-button span,
.timiyl .submitEmail span,
.timiyl .team-member-nickname .trans-container:first-child span,
.timiyl .team-rebate-btnright .am-button span,
.timiyl
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active
  span,
.timiyl .vc-v2-submit span,
.timiyl .w-input-submit-true span {
  color: #fff;
}

.timiyl .add-card-btn,
.timiyl .bind-first span,
.timiyl .button-submit,
.timiyl .copy-contact,
.timiyl
  .copy-contact，
  .new-date-picker
  .date-picker-warp
  .pickter-item.through-item,
.timiyl .mc-lott-record-root .select-Box span.active,
.timiyl .orderinfo-wrap .orderinfo-submit .button-submit,
.timiyl .ticket-item .ticket-item-btn {
  box-shadow: none !important;
}

.timiyl .devidend-container .popup-header,
.timiyl .popup-container input,
.timiyl .salary-popup-header {
  background: rgba(44, 101, 139, 0.2);
}

.timiyl .sign-salary-root .singd-details thead tr td {
  color: #fff;
  background: inherit;
}

.timiyl .exchange-wrap .exchange-order-info .exchange-order-price .active,
.timiyl .statis-gameType-wrap .active {
  background: rgba(30, 68, 81, 0.2) !important;
  border-color: #2c658b !important;
  color: #59c2f8 !important;
}

.timiyl .exchange-wrap .exchange-order-info .exchange-order-price .active {
  box-shadow: -1px 0 0.05rem #2c658b !important;
}

.timiyl .salary-popup-container .input-container input {
  background: rgba(44, 101, 139, 0.2) !important;
}

.timiyl .lkmn-poup-tbig,
.timiyl .lkmn-poup-tsmall,
.timiyl .mc-trans-record-container .color-red-out,
.timiyl .point-wrap .point-table-title span {
  color: #2c658b;
}

.timiyl .common-wb-cards {
  background: linear-gradient(90deg, #71f3fc, #5bc6ce) !important;
}

.timiyl .btn-success {
  box-shadow: 0 0.1rem 0.2rem 0 #1e4451 !important;
}

.timiyl .btn-success.am-button-disabled {
  box-shadow: none !important;
}

.timiyl .withdraw-bkdbtn {
  border-color: #2c658b;
}

.timiyl .red-rain-main input::-webkit-input-placeholder,
.timiyl .team-member-trans input::-webkit-input-placeholder {
  color: #aaa !important;
}

.timiyl .agrg-downline-input input,
.timiyl
  .exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-type,
.timiyl .lkmn-poup-qrcnt span,
.timiyl .mc-trans-filter .chase-number,
.timiyl .rebateReport-item-root .time,
.timiyl .red-rain-main input::placeholder,
.timiyl .show-more,
.timiyl .singd-downline-info .more-info,
.timiyl .team-member-trans input::placeholder,
.timiyl .tmt-header,
.timiyl .withdraw-bkinfo {
  color: #aaa !important;
}

.timiyl .am-tag-normal,
.timiyl .statis-gameType-wrap .btn-wrap,
.timiyl .vc-v2-container .vc-v2-method li,
.timiyl .vc-v2-container .vc-v2-method li .min-max,
.timiyl .vc-v2-container .vc-v2-method li .vcn-list-text {
  color: #aaa !important;
  border-color: #aaa !important;
}

.timiyl .am-tag-normal.unit-active {
  color: #1e4451 !important;
  border-color: #1e4451 !important;
}

.timiyl .point-wrap .point-list-wrap .point-list-header,
.timiyl .withdraw-bkadd {
  background: #1e4451;
}

.timiyl .wallet_return div {
  background: rgba(30, 68, 81, 0.4);
}

.timiyl .n-home-container .n-nav-list-title span,
.timiyl .wallet_return div {
  color: #fff;
}

.timiyl .n-home-container .n-nav-list-title span svg,
.timiyl .wallet_return div svg {
  fill: #1e4451;
}

.timiyl .agrg-downline-bnstbt,
.timiyl .point-wrap .point-list-wrap .point-list-header {
  color: #fff;
}

.timiyl .agrg-downline-bnstbt svg,
.timiyl .point-wrap .point-list-wrap .point-list-header svg {
  fill: #2c658b;
}

.timiyl .point-wrap .point-list-wrap .point-list-item {
  background: rgba(150, 179, 198, 0.4);
}

.timiyl .card-details.contract .protocolDetails,
.timiyl .contract-history .history-tbody {
  background: none;
}

.timiyl .contract-history .history-tbody {
  border-bottom: 1px solid #2c658b;
}

.timiyl .exchange-wrap .exchange-submit p,
.timiyl .mc-profitLoss-record-root .am-button-ghost,
.timiyl .mc-transaction-record-root .am-button-ghost {
  color: #aaa !important;
  border-color: #aaa !important;
}

.timiyl .exchange-wrap .exchange-submit p svg,
.timiyl .mc-profitLoss-record-root .am-button-ghost svg,
.timiyl .mc-transaction-record-root .am-button-ghost svg {
  fill: #aaa !important;
}

.timiyl .auto-fill-btn,
.timiyl .card-details.contract .protocolDetails .header,
.timiyl .records-item-header-sy i {
  background: #1e4451 !important;
}

.timiyl .sign-salary-root .singd-details thead tr,
.timiyl
  .v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-trans-details
  .trans-container
  > span.checked {
  background: #1e4451;
  border-color: #1e4451;
  color: #fff;
}

.timiyl .trans-checked.am-button-active,
.timiyl .trans-unchecked.am-button-active {
  background: none !important;
}

.timiyl .team-member-nickname .nickname-form input,
.timiyl
  .team-member-nickname
  .trans-container-header
  .trans-container:last-child,
.timiyl
  .v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-trans-details
  .trans-container:last-child
  > span {
  background: rgba(150, 179, 198, 0.1) !important;
}

.timiyl .red-rain-input input,
.timiyl .team-member-nickname .nickname-form input {
  border: 1px solid #aaa;
}

.timiyl .team-member-nickname .nickname-form,
.timiyl .tt-content {
  background: inherit !important;
}

.timiyl .add-card-btn.dis,
.timiyl .vc-v2-submit.dis {
  background: #aaa !important;
}

.timiyl .am-tabs-bar .am-tabs-tab-active,
.timiyl .amount-negative-number,
.timiyl .card-details .card-header div.endContract span a,
.timiyl .hd-status-tip,
.timiyl .leader-board-container .leader-board-header-status div.lb-active,
.timiyl .lkmn-poup-qrlink span,
.timiyl .record-footer div span:last-child,
.timiyl .show-tips a,
.timiyl .sigin-c-content .am-tabs-bar .am-tabs-tab-active,
.timiyl .team-member-item-header span,
.timiyl .vrification-loading-content p span {
  color: #2c658b !important;
}

.timiyl .name-filter .am-search .am-search-input,
.timiyl .name-filter .am-search .am-search-synthetic-ph,
.timiyl .red-rain-select .am-search-input {
  background: #f0f0f0 !important;
  color: #aaa !important;
}

.timiyl .point-history-wrap .am-button-primary {
  color: #fff;
  background: #2c658b !important;
}

.timiyl .point-history-wrap .am-button-primary svg {
  fill: #fff;
}

.timiyl .red-rain-select .am-search-input input {
  color: #aaa !important;
}

.timiyl .red-rain-select .am-search-cancel,
.timiyl .vc-v2-container .vc-v2-active-container .act-item .act-mount i {
  color: #2c658b;
}

.timiyl .personalCenter .has-error input {
  box-shadow: none !important;
  border: 1px solid #2c658b !important;
}

.timiyl .account-form input:focus,
.timiyl .play-more-game {
  box-shadow: none !important;
}

.timiyl .am-search-input input[type="search"] {
  background: rgba(150, 179, 198, 0.1);
  color: #aaa !important;
}

.timiyl .devidend-container .popup-header span,
.timiyl .game-amount-content .amount-total,
.timiyl .mc-notice-content .wysiwyg,
.timiyl .sigin-today-title,
.timiyl .team-member-trans header span:last-child {
  color: #59c2f8;
}

.timiyl .red-rain-lpbody #mc-header {
  position: relative !important;
}

.timiyl .red-rain-lpbody #mc-header span {
  text-align: center;
  height: auto !important;
}

.timiyl .red-rain-lpbody .red-rain-select {
  margin-top: 0;
}

.timiyl .ph-icon {
  display: inline-block;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 0.6rem;
  background: #2c658b;
  top: 0.16rem;
  position: relative;
}

.timiyl .ph-icon svg {
  top: 0 !important;
  fill: #fff;
  left: 0.07rem;
  width: 0.44rem !important;
  height: 0.44rem !important;
}

.timiyl .mc-wallet-list-body .am-flexbox-item:first-child {
  display: inline-block;
  width: 0.6rem !important;
  height: 0.6rem !important;
  border-radius: 0.6rem;
  background: #2c658b;
}

.timiyl .mc-wallet-list-body .am-flexbox-item:first-child svg {
  top: 0.12rem !important;
  fill: #fff;
  position: relative;
  left: 0.12rem;
  width: 0.34rem !important;
  height: 0.34rem !important;
}

.timiyl .ph-text {
  margin-left: 0.1rem;
  top: 0.06rem;
  position: relative;
}

.timiyl .trans-icon-container svg {
  fill: #96b3c6 !important;
}

.timiyl .ag-link-mgtop-left span {
  display: inline-block;
  width: 0.54rem !important;
  height: 0.54rem !important;
  border-radius: 0.6rem;
  background: #2c658b;
  position: relative;
  top: 0.1rem;
  margin-right: 0.1rem;
}

.timiyl .ag-link-mgtop-left span svg {
  top: -0.04rem !important;
  fill: #fff;
  position: relative;
  left: 0.08rem;
  width: 0.34rem !important;
  height: 0.34rem !important;
}

.timiyl .am-picker-popup-item,
.timiyl .card-header .ric-date {
  color: #2c658b !important;
}

.timiyl .records-item-header-sy i,
.timiyl .statis-gameType-wrap .btn-wrap .gameType-item-0 {
  background: #2c658b !important;
}

.timiyl .statis-gameType-wrap .btn-wrap .gameType-item-2 {
  background: #96b3c6;
}

.timiyl .point-convert .point-form-item .am-list-extra,
.timiyl .point-convert .point-form-item .am-list-extra input {
  color: #96b3c6;
}

.timiyl .go-home-btn {
  background: #aaa !important;
}

.timiyl .statis-gameType-wrap .btn-wrap .gameType-item-1,
.timiyl .statis-gameType-wrap .btn-wrap .his-gameType-item-0,
.timiyl .statis-gameType-wrap .btn-wrap .his-gameType-item-1,
.timiyl .statis-gameType-wrap .btn-wrap .his-gameType-item-2,
.timiyl .statis-gameType-wrap .btn-wrap .his-gameType-item-3,
.timiyl .statis-gameType-wrap .btn-wrap .his-gameType-item-4,
.timiyl .statis-gameType-wrap .btn-wrap .his-gameType-item-5,
.timiyl .statis-gameType-wrap .btn-wrap .his-gameType-item-6,
.timiyl .statis-gameType-wrap .btn-wrap .his-gameType-item-7,
.timiyl .statis-gameType-wrap .btn-wrap .his-gameType-item-8 {
  background: #aaa;
}

.timiyl .mc-new-team-tab .mc-agent-team-tab .am-flexbox-item.tab-active {
  color: #2c658b !important;
  border-color: #2c658b !important;
}

.timiyl .poplist-footer a:first-child {
  border-color: #aaa !important;
  color: #aaa !important;
}

.timiyl .agent-container .agent-body .h4-wrp,
.timiyl .leader-board-container .profile-icon {
  border-color: #2c658b;
}

.timiyl .statis-gameType-wrap .active i {
  background: #2c658b;
}

.timiyl .n-form-content input {
  -webkit-appearance: none;
  outline: none;
}

.timiyl
  .item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .item-trans-info
  .info-btn
  svg {
  fill: #fff !important;
}

.timiyl .vc-v2-submit i {
  background-image: url("/images/theme/timiyl/assets/timiyl_down_icon.png");
}

.timiyl .mall-home-top,
.timiyl .mall-home-wrap .mall-home-top,
.timiyl .signin-activity-card {
  background-image: url("/images/theme/timiyl/assets/timiyl_sac.png") !important;
}

.timiyl .leader-board-container .leader-board-content .leader-board-card {
  background-image: url("/images/theme/timiyl/assets/timiyl_lbc.png") !important;
}

.timiyl .leader-board-container .leader-board-header {
  background-image: url("/images/theme/timiyl/assets/timiyl_lbh.png") !important;
}

.timiyl .name-filter .am-search-cancel {
  background-image: url("/images/theme/timiyl/assets/timiyl_search.png") !important;
}

.timiyl .v-base .m-mc-notice-container .mc-notice-prev {
  background-image: url("/images/theme/timiyl/assets/timiyl_left.png") !important;
  transform: rotate(0deg);
}

.timiyl .reward-user-integral {
  background-image: url("/images/theme/timiyl/assets/rewardCenter/timiyl_cash.png") !important;
}

.timiyl .v-base .m-mc-notice-container .mc-notice-next {
  background-image: url("/images/theme/timiyl/assets/timiyl_left.png") !important;
  transform: rotate(180deg);
}

.timiyl .record-icon-ticket {
  background-image: url("/images/theme/timiyl/assets/timiyl_bill.png");
}

.timiyl .reward-center {
  background-image: url("/images/theme/timiyl/assets/timiyl_mall-bg.png") !important;
  background-size: 100% auto;
  background-position-y: -1rem;
}

.timiyl #mc-app-home-root.mc {
  background-image: url("/images/theme/timiyl/assets/timiyl_member_home.png") !important;
}

.timiyl .common-center-top .cumulative-sign-in {
  position: absolute;
  right: 0;
  top: 0;
  height: 0.5rem !important;
  padding: 0 0.75rem 0 1.4rem;
  background-image:
    url("/images/theme/timiyl/assets/timiyl_sign.png"),
    linear-gradient(0deg, #1e4451, #1e4451) !important;
  background-position:
    0.76rem,
    left 0.64rem top -1px;
  background-size:
    0.3rem 0.3rem,
    100% 100%;
  background-repeat: no-repeat !important;
  color: #fff;
  font-size: 0.24rem;
  line-height: 0.5rem;
}

.timiyl .common-center-top .cumulative-sign-in a {
  color: inherit;
}

.timiyl .common-center-top .cumulative-sign-in:before {
  content: "";
  width: 0.64rem;
  height: 0.49rem;
  position: absolute;
  left: 1px !important;
  top: 0;
  z-index: 9;
  background: url("/images/theme/timiyl/assets/timiyl_mall-title.png") !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
}

.timiyl .common-center-top .cumulative-sign-in:after {
  content: "";
  width: 0.38rem;
  height: 0.54rem;
  right: 0.1rem;
  top: 0;
  z-index: 9;
  background: url("/images/theme/timiyl/assets/timiyl_arrow.png") 50% !important;
  background-repeat: no-repeat !important;
  background-size: 0.18rem 0.28rem;
}

.timiyl #mc-app-home-root,
.timiyl #mc-app-home-root .member-home-root,
.timiyl .v-base .main-nav-list {
  background-color: #000924;
}

.timiyl .am-modal-button-group-h .am-modal-button,
.timiyl .am-tabs-bar .am-tabs-tab-active,
.timiyl .amount-negative-number,
.timiyl .card-details .card-header div.endContract span a,
.timiyl .hd-status-tip,
.timiyl .leader-board-container .leader-board-header-status div.lb-active,
.timiyl .record-footer div span:last-child,
.timiyl .show-tips a,
.timiyl .sigin-c-content .am-tabs-bar .am-tabs-tab-active,
.timiyl .team-member-item-header span,
.timiyl .vc-v2-container .vc-v2-input .inputCon i,
.timiyl .vc-v2-container .vc-v2-input .inputCon input,
.timiyl .vrification-loading-content p span {
  color: #1e4451 !important;
}

.timiyl .leader-board-container .leader-board-header-status div.lb-active svg,
.timiyl .no-salary-list svg,
.timiyl .vc-v2-container .vc-v2-active-container .act-item.on svg {
  fill: #1e4451 !important;
}

.timiyl .bet-filter-container .bet-filter-item-content .ck-date,
.timiyl .mall-home-wrap .mall-home-choose .active,
.timiyl .mc-lott-record-root .select-Box span.active,
.timiyl .mc-tab-container .mc-tab-item.tab-active,
.timiyl .red-rain-underling span.on,
.timiyl .vc-v2-container .vc-v2-method-list li.ck,
.timiyl .vc-v2-container .vc-v2-method li.ck,
.timiyl .vc-v2-container .vc-v2-method li.ck .vcn-list-desc,
.timiyl .vc-v2-container .vc-v2-method li.ck .vcn-list-text {
  color: #1e4451 !important;
  border-color: #1e4451 !important;
}

.timiyl .n-home-container .main-nav-style {
  color: #fff;
}

.timiyl .n-home-container .main-nav-style > div svg {
  fill: #1e4451;
}

.timiyl .n-home-container .main-nav-style > .n-linear-border:before {
  background-image: linear-gradient(0deg, #2effee, #289eb7);
  border: 1px solid;
  border-image-source: linear-gradient(0deg, #0e1932, #293555, #0e1932);
  border-top-style: none;
}

.timiyl .n-home-container .n-nav-list-title:after {
  background: #00f6ff !important;
}

.timiyl .n-home-container .n-nav-list-title span {
  background: linear-gradient(0deg, #5bc6ce, #71f3fc) !important;
  color: #1e4451;
  border: none;
}

.timiyl .center-svgBox .am-icon-lightning,
.timiyl .lott-record-container svg {
  fill: #aaa;
}

.timiyl .nodata-container .nodata-icon {
  fill: #2c658b !important;
}

.timiyl .lbti-nodata-modal .statistics,
.timiyl .leader-board-container .leader-board-list-content .lblc-no-data,
.timiyl .point-convert .point-form-item .am-list-extra,
.timiyl .point-convert .point-form-item .am-list-extra input,
.timiyl .point-wrap .point-list-wrap .point-list-item,
.timiyl .salary-popup-container .contractRate.input-container {
  color: #aaa;
}

.timiyl .account-form .account-errors strong {
  color: #fb474b !important;
}

.timiyl .btn-success {
  box-shadow: 0 0.1rem 0.2rem 0 #2c658b !important;
}

.timiyl .am-switch input[type="checkbox"]:checked + .checkbox,
.timiyl .am-tabs-ink-bar,
.timiyl .mc-switch.mc-qutas-bg .on:before,
.timiyl .mc-trans-filter .am-search-cancel,
.timiyl .sigin-tab .am-tabs-tab-active .tab-title:after,
.timiyl .swiper-pagination-bullet-active,
.timiyl .team-member-trans .am-button-ghost,
.timiyl .withdraw-container-v2 .am-tabs-tab-active span:before {
  background: #1e4451 !important;
}

.timiyl .am-modal-button-group-v .am-modal-button,
.timiyl .withdraw-container-v2 .am-tabs-tab-active span {
  color: #1e4451 !important;
}

.timiyl
  .team-member-nickname
  .trans-container-header
  .trans-container:last-child,
.timiyl
  .v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-trans-details
  .trans-container:last-child
  > span {
  color: #aaa !important;
}

.timiyl .agrg-downline-cname,
.timiyl .am-modal-body,
.timiyl .contract-history .user-info .user-name,
.timiyl .point-wrap .point-table-title span {
  color: #59c2f8 !important;
}

.timiyl .bank-virtual-tips,
.timiyl .translate-tips {
  color: #fb474b !important;
}

.timiyl .am-modal-title,
.timiyl .lkmn-poup-qrlink span,
.timiyl .record-footer div span:last-child,
.timiyl .singd-downline-info div span > span,
.timiyl .vc-v2-container .vc-v2-active-container .act-item.on .act-mount i {
  color: #2c658b !important;
}

.timiyl .agentDivident .myDividend .name-filter .searchOne {
  color: #1e4451 !important;
}

.timiyl .dividend-list .show-icon.unfold {
  background-image: url(/images/theme/lavathb/assets//timiyl_show.png);
}

.timiyl .contractPeople svg,
.timiyl .mc-trans-filter .am-button-ghost svg {
  fill: #2c658b !important;
}

.timiyl .agent-notice-container {
  background: #f8f8f8;
}

.timiyl .banner.bet,
.timiyl .banner.salary,
.timiyl .common-wb-cards,
.timiyl .singd-details thead tr {
  background: linear-gradient(0deg, #71f3fc, #5bc6ce) !important;
}

.timiyl .common-center-top .cumulative-sign-in {
  height: 0.51rem !important;
  background-image:
    url("/images/theme/lavathb/assets//sign.png"),
    linear-gradient(90deg, #2c658b, #2c658b) !important;
}

.timiyl .common-center-top .cumulative-sign-in:after {
  height: 0.27rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.timiyl .am-badge-text,
.timiyl
  .new-date-picker.team-view
  .date-picker-warp
  .pickter-item.active-item
  span {
  background-color: #1e4451;
  color: #fff;
}

.timiyl .leader-board-container .leader-board-header-info,
.timiyl .mall-home-top .mall-number-info {
  color: #fff !important;
}

.timiyl .mall-home-top .mall-user-integral {
  background: rgba(89, 194, 248, 0.5) !important;
}

.timiyl .mall-home-top .mall-user-integral .mall-intergral-svg {
  fill: #fff !important;
}

.timiyl .leader-board-container .leader-board-integral {
  background: rgba(89, 194, 248, 0.5) !important;
  color: #fff !important;
}

.timiyl #root .mc-home.mc-navbar-blue .am-navbar-title,
.timiyl #root .reward-center .am-navbar-title,
.timiyl .mc-navbar-blue.am-navbar {
  color: #fff !important;
}

.timiyl #mc-app-home-root #mc-header {
  background: inherit !important;
  box-shadow: inherit;
}

.timiyl #mc-app-home-root #mc-header svg,
.timiyl .reward-center .return_icon svg {
  fill: #fff !important;
}

.timiyl .reward-center svg {
  fill: rgba(37, 37, 37, 0.6) !important;
}

.timiyl .point-wrap .point-list-wrap .point-list-header,
.timiyl .statis-gameType-wrap .btn-wrap.active i:first-child,
.timiyl .vc-v2-title:before {
  background-color: #2c658b;
}

.timiyl .vc-v2-container .vc-v2-method li {
  border: 0.02rem solid #aaa !important;
}

.timiyl
  .swiper-container-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  background-color: #aaa;
}

.timiyl .point-tips {
  color: rgba(89, 194, 248, 0.7) !important;
}

.timiyl .point-wrap .point-list-wrap .point-list-item {
  background: rgba(150, 179, 198, 0.2);
}

.timiyl .mc-trans-filter .am-button-primary {
  background-color: #1e4451 !important;
  border-color: #1e4451 !important;
}

.timiyl .mc-transaction-record-root.mtrr-container .am-button-ghost {
  border-color: #aaa !important;
  color: #aaa !important;
}

.timiyl .mc-transaction-record-root.mtrr-container .am-button-ghost svg {
  fill: #aaa !important;
}

.timiyl .lkmn-poup-qrcode,
.timiyl .red-rain-underling {
  background-color: #fff !important;
}

.timiyl .team-member-nickname .nickname-form input,
.timiyl .team-member-trans input {
  border: 1px solid #2c658b !important;
}

.timiyl .red-rain-select .am-search-input input {
  box-shadow: 0 0.04rem 0.08rem 0 rgba(0, 0, 0, 0.05);
}

.timiyl .mc-trans-filter .am-button-ghost {
  border-color: #2c658b !important;
  color: #2c658b !important;
}

.timiyl .team-member-trans .am-button-ghost.trans-unchecked {
  background: #fff !important;
  border-color: #aaa !important;
  color: #aaa !important;
}

.timiyl .rescue-list .rescue-item .rescue-item-submit {
  background: linear-gradient(90deg, #71f3fc, #5bc6ce);
}

.timiyl #root #mc-app-home-root.gc,
.timiyl #root .mc-navbar-blue {
  background: url("/images/theme/lavathb/assets//mob-header.png") no-repeat
    bottom !important;
  background-size: cover !important;
}

.timiyl .v-base .m-mc-notice-container .mc-notice-prev {
  transform: rotate(90deg) !important;
}

.timiyl .v-base .m-mc-notice-container .mc-notice-next {
  transform: rotate(-90deg) !important;
}

.timiyl #root .mc-home.mc-navbar-blue,
.timiyl #root .mc-leader-board-list .mc-navbar-blue,
.timiyl #root .mc-rewardCenter .mc-navbar-blue {
  box-shadow: none !important;
  background: transparent !important;
}

.timiyl .sec_card .am-list-header {
  border: #fff;
}

.timiyl .team-member-nickname .nickname-form .btn-confirm-trans,
.timiyl .team-member-trans .btn-confirm-trans {
  border: none;
}

.timiyl
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item {
  background-color: #efefef;
  border: 1px solid #ccc;
  color: #919191;
}

.timiyl
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active {
  color: #fff;
}

.timiyl
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active
  svg {
  display: none;
}

body.fortuna8ph {
  background-color: #fff;
}

.fortuna8ph .divident-list-item span {
  width: 21%;
}

.fortuna8ph .record-footer {
  background:
    linear-gradient 180deg,
    #fdfaff,
    #e1e5e8;
  box-shadow: 0 0 0.5px 0.2px rgba(64, 69, 84, 0.2);
}

.fortuna8ph .record-footer span {
  color: #8233ec;
}

.fortuna8ph .record-footer span.time {
  color: #fff;
}

.fortuna8ph .n-home-container .main-nav-style > .n-linear-border:before {
  background-image: linear-gradient(0deg, #1e4451, #3c8aa5);
}

.fortuna8ph .n-home-container .main-nav-style > .n-linear-border > div {
  background: hsla(0, 0%, 100%, 0.2);
}

.fortuna8ph .n-home-container .main-nav-style > div svg {
  fill: linear-gradient(0deg, #5bc6ce, #71f3fc);
}

.fortuna8ph .v-base .main-nav-style {
  color: #fff;
}

.fortuna8ph .am-tabs-bar .am-tabs-tab-active,
.fortuna8ph .am-tag-active,
.fortuna8ph .btn-copy-code,
.fortuna8ph .mall-home-top .mall-header,
.fortuna8ph .mc-lott-record-root .select-Box span.active,
.fortuna8ph .new-tips,
.fortuna8ph .team-member-flow .mc-team-flow-unit span.unit-active,
.fortuna8ph .vc-v2-container .vc-v2-input .inputCon,
.fortuna8ph .vc-v2-container .vc-v2-input .inputCon i,
.fortuna8ph .vc-v2-container .vc-v2-method-list li.ck,
.fortuna8ph .vc-v2-container .vc-v2-show-bank .vc-v2-bank-ck.ck {
  color: #8233ec;
  border-color: #8233ec !important;
}

.fortuna8ph .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-right span,
.fortuna8ph .go-home-btn,
.fortuna8ph .red-rain-underling span,
.fortuna8ph .vc-v2-container .vc-v2-method-list li {
  color: #626061;
  border-color: #626061;
}

.fortuna8ph .bet-filter-container .bet-filter-item-content .ck-date,
.fortuna8ph .mall-home-wrap .mall-home-choose .active,
.fortuna8ph .mc-tab-container .mc-tab-item.tab-active,
.fortuna8ph .singd-downline-info div span > span,
.fortuna8ph .vc-v2-container .vc-v2-method-list li.ck,
.fortuna8ph .vc-v2-container .vc-v2-method li.ck {
  color: #8233ec !important;
  border-color: #8233ec !important;
}

.fortuna8ph .am-button-primary,
.fortuna8ph .n-home-container .n-nav-list-title span {
  border: none !important;
}

.fortuna8ph input {
  caret-color: #8233ec !important;
}

.fortuna8ph .game-record-show .am-search,
.fortuna8ph .h-icon-active img,
.fortuna8ph .mc-transaction-record-root.mtrr-container .am-button-ghost,
.fortuna8ph .name-filter .am-button-ghost,
.fortuna8ph .vc-v2-container .pay-name-container .vc-v2-input input:focus {
  border-color: #8233ec !important;
}

.fortuna8ph .name-filter .am-button-ghost {
  border: 1px solid #8233ec !important;
}

.fortuna8ph .agent-divident-container,
.fortuna8ph .agentDivident .am-tabs-bar .am-tabs-tabr,
.fortuna8ph .am-search,
.fortuna8ph .am-tabs-bar,
.fortuna8ph .name-filter,
.fortuna8ph .name-filter .am-button-ghost,
.fortuna8ph .reward-center-container,
.fortuna8ph .sigin-modal .sigin-modal-content {
  background: #fff;
}

.fortuna8ph .agentDivident .am-tabs-tabpane > div > div {
  background: #fff !important;
}

.fortuna8ph .tabPane-tips {
  background: #fff;
  box-shadow: 0 0.04rem 0.08rem 0 hsla(0, 0%, 100%, 0.05) !important;
}

.fortuna8ph .submitEmail {
  box-shadow: none !important;
}

.fortuna8ph .agentSalary .mc-trans-filter .am-button-ghost,
.fortuna8ph .am-button-ghost.am-button-active,
.fortuna8ph .am-checkbox.am-checkbox-checked .am-checkbox-inner,
.fortuna8ph .am-checkbox.am-checkbox-checked .am-checkbox-inner:after,
.fortuna8ph .bet-filter-container .bet-filter-item-content .ck-date,
.fortuna8ph .contract-history .history-thead,
.fortuna8ph .is-comp,
.fortuna8ph .popup-container input:focus,
.fortuna8ph .salary-popup-container input:focus {
  border-color: #8233ec;
}

.fortuna8ph .dividendRatio .arrow-top,
.fortuna8ph .table-container .dividend-tips .arrow-top {
  border-bottom-color: #8233ec;
}

.fortuna8ph .dividend-header .dividend-header-content > div:first-child p,
.fortuna8ph .dividend-header .dividend-header-content > div:last-child p {
  color: #8233ec;
}

.fortuna8ph
  .exchange-history-wrap
  .exchange-history-item
  .item-order-integral
  .order-integral-first,
.fortuna8ph .flex-text-tips,
.fortuna8ph
  .mall-home-wrap
  .mall-home-orders
  .mall-order
  .mall-order-integral
  .order-integral-item
  .integral-number {
  color: #fb474b;
}

.fortuna8ph
  .mall-home-wrap
  .mall-home-orders
  .mall-order
  .mall-order-integral
  .order-integral-item,
.fortuna8ph
  .orderinfo-wrap
  .orderinfo-header
  .orderinfo-middle
  .orderinfo-price
  li {
  background: rgba(150, 179, 198, 0.1);
}

.fortuna8ph #root #mc-app-home-root.gc,
.fortuna8ph #root .mc-navbar-blue {
  background: linear-gradient(180deg, #71f3fc, #5bc6ce);
  color: #fff;
  box-shadow: 0 0.04rem 0.08rem 0 rgba(0, 0, 0, 0.05);
}

.fortuna8ph #root #mc-app-home-root.gc .am-navbar-left svg,
.fortuna8ph #root .mc-navbar-blue .am-navbar-left svg {
  fill: #fff;
}

.fortuna8ph #root #mc-app-home-root.gc .am-navbar-title,
.fortuna8ph #root .mc-navbar-blue .am-navbar-title {
  color: #fff;
}

.fortuna8ph #root .mc-home.mc-navbar-blue .am-icon-left,
.fortuna8ph #root .mc-home.mc-navbar-blue .am-navbar-title,
.fortuna8ph #root .reward-center .am-navbar-title,
.fortuna8ph .agent-container .agent-body .h4-wrp,
.fortuna8ph .agrg-downline-title,
.fortuna8ph .am-card-body .protocolDetails .header p,
.fortuna8ph .block-container .block.member,
.fortuna8ph .block-container .block.unerlvl,
.fortuna8ph .center-header,
.fortuna8ph .contract-history .history-thead,
.fortuna8ph .dividend-header .dividend-header-content .title,
.fortuna8ph .downline-item-toot .user-info .user-name,
.fortuna8ph .flex-list-text,
.fortuna8ph .leader-board-container .leader-board-integral,
.fortuna8ph .mall-home-top .mall-number-info,
.fortuna8ph .mc-transaction-record-root.mtrr-container .am-button-ghost,
.fortuna8ph .myRebate .rebate-span-lf,
.fortuna8ph .ph-text span,
.fortuna8ph .rebateReport-item-root span,
.fortuna8ph .salary-popup-header div,
.fortuna8ph .sigin-modal .sigin-modal-content h3,
.fortuna8ph .singd-downline-item-toot .user-info .user-name,
.fortuna8ph .team-member-item-header .customer-item,
.fortuna8ph .team-op a,
.fortuna8ph .ti-name,
.fortuna8ph .tr-item-title,
.fortuna8ph .trans-checked span,
.fortuna8ph
  .v-base
  .m-mc-notice-container
  .m-mc-notice-title
  .m-mc-notice-title-time {
  color: #fff !important;
}

.fortuna8ph #mc-app-home-root #mc-header,
.fortuna8ph .mc-transaction-record-root.mtrr-container .am-button-ghost,
.fortuna8ph .reward-center {
  border-color: #fff !important;
}

.fortuna8ph #mc-app-home-root #mc-header svg,
.fortuna8ph .mc-transaction-record-root.mtrr-container .am-button-ghost svg,
.fortuna8ph .reward-center svg {
  fill: #fff !important;
}

.fortuna8ph .bet-filter-modal .ck-icon,
.fortuna8ph .deposit-list-ck,
.fortuna8ph .deposit-record-root .deposit-id svg,
.fortuna8ph .icon-points,
.fortuna8ph .icon-sign,
.fortuna8ph .icon-task,
.fortuna8ph .vc-v2-container .vc-v2-active-container .act-item.on svg {
  fill: #8233ec !important;
}

.fortuna8ph .tr-item-content-item,
.fortuna8ph
  .v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-list-body
  .wallet-name {
  color: #fff;
}

.fortuna8ph .am-badge-text {
  background-color: #fff;
  color: #fff;
}

.fortuna8ph
  .v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .am-list-body
  .am-list-item#mc-wallet-checked {
  border-color: #eff3f6;
  background: rgba(239, 243, 246, 0.1);
}

.fortuna8ph .sub-name-search input::-webkit-input-placeholder {
  color: #626061 !important;
}

.fortuna8ph .am-modal-button-group-h .am-modal-button:first-child,
.fortuna8ph .am-tabs-bar .am-tabs-tab,
.fortuna8ph .card-details.contract .spandetails,
.fortuna8ph .change-statis-wrap .statis-left .btn-change,
.fortuna8ph .contract-history .history-tbody,
.fortuna8ph .dividend-list-more > div,
.fortuna8ph .flex-list-title,
.fortuna8ph .list-popup-container,
.fortuna8ph .mc-team-filter .am-list-item.am-input-item,
.fortuna8ph .orderinfo-wrap .orderinfo-body .orderion-content-text *,
.fortuna8ph .pal-records-list-root .time,
.fortuna8ph .red-rain-input input,
.fortuna8ph .red-rain-tcenter,
.fortuna8ph .salary_info tbody tr td,
.fortuna8ph .salary_rule,
.fortuna8ph .sigin-c-remarks b,
.fortuna8ph .sigin-c-remarks p,
.fortuna8ph .sigin-modal .sigin-modal-content .amount-info p,
.fortuna8ph .sigin-today-desc,
.fortuna8ph .statis-container .statis-lin .lin-left div,
.fortuna8ph .statis-container .statis-lin .lin-rigth div,
.fortuna8ph .sub-name-search input,
.fortuna8ph .sub-name-search input::placeholder,
.fortuna8ph .team-member-item-content,
.fortuna8ph .team-member-item-content .time,
.fortuna8ph .team-member-nickname input,
.fortuna8ph .team-member-trans input,
.fortuna8ph .team-op a.edit-btn,
.fortuna8ph .team-rebate-btnleft .am-button,
.fortuna8ph .tic-footer-title,
.fortuna8ph .tr-item-time,
.fortuna8ph .v-base .m-mc-notice-container .m-mc-notice-index-content,
.fortuna8ph .v-base .m-mc-notice-container .mc-notice-time {
  color: #626061 !important;
}

.fortuna8ph .point-tips {
  color: rgba(98, 96, 97, 0.7) !important;
}

.fortuna8ph .sub-name-search,
.fortuna8ph .team-rebate-btnleft .am-button {
  border-color: #626061 !important;
}

.fortuna8ph .exchange-wrap .exchange-order-info .exchange-order-price li,
.fortuna8ph .red-rain-input input,
.fortuna8ph .statis-gameType-wrap .btn-wrap {
  background: rgba(150, 179, 198, 0.1);
}

.fortuna8ph .ag-link-lmanage .ag-link-mgbottom,
.fortuna8ph .agrg-downline-cname,
.fortuna8ph
  .exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-third
  .item-order-date,
.fortuna8ph .exchange-wrap .exchange-order-info .exchange-order-price li,
.fortuna8ph .leader-board-container .leader-board-header-status div,
.fortuna8ph .mall-home-middle,
.fortuna8ph .mall-home-wrap .mall-home-choose,
.fortuna8ph .mall-order-integral,
.fortuna8ph .mc-tab-container .mc-tab-item,
.fortuna8ph .mc-team-filter .am-list-item .am-input-control input,
.fortuna8ph .new-date-picker .date-picker-warp .pickter-item.through-item,
.fortuna8ph
  .orderinfo-wrap
  .orderinfo-header
  .orderinfo-middle
  .orderinfo-price,
.fortuna8ph .orderinfo-wrap .orderinfo-submit p,
.fortuna8ph .point-history-wrap .point-item-wrap .point-types .point-date,
.fortuna8ph .point-history-wrap .point-item-wrap .point-types .point-remarks,
.fortuna8ph .sigin-c-footer .title {
  color: #626061;
}

.fortuna8ph .lottType-box,
.fortuna8ph .mc-lott-record-root .select-Box .type,
.fortuna8ph .mc-lott-record-root .select-Box > div,
.fortuna8ph .play-chooser form,
.fortuna8ph .play-chooser input,
.fortuna8ph .trans-unchecked {
  color: #626061 !important;
  border-color: #626061 !important;
}

.fortuna8ph .exchange-wrap .font-color-red,
.fortuna8ph .orderinfo-wrap .font-color-red,
.fortuna8ph .point-history-wrap .color-red,
.fortuna8ph .sigin-today-desc span,
.fortuna8ph .today {
  color: #fb474b !important;
}

.fortuna8ph .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-left,
.fortuna8ph .am-search-input input[type="search"],
.fortuna8ph .devidend-container .popup-header,
.fortuna8ph
  .exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-first
  .item-order-name,
.fortuna8ph
  .exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-first
  .item-order-number,
.fortuna8ph .grid-title,
.fortuna8ph .leader-board-container .leader-board-header-info,
.fortuna8ph .leader-board-container .leader-board-header-status div.lb-active,
.fortuna8ph .mall-home-wrap .mall-home-orders .mall-order .mall-order-text,
.fortuna8ph .point-form-item .am-list-item .am-list-line .am-list-content,
.fortuna8ph .point-history-wrap .color-black,
.fortuna8ph .red-rain-tetit,
.fortuna8ph .red-rain-type .agrg-downline-cname,
.fortuna8ph .sigin-today-title {
  color: #fff !important;
}

.fortuna8ph .contract-history .history-thead,
.fortuna8ph .dividend-list-more,
.fortuna8ph .grid-content {
  background: #fafafa;
}

.fortuna8ph .agentSalary .mc-trans-filter .am-button-ghost,
.fortuna8ph .contractPeople,
.fortuna8ph .leader-board-container .leader-board-header-status div.lb-active,
.fortuna8ph .lott-record-container,
.fortuna8ph .no-salary-list {
  color: #8233ec;
}

.fortuna8ph .agentSalary .mc-trans-filter .am-button-ghost svg,
.fortuna8ph .contractPeople svg,
.fortuna8ph
  .leader-board-container
  .leader-board-header-status
  div.lb-active
  svg,
.fortuna8ph .lott-record-container svg,
.fortuna8ph .no-salary-list svg {
  fill: #8233ec;
}

.fortuna8ph .mc-team-filter .am-list-item.am-input-item,
.fortuna8ph .sub-name-search {
  border-color: #626061;
}

.fortuna8ph .mc-team-filter .am-list-item.am-input-item svg,
.fortuna8ph .sub-name-search svg {
  fill: #626061;
}

.fortuna8ph .singd-downline-info svg {
  fill: #626061 !important;
}

.fortuna8ph .am-modal-body,
.fortuna8ph .exchange-wrap .exchange-order-info .exchange-order-count,
.fortuna8ph .exchange-wrap .exchange-order-info .exchange-order-name,
.fortuna8ph .exchange-wrap .font-color-gray,
.fortuna8ph .game-amount-content span:last-child,
.fortuna8ph .orderinfo-wrap .orderinfo-body h5,
.fortuna8ph .orderinfo-wrap .orderinfo-header .orderinfo-middle .orderinfo-text,
.fortuna8ph .point-history-wrap .color-black,
.fortuna8ph .tic-footer-amount {
  color: #fff;
}

.fortuna8ph .dividend-rate,
.fortuna8ph .go-team-bet,
.fortuna8ph .go-team-bet i,
.fortuna8ph .go-team-record,
.fortuna8ph .go-team-record i,
.fortuna8ph .mc-trans-record-container .color-green-in,
.fortuna8ph .mt-team-footer,
.fortuna8ph .records-item-header .game-amount-content span:last-child,
.fortuna8ph .red-rain-tright,
.fortuna8ph .team-member-trans header .label,
.fortuna8ph .tt-balance-content {
  color: #8233ec !important;
}

.fortuna8ph .dividend-rate svg,
.fortuna8ph .go-team-bet i svg,
.fortuna8ph .go-team-bet svg,
.fortuna8ph .go-team-record i svg,
.fortuna8ph .go-team-record svg,
.fortuna8ph .mc-trans-record-container .color-green-in svg,
.fortuna8ph .mt-team-footer svg,
.fortuna8ph .records-item-header .game-amount-content span:last-child svg,
.fortuna8ph .red-rain-tright svg,
.fortuna8ph .team-member-trans header .label svg,
.fortuna8ph .tt-balance-content svg {
  fill: #8233ec !important;
}

.fortuna8ph .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-right svg,
.fortuna8ph .agent-link-nodata svg,
.fortuna8ph .block.member svg,
.fortuna8ph .card-header-people,
.fortuna8ph .devidend-container svg,
.fortuna8ph .has-claimed svg,
.fortuna8ph .icon-complete,
.fortuna8ph .icon-span svg,
.fortuna8ph .lin-left svg,
.fortuna8ph .lin-rigth svg,
.fortuna8ph .lkmn-poup-qrlink svg,
.fortuna8ph .mall-intergral-svg,
.fortuna8ph .mc-icon-member,
.fortuna8ph .mc-trans-filter svg.am-icon-lg,
.fortuna8ph .need-fill,
.fortuna8ph .rebateReport-item-content svg,
.fortuna8ph .salary-popup-container .save-icon,
.fortuna8ph .security-icon,
.fortuna8ph .team-member-nickname svg,
.fortuna8ph .team-member-trans svg,
.fortuna8ph .team-rebate-tleft svg,
.fortuna8ph .unerlvl.block svg,
.fortuna8ph .user-icon {
  fill: #8233ec !important;
}

.fortuna8ph .mc-popup-trans > span > svg {
  fill: #8233ec !important;
}

.fortuna8ph .team-member-trans input {
  border-radius: 0.15rem;
}

.fortuna8ph .add-inputIcon,
.fortuna8ph .agrgic-downline-select,
.fortuna8ph .am-button-ghost.am-button-active,
.fortuna8ph .am-switch input[type="checkbox"]:checked + .checkbox,
.fortuna8ph .bet-filter-container .bet-filter-sub div.ck:after,
.fortuna8ph .ContactName,
.fortuna8ph .ContactNamet,
.fortuna8ph .Contacts .am-search-cancel,
.fortuna8ph .discount-tip,
.fortuna8ph .EmaiWebList .look .am-badge-dot,
.fortuna8ph .grid-title:after,
.fortuna8ph .mc-profile-swiper-nav li.ck,
.fortuna8ph .mc-profitLoss-record-root .am-button-primary,
.fortuna8ph .mc-transaction-record-root .am-button-primary,
.fortuna8ph .swiper-pagination-bullet-active,
.fortuna8ph .ticket-item .ticket-item-btn {
  background: #8233ec !important;
}

.fortuna8ph
  .new-date-picker
  .date-picker-warp
  .pickter-item.active-item.start-item
  + .end-item:before,
.fortuna8ph
  .new-date-picker
  .date-picker-warp
  .pickter-item.active-item.start-item
  + .through-item:before,
.fortuna8ph .new-date-picker .date-picker-warp .pickter-item.through-item,
.fortuna8ph
  .new-date-picker
  .date-picker-warp
  .pickter-item.through-item
  + .end-item:before,
.fortuna8ph
  .new-date-picker
  .date-picker-warp
  .pickter-item:nth-child(7n).through-item:before,
.fortuna8ph
  .new-date-picker
  .date-picker-warp
  .pickter-item:nth-child(7n + 1).through-item:before {
  background: #fef6e9;
}

.fortuna8ph .account-form input,
.fortuna8ph .account-form svg.txt-svg,
.fortuna8ph .ag-link-lmanage .ag-link-mgbottom .mccolor-1cc534,
.fortuna8ph .ag-link-lmanage .ag-link-mgbottom .mccolor-23deb8,
.fortuna8ph .ag-link-lmanage .ag-link-mgbottom .mccolor-db2404,
.fortuna8ph .agent-link-nodata .am-result-title,
.fortuna8ph .agrg-downline-bnsetp > span,
.fortuna8ph .agrg-downline-bnslt,
.fortuna8ph .agrg-downline-bnsrt,
.fortuna8ph .am-button-ghost,
.fortuna8ph .am-modal-button-group-v .am-modal-button,
.fortuna8ph .amount-positive-number,
.fortuna8ph .banner .money,
.fortuna8ph .card-details .card-header div.endContract,
.fortuna8ph .color2,
.fortuna8ph .contract-history .user-info .user-title,
.fortuna8ph .contract-tips,
.fortuna8ph .contractText,
.fortuna8ph .dividend-list-more > div:nth-child(2n) p,
.fortuna8ph .dividend-list-more > div:nth-child(odd) p,
.fortuna8ph .downline-item-toot .action-sign,
.fortuna8ph .downline-item-toot .start_contract,
.fortuna8ph
  .exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-third
  .item-order-state-A,
.fortuna8ph .exchange-wrap .exchange-order-info .exchange-order-price .active,
.fortuna8ph .filter-tabPane-btn,
.fortuna8ph .game-record-show .am-search-cancel,
.fortuna8ph .is-comp,
.fortuna8ph .link-detail-title,
.fortuna8ph .mc-game-record-root .activity-spinner svg,
.fortuna8ph .mc-new-team-tab .mc-agent-team-tab .am-flexbox-item.tab-active,
.fortuna8ph .new-date-picker .date-picker-content .btn-clear-date,
.fortuna8ph .new-date-picker .date-picker-content .date-picker-title,
.fortuna8ph
  .new-date-picker
  .date-picker-content
  .date-picker-title
  .active-item,
.fortuna8ph .nodata-container,
.fortuna8ph .placeholder,
.fortuna8ph .play-chooser .chase-number > span,
.fortuna8ph .point-balance p,
.fortuna8ph .point-convert .point-form-item.important-number .am-list-extra,
.fortuna8ph .rebate-span-rt,
.fortuna8ph .rebateReport-item-content .am-flexbox span,
.fortuna8ph .rebateReport .rebate,
.fortuna8ph .red-rain-tleft,
.fortuna8ph .red-rain-underling span.on,
.fortuna8ph .sc-bonus,
.fortuna8ph .sc-days,
.fortuna8ph .sc-integral,
.fortuna8ph .sigin-modal .sigin-modal-content .amount-info div,
.fortuna8ph .sign-operation > span,
.fortuna8ph .statis-container .statis-lin .blue-count,
.fortuna8ph .statis-container .statis-lin .gray-count,
.fortuna8ph .statis-container .statis-lin .green-count,
.fortuna8ph .statis-container .statis-lin .red-count,
.fortuna8ph .team-member-nickname header .label,
.fortuna8ph .team-rebate-tcenter,
.fortuna8ph .v-base .m-mc-notice-container .m-mc-notice-title,
.fortuna8ph .v-base .m-mc-notice-container .mmnt-title-detail,
.fortuna8ph
  .v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-list-body
  .wallet-balance,
.fortuna8ph .vc-v2-container .vc-v2-input .inputCon input,
.fortuna8ph .vc-v2-container .vc-v2-method-list li.ck .vcn-list-desc,
.fortuna8ph .vc-v2-container .vc-v2-method li.ck,
.fortuna8ph .w-input-content,
.fortuna8ph .w-input-content input,
.fortuna8ph .withdraw-container-v2 .am-tabs-tab-active span {
  color: #8233ec;
}

.fortuna8ph .sigin-c-footer li > div {
  background: rgba(130, 51, 236, 0.1);
}

.fortuna8ph .play-chooser .am-search-input input[type="search"] {
  background: none;
}

.fortuna8ph .am-modal-button-group-h .am-modal-button,
.fortuna8ph .am-modal-title {
  color: #8233ec;
}

.fortuna8ph .new-date-picker .date-picker-warp .pickter-item:nth-child(7n) {
  border-color: none;
}

.fortuna8ph .agrg-downline-bnsetp > span:nth-child(2),
.fortuna8ph .color-red-out,
.fortuna8ph .singd-downline-info {
  color: #fff;
}

.fortuna8ph .am-tabs-tabpane-active .card-body,
.fortuna8ph .card-details.contract .protocolDetails .details,
.fortuna8ph .protocolDetails .details p,
.fortuna8ph .sign-salary-root .singd-details tbody .salary-activeMember,
.fortuna8ph .sign-salary-root .singd-details tbody .salary-betVolume,
.fortuna8ph .sign-salary-root .singd-details tbody .salary-rateType,
.fortuna8ph .statis-gameType-wrap .active {
  color: #fff !important;
}

.fortuna8ph .banner.bet,
.fortuna8ph .banner.salary {
  background: linear-gradient(90deg, #8433ec, #ac40ec);
}

.fortuna8ph .dividend-list div .dl-content {
  background: linear-gradient(90deg, #8433ec, #ac40ec) !important;
}

.fortuna8ph .dividend-list div:last-child .dl-content,
.fortuna8ph .n-home-container .n-nav-list-title:after,
.fortuna8ph .n-home-container .n-nav-list-title span {
  background: #eff3f6 !important;
}

.fortuna8ph .agentDivident .grid-container {
  background: rgba(150, 179, 198, 0.1);
}

.fortuna8ph .account-form input:focus,
.fortuna8ph .agrg-downline-bnsetp > span.agrg-downline-bnstbt,
.fortuna8ph .agrg-downline-input input:focus,
.fortuna8ph .am-button-ghost,
.fortuna8ph .common-center-top .common-top-img,
.fortuna8ph .filter-tabPane-btn,
.fortuna8ph .game-record-show .am-search,
.fortuna8ph .mc-checkbox.mc-checkbox-checked .mc-checkbox-inner,
.fortuna8ph .mc-checkbox.mc-checkbox-checked .mc-checkbox-inner:after,
.fortuna8ph .popup-container input,
.fortuna8ph .red-rain-input input:focus,
.fortuna8ph .red-rain-underling span.on,
.fortuna8ph
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active,
.fortuna8ph .w-input-content {
  border-color: #8233ec;
}

.fortuna8ph .am-button-primary,
.fortuna8ph .am-slider-track,
.fortuna8ph .discount-tip,
.fortuna8ph .mc-switch .checkbox.on:before,
.fortuna8ph
  .new-date-picker
  .date-picker-warp
  .pickter-item.active-item.end-item
  span,
.fortuna8ph
  .new-date-picker
  .date-picker-warp
  .pickter-item.active-item.start-item
  span,
.fortuna8ph .vc-v2-title:before,
.fortuna8ph
  .withdraw-bank
  .slider-frame
  + div
  .am-carousel-wrap-dot-active
  > span {
  background: #8233ec !important;
  color: #fff;
}

.fortuna8ph .mc-switch.mc-qutas-bg .checkbox:before {
  background: #888;
}

.fortuna8ph .am-tabs-ink-bar,
.fortuna8ph .inputIcon,
.fortuna8ph .mc-switch.mc-qutas-bg .on:before,
.fortuna8ph .mc-trans-filter .am-search-cancel,
.fortuna8ph .sigin-tab .am-tabs-tab-active .tab-title:after,
.fortuna8ph .statis-gameType-wrap .btn-wrap.active i:first-child,
.fortuna8ph .vc-v2-title:before,
.fortuna8ph .withdraw-container-v2 .am-tabs-tab-active span:before {
  background: #8233ec !important;
}

.fortuna8ph .am-tabs-ink-bar svg,
.fortuna8ph .inputIcon svg,
.fortuna8ph .mc-switch.mc-qutas-bg .on:before svg,
.fortuna8ph .mc-trans-filter .am-search-cancel svg,
.fortuna8ph .sigin-tab .am-tabs-tab-active .tab-title:after svg,
.fortuna8ph .statis-gameType-wrap .btn-wrap.active i:first-child svg,
.fortuna8ph .vc-v2-title:before svg,
.fortuna8ph .withdraw-container-v2 .am-tabs-tab-active span:before svg {
  fill: #8233ec !important;
}

.fortuna8ph .discount-tip,
.fortuna8ph .mc-trans-filter .am-button-primary,
.fortuna8ph .trans-checked {
  background: #8233ec !important;
  border-color: #8233ec !important;
}

.fortuna8ph .leader-board-container .leader-board-integral,
.fortuna8ph .mall-home-top .mall-user-integral {
  background: hsla(0, 0%, 100%, 0.5);
}

.fortuna8ph .mc-trans-filter .am-button-ghost,
.fortuna8ph .point-history-wrap .am-button-ghost {
  border-color: #626061;
  color: #626061;
}

.fortuna8ph .mc-trans-filter .am-button-ghost svg,
.fortuna8ph .point-history-wrap .am-button-ghost svg {
  fill: #626061;
}

.fortuna8ph
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active {
  border-color: inherit;
}

.fortuna8ph .ivi-icon svg {
  display: inline-block;
}

.fortuna8ph .id-verification-icon {
  display: none;
}

.fortuna8ph .add-card-btn,
.fortuna8ph .agrg-downline-sub,
.fortuna8ph .am-button-primary,
.fortuna8ph .bind-first span,
.fortuna8ph .btn-confirm-date,
.fortuna8ph .btn-success,
.fortuna8ph .button-submit,
.fortuna8ph .change-statis-wrap .statis-left .btn-change-active,
.fortuna8ph .contract-salary-operation a:last-child,
.fortuna8ph .copy-contact,
.fortuna8ph .lkmn-poup-qrcopy,
.fortuna8ph .orderinfo-wrap .orderinfo-submit .button-submit,
.fortuna8ph .play-more-game,
.fortuna8ph .poplist-footer a:last-child.footer-button,
.fortuna8ph .profile-swiper-container .am-modal-button,
.fortuna8ph .sigin-today-sub,
.fortuna8ph .signedSalary-root .poplist-footer a:last-child.footer-button,
.fortuna8ph .submitEmail,
.fortuna8ph .team-member-nickname .trans-container:first-child,
.fortuna8ph .team-rebate-btnright .am-button,
.fortuna8ph
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active,
.fortuna8ph .vc-v2-submit,
.fortuna8ph .w-input-submit-true {
  background: linear-gradient(90deg, #8433ec, #ac40ec) !important;
}

.fortuna8ph .add-card-btn span,
.fortuna8ph .agrg-downline-sub span,
.fortuna8ph .am-button-primary span,
.fortuna8ph .bind-first span span,
.fortuna8ph .btn-confirm-date span,
.fortuna8ph .btn-success span,
.fortuna8ph .button-submit span,
.fortuna8ph .change-statis-wrap .statis-left .btn-change-active span,
.fortuna8ph .contract-salary-operation a:last-child span,
.fortuna8ph .copy-contact span,
.fortuna8ph .lkmn-poup-qrcopy span,
.fortuna8ph .orderinfo-wrap .orderinfo-submit .button-submit span,
.fortuna8ph .play-more-game span,
.fortuna8ph .poplist-footer a:last-child.footer-button span,
.fortuna8ph .profile-swiper-container .am-modal-button span,
.fortuna8ph .sigin-today-sub span,
.fortuna8ph .signedSalary-root .poplist-footer a:last-child.footer-button span,
.fortuna8ph .submitEmail span,
.fortuna8ph .team-member-nickname .trans-container:first-child span,
.fortuna8ph .team-rebate-btnright .am-button span,
.fortuna8ph
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active
  span,
.fortuna8ph .vc-v2-submit span,
.fortuna8ph .w-input-submit-true span {
  color: #fff;
}

.fortuna8ph .add-card-btn,
.fortuna8ph .bind-first span,
.fortuna8ph .button-submit,
.fortuna8ph .copy-contact,
.fortuna8ph
  .copy-contact，
  .new-date-picker
  .date-picker-warp
  .pickter-item.through-item,
.fortuna8ph .mc-lott-record-root .select-Box span.active,
.fortuna8ph .orderinfo-wrap .orderinfo-submit .button-submit,
.fortuna8ph .ticket-item .ticket-item-btn {
  box-shadow: none !important;
}

.fortuna8ph .devidend-container .popup-header,
.fortuna8ph .popup-container input,
.fortuna8ph .salary-popup-header {
  background: rgba(130, 51, 236, 0.2);
}

.fortuna8ph .sign-salary-root .singd-details thead tr td {
  color: #fff;
  background: inherit;
}

.fortuna8ph .exchange-wrap .exchange-order-info .exchange-order-price .active,
.fortuna8ph .statis-gameType-wrap .active {
  background: rgba(239, 243, 246, 0.2) !important;
  border-color: #8233ec !important;
  color: #fff !important;
}

.fortuna8ph .exchange-wrap .exchange-order-info .exchange-order-price .active {
  box-shadow: -1px 0 0.05rem #8233ec !important;
}

.fortuna8ph .salary-popup-container .input-container input {
  background: rgba(130, 51, 236, 0.2) !important;
}

.fortuna8ph .lkmn-poup-tbig,
.fortuna8ph .lkmn-poup-tsmall,
.fortuna8ph .mc-trans-record-container .color-red-out,
.fortuna8ph .point-wrap .point-table-title span {
  color: #8233ec;
}

.fortuna8ph .common-wb-cards {
  background: linear-gradient(90deg, #8433ec, #ac40ec) !important;
}

.fortuna8ph .btn-success {
  box-shadow: 0 0.1rem 0.2rem 0 #eff3f6 !important;
}

.fortuna8ph .btn-success.am-button-disabled {
  box-shadow: none !important;
}

.fortuna8ph .withdraw-bkdbtn {
  border-color: #8233ec;
}

.fortuna8ph .red-rain-main input::-webkit-input-placeholder,
.fortuna8ph .team-member-trans input::-webkit-input-placeholder {
  color: #626061 !important;
}

.fortuna8ph .agrg-downline-input input,
.fortuna8ph
  .exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-type,
.fortuna8ph .lkmn-poup-qrcnt span,
.fortuna8ph .mc-trans-filter .chase-number,
.fortuna8ph .rebateReport-item-root .time,
.fortuna8ph .red-rain-main input::placeholder,
.fortuna8ph .show-more,
.fortuna8ph .singd-downline-info .more-info,
.fortuna8ph .team-member-trans input::placeholder,
.fortuna8ph .tmt-header,
.fortuna8ph .withdraw-bkinfo {
  color: #626061 !important;
}

.fortuna8ph .am-tag-normal,
.fortuna8ph .statis-gameType-wrap .btn-wrap,
.fortuna8ph .vc-v2-container .vc-v2-method li,
.fortuna8ph .vc-v2-container .vc-v2-method li .min-max,
.fortuna8ph .vc-v2-container .vc-v2-method li .vcn-list-text {
  color: #626061 !important;
  border-color: #626061 !important;
}

.fortuna8ph .am-tag-normal.unit-active {
  color: #eff3f6 !important;
  border-color: #eff3f6 !important;
}

.fortuna8ph .point-wrap .point-list-wrap .point-list-header,
.fortuna8ph .withdraw-bkadd {
  background: #eff3f6;
}

.fortuna8ph .wallet_return div {
  background: rgba(239, 243, 246, 0.4);
}

.fortuna8ph .n-home-container .n-nav-list-title span,
.fortuna8ph .wallet_return div {
  color: #fff;
}

.fortuna8ph .n-home-container .n-nav-list-title span svg,
.fortuna8ph .wallet_return div svg {
  fill: #eff3f6;
}

.fortuna8ph .agrg-downline-bnstbt,
.fortuna8ph .point-wrap .point-list-wrap .point-list-header {
  color: #fff;
}

.fortuna8ph .agrg-downline-bnstbt svg,
.fortuna8ph .point-wrap .point-list-wrap .point-list-header svg {
  fill: #8233ec;
}

.fortuna8ph .point-wrap .point-list-wrap .point-list-item {
  background: rgba(150, 179, 198, 0.4);
}

.fortuna8ph .card-details.contract .protocolDetails,
.fortuna8ph .contract-history .history-tbody {
  background: none;
}

.fortuna8ph .contract-history .history-tbody {
  border-bottom: 1px solid #8233ec;
}

.fortuna8ph .exchange-wrap .exchange-submit p,
.fortuna8ph .mc-profitLoss-record-root .am-button-ghost,
.fortuna8ph .mc-transaction-record-root .am-button-ghost {
  color: #626061 !important;
  border-color: #626061 !important;
}

.fortuna8ph .exchange-wrap .exchange-submit p svg,
.fortuna8ph .mc-profitLoss-record-root .am-button-ghost svg,
.fortuna8ph .mc-transaction-record-root .am-button-ghost svg {
  fill: #626061 !important;
}

.fortuna8ph .auto-fill-btn,
.fortuna8ph .card-details.contract .protocolDetails .header,
.fortuna8ph .records-item-header-sy i {
  background: #eff3f6 !important;
}

.fortuna8ph .sign-salary-root .singd-details thead tr,
.fortuna8ph
  .v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-trans-details
  .trans-container
  > span.checked {
  background: #eff3f6;
  border-color: #eff3f6;
  color: #fff;
}

.fortuna8ph .trans-checked.am-button-active,
.fortuna8ph .trans-unchecked.am-button-active {
  background: none !important;
}

.fortuna8ph .team-member-nickname .nickname-form input,
.fortuna8ph
  .team-member-nickname
  .trans-container-header
  .trans-container:last-child,
.fortuna8ph
  .v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-trans-details
  .trans-container:last-child
  > span {
  background: rgba(150, 179, 198, 0.1) !important;
}

.fortuna8ph .red-rain-input input,
.fortuna8ph .team-member-nickname .nickname-form input {
  border: 1px solid #626061;
}

.fortuna8ph .team-member-nickname .nickname-form,
.fortuna8ph .tt-content {
  background: inherit !important;
}

.fortuna8ph .add-card-btn.dis,
.fortuna8ph .vc-v2-submit.dis {
  background: #626061 !important;
}

.fortuna8ph .am-tabs-bar .am-tabs-tab-active,
.fortuna8ph .amount-negative-number,
.fortuna8ph .card-details .card-header div.endContract span a,
.fortuna8ph .hd-status-tip,
.fortuna8ph .leader-board-container .leader-board-header-status div.lb-active,
.fortuna8ph .lkmn-poup-qrlink span,
.fortuna8ph .record-footer div span:last-child,
.fortuna8ph .show-tips a,
.fortuna8ph .sigin-c-content .am-tabs-bar .am-tabs-tab-active,
.fortuna8ph .team-member-item-header span,
.fortuna8ph .vrification-loading-content p span {
  color: #8233ec !important;
}

.fortuna8ph .name-filter .am-search .am-search-input,
.fortuna8ph .name-filter .am-search .am-search-synthetic-ph,
.fortuna8ph .red-rain-select .am-search-input {
  background: #f0f0f0 !important;
  color: #626061 !important;
}

.fortuna8ph .point-history-wrap .am-button-primary {
  color: #fff;
  background: #8233ec !important;
}

.fortuna8ph .point-history-wrap .am-button-primary svg {
  fill: #fff;
}

.fortuna8ph .red-rain-select .am-search-input input {
  color: #626061 !important;
}

.fortuna8ph .red-rain-select .am-search-cancel,
.fortuna8ph .vc-v2-container .vc-v2-active-container .act-item .act-mount i {
  color: #8233ec;
}

.fortuna8ph .personalCenter .has-error input {
  box-shadow: none !important;
  border: 1px solid #8233ec !important;
}

.fortuna8ph .account-form input:focus,
.fortuna8ph .play-more-game {
  box-shadow: none !important;
}

.fortuna8ph .am-search-input input[type="search"] {
  background: rgba(150, 179, 198, 0.1);
  color: #626061 !important;
}

.fortuna8ph .devidend-container .popup-header span,
.fortuna8ph .game-amount-content .amount-total,
.fortuna8ph .mc-notice-content .wysiwyg,
.fortuna8ph .sigin-today-title,
.fortuna8ph .team-member-trans header span:last-child {
  color: #fff;
}

.fortuna8ph .red-rain-lpbody #mc-header {
  position: relative !important;
}

.fortuna8ph .red-rain-lpbody #mc-header span {
  text-align: center;
  height: auto !important;
}

.fortuna8ph .red-rain-lpbody .red-rain-select {
  margin-top: 0;
}

.fortuna8ph .ph-icon {
  display: inline-block;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 0.6rem;
  background: #8233ec;
  top: 0.16rem;
  position: relative;
}

.fortuna8ph .ph-icon svg {
  top: 0 !important;
  fill: #fff;
  left: 0.07rem;
  width: 0.44rem !important;
  height: 0.44rem !important;
}

.fortuna8ph .mc-wallet-list-body .am-flexbox-item:first-child {
  display: inline-block;
  width: 0.6rem !important;
  height: 0.6rem !important;
  border-radius: 0.6rem;
  background: #8233ec;
}

.fortuna8ph .mc-wallet-list-body .am-flexbox-item:first-child svg {
  top: 0.12rem !important;
  fill: #fff;
  position: relative;
  left: 0.12rem;
  width: 0.34rem !important;
  height: 0.34rem !important;
}

.fortuna8ph .ph-text {
  margin-left: 0.1rem;
  top: 0.06rem;
  position: relative;
}

.fortuna8ph .trans-icon-container svg {
  fill: #96b3c6 !important;
}

.fortuna8ph .ag-link-mgtop-left span {
  display: inline-block;
  width: 0.54rem !important;
  height: 0.54rem !important;
  border-radius: 0.6rem;
  background: #8233ec;
  position: relative;
  top: 0.1rem;
  margin-right: 0.1rem;
}

.fortuna8ph .ag-link-mgtop-left span svg {
  top: -0.04rem !important;
  fill: #fff;
  position: relative;
  left: 0.08rem;
  width: 0.34rem !important;
  height: 0.34rem !important;
}

.fortuna8ph .am-picker-popup-item,
.fortuna8ph .card-header .ric-date {
  color: #8233ec !important;
}

.fortuna8ph .records-item-header-sy i,
.fortuna8ph .statis-gameType-wrap .btn-wrap .gameType-item-0 {
  background: #8233ec !important;
}

.fortuna8ph .statis-gameType-wrap .btn-wrap .gameType-item-2 {
  background: #96b3c6;
}

.fortuna8ph .point-convert .point-form-item .am-list-extra,
.fortuna8ph .point-convert .point-form-item .am-list-extra input {
  color: #96b3c6;
}

.fortuna8ph .go-home-btn {
  background: #626061 !important;
}

.fortuna8ph .statis-gameType-wrap .btn-wrap .gameType-item-1,
.fortuna8ph .statis-gameType-wrap .btn-wrap .his-gameType-item-0,
.fortuna8ph .statis-gameType-wrap .btn-wrap .his-gameType-item-1,
.fortuna8ph .statis-gameType-wrap .btn-wrap .his-gameType-item-2,
.fortuna8ph .statis-gameType-wrap .btn-wrap .his-gameType-item-3,
.fortuna8ph .statis-gameType-wrap .btn-wrap .his-gameType-item-4,
.fortuna8ph .statis-gameType-wrap .btn-wrap .his-gameType-item-5,
.fortuna8ph .statis-gameType-wrap .btn-wrap .his-gameType-item-6,
.fortuna8ph .statis-gameType-wrap .btn-wrap .his-gameType-item-7,
.fortuna8ph .statis-gameType-wrap .btn-wrap .his-gameType-item-8 {
  background: #626061;
}

.fortuna8ph .mc-new-team-tab .mc-agent-team-tab .am-flexbox-item.tab-active {
  color: #8233ec !important;
  border-color: #8233ec !important;
}

.fortuna8ph .poplist-footer a:first-child {
  border-color: #626061 !important;
  color: #626061 !important;
}

.fortuna8ph .agent-container .agent-body .h4-wrp,
.fortuna8ph .leader-board-container .profile-icon {
  border-color: #8233ec;
}

.fortuna8ph .statis-gameType-wrap .active i {
  background: #8233ec;
}

.fortuna8ph .n-form-content input {
  -webkit-appearance: none;
  outline: none;
}

.fortuna8ph
  .item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .item-trans-info
  .info-btn
  svg {
  fill: #fff !important;
}

.fortuna8ph #mc-app-home-root,
.fortuna8ph #mc-app-home-root .member-home-root,
.fortuna8ph .v-base .main-nav-list {
  background-color: #fff;
}

.fortuna8ph .agentDivident .myDividend .name-filter .searchOne,
.fortuna8ph .am-modal-button-group-h .am-modal-button,
.fortuna8ph .am-tabs-bar .am-tabs-tab-active,
.fortuna8ph .amount-negative-number,
.fortuna8ph .bet-filter-container .bet-filter-sub .bf-close,
.fortuna8ph .card-details .card-header div.endContract span a,
.fortuna8ph .ck-btn,
.fortuna8ph
  .dropdown-wrapper
  .seach-popup
  .search-wrapper
  .list-submit
  .item-confirm,
.fortuna8ph .exchange-wrap .exchange-order-info .exchange-order-price .active,
.fortuna8ph .go-home-btn,
.fortuna8ph .hd-status-tip,
.fortuna8ph
  .item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .list-form
  .form-right
  button,
.fortuna8ph .leader-board-container .leader-board-header-status div.lb-active,
.fortuna8ph
  .modal-list-content
  .agrg-bouns-main
  .agrg-downline-bnset
  .agrg-downline-bnsetp
  .game-wrap
  .game-rebate,
.fortuna8ph .protocolDetails .details p,
.fortuna8ph .record-footer div span:last-child,
.fortuna8ph .show-tips a,
.fortuna8ph .sigin-c-content .am-tabs-bar .am-tabs-tab-active,
.fortuna8ph .sigin-title .sigin-tab-title,
.fortuna8ph .singd-downline-info .more-info,
.fortuna8ph .start-contract-root .contract-salary-refuse,
.fortuna8ph .team-member-item-header span,
.fortuna8ph .team-op a,
.fortuna8ph .team-rebate-tcenter,
.fortuna8ph .total-hands,
.fortuna8ph .vc-v2-container .vc-v2-input .inputCon i,
.fortuna8ph .vc-v2-container .vc-v2-input .inputCon input,
.fortuna8ph .vrification-loading-content p span {
  color: #8233ec !important;
}

.fortuna8ph .n-home-container .main-nav-style {
  color: #626061;
}

.fortuna8ph .n-home-container .main-nav-style > div svg {
  fill: #a89cb5;
}

.fortuna8ph .n-home-container .main-nav-style > .n-linear-border:before {
  background-image: linear-gradient(180deg, #e9d1ff, #fff, #e9d1ff);
  border-top-style: none;
}

.fortuna8ph .n-home-container .main-nav-style > .n-linear-border > div {
  border: 1px solid #fbf7ff;
}

.fortuna8ph .n-home-container .n-nav-list-title:after {
  background: #eff3f6 !important;
}

.fortuna8ph .n-home-container .n-nav-list-title span {
  background: #eff3f6 !important;
  color: #626061;
  border: none;
}

.fortuna8ph .center-svgBox .am-icon-lightning,
.fortuna8ph .lott-record-container svg,
.fortuna8ph .no-salary-list svg {
  fill: #626061;
}

.fortuna8ph .nodata-container .nodata-icon {
  fill: rgba(98, 96, 97, 0.4) !important;
}

.fortuna8ph .lbti-nodata-modal .statistics,
.fortuna8ph .leader-board-container .leader-board-list-content .lblc-no-data,
.fortuna8ph .no-salary-list,
.fortuna8ph .nodata-container p,
.fortuna8ph .point-convert .point-form-item .am-list-extra,
.fortuna8ph .point-convert .point-form-item .am-list-extra input,
.fortuna8ph .point-wrap .point-list-wrap .point-list-item,
.fortuna8ph .salary-popup-container .contractRate.input-container {
  color: #626061;
}

.fortuna8ph .account-form .account-errors strong {
  color: #fb474b !important;
}

.fortuna8ph .btn-success {
  box-shadow: 0 0.1rem 0.2rem 0 #8233ec !important;
}

.fortuna8ph
  .team-member-nickname
  .trans-container-header
  .trans-container:last-child,
.fortuna8ph
  .v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-trans-details
  .trans-container:last-child
  > span {
  color: #626061 !important;
}

.fortuna8ph .bank-virtual-tips,
.fortuna8ph .translate-tips {
  color: #fb474b !important;
}

.fortuna8ph .dividend-list .show-icon.unfold {
  background-image: url(/images/theme/fortuna8ph/assets/fortuna8ph_show.png);
}

.fortuna8ph .ck-btn svg,
.fortuna8ph .contractPeople svg,
.fortuna8ph .mc-trans-filter .am-button-ghost svg,
.fortuna8ph .singd-downline-info svg {
  fill: #8233ec !important;
}

.fortuna8ph .agent-notice-container {
  background: #f8f8f8;
}

.fortuna8ph .common-center-top .cumulative-sign-in {
  height: 0.51rem !important;
  color: #fff;
  background-image:
    url("/images/theme/fortuna8ph/assets/sign.png"),
    linear-gradient(90deg, #ff716e, #ff716e) !important;
}

.fortuna8ph .common-center-top .cumulative-sign-in:after {
  height: 0.27rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.fortuna8ph .am-badge-text,
.fortuna8ph
  .new-date-picker.team-view
  .date-picker-warp
  .pickter-item.active-item
  span {
  background-color: #eff3f6;
  color: #626061;
}

.fortuna8ph .mall-home-top .mall-user-integral {
  background: hsla(0, 0%, 100%, 0.2) !important;
  color: #fff;
}

.fortuna8ph .mall-home-top .mall-user-integral .mall-intergral-svg {
  fill: #fef565 !important;
}

.fortuna8ph .leader-board-container .leader-board-integral {
  background: hsla(0, 0%, 100%, 0.2) !important;
  color: #fff !important;
}

.fortuna8ph #root .mc-navbar-blue .am-navbar-title,
.fortuna8ph #root .reward-center .am-navbar-title,
.fortuna8ph .mc-navbar-blue.am-navbar {
  color: #fff !important;
}

.fortuna8ph #mc-app-home-root #mc-header {
  background: inherit !important;
  box-shadow: inherit;
}

.fortuna8ph #mc-app-home-root #mc-header svg,
.fortuna8ph .mc-navbar-blue .am-icon-left,
.fortuna8ph .mc-navbar-blue .am-navbar-left svg,
.fortuna8ph .reward-center .return_icon svg {
  fill: #fff !important;
}

.fortuna8ph .reward-center svg {
  fill: rgba(37, 37, 37, 0.6) !important;
}

.fortuna8ph .point-wrap .point-list-wrap .point-list-header,
.fortuna8ph .statis-gameType-wrap .btn-wrap.active i:first-child,
.fortuna8ph .vc-v2-title:before {
  background-color: #8233ec;
}

.fortuna8ph .vc-v2-container .vc-v2-method li {
  border: 0.02rem solid #626061 !important;
}

.fortuna8ph
  .swiper-container-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  background-color: #626061;
}

.fortuna8ph .point-wrap .point-list-wrap .point-list-item {
  background: rgba(150, 179, 198, 0.2);
}

.fortuna8ph .mc-transaction-record-root.mtrr-container .am-button-ghost {
  border-color: #626061 !important;
  color: #626061 !important;
}

.fortuna8ph .mc-transaction-record-root.mtrr-container .am-button-ghost svg {
  fill: #626061 !important;
}

.fortuna8ph .team-member-nickname .nickname-form input,
.fortuna8ph .team-member-trans input {
  border: 1px solid #8233ec !important;
}

.fortuna8ph .red-rain-select .am-search-input input {
  box-shadow: 0 0.04rem 0.08rem 0 rgba(0, 0, 0, 0.05);
}

.fortuna8ph .am-tag-normal.unit-active,
.fortuna8ph .bet-filter-container .bet-filter-sub div.ck,
.fortuna8ph .go-home-btn,
.fortuna8ph .mc-trans-filter .am-button-ghost,
.fortuna8ph .poplist-footer a:first-child,
.fortuna8ph .start-contract-root .contract-salary-refuse,
.fortuna8ph
  .team-manage-wrapper
  .mc-agent-team-flow
  .team-member-flow
  input[type="radio"]:checked
  + label {
  border-color: #8233ec !important;
  color: #8233ec !important;
}

.fortuna8ph .go-home-btn,
.fortuna8ph .start-contract-root .contract-salary-refuse {
  background: #fff !important;
}

.fortuna8ph .team-member-trans .am-button-ghost.trans-unchecked {
  background: #fff !important;
  border-color: #626061 !important;
  color: #626061 !important;
}

.fortuna8ph .modal-list-footer .am-button,
.fortuna8ph .rescue-list .rescue-item .rescue-item-submit {
  background: linear-gradient(90deg, #8433ec, #ac40ec);
  color: #fff;
}

.fortuna8ph #root #mc-app-home-root.gc,
.fortuna8ph #root .mc-navbar-blue {
  background: #8233ec !important;
  background-size: cover !important;
}

.fortuna8ph .v-base .m-mc-notice-container .mc-notice-prev {
  transform: rotate(90deg) !important;
}

.fortuna8ph .v-base .m-mc-notice-container .mc-notice-next {
  transform: rotate(-90deg) !important;
}

.fortuna8ph #root .mc-home.mc-navbar-blue,
.fortuna8ph #root .mc-leader-board-list .mc-navbar-blue,
.fortuna8ph #root .mc-rewardCenter .mc-navbar-blue {
  box-shadow: none !important;
  background: transparent !important;
}

.fortuna8ph .sec_card .am-list-header {
  border: #626061;
}

.fortuna8ph .team-member-nickname .nickname-form .btn-confirm-trans,
.fortuna8ph .team-member-trans .btn-confirm-trans {
  border: none;
}

.fortuna8ph .withdraw-bkadd {
  background: #f99027;
}

.fortuna8ph .agent-container .agent-body .h4-wrp,
.fortuna8ph .common-center-top .common-top-img {
  border-color: #fff;
}

.fortuna8ph .leader-board-container .profile-icon {
  background: hsla(0, 0%, 100%, 0.2);
}

.fortuna8ph .reward-center .reward-user-integral {
  color: rgba(37, 37, 37, 0.6) !important;
}

.fortuna8ph .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-left,
.fortuna8ph .agrg-downline-bnsetp > span:nth-child(2),
.fortuna8ph .agrg-downline-title,
.fortuna8ph .center-header,
.fortuna8ph .contract-history .history-thead,
.fortuna8ph .contractText,
.fortuna8ph
  .exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-first
  .item-order-name,
.fortuna8ph
  .exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-first
  .item-order-number,
.fortuna8ph .exchange-wrap .exchange-order-info .exchange-order-count,
.fortuna8ph .exchange-wrap .exchange-order-info .exchange-order-name,
.fortuna8ph .exchange-wrap .exchange-order-info .exchange-order-price .active,
.fortuna8ph .exchange-wrap .font-color-gray,
.fortuna8ph .flex-list-text,
.fortuna8ph .game-amount-content span:last-child,
.fortuna8ph .mall-home-wrap .mall-home-orders .mall-order .mall-order-text,
.fortuna8ph .myRebate .rebate-span-lf,
.fortuna8ph .orderinfo-wrap .orderinfo-body h5,
.fortuna8ph .point-form-item .am-list-item .am-list-line .am-list-content,
.fortuna8ph .point-history-wrap .color-black,
.fortuna8ph .rebateReport-item-content .am-flexbox span,
.fortuna8ph .record-footer span.time,
.fortuna8ph .red-rain-tetit,
.fortuna8ph .red-rain-type .agrg-downline-cname,
.fortuna8ph .salary-popup-header div,
.fortuna8ph .sigin-modal .sigin-modal-content h3,
.fortuna8ph .sigin-today-title,
.fortuna8ph .signedSalary-root,
.fortuna8ph .tic-footer-amount,
.fortuna8ph .tr-item-content-item,
.fortuna8ph .tr-item-title {
  color: #5e5e5e !important;
}

.fortuna8ph .wallet_return div {
  background: #d7e7fe;
  color: #3b79f3;
}

.fortuna8ph .wallet_return div svg {
  fill: #3b79f3;
}

.fortuna8ph .am-modal-body {
  color: #888;
}

.fortuna8ph
  .dropdown-wrapper
  .seach-popup
  .search-wrapper
  .search-wrap
  .list-item
  .item-group
  input[type="radio"]:checked
  + label {
  border-color: #8233ec;
  color: #8233ec;
  background: #f6f2fb;
}

.fortuna8ph
  .overview-statis-wrapper
  .overview-select
  .item-btn
  input[type="radio"]:checked
  ~ label {
  border-color: #8233ec;
}

.fortuna8ph
  .overview-statis-wrapper
  .overview-select
  .item-btn
  input[type="radio"]:checked
  ~ .item-content:after {
  border-color: transparent transparent #8233ec;
}

.fortuna8ph .agrgic-downline-select {
  background: #626061;
}

.fortuna8ph
  .team-manage-wrapper
  .mc-agent-team-list
  .team-member-root
  .team-member-item-header
  .am-flexbox.am-flexbox-align-middle
  .item-header-icon
  .mc-member-number {
  background-color: rgba(98, 96, 97, 0.1);
}

.fortuna8ph .am-card-body .protocolDetails .header p,
.fortuna8ph .am-tabs-tabpane-active .card-body,
.fortuna8ph .downline-item-toot .user-info .user-name,
.fortuna8ph .name-filter .searchOne,
.fortuna8ph .singd-downline-info,
.fortuna8ph .singd-downline-item-toot .user-info .user-name {
  color: #000 !important;
}

.fortuna8ph .unerlvl.block svg {
  fill: #febd3a !important;
}

.fortuna8ph .block-container .block.unerlvl {
  color: #febd3a !important;
}

.fortuna8ph .block.member svg {
  fill: #25e6c9 !important;
}

.fortuna8ph .block-container .block.member {
  color: #25e6c9 !important;
}

.fortuna8ph .banner.salary {
  background: linear-gradient(180deg, #fc795a 0, #fc795a 20%, #fe64aa);
}

.fortuna8ph .banner.bet {
  background: linear-gradient(180deg, #76c2fe 0, #76c2fe 20%, #6d81fe);
}

.fortuna8ph .banner .money {
  color: #fa8866;
}

.fortuna8ph .sign-salary-root .singd-details thead tr td {
  color: #a5a4a7;
}

.fortuna8ph .sign-salary-root .singd-details tbody .salary-betVolume {
  color: #ea5747 !important;
}

.fortuna8ph .sign-salary-root .singd-details tbody .salary-activeMember {
  color: #30d4b2 !important;
}

.fortuna8ph .sign-salary-root .singd-details tbody .salary-rateType {
  color: #57c2ed !important;
}

.fortuna8ph .sign-salary-root .singd-details tbody,
.fortuna8ph .sign-salary-root .singd-details td,
.fortuna8ph .sign-salary-root .singd-details thead,
.fortuna8ph .sign-salary-root .singd-details tr {
  border: 0 !important;
}

.fortuna8ph .auto-fill-btn {
  background: #da3e34 !important;
}

.fortuna8ph .ti-name {
  color: #5f5f5f !important;
}

.fortuna8ph .avatar-icon,
.fortuna8ph .mall-home-top .mall-header {
  border-color: hsla(0, 0%, 100%, 0.2) !important;
}

.fortuna8ph .reward-center {
  background-image: url("/images/theme/fortuna8ph/assets/fortuna8ph_mall-bg.png") !important;
  background-size: 100% auto;
  background-position-y: -1rem;
}

.fortuna8ph .common-center-top .cumulative-sign-in:before {
  content: "";
  width: 0.64rem;
  height: 0.49rem;
  position: absolute;
  left: 1px !important;
  top: 0;
  z-index: 9;
  background: url("/images/theme/fortuna8ph/assets/fortuna8ph_mall-title.png") !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
}

.fortuna8ph .reward-user-integral {
  background-image: url("/images/theme/fortuna8ph/assets/rewardCenter/fortuna8ph_cash.png") !important;
}

.fortuna8ph .name-filter .am-search-cancel {
  background-image: url("/images/theme/fortuna8ph/assets/fortuna8ph_search.png") !important;
}

.fortuna8ph #mc-app-home-root.mc {
  background-image: url("/images/theme/fortuna8ph/assets/fortuna8ph_member_home.png") !important;
}

.fortuna8ph .mall-home-top,
.fortuna8ph .mall-home-wrap .mall-home-top,
.fortuna8ph .signin-activity-card {
  background-image: url("/images/theme/fortuna8ph/assets/fortuna8ph_sac.png") !important;
}

.fortuna8ph .member-detail-wrapper,
.fortuna8ph .record-icon-ticket {
  background-image: url("/images/theme/fortuna8ph/assets/fortuna8ph_bill.png");
}

.fortuna8ph .leader-board-container .leader-board-header {
  background-image: url("/images/theme/fortuna8ph/assets/fortuna8ph_lbh.png") !important;
}

.fortuna8ph .n-home-container .main-nav-style > .n-linear-border:before {
  border: 1px solid #fbf7ff;
}

.fortuna8ph .sc-integral {
  color: #e539ff;
}

.fortuna8ph .sc-bonus {
  color: #fe3b44;
}

.fortuna8ph .sc-days {
  color: #2476ff;
}

.fortuna8ph
  .ag-link-lmanage
  .ag-link-mgtop
  .ag-link-mgtop-right
  span:last-child
  svg {
  fill: #626061 !important;
}

.fortuna8ph .member-detail-container .am-tabs-bar {
  background: unset;
}

.fortuna8ph .member-detail-wrapper {
  background: url("/images/theme/fortuna8ph/assets/member_detail_bg.png");
}

.fortuna8ph
  .member-detail-wrapper
  .member-detail-tab
  .am-tabs-bar
  .am-tabs-tab-active
  .icon-setrebate,
.fortuna8ph
  .member-detail-wrapper
  .member-detail-tab
  .am-tabs-bar
  .am-tabs-tab-active:before,
.fortuna8ph .modal-list-content .mc-switch .checkbox.on:after {
  background-color: #8233ec !important;
}

.fortuna8ph .modal-list-content .mc-switch .checkbox.on {
  border-color: #8233ec !important;
}

.fortuna8ph .salary-popup-header {
  color: #f6f6f6;
}

.fortuna8ph .point-convert .point-form-item.important-number .am-list-extra {
  color: #ff002e;
}

.fortuna8ph .sigin-title .sigin-tab-title {
  color: #f32246 !important;
}

.fortuna8ph
  .v-base
  .m-mc-notice-container
  .m-mc-notice-title
  .m-mc-notice-title-time {
  color: #989898 !important;
}

.fortuna8ph .mc-notice-content .wysiwyg {
  color: unset;
}

.fortuna8ph .exchange-wrap .exchange-order-info .exchange-order-price .active {
  box-shadow: unset !important;
}

.fortuna8ph .mc-trans-record-container .color-green-in {
  color: #59d169 !important;
}

.fortuna8ph .mc-trans-record-container .color-red-out {
  color: #f6573a !important;
}

.fortuna8ph .card-details.contract .protocolDetails.periodicBets .header p,
.fortuna8ph .devidend-container .popup-header span {
  color: #848484 !important;
}

.fortuna8ph .member-detail-wrapper .member-detail-top .item-left .avatar-icon {
  background: unset;
}

.fortuna8ph
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item {
  background-color: #efefef;
  border: 1px solid #ccc;
  color: #919191;
}

.fortuna8ph
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active {
  color: #fff;
}

.fortuna8ph
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active
  svg {
  display: none;
}

body.lavathb {
  background-color: #fff;
}

.lavathb .divident-list-item span {
  width: 21%;
}

.lavathb .record-footer {
  background:
    linear-gradient 180deg,
    #fdfaff,
    #e1e5e8;
  box-shadow: 0 0 0.5px 0.2px rgba(64, 69, 84, 0.2);
}

.lavathb .record-footer span {
  color: #553a7a;
}

.lavathb .record-footer span.time {
  color: #4f3661;
}

.lavathb .n-home-container .main-nav-style > .n-linear-border > div {
  background: rgba(79, 54, 97, 0.2);
}

.lavathb .n-home-container .main-nav-style > div svg {
  fill: linear-gradient(0deg, #3c2855, #553a7a);
}

.lavathb .v-base .main-nav-style {
  color: #000924;
}

.lavathb .am-tabs-bar .am-tabs-tab-active,
.lavathb .am-tag-active,
.lavathb .btn-copy-code,
.lavathb .mall-home-top .mall-header,
.lavathb .mc-lott-record-root .select-Box span.active,
.lavathb .new-tips,
.lavathb .team-member-flow .mc-team-flow-unit span.unit-active,
.lavathb .vc-v2-container .vc-v2-input .inputCon,
.lavathb .vc-v2-container .vc-v2-input .inputCon i,
.lavathb .vc-v2-container .vc-v2-method-list li.ck,
.lavathb .vc-v2-container .vc-v2-show-bank .vc-v2-bank-ck.ck {
  color: #553a7a;
  border-color: #553a7a !important;
}

.lavathb .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-right span,
.lavathb .go-home-btn,
.lavathb .red-rain-underling span,
.lavathb .vc-v2-container .vc-v2-method-list li {
  color: #aaa;
  border-color: #aaa;
}

.lavathb .bet-filter-container .bet-filter-item-content .ck-date,
.lavathb .mall-home-wrap .mall-home-choose .active,
.lavathb .mc-tab-container .mc-tab-item.tab-active,
.lavathb .singd-downline-info div span > span,
.lavathb .vc-v2-container .vc-v2-method-list li.ck,
.lavathb .vc-v2-container .vc-v2-method li.ck {
  color: #553a7a !important;
  border-color: #553a7a !important;
}

.lavathb .am-button-primary,
.lavathb .n-home-container .n-nav-list-title span {
  border: none !important;
}

.lavathb input {
  caret-color: #553a7a !important;
}

.lavathb .game-record-show .am-search,
.lavathb .h-icon-active img,
.lavathb .mc-transaction-record-root.mtrr-container .am-button-ghost,
.lavathb .name-filter .am-button-ghost,
.lavathb .vc-v2-container .pay-name-container .vc-v2-input input:focus {
  border-color: #553a7a !important;
}

.lavathb .name-filter .am-button-ghost {
  border: 1px solid #553a7a !important;
}

.lavathb .agent-divident-container,
.lavathb .agentDivident .am-tabs-bar .am-tabs-tabr,
.lavathb .am-search,
.lavathb .am-tabs-bar,
.lavathb .name-filter,
.lavathb .name-filter .am-button-ghost,
.lavathb .reward-center-container,
.lavathb .sigin-modal .sigin-modal-content {
  background: #fff;
}

.lavathb .agentDivident .am-tabs-tabpane > div > div {
  background: #fff !important;
}

.lavathb .tabPane-tips {
  background: #fff;
  box-shadow: 0 0.04rem 0.08rem 0 hsla(0, 0%, 100%, 0.05) !important;
}

.lavathb .submitEmail {
  box-shadow: none !important;
}

.lavathb .agentSalary .mc-trans-filter .am-button-ghost,
.lavathb .am-button-ghost.am-button-active,
.lavathb .am-checkbox.am-checkbox-checked .am-checkbox-inner,
.lavathb .am-checkbox.am-checkbox-checked .am-checkbox-inner:after,
.lavathb .bet-filter-container .bet-filter-item-content .ck-date,
.lavathb .contract-history .history-thead,
.lavathb .is-comp,
.lavathb .popup-container input:focus,
.lavathb .salary-popup-container input:focus {
  border-color: #553a7a;
}

.lavathb .dividendRatio .arrow-top,
.lavathb .table-container .dividend-tips .arrow-top {
  border-bottom-color: #553a7a;
}

.lavathb .dividend-header .dividend-header-content > div:first-child p,
.lavathb .dividend-header .dividend-header-content > div:last-child p {
  color: #553a7a;
}

.lavathb
  .exchange-history-wrap
  .exchange-history-item
  .item-order-integral
  .order-integral-first,
.lavathb .flex-text-tips,
.lavathb
  .mall-home-wrap
  .mall-home-orders
  .mall-order
  .mall-order-integral
  .order-integral-item
  .integral-number {
  color: #c76e6e;
}

.lavathb
  .mall-home-wrap
  .mall-home-orders
  .mall-order
  .mall-order-integral
  .order-integral-item,
.lavathb
  .orderinfo-wrap
  .orderinfo-header
  .orderinfo-middle
  .orderinfo-price
  li {
  background: rgba(53, 77, 100, 0.1);
}

.lavathb #root #mc-app-home-root.gc,
.lavathb #root .mc-navbar-blue {
  background: linear-gradient(180deg, #c9bbfd, #957bf1);
  color: #fff;
  box-shadow: 0 0.04rem 0.08rem 0 rgba(0, 0, 0, 0.05);
}

.lavathb #root #mc-app-home-root.gc .am-navbar-left svg,
.lavathb #root .mc-navbar-blue .am-navbar-left svg {
  fill: #fff;
}

.lavathb #root #mc-app-home-root.gc .am-navbar-title,
.lavathb #root .mc-navbar-blue .am-navbar-title {
  color: #fff;
}

.lavathb .am-card-body .protocolDetails .header p,
.lavathb .trans-checked span {
  color: #fff !important;
}

.lavathb #root .mc-home.mc-navbar-blue .am-icon-left,
.lavathb #root .mc-home.mc-navbar-blue .am-navbar-title,
.lavathb #root .reward-center .am-navbar-title,
.lavathb .agent-container .agent-body .h4-wrp,
.lavathb .agrg-downline-title,
.lavathb .block-container .block.member,
.lavathb .block-container .block.unerlvl,
.lavathb .center-header,
.lavathb .contract-history .history-thead,
.lavathb .dividend-header .dividend-header-content .title,
.lavathb .downline-item-toot .user-info .user-name,
.lavathb .flex-list-text,
.lavathb .leader-board-container .leader-board-integral,
.lavathb .mall-home-top .mall-number-info,
.lavathb .mc-transaction-record-root.mtrr-container .am-button-ghost,
.lavathb .myRebate .rebate-span-lf,
.lavathb .ph-text span,
.lavathb .rebateReport-item-root span,
.lavathb .salary-popup-header div,
.lavathb .sigin-modal .sigin-modal-content h3,
.lavathb .singd-downline-item-toot .user-info .user-name,
.lavathb .team-member-item-header .customer-item,
.lavathb .team-op a,
.lavathb .ti-name,
.lavathb .tr-item-title,
.lavathb
  .v-base
  .m-mc-notice-container
  .m-mc-notice-title
  .m-mc-notice-title-time {
  color: #4f3661 !important;
}

.lavathb #mc-app-home-root #mc-header,
.lavathb .mc-transaction-record-root.mtrr-container .am-button-ghost,
.lavathb .reward-center {
  border-color: #4f3661 !important;
}

.lavathb #mc-app-home-root #mc-header svg,
.lavathb .mc-transaction-record-root.mtrr-container .am-button-ghost svg,
.lavathb .reward-center svg {
  fill: #4f3661 !important;
}

.lavathb .bet-filter-modal .ck-icon,
.lavathb .deposit-list-ck,
.lavathb .deposit-record-root .deposit-id svg,
.lavathb .icon-points,
.lavathb .icon-sign,
.lavathb .icon-task,
.lavathb .vc-v2-container .vc-v2-active-container .act-item.on svg {
  fill: #553a7a !important;
}

.lavathb .tr-item-content-item,
.lavathb
  .v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-list-body
  .wallet-name {
  color: #4f3661;
}

.lavathb .am-badge-text {
  background-color: #4f3661;
  color: #fff;
}

.lavathb
  .v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .am-list-body
  .am-list-item#mc-wallet-checked {
  border-color: #957bf1;
  background: rgba(149, 123, 241, 0.1);
}

.lavathb .sub-name-search input::-webkit-input-placeholder {
  color: #aaa !important;
}

.lavathb .am-modal-button-group-h .am-modal-button:first-child,
.lavathb .am-tabs-bar .am-tabs-tab,
.lavathb .card-details.contract .spandetails,
.lavathb .change-statis-wrap .statis-left .btn-change,
.lavathb .contract-history .history-tbody,
.lavathb .dividend-list-more > div,
.lavathb .flex-list-title,
.lavathb .list-popup-container,
.lavathb .mc-team-filter .am-list-item.am-input-item,
.lavathb .orderinfo-wrap .orderinfo-body .orderion-content-text *,
.lavathb .pal-records-list-root .time,
.lavathb .red-rain-input input,
.lavathb .red-rain-tcenter,
.lavathb .salary_info tbody tr td,
.lavathb .salary_rule,
.lavathb .sigin-c-remarks b,
.lavathb .sigin-c-remarks p,
.lavathb .sigin-modal .sigin-modal-content .amount-info p,
.lavathb .sigin-today-desc,
.lavathb .statis-container .statis-lin .lin-left div,
.lavathb .statis-container .statis-lin .lin-rigth div,
.lavathb .sub-name-search input,
.lavathb .sub-name-search input::placeholder,
.lavathb .team-member-item-content,
.lavathb .team-member-item-content .time,
.lavathb .team-member-nickname input,
.lavathb .team-member-trans input,
.lavathb .team-op a.edit-btn,
.lavathb .team-rebate-btnleft .am-button,
.lavathb .tic-footer-title,
.lavathb .tr-item-time,
.lavathb .v-base .m-mc-notice-container .m-mc-notice-index-content,
.lavathb .v-base .m-mc-notice-container .mc-notice-time {
  color: #aaa !important;
}

.lavathb .point-tips {
  color: hsla(0, 0%, 67%, 0.7) !important;
}

.lavathb .sub-name-search,
.lavathb .team-rebate-btnleft .am-button {
  border-color: #aaa !important;
}

.lavathb .exchange-wrap .exchange-order-info .exchange-order-price li,
.lavathb .red-rain-input input,
.lavathb .statis-gameType-wrap .btn-wrap {
  background: rgba(53, 77, 100, 0.1);
}

.lavathb .ag-link-lmanage .ag-link-mgbottom,
.lavathb .agrg-downline-cname,
.lavathb
  .exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-third
  .item-order-date,
.lavathb .exchange-wrap .exchange-order-info .exchange-order-price li,
.lavathb .leader-board-container .leader-board-header-status div,
.lavathb .mall-home-middle,
.lavathb .mall-home-wrap .mall-home-choose,
.lavathb .mall-order-integral,
.lavathb .mc-tab-container .mc-tab-item,
.lavathb .mc-team-filter .am-list-item .am-input-control input,
.lavathb .new-date-picker .date-picker-warp .pickter-item.through-item,
.lavathb .orderinfo-wrap .orderinfo-header .orderinfo-middle .orderinfo-price,
.lavathb .orderinfo-wrap .orderinfo-submit p,
.lavathb .point-history-wrap .point-item-wrap .point-types .point-date,
.lavathb .point-history-wrap .point-item-wrap .point-types .point-remarks,
.lavathb .sigin-c-footer .title {
  color: #aaa;
}

.lavathb .lottType-box,
.lavathb .mc-lott-record-root .select-Box .type,
.lavathb .mc-lott-record-root .select-Box > div,
.lavathb .play-chooser form,
.lavathb .play-chooser input,
.lavathb .trans-unchecked {
  color: #aaa !important;
  border-color: #aaa !important;
}

.lavathb .exchange-wrap .font-color-red,
.lavathb .orderinfo-wrap .font-color-red,
.lavathb .point-history-wrap .color-red,
.lavathb .sigin-today-desc span,
.lavathb .today {
  color: #c76e6e !important;
}

.lavathb .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-left,
.lavathb .am-search-input input[type="search"],
.lavathb .devidend-container .popup-header,
.lavathb
  .exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-first
  .item-order-name,
.lavathb
  .exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-first
  .item-order-number,
.lavathb .grid-title,
.lavathb .leader-board-container .leader-board-header-info,
.lavathb .leader-board-container .leader-board-header-status div.lb-active,
.lavathb .mall-home-wrap .mall-home-orders .mall-order .mall-order-text,
.lavathb .point-form-item .am-list-item .am-list-line .am-list-content,
.lavathb .point-history-wrap .color-black,
.lavathb .red-rain-tetit,
.lavathb .red-rain-type .agrg-downline-cname,
.lavathb .sigin-today-title {
  color: #4f3661 !important;
}

.lavathb .contract-history .history-thead,
.lavathb .dividend-list-more,
.lavathb .grid-content {
  background: #fafafa;
}

.lavathb .agentSalary .mc-trans-filter .am-button-ghost,
.lavathb .contractPeople,
.lavathb .leader-board-container .leader-board-header-status div.lb-active,
.lavathb .lott-record-container,
.lavathb .no-salary-list {
  color: #553a7a;
}

.lavathb .agentSalary .mc-trans-filter .am-button-ghost svg,
.lavathb .contractPeople svg,
.lavathb .leader-board-container .leader-board-header-status div.lb-active svg,
.lavathb .lott-record-container svg,
.lavathb .no-salary-list svg {
  fill: #553a7a;
}

.lavathb .mc-team-filter .am-list-item.am-input-item,
.lavathb .sub-name-search {
  border-color: #aaa;
}

.lavathb .mc-team-filter .am-list-item.am-input-item svg,
.lavathb .sub-name-search svg {
  fill: #aaa;
}

.lavathb .singd-downline-info svg {
  fill: #aaa !important;
}

.lavathb .am-modal-body,
.lavathb .exchange-wrap .exchange-order-info .exchange-order-count,
.lavathb .exchange-wrap .exchange-order-info .exchange-order-name,
.lavathb .exchange-wrap .font-color-gray,
.lavathb .game-amount-content span:last-child,
.lavathb .orderinfo-wrap .orderinfo-body h5,
.lavathb .orderinfo-wrap .orderinfo-header .orderinfo-middle .orderinfo-text,
.lavathb .point-history-wrap .color-black,
.lavathb .tic-footer-amount {
  color: #4f3661;
}

.lavathb .dividend-rate,
.lavathb .go-team-bet,
.lavathb .go-team-bet i,
.lavathb .go-team-record,
.lavathb .go-team-record i,
.lavathb .mc-trans-record-container .color-green-in,
.lavathb .mt-team-footer,
.lavathb .records-item-header .game-amount-content span:last-child,
.lavathb .red-rain-tright,
.lavathb .team-member-trans header .label,
.lavathb .tt-balance-content {
  color: #553a7a !important;
}

.lavathb .dividend-rate svg,
.lavathb .go-team-bet i svg,
.lavathb .go-team-bet svg,
.lavathb .go-team-record i svg,
.lavathb .go-team-record svg,
.lavathb .mc-trans-record-container .color-green-in svg,
.lavathb .mt-team-footer svg,
.lavathb .records-item-header .game-amount-content span:last-child svg,
.lavathb .red-rain-tright svg,
.lavathb .team-member-trans header .label svg,
.lavathb .tt-balance-content svg {
  fill: #553a7a !important;
}

.lavathb .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-right svg,
.lavathb .agent-link-nodata svg,
.lavathb .block.member svg,
.lavathb .card-header-people,
.lavathb .devidend-container svg,
.lavathb .has-claimed svg,
.lavathb .icon-complete,
.lavathb .icon-span svg,
.lavathb .lin-left svg,
.lavathb .lin-rigth svg,
.lavathb .lkmn-poup-qrlink svg,
.lavathb .mall-intergral-svg,
.lavathb .mc-icon-member,
.lavathb .mc-trans-filter svg.am-icon-lg,
.lavathb .need-fill,
.lavathb .rebateReport-item-content svg,
.lavathb .salary-popup-container .save-icon,
.lavathb .security-icon,
.lavathb .team-member-nickname svg,
.lavathb .team-member-trans svg,
.lavathb .team-rebate-tleft svg,
.lavathb .unerlvl.block svg,
.lavathb .user-icon {
  fill: #553a7a !important;
}

.lavathb .mc-popup-trans > span > svg {
  fill: #553a7a !important;
}

.lavathb .team-member-trans input {
  border-radius: 0.15rem;
}

.lavathb .add-inputIcon,
.lavathb .agrgic-downline-select,
.lavathb .am-button-ghost.am-button-active,
.lavathb .am-switch input[type="checkbox"]:checked + .checkbox,
.lavathb .bet-filter-container .bet-filter-sub div.ck:after,
.lavathb .ContactName,
.lavathb .ContactNamet,
.lavathb .Contacts .am-search-cancel,
.lavathb .discount-tip,
.lavathb .EmaiWebList .look .am-badge-dot,
.lavathb .grid-title:after,
.lavathb .mc-profile-swiper-nav li.ck,
.lavathb .mc-profitLoss-record-root .am-button-primary,
.lavathb .mc-transaction-record-root .am-button-primary,
.lavathb .swiper-pagination-bullet-active,
.lavathb .ticket-item .ticket-item-btn {
  background: #553a7a !important;
}

.lavathb
  .new-date-picker
  .date-picker-warp
  .pickter-item.active-item.start-item
  + .end-item:before,
.lavathb
  .new-date-picker
  .date-picker-warp
  .pickter-item.active-item.start-item
  + .through-item:before,
.lavathb .new-date-picker .date-picker-warp .pickter-item.through-item,
.lavathb
  .new-date-picker
  .date-picker-warp
  .pickter-item.through-item
  + .end-item:before,
.lavathb
  .new-date-picker
  .date-picker-warp
  .pickter-item:nth-child(7n).through-item:before,
.lavathb
  .new-date-picker
  .date-picker-warp
  .pickter-item:nth-child(7n + 1).through-item:before {
  background: #fef6e9;
}

.lavathb .account-form input,
.lavathb .account-form svg.txt-svg,
.lavathb .ag-link-lmanage .ag-link-mgbottom .mccolor-1cc534,
.lavathb .ag-link-lmanage .ag-link-mgbottom .mccolor-23deb8,
.lavathb .ag-link-lmanage .ag-link-mgbottom .mccolor-db2404,
.lavathb .agent-link-nodata .am-result-title,
.lavathb .agrg-downline-bnsetp > span,
.lavathb .agrg-downline-bnslt,
.lavathb .agrg-downline-bnsrt,
.lavathb .am-button-ghost,
.lavathb .am-modal-button-group-v .am-modal-button,
.lavathb .amount-positive-number,
.lavathb .banner .money,
.lavathb .card-details .card-header div.endContract,
.lavathb .color2,
.lavathb .contract-history .user-info .user-title,
.lavathb .contract-tips,
.lavathb .contractText,
.lavathb .dividend-list-more > div:nth-child(2n) p,
.lavathb .dividend-list-more > div:nth-child(odd) p,
.lavathb .downline-item-toot .action-sign,
.lavathb .downline-item-toot .start_contract,
.lavathb
  .exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-third
  .item-order-state-A,
.lavathb .exchange-wrap .exchange-order-info .exchange-order-price .active,
.lavathb .filter-tabPane-btn,
.lavathb .game-record-show .am-search-cancel,
.lavathb .is-comp,
.lavathb .link-detail-title,
.lavathb .mc-game-record-root .activity-spinner svg,
.lavathb .mc-new-team-tab .mc-agent-team-tab .am-flexbox-item.tab-active,
.lavathb .new-date-picker .date-picker-content .btn-clear-date,
.lavathb .new-date-picker .date-picker-content .date-picker-title,
.lavathb .new-date-picker .date-picker-content .date-picker-title .active-item,
.lavathb .nodata-container,
.lavathb .placeholder,
.lavathb .play-chooser .chase-number > span,
.lavathb .point-balance p,
.lavathb .point-convert .point-form-item.important-number .am-list-extra,
.lavathb .rebate-span-rt,
.lavathb .rebateReport-item-content .am-flexbox span,
.lavathb .rebateReport .rebate,
.lavathb .red-rain-tleft,
.lavathb .red-rain-underling span.on,
.lavathb .sc-bonus,
.lavathb .sc-days,
.lavathb .sc-integral,
.lavathb .sigin-modal .sigin-modal-content .amount-info div,
.lavathb .sign-operation > span,
.lavathb .statis-container .statis-lin .blue-count,
.lavathb .statis-container .statis-lin .gray-count,
.lavathb .statis-container .statis-lin .green-count,
.lavathb .statis-container .statis-lin .red-count,
.lavathb .team-member-nickname header .label,
.lavathb .team-rebate-tcenter,
.lavathb .v-base .m-mc-notice-container .m-mc-notice-title,
.lavathb .v-base .m-mc-notice-container .mmnt-title-detail,
.lavathb
  .v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-list-body
  .wallet-balance,
.lavathb .vc-v2-container .vc-v2-input .inputCon input,
.lavathb .vc-v2-container .vc-v2-method-list li.ck .vcn-list-desc,
.lavathb .vc-v2-container .vc-v2-method li.ck,
.lavathb .w-input-content,
.lavathb .w-input-content input,
.lavathb .withdraw-container-v2 .am-tabs-tab-active span {
  color: #553a7a;
}

.lavathb .sigin-c-footer li > div {
  background: rgba(85, 58, 122, 0.1);
}

.lavathb .play-chooser .am-search-input input[type="search"] {
  background: none;
}

.lavathb .am-modal-button-group-h .am-modal-button,
.lavathb .am-modal-title {
  color: #553a7a;
}

.lavathb .new-date-picker .date-picker-warp .pickter-item:nth-child(7n) {
  border-color: none;
}

.lavathb .agrg-downline-bnsetp > span:nth-child(2),
.lavathb .color-red-out,
.lavathb .singd-downline-info {
  color: #4f3661;
}

.lavathb .am-tabs-tabpane-active .card-body,
.lavathb .card-details.contract .protocolDetails .details,
.lavathb .protocolDetails .details p,
.lavathb .sign-salary-root .singd-details tbody .salary-activeMember,
.lavathb .sign-salary-root .singd-details tbody .salary-betVolume,
.lavathb .sign-salary-root .singd-details tbody .salary-rateType,
.lavathb .statis-gameType-wrap .active {
  color: #4f3661 !important;
}

.lavathb .banner.bet,
.lavathb .banner.salary {
  background: linear-gradient(90deg, #4f3661, #1f1736);
}

.lavathb .dividend-list div .dl-content {
  background: linear-gradient(90deg, #4f3661, #1f1736) !important;
}

.lavathb .dividend-list div:last-child .dl-content,
.lavathb .n-home-container .n-nav-list-title:after,
.lavathb .n-home-container .n-nav-list-title span {
  background: #957bf1 !important;
}

.lavathb .agentDivident .grid-container {
  background: rgba(53, 77, 100, 0.1);
}

.lavathb .account-form input:focus,
.lavathb .agrg-downline-bnsetp > span.agrg-downline-bnstbt,
.lavathb .agrg-downline-input input:focus,
.lavathb .am-button-ghost,
.lavathb .common-center-top .common-top-img,
.lavathb .filter-tabPane-btn,
.lavathb .game-record-show .am-search,
.lavathb .mc-checkbox.mc-checkbox-checked .mc-checkbox-inner,
.lavathb .mc-checkbox.mc-checkbox-checked .mc-checkbox-inner:after,
.lavathb .popup-container input,
.lavathb .red-rain-input input:focus,
.lavathb .red-rain-underling span.on,
.lavathb
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active,
.lavathb .w-input-content {
  border-color: #553a7a;
}

.lavathb .am-button-primary,
.lavathb .am-slider-track,
.lavathb .discount-tip,
.lavathb .mc-switch .checkbox.on:before,
.lavathb
  .new-date-picker
  .date-picker-warp
  .pickter-item.active-item.end-item
  span,
.lavathb
  .new-date-picker
  .date-picker-warp
  .pickter-item.active-item.start-item
  span,
.lavathb .vc-v2-title:before,
.lavathb
  .withdraw-bank
  .slider-frame
  + div
  .am-carousel-wrap-dot-active
  > span {
  background: #553a7a !important;
  color: #fff;
}

.lavathb .mc-switch.mc-qutas-bg .checkbox:before {
  background: #888;
}

.lavathb .am-tabs-ink-bar,
.lavathb .inputIcon,
.lavathb .mc-switch.mc-qutas-bg .on:before,
.lavathb .mc-trans-filter .am-search-cancel,
.lavathb .sigin-tab .am-tabs-tab-active .tab-title:after,
.lavathb .statis-gameType-wrap .btn-wrap.active i:first-child,
.lavathb .vc-v2-title:before,
.lavathb .withdraw-container-v2 .am-tabs-tab-active span:before {
  background: #553a7a !important;
}

.lavathb .am-tabs-ink-bar svg,
.lavathb .inputIcon svg,
.lavathb .mc-switch.mc-qutas-bg .on:before svg,
.lavathb .mc-trans-filter .am-search-cancel svg,
.lavathb .sigin-tab .am-tabs-tab-active .tab-title:after svg,
.lavathb .statis-gameType-wrap .btn-wrap.active i:first-child svg,
.lavathb .vc-v2-title:before svg,
.lavathb .withdraw-container-v2 .am-tabs-tab-active span:before svg {
  fill: #553a7a !important;
}

.lavathb .discount-tip,
.lavathb .mc-trans-filter .am-button-primary,
.lavathb .trans-checked {
  background: #553a7a !important;
  border-color: #553a7a !important;
}

.lavathb .leader-board-container .leader-board-integral,
.lavathb .mall-home-top .mall-user-integral {
  background: hsla(0, 0%, 100%, 0.5);
}

.lavathb .mc-trans-filter .am-button-ghost,
.lavathb .point-history-wrap .am-button-ghost {
  border-color: #aaa;
  color: #aaa;
}

.lavathb .mc-trans-filter .am-button-ghost svg,
.lavathb .point-history-wrap .am-button-ghost svg {
  fill: #aaa;
}

.lavathb
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active {
  border-color: inherit;
}

.lavathb .ivi-icon svg {
  display: inline-block;
}

.lavathb .id-verification-icon {
  display: none;
}

.lavathb .add-card-btn,
.lavathb .agrg-downline-sub,
.lavathb .am-button-primary,
.lavathb .bind-first span,
.lavathb .btn-confirm-date,
.lavathb .btn-success,
.lavathb .button-submit,
.lavathb .change-statis-wrap .statis-left .btn-change-active,
.lavathb .contract-salary-operation a:last-child,
.lavathb .copy-contact,
.lavathb .lkmn-poup-qrcopy,
.lavathb .orderinfo-wrap .orderinfo-submit .button-submit,
.lavathb .play-more-game,
.lavathb .poplist-footer a:last-child.footer-button,
.lavathb .profile-swiper-container .am-modal-button,
.lavathb .sigin-today-sub,
.lavathb .signedSalary-root .poplist-footer a:last-child.footer-button,
.lavathb .submitEmail,
.lavathb .team-member-nickname .trans-container:first-child,
.lavathb .team-rebate-btnright .am-button,
.lavathb
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active,
.lavathb .vc-v2-submit,
.lavathb .w-input-submit-true {
  background: linear-gradient(90deg, #4f3661, #1f1736) !important;
}

.lavathb .add-card-btn span,
.lavathb .agrg-downline-sub span,
.lavathb .am-button-primary span,
.lavathb .bind-first span span,
.lavathb .btn-confirm-date span,
.lavathb .btn-success span,
.lavathb .button-submit span,
.lavathb .change-statis-wrap .statis-left .btn-change-active span,
.lavathb .contract-salary-operation a:last-child span,
.lavathb .copy-contact span,
.lavathb .lkmn-poup-qrcopy span,
.lavathb .orderinfo-wrap .orderinfo-submit .button-submit span,
.lavathb .play-more-game span,
.lavathb .poplist-footer a:last-child.footer-button span,
.lavathb .profile-swiper-container .am-modal-button span,
.lavathb .sigin-today-sub span,
.lavathb .signedSalary-root .poplist-footer a:last-child.footer-button span,
.lavathb .submitEmail span,
.lavathb .team-member-nickname .trans-container:first-child span,
.lavathb .team-rebate-btnright .am-button span,
.lavathb
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active
  span,
.lavathb .vc-v2-submit span,
.lavathb .w-input-submit-true span {
  color: #fff;
}

.lavathb .add-card-btn,
.lavathb .bind-first span,
.lavathb .button-submit,
.lavathb .copy-contact,
.lavathb
  .copy-contact，
  .new-date-picker
  .date-picker-warp
  .pickter-item.through-item,
.lavathb .mc-lott-record-root .select-Box span.active,
.lavathb .orderinfo-wrap .orderinfo-submit .button-submit,
.lavathb .ticket-item .ticket-item-btn {
  box-shadow: none !important;
}

.lavathb .devidend-container .popup-header,
.lavathb .popup-container input,
.lavathb .salary-popup-header {
  background: rgba(85, 58, 122, 0.2);
}

.lavathb .sign-salary-root .singd-details thead tr td {
  color: #fff;
  background: inherit;
}

.lavathb .exchange-wrap .exchange-order-info .exchange-order-price .active,
.lavathb .statis-gameType-wrap .active {
  background: rgba(149, 123, 241, 0.2) !important;
  border-color: #553a7a !important;
  color: #4f3661 !important;
}

.lavathb .exchange-wrap .exchange-order-info .exchange-order-price .active {
  box-shadow: -1px 0 0.05rem #553a7a !important;
}

.lavathb .salary-popup-container .input-container input {
  background: rgba(85, 58, 122, 0.2) !important;
}

.lavathb .lkmn-poup-tbig,
.lavathb .lkmn-poup-tsmall,
.lavathb .mc-trans-record-container .color-red-out,
.lavathb .point-wrap .point-table-title span {
  color: #553a7a;
}

.lavathb .common-wb-cards {
  background: linear-gradient(90deg, #4f3661, #1f1736) !important;
}

.lavathb .btn-success {
  box-shadow: 0 0.1rem 0.2rem 0 #957bf1 !important;
}

.lavathb .btn-success.am-button-disabled {
  box-shadow: none !important;
}

.lavathb .withdraw-bkdbtn {
  border-color: #553a7a;
}

.lavathb .red-rain-main input::-webkit-input-placeholder,
.lavathb .team-member-trans input::-webkit-input-placeholder {
  color: #aaa !important;
}

.lavathb .agrg-downline-input input,
.lavathb
  .exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-type,
.lavathb .lkmn-poup-qrcnt span,
.lavathb .mc-trans-filter .chase-number,
.lavathb .rebateReport-item-root .time,
.lavathb .red-rain-main input::placeholder,
.lavathb .show-more,
.lavathb .singd-downline-info .more-info,
.lavathb .team-member-trans input::placeholder,
.lavathb .tmt-header,
.lavathb .withdraw-bkinfo {
  color: #aaa !important;
}

.lavathb .am-tag-normal,
.lavathb .statis-gameType-wrap .btn-wrap,
.lavathb .vc-v2-container .vc-v2-method li,
.lavathb .vc-v2-container .vc-v2-method li .min-max,
.lavathb .vc-v2-container .vc-v2-method li .vcn-list-text {
  color: #aaa !important;
  border-color: #aaa !important;
}

.lavathb .am-tag-normal.unit-active {
  color: #957bf1 !important;
  border-color: #957bf1 !important;
}

.lavathb .point-wrap .point-list-wrap .point-list-header,
.lavathb .withdraw-bkadd {
  background: #957bf1;
}

.lavathb .wallet_return div {
  background: rgba(149, 123, 241, 0.4);
}

.lavathb .n-home-container .n-nav-list-title span,
.lavathb .wallet_return div {
  color: #fff;
}

.lavathb .n-home-container .n-nav-list-title span svg,
.lavathb .wallet_return div svg {
  fill: #957bf1;
}

.lavathb .agrg-downline-bnstbt,
.lavathb .point-wrap .point-list-wrap .point-list-header {
  color: #fff;
}

.lavathb .agrg-downline-bnstbt svg,
.lavathb .point-wrap .point-list-wrap .point-list-header svg {
  fill: #553a7a;
}

.lavathb .point-wrap .point-list-wrap .point-list-item {
  background: rgba(53, 77, 100, 0.4);
}

.lavathb .card-details.contract .protocolDetails,
.lavathb .contract-history .history-tbody {
  background: none;
}

.lavathb .contract-history .history-tbody {
  border-bottom: 1px solid #553a7a;
}

.lavathb .exchange-wrap .exchange-submit p,
.lavathb .mc-profitLoss-record-root .am-button-ghost,
.lavathb .mc-transaction-record-root .am-button-ghost {
  color: #aaa !important;
  border-color: #aaa !important;
}

.lavathb .exchange-wrap .exchange-submit p svg,
.lavathb .mc-profitLoss-record-root .am-button-ghost svg,
.lavathb .mc-transaction-record-root .am-button-ghost svg {
  fill: #aaa !important;
}

.lavathb .auto-fill-btn,
.lavathb .card-details.contract .protocolDetails .header,
.lavathb .records-item-header-sy i {
  background: #957bf1 !important;
}

.lavathb .sign-salary-root .singd-details thead tr,
.lavathb
  .v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-trans-details
  .trans-container
  > span.checked {
  background: #957bf1;
  border-color: #957bf1;
  color: #fff;
}

.lavathb .trans-checked.am-button-active,
.lavathb .trans-unchecked.am-button-active {
  background: none !important;
}

.lavathb .team-member-nickname .nickname-form input,
.lavathb
  .team-member-nickname
  .trans-container-header
  .trans-container:last-child,
.lavathb
  .v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-trans-details
  .trans-container:last-child
  > span {
  background: rgba(53, 77, 100, 0.1) !important;
}

.lavathb .red-rain-input input,
.lavathb .team-member-nickname .nickname-form input {
  border: 1px solid #aaa;
}

.lavathb .team-member-nickname .nickname-form,
.lavathb .tt-content {
  background: inherit !important;
}

.lavathb .add-card-btn.dis,
.lavathb .vc-v2-submit.dis {
  background: #aaa !important;
}

.lavathb .am-tabs-bar .am-tabs-tab-active,
.lavathb .amount-negative-number,
.lavathb .card-details .card-header div.endContract span a,
.lavathb .hd-status-tip,
.lavathb .leader-board-container .leader-board-header-status div.lb-active,
.lavathb .lkmn-poup-qrlink span,
.lavathb .record-footer div span:last-child,
.lavathb .show-tips a,
.lavathb .sigin-c-content .am-tabs-bar .am-tabs-tab-active,
.lavathb .team-member-item-header span,
.lavathb .vrification-loading-content p span {
  color: #553a7a !important;
}

.lavathb .name-filter .am-search .am-search-input,
.lavathb .name-filter .am-search .am-search-synthetic-ph,
.lavathb .red-rain-select .am-search-input {
  background: #f0f0f0 !important;
  color: #aaa !important;
}

.lavathb .point-history-wrap .am-button-primary {
  color: #fff;
  background: #553a7a !important;
}

.lavathb .point-history-wrap .am-button-primary svg {
  fill: #fff;
}

.lavathb .red-rain-select .am-search-input input {
  color: #aaa !important;
}

.lavathb .red-rain-select .am-search-cancel,
.lavathb .vc-v2-container .vc-v2-active-container .act-item .act-mount i {
  color: #553a7a;
}

.lavathb .personalCenter .has-error input {
  box-shadow: none !important;
  border: 1px solid #553a7a !important;
}

.lavathb .account-form input:focus,
.lavathb .play-more-game {
  box-shadow: none !important;
}

.lavathb .am-search-input input[type="search"] {
  background: rgba(53, 77, 100, 0.1);
  color: #aaa !important;
}

.lavathb .devidend-container .popup-header span,
.lavathb .game-amount-content .amount-total,
.lavathb .mc-notice-content .wysiwyg,
.lavathb .sigin-today-title,
.lavathb .team-member-trans header span:last-child {
  color: #4f3661;
}

.lavathb .red-rain-lpbody #mc-header {
  position: relative !important;
}

.lavathb .red-rain-lpbody #mc-header span {
  text-align: center;
  height: auto !important;
}

.lavathb .red-rain-lpbody .red-rain-select {
  margin-top: 0;
}

.lavathb .ph-icon {
  display: inline-block;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 0.6rem;
  background: #553a7a;
  top: 0.16rem;
  position: relative;
}

.lavathb .ph-icon svg {
  top: 0 !important;
  fill: #fff;
  left: 0.07rem;
  width: 0.44rem !important;
  height: 0.44rem !important;
}

.lavathb .mc-wallet-list-body .am-flexbox-item:first-child {
  display: inline-block;
  width: 0.6rem !important;
  height: 0.6rem !important;
  border-radius: 0.6rem;
  background: #553a7a;
}

.lavathb .mc-wallet-list-body .am-flexbox-item:first-child svg {
  top: 0.12rem !important;
  fill: #fff;
  position: relative;
  left: 0.12rem;
  width: 0.34rem !important;
  height: 0.34rem !important;
}

.lavathb .ph-text {
  margin-left: 0.1rem;
  top: 0.06rem;
  position: relative;
}

.lavathb .trans-icon-container svg {
  fill: #354d64 !important;
}

.lavathb .ag-link-mgtop-left span {
  display: inline-block;
  width: 0.54rem !important;
  height: 0.54rem !important;
  border-radius: 0.6rem;
  background: #553a7a;
  position: relative;
  top: 0.1rem;
  margin-right: 0.1rem;
}

.lavathb .ag-link-mgtop-left span svg {
  top: -0.04rem !important;
  fill: #fff;
  position: relative;
  left: 0.08rem;
  width: 0.34rem !important;
  height: 0.34rem !important;
}

.lavathb .am-picker-popup-item,
.lavathb .card-header .ric-date {
  color: #553a7a !important;
}

.lavathb .records-item-header-sy i,
.lavathb .statis-gameType-wrap .btn-wrap .gameType-item-0 {
  background: #553a7a !important;
}

.lavathb .statis-gameType-wrap .btn-wrap .gameType-item-2 {
  background: #354d64;
}

.lavathb .point-convert .point-form-item .am-list-extra,
.lavathb .point-convert .point-form-item .am-list-extra input {
  color: #354d64;
}

.lavathb .go-home-btn {
  background: #aaa !important;
}

.lavathb .statis-gameType-wrap .btn-wrap .gameType-item-1,
.lavathb .statis-gameType-wrap .btn-wrap .his-gameType-item-0,
.lavathb .statis-gameType-wrap .btn-wrap .his-gameType-item-1,
.lavathb .statis-gameType-wrap .btn-wrap .his-gameType-item-2,
.lavathb .statis-gameType-wrap .btn-wrap .his-gameType-item-3,
.lavathb .statis-gameType-wrap .btn-wrap .his-gameType-item-4,
.lavathb .statis-gameType-wrap .btn-wrap .his-gameType-item-5,
.lavathb .statis-gameType-wrap .btn-wrap .his-gameType-item-6,
.lavathb .statis-gameType-wrap .btn-wrap .his-gameType-item-7,
.lavathb .statis-gameType-wrap .btn-wrap .his-gameType-item-8 {
  background: #aaa;
}

.lavathb .mc-new-team-tab .mc-agent-team-tab .am-flexbox-item.tab-active {
  color: #553a7a !important;
  border-color: #553a7a !important;
}

.lavathb .poplist-footer a:first-child {
  border-color: #aaa !important;
  color: #aaa !important;
}

.lavathb .agent-container .agent-body .h4-wrp,
.lavathb .leader-board-container .profile-icon {
  border-color: #553a7a;
}

.lavathb .statis-gameType-wrap .active i {
  background: #553a7a;
}

.lavathb .n-form-content input {
  -webkit-appearance: none;
  outline: none;
}

.lavathb
  .item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .item-trans-info
  .info-btn
  svg {
  fill: #fff !important;
}

.lavathb .vc-v2-submit i {
  background-image: url("/images/theme/lavathb/assets/lavathb_down_icon.png");
}

.lavathb .mall-home-top,
.lavathb .mall-home-wrap .mall-home-top,
.lavathb .signin-activity-card {
  background-image: url("/images/theme/lavathb/assets/lavathb_sac.png") !important;
}

.lavathb .leader-board-container .leader-board-content .leader-board-card {
  background-image: url("/images/theme/lavathb/assets/lavathb_lbc.png") !important;
}

.lavathb .leader-board-container .leader-board-header {
  background-image: url("/images/theme/lavathb/assets/lavathb_lbh.png") !important;
}

.lavathb .name-filter .am-search-cancel {
  background-image: url("/images/theme/lavathb/assets/lavathb_search.png") !important;
}

.lavathb .v-base .m-mc-notice-container .mc-notice-prev {
  background-image: url("/images/theme/lavathb/assets/lavathb_left.png") !important;
  transform: rotate(0deg);
}

.lavathb .reward-user-integral {
  background-image: url("/images/theme/lavathb/assets/rewardCenter/lavathb_cash.png") !important;
}

.lavathb .v-base .m-mc-notice-container .mc-notice-next {
  background-image: url("/images/theme/lavathb/assets/lavathb_left.png") !important;
  transform: rotate(180deg);
}

.lavathb .record-icon-ticket {
  background-image: url("/images/theme/lavathb/assets/lavathb_bill.png");
}

.lavathb .reward-center {
  background-image: url("/images/theme/lavathb/assets/lavathb_mall-bg.png") !important;
  background-size: 100% auto;
  background-position-y: -1rem;
}

.lavathb #mc-app-home-root.mc {
  background-image: url("/images/theme/lavathb/assets/lavathb_member_home.png") !important;
}

.lavathb .common-center-top .cumulative-sign-in {
  position: absolute;
  right: 0;
  top: 0;
  height: 0.5rem !important;
  padding: 0 0.75rem 0 1.4rem;
  background-image:
    url("/images/theme/lavathb/assets/lavathb_sign.png"),
    linear-gradient(0deg, #957bf1, #957bf1) !important;
  background-position:
    0.76rem,
    left 0.64rem top -1px;
  background-size:
    0.3rem 0.3rem,
    100% 100%;
  background-repeat: no-repeat !important;
  color: #fff;
  font-size: 0.24rem;
  line-height: 0.5rem;
}

.lavathb .common-center-top .cumulative-sign-in a {
  color: inherit;
}

.lavathb .common-center-top .cumulative-sign-in:before {
  content: "";
  width: 0.64rem;
  height: 0.49rem;
  position: absolute;
  left: 1px !important;
  top: 0;
  z-index: 9;
  background: url("/images/theme/lavathb/assets/lavathb_mall-title.png") !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
}

.lavathb .common-center-top .cumulative-sign-in:after {
  content: "";
  width: 0.38rem;
  height: 0.54rem;
  position: absolute;
  right: 0.1rem;
  top: 0;
  z-index: 9;
  background: url("/images/theme/lavathb/assets/lavathb_arrow.png") 50% !important;
  background-repeat: no-repeat !important;
  background-size: 0.18rem 0.28rem;
}

.lavathb .am-tabs-bar .am-tabs-tab-active,
.lavathb .ck-btn,
.lavathb .leader-board-container .leader-board-header-status div.lb-active {
  color: #957bf1 !important;
}

.lavathb .ck-btn svg,
.lavathb .deposit-list-ck,
.lavathb
  .invite-friends-container
  .invite-friends-content
  .invite-get-link
  .link-copy
  svg,
.lavathb .leader-board-container .leader-board-header-status div.lb-active svg,
.lavathb .no-salary-list svg,
.lavathb .vc-v2-container .vc-v2-active-container .act-item.on svg {
  fill: #957bf1 !important;
}

.lavathb .bet-filter-container .bet-filter-item-content .ck-date,
.lavathb .mall-home-wrap .mall-home-choose .active,
.lavathb .mc-lott-record-root .select-Box span.active,
.lavathb .mc-tab-container .mc-tab-item.tab-active,
.lavathb .red-rain-underling span.on,
.lavathb .vc-v2-container .vc-v2-method-list li.ck,
.lavathb .vc-v2-container .vc-v2-method li.ck,
.lavathb .vc-v2-container .vc-v2-method li.ck .vcn-list-desc,
.lavathb .vc-v2-container .vc-v2-method li.ck .vcn-list-text {
  color: #957bf1 !important;
  border-color: #957bf1 !important;
}

.lavathb .n-home-container .main-nav-style > div svg {
  fill: #957bf1;
}

.lavathb .n-home-container .main-nav-style > .n-linear-border:before {
  background-image: linear-gradient(0deg, #d6ccfa, #efebfd);
  border: 1px solid rgba(79, 54, 97, 0.2);
  border-top-style: none;
}

.lavathb .center-svgBox .am-icon-lightning,
.lavathb
  .dropdown-wrapper
  .seach-popup
  .search-wrapper
  .search-wrap
  .list-item
  .calendar-group
  .calendar-default
  .am-icon-calendar,
.lavathb .lott-record-container svg {
  fill: #aaa;
}

.lavathb .no-salary-list svg,
.lavathb .nodata-container .nodata-icon {
  fill: #553a7a !important;
}

.lavathb .lbti-nodata-modal .statistics,
.lavathb .leader-board-container .leader-board-list-content .lblc-no-data,
.lavathb .point-convert .point-form-item .am-list-extra,
.lavathb .point-convert .point-form-item .am-list-extra input,
.lavathb .point-wrap .point-list-wrap .point-list-item,
.lavathb .salary-popup-container .contractRate.input-container,
.lavathb .sigin-today-desc .item-wrap .item-title {
  color: #aaa !important;
}

.lavathb .account-form .account-errors strong,
.lavathb .invite-list-root footer span,
.lavathb .sigin-today-desc .item-wrap .item-desc,
.lavathb .task-c-header .task-progress-txt span {
  color: #c76e6e !important;
}

.lavathb .btn-success {
  box-shadow: 0 0.1rem 0.2rem 0 #553a7a !important;
}

.lavathb .am-tabs-ink-bar,
.lavathb
  .member-detail-wrapper
  .member-detail-tab
  .am-tabs-bar
  .am-tabs-tab-active
  .icon-setrebate,
.lavathb
  .member-detail-wrapper
  .member-detail-tab
  .am-tabs-bar
  .am-tabs-tab-active:before,
.lavathb .withdraw-container-v2 .am-tabs-tab-active span:before {
  background: #957bf1 !important;
}

.lavathb .am-modal-button-group-v .am-modal-button,
.lavathb .withdraw-container-v2 .am-tabs-tab-active span {
  color: #957bf1 !important;
}

.lavathb
  .team-member-nickname
  .trans-container-header
  .trans-container:last-child,
.lavathb
  .v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-trans-details
  .trans-container:last-child
  > span {
  color: #aaa !important;
}

.lavathb .agrg-downline-cname,
.lavathb .am-modal-body,
.lavathb .cons-bet-item .mc_common_overflow span,
.lavathb .contract-history .user-info .user-name,
.lavathb .member-detail-wrapper .member-detail-top,
.lavathb .ph-text,
.lavathb .point-wrap .point-table-title span,
.lavathb .sigin-title .sigin-tab-title,
.lavathb .team-member-item-header span {
  color: #4f3661 !important;
}

.lavathb .bank-virtual-tips,
.lavathb .translate-tips {
  color: #c76e6e !important;
}

.lavathb .agentDivident .myDividend .name-filter .searchOne,
.lavathb .am-list-header,
.lavathb .am-modal-title,
.lavathb .bet-filter-container .bet-filter-sub .bf-close,
.lavathb
  .dropdown-wrapper
  .seach-popup
  .search-wrapper
  .list-submit
  .item-confirm,
.lavathb
  .invite-friends-container
  .invite-friends-content
  .invite-count
  .invite-count-amount
  div:last-child,
.lavathb
  .invite-friends-container
  .invite-friends-content
  .invite-count
  .invite-count-people
  div:last-child,
.lavathb .invite-friends-container .invite-friends-content .show-rule,
.lavathb .lkmn-poup-qrlink span,
.lavathb
  .modal-list-content
  .agrg-bouns-main
  .agrg-downline-bnset
  .agrg-downline-bnsetp
  .game-wrap
  .game-rebate,
.lavathb .modal-list-content .team-rebate-title .team-rebate-tcenter,
.lavathb .overview-sum-wrapper .sum-list-item .text-blue,
.lavathb .reward-content-info,
.lavathb .singd-downline-info div span > span,
.lavathb .task-tab .am-tabs-tab-active .tab-title,
.lavathb .total-hands,
.lavathb .vc-v2-container .vc-v2-active-container .act-item.on .act-mount i {
  color: #553a7a !important;
}

.lavathb .dividend-list .show-icon.unfold {
  background-image: url(/images/theme/lavathb/assets/lavathb_show.png);
}

.lavathb .agentDivident .tabPane-span svg,
.lavathb .contractPeople svg,
.lavathb .mc-trans-filter .am-button-ghost svg,
.lavathb .no-claimed svg,
.lavathb .sigin-today-title svg {
  fill: #553a7a !important;
}

.lavathb .agent-notice-container {
  background: #f8f8f8;
}

.lavathb .banner.bet,
.lavathb .banner.salary,
.lavathb .card-details.contract .protocolDetails .header,
.lavathb .singd-details thead tr {
  background: linear-gradient(0deg, #4f3661, #1f1736) !important;
}

.lavathb .common-center-top .cumulative-sign-in:after {
  top: 0.1rem;
  height: 0.3rem;
}

.lavathb .am-badge-text,
.lavathb
  .new-date-picker.team-view
  .date-picker-warp
  .pickter-item.active-item
  span,
.lavathb
  .overview-chart
  .chart-select-wrap
  .select-item
  input[type="radio"]:checked
  ~ label {
  background-color: #957bf1;
  color: #fff;
}

.lavathb .leader-board-container .leader-board-integral {
  background: rgba(79, 54, 97, 0.5) !important;
  color: #fff !important;
}

.lavathb #root .mc-home.mc-navbar-blue .am-navbar-title,
.lavathb #root .reward-center .am-navbar-title,
.lavathb .mc-navbar-blue.am-navbar,
.lavathb .modal-list-footer .am-button,
.lavathb .overview-chart .chart-select-wrap .select-item .item-content {
  color: #fff !important;
}

.lavathb #mc-app-home-root #mc-header svg,
.lavathb .reward-center .return_icon svg {
  fill: #fff !important;
}

.lavathb .reward-center svg {
  fill: rgba(37, 37, 37, 0.6) !important;
}

.lavathb .am-progress-outer,
.lavathb .filter-null .mc-switch .checkbox.on:after,
.lavathb .modal-list-content .mc-switch .checkbox.on:after,
.lavathb .point-wrap .point-list-wrap .point-list-header,
.lavathb .statis-gameType-wrap .btn-wrap.active i:first-child,
.lavathb .task-tab .am-tabs-tab-active .tab-title:after,
.lavathb .vc-v2-title:before {
  background-color: #553a7a !important;
}

.lavathb .vc-v2-container .vc-v2-method li {
  border: 0.02rem solid #aaa !important;
}

.lavathb .overview-chart .chart-select-wrap,
.lavathb
  .swiper-container-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  background-color: #aaa !important;
}

.lavathb .point-tips {
  color: rgba(79, 54, 97, 0.7) !important;
}

.lavathb .cr-container li .records-item-content-sy > div:first-child,
.lavathb .point-wrap .point-list-wrap .point-list-item {
  background: rgba(53, 77, 100, 0.2);
}

.lavathb .invite-list-root footer,
.lavathb .overview-sum-wrapper {
  background: rgba(85, 58, 122, 0.1);
}

.lavathb
  .dropdown-wrapper
  .seach-popup
  .search-wrapper
  .search-wrap
  .list-item
  .item-group
  input[type="radio"]:checked
  + label,
.lavathb .mc-trans-filter .am-button-primary {
  background-color: #957bf1 !important;
  border-color: #957bf1 !important;
  color: #fff !important;
}

.lavathb
  .dropdown-wrapper
  .seach-popup
  .search-wrapper
  .search-wrap
  .list-item
  .calendar-group
  .calendar-default,
.lavathb
  .dropdown-wrapper
  .seach-popup
  .search-wrapper
  .search-wrap
  .list-item
  .calendar-group
  .calendar-select
  .am-button-icon,
.lavathb
  .dropdown-wrapper
  .seach-popup
  .search-wrapper
  .search-wrap
  .list-item
  .item-group
  .item-btn,
.lavathb
  .mc-agent-team-filter
  .pnl-date-filter-container
  .bet-filter-item-content
  > div,
.lavathb .mc-transaction-record-root.mtrr-container .am-button-ghost {
  border-color: #aaa !important;
  color: #aaa !important;
}

.lavathb .mc-transaction-record-root.mtrr-container .am-button-ghost svg {
  fill: #aaa !important;
}

.lavathb .lkmn-poup-qrcode,
.lavathb .red-rain-underling {
  background-color: #fff !important;
}

.lavathb .team-member-nickname .nickname-form input,
.lavathb .team-member-trans input {
  border: 1px solid #553a7a !important;
}

.lavathb .red-rain-select .am-search-input input {
  box-shadow: 0 0.04rem 0.08rem 0 rgba(0, 0, 0, 0.05);
}

.lavathb .team-member-trans .am-button-ghost.trans-unchecked {
  background: #fff !important;
  border-color: #aaa !important;
  color: #aaa !important;
}

.lavathb .invite-friends-container .invite-friends-content .invite-save-code,
.lavathb
  .item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-submit
  .item-confirm,
.lavathb .modal-list-footer .am-button,
.lavathb .rescue-list .rescue-item .rescue-item-submit,
.lavathb .task-today-sub,
.lavathb .voucher-msg-v2-footer .voucher-btn.more-voucher {
  color: #fff !important;
  background: linear-gradient(90deg, #4f3661, #1f1736);
}

.lavathb .v-base .m-mc-notice-container .mc-notice-prev {
  transform: rotate(90deg) !important;
}

.lavathb .v-base .m-mc-notice-container .mc-notice-next {
  transform: rotate(-90deg) !important;
}

.lavathb #root .mc-home.mc-navbar-blue,
.lavathb #root .mc-leader-board-list .mc-navbar-blue,
.lavathb #root .mc-rewardCenter .mc-navbar-blue {
  box-shadow: none !important;
  background: transparent !important;
  color: #fff !important;
}

.lavathb .sec_card .am-list-header {
  border: #fff;
}

.lavathb .team-member-nickname .nickname-form .btn-confirm-trans,
.lavathb .team-member-trans .btn-confirm-trans {
  border: none;
}

.lavathb .record-footer div span:last-child,
.lavathb .vc-v2-container .vc-v2-input .deposit-amount-con .error-tips {
  color: #c76e6e !important;
}

.lavathb #mc-app-home-root .common-center-top .cumulative-sign-in {
  background-image:
    url(/images/theme/lavathb/assets/lavathb_sign.png),
    linear-gradient(0deg, #4f3661, #1f1736) !important;
}

.lavathb #mc-app-home-root .common-center-top .cumulative-sign-in:before {
  background-image: url(/images/theme/lavathb/assets/lavathb_home-sign.png) !important;
}

.lavathb .agent-overview-wrapper {
  background: #edebf1;
}

.lavathb
  .item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .list-form
  .form-right
  button,
.lavathb .loss-amount {
  color: #354d64 !important;
}

.lavathb .n-home-container .main-nav-style > div svg {
  fill: url(#lavathb-gradient) #4f3661 !important;
}

.lavathb .am-progress-bar,
.lavathb .member-detail-wrapper .member-detail-top .item-left .avatar-icon,
.lavathb .modal-list-content .mc-switch .checkbox.on,
.lavathb .sigin-c-header .am-flexbox-item:last-child .sc-score.toMall:after,
.lavathb .vc-v2-input.vc-v2-other .inputCon:focus-within {
  border-color: #553a7a !important;
}

.lavathb .mc-trans-filter .am-button-ghost span {
  color: #553a7a !important;
}

.lavathb
  .team-manage-wrapper
  .mc-agent-team-list
  .team-member-root
  .team-member-item-header
  .club-label {
  background-color: #4f3661 !important;
  color: #fff !important;
  border-color: #4f3661 !important;
}

.lavathb
  .team-manage-wrapper
  .mc-agent-team-list
  .team-member-root
  .team-member-item-header {
  background-color: rgba(85, 58, 122, 0.2) !important;
}

.lavathb .dividend-list,
.lavathb .lott-records-root .records-item-content-sy,
.lavathb
  .mall-home-wrap
  .mall-home-orders
  .mall-order
  .mall-order-integral
  .order-integral-item,
.lavathb
  .orderinfo-wrap
  .orderinfo-header
  .orderinfo-middle
  .orderinfo-price
  li,
.lavathb
  .team-manage-wrapper
  .mc-agent-team-list
  .team-member-root
  .team-member-item-footer,
.lavathb .voucher-msg-v2-footer {
  background-color: rgba(85, 58, 122, 0.1) !important;
}

.lavathb .am-list-item .am-list-line .am-list-content {
  color: #000924 !important;
}

.lavathb .member-detail-wrapper {
  background: #fff7f6 url(/images/theme/lavathb/assets//member_detail_bg.png)
    top no-repeat;
}

.lavathb
  .mc-agent-team-filter
  .pnl-date-filter-container
  .bet-filter-item-content
  > div.ck-date,
.lavathb .poplist-footer a:first-child,
.lavathb .voucher-msg-v2-footer .voucher-btn {
  color: #553a7a !important;
  border-color: #553a7a !important;
}

.lavathb .voucher-msg-v2-footer .voucher-btn.more-voucher {
  color: #fff !important;
}

.lavathb .exchange-wrap .exchange-order-info .exchange-order-price .active,
.lavathb .lott-records-root .records-item-header-sy {
  box-shadow: unset !important;
  background: #fff !important;
}

.lavathb .mc-switch.mc-qutas-bg .checkbox:before {
  background: #888 !important;
}

.lavathb .leader-board-root {
  min-height: calc(100vh - 1rem);
}

.lavathb .go-home-btn,
.lavathb .start-contract-root .contract-salary-refuse {
  background: #fff !important;
  color: #553a7a !important;
  border-color: #553a7a !important;
}

.lavathb #root .mc-header-wrap .mc-navbar-blue {
  background: linear-gradient(180deg, #c9bbfd, #957bf1) !important;
}

.lavathb #root .mc-header-wrap .mc-navbar-blue .am-navbar-title {
  color: #fff !important;
}

.lavathb #root .mc-header-wrap .mc-navbar-blue .am-icon-left {
  fill: #fff !important;
}

.lavathb #mc-app-home-root .mc-header-wrap .mc-navbar-blue {
  background: inherit !important;
  box-shadow: inherit;
}

.lavathb
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item {
  background-color: #efefef;
  border: 1px solid #ccc;
  color: #919191;
}

.lavathb
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active {
  color: #fff;
}

.lavathb
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active
  svg {
  display: none;
}

body._777loc input {
  line-height: unset !important;
}

body._777loc .divident-list-item span {
  width: 21%;
}

body._777loc .record-footer {
  background:
    linear-gradient 180deg,
    #fdfaff,
    #e1e5e8;
  box-shadow: 0 0 0.5px 0.2px rgba(64, 69, 84, 0.2);
}

body._777loc .record-footer span {
  color: #ec6969;
}

body._777loc .record-footer span.time {
  color: #8c5656;
}

body._777loc .n-home-container .main-nav-style > .n-linear-border > div {
  background: rgba(140, 86, 86, 0.2);
}

body._777loc .v-base .main-nav-style {
  color: #a1524d;
}

body._777loc .am-tabs-bar .am-tabs-tab-active,
body._777loc .am-tag-active,
body._777loc .btn-copy-code,
body._777loc .mall-home-top .mall-header,
body._777loc .mc-lott-record-root .select-Box span.active,
body._777loc .new-tips,
body._777loc .team-member-flow .mc-team-flow-unit span.unit-active,
body._777loc .vc-v2-container .vc-v2-input .inputCon,
body._777loc .vc-v2-container .vc-v2-input .inputCon i,
body._777loc .vc-v2-container .vc-v2-method-list li.ck,
body._777loc .vc-v2-container .vc-v2-show-bank .vc-v2-bank-ck.ck {
  color: #ec6969;
  border-color: #ec6969 !important;
}

body._777loc .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-right span,
body._777loc .go-home-btn,
body._777loc .red-rain-underling span,
body._777loc .vc-v2-container .vc-v2-method-list li {
  color: #cea5a5;
  border-color: #cea5a5;
}

body._777loc .bet-filter-container .bet-filter-item-content .ck-date,
body._777loc .mall-home-wrap .mall-home-choose .active,
body._777loc .mc-tab-container .mc-tab-item.tab-active,
body._777loc .singd-downline-info div span > span,
body._777loc .vc-v2-container .vc-v2-method-list li.ck,
body._777loc .vc-v2-container .vc-v2-method li.ck {
  color: #ec6969 !important;
  border-color: #ec6969 !important;
}

body._777loc .am-button-primary,
body._777loc .n-home-container .n-nav-list-title span {
  border: none !important;
}

body._777loc input {
  caret-color: #ec6969 !important;
}

body._777loc .game-record-show .am-search,
body._777loc .h-icon-active img,
body._777loc .mc-transaction-record-root.mtrr-container .am-button-ghost,
body._777loc .name-filter .am-button-ghost,
body._777loc .vc-v2-container .pay-name-container .vc-v2-input input:focus {
  border-color: #ec6969 !important;
}

body._777loc .name-filter .am-button-ghost {
  border: 1px solid #ec6969 !important;
}

body._777loc .agent-divident-container,
body._777loc .agentDivident .am-tabs-bar .am-tabs-tabr,
body._777loc .am-search,
body._777loc .am-tabs-bar,
body._777loc .name-filter,
body._777loc .name-filter .am-button-ghost,
body._777loc .reward-center-container,
body._777loc .sigin-modal .sigin-modal-content {
  background: #fff;
}

body._777loc .agentDivident .am-tabs-tabpane > div > div {
  background: #fff !important;
}

body._777loc .tabPane-tips {
  background: #fff;
  box-shadow: 0 0.04rem 0.08rem 0 hsla(0, 0%, 100%, 0.05) !important;
}

body._777loc .submitEmail {
  box-shadow: none !important;
}

body._777loc .agentSalary .mc-trans-filter .am-button-ghost,
body._777loc .am-button-ghost.am-button-active,
body._777loc .am-checkbox.am-checkbox-checked .am-checkbox-inner,
body._777loc .am-checkbox.am-checkbox-checked .am-checkbox-inner:after,
body._777loc .bet-filter-container .bet-filter-item-content .ck-date,
body._777loc .contract-history .history-thead,
body._777loc .is-comp,
body._777loc .popup-container input:focus,
body._777loc .salary-popup-container input:focus {
  border-color: #ec6969;
}

body._777loc .dividendRatio .arrow-top,
body._777loc .table-container .dividend-tips .arrow-top {
  border-bottom-color: #ec6969;
}

body._777loc .dividend-header .dividend-header-content > div:first-child p,
body._777loc .dividend-header .dividend-header-content > div:last-child p {
  color: #ec6969;
}

body._777loc
  .exchange-history-wrap
  .exchange-history-item
  .item-order-integral
  .order-integral-first,
body._777loc .flex-text-tips,
body._777loc
  .mall-home-wrap
  .mall-home-orders
  .mall-order
  .mall-order-integral
  .order-integral-item
  .integral-number {
  color: #ff0f47;
}

body._777loc
  .mall-home-wrap
  .mall-home-orders
  .mall-order
  .mall-order-integral
  .order-integral-item,
body._777loc
  .orderinfo-wrap
  .orderinfo-header
  .orderinfo-middle
  .orderinfo-price
  li {
  background: rgba(175, 156, 246, 0.1);
}

body._777loc #root #mc-app-home-root.gc,
body._777loc #root .mc-navbar-blue {
  background: linear-gradient(180deg, #2783ff, #ff957b);
  color: #fff;
  box-shadow: 0 0.04rem 0.08rem 0 rgba(0, 0, 0, 0.05);
}

body._777loc #root #mc-app-home-root.gc .am-navbar-left svg,
body._777loc #root .mc-navbar-blue .am-navbar-left svg {
  fill: #fff;
}

body._777loc #root #mc-app-home-root.gc .am-navbar-title,
body._777loc #root .mc-navbar-blue .am-navbar-title {
  color: #fff;
}

body._777loc .am-card-body .protocolDetails .header p,
body._777loc .trans-checked span {
  color: #fff !important;
}

body._777loc #root .mc-home.mc-navbar-blue .am-icon-left,
body._777loc #root .mc-home.mc-navbar-blue .am-navbar-title,
body._777loc #root .reward-center .am-navbar-title,
body._777loc .agent-container .agent-body .h4-wrp,
body._777loc .agrg-downline-title,
body._777loc .block-container .block.member,
body._777loc .block-container .block.unerlvl,
body._777loc .center-header,
body._777loc .contract-history .history-thead,
body._777loc .dividend-header .dividend-header-content .title,
body._777loc .downline-item-toot .user-info .user-name,
body._777loc .flex-list-text,
body._777loc .leader-board-container .leader-board-integral,
body._777loc .mall-home-top .mall-number-info,
body._777loc .mc-transaction-record-root.mtrr-container .am-button-ghost,
body._777loc .myRebate .rebate-span-lf,
body._777loc .ph-text span,
body._777loc .rebateReport-item-root span,
body._777loc .salary-popup-header div,
body._777loc .sigin-modal .sigin-modal-content h3,
body._777loc .singd-downline-item-toot .user-info .user-name,
body._777loc .team-member-item-header .customer-item,
body._777loc .team-op a,
body._777loc .ti-name,
body._777loc .tr-item-title,
body._777loc
  .v-base
  .m-mc-notice-container
  .m-mc-notice-title
  .m-mc-notice-title-time {
  color: #8c5656 !important;
}

body._777loc #mc-app-home-root #mc-header,
body._777loc .mc-transaction-record-root.mtrr-container .am-button-ghost,
body._777loc .reward-center {
  border-color: #8c5656 !important;
}

body._777loc #mc-app-home-root #mc-header svg,
body._777loc .mc-transaction-record-root.mtrr-container .am-button-ghost svg,
body._777loc .reward-center svg {
  fill: #8c5656 !important;
}

body._777loc .bet-filter-modal .ck-icon,
body._777loc .deposit-list-ck,
body._777loc .deposit-record-root .deposit-id svg,
body._777loc .icon-points,
body._777loc .icon-sign,
body._777loc .icon-task,
body._777loc .vc-v2-container .vc-v2-active-container .act-item.on svg {
  fill: #ec6969 !important;
}

body._777loc .tr-item-content-item,
body._777loc
  .v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-list-body
  .wallet-name {
  color: #8c5656;
}

body._777loc .am-badge-text {
  background-color: #8c5656;
  color: #fff;
}

body._777loc
  .v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .am-list-body
  .am-list-item#mc-wallet-checked {
  border-color: #ffc608;
  background: rgba(255, 198, 8, 0.1);
}

body._777loc .sub-name-search input::-webkit-input-placeholder {
  color: #cea5a5 !important;
}

body._777loc .am-modal-button-group-h .am-modal-button:first-child,
body._777loc .am-tabs-bar .am-tabs-tab,
body._777loc .card-details.contract .spandetails,
body._777loc .change-statis-wrap .statis-left .btn-change,
body._777loc .contract-history .history-tbody,
body._777loc .dividend-list-more > div,
body._777loc .flex-list-title,
body._777loc .list-popup-container,
body._777loc .mc-team-filter .am-list-item.am-input-item,
body._777loc .orderinfo-wrap .orderinfo-body .orderion-content-text *,
body._777loc .pal-records-list-root .time,
body._777loc .red-rain-input input,
body._777loc .red-rain-tcenter,
body._777loc .salary_info tbody tr td,
body._777loc .salary_rule,
body._777loc .sigin-c-remarks b,
body._777loc .sigin-c-remarks p,
body._777loc .sigin-modal .sigin-modal-content .amount-info p,
body._777loc .sigin-today-desc,
body._777loc .statis-container .statis-lin .lin-left div,
body._777loc .statis-container .statis-lin .lin-rigth div,
body._777loc .sub-name-search input,
body._777loc .sub-name-search input::placeholder,
body._777loc .team-member-item-content,
body._777loc .team-member-item-content .time,
body._777loc .team-member-nickname input,
body._777loc .team-member-trans input,
body._777loc .team-op a.edit-btn,
body._777loc .team-rebate-btnleft .am-button,
body._777loc .tic-footer-title,
body._777loc .tr-item-time,
body._777loc .v-base .m-mc-notice-container .m-mc-notice-index-content,
body._777loc .v-base .m-mc-notice-container .mc-notice-time {
  color: #cea5a5 !important;
}

body._777loc .point-tips {
  color: hsla(0, 29%, 73%, 0.7) !important;
}

body._777loc .sub-name-search,
body._777loc .team-rebate-btnleft .am-button {
  border-color: #cea5a5 !important;
}

body._777loc .exchange-wrap .exchange-order-info .exchange-order-price li,
body._777loc .red-rain-input input,
body._777loc .statis-gameType-wrap .btn-wrap {
  background: rgba(175, 156, 246, 0.1);
}

body._777loc .ag-link-lmanage .ag-link-mgbottom,
body._777loc .agrg-downline-cname,
body._777loc
  .exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-third
  .item-order-date,
body._777loc .exchange-wrap .exchange-order-info .exchange-order-price li,
body._777loc .leader-board-container .leader-board-header-status div,
body._777loc .mall-home-middle,
body._777loc .mall-home-wrap .mall-home-choose,
body._777loc .mall-order-integral,
body._777loc .mc-tab-container .mc-tab-item,
body._777loc .mc-team-filter .am-list-item .am-input-control input,
body._777loc .new-date-picker .date-picker-warp .pickter-item.through-item,
body._777loc
  .orderinfo-wrap
  .orderinfo-header
  .orderinfo-middle
  .orderinfo-price,
body._777loc .orderinfo-wrap .orderinfo-submit p,
body._777loc .point-history-wrap .point-item-wrap .point-types .point-date,
body._777loc .point-history-wrap .point-item-wrap .point-types .point-remarks,
body._777loc .sigin-c-footer .title {
  color: #cea5a5;
}

body._777loc .lottType-box,
body._777loc .mc-lott-record-root .select-Box .type,
body._777loc .mc-lott-record-root .select-Box > div,
body._777loc .play-chooser form,
body._777loc .play-chooser input,
body._777loc .trans-unchecked {
  color: #cea5a5 !important;
  border-color: #cea5a5 !important;
}

body._777loc .exchange-wrap .font-color-red,
body._777loc .orderinfo-wrap .font-color-red,
body._777loc .point-history-wrap .color-red,
body._777loc .sigin-today-desc span,
body._777loc .today {
  color: #ff0f47 !important;
}

body._777loc .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-left,
body._777loc .am-search-input input[type="search"],
body._777loc .devidend-container .popup-header,
body._777loc
  .exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-first
  .item-order-name,
body._777loc
  .exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-first
  .item-order-number,
body._777loc .grid-title,
body._777loc .leader-board-container .leader-board-header-info,
body._777loc .leader-board-container .leader-board-header-status div.lb-active,
body._777loc .mall-home-wrap .mall-home-orders .mall-order .mall-order-text,
body._777loc .point-form-item .am-list-item .am-list-line .am-list-content,
body._777loc .point-history-wrap .color-black,
body._777loc .red-rain-tetit,
body._777loc .red-rain-type .agrg-downline-cname,
body._777loc .sigin-today-title {
  color: #8c5656 !important;
}

body._777loc .contract-history .history-thead,
body._777loc .dividend-list-more,
body._777loc .grid-content {
  background: #fafafa;
}

body._777loc .agentSalary .mc-trans-filter .am-button-ghost,
body._777loc .contractPeople,
body._777loc .leader-board-container .leader-board-header-status div.lb-active,
body._777loc .lott-record-container,
body._777loc .no-salary-list {
  color: #ec6969;
}

body._777loc .agentSalary .mc-trans-filter .am-button-ghost svg,
body._777loc .contractPeople svg,
body._777loc
  .leader-board-container
  .leader-board-header-status
  div.lb-active
  svg,
body._777loc .lott-record-container svg,
body._777loc .no-salary-list svg {
  fill: #ec6969;
}

body._777loc .mc-team-filter .am-list-item.am-input-item,
body._777loc .sub-name-search {
  border-color: #cea5a5;
}

body._777loc .mc-team-filter .am-list-item.am-input-item svg,
body._777loc .sub-name-search svg {
  fill: #cea5a5;
}

body._777loc .singd-downline-info svg {
  fill: #cea5a5 !important;
}

body._777loc .am-modal-body,
body._777loc .exchange-wrap .exchange-order-info .exchange-order-count,
body._777loc .exchange-wrap .exchange-order-info .exchange-order-name,
body._777loc .exchange-wrap .font-color-gray,
body._777loc .game-amount-content span:last-child,
body._777loc .orderinfo-wrap .orderinfo-body h5,
body._777loc
  .orderinfo-wrap
  .orderinfo-header
  .orderinfo-middle
  .orderinfo-text,
body._777loc .point-history-wrap .color-black,
body._777loc .tic-footer-amount {
  color: #8c5656;
}

body._777loc .dividend-rate,
body._777loc .go-team-bet,
body._777loc .go-team-bet i,
body._777loc .go-team-record,
body._777loc .go-team-record i,
body._777loc .mc-trans-record-container .color-green-in,
body._777loc .mt-team-footer,
body._777loc .records-item-header .game-amount-content span:last-child,
body._777loc .red-rain-tright,
body._777loc .team-member-trans header .label,
body._777loc .tt-balance-content {
  color: #ec6969 !important;
}

body._777loc .dividend-rate svg,
body._777loc .go-team-bet i svg,
body._777loc .go-team-bet svg,
body._777loc .go-team-record i svg,
body._777loc .go-team-record svg,
body._777loc .mc-trans-record-container .color-green-in svg,
body._777loc .mt-team-footer svg,
body._777loc .records-item-header .game-amount-content span:last-child svg,
body._777loc .red-rain-tright svg,
body._777loc .team-member-trans header .label svg,
body._777loc .tt-balance-content svg {
  fill: #ec6969 !important;
}

body._777loc .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-right svg,
body._777loc .agent-link-nodata svg,
body._777loc .block.member svg,
body._777loc .card-header-people,
body._777loc .devidend-container svg,
body._777loc .has-claimed svg,
body._777loc .icon-complete,
body._777loc .icon-span svg,
body._777loc .lin-left svg,
body._777loc .lin-rigth svg,
body._777loc .lkmn-poup-qrlink svg,
body._777loc .mall-intergral-svg,
body._777loc .mc-icon-member,
body._777loc .mc-trans-filter svg.am-icon-lg,
body._777loc .need-fill,
body._777loc .rebateReport-item-content svg,
body._777loc .salary-popup-container .save-icon,
body._777loc .security-icon,
body._777loc .team-member-nickname svg,
body._777loc .team-member-trans svg,
body._777loc .team-rebate-tleft svg,
body._777loc .unerlvl.block svg,
body._777loc .user-icon {
  fill: #ec6969 !important;
}

body._777loc .mc-popup-trans > span > svg {
  fill: #ec6969 !important;
}

body._777loc .team-member-trans input {
  border-radius: 0.15rem;
}

body._777loc .add-inputIcon,
body._777loc .agrgic-downline-select,
body._777loc .am-button-ghost.am-button-active,
body._777loc .am-switch input[type="checkbox"]:checked + .checkbox,
body._777loc .bet-filter-container .bet-filter-sub div.ck:after,
body._777loc .ContactName,
body._777loc .ContactNamet,
body._777loc .Contacts .am-search-cancel,
body._777loc .discount-tip,
body._777loc .EmaiWebList .look .am-badge-dot,
body._777loc .grid-title:after,
body._777loc .mc-profile-swiper-nav li.ck,
body._777loc .mc-profitLoss-record-root .am-button-primary,
body._777loc .mc-transaction-record-root .am-button-primary,
body._777loc .swiper-pagination-bullet-active,
body._777loc .ticket-item .ticket-item-btn {
  background: #ec6969 !important;
}

body._777loc .account-form input,
body._777loc .account-form svg.txt-svg,
body._777loc .ag-link-lmanage .ag-link-mgbottom .mccolor-1cc534,
body._777loc .ag-link-lmanage .ag-link-mgbottom .mccolor-23deb8,
body._777loc .ag-link-lmanage .ag-link-mgbottom .mccolor-db2404,
body._777loc .agent-link-nodata .am-result-title,
body._777loc .agrg-downline-bnsetp > span,
body._777loc .agrg-downline-bnslt,
body._777loc .agrg-downline-bnsrt,
body._777loc .am-button-ghost,
body._777loc .am-modal-button-group-v .am-modal-button,
body._777loc .amount-positive-number,
body._777loc .banner .money,
body._777loc .card-details .card-header div.endContract,
body._777loc .color2,
body._777loc .contract-history .user-info .user-title,
body._777loc .contract-tips,
body._777loc .contractText,
body._777loc .dividend-list-more > div:nth-child(2n) p,
body._777loc .dividend-list-more > div:nth-child(odd) p,
body._777loc .downline-item-toot .action-sign,
body._777loc .downline-item-toot .start_contract,
body._777loc
  .exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-third
  .item-order-state-A,
body._777loc .exchange-wrap .exchange-order-info .exchange-order-price .active,
body._777loc .filter-tabPane-btn,
body._777loc .game-record-show .am-search-cancel,
body._777loc .is-comp,
body._777loc .link-detail-title,
body._777loc .mc-game-record-root .activity-spinner svg,
body._777loc .mc-new-team-tab .mc-agent-team-tab .am-flexbox-item.tab-active,
body._777loc .new-date-picker .date-picker-content .btn-clear-date,
body._777loc .new-date-picker .date-picker-content .date-picker-title,
body._777loc
  .new-date-picker
  .date-picker-content
  .date-picker-title
  .active-item,
body._777loc .nodata-container,
body._777loc .placeholder,
body._777loc .play-chooser .chase-number > span,
body._777loc .point-balance p,
body._777loc .point-convert .point-form-item.important-number .am-list-extra,
body._777loc .rebate-span-rt,
body._777loc .rebateReport-item-content .am-flexbox span,
body._777loc .rebateReport .rebate,
body._777loc .red-rain-tleft,
body._777loc .red-rain-underling span.on,
body._777loc .sc-bonus,
body._777loc .sc-days,
body._777loc .sc-integral,
body._777loc .sigin-modal .sigin-modal-content .amount-info div,
body._777loc .sign-operation > span,
body._777loc .statis-container .statis-lin .blue-count,
body._777loc .statis-container .statis-lin .gray-count,
body._777loc .statis-container .statis-lin .green-count,
body._777loc .statis-container .statis-lin .red-count,
body._777loc .team-member-nickname header .label,
body._777loc .team-rebate-tcenter,
body._777loc .v-base .m-mc-notice-container .m-mc-notice-title,
body._777loc .v-base .m-mc-notice-container .mmnt-title-detail,
body._777loc
  .v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-list-body
  .wallet-balance,
body._777loc .vc-v2-container .vc-v2-input .inputCon input,
body._777loc .vc-v2-container .vc-v2-method-list li.ck .vcn-list-desc,
body._777loc .vc-v2-container .vc-v2-method li.ck,
body._777loc .w-input-content,
body._777loc .w-input-content input,
body._777loc .withdraw-container-v2 .am-tabs-tab-active span {
  color: #ec6969;
}

body._777loc .sigin-c-footer li > div {
  background: hsla(0, 78%, 67%, 0.1);
}

body._777loc .play-chooser .am-search-input input[type="search"] {
  background: none;
}

body._777loc .am-modal-button-group-h .am-modal-button,
body._777loc .am-modal-title {
  color: #ec6969;
}

body._777loc .new-date-picker .date-picker-warp .pickter-item:nth-child(7n) {
  border-color: none;
}

body._777loc .agrg-downline-bnsetp > span:nth-child(2),
body._777loc .color-red-out,
body._777loc .singd-downline-info {
  color: #8c5656;
}

body._777loc .am-tabs-tabpane-active .card-body,
body._777loc .card-details.contract .protocolDetails .details,
body._777loc .protocolDetails .details p,
body._777loc .sign-salary-root .singd-details tbody .salary-activeMember,
body._777loc .sign-salary-root .singd-details tbody .salary-betVolume,
body._777loc .sign-salary-root .singd-details tbody .salary-rateType,
body._777loc .statis-gameType-wrap .active {
  color: #8c5656 !important;
}

body._777loc .banner.bet,
body._777loc .banner.salary {
  background: linear-gradient(90deg, #ff4f4b, #ff957b);
}

body._777loc .dividend-list div .dl-content {
  background: linear-gradient(90deg, #ff4f4b, #ff957b) !important;
}

body._777loc .dividend-list div:last-child .dl-content,
body._777loc .n-home-container .n-nav-list-title:after,
body._777loc .n-home-container .n-nav-list-title span {
  background: #ffc608 !important;
}

body._777loc .agentDivident .grid-container {
  background: rgba(175, 156, 246, 0.1);
}

body._777loc .account-form input:focus,
body._777loc .agrg-downline-bnsetp > span.agrg-downline-bnstbt,
body._777loc .agrg-downline-input input:focus,
body._777loc .am-button-ghost,
body._777loc .common-center-top .common-top-img,
body._777loc .filter-tabPane-btn,
body._777loc .game-record-show .am-search,
body._777loc .mc-checkbox.mc-checkbox-checked .mc-checkbox-inner,
body._777loc .mc-checkbox.mc-checkbox-checked .mc-checkbox-inner:after,
body._777loc .popup-container input,
body._777loc .red-rain-input input:focus,
body._777loc .red-rain-underling span.on,
body._777loc
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active,
body._777loc .w-input-content {
  border-color: #ec6969;
}

body._777loc .am-button-primary,
body._777loc .am-slider-track,
body._777loc .discount-tip,
body._777loc .mc-switch .checkbox.on:before,
body._777loc
  .new-date-picker
  .date-picker-warp
  .pickter-item.active-item.end-item
  span,
body._777loc
  .new-date-picker
  .date-picker-warp
  .pickter-item.active-item.start-item
  span,
body._777loc .vc-v2-title:before,
body._777loc
  .withdraw-bank
  .slider-frame
  + div
  .am-carousel-wrap-dot-active
  > span {
  background: #ec6969 !important;
  color: #fff;
}

body._777loc .mc-switch.mc-qutas-bg .checkbox:before {
  background: #888;
}

body._777loc .am-tabs-ink-bar,
body._777loc .inputIcon,
body._777loc .mc-switch.mc-qutas-bg .on:before,
body._777loc .mc-trans-filter .am-search-cancel,
body._777loc .sigin-tab .am-tabs-tab-active .tab-title:after,
body._777loc .statis-gameType-wrap .btn-wrap.active i:first-child,
body._777loc .vc-v2-title:before,
body._777loc .withdraw-container-v2 .am-tabs-tab-active span:before {
  background: #ec6969 !important;
}

body._777loc .am-tabs-ink-bar svg,
body._777loc .inputIcon svg,
body._777loc .mc-switch.mc-qutas-bg .on:before svg,
body._777loc .mc-trans-filter .am-search-cancel svg,
body._777loc .sigin-tab .am-tabs-tab-active .tab-title:after svg,
body._777loc .statis-gameType-wrap .btn-wrap.active i:first-child svg,
body._777loc .vc-v2-title:before svg,
body._777loc .withdraw-container-v2 .am-tabs-tab-active span:before svg {
  fill: #ec6969 !important;
}

body._777loc .discount-tip,
body._777loc .mc-trans-filter .am-button-primary,
body._777loc .trans-checked {
  background: #ec6969 !important;
  border-color: #ec6969 !important;
}

body._777loc .leader-board-container .leader-board-integral,
body._777loc .mall-home-top .mall-user-integral {
  background: hsla(0, 0%, 100%, 0.5);
}

body._777loc .mc-trans-filter .am-button-ghost,
body._777loc .point-history-wrap .am-button-ghost {
  border-color: #cea5a5;
  color: #cea5a5;
}

body._777loc .mc-trans-filter .am-button-ghost svg,
body._777loc .point-history-wrap .am-button-ghost svg {
  fill: #cea5a5;
}

body._777loc
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active {
  border-color: inherit;
}

body._777loc .ivi-icon svg {
  display: inline-block;
}

body._777loc .id-verification-icon {
  display: none;
}

body._777loc .add-card-btn,
body._777loc .agrg-downline-sub,
body._777loc .am-button-primary,
body._777loc .bind-first span,
body._777loc .btn-confirm-date,
body._777loc .btn-success,
body._777loc .button-submit,
body._777loc .change-statis-wrap .statis-left .btn-change-active,
body._777loc .contract-salary-operation a:last-child,
body._777loc .copy-contact,
body._777loc .lkmn-poup-qrcopy,
body._777loc .orderinfo-wrap .orderinfo-submit .button-submit,
body._777loc .play-more-game,
body._777loc .poplist-footer a:last-child.footer-button,
body._777loc .profile-swiper-container .am-modal-button,
body._777loc .sigin-today-sub,
body._777loc .signedSalary-root .poplist-footer a:last-child.footer-button,
body._777loc .submitEmail,
body._777loc .team-member-nickname .trans-container:first-child,
body._777loc .team-rebate-btnright .am-button,
body._777loc
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active,
body._777loc .vc-v2-submit,
body._777loc .w-input-submit-true {
  background: linear-gradient(90deg, #ff4f4b, #ff957b) !important;
}

body._777loc .add-card-btn span,
body._777loc .agrg-downline-sub span,
body._777loc .am-button-primary span,
body._777loc .bind-first span span,
body._777loc .btn-confirm-date span,
body._777loc .btn-success span,
body._777loc .button-submit span,
body._777loc .change-statis-wrap .statis-left .btn-change-active span,
body._777loc .contract-salary-operation a:last-child span,
body._777loc .copy-contact span,
body._777loc .lkmn-poup-qrcopy span,
body._777loc .orderinfo-wrap .orderinfo-submit .button-submit span,
body._777loc .play-more-game span,
body._777loc .poplist-footer a:last-child.footer-button span,
body._777loc .profile-swiper-container .am-modal-button span,
body._777loc .sigin-today-sub span,
body._777loc .signedSalary-root .poplist-footer a:last-child.footer-button span,
body._777loc .submitEmail span,
body._777loc .team-member-nickname .trans-container:first-child span,
body._777loc .team-rebate-btnright .am-button span,
body._777loc
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active
  span,
body._777loc .vc-v2-submit span,
body._777loc .w-input-submit-true span {
  color: #fff;
}

body._777loc .add-card-btn,
body._777loc .bind-first span,
body._777loc .button-submit,
body._777loc .copy-contact,
body._777loc
  .copy-contact，
  .new-date-picker
  .date-picker-warp
  .pickter-item.through-item,
body._777loc .mc-lott-record-root .select-Box span.active,
body._777loc .orderinfo-wrap .orderinfo-submit .button-submit,
body._777loc .ticket-item .ticket-item-btn {
  box-shadow: none !important;
}

body._777loc .devidend-container .popup-header,
body._777loc .popup-container input,
body._777loc .salary-popup-header {
  background: hsla(0, 78%, 67%, 0.2);
}

body._777loc .sign-salary-root .singd-details thead tr td {
  color: #fff;
  background: inherit;
}

body._777loc .exchange-wrap .exchange-order-info .exchange-order-price .active,
body._777loc .statis-gameType-wrap .active {
  background: rgba(255, 198, 8, 0.2) !important;
  border-color: #ec6969 !important;
  color: #8c5656 !important;
}

body._777loc .exchange-wrap .exchange-order-info .exchange-order-price .active {
  box-shadow: -1px 0 0.05rem #ec6969 !important;
}

body._777loc .salary-popup-container .input-container input {
  background: hsla(0, 78%, 67%, 0.2) !important;
}

body._777loc .lkmn-poup-tbig,
body._777loc .lkmn-poup-tsmall,
body._777loc .mc-trans-record-container .color-red-out,
body._777loc .point-wrap .point-table-title span {
  color: #ec6969;
}

body._777loc .common-wb-cards {
  background: linear-gradient(90deg, #ff4f4b, #ff957b) !important;
}

body._777loc .btn-success {
  box-shadow: 0 0.1rem 0.2rem 0 #ffc608 !important;
}

body._777loc .btn-success.am-button-disabled {
  box-shadow: none !important;
}

body._777loc .withdraw-bkdbtn {
  border-color: #ec6969;
}

body._777loc .red-rain-main input::-webkit-input-placeholder,
body._777loc .team-member-trans input::-webkit-input-placeholder {
  color: #cea5a5 !important;
}

body._777loc .agrg-downline-input input,
body._777loc
  .exchange-history-wrap
  .exchange-history-item
  .item-order-info
  .item-order-right
  .item-order-type,
body._777loc .lkmn-poup-qrcnt span,
body._777loc .mc-trans-filter .chase-number,
body._777loc .rebateReport-item-root .time,
body._777loc .red-rain-main input::placeholder,
body._777loc .show-more,
body._777loc .singd-downline-info .more-info,
body._777loc .team-member-trans input::placeholder,
body._777loc .tmt-header,
body._777loc .withdraw-bkinfo {
  color: #cea5a5 !important;
}

body._777loc .am-tag-normal,
body._777loc .statis-gameType-wrap .btn-wrap,
body._777loc .vc-v2-container .vc-v2-method li,
body._777loc .vc-v2-container .vc-v2-method li .min-max,
body._777loc .vc-v2-container .vc-v2-method li .vcn-list-text {
  color: #cea5a5 !important;
  border-color: #cea5a5 !important;
}

body._777loc .am-tag-normal.unit-active {
  color: #ffc608 !important;
  border-color: #ffc608 !important;
}

body._777loc .point-wrap .point-list-wrap .point-list-header,
body._777loc .withdraw-bkadd {
  background: #ffc608;
}

body._777loc .wallet_return div {
  background: rgba(255, 198, 8, 0.4);
}

body._777loc .n-home-container .n-nav-list-title span,
body._777loc .wallet_return div {
  color: #fff;
}

body._777loc .n-home-container .n-nav-list-title span svg,
body._777loc .wallet_return div svg {
  fill: #ffc608;
}

body._777loc .agrg-downline-bnstbt,
body._777loc .point-wrap .point-list-wrap .point-list-header {
  color: #fff;
}

body._777loc .agrg-downline-bnstbt svg,
body._777loc .point-wrap .point-list-wrap .point-list-header svg {
  fill: #ec6969;
}

body._777loc .point-wrap .point-list-wrap .point-list-item {
  background: rgba(175, 156, 246, 0.4);
}

body._777loc .card-details.contract .protocolDetails,
body._777loc .contract-history .history-tbody {
  background: none;
}

body._777loc .contract-history .history-tbody {
  border-bottom: 1px solid #ec6969;
}

body._777loc .exchange-wrap .exchange-submit p,
body._777loc .mc-profitLoss-record-root .am-button-ghost,
body._777loc .mc-transaction-record-root .am-button-ghost {
  color: #cea5a5 !important;
  border-color: #cea5a5 !important;
}

body._777loc .exchange-wrap .exchange-submit p svg,
body._777loc .mc-profitLoss-record-root .am-button-ghost svg,
body._777loc .mc-transaction-record-root .am-button-ghost svg {
  fill: #cea5a5 !important;
}

body._777loc .auto-fill-btn,
body._777loc .card-details.contract .protocolDetails .header,
body._777loc .records-item-header-sy i {
  background: #ffc608 !important;
}

body._777loc .sign-salary-root .singd-details thead tr,
body._777loc
  .v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-trans-details
  .trans-container
  > span.checked {
  background: #ffc608;
  border-color: #ffc608;
  color: #fff;
}

body._777loc .trans-checked.am-button-active,
body._777loc .trans-unchecked.am-button-active {
  background: none !important;
}

body._777loc .team-member-nickname .nickname-form input,
body._777loc
  .team-member-nickname
  .trans-container-header
  .trans-container:last-child,
body._777loc
  .v-detail-base
  #mc-my-wallet-root
  .mc-wallet-home-list
  .mc-wallet-trans-details
  .trans-container:last-child
  > span {
  background: rgba(175, 156, 246, 0.1) !important;
}

body._777loc .red-rain-input input,
body._777loc .team-member-nickname .nickname-form input {
  border: 1px solid #cea5a5;
}

body._777loc .team-member-nickname .nickname-form,
body._777loc .tt-content {
  background: inherit !important;
}

body._777loc .add-card-btn.dis,
body._777loc .vc-v2-submit.dis {
  background: #cea5a5 !important;
}

body._777loc .am-tabs-bar .am-tabs-tab-active,
body._777loc .amount-negative-number,
body._777loc .card-details .card-header div.endContract span a,
body._777loc .hd-status-tip,
body._777loc .leader-board-container .leader-board-header-status div.lb-active,
body._777loc .lkmn-poup-qrlink span,
body._777loc .record-footer div span:last-child,
body._777loc .show-tips a,
body._777loc .sigin-c-content .am-tabs-bar .am-tabs-tab-active,
body._777loc .team-member-item-header span,
body._777loc .vrification-loading-content p span {
  color: #ec6969 !important;
}

body._777loc .name-filter .am-search .am-search-input,
body._777loc .name-filter .am-search .am-search-synthetic-ph,
body._777loc .red-rain-select .am-search-input {
  background: #f0f0f0 !important;
  color: #cea5a5 !important;
}

body._777loc .point-history-wrap .am-button-primary {
  color: #fff;
  background: #ec6969 !important;
}

body._777loc .point-history-wrap .am-button-primary svg {
  fill: #fff;
}

body._777loc .red-rain-select .am-search-input input {
  color: #cea5a5 !important;
}

body._777loc .red-rain-select .am-search-cancel,
body._777loc .vc-v2-container .vc-v2-active-container .act-item .act-mount i {
  color: #ec6969;
}

body._777loc .personalCenter .has-error input {
  box-shadow: none !important;
  border: 1px solid #ec6969 !important;
}

body._777loc .account-form input:focus,
body._777loc .play-more-game {
  box-shadow: none !important;
}

body._777loc .am-search-input input[type="search"] {
  background: rgba(175, 156, 246, 0.1);
  color: #cea5a5 !important;
}

body._777loc .devidend-container .popup-header span,
body._777loc .game-amount-content .amount-total,
body._777loc .mc-notice-content .wysiwyg,
body._777loc .sigin-today-title,
body._777loc .team-member-trans header span:last-child {
  color: #8c5656;
}

body._777loc .red-rain-lpbody #mc-header {
  position: relative !important;
}

body._777loc .red-rain-lpbody #mc-header span {
  text-align: center;
  height: auto !important;
}

body._777loc .red-rain-lpbody .red-rain-select {
  margin-top: 0;
}

body._777loc .ph-icon {
  display: inline-block;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 0.6rem;
  background: #ec6969;
  top: 0.16rem;
  position: relative;
}

body._777loc .ph-icon svg {
  top: 0 !important;
  fill: #fff;
  left: 0.07rem;
  width: 0.44rem !important;
  height: 0.44rem !important;
}

body._777loc .mc-wallet-list-body .am-flexbox-item:first-child {
  display: inline-block;
  width: 0.6rem !important;
  height: 0.6rem !important;
  border-radius: 0.6rem;
  background: #ec6969;
}

body._777loc .mc-wallet-list-body .am-flexbox-item:first-child svg {
  top: 0.12rem !important;
  fill: #fff;
  position: relative;
  left: 0.12rem;
  width: 0.34rem !important;
  height: 0.34rem !important;
}

body._777loc .ph-text {
  margin-left: 0.1rem;
  top: 0.06rem;
  position: relative;
}

body._777loc .trans-icon-container svg {
  fill: #af9cf6 !important;
}

body._777loc .ag-link-mgtop-left span {
  display: inline-block;
  width: 0.54rem !important;
  height: 0.54rem !important;
  border-radius: 0.6rem;
  background: #ec6969;
  position: relative;
  top: 0.1rem;
  margin-right: 0.1rem;
}

body._777loc .ag-link-mgtop-left span svg {
  top: -0.04rem !important;
  fill: #fff;
  position: relative;
  left: 0.08rem;
  width: 0.34rem !important;
  height: 0.34rem !important;
}

body._777loc .am-picker-popup-item,
body._777loc .card-header .ric-date {
  color: #ec6969 !important;
}

body._777loc .records-item-header-sy i,
body._777loc .statis-gameType-wrap .btn-wrap .gameType-item-0 {
  background: #ec6969 !important;
}

body._777loc .statis-gameType-wrap .btn-wrap .gameType-item-2 {
  background: #af9cf6;
}

body._777loc .point-convert .point-form-item .am-list-extra,
body._777loc .point-convert .point-form-item .am-list-extra input {
  color: #af9cf6;
}

body._777loc .go-home-btn {
  background: #cea5a5 !important;
}

body._777loc .statis-gameType-wrap .btn-wrap .gameType-item-1,
body._777loc .statis-gameType-wrap .btn-wrap .his-gameType-item-0,
body._777loc .statis-gameType-wrap .btn-wrap .his-gameType-item-1,
body._777loc .statis-gameType-wrap .btn-wrap .his-gameType-item-2,
body._777loc .statis-gameType-wrap .btn-wrap .his-gameType-item-3,
body._777loc .statis-gameType-wrap .btn-wrap .his-gameType-item-4,
body._777loc .statis-gameType-wrap .btn-wrap .his-gameType-item-5,
body._777loc .statis-gameType-wrap .btn-wrap .his-gameType-item-6,
body._777loc .statis-gameType-wrap .btn-wrap .his-gameType-item-7,
body._777loc .statis-gameType-wrap .btn-wrap .his-gameType-item-8 {
  background: #cea5a5;
}

body._777loc .mc-new-team-tab .mc-agent-team-tab .am-flexbox-item.tab-active {
  color: #ec6969 !important;
  border-color: #ec6969 !important;
}

body._777loc .poplist-footer a:first-child {
  border-color: #cea5a5 !important;
  color: #cea5a5 !important;
}

body._777loc .agent-container .agent-body .h4-wrp,
body._777loc .leader-board-container .profile-icon {
  border-color: #ec6969;
}

body._777loc .statis-gameType-wrap .active i {
  background: #ec6969;
}

body._777loc .n-form-content input {
  -webkit-appearance: none;
  outline: none;
}

body._777loc
  .item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .item-trans-info
  .info-btn
  svg {
  fill: #fff !important;
}

body._777loc .vc-v2-submit i {
  background-image: url("/images/theme/_777loc/assets/_777loc_down_icon.png");
}

body._777loc .mall-home-top,
body._777loc .mall-home-wrap .mall-home-top,
body._777loc .signin-activity-card {
  background-image: url("/images/theme/_777loc/assets/_777loc_sac.png") !important;
}

body._777loc .leader-board-container .leader-board-content .leader-board-card {
  background-image: url("/images/theme/_777loc/assets/_777loc_lbc.png") !important;
}

body._777loc .leader-board-container .leader-board-header {
  background-image: url("/images/theme/_777loc/assets/_777loc_lbh.png") !important;
}

body._777loc .name-filter .am-search-cancel {
  background-image: url("/images/theme/_777loc/assets/_777loc_search.png") !important;
}

body._777loc .v-base .m-mc-notice-container .mc-notice-prev {
  background-image: url("/images/theme/_777loc/assets/_777loc_left.png") !important;
  transform: rotate(0deg);
}

body._777loc .reward-user-integral {
  background-image: url("/images/theme/_777loc/assets/rewardCenter/_777loc_cash.png") !important;
}

body._777loc .v-base .m-mc-notice-container .mc-notice-next {
  background-image: url("/images/theme/_777loc/assets/_777loc_left.png") !important;
  transform: rotate(180deg);
}

body._777loc .record-icon-ticket {
  background-image: url("/images/theme/_777loc/assets/_777loc_bill.png");
}

body._777loc .reward-center {
  background-image: url("/images/theme/_777loc/assets/_777loc_mall-bg.png") !important;
  background-size: 100% auto;
  background-position-y: -1rem;
}

body._777loc #mc-app-home-root.mc {
  background-image: url("/images/theme/_777loc/assets/_777loc_member_home.png") !important;
}

body._777loc .common-center-top .cumulative-sign-in {
  position: absolute;
  right: 0;
  top: 0;
  height: 0.5rem !important;
  padding: 0 0.75rem 0 1.4rem;
  background-image:
    url("/images/theme/_777loc/assets/_777loc_sign.png"),
    linear-gradient(0deg, #ffc608, #ffc608) !important;
  color: #fff;
  font-size: 0.24rem;
  line-height: 0.5rem;
}

body._777loc .common-center-top .cumulative-sign-in a {
  color: inherit;
}

body._777loc .common-center-top .cumulative-sign-in:before {
  content: "";
  width: 0.64rem;
  height: 0.49rem;
  position: absolute;
  left: 1px !important;
  top: 0;
  z-index: 9;
  background: url("/images/theme/_777loc/assets/_777loc_mall-title.png") !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
}

body._777loc .common-center-top .cumulative-sign-in:after {
  content: "";
  width: 0.38rem;
  height: 0.54rem;
  right: 0.1rem;
  top: 0;
  z-index: 9;
  background: url("/images/theme/_777loc/assets/_777loc_arrow.png") 50% !important;
  background-repeat: no-repeat !important;
  background-size: 0.18rem 0.28rem;
}

body._777loc #mc-app-home-root,
body._777loc #mc-app-home-root .member-home-root,
body._777loc #mc-my-wallet-root,
body._777loc .agent-container,
body._777loc .agentDivident .am-tabs-bar,
body._777loc .agentDivident .am-tabs-tabpane > div > div,
body._777loc .agentDivident .myDividend,
body._777loc .agentDivident .myDividend .name-filter,
body._777loc .am-list-body,
body._777loc .am-list-header,
body._777loc .am-list-item,
body._777loc .am-popup-wrap.item-more-popup .am-popup-slide-up,
body._777loc
  .item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content,
body._777loc
  .item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-header,
body._777loc .popup-list,
body._777loc .reward-center,
body._777loc .v-base .main-nav-list {
  background-color: #fcf6f6 !important;
}

body._777loc .team-member-trans.team-more-modal {
  background-color: #fcf6f6 !important;
}

body._777loc .am-tabs-tab-active,
body._777loc .amount-negative-number,
body._777loc .card-details .card-header div.endContract span a,
body._777loc .hd-status-tip,
body._777loc .leader-board-container .leader-board-header-status div.lb-active,
body._777loc .record-footer div span:last-child,
body._777loc .show-tips a,
body._777loc .vrification-loading-content p span {
  color: #ffc608 !important;
}

body._777loc .mc-agent-team .team-member-item-header .ti-name,
body._777loc .mc-agent-team .team-member-item-header .ti-name span,
body._777loc
  .team-manage-wrapper
  .mc-agent-team-list
  .team-member-root
  .team-member-item-header
  .ti-blance
  span {
  color: inherit !important;
}

body._777loc .vc-v2-container .vc-v2-input .inputCon i,
body._777loc .vc-v2-container .vc-v2-input .inputCon input {
  color: #333;
  fill: #1c1c1c;
}

body._777loc .mc-agent-team .team-member-item-header .ti-name span.ti-blue {
  color: #8c5656 !important;
}

body._777loc .account-form input,
body._777loc .mc-trans-filter .am-button-primary,
body._777loc .point-history-wrap .am-button-primary,
body._777loc .vc-v2-container .vc-v2-input .inputCon {
  border-color: transparent !important;
}

body._777loc .withdraw-bkdbtn {
  border-color: #dedede;
}

body._777loc .vc-v2-container .vc-v2-input .inputCon {
  border-color: #e4e4e4 !important;
}

body._777loc
  .invite-friends-container
  .invite-friends-content
  .invite-save-code {
  background-color: #ff957b;
}

body._777loc
  .leader-board-container
  .leader-board-header-status
  div.lb-active
  svg,
body._777loc .vc-v2-container .vc-v2-active-container .act-item.on svg {
  fill: #ffc608 !important;
}

body._777loc .deposit-list-ck,
body._777loc .vc-v2-container .vc-v2-method li.ck {
  border-color: #ec2529 !important;
}

body._777loc .deposit-list-ck .vcn-list-desc,
body._777loc .deposit-list-ck .vcn-list-text,
body._777loc .vc-v2-container .vc-v2-method li.ck .vcn-list-desc,
body._777loc .vc-v2-container .vc-v2-method li.ck .vcn-list-text {
  color: #ec2529;
}

body._777loc .deposit-list-ck .deposit-list-ck,
body._777loc .vc-v2-container .vc-v2-method li.ck .deposit-list-ck {
  fill: #ec2529 !important;
}

body._777loc .am-tabs-bar .am-tabs-tab-active,
body._777loc .bet-filter-container .bet-filter-item-content .ck-date,
body._777loc .mall-home-wrap .mall-home-choose .active,
body._777loc .mc-lott-record-root .select-Box span.active,
body._777loc .mc-tab-container .mc-tab-item.tab-active,
body._777loc .red-rain-underling span.on,
body._777loc .vc-v2-container .vc-v2-method-list li.ck {
  color: #ffc608 !important;
  border-color: #ffc608 !important;
}

body._777loc .am-list-item .am-list-line .am-list-content,
body._777loc .am-list-item .am-list-line .am-list-content svg,
body._777loc
  .item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .list-item,
body._777loc
  .item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .list-item
  svg,
body._777loc .n-home-container .main-nav-style {
  fill: #a1524d;
  color: #a1524d;
}

body._777loc .n-home-container .main-nav-style > div svg {
  fill: #ec6969;
}

body._777loc .n-home-container .main-nav-style > .n-linear-border:before {
  background: linear-gradient(180deg, #fcf5f5, #fee6e6) !important;
  border: 1px solid rgba(140, 86, 86, 0.2);
  border-top-style: none;
}

body._777loc .mc-switch .checkbox.on,
body._777loc .n-home-container .main-nav-style > .n-linear-border > div,
body._777loc .team-rebate-mbody .modal-list-content .agrg-bouns-main {
  background: none;
}

body._777loc .n-home-container .n-nav-list-title:after {
  background: !important;
}

body._777loc .n-home-container .n-nav-list-title span {
  background: #ffc608 !important;
  color: #fff;
  border: none;
}

body._777loc .center-svgBox .am-icon-lightning,
body._777loc .leader-board-header-status div.false svg,
body._777loc .lott-record-container svg,
body._777loc .security-center .flex-center .center-svgBox svg.am-icon {
  fill: #cea5a5;
}

body._777loc .need-fill,
body._777loc .nodata-container .nodata-icon {
  fill: #ec6969 !important;
}

body._777loc .agrg-downline .agrg-downline-cname,
body._777loc
  .item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .list-form
  .form-left
  input,
body._777loc .lbti-nodata-modal .statistics,
body._777loc .leader-board-container .leader-board-list-content .lblc-no-data,
body._777loc .mc-wallet-trans-details .trans-container:last-child > span,
body._777loc .orderion-content-textfield,
body._777loc .point-convert .point-form-item .am-list-extra,
body._777loc .point-convert .point-form-item .am-list-extra input,
body._777loc .trans-container-header .trans-container:last-child {
  color: #cea5a5;
}

body._777loc .account-form .account-errors strong {
  color: #ff0f47 !important;
}

body._777loc .btn-success {
  box-shadow: 0 0.1rem 0.2rem 0 #ec6969 !important;
}

body._777loc .am-switch input[type="checkbox"]:checked + .checkbox,
body._777loc .am-tabs-ink-bar,
body._777loc .mc-switch.mc-qutas-bg .checkbox.on:before,
body._777loc .mc-switch.mc-qutas-bg .on:before,
body._777loc .mc-trans-filter .am-button-primary,
body._777loc .mc-trans-filter .am-search-cancel,
body._777loc
  .new-date-picker
  .date-picker-warp
  .pickter-item.active-item.end-item
  span,
body._777loc
  .new-date-picker
  .date-picker-warp
  .pickter-item.active-item.start-item
  span,
body._777loc .point-history-wrap .am-button-primary,
body._777loc .swiper-pagination-bullet-active,
body._777loc .team-member-nickname .trans-container:first-child,
body._777loc .team-member-trans .am-button-ghost,
body._777loc .withdraw-container-v2 .am-tabs-tab-active span:before {
  background: #ffc608 !important;
}

body._777loc .calendar-select .filter-time-btn a,
body._777loc
  .dropdown-wrapper
  .seach-popup
  .search-wrapper
  .search-wrap
  .list-item
  .calendar-group
  .calendar-select
  .am-button-icon,
body._777loc
  .dropdown-wrapper
  .seach-popup
  .search-wrapper
  .search-wrap
  .list-item
  .item-group
  .item-btn,
body._777loc .go-home-btn {
  background: transparent !important;
  color: #cea5a5 !important;
  border: 1px solid #cea5a5 !important;
}

body._777loc .calendar-select .filter-time-btn a span {
  border: none;
}

body._777loc .calendar-select .filter-time-btn a svg,
body._777loc
  .dropdown-wrapper
  .seach-popup
  .search-wrapper
  .search-wrap
  .list-item
  .calendar-group
  .calendar-default
  svg {
  fill: #cea5a5;
}

body._777loc
  .dropdown-wrapper
  .seach-popup
  .search-wrapper
  .search-wrap
  .list-item
  .calendar-group
  .calendar-select
  .am-button-activ,
body._777loc .modal-list-content .mc-switch .checkbox.on,
body._777loc
  .seach-popup
  .search-wrapper
  .search-wrap
  .list-item
  .item-group
  input[type="radio"]:checked
  + label {
  background: #ffc608;
  color: #fff;
  border-color: #ffc608;
}

body._777loc
  .item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .item-trans-info
  .info-btn
  .am-button-ghost.trans-checked {
  border-color: #ffc608 !important;
}

body._777loc
  .team-manage-wrapper
  .mc-agent-team-flow
  .team-member-flow
  input[type="radio"]:checked
  + label {
  border-color: #ffc608;
  color: #ffc608;
}

body._777loc .withdraw-container-v2 .am-tabs-tab-active span {
  color: #ffc608 !important;
}

body._777loc .bank-virtual-tips,
body._777loc .translate-tips {
  color: #ff0f47 !important;
}

body._777loc .agentDivident .myDividend .name-filter .searchOne,
body._777loc
  .item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .list-customer,
body._777loc
  .item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-header
  span,
body._777loc
  .item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-header
  svg,
body._777loc .lkmn-poup-qrlink .lkmn-poup-qrcnt span,
body._777loc .popup-list .am-list-header {
  fill: #ec6969 !important;
  color: #ec6969 !important;
}

body._777loc
  .salary-table-container
  .salaryList-container
  .salary-list-item
  .input-container {
  color: #cea5a5;
}

body._777loc .am-popup-content .am-list-header,
body._777loc .contract-history .user-info .user-name,
body._777loc
  .item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .item-trans-info
  .item-info
  .info-customer,
body._777loc .sign-salary-root .singd-downline-info div span > span {
  color: #ec6969;
}

body._777loc
  .modal-list-content
  .agrg-bouns-main
  .agrg-downline-bnset
  .agrg-downline-bnslider
  .agrg-downline-bnslt,
body._777loc
  .modal-list-content
  .agrg-bouns-main
  .agrg-downline-bnset
  .agrg-downline-bnslider
  .agrg-downline-bnsrt {
  color: #ec6969;
}

body._777loc .contractPeople svg,
body._777loc
  .modal-list-content
  .agrg-bouns-main
  .agrg-downline-bnset
  .agrg-downline-bnsetp
  .agrg-downline-group
  .agrg-downline-bnstbt
  svg {
  fill: #ec6969 !important;
}

body._777loc
  .modal-list-content
  .agrg-bouns-main
  .agrg-downline-bnset
  .agrg-downline-bnsetp
  .agrg-downline-group
  .agrg-downline-bnstbt {
  border: 1px solid #ec6969 !important;
}

body._777loc .agent-notice-container {
  background: #f8f8f8;
}

body._777loc .banner.bet,
body._777loc .banner.salary,
body._777loc .card-details.contract .protocolDetails .header,
body._777loc .common-wb-cards,
body._777loc .singd-details thead tr {
  background: linear-gradient(0deg, #ff4f4b, #ff957b) !important;
}

body._777loc .am-button-primary,
body._777loc .common-wb-cards,
body._777loc .rescue-list .rescue-item .rescue-item-submit,
body._777loc .team-rebate-mbody .modal-list-footer a {
  background: linear-gradient(90deg, #ff4f4b, #ff957b) !important;
}

body._777loc .my-home #v2-vc-container .vc-v2-submit.dis {
  background: #cdcdcd !important;
}

body._777loc .personalCenter .has-error input {
  box-shadow: 0 0 0.16rem #ec6969 !important;
}

body._777loc .common-center-top .cumulative-sign-in {
  height: 0.51rem !important;
  background-image:
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF42lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIxLTA2LTE3VDEzOjI0OjM2KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMS0wNi0xN1QxMzoyNzowOCswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMS0wNi0xN1QxMzoyNzowOCswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2Y2YwYzdhYS1jODU3LTk4NDgtODgzOC1hMTc2MmJiNDQxODUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6YWIyMzgyNzItYzQ5Ny02MzQxLWFhYTAtMzkyMmZhZWRmNWEzIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6YWIyMzgyNzItYzQ5Ny02MzQxLWFhYTAtMzkyMmZhZWRmNWEzIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDphYjIzODI3Mi1jNDk3LTYzNDEtYWFhMC0zOTIyZmFlZGY1YTMiIHN0RXZ0OndoZW49IjIwMjEtMDYtMTdUMTM6MjQ6MzYrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMS4xIChXaW5kb3dzKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NmNmMGM3YWEtYzg1Ny05ODQ4LTg4MzgtYTE3NjJiYjQ0MTg1IiBzdEV2dDp3aGVuPSIyMDIxLTA2LTE3VDEzOjI3OjA4KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMSAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+uaFZ1QAAAftJREFUSInF1r1rFGEQBvBfLoakiI1aBMSIoCkE/wMrLSI2VjYSED9KC7GPCkJaBUEQCSpiQEgicgQtxMp/QtEmfqCiFhIIUbixuL1z82bv4u3G84GF3XfeeZ6dmZ3ZV0TUImIh+oeFiDAQEU9xTH+xOBAR0UfBZziE3bU+CX7GCZzEMGzrsnkVgyVEAss4kD0/xnl8xwx2NXdtxI2I2BERKlxTOa78+uuWSBrxfVxEDYezt+8VO/EAl3EtsX1tZyKJdjQihiNitVrHxHSHTIy3uNOIV3AQIyUibWGmIFKYwj78xEgacS0iJipEOlsQ5dGIeJ9u3Mp2eoFzydo0nqOOvVhrGdIBMoj9eJU9f8Rclp5v+ILtuJUIvMUEGrm1WZzN8TbkP9ZNUv0hmq2Rpu9N4jee2B8l9omMu42/rfH1hPhSzjaZ2JYK/EsLR6yPfKzDCz3p4FtJOGL9REtLMNfFr7LwUmyst4i418WnULjXdjqOyWTtJk73yKNMH9/J3V/FhRIcXX+LnbAHpzT7+koZ0bLC8LCsYAtpqhsYqkpagCHrp1phjX/8A+ENnGmqj2gO+9uaB4G11KFHDOMl3mXcf5D023I0p1KVY0/RNZZxt1F0vF3BXXxSvd6/MIYzGM0b+n2ubqNf5+pC4fp/0K23ij+/yZDfSsxHhN/5svVHT7SuogAAAABJRU5ErkJggg==),
    linear-gradient(90deg, #ff4f4b, #ff957b) !important;
  background-position:
    0.76rem,
    left 0.64rem top -1px;
  background-size:
    0.3rem 0.3rem,
    100% 100%;
  background-repeat: no-repeat !important;
}

body._777loc .common-center-top .cumulative-sign-in:after {
  height: 0.27rem;
  background-size: contain !important;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

body._777loc .common-center-top .common-top-img {
  border: 0.06rem solid #ec6969;
}

body._777loc .agrg-downline-bnsetp > span.agrg-downline-bnstbt,
body._777loc .agrg-downline-input input:focus,
body._777loc .common-center-top .common-top-img,
body._777loc .filter-tabPane-btn,
body._777loc .game-record-show .am-search,
body._777loc .mc-checkbox.mc-checkbox-checked .mc-checkbox-inner,
body._777loc .mc-checkbox.mc-checkbox-checked .mc-checkbox-inner:after,
body._777loc .popup-container input,
body._777loc .red-rain-input input:focus,
body._777loc .red-rain-underling span.on,
body._777loc
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active,
body._777loc .w-input-content {
  border-color: #ec6969;
}

body._777loc
  .item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .list-customer
  svg,
body._777loc .mc-game-record-root .mc-trans-filter .am-button-ghost,
body._777loc .mc-game-record-root .mc-trans-filter .am-button-ghost svg {
  border-color: #ec6969;
  color: #ec6969;
  fill: #ec6969;
}

body._777loc .am-button-ghost.am-button-active,
body._777loc .am-button-ghost.am-button-active svg,
body._777loc .mc-transaction-record-root.mtrr-container .am-button-active,
body._777loc .mc-transaction-record-root.mtrr-container .am-button-active svg,
body._777loc
  .new-date-picker.team-view
  .date-picker-warp
  .pickter-item.active-item
  span {
  background-color: #ffc608;
  color: #fff !important;
  border-color: #ffc608 !important;
  fill: #fff !important;
}

body._777loc .btn-clear-date,
body._777loc .date-picker-title div,
body._777loc
  .dropdown-wrapper
  .seach-popup
  .search-wrapper
  .search-wrap
  .list-item
  .item-title,
body._777loc
  .item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .item-trans-detail
  .detail-balance,
body._777loc
  .item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .item-trans-detail
  .detail-item-title,
body._777loc
  .item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .item-trans-info
  .item-info
  .item-title,
body._777loc .leader-board-container .leader-board-header-info,
body._777loc .lkmn-poup-qrlink span,
body._777loc .mall-home-top .mall-number-info,
body._777loc
  .modal-list-content
  .agrg-bouns-main
  .agrg-downline-bnset
  .agrg-downline-bnsetp
  .game-wrap
  .game-type,
body._777loc
  .modal-list-content
  .team-rebate-title
  .agrg-downline-bnbtdis
  .agrg-downline-type
  .agrg-downline-cname,
body._777loc .point-wrap .point-table-title span,
body._777loc .record-footer div span:last-child,
body._777loc
  .vc-v2-container
  .vc-v2-active-container
  .act-item.on
  .act-mount
  i {
  color: #8c5656 !important;
}

body._777loc .mall-home-top .mall-user-integral {
  background: hsla(0, 0%, 100%, 0.5) !important;
}

body._777loc .mall-home-top .mall-user-integral .mall-intergral-svg {
  fill: #ec6969 !important;
}

body._777loc .dividend-list,
body._777loc .order-integral-item,
body._777loc .orderinfo-middle .orderinfo-price li,
body._777loc
  .team-manage-wrapper
  .mc-agent-team-list
  .team-member-root
  .team-member-item-footer {
  background: hsla(0, 78%, 67%, 0.1) !important;
}

body._777loc .signedSalary-root .auto-fill-btn {
  background: #a1524d !important;
}

body._777loc .card-details .card-header div.endContract span a,
body._777loc .common-center-top .reward-user-integral,
body._777loc .mall-home-middle,
body._777loc .point-form-item .important-number,
body._777loc .sigin-c-content .am-tabs-bar .am-tabs-tab-active,
body._777loc .sum-list-item .item-right.text-blue,
body._777loc .w-input-content span {
  color: #ec6969 !important;
}

body._777loc .sum-list-item .item-right.loss-amount {
  color: #af9cf6 !important;
}

body._777loc .account-form input,
body._777loc .sigin-c-remarks p,
body._777loc .w-input-content input {
  color: inherit !important;
}

body._777loc .leader-board-container .leader-board-integral {
  background: rgba(140, 86, 86, 0.5) !important;
  color: #fff !important;
}

body._777loc #root .mc-home.mc-navbar-blue .am-navbar-title,
body._777loc #root .reward-center .am-navbar-title,
body._777loc .mc-navbar-blue.am-navbar,
body._777loc .overview-chart .item-content,
body._777loc .team-rebate-mbody .modal-list-footer a {
  color: #fff !important;
}

body._777loc #mc-app-home-root #mc-header,
body._777loc #root .mc-leader-board-list .mc-navbar-blue,
body._777loc #root .reward-center .mc-navbar-blue {
  background: transparent !important;
  box-shadow: inherit;
}

body._777loc .popup-header span {
  background: transparent !important;
}

body._777loc #mc-app-home-root #mc-header svg,
body._777loc .reward-center .return_icon svg {
  fill: #fff !important;
}

body._777loc .reward-center svg {
  fill: rgba(37, 37, 37, 0.6) !important;
}

body._777loc .point-wrap .point-list-wrap .point-list-header,
body._777loc .statis-gameType-wrap .btn-wrap.active i:first-child,
body._777loc .vc-v2-title:before {
  background-color: #ec6969;
}

body._777loc
  .member-detail-wrapper
  .member-detail-tab
  .am-tabs-bar
  .am-tabs-tab-active:before,
body._777loc
  .overview-chart
  .chart-select-wrap
  .select-item
  input[type="radio"]:checked
  ~ label {
  background-color: #ffc608;
}

body._777loc
  .new-date-picker
  .date-picker-warp
  .pickter-item.active-item.start-item
  + .through-item:before,
body._777loc .new-date-picker .date-picker-warp .pickter-item.through-item,
body._777loc
  .new-date-picker
  .date-picker-warp
  .pickter-item.through-item
  + .end-item:before,
body._777loc
  .new-date-picker
  .date-picker-warp
  .pickter-item:nth-child(7n).through-item:before {
  background-color: #fff3d8;
  box-shadow: none;
}

body._777loc .leader-board-list-content .lblc-no-data,
body._777loc .vc-v2-container .vc-v2-method li {
  border: 0.02rem solid #cea5a5 !important;
}

body._777loc .vc-v2-container .vc-v2-method li .min-max {
  color: #ec2529 !important;
}

body._777loc .overview-chart .chart-select-wrap,
body._777loc
  .swiper-container-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  background-color: #cea5a5;
}

body._777loc .point-tips {
  color: rgba(140, 86, 86, 0.7) !important;
}

body._777loc
  .item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content,
body._777loc .point-wrap .point-list-wrap .point-list-item,
body._777loc
  .team-manage-wrapper
  .mc-agent-team-list
  .team-member-root
  .team-member-item-header {
  background: hsla(0, 78%, 67%, 0.2);
}

body._777loc .overview-wrap .overview-sum-wrapper {
  background: hsla(0, 78%, 67%, 0.1);
}

body._777loc .filter-null .mc-switch .checkbox.on:after,
body._777loc .lkmn-poup-qrcode,
body._777loc .mc-switch.mc-qutas-bg .checkbox:before,
body._777loc .modal-list-content .mc-switch .checkbox.on:after,
body._777loc .red-rain-underling {
  background-color: #fff !important;
}

body._777loc
  .item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .list-form
  .form-left
  input,
body._777loc .team-member-trans input {
  border: 1px solid hsla(0, 78%, 67%, 0.5) !important;
}

body._777loc .red-rain-select .am-search-input input {
  box-shadow: 0 0.04rem 0.08rem 0 rgba(0, 0, 0, 0.05);
}

body._777loc
  .dropdown-wrapper
  .seach-popup
  .search-wrapper
  .search-wrap
  .list-item
  .calendar-group
  .calendar-default,
body._777loc .team-member-trans .am-button-ghost.trans-unchecked {
  background: #fff !important;
  border-color: #cea5a5 !important;
  color: #cea5a5 !important;
}

body._777loc
  .team-manage-wrapper
  .mc-agent-team-list
  .team-member-root
  .team-member-item-header
  .club-label {
  background: #ec6969;
  color: #fff;
  border: none;
}

body._777loc #root #mc-app-home-root.gc,
body._777loc #root .mc-navbar-blue,
body._777loc #root.mc-test-root #mc-app-home-root.gc {
  background: linear-gradient(90deg, #2783ff, #ff957b) !important;
}

body._777loc .v-base .m-mc-notice-container .mc-notice-prev {
  transform: rotate(90deg) !important;
}

body._777loc .v-base .m-mc-notice-container .mc-notice-next {
  transform: rotate(-90deg) !important;
}

body._777loc .sec_card .am-list-header {
  border: #fff;
}

body._777loc .am-tabs-bar .am-tabs-tab,
body._777loc .am-tabs-bar .am-tabs-tab-active,
body._777loc .team-member-nickname .nickname-form .btn-confirm-trans,
body._777loc .team-member-nickname .nickname-form input,
body._777loc .team-member-trans .btn-confirm-trans {
  border: none;
}

body._777loc .red-rain-input input {
  border-color: transparent;
  color: #0a0a0a !important;
}

body._777loc .red-rain-input input::-webkit-input-placeholder {
  color: #747474 !important;
}

body._777loc .red-rain-input input::placeholder {
  color: #747474 !important;
}

body._777loc .red-rain-lpmain .red-rain-lpbody #mc-header {
  box-shadow: 0 0.04rem 0.08rem 0 rgba(0, 0, 0, 0.05) !important;
}

body._777loc
  .red-rain-lpmain
  .red-rain-lpbody
  .red-rain-select
  .am-search-input {
  background: rgba(175, 156, 246, 0.1) !important;
}

body._777loc
  .red-rain-lpmain
  .red-rain-lpbody
  .red-rain-select
  .am-search-input
  .am-search-synthetic-ph-placeholder {
  color: #cea5a5;
}

body._777loc
  .red-rain-lpmain
  .red-rain-lpbody
  .red-rain-select
  .am-search-input
  .am-search-synthetic-ph-icon {
  background-image: url("/images/theme/_777loc/assets/rewardCenter/_777loc_search.png") !important;
}

body._777loc .red-rain-lpmain .red-rain-lpbody .red-rain-lul .red-rain-option {
  color: #cea5a5;
}

body._777loc
  .red-rain-lpmain
  .red-rain-lpbody
  .red-rain-lul
  .red-rain-option
  .mc-checkbox
  .mc-checkbox-inner {
  border-color: #cea5a5;
}

body._777loc
  .red-rain-lpmain
  .red-rain-lpbody
  .red-rain-lul
  .red-rain-option
  .mc-checkbox.mc-checkbox-checked
  .mc-checkbox-inner {
  border-color: #ffc608;
}

body._777loc
  .red-rain-lpmain
  .red-rain-lpbody
  .red-rain-lul
  .red-rain-option
  .mc-checkbox.mc-checkbox-checked
  .mc-checkbox-inner:after {
  border-color: #ffc608;
}

body._777loc
  .mc-game-record-root
  .bet-filter-container
  .bet-filter-item-content
  > div {
  color: #cea5a5;
  border-color: #cea5a5;
}

body._777loc
  .mc-game-record-root
  .bet-filter-container
  .bet-filter-item-content
  > div.ck-date {
  background-color: #ffc608;
  color: #fff !important;
}

body._777loc
  .mc-game-record-root
  .bet-filter-container
  .bet-filter-item-content
  .bet-filter-item-calendar
  a {
  border-color: #cea5a5;
  color: #cea5a5;
}

body._777loc
  .mc-game-record-root
  .bet-filter-container
  + div
  .list-wrapper
  .nodata-container
  p {
  color: #ec6969;
}

body._777loc .mc-game-record-root .bet-filter-item,
body._777loc .mc-game-record-root .bet-filter-item .bfi-name-search {
  color: #cea5a5;
}

body._777loc .mc-game-record-root .bet-filter-item .bfi-name-search svg {
  fill: #ec6969;
}

body._777loc .mc-game-record-root .bet-filter-item .ck-btn {
  color: #ffc608;
}

body._777loc .mc-game-record-root .bet-filter-item .ck-btn svg {
  fill: #ffc608;
}

body._777loc .mc-game-record-root .list-wrapper {
  background: hsla(0, 78%, 67%, 0.1) !important;
}

body._777loc
  .mc-game-record-root
  .list-wrapper
  .lott-records-root
  .records-item-header-sy {
  background: hsla(0, 78%, 67%, 0.2) !important;
}

body._777loc
  .mc-game-record-root
  .list-wrapper
  .lott-records-root
  .records-item-header-sy
  .mc_common_overflow
  span {
  color: #8c5656;
}

body._777loc
  .mc-game-record-root
  .list-wrapper
  .lott-records-root
  .records-item-content-sy
  > div:first-child {
  background-color: initial;
}

body._777loc
  .mc-game-record-root
  .list-wrapper
  .lott-records-root
  .records-item-content-sy
  > div
  .total-hands {
  color: #ec6969;
}

body._777loc .mc-game-record-root .record-footer {
  background: linear-gradient(180deg, #fdfaff, #e1e5e8);
  box-shadow: 0 0 0.5rem 0.2px rgba(64, 69, 84, 0.2);
}

body._777loc .mc-game-record-root .record-footer div span:last-child {
  color: #ec6969 !important;
}

body._777loc .bet-filter-modal.bfm-types div {
  color: #cea5a5;
}

body._777loc .bet-filter-modal.bfm-types .ck-icon {
  color: #fff;
  background: #ffc608 !important;
}

body._777loc .bet-filter-modal .am-list-header {
  color: #ec6969;
  background-color: #fcf6f6;
}

body._777loc .bet-filter-modal .am-list-body,
body._777loc .bet-filter-modal .am-list-body .am-list-item {
  background-color: #fcf6f6;
}

body._777loc
  .bet-filter-modal
  .am-list-body
  .am-list-item
  .am-list-line
  .am-list-content {
  color: #a1524d !important;
}

body._777loc .pnl-date-filter-container .bet-filter-item-content > div {
  color: #cea5a5;
  border-color: #cea5a5;
}

body._777loc
  .pnl-date-filter-container
  .bet-filter-item-content
  > div.bet-filter-item-calendar
  svg {
  fill: #cea5a5;
}

body._777loc
  .pnl-date-filter-container
  .bet-filter-item-content
  > div.bet-filter-item-calendar
  span {
  color: #cea5a5;
}

body._777loc .pnl-date-filter-container .bet-filter-item-content > div.ck-date {
  background-color: #ffc608;
  color: #fff !important;
  border-color: #ffc608;
}

body._777loc .pnl-date-filter-container .filter-null {
  color: #8c5656 !important;
}

body._777loc .mc-new-team-tab .mc-agent-team-tab .am-flexbox-item {
  color: #cea5a5;
}

body._777loc .mc-new-team-tab .mc-agent-team-tab .am-flexbox-item.tab-active {
  color: #ffc608 !important;
  border-color: #ffc608 !important;
}

body._777loc .team-manager-modal {
  background-color: #fcf6f6;
}

body._777loc .team-manager-modal .modal-list-header {
  color: #ec6969;
  background-color: #fcf6f6;
}

body._777loc .team-manager-modal .modal-list-header svg {
  fill: #ec6969;
}

body._777loc .team-manager-modal .modal-list-content {
  color: #a1524d !important;
}

body._777loc .team-manager-modal .modal-list-content .list-item .sort_icon svg {
  fill: #a1524d;
}

body._777loc
  .team-manager-modal
  .modal-list-content
  .list-item
  .check-icon
  svg {
  fill: #ec6969;
}

body._777loc .member-detail-wrapper {
  background-image: url("/images/theme/_777loc/assets/rewardCenter/_777loc_member_detail_bg.png") !important;
}

body._777loc .member-detail-wrapper .member-detail-top {
  color: #8c5656 !important;
}

body._777loc .member-detail-wrapper .member-detail-top .item-left .avatar-icon {
  border-color: #ec6969 !important;
}

body._777loc
  .rebateReport
  .team-member-root
  .team-member-item-content
  .am-flexbox.am-flexbox-align-top {
  color: #6a6a6a !important;
}

body._777loc .dividentList-container .popup-container input,
body._777loc
  .item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .list-form
  input {
  text-align: center;
}

body._777loc .agentDivident .card-details.contract .card-body {
  background: none !important;
}

body._777loc .contract-history .history-details .history-tbody {
  display: flex;
  align-items: center;
  min-height: 1rem;
}

body._777loc .contract-history .history-details .history-tbody span {
  line-height: normal;
}

body._777loc
  .mc-agent-team.rebate
  .mc-agent-team-list
  .team-member-item-content
  .am-flexbox.am-flexbox-align-top {
  align-items: stretch;
}

body._777loc
  .mc-agent-team.rebate
  .mc-agent-team-list
  .team-member-item-content
  .am-flexbox.am-flexbox-align-top
  .mt-team-footer {
  min-height: 0.52rem;
  height: auto;
  text-align: left;
  line-height: normal;
}

body._777loc .singd-downline-info {
  background: none !important;
}

body._777loc
  .item-more-popup
  .am-popup-slide-up
  .team-more-modal
  .modal-list-content
  .list-form
  input {
  background: rgba(175, 156, 246, 0.1) !important;
}

body._777loc
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item {
  background-color: #efefef;
  border: 1px solid #ccc;
  color: #919191;
}

body._777loc
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active {
  color: #fff;
}

body._777loc
  .vc-v2-container
  .vc-v2-input
  .deposit-amount-con
  .fixed-money
  .fixed-money-item.money-active
  svg {
  display: none;
}

body.akowin #mc-app-home-root.mc,
body.akowin .v-base .main-nav-list,
body.akowin .v-base .member-home-root {
  background-color: #000;
}

body.akowin .v-base .main-nav-style {
  color: #f8ff52;
}

body.akowin #mc-app-home-root.mc {
  background-image: url(/images/theme/akowin/assets/home_bg.png);
}

body.akowin .n-home-container .n-nav-list-title span {
  background-color: #f8ff52;
  color: #222;
}

body.akowin .n-home-container .n-nav-list-title:after {
  background-color: #f8ff52;
}

body.akowin .n-home-container .main-nav-style > .n-linear-border:before {
  background: linear-gradient(90deg, #000, #434343 30%, #222 75%, #000);
  border: 0.02rem solid rgba(219, 212, 30, 0.6);
}

body.akowin .n-home-container .n-linear-border svg {
  fill: #dbd41e;
}

body.akowin .common-center-top .cumulative-sign-in:before {
  background-image: url(/images/theme/akowin/assets/btn.png);
}

body.akowin .common-center-top .cumulative-sign-in {
  height: 0.51rem !important;
  background-color: #000 !important;
  background-image: unset;
  background-position:
    0.76rem,
    left 0.64rem top -1px;
  background-size:
    0.3rem 0.3rem,
    100% 100%;
  background-repeat: no-repeat !important;
}

body.akowin .common-center-top .cumulative-sign-in:after {
  height: 0.27rem;
  background-size: contain !important;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

body.akowin .common-center-top .cumulative-sign-in:before {
  left: -0.6rem;
}

body.akowin .common-center-top .cumulative-sign-in:after {
  background-image: url(/images/theme/akowin/assets/arrow.png);
}

body.lode365 #mc-app-home-root.mc,
body.lode365 .v-base .main-nav-list,
body.lode365 .v-base .member-home-root {
  background-color: #14244d;
}

body.lode365 .v-base .main-nav-style {
  color: #abadc8;
}

body.lode365 #mc-app-home-root.mc {
  background-image: url(/images/theme/lode365/assets/home_bg.png);
}

body.lode365 .n-home-container .n-nav-list-title span {
  background-color: #6277ae;
  color: #fff;
}

body.lode365 .n-home-container .n-nav-list-title:after {
  background-color: #6277ae;
}

body.lode365 .n-home-container .main-nav-style > .n-linear-border:before {
  border: 1px solid #4566c5;
  background-color: #122e77;
}

body.lode365 .n-home-container .n-linear-border svg {
  fill: #fff;
}

body.lode365 .common-center-top .cumulative-sign-in {
  height: 0.51rem !important;
  background-color: #000 !important;
  background-image: unset;
  background-position:
    0.76rem,
    left 0.64rem top -1px;
  background-size:
    0.3rem 0.3rem,
    100% 100%;
  background-repeat: no-repeat !important;
}

body.lode365 .common-center-top .cumulative-sign-in:after {
  height: 0.27rem;
  background-size: contain !important;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

body.lode365 .common-center-top .cumulative-sign-in:before {
  left: -0.6rem;
}

.linlang .member-home-root {
  background-color: #eee;
}

.linlang .member-home-root > div {
  background: url(/images/theme/linlang/assets/bg-member-center.png);
  background-position-y: -13rem;
}

.linlang #mc-app-home-root {
  background-image: url(/images/theme/linlang/assets/header.png);
  background-color: #eee;
}

.linlang .v-base .main-nav-list {
  background: unset;
}

.linlang .v-base .main-nav-style {
  color: #000;
  font-weight: 700;
}

.linlang .common-center-top .common-member-info .nickname-edit span {
  font-weight: 700;
}

.linlang .common-top-img {
  border-color: #2c658b;
}

.linlang .common-center-top .cumulative-sign-in {
  background: #2c658b;
  background-image: url(/images/theme/linlang/assets/sign.png);
  padding: 0 0.75rem 0 0.9rem;
  background-repeat: no-repeat;
  background-size: 0.28rem;
  background-position: 0.2rem;
}

.linlang .common-center-top .cumulative-sign-in:before {
  background: unset;
}

.linlang .common-center-top .cumulative-sign-in:after {
  background-image: url(/images/theme/linlang/assets/arrow.png);
}

.linlang .common-center-top .cumulative-sign-in a {
  height: 0.54rem;
  display: inline-block;
  line-height: 0.55rem;
}

.linlang .n-home-container .n-nav-list-title > span {
  background-image: linear-gradient(0deg, #c69a67, #d4b487 48%, #f8ebb4);
  color: #000;
}

.linlang .n-home-container .n-nav-list-title:after {
  background: #c08954;
}

.linlang .n-home-container .main-nav-style > .n-linear-border:before {
  background-image:
    linear-gradient(0deg, #fffc9f, #fff),
    linear-gradient(180deg, #fff 0, #fff700 47%, #fffc9f);
}

.linlang .n-home-container .main-nav-style > .n-linear-border:after {
  background-image: linear-gradient(180deg, #fff 0, #fff700 47%, #fffc9f);
  background-origin: border-box;
  background-clip: content-box, border-box;
  content: "";
  width: 0.94rem;
  height: 0.94rem;
  border-radius: 50%;
  left: 0;
  top: 0;
  position: absolute;
  z-index: 8;
}

.linlang .n-home-container .n-linear-border svg {
  fill: #1e4451;
}

@keyframes game-list-spin {
  to {
    transform: rotate(1turn);
  }
}

.game-list-popup-wrap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  padding: 0.6rem 0.2rem 0.31rem;
  z-index: 100013;
  color: #fff;
}

.game-list-popup-wrap .game-list-popup {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-height: 100%;
  border-radius: 0.15rem;
  border: 1.5px solid #666;
  background: rgba(0, 0, 0, 0.65);
  -webkit-backdrop-filter: blur(0.225rem);
  backdrop-filter: blur(0.225rem);
  padding: 0.6rem 0.21rem 0.21rem;
}

.game-list-popup-wrap .game-list-popup .close-btn {
  position: absolute;
  top: 0.2rem;
  right: 0.21rem;
  cursor: pointer;
}

.game-list-popup-wrap .game-list-popup .close-btn svg {
  display: block;
  width: 0.5rem;
  height: 0.5rem;
}

.game-list-popup-wrap .game-list-popup .popup-title {
  height: 0.6rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.game-list-popup-wrap .game-list-popup .popup-title span {
  font-size: 0.3rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  background: linear-gradient(180deg, #fff 0, #ffeb87 51.562%, #ffd400);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.game-list-popup-wrap .game-list-popup .game-grid {
  flex: 1 1 0%;
  min-height: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-content: flex-start;
  gap: 0.2rem;
  padding: 0.3rem 0;
  overflow: hidden auto;
}

.game-list-popup-wrap .game-list-popup .game-grid::-webkit-scrollbar {
  width: 0.08rem;
}

.game-list-popup-wrap .game-list-popup .game-grid::-webkit-scrollbar-track {
  background: transparent;
}

.game-list-popup-wrap .game-list-popup .game-grid::-webkit-scrollbar-thumb {
  background: #999;
}

.game-list-popup-wrap .game-list-popup .game-grid .load-more {
  grid-column: 1/-1;
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 0.1rem 0;
}

.game-list-popup-wrap .game-list-popup .game-grid .load-more:after {
  content: "";
  width: 0.28rem;
  height: 0.28rem;
  border: 0.03rem solid hsla(0, 0%, 100%, 0.2);
  border-top-color: #fff;
  border-radius: 50%;
  animation: game-list-spin 0.7s linear infinite;
}

.game-list-popup-wrap .game-list-popup .game-grid .loading {
  grid-column: 1/-1;
  width: 100%;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.game-list-popup-wrap .game-list-popup .game-grid .loading:after {
  content: "";
  width: 0.4rem;
  height: 0.4rem;
  border: 0.03rem solid hsla(0, 0%, 100%, 0.2);
  border-top-color: #fff;
  border-radius: 50%;
  animation: game-list-spin 0.7s linear infinite;
}

.game-list-popup-wrap .game-list-popup .game-grid .game-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.1rem;
  padding: 0.18rem 0.1rem;
  border-radius: 0.1rem;
  background: hsla(0, 0%, 100%, 0.1);
  cursor: pointer;
}

.game-list-popup-wrap .game-list-popup .game-grid .game-item:active {
  opacity: 0.8;
}

.game-list-popup-wrap .game-list-popup .game-grid .game-item .game-img {
  width: 100%;
  aspect-ratio: 1;
  border-radius: 0.1rem;
  overflow: hidden;
  flex-shrink: 0;
}

.game-list-popup-wrap .game-list-popup .game-grid .game-item .game-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.1rem;
  display: block;
}

.game-list-popup-wrap .game-list-popup .game-grid .game-item .game-name {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
  font-size: 0.21rem;
  font-weight: 400;
  color: #fff;
  line-height: 1.3;
  margin: 0;
  width: 100%;
}

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

.game-list-popup-wrap .game-list-popup .game-grid .game-item .game-vendor {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
  font-size: 0.2rem;
  font-weight: 700;
  color: #018ff3;
  margin: auto 0 0;
  width: 100%;
}

@supports (-webkit-line-clamp: 2) {
  .game-list-popup-wrap .game-list-popup .game-grid .game-item .game-vendor {
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}

.achievement-claim-modal-wrapper {
  position: fixed;
  inset: 0;
  z-index: 100014;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.8);
}

.achievement-claim-modal-wrapper .achievement-claim-modal {
  width: 7.1rem;
  max-width: calc(100% - 0.4rem);
  border-radius: 0.2rem;
  background: linear-gradient(180deg, #141546, #000);
  color: #fff;
  overflow: hidden;
  padding: 0 0.2rem 0.4rem;
}

.achievement-claim-modal-wrapper .achievement-claim-modal-close {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0.26rem 0.1rem 0;
  cursor: pointer;
}

.achievement-claim-modal-wrapper .achievement-claim-modal-close svg {
  width: 0.32rem;
  height: 0.32rem;
}

.achievement-claim-modal-wrapper .achievement-claim-modal-body {
  margin-top: -0.02rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.4rem;
}

.achievement-claim-modal-wrapper .achievement-claim-modal-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.52rem;
  height: 1.52rem;
}

.achievement-claim-modal-wrapper .achievement-claim-modal-icon svg {
  width: 100%;
  height: 100%;
  color: transparent;
}

.achievement-claim-modal-wrapper .achievement-claim-modal-titles {
  width: 100%;
  text-align: center;
}

.achievement-claim-modal-wrapper .achievement-claim-modal-titles .claim-title {
  font-size: 0.36rem;
  font-weight: 700;
  margin-bottom: 0.08rem;
}

.achievement-claim-modal-wrapper
  .achievement-claim-modal-titles
  .claim-subtitle {
  font-size: 0.24rem;
  font-weight: 400;
  color: hsla(0, 0%, 100%, 0.5);
}

.achievement-claim-modal-wrapper .achievement-claim-reward-list {
  width: 100%;
  padding: 0.26rem 0.4rem;
  border-radius: 0.2rem;
  background: hsla(0, 0%, 100%, 0.1);
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.achievement-claim-modal-wrapper .reward-row {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  min-width: 0;
  padding-bottom: 0.2rem;
}

.achievement-claim-modal-wrapper .reward-row:not(:last-child) {
  border-bottom: 0.02rem solid rgba(245, 200, 66, 0.3);
}

.achievement-claim-modal-wrapper .reward-row svg {
  width: 0.36rem;
  height: 0.36rem;
  flex-shrink: 0;
  fill: #f5c842;
}

.achievement-claim-modal-wrapper .reward-row .reward-text {
  flex: 1 1 0%;
  min-width: 0;
  font-size: 0.32rem;
  font-weight: 400;
  color: #f5c842;
  overflow-wrap: break-word;
}

.achievement-claim-modal-wrapper .reward-divider {
  height: 0.02rem;
  border-radius: 0.3rem;
  background: rgba(245, 200, 66, 0.3);
}

.achievement-claim-modal-wrapper .achievement-claim-modal-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 0.65rem;
  padding: 0 0.1rem;
  border-radius: 0.71rem;
  border: 1px solid #fff;
  cursor: pointer;
}

.achievement-claim-modal-wrapper .achievement-claim-modal-btn span {
  font-size: 0.28rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
}

.achievement-popup-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100013;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.achievement-popup-wrapper:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  background: rgba(0, 0, 0, 0.8);
}

.achievement-popup-wrapper .item-info-icon {
  flex: 0 0 0.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.achievement-popup-wrapper .item-info-icon svg {
  width: 0.2rem;
  height: 0.2rem;
}

.achievement-popup-wrapper .item-info-icon .achievement-item-tip-wrapper {
  position: absolute;
  top: 0.3rem;
  right: 0;
  z-index: 2;
  width: 2.32rem;
}

.achievement-popup-wrapper .item-info-icon .achievement-item-tip-content {
  border-radius: 0.16rem;
  border: 0.02rem solid rgba(245, 200, 66, 0.6);
  background:
    linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #191c4f;
  padding: 0.16rem;
  max-height: 2rem;
  overflow-y: auto;
  font-size: 0.18rem;
  font-weight: 500;
  color: #fff;
  line-height: normal;
  word-break: break-word;
  -webkit-overflow-scrolling: touch;
}

.achievement-popup-wrapper .item-info-icon.on svg {
  fill: #f5c842;
}

.achievement-popup-wrapper .item-progress-block {
  display: flex;
  flex-direction: column;
  gap: 0.04rem;
  width: 100%;
}

.achievement-popup-wrapper .item-progress-block .item-progress {
  width: 100%;
}

.achievement-popup-wrapper .item-progress-block .item-progress .progress {
  height: 0.16rem;
  border-radius: 0.4rem;
  background: #0d0e1a;
  overflow: hidden;
}

.achievement-popup-wrapper .item-progress-block .item-progress .progress-done {
  height: 100%;
  min-width: 0;
  max-width: 100%;
  border-radius: 0.3rem;
  background: #f5c842;
  transition: width 0.35s ease;
}

.achievement-popup-wrapper .item-progress-block .item-progress-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.achievement-popup-wrapper
  .item-progress-block
  .item-progress-header
  .item-progress-values {
  display: flex;
  align-items: center;
  gap: 0.04rem;
  font-size: 0.22rem;
  font-weight: 800;
  color: #fff;
}

.achievement-popup-wrapper
  .item-progress-block
  .item-progress-header
  .item-progress-sep {
  color: hsla(0, 0%, 100%, 0.6);
}

.achievement-popup-wrapper
  .item-progress-block
  .item-progress-header
  .item-progress-percent {
  font-size: 0.22rem;
  font-weight: 800;
  color: #f5c842;
}

.achievement-popup-wrapper .item-claim-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.71rem;
  background: linear-gradient(180deg, #ff378a, #cc0256);
  box-shadow: 0 0.0284rem 0.142rem 0 rgba(205, 0, 17, 0.4);
  font-size: 0.24rem;
  font-weight: 700;
  height: 0.54rem;
  min-width: 1.4rem;
  color: #fff;
}

.achievement-popup-wrap {
  width: 7.1rem;
  display: flex;
  flex-direction: column;
  border-radius: 0.2rem;
  background: linear-gradient(180deg, #141546, #000);
  max-height: calc(92vh - 0.76rem);
  margin-top: 0.76rem;
}

.achievement-popup-wrap .achievement-popup-top {
  display: flex;
  justify-content: center;
  margin-top: -1.76rem;
  height: 3.5rem;
}

.achievement-popup-wrap .achievement-popup-top img {
  width: 5.56rem;
  object-fit: contain;
}

.achievement-popup-wrap .achievement-popup-close {
  align-self: self-end;
  margin: 0.17rem 0.32rem 0 0;
  position: relative;
  z-index: 1;
}

.achievement-popup-wrap .achievement-popup-close svg {
  width: 0.6rem;
  height: 0.6rem;
}

.achievement-popup-wrap .achievement-popup-action {
  width: calc(100% - 0.8rem);
  margin: 0.3rem auto;
  display: flex;
  align-items: center;
  gap: 0.2rem;
  flex-shrink: 0;
}

.achievement-popup-wrap
  .achievement-popup-action.single
  .achievement-popup-action-item {
  flex: 1 1 0%;
}

.achievement-popup-wrap
  .achievement-popup-action
  .achievement-popup-action-item {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc(50% - 0.1rem);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.2rem;
  border-radius: 0.9rem;
  min-height: 0.7rem;
  padding: 0.05rem 0.1rem;
  font-size: 0.24rem;
  font-weight: 700;
  cursor: pointer;
  color: #8890b0;
  border: 0.02rem solid #323364;
  background: #000132;
}

.achievement-popup-wrap
  .achievement-popup-action
  .achievement-popup-action-item.active {
  border: 0.02rem solid #e84393;
  background: linear-gradient(166deg, #2a1248, #1e0e38);
  box-shadow: 0 0 0.4rem 0 rgba(232, 67, 147, 0.25);
  color: #e84393;
}

.achievement-popup-wrap
  .achievement-popup-action
  .achievement-popup-action-item.active
  svg {
  fill: #e84393;
}

.achievement-popup-wrap
  .achievement-popup-action
  .achievement-popup-action-item
  svg {
  width: 0.4rem;
  height: 0.4rem;
  fill: #8890b0;
}

.achievement-popup-wrap .achievement-popup-content {
  width: 100%;
  padding: 0 0.4rem;
  margin-bottom: 0.4rem;
  flex: 1 1 0%;
  min-height: 0;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 0.24rem;
  -webkit-overflow-scrolling: touch;
}

.achievement-rewards-wrapper {
  margin: 0.2rem 0;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  width: 100%;
}

.achievement-rewards-wrapper .achievement-claim-list {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  width: 100%;
}

.achievement-rewards-wrapper .achievement-claim-item {
  flex: 0 0 100%;
  display: flex;
  align-items: stretch;
  gap: 0.2rem;
  padding: 0.2rem;
  border-radius: 0.2rem;
  border: 0.02rem solid rgba(107, 131, 255, 0.3);
  background: rgba(107, 131, 255, 0.1);
}

.achievement-rewards-wrapper .achievement-claim-item .item-img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.6rem;
  height: 1.6rem;
  position: relative;
}

.achievement-rewards-wrapper .achievement-claim-item .item-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.achievement-rewards-wrapper .achievement-claim-item .item-img:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 1rem;
  height: 1rem;
}

.achievement-rewards-wrapper .achievement-claim-item .item-content {
  flex: 1 1 0%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.07rem;
}

.achievement-rewards-wrapper .achievement-claim-item .item-info-wrap {
  position: relative;
  width: 100%;
}

.achievement-rewards-wrapper .achievement-claim-item .item-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.12rem;
}

.achievement-rewards-wrapper .achievement-claim-item .item-title {
  flex: 1 1 0%;
  font-size: 0.24rem;
  font-weight: 700;
  color: #fff;
  word-break: break-all;
}

.achievement-rewards-wrapper .achievement-claim-item .achievement-rewards-type {
  font-size: 0.18rem;
  font-weight: 500;
  color: #fff;
}

.achievement-rewards-wrapper .achievement-claim-item .item-footer {
  flex: 1 1 0%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  text-align: center;
}

.achievement-rewards-wrapper
  .achievement-claim-item
  .item-footer
  .item-claim-btn {
  position: relative;
  overflow: hidden;
  color: #fff;
}

.achievement-rewards-wrapper
  .achievement-claim-item
  .item-footer
  .item-claim-btn
  > span:last-child {
  position: relative;
  z-index: 1;
}

.achievement-rewards-wrapper
  .achievement-claim-item
  .item-footer
  .item-unclaim-btn {
  font-size: 0.22rem;
  font-weight: 700;
  text-transform: uppercase;
}

.achievement-rewards-wrapper .achievement-claim-item.CLAIMED {
  opacity: 0.5;
}

.achievement-rewards-wrapper .achievement-claim-item.CLAIMED .item-img:before {
  background: url(/mobile/mc/achievement-tag3.f7249e6f.png) no-repeat 50% /
    contain;
}

.achievement-rewards-wrapper
  .achievement-claim-item.CLAIMED
  .achievement-item-bonus {
  color: #fff;
  border: 0.02rem solid hsla(0, 0%, 100%, 0.4);
  background: hsla(0, 0%, 100%, 0.2);
}

.achievement-rewards-wrapper
  .achievement-claim-item.CLAIMED
  .achievement-item-bonus
  svg {
  fill: #fff;
}

.achievement-rewards-wrapper
  .achievement-claim-item.CLAIMABLE
  .item-img:before {
  background: url(/mobile/mc/achievement-tag2.9b08eeba.png) no-repeat 50% /
    contain;
}

.achievement-rewards-wrapper .achievement-claim-item.CLAIMABLE .item-footer {
  display: flex;
  gap: 0.2rem;
}

.achievement-rewards-wrapper
  .achievement-claim-item.UNCLAIMABLE
  .item-img:before {
  background: url(/mobile/mc/achievement-tag.41303f1d.png) no-repeat 50% /
    contain;
}

.achievement-rewards-wrapper
  .achievement-claim-item.no-progress
  .item-img:before {
  width: 100%;
  height: 100%;
  background: url(/mobile/mc/achievement-locked.aebfc34a.png) no-repeat
    50%/0.44rem auto;
}

.achievement-rewards-wrapper .achievement-claim-item.no-progress .item-img img {
  opacity: 0.5;
}

.achievement-rewards-wrapper
  .achievement-claim-item.no-progress
  .achievement-item-bonus {
  color: hsla(0, 0%, 100%, 0.3);
  border: 0.02rem solid hsla(0, 0%, 100%, 0.05);
  background: hsla(0, 0%, 100%, 0.1);
}

.achievement-rewards-wrapper
  .achievement-claim-item.no-progress
  .achievement-item-bonus
  svg {
  fill: hsla(0, 0%, 100%, 0.3);
}

.achievement-rewards-wrapper .achievement-claim-item.no-progress .item-footer {
  color: hsla(0, 0%, 100%, 0.3);
}

.achievement-rewards-wrapper .achievement-rewards-item-claim-btn-shine-track {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  border-radius: inherit;
}

.achievement-rewards-wrapper
  .achievement-rewards-item-claim-btn-shine-track:before {
  position: absolute;
  top: 0;
  left: -120%;
  width: 60%;
  height: 100%;
  content: "";
  background: linear-gradient(
    105deg,
    hsla(0, 0%, 100%, 0),
    hsla(0, 0%, 100%, 0.45) 50%,
    hsla(0, 0%, 100%, 0)
  );
  animation: achievement-rewards-claim-btn-shine-sweep 5s linear infinite;
}

.achievement-rewards-wrapper .achievement-rewards-item-claim-btn-stars {
  position: absolute;
  inset: 0;
  z-index: 2;
  overflow: hidden;
  pointer-events: none;
  border-radius: inherit;
}

.achievement-rewards-wrapper .achievement-rewards-item-claim-btn-star {
  position: absolute;
  display: block;
  opacity: 0;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  transform-origin: center center;
  animation: achievement-rewards-claim-btn-star-flash 5s ease-out infinite;
  will-change: transform, opacity;
  fill: #fff;
}

.achievement-rewards-wrapper .achievement-rewards-item-claim-btn-star.is-s1 {
  top: 0.06rem;
  left: 0.12rem;
  width: 0.14rem;
  height: 0.14rem;
  animation-delay: 0s;
}

.achievement-rewards-wrapper .achievement-rewards-item-claim-btn-star.is-s2 {
  top: 0.04rem;
  right: 0.12rem;
  width: 0.16rem;
  height: 0.16rem;
  animation-delay: 0.08s;
}

.achievement-rewards-wrapper .achievement-rewards-item-claim-btn-star.is-s3 {
  top: 0.22rem;
  right: 0.1rem;
  width: 0.14rem;
  height: 0.14rem;
  animation-delay: 0.16s;
}

.achievement-rewards-wrapper .achievement-rewards-item-claim-btn-star.is-s4 {
  bottom: 0.06rem;
  left: 22%;
  width: 0.14rem;
  height: 0.14rem;
  animation-delay: 0.24s;
}

.achievement-item-bonus {
  margin: 0.05rem 0;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.1rem;
  border-radius: 0.5rem;
  border: 0.02rem solid rgba(245, 200, 66, 0.2);
  background: rgba(245, 200, 66, 0.2);
  padding: 0.1rem 0.16rem;
  color: #f5c842;
  font-size: 0.22rem;
  font-weight: 700;
  height: 0.38rem;
}

.achievement-item-bonus .item-bonus-item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 1 auto;
  min-width: 0;
  max-width: 100%;
  gap: 0.06rem;
}

.achievement-item-bonus .item-bonus-item.item-bonus-ticket.on {
  flex: 1 1 0%;
  min-width: 0;
  text-align: center;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
}

.achievement-item-bonus .item-bonus-item.item-bonus-ticket.on svg {
  vertical-align: sub;
  margin-right: 0.06rem;
}

.achievement-item-bonus svg {
  flex: 0 0 0.28rem;
  width: 0.28rem;
  height: 0.28rem;
  fill: #f5c842;
}

.achievement-tasks-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.24rem;
  width: 100%;
}

.achievement-tasks-wrapper .achievement-task-card {
  position: relative;
  min-height: 3.2rem;
  border-radius: 0.2rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 0 0.3rem;
}

.achievement-tasks-wrapper .achievement-task-card .achievement-card-img {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  border-radius: 0.2rem;
}

.achievement-tasks-wrapper .achievement-task-card .achievement-card-img:after {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background: linear-gradient(104deg, rgba(20, 21, 70, 0), rgba(0, 0, 0, 0.3));
  border-radius: 0.2rem;
}

.achievement-tasks-wrapper .achievement-task-card .achievement-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.achievement-tasks-wrapper .achievement-task-card .achievement-card-body {
  display: flex;
  flex-direction: column;
  gap: 0.19rem;
  flex: 1 1 0%;
  z-index: 1;
  position: relative;
  color: hsla(0, 0%, 100%, 0.6);
  font-size: 0.22rem;
  font-weight: 400;
}

.achievement-tasks-wrapper
  .achievement-task-card
  .achievement-card-body
  .achievement-card-title {
  font-size: 0.34rem;
  font-weight: 900;
  color: #eceaef;
  word-break: break-word;
}

.achievement-tasks-wrapper
  .achievement-task-card
  .achievement-card-body
  .achievement-card-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.33rem;
  font-size: 0.28rem;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  border-radius: 0.22rem;
  background: linear-gradient(180deg, #ff378a, #cc0256);
  box-shadow: 0 0.0284rem 0.342rem 0 rgba(232, 67, 147, 0.6);
  min-width: 2.8rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 0.8rem;
  padding: 0 0.1rem;
}

.achievement-tasks-detail {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  width: 100%;
}

.achievement-tasks-detail .detail-back {
  border-radius: 0.2rem;
  background: #252848;
  padding: 0.12rem 0.24rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  font-size: 0.24rem;
  font-weight: 800;
  color: #f5c842;
}

.achievement-tasks-detail .detail-back:before {
  content: "\2190   ";
}

.achievement-tasks-detail .detail-activity-wrapper {
  width: 100%;
}

.achievement-tasks-detail .detail-activity-wrapper:empty {
  display: none;
}

.achievement-tasks-detail .detail-activity {
  padding: 0.18rem 0.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.achievement-tasks-detail .detail-activity-track {
  position: relative;
  width: 100%;
}

.achievement-tasks-detail .detail-activity-progress {
  position: absolute;
  left: 0;
  right: 0;
  top: 0.25rem;
  height: 0.22rem;
  border-radius: 0.4rem;
  background: #0d0e1a;
  padding: 0.06rem;
  box-sizing: border-box;
}

.achievement-tasks-detail .detail-activity-progress-done {
  height: 0.1rem;
  border-radius: 0.71rem;
  background: #f5c842;
  box-shadow: 0 0.0284rem 0.142rem 0 rgba(20, 117, 225, 0.4);
  transition: width 0.35s ease;
}

.achievement-tasks-detail .detail-activity-milestones {
  position: relative;
  width: 100%;
  min-height: 0.96rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0 0.22rem;
  box-sizing: border-box;
}

.achievement-tasks-detail .detail-activity-milestones.single {
  justify-content: flex-end;
  padding: 0;
}

.achievement-tasks-detail .detail-activity-milestone {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.08rem;
  width: 0.68rem;
  flex-shrink: 0;
}

.achievement-tasks-detail .detail-activity-chest {
  position: relative;
  width: 0.68rem;
  height: 0.68rem;
  flex-shrink: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.achievement-tasks-detail .detail-activity-chest.clickable {
  cursor: pointer;
}

.achievement-tasks-detail .detail-activity-chest:disabled {
  cursor: default;
}

.achievement-tasks-detail .detail-activity-chest .detail-activity-chest-img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.detail-activity-milestone.is-claimable
  .achievement-tasks-detail
  .detail-activity-chest {
  overflow: visible;
}

@keyframes achievement-chest-heartbeat {
  0%,
  to {
    transform: scale(1);
  }
  14% {
    transform: scale(1.1);
  }
  28% {
    transform: scale(1);
  }
  42% {
    transform: scale(1.06);
  }
  56% {
    transform: scale(1);
  }
}

.achievement-tasks-detail .detail-activity-done-icon {
  position: absolute;
  right: 0.04rem;
  bottom: 0.04rem;
  width: 0.21rem;
  height: 0.21rem;
  color: transparent;
}

.achievement-tasks-detail .detail-activity-claim-btn {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0.2rem;
  margin: 0 auto;
  z-index: 2;
  padding: 0.03rem 0.06rem;
  font-size: 0.0816rem;
  font-weight: 700;
  min-width: 0.4rem;
  height: 0.15rem;
  border: 0;
  border-radius: 0.71rem;
  background: linear-gradient(
    180deg,
    rgba(255, 55, 138, 0.9),
    rgba(204, 2, 86, 0.9)
  );
  box-shadow: 0 0.858px 0.04292rem 0 rgba(205, 0, 17, 0.4);
  color: #fff;
  text-transform: uppercase;
  pointer-events: none;
  white-space: nowrap;
  animation: achievement-chest-heartbeat 1.6s ease-in-out infinite;
}

.achievement-tasks-detail .detail-activity-target {
  font-size: 0.2rem;
  font-weight: 700;
  color: #eceaef;
  text-align: center;
  width: 100%;
  word-break: break-word;
}

.achievement-tasks-detail .detail-activity-target.muted {
  color: rgba(236, 234, 239, 0.5);
}

.achievement-tasks-detail .detail-item {
  border-radius: 0.2rem;
  border: 0.02rem solid rgba(107, 131, 255, 0.3);
  background: rgba(107, 131, 255, 0.1);
}

.achievement-tasks-detail .achievement-tasks-detail-banner {
  overflow: hidden;
  padding: 0;
  display: flex;
  align-items: stretch;
  min-height: 1.6rem;
}

.achievement-tasks-detail .achievement-tasks-detail-banner img {
  width: 1.6rem;
  height: 1.6rem;
  object-fit: cover;
  flex-shrink: 0;
}

.achievement-tasks-detail .achievement-tasks-detail-banner .detail-banner-body {
  flex: 1 1 0%;
  min-width: 0;
  padding: 0.2rem;
  display: flex;
  flex-direction: column;
  gap: 0.08rem;
  justify-content: center;
}

.achievement-tasks-detail
  .achievement-tasks-detail-banner
  .detail-banner-title {
  font-size: 0.28rem;
  font-weight: 900;
  color: #eceaef;
  word-break: break-word;
}

.achievement-tasks-detail
  .achievement-tasks-detail-banner
  .detail-banner-remark {
  font-size: 0.2rem;
  color: hsla(0, 0%, 100%, 0.6);
  word-break: break-word;
}

.achievement-tasks-detail .achievement-tasks-detail-content {
  padding: 0.3rem 0.34rem;
  display: flex;
  flex-direction: column;
  gap: 0.24rem;
}

.achievement-tasks-detail .detail-item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.12rem;
}

.achievement-tasks-detail .detail-item-title {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  font-size: 0.24rem;
  font-weight: 700;
  color: #eceaef;
  word-break: break-all;
}

.achievement-tasks-detail .detail-item-title svg {
  width: 0.44rem;
  height: 0.44rem;
  flex-shrink: 0;
}

.achievement-tasks-detail .detail-item-score {
  display: flex;
  align-items: center;
  gap: 0.04rem;
  font-size: 0.24rem;
  font-weight: 900;
  color: #ffecb4;
}

.achievement-tasks-detail .detail-item-score .detail-item-score-sep {
  color: hsla(0, 0%, 100%, 0.5);
}

.achievement-tasks-detail .task-progress-list {
  display: flex;
  flex-direction: column;
  gap: 0.24rem;
  width: 100%;
}

.achievement-tasks-detail .task-progress-empty,
.achievement-tasks-detail .task-progress-loading {
  text-align: center;
  font-size: 0.22rem;
  color: hsla(0, 0%, 100%, 0.5);
  padding: 0.2rem 0;
}

.achievement-tasks-detail .task-progress-card {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 0.2rem;
  border-radius: 0.2rem;
  background: #262746;
}

.achievement-tasks-detail .task-progress-card.done {
  opacity: 0.5;
}

.achievement-tasks-detail .task-progress-card .task-card-header {
  display: flex;
  align-items: flex-start;
  gap: 0.08rem;
}

.achievement-tasks-detail
  .task-progress-card
  .task-card-header
  .task-card-status-icon {
  color: transparent;
  width: 0.28rem;
  height: 0.28rem;
  flex-shrink: 0;
  margin-top: 0.02rem;
}

.achievement-tasks-detail
  .task-progress-card
  .task-card-header
  .item-info-wrap {
  flex: 1 1 0%;
  min-width: 0;
}

.achievement-tasks-detail .task-progress-card .task-card-header .item-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.12rem;
}

.achievement-tasks-detail .task-progress-card .task-card-header .item-title {
  font-size: 0.24rem;
  word-break: break-all;
  font-weight: 600;
  color: #fff;
}

.achievement-tasks-detail .task-progress-card .achievement-rewards-type {
  font-size: 0.18rem;
  font-weight: 500;
  color: #fff;
}

.achievement-tasks-detail .task-progress-card .achievement-item-bonus {
  margin: 0;
}

.achievement-tasks-detail .task-progress-card .task-card-footer {
  display: flex;
  align-items: center;
  gap: 0.2rem;
}

.achievement-tasks-detail .task-progress-card .item-progress-block {
  width: 100%;
}

.achievement-tasks-detail .task-progress-card .task-card-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 2rem;
  min-height: 0.54rem;
  border-radius: 0.71rem;
  cursor: pointer;
}

.achievement-tasks-detail .task-progress-card .task-card-btn.is-claim {
  background: linear-gradient(180deg, #ff378a, #cc0256);
  box-shadow: 0 0.0284rem 0.071rem 0 rgba(205, 0, 17, 0.4);
  position: relative;
  overflow: hidden;
}

.achievement-tasks-detail .task-progress-card .task-card-btn.is-navigate {
  background: linear-gradient(180deg, #92c5ff, #1475e1);
  position: relative;
  gap: 0.06rem;
}

.achievement-tasks-detail
  .task-progress-card
  .task-card-btn.is-navigate:before {
  content: "";
}

.achievement-tasks-detail .task-progress-card .task-card-btn.is-deposit:before {
  width: 0.4rem;
  height: 0.4rem;
  background: url(/mobile/mc/achievement-deposit.cd3527bb.png) no-repeat 50% /
    contain;
}

.achievement-tasks-detail .task-progress-card .task-card-btn.is-game:before {
  width: 0.4rem;
  height: 0.4rem;
  background: url(/mobile/mc/achievement-game.30546605.png) no-repeat 50% /
    contain;
}

.achievement-tasks-detail .task-progress-card .task-card-btn.is-share:before {
  width: 0.4rem;
  height: 0.4rem;
  background: url(/mobile/mc/achievement-share.9d4f3e34.png) no-repeat 50% /
    contain;
}

.achievement-tasks-detail .task-progress-card .task-card-btn span {
  font-size: 0.28rem;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
}

.achievement-tasks-detail
  .task-progress-card
  .achievement-rewards-item-claim-btn-shine-track {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  border-radius: inherit;
}

.achievement-tasks-detail
  .task-progress-card
  .achievement-rewards-item-claim-btn-shine-track:before {
  position: absolute;
  top: 0;
  left: -120%;
  width: 60%;
  height: 100%;
  content: "";
  background: linear-gradient(
    105deg,
    hsla(0, 0%, 100%, 0),
    hsla(0, 0%, 100%, 0.45) 50%,
    hsla(0, 0%, 100%, 0)
  );
  animation: achievement-rewards-claim-btn-shine-sweep 5s linear infinite;
}

.achievement-tasks-detail
  .task-progress-card
  .achievement-rewards-item-claim-btn-stars {
  position: absolute;
  inset: 0;
  z-index: 2;
  overflow: hidden;
  pointer-events: none;
  border-radius: inherit;
}

.achievement-tasks-detail
  .task-progress-card
  .achievement-rewards-item-claim-btn-star {
  position: absolute;
  display: block;
  opacity: 0;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  transform-origin: center center;
  animation: achievement-rewards-claim-btn-star-flash 5s ease-out infinite;
  will-change: transform, opacity;
  fill: #fff;
}

.achievement-tasks-detail
  .task-progress-card
  .achievement-rewards-item-claim-btn-star.is-s1 {
  top: 0.06rem;
  left: 0.12rem;
  width: 0.14rem;
  height: 0.14rem;
  animation-delay: 0s;
}

.achievement-tasks-detail
  .task-progress-card
  .achievement-rewards-item-claim-btn-star.is-s2 {
  top: 0.04rem;
  right: 0.12rem;
  width: 0.16rem;
  height: 0.16rem;
  animation-delay: 0.08s;
}

.achievement-tasks-detail
  .task-progress-card
  .achievement-rewards-item-claim-btn-star.is-s3 {
  top: 0.22rem;
  right: 0.1rem;
  width: 0.14rem;
  height: 0.14rem;
  animation-delay: 0.16s;
}

.achievement-tasks-detail
  .task-progress-card
  .achievement-rewards-item-claim-btn-star.is-s4 {
  bottom: 0.06rem;
  left: 22%;
  width: 0.14rem;
  height: 0.14rem;
  animation-delay: 0.24s;
}

.achievement-tasks-detail
  .task-progress-card
  .achievement-rewards-item-claim-btn-label {
  position: relative;
  z-index: 1;
}

@keyframes achievement-rewards-claim-btn-shine-sweep {
  0% {
    left: -120%;
  }
  14% {
    left: 140%;
  }
  14.01%,
  42% {
    left: 140%;
  }
  43% {
    left: -120%;
  }
  57% {
    left: 140%;
  }
  57.01%,
  to {
    left: 140%;
  }
}

@keyframes achievement-rewards-claim-btn-star-flash {
  0%,
  15% {
    opacity: 0;
    transform: scale(0.35);
  }
  20% {
    opacity: 1;
    transform: scale(1.2);
  }
  26% {
    opacity: 0.35;
    transform: scale(0.8);
  }
  32% {
    opacity: 1;
    transform: scale(1.05);
  }
  38%,
  42% {
    opacity: 0;
    transform: scale(0.35);
  }
  46% {
    opacity: 1;
    transform: scale(1.2);
  }
  52% {
    opacity: 0.35;
    transform: scale(0.8);
  }
  58% {
    opacity: 1;
    transform: scale(1.05);
  }
  64%,
  to {
    opacity: 0;
    transform: scale(0.35);
  }
}

.hot-game-popup-wrap {
  display: flex;
  width: 100%;
  height: 100%;
  padding: 0.6rem 0.2rem 0.31rem;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100013;
  color: #fff;
}

.hot-game-popup-wrap .hot-game-popup-close {
  position: absolute;
  right: 0.4rem;
  top: 0.81rem;
  z-index: 1;
}

.hot-game-popup-wrap .hot-game-popup-close svg {
  display: block;
  width: 0.5rem;
  height: 0.5rem;
}

.hot-game-popup-wrap .hot-game-popup {
  display: flex;
  gap: 0.25rem;
  width: 100%;
  max-height: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  border-radius: 0.15rem;
  border: 1.5px solid #666;
  background: rgba(0, 0, 0, 0.65);
  -webkit-backdrop-filter: blur(0.225rem);
  backdrop-filter: blur(0.225rem);
  padding: 0.21rem;
}

.hot-game-popup-wrap .hot-game-popup .hot-game-header {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  width: 100%;
  justify-content: center;
  align-items: center;
}

.hot-game-popup-wrap .hot-game-popup .hot-game-header img {
  width: 1.65rem;
  height: 1.65rem;
}

.hot-game-popup-wrap .hot-game-popup .hot-game-header .hot-game-title {
  color: #fff;
  text-align: center;
  text-shadow: 0 0.06rem 0.06rem rgba(0, 0, 0, 0.25);
  font-size: 0.6rem;
  font-weight: 700;
  max-width: 100%;
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-inline-box;
  -webkit-line-clamp: 2;
}

.hot-game-popup-wrap .hot-game-popup .hot-game-header .hot-game-wrapper {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.hot-game-popup-wrap .hot-game-popup .hot-game-header .hot-game-content {
  color: #fff;
  text-align: center;
  text-shadow: 0 0.06rem 0.06rem rgba(0, 0, 0, 0.25);
  font-size: 0.32rem;
  font-weight: 700;
  max-width: 100%;
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-inline-box;
  -webkit-line-clamp: 2;
}

.hot-game-popup-wrap .hot-game-popup .hot-game-header .hot-game-time {
  color: #ff4d4d;
  text-align: center;
  text-shadow: 0 0.04rem 0.04rem rgba(0, 0, 0, 0.25);
  font-size: 0.3rem;
}

.hot-game-popup-wrap .hot-game-popup .hot-game-wrap {
  width: 100%;
  display: flex;
  gap: 0.2rem;
  flex-wrap: wrap;
  align-items: flex-start;
  overflow: hidden auto;
}

.hot-game-popup-wrap .hot-game-popup .hot-game-wrap::-webkit-scrollbar {
  width: 0.08rem;
  height: 0.08rem;
}

.hot-game-popup-wrap .hot-game-popup .hot-game-wrap::-webkit-scrollbar-track {
  background: transparent;
}

.hot-game-popup-wrap .hot-game-popup .hot-game-wrap::-webkit-scrollbar-thumb {
  background: #999;
}

.hot-game-popup-wrap .hot-game-popup .hot-game-wrap .hot-game-item {
  width: 2.03rem;
  height: 3.18rem;
  display: flex;
  padding: 0.18rem 0.1rem 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.1rem;
  flex-wrap: wrap;
  border-radius: 0.09rem;
  background: hsla(0, 0%, 100%, 0.1);
}

.hot-game-popup-wrap
  .hot-game-popup
  .hot-game-wrap
  .hot-game-item
  .image-container {
  max-width: 1.83rem;
  aspect-ratio: 1/1;
  overflow: hidden;
  height: 1.83rem;
}

.hot-game-popup-wrap
  .hot-game-popup
  .hot-game-wrap
  .hot-game-item
  .image-container
  img {
  border-radius: 0.09rem;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hot-game-popup-wrap
  .hot-game-popup
  .hot-game-wrap
  .hot-game-item
  .hot-game-item-title {
  line-height: 1.3;
  min-height: 0.24rem;
  height: 0.54rem;
  color: #fff;
  font-size: 0.21rem;
  font-weight: 400;
  max-width: 100%;
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-inline-box;
  -webkit-line-clamp: 2;
}

.hot-game-popup-wrap
  .hot-game-popup
  .hot-game-wrap
  .hot-game-item
  .hot-game-item-vendor {
  word-break: break-all;
  color: #018ff3;
  font-size: 0.2rem;
  font-weight: 700;
  max-width: 100%;
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-inline-box;
  -webkit-line-clamp: 1;
}

.mc-vendor-popup-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100010;
  color: #fff;
  flex-direction: column;
}

.mc-vendor-popup-wrapper:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  background: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(0.12rem);
  backdrop-filter: blur(0.12rem);
}

.mc-vendor-popup-wrapper.horizontal {
  justify-content: flex-start;
}

.mc-vendor-popup-wrapper.horizontal.LEFT .mc-vendor-popup-wrap,
.mc-vendor-popup-wrapper.horizontal .mc-vendor-popup-wrap {
  margin: 1.28rem auto 0;
}

.mc-vendor-popup-wrapper.horizontal .mc-vendor-nav {
  position: absolute;
  width: calc(100% + 1.91rem);
  justify-content: space-between;
}

.mc-vendor-popup-wrapper.horizontal .mc-vendor-nav span,
.mc-vendor-popup-wrapper.horizontal .mc-vendor-nav svg {
  display: none;
}

.mc-vendor-popup-wrapper.horizontal .mc-vendor-nav .mc-vendor-button {
  min-width: 0;
  border-radius: 50%;
  width: 0.795rem;
  height: 0.82rem;
  background: url(/mobile/mc/vendor-arrow.1b10cbf9.png) no-repeat 50% / contain;
}

.mc-vendor-popup-wrapper.horizontal
  .mc-vendor-nav
  .mc-vendor-button.vendor-button-next {
  transform: rotate(180deg);
}

.mc-vendor-popup-wrapper.horizontal
  .mc-vendor-nav
  .mc-vendor-button.swiper-button-disabled {
  background: url(/mobile/mc/vendor-arrow.1b10cbf9.png) no-repeat 50% / contain;
  opacity: 0.2;
}

.mc-vendor-popup-wrapper .mc-vendor-popup-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.1rem;
}

.mc-vendor-popup-wrapper .close-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: flex-end;
  z-index: 2;
}

.mc-vendor-popup-wrapper .close-btn svg {
  width: 0.5rem;
  height: 0.5rem;
}

.mc-vendor-popup-wrapper .mc-vendor-popup {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mc-vendor-popup-wrapper .mc-vendor-popup .mc-popup-swiper {
  width: 6.8rem;
}

.mc-vendor-popup-wrapper .mc-vendor-popup-item {
  width: 6.8rem;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  align-items: center;
  border-radius: 0.5rem;
  background: rgba(69, 46, 136, 0.12);
  box-shadow: inset 0 0.04rem 0.04rem 0 hsla(0, 0%, 100%, 0.25);
  color: #fff;
  padding: 0.4rem 0;
  max-height: 80vh;
  height: 5rem;
}

.mc-vendor-popup-wrapper .mc-vendor-popup-item.swiper-slide-active {
  height: auto;
}

.mc-vendor-popup-wrapper .mc-vendor-popup-item .mc-vendor-popup-item-wrap {
  width: calc(100% - 0.4rem);
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

.mc-vendor-popup-wrapper .mc-vendor-popup-item .mc-vendor-icon-switcher {
  width: calc(100% - 0.4rem);
  flex-shrink: 0;
}

.mc-vendor-popup-wrapper
  .mc-vendor-popup-item
  .mc-vendor-icon-switcher.is-scrollable {
  width: 5.4rem;
  max-width: calc(100% - 0.4rem);
  margin: 0 auto;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-x;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
}

.mc-vendor-popup-wrapper
  .mc-vendor-popup-item
  .mc-vendor-icon-switcher.is-scrollable::-webkit-scrollbar {
  display: none;
}

.mc-vendor-popup-wrapper
  .mc-vendor-popup-item
  .mc-vendor-icon-switcher.is-scrollable
  .mc-vendor-icon-switcher-track {
  min-width: 0;
  width: -webkit-max-content;
  width: max-content;
}

.mc-vendor-popup-wrapper
  .mc-vendor-popup-item
  .mc-vendor-icon-switcher:not(.is-scrollable)
  .mc-vendor-icon-switcher-track {
  width: 100%;
  justify-content: center;
}

.mc-vendor-popup-wrapper .mc-vendor-popup-item .mc-vendor-icon-switcher-track {
  display: flex;
  align-items: flex-end;
  gap: 0.24rem;
  flex-wrap: nowrap;
  padding-top: 0.12rem;
}

.mc-vendor-popup-wrapper .mc-vendor-popup-item .mc-vendor-icon-item {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  flex: 0 0 1.17rem;
  width: 1.17rem;
  height: 1.17rem;
  overflow: hidden;
  cursor: pointer;
  border: 0.02rem solid transparent;
  transition: border-color 0.2s ease;
  border-radius: 50%;
}

.mc-vendor-popup-wrapper .mc-vendor-popup-item .mc-vendor-icon-item.on {
  border-color: #f8c043;
  position: relative;
  overflow: visible;
}

.mc-vendor-popup-wrapper .mc-vendor-popup-item .mc-vendor-icon-item.on:after {
  content: "";
  position: absolute;
  top: -0.1rem;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 0.1rem solid transparent;
  border-right: 0.1rem solid transparent;
  border-bottom: 0.1rem solid #f8c043;
}

.mc-vendor-popup-wrapper .mc-vendor-popup-item .mc-vendor-icon-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  overflow: hidden;
  border-radius: 50%;
}

.mc-vendor-popup-wrapper .mc-vendor-popup-item .vendor-game-slide {
  width: 100% !important;
}

.mc-vendor-popup-wrapper .mc-vendor-popup-item::-webkit-scrollbar {
  width: 0.08rem;
  height: 0.08rem;
}

.mc-vendor-popup-wrapper .mc-vendor-popup-item::-webkit-scrollbar-track {
  background: transparent;
}

.mc-vendor-popup-wrapper .mc-vendor-popup-item::-webkit-scrollbar-thumb {
  background: hsla(0, 0%, 100%, 0.5);
  border-radius: 0.05rem;
}

.mc-vendor-popup-wrapper .mc-vendor-popup-item.layout1 {
  display: flex;
  flex-direction: column;
}

.mc-vendor-popup-wrapper
  .mc-vendor-popup-item.layout1
  .mc-vendor-popup-item-wrap {
  flex: 1 1 0%;
  overflow-y: auto;
}

.mc-vendor-popup-wrapper
  .mc-vendor-popup-item.layout1
  .mc-vendor-popup-item-wrap::-webkit-scrollbar {
  width: 0.08rem;
  height: 0.08rem;
}

.mc-vendor-popup-wrapper
  .mc-vendor-popup-item.layout1
  .mc-vendor-popup-item-wrap::-webkit-scrollbar-track {
  background: transparent;
}

.mc-vendor-popup-wrapper
  .mc-vendor-popup-item.layout1
  .mc-vendor-popup-item-wrap::-webkit-scrollbar-thumb {
  background: hsla(0, 0%, 100%, 0.5);
  border-radius: 0.05rem;
}

.mc-vendor-popup-wrapper .mc-vendor-popup-item.layout2 {
  overflow-y: auto;
  gap: 0.16rem;
  padding: 0.4rem 0.2rem;
}

.mc-vendor-popup-wrapper .mc-vendor-popup-item.layout2 .item-title {
  width: 100%;
  min-height: 0.78rem;
  height: auto;
}

.mc-vendor-popup-wrapper .mc-vendor-popup-item.layout2 .item-title.early-bg {
  background: url(/mobile/mc/vendor-title1.c0bfbfbe.png) no-repeat 50% / contain;
}

.mc-vendor-popup-wrapper
  .mc-vendor-popup-item.layout2
  .item-title.exclusive-bg {
  background: url(/mobile/mc/vendor-title2.d651887e.png) no-repeat 50% / contain;
}

.mc-vendor-popup-wrapper
  .mc-vendor-popup-item.layout2
  .item-title.newArrivals-bg {
  background: url(/mobile/mc/vendor-title3.233d647b.png) no-repeat 50% / contain;
}

.mc-vendor-popup-wrapper
  .mc-vendor-popup-item.layout2
  .item-title.item-title-image
  span {
  display: block;
  min-height: 0.78rem;
  width: 100%;
  margin: 0 auto;
  object-fit: contain;
}

.mc-vendor-popup-wrapper .mc-vendor-popup-item.layout2 .vendor-game-wrapper {
  padding: 0;
  width: 100%;
}

.mc-vendor-popup-wrapper
  .mc-vendor-popup-item.layout2
  .item-img-list
  .vendor-game-slide-item {
  padding: 0;
  background: transparent;
  box-shadow: none;
}

.mc-vendor-popup-wrapper .mc-vendor-popup-item.layout2 .vender-game-swiper {
  position: relative;
  gap: 0.16rem;
}

.mc-vendor-popup-wrapper
  .mc-vendor-popup-item.layout2
  .vender-game-swiper:not(:last-child):after {
  content: "";
  width: 100%;
  height: 0.02rem;
  border-radius: 0.3rem;
  background: hsla(0, 0%, 100%, 0.3);
  -webkit-backdrop-filter: blur(0.15rem);
  backdrop-filter: blur(0.15rem);
  margin-top: 0.16rem;
}

.mc-vendor-popup-wrapper .mc-vendor-top {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 0.32rem;
  font-weight: 700;
  text-shadow: 0 0.02rem 1px rgba(0, 0, 0, 0.6);
  z-index: 0;
  width: 100%;
}

.mc-vendor-popup-wrapper .mc-vendor-top span {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
}

@supports (-webkit-line-clamp: 2) {
  .mc-vendor-popup-wrapper .mc-vendor-top span {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}

.mc-vendor-popup-wrapper .mc-vendor-top.mc-vendor-top-image-title span {
  display: block;
  min-height: 0.78rem;
  width: 100%;
  margin: 0 auto;
  object-fit: contain;
}

.mc-vendor-popup-wrapper .mc-vendor-img {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  align-self: center;
}

.mc-vendor-popup-wrapper .mc-vendor-img img {
  width: 100%;
  object-fit: cover;
}

.mc-vendor-popup-wrapper .mc-vendor-content-wrapper {
  flex: 1 1 0%;
  width: 100%;
  font-size: 0.24rem;
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.mc-vendor-popup-wrapper .content-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.16rem;
  width: 100%;
  position: relative;
}

.mc-vendor-popup-wrapper .content-item .mc-vendor-date {
  text-align: center;
  display: flex;
  flex-direction: column;
  text-shadow: 0 0.04rem 0.04rem rgba(0, 0, 0, 0.25);
  font-size: 0.2rem;
}

.mc-vendor-popup-wrapper .content-item .mc-date-item {
  text-transform: uppercase;
}

.mc-vendor-popup-wrapper .content-item .vendor-content-info {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  gap: 0.2rem;
  overflow: hidden;
}

.mc-vendor-popup-wrapper .content-item .mc-vendor-content {
  overflow-wrap: break-word;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
}

@supports (-webkit-line-clamp: 2) {
  .mc-vendor-popup-wrapper .content-item .mc-vendor-content {
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}

.mc-vendor-popup-wrapper .content-item .vendor-content-info-wrap {
  position: relative;
  width: 100%;
  border-radius: 0.2rem;
  background: hsla(0, 0%, 100%, 0.16);
  padding: 0.12rem 0.12rem 0.2rem;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.mc-vendor-popup-wrapper .content-item .vendor-tip-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  border-radius: 0.36rem;
  border: 0.02rem solid #b7b7b7;
  background: #f8f8f8;
  width: calc(100% - 0.04rem);
  overflow-wrap: break-word;
}

.mc-vendor-popup-wrapper .content-item .vendor-tip-wrap {
  position: relative;
  border-radius: 0.3rem;
  padding: 0.2rem;
  max-height: 3.88rem;
  overflow: auto;
  color: #000;
  font-size: 0.24rem;
  font-weight: 500;
}

.mc-vendor-popup-wrapper .content-item .vendor-tip-wrap::-webkit-scrollbar {
  width: 0.08rem;
  height: 0.08rem;
}

.mc-vendor-popup-wrapper
  .content-item
  .vendor-tip-wrap::-webkit-scrollbar-track {
  background: transparent;
}

.mc-vendor-popup-wrapper
  .content-item
  .vendor-tip-wrap::-webkit-scrollbar-thumb {
  background: hsla(0, 0%, 100%, 0.5);
  border-radius: 0.05rem;
}

.mc-vendor-popup-wrapper .content-item .tip-content {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  align-self: flex-start;
  z-index: 1;
  max-width: 100%;
  overflow: hidden;
}

.mc-vendor-popup-wrapper .content-item .tip-content .wysiwyg td {
  padding: 1px;
  border: 1px solid #000;
}

.mc-vendor-popup-wrapper .content-item .tip-content .wysiwyg img {
  max-width: 100%;
  object-fit: contain;
}

.mc-vendor-popup-wrapper .vender-game-swiper {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.16rem;
}

.mc-vendor-popup-wrapper .content-item-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.mc-vendor-popup-wrapper .content-item-title.is-center {
  justify-content: center;
}

.mc-vendor-popup-wrapper .content-item-title.is-center .mc-vendor-date {
  flex-direction: row;
}

.mc-vendor-popup-wrapper .item-title {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.2rem;
  text-shadow: 0 0.04rem 0.04rem rgba(0, 0, 0, 0.25);
  font-size: 0.26rem;
  font-weight: 800;
  color: #fff;
}

.mc-vendor-popup-wrapper .item-title[data-tip-trigger] {
  cursor: pointer;
}

.mc-vendor-popup-wrapper .item-title .title-content {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
  white-space: pre-line;
  word-break: break-word;
  text-align: center;
}

@supports (-webkit-line-clamp: 2) {
  .mc-vendor-popup-wrapper .item-title .title-content {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}

.mc-vendor-popup-wrapper .item-title.on svg {
  fill: #fff;
}

.mc-vendor-popup-wrapper .item-title svg {
  flex: 0 0 0.26rem;
  width: 0.26rem;
  height: 0.26rem;
  color: transparent;
}

.mc-vendor-popup-wrapper .vendor-game-wrapper {
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  overflow: hidden;
}

.mc-vendor-popup-wrapper .vendor-game-wrapper .swiper-container {
  padding-bottom: 0.1rem;
}

.mc-vendor-popup-wrapper .item-img-list .vendor-game-slide {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.18rem;
}

.mc-vendor-popup-wrapper .item-img-list .vendor-game-slide-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: 0.18rem;
  height: 100%;
  min-height: 1.2rem;
  position: relative;
  border-radius: 0.2rem;
  overflow: hidden;
}

.mc-vendor-popup-wrapper .item-img-list .vendor-game-slide-item:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 1.12rem;
  height: 1.12rem;
  background: hsla(0, 0%, 100%, 0.4);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%);
  -webkit-filter: drop-shadow(0 0.02rem 0.08rem rgba(0, 0, 0, 0.25));
  filter: drop-shadow(0 0.02rem 0.08rem rgba(0, 0, 0, 0.25));
  pointer-events: none;
}

.mc-vendor-popup-wrapper .item-img-list .vendor-game-slide-item:before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0.06rem;
  right: 0.06rem;
  width: 0.62rem;
  height: 0.69rem;
  background: url(/mobile/mc/play-img.624bfb00.png) no-repeat 50% / contain;
  pointer-events: none;
}

.mc-vendor-popup-wrapper .item-img-list .vendor-game-slide-item img {
  width: 100%;
  object-fit: contain;
  border-radius: 0.2rem;
}

.mc-vendor-popup-wrapper .item-img-list .item-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.08rem auto 0;
  border-radius: 0.96rem;
  background: hsla(0, 0%, 100%, 0.3);
  box-shadow: 0 0.02rem 0.08rem 0 rgba(0, 0, 0, 0.25);
  color: #fff;
  text-align: center;
  text-shadow: 0 0.02rem 1px rgba(0, 0, 0, 0.25);
  font-size: 0.21rem;
  font-weight: 700;
  height: 0.36rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 0.1rem;
  min-width: 1.16rem;
}

.mc-vendor-popup-wrapper .item-img-list .shine {
  position: relative;
  z-index: 0;
  display: block;
  overflow: hidden;
  border-radius: 0.2rem;
}

.mc-vendor-popup-wrapper .item-img-list .shine:after {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  width: 20%;
  height: 100%;
  content: "";
  background: linear-gradient(
    120deg,
    hsla(0, 0%, 100%, 0),
    hsla(0, 0%, 100%, 0.5) 50%,
    hsla(0, 0%, 100%, 0)
  );
  transform: skewX(-25deg);
  animation: shine-animation 2s infinite;
}

.mc-vendor-popup-wrapper .mc-vendor-nav {
  align-self: center;
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.mc-vendor-popup-wrapper .mc-vendor-nav .mc-vendor-button {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 2.8rem;
  height: 0.72rem;
  border-radius: 0.5rem;
  background: rgba(69, 46, 136, 0.12);
  box-shadow: inset 0 0.04rem 0.04rem 0 hsla(0, 0%, 100%, 0.25);
  gap: 0.1rem;
  font-size: 0.3rem;
  font-weight: 700;
  color: #fff;
}

.mc-vendor-popup-wrapper .mc-vendor-nav .mc-vendor-button svg {
  width: 0.4rem;
  height: 0.4rem;
}

.mc-vendor-popup-wrapper
  .mc-vendor-nav
  .mc-vendor-button.vendor-button-next
  svg {
  transform: rotate(180deg);
}

.mc-vendor-popup-wrapper
  .mc-vendor-nav
  .mc-vendor-button.swiper-button-disabled {
  opacity: 0.6;
}

@keyframes shine-animation {
  0% {
    left: -75%;
  }
  to {
    left: 125%;
  }
}

.entry-count-wrapper {
  transition: all 0.3s ease;
}

.entry-count-wrapper.popup-horizontal.entry-open {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.entry-count-wrapper.popup-horizontal.entry-open.RIGHT {
  justify-content: flex-end;
}

.entry-count-wrapper.popup-horizontal.entry-open.popup-open {
  justify-content: center;
}

.entry-count-wrapper.popup-horizontal.entry-open.popup-open
  .entry-count-wrap.count.LEFT_MIDDLE,
.entry-count-wrapper.popup-horizontal.entry-open.popup-open
  .entry-count-wrap.count.LEFT_TOP,
.entry-count-wrapper.popup-horizontal.entry-open.popup-open
  .entry-count-wrap.count.RIGHT_MIDDLE,
.entry-count-wrapper.popup-horizontal.entry-open.popup-open
  .entry-count-wrap.count.RIGHT_TOP {
  bottom: calc((100 * var(--vh, 1vh) - 1rem) / 6 - 0.44rem);
}

.entry-count-wrapper.popup-horizontal.entry-open .entry-count-wrap.count {
  right: auto;
  padding: 0 0.59rem;
  animation: growLeft 1s ease-in-out forwards;
}

.entry-count-wrapper.popup-horizontal.entry-open
  .entry-count-wrap.count.LEFT_TOP,
.entry-count-wrapper.popup-horizontal.entry-open
  .entry-count-wrap.count.RIGHT_TOP {
  bottom: calc((100 * var(--vh, 1vh) - 1rem) / 2 - 0.44rem);
}

.entry-count-wrapper.popup-horizontal.entry-open
  .entry-count-wrap.count.default,
.entry-count-wrapper.popup-horizontal.entry-open
  .entry-count-wrap.count.RIGHT_BOTTOM,
.entry-count-wrapper.popup-horizontal.entry-open
  .entry-count-wrap.count.RIGHT_MIDDLE,
.entry-count-wrapper.popup-horizontal.entry-open
  .entry-count-wrap.count.RIGHT_TOP {
  transform-origin: center right;
}

.entry-count-wrapper.popup-horizontal.entry-open
  .entry-count-wrap.count.default
  .entry-arrow,
.entry-count-wrapper.popup-horizontal.entry-open
  .entry-count-wrap.count.RIGHT_BOTTOM
  .entry-arrow,
.entry-count-wrapper.popup-horizontal.entry-open
  .entry-count-wrap.count.RIGHT_MIDDLE
  .entry-arrow,
.entry-count-wrapper.popup-horizontal.entry-open
  .entry-count-wrap.count.RIGHT_TOP
  .entry-arrow {
  left: 0;
  transform: rotate(270deg);
}

.entry-count-wrapper.popup-horizontal.entry-open
  .entry-count-wrap.count.default
  .entry-close,
.entry-count-wrapper.popup-horizontal.entry-open
  .entry-count-wrap.count.RIGHT_BOTTOM
  .entry-close,
.entry-count-wrapper.popup-horizontal.entry-open
  .entry-count-wrap.count.RIGHT_MIDDLE
  .entry-close,
.entry-count-wrapper.popup-horizontal.entry-open
  .entry-count-wrap.count.RIGHT_TOP
  .entry-close {
  left: 0.25rem;
}

.entry-count-wrapper.popup-horizontal.entry-open
  .entry-count-wrap.count.LEFT_BOTTOM,
.entry-count-wrapper.popup-horizontal.entry-open
  .entry-count-wrap.count.LEFT_MIDDLE,
.entry-count-wrapper.popup-horizontal.entry-open
  .entry-count-wrap.count.LEFT_TOP {
  left: auto;
  transform-origin: center left;
}

.entry-count-wrapper.popup-horizontal.entry-open
  .entry-count-wrap.count.LEFT_BOTTOM
  .entry-arrow,
.entry-count-wrapper.popup-horizontal.entry-open
  .entry-count-wrap.count.LEFT_MIDDLE
  .entry-arrow,
.entry-count-wrapper.popup-horizontal.entry-open
  .entry-count-wrap.count.LEFT_TOP
  .entry-arrow {
  right: 0;
  transform: rotate(90deg);
}

.entry-count-wrapper.popup-horizontal.entry-open
  .entry-count-wrap.count.LEFT_BOTTOM
  .entry-close,
.entry-count-wrapper.popup-horizontal.entry-open
  .entry-count-wrap.count.LEFT_MIDDLE
  .entry-close,
.entry-count-wrapper.popup-horizontal.entry-open
  .entry-count-wrap.count.LEFT_TOP
  .entry-close {
  right: 0.23rem;
  left: auto;
}

.entry-count-wrapper.popup-horizontal.entry-open
  .entry-count-wrap.count
  .swiper-container-wrapper {
  max-width: 6.4rem;
  max-height: none;
  flex-direction: row;
  justify-content: flex-start;
  padding: 0 0.2rem;
  position: relative;
  background: transparent;
  box-shadow: none;
}

.entry-count-wrapper.popup-horizontal.entry-open
  .entry-count-wrap.count
  .swiper-container-wrapper:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1.2rem;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.7);
  box-shadow: 0.02rem 0.04rem 0.28rem 0 rgba(0, 0, 0, 0.25);
  border-radius: 0.8rem;
}

.entry-count-wrapper.popup-horizontal.entry-open
  .entry-count-wrap.count
  .swiper-container {
  height: 100%;
  width: 100%;
}

.entry-count-wrapper.popup-horizontal.entry-open
  .entry-count-wrap.count
  .swiper-container
  .swiper-wrapper {
  flex-direction: row;
  min-height: 0;
  min-width: 1.2rem;
}

.entry-count-wrapper.popup-horizontal.entry-open
  .entry-count-wrap.count
  .swiper-nav
  .swiper-button-prev {
  top: 50%;
  bottom: auto;
  left: 0.47rem;
  right: auto;
  transform: translateY(-50%);
}

.entry-count-wrapper.popup-horizontal.entry-open
  .entry-count-wrap.count
  .swiper-nav
  .swiper-button-prev
  span:before {
  transform: rotate(270deg);
}

.entry-count-wrapper.popup-horizontal.entry-open
  .entry-count-wrap.count
  .swiper-nav
  .swiper-button-next {
  bottom: auto;
  top: 50%;
  left: auto;
  right: 0.47rem;
  transform: translateY(-50%);
}

.entry-count-wrapper.popup-horizontal.entry-open
  .entry-count-wrap.count
  .swiper-nav
  .swiper-button-next
  span:before {
  transform: rotate(90deg);
}

.entry-count-wrapper.popup-horizontal.entry-open
  .entry-count-wrap.count
  .swiper-slide {
  min-width: 1.2rem;
  min-height: 1.5rem;
  width: 1.2rem;
  justify-content: flex-start;
  align-items: center;
}

.entry-count-wrapper.popup-horizontal.entry-open
  .entry-count-wrap.count
  .swiper-slide
  .item-img {
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: 1.02rem 1.02rem;
  background-position: 50%;
}

.entry-count-wrapper.popup-horizontal.entry-open
  .entry-count-wrap.count
  .swiper-slide
  .item-img
  img {
  width: 1.02rem;
  height: 1.02rem;
}

.entry-count-wrapper.popup-horizontal
  .entry-count-wrap.RIGHT_BOTTOM
  .entry-arrow,
.entry-count-wrapper.popup-horizontal
  .entry-count-wrap.RIGHT_MIDDLE
  .entry-arrow,
.entry-count-wrapper.popup-horizontal .entry-count-wrap.RIGHT_TOP .entry-arrow {
  top: 0;
  bottom: 0;
  margin: auto;
  right: auto;
  left: -0.48rem;
  transform: rotate(90deg);
}

.entry-count-wrapper.popup-horizontal
  .entry-count-wrap.LEFT_BOTTOM
  .entry-arrow,
.entry-count-wrapper.popup-horizontal
  .entry-count-wrap.LEFT_MIDDLE
  .entry-arrow,
.entry-count-wrapper.popup-horizontal .entry-count-wrap.LEFT_TOP .entry-arrow {
  top: 0;
  bottom: 0;
  margin: auto;
  left: auto;
  right: -0.48rem;
  transform: rotate(270deg);
}

.entry-count-wrapper.popup-horizontal .entry-count-wrap .mc-vendor-item .time {
  color: #e0a7f3;
  text-align: center;
  -webkit-text-stroke-width: 0.5px;
  -webkit-text-stroke-color: #8c5f9c;
  font-size: 0.2rem;
  font-weight: 700;
  text-transform: uppercase;
}

.entry-count-wrapper.popup-vertical.entry-open .entry-count-wrap.count {
  animation: growDown 1s ease-in-out forwards;
}

.entry-count-wrapper.popup-vertical.entry-open .entry-count-wrap.count.default,
.entry-count-wrapper.popup-vertical.entry-open
  .entry-count-wrap.count.LEFT_MIDDLE,
.entry-count-wrapper.popup-vertical.entry-open .entry-count-wrap.count.LEFT_TOP,
.entry-count-wrapper.popup-vertical.entry-open
  .entry-count-wrap.count.RIGHT_MIDDLE,
.entry-count-wrapper.popup-vertical.entry-open
  .entry-count-wrap.count.RIGHT_TOP {
  transform-origin: top center;
}

.entry-count-wrapper.popup-vertical.entry-open
  .entry-count-wrap.count.LEFT_MIDDLE,
.entry-count-wrapper.popup-vertical.entry-open
  .entry-count-wrap.count.RIGHT_MIDDLE {
  transform-origin: center center;
}

.entry-count-wrapper.popup-vertical.entry-open
  .entry-count-wrap.count.LEFT_BOTTOM,
.entry-count-wrapper.popup-vertical.entry-open
  .entry-count-wrap.count.RIGHT_BOTTOM {
  transform-origin: bottom center;
}

.entry-count-wrapper.entry-open
  .entry-count-wrap.count
  .swiper-container-wrapper {
  padding: 0.35rem 0.1rem;
  border-radius: 0.8rem;
  background: rgba(0, 0, 0, 0.7);
  box-shadow: 0.02rem 0.04rem 0.28rem 0 rgba(0, 0, 0, 0.25);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-height: 8rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
}

.entry-count-wrapper.entry-open .entry-count-wrap.count .swiper-container {
  width: 100%;
  height: calc(100% - 0.7rem);
}

.entry-count-wrapper.entry-open
  .entry-count-wrap.count
  .swiper-container
  .swiper-wrapper {
  display: flex;
  flex-direction: column;
}

.entry-count-wrapper.entry-open
  .entry-count-wrap.count
  .swiper-nav
  .swiper-button-next,
.entry-count-wrapper.entry-open
  .entry-count-wrap.count
  .swiper-nav
  .swiper-button-prev {
  position: absolute;
  width: 0.4rem;
  height: 0.4rem;
  background: none;
}

.entry-count-wrapper.entry-open
  .entry-count-wrap.count
  .swiper-nav
  .swiper-button-next:after,
.entry-count-wrapper.entry-open
  .entry-count-wrap.count
  .swiper-nav
  .swiper-button-prev:after {
  display: none;
}

.entry-count-wrapper.entry-open
  .entry-count-wrap.count
  .swiper-nav
  .swiper-button-next
  span,
.entry-count-wrapper.entry-open
  .entry-count-wrap.count
  .swiper-nav
  .swiper-button-prev
  span {
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0.03529rem 0.03529rem rgba(0, 0, 0, 0.25);
  display: flex;
  justify-content: center;
  align-items: center;
}

.entry-count-wrapper.entry-open
  .entry-count-wrap.count
  .swiper-nav
  .swiper-button-next
  span:before,
.entry-count-wrapper.entry-open
  .entry-count-wrap.count
  .swiper-nav
  .swiper-button-prev
  span:before {
  position: absolute;
  content: "";
  width: 0.17rem;
  height: 0.19rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAUCAMAAAAweHR+AAAAsVBMVEUAAAD/TwD/ZAD/XwD/UAD/UgD/gAD/kAD/PgH/WgD/YAD/cAD/aAD/VQD/VgD/SAD/dwH/hwH/SQD/hwD/TgH/iAD/TAH/UAD/OgD/QAD/hgD/TQD/OQD/igD/VQD/UAD/PAD/gAD/UAD/QAD/WwD/UwD/TwD/WAD/VQD/hwD/VgD/iwD/SQD/jwH/RQD/gwD/eAD/cwD/bQD/ZwD/TQD/fgD/YgD/XwD/QQD/PQD/fQDim9LPAAAAJHRSTlMAICDf399/gN/fgH9/f9/fgH9/QO7fz5CAf3BwcGBgUEAQEBBA+Yr1AAAA1ElEQVQoz4XQZw+CMBCA4cOBA3DvPWipBXEhw///w7xCDCnL91OTPrlrCpnOm8UBqlPaURQt/5AwDF13VElczHGccqT08drzPEqpUU7wujEnjHFuFJOGRwlpKmBYJtYtJChYT8FjNwh839cLCGHc6iAR6CXS84RbZr0GSfpTpMmkybgpyC/tIdJkYsUkbXAXDWQSxCRNfWMfNTdFRjeRKj8329C+YGpCWEqkWlfbti9DgBnFMR0kheiKs8YwQSO+rhytYE1JTyLZdVPcsd+doLzx9ghf/EscbS6wMVsAAAAASUVORK5CYII=)
    no-repeat 50% / contain;
}

.entry-count-wrapper.entry-open
  .entry-count-wrap.count
  .swiper-nav
  .swiper-button-next.swiper-button-disabled,
.entry-count-wrapper.entry-open
  .entry-count-wrap.count
  .swiper-nav
  .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}

.entry-count-wrapper.entry-open
  .entry-count-wrap.count
  .swiper-nav
  .swiper-button-prev {
  top: -0.2rem;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.entry-count-wrapper.entry-open
  .entry-count-wrap.count
  .swiper-nav
  .swiper-button-next {
  bottom: -0.2rem;
  top: auto;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.entry-count-wrapper.entry-open
  .entry-count-wrap.count
  .swiper-nav
  .swiper-button-next
  span:before {
  transform: rotate(180deg);
}

.entry-count-wrapper.popup-open .entry-count-wrap.count .mc-vendor-item {
  opacity: 0.6;
}

.entry-count-wrapper.popup-open .entry-count-wrap.count .mc-vendor-item.on {
  opacity: 1;
}

.entry-count-wrap {
  position: fixed;
  z-index: 100010;
  text-align: center;
  touch-action: none !important;
}

.entry-count-wrap .entry-close {
  position: absolute;
  top: -0.45rem;
  left: -0.23rem;
  color: #868686;
  z-index: 99;
  cursor: pointer;
}

.entry-count-wrap .entry-arrow {
  width: 0.43rem;
  height: 0.43rem;
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: url(/mobile/mc/icon-arrow.69e03ac0.png) no-repeat 50% / contain;
  transition: transform 0.3s ease;
  transform: rotate(180deg);
}

.entry-count-wrap .entry-arrow.open {
  transform: rotate(0deg);
}

.entry-count-wrap.LEFT_TOP,
.entry-count-wrap.RIGHT_TOP {
  bottom: calc((100 * var(--vh, 1vh) - 1rem) / 2 - 0.44rem);
}

.entry-count-wrap.LEFT_TOP .entry-arrow,
.entry-count-wrap.RIGHT_TOP .entry-arrow {
  bottom: -0.48rem;
  transform: rotate(0deg);
}

.entry-count-wrap.LEFT_TOP .entry-arrow.open,
.entry-count-wrap.RIGHT_TOP .entry-arrow.open {
  transform: rotate(180deg);
  bottom: -0.75rem;
}

.entry-count-wrap.LEFT_TOP.open-entry,
.entry-count-wrap.RIGHT_TOP.open-entry {
  bottom: 1.21rem;
}

.entry-count-wrap.LEFT_MIDDLE,
.entry-count-wrap.RIGHT_MIDDLE {
  bottom: calc((100 * var(--vh, 1vh) - 1rem) / 3 - 0.44rem);
}

.entry-count-wrap.LEFT_MIDDLE .entry-arrow,
.entry-count-wrap.RIGHT_MIDDLE .entry-arrow {
  top: -0.48rem;
}

.entry-count-wrap.LEFT_MIDDLE .entry-arrow.open,
.entry-count-wrap.RIGHT_MIDDLE .entry-arrow.open {
  top: -0.75rem;
}

.entry-count-wrap.default,
.entry-count-wrap.LEFT_BOTTOM,
.entry-count-wrap.RIGHT_BOTTOM {
  bottom: calc((100 * var(--vh, 1vh) - 1rem) / 6 - 0.44rem);
}

.entry-count-wrap.default .entry-arrow,
.entry-count-wrap.LEFT_BOTTOM .entry-arrow,
.entry-count-wrap.RIGHT_BOTTOM .entry-arrow {
  top: -0.48rem;
}

.entry-count-wrap.default .entry-arrow.open,
.entry-count-wrap.LEFT_BOTTOM .entry-arrow.open,
.entry-count-wrap.RIGHT_BOTTOM .entry-arrow.open {
  top: -0.75rem;
}

.entry-count-wrap.default.open-entry,
.entry-count-wrap.LEFT_BOTTOM.open-entry,
.entry-count-wrap.RIGHT_BOTTOM.open-entry {
  bottom: 1.21rem;
}

.entry-count-wrap.LEFT_BOTTOM,
.entry-count-wrap.LEFT_MIDDLE,
.entry-count-wrap.LEFT_TOP {
  left: 0.2rem;
}

.entry-count-wrap.LEFT_BOTTOM .entry-close,
.entry-count-wrap.LEFT_MIDDLE .entry-close,
.entry-count-wrap.LEFT_TOP .entry-close {
  right: -0.23rem;
  left: auto;
}

.entry-count-wrap.default,
.entry-count-wrap.RIGHT_BOTTOM,
.entry-count-wrap.RIGHT_MIDDLE,
.entry-count-wrap.RIGHT_TOP {
  right: 0.2rem;
}

.entry-count-wrap img {
  width: 100%;
}

.entry-count-wrap .gift {
  width: 1.2rem;
  height: 1.2rem;
  background: url(/mobile/mc/gift.4aee3023.png) no-repeat 50% / contain;
  text-align: center;
  color: #fff;
  font-size: 0.2rem;
  margin: 0 auto;
  position: relative;
}

.entry-count-wrap .gift .gift-txt {
  position: absolute;
  width: 1.2rem;
  height: 0.35rem;
  left: 0;
  bottom: 0.18rem;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.entry-count-wrap .gift.disable {
  color: hsla(0, 0%, 100%, 0.3);
  width: 1.2rem;
  height: 1.2rem;
  padding-top: 1.05rem;
}

.entry-count-wrap.count .swiper-container {
  width: 1.2rem;
}

.entry-count-wrap.count .swiper-container .swiper-wrapper {
  padding: 0;
}

.entry-count-wrap.count .swiper-slide {
  width: 100%;
  padding: 0 0.03rem;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.entry-count-wrap.count .swiper-slide .item-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}

.entry-count-wrap.count .swiper-slide .item-img {
  width: 1.2rem;
  height: 1.2rem;
}

.entry-count-wrap.count .swiper-slide .item-img img {
  width: 1.2rem;
  height: 1.2rem;
  aspect-ratio: 1/1;
  object-fit: contain;
}

.entry-count-wrap.count .swiper-slide.DEFAULT .item-img {
  background: url(/mobile/mc/red_bag.c2e55343.png) no-repeat top/contain;
}

.entry-count-wrap.count .swiper-slide.RAFFLE .item-img {
  background: url(/mobile/mc/RAFFLE.ef7e5d39.gif) no-repeat top/contain;
}

.entry-count-wrap.count .swiper-slide.GOLDEN_EGG .item-img {
  background: url(/mobile/mc/GOLDEN_EGG.d36ac7d8.gif) no-repeat top/contain;
}

.entry-count-wrap.count .swiper-slide.CASH_VOUCHER .item-img {
  background: url(/mobile/mc/CASH_VOUCHER.b37c4bf2.gif) no-repeat top/contain;
}

.entry-count-wrap.count .swiper-slide.PRIZE_WHEEL .item-img {
  background: url(/mobile/mc/PRIZE_WHEEL.3d6fc75d.gif) no-repeat top/contain;
}

.entry-count-wrap.count .swiper-slide.MISSION .item-img {
  background: url(/mobile/mc/MISSION.535df0cf.gif) no-repeat top/contain;
}

.entry-count-wrap.count .swiper-slide.LOGIN .item-img {
  background: url(/mobile/mc/LOGIN.724ad6e2.webp) no-repeat top/contain;
}

.entry-count-wrap.count .swiper-slide.REGISTER .item-img {
  background: url(/mobile/mc/REGISTER.9c03bc73.webp) no-repeat top/contain;
}

.entry-count-wrap.count .swiper-slide.GIFT_CODE .item-img {
  background: url(/mobile/mc/GIFT_CODE.508939b8.webp) no-repeat top/contain;
}

.entry-count-wrap.count .swiper-slide.FREE_SPIN .item-img {
  background: url(/mobile/mc/FREE_SPIN.05967890.gif) no-repeat top/contain;
}

.entry-count-wrap.count .swiper-slide.TEMU .item-img {
  background: url(/mobile/mc/TEMU.772745bd.gif) no-repeat top/contain;
}

.entry-count-wrap.count .swiper-slide.PROMOCODE .item-img {
  background: url(/mobile/mc/PromoCode.43905811.png) no-repeat top/contain;
}

.entry-count-wrap.count .swiper-slide.EXTRA_REWARD .item-img {
  background: url(/mobile/mc/EXTRA_REWARD.55ed4214.webp) no-repeat top/contain;
}

.entry-count-wrap.count .swiper-slide.ACHIEVEMENT .item-img {
  background: url(/mobile/mc/ACHIEVEMENT.9cbe3738.png) no-repeat top/contain;
}

.entry-count-wrap.count .swiper-slide.TREASURE .item-img {
  background: url(/mobile/mc/TREASHRE.2e6a409f.webp) no-repeat top/contain;
}

.entry-count-wrap.count i {
  position: absolute;
  top: 0.12rem;
  right: 0.08rem;
  padding: 0.05rem 0.5em;
  background: linear-gradient(180deg, #ff5841, #fe0425);
  color: #fff;
  font-style: normal;
  font-size: 0.26rem;
  border-radius: 1em;
}

.entry-count-wrap .countdown-label {
  text-align: center;
  color: #e0a7f3;
  font-size: 0.2rem;
  font-weight: 700;
}

.entry-count-wrap .mc-vendor-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.entry-count-wrap .mc-vendor-item .time {
  text-align: center;
  color: #e0a7f3;
  font-size: 0.2rem;
  font-weight: 700;
}

.entry-count-wrap .mc-vendor-item .unread-dot {
  position: absolute;
  top: 0.05rem;
  right: 0;
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 50%;
  background: rgba(255, 0, 0, 0.9);
  box-shadow: inset 0 0.04rem 0.04rem 0 hsla(0, 0%, 100%, 0.25);
  -webkit-backdrop-filter: blur(0.15rem);
  backdrop-filter: blur(0.15rem);
}

.dark .entry-count-wrap.count {
  width: 1.8rem;
  height: 1.8rem;
  background: url(/mobile/mc/gift_dark.03110695.gif) no-repeat;
  background-size: 100% 100%;
}

.dark .entry-count-wrap.count div:before {
  box-shadow: 0 0.04rem 0.2093rem 0.0207rem hsla(0, 0%, 51%, 0.3) !important;
}

.dark .entry-count-wrap.count svg {
  color: hsla(0, 0%, 100%, 0.4) !important;
  cursor: pointer;
}

@keyframes growDown {
  0% {
    transform: scaleY(0);
    opacity: 0;
  }
  80% {
    transform: scaleY(1.05);
    opacity: 1;
  }
  to {
    transform: scaleY(1);
  }
}

@keyframes growLeft {
  0% {
    transform: scaleX(0);
    opacity: 0;
  }
  80% {
    transform: scaleX(1.05);
    opacity: 1;
  }
  to {
    transform: scaleX(1);
  }
}

.am-modal.payment-modal {
  width: 6.6rem !important;
  font-weight: bolder;
}

.am-modal.payment-modal .am-modal-content {
  padding-bottom: 0.35rem;
}

.am-modal.payment-modal .am-modal-title {
  font-size: 0.36rem;
  color: #797979;
}

.am-modal.payment-modal .am-modal-body {
  padding: 0 0.42rem !important;
  font-size: 0.24rem;
}

.am-modal.payment-modal .am-modal-button-group-h {
  margin: 0 1.15rem;
  justify-content: space-between;
  border-top: none;
}

.am-modal.payment-modal .am-modal-button {
  width: 1.9rem;
  height: 0.5rem;
  line-height: 0.5rem;
  display: inline-block;
  background-color: #797979;
  flex: unset;
  border-radius: 0.25rem;
  font-size: 0.24rem;
  color: #fff;
}

.am-modal.payment-modal .am-modal-button:last-child {
  background-color: #ec2529;
}

.payment-confirm p.upload-please {
  margin-top: unset;
  font-size: 0.24rem;
}

.payment-confirm p.upload-please img {
  width: 0.32rem;
  height: 0.32rem;
  margin-right: 0.18rem;
}

.payment-confirm .upload-container {
  margin-top: 0.1rem;
  margin-bottom: 0.4rem;
  padding-bottom: 0.15rem;
  min-height: 1.3rem;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #fbfbfb;
}

.payment-confirm .upload-container label {
  position: absolute;
  top: 0;
  height: 0.42rem;
  line-height: 0.42rem;
}

.payment-confirm .upload-container label span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 2.5rem;
  display: inline-block;
  position: absolute;
  left: 0;
  text-align: left;
}

.payment-confirm .upload-container > div {
  position: relative;
  margin: 0 auto;
  width: 4.58rem;
  height: 0.42rem;
  background-color: #fff;
  border-radius: 0.21rem;
  border: 1px solid #cdcdcd;
  display: flex;
  justify-content: space-between;
}

.payment-confirm .upload-container > div .upload-font {
  padding: 0.2rem;
  color: #cdcdcd;
  font-size: 0.16rem;
}

.payment-confirm .upload-container > div .upload-button {
  width: 1.48rem;
  height: 0.42rem;
  line-height: 0.42rem;
  background-color: #797979;
  border-radius: 0.21rem;
  text-align: center;
  font-size: 0.2rem;
  color: #fff;
}

.payment-confirm .upload-container > div svg {
  position: relative;
  top: 0.1rem;
}

.payment-confirm input {
  opacity: 0;
  width: 100%;
  position: absolute;
  height: 100% !important;
  z-index: 10;
  top: 0;
}

.payment-confirm .payment-data {
  margin: 0.37rem 0;
}

.payment-confirm .payment-data > p {
  display: grid;
  grid-template-columns: 50% 50%;
}

.payment-confirm .payment-data > p span:first-child {
  text-align: right;
}

.payment-confirm .payment-data > p span:last-child {
  text-align: left;
  padding-left: 0.4rem;
}

.payment-confirm #previewImg,
.payment-confirm .upload-content,
.payment-confirm .upload-please,
.payment-confirm svg {
  color: #fd2f2f;
}

.payment-confirm .upload-please {
  padding: 0.14rem 0;
  margin-top: unset;
}

.payment-confirm #previewImg {
  width: 2.5rem;
}

.countdown-strip-block {
  margin: 0.1rem 0 0;
  font-size: 0.11rem;
  font-weight: 800;
}

.countdown-strip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 0.4rem;
  padding: 0 0.18rem;
  background: linear-gradient(
    90deg,
    rgba(174, 14, 14, 0),
    rgba(174, 14, 14, 0.5) 25%,
    #ae0e0e 50%,
    rgba(174, 14, 14, 0.5) 75%,
    rgba(174, 14, 14, 0)
  );
  border-radius: 0.14rem;
}

.pre-reg-glow-countdown__digits {
  font-size: 0.22rem;
  font-weight: 800;
  color: #fff;
  letter-spacing: 0.06em;
  white-space: nowrap;
  text-shadow:
    0 0 0.06rem rgba(255, 60, 60, 0.95),
    0 0 0.14rem rgba(255, 30, 30, 0.85);
}

.pre-register-session-mask {
  position: fixed;
  inset: 0;
  z-index: 111112;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.24rem 0.16rem;
  background: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(0.055rem);
  backdrop-filter: blur(0.055rem);
}

.pre-register-session-dialog {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  min-height: 4.88rem;
  max-width: 6rem;
  padding: 0;
  padding-top: 1.24rem;
  overflow: visible;
  text-align: center;
  background: #0f172a;
  border: 1px solid #334155;
  border-radius: 0.14rem;
  box-shadow: 0 0.08rem 0.32rem rgba(0, 0, 0, 0.45);
}

.pre-register-hero-wrap {
  position: absolute;
  top: -1.45rem;
  left: 50%;
  transform: translateX(-50%);
}

.pre-register-hero-wrap:after {
  position: absolute;
  inset: 50% 0 0;
  pointer-events: none;
  content: "";
  background: linear-gradient(
    180deg,
    rgba(15, 23, 42, 0),
    rgba(15, 23, 42, 0.18) 28%,
    rgba(15, 23, 42, 0.52) 72%,
    #0f172a
  );
}

.pre-register-hero {
  display: block;
  width: 4.17rem;
  max-height: min(44vh, 2.6rem);
  object-fit: contain;
  object-position: center top;
}

.pre-register-session-body {
  padding: 0.18rem 0.22rem 0.16rem;
  display: flex;
  flex-direction: column;
  gap: 0.22rem;
}

.dialog-heading {
  margin: 0 0 0.1rem;
  word-break: break-word;
  font-size: 0.4rem;
  font-weight: 800;
  color: #fff;
  text-align: center;
  text-shadow:
    -1px -1px 0 #3b82f6,
    1px -1px 0 #3b82f6,
    -1px 1px 0 #3b82f6,
    1px 1px 0 #3b82f6;
}

.dialog-result {
  font-size: 0.22rem;
  margin-bottom: 0.11rem;
  background: hsla(0, 0%, 100%, 0.05);
  border: 0.75px solid #334155;
  border-radius: 0.1rem;
  padding: 0.22rem 0;
}

.dialog-result.sub {
  background: none;
  border: none;
}

.pre-register-session-close {
  position: absolute;
  top: -0.4rem;
  right: -0.4rem;
  z-index: 3;
  padding: 0.04rem;
  cursor: pointer;
  background: transparent;
  border: none;
}

.pre-register-session-close .am-icon {
  width: 0.32rem;
  height: 0.32rem;
  color: #fff;
}

.intro-text {
  word-wrap: break-word;
}

.intro-text,
.pre-register-reward-extra {
  margin: 0 0 0.05rem;
  font-size: 0.22rem;
  font-weight: 700;
  line-height: 1.55;
  color: #fff;
  text-align: center;
}

.pre-register-reward-extra {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.08rem;
}

.pre-register-reward-extra .title-wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0 0.04rem;
  font-size: 0.24rem;
  font-weight: 700;
  line-height: 1.3;
  color: #fff;
  text-align: center;
}

.pre-register-reward-extra .title-wrap:before {
  position: absolute;
  z-index: -1;
  -webkit-text-stroke: 0.02rem #ffb30b;
  content: attr(data-stroke);
}

.pre-register-ticket-icon {
  width: 0.48rem;
  height: 0.48rem;
  object-fit: contain;
}

.primary-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 3.86rem;
  min-height: 0.52rem;
  padding: 0 0.2rem;
  margin: 0 auto;
  font-size: 0.24rem;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
  background: linear-gradient(180deg, #60a5fa, #3b82f6);
  border: none;
  border-radius: 9.99rem;
}

.primary-cta[disabled] {
  color: #94a3b8;
  cursor: not-allowed;
  background: #475569;
  opacity: 1;
}

.cash-voucher-wrap {
  display: inline-block;
  text-align: center;
  margin: 0 auto;
  position: fixed;
  z-index: 100029;
  height: 100%;
  width: 100%;
  top: 0;
}

.cash-voucher-wrap.cash-mask:before {
  position: fixed;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  z-index: 100011;
}

.cash-voucher-wrap .return-btn {
  position: absolute;
  top: 0.25rem;
  left: 0.5rem;
  z-index: 100012;
}

.cash-voucher-wrap .return-btn svg {
  fill: #fff;
}

.cash-voucher-wrap .cash-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 100011;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  overflow: hidden;
}

.cash-voucher-wrap .cash-content .cash-box {
  position: relative;
}

.cash-voucher-wrap .cash-content .cash-box:before {
  position: absolute;
  content: "";
  width: 6.9rem;
  height: 6.45rem;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: url(/mobile/mc/circle-light.164510c5.png) no-repeat 50% / contain;
  animation: spinWheel 5s infinite linear;
  z-index: -1;
}

.cash-voucher-wrap .cash-title {
  font-size: 0.72rem;
  color: #fef0d6;
  text-shadow: 0 0.05rem 0 #992105;
  margin-bottom: 0.17rem;
  font-weight: 700;
}

.cash-voucher-wrap .cash-box {
  width: 6.9rem;
  height: 6.45rem;
  margin: 0 auto;
  background: url(/mobile/mc/cash-box.a7b29b48.webp) no-repeat 50% / contain;
}

.cash-voucher-wrap .cash-box.open {
  background: url(/mobile/mc/cash-box-open-stop.7ccb3b82.png) no-repeat 50% /
    contain;
  animation: boxOpen 2s;
  position: relative;
  display: flex;
  justify-content: center;
}

.cash-voucher-wrap .cash-box .claim-info {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 3.61rem;
  text-align: center;
  width: 50%;
}

.cash-voucher-wrap .cash-box .claim-info .claim-title {
  font-size: 0.3rem;
  color: #891b00;
}

.cash-voucher-wrap .cash-box .claim-info .claim-item {
  font-size: 0.34rem;
  color: #9c4f2e;
  text-align: center;
}

.cash-voucher-wrap .cash-box .claim-info .amount-balance-common {
  display: inline-flex;
}

.cash-voucher-wrap .claim-btn {
  min-width: 4.3rem;
  height: 0.68rem;
  margin-top: 0.12rem;
  font-size: 0.32rem;
  color: #d63000;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: transparent linear-gradient(180deg, #fff, #f7c163 50%, #f2b03e) 0
    0 no-repeat padding-box;
  border-radius: 0.34rem;
}

.cash-voucher-wrap .claim-btn.close {
  color: #b1b1b1;
  background: transparent linear-gradient(180deg, #9f9f9f, #6c6c6c 50%, #383838)
    0 0 no-repeat padding-box;
}

.cash-voucher-wrap .close-button {
  width: 0.6rem;
  height: 0.6rem;
  display: inline-block;
  border: 0.04rem solid #cbcbcb;
  border-radius: 50%;
  position: relative;
}

.cash-voucher-wrap .close-button:after {
  width: 0.25rem;
  height: 0;
  border: 1px solid #cbcbcb;
  content: "";
  position: absolute;
  right: 0.12rem;
  z-index: 99;
  top: 48%;
  transform: rotate(45deg);
}

.cash-voucher-wrap .close-button:before {
  width: 0.25rem;
  height: 0;
  border: 1px solid #cbcbcb;
  content: "";
  position: absolute;
  right: 0.12rem;
  z-index: 99;
  top: 48%;
  transform: rotate(-45deg);
}

.progress-wrapper {
  width: 100%;
}

.progress-wrapper .money-wrapper {
  height: 0.72rem;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  position: relative;
  margin-bottom: 0.18rem;
}

.progress-wrapper .money-wrapper .money-current-item {
  position: relative;
  padding: 0 0.12rem 0 0.87rem;
  font-size: 0.7rem;
  font-weight: 700;
  color: #fff;
  display: flex;
  height: 100%;
  gap: 0.12rem;
}

.progress-wrapper .money-wrapper .money-current-item:before {
  position: absolute;
  content: "";
  width: 0.75rem;
  height: 0.72rem;
  left: 0;
  background: url(/mobile/mc/money.6fc6e424.png) no-repeat 50% / contain;
}

.progress-wrapper .money-wrapper .money-item {
  font-size: 0.32rem;
  font-weight: 700;
  position: relative;
  padding-left: 0.24rem;
}

.progress-wrapper .money-wrapper .money-item:before {
  position: absolute;
  content: "/";
  left: 0;
}

.progress-wrapper .get-info {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.24rem;
  margin: 0.3rem 0 0.2rem;
}

.progress-wrapper .get-info .info-num {
  font-size: 0.3rem;
  color: #ffcf00;
  position: relative;
  padding: 0 0.14rem;
}

.progress-wrapper .get-info .info-num:before {
  position: absolute;
  content: "!!";
  right: -0.14rem;
  color: #fff;
  font-size: 0.24rem;
}

@keyframes boxOpen {
  0% {
    background: url(/mobile/mc/cash-box-open.1545ea8a.webp) no-repeat 50% /
      contain;
  }
  to {
    background: url(/mobile/mc/cash-box-open-stop.7ccb3b82.png) no-repeat 50% /
      contain;
  }
}

.free-spin-wrap {
  position: relative;
}

.free-spin-wrap:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: url(/mobile/mc/free-spin-coin.0536c7fb.gif) no-repeat 50% /
    contain;
  z-index: 1;
}

.free-spin-wrap .free-box-wrap {
  width: 7.5rem;
  height: 6.25rem;
  margin: 0 auto;
  background: url(/mobile/mc/free-spin-box.6e4de562.webp) no-repeat top/contain;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0.94rem;
  gap: 0.37rem;
}

.free-spin-wrap .free-box-wrap .free-box-title {
  width: 2.2rem;
  max-width: 100%;
  height: 0.6rem;
  padding: 0 0.1rem;
  border-radius: 0.18rem;
  font-size: 0.28rem;
  color: #ffcc8d;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.free-spin-wrap .free-box-wrap .free-box-title label {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
}

.free-spin-wrap .free-box-wrap .free-box-imgs {
  --ticket-max-size: 2.3rem;
  --ticket-gap: 0.06rem;
  max-width: 5.2rem;
  height: 100%;
  display: flex;
  gap: var(--ticket-gap);
  align-items: center;
  justify-content: center;
  width: 100%;
  max-height: var(--ticket-max-size);
}

.free-spin-wrap .free-box-wrap .free-box-imgs .free-box-img {
  position: relative;
  display: flex;
  flex: 1 1 0%;
  align-items: center;
  justify-content: center;
  width: min(var(--ticket-max-size), 100%);
  max-width: var(--ticket-max-size);
  aspect-ratio: 1;
  height: auto;
  max-height: var(--ticket-max-size);
  overflow: hidden;
}

.free-spin-wrap .free-box-wrap .free-box-imgs .free-box-img:after {
  position: absolute;
  inset: 0;
  content: "";
  background: url(/mobile/mc/free-spin-game-bg.2c14b1da.png) no-repeat 50% /
    contain;
}

.free-spin-wrap .free-box-wrap .free-box-imgs .free-box-img img {
  position: relative;
  z-index: 1;
  display: block;
  width: 82%;
  height: 82%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.free-spin-wrap
  .free-box-wrap
  .free-box-imgs:has(.free-box-img:nth-child(2):last-child)
  .free-box-img {
  width: min(var(--ticket-max-size), (100% - var(--ticket-gap))/2);
}

.free-spin-wrap
  .free-box-wrap
  .free-box-imgs:has(.free-box-img:nth-child(3))
  .free-box-img {
  width: min(var(--ticket-max-size), (100% - var(--ticket-gap) * 2)/3);
}

.free-spin-wrap .claim-btn-wrapper {
  width: 100%;
  gap: 0.17rem;
  position: relative;
  z-index: 2;
  flex: 1 1 0%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 0.4rem;
}

.free-spin-wrap .claim-btn-wrapper.has-desc .claim-btn {
  margin: 0 0 0 0.63rem;
}

.free-spin-wrap .free-box-name {
  height: 0.6rem;
  background: #4d4d4d 0 0 no-repeat padding-box;
  border-radius: 0.3rem;
  color: #acacac;
  font-size: 0.2rem;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.free-spin-wrap .free-box-name label {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
}

@supports (-webkit-line-clamp: 2) {
  .free-spin-wrap .free-box-name label {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}

.free-spin-wrap .claim-btn {
  min-width: 4.3rem;
  height: 0.68rem;
  font-size: 0.32rem;
  color: #d63000;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: transparent linear-gradient(180deg, #fff, #f7c163 50%, #f2b03e) 0
    0 no-repeat padding-box;
  border-radius: 0.34rem;
}

.free-spin-wrap .claim-btn.close {
  color: #b1b1b1;
  background: transparent linear-gradient(180deg, #9f9f9f, #6c6c6c 50%, #383838)
    0 0 no-repeat padding-box;
}

.free-spin-wrap .claim-tip-icon {
  background: transparent linear-gradient(180deg, #fbffe8, #9ee870 52%, #29904d)
    0 0 no-repeat padding-box;
  box-shadow: 0 0.03rem 0.06rem #00000029;
  border-radius: 0.16rem;
  width: 0.56rem;
  height: 0.56rem;
  color: #35690b;
  font-weight: 600;
  font-size: 0.34rem;
  position: relative;
}

.free-spin-wrap .claim-tip-icon:before {
  position: absolute;
  left: 0;
  right: 0;
  content: "?";
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal-free-spin .am-modal-content {
  max-height: 90vh;
  max-height: calc(var(--vh, 1vh) * 90);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.modal-free-spin .am-modal-header {
  padding: 0.03rem 0.51rem 0.3rem;
}

.modal-free-spin .am-modal-body {
  padding: 0 0.51rem;
  flex: 1 1 0%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.modal-free-spin .am-modal-body img {
  max-width: 100%;
}

.modal-free-spin .modal-spin-info {
  flex: 1 1 0%;
  font-size: 0.24rem;
  color: #6e6e6e;
  overflow-y: auto;
  list-style: none;
}

.modal-free-spin .am-modal-button {
  border-top: none;
  width: -webkit-max-content;
  width: max-content;
  height: 0.64rem;
  padding: 0 0.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.2rem;
  background: #fd2f2f;
  font-size: 0.3rem;
  font-weight: 900;
  color: #fff;
  margin: 0 auto 0.33rem;
}

.free-spin-popup-wrapper {
  position: fixed;
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  top: 0;
  z-index: 100030;
  display: flex;
  justify-content: center;
  align-items: center;
}

.free-spin-popup-wrapper:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  z-index: 100011;
}

.free-spin-popup-wrapper .free-spin-popup {
  position: absolute;
  z-index: 100012;
  width: 6.5rem;
  max-height: 85vh;
  max-height: calc(var(--vh, 1vh) * 85);
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #2c2c2c 0 0 no-repeat padding-box;
  border-radius: 0.2rem;
  padding: 0.2rem 0.3rem 0.56rem;
}

.free-spin-popup-wrapper .close-btn {
  align-self: flex-end;
  position: relative;
  top: auto;
  right: auto;
}

.free-spin-popup-wrapper .close-btn svg {
  width: 0.44rem;
  height: 0.44rem;
}

.free-spin-popup-wrapper .popup-title {
  margin-top: 0.09rem;
  width: 5rem;
  min-height: 0.68rem;
  border: 0.02rem solid #9a9a9a;
  border-radius: 0.34rem;
  font-size: 0.28rem;
  line-height: 0.34rem;
  padding: 0.1rem;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.free-spin-popup-wrapper .popup-info {
  margin: 0.15rem 0.5rem 0.19rem;
  color: #ff4c45;
  font-size: 0.2rem;
  line-height: 0.28rem;
}

.free-spin-popup-wrapper .popup-list-wrapper {
  flex: 1 1 0%;
  overflow-y: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 0.26rem 0.16rem;
  padding: 0 0.16rem;
}

.free-spin-popup-wrapper .popup-list-wrapper .popup-item {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc(33% - 0.09rem);
  display: flex;
  flex-direction: column;
  gap: 0.12rem;
}

.free-spin-popup-wrapper .popup-list-wrapper .popup-item .free-box-img {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 2.3rem;
  max-height: 2.3rem;
  aspect-ratio: 1;
  margin: 0 auto;
  overflow: hidden;
}

.free-spin-popup-wrapper .popup-list-wrapper .popup-item .free-box-img:after {
  position: absolute;
  inset: 0;
  content: "";
  background: url(/mobile/mc/free-spin-game-bg.2c14b1da.png) no-repeat 50% /
    contain;
}

.free-spin-popup-wrapper .popup-list-wrapper .popup-item .free-box-img img {
  position: relative;
  z-index: 1;
  display: block;
  width: 82%;
  height: 82%;
  object-fit: contain;
  aspect-ratio: 1/1;
}

.gift-code-wrap {
  display: inline-block;
  text-align: center;
  margin: 0 auto;
  position: fixed;
  z-index: 100029;
  height: 100%;
  width: 100%;
  top: 0;
}

.gift-code-wrap.cash-mask:before {
  position: fixed;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  z-index: 100011;
}

.gift-code-wrap .return-btn {
  position: absolute;
  top: 0.25rem;
  left: 0.5rem;
  z-index: 100012;
}

.gift-code-wrap .return-btn svg {
  fill: #fff;
}

.gift-code-wrap .cash-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 100011;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  overflow: hidden;
}

.gift-code-wrap .cash-content .gift-box {
  position: relative;
}

.gift-code-wrap .cash-content .gift-box:before {
  position: absolute;
  content: "";
  width: 6.9rem;
  height: 6.45rem;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: url(/mobile/mc/giftCode-default-shine.4f815d06.png) no-repeat
    50% / contain;
  animation: lightRotate 2.5s infinite alternate linear;
  z-index: -1;
}

.gift-code-wrap .cash-title {
  font-size: 0.72rem;
  color: #fef0d6;
  text-shadow: 0 0.05rem 0 #992105;
  margin-bottom: 0.17rem;
  font-weight: 700;
}

.gift-code-wrap .gift-box {
  width: 6.9rem;
  height: 6.45rem;
  margin: 0 auto;
  background: url(/mobile/mc/giftCode-default.5690a47d.webp) no-repeat 50% /
    contain;
}

.gift-code-wrap .gift-box.open {
  background: url(/mobile/mc/giftCode-open.286cab77.png) no-repeat 50% / contain;
  position: relative;
}

.gift-code-wrap .gift-box.open:before {
  animation:
    rotate 3s infinite linear,
    open 1s;
  z-index: auto;
  background: url(/mobile/mc/giftCode-open-shine.cc1ebe43.png) no-repeat 50% /
    contain;
}

.gift-code-wrap .gift-box .claim-info {
  flex-direction: column;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  text-align: center;
  width: 100%;
  padding: 0.3rem;
  border-radius: 0.1rem;
  background: linear-gradient(
    270deg,
    hsla(0, 0%, 100%, 0),
    hsla(0, 0%, 100%, 0.6) 50%,
    hsla(0, 0%, 100%, 0)
  );
  -webkit-backdrop-filter: blur(0.03rem);
  backdrop-filter: blur(0.03rem);
  justify-content: center;
}

.gift-code-wrap .gift-box .claim-info .claim-title {
  font-size: 0.3rem;
}

.gift-code-wrap .gift-box .claim-info .claim-item {
  position: relative;
  font-size: 0.34rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.gift-code-wrap .gift-box .claim-info .claim-item .gift {
  font-size: 0.48rem;
  font-weight: 900;
  text-shadow: 0 0.05rem 0.09rem rgba(0, 0, 0, 0.41);
  color: #000;
}

.gift-code-wrap .gift-box .claim-info .claim-item .claim-image {
  width: 4.2rem;
  height: auto;
  max-height: 4.2rem;
  margin-bottom: 0.2rem;
}

.gift-code-wrap .gift-box .claim-info .claim-item .stroke-content {
  -webkit-text-stroke: 0.02rem #fff;
  -webkit-text-fill-color: #000;
}

.gift-code-wrap .gift-box .claim-info .claim-item .claim-image {
  min-height: 1rem;
}

.gift-code-wrap .gift-box .claim-info .claim-item .claim-loss {
  display: block;
  background-image: url(/mobile/mc/loss-message.a24c607c.png);
  background-size: contain;
  background-repeat: no-repeat;
  min-width: 1.4rem;
  min-height: 1.41rem;
  margin-bottom: 0.1rem;
}

.gift-code-wrap .gift-box .claim-info .claim-item .stroke-loss {
  text-shadow: 0 0.05rem 0.09rem rgba(0, 0, 0, 0.41);
}

.gift-code-wrap .gift-box .claim-info .claim-item .gift-btn {
  margin-top: 0.2rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  padding: 0.12rem 0.5rem;
  font-size: 0.32rem;
  justify-content: center;
  align-items: center;
  border-radius: 0.7rem;
  border: 0.03rem solid #ffd269;
  background: linear-gradient(180deg, #a9f62e, #1fa91b);
  box-shadow:
    0 0.08rem 0.13rem 0 rgba(0, 0, 0, 0.6),
    0 0.03rem 0 0 rgba(0, 0, 0, 0.25),
    inset 0 0.03rem 0.09rem 0 #446a0d,
    inset 0 0.05rem 0.14rem 0 #d7ff98,
    inset 0 -0.04rem 0.03rem 0 #2f7209;
  color: #fff;
  -webkit-text-stroke-width: 0.02rem;
  -webkit-text-stroke-color: #2f7539;
  font-weight: 900;
}

.gift-code-wrap .gift-box .claim-info .claim-item .claim-code-title {
  color: #000;
  text-align: center;
  font-size: 0.6rem;
  font-weight: 900;
  text-transform: uppercase;
}

.gift-code-wrap .gift-box .claim-info .claim-item .claim-content,
.gift-code-wrap .gift-box .claim-info .claim-item .loss-content {
  color: #000;
  text-align: center;
  text-shadow: 0 0.05rem 0.09rem rgba(0, 0, 0, 0.41);
  font-size: 0.48rem;
  font-weight: 900;
}

.gift-code-wrap .gift-box .claim-info .claim-item .loss-content {
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  font-size: 0.24rem;
}

.gift-code-wrap .gift-box .claim-info .claim-item .loss-content.stroke-content {
  -webkit-text-stroke: 0.5px #fff;
  -webkit-text-fill-color: #000;
}

.gift-code-wrap .claim-btn {
  padding: 0.12rem 0;
  height: 0.68rem;
  margin-top: 0.12rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: transparent linear-gradient(180deg, #fff, #f7c163 50%, #f2b03e) 0
    0 no-repeat padding-box;
  border-radius: 0.34rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #fff;
  text-align: right;
  font-size: 0.32rem;
  font-weight: 900;
}

.gift-code-wrap .claim-btn.close {
  color: #b1b1b1;
  background: transparent linear-gradient(180deg, #9f9f9f, #6c6c6c 50%, #383838)
    0 0 no-repeat padding-box;
}

.gift-code-wrap .close-button {
  width: 0.6rem;
  height: 0.6rem;
  display: inline-block;
  border: 0.04rem solid #cbcbcb;
  border-radius: 50%;
  position: relative;
}

.gift-code-wrap .close-button:after {
  width: 0.25rem;
  height: 0;
  border: 1px solid #cbcbcb;
  content: "";
  position: absolute;
  right: 0.12rem;
  z-index: 99;
  top: 48%;
  transform: rotate(45deg);
}

.gift-code-wrap .close-button:before {
  width: 0.25rem;
  height: 0;
  border: 1px solid #cbcbcb;
  content: "";
  position: absolute;
  right: 0.12rem;
  z-index: 99;
  top: 48%;
  transform: rotate(-45deg);
}

.progress-wrapper {
  width: 100%;
}

.progress-wrapper .money-wrapper {
  height: 0.72rem;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  position: relative;
  margin-bottom: 0.18rem;
}

.progress-wrapper .money-wrapper .money-current-item {
  position: relative;
  padding: 0 0.12rem 0 0.87rem;
  font-size: 0.7rem;
  font-weight: 700;
  color: #fff;
  display: flex;
  height: 100%;
  gap: 0.12rem;
}

.progress-wrapper .money-wrapper .money-current-item:before {
  position: absolute;
  content: "";
  width: 0.75rem;
  height: 0.72rem;
  left: 0;
  background: url(/mobile/mc/money.6fc6e424.png) no-repeat 50% / contain;
}

.progress-wrapper .money-wrapper .money-item {
  font-size: 0.32rem;
  font-weight: 700;
  position: relative;
  padding-left: 0.24rem;
}

.progress-wrapper .money-wrapper .money-item:before {
  position: absolute;
  content: "/";
  left: 0;
}

.progress-wrapper .get-info {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.24rem;
  margin: 0.3rem 0 0.2rem;
}

.progress-wrapper .get-info .info-num {
  font-size: 0.3rem;
  color: #ffcf00;
  position: relative;
  padding: 0 0.14rem;
}

.progress-wrapper .get-info .info-num:before {
  position: absolute;
  content: "!!";
  right: -0.14rem;
  color: #fff;
  font-size: 0.24rem;
}

@keyframes lightRotate {
  0% {
    scale: 0.6;
    transform: rotate(0deg);
  }
  to {
    scale: 1;
    transform: rotate(1turn);
  }
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}

@keyframes open {
  0% {
    scale: 0;
  }
  to {
    scale: 1;
  }
}

@keyframes boxOpen {
  0% {
    background: url(/mobile/mc/cash-box-open.1545ea8a.webp) no-repeat 50% /
      contain;
  }
  to {
    background: url(/mobile/mc/cash-box-open-stop.7ccb3b82.png) no-repeat 50% /
      contain;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

@keyframes rain {
  0% {
    transform: translate3d(0, -100%, 0);
  }
  to {
    transform: translate3d(15%, 100%, 0);
  }
}

@keyframes chest-open {
  0% {
    opacity: 0;
    transform: translateX(-50%) rotate(0deg);
  }
  30% {
    opacity: 0.8;
    transform: translateX(-50%) rotate(15deg);
  }
  50% {
    opacity: 0.8;
    transform: translateX(-50%) rotate(-15deg);
  }
  to {
    opacity: 1;
    transform: translateX(-50%) rotate(0deg);
  }
}

@keyframes chest-coin-splash {
  0% {
    opacity: 0;
    transform: translateX(-50%) translateY(0.32rem) scale(0.5) rotate(-8deg);
  }
  65% {
    opacity: 1;
  }
  to {
    opacity: 1;
    transform: translateX(calc(-50% + var(--coin-x, 0)))
      translateY(var(--coin-y, 0)) scale(var(--coin-scale, 1))
      rotate(var(--coin-rotate, 0deg));
  }
}

@keyframes chest-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}

@keyframes treasure-fall {
  0% {
    transform: translate3d(0, -30vh, 0);
  }
  to {
    transform: translate3d(0, 110vh, 0);
  }
}

.red-envelope-wrap .rain {
  display: block;
  position: absolute;
  z-index: 190;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  transform: translate3d(0, -100%, 0);
  animation: rain linear infinite;
}

.red-envelope-wrap .rain.foreground {
  background: url(/mobile/mc/rain.30f1f75d.png) no-repeat;
  animation-duration: 5s;
  background-size: 100% auto;
}

.red-envelope-wrap .rain.second {
  background: url(/mobile/mc/rain.30f1f75d.png) no-repeat;
  animation-duration: 3s;
  animation-delay: 1.5s;
  background-size: 100% auto;
}

.red-envelope-wrap .rain.treasure-rain {
  height: 100vh;
  background: none;
  animation: none;
  transform: none;
  overflow: hidden;
}

.red-envelope-wrap .rain.treasure-rain .envelope {
  position: absolute;
  top: -10%;
  left: 0;
  width: 0.85rem;
  height: 0.85rem;
  pointer-events: none;
  animation: treasure-fall linear infinite;
  will-change: transform;
}

.red-envelope-wrap .rain.treasure-rain .envelope .envelope-treasure-face {
  display: block;
  width: 100%;
  height: 100%;
  background: url(/mobile/mc/treasure-box.6dddca97.png) 50% / contain no-repeat;
  animation: chest-spin 4s infinite linear;
}

.red-envelope-wrap .rain.treasure-rain .envelope:first-child {
  left: calc((100% - 2.2rem) * 0 / 14);
  animation-duration: 6.8s;
  animation-delay: -0.8s;
}

.red-envelope-wrap .rain.treasure-rain .envelope:nth-child(2) {
  left: calc((100% - 2.2rem) * 1 / 14);
  animation-duration: 6s;
  animation-delay: -1.6s;
}

.red-envelope-wrap .rain.treasure-rain .envelope:nth-child(3) {
  left: calc((100% - 2.2rem) * 2 / 14);
  animation-duration: 5.2s;
  animation-delay: -2.4s;
}

.red-envelope-wrap .rain.treasure-rain .envelope:nth-child(4) {
  left: calc((100% - 2.2rem) * 3 / 14);
  animation-duration: 4.4s;
  animation-delay: -3.2s;
}

.red-envelope-wrap .rain.treasure-rain .envelope:nth-child(5) {
  left: calc((100% - 2.2rem) * 4 / 14);
  animation-duration: 7.2s;
  animation-delay: -4s;
}

.red-envelope-wrap .rain.treasure-rain .envelope:nth-child(6) {
  left: calc((100% - 2.2rem) * 5 / 14);
  animation-duration: 6.4s;
  animation-delay: -0.4s;
}

.red-envelope-wrap .rain.treasure-rain .envelope:nth-child(7) {
  left: calc((100% - 2.2rem) * 6 / 14);
  animation-duration: 5.6s;
  animation-delay: -1.2s;
}

.red-envelope-wrap .rain.treasure-rain .envelope:nth-child(8) {
  left: calc((100% - 2.2rem) * 7 / 14);
  animation-duration: 4.8s;
  animation-delay: -2s;
}

.red-envelope-wrap .rain.treasure-rain .envelope:nth-child(9) {
  left: calc((100% - 2.2rem) * 8 / 14);
  animation-duration: 4s;
  animation-delay: -2.8s;
}

.red-envelope-wrap .rain.treasure-rain .envelope:nth-child(10) {
  left: calc((100% - 2.2rem) * 9 / 14);
  animation-duration: 6.8s;
  animation-delay: -3.6s;
}

.red-envelope-wrap .rain.treasure-rain .envelope:nth-child(11) {
  left: calc((100% - 2.2rem) * 10 / 14);
  animation-duration: 6s;
  animation-delay: 0s;
}

.red-envelope-wrap .rain.treasure-rain .envelope:nth-child(12) {
  left: calc((100% - 2.2rem) * 11 / 14);
  animation-duration: 5.2s;
  animation-delay: -0.8s;
}

.red-envelope-wrap .rain.treasure-rain .envelope:nth-child(13) {
  left: calc((100% - 2.2rem) * 12 / 14);
  animation-duration: 4.4s;
  animation-delay: -1.6s;
}

.red-envelope-wrap .rain.treasure-rain .envelope:nth-child(14) {
  left: calc((100% - 2.2rem) * 13 / 14);
  animation-duration: 7.2s;
  animation-delay: -2.4s;
}

.red-envelope-wrap .rain.treasure-rain .envelope:nth-child(15) {
  left: calc((100% - 2.2rem) * 14 / 14);
  animation-duration: 6.4s;
  animation-delay: -3.2s;
}

.red-envelope-wrap .red-envelope-rain-mask {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 12;
  top: 0;
  background: linear-gradient(
    4deg,
    rgba(0, 0, 0, 0.65),
    rgba(40, 40, 40, 0.65)
  );
}

.red-envelope-wrap .amount-modal,
.red-envelope-wrap .ing-modal,
.red-envelope-wrap .wait-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 9999999;
}

.red-envelope-wrap .amount-modal .red-envelope-rain-mask,
.red-envelope-wrap .ing-modal .red-envelope-rain-mask,
.red-envelope-wrap .wait-modal .red-envelope-rain-mask {
  background: rgba(0, 0, 0, 0.85);
}

.red-envelope-wrap .amount-modal .red-envelope-rain-title,
.red-envelope-wrap .ing-modal .red-envelope-rain-title,
.red-envelope-wrap .wait-modal .red-envelope-rain-title {
  position: relative;
  z-index: 99;
  display: block;
  width: 100%;
}

.red-envelope-wrap .amount-modal .red-envelope-rain-title > img,
.red-envelope-wrap .ing-modal .red-envelope-rain-title > img,
.red-envelope-wrap .wait-modal .red-envelope-rain-title > img {
  position: relative;
  height: auto;
  right: 0;
  top: 0;
  width: 100%;
}

.red-envelope-wrap .amount-modal .countdown,
.red-envelope-wrap .ing-modal .countdown,
.red-envelope-wrap .wait-modal .countdown {
  text-align: center;
  z-index: 99;
  position: relative;
}

.red-envelope-wrap .amount-modal .countdown > h3,
.red-envelope-wrap .ing-modal .countdown > h3,
.red-envelope-wrap .wait-modal .countdown > h3 {
  font-weight: 700;
  color: #fff;
  font-size: 0.48rem;
}

.red-envelope-wrap .amount-modal .countdown > h4,
.red-envelope-wrap .ing-modal .countdown > h4,
.red-envelope-wrap .wait-modal .countdown > h4 {
  font-weight: 500;
  color: #fff;
  margin-top: 0.4rem;
  font-size: 0.3rem;
}

.red-envelope-wrap .amount-modal .countdown > h4 > .text-label,
.red-envelope-wrap .ing-modal .countdown > h4 > .text-label,
.red-envelope-wrap .wait-modal .countdown > h4 > .text-label {
  display: inline-block;
  vertical-align: middle;
}

.red-envelope-wrap .amount-modal .countdown > h4 > .second-label,
.red-envelope-wrap .ing-modal .countdown > h4 > .second-label,
.red-envelope-wrap .wait-modal .countdown > h4 > .second-label {
  display: inline-block;
  vertical-align: middle;
  font-weight: 700;
  font-size: 0.48rem;
  color: #ffea00;
  padding: 0 0.3em;
}

.red-envelope-wrap .amount-modal .countdown > p,
.red-envelope-wrap .ing-modal .countdown > p,
.red-envelope-wrap .wait-modal .countdown > p {
  font-weight: 700;
  font-family:
    SF Pro Display,
    SF Pro Icons,
    AOS Icons,
    Helvetica Neue For Number,
    Roboto Mono,
    PingFang SC,
    Arial,
    sans-serif;
  margin-top: 0.4rem;
  color: #ffea00;
  font-size: 4rem;
}

.red-envelope-wrap .amount-modal .red-envelope-rain-amount,
.red-envelope-wrap .ing-modal .red-envelope-rain-amount,
.red-envelope-wrap .wait-modal .red-envelope-rain-amount {
  min-height: 4rem;
  width: 90%;
  position: absolute;
  left: 50%;
  top: 50%;
  text-align: center;
  z-index: 99;
  transform: translate(-50%, -40%);
  font-size: 0.16rem;
}

.red-envelope-wrap .amount-modal .red-envelope-rain-amount.zoomIn,
.red-envelope-wrap .ing-modal .red-envelope-rain-amount.zoomIn,
.red-envelope-wrap .wait-modal .red-envelope-rain-amount.zoomIn {
  animation: zoomIn 1s forwards linear;
}

.red-envelope-wrap .amount-modal .red-envelope-rain-amount .amount-bg,
.red-envelope-wrap .ing-modal .red-envelope-rain-amount .amount-bg,
.red-envelope-wrap .wait-modal .red-envelope-rain-amount .amount-bg {
  width: 100%;
}

.red-envelope-wrap .amount-modal .red-envelope-rain-amount .close-amount,
.red-envelope-wrap .ing-modal .red-envelope-rain-amount .close-amount,
.red-envelope-wrap .wait-modal .red-envelope-rain-amount .close-amount {
  width: 0.8rem;
  height: 0.8rem;
  margin-top: 0.6rem;
  margin-left: 0.22rem;
}

.red-envelope-wrap .amount-modal .red-envelope-rain-amount div,
.red-envelope-wrap .ing-modal .red-envelope-rain-amount div,
.red-envelope-wrap .wait-modal .red-envelope-rain-amount div {
  text-align: center;
}

.red-envelope-wrap .amount-modal .red-envelope-rain-amount .amount-container,
.red-envelope-wrap .ing-modal .red-envelope-rain-amount .amount-container,
.red-envelope-wrap .wait-modal .red-envelope-rain-amount .amount-container {
  position: absolute;
  left: 50%;
  top: 30%;
  width: 100%;
  color: #b27008;
  transform: translate(-50%, -50%);
}

.red-envelope-wrap
  .amount-modal
  .red-envelope-rain-amount
  .amount-container
  .message,
.red-envelope-wrap
  .ing-modal
  .red-envelope-rain-amount
  .amount-container
  .message,
.red-envelope-wrap
  .wait-modal
  .red-envelope-rain-amount
  .amount-container
  .message {
  margin-bottom: 0.3rem;
  max-width: 64%;
  text-align: center;
  margin: 0 auto;
}

.red-envelope-wrap
  .amount-modal
  .red-envelope-rain-amount
  .amount-container
  span,
.red-envelope-wrap .ing-modal .red-envelope-rain-amount .amount-container span,
.red-envelope-wrap
  .wait-modal
  .red-envelope-rain-amount
  .amount-container
  span {
  font-size: 0.8rem;
  font-weight: 700;
}

.red-envelope-wrap .amount-modal .red-envelope-rain-amount.treasure,
.red-envelope-wrap .ing-modal .red-envelope-rain-amount.treasure,
.red-envelope-wrap .wait-modal .red-envelope-rain-amount.treasure {
  min-height: 0;
  width: min(92vw, 6.8rem);
  max-width: 6.8rem;
  height: 6.5rem;
  padding: 0 0.8rem;
  color: #fff3d2;
  transform: translate(-50%, -50%);
}

.red-envelope-wrap
  .amount-modal
  .red-envelope-rain-amount.treasure
  .treasure-body,
.red-envelope-wrap
  .amount-modal
  .red-envelope-rain-amount.treasure
  .treasure-head,
.red-envelope-wrap .ing-modal .red-envelope-rain-amount.treasure .treasure-body,
.red-envelope-wrap .ing-modal .red-envelope-rain-amount.treasure .treasure-head,
.red-envelope-wrap
  .wait-modal
  .red-envelope-rain-amount.treasure
  .treasure-body,
.red-envelope-wrap
  .wait-modal
  .red-envelope-rain-amount.treasure
  .treasure-head {
  position: absolute;
  left: 50%;
  width: 100%;
  pointer-events: none;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  transform: translateX(-50%);
}

.red-envelope-wrap
  .amount-modal
  .red-envelope-rain-amount.treasure
  .treasure-body,
.red-envelope-wrap .ing-modal .red-envelope-rain-amount.treasure .treasure-body,
.red-envelope-wrap
  .wait-modal
  .red-envelope-rain-amount.treasure
  .treasure-body {
  bottom: 0;
  z-index: 2;
  width: 100%;
  height: auto;
  aspect-ratio: 685/327;
  background-image: url(/mobile/mc/box-body.d153225f.png);
}

.red-envelope-wrap
  .amount-modal
  .red-envelope-rain-amount.treasure
  .treasure-head,
.red-envelope-wrap .ing-modal .red-envelope-rain-amount.treasure .treasure-head,
.red-envelope-wrap
  .wait-modal
  .red-envelope-rain-amount.treasure
  .treasure-head {
  top: 0;
  z-index: 1;
  width: min(56.496350365%, 5.8rem);
  height: auto;
  aspect-ratio: 387/162;
  background-image: url(/mobile/mc/box-head.83f703c7.png);
  transform-origin: 50% 95%;
  animation: chest-open 1s ease-out forwards;
}

.red-envelope-wrap
  .amount-modal
  .red-envelope-rain-amount.treasure
  .treasure-coins,
.red-envelope-wrap
  .ing-modal
  .red-envelope-rain-amount.treasure
  .treasure-coins,
.red-envelope-wrap
  .wait-modal
  .red-envelope-rain-amount.treasure
  .treasure-coins {
  position: absolute;
  top: 15%;
  left: 50%;
  z-index: 3;
  width: min(100%, 8.6rem);
  height: 100%;
  pointer-events: none;
  transform: translateX(-50%) scale(0.85);
  transform-origin: top center;
}

.red-envelope-wrap
  .amount-modal
  .red-envelope-rain-amount.treasure
  .treasure-coins
  .treasure-coin,
.red-envelope-wrap
  .ing-modal
  .red-envelope-rain-amount.treasure
  .treasure-coins
  .treasure-coin,
.red-envelope-wrap
  .wait-modal
  .red-envelope-rain-amount.treasure
  .treasure-coins
  .treasure-coin {
  position: absolute;
  top: 4.64rem;
  left: 50%;
  width: 0.62rem;
  height: 0.62rem;
  background-image: url(/mobile/mc/box-coin.491b33fc.png);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  opacity: 0;
  animation: chest-coin-splash 0.8s var(--coin-delay, 0.55s)
    cubic-bezier(0.2, 0.82, 0.2, 1) both;
}

.red-envelope-wrap
  .amount-modal
  .red-envelope-rain-amount.treasure
  .treasure-coins
  .coin-1,
.red-envelope-wrap
  .ing-modal
  .red-envelope-rain-amount.treasure
  .treasure-coins
  .coin-1,
.red-envelope-wrap
  .wait-modal
  .red-envelope-rain-amount.treasure
  .treasure-coins
  .coin-1 {
  --coin-delay: 0.52s;
  --coin-x: -3.04rem;
  --coin-y: -4.96rem;
  --coin-scale: 0.5;
  --coin-rotate: -126deg;
  -webkit-filter: blur(1px);
  filter: blur(1px);
}

.red-envelope-wrap
  .amount-modal
  .red-envelope-rain-amount.treasure
  .treasure-coins
  .coin-2,
.red-envelope-wrap
  .ing-modal
  .red-envelope-rain-amount.treasure
  .treasure-coins
  .coin-2,
.red-envelope-wrap
  .wait-modal
  .red-envelope-rain-amount.treasure
  .treasure-coins
  .coin-2 {
  --coin-delay: 0.58s;
  --coin-x: -2.6rem;
  --coin-y: -2.16rem;
  --coin-scale: 0.85;
  --coin-rotate: -12deg;
}

.red-envelope-wrap
  .amount-modal
  .red-envelope-rain-amount.treasure
  .treasure-coins
  .coin-3,
.red-envelope-wrap
  .ing-modal
  .red-envelope-rain-amount.treasure
  .treasure-coins
  .coin-3,
.red-envelope-wrap
  .wait-modal
  .red-envelope-rain-amount.treasure
  .treasure-coins
  .coin-3 {
  --coin-delay: 0.62s;
  --coin-x: -2.96rem;
  --coin-y: 0.56rem;
  --coin-scale: 1.5;
  --coin-rotate: -70deg;
}

.red-envelope-wrap
  .amount-modal
  .red-envelope-rain-amount.treasure
  .treasure-coins
  .coin-4,
.red-envelope-wrap
  .ing-modal
  .red-envelope-rain-amount.treasure
  .treasure-coins
  .coin-4,
.red-envelope-wrap
  .wait-modal
  .red-envelope-rain-amount.treasure
  .treasure-coins
  .coin-4 {
  --coin-delay: 0.66s;
  --coin-x: 2.8rem;
  --coin-y: -5.12rem;
  --coin-scale: 0.7;
  --coin-rotate: -26deg;
}

.red-envelope-wrap
  .amount-modal
  .red-envelope-rain-amount.treasure
  .treasure-coins
  .coin-5,
.red-envelope-wrap
  .ing-modal
  .red-envelope-rain-amount.treasure
  .treasure-coins
  .coin-5,
.red-envelope-wrap
  .wait-modal
  .red-envelope-rain-amount.treasure
  .treasure-coins
  .coin-5 {
  --coin-delay: 0.7s;
  --coin-x: 3rem;
  --coin-y: 0.36rem;
  --coin-scale: 0.7;
  --coin-rotate: -70deg;
  -webkit-filter: blur(0.02rem);
  filter: blur(0.02rem);
}

.red-envelope-wrap
  .amount-modal
  .red-envelope-rain-amount.treasure
  .treasure-coins
  .coin-6,
.red-envelope-wrap
  .ing-modal
  .red-envelope-rain-amount.treasure
  .treasure-coins
  .coin-6,
.red-envelope-wrap
  .wait-modal
  .red-envelope-rain-amount.treasure
  .treasure-coins
  .coin-6 {
  --coin-delay: 0.75s;
  --coin-x: 2.64rem;
  --coin-y: -2.4rem;
  --coin-scale: 1.15;
  --coin-rotate: 120deg;
}

.red-envelope-wrap
  .amount-modal
  .red-envelope-rain-amount.treasure
  .treasure-coins
  .coin-7,
.red-envelope-wrap
  .ing-modal
  .red-envelope-rain-amount.treasure
  .treasure-coins
  .coin-7,
.red-envelope-wrap
  .wait-modal
  .red-envelope-rain-amount.treasure
  .treasure-coins
  .coin-7 {
  --coin-delay: 0.64s;
  --coin-x: 1.24rem;
  --coin-y: 1.12rem;
  --coin-scale: 1.5;
  --coin-rotate: -120deg;
}

.red-envelope-wrap
  .amount-modal
  .red-envelope-rain-amount.treasure
  .amount-container,
.red-envelope-wrap
  .ing-modal
  .red-envelope-rain-amount.treasure
  .amount-container,
.red-envelope-wrap
  .wait-modal
  .red-envelope-rain-amount.treasure
  .amount-container {
  position: absolute;
  top: 2.18rem;
  left: 50%;
  width: 100%;
  color: #fff;
  transform: translateX(-50%);
  display: flex;
  z-index: 4;
  flex-direction: column;
  align-items: center;
}

.red-envelope-wrap
  .amount-modal
  .red-envelope-rain-amount.treasure
  .amount-container
  .amount-area,
.red-envelope-wrap
  .ing-modal
  .red-envelope-rain-amount.treasure
  .amount-container
  .amount-area,
.red-envelope-wrap
  .wait-modal
  .red-envelope-rain-amount.treasure
  .amount-container
  .amount-area {
  display: flex;
  gap: 0.04rem;
}

.red-envelope-wrap
  .amount-modal
  .red-envelope-rain-amount.treasure
  .amount-container
  .message,
.red-envelope-wrap
  .ing-modal
  .red-envelope-rain-amount.treasure
  .amount-container
  .message,
.red-envelope-wrap
  .wait-modal
  .red-envelope-rain-amount.treasure
  .amount-container
  .message {
  margin: 0 auto;
  max-width: 80%;
  font-size: 0.32rem;
  font-weight: 700;
  line-height: 1;
}

.red-envelope-wrap
  .amount-modal
  .red-envelope-rain-amount.treasure
  .amount-container
  span,
.red-envelope-wrap
  .ing-modal
  .red-envelope-rain-amount.treasure
  .amount-container
  span,
.red-envelope-wrap
  .wait-modal
  .red-envelope-rain-amount.treasure
  .amount-container
  span {
  display: flex;
  align-items: center;
  font-size: 0.24rem;
  font-weight: 800;
  line-height: 1;
}

.red-envelope-wrap
  .amount-modal
  .red-envelope-rain-amount.treasure
  .close-amount,
.red-envelope-wrap .ing-modal .red-envelope-rain-amount.treasure .close-amount,
.red-envelope-wrap
  .wait-modal
  .red-envelope-rain-amount.treasure
  .close-amount {
  position: absolute;
  bottom: -1.6rem;
  left: 50%;
  margin: 0;
  transform: translateX(-50%);
}

.red-envelope-wrap .ing-modal .countdown,
.red-envelope-wrap .wait-modal .countdown {
  margin-top: 0.9rem;
}

.red-envelope-wrap .ing-modal .countdown > p,
.red-envelope-wrap .wait-modal .countdown > p {
  line-height: 1;
}

.ticket-game-wrap {
  width: 100%;
}

.ticket-game-wrap .red-envelope-wrapper {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.ticket-game-wrap .red-envelope-wrapper .red-envelope-img {
  width: 6.9rem;
  height: 6.45rem;
  background: url(/mobile/mc/ticket-type-redenvelope.4170bcbf.webp) no-repeat
    top/contain;
  margin: 0 auto;
}

.ticket-game-wrap .red-envelope-wrapper.treasure .red-envelope-img {
  background-image: url(/mobile/mc/trerasure.f0ea721f.webp);
}

.ticket-game-wrap .gold-egg-wrapper {
  width: 100%;
  margin: 0.32rem 0 0;
}

.ticket-game-wrap .gold-egg-wrapper .getEgg_container {
  width: 100%;
  text-align: center;
}

.ticket-game-wrap
  .gold-egg-wrapper
  .getEgg_container
  .ticket_message.messageOpen {
  transform: translate(-50%, -50%) scale(0.8);
}

.ticket-game-wrap
  .gold-egg-wrapper
  .getEgg_container
  .ticket_message.messageOpen
  .lossMessage {
  color: #332b28 !important;
}

.ticket-game-wrap .gold-egg-wrapper .gold_egg_root {
  position: relative;
  height: auto;
}

.ticket-game-wrap .gold-egg-wrapper .gold_egg_root ul {
  top: auto;
  position: relative;
}

.ticket-game-wrap .gold-egg-wrapper .gold_egg_root ul li {
  margin: 0.05rem 0.18rem;
  position: relative;
  height: 1.8rem;
}

.ticket-game-wrap .gold-egg-wrapper .gold_egg_root ul .egg_root {
  position: relative;
  transform: scale(0.8);
}

.ticket-game-wrap .gold-egg-wrapper .gold_egg_root ul .egg_root:before {
  position: absolute;
  content: "";
  width: 2.96rem;
  height: 2.96rem;
  background: url(/mobile/mc/ticket-type-egg-bg.3da0cc6e.png) no-repeat
    top/contain;
  z-index: -1;
  bottom: -0.66rem;
  left: -0.7rem;
}

.ticket-game-wrap .gold-egg-wrapper .gold_egg_root ul .click-area {
  width: 1.2rem;
  height: 1.7rem;
  top: 0.1rem;
  left: 0.2rem;
  position: absolute;
  z-index: 100023;
}

.ticket-game-wrap .gold-egg-wrapper .gold_egg_root .claim-btn {
  margin: 0.3rem auto 0;
}

.ticket-game-wrap .gold-egg-wrapper .message_mask.messageOpen {
  top: 0;
}

.ticket-game-wrap .prize-wheel-wrapper {
  width: 100%;
  display: inline-block;
  text-align: center;
}

.ticket-game-wrap .prize-wheel-wrapper .wheel_container {
  position: relative;
  height: auto;
}

.ticket-game-wrap
  .prize-wheel-wrapper
  .wheel_container
  .message_mask.messageOpen {
  top: 0;
  background: rgba(0, 0, 0, 0.8);
}

.ticket-game-wrap .prize-wheel-wrapper .prize_wheel_root {
  position: relative;
  width: inherit;
  height: inherit;
}

.ticket-game-wrap .prize-wheel-wrapper .prize_wheel_root .wheel_bg {
  background: url(/mobile/mc/ticket-type-wheel.1fe93ce4.png) no-repeat 50% /
    contain;
  position: relative;
  width: 6.9rem;
  height: 6.45rem;
  margin: 0 auto;
}

.ticket-game-wrap .prize-wheel-wrapper .prize_wheel_root .wheel_bg:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 6.9rem;
  height: 6.45rem;
  background: url(/mobile/mc/ticket-type-wheel-bg.34e70cbb.png) no-repeat 50% /
    contain;
  z-index: -1;
  animation: spinWheel 5s infinite linear;
}

.ticket-game-wrap .prize-wheel-wrapper .prize_wheel_root .wheel_bg:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 6.9rem;
  height: 6.45rem;
  background: url(/mobile/mc/ticket-type-wheel-bg2.09b8c2e1.png) no-repeat 50% /
    contain;
  z-index: -1;
  animation: pointShow 2s infinite linear;
}

.ticket-game-wrap
  .prize-wheel-wrapper
  .prize_wheel_root
  .wheel_bg
  .wheel_content {
  top: 1.1rem;
  left: 0.05rem;
}

.ticket-game-wrap
  .prize-wheel-wrapper
  .prize_wheel_root
  .wheel_bg
  .wheel_content
  li.item-0
  .rewardItem {
  height: 25%;
}

.ticket-game-wrap
  .prize-wheel-wrapper
  .prize_wheel_root
  .wheel_bg
  .wheel_content
  li.item-0
  .rewardItem
  .prize_message {
  display: flex;
  flex-direction: row;
  transform: rotate(90deg);
  width: 1.25rem;
  color: #000;
}

.ticket-game-wrap
  .prize-wheel-wrapper
  .prize_wheel_root
  .wheel_bg
  .wheel_content
  li.item-0
  .rewardItem
  .prize_message
  span {
  font-size: 0.18rem;
  height: auto;
}

.ticket-game-wrap
  .prize-wheel-wrapper
  .prize_wheel_root
  .wheel_bg
  .wheel_content
  li.item-0
  .rewardItem
  .prize_message
  .prize_item {
  order: -1;
  max-width: 0.4rem;
  height: 0.32rem;
}

.ticket-game-wrap
  .prize-wheel-wrapper
  .prize_wheel_root
  .wheel_bg
  .wheel_content
  li.item-1
  .rewardItem {
  height: 25%;
}

.ticket-game-wrap
  .prize-wheel-wrapper
  .prize_wheel_root
  .wheel_bg
  .wheel_content
  li.item-1
  .rewardItem
  .prize_message {
  display: flex;
  flex-direction: row;
  transform: rotate(90deg);
  width: 1.25rem;
  color: #000;
}

.ticket-game-wrap
  .prize-wheel-wrapper
  .prize_wheel_root
  .wheel_bg
  .wheel_content
  li.item-1
  .rewardItem
  .prize_message
  span {
  font-size: 0.18rem;
  height: auto;
}

.ticket-game-wrap
  .prize-wheel-wrapper
  .prize_wheel_root
  .wheel_bg
  .wheel_content
  li.item-1
  .rewardItem
  .prize_message
  .prize_item {
  order: -1;
  max-width: 0.4rem;
  height: 0.32rem;
}

.ticket-game-wrap
  .prize-wheel-wrapper
  .prize_wheel_root
  .wheel_bg
  .wheel_content
  li.item-2
  .rewardItem {
  height: 25%;
}

.ticket-game-wrap
  .prize-wheel-wrapper
  .prize_wheel_root
  .wheel_bg
  .wheel_content
  li.item-2
  .rewardItem
  .prize_message {
  display: flex;
  flex-direction: row;
  transform: rotate(90deg);
  width: 1.25rem;
  color: #000;
}

.ticket-game-wrap
  .prize-wheel-wrapper
  .prize_wheel_root
  .wheel_bg
  .wheel_content
  li.item-2
  .rewardItem
  .prize_message
  span {
  font-size: 0.18rem;
  height: auto;
}

.ticket-game-wrap
  .prize-wheel-wrapper
  .prize_wheel_root
  .wheel_bg
  .wheel_content
  li.item-2
  .rewardItem
  .prize_message
  .prize_item {
  order: -1;
  max-width: 0.4rem;
  height: 0.32rem;
}

.ticket-game-wrap
  .prize-wheel-wrapper
  .prize_wheel_root
  .wheel_bg
  .wheel_content
  li.item-3
  .rewardItem {
  height: 25%;
}

.ticket-game-wrap
  .prize-wheel-wrapper
  .prize_wheel_root
  .wheel_bg
  .wheel_content
  li.item-3
  .rewardItem
  .prize_message {
  display: flex;
  flex-direction: row;
  transform: rotate(90deg);
  width: 1.25rem;
  color: #000;
}

.ticket-game-wrap
  .prize-wheel-wrapper
  .prize_wheel_root
  .wheel_bg
  .wheel_content
  li.item-3
  .rewardItem
  .prize_message
  span {
  font-size: 0.18rem;
  height: auto;
}

.ticket-game-wrap
  .prize-wheel-wrapper
  .prize_wheel_root
  .wheel_bg
  .wheel_content
  li.item-3
  .rewardItem
  .prize_message
  .prize_item {
  order: -1;
  max-width: 0.4rem;
  height: 0.32rem;
}

.ticket-game-wrap
  .prize-wheel-wrapper
  .prize_wheel_root
  .wheel_bg
  .wheel_content
  li.item-4
  .rewardItem {
  height: 25%;
}

.ticket-game-wrap
  .prize-wheel-wrapper
  .prize_wheel_root
  .wheel_bg
  .wheel_content
  li.item-4
  .rewardItem
  .prize_message {
  display: flex;
  flex-direction: row;
  transform: rotate(90deg);
  width: 1.25rem;
  color: #000;
}

.ticket-game-wrap
  .prize-wheel-wrapper
  .prize_wheel_root
  .wheel_bg
  .wheel_content
  li.item-4
  .rewardItem
  .prize_message
  span {
  font-size: 0.18rem;
  height: auto;
}

.ticket-game-wrap
  .prize-wheel-wrapper
  .prize_wheel_root
  .wheel_bg
  .wheel_content
  li.item-4
  .rewardItem
  .prize_message
  .prize_item {
  order: -1;
  max-width: 0.4rem;
  height: 0.32rem;
}

.ticket-game-wrap
  .prize-wheel-wrapper
  .prize_wheel_root
  .wheel_bg
  .wheel_content
  li.item-5
  .rewardItem {
  height: 25%;
}

.ticket-game-wrap
  .prize-wheel-wrapper
  .prize_wheel_root
  .wheel_bg
  .wheel_content
  li.item-5
  .rewardItem
  .prize_message {
  display: flex;
  flex-direction: row;
  transform: rotate(90deg);
  width: 1.25rem;
  color: #000;
}

.ticket-game-wrap
  .prize-wheel-wrapper
  .prize_wheel_root
  .wheel_bg
  .wheel_content
  li.item-5
  .rewardItem
  .prize_message
  span {
  font-size: 0.18rem;
  height: auto;
}

.ticket-game-wrap
  .prize-wheel-wrapper
  .prize_wheel_root
  .wheel_bg
  .wheel_content
  li.item-5
  .rewardItem
  .prize_message
  .prize_item {
  order: -1;
  max-width: 0.4rem;
  height: 0.32rem;
}

.ticket-game-wrap
  .prize-wheel-wrapper
  .prize_wheel_root
  .wheel_bg
  .wheel_content
  li.item-6
  .rewardItem {
  height: 25%;
}

.ticket-game-wrap
  .prize-wheel-wrapper
  .prize_wheel_root
  .wheel_bg
  .wheel_content
  li.item-6
  .rewardItem
  .prize_message {
  display: flex;
  flex-direction: row;
  transform: rotate(90deg);
  width: 1.25rem;
  color: #000;
}

.ticket-game-wrap
  .prize-wheel-wrapper
  .prize_wheel_root
  .wheel_bg
  .wheel_content
  li.item-6
  .rewardItem
  .prize_message
  span {
  font-size: 0.18rem;
  height: auto;
}

.ticket-game-wrap
  .prize-wheel-wrapper
  .prize_wheel_root
  .wheel_bg
  .wheel_content
  li.item-6
  .rewardItem
  .prize_message
  .prize_item {
  order: -1;
  max-width: 0.4rem;
  height: 0.32rem;
}

.ticket-game-wrap
  .prize-wheel-wrapper
  .prize_wheel_root
  .wheel_bg
  .wheel_content
  li.item-7
  .rewardItem {
  height: 25%;
}

.ticket-game-wrap
  .prize-wheel-wrapper
  .prize_wheel_root
  .wheel_bg
  .wheel_content
  li.item-7
  .rewardItem
  .prize_message {
  display: flex;
  flex-direction: row;
  transform: rotate(90deg);
  width: 1.25rem;
  color: #000;
}

.ticket-game-wrap
  .prize-wheel-wrapper
  .prize_wheel_root
  .wheel_bg
  .wheel_content
  li.item-7
  .rewardItem
  .prize_message
  span {
  font-size: 0.18rem;
  height: auto;
}

.ticket-game-wrap
  .prize-wheel-wrapper
  .prize_wheel_root
  .wheel_bg
  .wheel_content
  li.item-7
  .rewardItem
  .prize_message
  .prize_item {
  order: -1;
  max-width: 0.4rem;
  height: 0.32rem;
}

.ticket-game-wrap
  .prize-wheel-wrapper
  .prize_wheel_root
  .wheel_bg
  .start_wheel {
  width: 0.9rem;
  height: 1.22rem;
  bottom: 2.8rem;
  left: 3.05rem;
}

.ticket-game-wrap .prize-wheel-wrapper .prize_wheel_root .claim-btn {
  margin-top: -0.2rem;
}

.ticket-game-wrap .gift-code-wrapper {
  margin-top: 0;
}

.ticket-game-wrap .gift-code-wrapper .gift-code-wrap {
  position: relative;
}

.ticket-game-wrap .gift-code-wrapper .gift-code-wrap.cash-mask .cash-content {
  z-index: 100011;
}

.ticket-game-wrap .gift-code-wrapper .gift-code-wrap .cash-content {
  position: relative;
  z-index: auto;
}

.ticket-game-wrap
  .gift-code-wrapper
  .gift-code-wrap
  .cash-content
  .cash-box:before {
  top: 1rem;
}

.ticket-game-wrap .cash-voucher-wrapper {
  margin-top: -0.4rem;
}

.ticket-game-wrap .cash-voucher-wrapper .cash-voucher-wrap {
  position: relative;
}

.ticket-game-wrap
  .cash-voucher-wrapper
  .cash-voucher-wrap.cash-mask
  .cash-content {
  z-index: 100011;
}

.ticket-game-wrap .cash-voucher-wrapper .cash-voucher-wrap .cash-content {
  position: relative;
  z-index: auto;
}

.ticket-game-wrap
  .cash-voucher-wrapper
  .cash-voucher-wrap
  .cash-content
  .cash-box:before {
  top: 1rem;
}

.ticket-game-wrap .claim-btn {
  min-width: 3.52rem;
  margin-top: 0.1rem;
  font-size: 0.28rem;
  color: #d63000;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: transparent linear-gradient(180deg, #fff, #f7c163 50%, #f2b03e) 0
    0 no-repeat padding-box;
  height: 0.56rem;
  border-radius: 0.3rem;
}

@keyframes spinWheel {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}

@keyframes pointShow {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0.8;
  }
}

.ticket-list-item {
  width: 77%;
  border-radius: 0.13rem;
  display: flex;
  flex-direction: column;
  color: #fff;
}

.ticket-list-item.light .item-top-wrap {
  background:
    url(/mobile/mc/reward-bg.bc728363.png) no-repeat 50% / cover,
    linear-gradient(180deg, #ef5300, #ffab39);
}

.ticket-list-item.light .item-tag {
  background: #c60d0d 0 0 no-repeat padding-box;
}

.ticket-list-item.dark .item-top-wrap {
  background:
    url(/mobile/mc/reward-bg.bc728363.png) no-repeat 50% / cover,
    linear-gradient(180deg, #435f71, #99adc1);
}

.ticket-list-item.dark .item-tag {
  background: #1d336f 0 0 no-repeat padding-box;
}

.ticket-list-item.img-bg {
  background: none;
  position: relative;
  background: linear-gradient(
    180deg,
    rgba(120, 167, 255, 0),
    rgba(43, 95, 194, 0.1) 39.9%,
    rgba(4, 42, 116, 0.5) 60%,
    #2b5fc2 88.46%,
    #78a7ff
  );
}

.ticket-list-item.img-bg .item-top-wrap {
  background: none;
}

.ticket-list-item.img-bg .item-count {
  background: linear-gradient(
    90deg,
    hsla(0, 0%, 7%, 0),
    hsla(0, 0%, 7%, 0.18) 6%,
    hsla(0, 0%, 7%, 0.3) 50%,
    hsla(0, 0%, 7%, 0.18) 94%,
    hsla(0, 0%, 7%, 0)
  );
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  height: 0.32rem;
  padding: 0.02rem 0.2rem;
}

.ticket-list-item .img-bg-wrap {
  border-radius: 0.13rem;
  top: 0;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.ticket-list-item .img-bg-wrap img {
  width: 100%;
  object-fit: cover;
}

.ticket-list-item .item-top-wrap {
  min-height: 1.34rem;
  width: 100%;
  padding-right: 0.5rem;
  border-radius: 0.13rem 0.13rem 0 0;
}

.ticket-list-item .item-top-wrap.one-row {
  border-radius: 0.13rem;
}

.ticket-list-item .item-top-wrap .item-tag-wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  font-size: 0.22rem;
}

.ticket-list-item .item-top-wrap .item-tag {
  position: relative;
  min-width: 1.8rem;
  height: 0.45rem;
  border-radius: 0.13rem 0 0.4rem 0;
  display: flex;
  align-items: center;
}

.ticket-list-item .item-top-wrap .item-tag:before {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  display: block;
  margin: -0.175rem 0 0 -0.24rem;
}

.ticket-list-item .item-top-wrap .item-tag.RAFFLE:before {
  background: url(/mobile/mc/reward-redpacket.825dfd69.png) no-repeat 50% /
    contain;
}

.ticket-list-item .item-top-wrap .item-tag.RAFFLE.TREASURE:before {
  background: url(/mobile/mc/treasure-icon.624dd498.png) no-repeat 50% / contain;
}

.ticket-list-item .item-top-wrap .item-tag.CASH_VOUCHER:before {
  background: url(/mobile/mc/reward-cashbox.7df9a39d.png) no-repeat 50% /
    contain;
}

.ticket-list-item .item-top-wrap .item-tag.GOLDEN_EGG:before {
  background: url(/mobile/mc/reward-goldegg.b95b958e.png) no-repeat 50% /
    contain;
}

.ticket-list-item .item-top-wrap .item-tag.GIFT_CODE:before {
  background: url(/mobile/mc/reward-giftbox.26b3211e.png) no-repeat 50% /
    contain;
}

.ticket-list-item .item-top-wrap .item-tag.PRIZE_WHEEL:before {
  background: url(/mobile/mc/reward-wheel.7f68522b.png) no-repeat 50% / contain;
}

.ticket-list-item .item-top-wrap .item-tag.FREE_SPIN:before {
  background: url(/mobile/mc/free-spin.dc64570c.png) no-repeat 50% / contain;
}

.ticket-list-item .item-top-wrap .item-count .wysiwyg {
  display: flex;
  align-items: center;
  font-size: 0.22rem;
}

.ticket-list-item .item-top-wrap .item-count .wysiwyg .num {
  position: relative;
}

.ticket-list-item .item-top-content {
  display: flex;
  align-items: center;
  margin: 0.11rem 0 0.22rem;
}

.ticket-list-item .item-top-content .item-name {
  flex: 1 1 0%;
  font-size: 0.3rem;
  font-weight: 700;
  padding-left: 0.4rem;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
}

@supports (-webkit-line-clamp: 2) {
  .ticket-list-item .item-top-content .item-name {
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}

.ticket-list-item .item-top-content .ticket-usage-notice-trigger {
  margin: 0 0.12rem 0 0.1rem;
}

.ticket-list-item .item-top-content .item-claim {
  background: transparent linear-gradient(180deg, #ff5800, #ff3b00 30%, #e30000)
    0 0 no-repeat padding-box;
  box-shadow: 0 0.03rem 0.06rem #00000029;
  border-radius: 0.25rem;
  min-height: 0.5rem;
  width: 1.68rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  font-size: 0.24rem;
  padding: 0 0.15rem;
  text-align: center;
}

.ticket-list-item .item-top-content .item-claim.disabled {
  background: transparent linear-gradient(180deg, #818181, #716f6f 30%, #464444)
    0 0 no-repeat padding-box;
  color: #b2b2b2;
}

.ticket-list-item .item-bottom-wrap {
  width: 100%;
  background: #fff;
  border-radius: 0 0 0.13rem 0.13rem;
  min-height: 0.53rem;
  display: flex;
  flex-direction: column;
  position: relative;
}

.ticket-list-item .item-bottom-wrap:before {
  position: absolute;
  top: 0.19rem;
  right: 0.4rem;
  content: "";
  width: 0.26rem;
  height: 0.16rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAQBAMAAAD6/3KbAAAAJ1BMVEUAAABfX19gYGBeXl5fX19eXl5eXl5dXV1gYGBgYGBeXl5gYGBfX19vXCzzAAAADHRSTlMA8DCgn4DgYEAgbxBXTiavAAAAZUlEQVQI10XJrQ2AUAxF4RsIAgn6CWAOBIMwAiMgGIERGAP7En5Mh+KmpelxJx+0qjkQjXLFlCIyBfGIQcSgxtAoD4no1KInOnUoDI2g6IQfZyXDG0nJMPNIhrz1IRkuL+oN3rl/z0g2MqBkCMkAAAAASUVORK5CYII=)
    no-repeat 50% / contain;
  transform: rotate(180deg);
}

.ticket-list-item .item-bottom-wrap.on:before {
  transform: rotate(0deg);
}

.ticket-list-item .item-bottom-wrap .bottom-header {
  position: relative;
  flex: 1 1 0%;
  display: flex;
  align-items: center;
  font-size: 0.24rem;
  color: #5f5f5f;
  padding: 0 0.76rem 0 0.4rem;
}

.ticket-list-item .condition-wrapper {
  position: relative;
  z-index: 1;
}

.ticket-list-item .condition-wrapper .arrow-wrapper {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ticket-list-item .condition-wrapper .ticket-condition-wrap {
  overflow-y: unset;
}

.ticket-list-item
  .condition-wrapper
  .ticket-condition-wrap
  .ticket-condition-list {
  height: -webkit-max-content;
  height: max-content;
  max-height: -webkit-max-content;
  max-height: max-content;
  margin-top: 0.4rem;
  gap: initial;
}

.ticket-list-item
  .condition-wrapper
  .ticket-condition-wrap
  .ticket-condition-list
  .ticket-condition-item {
  background: transparent;
  color: #7c7c7c;
  font-size: 0.24rem;
  padding: 0.35rem 0;
  margin: 0 auto;
  width: 5.08rem;
  border-radius: 0;
  flex-direction: row;
  align-items: center;
  gap: 0.15rem;
}

.ticket-list-item
  .condition-wrapper
  .ticket-condition-wrap
  .ticket-condition-list
  .ticket-condition-item:not(:last-child) {
  border-bottom: 0.02rem solid #d3d3d3;
}

.ticket-list-item
  .condition-wrapper
  .ticket-condition-wrap
  .ticket-condition-list
  .ticket-condition-item
  .item-top {
  flex: 1 1 0%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.ticket-list-item
  .condition-wrapper
  .ticket-condition-wrap
  .ticket-condition-list
  .ticket-condition-item
  .item-top
  .condition-title {
  flex: 1 1 0%;
  display: flex;
  align-items: center;
}

.ticket-list-item
  .condition-wrapper
  .ticket-condition-wrap
  .ticket-condition-list
  .ticket-condition-item
  .item-top
  .progress-bar-wrapper {
  flex-direction: row;
  gap: 0.05rem;
}

.ticket-list-item
  .condition-wrapper
  .ticket-condition-wrap
  .ticket-condition-list
  .ticket-condition-item
  .item-top
  .progress-bar-wrapper
  .progress-bar {
  flex: 1 1 0%;
  width: -webkit-max-content;
  width: max-content;
}

.ticket-list-item
  .condition-wrapper
  .ticket-condition-wrap
  .ticket-condition-list
  .ticket-condition-item
  .item-top
  .item-data {
  flex: initial;
  font-size: 0.18rem;
  color: #404040;
}

.ticket-list-item
  .condition-wrapper
  .ticket-condition-wrap
  .ticket-condition-list
  .ticket-condition-item
  .condition-button {
  color: #fff;
  position: relative;
}

.ticket-list-item
  .condition-wrapper
  .ticket-condition-wrap
  .ticket-condition-list
  .ticket-condition-item
  .condition-button.done {
  border: 0.02rem solid #ff7c1c;
  background: transparent;
  color: #ff7c1c;
}

.ticket-list-item
  .condition-wrapper
  .ticket-condition-wrap
  .ticket-condition-list
  .ticket-condition-item
  .condition-button.done:before {
  position: absolute;
  content: "";
  left: -0.1rem;
  top: -0.17rem;
  width: 0.32rem;
  height: 0.32rem;
  background: url(/mobile/mc/reward-completed.fe345450.png) no-repeat 50% /
    contain;
}

.ticket-list-item
  .condition-wrapper
  .ticket-condition-wrap
  .progress-bar-wrapper {
  margin-top: 0.1rem;
}

.ticket-list-item
  .condition-wrapper
  .ticket-condition-wrap
  .progress-bar-wrapper
  .progress-bar
  .am-progress-outer {
  background: #404040 0 0 no-repeat padding-box;
  height: 0.12rem;
  padding: 0;
}

.ticket-list-item
  .condition-wrapper
  .ticket-condition-wrap
  .progress-bar-wrapper
  .progress-bar
  .am-progress-bar {
  background: #fab00c 0 0 no-repeat padding-box;
  border-radius: 0.23rem;
  height: 0.12rem;
}

.ticket-popup-wrap {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100013;
  color: #fff;
}

.ticket-popup-wrap.top {
  z-index: 100014;
}

.ticket-popup-wrap:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  background: rgba(0, 0, 0, 0.8);
}

.ticket-popup-wrap .arrow-btn {
  position: absolute;
  top: 0.52rem;
  left: 0.42rem;
  z-index: 1;
}

.ticket-popup-wrap .arrow-btn svg {
  width: 0.56rem;
  height: 0.56rem;
}

.ticket-popup-wrap .close-btn {
  position: absolute;
  top: 0.52rem;
  right: 0.42rem;
}

.ticket-popup-wrap .close-btn svg {
  width: 0.56rem;
  height: 0.56rem;
}

.ticket-popup-wrap .ticket-content-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.ticket-popup-wrap .ticket-content-wrapper.pre {
  justify-content: center;
}

.ticket-popup-wrap
  .ticket-content-wrapper.pre
  .gold_egg_root
  ul
  .egg_root:before {
  bottom: -0.7rem;
}

.ticket-popup-wrap .ticket-content-wrapper .header-wrap {
  position: relative;
  padding-top: 1.12rem;
  display: flex;
  justify-content: center;
  background: url(/mobile/mc/header-title-top.a56764da.png) no-repeat
    top/4.06rem 1.12rem;
  z-index: -1;
}

.ticket-popup-wrap .ticket-content-wrapper .header-wrap .header-title {
  min-width: 2.46rem;
  height: 0.65rem;
  font-size: 0.36rem;
  position: relative;
  line-height: 0.58rem;
  color: #fff;
  text-shadow:
    1px 1px #c63036,
    -1px 1px #c63036,
    1px -1px #c63036,
    -1px -1px #c63036;
  text-align: center;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABBCAYAAAAQTc7lAAAALklEQVQYlWP472H8n4nBzoeBiYGBAUZcO8PAxHDvOorYMCX4ZBiYGBjZPzBQAABIhAfla0dJfAAAAABJRU5ErkJggg==)
    repeat-x left 0 / contain;
  margin-top: -0.25rem;
  padding: 0 0.1rem;
}

.ticket-popup-wrap .ticket-content-wrapper .header-wrap .header-title:before {
  position: absolute;
  content: "";
  width: 0.8rem;
  height: 0.65rem;
  left: -0.7rem;
  background: url(/mobile/mc/header-title-left.4d71946a.png) no-repeat 50% /
    contain;
}

.ticket-popup-wrap .ticket-content-wrapper .header-wrap .header-title:after {
  position: absolute;
  content: "";
  width: 0.8rem;
  height: 0.65rem;
  right: -0.7rem;
  background: url(/mobile/mc/header-title-right.c3e6c9e0.png) no-repeat 50% /
    contain;
}

.ticket-popup-wrap .ticket-content-wrapper .ticket-popup {
  display: flex;
  flex-direction: column;
  flex: 1 1 0%;
  overflow: hidden;
}

.ticket-popup-wrap .ticket-content-wrapper .ticket-popup-list {
  width: 100%;
  margin: 0.4rem 0;
  padding-top: 0.18rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.22rem;
  flex: 1 1 0%;
  overflow-y: auto;
  position: relative;
}

.ticket-popup-wrap .ticket-content-wrapper .ticket-list-filter-wrap {
  top: 1.1rem;
  left: 0.5rem;
  position: absolute;
  align-self: flex-start;
  margin-left: 0.24rem;
  margin-bottom: 0.08rem;
  min-height: 0.4rem;
}

.ticket-popup-wrap .ticket-content-wrapper .ticket-list-filter-wrap.is-open {
  z-index: 100;
}

.ticket-popup-wrap .ticket-content-wrapper .ticket-filter-icon-btn {
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
}

.ticket-popup-wrap .ticket-content-wrapper .ticket-filter-icon-btn img {
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  object-fit: contain;
}

.ticket-popup-wrap .ticket-content-wrapper .ticket-filter-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.ticket-popup-wrap .ticket-content-wrapper .ticket-filter-dropdown {
  display: flex;
  flex-direction: column;
  gap: 0.12rem;
  min-width: 3.8rem;
  padding: 0.2rem;
  position: absolute;
  top: calc(100% + 0.08rem);
  left: 0;
  border-radius: 0.11rem;
  border: 0.02rem solid #f3dca6;
  background: linear-gradient(180deg, #4a2c10 -0.6%, #241508 100.6%);
  z-index: 2;
  box-shadow: 0 0.08rem 0.24rem rgba(0, 0, 0, 0.35);
  animation: ticketFilterDropdownIn 0.25s ease-out forwards;
}

.ticket-popup-wrap
  .ticket-content-wrapper
  .ticket-filter-dropdown
  .ticket-filter-button {
  display: flex;
  align-items: center;
  gap: 0.12rem;
  width: 100%;
  height: 0.6rem;
  padding: 0.08rem 0.38rem 0.08rem 0.2rem;
  font-size: 0.26rem;
  color: #fceeb5;
  background: transparent;
  border: none;
  text-align: left;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.2s ease;
}

.ticket-popup-wrap
  .ticket-content-wrapper
  .ticket-filter-dropdown
  .ticket-filter-button
  .ticket-type-icon {
  flex-shrink: 0;
  width: 0.48rem;
  height: 0.48rem;
  position: relative;
}

.ticket-popup-wrap
  .ticket-content-wrapper
  .ticket-filter-dropdown
  .ticket-filter-button
  .ticket-type-icon:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}

.ticket-popup-wrap
  .ticket-content-wrapper
  .ticket-filter-dropdown
  .ticket-filter-button
  .ticket-type-icon.RAFFLE:before {
  background: url(/mobile/mc/reward-redpacket.825dfd69.png) no-repeat 50% /
    contain;
}

.ticket-popup-wrap
  .ticket-content-wrapper
  .ticket-filter-dropdown
  .ticket-filter-button
  .ticket-type-icon.RAFFLE.TREASURE:before {
  background: url(/mobile/mc/treasure-icon.624dd498.png) no-repeat 50% / contain;
}

.ticket-popup-wrap
  .ticket-content-wrapper
  .ticket-filter-dropdown
  .ticket-filter-button
  .ticket-type-icon.CASH_VOUCHER:before {
  background: url(/mobile/mc/reward-cashbox.7df9a39d.png) no-repeat 50% /
    contain;
}

.ticket-popup-wrap
  .ticket-content-wrapper
  .ticket-filter-dropdown
  .ticket-filter-button
  .ticket-type-icon.GOLDEN_EGG:before {
  background: url(/mobile/mc/reward-goldegg.b95b958e.png) no-repeat 50% /
    contain;
}

.ticket-popup-wrap
  .ticket-content-wrapper
  .ticket-filter-dropdown
  .ticket-filter-button
  .ticket-type-icon.GIFT_CODE:before {
  background: url(/mobile/mc/reward-giftbox.26b3211e.png) no-repeat 50% /
    contain;
}

.ticket-popup-wrap
  .ticket-content-wrapper
  .ticket-filter-dropdown
  .ticket-filter-button
  .ticket-type-icon.PRIZE_WHEEL:before {
  background: url(/mobile/mc/reward-wheel.7f68522b.png) no-repeat 50% / contain;
}

.ticket-popup-wrap
  .ticket-content-wrapper
  .ticket-filter-dropdown
  .ticket-filter-button
  .ticket-type-icon.FREE_SPIN:before {
  background: url(/mobile/mc/free-spin.dc64570c.png) no-repeat 50% / contain;
}

.ticket-popup-wrap
  .ticket-content-wrapper
  .ticket-filter-dropdown
  .ticket-filter-button
  .ticket-type-icon.ticket-type-icon--all:before {
  background: url(/mobile/mc/all-type.7953b881.png) no-repeat 50% / contain;
}

.ticket-popup-wrap
  .ticket-content-wrapper
  .ticket-filter-dropdown
  .ticket-filter-button.btn-active {
  color: #fff;
  border-radius: 0.14rem;
  border: 1px solid rgba(255, 255, 0, 0.5);
  background: linear-gradient(90deg, #d92400, #f90 104.17%);
}

.ticket-popup-wrap .ticket-bottom-wrapper.FREE_SPIN {
  height: 4.06rem;
  position: relative;
  display: flex;
  flex-direction: column;
}

.ticket-popup-wrap .ticket-bottom-wrapper.FREE_SPIN:before {
  position: absolute;
  top: 0;
  content: "";
  width: 7.5rem;
  height: 100%;
  background: url(/mobile/mc/free-spin-box-bottom.886023a1.png) no-repeat
    top/contain;
}

.ticket-popup-wrap .ticket-bottom-wrapper.FREE_SPIN .current-progress-wrapper {
  margin-top: 0.2rem;
}

.ticket-popup-wrap .ticket-bottom-wrapper.FREE_SPIN .ticket-rank-wrapper {
  z-index: 1;
  position: relative;
  align-content: flex-end;
  flex: 1 1 0%;
  padding-bottom: 0.4rem;
}

.ticket-popup-wrap .progress-bar-wrapper {
  color: #fff;
  text-align: center;
  margin-top: 0.22rem;
  width: 100%;
  padding: 0 0.85rem;
}

.ticket-popup-wrap .progress-bar-wrapper .progress-bar {
  width: 100%;
  position: relative;
}

.ticket-popup-wrap .progress-bar-wrapper .progress-bar .am-progress-outer {
  background: #262626 0 0 no-repeat padding-box;
  border: 0.03rem solid #707070;
  border-radius: 0.23rem;
  height: 0.36rem;
  display: flex;
  align-items: center;
  padding: 0 0.12rem;
}

.ticket-popup-wrap .progress-bar-wrapper .progress-bar .am-progress-bar {
  background: transparent linear-gradient(180deg, #ffcf00, #ee7c0e) 0 0
    no-repeat padding-box;
  border-radius: 0.21rem;
  height: 0.2rem !important;
  border: 0;
  animation: progressAnimationStrike 2s;
}

.ticket-popup-wrap .progress-bar-wrapper .progress-bar .bar-num {
  position: absolute;
  font-size: 0.24rem;
  line-height: 0.42rem;
  right: 0.3rem;
  top: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
}

.ticket-time {
  margin-top: 0.18rem;
  display: flex;
  align-items: flex-start;
  color: #fff;
  justify-content: center;
}

.ticket-time .time-top {
  height: 0.6rem;
  display: flex;
  align-items: center;
  font-size: 0.22rem;
  margin-right: 0.2rem;
}

.ticket-time .time-top svg {
  width: 0.37rem;
  height: 0.41rem;
  margin-right: 0.22rem;
  fill: #ffb30b;
}

.ticket-time .time-bottom,
.ticket-time .time-bottom .wysiwyg {
  display: flex;
  align-items: center;
}

.ticket-time .time-bottom .time-item {
  display: flex;
  flex-direction: column;
  position: relative;
  margin-right: 0.21rem;
}

.ticket-time .time-bottom .time-item:before {
  position: absolute;
  content: ":";
  color: #cecece;
  font-size: 0.38rem;
  font-weight: 700;
  right: -0.15rem;
}

.ticket-time .time-bottom .time-item.day:before,
.ticket-time .time-bottom .time-item:last-child:before {
  display: none;
}

.ticket-time .time-bottom .time-item .num {
  width: 0.7rem;
  height: 0.6rem;
  background: #262626 0 0 no-repeat padding-box;
  border: 0.02rem solid #707070;
  border-radius: 0.08rem;
  font-size: 0.38rem;
  font-weight: 700;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ticket-time .time-bottom .time-item .title {
  color: #a2a2a2;
  font-size: 0.16rem;
  line-height: 0.22rem;
  font-weight: 700;
  text-align: center;
}

.ticket-popup-usage-notice {
  position: absolute;
  top: 0.8rem;
  right: 0.7rem;
  margin-top: 0.12rem;
  display: flex;
  justify-content: center;
}

.ticket-popup-wrapper {
  margin-top: 0.08rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 1 0%;
  overflow: hidden;
}

.ticket-popup-wrapper .banner-wrap {
  position: relative;
  width: 100%;
  height: 1rem;
  display: flex;
  align-items: center;
}

.ticket-popup-wrapper .banner-wrap .swiper-container {
  width: calc(100% - 2.68rem);
  display: flex;
  align-items: center;
  z-index: 0;
}

.ticket-popup-wrapper .banner-wrap .swiper-wrapper {
  display: flex;
  align-items: center;
}

.ticket-popup-wrapper .banner-wrap .swiper-slide {
  width: 1.35rem;
  height: 0.68rem;
  border-radius: 0.14rem;
  padding: 0 0.15rem;
  background: url(/mobile/mc/ticket-default.8323d7ff.png) no-repeat 50% / cover;
  font-size: 0.15rem;
  color: #fff;
  word-break: break-word;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}

.ticket-popup-wrapper .banner-wrap .swiper-slide.has-img {
  padding: 0;
}

.ticket-popup-wrapper .banner-wrap .swiper-slide.swiper-slide-active {
  width: 1.8rem;
  height: 1rem;
  font-size: 0.2rem;
}

.ticket-popup-wrapper .banner-wrap .swiper-slide.swiper-slide-active img {
  width: 1.8rem;
  height: 1rem;
}

.ticket-popup-wrapper .banner-wrap .swiper-slide .item-name {
  width: 100%;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
  text-align: center;
}

@supports (-webkit-line-clamp: 2) {
  .ticket-popup-wrapper .banner-wrap .swiper-slide .item-name {
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}

.ticket-popup-wrapper .banner-wrap .swiper-slide img {
  width: 1.35rem;
  height: 0.68rem;
  object-fit: cover;
  border-radius: 0.14rem;
}

.ticket-popup-wrapper .banner-wrap .swiper-btn {
  width: 0.32rem;
  height: 0.4rem;
  position: absolute;
}

.ticket-popup-wrapper .banner-wrap .swiper-btn-prew {
  background: url(/mobile/mc/ticket-arrow.74c353a9.png) no-repeat 50% / contain;
  left: 0.9rem;
  transform: rotate(180deg);
}

.ticket-popup-wrapper .banner-wrap .swiper-btn-next {
  background: url(/mobile/mc/ticket-arrow.74c353a9.png) no-repeat 50% / contain;
  right: 0.9rem;
}

.ticket-popup-wrapper .content-wrapper {
  position: relative;
  flex: 1 1 0%;
  overflow-y: auto;
  width: 100%;
  padding: 0 0 0.2rem;
}

.ticket-popup-wrapper .content-wrapper .title-wrap {
  font-size: 0.28rem;
  font-weight: 700;
  position: relative;
  color: #fff;
  padding: 0.1rem 0.85rem;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-text-stroke: 0.5px #ffb30b;
  -webkit-text-fill-color: #fff;
  text-align: center;
}

.ticket-condition-wrap {
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
}

.ticket-condition-wrap .info-text {
  font-size: 0.24rem;
  color: 0.24rem;
  margin-top: 0.3rem;
  text-align: center;
}

.ticket-rank-wrap {
  width: 6.1rem;
  height: 2.38rem;
  background: url(/mobile/mc/ticket-rank.61781249.png) no-repeat 50% / contain;
  margin: 0.1rem auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ticket-rank-wrap .swiper-container {
  width: 4.8rem;
  height: 1.35rem;
  margin-top: 0.15rem;
  z-index: 0;
}

.ticket-rank-wrap .swiper-wrapper {
  display: flex;
  flex-direction: column;
}

.ticket-rank-wrap .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.24rem;
  height: 0.45rem;
  border-bottom: 0.02rem solid #444122;
  padding: 0 0.4rem;
}

.ticket-rank-wrap .swiper-slide .item-name {
  color: #fff;
  margin-right: 0.1rem;
}

.ticket-rank-wrap .swiper-slide .item-info {
  color: #fab00c;
  flex: 1 1 0%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: right;
}

@keyframes progressAnimationStrike {
  0% {
    width: 0;
  }
  to {
    width: attr(aria-valuenow);
  }
}

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

.temu-common-pop {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100014;
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  align-items: center;
  justify-content: center;
}

.temu-common-pop.noMask:before {
  display: none;
}

.temu-common-pop:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  background: rgba(0, 0, 0, 0.8);
}

.temu-common-pop .temu-random-pop {
  display: flex;
  align-items: center;
  justify-content: center;
}

.temu-common-pop .close-btn {
  align-self: center;
}

.temu-common-pop .close-btn svg {
  width: 0.5rem;
  height: 0.5rem;
}

.temu-claim-wrap {
  width: 5.9rem;
  height: 9.2rem;
  background: url(/mobile/mc/temu-popup-bg2.c6fa87f3.png) no-repeat top/contain;
}

.temu-claim-wrap .claim-content {
  margin-top: 3.77rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0 0.52rem;
}

.temu-claim-wrap .claim-content .claim-title {
  width: 100%;
  color: #f44915;
  font-size: 0.56rem;
  font-weight: 900;
  line-height: 0.78rem;
  display: flex;
  flex-direction: column;
  gap: 0.05rem;
  position: relative;
}

.temu-claim-wrap .claim-content .claim-title:after {
  content: "";
  width: 100%;
  height: 0.06rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAYsAAAAGCAYAAAAyubI5AAABZElEQVRoge2ZQU7DQAxF/zRTTsE5chq4QlEWFDZcoCzCHXqbnIYdEpkkLJpKrvU9CWIxkfCTLHtsx+OMFGukBDiOg9S1dwDeATwACADOAJ5j3XwXbcxxNkIs3YDjbIQTgINYHwB8AXgt047jbIuQuvYewCBkFHoEMCn7KhD6piaRHZFqFmlHZUdh74VPyp7EdS7LketK+SvwPpjI92HvKSUoOxi2dY4yxrTl0zFrvZTv/D/YN878LG9asNks0TEpegZJv55VlugZNxiSlJ2ELxHp51ivfJat83tScyD2KDSb2RPR8pw11ry+6grALtbN5448qAvomM7LYQ263JrtxYYcG55r9rdq5p61sD6Gtejak+H/yx6OU5o130nIxGRO6QuMNUd+Ox+XZhrLXboI5i6TubOzLqY3dUofvONsgtS1HwCelPsU6+alRD+OszX8n4XjXDjicnl6nNdnAG/l2nGcbfEDrNCIEqGAKn0AAAAASUVORK5CYII=)
    no-repeat 50% / contain;
}

.temu-claim-wrap .claim-content .claim-subTitle {
  margin-top: 0.46rem;
  font-size: 0.34rem;
  font-weight: 600;
  color: #73491d;
}

.temu-claim-wrap .claim-content .claim-amount {
  margin-top: 0.06rem;
  color: #f44a15;
  font-size: 0.82rem;
  font-weight: 700;
  display: flex;
  align-items: flex-end;
  line-height: 0.94rem;
}

.temu-claim-wrap .claim-content .claim-amount .currency,
.temu-claim-wrap .claim-content .claim-amount .small {
  font-size: 0.54rem;
}

.temu-claim-wrap .claim-content .claim-info {
  color: #826849;
  font-size: 0.24rem;
  font-weight: 600;
}

.temu-claim-wrap .claim-content .claim-info label {
  color: #e22e25;
}

.temu-claim-wrap .claim-content .temu-btn {
  margin-top: 0.34rem;
}

.temu-popup-wrap {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100013;
  color: #fff;
}

.temu-popup-wrap.top {
  z-index: 100014;
}

.temu-popup-wrap:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  background: rgba(0, 0, 0, 0.8);
}

.temu-btn {
  max-width: 4.86rem;
  height: 1.36rem;
  background: url(/mobile/mc/temu-popup-btn.ab73688a.png) no-repeat 50% / cover;
  color: #fffbd6;
  font-size: 0.28rem;
  font-weight: 900;
  padding: 0.1rem 0.3rem;
  word-break: break-word;
  text-align: center;
}

.temu-btn,
.temu-popup {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.temu-popup {
  height: 100%;
  flex-direction: column;
  gap: 0.3rem;
  position: relative;
}

.temu-popup .close-btn {
  z-index: 100015;
}

.temu-popup .close-btn svg {
  width: 0.5rem;
  height: 0.5rem;
}

.temu-popup .temu-wrap {
  width: 6.8rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.13rem;
}

.temu-popup .banner-wrap {
  position: relative;
  width: 100%;
  height: 1rem;
  display: flex;
  align-items: center;
}

.temu-popup .banner-wrap .swiper-container {
  width: calc(100% - 2.68rem);
  display: flex;
  align-items: center;
  z-index: 0;
}

.temu-popup .banner-wrap .swiper-wrapper {
  display: flex;
  align-items: center;
}

.temu-popup .banner-wrap .swiper-slide {
  width: 1.35rem;
  height: 0.68rem;
  border-radius: 0.14rem;
  padding: 0 0.15rem;
  background: url(/mobile/mc/ticket-default.8323d7ff.png) no-repeat 50% / cover;
  font-size: 0.15rem;
  color: #fff;
  word-break: break-word;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}

.temu-popup .banner-wrap .swiper-slide.has-img {
  padding: 0;
}

.temu-popup .banner-wrap .swiper-slide.swiper-slide-active {
  width: 1.8rem;
  height: 1rem;
  font-size: 0.2rem;
}

.temu-popup .banner-wrap .swiper-slide.swiper-slide-active img {
  width: 1.8rem;
  height: 1rem;
}

.temu-popup .banner-wrap .swiper-slide .item-name {
  width: 100%;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
  text-align: center;
}

@supports (-webkit-line-clamp: 2) {
  .temu-popup .banner-wrap .swiper-slide .item-name {
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}

.temu-popup .banner-wrap .swiper-slide img {
  width: 1.35rem;
  height: 0.68rem;
  object-fit: cover;
  border-radius: 0.14rem;
}

.temu-popup .banner-wrap .swiper-btn {
  width: 0.32rem;
  height: 0.4rem;
  position: absolute;
}

.temu-popup .banner-wrap .swiper-btn-prew {
  background: url(/mobile/mc/ticket-arrow.74c353a9.png) no-repeat 50% / contain;
  left: 0.9rem;
  transform: rotate(180deg);
}

.temu-popup .banner-wrap .swiper-btn-next {
  background: url(/mobile/mc/ticket-arrow.74c353a9.png) no-repeat 50% / contain;
  right: 0.9rem;
}

.temu-popup .temu-time {
  display: flex;
  align-items: flex-start;
  color: #fff;
  justify-content: center;
  position: relative;
  z-index: 1;
}

.temu-popup .temu-time .time-top {
  height: 0.6rem;
  display: flex;
  align-items: center;
  font-size: 0.22rem;
  margin-right: 0.2rem;
}

.temu-popup .temu-time .time-top svg {
  width: 0.37rem;
  height: 0.41rem;
  margin-right: 0.22rem;
  fill: #ffb30b;
}

.temu-popup .temu-time .time-bottom,
.temu-popup .temu-time .time-bottom .wysiwyg {
  display: flex;
  align-items: center;
}

.temu-popup .temu-time .time-bottom .time-item {
  display: flex;
  flex-direction: column;
  position: relative;
  margin-right: 0.21rem;
}

.temu-popup .temu-time .time-bottom .time-item:before {
  position: absolute;
  content: ":";
  color: #cecece;
  font-size: 0.38rem;
  font-weight: 700;
  right: -0.15rem;
}

.temu-popup .temu-time .time-bottom .time-item.day:before,
.temu-popup .temu-time .time-bottom .time-item:last-child:before {
  display: none;
}

.temu-popup .temu-time .time-bottom .time-item .num {
  width: 0.7rem;
  height: 0.6rem;
  background: #262626 0 0 no-repeat padding-box;
  border: 0.02rem solid #707070;
  border-radius: 0.08rem;
  font-size: 0.38rem;
  font-weight: 700;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.temu-popup .temu-time .time-bottom .time-item .title {
  color: #a2a2a2;
  font-size: 0.16rem;
  line-height: 0.22rem;
  font-weight: 700;
  text-align: center;
}

.temu-popup .temu-content {
  margin-top: -0.8rem;
  position: relative;
  width: 6.8rem;
  height: 9.2rem;
  background: url(/mobile/mc/temu-popup-bg1.fb307171.png) no-repeat top/contain;
  display: flex;
  flex-direction: column;
  padding: 0 0.97rem;
}

.temu-popup .temu-content .temu-title {
  margin-top: 1.36rem;
  text-align: center;
  color: #f8600e;
  font-size: 0.35rem;
  font-weight: 900;
  line-height: 0.84rem;
  height: 1.7rem;
  paint-order: stroke fill;
  display: flex;
  align-items: center;
  justify-content: center;
}

.temu-popup .temu-content .temu-title span {
  -webkit-text-stroke: 0.1rem #fcf8d8;
  -webkit-text-fill-color: #f8600e;
  text-shadow:
    0 0 0.2rem #fff,
    0 0 0.2rem #fff;
  width: 100%;
  letter-spacing: -0.04rem;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
  line-height: normal;
}

@supports (-webkit-line-clamp: 2) {
  .temu-popup .temu-content .temu-title span {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}

.temu-popup .temu-content .temu-img {
  margin-top: -0.16rem;
  position: relative;
}

.temu-popup .temu-content .temu-img:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 4.8rem;
  height: 4.8rem;
  background: url(/mobile/mc/temu-history-box-bg.08e8a9fd.gif) no-repeat 50% /
    contain;
  z-index: 0;
}

.temu-popup .temu-content .temu-img img {
  position: relative;
  z-index: 1;
  width: 4.8rem;
  object-fit: contain;
  aspect-ratio: 1/1;
}

.temu-popup .temu-content .temu-btn {
  margin-top: -0.41rem;
}

.temu-condition-wrap {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  padding: 0.5rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.11rem;
}

.temu-condition-wrap .close-btn {
  margin-right: 0.26rem;
  align-self: flex-end;
}

.temu-condition-wrap .close-btn svg {
  width: 0.5rem;
  height: 0.5rem;
}

.temu-condition-wrap .temu-condition-wrapper {
  position: relative;
  width: 6.98rem;
  background: #ffe9c4;
  flex: 1 1 0%;
  padding: 0 0.24rem 0.4rem;
  overflow-y: auto;
  border-radius: 0.2rem;
}

.temu-condition-wrap .temu-condition-wrapper:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: url(/mobile/mc/temu-condition-bg.89a81e3f.png) no-repeat top/100%
    auto;
  z-index: 0;
}

.temu-condition-wrap .temu-condition-wrapper .arrow-down {
  width: 0.5rem;
  height: 0.5rem;
  background: url(/mobile/mc/down-icon.293f08cc.png) no-repeat;
  -webkit-filter: hue-rotate(150deg);
  filter: hue-rotate(150deg);
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 0.26rem;
  bottom: 0.6rem;
  background-size: 100% auto;
  animation: flashTemu 5s;
  animation-iteration-count: infinite;
  z-index: 2;
}

.temu-condition-wrap .condition-header {
  height: 7.2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.temu-condition-wrap .condition-header:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: url(/mobile/mc/temu-condition-amount-bg.3eb40b4d.png) no-repeat
    bottom/cover;
  left: 0;
}

.temu-condition-wrap .condition-header .header-img {
  margin-top: -0.73rem;
  position: relative;
}

.temu-condition-wrap .condition-header .header-img:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 4.24rem;
  height: 4.24rem;
  background: url(/mobile/mc/temu-history-box-bg.08e8a9fd.gif) no-repeat 50% /
    contain;
  z-index: 1;
}

.temu-condition-wrap .condition-header .header-img img {
  position: relative;
  z-index: 2;
  width: 4.24rem;
  aspect-ratio: 1/1;
}

.temu-condition-wrap .condition-header .condition-title {
  padding: 0 0.4rem;
  height: 1.65rem;
  margin-top: 0.52rem;
  position: relative;
  z-index: 2;
  color: #f8600e;
  text-shadow: 0 0 0.1rem #fff;
  font-size: 0.72rem;
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.temu-condition-wrap .condition-header .condition-title span {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
  line-height: 1.1;
}

@supports (-webkit-line-clamp: 2) {
  .temu-condition-wrap .condition-header .condition-title span {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}

.temu-condition-wrap .condition-header .header-amount {
  position: relative;
  z-index: 1;
  color: #feeac7;
  font-size: 0.28rem;
  font-weight: 600;
  width: 50%;
  margin-top: -0.3rem;
  text-align: center;
  min-height: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.temu-condition-wrap .condition-count-wrap {
  margin-top: -0.5rem;
  width: 100%;
  height: 4.4rem;
  background: url(/mobile/mc/temu-condition-count-bg.48d54198.png) no-repeat
    50% / cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 1;
}

.temu-condition-wrap .condition-count-wrap .count-wrap {
  margin-top: 0.14rem;
  max-width: calc(100% - 1.8rem);
  height: 0.66rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABCCAYAAACW2bxLAAAAYUlEQVQYlWWQuRHEMAwDl2jiinP/sTvgXiRaskPM4Oe+fkYhAFFJsSANEQhDQVgKh1cE/ZJ7oJBGUhYR2XJpSLnSrNE+Lrj7vSnTStwbKKReO5xt56ztgy5inZGngc9NwB948ESfqodsNQAAAABJRU5ErkJggg==)
    repeat-x 0 / contain;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.16rem;
  font-size: 0.28rem;
  font-weight: 600;
  color: #fff2dc;
  position: relative;
}

.temu-condition-wrap .condition-count-wrap .count-wrap.disable {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.temu-condition-wrap .condition-count-wrap .count-wrap:before {
  content: "";
  position: absolute;
  left: -0.9rem;
  top: 0;
  width: 0.9rem;
  height: 0.66rem;
  background: url(/mobile/mc/temu-time-bg1.7e5e581e.png) no-repeat 0 0 / contain;
}

.temu-condition-wrap .condition-count-wrap .count-wrap:after {
  content: "";
  position: absolute;
  right: -0.9rem;
  top: 0;
  width: 0.9rem;
  height: 0.66rem;
  background: url(/mobile/mc/temu-time-bg3.4912ad8a.png) no-repeat 100% 0 /
    contain;
}

.temu-condition-wrap .condition-count-wrap .count-wrap .time {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.16rem;
}

.temu-condition-wrap .condition-count-wrap .count-wrap .time:before {
  content: "";
  width: 0.32rem;
  height: 0.32rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAQlBMVEUAAAD/8tz/8tz/8tz/8tz/8tz/8tz/8tz/8tz/8tz/8tz/8tz/8tz/8tz/8tz/8tz/8tz/8tz/8tz/8tz/8tz/8twqAlcQAAAAFXRSTlMAkPPblioN0frxp6QSiGMuN2FHvGy5lNDwAAAAvklEQVQ4y4WT6w7DIAhGv+G1au1l4/1fdUmzONSGnn/GowIC/pSaAzFTyEfBzJYiN2Jy6PGWB6yHwBmeMOKSfeEblr2dF/tEwnC/94241/erS5DxvYCXjPTKj0dB4AAkTUhAiZoQCyprAh/IupARdCGAdIHAo/DhjkF4A1h7gXpjHQxCYNUIyHxjWJFm5RvjbIvaSi2wZxClRmKFdH23wtY1zIztWm7GeNm0M4t7bnt9cJ5GTx/eDYJp/GtB4ws7KzwSr7/v7wAAAABJRU5ErkJggg==)
    no-repeat 50% / contain;
}

.temu-condition-wrap .condition-count-wrap .count-wrap .txt {
  flex: 1 1 0%;
  word-break: break-word;
}

.temu-condition-wrap .condition-count-wrap .progress-wrap {
  width: calc(100% - 1.2rem);
  margin-top: 0.27rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.12rem;
}

.temu-condition-wrap .condition-count-wrap .progress-wrap .progress-target {
  color: #f44a15;
  font-size: 0.82rem;
  line-height: 0.94rem;
  display: flex;
  align-items: flex-end;
}

.temu-condition-wrap
  .condition-count-wrap
  .progress-wrap
  .progress-target
  .currency,
.temu-condition-wrap
  .condition-count-wrap
  .progress-wrap
  .progress-target
  .small {
  font-size: 0.54rem;
}

.temu-condition-wrap .condition-count-wrap .progress-item {
  width: 100%;
  height: 0.22rem;
  background: #feeac7 0 0 no-repeat padding-box;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  position: relative;
}

.temu-condition-wrap .condition-count-wrap .progress-item .progress-done {
  height: 100%;
}

.temu-condition-wrap .condition-count-wrap .progress-item .progress-done span {
  width: 100%;
  display: flex;
  height: 100%;
  background: transparent linear-gradient(90deg, #fb4605, #ff9503) 0 0 no-repeat
    padding-box;
  border-radius: 0.5rem;
  animation: temuAnimationStrike 1.5s ease-in;
}

.temu-condition-wrap .condition-count-wrap .progress-item .progress-info {
  position: absolute;
  right: -0.34rem;
  bottom: 0.39rem;
  background: transparent linear-gradient(90deg, #fb4605, #ff9503) 0 0 no-repeat
    padding-box;
  border-radius: 0.2rem 0.05rem 0.2rem 0.05rem;
  font-size: 0.2rem;
  font-weight: 600;
  color: #ffe9c7;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.14rem 0.1rem;
  max-width: 1.25rem;
  word-break: break-word;
  animation: progressInfo 3s infinite;
  text-align: center;
}

.temu-condition-wrap .condition-count-wrap .progress-item .progress-info span {
  position: relative;
}

.temu-condition-wrap
  .condition-count-wrap
  .progress-item
  .progress-info
  span:before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -0.26rem;
  transform: translateX(-50%);
  width: 0.2rem;
  height: 0.12rem;
  background: linear-gradient(90deg, #fb4605, #ff9503);
  -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  display: flex;
}

.temu-condition-wrap .condition-count-wrap .current-info {
  margin-top: 0.08rem;
  font-size: 0.24rem;
  font-weight: 600;
  color: #64401f;
}

.temu-condition-wrap .condition-count-wrap .current-info label {
  color: #e22e25;
}

.temu-condition-wrap .condition-count-wrap .current-button {
  margin-top: 0.04rem;
  width: 100%;
  height: 1.06rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff3dd;
  font-size: 0.28rem;
  font-weight: 900;
  position: relative;
  padding: 0 1rem;
  text-align: center;
  background: url(/mobile/mc/temu-condition-button.ca95ba96.png) no-repeat 50% /
    contain;
}

.temu-condition-wrap .condition-count-wrap .current-button.done {
  background: url(/mobile/mc/temu-condition-button-done.3510ae5f.png) no-repeat
    50% / contain;
}

.temu-condition-wrap .condition-count-wrap .current-button.disable {
  background: url(/mobile/mc/temu-condition-button-disable.9792b11f.png)
    no-repeat 50% / contain;
}

.temu-condition-wrap .condition-count-wrap .current-button.disable:after {
  display: none;
}

.temu-condition-wrap .condition-count-wrap .current-button:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 1.46rem;
  height: 1.46rem;
  background: url(/mobile/mc/temu-condition-button-img.2aa322c9.png) no-repeat
    50% / cover;
}

.temu-condition-wrap .condition-tab-wrapper {
  position: relative;
  z-index: 1;
  background: #ffe9c4;
  margin-top: 0.24rem;
}

.temu-condition-wrap .condition-tab-wrapper .am-tabs-bar {
  background: #ffd89a 0 0 no-repeat padding-box;
  border-radius: 0.15rem 0.15rem 0 0;
  font-size: 0.28rem;
  font-weight: 900;
  overflow: hidden;
}

.temu-condition-wrap .condition-tab-wrapper .am-tabs-bar .am-tabs-tab {
  min-height: 0.94rem;
  height: auto;
  background-color: transparent;
  color: #73491d;
  border-bottom: none;
  position: relative;
  line-height: 1.2;
  padding: 0 0.1rem;
  text-align: center;
}

.temu-condition-wrap
  .condition-tab-wrapper
  .am-tabs-bar
  .am-tabs-tab:not(:last-child):before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.02rem;
  height: 0.54rem;
  background: #e8c083 0 0 no-repeat padding-box;
}

.temu-condition-wrap
  .condition-tab-wrapper
  .am-tabs-bar
  .am-tabs-tab.am-tabs-tab-active {
  color: #e22e25;
  position: relative;
}

.temu-condition-wrap
  .condition-tab-wrapper
  .am-tabs-bar
  .am-tabs-tab.am-tabs-tab-active:after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 0.16rem solid transparent;
  border-right: 0.16rem solid transparent;
  border-bottom: 0.2rem solid #fff8e4;
}

.temu-condition-wrap .condition-tab-wrapper .am-tabs-ink-bar {
  display: none !important;
}

.temu-condition-wrap .condition-tab-wrapper .am-tabs-content .am-tabs-tabpane {
  background-color: #fff6e5;
  padding: 0.22rem 0.15rem;
  border-radius: 0 0 0.15rem 0.15rem;
}

.temu-condition-wrap .member-detail-content {
  color: #b8a06c;
  font-size: 0.24rem;
  font-weight: 600;
}

.temu-condition-wrap .member-detail-content img {
  max-width: 100%;
  object-fit: contain;
}

.temu-task-wrapper {
  color: #b8a06c;
  font-size: 0.24rem;
  font-weight: 600;
  display: flex;
  flex-direction: column;
}

.temu-task-wrapper .table-row {
  display: flex;
  align-items: stretch;
  min-height: 0.74rem;
  background: #fff;
}

.temu-task-wrapper .table-row:nth-child(odd) {
  background: #faf5ed;
}

.temu-task-wrapper .table-row.table-header {
  background: #feeac1;
  text-align: center;
  color: #73491d;
}

.temu-task-wrapper .table-row.table-header .table-item {
  justify-content: center;
}

.temu-task-wrapper .table-row.table-header .table-item:last-child {
  border-left: 0.02rem solid #fff;
}

.temu-task-wrapper .table-item {
  flex: 1 1 0%;
  display: flex;
  align-items: center;
  padding: 0 0.28rem;
}

.temu-task-wrapper .table-item:last-child {
  flex: 0 0 35%;
  border-left: 0.02rem solid #eee8d0;
  justify-content: flex-end;
}

.temu-task-condition {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.16rem;
}

.temu-task-condition .condition-item-wrap {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  background: #fff;
  border-radius: 0 0 0.15rem 0.15rem;
}

.temu-task-condition .condition-item {
  width: 100%;
  min-height: 1.86rem;
  background: #ffebc1;
  border-radius: 0.15rem;
  padding: 0.22rem 0.18rem 0.22rem 0.08rem;
  display: flex;
  align-items: center;
  gap: 0.2rem;
  color: #826849;
  font-size: 0.22rem;
  position: relative;
}

.temu-task-condition .condition-item:after,
.temu-task-condition .condition-item:before {
  content: "";
  position: absolute;
  width: 0.22rem;
  height: 0.22rem;
  border-radius: 50%;
  background: #fff6e5;
}

.temu-task-condition .condition-item:before {
  top: -0.11rem;
  left: 1.48rem;
}

.temu-task-condition .condition-item:after {
  bottom: -0.11rem;
  left: 1.48rem;
}

.temu-task-condition .condition-item .item-info {
  flex: 1 1 0%;
  padding-left: 1.79rem;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.05rem;
  word-break: break-word;
}

.temu-task-condition .condition-item .item-info:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1.4rem;
  min-height: 1.41rem;
  height: 100%;
  background: url(/mobile/mc/temu-condition-icon6.fed6924f.png) no-repeat 50% /
    contain;
  border-right: 0.02rem dashed #73491e;
  padding-right: 0.09rem;
}

.temu-task-condition .condition-item .item-info.bank:before {
  background: url(/mobile/mc/temu-condition-icon4.f8634634.png) no-repeat 50% /
    contain;
}

.temu-task-condition .condition-item .item-info.deposit:before {
  background: url(/mobile/mc/temu-condition-icon1.aa213670.png) no-repeat 50% /
    contain;
}

.temu-task-condition .condition-item .item-info.invite:before {
  background: url(/mobile/mc/temu-condition-icon2.07925272.png) no-repeat 50% /
    contain;
}

.temu-task-condition .condition-item .item-info.bet:before {
  background: url(/mobile/mc/temu-condition-icon5.87b66e62.png) no-repeat 50% /
    contain;
}

.temu-task-condition .condition-item .item-info.phone:before {
  background: url(/mobile/mc/temu-condition-icon3.7b839888.png) no-repeat 50% /
    contain;
}

.temu-task-condition .condition-item .item-info.share:before {
  background: url(/mobile/mc/temu-condition-icon8.f37b94a0.png) no-repeat 50% /
    contain;
}

.temu-task-condition .condition-item .item-info.game:before {
  background: url(/mobile/mc/temu-condition-icon7.cb92cead.png) no-repeat 50% /
    contain;
}

.temu-task-condition .condition-item .item-info label {
  color: #e22e25;
}

.temu-task-condition .condition-item .info-title {
  color: #73491d;
  font-size: 0.28rem;
  font-weight: 600;
}

.temu-task-condition .condition-item .info-subtitle {
  text-align: left;
}

.temu-task-condition .condition-btn {
  width: 0.96rem;
  height: 0.96rem;
}

.temu-task-condition .condition-btn.done {
  background: url(/mobile/mc/condition-item-btn-selected.8d4924c0.png) no-repeat
    50% / contain;
}

.temu-task-condition .condition-btn.disabled {
  background: url(/mobile/mc/condition-item-btn-disable.3922140e.png) no-repeat
    50% / contain;
}

.temu-task-condition .condition-btn.claimable {
  background: url(/mobile/mc/condition-item-btn.2bb05f8e.png) no-repeat 50% /
    contain;
}

.temu-task-condition .invite-gift-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.1rem;
  padding: 0 0.2rem 0.4rem;
  max-height: 3.32rem;
  overflow-y: auto;
}

.temu-task-condition .invite-gift-wrap::-webkit-scrollbar {
  width: 0.08rem;
  background-color: #f1e0d5;
  border-radius: 0.3rem;
}

.temu-task-condition .invite-gift-wrap::-webkit-scrollbar-thumb {
  background-color: #fea301;
  border-radius: 0.3rem;
}

.temu-task-condition .invite-gift-wrap::-webkit-scrollbar-track {
  background-color: transparent;
}

.temu-task-condition .invite-gift-wrap .gift-item {
  width: 1.06rem;
  height: 1.33rem;
  background: url(/mobile/mc/condition-gift.c2cc8155.png) no-repeat top/contain;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.temu-task-condition .invite-gift-wrap .gift-item.checked {
  background: url(/mobile/mc/condition-gift2.c4a8f427.png) no-repeat top/contain;
}

.temu-task-condition .invite-gift-wrap .gift-num {
  min-width: 0.72rem;
  height: 0.28rem;
  background: #f4ebdd;
  border-radius: 0.15rem;
  color: #73491e;
  font-size: 0.2rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}

@keyframes temuAnimationStrike {
  0% {
    width: 0;
  }
  to {
    width: 100%;
  }
}

@keyframes progressInfo {
  0% {
    transform: translateY(-0.2rem);
  }
  50% {
    transform: translateY(0);
  }
  to {
    transform: translateY(-0.2rem);
  }
}

@keyframes flashTemu {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}

.extra-promo-wrapper {
  position: fixed;
  z-index: 100030;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.extra-promo-wrapper:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  background: rgba(0, 0, 0, 0.8);
}

.extra-promo-wrapper .extra-promo-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.extra-promo-wrapper .extra-propm-title {
  font-size: 0.56rem;
  font-weight: 900;
  position: relative;
  --stroke-width: 0.04rem;
  --background-gradient: linear-gradient(#753a00, #e9ac2b);
  --text-gradient: linear-gradient(180deg, #fff 58.54%, #fff9c7 85.26%);
}

.extra-promo-wrapper .extra-propm-title:after,
.extra-promo-wrapper .extra-propm-title:before {
  content: attr(data-text);
  display: block;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.extra-promo-wrapper .extra-propm-title:before {
  position: absolute;
  inset: 0;
  background-image: var(--background-gradient);
  -webkit-text-stroke: var(--stroke-width);
  text-shadow: 0 0.06261rem 0 #250002;
}

.extra-promo-wrapper .extra-propm-title:after {
  position: relative;
  z-index: 1;
  background-image: var(--text-gradient);
}

.extra-promo-wrapper .extra-promo-content {
  margin-top: 0.24rem;
  position: relative;
  width: 7.5rem;
  height: 6.36rem;
  background: url(/mobile/mc/extra-promo-box.568d5b15.png) no-repeat top/contain;
}

.extra-promo-wrapper .extra-promo-amount {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.78rem;
  font-size: 1.40241rem;
  font-weight: 900;
  background: linear-gradient(
    180deg,
    #fffa6b 9%,
    #fffa6b 54.02%,
    #feee44 54.12%,
    #fee322 83.92%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-filter: drop-shadow(0 0.0713rem 0 #724100);
  filter: drop-shadow(0 0.0713rem 0 #724100);
}

.extra-promo-wrapper .extra-promo-amount span {
  margin: 0 0.2rem;
  background: linear-gradient(180deg, #fff 77.3%, #c9dbff 91.45%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 0.52293rem;
  -webkit-filter: drop-shadow(0 0.0357rem 0 #623514);
  filter: drop-shadow(0 0.0357rem 0 #623514);
}

.extra-promo-wrapper .extra-promo-close {
  margin-top: 0.3rem;
}

.extra-promo-wrapper .extra-promo-close svg {
  width: 0.52rem;
  height: 0.52rem;
}

.extra-reward-wrapper {
  position: fixed;
  z-index: 100030;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.extra-reward-wrapper:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  background: rgba(0, 0, 0, 0.8);
}

.extra-reward-wrapper .extra-reward-wrap {
  position: relative;
  width: 5.6rem;
  min-height: 6.48rem;
  background: url(/mobile/mc/extra-popup-bg.4d239acf.png) no-repeat top/contain;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2.65rem 0.45rem 0.16rem;
}

.extra-reward-wrapper .extra-info .info-icon {
  position: absolute;
  right: 0.45rem;
  margin-top: -0.2rem;
}

.extra-reward-wrapper .extra-info svg {
  width: 0.4rem;
  height: 0.4rem;
}

.extra-reward-wrapper .extra-tip-wrapper {
  position: absolute;
  right: 0.55rem;
  margin-top: 0.17rem;
  z-index: 2;
  width: 100%;
  max-height: 4.34rem;
  overflow-y: auto;
  max-width: 4.5rem;
  padding: 0.2rem;
  border-radius: 0.2rem;
  border: 0.02rem solid #550fc4;
  background: linear-gradient(180deg, #fff 83.24%, #e9e3ff 102.17%);
  box-shadow: 0 0.04rem 0.08rem 0 rgba(0, 0, 0, 0.25);
}

.extra-reward-wrapper .extra-tip-wrapper .extra-tip-wrap {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  font-size: 0.2rem;
  font-weight: 500;
  color: #403743;
  line-height: normal;
}

.extra-reward-wrapper .extra-tip-wrapper .extra-tip-wrap .purple {
  color: #7f15e4;
}

.extra-reward-wrapper .extra-tip-wrapper .extra-tip-wrap .yellow {
  color: #e48601;
}

.extra-reward-wrapper .extra-table {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.extra-reward-wrapper .extra-table .table-item {
  flex: 1 1 0%;
  min-height: 0.6rem;
  display: flex;
  justify-content: space-between;
}

.extra-reward-wrapper .extra-table .table-td {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1 1 0%;
  color: #ae2c05;
  font-size: 0.28rem;
  font-weight: 700;
  border: 1px solid #fff;
  background: linear-gradient(180deg, #fff, #fff7d8);
}

.extra-reward-wrapper .extra-table .table-td.purple {
  color: #443f3c;
  font-size: 0.22rem;
  font-weight: 600;
  background: linear-gradient(180deg, #fff, #f6ebff);
}

.extra-reward-wrapper .extra-table .extra-head .table-td {
  background: #e99501;
  color: #fff;
  font-size: 0.24rem;
  font-weight: 700;
  border: none;
  text-align: center;
}

.extra-reward-wrapper .extra-table .extra-head .table-td.purple {
  background: #5a35cd;
}

.extra-reward-wrapper .extra-title-style {
  position: relative;
  --stroke-width: 0.04rem;
  --background-gradient: linear-gradient(#550fc4, #528cfe);
  --text-gradient: linear-gradient(180deg, #fff 82.01%, #c9dbff 91.53%);
}

.extra-reward-wrapper .extra-title-style:after,
.extra-reward-wrapper .extra-title-style:before {
  content: attr(data-text);
  display: block;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.extra-reward-wrapper .extra-title-style:before {
  position: absolute;
  inset: 0;
  background-image: var(--background-gradient);
  -webkit-text-stroke: var(--stroke-width);
  text-shadow: 0 0.06261rem 0 #250002;
}

.extra-reward-wrapper .extra-title-style:after {
  position: relative;
  z-index: 1;
  background-image: var(--text-gradient);
}

.extra-reward-wrapper .extra-title {
  margin-top: 0.16rem;
  font-size: 0.36rem;
  font-weight: 900;
  text-align: center;
}

.extra-reward-wrapper .extra-amount-item {
  margin-top: 0.06rem;
  display: flex;
  align-items: center;
  text-align: center;
  gap: 0.08rem;
  min-height: 1.2rem;
}

.extra-reward-wrapper .extra-text-wrapper {
  width: 2.6rem;
  display: flex;
  justify-content: center;
}

.extra-reward-wrapper .extra-text-scale {
  font-size: 1.18rem;
  display: inline-flex;
  align-items: flex-end;
  white-space: nowrap;
}

.extra-reward-wrapper .extra-amount {
  font-weight: 900;
  -webkit-filter: drop-shadow(0 0.06261rem 0 #250002);
  filter: drop-shadow(0 0.06261rem 0 #250002);
  background: linear-gradient(180deg, #fdf777 9%, #fcbc11 95%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-flex;
  align-items: flex-end;
}

.extra-reward-wrapper .extra-amount .sep {
  margin: 0 0.1rem 0 0.05rem;
}

.extra-reward-wrapper .extra-unit {
  font-size: 0.44rem;
  font-weight: 900;
  margin: 0 0.05rem 0.2rem;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.extra-reward-wrapper .extra-reward-button {
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.19rem;
  min-width: 2rem;
  height: 0.5rem;
  border-radius: 0.6rem;
  border: 0.5px solid #fde525;
  background:
    linear-gradient(180deg, rgba(224, 126, 0, 0) 50%, rgba(224, 126, 0, 0.8)),
    linear-gradient(180deg, #fdd000, #fed203 34.13%, #e78800);
  position: relative;
  z-index: 1;
}

.extra-reward-wrapper .extra-reward-button:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 0.08rem);
  height: calc(100% + 0.08rem);
  border-radius: 0.6rem;
  border: 1px solid #ffe324;
  background: linear-gradient(180deg, #efaf00, #f09800 39.42%, #c66100);
  z-index: 0;
}

.extra-reward-wrapper .extra-reward-button:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 0.6rem;
  width: calc(100% + 0.14rem);
  height: calc(100% + 0.14rem);
  background: linear-gradient(180deg, #ffd200, #b75700 73.08%);
  box-shadow: 0 0.04rem 0 0 #843300;
  z-index: -1;
}

.extra-reward-wrapper .extra-reward-button span {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;
  z-index: 1;
  color: #611d06;
  font-size: 0.32rem;
  font-weight: 800;
  width: 100%;
  height: 100%;
  border-radius: 0.6rem;
  border: 0.5px solid #fde525;
  background:
    linear-gradient(180deg, rgba(224, 126, 0, 0) 50%, rgba(224, 126, 0, 0.8)),
    linear-gradient(180deg, #fdd000, #fed203 34.13%, #e78800);
}

.extra-reward-wrapper .extra-time {
  margin-top: 0.17rem;
  font-size: 0.2rem;
  font-weight: 700;
  background: linear-gradient(180deg, #fff, #cdfffd);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-filter: drop-shadow(0 0.02rem 0 rgba(0, 0, 0, 0.5));
  filter: drop-shadow(0 0.02rem 0 rgba(0, 0, 0, 0.5));
}

.extra-reward-wrapper .extra-close-btn {
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.7rem;
  height: 0.56rem;
  padding: 0 0.24rem;
  font-size: 0.24rem;
  font-weight: 700;
  line-height: 1;
  color: hsla(0, 0%, 100%, 0.7);
  text-align: center;
  letter-spacing: 0.02em;
  white-space: nowrap;
  cursor: pointer;
  background: transparent;
  border: 1.2px solid hsla(0, 0%, 100%, 0.7);
  border-radius: 0.852rem;
  box-shadow:
    inset 0 1px 0 hsla(0, 0%, 100%, 0.4),
    0 0.04rem 0.14rem rgba(0, 43, 69, 0.35);
}

.extra-reward-wrapper .extra-close-btn svg {
  width: 0.52rem;
  height: 0.52rem;
}

.ticket-condition-wrap {
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
}

.ticket-condition-wrap .info-text {
  font-size: 0.24rem;
  color: 0.24rem;
  margin-top: 0.3rem;
  text-align: center;
}

.ticket-condition-wrap .ticket-condition-list {
  overflow-y: scroll;
  max-height: calc(100vh - 0.73rem);
  height: calc(var(--vh, 1vh) * 100 - 3.73rem);
  margin-top: 0.5rem;
  display: flex;
  gap: 0.24rem;
  flex-direction: column;
  align-items: center;
}

.ticket-condition-wrap .ticket-condition-list .ticket-condition-item {
  display: flex;
  flex-direction: column;
  width: 5.8rem;
  background-color: #5f5f5f;
  border-radius: 0.13rem;
  padding: 0.3rem 0.43rem;
}

.ticket-condition-wrap .ticket-condition-list .ticket-condition-item .item-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.1rem;
}

.ticket-condition-wrap
  .ticket-condition-list
  .ticket-condition-item
  .item-bottom {
  padding: 0;
  display: flex;
  flex-direction: column;
}

.ticket-condition-wrap
  .ticket-condition-list
  .ticket-condition-item
  .item-bottom
  .item-data {
  flex: 1 1 0%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.24rem;
  padding: 0 0.2rem;
}

.ticket-condition-wrap
  .ticket-condition-list
  .ticket-condition-item
  .condition-title {
  flex: 1 1 0%;
  word-break: break-word;
  font-size: 0.24rem;
  line-height: 0.33rem;
}

.ticket-condition-wrap
  .ticket-condition-list
  .ticket-condition-item
  .condition-title
  .yellow {
  color: #fab00c;
}

.ticket-condition-wrap
  .ticket-condition-list
  .ticket-condition-item
  .condition-button {
  padding: 0 0.1rem;
  display: flex;
  align-items: center;
  justify-items: center;
  min-width: 1.5rem;
  height: 0.5rem;
  box-shadow: 0 0.03rem 0.06rem #00000029;
  border-radius: 0.25rem;
  max-width: 50%;
  justify-content: center;
  font-size: 0.24rem;
  background: transparent linear-gradient(179deg, #f5b819, #f2a11f 30%, #eb6a2d)
    0 0 no-repeat padding-box;
  text-align: center;
}

.ticket-condition-wrap
  .ticket-condition-list
  .ticket-condition-item
  .condition-button.done {
  background: transparent linear-gradient(180deg, #4a4949, #313131) 0 0
    no-repeat padding-box;
}

.ticket-share-wrapper {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  z-index: 100030;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ticket-share-wrapper.popList {
  position: fixed;
  left: 0;
}

.ticket-share-wrapper:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  z-index: 100011;
}

.ticket-share-wrapper .share-wrap {
  position: relative;
  z-index: 100030;
  width: 5.8rem;
  background: #000 0 0 no-repeat padding-box;
  border: 0.03rem solid #8d8d8d;
  border-radius: 0.32rem;
  padding: 0.45rem 0.32rem 0.32rem;
  max-height: 90vh;
  max-height: calc(var(--vh, 1vh) * 90);
  overflow-y: auto;
}

.ticket-share-wrapper .close-btn {
  position: absolute;
  top: 0.35rem;
  right: 0.3rem;
}

.ticket-share-wrapper .close-btn svg {
  width: 0.44rem;
  height: 0.44rem;
}

.ticket-share-wrapper .share-title {
  font-size: 0.32rem;
  color: #efefef;
  text-align: center;
  padding: 0 0.77rem;
}

.ticket-share-wrapper .share-message {
  margin-top: 0.31rem;
  background: #4b4b4b 0 0 no-repeat padding-box;
  border-radius: 0.21rem;
  padding: 0.29rem 0.5rem 0.13rem;
  font-size: 0.24rem;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.ticket-share-wrapper .share-message .share-item {
  margin-bottom: 0.12rem;
  width: 49%;
}

.ticket-share-wrapper .share-btn {
  width: 100%;
  height: 0.8rem;
  border-radius: 0.16rem;
  box-shadow: 0 0.03rem 0.06rem #00000029;
  font-size: 0.24rem;
  font-weight: 700;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.2rem;
}

.ticket-share-wrapper .share-btn svg {
  width: 0.46rem;
  height: 0.46rem;
  fill: #fff;
  margin-right: 0.24rem;
}

.ticket-share-wrapper .whatsapp-btn {
  margin-top: 0.3rem;
  background: transparent linear-gradient(178deg, #22d462, #29ce64 30%, #038937)
    0 0 no-repeat padding-box;
}

.ticket-share-wrapper .sms-btn {
  background: transparent linear-gradient(178deg, #62e1ff, #1fb1f2 30%, #0085b5)
    0 0 no-repeat padding-box;
}

.ticket-share-wrapper .facebook-btn {
  background: linear-gradient(180deg, #4496e3, #3581d0 30%, #1565c0);
}

.ticket-share-wrapper .telegram-btn {
  background: linear-gradient(180deg, #71d1ff, #039be5 30%, #0071a8);
}

.ticket-share-wrapper .twitter-btn {
  background: linear-gradient(180deg, #afafaf, #6a6a6a 30%, #3d3d3d);
}

.ticket-share-wrapper .desc-content {
  margin-top: 0.3rem;
  color: #ffb30b;
  font-size: 0.24rem;
  text-align: center;
}

.ticket-share-wrapper .share-modal-wrapper {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100032;
}

.ticket-share-wrapper .share-modal-wrapper:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  z-index: 100031;
}

@supports (-webkit-touch-callout: none) {
  .ticket-share-wrapper .share-modal-wrapper:before {
    height: calc(var(--vh, 1vh) * 100);
  }
}

@supports (height: 100dvh) {
  .ticket-share-wrapper .share-modal-wrapper:before {
    height: 100dvh;
  }
}

.ticket-share-wrapper .share-modal-wrapper .share-modal-content {
  position: relative;
  z-index: 100032;
  background: #fff;
  text-align: center;
  height: 100%;
  width: 5.8rem;
  border-radius: 0.14rem;
  padding-top: 0.3rem;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

.ticket-share-wrapper .share-modal-wrapper .share-modal-content .modal-title {
  font-size: 0.36rem;
  color: #000;
}

.ticket-share-wrapper .share-modal-wrapper .share-modal-content .modal-content {
  font-size: 0.3rem;
  color: #888;
  padding: 0 0.3rem;
}

.ticket-share-wrapper .share-modal-wrapper .share-modal-content .modal-btn {
  display: flex;
  border-top: 1px solid #ddd;
  width: 100%;
  font-weight: 700;
  font-size: 0.28rem;
  height: 1rem;
}

.ticket-share-wrapper
  .share-modal-wrapper
  .share-modal-content
  .modal-btn
  .cancel-btn {
  flex: 1 1 0%;
  width: 50%;
  color: #000;
  border-right: 1px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ticket-share-wrapper
  .share-modal-wrapper
  .share-modal-content
  .modal-btn
  .go-btn {
  flex: 1 1 0%;
  color: #108ee9;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pre-register-leave-modal {
  position: fixed;
  inset: 0;
  z-index: 111113;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(15, 23, 42, 0.72);
}

.pre-register-leave-modal-card {
  display: flex;
  flex-direction: column;
  gap: 0.22rem;
  align-items: center;
  min-width: 3.03rem;
  padding: 0.32rem;
  margin: 0 0.15rem;
  background: #0f172a;
  border: 1px solid #334155;
  border-radius: 0.1rem;
}

.pre-register-leave-modal-title {
  margin: 0;
  font-size: 0.4rem;
  font-weight: 800;
  line-height: normal;
  text-align: center;
  text-transform: uppercase;
  background: linear-gradient(180deg, gold, #ffc107);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.pre-register-leave-modal-desc {
  margin: 0;
  font-size: 0.22rem;
  font-weight: 500;
  line-height: normal;
  color: #fff;
  text-align: center;
}

.pre-register-leave-modal-bonus {
  font-weight: 700;
  text-transform: uppercase;
  background: linear-gradient(180deg, gold, #ffc107);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.pre-register-leave-modal-confirm {
  margin: 0;
  font-size: 0.24rem;
  font-weight: 700;
  line-height: normal;
  color: #fff;
  text-align: center;
}

.pre-register-leave-modal-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 3.86rem;
  min-height: 0.52rem;
  padding: 0;
  font-size: 0.24rem;
  font-weight: 600;
  line-height: normal;
  color: #0f172a;
  cursor: pointer;
  background: linear-gradient(180deg, gold, #ffc107);
  border: none;
  border-radius: 0.1rem;
}

.pre-register-leave-modal-btn:active {
  opacity: 0.7;
}

.notification-container-v2 {
  min-height: 1.5rem;
  z-index: 99999;
  top: 0.2rem;
  background: hsla(0, 0%, 100%, 0.85);
  box-shadow: 0.02rem 0.02rem 0.02rem hsla(0, 0%, 100%, 0.3);
  padding: 0.3rem 0.4rem 0.3rem 0.9rem;
  width: 100%;
  border-radius: 0.1rem;
}

.notification-container-v2 .notification-content {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  max-width: calc(100% - 1.8rem);
  max-height: 1.1rem;
  line-height: 1.2;
}

.notification-container-v2:before {
  content: "";
  width: 0.08rem;
  height: 79%;
  background: #0096fb;
  position: absolute;
  left: 0.12rem;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 0.1rem;
}

.notification-container-v2 .ncv-icon {
  background-size: 0.5rem auto;
  background-position-y: 0.06rem;
  width: 0.5rem;
  height: 0.58rem;
  position: absolute;
  left: 0.3rem;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 0.1rem;
}

.notification-container-v2 .title {
  font-size: 0.24rem;
  font-weight: 700;
  color: #333;
}

.notification-container-v2 .notification-message-mc {
  position: relative;
  font-size: 0.24rem;
  color: #333;
  visibility: hidden;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
}

@supports (-webkit-line-clamp: 2) {
  .notification-container-v2 .notification-message-mc {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}

.notification-container-v2 .notification-message-mc.rerender {
  visibility: visible;
}

.notification-container-v2 .close {
  display: inline-block;
  top: 0.19rem;
  right: 0.19rem;
  color: #c4c4c4;
  position: absolute;
}

.notification-container-v2 .close svg {
  fill: #969696;
  width: 0.64rem;
  height: 0.64rem;
  overflow: initial;
}

.notification-container {
  box-sizing: border-box;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 999999;
  max-height: calc(100% - 0.3rem);
  overflow-x: hidden;
  overflow-y: auto;
  width: calc(100% - 0.2rem);
  padding: 0 0.15rem 0.5rem;
}

.notification-container.notification-container-empty {
  display: none;
}

.notification-container .notification {
  box-sizing: border-box;
  border-radius: 0.02rem;
  color: #fff;
  background-color: #ccc;
  box-shadow: 0 0 0.12rem #999;
  cursor: pointer;
  font-size: 0.24rem;
  line-height: 1.2;
  position: relative;
  opacity: 0.9;
  margin-top: 0.15rem;
  min-height: 1.5rem;
  width: 100%;
}

.notification-container .notification .title {
  font-weight: 700;
  margin: 0 0 0.05rem;
}

.notification:focus,
.notification:hover {
  opacity: 1;
}

.notification-enter {
  visibility: hidden;
  transform: translate3d(100%, 0, 0);
}

.notification-enter.notification-enter-active {
  visibility: visible;
  transform: translateZ(0);
  transition: all 0.4s;
}

.notification-leave {
  visibility: visible;
  transform: translateZ(0);
}

.notification-leave.notification-leave-active {
  visibility: hidden;
  transform: translate3d(100%, 0, 0);
  transition: all 0.4s;
}

.notification:before {
  position: absolute;
  top: 50%;
  left: 0.15rem;
  margin-top: -0.14rem;
  display: block;
  font-family: Notification;
  width: 0.28rem;
  height: 0.28rem;
  font-size: 0.28rem;
  text-align: center;
  line-height: 0.28rem;
}