/* src/styles.css */
/* src/app.a90ba51f.css */
.common-popup-container .common-popup-mask {
  background-color: rgba(0, 27, 27, .5);
  -webkit-backdrop-filter: blur(.05rem);
  backdrop-filter: blur(.05rem);
}
.common-popup-container .common-popup-layout,
.common-popup-container .common-popup-mask {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10100;
  width: 100%;
  height: 100vh;
  height: calc(100*var(--vh, 1vh));
}
.common-popup-container .common-popup-layout {
  display: flex;
  align-items: center;
  justify-content: center;
}
.common-popup-container .common-popup-layout.popup-slide-down {
  align-items: flex-end;
}
.common-popup-container .common-popup-content {
  position: relative;
  z-index: 10101;
  display: flex;
  justify-content: center;
}
.common-popup-container .common-popup-content .popup-content {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-height: 100vh;
  max-height: calc(100*var(--vh, 1vh));
}
.common-popup-container .common-popup-content .common-popup-header {
  position: relative;
  height: .74rem;
  font-size: .28rem;
  font-weight: 600;
  color: #fff;
  background:
    linear-gradient(
      180deg,
      #80b4fe,
      #74adfe 50%,
      #599eff);
  border-radius: .2rem .2rem 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.common-popup-container .common-popup-content.popup-normal .popup-content {
  width: 6.2rem;
  height: 9.2rem;
  background: #1a1d24;
  border-radius: .2rem;
}
.common-popup-container .common-popup-content.popup-normal .popup-body {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: calc(100% - 1.32rem);
  overflow: hidden auto;
  overscroll-behavior: none;
}
.common-popup-container .common-popup-content.popup-normal .popup-content-inner {
  position: relative;
  width: 100%;
  padding: .3rem;
}
.common-popup-container .common-popup-content.popup-normal .popup-content-inner .popup-slide-item {
  display: none;
  font-size: .24rem;
  font-weight: 300;
  color: #fff;
}
.common-popup-container .common-popup-content.popup-normal .popup-content-inner .popup-slide-item.on {
  display: block;
}
.common-popup-container .common-popup-content.popup-normal .popup-content-inner img {
  width: 100%;
}
.common-popup-container .common-popup-content.popup-normal .popup-content-inner .wysiwyg {
  padding: 0;
}
.common-popup-container .popup-close {
  position: absolute;
  top: .32rem;
  right: .32rem;
  z-index: 10101;
  width: .5rem;
  height: .5rem;
}
.common-popup-container .popup-close .am-icon,
.common-popup-container .popup-close img {
  display: block;
  width: 100%;
  height: 100%;
}
.common-popup-container .popup-line {
  width: 100%;
  height: 1px;
  margin: .3rem 0;
  background-color: #ffb800;
  transform: scaleY(.5);
}
.common-popup-container .shell-spinner-loading-wrap {
  background: rgba(46, 49, 88, .4);
  -webkit-backdrop-filter: blur(.2rem);
  backdrop-filter: blur(.2rem);
}
.popup-zoom-enter {
  transform: scale(0);
}
.popup-zoom-enter-active {
  transform: scale(1);
  transition: transform 225ms cubic-bezier(.4, 0, .2, 1);
}
.popup-zoom-exit {
  transform: scale(1);
}
.popup-zoom-exit-active {
  transform: scale(0);
  transition: transform 225ms cubic-bezier(.4, 0, .2, 1);
}
.game-more {
  position: relative;
  margin: .3rem 0 0;
}
.game-more .btn-more {
  height: .5rem;
  font-size: .24rem;
  font-weight: 700;
  color: #6b000c;
  text-align: center;
  background:
    linear-gradient(
      270deg,
      #ebab51,
      #fbe38c);
  border-radius: .12rem;
}
.game-more .btn-more,
.game-more .progress-loading {
  display: flex;
  align-items: center;
  justify-content: center;
}
.game-more .progress-loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
}
.game-more .progress-loading:after {
  box-sizing: border-box;
  width: .48rem;
  height: .48rem;
  content: "";
  border: .06rem solid transparent;
  border-top-color: #fff;
  border-left-color: #fff;
  border-radius: 50%;
  animation: rotate-full .6s linear infinite;
}
.no-data-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 5rem;
  font-size: .32rem;
  font-weight: 600;
  color: #6a82ad;
}
.no-data-wrap,
.no-data-wrap .no-data-content {
  text-align: center;
}
.no-data-wrap .no-data-content .data-icon {
  width: 2.08rem;
  margin-top: .2rem;
}
.shell-spinner-loading-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.shell-spinner-loading-wrap .shell-spinner-loading {
  width: .65rem;
  height: .65rem;
  animation: rotator 1.4s linear infinite;
}
.shell-spinner-loading-wrap .shell-spinner-loading .path {
  stroke-dasharray: 187;
  stroke-dashoffset: 0;
  transform-origin: center;
  animation: dash 1.4s linear infinite, colors 5.6s linear infinite;
}
@keyframes rotator {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
@keyframes colors {
  0% {
    stroke: #fefc41;
  }
  20% {
    stroke: #ff5676;
  }
  40% {
    stroke: #fa60ff;
  }
  60% {
    stroke: #3296ff;
  }
  80% {
    stroke: #30f282;
  }
  to {
    stroke: #fefc41;
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: 46.75;
    transform: rotate(180deg);
  }
  to {
    stroke-dashoffset: 187;
    transform: rotate(1turn);
  }
}
.am-icon {
  fill: currentColor;
  background-size: cover;
  width: .44rem;
  height: .44rem;
}
.am-icon-xxs {
  width: .3rem;
  height: .3rem;
}
.am-icon-xs {
  width: .36rem;
  height: .36rem;
}
.am-icon-sm {
  width: .42rem;
  height: .42rem;
}
.am-icon-md {
  width: .44rem;
  height: .44rem;
}
.am-icon-lg {
  width: .72rem;
  height: .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);
  }
}
.game-search-wrap .game-search-item {
  position: relative;
  display: flex;
  align-items: center;
  height: 1.44rem;
  padding: .16rem .96rem .16rem .32rem;
}
.game-search-wrap .game-search-item .game-background {
  flex-shrink: 0;
  width: .8rem;
  height: .8rem;
  margin-right: .32rem;
  overflow: hidden;
  background-color: #222433;
  border-radius: .16rem;
}
.game-search-wrap .game-search-item .game-info {
  flex: 1 1 0%;
  overflow: hidden;
}
.game-search-wrap .game-search-item .game-display-name {
  font-size: .32rem;
  line-height: .48rem;
  color: #fff;
}
.game-search-wrap .game-search-item .game-vendor-name {
  font-size: .28rem;
  line-height: .4rem;
  color: hsla(0, 0%, 100%, .7);
}
.game-search-wrap .game-search-item .btn-arrow {
  position: absolute;
  top: .4rem;
  right: .24rem;
  width: .64rem;
  height: .64rem;
  background: #1a1b27;
  border: .02rem solid hsla(0, 0%, 100%, .4);
  border-radius: .16rem;
  box-shadow: 0 .02rem .02rem 0 rgba(0, 0, 0, .12);
  display: flex;
  align-items: center;
  justify-content: center;
}
.game-search-wrap .game-search-item .btn-arrow .am-icon {
  display: block;
  width: .48rem;
  height: .48rem;
}
.game-search-wrap {
  width: 100vw;
  height: 100vh;
  height: calc(100*var(--vh, 1vh));
  background: rgba(46, 49, 88, .75);
  box-shadow:
    0 .22rem .3rem -.14rem rgba(0, 0, 0, .2),
    0 .48rem .76rem .06rem rgba(0, 0, 0, .14),
    0 .18rem .92rem .16rem rgba(0, 0, 0, .12);
  -webkit-backdrop-filter: blur(.1rem);
  backdrop-filter: blur(.1rem);
}
.game-search-wrap .game-filter {
  display: grid;
  flex-shrink: 0;
  grid-auto-flow: column;
  gap: .1rem;
  margin-left: .1rem;
}
.game-search-wrap .game-filter .filter-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: .8rem;
  height: .8rem;
  color: #fff;
  background: #930000;
  border-radius: .24rem;
}
.game-search-wrap .game-filter .filter-btn .am-icon {
  width: .4rem;
  height: .4rem;
}
.game-search-wrap .game-search-content {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: auto;
}
.game-search-wrap .search-header {
  flex-shrink: 0;
  height: 2.2rem;
  padding: .46rem .32rem .08rem;
  font-size: .4rem;
  font-style: normal;
  font-weight: 700;
  color: #fff;
}
.game-search-wrap .search-result-title {
  margin-top: .3rem;
  font-size: .32rem;
  line-height: .48rem;
  color: #fff;
}
.game-search-wrap .search-input-wrap {
  position: relative;
  display: flex;
  align-items: center;
  padding-right: 1.12rem;
}
.game-search-wrap .search-input-wrap .search-input {
  width: 100%;
  height: .8rem;
  padding: 0 .15rem;
  font-size: .32rem;
  color: #fff;
  background: transparent;
  border: .02rem solid hsla(0, 0%, 100%, .23);
  border-radius: .16rem;
}
.game-search-wrap .search-input-wrap .search-input::placeholder {
  color: hsla(0, 0%, 100%, .5);
}
.game-search-wrap .search-input-wrap .search-input:focus {
  border: .02rem solid #00b4d8;
}
.game-search-wrap .search-input-wrap .search-icon {
  position: absolute;
  top: .25rem;
  left: .22rem;
  width: .3rem;
  height: .3rem;
  color: hsla(0, 0%, 100%, .5);
}
.game-search-wrap .search-input-wrap .search-control {
  position: absolute;
  top: .21rem;
  right: .16rem;
  display: flex;
  align-items: center;
  height: .3rem;
  font-size: .24rem;
  font-weight: 600;
  line-height: normal;
  color: #531f0e;
}
.game-search-wrap .search-input-wrap .search-clear {
  width: .24rem;
  height: .24rem;
  margin-right: .24rem;
  fill: none;
}
.game-search-wrap .search-result-wrap {
  display: flex;
  flex-shrink: 0;
  justify-content: space-between;
  margin: .2rem 0;
  font-size: .24rem;
  font-weight: 600;
  line-height: normal;
  color: #1f2937;
}
.game-search-wrap .search-result-wrap .total-count {
  margin: 0 .12rem;
  color: #8a0b0c;
}
.game-search-wrap .search-result-content {
  flex: 1 1 0%;
  overflow: auto;
}
.game-search-wrap .search-game-result {
  padding: .24rem .3rem 0 0;
}
.game-search-wrap .search-game-result .result-title {
  display: flex;
  align-items: center;
  margin-bottom: .2rem;
  font-size: .3rem;
  font-weight: 700;
  line-height: normal;
  color: #fff;
}
.game-search-wrap .search-game-result .result-title .am-icon {
  margin-right: .1rem;
}
.game-search-wrap .game-more {
  display: flex;
  justify-content: center;
  margin-top: .2rem;
}
.game-search-wrap .game-more .btn-more {
  display: flex;
  align-items: center;
  padding: .13rem .25rem;
  font-size: .24rem;
  font-weight: 600;
  color: #fff;
  text-align: center;
  background: #ca5a00;
  border-radius: .64rem;
}
.game-search-wrap .game-more .am-icon {
  width: .32rem;
  height: .32rem;
  margin-left: .08rem;
}
.game-search-wrap .category-game-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: .2rem .25rem;
}
.game-search-wrap .no-result {
  margin-top: .5rem;
}
.download-bar .download-bar-center {
  right: 1.1rem;
  left: auto !important;
  transform: translateY(-50%) !important;
}
.download-bar .download-bar-center .shell-download-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-shrink: 0;
  min-width: 1.78rem;
  height: .66rem;
  padding: 0 .24rem;
  font-size: .28rem;
  font-weight: 600;
  color: #6b000c;
  text-align: center;
  background:
    linear-gradient(
      270deg,
      #ebab51,
      #fbe38c);
  border-radius: .6rem;
}
.download-bar .download-bar-center .shell-download-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.download-bar .download-bar-center .download-bar-info {
  display: flex;
  flex: 1 1 0%;
  align-items: center;
}
.download-bar .download-bar-center .app-text {
  flex: 1 1 0%;
  max-width: 100% !important;
  font-size: .24rem;
  font-weight: 500;
  line-height: normal;
  color: #6d7c9d;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
}
@supports (-webkit-line-clamp:2) {
  .download-bar .download-bar-center .app-text {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}
.download-bar .download-bar-center .app-down-title {
  position: relative;
  margin-bottom: .02rem;
  font-size: .28rem;
  line-height: .36rem;
  color: #414655;
}
.download-bar .download-bar-center .default-tip {
  display: flex;
  align-items: center;
  font-size: .18rem;
  line-height: .28rem;
  color: #9aa4c2;
}
.download-bar .download-bar-center .app-icon {
  width: .5rem;
  height: .5rem;
  margin-right: .2rem;
}
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
h1 {
  font-size: 2em;
  margin: .67em 0;
}
figcaption,
figure,
main {
  display: block;
}
figure {
  margin: 1em .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: -.25em;
}
sup {
  top: -.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: .35em .75em .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: -.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: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(.55, 0, .55, .2);
  animation-timing-function: cubic-bezier(.55, 0, .55, .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: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(.55, 0, .55, .2);
  animation-timing-function: cubic-bezier(.55, 0, .55, .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: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(.55, 0, .55, .2);
  animation-timing-function: cubic-bezier(.55, 0, .55, .2);
  -webkit-animation-timing-function: cubic-bezier(.18, .89, .32, 1.28);
  animation-timing-function: cubic-bezier(.18, .89, .32, 1.28);
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.am-zoom-leave {
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(.55, 0, .55, .2);
  animation-timing-function: cubic-bezier(.55, 0, .55, .2);
  -webkit-animation-timing-function: cubic-bezier(.6, -.3, .74, .05);
  animation-timing-function: cubic-bezier(.6, -.3, .74, .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: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(.55, 0, .55, .2);
  animation-timing-function: cubic-bezier(.55, 0, .55, .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: .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, .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: .14rem;
  height: auto;
  padding-top: .3rem;
}
.am-modal.am-modal-transparent .am-modal-content .am-modal-body {
  padding: 0 .3rem .3rem;
}
.am-modal-title {
  margin: 0;
  font-size: .36rem;
  line-height: 1;
  color: #000;
  text-align: center;
}
.am-modal-header {
  padding: .12rem .3rem .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: .3rem;
  z-index: 999;
  height: .42rem;
  width: .42rem;
}
.am-modal-close-x {
  display: inline-block;
  width: .3rem;
  height: .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: .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: .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: .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: .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: .18rem;
  border-top: 1px solid #ddd;
  border-top-left-radius: .06rem;
  border-top-right-radius: .06rem;
}
.am-modal-input:last-child {
  border-bottom-left-radius: .06rem;
  border-bottom-right-radius: .06rem;
}
.am-modal-input input {
  border: 0;
  width: 98%;
  height: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: .06rem 0;
}
.am-modal-input input::-webkit-input-placeholder {
  font-size: .28rem;
  color: #ccc;
  padding-left: .16rem;
}
.am-modal-input input:-ms-input-placeholder {
  font-size: .28rem;
  color: #ccc;
  padding-left: .16rem;
}
.am-modal-input input::placeholder {
  font-size: .28rem;
  color: #ccc;
  padding-left: .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: .18rem .48rem .24rem;
}
.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-header .am-modal-title {
  text-align: left;
  font-size: .42rem;
  color: #000;
}
.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-body {
  color: #000;
  text-align: left;
  padding: 0 .48rem .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: .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 .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: .06rem;
  padding: 0 .3rem;
  height: .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 .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 .3rem;
  margin-left: .06rem;
  height: .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: .3rem;
}
.am-modal.am-modal-operation .am-modal-content {
  border-radius: .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;
}
.footer-home-screen-shell {
  position: fixed;
  bottom: .35rem !important;
  left: 0;
  z-index: 99999;
  width: 100%;
  padding: 0;
  text-align: center;
  background-color: transparent;
  transition: all .3s;
}
.footer-home-screen-shell.footer-home-screen-hide {
  bottom: -4rem !important;
}
.footer-home-screen-shell.footer-home-screen-hide .model-mask {
  display: none;
}
.footer-home-screen-shell .model-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .3);
}
.footer-home-screen-shell .icon {
  width: .44rem;
  height: .44rem;
  fill: #fff;
}
.footer-home-screen-shell .icon__share {
  width: .6rem;
  height: .6rem;
  margin: 0;
  transform: translateY(10%);
}
.footer-home-screen-shell .icon__close-button {
  position: absolute;
  top: .45em;
  right: .45em;
  width: .875em;
  height: .875em;
}
.footer-home-screen-shell.agent .add-home-screen {
  background: #7bc8f1;
}
.footer-home-screen-shell.agent .add-home-screen:after {
  border-top: .2rem solid #7bc8f1;
}
.footer-home-screen-shell .add-home-screen {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 5.95rem;
  height: .9rem;
  margin: 0 auto;
  background: #ffb800;
  border-radius: .15rem;
}
.footer-home-screen-shell .add-home-screen:after {
  position: absolute;
  bottom: -.18rem;
  left: 50%;
  width: 0;
  height: 0;
  content: "";
  border-top: .2rem solid #ffb800;
  border-right: .2rem solid transparent;
  border-left: .2rem solid transparent;
  transform: translateX(-50%);
}
.footer-home-screen-shell .add-home-screen .icon_close {
  position: absolute;
  top: -.15rem;
  right: -.15rem;
  width: .45rem;
  height: .45rem;
}
.footer-home-screen-shell .app-icon {
  flex: 0 0 1.28rem;
  width: 1.28rem;
  height: 1.28rem;
  vertical-align: middle;
  border-radius: .8em;
}
.footer-home-screen-shell .home-screen-tips {
  display: flex;
  align-items: center;
  padding-left: 1em;
  font-size: .24rem;
  color: #fff;
  text-align: left;
}
.footer-home-screen-shell .home-screen-tips .icon_click {
  display: inline-block;
  width: .28rem;
  height: .37rem;
  margin: 0 .15rem;
}
.footer-home-screen-shell .home-screen-tips .icon_add {
  display: inline-block;
  width: .33rem;
  height: .33rem;
  margin: 0 .15rem;
}
.footer-home-screen-shell .home-screen-tips .label {
  display: inline-block;
  line-height: normal;
  transform: translateY(8%);
}
.footer-home-screen-shell .add-app-icon {
  display: inline-block;
  width: .1rem;
  height: .1rem;
}
.footer-home-screen-shell .home-screen-tips-second {
  display: flex;
  align-items: center;
}
.footer-home-screen-shell .home-screen-tips-first .title {
  display: block;
  padding-bottom: .2rem;
  font-size: .36rem;
  color: #fff;
  text-align: left;
}
.footer-home-screen-shell .home-screen-tips-first .content {
  display: block;
  padding-bottom: 1em;
  font-size: .24rem;
  line-height: 1.5;
  color: #fff;
  text-align: left;
}
.footer-home-screen-shell .home-screen-tips-first h4,
.footer-home-screen-shell span {
  line-height: 1;
}
.footer-home-screen-shell .btn-primary {
  height: auto;
  padding: .14rem;
  margin: 0 auto;
  font-size: .3rem;
}
.footer-home-screen-shell .home-screen-tips-profile {
  width: 100%;
}
.app-download-popup {
  margin-top: 1rem;
}
.app-download-popup .popup-content .popup-close {
  top: -.71rem;
  right: 0;
}
.app-download-popup .app-download-content {
  position: relative;
  width: 6.3rem;
  padding: 2.3rem 0 0;
  background: rgba(0, 78, 86, .9);
  border: 1px solid rgba(0, 28, 44, .4);
  border-radius: .3rem;
  box-shadow: inset 0 .02rem 0 0 #006165, 0 1px 0 0 #001c2c;
  -webkit-backdrop-filter: blur(.02rem);
  backdrop-filter: blur(.02rem);
}
.app-download-popup .download-banner {
  position: absolute;
  top: -2.9rem;
  left: .15rem;
  width: 6rem;
  margin: 0 auto;
}
.app-download-popup .download-banner img {
  display: block;
  width: 100%;
}
.app-download-popup .app-download-header {
  position: relative;
  margin-bottom: .3rem;
}
.app-download-popup .app-download-header .title {
  position: relative;
  z-index: 2;
  font-size: .52rem;
  font-weight: 700;
  line-height: .46rem;
  color: #fff;
  text-align: center;
  text-shadow: 0 .04rem 0 rgba(0, 0, 0, .35);
}
.app-download-popup .download-main {
  position: relative;
  z-index: 1;
  padding: 0 .35rem .2rem;
}
.app-download-popup .download-btns {
  position: relative;
}
.app-download-popup .download-title {
  font-size: .36rem;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  color: #642017;
  text-align: center;
}
.app-download-popup .download-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .28rem .21rem;
  font-size: .24rem;
  font-weight: 500;
  color: #fff;
  background: #002632;
  border: .02rem solid #006165;
  border-radius: .2rem;
  box-shadow: 0 .04rem 0 0 #002631;
}
.app-download-popup .download-item + .download-item {
  margin-top: .24rem;
}
.app-download-popup .download-item .app-info {
  display: flex;
  align-items: center;
}
.app-download-popup .download-item .sys-icon {
  width: .4rem;
  height: .4rem;
  margin-right: .25rem;
}
.app-download-popup .download-item .app-icon {
  width: .8rem;
  height: .8rem;
  margin-right: .14rem;
  border-radius: .1rem;
}
.app-download-popup .download-item .phone-icon {
  width: .4rem;
  height: .4rem;
  margin-right: .26rem;
}
.app-download-popup .download-item .down-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 1.59rem;
  height: .54rem;
  padding: 0 .2rem;
  font-size: .24rem;
  font-weight: 700;
  line-height: normal;
  color: #b64100;
  text-align: center;
  white-space: nowrap;
  text-shadow: 0 .02rem 0 rgba(159, 52, 0, .2);
  background:
    linear-gradient(
      180deg,
      #ffe600,
      #ffb800);
  border: 1px solid rgba(255, 242, 166, .5);
  border-radius: .12rem;
  box-shadow: inset 0 .02rem 0 1px #fff2a6, 0 .02rem 0 0 #b64100;
}
.app-download-popup .download-bottom {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  height: 2.2rem;
  padding-inline: .25rem;
  background: url(https://www.ck444.pro/m/download-decoration.94c60896.png) no-repeat 50%/contain;
  transform: translateY(.3rem);
}
.app-download-popup .download-bottom .tg {
  display: flex;
  gap: .2rem;
  align-items: center;
  padding: .11rem .28rem;
  margin-bottom: .26rem;
  font-size: .27rem;
  font-weight: 700;
  color: #fff;
  text-transform: capitalize;
  text-shadow: 0 .04rem 1px rgba(0, 0, 0, .25);
  background:
    linear-gradient(
      180deg,
      #36aee1 .01%,
      #1e96c8 100.02%);
  border-radius: .7rem;
  box-shadow: inset 0 -.06rem .08rem 0 hsla(0, 0%, 100%, .4);
}
.app-download-popup .download-bottom .prompt-text {
  text-align: center;
}
.app-download-popup .download-bottom .prompt-text p {
  font-weight: 700;
  background:
    linear-gradient(
      180deg,
      #ffe600,
      #ffb800);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.app-download-popup .download-bottom .prompt-text p:first-child {
  font-size: .2rem;
}
.app-download-popup .download-bottom .prompt-text p:last-child {
  font-size: .3rem;
}
.hairline-remove-right-bottom {
  border-bottom: 0;
}
.hairline-remove-right-bottom:after {
  display: none;
}
.hairline-remove-right-bottom-bak:after {
  display: none;
}
.hairline-remove-left-top:before {
  display: none;
}
.am-toast {
  position: fixed;
  width: 100%;
  z-index: 1999;
  font-size: .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: .06rem;
  color: #fff;
  background-color: rgba(58, 58, 58, .9);
  line-height: 1.5;
  padding: .18rem .3rem;
}
.am-toast-notice-content .am-toast-text.am-toast-text-icon {
  border-radius: .1rem;
  padding: .3rem;
}
.am-toast-notice-content .am-toast-text.am-toast-text-icon .am-toast-text-info {
  margin-top: .12rem;
}
.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-popover {
  position: absolute;
  z-index: 1999;
}
.am-popover-hidden {
  display: none;
}
.am-popover-mask {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, .4);
  height: 100%;
  z-index: 999;
}
.am-popover-mask-hidden {
  display: none;
}
.am-popover-arrow {
  position: absolute;
  width: .14rem;
  height: .14rem;
  border-radius: .02rem;
  background-color: #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 0;
  box-shadow: 0 0 .02rem rgba(0, 0, 0, .21);
}
.am-popover-placement-top .am-popover-arrow,
.am-popover-placement-topLeft .am-popover-arrow,
.am-popover-placement-topRight .am-popover-arrow {
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
  bottom: -.07rem;
}
.am-popover-placement-top .am-popover-arrow {
  left: 50%;
}
.am-popover-placement-topLeft .am-popover-arrow {
  left: .16rem;
}
.am-popover-placement-topRight .am-popover-arrow {
  right: .16rem;
}
.am-popover-placement-right .am-popover-arrow,
.am-popover-placement-rightBottom .am-popover-arrow,
.am-popover-placement-rightTop .am-popover-arrow {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: -.07rem;
}
.am-popover-placement-right .am-popover-arrow {
  top: 50%;
}
.am-popover-placement-rightTop .am-popover-arrow {
  top: .16rem;
}
.am-popover-placement-rightBottom .am-popover-arrow {
  bottom: .16rem;
}
.am-popover-placement-left .am-popover-arrow,
.am-popover-placement-leftBottom .am-popover-arrow,
.am-popover-placement-leftTop .am-popover-arrow {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  right: -.07rem;
}
.am-popover-placement-left .am-popover-arrow {
  top: 50%;
}
.am-popover-placement-leftTop .am-popover-arrow {
  top: .16rem;
}
.am-popover-placement-leftBottom .am-popover-arrow {
  bottom: .16rem;
}
.am-popover-placement-bottom .am-popover-arrow,
.am-popover-placement-bottomLeft .am-popover-arrow,
.am-popover-placement-bottomRight .am-popover-arrow {
  top: -.07rem;
}
.am-popover-placement-bottom .am-popover-arrow {
  left: 50%;
}
.am-popover-placement-bottomLeft .am-popover-arrow {
  left: .16rem;
}
.am-popover-placement-bottomRight .am-popover-arrow {
  right: .16rem;
}
.am-popover-inner {
  font-size: .3rem;
  color: #000;
  background-color: #fff;
  border-radius: .06rem;
  box-shadow: 0 0 .04rem rgba(0, 0, 0, .21);
  overflow: hidden;
}
.am-popover-inner-wrapper {
  position: relative;
  background-color: #fff;
}
.am-popover .am-popover-item {
  padding: 0 .16rem;
}
.am-popover .am-popover-item-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: .78rem;
  box-sizing: border-box;
  border-top: 1px solid #ddd;
  padding: 0 .16rem;
}
.am-popover .am-popover-item.am-popover-item-active .am-popover-item-container,
.am-popover .am-popover-item:first-child .am-popover-item-container {
  border-top-color: transparent;
}
.am-popover .am-popover-item.am-popover-item-active + .am-popover-item .am-popover-item-container {
  border-top-color: transparent;
}
.am-popover .am-popover-item.am-popover-item-active {
  background-color: #ddd;
}
.am-popover .am-popover-item.am-popover-item-active.am-popover-item-fix-active-arrow {
  position: relative;
}
.am-popover .am-popover-item.am-popover-item-disabled {
  color: #bbb;
}
.am-popover .am-popover-item.am-popover-item-disabled.am-popover-item-active {
  background-color: transparent;
}
.am-popover .am-popover-item-icon {
  margin-right: .16rem;
  width: .36rem;
  height: .36rem;
}
.language-popover .am-popover-arrow {
  display: none;
}
.language-popover .am-popover-inner {
  width: 2.4rem;
  padding: .1rem;
  background-color: #002632;
  border: .02rem solid #00aab1;
  border-radius: .2rem;
  box-shadow: 0 .08rem .08rem 0 rgba(0, 0, 0, .25), 0 .04rem 0 0 #002631;
}
.language-popover .am-popover-inner .am-popover-inner-wrapper {
  background-color: transparent;
}
.language-popover .am-popover-inner .am-popover-item-container {
  height: auto;
  padding: 0;
  border-top: none;
}
.language-popover .am-popover-inner .am-popover-item-content {
  display: flex;
  align-items: center;
}
.language-popover .language-item {
  display: flex;
  align-items: center;
  padding: .12rem .28rem;
  font-size: .24rem;
  font-weight: 500;
  color: #e0fff7;
}
.language-popover .language-item.on {
  color: #003e3e;
  background: #ffb800;
}
.language-popover .language-item .language-icon {
  width: .4rem;
  height: .4rem;
  margin-right: .24rem;
}
.language-popover .language-item + .language-item {
  margin-top: .04rem;
}
.touch-move-wrap {
  position: relative;
  width: 100%;
  height: 100%;
}
.left-side-menu {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 57;
  width: 4.8rem;
  height: 100vh;
  height: calc(var(--vh, 1vh)*100);
  background: #044243;
  transform: translateX(-110%);
  transition: transform .3s cubic-bezier(.4, 0, .2, 1);
}
.left-side-menu .v-line {
  width: 100%;
  height: 1px;
  background: hsla(0, 0%, 100%, .3);
  transform: scaleY(.5);
}
.left-side-menu .side-logo {
  padding: .4rem .32rem;
}
.left-side-menu .side-logo .common-logo {
  display: block;
  height: .7rem;
}
.left-side-menu .close-sidebar {
  position: absolute;
  top: .32rem;
  right: .32rem;
  z-index: 1;
  width: .48rem;
  height: .5rem;
  color: #fff;
}
.left-side-menu .close-sidebar .am-icon {
  display: block;
  width: 100%;
  height: 100%;
}
.left-side-menu .side-menu-layout {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.left-side-menu .main-nav-wrap {
  display: grid;
  gap: .1rem;
  width: 1.9rem;
}
.left-side-menu .main-nav-wrap.game-nav-wrap .item-icon {
  fill: url(#icon_gradient2);
}
.left-side-menu .main-nav-item {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
  width: 100%;
  height: 1.4rem;
  padding: .14rem .18rem;
  overflow: hidden;
  font-size: .24rem;
  font-weight: 700;
  line-height: normal;
  color: #e0fff7;
  text-align: center;
  background: #003840;
  border-radius: .2rem;
  box-shadow: 0 .02rem 0 0 #001f23, inset 0 .02rem 0 0 #006165;
}
.left-side-menu .main-nav-item.on {
  color: #fde9bf;
}
.left-side-menu .main-nav-item.on .icon-active {
  display: block;
}
.left-side-menu .main-nav-item.on .icon-normal {
  display: none;
}
.left-side-menu .main-nav-item .item-icon {
  display: block;
  width: .6rem;
  height: .6rem;
  margin-bottom: .08rem;
}
.left-side-menu .main-nav-item .item-icon.lang-icon {
  width: .44rem;
  height: .44rem;
  margin-bottom: .16rem;
}
.left-side-menu .main-nav-item .icon-active {
  display: none;
}
.left-side-menu .main-nav-item .item-name {
  display: flex;
  align-items: center;
  justify-content: center;
  height: .44rem;
}
.left-side-menu .side-menu-content {
  position: relative;
  width: 100%;
  height: 100%;
  padding: .36rem .4rem;
  overflow: hidden auto;
  overscroll-behavior: none;
}
.main-nav-open .left-side-menu,
.main-nav-open .right-side-menu {
  transform: translateX(0);
}
.main-nav-open .sidebar-mask {
  display: block;
}
.sidebar-mask {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 56;
  display: none;
  width: 100vw;
  height: 100%;
  overscroll-behavior: none;
  background-color: rgba(0, 27, 27, .5);
  -webkit-backdrop-filter: blur(.05rem);
  backdrop-filter: blur(.05rem);
}
.user-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 50%;
}
.user-avatar:after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  content: "";
}
.user-avatar .profile-icon {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 50%;
}
.user-avatar .default-avatar img {
  display: block;
  width: 100%;
}
.member-balance,
.member-balance .member-balance-bg {
  display: flex;
  align-items: center;
  width: 100%;
}
.member-balance .sum-balance {
  display: flex;
  align-items: center;
}
.member-balance .sum-balance .amount {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.member-balance .sum-balance .symbol {
  margin-right: .1rem;
}
.member-balance .sum-balance .icon-wallet {
  flex-shrink: 0;
  width: .36rem;
  height: .36rem;
  margin-right: .08rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAacSURBVHgB7ZfbbxRVHMe/c9n7trvQG4Wm3ZbWgCGxPKAkxiDGNEEfWuKD+kR9MvEFSDDRJ9pEE4UQ5QXfTP8D4EUSTGgTfcBoAhgJEZBuK4XS2166uzM7uzPH3zmzl5nd6c1nfsm0Z2fO+Z3P+f5+8ztngJe2uUnYobHZiTgK+hiYeYxGD4MhQbfjlcdpupckt3Sx65CVGengN0nswLYNxB58kYBpnabWONSWOJQwNU3AWAFaDgLlLKAteA2dgqJMbhdsSyChSL5wnlpnENgDhPbRKNV+yCHWHwD+DsAq2r83nup7RMKTUv9EGv8XyFbFnCaABKJDgNpqT1wkVYqL1KGMHVqS1Dq+mVobArH7n/P8uErNBCIDtgocgoeFQMx1DeVMHswwKHKW7UyRIYeCUKIhKC0hb8eWlcS6dlJ688rdbQPVlIFIWDtHuCrGMkpLKRjP12DmLOhJCYVkGeU1JrqpuyUEeySEB2WoMR/83buhtrU2T1AoprGaPSydmEpuCWTnTP5ODaa6sGIJxfkX0Oc0pGZMZH4jVUoSfCE/FFUWfcyyheK6LtqxNxS0nVAQ7A0h0LcHckB1OKMFLK2RUtZh6eSUK6fURiA7gZth9EcLWL1ZxMoNE8FgCD0H2hCMBiBXYFwCpDVk5jNIfptF+wkTbSNPERzqqUPJpEM4lADT+FxnN1SoEqpZL5jl6zoy0zK6D+5BOF7Pj5JeQurfNDqHOjzBnj9YROy4hY7RoBuKq/R8lf/vd4bOvTzTPN/o1FhYRmq6hNwvPvQf6XPBcFuZXQU79QGM8Q+bgHjf3sM9WKex6VsU8rnF+kOuUsAHKLJrzhoQu3OGV9tx58Pyahbakzyyv0I4bgwPVyenBNHx6SjUd16H+cr+Jihf0CfGpn6m/suaeDtrppJajI2xq+PxJiD4fWONzkprWZEz3b09nrnC1dl9+mNEIrLwbY2OwMt40ncmurBGL4PBw1SbU+F/44jIY81ADMecTnju8NX4c1FapR13i79FuSIyi1ksPVoW6sQ/eldkokm7iHJoEOsd3cit5EU/3r9qPHzs7yjMVLFWt6hIVh/X5na+ZcMuIM1A4TFDrLXNViO5ivzAEMLHDkGORRB5dQC7ersg05I0rVIYqR2+eA76X0+ofi4hff8JWuUyQnfviefRWCt0uh8czFN9aqHZq0Bs2Aso4QaiLSLjr6nT2t+F6KWzCLSH0WiM1dsyzRF+jSo7v947CmNNA/vyIaSCJlTKLkqwjFJlElaNTqI23uE37gKiQQqr8/ppu/Bf+gFGqlDzs5WVUhp8F68ImKpFIlEHkNU0t7yZwwAVPqfJT5/Bd4Gg5tZg6Mzhr25crbLBoNMbpV64Isa4fPhk2vMqoSqZTeOdQK4SroQIJty8m/MJcme+QpkWqecZtBxdecdFvw2KdvDrS00wwmKG2IRtoHLT3E6gpGtiDtSuw8uKS3V2rgiz6lfNNO+xHIifBmxHldBJ9bnrQJZ0zwUUDkBqsTyhrJ692Mo8+5Di3Kc4mvBwmZWQWZhrBlLYjHMsl1Vti4H15Vw++Y6uDPa57skP/4G8mnID7d6FRmMH0lDiUftHzlGxGbtWbdZfI6N0DT7fd3BkvK8zhnL/PPDYECWgasHBfTUQ/083odB/buWjR1B6fwRW2y5SiPf5oz4pz0danL+7n1ZFyhdcys9UG+7d/s9zU7TpnXLeK1G+FB+mIN2iEJRsQRlNaA4NQr39O7yMg8lPF+pJTTDsrUX498fEoQ2pXB1IkqakkR8/8QbyOH5w05MvUJ7VId3uJEcqdmQc5ugS1AE6fvR1UagIJONIg82OH+LwzazLjT6DtDH6hiJilWxvAds11qGLMTUYnshOGK5OwzG2ebllcwI+ZZTcJZy3Az3tkP0qSvEUrDlyOh+F9Kx5G4HPAotTzlECS10GhaiNcjFuw6xknD2TlEuTjcM3OeRb041Q3HjZN9N5kVtiC+DJXsktDsNDJEcVOvC3ChBRBBvDJPFCyI5LI1N3twUkoKY/G0ZIuYpIIEHSevbhQKxIOVLdm2hL4AW1dkzlb1NqvV4AqzAmO0mhmvHyufmH4o3xBB3cptFCB3L7uIltGQcoFBtfbW5JSATjocy2gATUNB0vi9IE9TwtoPz8UiFUq26SZqXq8jzR+Se15657GRomGj97dgxU88fVkgkMOIWdmERFz2STG4WoufsOTYABb0OVR2nV9G3lOGny/JBlynbahhT5HrLlqa0UeWk7tf8AT+/6S+VZjaEAAAAASUVORK5CYII=) no-repeat 50%/cover;
}
.member-balance .balance-control {
  display: flex;
  align-items: center;
  margin-left: .12rem;
}
.member-balance .balance-control .toggle-balance {
  width: .32rem;
  height: .32rem;
  color: #c5c6c8;
}
.member-balance .balance-control .toggle-balance svg {
  display: block;
  width: 100%;
  height: 100%;
}
.member-balance .shell-refresh-balance {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: .32rem;
  height: .32rem;
  margin-left: .1rem;
}
.member-balance .shell-refresh-balance.rotateFull {
  animation: rotate-full .3s linear infinite;
}
.member-balance .shell-refresh-balance svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: none;
}
.right-side-menu {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 57;
  width: 6.93rem;
  height: 100vh;
  height: calc(var(--vh, 1vh)*100);
  overscroll-behavior: none;
  background:
    linear-gradient(
      0deg,
      #310101,
      #310101),
    linear-gradient(
      270deg,
      #3f0303,
      #570906);
  border-radius: .6rem 0 0 .6rem;
  transform: translateX(110%);
  transition: all .3s;
}
.right-side-menu .h-line {
  width: 100%;
  height: 1px;
  margin: .4rem 0;
  background: hsla(0, 0%, 100%, .2);
  transform: scaleY(.5);
}
.right-side-menu .rightbar-logo {
  position: relative;
  display: flex;
  align-items: center;
}
.right-side-menu .rightbar-logo img {
  display: block;
  height: .98rem;
}
.right-side-menu .side-nav-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: .4rem .2rem;
  margin-top: .32rem;
}
.right-side-menu .side-nav-item {
  position: relative;
  display: flex;
  align-items: center;
  padding: .16rem .24rem;
  font-size: .3rem;
  line-height: normal;
  color: #eff4f3;
  background:
    linear-gradient(
      270deg,
      #3f0303,
      #570906);
  border: .02rem solid rgba(155, 86, 89, .2);
  border-radius: .2rem;
  box-shadow: 0 .04rem .08rem 0 rgba(0, 0, 0, .1);
}
.right-side-menu .side-nav-item.social {
  margin-bottom: -.12rem;
  background:
    linear-gradient(
      270deg,
      #7c0600,
      #ad0800 58.5%);
  border: .02rem solid #6b000c;
}
.right-side-menu .nav-icon {
  display: block;
  width: .64rem;
  height: .64rem;
  margin-bottom: .12rem;
}
.right-side-menu .side-login-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 2.8rem;
}
.right-side-menu .side-login-box p {
  font-size: .3rem;
  font-weight: 700;
  line-height: normal;
  color: #fff;
}
.right-side-menu .side-language {
  padding: .4rem 0;
}
.right-side-menu .close-sidebar {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: .8rem;
  height: .8rem;
  padding: .24rem;
  color: #fff;
}
.right-side-menu .close-sidebar .am-icon {
  display: block;
  width: 100%;
  height: 100%;
}
.right-side-menu .login-register {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: .25rem;
  margin-top: .24rem;
  font-size: .24rem;
  font-weight: 700;
  line-height: normal;
  color: #fff;
  text-align: center;
}
.right-side-menu .login-register .login-btn img,
.right-side-menu .login-register .register-btn img {
  display: block;
  width: 100%;
}
.right-side-menu .accordion-item.accordion-active .side-nav-item {
  background:
    linear-gradient(
      180deg,
      #fff094,
      #fef3c8 53%,
      #c5b472);
}
.right-side-menu .accordion-item.accordion-active .accordion-arrow {
  transform: rotate(-180deg);
}
.right-side-menu .accordion-item .accordion-arrow {
  position: absolute;
  top: .23rem;
  right: .2rem;
  width: .2rem;
  height: .2rem;
  transition: all .3s;
}
.right-side-menu .member-nav-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 0;
  padding: .19rem .2rem;
  font-size: .24rem;
  font-weight: 500;
  line-height: normal;
  color: #fff;
  text-align: center;
  background:
    linear-gradient(
      270deg,
      #3f0303,
      #570906);
  border: .02rem solid rgba(155, 86, 89, .2);
  border-radius: .2rem;
  box-shadow: 0 .04rem .08rem 0 rgba(0, 0, 0, .1);
}
.right-side-menu .member-nav-item .member-nav-name {
  height: .6rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.right-side-menu .contact-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: .4rem;
}
.right-side-menu .contact-wrap .contact-title {
  text-align: center;
}
.right-side-menu .contact-wrap .contact-icon {
  width: .72rem;
  height: .72rem;
}
.right-side-menu .contact-wrap .contact-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: .16rem;
}
.right-side-menu .contact-wrap .contact-list:has(:nth-child(5)) {
  grid-template-columns: repeat(3, 1fr);
}
.right-side-menu .rightbar-content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: .32rem .4rem .6rem;
  overflow: auto;
}
.right-side-menu .rightbar-content .side-user-info {
  position: relative;
  width: 100%;
  height: 2.71rem;
  padding: .94rem 0 0 .2rem;
}
.right-side-menu .rightbar-content .side-user-info .side-avatar {
  flex-shrink: 0;
  width: 1.2rem;
  height: 1.2rem;
  margin-right: .2rem;
}
.right-side-menu .rightbar-content .side-user-info .user-info {
  display: flex;
  align-items: center;
  overflow: hidden;
}
.right-side-menu .rightbar-content .side-user-info .login-register .login-btn,
.right-side-menu .rightbar-content .side-user-info .login-register .logout-btn {
  height: .6rem;
  padding: 0 .5rem;
  font-size: .3rem;
  line-height: .6rem;
  color: #fff;
  border-radius: .08rem;
}
.right-side-menu .rightbar-content .side-user-info .login-register .login-btn {
  background: #d80027;
  box-shadow: 0 -1px 0 0 #ff5574;
}
.right-side-menu .rightbar-content .side-user-info .login-register .logout-btn {
  background: #363636;
  box-shadow: 0 -1px 0 0 #575757;
}
.right-side-menu .rightbar-content .user-name-box {
  width: 100%;
  overflow: hidden;
}
.right-side-menu .rightbar-content .user-name-box .user-name {
  margin-bottom: .08rem;
  font-size: .32rem;
  font-weight: 500;
  line-height: .48rem;
  color: #eff4f3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.right-side-menu .rightbar-content .vip-level {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  margin-top: .1rem;
  font-size: .24rem;
  color: #fff;
}
.right-side-menu .rightbar-content .user-balance {
  display: flex;
  align-items: center;
}
.right-side-menu .rightbar-content .member-balance-bg {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: .1rem .4rem;
  overflow: hidden;
  font-size: .28rem;
  font-weight: 500;
  color: #6b000c;
  text-align: center;
  background: #fff;
  border: .02rem solid #9b5659;
  border-radius: .4rem;
}
.right-side-menu .rightbar-content .toggle-balance {
  opacity: .3;
}
.right-side-menu .rightbar-content .shell-refresh-balance {
  width: .3rem;
  height: .3rem;
  margin-left: .2rem;
}
.right-side-menu .rightbar-content .shell-refresh-balance .am-icon {
  display: block;
  width: 100%;
  height: 100%;
}
.right-side-menu .rightbar-content .sum-balance {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.right-side-menu .rightbar-content .logged-nav-wrap {
  display: flex;
  margin-top: .3rem;
}
.right-side-menu .rightbar-content .logged-nav-list {
  display: grid;
  flex: 1 1 0%;
  grid-auto-flow: column;
  gap: .2rem;
  font-size: .2rem;
  line-height: normal;
  color: #fff;
  text-align: center;
  white-space: nowrap;
}
.right-side-menu .rightbar-content .logged-nav-list .nav-icon {
  display: block;
  width: .56rem;
  height: .56rem;
  margin: 0 auto;
}
.right-side-menu .rightbar-content .logged-nav-list .nav-name {
  margin-top: .03rem;
}
.right-side-menu .rightbar-content .btn-logout {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-shrink: 0;
  padding: .16rem .24rem;
  margin-top: .3rem;
  font-size: .3rem;
  line-height: .45rem;
  color: #eff4f3;
  text-align: center;
}
.right-side-menu .rightbar-content .btn-logout .logout-icon {
  width: .64rem;
  height: .64rem;
  margin-right: .16rem;
}
.right-side-menu .rightbar-content .switch-language {
  margin-top: .2rem;
  margin-bottom: 2rem;
}
.right-side-menu .side-menu-bottom {
  padding: 0 .3rem;
}
.right-side-menu .switch-container {
  margin-bottom: .3rem;
}
.main-nav-open .left-side-menu,
.main-nav-open .right-side-menu {
  transform: translateX(0);
}
.main-nav-open .sidebar-mask {
  display: block;
}
.btn-goback {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  width: .8rem;
  height: .8rem;
  padding: .24rem;
  opacity: .9;
}
.btn-goback svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: none;
}
.page-goback {
  position: absolute;
  top: .33rem;
  left: .2rem;
  z-index: 10;
  display: flex;
  align-items: center;
  font-size: .32rem;
  color: #fff;
}
.page-goback .icon-return {
  display: block;
  width: .4rem;
  height: .4rem;
  fill: none;
}
.sm-checkbox-item {
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
  cursor: pointer;
}
.sm-checkbox-item-select .sm-checkbox-item-bg {
  background: url(https://www.ck444.pro/m/icon-checked.dfbfaf40.png) no-repeat 50%/cover;
}
.sm-checkbox-item-bg {
  position: relative;
  flex-shrink: 0;
  width: .52rem;
  height: .52rem;
  margin-right: .12rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAASDSURBVHgB7VpLbBtVFD1vnDiJ3AgnC5TPAouETanUoIKgkiOZBRJdtUiFbdwV7BKWrNKuWFLv2NXZ0krQVZG6IFIiRYAqjEQREg0yi7QRi9TBRI4d2497xjP9pPPGY8efqeQjRY7nvZl3z9z77rsfAwMMMMAAz0Chw0joX+IRVFIK9QUN9RovHZtSUNC/ali5GqLrefVWAR1ERwiRxBBKaRHyonxN8VrlwUOU5a9eLKH+36E9zzo1iuHpSQxNTSA6P+Pevg7otRpGv+sEuRMRIhELlWV54ysidLx452ccbP4uRHaekDCB5EbmZzH+4TnEFs/we140mo2ivvaHOp9Hm2ib0Jz+8ZK82Rsksn9zA4VbG01JmEByseQZTF75gNrLy3OvbavzWbSBlgk1tHK0KntkhUT2snfbJnIcNMX45UW88nESGrj+l3rvc7SIlggl9FbCgvVtbXdv4Z8vv0Ept41uYGxhDq9+8QkiU5M5McGPWjHBwIRIJgL1Q3X3ceLh8tc42n2MboLams18ZpvgMPT7QUlZCAhqpldkCFkLO7IW16zI2jT1IPcFIvS6/ukrmlmvyLhwSXFtC+XVIPc0JTSnt9J0ANwzvSTjgqS4tuyNlYZn9YcvIe4b2War9GbdcgBBwLX3b26Cx0Qz07P8B60l2vD+rU30G43joSQRyeGK3zwjIb4JiQDSezfu9sXUjkPI2FqSaGLZT0tGQhEcXpKHJA427yMsKIilNLRUTpvm+JicWjrYuG+/mbCAshTv3GMUcdE0x5OQo9JU8ft7CBsci0mZzM6TEPMZfjL8DxtcmSIopbzGPQkxOSs/eBQqc3NBmSoim4Ja8Bo37CHrbPXRHsKK8p87cLLhF+BJSEPHq7vhJcR0Rb2Y2tuw/G4KK/y2QuBo+2WBkRDT4rDCOjVmHvO+rP/2u6nfGJ6ekH1e3/caM7ht5KNvzCKsGJqapNvOeY0ZvJyVG5mfRhi1RJmiIpt44uCEWNHk58jTYmBo4MpUw9i617gnIaeCuR5LnkbYMH7hHLeEsYRs9HIS/twev/B2qMyOssSSb9Lc1oxzTANVjGXlAYX45STCApIRmfKsg5vmGAlRpZKxZljFDIOW6NlYKhaZ1vyK+r6RQhWj16mlCXlQv8EXy6LjEJD1m+dLqPEm1BWaHcuz/QLXbpi+vtasgto0lttW79JeM6w1D4vaew2aGtemDEE6EoGC0xpGrrJwPpP5tKekSGZW1uTalCHIPYEI0fTq0gWgDfeKlEuGa7IDEbS7Fzh9yIvt1qQL4Gqqm3uKz3Y100rngWir4RVB+ar8u8w62b9S/DvqUHbL44Ee1Tn7MjSzVvuuJ2hJbqVZ92apmNVVlpfaLaqQCN0yu3eSh9me1XFGLeOETeOthJwL0v1WS5KyS5X1N7sQaHe/m5AjCQaascXT0jh+xybCg5xn30m64R1r67N0LDnKknba+iTFVgiLLfWi09YfH3XC/5knUbOy2/r12wy1+t7W98KzP7yQx5+VS89VODX9i2TE3frhxQADDDDAc/gfTxT3n6F0T3IAAAAASUVORK5CYII=) no-repeat 50%/cover;
}
.form-page-container .login-banner img {
  display: block;
  width: 100%;
}
.unread-wrap {
  position: absolute;
  top: 0;
  right: .05rem;
}
.unread-wrap i {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: .3rem;
  height: .3rem;
  padding: 0 .05rem;
  font-size: .2rem;
  font-style: normal;
  font-weight: 400;
  color: #fff;
  background: #fff;
  background:
    linear-gradient(
      180deg,
      #ff5841,
      #fe0425);
  border-radius: .3rem;
}
.footer-menu {
  position: fixed;
  bottom: 0;
  z-index: 52;
  width: 100%;
  height: var(--footer-height);
  padding: 0 .1rem;
}
.footer-menu .footer-menu-bg {
  width: 100%;
  height: calc(100% - .1rem);
  padding: 0 .2rem;
  background:
    linear-gradient(
      180deg,
      #005a5a,
      #003e3e 50%,
      #002c2c);
  border-top: .02rem solid #26e7e4;
  border-radius: .7rem;
  box-shadow: 0 -.06rem .2rem 0 rgba(8, 186, 183, .4);
}
.footer-menu .footer-menu-list {
  display: flex;
  height: 100%;
}
.footer-menu .footer-menu-item {
  --footer-icon-color1:#23ffc8;
  --footer-icon-color2:#00a179;
  position: relative;
  flex: 1 1 0%;
  height: 100%;
  padding-top: .03rem;
  font-size: .22rem;
  font-weight: 600;
  color: #23ffc8;
  text-align: center;
}
.footer-menu .footer-menu-item.on {
  --footer-icon-color1:#ffb800;
  --footer-icon-color2:#c99100;
  color: #ffb800;
}
.footer-menu .footer-menu-item.on:after {
  position: absolute;
  bottom: .04rem;
  left: 50%;
  width: .7rem;
  height: .04rem;
  content: "";
  background:
    linear-gradient(
      180deg,
      #ffe600,
      #ffb800);
  border-radius: .5rem;
  transform: translateX(-50%);
}
.footer-menu .footer-menu-item .footer-icon {
  position: relative;
  display: flex;
  justify-content: center;
  width: .52rem;
  height: .52rem;
  margin: 0 auto;
}
.footer-menu .footer-menu-item .footer-icon .am-icon,
.footer-menu .footer-menu-item .footer-icon img {
  display: block;
  width: 100%;
  height: 100%;
}
.footer-menu .footer-menu-item .footer-icon .icon-active {
  display: none;
}
.footer-menu .footer-menu-item .footer-icon-bg {
  position: relative;
  width: .5rem;
  height: .5rem;
  margin: 0 auto;
}
.footer-menu .footer-menu-item .footer-menu-name {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer-menu .service-pop {
  position: absolute;
  bottom: calc(100% + .04rem);
  left: 50%;
  display: none;
  min-width: 2.2rem;
  padding: .2rem;
  background: rgba(0, 0, 0, .75);
  border-radius: .16rem;
  -webkit-backdrop-filter: blur(.025rem);
  backdrop-filter: blur(.025rem);
  transform: translateX(-50%);
}
.footer-menu .service-pop.on {
  display: block;
}
.footer-menu .service-pop .footer__chat {
  display: flex;
  align-items: center;
}
.footer-menu .service-pop .footer__chat-icon {
  width: .32rem;
  height: .32rem;
  margin-right: .1rem;
}
.footer-menu .service-pop .footer__chat-icon .am-icon {
  display: block;
  width: 100%;
  height: 100%;
}
.footer-menu .service-pop .service-item {
  display: flex;
  align-items: center;
  height: .5rem;
  font-size: .24rem;
  font-weight: 500;
  line-height: normal;
  color: #fff;
  white-space: nowrap;
}
.footer-menu .service-pop .service-item:not(:last-child) {
  margin-bottom: .1rem;
}
.footer-menu .service-pop .servie-icon {
  width: .32rem;
  height: .32rem;
  margin-right: .1rem;
}
.footer-menu .footer-center {
  position: absolute;
  top: -.33rem;
  left: 50%;
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: .8rem;
  height: .8rem;
  padding: .15rem;
  background:
    linear-gradient(
      180deg,
      #26e7e4,
      #26a5a3 70%,
      #2e9185);
  border-radius: 1.7rem;
  box-shadow: inset 0 0 .11rem .1rem #23ffc8, 0 .08rem .17rem .07rem rgba(0, 0, 0, .25);
  transform: translateX(-50%);
}
.footer-menu .footer-center .center-icon {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.footer-menu .footer-center .footer-menu-name {
  margin-top: .04rem;
  font-size: .24rem;
  font-weight: 700;
  color: #161616;
  text-align: center;
  text-shadow: 0 .02rem .02rem rgba(0, 0, 0, .3);
}
.footer-menu .message-notify {
  position: absolute;
  top: 0;
  right: 0;
  width: .1rem;
  height: .1rem;
  background-color: #ee2622;
  border-radius: 50%;
}
.game-menu-wrap {
  position: relative;
  width: 100%;
  padding: 0 .2rem;
  margin-bottom: .15rem;
}
.game-menu-wrap .shadow-bg {
  position: absolute;
  top: .17rem;
  right: .2rem;
  width: .71rem;
  height: .79rem;
  pointer-events: none;
  background:
    linear-gradient(
      90deg,
      hsla(0, 0%, 45%, 0) 0,
      #013941);
}
.game-menu-wrap .game-menu-scroll {
  display: flex;
  width: 100%;
  padding: .15rem 0;
  overflow: auto;
}
.game-menu-wrap .game-menu-scroll .game-menu-item {
  position: relative;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  min-width: 2.4rem;
  height: .8rem;
  padding: 0 .13rem;
  overflow: hidden;
  font-size: .24rem;
  font-weight: 700;
  line-height: normal;
  color: #e0fff7;
  text-align: center;
  text-transform: uppercase;
  background: #013941;
  border-radius: .15rem;
  box-shadow: 0 .02rem 0 0 #001c2c, inset 0 .02rem 0 0 #006165;
}
.game-menu-wrap .game-menu-scroll .game-menu-item:not(:last-child) {
  margin-right: .1rem;
}
.game-menu-wrap .game-menu-scroll .game-menu-item .game-menu-name {
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.game-menu-wrap .game-menu-scroll .game-menu-item .game-menu-name span {
  display: block;
  width: 100%;
}
.game-menu-wrap .game-menu-scroll .game-menu-item.on {
  color: #f8ff13;
  background: #000;
}
.game-menu-wrap .game-menu-scroll .game-menu-item .game-menu-icon {
  display: block;
  width: .44rem;
  height: .44rem;
  margin-right: .1rem;
  fill: url(#icon_gradient1);
}
.game-menu-wrap .game-menu-scroll .game-menu-item .game-menu-icon .am-icon,
.game-menu-wrap .game-menu-scroll .game-menu-item .game-menu-icon img {
  display: block;
  width: 100%;
  height: 100%;
}
.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-accordion {
  position: relative;
  border-top: 1px solid #ddd;
}
.am-accordion-anim-active {
  transition: all .2s ease-out;
}
.am-accordion .am-accordion-item .am-accordion-header {
  position: relative;
  color: #000;
  font-size: .34rem;
  height: .88rem;
  line-height: .88rem;
  background-color: #fff;
  box-sizing: content-box;
  padding-left: .3rem;
  padding-right: .6rem;
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.am-accordion .am-accordion-item .am-accordion-header:after {
  display: block;
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  width: 100%;
  border-bottom: 1px solid #ddd;
}
.am-accordion .am-accordion-item .am-accordion-header i {
  position: absolute;
  display: block;
  top: .3rem;
  right: .3rem;
  width: .3rem;
  height: .3rem;
  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%;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.am-accordion .am-accordion-item .am-accordion-header[aria-expanded~=true] i {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.am-accordion .am-accordion-item .am-accordion-content {
  overflow: hidden;
  background: #fff;
}
.am-accordion .am-accordion-item .am-accordion-content .am-accordion-content-box {
  font-size: .3rem;
  color: #333;
  position: relative;
}
.am-accordion .am-accordion-item .am-accordion-content .am-accordion-content-box:after {
  display: block;
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  width: 100%;
  border-bottom: 1px solid #ddd;
}
.am-accordion .am-accordion-item .am-accordion-content.am-accordion-content-inactive {
  display: none;
}
.notice-root {
  width: 100%;
  padding: .2rem;
}
.notice-root,
.notice-root .notice-bg {
  position: relative;
  display: flex;
  align-items: center;
}
.notice-root .notice-bg {
  z-index: 2;
  flex: 1 1 0%;
  height: .54rem;
  padding: .1rem .2rem;
  overflow: hidden;
  background:
    linear-gradient(
      180deg,
      #002632,
      #013239);
  border: 1.667px solid rgba(17, 134, 125, .5);
  border-radius: 1rem;
  box-shadow: 0 .03333rem 0 0 #00333a;
}
.notice-root .notice-icon {
  margin-right: .15rem;
}
.notice-root .notice-icon .am-icon,
.notice-root .notice-icon img {
  display: block;
  width: .34rem;
  height: .34rem;
  fill: url(#icon_gradient);
}
.notice-root .btn-message {
  flex-shrink: 0;
  margin-left: .13rem;
}
.notice-root .btn-message img {
  display: block;
  width: .4rem;
  height: .4rem;
}
.notice-root .marquee {
  position: relative;
  display: flex;
  flex: 1 1 0%;
  align-items: center;
  height: 100%;
  overflow: hidden;
  font-size: .24rem;
  line-height: normal;
  color: #ffab49;
  text-shadow: 0 .03333rem 0 rgba(17, 0, 0, .3);
}
.notice-root .marquee .marquee_content {
  position: relative;
  white-space: nowrap;
  will-change: right;
}
.notice-root .marquee .marquee_content.empty {
  width: 100%;
  margin-left: 0;
  text-align: center;
  will-change: auto;
}
.notice-root .marquee .content-item {
  margin-left: .4rem;
}
.notice-root .app-down-btn {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  width: .76rem;
  height: .76rem;
  margin-left: .2rem;
  background: url(https://www.ck444.pro/m/btn-appdownload.9dad52e6.png) no-repeat 50%/cover;
}
.notice-root .marquee table,
.notice-root .marquee tbody,
.notice-root .marquee td,
.notice-root .marquee tfoot,
.notice-root .marquee th,
.notice-root .marquee thead,
.notice-root .marquee tr,
.notice-root .marquee tt {
  border: 0 !important;
}
.notice-popup-wrap {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 60;
  width: 100%;
  height: 100vh;
  height: calc(100*var(--vh, 1vh));
  background: rgba(0, 0, 0, .8);
  -webkit-backdrop-filter: blur(.05rem);
  backdrop-filter: blur(.05rem);
}
.notice-popup-wrap .notice-popup-layout {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.notice-popup-wrap .notice-popup-header {
  position: relative;
  width: 100%;
  height: 2.12rem;
  padding: .25rem 0 0 .25rem;
  background:
    linear-gradient(
      90deg,
      #1f7aed,
      #21c7f3);
  border-bottom: .03rem solid #fed943;
  border-radius: .3rem .3rem 0 0;
}
.notice-popup-wrap .notice-logo {
  display: block;
  height: .72rem;
}
.notice-popup-wrap .notice-title {
  position: relative;
  z-index: 2;
  font-size: .6rem;
  font-style: italic;
  line-height: normal;
  color: #fff;
}
.notice-popup-wrap .notice-banner {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 4.02rem;
}
.notice-popup-wrap .notice-popup-content {
  position: relative;
  width: 6.25rem;
  max-height: calc(100% - 2rem);
  overscroll-behavior: none;
}
.notice-popup-wrap .close-popup {
  position: absolute;
  top: -.86rem;
  right: 0;
  z-index: 1;
  width: .56rem;
  height: .56rem;
}
.notice-popup-wrap .close-popup .am-icon {
  display: block;
  width: 100%;
  height: 100%;
}
.notice-popup-wrap .notice-list {
  height: 6.3rem;
  max-height: calc(100vh - 4rem);
  max-height: calc(100*var(--vh, 1vh) - 4rem);
  padding: .3rem;
  overflow-y: auto;
  background:
    linear-gradient(
      180deg,
      #fff,
      #c8e8f7);
  border-radius: 0 0 .2rem .2rem;
}
.notice-accordion .notice-item-container.am-accordion-item-active .notice-item-header {
  color: #0278dc;
}
.notice-accordion .notice-item-container.am-accordion-item-active .notice-arrow {
  transform: rotate(90deg);
}
.notice-accordion .notice-item-container .notice-item-header {
  position: relative;
  display: flex;
  align-items: center;
  padding: .2rem 0;
  color: #4d4d4d;
}
.notice-accordion .notice-item-container .notice-date {
  flex-shrink: 0;
  margin-left: .15rem;
  font-size: .24rem;
  line-height: .36rem;
}
.notice-accordion .notice-item-container .notice-item-content {
  padding: .3rem .28rem;
  overflow: auto;
  font-size: .24rem;
  color: #4d4d4d;
  word-break: break-all;
  white-space: pre-wrap;
  background: #fff;
  border: 1px solid #02a9dd;
  border-radius: .2rem;
}
.notice-accordion .notice-item-container .notice-item-content .wysiwyg {
  padding: 0;
}
.notice-accordion .notice-item-container .notice-item-content img {
  max-width: 100%;
}
.notice-accordion .notice-item-text {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.notice-accordion .notice-item-title {
  width: auto;
  font-size: .24rem;
  line-height: .36rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.notice-accordion .notice-arrow {
  flex-shrink: 0;
  width: .16rem;
  height: .16rem;
  margin-left: .1rem;
  transition: all .2s;
}
.notice-accordion .item-header-content {
  margin-top: .24rem;
  font-size: .24rem;
  line-height: normal;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.float-service {
  position: fixed;
  right: .1rem;
  bottom: 1.6rem;
  z-index: 11;
  display: flex;
  align-items: center;
  transition: all .2s;
}
.float-service.on {
  transform: translateX(0);
}
.float-service.on .toggle-arrow {
  transform: rotate(180deg);
}
.float-service .service-list {
  transition: all .2s;
}
.float-service .service-list .service-item {
  display: flex;
  align-items: center;
  width: .8rem;
  height: .8rem;
  font-size: .32rem;
  font-weight: 600;
  line-height: normal;
  color: #161616;
}
.float-service .service-list .service-item + .service-item {
  margin-top: .15rem;
}
.float-service .service-list .service-item .service-icon {
  display: block;
  width: 100%;
  height: 100%;
}
.float-service .arrow-right {
  display: block;
  width: .34rem;
  height: .34rem;
  fill: none;
}
.float-service .toggle-service {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: .82rem;
  padding: .22rem .2rem;
  background:
    linear-gradient(
      90deg,
      #b27f2a,
      #fde9bf),
    linear-gradient(
      90deg,
      #8a5c40,
      #cfa180);
  border-radius: .2rem 0 0 .2rem;
  transition: all .2s;
}
.float-service .toggle-service span {
  font-size: .22rem;
  font-weight: 600;
  color: #1e1e1e;
  writing-mode: vertical-lr;
}
.float-service .toggle-service .toggle-arrow {
  display: block;
  width: .42rem;
  height: .42rem;
  padding: .056rem;
  margin-top: .12rem;
  line-height: normal;
  background: hsla(0, 0%, 100%, .5);
  border: 1.4px solid hsla(0, 0%, 100%, .1);
  border-radius: .5rem;
}
.float-service .toggle-service .toggle-arrow .am-icon {
  display: block;
  width: 100%;
  height: 100%;
}
.float-service .livechat-list {
  position: absolute;
  top: .05rem;
  right: calc(100% + .2rem);
  display: none;
}
.float-service .livechat-list.on {
  display: flex;
  align-items: center;
}
.float-service .livechat-list .livechat-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: .7rem;
  height: .7rem;
  background:
    linear-gradient(
      180deg,
      #980600,
      #5a0000);
  border-radius: .5rem;
  box-shadow: inset 0 0 .06rem 0 hsla(0, 0%, 100%, .3);
}
.float-service .livechat-list .livechat-item:not(:last-child) {
  margin-right: .16rem;
}
.float-service .livechat-list .livechat-icon {
  width: .36rem;
  height: .36rem;
}
.user-info-wrap {
  position: relative;
  height: 100%;
}
.user-info-wrap .user-info {
  display: flex;
  align-items: center;
  height: 100%;
}
.user-info-wrap .user-info .arrow-down {
  display: block;
  width: .26rem;
  height: .26rem;
  margin-left: .05rem;
  fill: #049e07;
}
.user-info-wrap .user-balance {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: .69rem;
  padding: 0 .2rem;
  background: #0e131b;
  border-radius: .1rem;
}
.user-info-wrap .user-name-box {
  position: relative;
  display: flex;
  align-items: center;
  font-size: .28rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
}
.user-info-wrap .drop-balance {
  padding: 0 .12rem;
  margin-top: .24rem;
  font-size: .24rem;
  font-weight: 700;
  line-height: normal;
}
.user-info-wrap .drop-balance .member-balance-bg {
  justify-content: space-between;
}
.user-info-wrap .icon-bronze {
  position: absolute;
  right: -.1rem;
  bottom: -.1rem;
  width: .32rem;
  height: .32rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAgCAYAAACcuBHKAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAbLSURBVHgB7VZbb1xXFf7OZeyxx9fJ2EkbY0WQNIWmNJV44YWGSohKeaGg8AISQkEq4gEe+AMRjyDEC0iIJ2hVJBQuKiAKSAQoskgrOaLUdhPHSVo79tznzJw593P23nz7zBQ1iTNJ1T60UneyfXTOnr2+b631rbU38OF4Hw0D73AopYywEy4JaRy1TLUAC8qwCg0/Trcqlcnd23/Loe5l875IaGNOw3l0srp+1vTrpw0VfswUfRiT00DQg4IJYc8oac1uS3PqvHzwkedLhxe2uTUhCe9dk6jVVGm2vfrtwu7qd4yx8KAxPwcUJ7iTW+0i1NgclF/TTKFiBdlzIUJrx/zkU38YP/Tgd0kielckvJuNk4WNF39ux+uPGXQas8tQpUUC5v9zYKNYZj7GSKQOlA5C9ev5t+S1f0FMHnvVfOT016aW5l8dhWPfbUFdvbmU/Of8swWx+ShmCaI995v0fBYqchloDyqLScaCufRpKMmkFCtQOj2BQ8shVHv1sfhl/3eh4zw5MT//Bt5JJJrN5vTsK79ZscQGCRS1w/nE8GmUDsGYPcK0zA0XDBjlYzCnDyFrbDAKv4cMvXwp60fIxh+6tHDqW08Yi/vrw7r9w7lz58zPlse/Z1cvfBGVSRoa8FSSfwolmB99CtaRJ2DMLQOTB2DOHIY5d4QiLZOLBWNsmo8xLWaoRMtBInWaD4QS8ge/eP7vuJ9IuNd3j4+/9KMVc9k8oD2Xwwhgegn2J56mHk0SyoY5MwaLVgHm1ANDCwrJtRVEr/+TAvUGZIREfzfszHzuG585cPLk+u2Y5h2huXHxjCp4ByQ911NHQNklEvgSKQ8JvBUdAki/AeE1CJQOvmWR9h0iS7hfDfYTxhwTZW/j4lewz7iFBI1acue1b6rpIqQgCeLpp/XQ6ZxA/mHYerRxGfUgY5+CnIPo70FSrKmzA3OiDLO8wCgaEKmAiBOYBV1tm0/fk0Rvp3FEtLYWlV0YgGgdWFPM+xKgPR2WZs6D7yrokGQGmdL70IXku0pDCJKxyktQFptYkuQTQiDq1Y4GreDwSBLilReOSkMWlDTptEEAqn5meRCFt1cI2aWdN5B5rVw0Ko3zBZn4/E2GpLPFdHgwJorURYhMzyRG7Lbt7Zd+ffx2Erf0iWRn0zapVRmLHMymJ1ZxNk+D0v+GLESvBuGTgDVOL4OBunXoqAdNQusi67dywSZRjIjpUIxEmmV489LF8kgS1Rtr0fziHOJumJOYL01gTBCcm5UYEAG9zXo38zTo0Nsz7JIyGYDnIsrIxWOUetRJhCAIUG27XBMI+z4231yJRpJod6N4tiwHPYF4aSrpsTvQgRK5oay7Qxx6LOIcHJZNQrSrqJFMz4AV41EjTIHnIQlCaiblbwSSOEbP8ToYpYkXrlWvJ34qZabyqogSyfzukU2St2hdARnPCJkSRHAqEtFFk+hDy4EIWK5Bk1O/B0gcF30SyeKIFRLBDaLkV1eurY0k8eOVK429rn8FUZZXRhiliHsOovo16qRLz6qMAD2VnHwqQ5+cfZYqqyJkpUQOK8TJW7bwAoQk4fmDSCRRgqYXbW514I4kwZFdb/V+kjCHuqyyKES33UH/0t+ocH6LO1R9n9Xp5f1Bl51gs5I82DJOwWoRQZvf+ghrLTRbPdqIOSP0XA+1fvgs9hl3dMx6nPyxvtfsipDhT1IKK4TbqMJ9+R95KUrB05EVIRlushqkQTctnp4iJGi/i7jhwKkzFX6U20hZHbu9wG24yZ/2I3HHAXbhas09sTBjV0z1pDVu0+sUYUhjrsMTsqX7MgxJAdKwYfNuF2sR6pT0kTTa6K5vs8qaaLlBvldPEsBaK/j+L6865++LhB7zM9OvF0Xy+fmifdCyDOIKxAyr0yVYh52RAJLvig0o5U0qJrh3o4765Spu7nXhc02mWV7GTpBgvROubUr77E47iPfDu+vN6pmTS8eOVmZ++/DS3Imp0jgbjUC161MGApMkVrIN1rfMT8iIIe9TxEGsW7vADAvfYCetkcBaJ97aDeQX/rLtrd8Na+T17pnHP/KpymThuY8fmn7YLljwCKJbtu5+tzzlW++8NPBpstE4cYbNXnK57smv/rUarI7CsUYtrtbcveVx47kdNxr3/eg4S2PC1IC6g7IxSZ6QUui8s0vyPWREmvT+cjd2r/aSH4aicPbPu9513GPc15X/zBlY1n8rj0/axtcLBr5cKhiVoqVvlzxHGPaYEfETATcRLTeVLwaZ8dMLe+G/8f+D/z0g8fZx6hTsg7tTx1jBJ4SSFdJQwjA7thIbhxeTKz9bRYoPxwd5/A8h3bg7gF/c9QAAAABJRU5ErkJggg==) no-repeat 50%/cover;
}
.user-info-wrap .deposit-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 1.4rem;
  height: .6rem;
  padding: 0 .2rem;
  margin-left: .12rem;
  font-size: .24rem;
  font-weight: 700;
  line-height: normal;
  color: #161616;
  text-align: center;
  text-transform: uppercase;
  background: #fde9bf;
  border-radius: .1rem;
}
.user-info-wrap .deposit-btn .am-icon {
  display: block;
  width: 100%;
  height: 100%;
}
.user-info-wrap .user-balance-layout {
  display: flex;
  align-items: center;
  height: 100%;
}
.user-info-wrap .member-icon {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 1.32rem;
  height: .94rem;
  padding: .1rem;
  margin-left: .1rem;
  background: #282f3c;
  border-radius: .6rem;
}
.user-info-wrap .member-icon .member-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: .74rem;
  height: .74rem;
}
.user-info-wrap .member-icon .member-wrap .wrap-text {
  position: absolute;
  bottom: 0;
  left: 50%;
  min-width: .47rem;
  max-width: 100%;
  height: .24rem;
  padding: 0 .06rem;
  font-size: .2rem;
  color: #181f2b;
  background:
    linear-gradient(
      135deg,
      #fdeb71,
      #f8d800);
  border-radius: .5rem;
  transform: translateX(-50%);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-info-wrap .member-icon .accordion-arrow {
  width: .3rem;
  height: .3rem;
}
.user-info-wrap .member-icon svg {
  display: block;
  width: .29rem;
  height: .34rem;
}
.user-popup-wrap {
  display: none;
}
.user-popup-wrap.on {
  display: block;
}
.user-popup-wrap .user-popup-mask {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100vw;
  height: 100vh;
  height: calc(var(--vh, 1vh)*100);
}
.user-popup-wrap .user-popup-content {
  position: absolute;
  top: calc(100% + .1rem);
  right: -.12rem;
  z-index: 101;
  min-width: 3.76rem;
  max-height: 8.5rem;
  padding: .08rem;
  overflow: hidden auto;
  background: #002632;
  border: .02rem solid #00aab1;
  border-radius: .2rem;
  box-shadow: 0 .08rem .08rem 0 rgba(0, 0, 0, .25), 0 .04rem 0 0 #002631;
  transform-origin: right top;
  transition: all .2s ease-out;
}
.user-popup-wrap .user-popup-content.on {
  display: block;
}
.user-popup-wrap .h-line {
  width: 100%;
  height: .02rem;
  margin: .24rem 0;
  background: #9b5659;
  opacity: .1;
}
.user-popup-wrap .user-pop-header {
  margin-bottom: .4rem;
}
.user-popup-wrap .user-pop-header .popup-avatar {
  position: relative;
  width: .6rem;
  height: .6rem;
  margin-right: .08rem;
  overflow: hidden;
}
.user-popup-wrap .user-pop-header .user-label-wrap {
  overflow: hidden;
}
.user-popup-wrap .user-pop-header .vip-label {
  height: .24rem;
  padding: 0 .07rem;
  margin-left: .1rem;
  font-size: .2rem;
  line-height: normal;
  color: #642017;
  background:
    linear-gradient(
      135deg,
      #fdbd43,
      #f18823);
  border-radius: .04rem;
}
.user-popup-wrap .user-pop-header .vip-progress-wrap {
  display: flex;
  align-items: center;
  margin-top: .07rem;
}
.user-popup-wrap .user-pop-header .vip-progress-wrap .vip-percent {
  margin-left: .1rem;
  font-size: .24rem;
  line-height: normal;
  color: #fff;
}
.user-popup-wrap .user-pop-header .vip-progress-wrap .progress-bg {
  width: 4.03rem;
  height: .16rem;
  background: #ffde6a;
  border-radius: 1rem;
}
.user-popup-wrap .user-pop-header .vip-progress-wrap .progress-fill {
  height: .16rem;
  background:
    linear-gradient(
      135deg,
      #fdbd43,
      #f18823);
  border-radius: .08rem;
}
.user-popup-wrap .user-pop-header .user-id {
  flex-shrink: 0;
  padding: .08rem;
  line-height: normal;
  background:
    linear-gradient(
      135deg,
      #fdbd43,
      #f18823);
  border-radius: .08rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.user-popup-wrap .user-pop-header .id-copy {
  display: block;
  width: .32rem;
  height: .32rem;
  fill: none;
}
.user-popup-wrap .user-nav-item {
  display: flex;
  align-items: center;
  padding: .12rem .26rem;
  font-size: .24rem;
  font-weight: 500;
  line-height: normal;
  color: #e0fff7;
}
.user-popup-wrap .user-nav-item .nav-icon {
  display: block;
  flex-shrink: 0;
  width: .48rem;
  height: .48rem;
  margin-right: .2rem;
}
.user-popup-wrap .logout-wrap {
  width: 100%;
  padding: 0 .12rem;
  margin-top: .24rem;
}
.user-popup-wrap .logout-wrap .btn-logout {
  font-size: .24rem;
  font-weight: 700;
  line-height: normal;
  color: #d46824;
  text-transform: capitalize;
}
.user-popup-wrap .logout-wrap .icon-logout {
  display: block;
  width: .53rem;
  height: .53rem;
  margin-right: .28rem;
}
.home-header-wrap {
  position: relative;
  flex-shrink: 0;
  width: 100%;
  height: var(--header-height);
  transition: all .3s;
}
.home-header-wrap .header-logo img {
  display: block;
  height: .54rem;
}
.home-header-wrap .header-service,
.home-header-wrap .search-game-btn {
  width: .5rem;
  height: .5rem;
  margin-right: .12rem;
}
.home-header-wrap .header-service .am-icon,
.home-header-wrap .header-service img,
.home-header-wrap .search-game-btn .am-icon,
.home-header-wrap .search-game-btn img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.home-header-wrap .header-content {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 55;
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: var(--header-height);
  padding: 0 .3rem;
  background: var(--header-bg);
  transition: top .3s;
}
.home-header-wrap .header-content .header-center {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  height: 100%;
  transform: translateX(-50%);
}
.home-header-wrap .header-content .header-right {
  height: 100%;
}
.home-header-wrap .header-content .header-left,
.home-header-wrap .header-content .header-right {
  position: relative;
  display: flex;
  align-items: center;
}
.home-header-wrap .header-content .header-menu {
  width: .5rem;
  height: .5rem;
  margin-right: .1rem;
}
.home-header-wrap .header-content .header-menu img,
.home-header-wrap .header-content .header-menu svg {
  display: block;
  width: 100%;
  height: 100%;
}
.home-header-wrap .header-content .user-icon svg {
  display: block;
  width: .6rem;
  height: .6rem;
  fill: #aabee2;
}
.home-header-wrap .header-content .logged-enter,
.home-header-wrap .header-content .nologin-enter {
  display: flex;
  align-items: center;
  height: 100%;
}
.home-header-wrap .header-content .nav-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  min-width: 1.36rem;
  height: .54rem;
  padding: 0 .17rem;
  font-size: .24rem;
  font-weight: 700;
  text-align: center;
  border-radius: .5rem;
}
.home-header-wrap .header-content .login-btn {
  color: #ffab49;
  text-shadow: 0 .02rem 0 rgba(17, 0, 0, .3);
  background:
    linear-gradient(
      180deg,
      #0f727c,
      #004e56);
  border: 1px solid rgba(17, 134, 125, .5);
  border-radius: .12rem;
  box-shadow: 0 .02rem 0 0 #003941;
}
.home-header-wrap .header-content .register-btn {
  margin-left: .1rem;
  color: #b64100;
  text-shadow: 0 .02rem 0 rgba(159, 52, 0, .2);
  background:
    linear-gradient(
      180deg,
      #ffe600,
      #ffb800);
  border: 1px solid rgba(255, 242, 166, .5);
  border-radius: .12rem;
  box-shadow: inset 0 .02rem 0 1px #fff2a6, 0 .02rem 0 0 #b64100;
}
.home-header-wrap .header-content .language-select {
  margin-left: .12rem;
}
.home-header-wrap .header-content .header-avatar {
  width: .68rem;
  height: .68rem;
  padding: .03rem;
  margin-right: .12rem;
  overflow: hidden;
  background:
    linear-gradient(
      180deg,
      #ffe600,
      #ffb800);
  border: 1px solid rgba(255, 242, 166, .5);
  border-radius: .68rem;
  box-shadow: inset 0 .034rem 0 1.7px #fff2a6, 0 .034rem 0 0 #b64100;
}
.home-header-wrap .header-content .header-avatar img {
  display: block;
  width: 100%;
  height: 100%;
}
.home-header-wrap .header-content .header-balance {
  display: flex;
  align-items: center;
  height: .54rem;
  padding: 0 .12rem;
  background: #002632;
  border: 1px solid #006165;
  border-radius: .108rem;
  box-shadow: 0 .027rem 0 0 #002631;
}
.home-header-wrap .header-content .header-balance .icon-wallet {
  display: none;
}
.home-header-wrap .header-content .header-balance .user-name {
  font-size: .22rem;
  font-weight: 700;
  line-height: normal;
  color: #fff;
}
.home-header-wrap .header-content .header-balance .sum-balance {
  max-width: 1.8rem;
  font-size: .24rem;
  font-weight: 700;
  line-height: normal;
  color: #23ffc8;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.home-header-wrap .header-content .header-balance .deposit-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: .35rem;
  height: .35rem;
  margin-left: .16rem;
  font-size: .24rem;
  font-weight: 500;
  line-height: normal;
  color: #fff;
}
.home-header-wrap .header-content .header-balance .deposit-btn .am-icon {
  display: block;
  width: 100%;
  height: 100%;
}
.home-header-wrap .header-message {
  margin-left: .15rem;
}
.home-header-wrap .header-message img {
  display: block;
  width: .4rem;
  height: .4rem;
  object-fit: contain;
}
.home-header-wrap .btn-logout {
  width: .48rem;
  height: .48rem;
}
.home-header-wrap .btn-logout .am-icon {
  display: block;
  width: 100%;
  height: 100%;
}
.header-drop-menu .drop-menu-mask {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 105;
  display: none;
  width: 100vw;
  height: 100vh;
  height: calc(var(--vh, 1vh)*100);
  background: rgba(0, 0, 0, .4);
  -webkit-backdrop-filter: blur(.025rem);
  backdrop-filter: blur(.025rem);
}
.header-drop-menu .drop-menu-mask.on {
  display: block;
}
.header-drop-menu .drop-menu-content {
  position: absolute;
  top: calc(100% + .1rem);
  right: 0;
  z-index: 106;
  display: none;
  width: -webkit-max-content;
  width: max-content;
  padding: .3rem;
  background: #262d75;
  border: .03rem solid #5e67ec;
  border-radius: .2rem;
}
.header-drop-menu .drop-menu-content.on {
  display: block;
}
.header-drop-menu .drop-menu-list {
  display: grid;
  gap: .14rem;
}
.header-drop-menu .drop-menu-list .drop-menu-item {
  display: flex;
  align-items: center;
  font-size: .24rem;
  line-height: normal;
  color: #fff;
}
.header-drop-menu .drop-menu-list .menu-icon {
  width: .4rem;
  height: .4rem;
  margin-right: .2rem;
}
@keyframes hvr-pop {
  6% {
    transform: scale(1.2);
  }
  10% {
    transform: scale(1);
  }
  to {
    transform: scale(1);
  }
}
@keyframes glow-before {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes glow-after {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes shimmer-short {
  0% {
    background-position: -1rem top;
  }
  to {
    background-position: 1rem top;
  }
}
.page-banner {
  position: relative;
  z-index: 2;
  width: 100%;
  padding: 0 .2rem;
}
.page-banner .swiper-container {
  width: 100%;
}
.page-banner .swiper-wrapper {
  transform: translateZ(0);
  transition-timing-function: ease;
}
.page-banner .swiper-slide {
  transform: translateZ(0);
}
.page-banner .swiper-inner {
  width: 100%;
  overflow: hidden;
  border-radius: .2rem;
}
.page-banner .swiper-pagination {
  bottom: .12rem !important;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding-right: .25rem;
}
.page-banner .swiper-pagination-bullet {
  flex-shrink: 0;
  width: .14rem;
  height: .14rem;
  margin: 0 .04rem !important;
  background: #fff;
  border-radius: .2rem;
  opacity: .5;
}
.page-banner .swiper-pagination-bullet-active {
  opacity: 1;
}
.page-banner img {
  display: block;
  width: 100%;
  object-fit: cover;
}
.form-banner .swiper-container {
  padding: 0;
}
.form-banner .swiper-container .swiper-inner {
  border-radius: 0;
}
@keyframes colorProgress {
  0% {
    width: 0;
  }
  to {
    width: .5rem;
  }
}
.search-input-wrap {
  flex: 1 1 0%;
}
.search-input-wrap .search-input-content {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}
.search-input-wrap .search-input-content .search-input {
  flex: 1 1 0%;
  width: 100%;
  height: .8rem;
  padding: 0 .3rem;
  font-size: .24rem;
  font-weight: 700;
  color: #e0fff7;
  background: #002632;
  border: .02rem solid #006165;
  border-radius: .2rem;
  box-shadow: 0 .04rem 0 0 #002631;
}
.search-input-wrap .search-input-content .search-input::placeholder {
  color: #23ffc8;
}
.search-input-wrap .search-input-content .search-input:focus {
  border: .02rem solid #00aab1;
}
.search-input-wrap .search-input-content .search-input:focus + .search-btn .search-icon {
  fill: url(#icon_gradient2);
}
.search-input-wrap .search-input-content .search-btn {
  position: absolute;
  top: .18rem;
  right: .3rem;
  flex-shrink: 0;
  width: .44rem;
  height: .44rem;
  color: #23ffc8;
}
.search-input-wrap .search-input-content .search-icon {
  display: block;
  width: 100%;
  height: 100%;
}
.img-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  flex-direction: column;
  width: 100%;
  height: 100%;
  font-size: .22rem;
  font-weight: 700;
  line-height: normal;
  color: rgba(35, 255, 200, .5);
  text-align: center;
  background: #002632;
  border: 1px solid #006165;
  border-radius: .13rem;
  box-shadow: 0 .0275rem 0 0 #002631;
}
.img-placeholder .icon-placeholder {
  display: block;
  height: 1rem;
  margin-bottom: .16rem;
}
.game-list-item {
  position: relative;
  flex-shrink: 0;
  width: 100%;
  min-width: 0;
  overflow: hidden;
}
.game-list-item.theme-1 .game-item-info {
  background:
    linear-gradient(
      180deg,
      rgba(3, 64, 249, 0),
      #0340f9 60%);
}
.game-list-item.theme-2 .game-item-info {
  background:
    linear-gradient(
      180deg,
      rgba(1, 168, 74, 0),
      #01a84a 60%);
}
.game-list-item.theme-3 .game-item-info {
  background:
    linear-gradient(
      180deg,
      rgba(246, 41, 71, 0),
      #f62947 60%);
}
.game-list-item.theme-4 .game-item-info {
  background:
    linear-gradient(
      180deg,
      rgba(147, 40, 244, 0),
      #9328f4 60%);
}
.game-list-item.theme-5 .game-item-info {
  background:
    linear-gradient(
      180deg,
      rgba(178, 34, 1, 0),
      #b22201 60%);
}
.game-list-item.theme-6 .game-item-info {
  background:
    linear-gradient(
      180deg,
      rgba(2, 118, 237, 0),
      #0276ed 60%);
}
.game-list-item.theme-7 .game-item-info {
  background:
    linear-gradient(
      180deg,
      rgba(238, 101, 28, 0),
      #ee651c 60%);
}
.game-list-item.theme-8 .game-item-info {
  background:
    linear-gradient(
      180deg,
      rgba(3, 166, 144, 0),
      #03a690 60%);
}
.game-list-item .vendor-name {
  width: .9rem;
  height: .34rem;
  background: #d9d9d9;
  border-radius: .15rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.game-list-item .game-background {
  position: relative;
  width: 100%;
  aspect-ratio: 400/540;
  overflow: hidden;
  border-radius: .2rem;
}
.game-list-item .game-background .lazy-load-image-background {
  height: 100%;
}
.game-list-item .game-background .img-loading {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.game-list-item .game-item-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: .6rem;
  padding: .06rem .05rem;
}
.game-list-item .vendor-icon {
  display: block;
  width: .8rem;
  height: .4rem;
  object-fit: contain;
}
.game-list-item .game-item-name {
  flex: 1 1 0%;
  font-size: .26rem;
  font-weight: 800;
  line-height: normal;
  color: #fff;
  text-align: center;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
}
@supports (-webkit-line-clamp:2) {
  .game-list-item .game-item-name {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}
.game-list-item .choose-play {
  display: flex;
  align-items: center;
  justify-content: center;
}
.game-list-item .choose-play .btn-play {
  padding: .16rem .24rem;
  font-size: .22rem;
  font-weight: 700;
  line-height: normal;
  color: #fff;
  background: hsla(0, 0%, 100%, .1);
  border-radius: 1rem;
}
.game-list-item .choose-play .btn-free {
  margin-left: .16rem;
  font-size: .2rem;
  font-weight: 700;
  line-height: normal;
  color: #fff;
  text-decoration: underline;
  opacity: .7;
}
.game-list-item .game-vendor-name {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  width: 100%;
  height: .8rem;
  padding-top: .3rem;
  background:
    linear-gradient(
      180deg,
      rgba(0, 62, 62, 0),
      #003e3e);
  border-radius: 0 0 .2rem .2rem;
}
.game-list-item .game-fav {
  position: absolute;
  top: .16rem;
  right: .16rem;
  z-index: 2;
}
.game-list-item .favorite_icon {
  display: block;
  width: .44rem;
  height: .44rem;
  fill: none;
}
.hot-game-wrap {
  padding: .2rem;
}
.hot-game-wrap .hot-game-content {
  overflow: hidden;
}
.hot-game-wrap .category-game-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: .2rem .25rem;
}
.hot-game-wrap .search-game-wrap {
  margin-bottom: .3rem;
}
.game-filter-popup .filter-popup-mask {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 56;
  width: 100%;
  height: 100vh;
  height: calc(100*var(--vh, 1vh));
  background: rgba(0, 0, 0, .8);
}
.game-filter-popup .filter-popup-wrap {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 57;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 75%;
  overflow: hidden;
  background: rgba(26, 27, 39, .75);
  border-radius: .16rem;
  box-shadow: 0 0 .4rem 0 rgba(0, 0, 0, .5);
  -webkit-backdrop-filter: blur(.1rem);
  backdrop-filter: blur(.1rem);
}
.game-filter-popup .filter-header {
  position: relative;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  height: 1.2rem;
  padding: 0 .32rem;
}
.game-filter-popup .filter-header h6 {
  font-size: .38rem;
  font-weight: 700;
  line-height: normal;
  color: #fff;
  text-align: center;
}
.game-filter-popup .filter-header .close-pop {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: .2rem;
  right: .38rem;
  width: .8rem;
  height: .8rem;
  color: #fff;
  background: #1a1b27;
  border: .02rem solid hsla(0, 0%, 100%, .4);
  border-radius: .16rem;
  box-shadow: 0 .02rem .02rem 0 rgba(0, 0, 0, .12);
}
.game-filter-popup .filter-header .close-pop .icon-close {
  width: .48rem;
  height: .48rem;
}
.game-filter-popup .game-filter-content {
  flex: 1 1 0%;
  padding: .32rem;
  overflow: auto;
}
.game-filter-popup .filter-search {
  margin-bottom: .32rem;
}
.game-filter-popup .filter-title {
  margin-bottom: .16rem;
  font-size: .32rem;
  line-height: .48rem;
  color: #fff;
}
.game-filter-popup .game-filter-list {
  display: flex;
  flex-wrap: wrap;
  margin-left: -.08rem;
}
.game-filter-popup .game-filter-group {
  margin-bottom: .48rem;
}
.game-filter-popup .filter-item {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: .64rem;
  height: .72rem;
  padding: .12rem .32rem;
  margin: .08rem;
  font-size: .24rem;
  font-weight: 600;
  line-height: .48rem;
  color: #fff;
  text-align: center;
  text-transform: capitalize;
  border: .02rem solid hsla(0, 0%, 100%, .5);
  border-radius: .4rem;
  opacity: .7;
}
.game-filter-popup .filter-item.item-active {
  background: hsla(0, 0%, 100%, .2);
}
.game-filter-popup .filter-item .item-icon {
  width: .48rem;
  height: .48rem;
  margin-right: .16rem;
  object-fit: contain;
}
.game-filter-popup .game-filter-bottom {
  display: flex;
  padding: .08rem .16rem;
}
.game-filter-popup .game-filter-bottom .filter-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 0%;
  height: .72rem;
  margin: .16rem;
  font-size: .32rem;
  font-weight: 600;
  line-height: .48rem;
  color: #fff;
  text-align: center;
  text-transform: capitalize;
}
.game-filter-popup .game-filter-bottom .btn-reset {
  border: .02rem solid hsla(0, 0%, 100%, .23);
  border-radius: .16rem;
}
.game-filter-popup .game-filter-bottom .btn-submit {
  background: #00b4d8;
  border-radius: .16rem;
  box-shadow:
    0 .06rem .02rem -.04rem rgba(0, 0, 0, .2),
    0 .04rem .04rem 0 rgba(0, 0, 0, .14),
    0 .02rem .1rem 0 rgba(0, 0, 0, .12);
}
.popup-slide-enter {
  transform: translateY(110%);
}
.popup-slide-enter-active {
  transform: translateY(0);
  transition: transform 225ms cubic-bezier(0, 0, .2, 1);
}
.popup-slide-exit {
  transform: translateY(0);
}
.popup-slide-exit-active {
  transform: translateY(110%);
  transition: transform 225ms cubic-bezier(0, 0, .2, 1);
}
.provider-popup-container .provider-popup-bg {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 57;
  width: 100%;
}
.provider-popup-container .popup-close {
  position: absolute;
  top: -.7rem;
  right: .2rem;
  width: .54rem;
  height: .54rem;
}
.provider-popup-container .popup-close svg {
  display: block;
  width: 100%;
  height: 100%;
}
.provider-popup-container .provider-popup-content {
  max-height: 80vh;
  padding: .5rem .24rem .7rem;
  overflow-y: auto;
  background: rgba(243, 246, 249, .9);
  border-top: .05rem solid #80b4fe;
  border-radius: .4rem .4rem 0 0;
  box-shadow: 0 -.06rem .3rem 0 rgba(0, 0, 0, .25);
  -webkit-backdrop-filter: blur(.02rem);
  backdrop-filter: blur(.02rem);
}
.provider-popup-container .provider-title {
  margin-bottom: .3rem;
  font-size: .4rem;
  font-weight: 700;
  line-height: normal;
  color: #4c5d6f;
  text-align: center;
}
.provider-popup-container .provider-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: .26rem .2rem;
}
.provider-popup-container .provider-list .provider-item {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  height: .7rem;
  font-size: .23rem;
  font-weight: 600;
  color: #76797d;
  text-align: center;
  background: #fff;
  border: .02rem solid #d9e1ec;
  border-radius: .7rem;
}
.provider-popup-container .provider-list .provider-item.on {
  color: #fff;
  background:
    linear-gradient(
      90deg,
      #97d2fe,
      #2a87f1);
}
.provider-popup-container .provider-list .provider-item.on .icon-active {
  display: block;
}
.provider-popup-container .provider-list .provider-item.on .icon-normal {
  display: none;
}
.provider-popup-container .provider-list .provider-all {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0 .18rem;
}
.provider-popup-container .provider-list .provider-all .icon-all {
  width: .34rem;
  height: .34rem;
  margin-right: .08rem;
}
.provider-popup-container .provider-list .provider-all span {
  flex: 1 1 0%;
}
.provider-popup-container .provider-list .provider-icon {
  display: block;
  width: 1rem;
  height: .5rem;
  object-fit: cover;
}
.provider-popup-container .provider-list .icon-normal {
  opacity: .5;
}
.provider-popup-container .provider-list .icon-active {
  display: none;
}
.provider-popup-container .provider-btns {
  margin-top: .8rem;
  font-size: .32rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
}
.provider-popup-container .provider-btns .btn-reset {
  display: flex;
  align-items: center;
  justify-content: center;
  height: .6rem;
  background: rgba(0, 180, 216, 0);
  border: .02rem solid #fff;
  border-radius: .08rem;
}
.provider-popup-container .provider-btns .btn-confirm {
  display: flex;
  align-items: center;
  justify-content: center;
  height: .72rem;
  background:
    linear-gradient(
      180deg,
      #80b4fe,
      #74adfe 50%,
      #599eff);
  border-radius: .5rem;
  box-shadow: inset 0 .04rem 0 -1px hsla(0, 0%, 100%, .2);
}
.common-popup-mask {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 56;
  width: 100%;
  height: 100vh;
  height: calc(100*var(--vh, 1vh));
  background-color: rgba(0, 0, 0, .8);
  -webkit-backdrop-filter: blur(.04rem);
  backdrop-filter: blur(.04rem);
}
.game-list-wrapper.hasScroll {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.game-list-wrapper .scroll-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.4rem;
}
.game-list-wrapper .scroll-loading .loading-icon {
  width: .6rem;
  height: .6rem;
  fill: #ffb800;
}
.skeleton-wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: .2rem .25rem;
  overflow: hidden;
}
.skeleton-wrap li {
  position: relative;
  width: 100%;
  aspect-ratio: 400/540;
  overflow: hidden;
  background: #002632;
  border-radius: .13rem;
}
.skeleton-wrap li:after {
  position: absolute;
  inset: 0;
  content: "";
  background-image:
    linear-gradient(
      90deg,
      hsla(0, 0%, 100%, 0),
      hsla(0, 0%, 100%, .2) 20%,
      hsla(0, 0%, 100%, .4) 60%,
      hsla(0, 0%, 100%, 0));
  transform: translateX(-100%);
  animation: shimmer 3s infinite;
}
.vendor-menu-wrap {
  position: relative;
  width: 100%;
}
.vendor-menu-wrap .vendor-menu-scroll {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: .21rem .1rem;
  background: #002632;
  border: 1.5px solid #006165;
  border-radius: .2rem;
  box-shadow: 0 .02rem 0 0 #002631;
}
.vendor-menu-wrap .menu-mask {
  position: absolute;
  right: 0;
  z-index: 10;
  width: .3rem;
  height: .9rem;
  pointer-events: none;
  background:
    linear-gradient(
      90deg,
      hsla(0, 0%, 7%, 0),
      #121212 74.6%);
}
.vendor-menu-wrap .vendor-menu-swiper {
  width: 100%;
  overflow: hidden;
}
.vendor-menu-wrap .vendor-menu-item {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 1.2rem;
  height: .56rem;
  padding: 0 .4rem;
  font-size: .28rem;
  font-weight: 700;
  line-height: normal;
  color: #fff;
  text-align: center;
  background:
    linear-gradient(
      180deg,
      #0f727c,
      #004e56);
  border: .02rem solid rgba(35, 255, 200, .1);
  border-radius: .16rem;
  box-shadow: 0 .02rem 0 0 #005540;
}
.vendor-menu-wrap .vendor-menu-item.on {
  color: #000;
  background:
    linear-gradient(
      180deg,
      #ffe600,
      #ffb800);
  border: 1px solid rgba(255, 242, 166, .5);
  box-shadow: 0 .02rem 0 0 #b64100, inset 0 .02rem 0 .02rem #fff2a6;
}
.vendor-menu-wrap .vendor-menu-item.on .icon-active {
  display: block;
}
.vendor-menu-wrap .vendor-menu-item.on .icon-normal {
  display: none;
}
.vendor-menu-wrap .vendor-menu-item .menu-icon {
  display: block;
  width: 1rem;
  height: .5rem;
  object-fit: contain;
}
.vendor-menu-wrap .vendor-menu-item .icon-active {
  display: none;
}
.vendor-menu-wrap .vendor-menu-item .icon-all {
  display: block;
  width: .38rem;
  height: .38rem;
  margin-right: .1rem;
  object-fit: contain;
}
.vendor-menu-wrap .vendor-menu-item .vendor-menu-all {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.vendor-menu-wrap .vendor-menu-item .vendor-menu-all .am-icon {
  display: block;
  width: .32rem;
  height: .32rem;
  margin-right: .2rem;
}
.vendor-menu-wrap .vendor-menu-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.vendor-menu-wrap .vendor-name {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
}
@supports (-webkit-line-clamp:2) {
  .vendor-menu-wrap .vendor-name {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}
.vendor-menu-wrap .menu-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  z-index: 10;
  width: .4rem;
  height: 100%;
  color: #fff;
}
.vendor-menu-wrap .menu-nav .am-icon {
  display: block;
  width: .4rem;
  height: .4rem;
}
.vendor-menu-wrap .menu-nav.swiper-button-disabled {
  display: none;
}
.vendor-menu-wrap .nav-prev {
  left: -.2rem;
}
.vendor-menu-wrap .nav-next {
  right: -.2rem;
}
.download-bar.show-bar + .home-container .vendor-nav-wrap {
  top: calc(3.45rem + var(--download-bar-height));
}
.download-bar.show-bar + .home-container .vendor-nav-wrap .game-menu-scroll {
  max-height: calc(100vh - var(--header-height) - var(--footer-height) - var(--download-bar-height) - 2.22rem);
  max-height: calc(100*var(--vh, 1vh) - var(--header-height) - var(--footer-height) - var(--download-bar-height) - 2.22rem);
}
.provider-game-list-wrap {
  width: 100%;
}
.provider-game-list-wrap .search-game-wrap {
  display: flex;
  align-items: center;
}
.provider-game-list-wrap .provider-game-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: .96rem;
  margin-bottom: .24rem;
}
.provider-game-list-wrap .btn-filter {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-shrink: 0;
  height: .72rem;
  padding: 0 .24rem;
  margin-left: .25rem;
  font-size: .32rem;
  font-weight: 600;
  line-height: .48rem;
  color: #fff;
  text-align: center;
  text-transform: capitalize;
  border: .02rem solid hsla(0, 0%, 100%, .23);
  border-radius: .16rem;
}
.provider-game-list-wrap .btn-filter .am-icon {
  display: block;
  width: .4rem;
  height: .4rem;
  margin-right: .16rem;
}
.provider-game-list-wrap .btn-filter .filter-count {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -.2rem;
  right: -.2rem;
  min-width: .4rem;
  height: .4rem;
  padding: 0 .12rem;
  font-size: .2rem;
  line-height: 1;
  color: #fff;
  background-color: #00b4d8;
  border-radius: .2rem;
}
.provider-game-list-wrap .btn-clear {
  display: flex;
  align-items: center;
  justify-content: center;
  width: .72rem;
  height: .72rem;
  color: #fff;
  border: .02rem solid hsla(0, 0%, 100%, .23);
  border-radius: .16rem;
}
.provider-game-list-wrap .btn-clear .am-icon {
  display: block;
  width: .3rem;
  height: .3rem;
}
.provider-game-list-wrap .provider-btn {
  flex-shrink: 0;
  width: 1.88rem;
  height: .6rem;
  padding: .13rem .12rem;
  margin-left: .2rem;
  font-size: .2rem;
  font-weight: 600;
  color: #76797d;
  background: #fff;
  border: .02rem solid #d9e1ec;
  border-radius: .71rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.provider-game-list-wrap .provider-btn.on {
  background:
    linear-gradient(
      90deg,
      #97d2fe,
      #2a87f1);
  border-radius: .7rem;
}
.provider-game-list-wrap .provider-btn .icon-provider {
  width: .34rem;
  height: .34rem;
  margin-right: .08rem;
}
.provider-game-list-wrap .provider-btn .default-vendor {
  display: flex;
  align-items: center;
}
.provider-game-list-wrap .provider-btn .arrow-down {
  flex-shrink: 0;
  width: .24rem;
  height: .24rem;
  margin-left: .08rem;
}
.provider-game-list-wrap .provider-btn .active-vendor {
  display: flex;
  align-items: center;
}
.provider-game-list-wrap .provider-btn .active-vendor-icon {
  display: block;
  width: 1rem;
  height: .5rem;
  opacity: .5;
}
.provider-game-list-wrap .provider-btn .close-select {
  width: .24rem;
  height: .24rem;
  margin-left: .1rem;
}
.provider-game-list-wrap .classify-swiper-wrap {
  margin-bottom: .2rem;
}
.provider-game-list-wrap .jackpot-wrap {
  margin-bottom: .24rem;
}
.provider-game-list-wrap .category-game-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: .2rem .25rem;
}
.provider-game-list-wrap .vendor-game-wrap {
  margin-bottom: .3rem;
}
.provider-game-list-wrap .game-filter-group {
  margin-bottom: .2rem;
}
.provider-game-list-wrap .vendor-menu-wrap {
  margin-bottom: .12rem;
}
.provider-game-list-wrap .game-filter-wrap {
  display: none;
  display: flex;
  justify-content: space-between;
  margin-bottom: .32rem;
}
.provider-game-list-wrap .game-list-filter-wrap {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: .3rem;
}
.provider-game-list-wrap .select-bar {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  margin-left: .2rem;
  overflow: hidden;
}
.provider-game-list-wrap .select-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: .8rem;
  height: .8rem;
  padding: .16rem;
  font-size: .2rem;
  font-weight: 600;
  color: #76797d;
  text-align: center;
  background: #002632;
  border: 1px solid #006165;
  border-radius: .2rem;
  box-shadow: 0 .04rem 0 0 #002631;
}
.provider-game-list-wrap .select-btn + .select-btn {
  margin-left: .1rem;
}
.provider-game-list-wrap .select-btn .search-icon {
  display: block;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  color: #23ffc8;
}
.provider-game-list-wrap .select-btn.on {
  color: #fff;
  background:
    linear-gradient(
      180deg,
      #ffe600,
      #ffb800);
  border: 1px solid rgba(255, 242, 166, .5);
  border-radius: .16rem;
  box-shadow: 0 .02rem 0 0 #b64100, inset 0 .02rem 0 .02rem #fff2a6;
}
.provider-game-list-wrap .select-btn.on .search-icon {
  color: #b64100;
}
.provider-game-list-wrap .game-pagination {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.provider-game-list-wrap .game-pagination .game-more {
  margin-top: .4rem;
}
.provider-game-list-wrap .game-list-content {
  display: flex;
  align-items: flex-start;
  width: 100%;
}
.provider-game-list-wrap .game-list-layout {
  flex: 1 1 0%;
}
.provider-game-list-wrap .vendor-nav-wrap {
  position: -webkit-sticky;
  position: sticky;
  top: 3.45rem;
  width: 1.7rem;
  padding-left: .1rem;
}
.provider-game-list-wrap .vendor-nav-wrap .vendor-nav-scroll {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-height: calc(100vh - var(--header-height) - var(--footer-height) - 2.22rem);
  max-height: calc(100*var(--vh, 1vh) - var(--header-height) - var(--footer-height) - 2.22rem);
  padding: .2rem 0;
  overflow-y: scroll;
  overscroll-behavior: none;
  background: rgba(155, 86, 89, .2);
}
.provider-game-list-wrap .vendor-nav-wrap .arrow-down,
.provider-game-list-wrap .vendor-nav-wrap .arrow-up {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 1.46rem;
  height: .4rem;
  color: #fff;
  background:
    linear-gradient(
      90deg,
      #1f7aed,
      #21c7f3);
}
.provider-game-list-wrap .vendor-nav-wrap .arrow-down .am-icon,
.provider-game-list-wrap .vendor-nav-wrap .arrow-up .am-icon {
  width: .24rem;
  height: .22rem;
}
.provider-game-list-wrap .vendor-nav-wrap .arrow-up {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.provider-game-list-wrap .vendor-nav-wrap .arrow-down {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
}
.provider-game-list-wrap .vendor-nav-wrap .vendor-nav-item {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  min-width: 0;
  height: .92rem;
  font-size: .2rem;
  font-weight: 500;
  line-height: normal;
  color: #fff;
  text-align: center;
}
.provider-game-list-wrap .vendor-nav-wrap .vendor-nav-item.on {
  background:
    linear-gradient(
      270deg,
      #ebab51,
      #fbe38c);
  border-left: .05rem solid #7c0600;
}
.provider-game-list-wrap .vendor-nav-wrap .vendor-icon-bg,
.provider-game-list-wrap .vendor-nav-wrap .vendor-icon-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.provider-game-list-wrap .vendor-nav-wrap .vendor-icon-inner {
  z-index: 2;
}
.provider-game-list-wrap .vendor-nav-wrap .vendor-nav-icon {
  display: block;
  width: 1.2rem;
  height: .6rem;
  object-fit: contain;
}
.provider-game-list-wrap .vendor-nav-wrap .vendor-nav-name {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: .08rem;
  word-break: break-all;
}
.provider-game-list-wrap .game-right-content {
  width: calc(100% - 1.14rem);
  padding: .2rem .26rem .2rem .1rem;
  overflow: hidden;
}
.provider-game-list-wrap .game-right-content .game-select {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  width: 100%;
  margin-bottom: .2rem;
}
.vendor-game-item {
  position: relative;
  flex-shrink: 0;
  width: 100%;
  min-width: 0;
  min-height: 2.97rem;
  overflow: hidden;
}
.vendor-game-item .vendor-item-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  border-radius: .13rem;
}
.vendor-game-item .vendor-game-img {
  position: relative;
  overflow: hidden;
}
.vendor-game-item .vendor-game-img .img-loading {
  width: 100%;
  object-fit: cover;
}
.vendor-game-item .vendor-game-name {
  margin-top: .1rem;
  font-size: .24rem;
  color: #fff;
}
.vendor-game-wrap {
  width: 100%;
  min-height: 9rem;
}
.vendor-game-wrap .vendor-game-content {
  overflow: hidden;
}
.vendor-game-wrap .vendor-game-scroll {
  position: relative;
  width: 100%;
}
.vendor-game-wrap .vendor-game-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: .2rem .25rem;
  position: relative;
  width: 100%;
}
.corner-icons {
  position: relative;
}
.corner-icons .corner {
  position: absolute;
  z-index: 2;
  pointer-events: none;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
}
.corner-icons .corner.top-left {
  top: -.05rem;
  left: -.12rem;
  width: 1.53rem;
  height: 1.06rem;
  background-image: url(https://www.ck444.pro/m/icon-top-left.2aa33d62.png);
}
.corner-icons .corner.top-right {
  top: -.05rem;
  right: -.09rem;
  width: 1.58rem;
  height: 1.22rem;
  background-image: url(https://www.ck444.pro/m/icon-top-right.4658749a.png);
}
.corner-icons .corner.bottom-left {
  bottom: -.05rem;
  left: -.11rem;
  width: 1.58rem;
  height: 1.21rem;
  background-image: url(https://www.ck444.pro/m/icon-bottom-left.8981d370.png);
}
.corner-icons .corner.bottom-right {
  right: -.19rem;
  bottom: -.05rem;
  width: 1.52rem;
  height: 1.06rem;
  background-image: url(https://www.ck444.pro/m/icon-bottom-right.5448345e.png);
}
.scroll-num {
  position: relative;
  flex-shrink: 0;
  width: .44rem;
  height: 100%;
  margin: 0 .05rem;
  text-align: center;
  background:
    linear-gradient(
      180deg,
      #fff,
      #f7ffff);
  border-radius: .064rem;
}
.scroll-num .animate-list {
  width: 100%;
  transition: transform 1s;
}
.scroll-num .animate-list li {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .6rem;
  font-weight: 700;
  line-height: normal;
  color: #fff;
  text-align: center;
  text-shadow: 0 .02rem 0 rgba(75, 31, 0, .4);
  background:
    linear-gradient(
      180deg,
      #006165 16%,
      #00292f 62%,
      #006165 90%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-stroke-width: .02rem;
  -webkit-text-stroke-color: #fff6d4;
  -webkit-text-fill-color: transparent;
}
.jackpot-num-list {
  display: flex;
  height: .7rem;
  overflow: hidden;
}
.jackpot-num-list .point {
  display: flex;
  align-items: center;
  justify-content: center;
  width: .18rem;
  font-size: .6rem;
  font-weight: 700;
  line-height: normal;
  color: #fff;
  text-shadow: 0 .02rem 0 rgba(75, 31, 0, .4);
  background:
    linear-gradient(
      180deg,
      #ffb800 80%,
      #793300 99.17%,
      #ca5500 110.83%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-stroke-width: .02rem;
  -webkit-text-stroke-color: #fff6d4;
  -webkit-text-fill-color: transparent;
}
.jackpot-wrap {
  position: relative;
  z-index: 2;
  width: 100%;
  padding: 0 .1rem;
  margin-bottom: .3rem;
}
.jackpot-wrap .jackpot-bg {
  position: relative;
  width: 100%;
  padding: 2.04rem .15rem .26rem;
  background: #012632;
  border: .02rem solid #003840;
  border-radius: .2rem;
}
.jackpot-wrap .jp-banner {
  position: absolute;
  top: -.05rem;
  left: -.11rem;
  display: block;
  height: 3.23rem;
}
.jackpot-wrap .jp-title {
  position: absolute;
  top: .7rem;
  left: 3rem;
  display: block;
  height: .83rem;
}
.jackpot-wrap .title-img {
  position: absolute;
  top: -.51rem;
  right: 0;
  width: 2.34rem;
}
.jackpot-wrap .jackpot-title {
  display: block;
  height: .96rem;
  margin: 0 auto;
}
.jackpot-wrap .jackpot-widget {
  display: flex;
  width: 100%;
}
.jackpot-wrap .jackpot-box {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: .75rem;
}
.jackpot-wrap .jackpot-left {
  position: absolute;
  bottom: -.15rem;
  left: -.1rem;
  height: 1.62rem;
}
.jackpot-wrap .jackpot-num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  line-height: normal;
}
.jackpot-wrap .jackpot-num .symbol {
  height: 100%;
  font-size: .6rem;
  font-weight: 700;
  line-height: normal;
  color: #fff;
  text-align: center;
  text-shadow: 0 .02rem 0 rgba(75, 31, 0, .4);
  background:
    linear-gradient(
      180deg,
      #006165 16%,
      #00292f 62%,
      #006165 90%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-stroke-width: .02rem;
  -webkit-text-stroke-color: #fff6d4;
  -webkit-text-fill-color: transparent;
}
.jackpot-wrap .jackpot-game-wrap {
  position: relative;
  width: 100%;
  margin-top: .2rem;
  overflow: hidden;
}
.jackpot-wrap .jackpot-game-wrap .jackpot-slide {
  width: 2.2rem;
}
.jackpot-wrap .jackpot-game-list {
  display: grid;
  grid-auto-flow: column;
  gap: .2rem;
  overflow: auto;
}
.jackpot-wrap .shadow-bg {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 1.3rem;
  height: 100%;
  pointer-events: none;
  background:
    linear-gradient(
      90deg,
      hsla(0, 0%, 45%, 0),
      #012632);
}
.contact-wrap {
  margin-top: .2rem;
}
.contact-wrap .contact-title {
  margin-bottom: .32rem;
  font-size: .32rem;
  line-height: normal;
  color: #fff;
  text-align: center;
}
.contact-wrap .contact-list {
  display: flex;
  flex-wrap: wrap;
  gap: .2rem;
  align-items: center;
}
.contact-wrap .contact-list img {
  display: block;
  height: .5rem;
  object-fit: contain;
}
.help-nav {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: .36rem .3rem;
  width: 100%;
  padding: 0 .2rem;
}
.help-nav .nav-item {
  position: relative;
  display: flex;
  align-items: center;
  font-size: .32rem;
  font-weight: 700;
  line-height: normal;
  color: #828e9e;
}
.help-nav .nav-item .nav-icon {
  width: .2rem;
  height: .2rem;
}
.common-menu-wrap {
  position: relative;
}
.common-menu-wrap .common-menu-content {
  width: 100%;
}
.common-menu-wrap .common-menu-scroll {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: .9rem;
  padding: 0 .6rem;
}
.common-menu-wrap .common-menu-swiper {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.common-menu-wrap .common-menu-swiper:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: .02rem;
  content: "";
  background-color: hsla(54, 91%, 74%, .3);
}
.common-menu-wrap .common-menu-item {
  width: 1.6rem;
}
.common-menu-wrap .common-menu-name {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
  line-height: normal;
}
@supports (-webkit-line-clamp:2) {
  .common-menu-wrap .common-menu-name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}
.common-menu-wrap .common-item-inner {
  position: relative;
  flex-shrink: 0;
  width: 1.72rem;
  height: .9rem;
  padding: .1rem;
  overflow: hidden;
  font-size: .24rem;
  font-weight: 500;
  line-height: normal;
  color: hsla(54, 91%, 74%, .3);
  border-bottom: .02rem solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}
.common-menu-wrap .common-item-inner.on {
  background:
    linear-gradient(
      180deg,
      #f9ec7e,
      #d89f31);
  -webkit-background-clip: text;
  background-clip: text;
  border-bottom: .02rem solid #f9ec7e;
  -webkit-text-fill-color: transparent;
}
.common-menu-wrap .menu-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  z-index: 10;
  width: .6rem;
  height: .92rem;
  color: #fff;
}
.common-menu-wrap .menu-nav.swiper-button-disabled {
  opacity: .5;
}
.common-menu-wrap .menu-nav .am-icon {
  display: block;
  width: .36rem;
  height: .36rem;
}
.common-menu-wrap .nav-prev {
  left: 0;
}
.common-menu-wrap .nav-next {
  right: 0;
}
.help-popup-wrap {
  width: 100%;
  height: 100%;
}
.home-footer-wrap {
  width: 100%;
  padding: .45rem .45rem calc(var(--footer-height) + .45rem);
  background: #003a3a;
}
.home-footer-wrap .home-footer-content {
  width: 100%;
}
.home-footer-wrap .shadow-gradient-text {
  position: relative;
}
.home-footer-wrap .shadow-gradient-text .text-shadow {
  position: absolute;
  top: 0;
  left: 0;
  color: #ffb800;
  pointer-events: none;
}
.home-footer-wrap .shadow-gradient-text .text-gradient {
  position: relative;
  z-index: 1;
  background:
    linear-gradient(
      180deg,
      #ffb800 25%,
      #ffe600 39.58%,
      #ffb800 54.17%,
      #ffe600 68.75%,
      #ffb800 83.33%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.home-footer-wrap .footer-chat {
  display: flex;
  align-items: center;
  margin-bottom: .4rem;
}
.home-footer-wrap .footer-chat .btn-chat,
.home-footer-wrap .footer-chat .btn-partner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 0%;
  height: 1rem;
  background:
    linear-gradient(
      180deg,
      #0f727c,
      #004e56);
  border: 1px solid rgba(17, 134, 125, .5);
  border-radius: .28rem;
  box-shadow: 0 .04rem 0 0 #003941;
}
.home-footer-wrap .footer-chat .btn-partner .shadow-gradient-text {
  font-size: .45rem;
  font-weight: 800;
  line-height: normal;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .02rem;
}
.home-footer-wrap .footer-chat .btn-partner .text-shadow {
  text-shadow: 0 .06rem 0 #b64100;
}
.home-footer-wrap .footer-chat .btn-chat {
  margin-left: .29rem;
}
.home-footer-wrap .footer-chat .btn-chat .shadow-gradient-text {
  font-size: .4rem;
  font-weight: 800;
  line-height: normal;
  text-align: center;
}
.home-footer-wrap .footer-chat .btn-chat .text-shadow {
  text-shadow: 0 .04rem 0 #b64100;
}
.home-footer-wrap .footer-chat .btn-chat .icon-chat {
  width: .72rem;
  height: .72rem;
  margin-right: .06rem;
}
.home-footer-wrap .footer-nav-list {
  display: flex;
  flex-wrap: wrap;
  gap: .1rem .05rem;
  width: 100%;
}
.home-footer-wrap .footer-nav-list .nav-item {
  padding: .12rem .18rem;
  font-size: .3rem;
  font-weight: 500;
  line-height: normal;
  color: #23ffc8;
  border: 1.5px solid rgba(35, 255, 200, .4);
  border-radius: .1rem;
}
.home-footer-wrap .footer-language {
  display: flex;
  justify-content: center;
  margin-top: .5rem;
}
.home-footer-wrap .footer-contact-list {
  display: grid;
  gap: .18rem;
}
.home-footer-wrap .footer-contact-list .footer-contact-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: .14rem .12rem;
  font-size: .22rem;
  font-weight: 600;
  line-height: normal;
  color: #b0b0b0;
  text-align: center;
  background: #1e1e1e;
  border-radius: .1rem;
}
.home-footer-wrap .footer-contact-list .contact-icon {
  width: .6rem;
  height: .6rem;
  margin-bottom: .12rem;
}
.home-footer-wrap .home-footer-list {
  display: flex;
}
.home-footer-wrap .home-footer-list .home-footer-item {
  flex: 1 1 0%;
  overflow: hidden;
}
.home-footer-wrap .home-footer-list .security-icon {
  width: 1.25rem;
}
.home-footer-wrap .home-footer-list .payment-icon {
  width: .9rem;
}
.home-footer-wrap .home-footer-list .age-icon,
.home-footer-wrap .home-footer-list .curacao-icon {
  height: .5rem;
}
.home-footer-wrap .license-game {
  margin-top: .4rem;
}
.home-footer-wrap .footer-title {
  margin-bottom: .16rem;
  font-family: Inter;
  font-size: .4rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: var(--ffb-800,var(--color-orange-50,#ffb800));
}
.home-footer-wrap .help-entrance {
  display: flex;
  justify-content: center;
  margin-top: .32rem;
  font-size: .32rem;
  line-height: .48rem;
  color: #f7d462;
  text-align: center;
  text-transform: capitalize;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
}
.home-footer-wrap .category-list {
  display: flex;
  flex-wrap: wrap;
  gap: .16rem;
  justify-content: center;
}
.home-footer-wrap .category-list .category-btn {
  padding: .04rem .2rem;
  font-size: .28rem;
  line-height: .42rem;
  color: #6b000c;
  text-align: center;
  background:
    linear-gradient(
      270deg,
      #ebab51,
      #fbe38c);
  border-radius: .16rem;
}
.home-footer-wrap .footer-media .contact-icon {
  width: .5rem;
  height: .5rem;
}
.home-footer-wrap .footer-media .contact-list {
  flex-wrap: wrap;
  gap: .12rem;
}
.home-footer-wrap .footer-logo {
  display: block;
  flex-shrink: 0;
  height: 1.38rem;
  margin: 0 .1rem 0 0;
}
.home-footer-wrap .footer-info p {
  font-size: .18rem;
  font-weight: 500;
  line-height: normal;
  color: #e0fff7;
  text-align: left;
}
.home-footer-wrap .footer-nav-wrap {
  display: flex;
  justify-content: space-between;
  padding: 0 .2rem;
  margin-top: .5rem;
}
.home-footer-wrap .footer-help {
  flex-shrink: 0;
  width: 100%;
}
.home-footer-wrap .footer-nav-item {
  flex: 1 1 0%;
  padding: 0 .15rem;
}
.home-footer-wrap .footer-game {
  margin-top: .22rem;
}
.home-footer-wrap .footer-about {
  display: flex;
  align-items: center;
  margin-top: .4rem;
}
.home-footer-wrap .footer-vendor {
  padding: 0 .2rem;
  text-align: center;
}
.home-footer-wrap .footer-vendor .footer-title {
  padding: .36rem 0;
  margin: 0;
}
.home-footer-wrap .footer-vendor .vendor-icon-list {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: .03rem .16rem;
}
.home-footer-wrap .footer-vendor .vendor-icon {
  display: block;
  flex-shrink: 0;
  width: 100%;
  object-fit: contain;
}
.home-footer-wrap .footer-pagcor img {
  display: block;
  width: 100%;
}
.home-footer-wrap .footer-line {
  width: 100%;
  height: 1px;
  margin: .24rem 0;
  background: #e0fff7;
  transform: scaleY(.5);
}
.home-footer-wrap .channel-list {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: .4rem;
}
.home-footer-wrap .channel-list .channel-item {
  width: .6rem;
  height: .6rem;
}
.home-footer-wrap .channel-list .channel-item:not(:last-child) {
  margin-left: .2rem;
}
.home-footer-wrap .channel-list .channel-item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.home-footer-wrap .footer-desc {
  margin: .3rem 0 .4rem;
  font-size: .24rem;
  line-height: normal;
  color: #828e9e;
  text-align: center;
}
.home-footer-wrap .copyright {
  margin-top: .36rem;
  font-size: .2rem;
  font-weight: 600;
  line-height: normal;
  color: #b0b0b0;
  text-align: center;
}
.game-title {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: .6rem;
}
.game-title .title-icon {
  display: block;
  width: .52rem;
  height: .52rem;
  margin-right: .2rem;
}
.game-title .title-content {
  display: flex;
  align-items: center;
  font-size: .36rem;
  font-weight: 700;
  line-height: normal;
  color: #23ffc8;
  text-transform: uppercase;
}
.game-title .title-content .game-count {
  margin-left: .08rem;
  color: #9b5659;
}
.game-title .btn-more,
.game-title .title-content .game-count {
  display: flex;
  align-items: center;
  font-size: .32rem;
  font-weight: 500;
}
.game-title .btn-more {
  min-width: 1.65rem;
  height: .64rem;
  padding: .07952rem .1988rem;
  color: #fff;
  text-align: center;
  border: 1.988px solid hsla(0, 0%, 100%, .23);
  border-radius: .15904rem;
}
.game-title .arrow-right {
  width: .3rem;
  height: .3rem;
  margin-left: .06rem;
}
.provider-game-title {
  display: flex;
  align-items: center;
  height: .96rem;
  margin-bottom: .24rem;
}
.scroll-game-container {
  position: relative;
  width: 100%;
}
.scroll-game-container .more-game-wrap {
  position: absolute;
  top: -.86rem;
  right: 0;
  z-index: 1;
  display: flex;
  align-items: center;
}
.scroll-game-container .more-game {
  display: flex;
  align-items: center;
  justify-content: center;
  height: .6rem;
  padding: 0 .18rem;
  margin-right: .16rem;
  font-size: .24rem;
  font-weight: 700;
  line-height: normal;
  color: #ffb800;
  text-align: center;
  text-shadow: 0 .02909rem 0 rgba(17, 0, 0, .3);
  background: rgba(0, 97, 101, .6);
  border: 1.455px solid rgba(0, 58, 69, .4);
  border-radius: .14545rem;
  box-shadow: 0 .0375rem 0 0 #001c2c;
  -webkit-backdrop-filter: blur(.02909rem);
  backdrop-filter: blur(.02909rem);
}
.scroll-game-container .scroll-nav {
  display: grid;
  grid-auto-flow: column;
  gap: .16rem;
}
.scroll-game-container .scroll-nav .game-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  width: .6rem;
  height: .6rem;
  padding: .15rem;
  background: rgba(0, 97, 101, .6);
  border: 1.875px solid rgba(0, 58, 69, .4);
  border-radius: .1875rem;
  box-shadow: 0 .0375rem 0 0 #001c2c;
  -webkit-backdrop-filter: blur(.0375rem);
  backdrop-filter: blur(.0375rem);
}
.scroll-game-container .scroll-nav .game-nav .am-icon {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  fill: none;
}
.scroll-game-container .scroll-game-swiper {
  width: 100%;
  overflow: hidden;
}
.scroll-game-container .scroll-game-list {
  --grid-col-width:2.2rem;
  display: grid;
  grid-template-rows: repeat(var(--grid-rows), 1fr);
  grid-auto-columns: var(--grid-col-width);
  grid-auto-flow: column;
  gap: .2rem .1rem;
  overflow: scroll hidden;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
}
.scroll-game-container .scroll-game-list .scroll-slide {
  scroll-snap-align: start;
}
.scroll-game-container .game-scrollbar-wrap {
  padding: 0 .95rem;
  margin-top: .3rem;
}
.scroll-game-container .game-scrollbar {
  height: .06rem;
  background-color: hsla(0, 0%, 100%, .3);
  border-radius: .05rem;
}
.scroll-game-container .game-scrollbar .swiper-scrollbar-drag {
  background:
    linear-gradient(
      270deg,
      #f9edd2,
      #efcb7a,
      #b48331);
  border-radius: .05rem;
}
.home-game-list-container {
  position: relative;
  width: 100%;
  margin-bottom: .3rem;
  overflow: hidden;
}
.home-game-list-container .lottery-list-wrap {
  width: 100%;
  margin-top: .16rem;
  overflow: auto;
}
.home-game-list-container .lottery-list-wrap .lottery-list {
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  grid-auto-columns: 5.5rem;
  grid-auto-flow: column;
  gap: .16rem .2rem;
}
.home-game-list-container .vendor-list {
  display: flex;
  padding-top: 0;
  overflow: auto;
}
.home-game-list-container .vendor-list li {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 2rem;
  height: .8rem;
  padding: 0 .2rem;
  margin-right: .1rem;
  font-size: .24rem;
  color: #fff;
  background: #050505;
  border: .02rem solid #1a5f2e;
  border-radius: .16rem;
}
.home-game-list-container .vendor-list li.on {
  background: #049e07;
  border: none;
}
.home-game-list-container .vendor-list li img {
  height: 100%;
}
.home-game-list-container .home-game-list-content {
  width: 100%;
}
.home-game-list-container .home-game-list {
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  grid-auto-columns: 1.7rem;
  grid-auto-flow: column;
  gap: .24rem .2rem;
  overflow: auto;
}
.home-game-list-container .home-game-slide {
  display: grid;
  gap: .2rem;
  width: 100%;
}
.home-game-list-container .home-vendor-list {
  display: flex;
  flex-wrap: nowrap;
  overflow: auto;
}
.home-game-list-container .home-vendor-list .vendor-game-item {
  width: 2.2rem;
}
.home-game-list-container .home-vendor-list .vendor-game-item:not(:last-child) {
  margin-right: .2rem;
}
.home-game-list-container .swiper-btn-group {
  display: grid;
  grid-auto-flow: column;
  gap: .1rem;
  margin-left: .1rem;
}
.home-game-list-container .swiper-btn-group .swiper-btn {
  width: .6rem;
  height: .6rem;
}
.home-game-list-container .swiper-btn-group .am-icon {
  display: block;
  width: 100%;
  height: 100%;
}
.home-game-list-container .skeleton-wrap {
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: none;
  grid-auto-columns: 2.2rem;
  grid-auto-flow: column;
  gap: .2rem .25rem;
}
.home-vendor-list-wrap .swiper-slide {
  width: 2.57rem;
}
.home-game-list-wrap .swiper-slide {
  width: 2.84rem;
}
.jackpot-game-list-wrap .scroll-game-content {
  padding: .12rem;
  background: #211929;
  border-radius: .3rem;
  box-shadow: inset 0 -.02rem .02rem 0 rgba(0, 0, 0, .15), inset 0 .02rem .02rem 0 hsla(0, 0%, 100%, .15);
}
.jackpot-game-list-wrap .scroll-game-content .swiper-slide {
  width: 1.95rem;
}
.jackpot-game-list-wrap .scroll-game-content .choose-play {
  display: none;
}
.game-match-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 5.6rem;
  height: 2.5rem;
  padding: .15rem .12rem;
  overflow: hidden;
  background: url(https://www.ck444.pro/m/match-item-bg.a993ae9a.png) no-repeat 50%/cover;
  border-radius: .2rem;
}
.game-match-item .match-date {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  height: .4rem;
  padding: 0 .15rem;
  margin-bottom: .08rem;
  line-height: normal;
  color: #003e3e;
  background: #ffb800;
  border-radius: .08rem;
}
.game-match-item .match-date .match-day {
  margin-right: .08rem;
  font-size: .24rem;
  font-weight: 800;
}
.game-match-item .match-date .match-time {
  font-size: .2rem;
  font-weight: 600;
}
.game-match-item .match-league {
  flex-shrink: 0;
  margin-bottom: .08rem;
  font-size: .32rem;
  font-weight: 600;
  line-height: normal;
  color: #ffb800;
  text-align: center;
  text-transform: uppercase;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
}
@supports (-webkit-line-clamp:2) {
  .game-match-item .match-league {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}
.game-match-item .match-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 .1rem;
}
.game-match-item .match-info .match-vs {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: .4rem;
  height: .4rem;
  margin: 0 .12rem;
  font-size: .18rem;
  font-weight: 600;
  line-height: normal;
  color: #003840;
  background:
    linear-gradient(
      180deg,
      #26e7e4,
      #26a5a3 70%,
      #2e9185);
  border-radius: 1rem;
}
.game-match-item .match-info .teaminfo {
  display: flex;
  flex: 1 1 0%;
  align-items: center;
}
.game-match-item .match-info .team-icon {
  display: block;
  flex-shrink: 0;
  width: .64rem;
  height: .64rem;
  object-fit: contain;
}
.game-match-item .match-info .hometeam .team-icon {
  margin-right: .12rem;
}
.game-match-item .match-info .awayteam .team-icon {
  margin-left: .12rem;
}
.game-match-item .match-info .awayteam .team-name {
  direction: rtl;
}
.game-match-item .match-info .team-name {
  display: flex;
  flex: 1 1 0%;
  align-items: center;
  font-size: .24rem;
  font-weight: 700;
  line-height: normal;
  color: #e0fff7;
  text-transform: uppercase;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
}
@supports (-webkit-line-clamp:2) {
  .game-match-item .match-info .team-name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}
.game-match-item .team-odds {
  display: flex;
  align-items: center;
  margin-top: .1rem;
}
.game-match-item .play-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 0%;
  height: .7rem;
  padding: 0 .1rem;
  font-size: .24rem;
  font-weight: 700;
  color: #161616;
  background: #fde9bf;
  border-radius: .08rem;
}
.game-match-item .play-btn .arrow-right {
  width: .24rem;
  height: .24rem;
  margin-left: .2rem;
}
.game-match-item .m-line {
  width: .02rem;
  height: .6rem;
  margin-right: .12rem;
  background: #c5c6c8;
  border-radius: .1rem;
  opacity: .2;
}
.game-match-item .match-odd {
  display: flex;
  flex: 1 1 0%;
  align-items: center;
  height: .52rem;
  padding: 0 .12rem;
  background: #1b3f4a;
  border: 1px solid rgba(35, 255, 200, .2);
  border-radius: .16rem;
}
.game-match-item .match-odd:not(:last-child) {
  margin-right: .04rem;
}
.game-match-item .match-odd .odd-name {
  flex: 1 1 0%;
  font-size: .16rem;
  font-weight: 700;
  line-height: normal;
  color: #e0fff7;
  text-align: left;
  text-transform: uppercase;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
}
@supports (-webkit-line-clamp:2) {
  .game-match-item .match-odd .odd-name {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}
.game-match-item .match-odd .odd-num {
  flex-shrink: 0;
  margin-left: .04rem;
  font-size: .2rem;
  font-weight: 500;
  line-height: normal;
  color: #fff;
  text-align: right;
}
.game-match-wrap {
  position: relative;
  padding: 0 .1rem;
  margin-bottom: 1.1rem;
}
.game-match-wrap .game-match-content {
  position: relative;
  background: #012632;
  border: .02rem solid #003840;
  border-radius: .2rem;
}
.game-match-wrap .game-match-list {
  display: grid;
  grid-auto-flow: column;
  gap: .12rem;
  padding: .2rem;
  overflow: auto;
}
.game-match-wrap .shadow-bg {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 1.3rem;
  height: 100%;
  pointer-events: none;
  background:
    linear-gradient(
      90deg,
      hsla(0, 0%, 45%, 0),
      #012632);
}
.home-game-item .home-game-layout {
  padding: 0 .2rem;
}
.home-game-item .membership-banner {
  display: block;
  width: 100%;
}
.home-game-item .apply-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: .92rem;
  margin: .24rem .4rem 0;
  background:
    linear-gradient(
      270deg,
      #ebab51,
      #fbe38c);
  border: .025rem solid #ebab51;
  border-radius: 2rem;
  box-shadow: inset 0 0 .04rem .02rem rgba(0, 0, 0, .25);
}
.home-game-item .apply-btn span {
  font-size: .4rem;
  font-weight: 600;
  line-height: normal;
  text-align: center;
  background:
    linear-gradient(
      270deg,
      #7c0600,
      #ad0800 58.5%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.home-game-item .highlight-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: .3rem;
  padding: .6rem .3rem;
}
.home-game-item .highlight-cards .card-item {
  min-width: 0;
}
.home-game-item .highlight-cards .card-item img {
  display: block;
  width: 100%;
}
.home-game-item .highlight-cards .card-item:nth-child(3),
.home-game-item .highlight-cards .card-item:nth-child(6) {
  grid-column: span 2;
}
.home-game-item .home-help-center {
  padding: 0 .3rem;
  margin-bottom: .24rem;
}
.home-game-item .home-help-center .home-help-title {
  height: .94rem;
  font-size: .4rem;
  font-weight: 600;
  line-height: normal;
  text-align: center;
  background:
    linear-gradient(
      270deg,
      #ebab51,
      #fbe38c);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.home-content {
  width: 100%;
  transition: all .3s;
}
.home-content .home-game-tabs {
  min-height: 6rem;
}
.home-content .home-list-title {
  margin-bottom: .26rem;
}
.home-content .game-search-box {
  display: flex;
  align-items: center;
  margin-top: .3rem;
}
.home-content .game-search-box .disable-search {
  position: relative;
  flex: 1 1 0%;
}
.home-content .game-search-box .disable-search:after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  content: "";
}
.home-content .btn-search {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: .72rem;
  height: .72rem;
  margin-left: .16rem;
}
.home-content .btn-search .am-icon {
  display: block;
  width: 100%;
  height: 100%;
}
.home-content .hot-banner {
  margin-top: .32rem;
}
.download-bar.show-bar + .app-main {
  padding-top: var(--download-bar-height);
}
.download-bar.show-bar + .app-main .header-content {
  top: var(--download-bar-height);
}
.home-container {
  width: 100%;
  transition: all .3s;
}
.home-container.app-main {
  background: url(https://www.ck444.pro/m/main-bg.d53a733e.png) repeat-y top/100% auto, var(--main-bg);
}
.home-container .home-banner {
  min-height: 1.5rem;
}
.home-container .deposit-withdraw {
  display: flex;
  align-items: center;
  padding: 0 .2rem;
  margin-top: .17rem;
}
.home-container .deposit-withdraw .btn-deposit,
.home-container .deposit-withdraw .btn-withdraw {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 0%;
  height: .8rem;
  font-size: .32rem;
  font-weight: 700;
  line-height: normal;
  color: #ffab49;
  text-align: center;
  text-shadow: 0 .02rem 0 rgba(17, 0, 0, .3);
  background: #002632;
  border: .02rem solid #006165;
  border-radius: .2rem;
  box-shadow: 0 .04rem 0 0 #002631;
}
.home-container .deposit-withdraw .btn-deposit .am-icon,
.home-container .deposit-withdraw .btn-withdraw .am-icon {
  width: .52rem;
  height: .52rem;
  margin-right: .2rem;
}
.home-container .deposit-withdraw .btn-withdraw {
  margin-left: .2rem;
}
.home-container .promo-banner-list {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  padding: 0 .2rem;
  margin-top: -.8rem;
  overflow: auto;
}
.home-container .promo-banner-list img {
  display: block;
  width: 4.36rem;
  object-fit: contain;
}
.home-container .promo-banner-list img:not(:last-child) {
  margin-right: .24rem;
}
.home-container .popup_container_v2 {
  background-color: rgba(0, 27, 27, .5);
  -webkit-backdrop-filter: blur(.05rem);
  backdrop-filter: blur(.05rem);
}
.home-container .popup_container_v2 .close-btn {
  top: -2.25rem;
  right: 0;
  width: .5rem;
  height: .5rem;
  background: url(https://www.ck444.pro/m/popup-close.8416d6c5.png) no-repeat 50%/cover;
  border-radius: 0;
}
.home-container .popup_container_v2 .close-btn .icon {
  display: none;
}
.home-container .popup_container_v2 .popup_title {
  display: none;
  width: 100%;
  padding: 0;
  margin-bottom: .24rem;
  font-size: .24rem;
  font-weight: 700;
  line-height: normal;
  color: #fde9bf;
  text-align: left;
}
.home-container .popup_container_v2 .popup_content {
  position: relative;
  max-height: min(100vh - 3.65rem, 8.32rem) !important;
  padding: .2rem .16rem 1.2rem;
  overflow: visible;
  background: rgba(0, 78, 86, .9);
  border: 1px solid rgba(0, 28, 44, .4);
  border-radius: 0 0 .2rem .2rem;
  box-shadow: inset 0 .02rem 0 0 #006165, 0 1px 0 0 #001c2c;
  -webkit-backdrop-filter: blur(.02rem);
  backdrop-filter: blur(.02rem);
}
.home-container .popup_container_v2 .popup_content .wysiwyg {
  padding: 0 !important;
}
.home-container .popup_container_v2 .text {
  font-size: .22rem;
  font-weight: 600;
  color: #e0fff7;
}
.home-container .popup_container_v2 .popup_body {
  width: 6rem !important;
  max-height: min(100vh - 2rem, 9.97rem) !important;
  padding: 0 !important;
}
.home-container .popup_container_v2 .popup_body .swiper-slide img {
  display: block;
  width: 100%;
}
.home-container .popup_container_v2 .popup_body .nav-left {
  left: -.25rem;
}
.home-container .popup_container_v2 .popup_body .nav-right {
  right: -.25rem;
}
.home-container .popup_container_v2 .popup_body .nav-left,
.home-container .popup_container_v2 .popup_body .nav-right {
  display: none;
  width: .5rem;
  height: .5rem;
  padding: .1rem;
  border-radius: .64rem;
}
.home-container .popup_container_v2 .popup_body .nav-left .arrow-icon,
.home-container .popup_container_v2 .popup_body .nav-right .arrow-icon {
  display: block;
  width: .26rem;
  height: .26rem;
  fill: #fff;
}
.home-container .popup_container_v2 .popup_body .active-btn {
  background:
    linear-gradient(
      180deg,
      #239fff,
      #1e5adc);
  border-radius: .8rem;
}
.home-container .popup_container_v2 .popup_body .disable-btn {
  background: #7981a4;
  border-radius: .8rem;
  box-shadow: 0 .04rem .05rem 0 hsla(0, 0%, 55%, .37);
}
.home-container .popup_container_v2 .shell-popup-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: .2rem .26rem;
}
.home-container .popup_container_v2 .popup-nav {
  display: flex;
  gap: .3rem;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.home-container .popup_container_v2 .popup-nav-left,
.home-container .popup_container_v2 .popup-nav-right {
  display: flex;
  flex: 1 1 0%;
  gap: .1rem;
  align-items: center;
  justify-content: space-evenly;
  padding: .13rem .34rem;
  font-size: .3rem;
  font-weight: 700;
  line-height: normal;
  color: #b64100;
  text-shadow: 0 .04rem 0 rgba(159, 52, 0, .2);
  background:
    linear-gradient(
      180deg,
      #ffe600,
      #ffb800);
  border: 1px solid rgba(255, 242, 166, .5);
  border-radius: .42rem;
  box-shadow: inset 0 .04rem 0 .02rem #fff2a6, 0 .04rem 0 0 #b64100;
}
.home-container .popup_container_v2 .popup-nav-left .am-icon,
.home-container .popup_container_v2 .popup-nav-right .am-icon {
  display: block;
  width: .5rem;
  height: .5rem;
}
.home-container .popup_container_v2 .popup_pagination_footer {
  display: none;
}
.home-container .popup_container_v2 .popup_main_header {
  border-radius: 0;
}
.home-container .popup_container_v2 .shell-popup-header {
  position: relative;
  display: flex;
  align-items: center;
  height: 1.65rem;
  padding: .5rem 0 0 2.64rem;
  font-size: .4rem;
  font-weight: 700;
  line-height: normal;
  color: #fff;
  text-shadow: 0 .02rem 0 rgba(159, 52, 0, .2);
  background: url(https://www.ck444.pro/m/popup-header.afdbe86f.png) no-repeat 50%/cover;
}
.home-container .popup_container_v2 .shell-popup-header .popup-logo {
  display: block;
  height: 1.5rem;
}
.home-container .popup_container_v2 .shell-popup-header .popup-banner {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  height: 2.96rem;
}
.home-container .popup_container_v2 .popup-pagenation {
  display: flex;
  align-items: center;
  justify-content: center;
}
.home-container .popup_container_v2 .popup-pagenation .popup-dot {
  width: .16rem;
  height: .12rem;
  margin: 0 .04rem;
  background: hsla(0, 0%, 100%, .6);
  border-radius: .1rem;
}
.home-container .popup_container_v2 .popup-pagenation .popup-dot.on {
  width: .46rem;
  height: .12rem;
  background: #fff;
}
.home-container .popup_container_v2 .btn-confirm {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 1.12rem;
  font-size: .36rem;
  line-height: .54rem;
  color: #6b000c;
  text-align: center;
  background:
    linear-gradient(
      270deg,
      #ebab51,
      #fbe38c);
}
.home-container .popup_container_v2 .today-bar {
  position: absolute;
  bottom: -.55rem;
  left: 50%;
  margin: 0;
  transform: translateX(-50%);
}
.home-container .popup_container_v2 .today-bar .am-checkbox-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.home-container .popup_container_v2 .today-bar .am-checkbox {
  display: block;
}
.home-container .popup_container_v2 .today-bar .am-checkbox .am-checkbox-inner {
  background: rgba(0, 0, 0, .2);
  border-color: #fff;
  border-radius: .06rem;
}
.home-container .popup_container_v2 .today-bar .am-checkbox .am-checkbox-inner:after {
  right: .14rem;
  border-color: #fff;
}
.home-container .popup_container_v2 .today-bar .am-list-content {
  font-size: .24rem;
  line-height: normal;
  color: #fff;
  white-space: nowrap;
}
.hairline-remove-right-bottom {
  border-bottom: 0;
}
.hairline-remove-right-bottom:after {
  display: none;
}
.hairline-remove-right-bottom-bak:after {
  display: none;
}
.hairline-remove-left-top:before {
  display: none;
}
.am-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: .32rem;
  height: .68rem;
  line-height: .68rem;
  color: #000;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.am-picker-col-item-selected {
  font-size: .34rem;
}
.am-picker-col-mask {
  top: 0;
  height: 100%;
  margin: 0 auto;
  background-image:
    linear-gradient(
      180deg,
      hsla(0, 0%, 100%, .95),
      hsla(0, 0%, 100%, .6)),
    linear-gradient(
      0deg,
      hsla(0, 0%, 100%, .95),
      hsla(0, 0%, 100%, .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: .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, .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: .34rem;
  padding: .18rem .3rem;
  height: .84rem;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.am-picker-popup-item-active {
  background-color: #ddd;
}
.am-picker-popup-title {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1 1 0%;
  text-align: center;
  color: #000;
}
.am-picker-popup .am-picker-popup-close {
  display: none;
}
.am-picker-col {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1 1 0%;
}
.form-page-container input[name=birthday] {
  min-height: 1.2em;
  -webkit-appearance: textfield;
  appearance: textfield;
}
.form-page-container input[name=birthday]::-webkit-datetime-edit {
  display: block;
  padding: 0;
}
.form-page-container input[name=birthday]::-webkit-calendar-picker-indicator,
.form-page-container input[name=birthday]::-webkit-inner-spin-button {
  display: none;
}
.form-page-container input[name=birthday]::-webkit-datetime-edit-fields-wrapper {
  color: #707070;
}
.form-page-container input[name=birthday]::-webkit-datetime-edit {
  display: inline-block;
  flex: 1 1 0%;
  min-width: 0;
  overflow: hidden;
  -webkit-user-modify: read-only !important;
}
.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: .3rem .3rem .18rem;
  font-size: .28rem;
  color: #888;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
}
.am-list-footer {
  padding: .18rem .3rem .3rem;
  font-size: .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: .3rem;
  min-height: .88rem;
  background-color: #fff;
  vertical-align: middle;
  overflow: hidden;
  transition: background-color .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 .2s cubic-bezier(.4, 0, 1, 1),
    background-color .2s cubic-bezier(.4, 0, .2, 1),
    color .2s cubic-bezier(.4, 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%, .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: .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: .44rem;
  height: .44rem;
  vertical-align: middle;
}
.am-list-item .am-list-thumb:first-child {
  margin-right: .3rem;
}
.am-list-item .am-list-thumb:last-child {
  margin-left: .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: .3rem;
  min-height: .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: .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: .14rem;
  padding-bottom: .14rem;
}
.am-list-item .am-list-line .am-list-extra {
  -ms-flex-preferred-size: 36%;
  flex-basis: 36%;
  color: #888;
  font-size: .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: .3rem;
  line-height: 1.5;
  margin-top: .12rem;
}
.am-list-item .am-list-line .am-list-arrow {
  display: block;
  width: .3rem;
  height: .3rem;
  margin-left: .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: .25rem .3rem .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: .34rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
}
@-webkit-keyframes ripple {
  to {
    opacity: 0;
    -webkit-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@keyframes ripple {
  to {
    opacity: 0;
    -webkit-transform: scale(2.5);
    transform: scale(2.5);
  }
}
.hairline-remove-right-bottom {
  border-bottom: 0;
}
.hairline-remove-right-bottom:after {
  display: none;
}
.hairline-remove-right-bottom-bak:after {
  display: none;
}
.hairline-remove-left-top:before {
  display: none;
}
.am-navbar {
  -ms-flex-align: center;
  height: .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: .3rem;
  font-size: .32rem;
}
.am-navbar-left-icon {
  margin-right: .1rem;
  display: inherit;
}
.am-navbar-title {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: .36rem;
  white-space: nowrap;
}
.am-navbar-right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  font-size: .32rem;
  margin-right: .3rem;
}
.am-navbar-right .anticon {
  margin-right: .1rem;
}
.am-navbar-right .anticon:last-child {
  margin-right: 0;
}
.am-navbar-right-content {
  margin-right: .1rem;
}
.am-navbar-light {
  background-color: #fff;
  color: #108ee9;
}
.am-navbar-light .am-navbar-title {
  color: #000;
}
#root .mc-header-wrap,
#root .shell-header {
  height: var(--mc-header-height);
}
#root .mc-header-wrap .mc-navbar-blue,
#root .shell-header .mc-navbar-blue {
  height: var(--mc-header-height);
  background: var(--mc-header-bg);
}
#root .mc-header-wrap .mc-navbar-blue .am-navbar-title,
#root .shell-header .mc-navbar-blue .am-navbar-title {
  font-size: .36rem;
  font-weight: 700;
  color: var(--mc-header-color);
}
#root .mc-header-wrap .mc-navbar-blue .am-icon-left,
#root .shell-header .mc-navbar-blue .am-icon-left {
  display: block;
  width: .6rem;
  height: .6rem;
  font-size: .32rem;
  color: var(--mc-header-color);
}
#root .mc-header-wrap .mc-navbar-blue .am-navbar-right,
#root .shell-header .mc-navbar-blue .am-navbar-right {
  color: var(--mc-header-color);
}
#root .shell-header .mc-navbar-blue {
  z-index: 55 !important;
}
#root .shell-header .am-navbar-left {
  padding-left: 0;
}
#root .shell-header .am-navbar-left-content {
  padding-left: .24rem;
}
#root .shell-header .am-navbar-right {
  margin-right: 0 !important;
}
#root .shell-header .header-title {
  display: flex;
  align-items: center;
}
#root .shell-header .header-title .title-icon {
  width: .64rem;
  height: .64rem;
  margin-right: .2rem;
}
#root .shell-header .icon-return {
  display: block;
  width: .48rem;
  height: .48rem;
  color: var(--mc-header-color);
}
#root .shell-header .service-btn-wrap {
  padding-right: .24rem;
}
#root .shell-header .header-right {
  padding-right: .3rem;
}
#root .shell-header .header-right .btn-search {
  display: block !important;
  width: .42rem;
  height: .42rem;
}
.am-wingblank {
  margin-left: .16rem;
  margin-right: .16rem;
}
.am-wingblank.am-wingblank-sm {
  margin-left: .1rem;
  margin-right: .1rem;
}
.am-wingblank.am-wingblank-md {
  margin-left: .16rem;
  margin-right: .16rem;
}
.am-wingblank.am-wingblank-lg {
  margin-left: .3rem;
  margin-right: .3rem;
}
.hairline-remove-right-bottom {
  border-bottom: 0;
}
.hairline-remove-right-bottom:after {
  display: none;
}
.hairline-remove-right-bottom-bak:after {
  display: none;
}
.hairline-remove-left-top:before {
  display: none;
}
.am-flexbox {
  text-align: left;
  overflow-y: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.am-flexbox.am-flexbox-dir-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.am-flexbox.am-flexbox-dir-row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.am-flexbox.am-flexbox-dir-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.am-flexbox.am-flexbox-dir-column-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.am-flexbox.am-flexbox-nowrap {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.am-flexbox.am-flexbox-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.am-flexbox.am-flexbox-wrap-reverse {
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
}
.am-flexbox.am-flexbox-justify-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.am-flexbox.am-flexbox-justify-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.am-flexbox.am-flexbox-justify-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.am-flexbox.am-flexbox-justify-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.am-flexbox.am-flexbox-justify-around {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.am-flexbox.am-flexbox-align-top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.am-flexbox.am-flexbox-align-bottom {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.am-flexbox.am-flexbox-align-middle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.am-flexbox.am-flexbox-align-stretch {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.am-flexbox.am-flexbox-align-baseline {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}
.am-flexbox.am-flexbox-align-content-start {
  -ms-flex-line-pack: start;
  align-content: flex-start;
}
.am-flexbox.am-flexbox-align-content-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.am-flexbox.am-flexbox-align-content-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.am-flexbox.am-flexbox-align-content-between {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.am-flexbox.am-flexbox-align-content-around,
.am-flexbox.am-flexbox-align-content-stretch {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}
.am-flexbox .am-flexbox-item {
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1 1 0%;
  margin-left: .16rem;
  min-width: .2rem;
}
.am-flexbox .am-flexbox-item:first-child {
  margin-left: 0;
}
.hairline-remove-right-bottom {
  border-bottom: 0;
}
.hairline-remove-right-bottom:after {
  display: none;
}
.hairline-remove-right-bottom-bak:after {
  display: none;
}
.hairline-remove-left-top:before {
  display: none;
}
.am-image-picker-list {
  padding-top: .18rem;
  margin-bottom: .3rem;
}
.am-image-picker-list .am-flexbox {
  margin-bottom: .12rem;
}
.am-image-picker-list .am-flexbox .am-flexbox-item {
  position: relative;
  margin-right: .1rem;
  margin-left: 0;
}
.am-image-picker-list .am-flexbox .am-flexbox-item:after {
  display: block;
  content: " ";
  padding-bottom: 100%;
}
.am-image-picker-list .am-flexbox .am-flexbox-item:nth-child(4n) {
  margin-right: 0;
}
.am-image-picker-list .am-image-picker-item {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  height: 100%;
}
.am-image-picker-list .am-image-picker-item .am-image-picker-item-remove {
  width: .3rem;
  height: .3rem;
  position: absolute;
  right: .12rem;
  top: .12rem;
  text-align: right;
  vertical-align: top;
  z-index: 2;
  background-size: .3rem auto;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill-opacity='.4' fill='%23404040' cx='8' cy='8' r='8'/%3E%3Cpath d='M11.898 4.101a.345.345 0 0 0-.488 0L8 7.511l-3.411-3.41a.345.345 0 0 0-.488.488l3.411 3.41-3.41 3.412a.345.345 0 0 0 .488.488L8 8.487l3.411 3.411a.345.345 0 0 0 .488-.488L8.488 8l3.41-3.412a.344.344 0 0 0 0-.487z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E");
}
.am-image-picker-list .am-image-picker-item .am-image-picker-item-content {
  height: 100%;
  width: 100%;
  border-radius: .06rem;
  background-size: cover;
}
.am-image-picker-list .am-image-picker-item img {
  width: 100%;
}
.am-image-picker-list .am-image-picker-upload-btn {
  box-sizing: border-box;
  border-radius: .06rem;
  border: .02rem solid #ddd;
  background-color: #fff;
}
.am-image-picker-list .am-image-picker-upload-btn:after,
.am-image-picker-list .am-image-picker-upload-btn:before {
  width: .02rem;
  height: .5rem;
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #ccc;
}
.am-image-picker-list .am-image-picker-upload-btn:after {
  width: .5rem;
  height: .02rem;
}
.am-image-picker-list .am-image-picker-upload-btn-active {
  background-color: #ddd;
}
.am-image-picker-list .am-image-picker-upload-btn input {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
}
.apply-reward {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100dvh;
  background: rgba(0, 0, 0, .6);
}
.apply-reward .apply-body {
  position: relative;
  width: 7rem;
  height: 11.47rem;
  padding: 0 .2rem;
  overflow-y: auto;
  background: #004e56;
  border-radius: .2rem;
}
.apply-reward .apply-body .apply-close {
  position: absolute;
  top: .3rem;
  right: .3rem;
}
.apply-reward .apply-body .apply-close svg {
  width: .5rem;
  height: .5rem;
  fill: transparent;
}
.apply-reward .apply-body .apply-title {
  margin: .3rem auto;
  font-size: .38rem;
  font-weight: 700;
  color: #23ffc8;
  text-align: center;
}
.apply-reward .apply-body .apply-form-group {
  margin-top: .2rem;
}
.apply-reward .apply-body .remark-textarea {
  width: 100%;
  height: 2.4rem;
  padding: .24rem;
  font-size: .28rem;
  color: #fff;
  background: #002632;
  border: none;
  border-radius: .2rem;
}
.apply-reward .apply-body .remark-textarea::placeholder {
  color: hsla(0, 0%, 100%, .4);
}
.apply-reward .apply-body .form-label {
  display: block;
  height: .38rem;
  margin-bottom: .12rem;
  font-size: .3rem;
  font-weight: 700;
  line-height: .38rem;
  text-align: left;
  background:
    linear-gradient(
      180deg,
      #ffe600,
      #ffb800);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.apply-reward .apply-body .am-image-picker-list {
  padding: 0;
  margin: 0;
}
.apply-reward .apply-body .am-image-picker-list .am-flexbox {
  margin: 0;
}
.apply-reward .apply-body .updoad-box {
  height: 4rem;
  padding: .5rem .24rem;
  background: #002632;
  border-radius: .2rem;
}
.apply-reward .apply-body .updoad-box .upload-default {
  font-size: .24rem;
  color: hsla(0, 0%, 100%, .4);
  text-align: center;
}
.apply-reward .apply-body .updoad-box .upload-default p {
  margin: .24rem 0;
}
.apply-reward .apply-body .updoad-box .upload-default .upload-icon {
  width: 1rem;
  height: 1rem;
  margin-top: .3rem;
}
.apply-reward .apply-body .updoad-box .upload-default .upload-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: -webkit-min-content;
  width: min-content;
  min-width: 1.56rem;
  height: .49rem;
  margin: 0 auto;
  font-size: .24rem;
  font-weight: 700;
  color: #b64100;
  text-align: center;
  text-shadow: 0 .02rem 0 rgba(159, 52, 0, .2);
  background:
    linear-gradient(
      180deg,
      #ffe600,
      #ffb800);
  border: 1px solid rgba(255, 242, 166, .5);
  border-radius: .12rem;
  box-shadow: inset 0 .02rem 0 1px #fff2a6, 0 .02rem 0 0 #b64100;
}
.apply-reward .apply-body .apply-btns {
  display: flex;
  flex-direction: column;
  gap: .26rem;
  align-items: center;
  margin-top: .57rem;
}
.apply-reward .apply-body .apply-btns button {
  font-size: .24rem;
  font-weight: 700;
  color: #fff;
}
.apply-reward .apply-body .apply-btns .apply-cancel {
  color: #ffab49;
  text-shadow: 0 .02rem 0 rgba(17, 0, 0, .3);
  background: var(--gradient-02,linear-gradient(180deg,#0f727c,#004e56));
  border: var(--stroke-weight-1,1px) solid rgba(17, 134, 125, .5);
  border-radius: .12rem;
  box-shadow: 0 .02rem 0 0 #003941;
}
.apply-reward .apply-body .apply-btns .apply-cancel,
.apply-reward .apply-body .apply-btns .submit-btn {
  display: block;
  flex: 1 1 0%;
  width: 100%;
  height: .66rem;
  font-size: .38rem;
  font-weight: 700;
  line-height: .5rem;
  text-align: center;
}
.apply-reward .apply-body .apply-btns .submit-btn {
  color: #b64100;
  text-shadow: 0 .02rem 0 rgba(159, 52, 0, .2);
  background:
    linear-gradient(
      180deg,
      #ffe600,
      #ffb800);
  border: 1px solid rgba(255, 242, 166, .5);
  border-radius: .12rem;
  box-shadow: inset 0 .02rem 0 1px #fff2a6, 0 .02rem 0 0 #b64100;
}
.reward-btn-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 1.2rem;
  height: .48rem;
  margin-right: .06rem;
  font-size: .24rem;
  font-weight: 700;
  line-height: .48rem;
  color: #ffebd8;
  text-align: center;
  background: #bb3a12;
  border-radius: .12rem;
}
.reward-btn-wrap.claim,
.reward-btn-wrap.join {
  color: #fff;
  background: transparent;
  border: .02rem solid #fff;
}
.reward-btn-wrap.padding {
  color: #305e2f;
  background: #4f9c5e;
}
.reward-btn-wrap .reward_btn {
  margin: 0 .2rem;
}
.activity-container .page-title {
  margin-bottom: .2rem;
  font-size: .36rem;
  font-weight: 700;
  line-height: normal;
  color: #23ffc8;
  text-transform: uppercase;
}
.activity-container .activity-banner {
  padding: 0;
}
.activity-container .activity-preview.app-main {
  background: url(https://www.ck444.pro/m/main-bg.d53a733e.png) repeat-y top/100% auto, var(--main-bg);
}
.activity-container .activity-preview-bg {
  padding: .2rem .2rem calc(var(--footer-height) + .5rem);
}
.activity-container .activity-title {
  margin-bottom: .16rem;
  font-size: .36rem;
  font-weight: 600;
  line-height: .432rem;
  text-align: center;
  background:
    linear-gradient(
      270deg,
      #ebab51,
      #fbe38c);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.activity-container .activity-sub-title {
  margin-bottom: .16rem;
  font-size: .28rem;
  line-height: .42rem;
  color: #eff4f3;
  text-align: center;
}
.activity-container .game-title {
  margin-bottom: .2rem;
}
.activity-container .activity-time {
  display: flex;
  align-items: center;
  font-size: .24rem;
  font-weight: 500;
  line-height: normal;
  color: #7981a4;
}
.activity-container .promo-list {
  display: grid;
  gap: .32rem;
}
.activity-container .accordion-item-bg {
  overflow: hidden;
  background:
    linear-gradient(
      180deg,
      #39260f,
      #000);
  border-radius: .15rem;
}
.activity-container .activity-item-content {
  padding: 0 .2rem .2rem;
}
.activity-container .activity-content {
  width: 100%;
}
.activity-container .activity-content .promo-item {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding: .05rem .12rem;
}
.activity-container .activity-content .promo-item .activity-img {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.activity-container .activity-content .promo-item .activity-img img {
  display: block;
  width: 100%;
  min-height: 1rem;
}
.activity-container .activity-content .promo-item .in-progress {
  position: absolute;
  top: .1rem;
  right: .1rem;
  padding: .08rem .16rem;
  font-size: .2rem;
  font-weight: 700;
  line-height: normal;
  color: #fff;
  text-align: center;
  background: #007bff;
  border-radius: .06rem;
}
.activity-container .activity-content .promo-item .title {
  font-size: .24rem;
  font-weight: 700;
  line-height: normal;
  color: #e0fff7;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
}
@supports (-webkit-line-clamp:2) {
  .activity-container .activity-content .promo-item .title {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}
.activity-container .activity-content .promo-item .activity-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: .16rem .2rem;
  overflow: hidden;
}
.activity-container .activity-content .promo-item .info-right {
  display: flex;
  align-items: center;
}
.activity-container .activity-content .promo-item .limit-time {
  padding: .08rem .15rem;
  margin-right: .06rem;
  font-size: .2rem;
  font-weight: 500;
  line-height: normal;
  color: #fff;
  background:
    linear-gradient(
      135deg,
      #faa883,
      #ec7340);
  border-radius: .1rem;
}
.activity-container .activity-content .promo-item .accordion-arrow {
  display: block;
  width: .7rem;
  height: .7rem;
  transition: all .3s;
}
.activity-container .activity-content .promo-item-bg {
  background: #002632;
}
.activity-container .activity-content .title-content {
  margin-top: .16rem;
  font-size: .28rem;
  line-height: normal;
  color: #eff4f3;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
}
@supports (-webkit-line-clamp:2) {
  .activity-container .activity-content .title-content {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}
.activity-container .activity-content .view-all {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 1.2rem;
  height: .48rem;
  padding: 0 .17rem;
  margin-left: .1rem;
  font-size: .24rem;
  font-weight: 700;
  line-height: normal;
  color: #b64100;
  text-align: center;
  background:
    linear-gradient(
      180deg,
      #ffe600,
      #ffb800);
  border: 1px solid rgba(255, 242, 166, .5);
  border-radius: .12rem;
  box-shadow: inset 0 .02rem 0 1px #fff2a6, 0 .02rem 0 0 #b64100;
}
.activity-container .join-now .activity-goto-btn {
  margin: .3rem 0 0;
  font-size: .24rem;
  line-height: .8rem;
  border-radius: .24rem;
}
.activity-container .wysiwyg {
  padding: 0;
  font-size: .2rem;
  font-weight: 500;
  line-height: normal;
  color: #fff;
}
.activity-container .wysiwyg img {
  max-width: 100%;
}
.activity-detail-popup {
  overflow: hidden;
  background: var(--main-bg);
}
.activity-detail-container {
  width: 100%;
}
.activity-detail-container .btn-confirm {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 1.12rem;
  font-size: .36rem;
  line-height: .54rem;
  color: #6b000c;
  text-align: center;
  background:
    linear-gradient(
      270deg,
      #ebab51,
      #fbe38c);
}
.activity-detail-container .activity-html {
  margin-top: .2rem;
}
.activity-detail-container .activity-detail-content {
  position: relative;
  width: 100%;
  padding: .2rem;
}
.activity-detail-container .close-detail {
  position: absolute;
  top: -.86rem;
  right: .24rem;
  width: .56rem;
  height: .56rem;
}
.activity-detail-container .close-detail .am-icon {
  display: block;
  width: 100%;
  height: 100%;
}
.activity-detail-container .activity-detail-bg {
  overscroll-behavior: none;
}
.activity-detail-container .activity-detail-inner {
  margin-top: .3rem;
}
.activity-detail-container .activity-detail-title {
  margin: .2rem 0;
  font-size: .32rem;
  font-weight: 700;
  line-height: normal;
  color: #ffb800;
  text-transform: uppercase;
}
.activity-detail-container .activity-img {
  position: relative;
  z-index: 10;
  width: 100%;
  overflow: hidden;
  border-radius: .12rem;
}
.activity-detail-container .activity-img img {
  display: block;
  width: 100%;
}
.activity-detail-container .activity-goto-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  min-width: 1.65rem;
  height: .6rem;
  padding: 0 .32rem;
  margin-bottom: .2rem;
  font-size: .28rem;
  color: #6b000c;
  text-align: center;
  background:
    linear-gradient(
      270deg,
      #ebab51,
      #fbe38c);
  border-radius: .5rem;
}
.container_activity table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt {
  border: 1px solid #fff;
}
.change-password-container .form-wrap input:disabled {
  background: #1e1e1e !important;
}
.forget-password-container .to-login,
.forget-password-container .toggle-phone {
  margin-top: .2rem;
  font-size: .28rem;
  line-height: .4rem;
  color: #00b4d8;
}
.forget-password-container .to-login {
  display: flex;
  justify-content: center;
  text-align: center;
}
.forget-password-container .to-login span {
  padding: .2rem .36rem .2rem .37rem;
}
.forget-password-container .btn-help {
  display: flex;
  justify-content: center;
  margin-top: .4rem;
  font-size: .22rem;
  line-height: normal;
  color: #fde9bf;
}
.game-center-container {
  width: 100%;
}
.game-center-container .game-center-content {
  width: 100%;
  padding: .2rem;
}
.game-list-center-container {
  width: 100%;
}
.game-list-center-container .game-list-center-content {
  padding: .2rem .2rem .6rem;
}
.game-list-center-container .game-menu-wrap {
  height: 1.34rem;
}
.game-list-center-container .game-menu-wrap .game-menu-content {
  position: fixed;
  top: calc(var(--header-height) + .6rem);
  left: 0;
  z-index: 30;
}
.game-list-center-container .game-select {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: .32rem;
}
.game-list-center-container .game-select .select-bar {
  display: flex;
  flex-shrink: 0;
  align-items: center;
}
.game-list-center-container .game-select .select-bar .select-btn {
  position: relative;
  width: .64rem;
  height: .64rem;
  margin-right: .16rem;
  background: #1d2431;
  border: .02rem solid var(--Dark-Grey-Blue,#283667);
  border-radius: .1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.game-list-center-container .game-select .select-bar .select-btn .select-icon {
  display: block;
  width: .33rem;
  height: .33rem;
  fill: #fff;
}
.game-list-center-container .game-select .select-bar .select-btn.on {
  border: .02rem solid #154fa0;
}
.game-list-center-container .game-select .select-bar .select-btn.on .select-icon {
  fill: #0048ff;
}
.game-list-center-container .game-select .provider-btn {
  position: relative;
  display: flex;
  align-items: center;
  height: .64rem;
  padding: 0 .16rem;
  font-size: .24rem;
  line-height: normal;
  color: #fff;
  background: #1d2431;
  border: .02rem solid var(--Dark-Grey-Blue,#283667);
  border-radius: .1rem;
}
.game-list-center-container .game-select .icon-open {
  width: .3rem;
  height: .3rem;
  margin-right: .08rem;
}
.game-list-center-container .disable-search {
  position: relative;
  margin-bottom: .24rem;
}
.game-list-center-container .disable-search:after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  content: "";
}
.game-list-center-container .active-vendor {
  position: relative;
  z-index: 60;
  display: flex;
  align-items: center;
  margin-left: .12rem;
}
.game-list-center-container .active-vendor .active-vendor-icon {
  width: 1rem;
  height: .5rem;
  object-fit: cover;
}
.game-list-center-container .active-vendor .close-vendor {
  width: .2rem;
  height: .2rem;
  margin-left: .12rem;
}
.game-list-center-container .category-games {
  position: relative;
}
.game-list-center-container .game-pagenation-wrap {
  display: flex;
  justify-content: center;
  margin-top: .32rem;
}
.game-list-center-container .game-pagenation-wrap .game-more {
  display: flex;
  align-items: center;
  justify-content: center;
  height: .7rem;
  padding: 0 .4rem;
  font-size: .24rem;
  color: #fff;
  background:
    linear-gradient(
      180deg,
      rgba(60, 168, 243, .2),
      rgba(102, 202, 251, .2));
  border-radius: .1rem;
}
.game-list-center-container .game-pagenation-wrap .pages {
  margin-left: .24rem;
  color: #8c9099;
}
.game-list-center-container .game-pagenation-wrap .page-info {
  color: #fff;
}
.help-center-container .help-view {
  padding: .3rem;
}
.help-center-container .help-item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .23rem .4rem;
  margin-bottom: .2rem;
  font-size: .24rem;
  font-weight: 700;
  line-height: normal;
  color: #e0fff7;
  background: #004e56;
  border: 1px solid rgba(0, 28, 44, .4);
  border-radius: .14rem;
}
.help-center-container .item-arrow {
  display: block;
  width: .34rem;
  height: .34rem;
  color: #e0fff7;
}
.help-center-container .help-detail-wrap {
  padding: .3rem;
}
.help-center-container .help-detail-wrap .active-help-item {
  padding: .28rem;
  background: #004e56;
  border: 1px solid rgba(0, 28, 44, .4);
  border-radius: .2rem;
  box-shadow: 0 1px 0 0 #001c2c, inset 0 .02rem 0 0 #006165;
}
.help-center-container .help-detail-wrap .active-item-content {
  font-size: .2rem;
  line-height: normal;
  color: #e0fff7;
}
.help-center-container .help-detail-wrap .wysiwyg {
  padding: 0;
}
.notice-container .notice-preview {
  padding: .2rem .3rem;
}
.notice-container .notice-item-header {
  position: relative;
  display: flex;
  width: 100%;
  overflow: hidden;
}
.notice-container .notice-item-header .notice-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin: 0 .12rem 0 0;
}
.notice-container .notice-item-header .notice-icon .am-icon,
.notice-container .notice-item-header .notice-icon img {
  display: block;
  width: .65rem;
  height: .65rem;
}
.notice-container .notice-item-header .notice-item-info {
  position: relative;
  flex: 1 1 0%;
  padding-right: .5rem;
  overflow: hidden;
}
.notice-container .notice-item-header .notice-item-date {
  flex-shrink: 0;
  font-size: .2rem;
  font-weight: 700;
  line-height: normal;
}
.notice-container .notice-item-header .notice-item-preview {
  margin: .14rem 0 0;
  font-size: .2rem;
  line-height: normal;
  color: #e0fff7;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
}
@supports (-webkit-line-clamp:2) {
  .notice-container .notice-item-header .notice-item-preview {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}
.notice-container .notice-item {
  position: relative;
  padding: .2rem .25rem;
  margin-bottom: .2rem;
  background: #004e56;
  border: 1px solid rgba(0, 28, 44, .4);
  border-radius: .14rem;
}
.notice-container .notice-item.on {
  background: rgba(56, 118, 123, .6);
  border: 1px solid #23ffc8;
}
.notice-container .notice-item.on .accordion-arrow {
  color: #23ffc8;
  transform: rotate(-180deg);
}
.notice-container .notice-item.on .notice-icon {
  background: #181818;
}
.notice-container .notice-item.on .notice-item-preview,
.notice-container .notice-item.on .notice-item-title {
  color: #23ffc8;
}
.notice-container .accordion-arrow {
  position: absolute;
  top: .15rem;
  right: 0;
  width: .46rem;
  height: .46rem;
  color: #e0fff7;
  transition: all .2s;
}
.notice-container .notice-item-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  color: #e0fff7;
}
.notice-container .item-title {
  font-size: .27rem;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.notice-container .notice-item-content {
  padding: .25rem 0 0;
}
.notice-container .notice-item-content .wysiwyg {
  padding: 0;
  font-size: .24rem;
  color: #e0fff7;
}
.notice-container .notice-item-content .wysiwyg img {
  max-width: 100%;
}
.notice-container .notice-detail-wrap {
  padding: .14rem 0 0;
}
.notice-container .notice-detail-wrap .notice-detail-content {
  position: relative;
  padding: .26rem .25rem;
  font-size: .24rem;
  font-weight: 500;
  line-height: .42rem;
  color: #6a7391;
  background: #fff;
}
.notice-container .notice-detail-wrap .notice-detail-content:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  content: "";
  background: #d1d1d1;
  transform: scaleY(.5);
}
.search-fav-container .search-fav-content {
  padding: .32rem;
}
.search-fav-container .history-title {
  display: flex;
  align-items: center;
  margin-bottom: .3rem;
  font-size: .3rem;
  font-weight: 600;
  line-height: normal;
  color: #93acd3;
}
.search-fav-container .history-title .am-icon {
  width: .3rem;
  height: .3rem;
  margin-right: .15rem;
}
.search-fav-container .filter-nav-wrap {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.search-fav-container .filter-nav-wrap:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: .04rem;
  content: "";
  background-color: hsla(0, 0%, 100%, .2);
}
.search-fav-container .filter-nav-wrap .filter-nav-item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: .92rem;
  font-size: .24rem;
  font-weight: 500;
  line-height: normal;
  color: #c9adad;
  border-bottom: .04rem solid transparent;
}
.search-fav-container .filter-nav-wrap .filter-nav-item.on {
  border-bottom: .04rem solid #ea0000;
}
.search-fav-container .filter-nav-wrap .filter-icon {
  width: .4rem;
  height: .4rem;
  margin-right: .1rem;
}
.activity-menu-wrap {
  position: relative;
  margin-bottom: .2rem;
}
.activity-menu-wrap .activity-menu-content {
  width: 100%;
}
.activity-menu-wrap .activity-menu-scroll {
  position: relative;
  display: flex;
  width: 100%;
  overflow: auto;
}
.activity-menu-wrap .activity-menu-swiper {
  width: 100%;
  overflow: hidden;
}
.activity-menu-wrap .activity-menu-item {
  position: relative;
  flex-shrink: 0;
  width: auto;
  padding: .2rem .32rem;
  font-size: .22rem;
  font-weight: 800;
  line-height: normal;
  color: #888d93;
  text-align: center;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
}
.activity-menu-wrap .activity-menu-item.on {
  background: #2d2d2d;
  border-radius: .08rem;
}
.activity-menu-wrap .activity-menu-item:not(:last-child) {
  margin-right: .16rem;
}
.activity-menu-wrap .menu-nav {
  position: absolute;
  top: .12rem;
  z-index: 10;
  width: .4rem;
  height: .4rem;
  color: #fff;
}
.activity-menu-wrap .menu-nav .am-icon {
  display: block;
  width: 100%;
  height: 100%;
}
.activity-menu-wrap .nav-prev {
  left: 0;
}
.activity-menu-wrap .nav-next {
  right: 0;
}
.agent-login-container {
  width: 100%;
  min-height: 100vh;
  min-height: calc(100*var(--vh, 1vh));
  background: url(https://www.ck444.pro/m/agent-bg.3e6babf9.png) no-repeat top/100% auto, var(--main-bg);
}
.agent-login-container .login-wrap {
  width: 6.12rem;
}
.agent-login-container .login-wrap .form-wrap {
  background: #0a61d4;
  border-radius: .16rem;
}
.agent-login-container .login-wrap .form-subtitle {
  display: none;
}
.agent-home-container .agent-home-content {
  transition: all .2s;
}
.agent-home-container .msg-count {
  position: absolute;
  top: 0;
  right: .1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: .36rem;
  height: .36rem;
  font-size: .24rem;
  color: #fff;
  background-image: linear-gradient(#f55e49, #f55e49), linear-gradient(#ed6b65, #ed6b65);
  border-radius: 50%;
  border-radius: .18rem;
  box-shadow: 0 .03rem .08rem 0 rgba(235, 72, 97, .5);
}
.agent-home-container .agent-home-top {
  width: 100%;
  height: 5rem;
  background: #ffb800;
}
.agent-home-container .agent-home-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1rem;
  padding: 0 .34rem;
}
.agent-home-container .agent-home-header .header-left {
  position: relative;
  display: flex;
  align-items: center;
  font-size: .28rem;
  line-height: 1;
  color: #fff;
}
.agent-home-container .agent-home-header .header-left:before {
  display: block;
  width: .37rem;
  height: .43rem;
  margin-right: .2rem;
  content: "";
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAArCAMAAADISrFBAAAAh1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9qkf8RAAAALHRSTlMA9A3t+r9pt41yKeSadUYyFgsC8eDb18apiYV9VUwfGgTQtKNfWDw4JObOnHr6djsAAAEbSURBVDjLjdPZkoIwEIXhk7AjKOACgog6bjPT7/98kyoHWRJs/uuvqitdHQyS7uWbSPz4K0yWBWtquxwnkPSo13ppRGlOg+zapL5o1PqpoyVpebpySE97aUOG9mN1MKl8rAKTWoxVZVLWWLkmtTUtgl9FKgwqYFevshtNPW1N+VBxu9ilMOQP0WbiwoL+0LzBRKH33rp7MoFTeE8AHN1fzynKZQYguYdDuioEke1LdElfzRdFdzzZvp1z6G5k0V5PhldR7/XVQ0I+qh29i17oSp+7QiUtRlmpUjFxxUptWbUFQuIL4RKfi4j4IjjE52BDfBsI4hOgOc1TMyeeie+MkvhKJIIfmAA3Vt2gqq2Pxqr/P0LsWFPEiaUSf6gus3NDc1pVAAAAAElFTkSuQmCC) no-repeat 50%/cover;
}
.agent-home-container .agent-home-header .header-left .agent-username {
  margin-left: .1rem;
}
.agent-home-container .agent-home-header .agent-service {
  width: .46rem;
  height: .47rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAvCAMAAACrOwigAAAAqFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8j1z1tAAAAN3RSTlMABfV86tOOgwzx4lNOQxT5z8Uu5b6gW0cI7rGYc280JyIb2Mm1ramdZT05Fw/ckmtfVh+7pol3+INtXQAAAkBJREFUSMeNlOd2gzAMRmUImzAyCJnNajObpOn43v/NilzOYdSQ3F8+cC3bsiyqY3tm3AcwNr7mL/SAw5uGEsbcbpEXMep0ZoLUpBdI1sOfm59czTgEY/SU9ouBDFdfFsdI5GpaotpIB4Azry3dlTFm/2M7AAYrHp5GV93S977Mi7DYv9bskwtgJ4iW1ro45rBLRB7nalTVJwCmRKshqkTZhFGYzTyV7QTAVtDNwT92Kd0AfFGBeM/mB2RCRXQiXvNY6HsAHzSFmnUQjIFJoUfAhnQ0sUl/ANwpp8fBR2jmYjuAntscdxy4aOGwAwzK2QDDb7QR+ZwjT/BWXrOhpSm1WScf3MDEZ1pI0VHajvDyUT5tSgM080r0WZ1PWos+4qxVoBZ7KqvpSV3Tiek+oY8Hpm/TH26r7k4s704lps36xA+ojteoX0nBvUl/IyVhWdfKaVbyXhj98rU1tMSoMCw6FjVzaNZjj6tmKIgW2040D3jSrHkzHxSsy2ezuCspbRHKp5Fq8EptnXv6SqX3/pLgITxTAdfGd63Z7/KnybUWV/PMnzUZfpbYvIfjUB5GuNikRD53mgqmfA/8JzRiQwMG/DbnMAKisyv/1ePvpS+fWnhJeefa4EwkttCWVKfrhl3KSBPT3MsmunzXRWZ/cSr/Y1v9akke+abPW75PJTYp1uQW1oLoJnfKWUyAsd9mL9fI4y3nERf2itoYgLG+X/vI+DxQKzYK+maPHiC0P3N72bP7EJPt8YqeRJgONgtS8QsMz83XpU+gQwAAAABJRU5ErkJggg==) no-repeat;
  background-size: 100% 100%;
}
.agent-home-container .agent-balance {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: .4rem;
  color: #fff;
}
.agent-home-container .agent-balance p {
  font-size: .28rem;
  text-align: center;
}
.agent-home-container .agent-balance .balance-amount {
  margin-top: .1rem;
  font-size: .6rem;
}
.agent-home-container .agent-withdrawl-deposit {
  display: flex;
  justify-content: center;
  margin-top: .4rem;
  font-size: .24rem;
  color: #fff;
}
.agent-home-container .agent-withdrawl-deposit .am-icon {
  width: .48rem;
  height: .48rem;
  margin-right: .1rem;
}
.agent-home-container .agent-withdrawl-deposit .agent-withdrawl {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.4rem;
  height: .8rem;
  line-height: normal;
  text-align: center;
  border: 1px solid #fff;
  border-radius: 1rem;
}
.agent-home-container .agent-withdrawl-deposit .agent-deposit {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.4rem;
  height: .8rem;
  margin-left: .48rem;
  line-height: normal;
  color: #ffb800;
  text-align: center;
  background: #fff;
  border-radius: 1rem;
}
.agent-home-container .agent-offline {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 1.6rem;
  padding: 0 .3rem;
  margin: -.8rem auto 0;
}
.agent-home-container .agent-offline ul {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: #f7f8fe;
  border-radius: .1rem;
  box-shadow: 0 .1rem .3rem 0 rgba(0, 0, 0, .12);
}
.agent-home-container .agent-offline ul li {
  position: relative;
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  align-items: center;
  height: 100%;
  padding: .3rem .1rem 0;
  font-size: .24rem;
  color: #2c2342;
  text-align: center;
}
.agent-home-container .agent-offline ul li .offline-num {
  font-size: .48rem;
  line-height: .6rem;
  color: #2c2342;
}
.agent-home-container .agent-offline ul li:not(:last-child):after {
  position: absolute;
  top: .56rem;
  right: 0;
  width: .02rem;
  height: .48rem;
  content: "";
  background-color: #2c2342;
}
.agent-home-container .agent-nav {
  padding: 0 .3rem;
  margin-top: .4rem;
}
.agent-home-container .agent-nav ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: .2rem;
}
.agent-home-container .agent-nav ul li {
  display: flex;
  justify-content: center;
  max-width: 100%;
  overflow: hidden;
}
.agent-home-container .agent-nav ul .agent-nav-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.agent-home-container .agent-nav ul .agent-nav-item .nav-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  background: #ffb800;
  border-radius: 1.1rem;
}
.agent-home-container .agent-nav ul .agent-nav-item .nav-icon .am-icon {
  width: .52rem;
  height: .52rem;
  fill: #fff;
}
.agent-home-container .agent-nav ul .agent-nav-item .agent-nav-name {
  margin-top: .1rem;
  font-size: .26rem;
  color: #fff;
  text-align: center;
}
.agent-home-container .agent-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: var(--footer-height);
  background: var(--footer-bg);
  box-shadow: 0 0 .2rem 0 rgba(0, 0, 0, .1);
}
.agent-home-container .agent-footer ul {
  display: flex;
  flex-wrap: nowrap;
  height: 100%;
}
.agent-home-container .agent-footer ul li {
  display: flex;
  flex: 1 1 0%;
  justify-content: center;
  height: 100%;
}
.agent-home-container .agent-footer ul .footer-nav {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: .24rem;
  color: #ffb800;
}
.agent-home-container .agent-footer ul .footer-nav .am-icon {
  width: .4rem;
  height: .4rem;
  margin-bottom: .1rem;
}
.agent-download-bar.show-bar + .agent-home-content {
  padding-top: 1.12rem;
}
@media only screen and (device-width >= 390px)and (device-width <= 844px)and (-webkit-device-pixel-ratio:3) {
  .agent-footer {
    height: calc(.98rem + (var(--safe-area-inset-bottom)));
    padding-bottom: var(--safe-area-inset-bottom);
  }
}
@media only screen and (device-width >= 428px)and (device-width <= 926px)and (-webkit-device-pixel-ratio:3) {
  .agent-footer {
    height: calc(.98rem + (var(--safe-area-inset-bottom)));
    padding-bottom: var(--safe-area-inset-bottom);
  }
}
@media only screen and (device-width >= 375px)and (device-width <= 812px)and (-webkit-device-pixel-ratio:3) {
  .agent-footer {
    height: calc(.98rem + (var(--safe-area-inset-bottom)));
    padding-bottom: var(--safe-area-inset-bottom);
  }
}
@media only screen and (device-width >= 414px)and (device-width <= 896px)and (-webkit-device-pixel-ratio:3) {
  .agent-footer {
    height: calc(.98rem + (var(--safe-area-inset-bottom)));
    padding-bottom: var(--safe-area-inset-bottom);
  }
}
@media only screen and (device-width >= 414px)and (device-width <= 896px)and (-webkit-device-pixel-ratio:2) {
  .agent-footer {
    height: calc(.98rem + (var(--safe-area-inset-bottom)));
    padding-bottom: var(--safe-area-inset-bottom);
  }
}
@media only screen and (device-width >= 390px)and (device-width <= 844px)and (-webkit-device-pixel-ratio:3) {
  #root.app {
    --safe-area-inset-bottom:0.37rem !important;
  }
  #root.app .agent-footer {
    height: calc(.98rem + (var(--safe-area-inset-bottom)));
    padding-bottom: var(--safe-area-inset-bottom);
  }
}
@media only screen and (device-width >= 428px)and (device-width <= 926px)and (-webkit-device-pixel-ratio:3) {
  #root.app {
    --safe-area-inset-bottom:0.37rem !important;
  }
  #root.app .agent-footer {
    height: calc(.98rem + (var(--safe-area-inset-bottom)));
    padding-bottom: var(--safe-area-inset-bottom);
  }
}
@media only screen and (device-width >= 375px)and (device-width <= 812px)and (-webkit-device-pixel-ratio:3) {
  #root.app {
    --safe-area-inset-bottom:0.37rem !important;
  }
  #root.app .agent-footer {
    height: calc(.98rem + (var(--safe-area-inset-bottom)));
    padding-bottom: var(--safe-area-inset-bottom);
  }
}
@media only screen and (device-width >= 414px)and (device-width <= 896px)and (-webkit-device-pixel-ratio:3) {
  #root.app {
    --safe-area-inset-bottom:0.37rem !important;
  }
  #root.app .agent-footer {
    height: calc(.98rem + (var(--safe-area-inset-bottom)));
    padding-bottom: var(--safe-area-inset-bottom);
  }
}
@media only screen and (device-width >= 414px)and (device-width <= 896px)and (-webkit-device-pixel-ratio:2) {
  #root.app {
    --safe-area-inset-bottom:0.37rem !important;
  }
  #root.app .agent-footer {
    height: calc(.98rem + (var(--safe-area-inset-bottom)));
    padding-bottom: var(--safe-area-inset-bottom);
  }
}
.shell-appDownload {
  position: absolute;
  width: 100%;
  min-height: 100%;
  background: #ededed;
}
.shell-appDownload:after {
  display: block;
  height: 1.4rem;
  content: "";
}
.shell-appDownload .appDownload-header {
  height: 3.26rem;
  padding: 0 .3rem;
  background: url(https://www.ck444.pro/m/appDownload-header.6fd800e7.png) no-repeat;
  background-size: 100% 100%;
}
.shell-appDownload .appDownload-header .app-name {
  font-size: .4rem;
  line-height: 1.5rem;
  color: #fff;
  text-indent: 1em;
}
.shell-appDownload .appDownload-header .appDownload-header-content {
  position: relative;
  bottom: -.68rem;
  height: 2.1rem;
  padding-top: .33rem;
  padding-left: 2.25rem;
  background: #fff;
  border-radius: .28rem;
}
.shell-appDownload .appDownload-header .appDownload-header-content .app-icon {
  position: absolute;
  top: -.34rem;
  left: .3rem;
  z-index: 1px;
  width: 1.75rem;
  height: 1.75rem;
  overflow: hidden;
  background-color: #76bfff;
  border-radius: .28rem;
}
.shell-appDownload .appDownload-header .appDownload-header-content .app-icon img {
  display: inline-block;
  width: 1.75rem;
  height: 1.75rem;
}
.shell-appDownload .appDownload-header .appDownload-header-content .official-logo {
  display: inline-block;
  min-width: .68rem;
  height: .38rem;
  padding: 0 1em;
  margin-left: .13rem;
  font-size: .2rem;
  line-height: .38rem;
  vertical-align: middle;
  color: #34bff9;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAAAmCAMAAABK8c3RAAAAjVBMVEUAAAA2wvNj5n5k5n43wvM4w+5l53o3wvI1wPZl5nti5YE4w+9l53o0wPk4w/Bf4opm53c8xeVg44c7xOk2wfVl5nth5IM5w+xh5IM0v/pm53g0wPk+x+BBytlJ0MRP1bNV2qJa3pdd4I9j5YE2wfQ7xedDy9NFzM9GzspL0r5N07lS161T2KhY3Jxf44lMtBDnAAAAGnRSTlMALCsHmP6SBtjYNDOZkQv5+PbX1ry8mZCP9CgNQd0AAADzSURBVEjHrdBXFoMgEIXhURBbTK+mB0zX/S8vM4nZAJf/gcPLfAeGpNjk49qjcW5i+qVMDTRQX2PBt0KRR6oY1PVCRo3NY/Iuzq3h01rA6OfXdklQS7umaVdgSNFNadQpDFHdiC4XwmIhDHI+gwYLYZC2BQ0RTifQYCEM8n6DhgivF2iIcDyCBgthkOcTNER4PEBDhMMBNFgIg9zvoCHC7QYaIlyvoCHCfg8aLIRBdjvQYCEMMmlSzBg2E5o1JYaUzYxWicYQnawoSpIIIPp57bIIMDInP0nnzuky9dppqZ2bpyRKtQXSw/+bqswL2GRVRNwHGNsqP2r0w8cAAAAASUVORK5CYII=) no-repeat;
  background-size: 100% 100%;
}
.shell-appDownload .appDownload-header .appDownload-header-content .app-full-name {
  display: inline-block;
  max-width: 2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: .32rem;
  line-height: .38rem;
  vertical-align: middle;
  color: #2a2b2d;
  white-space: nowrap;
}
.shell-appDownload .appDownload-header .appDownload-header-content .app-star-grade {
  height: .25rem;
  margin-top: .12rem;
  font-size: .24rem;
  color: #757575;
}
.shell-appDownload .appDownload-header .appDownload-header-content .app-star-grade .star-icon {
  display: inline-block;
  width: .24rem;
  height: .25rem;
  margin-right: .08rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAZCAMAAAAc9R5vAAAAV1BMVEUAAAD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD6xBfPAAAAHHRSTlMA8ArXPpX46M9xaN2zqDgwIsbAd1USnomFX0ka9HEmugAAAJ5JREFUKM9tkFcOxCAMRO0QUilp233/cy4BhLDw+5wn7MFQMa0PkJiJrCiQiKQnFwVeglC3wK7JHUWWRhxJKBZ2/mMpYxaXxm36UEgMXPeng5FkQMk5woai6MOSQcwDvs0viPRVxH/55dNmKEx1PvIDZvghu6GpVLbLO2YudBE6BWvuYIswFBhOgCWedGKl9C/WeN+m1DpxL028GeOOP33PIOKc92DnAAAAAElFTkSuQmCC) no-repeat;
  background-size: .24rem .25rem;
}
.shell-appDownload .appDownload-header .appDownload-header-content .app-star-grade .grade-text {
  display: inline-block;
  vertical-align: top;
}
.shell-appDownload .appDownload-header .appDownload-header-content .app-download-btn {
  position: absolute;
  top: .39rem;
  right: .3rem;
  height: .64rem;
  padding: 0 .38rem;
  font-size: .26rem;
  line-height: .64rem;
  color: #fff;
  text-align: center;
  cursor: pointer;
  background: #3887fe;
  border-radius: .32rem;
}
.shell-appDownload .appDownload-tabs {
  padding: 0 .3rem;
  margin-top: .98rem;
  line-height: .48rem;
}
.shell-appDownload .appDownload-tabs p {
  text-align: justify;
}
.shell-appDownload .appDownload-tabs .view-item {
  position: relative;
  float: left;
  min-width: 50%;
  line-height: .88rem;
  color: #5e5e5e;
  text-align: center;
}
.shell-appDownload .appDownload-tabs .am-tabs-ink-bar {
  background-color: unset;
}
.shell-appDownload .appDownload-tabs .am-tabs-bar,
.shell-appDownload .appDownload-tabs .am-tabs-tab {
  background-color: transparent;
  border: none;
}
.shell-appDownload .appDownload-tabs .am-tabs-tab-active .view-item:before {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: .36rem;
  height: .06rem;
  margin-left: -.18rem;
  content: "";
  background: #2297ff;
  border-radius: .03rem;
}
.shell-appDownload .appDownload-tabs .tips-red {
  color: #ff3636;
}
.shell-appDownload .appDownload-tabs .view-content {
  padding: 0 .37rem;
  margin-top: .5em;
  color: #5e5e5e;
}
.shell-appDownload .appDownload-tabs .view-content img {
  width: 100%;
}
.shell-appDownload .donw-load-btn {
  position: fixed;
  bottom: .4rem;
  left: .3rem;
  width: calc(100% - .6rem);
  height: .64rem;
  font-size: .26rem;
  line-height: .64rem;
  color: #fff;
  text-align: center;
  cursor: pointer;
  background: #3887fe;
  border-radius: .32rem;
}
.shell-appDownload .app-guide {
  width: 80%;
  margin: 1.2rem auto 0;
}
.shell-appDownload .app-guide .step {
  width: 100%;
  margin-bottom: .4rem;
}
.shell-appDownload .app-guide .step:last-of-type {
  margin-bottom: 0;
}
#page_bg {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  height: 100vh;
  height: calc(100*var(--vh, 1vh));
}
#page_bg.home-bg {
  background: var(--main-bg);
}
#page_bg.login-bg {
  background: url(https://www.ck444.pro/m/form-bg.6a5af507.png) no-repeat 50%/cover, #000;
}
#page_bg.common {
  background: var(--main-bg);
}
.task-iframe-container {
  width: 100%;
  height: calc(100vh - var(--footer-height) - var(--header-height) - (var(--safe-area-inset-bottom)));
  height: calc(100*var(--vh, 1vh) - var(--footer-height) - var(--header-height) - (var(--safe-area-inset-bottom)));
  overflow: hidden;
}
.task-iframe-container .shell-spinner-loading-wrap {
  height: 100%;
}
.task-iframe-container iframe {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: none;
}
.app-download-container.app-main {
  background: url(https://www.ck444.pro/m/form-bg.6a5af507.png) repeat-y top/100% auto, var(--main-bg);
}
.app-download-container .download-logo {
  display: block;
  height: .86rem;
  margin: 0 auto .7rem;
}
.app-download-container .down-header-right {
  padding-right: .3rem;
}
.app-download-container .app-download-content {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 1.6rem .63rem .3rem;
  overflow-y: auto;
}
.app-download-container .download-banner .banner-img {
  display: block;
  width: 100%;
}
.app-download-container .download-title {
  margin-bottom: .16rem;
  font-size: .4rem;
  line-height: normal;
  color: #eff4f3;
  text-align: center;
}
.app-download-container .download-info {
  padding: 0 .27rem;
  margin-top: .3rem;
  line-height: normal;
  text-align: center;
}
.app-download-container .download-info h6 {
  margin-bottom: .05rem;
  font-size: .24rem;
  font-weight: 600;
  line-height: normal;
  color: #f7d462;
}
.app-download-container .download-info p {
  font-size: .24rem;
  line-height: normal;
  color: #eff4f3;
}
.app-download-container .download-main {
  width: 100%;
  margin-top: .3rem;
}
.app-download-container .download-main .download-btns {
  display: grid;
  gap: .24rem;
}
.app-download-container .download-main .download-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: .28rem .21rem;
  font-size: .24rem;
  font-weight: 500;
  line-height: normal;
  color: #fff;
  background: #002632;
  border: .02rem solid #006165;
  border-radius: .2rem;
  box-shadow: 0 .04rem 0 0 #002631;
}
.app-download-container .download-main .download-item .app-icon {
  display: block;
  width: .8rem;
  height: .8rem;
  margin-right: .14rem;
}
.app-download-container .download-main .download-item .sys-icon {
  width: .4rem;
  height: .4rem;
  margin-right: .26rem;
}
.app-download-container .download-main .download-item .app-info {
  display: flex;
  align-items: center;
}
.app-download-container .download-main .download-item .down-btn {
  padding: .15rem .25rem;
  font-size: .24rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: #b64100;
  text-align: center;
  text-shadow: 0 .02rem 0 rgba(159, 52, 0, .2);
  background:
    linear-gradient(
      180deg,
      #ffe600,
      #ffb800);
  border: 1px solid rgba(255, 242, 166, .5);
  border-radius: .12rem;
  box-shadow: inset 0 .02rem 0 1px #fff2a6, 0 .02rem 0 0 #b64100;
}
.app-download-container .download-main .download-tutorial {
  display: flex;
  justify-content: center;
  margin-top: .2rem;
  font-size: .32rem;
  line-height: normal;
  color: #0c186c;
  text-decoration: underline;
}
.app-download-container .download-list {
  display: grid;
  gap: .3rem;
}
.app-download-container .download-list .item-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .2rem;
  background:
    linear-gradient(
      270deg,
      #3f0303,
      #570906);
  border-radius: .16rem;
  box-shadow: 0 .04rem .08rem 0 rgba(0, 0, 0, .1);
}
.app-download-container .download-list .app-info {
  display: flex;
  align-items: center;
  font-size: .24rem;
  font-weight: 500;
  line-height: .299rem;
  color: #eff4f3;
}
.app-download-container .download-list .app-icon {
  width: .88rem;
  height: .88rem;
  margin-right: .15rem;
  border-radius: .1rem;
}
.app-download-container .download-list .down-btn {
  padding: .12rem .24rem;
  font-size: .28rem;
  line-height: .42rem;
  color: #6b000c;
  text-align: center;
  background:
    linear-gradient(
      270deg,
      #ebab51,
      #fbe38c);
  border-radius: .6rem;
}
.app-download-container .download-tip {
  margin-bottom: .32rem;
  font-size: .24rem;
  font-weight: 400;
  line-height: normal;
  color: #000;
  text-align: center;
}
.error-ip,
.error-service {
  position: fixed;
  width: 100%;
  height: 100%;
  padding: .3rem;
}
.error-ip {
  background: url(https://www.ck444.pro/m/ip.ff5435ec.jpg) no-repeat 50% fixed;
  background-size: cover;
}
.error-service {
  background: url(https://www.ck444.pro/m/service.410e3a51.jpg) no-repeat 50% fixed;
  background-size: cover;
}
.errr-logo {
  width: 2rem;
}
.error-contact-us {
  position: absolute;
  bottom: .76rem;
  left: 50%;
  width: 60%;
  overflow: hidden;
  font-size: .3rem !important;
  color: #fff !important;
  text-align: center;
  background:
    linear-gradient(
      90deg,
      #fe6e74,
      #f3077f);
  border: none !important;
  border-radius: .5rem !important;
  transform: translateX(-50%);
}
.error-icon {
  width: .3rem;
  margin-right: .1rem;
}
.error-content,
.error-text {
  position: absolute;
  bottom: 20%;
  left: 50%;
  width: 80%;
  transform: translateX(-50%);
}
.error-content {
  color: #fff;
  text-align: center;
}
.error-content .title {
  margin-bottom: .1rem;
  font-size: .5rem;
}
.error-content .ip-address {
  margin-bottom: .2rem;
  font-size: .3rem;
}
.error-content .error-info {
  margin-top: .3rem;
}
.error-content p {
  font-size: .3rem;
  line-height: .4rem;
  white-space: pre-wrap;
}
.hairline-remove-right-bottom {
  border-bottom: 0;
}
.hairline-remove-right-bottom:after {
  display: none;
}
.hairline-remove-right-bottom-bak:after {
  display: none;
}
.hairline-remove-left-top:before {
  display: none;
}
.am-button {
  display: block;
  outline: 0 none;
  -webkit-appearance: none;
  box-sizing: border-box;
  padding: 0;
  text-align: center;
  font-size: .36rem;
  height: .94rem;
  line-height: .94rem;
  border-radius: .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 .3rem;
}
.am-button-small {
  font-size: .26rem;
  height: .6rem;
  line-height: .6rem;
  padding: 0 .3rem;
  border-radius: .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: .5em;
}
.fb-game-iframe-container {
  width: 100vw;
  height: calc(100vh - var(--header-height) - var(--footer-height));
  height: calc(var(--vh, 1vh)*100 - var(--header-height) - var(--footer-height));
}
.fb-game-iframe-container .shell-spinner-loading-wrap {
  height: 100%;
}
.fb-game-iframe-container iframe {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: none;
}
.gm-accordion-wrap .accordion-content {
  height: 0;
  overflow: hidden;
  transition: height .3s ease;
}
.help-center-wrap .help-menu {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: .2rem;
  overflow-x: auto;
}
.help-center-wrap .help-menu .menu-item {
  position: relative;
  flex-shrink: 0;
  padding: .16rem .24rem;
  font-size: .26rem;
  line-height: normal;
  color: #9b5659;
  text-align: center;
  white-space: nowrap;
  background:
    linear-gradient(
      270deg,
      #3f0303,
      #570906);
  border: .02rem solid #6b000c;
  border-radius: .2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.help-center-wrap .help-menu .menu-item.on {
  color: #eff4f3;
  background:
    linear-gradient(
      270deg,
      #7c0600,
      #ad0800 58.5%);
  border: .02rem solid #8a0f09;
}
.help-center-wrap .help-menu .menu-item:not(:last-child) {
  margin-right: .3rem;
}
.help-center-wrap .help-content-item {
  display: none;
}
.help-center-wrap .help-content-item.on {
  display: block;
}
.help-center-wrap .help-child-item {
  display: flex;
  justify-content: space-between;
  padding: .26rem .3rem;
  border-bottom: 1px solid #545454;
}
.help-center-wrap .help-child-item .help-child-title {
  font-size: .32rem;
  line-height: normal;
  background:
    linear-gradient(
      270deg,
      #ebab51,
      #fbe38c);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.help-center-wrap .help-child-item .arrow-down {
  width: .3rem;
  height: .3rem;
  transition: all .2s;
}
.help-center-wrap .accordion-active .help-child-item .arrow-down {
  transform: rotate(-180deg);
}
.help-center-wrap .main-content {
  font-size: .24rem;
  line-height: normal;
  color: #eff4f3;
}
.help-center-wrap .main-content img {
  display: block;
  max-width: 100%;
}
.help-center-wrap .wysiwyg {
  padding: 0;
}
.help-center-wrap .wysiwyg img {
  max-width: 100%;
}
.help-container .help-view {
  overflow: hidden;
}
.help-container .help-view-bg {
  padding: .48rem .3rem;
}
.help-container .help-title {
  width: 100%;
  margin-bottom: .16rem;
  overflow: hidden;
  font-size: .4rem;
  line-height: .6rem;
  color: #eff4f3;
  text-align: center;
}
.help-container .help-sub-title {
  margin-bottom: .48rem;
  font-size: .48rem;
  font-weight: 600;
  line-height: .576rem;
  color: #f7d462;
  text-align: center;
}
.help-container .help-content {
  width: 100%;
}
.help-container .help-content .help-detail-title {
  margin-bottom: .2rem;
  font-size: .3rem;
  font-weight: 500;
  line-height: normal;
  color: #1e5adc;
}
.help-container .help-content .icon-arrow {
  position: absolute;
  top: 50%;
  right: 0;
  width: .4rem;
  height: .4rem;
  transform: translateY(-50%);
}
.help-container .help-content .icon-arrow .am-icon {
  display: block;
  width: 100%;
  height: 100%;
}
.help-container .help-content .null-help {
  height: 6rem;
  padding-top: 1.5rem;
}
.help-container {
  width: 100%;
}
.help-container .help-content {
  padding: 0 .2rem;
}
.help-container .help-content .help-content-bg {
  padding: .4rem .3rem;
  background: #1e1e1e;
  border-radius: .2rem;
}
.help-container .help-content .help-menu {
  flex-shrink: 0;
  width: 2.2rem;
  height: 100%;
  padding: 0 .16rem;
  overflow-y: auto;
}
.help-container .help-content .help-menu .menu-item {
  width: 100%;
  height: .79rem;
  padding: .2rem;
  margin-bottom: .3rem;
  font-size: .28rem;
  color: #98835e;
  text-align: center;
  border: 1px solid rgba(152, 131, 94, .5);
  border-radius: .08rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.help-container .help-content .help-menu .menu-item.on {
  color: #342812;
  background: rgba(152, 131, 94, .3);
}
.help-container .help-accordion .help-item-container {
  padding: .32rem .12rem;
  border-bottom: .02rem solid hsla(220, 3%, 78%, .2);
}
.help-container .help-accordion .help-item-container.am-accordion-item-active .notice-arrow {
  transform: rotate(-180deg);
}
.help-container .help-accordion .help-item-container .help-item-content {
  padding-top: .3rem;
  overflow: auto;
  font-size: .24rem;
  color: #c5c6c8;
  word-break: break-all;
  white-space: pre-wrap;
}
.help-container .help-accordion .help-item-container .help-item-content .wysiwyg {
  padding: 0;
  line-height: normal !important;
}
.help-container .help-accordion .help-item-container .help-item-content .wysiwyg img {
  max-width: 100%;
}
.help-container .help-accordion .notice-item-text {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}
.help-container .help-accordion .notice-item-text .notice-item-title {
  width: auto;
  font-size: .28rem;
  font-weight: 600;
  line-height: normal;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.help-container .help-accordion .notice-item-text .notice-arrow {
  flex-shrink: 0;
  width: .46rem;
  height: .46rem;
  fill: #ffb800;
  transition: all .2s;
}
.help-container .help-accordion .notice-item-body {
  margin-top: .2rem;
  transition: all .2s;
}
.help-container .help-accordion .notice-item-body .content-ellipsis {
  display: block;
  width: 100%;
  font-size: .24rem;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.home-game-list-container .category-game-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: .2rem .25rem;
}
.home-game-list-container .category-game-list .more-game {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  aspect-ratio: 1/1;
  font-size: .24rem;
  font-weight: 700;
  line-height: normal;
  color: #fff;
  background:
    linear-gradient(
      0deg,
      #305cff,
      #a62cff);
  border-radius: .2rem;
  box-shadow: 0 0 .15rem 0 #702cff, 0 0 .15rem 0 #702cff;
}
.home-game-list-container .category-game-list .more-game .icon-more {
  width: .8rem;
  height: .8rem;
}
.member-nav-wrap .member-nav-bg {
  position: relative;
  width: 100%;
  padding: 0 .24rem;
  background: hsla(0, 0%, 100%, .9);
  border-radius: 0 0 .2rem .2rem;
  -webkit-backdrop-filter: blur(.02rem);
  backdrop-filter: blur(.02rem);
}
.member-nav-wrap .nav-login {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  height: .6rem;
  overflow: hidden;
}
.member-nav-wrap .nav-login .member-balance {
  font-size: .28rem;
  font-weight: 600;
  color: #414655;
}
.member-nav-wrap .nav-login .amount {
  max-width: 1.6rem;
}
.member-nav-wrap .nav-login .nav-left-avatar {
  flex-shrink: 0;
  width: .52rem;
  height: .52rem;
  margin-right: .1rem;
}
.member-nav-wrap .nav-login .user-info {
  display: flex;
  align-items: center;
  width: 100%;
  font-size: .24rem;
  color: #303442;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.member-nav-wrap .nav-login .user-name-box {
  display: flex;
  align-items: center;
}
.member-nav-wrap .nav-login .user-name-box .user-name {
  max-width: 1.6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.member-nav-wrap .nav-login .vip-level {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  height: .28rem;
  padding: 0 .05rem;
  margin-left: .1rem;
  font-size: .24rem;
  font-weight: 600;
  line-height: .12rem;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .35);
  background:
    linear-gradient(
      90deg,
      #535fd3,
      #454ea2);
  border-radius: .39rem;
}
.member-nav-wrap .nav-login .vip-level .level-icon {
  width: .3rem;
  height: .3rem;
}
.member-nav-wrap .nav-login .icon-level {
  flex-shrink: 0;
  width: .4rem;
  height: .4rem;
  margin-left: .03rem;
  fill: #fff;
}
.member-nav-wrap .nav-nologin {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 3rem;
  height: 100%;
}
.member-nav-wrap .nav-nologin .please-login {
  margin-bottom: .1rem;
  font-size: .26rem;
  font-weight: 500;
  line-height: normal;
  color: #414655;
}
.member-nav-wrap .nav-nologin .login-register {
  font-size: .24rem;
  line-height: normal;
  color: #a5a9b3;
}
.member-nav-wrap .nav-nologin .login-register a {
  color: #a5a9b3;
}
.member-nav-wrap .nav-nologin .login-register .s-line {
  margin: 0 .1rem;
}
.member-nav-wrap .please-login {
  font-size: .28rem;
  line-height: .48rem;
  color: #f5e8a0;
}
.member-nav-wrap .member-nav-list {
  display: flex;
  justify-content: space-between;
  padding: .13rem .2rem;
  font-size: .2rem;
  font-weight: 600;
  color: #6a82ad;
  text-align: center;
  white-space: nowrap;
}
.member-nav-wrap .member-nav-list li {
  display: flex;
  align-items: center;
}
.member-nav-wrap .member-nav-list .nav-icon {
  display: block;
  width: .54rem;
  height: .54rem;
  margin: 0 .12rem 0 0;
}
.policy-wrap {
  width: 100%;
}
.policy-wrap .policy-item-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: .72rem;
  padding: 0 .3rem;
  font-size: .24rem;
  font-weight: 500;
  line-height: normal;
  color: #c9adad;
}
.policy-wrap .arrow-down {
  width: .24rem;
  height: .24rem;
}
.policy-wrap .policy-item-content {
  display: none;
  width: 100%;
  padding: .36rem;
  margin-top: .1rem;
  background-color: #2e2e2e;
  border-radius: .1rem;
}
.policy-wrap .policy-item-content.on {
  display: block;
}
.policy-wrap .policy-item-content .wysiwyg {
  color: hsla(0, 0%, 100%, .6);
}
.policy-wrap .policy-item-content .wysiwyg img {
  max-width: 100%;
}
.lottery-item {
  position: relative;
  flex-shrink: 0;
  width: 100%;
  padding: .24rem;
  overflow: hidden;
  background-image:
    linear-gradient(
      180deg,
      #39260f,
      #000),
    linear-gradient(
      180deg,
      #f8cc3f,
      #974c0e);
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  border: .03rem solid transparent;
  border-radius: .2rem;
  -webkit-clip-path: inset(0 round .2rem);
  clip-path: inset(0 round .2rem);
}
.lottery-item .lottery-title {
  flex: 1 1 0%;
  line-height: normal;
}
.lottery-item .lottery-icon {
  display: block;
  flex-shrink: 0;
  width: 1.2rem;
  height: 1.2rem;
  margin-right: .2rem;
  overflow: hidden;
  border-radius: 50%;
}
.lottery-item .lottery-icon img {
  display: block;
  width: 100%;
  height: 100%;
}
.lottery-item .lottery-info {
  display: flex;
  align-items: center;
}
.lottery-item .lottery-remark {
  width: 100%;
  font-size: .28rem;
  font-weight: 700;
  line-height: normal;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lottery-item .lottery-numero {
  margin-top: .08rem;
  font-size: .24rem;
  color: #d8c98e;
}
.lottery-item .lottery-time {
  font-size: .28rem;
  color: #fff;
}
.lottery-item .draw-time {
  display: flex;
  align-items: center;
  margin-top: .08rem;
  font-size: .2rem;
  font-weight: 400;
  line-height: normal;
  color: hsla(0, 0%, 100%, .5);
}
.lottery-item .lottery-bet {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  overflow: hidden;
}
.lottery-item .lottery-number {
  display: flex;
  flex: 1 1 0%;
  align-items: center;
  overflow: hidden;
}
.lottery-item .btn-bet {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  height: .4rem;
  padding: 0 .14rem;
  margin-left: .1rem;
  font-size: .24rem;
  font-weight: 700;
  line-height: normal;
  color: #000;
  text-align: center;
  text-transform: uppercase;
  background:
    linear-gradient(
      180deg,
      #f8cc3f,
      #ffed8e 50%,
      #974c0e);
  border-radius: .5rem;
}
.lottery-item .h-line {
  width: 100%;
  height: 1px;
  margin: .12rem 0;
  background: hsla(0, 0%, 100%, .3);
  transform: scaleY(.5);
}
.lottery-item .num-list {
  display: flex;
  align-items: center;
  width: 100%;
  overflow: auto;
}
.lottery-item .num-list .num-item {
  flex-shrink: 0;
  width: .44rem;
  height: .44rem;
  font-size: .28rem;
  color: #000;
  text-align: center;
  background:
    linear-gradient(
      180deg,
      #fff094,
      #fef3c8 53%,
      #c5b472);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lottery-item .num-list .num-item:not(:last-child) {
  margin-right: .1rem;
}
.lottery-item .fav-icon {
  position: absolute;
  top: .1rem;
  right: .1rem;
  width: .43rem;
  height: .4rem;
}
.lottery-item .fav-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.hot-game-container .hot-game-wrap {
  padding: .24rem .32rem .5rem;
}
.hot-game-container .hot-game-wrap .category-games {
  padding: .2rem .23rem;
  background:
    linear-gradient(
      61deg,
      #ffe993,
      #fcda52);
}
.login-nav-wrap {
  margin-top: .6rem;
}
.login-nav-wrap,
.login-nav-wrap .login-nav-list {
  display: flex;
  justify-content: center;
  width: 100%;
}
.login-nav-wrap .login-nav-list .login-nav-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc((100% - .36rem)/3);
  height: 1.3rem;
  padding-top: .25rem;
  overflow: hidden;
  font-size: .22rem;
  font-weight: 500;
  line-height: .33rem;
  color: hsla(0, 0%, 100%, .6);
  text-align: center;
  white-space: nowrap;
  background: hsla(0, 0%, 100%, .04);
  border-radius: .2rem;
}
.login-nav-wrap .login-nav-list .login-nav-item:not(:last-child) {
  margin-right: .18rem;
}
.login-nav-wrap .login-nav-list .nav-icon {
  display: block;
  width: .38rem;
  height: .38rem;
  margin-bottom: .08rem;
}
.form-switch-menu {
  width: 100%;
}
.form-switch-menu .menu-links {
  display: flex;
  justify-content: center;
  width: 100%;
  background: #fff;
}
.form-switch-menu .menu-links .menu-link {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 50%;
  height: 1.18rem;
  font-size: .36rem;
  color: #6b000c;
  text-align: center;
}
.form-switch-menu .menu-links .menu-link.on {
  background:
    linear-gradient(
      270deg,
      #ebab51,
      #fbe38c);
}
.form-switch-menu .menu-links .register-badge {
  position: absolute;
  top: .08rem;
  right: .83rem;
  width: 1.2rem;
}
.provider-wrap {
  width: 100%;
  padding: .16rem .24rem 0;
  margin-top: .4rem;
  background: #1c2532;
  border-radius: .12rem;
}
.provider-wrap .pvodier-title {
  margin-bottom: .14rem;
  font-size: .24rem;
  color: #adb6c4;
  text-align: center;
}
.provider-wrap .vendor-icon-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.provider-wrap .vendor-icon-list .vendor-icon {
  width: 1rem;
  height: .5rem;
  margin: 0 .1rem .2rem;
}
.member-center-container .mine-nav {
  display: flex;
  align-items: center;
  padding-right: .28rem;
}
.member-center-container .mine-nav .message-btn,
.member-center-container .mine-nav .setting-btn {
  position: relative;
}
.member-center-container .mine-nav .message-btn .am-icon,
.member-center-container .mine-nav .message-btn img,
.member-center-container .mine-nav .setting-btn .am-icon,
.member-center-container .mine-nav .setting-btn img {
  display: block;
  width: .42rem;
  height: .42rem;
}
.member-center-container .mine-nav .setting-btn {
  margin-right: .4rem;
}
.member-center-container .mine-nav .icon-notify {
  position: absolute;
  top: -.06rem;
  right: -.06rem;
  width: .12rem;
  height: .12rem;
  background: #db6372;
  border-radius: .12rem;
}
.member-center-container .member-info-wrap {
  display: flex;
  align-items: center;
  padding: .2rem .28rem;
}
.member-center-container .member-avatar {
  width: 1.4rem;
  height: 1.4rem;
  margin-right: .3rem;
}
.member-center-container .please-login {
  font-size: .36rem;
  font-weight: 600;
  color: #fff;
}
.member-center-container .member-name {
  display: flex;
  align-items: center;
  font-size: .3rem;
  color: #efc77a;
}
.member-center-container .member-balance {
  margin-top: .1rem;
  font-size: .26rem;
  color: #ecfaff;
}
.member-center-container .member-balance .refresh-balance {
  width: .3rem;
  height: .3rem;
}
.member-center-container .vip-level {
  padding: .03rem .08rem;
  margin-left: .08rem;
  font-size: .2rem;
  line-height: normal;
  color: #fff;
  background: #fead00;
  border-radius: .02rem;
}
.member-center-container .member-reg-days {
  margin-top: .08rem;
  font-size: .24rem;
  line-height: .34rem;
  color: #a5a9b3;
}
.member-center-container .member-top-nav {
  padding: 0 .12rem;
}
.member-center-container .member-top-nav .top-nav-bg {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.6rem;
  background: url(https://www.ck444.pro/m/nav-bg.9414aa47.png) no-repeat 50%/cover;
}
.member-center-container .member-top-nav .top-nav-item {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 50%;
  height: 100%;
}
.member-center-container .member-top-nav .top-nav-item + .top-nav-item:after {
  position: absolute;
  top: .37rem;
  left: 0;
  width: 1px;
  height: .85rem;
  content: "";
  background-color: #868686;
}
.member-center-container .member-top-nav .top-nav-item h5 {
  font-size: .3rem;
  font-weight: 500;
  line-height: normal;
  color: #fff;
}
.member-center-container .member-top-nav .top-nav-item p {
  font-size: .24rem;
  font-weight: 500;
  color: #887f6d;
}
.member-center-container .member-top-nav .item-icon {
  display: block;
  height: 1.2rem;
  margin-right: .15rem;
}
.member-center-container .member-main-nav {
  padding: 0 .28rem .2rem;
  margin-top: .2rem;
}
.member-center-container .member-main-nav .member-main-nav-list {
  display: flex;
  align-items: flex-start;
}
.member-center-container .member-main-nav .main-nav-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 25%;
  font-size: .28rem;
  font-weight: 600;
  line-height: .4rem;
  color: #ecfaff;
  text-align: center;
}
.member-center-container .member-main-nav .main-nav-icon {
  display: block;
  width: .72rem;
  height: .72rem;
  margin-bottom: .05rem;
  object-fit: contain;
}
.member-center-container .member-content {
  padding: .2rem 0;
}
.member-center-container .member-nav-wrap .member-nav-list {
  display: grid;
  gap: .2rem;
}
.member-center-container .member-nav-wrap .member-nav-item {
  position: relative;
  display: flex;
  align-items: center;
  height: 1rem;
  padding: 0 0 0 .32rem;
  font-size: .28rem;
  line-height: normal;
  color: #ecfaff;
  text-transform: capitalize;
  background: #383838;
}
.member-center-container .member-nav-wrap .nav-icon {
  display: block;
  width: .44rem;
  height: .44rem;
  margin-right: .24rem;
  fill: none;
}
.member-center-container .member-nav-wrap .item-arrow {
  position: absolute;
  top: .4rem;
  right: .24rem;
  width: .2rem;
  height: .2rem;
}
.notice-container {
  width: 100%;
  height: 100vh;
  height: calc(100*var(--vh, 1vh));
}
.notice-container .notice-header {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: .48rem .64rem .16rem;
  font-size: .4rem;
  font-weight: 600;
  line-height: normal;
  color: #eff4f3;
}
.notice-container .notice-header .popup-logo {
  display: block;
  height: 1.5rem;
}
.notice-container .notice-header .popup-banner {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  height: 2.96rem;
}
.notice-container .notice-content {
  width: 100%;
  height: 100%;
  padding: .2rem .32rem;
  overflow: hidden;
}
.notice-container .notice-slide-content {
  font-size: .28rem;
  line-height: .42rem;
  color: #eff4f3;
}
.notice-container .notice-slide-content img {
  display: block;
  width: 100%;
}
.notice-container .notice-game-swiper {
  width: 100%;
  height: calc(100% - 3.2rem) !important;
  overflow: hidden auto;
}
.notice-container .notice-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: .2rem 0;
}
.notice-container .notice-pagination .swiper-pagination-bullet {
  width: .2rem;
  height: .2rem;
  margin: 0 .1rem;
  background: #9b5659;
  border-radius: .2rem;
}
.notice-container .notice-pagination .swiper-pagination-bullet-active {
  background: #f7d462;
}
.notice-container .btn-confirm {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 1.12rem;
  font-size: .36rem;
  line-height: .54rem;
  color: #6b000c;
  text-align: center;
  background:
    linear-gradient(
      270deg,
      #ebab51,
      #fbe38c);
}
.shell-modal-mask {
  width: 100%;
  height: 100%;
  overscroll-behavior: none;
}
.shell-modal-mask,
.terms-popup {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10001;
}
.terms-popup {
  width: 100vw;
  height: 100vh;
  height: calc(var(--vh, 1vh)*100);
}
.terms-popup .terms-popup-content {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10002;
  display: flex;
  flex-direction: column;
  width: 6.2rem;
  height: 7.25rem;
  padding: .35rem 0;
  border-radius: .2rem;
  transform: translate(-50%, -50%);
}
.terms-popup .terms-popup-content .terms-title {
  flex-shrink: 0;
  margin-bottom: .3rem;
  font-size: .32rem;
  color: #fff;
  text-align: center;
}
.terms-popup .terms-popup-content .terms-content {
  flex: 1 1 0%;
  width: 100%;
  padding: 0 .35rem;
  overflow: hidden auto;
  font-size: .26rem;
}
.terms-popup .terms-popup-content .terms-content .terms-item {
  margin-bottom: .5rem;
}
.terms-popup .terms-popup-content .terms-content .terms-item h5 {
  margin-bottom: .1rem;
  font-size: .36rem;
  text-align: center;
}
.terms-popup .close-terms {
  position: absolute;
  bottom: -.7rem;
  left: 50%;
  width: .45rem;
  height: .45rem;
  color: #fff;
  transform: translateX(-50%);
}
.setting-container #header {
  box-shadow: none;
}
.setting-container .setting-list {
  margin: .2rem 0;
}
.setting-container .setting-list li {
  position: relative;
  display: flex;
  align-items: center;
  height: 1rem;
  padding-left: .28rem;
  background-color: #383838;
}
.setting-container .setting-list li span {
  font-size: .28rem;
  color: #fff;
}
.setting-container .logout-btn {
  height: 1rem;
  font-size: .28rem;
  line-height: 1rem;
  color: #fff;
  text-align: center;
  background-color: #383838;
}
@keyframes headShake {
  0% {
    transform: translateX(0);
  }
  6.5% {
    transform: translateX(-.06rem) rotateY(-9deg);
  }
  18.5% {
    transform: translateX(.05rem) rotateY(7deg);
  }
  31.5% {
    transform: translateX(-.03rem) rotateY(-5deg);
  }
  43.5% {
    transform: translateX(.02rem) rotateY(3deg);
  }
  50% {
    transform: translateX(0);
  }
}
.headShake {
  animation-name: headShake;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
}
.shine:after {
  position: absolute;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  pointer-events: none;
  content: "";
  background:
    linear-gradient(
      90deg,
      hsla(0, 0%, 100%, 0) 0,
      hsla(0, 0%, 100%, .8) 50%,
      rgba(128, 186, 232, 0) 99%,
      rgba(125, 185, 232, 0));
  transform: translateX(100%);
  animation: shine-slide 4s infinite;
}
@keyframes animate-shine {
  80% {
    left: -60%;
    opacity: 0;
  }
  to {
    left: 130%;
    opacity: 1;
  }
}
@keyframes infinite-tada {
  78% {
    transform: scaleX(1);
  }
  80%, 82% {
    transform: scale3d(.9, .9, .9) rotate(-3deg);
  }
  86%, 90%, 94%, 98% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  88%, 92%, 96% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }
  to {
    transform: scaleX(1);
  }
}
@keyframes shine-slide {
  0% {
    transform: translateX(-100%);
  }
  25% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(100%);
  }
}
@keyframes cf_cr {
  0% {
    transform: translateZ(0);
  }
  50% {
    transform: translate3d(.1rem, -.1rem, 0);
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes shimmer {
  to {
    transform: translateX(100%);
  }
}
@keyframes rolling {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(1turn);
  }
  to {
    transform: rotate(2turn);
  }
}
.popup-slide-down-enter {
  opacity: 0;
  transform: translateY(110%);
}
.popup-slide-down-enter-active {
  transition: all .25s ease-out;
}
.popup-slide-down-enter-active,
.popup-slide-down-exit {
  opacity: 1;
  transform: translateY(0);
}
.popup-slide-down-exit-active {
  opacity: 0;
  transform: translateY(110%);
  transition: all .25s ease-out;
}
.popup-fade-enter {
  opacity: 0;
}
.popup-fade-enter-active {
  opacity: 1;
  transition: all .25s ease-out;
}
.popup-fade-exit {
  opacity: 1;
}
.popup-fade-exit-active {
  opacity: 0;
  transition: all .25s ease-out;
}
.menu-fade-slide-enter {
  opacity: 0;
  transform: translateY(-.1rem);
}
.menu-fade-slide-enter-active {
  transition: opacity .26s cubic-bezier(.4, 0, .2, 1), transform .17s cubic-bezier(.4, 0, .2, 1);
}
.menu-fade-slide-enter-active,
.menu-fade-slide-exit {
  opacity: 1;
  transform: translateY(0);
}
.menu-fade-slide-exit-active {
  opacity: 0;
  transform: translateY(-.1rem);
  transition: opacity .26s cubic-bezier(.4, 0, .2, 1), transform .17s cubic-bezier(.4, 0, .2, 1) 80ms;
}
:root {
  --s-app-modal-bg-rgb:73,147,253;
  --s-app-modal-color:#fff;
  --s-logo:url(https://www.ck444.pro/m/logo.810fde57.png);
  --header-height:0.9rem;
  --header-bg:#155155;
  --mc-header-height:1rem;
  --mc-header-bg:#155155;
  --mc-header-color:#ffb800;
  --download-bar-height:1.2rem;
  --download-bar-bg:#003a3a;
  --footer-height:1rem;
  --footer-bg:#161616;
  --main-bg:#003e3e;
  --theme-color:#17171a;
  --a2hs-btn-bg-color:#ffb800;
  --a2hs-font-color:#fff;
  --a2hs-bg-color:#003e3e;
  --a2hs-btn-color:#1e1e1e;
  --a2hs-btn-cancel-font-color:#fff;
}
.form-page-container {
  padding-top: 1.12rem;
  overflow-y: auto;
}
.form-page-container.app-main {
  background: url(https://www.ck444.pro/m/form-bg.6a5af507.png) no-repeat fixed 50%/cover;
}
.form-page-container .contact-wrap {
  display: flex;
  justify-content: center;
  margin-top: .32rem;
}
.form-page-container .contact-wrap .contact-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: .2rem;
}
.form-page-container .contact-wrap .contact-list:has(:nth-child(5)) {
  grid-template-columns: repeat(3, 1fr);
}
.form-page-container .form-banner {
  display: block;
  width: 100%;
}
.form-page-container .form-logo {
  display: block;
  height: .86rem;
}
.form-page-container .form-header {
  display: flex;
  justify-content: center;
  margin-bottom: .6rem;
}
.form-page-container .form-title {
  position: relative;
  margin-bottom: .15rem;
  text-align: center;
}
.form-page-container .form-title h6 {
  font-size: .4rem;
  font-weight: 700;
  line-height: normal;
  color: #ffb800;
  text-align: center;
}
.form-page-container .form-title p {
  margin-top: .15rem;
  font-size: .24rem;
  color: #fff;
}
.form-page-container .form-line {
  width: 100%;
  height: .02rem;
  margin-top: .4rem;
  background: #888d93;
  opacity: .2;
}
.form-page-container .already-account {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: .4rem;
  font-size: .24rem;
  font-weight: 500;
  color: #e0fff7;
  white-space: pre-wrap;
}
.form-page-container .already-account .login-now {
  margin-left: .06rem;
  color: #23ffc8;
  text-align: center;
  text-decoration: underline;
}
.form-page-container .register-terms {
  display: grid;
  gap: .2rem;
  margin-top: .16rem;
  font-size: .2rem;
  font-weight: 500;
  line-height: normal;
  color: #fff;
}
.form-page-container .register-terms .term-link {
  color: #00b4d8;
}
.form-page-container .phone-tip {
  font-size: .2rem;
  font-weight: 500;
  line-height: normal;
  color: #fff;
  text-align: center;
}
.login-form-bg,
.register-form-bg {
  width: 100%;
  padding: .25rem .85rem .32rem;
}
.form-wrap {
  position: relative;
  z-index: 1;
  width: 100%;
}
.form-wrap .form-group {
  margin-bottom: .2rem;
}
.form-wrap .form-content {
  flex: 1 1 0%;
  overflow-y: auto;
}
.form-wrap .panel-default {
  position: relative;
  display: none;
}
.form-wrap .panel-default.on {
  display: block;
}
.form-wrap .panel-default p {
  position: relative;
  padding: 0 .1rem;
  margin-top: .1rem;
  font-size: .2rem;
  line-height: normal;
  color: #ff2c2c;
}
.form-wrap .method-select {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-bottom: .2rem;
}
.form-wrap .method-select .select-wrap {
  display: flex;
  align-items: center;
  width: 100%;
}
.form-wrap .method-select .select-wrap .method-toggle {
  position: relative;
  display: flex;
  flex: 1 1 0%;
  align-items: center;
  justify-content: center;
  padding-bottom: .1rem;
  font-size: .24rem;
  font-weight: 500;
  line-height: normal;
  color: #fff;
  text-align: center;
}
.form-wrap .method-select .select-wrap .method-toggle:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 2.4rem;
  height: .03rem;
  content: "";
  background-color: #fff;
  transform: translateX(-50%);
}
.form-wrap .method-select .select-wrap .method-toggle.on {
  color: #ffb800;
}
.form-wrap .method-select .select-wrap .method-toggle.on:after {
  background-color: #ffb800;
}
.form-wrap .outter-form .fixed-list,
.form-wrap .outter-form .form-group {
  position: relative;
  z-index: 1;
}
.form-wrap .outter-form .get-code {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  right: .2rem;
  min-width: 1.4rem;
  height: .48rem;
  padding: 0 .18rem;
  font-size: .24rem;
  font-weight: 700;
  color: #b64100;
  text-align: center;
  text-shadow: 0 .04rem 0 rgba(159, 52, 0, .2);
  background:
    linear-gradient(
      180deg,
      #ffe600,
      #ffb800);
  border: 1px solid rgba(255, 242, 166, .5);
  border-radius: .12rem;
  box-shadow: inset 0 .04rem 0 .02rem #fff2a6, 0 .04rem 0 0 #b64100;
  transform: translateY(-50%);
}
.form-wrap .outter-form .form-label {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: .1rem;
  font-size: .24rem;
  line-height: normal;
  color: #fff;
}
.form-wrap .outter-form .input-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: .2rem;
  width: .36rem;
  height: .36rem;
  color: #23ffc8;
  transform: translateY(-50%);
}
.form-wrap .outter-form .input-icon .am-icon {
  display: block;
  width: 100%;
  height: 100%;
}
.form-wrap .outter-form input {
  width: 100%;
  height: .8rem;
  padding: 0 .2rem 0 .76rem;
  font-size: .24rem;
  font-weight: 700;
  line-height: normal;
  color: #fff;
  background: #002632;
  border: .02rem solid #006165;
  border-radius: .2rem;
  box-shadow: 0 .04rem 0 0 #002631;
}
.form-wrap .outter-form input:focus {
  border: .02rem solid #00aab1;
}
.form-wrap .outter-form input:focus ~ .input-icon .am-icon {
  fill: url(#icon_gradient3);
}
.form-wrap .outter-form input:focus ~ .right-icon .am-icon {
  fill: url(#icon_gradient3);
}
.form-wrap .outter-form input::placeholder {
  color: #23ffc8;
}
.form-wrap .outter-form .input-placeholder {
  position: absolute;
  top: .42rem;
  left: .32rem;
  font-size: .24rem;
  font-weight: 400;
  line-height: .29rem;
  color: rgba(0, 0, 0, .5);
  transform-origin: 0 0;
  transition: .15s ease-in-out;
  will-change: transform;
}
.form-wrap .outter-form .form-group.form_error {
  margin-bottom: .2rem;
}
.form-wrap .outter-form .form-group.form_error .panel-default {
  display: block;
}
.form-wrap .outter-form .clear-field,
.form-wrap .outter-form .right-icon {
  position: absolute;
  top: 50%;
  right: .2rem;
  margin-left: .2rem;
  color: #23ffc8;
  transform: translateY(-50%);
}
.form-wrap .outter-form .clear-field .am-icon,
.form-wrap .outter-form .right-icon .am-icon {
  display: block;
  width: .32rem;
  height: .32rem;
}
.form-wrap .outter-form .captcha-pic {
  position: absolute;
  top: 50%;
  right: .2rem;
  width: auto;
  height: .5rem;
  transform: translateY(-50%);
}
.form-wrap .outter-form .btn-group {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: .4rem;
}
.form-wrap .outter-form .submit-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: .64rem;
  font-size: .3rem;
  font-weight: 700;
  color: #b64100;
  text-shadow: 0 .02rem 0 rgba(159, 52, 0, .2);
  background:
    linear-gradient(
      180deg,
      #ffe600,
      #ffb800);
  border: 1px solid rgba(255, 242, 166, .5);
  border-radius: .12rem;
  box-shadow: inset 0 .02rem 0 1px #fff2a6, 0 .02rem 0 0 #b64100;
}
.form-wrap .outter-form .submit-btn:disabled {
  color: hsla(0, 0%, 100%, .3);
  background: hsla(0, 0%, 100%, .12);
  border-radius: .2rem;
  box-shadow: none;
}
.form-wrap .outter-form .btn-icon {
  width: .4rem;
  height: .4rem;
  margin-right: .2rem;
}
.form-wrap .outter-form .btn-reset {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: .7rem;
  margin-left: .3rem;
  font-size: .24rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
  background: #580097;
  border-radius: .2rem;
}
.form-wrap .label-phone-code {
  position: absolute;
  top: .62rem;
  left: 1.6rem;
  font-size: .24rem;
  font-weight: 400;
  line-height: .29rem;
  color: #000;
}
.form-wrap .form-checkbox-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: .25rem;
  font-size: .24rem;
  font-weight: 500;
  line-height: normal;
  color: #fff;
}
.form-wrap .form-checkbox-wrap .forget-password {
  display: flex;
  justify-content: center;
  background:
    linear-gradient(
      180deg,
      #ffe600,
      #ffb800);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.form-wrap .input_required {
  position: absolute;
  top: .1rem;
  left: -.25rem;
  z-index: 1;
  width: .24rem;
  height: .5rem;
  font-size: .42rem;
  color: red;
  text-align: center;
}
.country-code-input {
  position: absolute;
  top: 0;
  left: 0;
  justify-content: flex-start;
  width: 2rem;
  height: 100%;
  padding: 0 .1rem 0 .2rem;
  font-size: .24rem;
  font-weight: 600;
  color: #fff;
}
.country-code-input img {
  order: 1;
  width: .36rem;
  height: .36rem;
}
.country-code-input .country-code {
  order: 2;
  margin: 0 .2rem;
  line-height: normal;
}
.country-code-input i {
  top: .05rem;
  order: 3;
  border-top: .08rem solid #fff;
}
.country-code-input ~ input.form-mobileNum {
  padding: 0 .3rem 0 1.8rem;
}
.country-code-input ~ input.form-mobileNum + .input-icon {
  display: none;
}
.country-code-input ~ input.form-mobileNum ~ .input-placeholder {
  left: 1.6rem;
  font-size: .2rem;
  line-height: .24rem;
  transform: translateY(-.18rem);
}
.country-code-input ~ input.form-mobileNum ~ .label-phone-code {
  display: block;
}
.s-country-list-container .am-list-header,
.s-country-list-container .header-wrap .close-btn {
  color: #fff;
}
.s-country-list-container .popup-list {
  background: rgba(26, 27, 39, .75);
  box-shadow:
    0 .22rem .3rem -.14rem rgba(0, 0, 0, .2),
    0 .48rem .76rem .06rem rgba(0, 0, 0, .14),
    0 .18rem .92rem .16rem rgba(0, 0, 0, .12);
  -webkit-backdrop-filter: blur(.1rem);
  backdrop-filter: blur(.1rem);
}
.s-country-list-container .am-list-body {
  background: none;
  border-top: 1px solid #fff;
}
.s-country-list-container .am-list-item {
  background: none;
}
.s-country-list-container .am-list-item .am-list-line:after {
  border-bottom: 1px solid hsla(0, 0%, 100%, .5) !important;
}
.s-country-list-container .am-list-item .am-list-line .am-list-content {
  color: #fff;
}
.social-media-login {
  width: 100%;
  margin-top: .32rem;
  text-align: center;
}
.social-media-login .tips {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.social-media-login .tips span {
  padding: 0 .24rem;
  font-size: .22rem;
  color: #fff;
  text-transform: capitalize;
}
.social-media-login .tips:after,
.social-media-login .tips:before {
  flex: 1 1 0%;
  height: 1px;
  content: "";
  background-color: #fff;
  transform: scaleY(.5);
}
.social-media-login .item-group {
  margin-top: .3rem;
}
.social-media-login .item,
.social-media-login .item-group {
  display: flex;
  align-items: center;
  justify-content: center;
}
.social-media-login .item + .item {
  margin-left: .2rem;
}
.social-media-login .item .am-icon,
.social-media-login .item img {
  display: block;
  width: .8rem;
  height: .8rem;
}
.game-select-wrap {
  position: relative;
  flex-shrink: 0;
  height: .6rem;
}
.game-select-wrap .game-search-box {
  position: relative;
  width: 100%;
  padding: 0 .3rem;
  margin-bottom: .1rem;
}
.game-select-wrap .game-search-box .search-input {
  width: 100%;
  height: .8rem;
  padding: 0 .28rem 0 .82rem;
  font-size: .24rem;
  font-weight: 500;
  line-height: normal;
  color: #fff;
  background: #750000;
  border: none;
  border-radius: .24rem;
}
.game-select-wrap .game-search-box .search-input::placeholder {
  color: hsla(0, 0%, 100%, .3);
}
.game-select-wrap .game-search-box .search-icon {
  position: absolute;
  top: .27rem;
  left: .58rem;
  width: .26rem;
  height: .26rem;
  opacity: .5;
}
.game-select-wrap .close-select {
  position: absolute;
  top: .23rem;
  right: .18rem;
  z-index: 2;
  width: .2rem;
  height: .2rem;
}
.game-select-wrap .game-selected,
.game-select-wrap .selected-name {
  display: flex;
  align-items: center;
}
.game-select-wrap .selected-icon {
  width: .28rem;
  height: .28rem;
  margin-right: .1rem;
}
.game-select-wrap .simple-select {
  width: 100%;
  height: 100%;
}
.game-select-wrap .simple-select .select-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: .13rem .12rem;
  font-size: .2rem;
  font-weight: 600;
  line-height: normal;
  color: #76797d;
  background: #fff;
  border: .02rem solid #d9e1ec;
  border-radius: .71rem;
}
.game-select-wrap .simple-select .option-wrap {
  top: calc(100% + .1rem);
  left: 0;
  width: 100%;
  max-height: 4rem;
  padding: .15rem 0;
  overflow: hidden auto;
  overscroll-behavior: none;
  background: #f9fcff;
  border-radius: .15rem;
  box-shadow: 0 .06rem .06rem 0 rgba(0, 0, 0, .2);
}
.game-select-wrap .simple-select .option-wrap::-webkit-scrollbar {
  width: .04rem;
  border-radius: .2rem;
}
.game-select-wrap .simple-select .option-wrap::-webkit-scrollbar-thumb {
  min-height: .5rem;
  background: #ffb800;
  border-radius: .2rem;
}
.game-select-wrap .simple-select .option-wrap::-webkit-scrollbar-track {
  background: transparent;
  border-radius: .2rem;
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  padding: 0;
  margin: 0;
  vertical-align: baseline;
  border: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
html.hidden-y {
  overflow-y: hidden !important;
}
html body {
  -webkit-overflow-scrolling: touch;
}
html body,
html body button,
html body input,
html body optgroup,
html body select,
html body textarea {
  font-family:
    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 body input::-webkit-input-placeholder {
  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 body input:-moz-placeholder,
html body input::-moz-placeholder {
  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 body input:-ms-input-placeholder {
  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;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
.pointer {
  cursor: pointer;
}
* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
#mc-animate-container {
  transition: transform .3s, opacity .8s;
}
.outter-app {
  background: var(--main-bg);
}
.am-toast.am-toast-mask {
  z-index: 100000000000;
}
.number-shell {
  font-family:
    SF Pro Display,
    SF Pro Icons,
    AOS Icons,
    Helvetica Neue For Number,
    Roboto Mono,
    PingFang SC,
    Arial,
    sans-serif;
}
.monospace-shell {
  font-family:
    Helvetica Neue,
    Roboto Mono,
    Avenir,
    sans-serif;
}
.hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.hide-scrollbar::-webkit-scrollbar {
  display: none;
}
._container_box {
  width: 100vw;
}
._container_box .lazy-load-image-background {
  display: block !important;
  width: 100%;
}
._container_box .img-loading {
  display: block;
  width: 100%;
}
.collapse-accordion {
  border: none;
}
.collapse-accordion .am-accordion-header {
  box-sizing: border-box !important;
  height: auto !important;
  padding: 0 !important;
  line-height: normal !important;
  background: none !important;
}
.collapse-accordion .am-accordion-header:after {
  display: none !important;
}
.collapse-accordion .am-accordion-header .arrow {
  display: none !important;
}
.collapse-accordion .am-accordion-content {
  background: none !important;
}
.collapse-accordion .am-accordion-content-box:after {
  display: none !important;
}
.avoid-footer {
  padding-bottom: var(--footer-height);
}
.app-main {
  min-height: 100vh;
  min-height: calc(100*var(--vh, 1vh));
  background: var(--main-bg);
}
.scroll-smooth {
  scroll-behavior: smooth;
}
.download-image-modal1,
.download-image-modal2 {
  --download-image-banner1-bg:transparent;
}
.download-image-modal1 .am-modal-content,
.download-image-modal2 .am-modal-content {
  background-color: transparent;
}
._container_box .download-bar {
  z-index: 55 !important;
  height: var(--download-bar-height) !important;
  padding: .2rem 0 0 1.24rem;
  background: var(--download-bar-bg);
  box-shadow: 0 .04rem .14rem 0 rgba(0, 0, 0, .2);
}
._container_box .download-bar .download-bar-icon {
  top: .2rem;
  left: .24rem;
  width: .8rem;
  height: .8rem;
  background-color: transparent;
  border-radius: .1rem;
}
._container_box .download-bar .download-bar-icon img {
  display: block;
  width: 100%;
  height: 100%;
}
._container_box .download-bar .download-bar-btn {
  top: 50%;
  right: 1.1rem;
  min-width: 1.7rem;
  height: .6rem;
  padding: 0 .17rem;
  font-size: .24rem;
  font-weight: 700;
  line-height: .6rem;
  color: #b64100;
  text-shadow: 0 .02rem 0 rgba(159, 52, 0, .2);
  background:
    linear-gradient(
      180deg,
      #ffe600,
      #ffb800);
  border: 1px solid rgba(255, 242, 166, .5);
  border-radius: .12rem;
  box-shadow: inset 0 .02rem 0 1px #fff2a6, 0 .02rem 0 0 #b64100;
  transform: translateY(-50%);
}
._container_box .download-bar .download-bar-close {
  top: .32rem;
  right: .24rem;
  width: .56rem;
  height: .56rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAN7SURBVHgB7Zqvd6NAEMcHSFJ6KrKSuMjKSmTlycr+CffnnIysPFmJrIyMCzIyptc0vcDNZOG9JtmfwxIQfN7rowWW5dsZdmZ3FmBgYKBLAmiZdVnGAO9TgAiPh6k4G23FMd7MgmAHLeJdoBD0dQ/wL8E/77CLqb5FgGKLDcBoBTDOUfAWPOJN4Lr8SPCQ4k8CzcjRwstZMFmCBxoL9CjsDLJkmDUVyhaIroiut/sJ3oWdE6LAScZ1XZZAYbXwCb+dGK4CiQteZ8HNChxxFrgu9w84Gj5CN6AlbzOXBk4C0XIpiO+tS5xEhrY39kQcka7Lvw+2N1sJXJefc+iHuIrgsRq9jRgFitGy7Oqb0/Ek3k2PhQX3KQo0PqgD4ipMadEKxBETU67iHvpLYnJVgwWLFPpPqruoFCis10vXPEdrRY0FD0zXDHH6E65E9uHUZunW5oRUdWEkO1nlmQk4Qy84+U1zPPGMz2ezFxzbLCjXFFOt/S9GCphQW9ncUmHBrwRYBHndiUiObxZ6q4h76kS6apsDiw+pxykElnNgUcy/xya9yFNxRBVz74BHIjupEsjtJCa3NItUibNxaRWh9J0vBIrvoMnoKV5ULbINcaJf8e6nSCy441rvpDO1yDbE1bxfPMN6NuGOXGR74ojIxoIHT50RlyJr/IsjomtasB9IBEbcbELC5YBSYxcnXTlcPEsiMPa00iwfLe3jpB9kLuqhM10osImTXOLN+ZkLgSJdKht0ZopzpjjJ79chF402wOzELs7pRIbMT6SQvrNCYJADsxP7OKcSCc6Lu4KRtJ1C4HgJLIKkTpfs4typyCpNTIDFOJedVS784iz5GVh1h2O+meMvc/t5XV1CixJmOQCnabcL2QVdoM+ABVmDFqpcXpTaBHN+rSNSepxSIP5HcmBPPq8JjZ4Td4EVGfSeMNNe1V3svxVDYyXYItmO//BjU5scF6sy011GgSI2FS/QO6ggas58rKZLwlWjV+gPmW2113o+iL7+Bv0YdJwKoIwSdpeF0BLd8sebSwvmJgQqiFLN8Fq1CxrkipdqVHei4TYSqh22Xl7LaSS3GVBkeNgIdKwhpi1YMwfxveXQAI9buUjosSKVQDNy8CCspo3NeFNRvKH6BpUATJal1QOaYNMMZLyced59eKXtlPVq+fftlMfFre2s5e2UAwMD3fIfxPnChryYCSMAAAAASUVORK5CYII=) no-repeat 50%/cover;
}
._container_box .download-bar .download-bar-close .am-icon {
  display: none;
  width: 100%;
  height: 100%;
}
._container_box .download-bar .app-full-name-wrap {
  height: auto;
  margin-bottom: .1rem;
  font-size: .28rem;
  font-weight: 600;
  line-height: normal;
  color: #fff;
}
._container_box .download-bar .app-star-grade {
  align-items: center;
  height: auto;
  margin: 0;
}
._container_box .download-bar .app-star-grade .grade-text {
  display: none;
}
._container_box .download-bar .app-star-grade .star-icon {
  width: .28rem;
  height: .28rem;
  margin-right: .1rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMzSURBVHgBvVa9bhNBEJ7ZIxJd8gY4SNRJQBR0JFR04QUQvADiDRzzApAnILxBOkpcgwRBSNARFxYtTodkvB8zs7/nHPhMkbXOt7e7M99883dH9B8DP+hQL7qKgal7iSkBU5bLvaY1B69zGOc0oA3+TohyLLM5Dnibxn11OFpnOBrSQmC8zD2IFmBqeLiOit4MjR3ROTEjLKgsogrs92XZn6F3Q9OvrPSC/iImqDfLXgyN3ULYGaEsIk+KyIEmhOWt1Sz7MZwLA3BgZPETMI8YS4sp+rLkDjZbNN8QRn6XGuyI5QNZPQxk6oOI4bO/qAqnMv1Mrjkjv5jRdTqT2M5agPimySDxYQHwMmcBTG4KkUqGRa0oduq+r0qktsoMsvlPMwI8IedHjK/8URb2KtODwgDGJug4zNPaMigySmXbkhPDbcz4IhaQsqo2kwBzh7IOxfkcSlIlhmjpk6SBOyGvGyYEK2h99jFB9KytxTui50JZICdOel6Qlk6ST/sUS+rYzMEnOhL0YTshkudqF2v9RWbMHaTzQnFBDgEd8x49t7KQyZGgjzKbUtClFKylcWHo435iH9ZRvJI9qWsjBauDFnY+JKYx5XNRL1ufC57yfplx5SH1ygu+K3rzkaVhoBRBSzVczpisFCFp6q6ThsMR36FRrb+zteE9vZKtZ+EBsc5S05Zny0rU+Y5iTlxXN94rzLINXYASr9P8GkpxsaatzCwTuZXJPu7ZPK6DzrpUX+sEZLcjSkK/TOwy08SESuZyXKmzuHE3gjV9AOd+uxSthaZqWVUjAHM+Q+bqCKymSKvszRC8E1pZilsCr9tbVW8pt1AslId1AGnX/n1kxlVzRMpGcx+3845TYquxg3ZPDeNS0uAd6VtjK7QrTq2Ny3vQ7hetIkfVLKwRWDPYFF2DlYD028CKoHUTDmwh7zavqY5tAbkp9zel9yag/KLWzN1dDYhmkBuuKgrfLwp8Ip68zQ+kvvZpJteED+iJaBBwPsklVLe1ptlcVs8dLpU3Psv3C7biibFY+pQf0oT+MfBW3OesNT6OKxcit7csx38VJrov10QExrTGyLK/6JQftT8vdPwBiT7sEQTnaZsAAAAASUVORK5CYII=) no-repeat 50%/cover;
}
._container_box .app-win {
  display: none;
}
.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-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
  background-image:
    linear-gradient(
      270deg,
      rgba(0, 0, 0, .5),
      transparent);
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
  background-image:
    linear-gradient(
      90deg,
      rgba(0, 0, 0, .5),
      transparent);
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
  background-image:
    linear-gradient(
      0deg,
      rgba(0, 0, 0, .5),
      transparent);
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
  background-image:
    linear-gradient(
      180deg,
      rgba(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: .27rem;
  height: .44rem;
  margin-top: -.22rem;
  z-index: 10;
  cursor: pointer;
  background-size: .27rem .44rem;
  background-position: 50%;
  background-repeat: no-repeat;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: .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: .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: .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 .3s;
  -o-transition: .3s opacity;
  transition: opacity .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: .1rem;
  left: 0;
  width: 100%;
}
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(.33);
  -ms-transform: scale(.33);
  transform: scale(.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(.66);
  -ms-transform: scale(.66);
  transform: scale(.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(.33);
  -ms-transform: scale(.33);
  transform: scale(.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(.66);
  -ms-transform: scale(.66);
  transform: scale(.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(.33);
  -ms-transform: scale(.33);
  transform: scale(.33);
}
.swiper-pagination-bullet {
  width: .08rem;
  height: .08rem;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: .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: .1rem;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: .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: .08rem;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: top .2s, -webkit-transform .2s;
  transition: top .2s, -webkit-transform .2s;
  -o-transition: .2s transform, .2s top;
  -webkit-transition: transform .2s, top .2s;
  transition: transform .2s, top .2s;
  -webkit-transition:
    transform .2s,
    top .2s,
    -webkit-transform .2s;
  transition:
    transform .2s,
    top .2s,
    -webkit-transform .2s;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 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 .2s, -webkit-transform .2s;
  transition: left .2s, -webkit-transform .2s;
  -o-transition: .2s transform, .2s left;
  -webkit-transition: transform .2s, left .2s;
  transition: transform .2s, left .2s;
  -webkit-transition:
    transform .2s,
    left .2s,
    -webkit-transform .2s;
  transition:
    transform .2s,
    left .2s,
    -webkit-transform .2s;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: right .2s, -webkit-transform .2s;
  transition: right .2s, -webkit-transform .2s;
  -o-transition: .2s transform, .2s right;
  -webkit-transition: transform .2s, right .2s;
  transition: transform .2s, right .2s;
  -webkit-transition:
    transform .2s,
    right .2s,
    -webkit-transform .2s;
  transition:
    transform .2s,
    right .2s,
    -webkit-transform .2s;
}
.swiper-pagination-progressbar {
  background: rgba(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: .04rem;
  left: 0;
  top: 0;
}
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical > .swiper-pagination-progressbar {
  width: .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%, .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, .25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000;
}
.swiper-pagination-lock {
  display: none;
}
.swiper-scrollbar {
  border-radius: .1rem;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, .1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: .03rem;
  z-index: 50;
  height: .05rem;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: .03rem;
  top: 1%;
  z-index: 50;
  width: .05rem;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, .5);
  border-radius: .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: .42rem;
  height: .42rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -.21rem;
  margin-top: -.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: .6;
  -webkit-filter: blur(.5rem);
  filter: blur(.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;
}

/* src/chunk-common.0dc9765b.css */
/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */
:root {
  --animate-duration:1s;
  --animate-delay:1s;
  --animate-repeat:1 ;
}
.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animate__animated.animate__infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animate__animated.animate__repeat-1 {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: var(--animate-repeat);
  animation-iteration-count: var(--animate-repeat);
}
.animate__animated.animate__repeat-2 {
  -webkit-animation-iteration-count: 2;
  animation-iteration-count: 2;
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
  animation-iteration-count: calc(var(--animate-repeat) * 2);
}
.animate__animated.animate__repeat-3 {
  -webkit-animation-iteration-count: 3;
  animation-iteration-count: 3;
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
  animation-iteration-count: calc(var(--animate-repeat) * 3);
}
.animate__animated.animate__delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay);
}
.animate__animated.animate__delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-delay: calc(var(--animate-delay) * 2);
  animation-delay: calc(var(--animate-delay) * 2);
}
.animate__animated.animate__delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
  -webkit-animation-delay: calc(var(--animate-delay) * 3);
  animation-delay: calc(var(--animate-delay) * 3);
}
.animate__animated.animate__delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
  -webkit-animation-delay: calc(var(--animate-delay) * 4);
  animation-delay: calc(var(--animate-delay) * 4);
}
.animate__animated.animate__delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-delay: calc(var(--animate-delay) * 5);
  animation-delay: calc(var(--animate-delay) * 5);
}
.animate__animated.animate__faster {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-duration: calc(var(--animate-duration) / 2);
  animation-duration: calc(var(--animate-duration) / 2);
}
.animate__animated.animate__fast {
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-duration: calc(var(--animate-duration) * .8);
  animation-duration: calc(var(--animate-duration) * .8);
}
.animate__animated.animate__slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
}
.animate__animated.animate__slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-duration: calc(var(--animate-duration) * 3);
  animation-duration: calc(var(--animate-duration) * 3);
}
@media (prefers-reduced-motion:reduce), print {
  .animate__animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
  .animate__animated[class*=Out] {
    opacity: 0;
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 53%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -.3rem, 0) scaleY(1.1);
    transform: translate3d(0, -.3rem, 0) scaleY(1.1);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -.15rem, 0) scaleY(1.05);
    transform: translate3d(0, -.15rem, 0) scaleY(1.05);
  }
  80% {
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translateZ(0) scaleY(.95);
    transform: translateZ(0) scaleY(.95);
  }
  90% {
    -webkit-transform: translate3d(0, -.04rem, 0) scaleY(1.02);
    transform: translate3d(0, -.04rem, 0) scaleY(1.02);
  }
}
@keyframes bounce {
  0%, 20%, 53%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -.3rem, 0) scaleY(1.1);
    transform: translate3d(0, -.3rem, 0) scaleY(1.1);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -.15rem, 0) scaleY(1.05);
    transform: translate3d(0, -.15rem, 0) scaleY(1.05);
  }
  80% {
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translateZ(0) scaleY(.95);
    transform: translateZ(0) scaleY(.95);
  }
  90% {
    -webkit-transform: translate3d(0, -.04rem, 0) scaleY(1.02);
    transform: translate3d(0, -.04rem, 0) scaleY(1.02);
  }
}
.animate__bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes flash {
  0%, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.animate__flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
.animate__pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  30% {
    -webkit-transform: scale3d(1.25, .75, 1);
    transform: scale3d(1.25, .75, 1);
  }
  40% {
    -webkit-transform: scale3d(.75, 1.25, 1);
    transform: scale3d(.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, .85, 1);
    transform: scale3d(1.15, .85, 1);
  }
  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  30% {
    -webkit-transform: scale3d(1.25, .75, 1);
    transform: scale3d(1.25, .75, 1);
  }
  40% {
    -webkit-transform: scale3d(.75, 1.25, 1);
    transform: scale3d(.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, .85, 1);
    transform: scale3d(1.15, .85, 1);
  }
  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
.animate__rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shakeX {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-.1rem, 0, 0);
    transform: translate3d(-.1rem, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(.1rem, 0, 0);
    transform: translate3d(.1rem, 0, 0);
  }
}
@keyframes shakeX {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-.1rem, 0, 0);
    transform: translate3d(-.1rem, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(.1rem, 0, 0);
    transform: translate3d(.1rem, 0, 0);
  }
}
.animate__shakeX {
  -webkit-animation-name: shakeX;
  animation-name: shakeX;
}
@-webkit-keyframes shakeY {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(0, -.1rem, 0);
    transform: translate3d(0, -.1rem, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(0, .1rem, 0);
    transform: translate3d(0, .1rem, 0);
  }
}
@keyframes shakeY {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(0, -.1rem, 0);
    transform: translate3d(0, -.1rem, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(0, .1rem, 0);
    transform: translate3d(0, .1rem, 0);
  }
}
.animate__shakeY {
  -webkit-animation-name: shakeY;
  animation-name: shakeY;
}
@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-.06rem) rotateY(-9deg);
    transform: translateX(-.06rem) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(.05rem) rotateY(7deg);
    transform: translateX(.05rem) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-.03rem) rotateY(-5deg);
    transform: translateX(-.03rem) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(.02rem) rotateY(3deg);
    transform: translateX(.02rem) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-.06rem) rotateY(-9deg);
    transform: translateX(-.06rem) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(.05rem) rotateY(7deg);
    transform: translateX(.05rem) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-.03rem) rotateY(-5deg);
    transform: translateX(-.03rem) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(.02rem) rotateY(3deg);
    transform: translateX(.02rem) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.animate__headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
.animate__swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
    transform: scale3d(.9, .9, .9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
    transform: scale3d(.9, .9, .9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
.animate__tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes jello {
  0%, 11.1%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
    transform: skewX(-.78125deg) skewY(-.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(.390625deg) skewY(.390625deg);
    transform: skewX(.390625deg) skewY(.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
    transform: skewX(-.1953125deg) skewY(-.1953125deg);
  }
}
@keyframes jello {
  0%, 11.1%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
    transform: skewX(-.78125deg) skewY(-.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(.390625deg) skewY(.390625deg);
    transform: skewX(.390625deg) skewY(.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
    transform: skewX(-.1953125deg) skewY(-.1953125deg);
  }
}
.animate__jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.animate__heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
  animation-duration: calc(var(--animate-duration) * 1.3);
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes backInDown {
  0% {
    -webkit-transform: translateY(-12rem) scale(.7);
    transform: translateY(-12rem) scale(.7);
    opacity: .7;
  }
  80% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInDown {
  0% {
    -webkit-transform: translateY(-12rem) scale(.7);
    transform: translateY(-12rem) scale(.7);
    opacity: .7;
  }
  80% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInDown {
  -webkit-animation-name: backInDown;
  animation-name: backInDown;
}
@-webkit-keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-20rem) scale(.7);
    transform: translateX(-20rem) scale(.7);
    opacity: .7;
  }
  80% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-20rem) scale(.7);
    transform: translateX(-20rem) scale(.7);
    opacity: .7;
  }
  80% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInLeft {
  -webkit-animation-name: backInLeft;
  animation-name: backInLeft;
}
@-webkit-keyframes backInRight {
  0% {
    -webkit-transform: translateX(20rem) scale(.7);
    transform: translateX(20rem) scale(.7);
    opacity: .7;
  }
  80% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInRight {
  0% {
    -webkit-transform: translateX(20rem) scale(.7);
    transform: translateX(20rem) scale(.7);
    opacity: .7;
  }
  80% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInRight {
  -webkit-animation-name: backInRight;
  animation-name: backInRight;
}
@-webkit-keyframes backInUp {
  0% {
    -webkit-transform: translateY(12rem) scale(.7);
    transform: translateY(12rem) scale(.7);
    opacity: .7;
  }
  80% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInUp {
  0% {
    -webkit-transform: translateY(12rem) scale(.7);
    transform: translateY(12rem) scale(.7);
    opacity: .7;
  }
  80% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInUp {
  -webkit-animation-name: backInUp;
  animation-name: backInUp;
}
@-webkit-keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: translateY(7rem) scale(.7);
    transform: translateY(7rem) scale(.7);
    opacity: .7;
  }
}
@keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: translateY(7rem) scale(.7);
    transform: translateY(7rem) scale(.7);
    opacity: .7;
  }
}
.animate__backOutDown {
  -webkit-animation-name: backOutDown;
  animation-name: backOutDown;
}
@-webkit-keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: translateX(-20rem) scale(.7);
    transform: translateX(-20rem) scale(.7);
    opacity: .7;
  }
}
@keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: translateX(-20rem) scale(.7);
    transform: translateX(-20rem) scale(.7);
    opacity: .7;
  }
}
.animate__backOutLeft {
  -webkit-animation-name: backOutLeft;
  animation-name: backOutLeft;
}
@-webkit-keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: translateX(20rem) scale(.7);
    transform: translateX(20rem) scale(.7);
    opacity: .7;
  }
}
@keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: translateX(20rem) scale(.7);
    transform: translateX(20rem) scale(.7);
    opacity: .7;
  }
}
.animate__backOutRight {
  -webkit-animation-name: backOutRight;
  animation-name: backOutRight;
}
@-webkit-keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: translateY(-7rem) scale(.7);
    transform: translateY(-7rem) scale(.7);
    opacity: .7;
  }
}
@keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: translateY(-7rem) scale(.7);
    transform: translateY(-7rem) scale(.7);
    opacity: .7;
  }
}
.animate__backOutUp {
  -webkit-animation-name: backOutUp;
  animation-name: backOutUp;
}
@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
.animate__bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-duration: calc(var(--animate-duration) * .75);
  animation-duration: calc(var(--animate-duration) * .75);
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -30rem, 0) scaleY(3);
    transform: translate3d(0, -30rem, 0) scaleY(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, .25rem, 0) scaleY(.9);
    transform: translate3d(0, .25rem, 0) scaleY(.9);
  }
  75% {
    -webkit-transform: translate3d(0, -.1rem, 0) scaleY(.95);
    transform: translate3d(0, -.1rem, 0) scaleY(.95);
  }
  90% {
    -webkit-transform: translate3d(0, .05rem, 0) scaleY(.985);
    transform: translate3d(0, .05rem, 0) scaleY(.985);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes bounceInDown {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -30rem, 0) scaleY(3);
    transform: translate3d(0, -30rem, 0) scaleY(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, .25rem, 0) scaleY(.9);
    transform: translate3d(0, .25rem, 0) scaleY(.9);
  }
  75% {
    -webkit-transform: translate3d(0, -.1rem, 0) scaleY(.95);
    transform: translate3d(0, -.1rem, 0) scaleY(.95);
  }
  90% {
    -webkit-transform: translate3d(0, .05rem, 0) scaleY(.985);
    transform: translate3d(0, .05rem, 0) scaleY(.985);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-30rem, 0, 0) scaleX(3);
    transform: translate3d(-30rem, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(.25rem, 0, 0) scaleX(1);
    transform: translate3d(.25rem, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(-.1rem, 0, 0) scaleX(.98);
    transform: translate3d(-.1rem, 0, 0) scaleX(.98);
  }
  90% {
    -webkit-transform: translate3d(.05rem, 0, 0) scaleX(.995);
    transform: translate3d(.05rem, 0, 0) scaleX(.995);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-30rem, 0, 0) scaleX(3);
    transform: translate3d(-30rem, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(.25rem, 0, 0) scaleX(1);
    transform: translate3d(.25rem, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(-.1rem, 0, 0) scaleX(.98);
    transform: translate3d(-.1rem, 0, 0) scaleX(.98);
  }
  90% {
    -webkit-transform: translate3d(.05rem, 0, 0) scaleX(.995);
    transform: translate3d(.05rem, 0, 0) scaleX(.995);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(30rem, 0, 0) scaleX(3);
    transform: translate3d(30rem, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-.25rem, 0, 0) scaleX(1);
    transform: translate3d(-.25rem, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(.1rem, 0, 0) scaleX(.98);
    transform: translate3d(.1rem, 0, 0) scaleX(.98);
  }
  90% {
    -webkit-transform: translate3d(-.05rem, 0, 0) scaleX(.995);
    transform: translate3d(-.05rem, 0, 0) scaleX(.995);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes bounceInRight {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(30rem, 0, 0) scaleX(3);
    transform: translate3d(30rem, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-.25rem, 0, 0) scaleX(1);
    transform: translate3d(-.25rem, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(.1rem, 0, 0) scaleX(.98);
    transform: translate3d(.1rem, 0, 0) scaleX(.98);
  }
  90% {
    -webkit-transform: translate3d(-.05rem, 0, 0) scaleX(.995);
    transform: translate3d(-.05rem, 0, 0) scaleX(.995);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 30rem, 0) scaleY(5);
    transform: translate3d(0, 30rem, 0) scaleY(5);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -.2rem, 0) scaleY(.9);
    transform: translate3d(0, -.2rem, 0) scaleY(.9);
  }
  75% {
    -webkit-transform: translate3d(0, .1rem, 0) scaleY(.95);
    transform: translate3d(0, .1rem, 0) scaleY(.95);
  }
  90% {
    -webkit-transform: translate3d(0, -.05rem, 0) scaleY(.985);
    transform: translate3d(0, -.05rem, 0) scaleY(.985);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes bounceInUp {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 30rem, 0) scaleY(5);
    transform: translate3d(0, 30rem, 0) scaleY(5);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -.2rem, 0) scaleY(.9);
    transform: translate3d(0, -.2rem, 0) scaleY(.9);
  }
  75% {
    -webkit-transform: translate3d(0, .1rem, 0) scaleY(.95);
    transform: translate3d(0, .1rem, 0) scaleY(.95);
  }
  90% {
    -webkit-transform: translate3d(0, -.05rem, 0) scaleY(.985);
    transform: translate3d(0, -.05rem, 0) scaleY(.985);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}
.animate__bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-duration: calc(var(--animate-duration) * .75);
  animation-duration: calc(var(--animate-duration) * .75);
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, .1rem, 0) scaleY(.985);
    transform: translate3d(0, .1rem, 0) scaleY(.985);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -.2rem, 0) scaleY(.9);
    transform: translate3d(0, -.2rem, 0) scaleY(.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 20rem, 0) scaleY(3);
    transform: translate3d(0, 20rem, 0) scaleY(3);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, .1rem, 0) scaleY(.985);
    transform: translate3d(0, .1rem, 0) scaleY(.985);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -.2rem, 0) scaleY(.9);
    transform: translate3d(0, -.2rem, 0) scaleY(.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 20rem, 0) scaleY(3);
    transform: translate3d(0, 20rem, 0) scaleY(3);
  }
}
.animate__bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(.2rem, 0, 0) scaleX(.9);
    transform: translate3d(.2rem, 0, 0) scaleX(.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-20rem, 0, 0) scaleX(2);
    transform: translate3d(-20rem, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(.2rem, 0, 0) scaleX(.9);
    transform: translate3d(.2rem, 0, 0) scaleX(.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-20rem, 0, 0) scaleX(2);
    transform: translate3d(-20rem, 0, 0) scaleX(2);
  }
}
.animate__bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-.2rem, 0, 0) scaleX(.9);
    transform: translate3d(-.2rem, 0, 0) scaleX(.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(20rem, 0, 0) scaleX(2);
    transform: translate3d(20rem, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-.2rem, 0, 0) scaleX(.9);
    transform: translate3d(-.2rem, 0, 0) scaleX(.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(20rem, 0, 0) scaleX(2);
    transform: translate3d(20rem, 0, 0) scaleX(2);
  }
}
.animate__bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -.1rem, 0) scaleY(.985);
    transform: translate3d(0, -.1rem, 0) scaleY(.985);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, .2rem, 0) scaleY(.9);
    transform: translate3d(0, .2rem, 0) scaleY(.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -20rem, 0) scaleY(3);
    transform: translate3d(0, -20rem, 0) scaleY(3);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -.1rem, 0) scaleY(.985);
    transform: translate3d(0, -.1rem, 0) scaleY(.985);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, .2rem, 0) scaleY(.9);
    transform: translate3d(0, .2rem, 0) scaleY(.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -20rem, 0) scaleY(3);
    transform: translate3d(0, -20rem, 0) scaleY(3);
  }
}
.animate__bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -20rem, 0);
    transform: translate3d(0, -20rem, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -20rem, 0);
    transform: translate3d(0, -20rem, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-20rem, 0, 0);
    transform: translate3d(-20rem, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-20rem, 0, 0);
    transform: translate3d(-20rem, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(20rem, 0, 0);
    transform: translate3d(20rem, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(20rem, 0, 0);
    transform: translate3d(20rem, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20rem, 0);
    transform: translate3d(0, 20rem, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20rem, 0);
    transform: translate3d(0, 20rem, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInTopLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInTopLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInTopLeft {
  -webkit-animation-name: fadeInTopLeft;
  animation-name: fadeInTopLeft;
}
@-webkit-keyframes fadeInTopRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInTopRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInTopRight {
  -webkit-animation-name: fadeInTopRight;
  animation-name: fadeInTopRight;
}
@-webkit-keyframes fadeInBottomLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInBottomLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInBottomLeft {
  -webkit-animation-name: fadeInBottomLeft;
  animation-name: fadeInBottomLeft;
}
@-webkit-keyframes fadeInBottomRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInBottomRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInBottomRight {
  -webkit-animation-name: fadeInBottomRight;
  animation-name: fadeInBottomRight;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.animate__fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.animate__fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 20rem, 0);
    transform: translate3d(0, 20rem, 0);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 20rem, 0);
    transform: translate3d(0, 20rem, 0);
  }
}
.animate__fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-20rem, 0, 0);
    transform: translate3d(-20rem, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-20rem, 0, 0);
    transform: translate3d(-20rem, 0, 0);
  }
}
.animate__fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.animate__fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(20rem, 0, 0);
    transform: translate3d(20rem, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(20rem, 0, 0);
    transform: translate3d(20rem, 0, 0);
  }
}
.animate__fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.animate__fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -20rem, 0);
    transform: translate3d(0, -20rem, 0);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -20rem, 0);
    transform: translate3d(0, -20rem, 0);
  }
}
.animate__fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutTopLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
@keyframes fadeOutTopLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
.animate__fadeOutTopLeft {
  -webkit-animation-name: fadeOutTopLeft;
  animation-name: fadeOutTopLeft;
}
@-webkit-keyframes fadeOutTopRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
@keyframes fadeOutTopRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
.animate__fadeOutTopRight {
  -webkit-animation-name: fadeOutTopRight;
  animation-name: fadeOutTopRight;
}
@-webkit-keyframes fadeOutBottomRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
@keyframes fadeOutBottomRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
.animate__fadeOutBottomRight {
  -webkit-animation-name: fadeOutBottomRight;
  animation-name: fadeOutBottomRight;
}
@-webkit-keyframes fadeOutBottomLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
@keyframes fadeOutBottomLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
.animate__fadeOutBottomLeft {
  -webkit-animation-name: fadeOutBottomLeft;
  animation-name: fadeOutBottomLeft;
}
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(4rem) scaleX(1) translateZ(0) rotateY(-1turn);
    transform: perspective(4rem) scaleX(1) translateZ(0) rotateY(-1turn);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(4rem) scaleX(1) translateZ(1.5rem) rotateY(-190deg);
    transform: perspective(4rem) scaleX(1) translateZ(1.5rem) rotateY(-190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(4rem) scaleX(1) translateZ(1.5rem) rotateY(-170deg);
    transform: perspective(4rem) scaleX(1) translateZ(1.5rem) rotateY(-170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(4rem) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
    transform: perspective(4rem) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(4rem) scaleX(1) translateZ(0) rotateY(0deg);
    transform: perspective(4rem) scaleX(1) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    -webkit-transform: perspective(4rem) scaleX(1) translateZ(0) rotateY(-1turn);
    transform: perspective(4rem) scaleX(1) translateZ(0) rotateY(-1turn);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(4rem) scaleX(1) translateZ(1.5rem) rotateY(-190deg);
    transform: perspective(4rem) scaleX(1) translateZ(1.5rem) rotateY(-190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(4rem) scaleX(1) translateZ(1.5rem) rotateY(-170deg);
    transform: perspective(4rem) scaleX(1) translateZ(1.5rem) rotateY(-170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(4rem) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
    transform: perspective(4rem) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(4rem) scaleX(1) translateZ(0) rotateY(0deg);
    transform: perspective(4rem) scaleX(1) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animate__animated.animate__flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(4rem) rotateX(90deg);
    transform: perspective(4rem) rotateX(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(4rem) rotateX(-20deg);
    transform: perspective(4rem) rotateX(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(4rem) rotateX(10deg);
    transform: perspective(4rem) rotateX(10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(4rem) rotateX(-5deg);
    transform: perspective(4rem) rotateX(-5deg);
  }
  to {
    -webkit-transform: perspective(4rem);
    transform: perspective(4rem);
  }
}
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(4rem) rotateX(90deg);
    transform: perspective(4rem) rotateX(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(4rem) rotateX(-20deg);
    transform: perspective(4rem) rotateX(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(4rem) rotateX(10deg);
    transform: perspective(4rem) rotateX(10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(4rem) rotateX(-5deg);
    transform: perspective(4rem) rotateX(-5deg);
  }
  to {
    -webkit-transform: perspective(4rem);
    transform: perspective(4rem);
  }
}
.animate__flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(4rem) rotateY(90deg);
    transform: perspective(4rem) rotateY(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(4rem) rotateY(-20deg);
    transform: perspective(4rem) rotateY(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(4rem) rotateY(10deg);
    transform: perspective(4rem) rotateY(10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(4rem) rotateY(-5deg);
    transform: perspective(4rem) rotateY(-5deg);
  }
  to {
    -webkit-transform: perspective(4rem);
    transform: perspective(4rem);
  }
}
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(4rem) rotateY(90deg);
    transform: perspective(4rem) rotateY(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(4rem) rotateY(-20deg);
    transform: perspective(4rem) rotateY(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(4rem) rotateY(10deg);
    transform: perspective(4rem) rotateY(10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(4rem) rotateY(-5deg);
    transform: perspective(4rem) rotateY(-5deg);
  }
  to {
    -webkit-transform: perspective(4rem);
    transform: perspective(4rem);
  }
}
.animate__flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(4rem);
    transform: perspective(4rem);
  }
  30% {
    -webkit-transform: perspective(4rem) rotateX(-20deg);
    transform: perspective(4rem) rotateX(-20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(4rem) rotateX(90deg);
    transform: perspective(4rem) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(4rem);
    transform: perspective(4rem);
  }
  30% {
    -webkit-transform: perspective(4rem) rotateX(-20deg);
    transform: perspective(4rem) rotateX(-20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(4rem) rotateX(90deg);
    transform: perspective(4rem) rotateX(90deg);
    opacity: 0;
  }
}
.animate__flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-duration: calc(var(--animate-duration) * .75);
  animation-duration: calc(var(--animate-duration) * .75);
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(4rem);
    transform: perspective(4rem);
  }
  30% {
    -webkit-transform: perspective(4rem) rotateY(-15deg);
    transform: perspective(4rem) rotateY(-15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(4rem) rotateY(90deg);
    transform: perspective(4rem) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(4rem);
    transform: perspective(4rem);
  }
  30% {
    -webkit-transform: perspective(4rem) rotateY(-15deg);
    transform: perspective(4rem) rotateY(-15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(4rem) rotateY(90deg);
    transform: perspective(4rem) rotateY(90deg);
    opacity: 0;
  }
}
.animate__flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-duration: calc(var(--animate-duration) * .75);
  animation-duration: calc(var(--animate-duration) * .75);
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes lightSpeedInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__lightSpeedInRight {
  -webkit-animation-name: lightSpeedInRight;
  animation-name: lightSpeedInRight;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes lightSpeedInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__lightSpeedInLeft {
  -webkit-animation-name: lightSpeedInLeft;
  animation-name: lightSpeedInLeft;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOutRight {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutRight {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutRight {
  -webkit-animation-name: lightSpeedOutRight;
  animation-name: lightSpeedOutRight;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes lightSpeedOutLeft {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutLeft {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutLeft {
  -webkit-animation-name: lightSpeedOutLeft;
  animation-name: lightSpeedOutLeft;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
.animate__rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
.animate__rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
.animate__rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
.animate__rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
.animate__rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes rotateOut {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}
.animate__rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes rotateOutDownLeft {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateOutDownRight {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes rotateOutUpLeft {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
}
.animate__rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateOutUpRight {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
.animate__rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 7rem, 0);
    transform: translate3d(0, 7rem, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 7rem, 0);
    transform: translate3d(0, 7rem, 0);
    opacity: 0;
  }
}
.animate__hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
  -webkit-animation-name: hinge;
  animation-name: hinge;
  -webkit-transform-origin: top left;
  transform-origin: top left;
}
@-webkit-keyframes jackInTheBox {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) rotate(30deg);
    transform: scale(.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes jackInTheBox {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) rotate(30deg);
    transform: scale(.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.animate__jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg);
  }
}
.animate__rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
  50% {
    opacity: 1;
  }
}
.animate__zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -10rem, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -10rem, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, .6rem, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, .6rem, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
  }
}
@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -10rem, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -10rem, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, .6rem, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, .6rem, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
  }
}
.animate__zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-10rem, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-10rem, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(.1rem, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(.1rem, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
  }
}
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-10rem, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-10rem, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(.1rem, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(.1rem, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
  }
}
.animate__zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(10rem, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(10rem, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-.1rem, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-.1rem, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
  }
}
@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(10rem, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(10rem, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-.1rem, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-.1rem, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
  }
}
.animate__zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 10rem, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 10rem, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -.6rem, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -.6rem, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
  }
}
@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 10rem, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 10rem, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -.6rem, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -.6rem, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
  }
}
.animate__zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
  to {
    opacity: 0;
  }
}
.animate__zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -.6rem, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -.6rem, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 20rem, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 20rem, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -.6rem, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -.6rem, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 20rem, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 20rem, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
  }
}
.animate__zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(.42rem, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(.42rem, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-20rem, 0, 0);
    transform: scale(.1) translate3d(-20rem, 0, 0);
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(.42rem, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(.42rem, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-20rem, 0, 0);
    transform: scale(.1) translate3d(-20rem, 0, 0);
  }
}
.animate__zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-.42rem, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-.42rem, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(20rem, 0, 0);
    transform: scale(.1) translate3d(20rem, 0, 0);
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-.42rem, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-.42rem, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(20rem, 0, 0);
    transform: scale(.1) translate3d(20rem, 0, 0);
  }
}
.animate__zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
  -webkit-transform-origin: right center;
  transform-origin: right center;
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, .6rem, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, .6rem, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -20rem, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -20rem, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, .6rem, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, .6rem, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -20rem, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -20rem, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
  }
}
.animate__zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.animate__slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.animate__slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.animate__slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
.ios-guide--modal .bottom-popup-slide-enter {
  opacity: 0;
  transform: translateY(100%);
}
.ios-guide--modal .bottom-popup-slide-enter-active,
.ios-guide--modal .bottom-popup-slide-exit {
  opacity: 1;
  transform: translateY(0);
}
.ios-guide--modal .bottom-popup-slide-exit-active {
  opacity: 0;
  transform: translateY(100%);
}
.ios-guide--modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2147483641;
  display: none;
  width: 100%;
  height: 100%;
  font-size: .20769rem;
  background: rgba(0, 0, 0, .5);
  -webkit-backdrop-filter: blur(.05rem);
  backdrop-filter: blur(.05rem);
}
.ios-guide--modal.light .ios-guide--content {
  color: #1f1f1f;
  background-color: #dfdfdf;
}
.ios-guide--modal.on {
  display: block;
}
.ios-guide--content {
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: .4385rem 0 calc(.16rem + var(--safe-area-inset-bottom));
  color: #dfdfdf;
  background-color: #151d29;
  border-radius: .15rem .15rem 0 0;
  transition: all .25s;
}
.ios-guide--content .bold {
  font-weight: 700;
}
.ios-guide--content .guide-popup-title {
  padding-bottom: .04rem;
  font-size: .32rem;
  font-weight: 500;
  text-align: center;
}
.ios-guide--content .guide-step-text {
  padding: .215rem 0 .2538rem;
  font-size: .27692rem;
  font-weight: 500;
  color: #16aaff;
  text-align: center;
}
.ios-guide--content .guide-step-text-group1 {
  position: absolute;
  top: .04rem;
  left: 1.62rem;
  display: flex;
  flex-direction: column;
  text-align: left;
}
.ios-guide--content .guide-step-text-group1--footer {
  position: absolute;
  bottom: .25rem;
  left: 1.27rem;
  font-size: .27692rem;
}
.ios-guide--content .guide-step-image-wrap {
  position: relative;
  text-align: center;
}
.ios-guide--content .guide-step-image {
  width: 6.87692rem;
  height: auto;
}
.ios-guide--content .guide-step-text-group2 {
  position: absolute;
  top: .48rem;
  left: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.ios-guide--content .guide-step-text-group2--footer {
  position: absolute;
  bottom: .2rem;
  left: .59rem;
  display: flex;
  align-items: center;
  width: 80%;
  height: .72rem;
  color: #929292;
  text-align: left;
}
.ios-guide--content .guide-step-text-group2--footer .guide-img-text {
  height: auto;
  line-height: 1.2;
  color: inherit;
}
.ios-guide--content .guide-step-text-group2--header {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  width: 78%;
  margin: 0 auto;
  font-size: .27692rem;
}
.ios-guide--content .guide-step-text-group2--header .guide-img-text {
  display: grid;
  place-content: center;
  line-height: 1.2;
  color: #16aaff;
}
.ios-guide--content .guide-step-text-group2--header .guide-img-text:first-of-type {
  justify-self: self-start;
}
.ios-guide--content .guide-step-text-group2--header .guide-img-text:nth-of-type(3) {
  justify-self: self-end;
}
.ios-guide--content .guide-step-text-group2--header .guide-img-text--title {
  justify-self: center;
  font-size: .27692rem;
  font-weight: 500;
  color: #000;
}
.ios-guide--content .guide-step-text-group2--content {
  display: flex;
  flex-direction: row;
  margin-top: .3rem;
  margin-left: .57rem;
}
.ios-guide--content .guide-step-text-group2--content .guide-img-text {
  display: flex;
  align-items: center;
  max-width: 4.2rem;
}
.ios-guide--content .guide-img-text {
  height: .68rem;
  line-height: .72rem;
  color: #1f1f1f;
}
.ios-guide--content .guide-img-text--title {
  flex: 1 1 0%;
  max-width: 4.2rem;
  height: auto;
  font-weight: 500;
  line-height: normal;
}
.ios-guide--content .guide-img-text--url {
  flex: 1 1 0%;
  height: auto;
  font-size: .18rem;
  line-height: normal;
  color: #a6a6a6;
}
.ios-guide--content .guide-img-text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ios-guide--content .guide-img-text--app-icon {
  width: 1.155rem;
  height: 1.155rem;
  aspect-ratio: 1;
  margin-right: .3rem;
  border-radius: .2rem;
}
.ios-guide--content .guide-step-text-group2--text-group {
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  height: 1.17rem;
}
.ios-guide--content .ios-guide--close {
  position: absolute;
  top: .4rem;
  right: .3rem;
  width: .3rem;
  height: .3rem;
}
.ios-guide--content .ios-guide--close:after {
  position: absolute;
  inset: -.1rem;
  content: "";
}
.ios-guide--content .down-pointer {
  position: fixed;
  bottom: 0;
  left: 50%;
  width: .8rem;
  height: auto;
  transform: rotate(180deg) translateX(50%);
  animation: downSwing .9s ease-in-out infinite;
}
@keyframes downSwing {
  0% {
    bottom: 0;
  }
  50% {
    bottom: .3rem;
  }
  to {
    bottom: 0;
  }
}
.ios-guide--content .guide-popup-content {
  max-height: calc(var(--vh, 1vh) * 85);
  max-height: 85dvh;
  overflow: hidden auto;
}
.bottom-modal.a2hs .bottom-btn-tips {
  position: absolute;
  top: -.26rem;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: .04rem .2rem;
  font-size: .16rem;
  font-weight: 400;
  line-height: 1.4;
  color: #fff;
  background: #ea4e3d;
  border-radius: .125rem .125rem .125rem 0;
}
.bottom-modal.a2hs .continue-use {
  margin-bottom: .25rem;
  font-size: .32rem;
  font-weight: 600;
  text-align: center;
  text-decoration: underline;
}
.bottom-modal.a2hs {
  background: unset;
}
.bottom-modal.a2hs .bottom-modal--content-main {
  grid-template-columns: 1.2rem 1fr;
}
.bottom-modal.a2hs .bottom-modal--content-main.one {
  grid-template-columns: 1fr;
}
.bottom-modal.a2hs.dark .bottom-modal--content {
  background: unset;
  background-color: rgba(0, 0, 0, .8);
  box-shadow: 0 -.04rem .1rem 0 hsla(0, 0%, 100%, .25);
  -webkit-backdrop-filter: blur(.05rem);
  backdrop-filter: blur(.05rem);
}
.bottom-modal.a2hs.dark .continue-use {
  color: #fff60a;
}
.bottom-modal.a2hs.dark .bottom-btn--primary {
  background-color: #16b9ff;
  border: .02rem solid #16b9ff;
}
.bottom-modal.a2hs.dark .bottom-btn--secondary {
  color: #16b9ff;
  border: .02rem solid #16b9ff;
}
.bottom-modal.a2hs.dark .bottom-modal--desc {
  color: #999;
}
.bottom-modal.a2hs.light .bottom-modal--content {
  background: unset;
  background: hsla(0, 0%, 100%, .8);
  box-shadow: 0 -.04rem .1rem 0 rgba(0, 0, 0, .25);
  -webkit-backdrop-filter: blur(.05rem);
  backdrop-filter: blur(.05rem);
}
.bottom-modal.a2hs.light .continue-use {
  color: #16b9ff;
}
.bottom-modal.a2hs.light .bottom-modal--desc {
  color: #323232;
}
.bottom-modal.a2hs.light .bottom-modal--content-main {
  border-bottom: .02rem solid #cbcbcb;
}
.bottom-modal.a2hs .a2hs-close--wrap {
  position: absolute;
  top: .3rem;
  right: .2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: .5rem;
  height: .5rem;
  background-color: #868686;
  border-radius: 50%;
}
.bottom-modal.a2hs .a2hs-close {
  width: 50%;
  height: 50%;
  fill: #fff;
}
.bottom-modal.a2hs .bottom-modal--content {
  padding: .14rem .3rem .32rem;
  border-radius: .15rem .15rem 0 0;
}
.bottom-modal.a2hs .bottom-modal--desc {
  width: 94%;
  font-size: .3rem;
  font-weight: 700;
  line-height: 1.4;
}
.bottom-modal.a2hs .bottom-modal--icon {
  width: 1.2rem;
  height: 1.2rem;
  object-fit: contain;
}
.bottom-modal.a2hs .bottom-modal--content-main {
  align-items: center;
  padding: .09rem .14rem;
  border-bottom: .02rem solid #999;
}
.bottom-modal.a2hs .bottom-btn {
  position: relative;
  width: 2.96rem;
  height: .7rem;
  padding: 0;
  font-size: .24rem;
  line-height: 0;
  border: .02rem solid #1678ff;
  border-radius: .14rem;
}
.bottom-modal.a2hs .bottom-btn + .bottom-btn {
  margin-left: .15rem;
}
.bottom-modal.a2hs .bottom-btn--primary {
  color: #fff;
  background-color: #1678ff;
}
.bottom-modal.a2hs .bottom-btn--primary:after {
  position: absolute;
  inset: -.1rem -.05rem -.3rem -.4rem;
  content: "";
}
.bottom-modal.a2hs .bottom-btn--secondary {
  color: #1678ff;
  background: hsla(0, 0%, 100%, 0);
  box-shadow: 0 .04rem 0 0 rgba(0, 0, 0, .02);
}
.bottom-modal.a2hs .bottom-btn--secondary:after {
  position: absolute;
  inset: -.1rem -.4rem -.3rem -.05rem;
  content: "";
}
.bottom-modal.a2hs .bottom-btn-group {
  display: flex;
  justify-content: center;
}
.bottom-modal.a2hs .bottom-btn-icon {
  width: .4rem;
  height: .4rem;
  margin-right: .12rem;
}
.form-banner {
  position: relative;
  z-index: 2;
  width: 100%;
}
.form-banner img {
  display: block;
  width: 100%;
  height: auto;
  transition: opacity .3s ease;
}
.download-image-modal1,
.download-image-modal2 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.download-image-modal1 .am-modal-content,
.download-image-modal2 .am-modal-content {
  width: auto;
  max-width: 6.8rem;
  height: auto;
  background-color: var(--download-image-banner1-bg);
}
.download-image-modal1 .am-modal-body,
.download-image-modal2 .am-modal-body {
  padding: .65rem .35rem .35rem;
}
.download-image-modal1 .download-image-desc,
.download-image-modal2 .download-image-desc {
  margin-bottom: .3rem;
  font-weight: 700;
  text-align: left;
}
.download-image-modal1 .icon__close-button-wrap,
.download-image-modal2 .icon__close-button-wrap {
  position: absolute;
  top: .3rem;
  right: .3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: .5rem;
  height: .5rem;
  background: var(--s-download-image-modal-close-bg-color,#868686);
  border-radius: 50%;
}
.download-image-modal1 .icon__close-button,
.download-image-modal2 .icon__close-button {
  width: 50%;
  height: 50%;
  fill: var(--s-download-image-modal-close-color,#fff);
}
.download-image-modal1 .save-btn,
.download-image-modal2 .save-btn {
  all: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: .14rem 0;
  margin: 0 auto;
  font-size: .28rem;
  font-weight: 700;
  line-height: 1.2;
  color: var(--s-download-image-modal-btn-font-color,#fff);
  background:
    linear-gradient(
      180deg,
      var(--s-download-image-modal-btn-bg-color1,#278e47),
      var(--s-download-image-modal-btn-bg-color2,#64d23e));
  border-radius: .02rem;
}
.download-image-modal1 .save-btn + .save-btn,
.download-image-modal2 .save-btn + .save-btn {
  margin-top: .1rem;
}
.download-image-modal1 .am-modal-body {
  position: relative;
  padding: 0 0 .4rem;
  line-height: 0;
  background-color: var(--download-image-banner1-bg);
}
.download-image-modal1 .am-modal-body:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1.2rem;
  content: "";
  background-position: bottom;
  background-size: 200%;
  filter: blur(7px);
}
.download-image-modal1 .download-image {
  width: 100%;
}
.download-image-modal1 .save-btn {
  position: relative;
  z-index: 1;
  width: 85%;
}
.mini-game-container {
  position: fixed;
  bottom: 1.5rem;
  left: 4%;
  width: auto;
  height: auto;
}
.flag-icon {
  width: .4rem;
  height: auto;
  object-fit: cover;
}
.error-restrict {
  position: fixed;
  width: 100%;
  height: 100%;
  padding: .3rem;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.error-restrict--ip {
  background: url(/m/ip.5664e0fc.jpg) no-repeat 50% fixed;
  background-size: cover;
}
.error-restrict--service {
  background: url(/m/service.4a82f900.jpg) no-repeat 50% fixed;
  background-size: cover;
}
.error-restrict .error-logo {
  width: 2rem;
  height: auto;
}
.error-restrict .ip-address {
  margin-bottom: .12rem;
  font-size: .3rem;
  font-weight: 700;
  text-align: center;
}
.error-restrict .ip-address .ip {
  margin-left: .16rem;
  font-family:
    SF Pro Display,
    SF Pro Icons,
    AOS Icons,
    Helvetica Neue For Number,
    Roboto Mono,
    PingFang SC,
    Arial,
    sans-serif;
  word-break: break-word;
}
.error-restrict .error-footer {
  flex: 0 1 0%;
  margin: .4rem auto;
}
.error-restrict .contact-us {
  display: flex;
  align-items: center;
  width: auto;
  padding: 0 3em;
  font-size: .3rem;
  color: #fff;
  text-align: center;
  background:
    linear-gradient(
      90deg,
      #fe6e74,
      #f3077f);
  border: none;
  border-radius: .5rem;
}
.error-restrict .error-icon {
  display: inline-block;
  width: .3rem;
  height: .3rem;
  margin-right: .14rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAMAAAANmfvwAAAAb1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8v0wLRAAAAJHRSTlMAEt36xNtGz2Yi1od/b1E1TRrIsJWPXj0J8uG9p4swBet6dSp1S2HyAAABFklEQVQ4y43T2ZKCMBCF4YMgkBBZBNkU0LHf/xlnaEyGxaD/RVeK+gooEqB7XoL2sKo9RwKmmN7nVlokZC3DlGcnBTjHtRPJT3EcstcCyCnDDjkCVyJnn8Q0I5cwGGcp/2Y0rpncZiQCcKQHMEhSvGZynhEBoKAagKKM1xvyAyCgkOeJJxPPEH7+led4UfF6RTZ9Sw5Mss8khbSTG5McsZ0kTKhHZxMP8Heh+4A4eAe81BwmmQC188p39ZYJjBX6raoBuoqmSnA9mdyppkJI3AlTita5AmpBEB42SCD/J1wS0Svlj5VPwNNk9Rt1MNV3PhymdBI5ZolmcRefRYBFme+s79LUsMfE7fcEb7SPT6TEfkJ2sPYL9UVePVejJ3IAAAAASUVORK5CYII=) no-repeat;
  background-size: 100% 100%;
}
.error-restrict__text {
  position: absolute;
  top: 45%;
  left: 50%;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 55%;
  padding: 0 5%;
  line-height: 1.5;
  color: #fff;
  transform: translateX(-50%);
}
.error-restrict__text > * {
  padding: 0 5%;
}
.error-restrict__text h2 {
  margin-bottom: .5em;
  font-size: .48rem;
  line-height: 1.4;
  text-align: center;
}
.error-restrict__text .detail {
  flex: 1 1 0%;
  overflow: auto;
  font-size: 85%;
  -webkit-overflow-scrolling: touch;
}
.error-restrict__text .detail:lang(CN),
.error-restrict__text .detail:lang(EN) {
  font-size: 90%;
}
.error-restrict__text .detail:lang(EN) {
  margin-top: 2em;
}
.error-restrict__text .detail:lang(VI) {
  white-space: break-spaces;
}
.error-restrict__text .detail p {
  text-align: center;
}
.error-restrict__text p {
  margin-bottom: 1em;
}
.error-restrict__text p:last-of-type {
  margin-bottom: 0;
}
.error-restrict .maintenance-end-time {
  margin-bottom: .12rem;
  font-size: 85%;
  font-weight: 700;
  text-align: center;
}
.common-vendor-icon-wrap {
  width: 100%;
  height: 100%;
}
.common-vendor-icon-wrap .common-vendor-icon {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.country-code-input {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 1.3rem;
  padding-left: .1rem;
  color: inherit;
}
.country-code-input span.country-code {
  font-size: .25rem;
  font-weight: 400;
}
.country-code-input img {
  position: relative;
  display: inline-block;
  width: .4rem;
  height: .4rem;
}
.country-code-input i {
  position: relative;
  top: .07rem;
  width: 0;
  height: 0;
  border: .08rem solid transparent;
  border-top: .08rem solid red;
}
.s-country-list-container {
  max-height: 6rem;
  overflow-y: scroll;
}
.s-country-list-container .am-list-item .am-list-line .am-list-content {
  display: flex;
  align-items: center;
  font-size: .28rem;
  font-weight: 700;
}
.s-country-list-container .header-wrap {
  position: relative;
  display: flex;
  align-items: center;
}
.s-country-list-container .header-wrap .close-btn {
  position: absolute;
  top: 50%;
  right: 0;
  line-height: 0;
  transform: translateY(-50%);
}
.s-country-list-container .am-list-header {
  height: .8rem;
}
.s-country-list-container .am-list-body {
  height: 4.6rem;
  overflow-y: scroll;
}
.s-country-list-container img {
  position: relative;
  display: inline-block;
  width: .5rem;
  height: .5rem;
  margin-right: .2rem;
}
.footer__chat-icon {
  position: relative;
  max-width: .6rem;
}
.footer__chat .unread-count {
  position: absolute;
  top: -.24rem;
  right: -.4rem;
  min-width: 2em;
  padding: 0 .5em;
  font-family:
    SF Pro Display,
    SF Pro Icons,
    AOS Icons,
    Helvetica Neue For Number,
    Roboto Mono,
    PingFang SC,
    Arial,
    sans-serif;
  font-size: .2rem;
  color: #fff;
  background-color: #fa5151;
  border-radius: 1em;
}
.footer__chat img.chat-icon-img {
  width: 100%;
  height: auto;
}
.footer-home-screen {
  position: fixed;
  bottom: .36rem !important;
  left: 0;
  z-index: 99999;
  width: 100%;
  padding: 0;
  text-align: center;
  background-color: transparent;
  transition: all .5s;
}
.footer-home-screen.footer-home-screen-hide {
  bottom: -4rem !important;
}
.footer-home-screen.footer-home-screen-hide .model-mask {
  display: none;
}
.footer-home-screen .model-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .3);
}
.footer-home-screen .icon {
  width: .44rem;
  height: .44rem;
  fill: #fff;
}
.footer-home-screen .icon__share {
  width: .6rem;
  height: .6rem;
  margin: 0;
  transform: translateY(10%);
}
.footer-home-screen .icon__close-button {
  position: absolute;
  top: .45em;
  right: .45em;
  width: .875em;
  height: .875em;
}
.footer-home-screen svg {
  position: relative;
  top: .1rem;
  margin-right: .05rem;
}
.footer-home-screen .add-home-screen {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 5.9rem;
  padding: .875em;
  margin: 0 auto;
  background-color: hsla(0, 0%, 44%, .8);
  border-radius: .3em;
}
.footer-home-screen .add-home-screen:after {
  position: absolute;
  bottom: -.36rem;
  left: calc(50% - .18rem);
  width: 0;
  height: 0;
  content: "";
  border-color: hsla(0, 0%, 44%, .8) transparent transparent;
  border-style: solid;
  border-width: .36rem .18rem 0;
}
.footer-home-screen .app-icon {
  flex: 0 0 1.28rem;
  width: 1.28rem;
  height: 1.28rem;
  vertical-align: middle;
  border-radius: .8em;
}
.footer-home-screen .home-screen-tips {
  display: flex;
  padding-left: 1em;
  font-size: .24rem;
  line-height: 1.5;
  color: #fff;
  text-align: left;
}
.footer-home-screen .home-screen-tips .label {
  display: inline-block;
  line-height: normal;
  transform: translateY(8%);
}
.footer-home-screen .add-app-icon {
  display: inline-block;
  width: .1rem;
  height: .1rem;
}
.footer-home-screen .home-screen-tips-second {
  display: flex;
}
.footer-home-screen .home-screen-tips-first .title {
  display: block;
  padding-bottom: .2rem;
  font-size: .36rem;
  font-weight: 700;
  color: #fff;
  text-align: left;
}
.footer-home-screen .home-screen-tips-first .content {
  display: block;
  padding-bottom: 1em;
  font-size: .24rem;
  line-height: 1.5;
  color: #fff;
  text-align: left;
}
.footer-home-screen .home-screen-tips-first h4,
.footer-home-screen span {
  line-height: 1;
}
.footer-home-screen .btn-primary {
  height: auto;
  padding: .14rem;
  margin: 0 auto;
  font-size: .3rem;
}
.footer-home-screen .home-screen-tips-profile {
  width: 100%;
}
.activity-goto-btn {
  display: grid !important;
  place-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-height: .6rem;
  padding: 0 .2rem;
  margin: 0 auto;
  color: var(--goto-color);
  background-color: var(--goto-bg-color);
  background-image: var(--goto-bg-img);
  border-radius: .3rem;
}
.app-win {
  position: fixed;
  z-index: 1;
  width: 100%;
  padding: .2rem 0;
  text-align: left;
  background-color: rgba(0, 0, 0, .5);
}
.app-win-hide {
  display: none;
}
.app-win.center {
  text-align: center;
}
.app-win.center a {
  width: 50%;
}
.app-win.close {
  display: none;
}
.app-win a {
  display: inline-block;
  width: 36%;
  height: .69rem;
  margin-right: .1rem;
  margin-left: .36rem;
  font-size: .28rem;
  line-height: .65rem;
  color: #fff;
  text-align: center;
  border: 1px solid #fff;
  border-radius: .1rem;
}
.app-win a svg {
  position: relative;
  top: .1rem;
  margin-right: .05rem;
}
.app-win .app-close {
  position: relative;
  top: .15rem;
  right: .4rem;
  float: right;
  width: .4rem;
  height: .4rem;
  font-size: .32rem;
  border: .02rem solid #fff;
  border-radius: 50%;
}
.app-win .app-close b {
  position: absolute;
  top: .08rem;
  left: .17rem;
  width: .02rem;
  height: .2rem;
  background: #fff;
}
.app-win .app-close .clear-left {
  transform: rotate(45deg);
}
.app-win .app-close .clear-right {
  transform: rotate(-45deg);
}
.app-win .icon {
  width: .44rem;
  height: .44rem;
  fill: #fff;
}
.app-win .icon__share {
  width: .6rem;
  height: .6rem;
  margin-bottom: -.45em;
}
.app-win .icon__close-button {
  position: absolute;
  top: .45em;
  right: .45em;
  width: .875em;
  height: .875em;
}
.app-win .center {
  text-align: center;
}
.popup_container_v2 {
  --popup-height-pct:58.02;
  --popup-main-color:#fff;
  --popup-main-active-color:#f6cf50;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100011;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .7);
}
.popup_container_v2 img {
  display: block;
}
.popup_container_v2.show-popup .popup_body {
  animation-name: zoomIn;
  animation-duration: var(--animate-duration);
  animation-fill-mode: both;
}
.popup_container_v2.hide-popup {
  animation-name: fadeOut;
  animation-duration: var(--animate-duration);
  animation-fill-mode: both;
}
.popup_container_v2.hide-popup .popup_body {
  animation-name: zoomOut;
  animation-duration: var(--animate-duration);
  animation-fill-mode: both;
}
.popup_container_v2 .popup_main_header {
  border-radius: .1rem .1rem 0 0;
}
.popup_container_v2 .popup_main_header + .popup_content {
  border-radius: 0 0 .1rem .1rem;
}
.popup_container_v2 .swiper-wrapper {
  flex: 1 1 0%;
  height: unset;
  transition: height .1s ease;
}
.popup_container_v2 .popup_body {
  position: relative;
  width: 74.93%;
  padding: .1rem;
  border-radius: .05rem;
}
.popup_container_v2 .popup_body.hide_btn {
  max-height: calc(var(--popup-height-pct, 58.02) * 1vh);
  max-height: calc(var(--vh, 1vh) * var(--popup-height-pct, 58.02));
  max-height: calc(1dvh * var(--popup-height-pct, 58.02));
}
.popup_container_v2 .popup_body.hide_btn .popup_content {
  height: 100%;
}
.popup_container_v2 .popup_body.hide_btn .active-btn,
.popup_container_v2 .popup_body.hide_btn .disable-btn {
  top: 50%;
}
.popup_container_v2 .popup_body .active-btn,
.popup_container_v2 .popup_body .disable-btn {
  position: absolute;
  top: 45%;
  z-index: 1;
  width: .56rem;
  height: .56rem;
  border-radius: 50%;
  transform: translateY(-50%);
}
.popup_container_v2 .popup_body .active-btn i,
.popup_container_v2 .popup_body .disable-btn i {
  display: block;
  width: 100%;
  height: 100%;
}
.popup_container_v2 .popup_body .nav-left {
  left: -.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.popup_container_v2 .popup_body .nav-right {
  right: -.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.popup_container_v2 .popup_body .disable-btn {
  background-color: #757575;
  box-shadow: 0 .04rem .05rem 0 hsla(0, 0%, 55%, .37);
}
.popup_container_v2 .popup_body .active-btn {
  background-image:
    linear-gradient(
      180deg,
      #0cd2af,
      #07b8c5);
}
.popup_container_v2 .popup_content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-height: calc(var(--popup-height-pct, 58.02) * 1vh);
  max-height: calc(var(--vh, 1vh) * var(--popup-height-pct, 58.02));
  max-height: calc(1dvh * var(--popup-height-pct, 58.02));
  padding: .3rem;
  overflow: hidden;
  background-color: #fff;
  border-radius: .1rem;
}
.popup_container_v2 .header {
  position: relative;
  height: auto !important;
}
.popup_container_v2 .close-btn {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10002;
  width: 1rem;
  height: 1rem;
  overflow: hidden;
  color: #fff;
  background-color: rgba(0, 0, 0, .6);
  border-radius: 0 0 0 1rem;
}
.popup_container_v2 .close-btn svg {
  position: absolute;
  top: 20%;
  right: 20%;
  width: 40%;
  height: 40%;
  fill: currentcolor;
}
.popup_container_v2 .close-btn-outside {
  position: absolute;
  top: -.6rem;
  right: 0;
  z-index: 10002;
  display: flex;
  align-items: center;
  justify-content: center;
  width: .5rem;
  height: .5rem;
  overflow: hidden;
  color: #fff;
  border-radius: 50%;
}
.popup_container_v2 .close-btn-outside svg {
  width: 50%;
  height: 50%;
  fill: currentcolor;
}
.popup_container_v2 .popup_title {
  width: 88%;
  max-height: 3rem;
  margin-bottom: .3rem;
  font-size: .32rem;
  font-weight: 800;
  line-height: 1.3;
  color: #007afe;
  text-align: center;
  word-break: break-word;
}
.popup_container_v2 .text {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 0%;
  overflow: hidden;
  font-size: .26rem;
  line-height: normal;
  color: #8a8a8a;
  border-radius: .1rem;
}
.popup_container_v2 .text img {
  width: 100%;
}
.popup_container_v2 .popup_pagination_footer {
  display: flex;
  gap: .2rem;
  justify-content: space-around;
  width: 100%;
  margin-top: .4rem;
}
.popup_container_v2 .popup_pagination_footer.hide {
  display: none;
}
.popup_container_v2 .popup_pagination_footer .action {
  display: flex;
  flex: 1 0 0%;
  align-items: center;
  justify-content: center;
  min-height: .7rem;
  font-size: .3rem;
  color: #fff;
  background:
    linear-gradient(
      180deg,
      #00e1fa,
      #4aa5fb);
  border-radius: .7rem;
}
.popup_container_v2 .popup_pagination_footer .action.disable {
  color: #9d9d9d;
  background: #eaeaea;
}
.popup_container_v2 .popup_pagination_footer .action .icon-right {
  position: absolute;
  right: .3rem;
  height: .25rem;
}
.popup_container_v2 .popup_pagination_footer .action .icon-left {
  position: absolute;
  left: .3rem;
  height: .25rem;
}
.popup_container_v2 .popup_pagination_footer .action.active-btn {
  position: relative;
  top: unset;
  margin-top: .4rem;
}
.popup_container_v2 .swiper-container-autoheight.text {
  overflow-y: auto;
}
.popup_container_v2 .swiper-container-autoheight,
.popup_container_v2 .swiper-container-autoheight .swiper-slide,
.popup_container_v2 .swiper-container-autoheight .swiper-wrapper {
  height: 0;
}
.popup_container_v2 .swiper-container-autoheight.swiper-slide-active,
.popup_container_v2 .swiper-container-autoheight .swiper-slide.swiper-slide-active {
  height: auto;
}
.popup_container_v2 .swiper-slide {
  overflow: hidden auto;
  -webkit-overflow-scrolling: touch;
}
.popup_container_v2 .popup_logo img {
  height: .94rem;
}
.popup_container_v2 .arrow-icon {
  width: 70%;
  height: 70%;
  fill: #fff;
}
.popup_container_v2 .today-bar {
  margin-top: .1rem;
  margin-bottom: -.15rem;
}
.popup_container_v2 .today-bar .am-list-thumb {
  margin-right: .08rem;
}
.popup_container_v2 .today-bar .am-checkbox {
  transform: scale(.8);
}
.popup_container_v2 .today-bar .am-list-item,
.popup_container_v2 .today-bar .am-list-line {
  min-height: unset;
}
.popup_container_v2 .today-bar .am-list-content {
  padding: 0;
  font-size: .26rem;
}
.popup_container_v2 .today-bar .am-list-item {
  padding-left: 0;
}
.popup_container_v2 .popup_content .wysiwyg {
  padding-bottom: unset;
}
.popup_container_v2 .popup-page-num-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  gap: .1rem;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  padding: .3rem;
}
.popup_container_v2 .popup-page-num-action-next,
.popup_container_v2 .popup-page-num-action-prev {
  display: flex;
  align-items: center;
  justify-content: center;
  width: .16rem;
  height: .28rem;
  color: var(--popup-main-color);
  background: transparent;
  border: none;
}
.popup_container_v2 .popup-page-num-action-next:disabled,
.popup_container_v2 .popup-page-num-action-prev:disabled {
  color: hsla(0, 0%, 100%, .3);
}
.popup_container_v2 .popup-page-num-action-next {
  transform: rotate(180deg);
}
.popup_container_v2 .popup-page-num-list,
.popup_container_v2 .popup-page-num-list .popup-dot {
  display: flex;
  align-items: center;
  justify-content: center;
}
.popup_container_v2 .popup-page-num-list .popup-dot {
  min-width: .3rem;
  height: .3rem;
  margin: 0 .06rem;
  font-size: .24rem;
  color: var(--popup-main-color);
}
.popup_container_v2 .popup-page-num-list .popup-dot.on {
  color: var(--popup-main-active-color);
}
.popup-swiper-pagination {
  width: 100%;
}
.popup-swiper-pagination .swiper-pagination-bullet {
  position: relative;
  margin: 0 .08rem;
}
.popup-swiper-pagination .swiper-pagination-bullet:after {
  position: absolute;
  inset: -.1rem;
  content: "";
}
.download-bar-model {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10001;
  width: 100%;
  height: 100%;
}
.download-bar-model.hide-model {
  display: none;
}
.download-bar-model .bar-header {
  display: flex;
  flex-wrap: wrap;
  padding-top: .2rem;
  background-color: #e4f3ff;
  border-top-left-radius: .14rem;
  border-top-right-radius: .14rem;
}
.download-bar-model .bar-header__break {
  flex-basis: 100%;
  height: 0;
}
.download-bar-model .bar-header__footer {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.download-bar-model .bar-header__btn {
  padding: .14rem .28rem;
  margin-bottom: .24rem;
  font-size: .3rem;
  color: #fff;
  background:
    linear-gradient(
      -90deg,
      #428ff2,
      #37e4f4);
  border-radius: .43rem;
}
.download-bar-model .bar-header__icon {
  display: flex;
  align-items: center;
}
.download-bar-model .bar-header__icon i {
  display: block;
  width: 1.83rem;
  height: 1.5rem;
  margin-right: .12rem;
  margin-bottom: .2rem;
  margin-left: .06rem;
  background: url(/m/header-bg.e4809ddf.png) no-repeat;
  background-size: 100% 100%;
}
.download-bar-model .bar-header__content {
  flex: 1 0 0%;
}
.download-bar-model .bar-header__title {
  margin-bottom: .08rem;
  font-size: .28rem;
  color: #008aff;
}
.download-bar-model .bar-header__list {
  padding-bottom: .18rem;
  margin-right: .2rem;
  font-size: .26rem;
  line-height: 1.4;
  color: #666;
}
.download-bar-model .bar-body {
  padding: 0 .35rem .6rem;
}
.download-bar-model .bar-model-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .6);
}
.download-bar-model .bar-model-close {
  position: absolute;
  bottom: -1.2rem;
  left: 50%;
  width: .76rem;
  height: .76rem;
  margin-left: -.38rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABMCAMAAADwSaEZAAAAWlBMVEUAAACSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpL///+5ubm2trb29vbU1NTR0dGyfb2lAAAAF3RSTlMA6Tj0z7cgCkExmuDXrpCFflQRncFvZ4QL+n8AAAHaSURBVFjDtdjbboMwEATQtbEx4ZYLTQZI+/+/2apFQk0cdohhXhFHOCZ4d2Uxwd5a7yoDmMr59lYEeTP29IGnfJzseik/1XiR+pSvog4NFtMceMpDjee4Swsq7UW3zgZkzFmhQocV6cLiHjqsilvYV2uwMsa+sooMq5MVmpWu2YhFaZGV5gZvxjztQnB4Oy48YCUS0j2890jK+d//0aRh5qIvkk85WwckZ/4i+XTMyxQLbPdozRZYM737iGS830fEM8Qv5b/YEZHc+74f4tbPlTuec/zFqjg2aRErjlWvf/6xn7SY1Y+IxM6rjN81UNa8TgdFIy04kQAoGmkBQQpoGmuhkCtUjbRwlRK6xlkoxYPQKAteajAaY6EWA0b7JCwYycBojIVMAFYboYXA8LfGL+iYoZ9sgLrMirBIzYijrC9Gq8Uz1oiB0LyUlAVGK+VKWZR2lYKxOK2QQFikFkScapGaE5GjZunafKBYxaI1Ox3CikWdKdVCeTDdE9EWy4P8FTauqjXyqaRSqiDqUrNpsbdlGbppgbxl6b5pU7FXuyPSpVjdTi1ievO6T1ud3vDvPYpIH5Kkj292Hyylj7z2H8bxY0I2Vhtg2t1Hq+lDXz6huLW+Nhk5jv4G/MaWkBvRG94AAAAASUVORK5CYII=) no-repeat;
  background-size: 100% 100%;
}
.download-bar-model .bar-model-content {
  position: relative;
  top: 50%;
  margin: 0 .5rem;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: .14rem;
  transform: translateY(-60%);
}
.download-bar-model .bar-model-content .item-link {
  display: block;
  height: .86rem;
  margin-top: .6rem;
  font-size: .3rem;
  line-height: .86rem;
  color: #fff;
  text-align: center;
  background:
    linear-gradient(
      -90deg,
      #fe766c,
      #ec1468);
  border-radius: .43rem;
}
.download-bar-model .bar-model-content .item-link.iphone-link1 {
  background:
    linear-gradient(
      -90deg,
      #7f55f3,
      #d89afd);
}
.download-bar-model .bar-model-content .item-link.iphone-link2 {
  background:
    linear-gradient(
      -90deg,
      #3887fe,
      #2bd5f0);
}
.download-bar-model .bar-model-content .item-link.main-home {
  background:
    linear-gradient(
      -90deg,
      #64c213,
      #a8eb25);
}
.download-bar-model .bar-model-content .item-link img {
  display: inline-block;
  width: .55rem;
  height: .55rem;
  margin-top: -.06rem;
  margin-right: .5em;
  vertical-align: middle;
}
.popup_container {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100011;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
}
.popup_container.show-popup .popup_body {
  animation-name: zoomIn;
  animation-duration: var(--animate-duration);
  animation-fill-mode: both;
}
.popup_container.hide-popup {
  animation-name: fadeOut;
  animation-duration: var(--animate-duration);
  animation-fill-mode: both;
}
.popup_container.hide-popup .popup_body {
  animation-name: zoomOut;
  animation-duration: var(--animate-duration);
  animation-fill-mode: both;
}
.popup_container .popup_body {
  width: 80%;
  height: auto;
  padding: .1rem;
  background-color: #999;
  border-radius: .05rem;
}
.popup_container ._popup_content {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.popup_container .title {
  max-width: 100% !important;
  height: .8rem;
  font-size: .36rem;
  font-weight: 600;
  line-height: .8rem;
  text-align: center;
}
.popup_container .close-btn {
  position: absolute;
  top: 0;
  right: 1em;
  bottom: 0;
  width: .3rem;
  height: .3rem;
  margin: auto;
}
.popup_container .close-btn svg {
  width: 100%;
  height: 100%;
  fill: currentcolor;
}
.popup_container .text {
  box-sizing: border-box;
  max-height: 60vh;
  padding: .2rem;
  overflow: auto;
}
.popup_container .text .list {
  padding: 0 1px;
  margin-bottom: .2rem;
  border-bottom: .02rem solid #ccc;
}
.popup_container .text img {
  width: 100%;
}
.popup_container .text .line {
  height: .1rem;
}
.popup_container .footer {
  position: absolute;
  right: .08rem;
  bottom: .1rem;
}
.popup_container .footer .am-list-item .am-list-thumb:first-child {
  margin-right: .1rem;
}
.popup_container .footer .am-checkbox-wrapper {
  display: flex;
}
.popup_container .footer .am-checkbox,
.popup_container .footer .am-checkbox-inner {
  width: .35rem;
  height: .35rem;
}
.popup_container .footer .am-list-item,
.popup_container .footer .am-list-line {
  min-height: auto;
}
.popup_container .footer .am-list-line {
  padding-right: .5em;
}
.popup_container .footer .am-list-item.am-list-item-active {
  background-color: transparent;
}
.popup_container .footer .am-list-content {
  padding: 0;
  font-size: .24rem;
}
.popup_container .footer .am-checkbox-inner:after {
  right: .08rem;
  z-index: 999;
  width: .1rem;
  height: .16rem;
}
.popup_container .wysiwyg {
  padding-bottom: .08rem !important;
}
.popup_container .list {
  padding: 0 1px;
}
#root .popup_container .header {
  position: relative;
  height: auto !important;
}
@media (orientation:portrait) {
  .trial-game-wrap .hide-btn.landscape {
    display: none;
  }
}
@media (orientation:landscape) {
  #root.trial-game-wrap .mc-navbar-blue,
  #root.trial-game-wrap .mc-navbar-blue .return-icon {
    height: .5rem !important;
  }
  .trial-game-wrap .hide-btn {
    display: none;
  }
  .trial-game-wrap .records {
    font-size: .14rem !important;
  }
  .trial-game-wrap #mc-header.anim-show .am-icon-lg {
    width: .34rem !important;
    height: .34rem !important;
  }
  .trial-game-wrap .hide-btn.landscape {
    position: absolute;
    top: 0 !important;
    left: 50%;
    z-index: 10;
    display: block;
    width: 3.5em;
    height: .8em;
    font-size: .24rem;
    background-color: hsla(0, 0%, 44%, .9);
    border-bottom-right-radius: .2em;
    border-bottom-left-radius: .2em;
    transform: translate3d(-50%, 0, 0);
  }
  .trial-game-wrap .hide-btn.landscape svg {
    display: block;
    margin: 0 auto;
    color: #fff;
  }
}
.popup-game-common .am-popup {
  bottom: 0;
}
.am-fade-leave + .popup-game-common,
.am-popup-mask-hidden + .popup-game-common {
  display: none;
}
#root.trial-game-wrap .mc-navbar-blue.hide-no-anim {
  height: 0 !important;
}
.trial-game-wrap {
  z-index: 5;
  overflow: hidden;
}
.trial-game-wrap .shell-header {
  display: contents;
}
.trial-game-wrap .hide-no-anim .am-navbar-left,
.trial-game-wrap .hide-no-anim .am-navbar-right {
  visibility: hidden;
}
.trial-game-wrap .records {
  display: flex;
  align-items: center;
  height: 100% !important;
}
.trial-game-wrap .anim-hide .return-icon {
  display: none !important;
  font-size: 0;
}
.trial-game-wrap .anim-hide .records {
  display: none !important;
}
.trial-game-wrap .anim-show .return-icon {
  display: flex;
  font-size: .36rem;
}
.trial-game-wrap .anim-show .hide-btn {
  display: none !important;
}
.trial-game-wrap .anim-show .records {
  font-size: inherit;
}
.trial-game-wrap .anim-show .records svg {
  width: .3rem;
  height: .3rem;
}
.trial-game-wrap .hide-btn {
  position: absolute;
  top: 0;
  width: 1.2rem;
  height: .3rem;
  text-align: center;
  background-color: hsla(0, 0%, 44%, .9);
  border-bottom-right-radius: .2em;
  border-bottom-left-radius: .2em;
}
.trial-game-wrap .hide-btn svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: .3rem;
  height: .3rem;
  transform: translate(-50%, -50%);
}
.trial-game-wrap .iframe-container {
  display: flex;
  width: 100vw;
  height: 100%;
  height: calc(var(--vh, 1vh) * 100);
  height: 100dvh;
}
@supports (-webkit-touch-callout:none) {
  .trial-game-wrap .iframe-container {
    height: -webkit-fill-available;
    height: stretch;
  }
}
.trial-game-wrap .iframe-container iframe#third-game {
  flex-grow: 1;
  width: 100%;
  background: hsla(0, 0%, 44%, .9);
  -webkit-overflow-scrolling: touch;
}
.trial-game-wrap #mc-header {
  height: 1rem;
}
.trial-game-wrap #mc-header.hide-no-anim {
  height: 0 !important;
}
.trial-game-wrap #mc-header.hide-no-anim .hide-btn {
  top: 0;
}
.trial-game-wrap #mc-header.hide-no-anim .return-icon {
  display: none !important;
  font-size: 0;
}
.trial-game-wrap #mc-header.hide-no-anim .records {
  font-size: 0;
}
.trial-game-wrap #mc-header.anim-hide {
  height: 0 !important;
  transition: all .25s ease;
}
.trial-game-wrap #mc-header.anim-hide .hide-btn {
  animation: hide-btn-show .25s ease forwards;
}
.trial-game-wrap #mc-header.anim-show {
  height: 1rem;
  font-size: .44rem;
  animation: header-show .25s ease forwards;
}
.trial-game-wrap #mc-header.anim-show .am-icon-lg {
  width: .68rem;
  height: .68rem;
}
.geetest_captcha {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 1rem;
  overflow: hidden;
  font-size: .28rem;
  color: #5e5e5e;
  background-color: #fff;
}
.geetest_captcha.success {
  color: #18a452;
  background-color: #eefff5;
}
.geetest_captcha.success .success_area {
  transform: translate3d(.2rem, 0, 0);
}
.geetest_captcha.success .error_area,
.geetest_captcha.success .waiting_area {
  opacity: 0;
}
.geetest_captcha.waiting .waiting_area {
  cursor: pointer;
  transform: translate3d(.2rem, 0, 0);
}
.geetest_captcha.waiting .error_area,
.geetest_captcha.waiting .success_area {
  opacity: 0;
}
.geetest_captcha.error {
  color: #721c24;
  background-color: #f8d7da;
}
.geetest_captcha.error .error_area {
  transform: translate3d(.2rem, 0, 0);
}
.geetest_captcha.error .success_area,
.geetest_captcha.error .waiting_area {
  opacity: 0;
}
.geetest_captcha .loading {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.geetest_captcha .loading img {
  width: .4rem;
  height: .4rem;
  transform: translate(-50%, -50%);
  animation: geetest_rotation 1s linear infinite;
}
.geetest_captcha .error_area,
.geetest_captcha .success_area,
.geetest_captcha .waiting_area {
  position: absolute;
  left: 0;
  display: flex;
  align-items: center;
  width: 100%;
  line-height: 1.2;
  transform: translate3d(105%, 0, 0);
  transition: all 1s ease;
}
.geetest_captcha .success_area .icon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAA/FBMVEUAAAB+2Z9716OA1quB1quA16uA1qsnwmeB16sow2eG2rKA16sow2cnwmeA16uA1quA1qsnwWmB1aqC1baB16uA16yA1qt/1quA1quA1qt+1ap/1aqA1quB16wnwmeB16yB16onw2iC06wnwmiB16yB1awnw2iC2a4nwmcnwmiA16snwWgmwmeB1ayC2q8mwmeA16x/1amA16uA1akmwWaB1Kl+1KkqxWojvXAnwmcmwWiC16onwmUow2gnwmYnwmcowmmA2Ksmv2Ymw2oow2eL0a4nwmeA16uC2a6E3bGB2K0oxmmH47UnxWgox2qF37MnxGiC264oyWspymv6tjVSAAAARnRSTlMABwRgU/z622syDaMr0cuscS0bEuzhz8awWikl9+jHvndUItTSZ+razaiGWk5D8vHbkY6GSUcuGhDzuGZFIOW8ubVsamYW2URWXQAAAhVJREFUOMuNlWt7mjAYhuUoFQ8UjyhW63RaD11b13Zd153HmwQEdP//v4zAKKDhos+nBG4Id0jelDKp9BW13jLNVl1V+pVSXiZCVyLwP0TqCjoT05UORoCw5wTxaNNRmwxO6OB9gLUby5lhzJaNNkZe788JxmnXmBCpJw6aPO3zzYHYqG9OuModIkge3XOZh09tuFsEeDjmS0XRJNjPxZybL5frx9jDJPjmIYf7WDvY3yJS72A0zHvfWfng79x1KKhgkMd5XM22LP8QgpMpIiMuh3u3syzLXbyEX+iBvGFz5wvK2eUv4RR2EepxbI+yG3D+ohr2+hJgMceDcnbtPOoqBLUH7O+zKXdBORoVcKOZ71Guxhfq4G356NZqzTE84rTAmYWNy69//atPGY9drZoMAeAYYeOza/mUZHjoP+ZqCqRjWQEZe7ivHoaDzNTQHyjpXz2eeswcaFGZJR+R7+l/tb//Lkfz8srxSw/q6elZhaT15B95NBsY1GTCk9FjjziDNiJa9hf+pGTGg0bEIPePFsWvp9gjCddDqFtJL7PYaEc9kmxk8AQ+tXBjI7eW4fgRQdMJYyusLs5K6YxlwArP2lzZVSwOEe7oxdv14QYTUyguAOJ8D5JWWFL48RADuuWKitT9SA4u31WKyl5PIoCvNS6vkG6fDeN5SwspBL4CqzRPj0oznmr624r9hIklx4csM46PfwMZelErvoVgAAAAAElFTkSuQmCC);
}
.geetest_captcha .error_area .icon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAMAAACahl6sAAAAqFBMVEUAAADpmErqmUvqmUvqm0vqmUvqmUvqmUvqmUvqmUvqmEvqmUvpmUvqmUvpmUvqmUvqmUvqmUzqmUvpmUvpmUvqmUvpmUvqmUvomkzpmUvpmUvqmUvpmUvpmUvpmkvqmUrpmkvpmUrpmUvnmEnqmEnpmUrpmUv////65tP55dH317fvsnf43sP88ebsoFf+9/DywZHtq2r0zaXwuYP769zzx5vyw5X10q94Ma8LAAAAJnRSTlMAfzUqFrOpkok/vZ1pX1T75kog7slz288M1MTy3nhZRfSigwgQbmMPd4oAAAT5SURBVHja7d3ndtpAEIbhpYpOMJhmg1v8rQ2iu9z/ncXJDzZhhbBWy2SGo+cOvpP6jjYnKpPJZDKZTCYjWD73paqkK5bxR2+qRKtiL6cEK97AyCu56oAxeFJSdfCPiZKqhn90C0qmBg7UlUjFPg7dKYkqsJSUQPk2bE0lTxkRRj+VNC1EelTSjBHpXtpvwdc44kGJcvUDx3SUJAGOqilBqojRUHKUEOO2qKRoIlZFCTEcIFZbSmLlcEJZiVDo4pSWkqCOk3pKgA6+4VrxV8M3/LhS3DXwLYFizvTtCdyPqBVEEle9+TYiiaveMmKJOTy2cJKMq/YYscQcHq8RS8zh0fRtNDGHxwCRxFVvFZHkVW8JifU5Hh6biCXm8DgcwME9v+rNIZaYw+OxvhVXvXU4GitWOnD2rDipIZaYw2MDkcRVb7GPxFi+7agglpjDY1zfzj/DhdaL19kax3F5AhXTtzO998r+8BjTtyv9tw0Mjs9txvE/HsaK9+HxeN/u9IEt59+Cj/ftcqEPzRkfHgMcM9eWD76Hx5i+fdeWT76Hx5i+DbUlxFGjoXJA0rcv2vLK9fA4HPgbclNQ/08OCYcwPTwWui5DGD63qSPpEJ6Hxw4SD+F5eKz5HtL/P9XbgMMQhs9tin2XIQyf21TgMIRh9ebbLkMYHh7LcBnC7/DYgtMQfs9tem5D2D23uYbbEG6Hx6sfjkO4PbcJ4DiE2XObKtIPYXF4LDkP4fXcpolzDKE/PA4H7kNYPbfJIcUQRs9tCjdphjB6blNHiiGMXjx2kGoInxePNYIhFP/Or4G0Q3g8tyn2CYZQ/Du/CtIP4fDcxvSt1yH0h8cyDOchDF48tmB4HEJ/eOzBIBhiPbeh6Fv3IfSHR9O3XofQHx4DGP6G0B8eqzAIhliHx/P0LdWQnjII+tZ9CP3hcTiChWCIOTyS9K37EPLDo923FEPM4ZGsb92H0FZvBzaqIWgqgr6lGDJ4IuhbiiHIEfQtyZBugaBvKYagTtC3JENwR9C3JENqhH1rm2lLCEcNur61rbVlC0f9ImXfnn4uu4arR9q+Pf2A2dV9nq5vT//c2sLdA1nfnv7lHiKNFl3f2j71X2ZIZUzYt7b5/g+T1Q4pPRP2rW25nr1p/Tb72MCBr8NjDqwEKfqWl7xz3zJTdu1bdqaOfctOz61vGZo49S1DDofHClgKHPqWp2rivmWqlLRv2WpS9K1t8xHqL6vZbgk/RkOCvrWEem+xhh+5c/etbbPSvoLE7d/5BfBiqQ2fS+oEfWtEHh928KJD0bdGqC2rDXyoEfStsdERtvCicf6+NbY6whu86BcJ+3ahoyzhRYWwb3WkObxo5wn6lmIIygR9SzIELYK+JRkyJuvbUEdYwZvr2L69hTc7HWGG1Ez1UvXtQtvW8Ceg6tt3bXlbwqMqVd++nuWXulEi61t94B1+Tc/Xt4b9s+tlA88GT2fqW9s83JfuFv5Nzta3tuXHy5dwh3PoFiL7VqB6VN+KdBfRtyKV7L4Vqmn1rVCjn5y/3ybxyPr7bQL3Bc7fb5N4YP39NokO5++3SdRYf79N4nnft8LdFjl/v02iwvr7bQLtPOfvt0mUlcrjIlQv4VfIb4Ea4CIMVBcXoXs5Q3q4CL1L+cVeUQVchILoODRaF/GX3/07m9YYoo2bptmnk5xQkynX//ouk8lkMplM5nL8AsxtFNwXT425AAAAAElFTkSuQmCC);
}
.geetest_captcha .icon {
  display: block;
  width: .3rem;
  height: .3rem;
  margin-right: .1rem;
  background-repeat: no-repeat;
  background-size: cover;
}
.geetest_captcha .text {
  flex: 0.9 1 0%;
  margin-right: .2rem;
  white-space: normal;
}
.geetest_captcha .retry {
  display: inline-block;
  margin-left: .12rem;
  color: #005aff;
  text-decoration: underline;
  cursor: pointer;
}
.geetest_captcha .geetest_captcha:hover .geetest_sector {
  opacity: 0 !important;
  animation: unset;
}
.geetest_captcha .geetest_captcha:hover .geetest_ring {
  transform: scale(1);
  animation: geetest_wait_compute .8s linear infinite both;
}
.geetest_captcha .geetest_captcha:hover .geetest_dot {
  background: #3873ff;
}
.geetest_captcha .waiting_area .icon {
  position: relative;
  width: .3rem;
  height: .3rem;
}
.geetest_captcha .geetest_ring {
  background-color: #c6d5f8;
  transform: scale(1);
  transition: all .5s ease;
}
.geetest_captcha .geetest_ring,
.geetest_captcha .geetest_sector {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px #3873ff;
}
.geetest_captcha .geetest_sector {
  background-color: #80a6fc;
  background-image:
    linear-gradient(
      115deg,
      transparent 50%,
      #c6d5f8 0),
    linear-gradient(
      65deg,
      #c6d5f8 50%,
      transparent 0);
  opacity: 1;
  transition: all ease;
  animation: geetest_rotation 3s linear infinite;
}
.geetest_captcha .geetest_dot {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #3873ff;
  border-radius: 50%;
  transform: scale(.5);
  transition: all .5s ease;
}
@keyframes geetest_wait_compute {
  60% {
    transform: scale(.75);
  }
}
@keyframes geetest_rotation {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.common-modal-container.dark .common-modal-content {
  background-color: rgba(0, 0, 0, .8);
  box-shadow: 0 -.04rem .1rem 0 hsla(0, 0%, 100%, .25);
  -webkit-backdrop-filter: blur(.05rem);
  backdrop-filter: blur(.05rem);
}
.common-modal-container.dark .common-modal-body,
.common-modal-container.dark .common-modal-title {
  color: #fff;
}
.common-modal-container.dark .common-modal-button {
  color: #16b9ff;
}
.common-modal-container.dark .common-modal-button:active {
  background-color: hsla(0, 0%, 100%, .25);
}
.common-modal-container {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2147483641;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 100%;
}
.common-modal-container .common-modal-wrap {
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.common-modal-container .common-modal-title {
  font-weight: 700;
}
.common-modal-container .common-modal-content {
  position: relative;
  height: auto;
  padding-top: .3rem;
  overflow: hidden;
  text-align: center;
  background: #fff;
  background-clip: padding-box;
  border: 0;
  border-radius: .14rem;
  box-shadow: 0 -.04rem .1rem 0 rgba(0, 0, 0, .25);
  -webkit-backdrop-filter: blur(.05rem);
  backdrop-filter: blur(.05rem);
}
.common-modal-container .common-modal {
  position: relative;
  width: 5.4rem;
  height: auto;
}
.common-modal-container .common-modal-header {
  padding: .12rem .3rem .3rem;
}
.common-modal-container .common-modal-body {
  height: 100%;
  padding: 0 .3rem .3rem;
  overflow: auto;
  font-size: .3rem;
  line-height: 1.5;
  color: #888;
}
.common-modal-container .common-modal-button {
  box-sizing: border-box;
  display: block;
  width: auto;
  height: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: .36rem;
  line-height: 1rem;
  color: #108ee9;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
  outline: none;
  border-top: 1px solid #ddd;
  transition: all .2s;
  -webkit-touch-callout: none;
}
.common-modal-container .common-modal-button:active {
  background-color: #ddd;
}
.force-download-modal .bottom-btn-tips {
  position: absolute;
  top: -.26rem;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: .04rem .2rem;
  font-size: .16rem;
  font-weight: 400;
  line-height: 1.4;
  color: #fff;
  background: #ea4e3d;
  border-radius: .125rem .125rem .125rem 0;
}
.force-download-modal .continue-use {
  margin-bottom: .25rem;
  font-size: .32rem;
  font-weight: 600;
  text-align: center;
  text-decoration: underline;
}
.force-download-modal.dark {
  background: rgba(0, 0, 0, .7);
}
.force-download-modal.dark .continue-use {
  color: #fff60a;
}
.force-download-modal.dark .force-download-modal__desc {
  color: #fff;
}
.force-download-modal.dark .force-download-modal__download-btn--primary {
  background: #1678ff;
  border: .02rem solid #1678ff;
}
.force-download-modal.dark .force-download-modal__download-btn--secondary {
  background: hsla(0, 0%, 100%, 0);
  border: .02rem solid #1678ff;
}
.force-download-modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2147483640;
  display: none;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 100%;
  font-size: .32rem;
  background: hsla(0, 0%, 100%, .8);
  -webkit-backdrop-filter: blur(.1rem);
  backdrop-filter: blur(.1rem);
}
.force-download-modal.on {
  display: flex;
}
.force-download-modal__wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 0 .5rem;
}
.force-download-modal__logo {
  margin-bottom: .26rem;
}
.force-download-modal__logo img {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: .1rem;
}
.force-download-modal__desc {
  margin-bottom: .7rem;
  line-height: normal;
  color: #323232;
}
.force-download-modal__footer {
  display: flex;
}
.force-download-modal__download-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.96rem;
  height: .7rem;
  padding: 0;
  font-size: .24rem;
  line-height: 0;
  border: .02rem solid #1678ff;
  border-radius: .14rem;
}
.force-download-modal__download-btn + .force-download-modal__download-btn {
  margin-left: .15rem;
}
.force-download-modal__download-btn--primary {
  color: #fff;
  background-color: #1678ff;
}
.force-download-modal__download-btn--secondary {
  color: #1678ff;
  background: hsla(0, 0%, 100%, 0);
  box-shadow: 0 .04rem 0 0 rgba(0, 0, 0, .02);
}
.force-download-modal .bottom-btn-icon {
  width: .4rem;
  height: .4rem;
  margin-right: .12rem;
}
.force-download-modal .continue-use {
  color: #16b9ff;
}
.force-download-modal .fade-in-enter {
  opacity: 0;
  transition: opacity .2s ease;
}
.force-download-modal .fade-in-enter-active {
  opacity: 1;
}
.force-download-modal .fade-in-exit {
  opacity: 1;
  transition: opacity .2s ease;
}
.force-download-modal .fade-in-exit-active {
  opacity: 0;
}
.login-2fa-modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100012;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #797979;
  background-color: rgba(0, 0, 0, .5);
}
.login-2fa-modal.show-modal .login-2fa-body {
  animation-name: zoomIn;
  animation-duration: var(--animate-duration);
  animation-fill-mode: both;
}
.login-2fa-modal.hide-modal {
  animation-name: fadeOut;
  animation-duration: var(--animate-duration);
  animation-fill-mode: both;
}
.login-2fa-modal.hide-modal .login-2fa-body {
  animation-name: zoomOut;
  animation-duration: var(--animate-duration);
  animation-fill-mode: both;
}
.login-2fa-modal .login-2fa-header {
  position: relative;
  height: 1.01rem;
  padding-left: 5%;
  font-size: .34rem;
  line-height: 1.01rem;
  background-color: #f8f8f8;
  border-bottom: 1px solid #dbdbdb;
  border-radius: .15rem .15rem 0 0;
}
.login-2fa-modal .login-2fa-header .close-btn {
  position: absolute;
  top: 50%;
  right: 5%;
  width: .45rem;
  height: .45rem;
  color: #797979;
  fill: #797979;
  transform: translateY(-50%);
}
.login-2fa-modal .login-2fa-body {
  position: relative;
  width: 6.6rem;
  height: auto;
  color: #666;
  background-color: #fff;
  border-radius: .15rem;
  box-shadow: 0 0 .2rem 0;
}
.login-2fa-modal .login-2fa-body .desc {
  padding: .3rem .3rem .78rem;
  font-size: .26rem;
  line-height: 1.4;
}
.login-2fa-modal .verify-form {
  padding: .41rem 0 0;
}
.login-2fa-modal .verify-form .form-input-group {
  display: flex;
  margin-bottom: .31rem;
}
.login-2fa-modal .verify-form .form-input-group.right-side {
  justify-content: flex-end;
}
.login-2fa-modal .verify-form .form-input-group.right-side .submit-verify-btn {
  display: inline-block;
}
.login-2fa-modal .verify-form .form-input-group.left-side {
  justify-content: flex-start;
}
.login-2fa-modal button {
  display: flex;
  align-items: center;
  padding: .2rem .72rem;
  border: unset;
  border-radius: .05rem;
}
.login-2fa-modal button.loading {
  padding: .2rem .72rem;
  padding-left: .38rem;
  background-color: #a2c0d3;
}
.login-2fa-modal .submit-verify-btn {
  display: block;
  font-size: .3rem;
  color: #fff;
  background-color: #17a6ff;
}
.login-2fa-modal .submit-sms-btn {
  display: block;
  font-size: .3rem;
  color: #fff;
}
.login-2fa-modal .submit-sms-btn,
.login-2fa-modal .submit-sms-btn.loading {
  padding: .2rem .28rem;
  background-color: #a2c0d3;
}
.login-2fa-modal .submit-sms-btn.countdown {
  min-width: 1.8rem;
}
.login-2fa-modal .spinner-grow {
  display: inline-block;
  width: .26rem;
  height: .26rem;
  margin-right: .08rem;
  background-color: currentcolor;
  border-radius: 50%;
  opacity: 0;
  animation: spinner-grow .75s linear infinite;
}
.login-2fa-modal input[type=text] {
  height: .9rem;
  font-size: .28rem;
  color: #919191;
  -webkit-appearance: none;
  appearance: none;
  outline: none;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  border-radius: .05rem;
  transition: border-color .3s ease 0s;
}
.login-2fa-modal input[type=text]:-webkit-autofill {
  box-shadow: inset 0 0 0 10rem #fff !important;
  -webkit-text-fill-color: #919191 !important;
}
.login-2fa-modal input[type=text]::placeholder {
  color: #c9c9c9;
}
.login-2fa-modal input[type=text]:focus {
  background-color: #fff;
  border: 1px solid #676767;
  border-radius: .05rem;
}
.login-2fa-modal input[type=text].error-tip {
  border: 1px solid #ef4743;
}
.login-2fa-modal .country-code-select {
  flex: 1 1 0%;
  justify-content: left;
  color: #919191;
  border: 1px solid #dbdbdb;
  border-radius: .05rem;
  transition: border-color .3s ease 0s;
}
.login-2fa-modal .country-code-select i,
.login-2fa-modal .country-code-select img {
  margin-right: .08rem;
}
.login-2fa-modal .country-code-select + input {
  flex: 2 1 0%;
}
.login-2fa-btn {
  display: flex;
  align-items: center;
  padding: .2rem .72rem;
  border: unset;
  border-radius: .05rem;
}
.login-2fa-btn.loading {
  padding: .2rem .72rem;
  padding-left: .38rem;
  background-color: #a2c0d3;
}
.login-2fa-btn .spinner-grow {
  display: inline-block;
  width: .26rem;
  height: .26rem;
  margin-right: .08rem;
  background-color: currentcolor;
  border-radius: 50%;
  opacity: 0;
  animation: spinner-grow .75s linear infinite;
}
@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
  }
}
.country-code-select {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 1.3rem;
  padding-left: .1rem;
  color: inherit;
}
.country-code-select span.country-code {
  font-size: .25rem;
  font-weight: 400;
}
.country-code-select img {
  position: relative;
  display: inline-block;
  width: .4rem;
  height: .4rem;
}
.country-code-select i {
  position: relative;
  top: .07rem;
  width: 0;
  height: 0;
  border: .08rem solid transparent;
  border-top: .08rem solid red;
}
.popup-country-code-select {
  max-height: 6rem;
  overflow-y: scroll;
}
.popup-country-code-select .am-list-item .am-list-line .am-list-content {
  display: flex;
  align-items: center;
  font-size: .28rem;
}
.popup-country-code-select .header-wrap {
  position: relative;
  display: flex;
  align-items: center;
}
.popup-country-code-select .header-wrap .close-btn {
  position: absolute;
  top: 50%;
  right: 0;
  line-height: 0;
  transform: translateY(-50%);
}
.popup-country-code-select .am-list-header {
  height: .8rem;
}
.popup-country-code-select .am-list-body {
  height: 4.6rem;
  overflow-y: scroll;
}
.popup-country-code-select img {
  position: relative;
  display: inline-block;
  width: .5rem;
  height: .5rem;
  margin-right: .2rem;
}
.twofa-tabs {
  padding: 0 .3rem .3rem;
  padding-bottom: 0;
  font-size: .28rem;
}
.twofa-tabs .tab-list {
  display: flex;
}
.twofa-tabs .tab-list-item {
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  margin-bottom: -1px;
  list-style: none;
  border-bottom: .06rem solid #e3e3e3;
}
.twofa-tabs .tab-list-active {
  background-color: #fff;
  border-bottom: .06rem solid #17a6ff;
}
.twofa-tabs .tab-list-item-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.twofa-tabs .tab-list-item-wrap .tab-list-icon-wrap {
  display: flex;
  align-items: center;
  height: .64rem;
  margin-bottom: .31rem;
}
.twofa-tabs .tab-list-item-wrap .tab-list-icon-wrap .tab-list-icon {
  width: auto;
  height: .64rem;
}
.twofa-tabs .tab-list-item-wrap .tab-list-icon-wrap .tab-list-icon.email {
  height: .43rem;
}
.twofa-tabs .tab-list-item-wrap .desc-text {
  margin-bottom: .14rem;
  text-align: center;
}
.app-upgrade-modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100012;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
}
.app-upgrade-modal.show-modal .app-upgrade-body {
  animation-name: zoomIn;
  animation-duration: var(--animate-duration);
  animation-fill-mode: both;
}
.app-upgrade-modal.hide-modal {
  animation-name: fadeOut;
  animation-duration: var(--animate-duration);
  animation-fill-mode: both;
}
.app-upgrade-modal.hide-modal .app-upgrade-body {
  animation-name: zoomOut;
  animation-duration: var(--animate-duration);
  animation-fill-mode: both;
}
.app-upgrade-modal .app-upgrade-body {
  position: relative;
  width: 6rem;
  height: auto;
  color: #666;
  background-color: #fff;
  border-radius: .2rem;
  box-shadow: 0 1px .4183rem .0517rem rgba(80, 80, 80, .65);
}
.app-upgrade-modal .app-upgrade-body .close-btn {
  position: absolute;
  top: -.87rem;
  right: 0;
  z-index: 100013;
  color: #fff;
}
.app-upgrade-modal .app-upgrade-body .close-btn svg {
  width: .55rem;
  height: .55rem;
  fill: currentcolor;
}
.app-upgrade-modal .app-upgrade-body .banner-title {
  display: flex;
  align-items: center;
  width: 3.6rem;
  height: 1.04rem;
  padding-left: .34rem;
  margin-top: .48rem;
  font-size: .36rem;
  font-weight: 700;
  line-height: 1;
  color: var(--s-app-modal-color,#fff);
  text-shadow: 0 .02rem .1157rem rgba(0, 0, 0, .34);
}
.app-upgrade-modal .app-upgrade-body .app-upgrade-banner-bg {
  width: 100%;
  height: 2.15rem;
  background-color: rgb(var(--s-app-modal-bg-rgb,183,153,128));
  border-radius: .2rem .2rem 0 0;
}
.app-upgrade-modal .app-upgrade-body .app-upgrade-banner {
  position: absolute;
  top: -.2rem;
  width: 100%;
  height: 2.49333rem;
  background: url(/m/banner.4ff934c0.png) no-repeat 100%/100%;
}
.app-upgrade-modal .app-upgrade-body .desc-wrap {
  margin-top: .56rem;
}
.app-upgrade-modal .app-upgrade-body .desc-wrap .desc-text {
  max-width: 4.2rem;
  margin: 0 auto .35rem;
  font-size: .32rem;
  line-height: 1.2;
  color: #666;
  text-align: center;
}
.app-upgrade-modal .app-upgrade-body .desc-wrap .download-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.07rem;
  height: .7rem;
  margin: 0 auto .48rem;
  font-size: .32rem;
  font-weight: 700;
  color: var(--s-app-modal-color,#fff);
  background-color: rgb(var(--s-app-modal-bg-rgb,183,153,128));
  border-radius: .4rem;
  box-shadow: 0 .04rem .0837rem .63px rgba(var(--s-app-modal-bg-rgb,183,153,128), .45);
}
.bottom-modal .bottom-popup-slide-enter {
  opacity: 0;
  transform: translateY(100%);
}
.bottom-modal .bottom-popup-slide-enter-active,
.bottom-modal .bottom-popup-slide-exit {
  opacity: 1;
  transform: translateY(0);
}
.bottom-modal .bottom-popup-slide-exit-active {
  opacity: 0;
  transform: translateY(100%);
}
.bottom-modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2147483640;
  display: none;
  width: 100%;
  height: 100%;
  height: -webkit-fill-available;
  height: stretch;
  font-size: .28rem;
  color: var(--a2hs-font-color,#111);
  background: rgba(0, 0, 0, .65);
  -webkit-backdrop-filter: blur(.05rem);
  backdrop-filter: blur(.05rem);
}
@supports (height:100dvh) {
  .bottom-modal {
    height: 100dvh;
  }
}
.bottom-modal.on {
  display: block;
}
.bottom-modal--icon {
  flex: 0 0 1.28rem;
  width: 1.28rem;
  height: 1.28rem;
  border-radius: .08rem;
}
.bottom-modal--desc {
  line-height: 1.4;
}
.bottom-modal--content {
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: .4rem .4rem calc(.4rem + var(--safe-area-inset-bottom));
  background-color: var(--a2hs-bg-color,#fff);
  transition: all .25s;
}
.bottom-modal--content-main {
  display: grid;
  flex-direction: row;
  grid-auto-flow: column;
  grid-column-gap: .18rem;
  margin-bottom: .188rem;
}
.bottom-modal .btn-group {
  display: flex;
  justify-content: flex-end;
}
.bottom-modal .bottom-btn {
  all: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: .2rem .5rem;
  font-size: .24rem;
  border-radius: .08rem;
}
.bottom-modal .bottom-btn--cancel {
  color: var(--a2hs-btn-cancel-font-color,#111);
}
.bottom-modal .bottom-btn--agree {
  color: var(--a2hs-btn-color,#fff);
  background-color: var(--a2hs-btn-bg-color,#009d81);
}
.download-bar {
  position: fixed;
  top: 0;
  z-index: 10001;
  width: 100%;
  height: var(--download-bar-height,1.7rem);
  padding-top: .3rem;
  padding-left: 1.8rem;
  color: #fff;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAu4AAACqBAMAAAAAZdeqAAAAJ1BMVEUil/8rkP80dvQ4h/4wefQqifopjfw0iv4wjf41ffkrhPktgPg3g/y/Ut+fAAAE7ElEQVR42uzVMW4EIRAFUSMCNkWcBP1g5lqIE6C5uANnmzS2G7VWqneESuoLb5Isq/7fF94UWSrdD8gyXHQ/4ZGh0/0EWQbdf3zgVun+h63S/YAmw033E6YMne4/PnGrdH/zkmXR/YAsS6X7AY8MF91PkKXT/YAky6D7AVmWRfcDmiyV7gdMGS66H5Bkuel+QJGl0/2AJsug+wFTlkV3f0mmSnd/RZaL7gc0WW66HzBl6XT3l2QadPdXZFp099dkqnT3N2W56O4vyXTT3V+he4gmU6e7vynToLu7JNuiu7ssW6W7uybTRXd/onuEl2w33d1l2Trd3U3ZBt29JdE9QtGGRXdvTRsq3b2J7hFe2nDR3VvWhpvu3h66R0ja0enurGjHoLuzRvcQ2rLo7utF9xBZWyrdfU3tuOjuK4nuEbK23HT39dA9QtKeTndXhe4hHu0ZdHclukcodA/xaNOiuyfRPULRrkp3R43uIbTrorujQvcQje4htO2mu59C9xAP3UNoX6e7m0L3EA/dIyTRPULWLwy6e5l0j5BE9wiZ7t/s2jFuGzEQhWEbxq6F7QLfYCAVlsptUxGjAwjQEEhcsUgKq/QJgpxCgEv5BtIJ3PpQ2cRBiNiSODQpcZec7wg/HobFbhIP0j2FUevlh3SP40a6J9FK9xSupXsSP6V7CpetdE/hSron8dB6+iTdIxi10j2FG+meRCvdU7iW7kk8SPcURq10T+FGuifRSvcUrqQ7U/JXVbqHG7XSnSv+q/r5Zd2Bv27X6xfpflKXbdslB7Bs/Mdn6X4i9RfbfG/7F+keXX2HCE7d7KV7PPVX7CjocNLLd48ovm3xD7Bc6aV7jPvySoGH9bN0D1Bt8B/wc/so3YMOjO3uXV66B1e3Z8bv3Ej3kOp27v7lpTtfZas75u62lv+wmeoNvgMfN/8u3Tnu8D0V0p3ISHeXe9wHwrqTNtKdfdgtFdi9o6U797BbEGJCr4x0Z50YS0XpTlq6u8cev3vHSPe3VngYBJmSpaW7a+yWCu9uGelu3eMxEGZG/9HSnTH2jorbnbSR7r81eBwEGtNbRrpfXCzxOBW/O+niu1dbdIB43S1dePcVuigIRvuYkrtv0AnC0V6m2O7VFp0UhHs6EL7Q7vfIABHsaD9dZPclMqhTdiddXvd6ixwQw5wO0aV1r5BFnbg76bK6r5AHopjQYbqk7ks859xhSkfoYrrXW2SCM3QnXUj3CrkUxDGjo3QR3ZuzZ4cxHacL6L5CNjhXd9LZd18im4JoyEVn3n2DfBDPkzt8zt3rLSaZO+zIaZFv9wp9QERzcjO5dm/Qhzp3dzJ5dm/QC8Q0IQ6TY/cVpps7TIklw+7LlNlhRiw6u+5L9ANxjYlHZ9Z9g35Uou60yKr7Bj1BbMRl8ulebzHR3K0n4sqme5c9+dxhR1w6k+419iA7zIltkUX3CjH9lQGYEJ/JoHuFvZg7TMnD8LtX2I+5w4w86KF3b/qSHcbkYzHs7g325Mp0yIsZcvcGezN3gB350APu3mCP5g5z8rIYbPd+ZYcJ+TED7f6r2jI0AgCGQaCqYS4WiInv/ktUYqmDH+EvRx5MWhmFpMt2egezzl0h6TKN3sGwc1dI2tw+73naFZI2W+cdTFsZheQHU+YdDDx3haRPl/dM7QpJn23yfpi4MkZIuq/1ASOZz07D7jXaAAAAAElFTkSuQmCC) no-repeat;
  background-size: 100% 100%;
  transition: all .5s;
}
.download-bar.show-bar + .this-mc-header {
  top: var(--download-bar-height,1.7rem) !important;
}
.download-bar.show-bar + .this-mc-header + div {
  margin-top: 2.7rem !important;
}
.download-bar.show-bar + .this-mc-header + div .banners {
  margin-top: 0;
}
.download-bar.show-bar + div + form {
  background-position: 100% 1.7rem;
}
.download-bar.dark {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAu4AAACqBAMAAAAAZdeqAAAAFVBMVEUyMjI3NzcrKyshISEuLi49PT0lJSV/zlfcAAAEsklEQVR42uzVwamlQBSE4XdV3HcI0gmoJe7FSMT8cxiY5d2cM0w1zYP/C+FfVP3gy6DIUv7fD77MihS6N3ArsNO9harASvcWFHno3sCgyEX3BkZFCt3/+o23SvdvrwIr3RuYFFno3sCsyEX3Bm5FCt0bqArsdG9BkZXuDQyKPHRvYFTkonsDVZFC9wYU2enewKDIQfcGZkU2ujdwK7LQvYFXkQ/d/SaFCt39ZkV2ujdwK3LQvYFXkY3ufpNCC939ZoUuuvvdChW6+72KnHT3GxQ66O43KrTS3a8qtNHdT7GF7naDYhfd7UbFCt3tqkIn3f0U2+luNyi20t3uVmyju92r2EN3t0kJC93dZiVcdHerSih0d1PCSXe3QQk73d1uJRx0d3uVsNLdbFLGRnezURkP3c2qMha695gZXXT3mpXyobvXrZRCd69XGSfdvQal7HTvMjMH3b1euvcwKWelu9WonI3uVlU5D917zIwWujvNdO+iKumie4+Z0YfuPWZGhe5Gle5O/pk56W40072Lqqyd7j6T6N7DrLSD7j5VaSvdbSbRvYdReRvdbSrde5hE9x5GKe+hu8tL9x4G/YuF7iY33f+wa8c4bsNAFIaRLO0+hXv72dYFBKQPM07PYi4QAbr/EbIuNgQS2xya46VEzneEHw+UQLCK0brXsB2z/LDuOo7WvQY3Wvcatta9iuOY54t11/l5t+41/LTuVUzWvYbtmOubdVdwtO41uNG61/Bm3auYrHsNX0frXsPRutfgRutew5t1r2Ky7jVsR+supv9V/T7Pv/HXME/W/aXcNTlummfr/jK/8NA8WXd1joiQNMx2D6yJrjxEZuuuN/UrSA2zdS9GHzwyDJN1V5h67C432TuOguoRss3Wvbg6eTxhtu7PVY/wnMG6l1Qnj2cN1j27eoTnbYJ1l6AbfEl3ZuueNfYIBS78zrrLq0e+uDsH634f3YHS7lfBuifGrtv9zB+s+y10l1fqzsG6p8ceociBo2DdU2OPfHn3yLonxh5BszsH654Yu87csed/WPfk2K+g3Z2DdU+MXWHuOPF/QvfdHaVAsXvUefd0do9ifEvX3SkNut2jfrs7SvMot+ObQqfdHQlAvXsUuuxOEh4KNnxH6LA7ieCl3Tn01t2RiIeGC9/XV3dHMlBx5gd66k5C/hO6cz/dSQo6DvxQJ90dSfnP6c5ddHckBiV7Tuige4XsOHFCaL47yXmo4ZTQeHfKAD27dPimu1MGr9o9KbTb3VEOKNpwWmi1u6Nac8eFBUKb3R1lgaYzSzTZ3VG9uePAIg12p0yo0Z2b6143O/YsExrrTpk8dJ1YKDTVnXJBG0u11J1qzT3asVQ73an+3LFhqdBId0cLmDsuLBaa6L6M7DizXAvdHS3hlAEOnGH93R0tY+7Yc4aw9u6OFjJ3nDhHWHf35WQHOMuquztayinzbsdZVtzd0YLmjg1nCavt7mhJc8eF86y1+59q6qAGYCAIoehlKqEClrROxsAc8G+ltcBmD/AlvBDM2LEolulebfUyG+6T6F5tNnc8VAt092MHKBfnXu32Mn831SbMvdpw7rgol+XuyY6XcpPkXu34MsDiocF/EDKYTlhwgcgAAAAASUVORK5CYII=) no-repeat;
  background-size: 100% 100%;
}
.download-bar.dark .download-bar-close {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAARVBMVEUAAABtbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW3y8vKEhIT////q6ura2tqbm5u8f1auAAAAEHRSTlMA7Zjjs6yHWDccE9PSeXgKqj4VcgAAAO1JREFUOMuNlUuWgzAMBKUQGwOBNOFz/6MOi4yN08mja8WingSW3FhNmsLDAX+EKdlPutjgRBO7r1p/A3Hr2WsdX/D208vlqGilPe/4yf1phbPHJvW97N7igvZ9Ln4lel8aC807CHSHGJHZ5hcKr3nLz/EQT/Odl8Ms3rKWuZulc423WZ4zyUawyR4mC2CTPQQbwCZ7GMzB5k4e3AA2F/IAFrEf4g4SXavoNmjvOFjQvjrYqJ3jZEmbTDJrlFk3ec0utifWi7ut1T6uW1lc9SrIl0u+rnoA6JGih5Qee3qQ6tGsh30hjf+/jzFZxR+Ckk6I2sO5RAAAAABJRU5ErkJggg==) no-repeat;
  background-size: .42rem .42rem;
}
.download-bar.dark .download-bar-btn {
  background:
    linear-gradient(
      180deg,
      #fe303c,
      #f8717a);
}
.download-bar.dark .download-bar-gift {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABFCAMAAADEkbAlAAAAV1BMVEUAAABhQtVrSN+ZZ/5+Vu+PYPpkRNhyTuZrSd+YZv6SY/uMX/eAV/B6U+yGW/RhQtVsSuBiQ9ZlRdlyTeZoR9x3Uep8Ve6BWPGMX/eHXPSGXPSQYfqVZf2S29mRAAAAEHRSTlMAiB8fHx/f39/f39/f399ozQBaKAAAAQZJREFUWMOtzlmSwjAMRdFuupknY2dwiPa/TkxBQQgeJOvdJ/+e8g+gP4SxRRiEMAhhEMIghEEIg1TGjh4hDEIYhDCo3hjfIYxRYSiR5X78qNbw01UZfhbC8AjDIwwvN4b7Pk9onIZYCGNAGIPIuCbiG//B6OOTGMnYxqFPJzKuibGNXAij5xldPqbRZ8c1spWNY1eMabTZxzHarlDJaDkVjY5xJUP7k0UwtMhi3XLLGo65tOH4IQyHMBzCcCnDSBY1jLCIsTFG9A/jooYzsiKGvJjRhIlK/qMR3Mxoqvo2jPxmRl0TY9XUNjFsdQjDIgyLMOzTuKh6GVaxh6FMb4QARkDOv/puKYaxAB8Y6XYAAAAASUVORK5CYII=) no-repeat;
  background-size: 100% 100%;
}
.download-bar.hide-bar {
  top: -1.7rem;
}
.download-bar.hide-bar + .this-mc-header {
  top: 0 !important;
  transition: all .5s;
}
.download-bar.hide-bar + .this-mc-header + div {
  transition: all .5s;
}
.download-bar.hide-bar + div + form {
  padding-top: 0 !important;
  margin-top: 0 !important;
  transition: all .5s;
}
.download-bar.hide-bar .download-bar-gift {
  display: none;
}
.download-bar + div + form {
  padding-top: 1.7rem !important;
  transition: all .5s;
}
.download-bar .download-bar-icon {
  position: absolute;
  top: .16rem;
  left: .2rem;
  width: 1.4rem;
  height: 1.4rem;
  overflow: hidden;
  border-radius: .32rem;
}
.download-bar .download-bar-icon img {
  width: 1.4rem;
  height: 1.4rem;
}
.download-bar .download-app-name {
  font-size: .32rem;
}
.download-bar .official-logo {
  display: inline-block;
  min-width: .68rem;
  height: .38rem;
  padding: 0 1em;
  margin-left: .13rem;
  font-size: .2rem;
  line-height: .38rem;
  vertical-align: middle;
  color: #34bff9;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAAAmCAMAAABK8c3RAAAAmVBMVEUAAABe4oxO1Lpj5YA1wPdl53o2wfVk5nxm53c8xeVg44dm53c0v/o7xOk2wfVl5nth5IM0v/o5w+w5w+zu8/hm53g0wPnM6/c/yNxCy9VJ0MRP1bNV2qJY3Zpb35Pq8/Y2wfU3wvA8xuOB1vQ6xOvW8ePS8OBFzM9GzspL0r5N07lS161T2Khg5IXl8fhSyPOZ6rKc661455DHd3IrAAAAFHRSTlMA/gb+lJMrKvj219fW1ry8j/SQj40QoG8AAAECSURBVEjHrdbXdcMwEETRZVaWbBMGMwIpZlqh/+JMSR1g8Aq4Z89+Db2Kgv2GGbTZBxF9cgMGFLhv48zYoxWxQaJ9MHZ+KYH3vMbGXZ9eQBR53moAiudFdFnuMdR9udBuaTGkXXbkOAJDhOOsSAy2IlWFIlVlBylLFClLO0hRoEhR2EHmGUXmmaYJRaaJ8hxF8twOMo4oMo40DCgyDJRlKJJldpC+R5G+p65Dka6jNEWRNLWDJAmKJIkdRGsU0Zq2WmDGn97SseEYwpsj/TQ1htTNN4VKcegQpUIiX904YNyUT0TuScqaC6Of8lrK02cq+fLXOOm79Cn0D0bC18EPae0fIXfMvcEuS6UAAAAASUVORK5CYII=) no-repeat;
  background-size: 100% 100%;
}
.download-bar .app-star-grade {
  height: .25rem;
  margin-top: .12rem;
  font-size: .24rem;
  font-weight: 700;
  color: #fff;
}
.download-bar .star-icon {
  display: inline-block;
  width: .24rem;
  height: .25rem;
  margin-right: .08rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAZCAYAAAArK+5dAAAB8UlEQVRIibWVO2gVQRSGvw3rE01xDRbaqFwlRvAaomJA0ZQqWAZsLLUQRAQFsQ/WAQ1EC3sbRVMbIaCFj0YFQcTKEPGFj4By5/yyl71xd2eyd68xH5xi/v3PnJ3ZszORHh+hC54AG4Ah4HOVtBiTJy7C+XTihGvAybAtT6SZw564CJ+AWuZRX6qV0tNaQecYxVQr+C5VyY00fajsBdq8BAYK2jdgE/DTc2fowYkOMYzTQMDTi9OpgJ6LKgXGAlo7zgW0XMStQZ61wA6gARwFyvq4H5gC7gHPgVfA96wh0v3hOnAB2AVsTKPmTVWN5Lt8SOM1cDPSnQNz6aTLgZIt+riMBb7GNO048HQJ21LGiWQF74B9wAtgTYm5W5LmmIlptrroLXAwXcn/YBR4SOuway606TNgBHiwxAJngdvtQYyz7MNp4BhwF1jhpZaTvOlF4HrWFWmiEcpKfpo9nlrObHo25Qj9yQmrPKUz69NTYL5TgV5g6z8UWAfsT7e5tMBuYLWXXo29VQoMdTdnji1FIVSg7qX95Q3wo6QB+opC6D7YHNB+4XQZp+04DeJ0BqfZgK8fpyh/4fj36M7C+AambZiuZrRJTHVMYwVvA9PKrBYqcAvTF0yPMI1gOo3pfcA3j+kKpkFMU5jmMI1j+r3gMfEHYuuCMyxwS34AAAAASUVORK5CYII=) no-repeat;
  background-size: .24rem .25rem;
}
.download-bar .grade-text {
  display: inline-block;
  vertical-align: top;
  color: transparent;
  background:
    linear-gradient(
      0deg,
      #ff8027,
      #ffc840);
  -webkit-background-clip: text;
  background-clip: text;
}
.download-bar .download-bar-gift {
  position: absolute;
  right: 0;
  bottom: 0;
  width: .68rem;
  height: .69rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABFCAMAAADEkbAlAAAAV1BMVEUAAAAaEYYhGZovL8MmH6khGJg1OM4xMsYuK8ArJrkdFY8bEokoI7IkHKAaEYYaEYkdFI4kHKEiGpspJLQfFpMmH6cnIa0hGJYrKb0vLcI0NswwMcUyM8hGEzoQAAAAD3RSTlMAiB8f39/f39/f39/f32hUJc9FAAAA+ElEQVRYw63O2ZrCIBBE4Zk4izuIihF9/+f0ptwIJtBVp/v6/+pL0Exh/CmMpDCSwkgKIymMpDCSwkiM8Z8QY1zvcQayG5dnnIE4A9mM+fktzkAmo8+yGef3Uxi9wRjWaiz6QgZjP3huB2oz9uVajb70bQa7ZLbGDiMC43MtRsQNajJQzK/K6NYgiCXdTxxPYUSFERVGnDaO09UYceq5HYgzEGegUWNX2Yix2dXGGYgz0IgRqo/bgcrGb2hKYQSFERRGKBin5jgDcQbKjYOl3KCRbnmwlRnedK+Gt6YwvMLwD8MRwVg55+2nMBwMLoXhFIaDQSLbb74bWB6oAdQUUQYAAAAASUVORK5CYII=) no-repeat;
  background-size: 100% 100%;
}
@keyframes heartBeat {
  0% {
    transform: scale(1);
  }
  14% {
    transform: scale(1.3);
  }
  28% {
    transform: scale(1);
  }
  42% {
    transform: scale(1.3);
  }
  70% {
    transform: scale(1);
  }
}
.download-bar .download-bar-gift .gift-icon {
  display: block;
  width: .61rem;
  height: .56rem;
  margin: 0 auto;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAA4CAMAAAB5cQBoAAABPlBMVEUAAAD/thz/0jr/uy3/2UT/tRT/tRP/vBH/thP/3GD/xBz/tRT/tRT/thX/wBf/uBb/uCn/rCP/tRT/thL/yQ3/vCT/wBP/tRT/tRT/xQ3/uBL/ww3/wSr/yQ3/xw3/3En/pQ3/10H/0Tv/yDL/syb/1Ur/sw7/vxz/wCX/ui3/2UT/32j/sw7/uy3/wCr/ww3/qAz/yQ3/tRL/10H/4XP/uSv/xi//sSb/y0D/tyj/uh3/zzr/20X/qyP/rSL/wBf/0z3/2Vr/yjX/yD3/xBv/riX/5Hr/0Er/phD/qAz/1lT/wy3/qiD/vhj/wx7/xDj/vh//syj/thr/vQ7/213/0k7/zkb/ww3/vyP/3mr/3WL/1FD/yQ3/vRX/uiX/tiX/uCH/vR3/xhv/vij/uxr/vTD/3m//yTL/6Ij/ngsl2EZJAAAAMnRSTlMAPg3f8b32FArf3NNibCc12to5LeTe3tq3Uvq3mpdo8+Tg4ODa2ZWJ8O3n38K+s6mLgnqDZnQAAALFSURBVEjHzNNPC4IwGAbw18gplAumlH/QulSXoHq7duhY54IIdg76/l8gfFVEXKITpN/tZcjjnm3QhoA+TOhhilPQJhgyoZ3MEJHppXMfMz6HzpwQC6EDnblFtukOvG9iMGTGwOdd8qEPDv9lBj2MFhZos000bdAkJog40fx5BzNNNz85Vo8tLrMMyhZNvXgy4uUYeDJW79sFhUBK6SX5YMXpZKk6t5TtR8/UnpaCOQ2J4rzV7bvhncwDsLf3TASlSgO1J7jBwmaHOTZr2f5odVM4NGTTVznnc1VY8Xz5x61bj8nyfCKv94u8Hxeal+MMkFrn38bqZUdtGArA8EhZNZu2C2bFpjf1pnZDTbAzibkkRCIXkgiQGxTCDFTT93+COTZ2Ei9izS8kSz58sgVS8uNBa636q+93WPu/P0z6PfyRrauJ1l2/AT2fdHr+Gv1x3quvXW0wpF2tTi+1/QH9adnrudO76bLfkJ72W7Z6EWuDAR3Ht6/Foue17H910SYD+uv4d4N5jLFTgxayKiKMXcTgxL6Nx8OP/oRX1nWZJN5WFdf06osJCWzTS8/3Pb+ktPS9JFzJZlNKYBs+j0EwMmmFQZ87fW0xeW/Snlem/GRYaau3CccJx55R+2WdlmB9Qulqdgu0Otkz65LWxAs5Tsms04BzgX2jvtYkhEialo7CB7i5A1hMjFphSsJWR1uBzyHvs0kTB+LXdkJ8kEVbX2CYhGfbpBWGBUey/eoK2OG4ycwacAoYypU+uhQwr8mejLpoOC4gku1lG5fmhQNbp+wpe2fSmF8bQ480O26Ooo1LCtgRGBt/NYUJpWwjW8wcDAlcGM+GayMop5SgVh8chG4YI7NWOMf/FrJdVCDEsiDDCJl1LjGsra6iBrEgyBBk1i0GvZNVe3wBfBH6u0G/tSxrdH9vW7w3sp9fRrZtjyzRrzvVC7YFKaWbRgj9AAAAAElFTkSuQmCC) no-repeat;
  background-size: 95% 95%;
}
.download-bar .download-bar-btn {
  position: absolute;
  top: .58rem;
  right: .58rem;
  min-width: 1.63rem;
  height: .56rem;
  padding: 0 1em;
  font-size: .26rem;
  line-height: .56rem;
  text-align: center;
  background:
    linear-gradient(
      -90deg,
      #33befd,
      #67e875);
  border-radius: .28rem;
}
.download-bar .download-bar-close {
  position: absolute;
  top: .2rem;
  right: .2rem;
  width: .42rem;
  height: .42rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAMAAADyHTlpAAAAS1BMVEUAAAAic8wic8wic8wic8wic8wic8wic8wic8wic8wic8wic8wic8wic8wic8wic8zo8fpDiNT////s8/tIi9Xi7Phnn9zJ3fPA1/CNrXIOAAAAD3RSTlMA7vjSMAe2r5uAPjYkjo2gTvjAAAABC0lEQVQ4y5XV3Y6EIAwF4BYGEUb3qDvqvv+TrvOTAdIa5NwZvyA2pVAZF4O3bAxbH6Kj89x6Rhbub2ewg0inYTcaKDGj2MZgcRI7lPLOOA3fNVm3Q5K6Hb5/ZFGJdR86opqfTz1NnZp3fTtcSPdaFJfyXLZHyj7NSHlMe3roiRwjZV0y+/hd1qxgjiKyzNNhkyy+ESlAWFUikIe0moQnC81KCUsMxW5SgslAsYuUMArFdtANkqYNpHqqqzJZRU7bJK0lr8gZs7Segiah2EBRk5qN5FhKzbIrm/D9Ntk1b8Kytff1kMmuf1lrNxyYhmN49XCPDSOjfRDVx1v70KyP4qYB335ttF9G9SvuH1HzUOfnQHc1AAAAAElFTkSuQmCC) no-repeat;
  background-size: .42rem .42rem;
}
.download-bar .app-full-name-wrap {
  display: flex;
  align-items: center;
  height: 2em;
}
.download-bar .app-title-image {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.download-bar .download-bar-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.app-full-name-wrap,
.app-text {
  max-width: 46vw;
}
.download-bar.show-bar + .home-header + .home-container .sticky-container .sticky__fixed {
  top: calc(var(--header-height) + var(--download-bar-height));
}
.sticky-container .sticky__inner {
  position: static;
  z-index: 100;
}
.sticky-container .sticky__fixed {
  position: fixed;
  top: calc(var(--header-height) + var(--download-bar-height));
}
.spinner-brand-wrap {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .7);
}
@keyframes spinner-rotate {
  0% {
    transform: rotate(0);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
  }
  50% {
    transform: rotate(180deg);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }
  to {
    transform: rotate(1turn);
  }
}
.spinner-brand-wrap .spinner-brand {
  position: relative;
  width: 3rem;
  height: 3rem;
}
.spinner-brand-wrap .spinner-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  image-rendering: pixelated;
  background-image: var(--s-logo-loading-bg);
  background-position-x: -.03rem;
  background-size: 100% 100%;
  animation: spinner-rotate 1s infinite;
  animation-duration: 1s;
  animation-direction: normal;
  animation-play-state: running;
}
.spinner-brand-wrap .spinner-logo {
  position: absolute;
  inset: .9rem 0 0 1rem;
  z-index: 5;
  width: 1.2rem;
  height: 1.2rem;
  background: var(--s-logo-loading-logo) no-repeat;
  background-size: cover;
}
.spinner-brand-wrap.on {
  display: flex;
  align-items: center;
  justify-content: center;
}
.marquee .marquee_content {
  animation: marquee var(--duration) linear var(--delay) var(--iteration-count);
  animation-delay: var(--delay);
  animation-direction: var(--direction);
  animation-play-state: var(--play);
}
@keyframes marquee {
  0% {
    transform: translateX(67vw);
  }
  to {
    transform: translateX(-100%);
  }
}
.common-spinner-loading-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  height: 100dvh;
}
@keyframes c-rotator {
  to {
    transform: rotate(1turn);
  }
}
@keyframes c-colors {
  0%, to {
    stroke: #ff5676;
  }
  40% {
    stroke: #3296ff;
  }
  66% {
    stroke: #30f282;
  }
  80%, 90% {
    stroke: #fefc41;
  }
}
@keyframes c-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;
  }
}
.common-spinner-loading-wrap .common-spinner-loading {
  width: .65rem;
  height: .65rem;
  animation: c-rotator 1.4s linear infinite;
}
.common-spinner-loading-wrap .common-spinner-loading .path {
  stroke-dasharray: 187;
  stroke-dashoffset: 0;
  transform-origin: center;
  animation: c-dash 1.4s ease-in-out infinite, c-colors 5.6s ease-in-out infinite;
}
.login-choose-confirm .button-group {
  display: flex;
  flex-direction: column;
  margin-top: .3rem;
}
.login-choose-confirm .button-group button {
  padding: .14rem 0;
  margin-bottom: .12rem;
  font-size: .3rem;
  color: #108ee9;
  border: .03rem solid transparent;
  border-radius: .14rem;
}
.login-choose-confirm .login-choose-sso {
  font-size: 90%;
  line-height: 1.4;
  text-align: start;
}
.login-choose-confirm .login-choose-sso-avatar {
  display: grid;
  grid-auto-flow: row;
  grid-row-gap: .08rem;
  justify-items: center;
  margin-bottom: .12rem;
  font-size: 80%;
  font-weight: 700;
}
.login-choose-confirm .login-choose-sso-avatar-img {
  width: 1rem;
  height: 1rem;
  object-fit: contain;
}
@font-face {
  font-family: swiper-icons;
  src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color:#007aff ;
}
.swiper,
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  overflow: hidden;
  list-style: none;
  padding: 0;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translateZ(0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 12rem;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 12rem;
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
  transform-style: preserve-3d;
}
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, .15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image:
    linear-gradient(
      270deg,
      rgba(0, 0, 0, .5),
      transparent);
}
.swiper-3d .swiper-slide-shadow-right {
  background-image:
    linear-gradient(
      90deg,
      rgba(0, 0, 0, .5),
      transparent);
}
.swiper-3d .swiper-slide-shadow-top {
  background-image:
    linear-gradient(
      0deg,
      rgba(0, 0, 0, .5),
      transparent);
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image:
    linear-gradient(
      180deg,
      rgba(0, 0, 0, .5),
      transparent);
}
.swiper-lazy-preloader {
  width: .42rem;
  height: .42rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -.21rem;
  margin-top: -.21rem;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: .04rem solid var(--swiper-preloader-color,var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color:#fff ;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color:#000 ;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
  height: 1px;
  width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
  width: 1px;
  height: var(--swiper-virtual-size);
}
:root {
  --swiper-navigation-size:0.44rem ;
}
.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: var(--swiper-navigation-top-offset,50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color,var(--swiper-theme-color));
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}
.swiper-button-next svg,
.swiper-button-prev svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}
.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
  transform: rotate(180deg);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset,10px);
  right: auto;
}
.swiper-button-lock {
  display: none;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: normal;
  line-height: 1;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset,10px);
  left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: opacity .3s;
  transform: translateZ(0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom,8px);
  top: var(--swiper-pagination-top,auto);
  left: 0;
  width: 100%;
}
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(.33);
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
  height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius,50%);
  background: var(--swiper-pagination-bullet-inactive-color,#000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity,.2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity,1);
  background: var(--swiper-pagination-color,var(--swiper-theme-color));
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  right: var(--swiper-pagination-right,8px);
  left: var(--swiper-pagination-left,auto);
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0;
  display: block;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: .08rem;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: transform .2s, top .2s;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, left .2s;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, right .2s;
}
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color,inherit);
}
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color,var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size,4px);
  left: 0;
  top: 0;
}
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
  width: var(--swiper-pagination-progressbar-size,4px);
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}
.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius,10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1));
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset,1%);
  bottom: var(--swiper-scrollbar-bottom,4px);
  top: var(--swiper-scrollbar-top,auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size,4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 0.01));
}
.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  left: var(--swiper-scrollbar-left,auto);
  right: var(--swiper-scrollbar-right,4px);
  top: var(--swiper-scrollbar-sides-offset,1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size,4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 0.01));
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));
  border-radius: var(--swiper-scrollbar-border-radius,10px);
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: 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%;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper.swiper-cube {
  overflow: visible;
}
.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: .6;
  z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(.5rem);
}
.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper.swiper-flip {
  overflow: visible;
}
.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property:
    transform,
    opacity,
    height;
}
.swiper.swiper-cards {
  overflow: visible;
}
.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}
.download-bar.download-bar.top-bar {
  padding: 0;
}
.download-bar.top-bar {
  padding: 0;
  background: none;
}
.download-bar.top-bar .top-bar-wrap {
  position: relative;
  width: 100%;
  height: var(--download-bar-height,1rem);
}
.download-bar.top-bar .top-banner {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.download-bar.top-bar .top-bar-close {
  position: absolute;
  top: .1rem;
  right: .1rem;
  z-index: 10;
  display: grid;
  place-items: center;
  width: .4rem;
  height: .4rem;
  background-color: #868686;
  border-radius: 50%;
}
.download-bar.top-bar .top-bar-close:after {
  position: absolute;
  inset: -.1rem;
  content: "";
}
.download-bar.top-bar .top-bar-close.transparent {
  opacity: 0;
}
.download-bar.top-bar .top-bar-close-btn {
  width: 90%;
  height: 90%;
}
.download-bar.top-bar .download-bar-btn.transparent {
  opacity: 0;
}
:root {
  --safe-area-inset-bottom:0px ;
}
@supports (padding-bottom:constant(safe-area-inset-bottom)) {
  :root {
    --safe-area-inset-bottom:min(constant(safe-area-inset-bottom),0.37rem) ;
  }
}
@supports (padding-bottom:env(safe-area-inset-bottom)) {
  :root {
    --safe-area-inset-bottom:min(env(safe-area-inset-bottom),0.37rem) ;
  }
}
@media (prefers-color-scheme:dark) {
  :root {
    --color-scheme:#000 ;
  }
}
@media (prefers-color-scheme:light) {
  :root {
    --color-scheme:#fff ;
  }
}
html {
  --unit:7.5;
  font-size: calc(100vw / var(--unit, 7.5)) !important;
}
html:root {
  --animate-duration:0.5s;
  --animate-delay:0.5s;
  --animate-repeat:1 ;
}
html[data-contain="1"] {
  width: var(--body-max-width);
  margin: 0 auto;
  font-size: calc(var(--body-max-width) / 7.5) !important;
  background: #e3e3e3;
}
html[data-contain="1"] body {
  font-size: .24rem !important;
}
html[data-contain="1"] .am-popup-body,
html[data-contain="1"] .am-popup-mask {
  width: var(--body-max-width);
  margin: 0 auto;
}
html[data-contain="1"] #mc-header {
  width: var(--body-max-width);
}
html[data-contain="1"] .bottom-modal {
  left: 50%;
  width: var(--body-max-width);
  transform: translateX(-50%);
}
html[data-contain="1"] ::-webkit-scrollbar {
  width: .06rem;
  height: .06rem;
}
html[data-contain="1"] ::-webkit-scrollbar-track {
  background: transparent;
}
html[data-contain="1"] ::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, .2);
  border-radius: .03rem;
}
html[data-contain="1"] ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, .3);
}
body {
  font-size: calc(32vw / var(--unit, 7.5)) !important;
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
#root .wysiwyg,
.outside-container .wysiwyg {
  line-height: 1.5;
  white-space: normal !important;
}
#root .wysiwyg img,
.outside-container .wysiwyg img {
  max-width: 100%;
}
#root .wysiwyg a,
.outside-container .wysiwyg a {
  word-break: break-all;
}
#root .wysiwyg *,
.outside-container .wysiwyg * {
  line-height: 1.5;
  word-break: break-word;
  white-space: normal !important;
}
#root .wysiwyg ul,
.outside-container .wysiwyg ul {
  padding-left: 2.5em;
  margin-top: 1em;
  margin-bottom: 1em;
  list-style: disc;
}
#root .wysiwyg ul li,
.outside-container .wysiwyg ul li {
  display: list-item !important;
  padding-right: 0;
  padding-left: 0;
  margin-right: 0;
  margin-left: 0;
  overflow: visible;
  list-style: disc outside;
}
#root .wysiwyg ol,
.outside-container .wysiwyg ol {
  padding-left: 2.5em;
  margin-top: 1em;
  margin-bottom: 1em;
  list-style: decimal;
}
#root .wysiwyg ol li,
.outside-container .wysiwyg ol li {
  display: list-item !important;
  padding-right: 0;
  padding-left: 0;
  margin-right: 0;
  margin-left: 0;
  overflow: visible;
  list-style: decimal outside;
}
body.dragging,
body.error-limit,
body.ios-tips-on,
body.popup-on,
html.dragging {
  overflow: hidden !important;
  -webkit-overflow-scrolling: auto !important;
}
body.dragging::-webkit-scrollbar,
body.error-limit::-webkit-scrollbar,
body.ios-tips-on::-webkit-scrollbar,
body.popup-on::-webkit-scrollbar,
html.dragging::-webkit-scrollbar {
  display: none;
}
.domain-modal .am-modal-button-group-h .am-modal-button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 .16rem;
  text-overflow: unset;
  font-size: .28rem;
  line-height: 1.2;
  word-break: break-word;
  white-space: normal;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
}
.common-logo {
  object-fit: contain;
}
svg {
  fill: currentcolor;
}
.layout-contents {
  display: contents;
}
#root .lazy-load-image-background.blur.lazy-load-image-loaded {
  filter: blur(0);
  transition: filter .14s;
}
#root .lazy-load-image-background.blur.lazy-load-image-loaded img {
  transition: opacity .15s;
}
#root .lazy-load-image-background.blur.lazy-load-image-loaded.android {
  filter: blur(0);
  transition: none;
}
#root .lazy-load-image-background.blur.lazy-load-image-loaded.android img {
  opacity: 1;
  transition: none;
}
#credential_picker_iframe {
  z-index: 2147483647 !important;
}
@media (display-mode:standalone) {
  .loading-img-container {
    background: transparent !important;
  }
}
.swiper-container {
  position: relative;
  z-index: 1;
  padding: 0;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
  list-style: none;
}
.red {
  color: red;
}
.svg-gradient {
  position: absolute;
  visibility: hidden;
  width: 0;
  height: 0;
  pointer-events: none;
}
.mobile-box {
  position: relative;
}
input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
  background-color: transparent;
  box-shadow: inset 0 0 0 10rem transparent;
  -webkit-text-fill-color: #000;
}

/* src/memberCenter.c9fbf00d.css */
/*! 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: .67em 0;
}
figcaption,
figure,
main {
  display: block;
}
figure {
  margin: 1em .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: -.25em;
}
sup {
  top: -.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: .35em .75em .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: -.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: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(.55, 0, .55, .2);
  animation-timing-function: cubic-bezier(.55, 0, .55, .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: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(.55, 0, .55, .2);
  animation-timing-function: cubic-bezier(.55, 0, .55, .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: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(.55, 0, .55, .2);
  animation-timing-function: cubic-bezier(.55, 0, .55, .2);
  -webkit-animation-timing-function: cubic-bezier(.18, .89, .32, 1.28);
  animation-timing-function: cubic-bezier(.18, .89, .32, 1.28);
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.am-zoom-leave {
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(.55, 0, .55, .2);
  animation-timing-function: cubic-bezier(.55, 0, .55, .2);
  -webkit-animation-timing-function: cubic-bezier(.6, -.3, .74, .05);
  animation-timing-function: cubic-bezier(.6, -.3, .74, .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: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(.55, 0, .55, .2);
  animation-timing-function: cubic-bezier(.55, 0, .55, .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: .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, .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: .14rem;
  height: auto;
  padding-top: .3rem;
}
.am-modal.am-modal-transparent .am-modal-content .am-modal-body {
  padding: 0 .3rem .3rem;
}
.am-modal-title {
  margin: 0;
  font-size: .36rem;
  line-height: 1;
  color: #000;
  text-align: center;
}
.am-modal-header {
  padding: .12rem .3rem .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: .3rem;
  z-index: 999;
  height: .42rem;
  width: .42rem;
}
.am-modal-close-x {
  display: inline-block;
  width: .3rem;
  height: .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: .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: .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: .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: .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: .18rem;
  border-top: 1px solid #ddd;
  border-top-left-radius: .06rem;
  border-top-right-radius: .06rem;
}
.am-modal-input:last-child {
  border-bottom-left-radius: .06rem;
  border-bottom-right-radius: .06rem;
}
.am-modal-input input {
  border: 0;
  width: 98%;
  height: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: .06rem 0;
}
.am-modal-input input::-webkit-input-placeholder {
  font-size: .28rem;
  color: #ccc;
  padding-left: .16rem;
}
.am-modal-input input:-ms-input-placeholder {
  font-size: .28rem;
  color: #ccc;
  padding-left: .16rem;
}
.am-modal-input input::placeholder {
  font-size: .28rem;
  color: #ccc;
  padding-left: .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: .18rem .48rem .24rem;
}
.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-header .am-modal-title {
  text-align: left;
  font-size: .42rem;
  color: #000;
}
.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-body {
  color: #000;
  text-align: left;
  padding: 0 .48rem .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: .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 .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: .06rem;
  padding: 0 .3rem;
  height: .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 .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 .3rem;
  margin-left: .06rem;
  height: .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: .3rem;
}
.am-modal.am-modal-operation .am-modal-content {
  border-radius: .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: .44rem;
  height: .44rem;
}
.am-icon-xxs {
  width: .3rem;
  height: .3rem;
}
.am-icon-xs {
  width: .36rem;
  height: .36rem;
}
.am-icon-sm {
  width: .42rem;
  height: .42rem;
}
.am-icon-md {
  width: .44rem;
  height: .44rem;
}
.am-icon-lg {
  width: .72rem;
  height: .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-popup-mask {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, .4);
  height: 100%;
  z-index: 999;
}
.am-popup-close,
.am-popup-mask-hidden {
  display: none;
}
.am-popup {
  position: fixed;
  left: 0;
  width: 100%;
  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-toast {
  position: fixed;
  width: 100%;
  z-index: 1999;
  font-size: .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: .06rem;
  color: #fff;
  background-color: rgba(58, 58, 58, .9);
  line-height: 1.5;
  padding: .18rem .3rem;
}
.am-toast-notice-content .am-toast-text.am-toast-text-icon {
  border-radius: .1rem;
  padding: .3rem;
}
.am-toast-notice-content .am-toast-text.am-toast-text-icon .am-toast-text-info {
  margin-top: .12rem;
}
.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: .3rem;
  height: .87rem;
  line-height: .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: -.26rem;
  -webkit-transform: translateX(-.1rem);
  -ms-transform: translateX(-.1rem);
  transform: translateX(-.1rem);
}
.am-tabs-bar .am-tabs-tab .am-badge .am-badge-dot {
  top: -.12rem;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.am-tabs-ink-bar {
  position: absolute;
  bottom: 0;
  height: .04rem;
  background-color: #108ee9;
}
.am-tabs-ink-bar-animated {
  transition: -webkit-transform .3s cubic-bezier(.86, 0, .07, 1);
  transition: transform .3s cubic-bezier(.86, 0, .07, 1);
  transition: transform .3s cubic-bezier(.86, 0, .07, 1), -webkit-transform .3s cubic-bezier(.86, 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 .3s cubic-bezier(.86, 0, .07, 1);
  transition: transform .3s cubic-bezier(.86, 0, .07, 1);
  transition: transform .3s cubic-bezier(.86, 0, .07, 1), -webkit-transform .3s cubic-bezier(.86, 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: .5;
}
.cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, .75);
  overflow: hidden;
  width: 100%;
}
.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: .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: .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: -.03rem;
  top: 0;
  width: .07rem;
}
.cropper-center:after {
  height: .07rem;
  left: 0;
  top: -.03rem;
  width: 1px;
}
.cropper-face,
.cropper-line,
.cropper-point {
  display: block;
  height: 100%;
  opacity: .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: -.03rem;
  top: 0;
  width: .05rem;
}
.cropper-line.line-n {
  cursor: ns-resize;
  height: .05rem;
  left: 0;
  top: -.03rem;
}
.cropper-line.line-w {
  cursor: ew-resize;
  left: -.03rem;
  top: 0;
  width: .05rem;
}
.cropper-line.line-s {
  bottom: -.03rem;
  cursor: ns-resize;
  height: .05rem;
  left: 0;
}
.cropper-point {
  background-color: #39f;
  height: .05rem;
  opacity: .75;
  width: .05rem;
}
.cropper-point.point-e {
  cursor: ew-resize;
  margin-top: -.03rem;
  right: -.03rem;
  top: 50%;
}
.cropper-point.point-n {
  cursor: ns-resize;
  left: 50%;
  margin-left: -.03rem;
  top: -.03rem;
}
.cropper-point.point-w {
  cursor: ew-resize;
  left: -.03rem;
  margin-top: -.03rem;
  top: 50%;
}
.cropper-point.point-s {
  bottom: -.03rem;
  cursor: s-resize;
  left: 50%;
  margin-left: -.03rem;
}
.cropper-point.point-ne {
  cursor: nesw-resize;
  right: -.03rem;
  top: -.03rem;
}
.cropper-point.point-nw {
  cursor: nwse-resize;
  left: -.03rem;
  top: -.03rem;
}
.cropper-point.point-sw {
  bottom: -.03rem;
  cursor: nesw-resize;
  left: -.03rem;
}
.cropper-point.point-se {
  bottom: -.03rem;
  cursor: nwse-resize;
  height: .2rem;
  opacity: 1;
  right: -.03rem;
  width: .2rem;
}
@media (min-width:768px) {
  .cropper-point.point-se {
    height: .15rem;
    width: .15rem;
  }
}
@media (min-width:992px) {
  .cropper-point.point-se {
    height: .1rem;
    width: .1rem;
  }
}
@media (min-width:1200px) {
  .cropper-point.point-se {
    height: .05rem;
    opacity: .75;
    width: .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: .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: .05rem .09rem !important;
}
.profile-swiper-container .am-modal-footer {
  padding: 0 .4rem .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: .8rem;
  line-height: .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: .1rem;
  padding-top: .3rem !important;
  text-align: center !important;
  background: url(https://www.ck444.pro/mobile/mc/icon_modal.a093c1c9.png) no-repeat !important;
  background-position: 50%;
  border-bottom-left-radius: .14rem;
  border-bottom-right-radius: .14rem;
}
.profile-swiper-container .am-modal-button {
  border-radius: .5rem;
  color: #fff !important;
  background-color: #ec2529;
  font-size: .33rem;
  border-top: none !important;
}
.profile-swiper-container .am-modal-header {
  position: relative;
  display: none !important;
  top: .02rem;
  border-top-left-radius: .14rem;
  border-top-right-radius: .14rem;
  font-weight: 700;
  padding-top: .16rem;
}
.mc-profile-item {
  width: 1.15rem;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  border-radius: 50%;
  position: relative;
  height: 1.15rem;
  margin: .05rem .12rem;
}
.mc-profile-item div {
  text-align: center;
}
.mc-profile-item img {
  position: absolute;
  border: .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: .26rem;
  position: relative;
}
.close-modal {
  width: .26rem;
  height: .26rem;
  position: absolute;
  right: 0;
  top: 0;
  background: url(https://www.ck444.pro/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: -.12rem;
  color: #0d0d0d;
  font-size: .3rem;
  margin: 0 .2rem;
}
.mc-profile-swiper-nav svg {
  width: .64rem;
  height: .64rem;
  fill: #0d0d0d;
}
.mc-profile-swiper-nav svg.dis {
  fill: #d4d4d4;
}
.mc-profile-swiper-nav span {
  display: inline-block;
  position: relative;
  top: .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: .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: .7rem;
  font-size: 0;
  bottom: 0;
  width: 100%;
}
.crop-thumb-footer span {
  display: inline-block;
  width: 50%;
  font-size: .28rem;
  text-align: center;
  color: #fff;
  margin-top: .16rem;
}
.crop-thumb-footer .crop-thumb-scale {
  color: #fff;
  position: absolute;
  width: 100%;
  top: -.5rem;
}
.crop-thumb-footer .crop-thumb-scale div {
  display: inline-block;
  font-size: .3rem;
  width: 50%;
  height: .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: .5rem .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: .5rem .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: .2rem 0;
  font-size: .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: .1rem;
  height: .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: .02rem solid #fff;
}
.cropper-crop-box *,
.cropper-crop-box .cropper-point {
  background-color: #fff;
}
.profile-swiper-drop-title {
  color: #434343;
  margin-bottom: .2rem;
  text-align: left;
  font-family: MicrosoftYaHei;
  font-size: .26rem;
  padding-left: .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: .5rem;
  height: .5rem;
}
.mc-app-download-wrapper .modal-wrap {
  border-radius: .3rem;
  background:
    linear-gradient(
      180deg,
      #f5faff,
      #fff 15%,
      #fff 91.93%,
      #f5faff);
  position: relative;
  padding: .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: -.83rem;
  left: .43rem;
  width: 1.76rem;
  height: 1.6rem;
  background: url(https://www.ck444.pro/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: .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: .22rem;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  height: .6rem;
  min-width: 2.1rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-right: .22rem;
  background-color: #e8f1ff;
  border-radius: 0 .3rem 0 0;
}
.mc-app-download-wrapper .modal-info .modal-bottom {
  display: flex;
  flex-direction: column;
  padding: .3rem .15rem;
  gap: .2rem;
  border-radius: .3rem 0 .3rem .3rem;
  background:
    linear-gradient(
      0deg,
      #d9e4f7 9.5%,
      #e8f1ff);
  box-shadow: -.07rem .03rem .07rem rgba(5, 54, 103, .2);
}
.mc-app-download-wrapper .modal-info .modal-bottom .modal-item {
  display: flex;
  gap: .3rem;
  border-radius: .16rem;
  background: #fff;
  padding: .15rem .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: .2rem;
  color: #111827;
  font-size: .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: .4rem;
  height: .4rem;
}
.mc-app-download-wrapper .modal-info .modal-bottom .modal-item .down-btn {
  min-width: 1.7rem;
  height: .5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 .1rem;
  color: #fff;
  font-size: .22rem;
  font-weight: 700;
  border-radius: .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: .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: .3rem;
  font-size: .32rem;
}
.am-navbar-left-icon {
  margin-right: .1rem;
  display: inherit;
}
.am-navbar-title {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: .36rem;
  white-space: nowrap;
}
.am-navbar-right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  font-size: .32rem;
  margin-right: .3rem;
}
.am-navbar-right .anticon {
  margin-right: .1rem;
}
.am-navbar-right .anticon:last-child {
  margin-right: 0;
}
.am-navbar-right-content {
  margin-right: .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: .1rem;
  overflow: hidden;
  min-height: .54rem;
  opacity: 1;
}
.am-segment.am-segment-disabled {
  opacity: .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: .28rem;
  line-height: 1;
  transition: background .2s;
  position: relative;
  border: .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: .02rem;
  border-radius: .1rem 0 0 .1rem;
}
.am-segment-item:last-child {
  border-radius: 0 .1rem .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: .1;
  transition: background .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: .36rem;
  height: .94rem;
  line-height: .94rem;
  border-radius: .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 .3rem;
}
.am-button-small {
  font-size: .26rem;
  height: .6rem;
  line-height: .6rem;
  padding: 0 .3rem;
  border-radius: .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: .5em;
}
.nodata-container {
  color: #1296db;
  font-size: .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: .5rem;
  text-align: center;
  height: 100%;
}
.not-con .nodata-icon {
  height: 4rem;
  width: 4rem;
  margin-top: 2rem;
}
.spec-model-no-data {
  background: url(https://www.ck444.pro/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: .4rem;
}
.bet-no-data-title {
  color: #b5b5b5;
  font-size: .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 .2rem;
  height: 100%;
  line-height: 1rem;
}
.help-detail-container .help-detail .help-tab li.act {
  color: #2184f4;
  font-size: .36rem;
  font-weight: 700;
}
.help-detail-container .help-detail .help-content {
  padding: .4rem .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: .2rem;
  background: #f8f9fb;
  content: "";
  top: 0;
  left: 0;
}
.help-detail-container .help-detail .tag-container {
  overflow-x: scroll;
  white-space: nowrap;
  padding: 0 .2rem .2rem;
}
.help-detail-container .help-detail .tag-container > span {
  display: inline-block;
  padding: .1rem .2rem;
  border-radius: .3rem;
  font-size: .24rem;
  background: #f2f2f2;
  color: #64656b;
  margin-right: .1rem;
}
.help-detail-container .help-detail .tag-container > span.on {
  color: #fff;
  background: #2184f4;
  box-shadow: .06rem 0 .16rem rgba(33, 132, 244, .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: .3rem;
}
#root .mc-header-wrap .am-navbar-right .am-icon-voucher_list {
  margin-left: .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: .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: -.15rem;
  right: .32rem;
  min-width: .3rem;
  height: .3rem;
  background: #ec2529;
  color: #fff;
  border-radius: .2rem;
  font-size: .2rem;
  padding: 0 .05rem;
  line-height: .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: .2rem;
}
#root .help-center-icon {
  margin-left: .2rem;
}
#root .mc-navbar-blue {
  top: 0;
  width: 100%;
  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: .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 .15rem;
}
#root .mc-navbar-blue .to-record .more-icon {
  width: .44rem;
  height: .44rem;
  color: #fff;
  background-repeat: no-repeat;
  background-size: contain;
}
#root .mc-navbar-blue .to-record img,
#root .mc-navbar-blue .to-record svg {
  width: .44rem;
  height: .44rem;
  fill: #fff;
}
#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: .3rem;
}
.service-modal-container {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .6);
  z-index: 999999;
  top: 0;
  left: 0;
}
.service-modal-container .smc-content {
  width: 5.8rem;
  padding: 0 .64rem .38rem;
  background-color: #fff;
  border-radius: .2rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.service-modal-container .smc-content > svg {
  position: absolute;
  right: 0;
  top: -.8rem;
  fill: #fff;
  width: .7rem;
  height: .7rem;
}
.service-modal-container .smc-content h2 {
  text-align: center;
  font-size: .32rem;
  font-weight: 700;
  font-stretch: normal;
  line-height: .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: .92rem;
  border-radius: .16rem;
  margin-bottom: .26rem;
  position: relative;
  padding: 0 .2rem 0 .4rem;
  color: #666;
  display: flex;
  align-items: center;
  gap: .4rem;
  font-size: .24rem;
}
.service-modal-container .smc-content li .item-icon {
  flex: 0 0 0.66rem;
  width: .66rem;
  height: .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: .36rem;
  height: .36rem;
}
.service-modal-container .smc-content li .item-icon svg {
  width: .4rem;
  height: .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, .16);
}
.service-modal-container .smc-content li:nth-child(4n+1) .item-icon {
  background: #e84530;
  box-shadow: 0 0 .24rem 0 #e84530;
}
.service-modal-container .smc-content li:nth-child(4n+2) {
  background-color: rgba(119, 130, 253, .16);
}
.service-modal-container .smc-content li:nth-child(4n+2) .item-icon {
  background: #6976fc;
  box-shadow: 0 0 .24rem 0 #6976fc;
}
.service-modal-container .smc-content li:nth-child(4n+3) {
  background-color: rgba(246, 153, 0, .16);
}
.service-modal-container .smc-content li:nth-child(4n+3) .item-icon {
  background: #ffa000;
  box-shadow: 0 0 .24rem 0 #ffa000;
}
.service-modal-container .smc-content li:nth-child(4n+4) {
  background-color: rgba(29, 199, 144, .16);
}
.service-modal-container .smc-content li:nth-child(4n+4) .item-icon {
  background: #0ebb84;
  box-shadow: 0 0 .24rem 0 #0ebb84;
}
.service-modal-container .smc-content li:nth-child(4n+5) {
  background: rgba(0, 235, 119, .16);
}
.service-modal-container .smc-content li:nth-child(4n+5) .item-icon {
  background: #00eb77;
  box-shadow: 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: .15rem;
    left: .15rem;
    width: .7rem;
    height: .7rem;
    background-color: hsla(0, 0%, 44%, .85);
    border-radius: .12rem;
  }
  @supports (top:env(safe-area-inset-top)) {
    .embedded-launch .go-back-btn.go-back-btn {
      top: calc(.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: -.15rem;
    top: -.15rem;
    right: -.15rem;
    bottom: -.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: -.2rem;
  right: -.2rem;
  left: -.2rem;
  bottom: -.2rem;
}
.remove-font-size.large-2 .launch-hide-btn.landscape {
  top: calc(50% - .15rem) !important;
  left: -.3rem;
}
.remove-font-size.large-2 .launch-hide-btn.landscape svg {
  width: .4rem;
  height: .4rem;
  padding-bottom: .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;
}
.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: .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: .3rem;
  text-align: center;
  background-color: hsla(0, 0%, 44%, .85);
  border-bottom-left-radius: .2em;
  border-bottom-right-radius: .2em;
}
.embedded-launch .launch-hide-btn:after {
  content: "";
  position: absolute;
  left: -.2rem;
  top: -.1rem;
  right: -.2rem;
  bottom: -.2rem;
}
.embedded-launch .launch-hide-btn .am-icon {
  width: .3rem;
  height: .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%, .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 .25s ease;
}
.classic #mc-header.anim-hide .launch-hide-btn {
  animation: hide-btn-show .25s ease forwards;
}
.classic #mc-header.anim-show {
  animation: header-show .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;
}
.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;
}
.launch-hide-btn .am-icon {
  width: 0.3rem;
  height: 0.3rem;
}
.am-navbar-left {
  padding-left: 0.3rem !important;
  position: relative;
}
.am-navbar-right {
  position: relative;
  font-size: 0.32rem;
}
.am-navbar-right .records {
  height: 0.72rem !important;
  line-height: 0.72rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  white-space: nowrap;
}
.am-navbar-right .records i {
  margin-right: .2rem;
  background-image: linear-gradient(#f1c78b, #bd9161);
  border-radius: 0.5rem;
  box-shadow: 0 0 .1rem rgba(0, 0, 0, .35);
  display: inline-block;
  font-style: normal;
  padding: 0 .4rem 0 .8rem;
  color: #fff;
  position: relative;
}
.am-navbar-right .records i:before {
  content: "";
  background: url("./media/deposit_icon.0433fce9.png");
  width: 0.48rem;
  height: 0.48rem;
  left: .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: .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: .06rem;
}
.remove-font-size .am-toast-notice-content .am-toast-text.am-toast-text-icon {
  padding: .15rem;
  font-size: .14rem;
  border-radius: .05rem;
}
.remove-font-size .am-toast-notice-content .am-toast-text.am-toast-text-icon .am-icon-lg {
  width: .36rempx;
  height: .36rempx;
}
.remove-font-size #root #mc-header {
  height: .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 .25s ease;
}
.remove-font-size #root #mc-header.anim-hide .launch-hide-btn {
  animation: hide-btn-show .25s ease forwards;
}
.remove-font-size #root #mc-header.anim-show {
  animation: header-show .25s ease forwards;
  height: .5rem !important;
  font-size: .22rem !important;
}
.remove-font-size #root #mc-header.anim-show .am-icon-lg,
.remove-font-size #root .game-back-icon {
  width: .34rem !important;
  height: .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: .5rem;
  width: .6rem;
  height: .15rem;
  border-bottom-right-radius: .04rem;
  border-bottom-left-radius: .04rem;
}
.remove-font-size #root .launch-hide-btn .am-icon {
  width: .15rem;
  height: .15rem;
}
.remove-font-size #root .am-navbar-left {
  padding-left: .15rem !important;
  position: relative;
}
.remove-font-size #root .am-navbar-right {
  position: relative;
  font-size: .16rem;
}
.remove-font-size #root .am-navbar-right .records {
  height: .36rem !important;
  line-height: .36rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  white-space: nowrap;
}
.remove-font-size #root .am-navbar-right .records i {
  margin-right: .2rem;
  background-image: linear-gradient(#f1c78b, #bd9161);
  border-radius: .25rem;
  box-shadow: 0 0 .1rem rgba(0, 0, 0, .35);
  display: inline-block;
  font-style: normal;
  padding: 0 .4rem 0 .8rem;
  color: #fff;
  position: relative;
}
.remove-font-size #root .am-navbar-right .records i:before {
  content: "";
  background: url(https://www.ck444.pro/mobile/mc/deposit_icon.0433fce9.png);
  width: .24rem;
  height: .24rem;
  left: .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: .12rem;
}
.remove-font-size.large-2 .am-toast-notice-content .am-toast-text.am-toast-text-icon {
  padding: .3rem;
  font-size: .28rem;
  border-radius: .1rem;
}
.remove-font-size.large-2 .am-toast-notice-content .am-toast-text.am-toast-text-icon .am-icon-lg {
  width: .72rempx;
  height: .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 .25s ease;
}
.remove-font-size.large-2 #root #mc-header.anim-hide .launch-hide-btn {
  animation: hide-btn-show .25s ease forwards;
}
.remove-font-size.large-2 #root #mc-header.anim-show {
  animation: header-show .25s ease forwards;
  height: 1rem !important;
  font-size: .44rem !important;
}
.remove-font-size.large-2 #root #mc-header.anim-show .am-icon-lg {
  width: .68rem !important;
  height: .68rem !important;
}
.remove-font-size.large-2 #root .game-back-icon {
  width: .68rem !important;
  height: .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: .3rem;
  border-bottom-right-radius: .08rem;
  border-bottom-left-radius: .08rem;
}
.remove-font-size.large-2 #root .launch-hide-btn .am-icon {
  width: .3rem;
  height: .3rem;
}
.remove-font-size.large-2 #root .am-navbar-left {
  padding-left: .3rem !important;
  position: relative;
}
.remove-font-size.large-2 #root .am-navbar-right {
  position: relative;
  font-size: .32rem;
}
.remove-font-size.large-2 #root .am-navbar-right .records {
  height: .72rem !important;
  line-height: .72rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  white-space: nowrap;
}
.remove-font-size.large-2 #root .am-navbar-right .records i {
  margin-right: .2rem;
  background-image: linear-gradient(#f1c78b, #bd9161);
  border-radius: .5rem;
  box-shadow: 0 0 .1rem rgba(0, 0, 0, .35);
  display: inline-block;
  font-style: normal;
  padding: 0 .4rem 0 .8rem;
  color: #fff;
  position: relative;
}
.remove-font-size.large-2 #root .am-navbar-right .records i:before {
  content: "";
  background: url(https://www.ck444.pro/mobile/mc/deposit_icon.0433fce9.png);
  width: .48rem;
  height: .48rem;
  left: .2rem;
  background-size: 100% auto;
  margin-top: -1px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.amount-balance-common {
  display: 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: .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: .12rem;
  display: flex;
  flex-direction: column;
  gap: .19rem;
}
.memberInfo-theme-wrapper .member-info .profile .profile-info .user-name .copy-account {
  display: flex;
  align-items: center;
  gap: .1rem;
  color: #000;
  font-size: .32rem;
  font-weight: 600;
}
.memberInfo-theme-wrapper .member-info .profile .profile-info .user-name .copy-account svg {
  width: .3rem;
  height: .3rem;
  fill: rgba(37, 37, 37, .6);
}
.memberInfo-theme-wrapper .member-info .profile .profile-info .nickname-edit {
  color: #444;
  font-size: .24rem;
  font-weight: 400;
  display: flex;
  align-items: center;
}
.memberInfo-theme-wrapper .member-info .profile .profile-info .nickname-edit svg {
  width: .28rem;
  height: .28rem;
  margin-left: .05rem;
  fill: rgba(37, 37, 37, .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: .24rem;
  margin-right: .1rem;
}
.memberInfo-theme-wrapper .member-info .member-top-wrap svg {
  width: .42rem;
  height: .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: -.21rem;
  right: -.21rem;
  border-radius: .14857rem .14857rem .14857rem 0;
}
.memberInfo-theme-wrapper .profile-detail-wrapper {
  margin-top: .3rem;
  width: 100%;
  background:
    linear-gradient(
      90deg,
      #34405f,
      #56688c);
  background-blend-mode: overlay;
  border-radius: .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: .16rem 0;
  padding: 0 .2rem;
}
.memberInfo-theme-wrapper .profile-detail-wrapper .current-wallet {
  color: #fff;
  font-size: .4rem;
  display: flex;
  align-items: center;
  margin-right: .1rem;
}
.memberInfo-theme-wrapper .profile-detail-wrapper .current-wallet .number-mc {
  margin-left: .05rem;
}
.memberInfo-theme-wrapper .profile-detail-wrapper .current-wallet svg {
  width: .32rem;
  height: .32rem;
  fill: hsla(0, 0%, 100%, .6);
  margin-left: .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%, .8);
  font-size: .22rem;
  font-weight: 500;
  line-height: 1;
  position: relative;
  display: flex;
  align-items: center;
  padding: 0;
  margin-left: .36rem;
}
.memberInfo-theme-wrapper .profile-detail-wrapper .common-member-level .member-level-name:before {
  content: "";
  position: absolute;
  left: -.36rem;
  top: 50%;
  transform: translateY(-50%);
  width: .3rem;
  height: .3rem;
  background: url(https://www.ck444.pro/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%, .8);
  font-size: .22rem;
  font-weight: 400;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABuSURBVHgBlZE9DoAwCIWBGK/i5NTJybM7OfUAXsWlQoIJwZbalzSvTT9+AgCsUsoqBxqa1DeFZ0TMHiL1Qz0xmDyE74U/F7Zdn9lmRBvRAtGnroEfqAKeBH3d9KPcNdZ4dwQRICJZRQTYXlK04AdzWkIBKbsNvwAAAABJRU5ErkJggg==) no-repeat 100%/.1rem .1rem;
  padding-right: .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%, .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: .24rem;
  color: hsla(0, 0%, 100%, .8);
  font-weight: 500;
}
.memberInfo-theme-wrapper .profile-detail-wrapper .detail-mid {
  display: flex;
  align-items: center;
  margin-bottom: .16rem;
  padding: 0 .2rem;
}
.memberInfo-theme-wrapper .profile-detail-wrapper .detail-mid svg {
  width: .2rem;
  height: .2rem;
  fill: hsla(0, 0%, 100%, .8);
}
.memberInfo-theme-wrapper .profile-detail-wrapper .detail-mid .mid-item {
  flex: 1 1 0%;
  display: flex;
  align-items: center;
  gap: .08rem;
  color: hsla(0, 0%, 100%, .6);
  font-size: .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 .2rem .2rem;
  background: rgba(0, 0, 0, .3);
  display: flex;
  justify-content: space-between;
  padding: .1rem .2rem;
  gap: .1rem;
  min-height: .62rem;
}
.memberInfo-theme-wrapper .profile-detail-wrapper .detail-bottom .bottom-item {
  flex: 1 1 0%;
  display: flex;
  align-items: center;
  gap: .04rem;
  font-size: .24rem;
  font-weight: 400;
  color: #fff;
  justify-content: center;
}
.memberInfo-theme-wrapper .profile-detail-wrapper .detail-bottom .bottom-item svg {
  width: .26rem;
  height: .26rem;
  fill: #fff;
}
.memberInfo-theme-wrapper .profile-detail-wrapper .detail-bottom .bottom-item .item-txt {
  word-break: break-word;
  max-width: calc(100% - .3rem);
}
.default-member-wrapper {
  width: 100%;
  min-height: 4.46rem;
  border-radius: .28rem 0 0 .28rem;
  background:
    linear-gradient(
      248deg,
      #f1f9ff,
      #b3bcc8);
  padding: .76rem .5rem .5rem;
  display: flex;
  flex-direction: column;
  gap: .22rem;
  position: relative;
  overflow: hidden;
}
.default-member-wrapper:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(https://www.ck444.pro/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: .5;
  -webkit-filter: blur(.5px);
  filter: blur(.5px);
}
.default-member-header {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
  gap: .3rem;
}
.default-member-header .profile-icon {
  width: 1.73rem;
  height: 1.73rem;
  border-radius: 50%;
  border: .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: .2rem;
}
.default-member-header .member-info .vip-tag {
  display: flex;
  align-items: center;
  gap: .08rem;
  padding: 0 .16rem;
  min-width: 1.5rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: .49rem;
  border-radius: .6rem;
  border: .02rem solid hsla(0, 0%, 100%, .2);
  background:
    linear-gradient(
      180deg,
      hsla(0, 0%, 40%, .9),
      rgba(67, 72, 81, .9));
  -webkit-backdrop-filter: blur(.1rem);
  backdrop-filter: blur(.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%, .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: .24rem;
  font-weight: 700;
  text-shadow: 0 .02rem 0 rgba(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: .31rem;
  height: .33rem;
  object-fit: contain;
}
.default-member-header .member-info .account-wrapper {
  color: #000;
  font-size: .3rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: .1rem;
}
.default-member-header .member-info .account-wrapper svg {
  width: .35rem;
  height: .35rem;
}
.default-member-header .member-info .nickname-wrapper {
  display: flex;
  align-items: center;
  color: #666;
  font-size: .24rem;
  font-weight: 700;
  gap: .1rem;
}
.default-member-header .member-info .nickname-wrapper svg {
  width: .31rem;
  height: .31rem;
  fill: #666;
}
.default-member-header .member-info .nickname-wrapper .name-text {
  word-break: break-word;
}
.default-member-mid {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  gap: .05rem;
  z-index: 1;
}
.default-member-mid .current-wallet {
  flex: 1 1 0%;
  display: flex;
  align-items: center;
  color: #434851;
  font-size: .4rem;
  font-weight: 600;
  margin-right: .05rem;
}
.default-member-mid .refresh-btn {
  display: inline-flex;
  align-items: center;
}
.default-member-mid .refresh-btn svg {
  width: .32rem;
  height: .32rem;
  fill: #979797;
}
.default-member-mid .refresh-btn .refresh-balance.loading {
  animation: rotate-full .5s infinite linear;
}
.default-member-footer-wrapper {
  position: relative;
  width: 100%;
}
.default-member-footer-wrapper .member-arrow svg {
  width: .36rem;
  height: .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: .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: .15rem 0 0;
  padding: 0 .1rem .15rem;
  gap: .16rem;
  width: -webkit-max-content;
  width: max-content;
}
.default-member-footer.equal {
  justify-content: space-evenly;
  width: 100%;
  padding: .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: .54rem;
  padding: 0 .2rem;
  border-radius: .3rem;
  background:
    linear-gradient(
      0deg,
      hsla(0, 0%, 100%, .7),
      hsla(0, 0%, 100%, .3) 33.33%,
      hsla(0, 0%, 100%, 0) 67%,
      #fff);
  box-shadow: 0 .02rem .1rem 0 hsla(0, 0%, 43%, .5);
  font-size: .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: .26rem;
  font-weight: 500;
}
.main-language-wrap .language-item {
  height: .98rem;
  display: flex;
  align-items: center;
  gap: .14rem;
}
.main-language-wrap .language-item svg {
  width: .1rem;
  height: .22rem;
  transition: transform .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: .36rem;
  height: .36rem;
  background: url(https://www.ck444.pro/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: .48rem;
  height: .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, .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, .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, .1);
  --agent-footer-svg: #ff322c;
  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);
  --vip-font-color:
    linear-gradient(
      180deg,
      #edc87f,
      #edc87f);
  --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-btn-color: #fff;
  --mycard-shadow: 0 0.02rem 0.06rem 0 rgba(0, 0, 0, .7);
  --svg-default-fill: #edc87f;
  --list-item-bg: #1e1e1e;
  --list-box-shadow: 0 0.02rem 0.06rem 0 rgba(51, 51, 51, .7);
  --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 ;
}
.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: .12rem;
  top: .12rem;
  min-width: .36rem;
  height: .36rem;
  background: #da394f;
  border-radius: 50%;
  color: #fff;
  font-size: .22rem;
  font-weight: 600;
}
.t4-container .t4-header {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: .27rem auto .4rem;
  width: calc(100% - .68rem);
  border-radius: .3rem;
  background: var(--header-bg);
  position: relative;
  overflow: hidden;
  padding: .32rem .32rem .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: .5rem;
  background: var(--header-bg2);
  right: -.5rem;
  top: -1.4rem;
  z-index: -1;
}
.t4-container .t4-header .memberInfo-t4-wrap {
  display: flex;
  align-items: stretch;
  min-height: 1rem;
  gap: .16rem;
}
.t4-container .t4-header .memberInfo-t4-wrap .profile-img {
  width: .82rem;
  height: .82rem;
}
.t4-container .t4-header .memberInfo-t4-wrap .profile-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: .1rem;
  border-radius: .16rem;
  background: hsla(0, 0%, 100%, .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: .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: .12rem;
  color: var(--nickname-font-colot);
  font-size: .2rem;
  font-weight: 400;
}
.t4-container .t4-header .memberInfo-t4-wrap .vip-wrap {
  font-size: .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: .88rem;
  height: .52rem;
  border-radius: .5rem;
  background: rgba(0, 0, 0, .1);
  align-self: flex-start;
}
.t4-container .t4-header .memberInfo-t4-wrap .sign-in a {
  font-size: .24rem;
  font-weight: 600;
  color: #fff;
}
.t4-container .t4-header .memberInfo-amount-wrap {
  margin-top: .12rem;
  display: flex;
  align-items: center;
}
.t4-container .t4-header .memberInfo-amount-wrap .amount-item {
  flex: 1 1 0%;
  padding: .12rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
  border-radius: .12rem;
  background: hsla(0, 0%, 100%, .1);
  box-shadow: 0 .02rem .04rem 0 rgba(0, 0, 0, .25);
  -webkit-backdrop-filter: blur(.1rem);
  backdrop-filter: blur(.1rem);
  font-size: .24rem;
  font-weight: 400;
  color: hsla(0, 0%, 100%, .8);
  min-height: 1rem;
}
.t4-container .t4-header .memberInfo-amount-wrap .amount-item:not(:first-child) {
  margin-left: .16rem;
}
.t4-container .t4-header .memberInfo-amount-wrap .amount-item .item-num {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: .12rem;
  color: #fff;
  font-weight: 800;
}
.t4-container .t4-button-group {
  margin: .4rem auto;
  display: flex;
  align-items: stretch;
  gap: .28rem;
  width: calc(100% - .68rem);
}
.t4-container .t4-button-group .button-item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1 1 0%;
  border-radius: .5rem;
  min-height: .6rem;
  padding: .05rem .2rem;
  font-size: .24rem;
  font-weight: 600;
  color: #fff;
  gap: .08rem;
}
.t4-container .t4-button-group .button-item.deposit {
  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.mycard {
  border: .02rem solid hsla(0, 0%, 100%, .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: .36rem;
  height: .36rem;
}
.t4-container .member-home-t4 {
  flex: 1 1 0%;
  width: calc(100% - .68rem);
  margin: 0 auto;
  padding: 0 0 1rem;
}
.t4-container .member-home-t4.agent {
  padding: 0 0 .4rem;
}
.t4-container .member-home-t4 .t4-list-wrap {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: .32rem .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: .2rem;
  border: .02rem solid hsla(0, 0%, 100%, .1);
  background: var(--list-item-bg);
  box-shadow: var(--list-box-shadow);
  padding: .24rem .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: .44rem;
  height: .44rem;
  fill: var(--svg-default-fill);
}
.t4-container .member-home-t4 .t4-list-item .item-txt {
  margin-top: .12rem;
  font-size: .24rem;
  font-weight: 600;
  color: #fff;
}
.t4-container .t4-header-agent {
  display: flex;
  flex-direction: column;
  margin: .27rem auto .4rem;
  width: calc(100% - .68rem);
  border-radius: .3rem;
  background: var(--header-bg);
  position: relative;
  overflow: hidden;
  padding: .32rem .32rem .46rem;
  z-index: 1;
  min-height: 3.38rem;
  color: #fff;
  font-size: .28rem;
  font-weight: 400;
}
.t4-container .t4-header-agent .agent-info {
  display: flex;
  align-items: center;
  gap: .12rem;
}
.t4-container .t4-header-agent .agent-info img {
  width: .4rem;
  height: .4rem;
}
.t4-container .t4-header-agent .agent-amount {
  margin: .3rem 0 .45rem;
  display: flex;
  align-items: center;
  gap: .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: .6rem;
  font-weight: 600;
}
.t4-container .t4-header-agent .agent-button-group {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 .2rem;
  gap: .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: .41rem;
  gap: .15rem;
  min-height: .82rem;
  padding: .05rem .2rem;
  font-size: .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: .42rem;
  height: .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: .48928rem;
  height: .48985rem;
}
.t4-container .t4-agent-footer .t4-list-item.dividend svg {
  width: .44rem;
  height: .37rem;
}
.t4-container .t4-agent-footer .t4-list-item.notice svg {
  width: .42999rem;
  height: .40999rem;
}
.t4-container .t4-agent-footer .t4-list-item .item-icon {
  position: relative;
  height: .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: .5rem;
  height: .5rem;
}
.t4-container .t4-agent-footer .unread-count {
  right: -.3rem;
  top: -.24rem;
  -webkit-filter: drop-shadow(0 .03rem .08rem rgba(236, 72, 97, .5));
  filter: drop-shadow(0 .03rem .08rem rgba(236, 72, 97, .5));
}
.t4-container .t4-agent-footer .item-txt {
  margin-top: .07rem;
  font-size: .24rem;
  font-weight: 400;
  color: #fff;
}
.t4-container .t4-agent-overview {
  width: calc(100% - .68rem);
  margin: 0 auto .4rem;
  display: flex;
  align-items: center;
  border-radius: .2rem;
  background: var(--agent-overview-bg);
  box-shadow: 0 .1rem .3rem 0 rgba(0, 0, 0, .12);
  min-height: 1.6rem;
  color: var(--agent-overview-color);
  font-size: .24rem;
  font-weight: 400;
}
.t4-container .t4-agent-overview .content-item {
  flex: 1 1 0%;
  position: relative;
  padding: 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: .02rem;
  height: .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: .6rem;
  font-size: .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,
html[data-contain="1"] body.mc-layout-wrapper .withdraw-container-v2 {
  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: .4rem;
  width: 100%;
  padding: .3rem .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 .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 .5s;
}
.sliding-exit {
  position: absolute;
  top: 0;
  opacity: 1;
  transform: translateX(0);
}
.sliding-exit-active {
  transition: all .5s;
}
.sliding-exit-active,
.sliding-out-enter {
  opacity: 0;
  transform: translateX(-100%);
}
.sliding-out-enter-active {
  opacity: 1;
  transform: none;
  transition: all .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 .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: .26rem;
}
.flex-text {
  font-size: .35rem;
  height: 1.05rem;
  margin: .15rem .4rem .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 .05rem .189rem .021rem rgba(5, 0, 0, .11);
}
.btn-gray,
.v-detail-base .btn-success {
  border-radius: .15rem !important;
  transition: all .3s linear;
}
.v-detail-base .btn-success {
  background: unset;
  background-image: -webkit-linear-gradient(-90deg, #ff3a3e, #ff1e30);
  box-shadow: 0 .1rem .2rem 0 rgba(255, 0, 16, .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: .3rem;
  left: 50%;
  transform: translateX(-50%);
}
.bank-select {
  margin: .15rem .4rem .05rem !important;
  border-radius: .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: .3rem;
}
#mc-animate-container .flex-shrink1 {
  flex-shrink: 1;
}
#recaptcha-container,
#recaptcha-container-v2 {
  display: none;
}
.default-font-size {
  font-size: .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: .16rem;
  min-width: .2rem;
}
.am-flexbox .am-flexbox-item:first-child {
  margin-left: 0;
}
.v-base .time-zone-container .time-zone-tips {
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  z-index: 999;
  padding: .04rem 0;
  line-height: .44rem;
  background: #fef0f0;
  color: #ff1212;
  border-top: 1px solid #ff1212;
  text-align: center;
  font-size: .24rem;
}
.v-base .time-zone-container .time-zone-tips .warn-icon {
  position: relative;
  top: .08rem;
  margin-right: .2rem;
}
.v-base .time-zone-container .list-wrapper .scroll-inner-container {
  padding-bottom: .6rem;
}
.v-base .time-zone-container .list-wrapper .pullup-wrapper {
  bottom: .7rem;
}
.v-base .time-zone-container .time-zone-space-p {
  padding-bottom: .8rem;
}
.v-base .time-zone-container .time-zone-space-p__small {
  padding-bottom: .6rem;
}
.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: .3rem .3rem .18rem;
  font-size: .28rem;
  color: #888;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
}
.am-list-footer {
  padding: .18rem .3rem .3rem;
  font-size: .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: .3rem;
  min-height: .88rem;
  background-color: #fff;
  vertical-align: middle;
  overflow: hidden;
  transition: background-color .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 .2s cubic-bezier(.4, 0, 1, 1),
    background-color .2s cubic-bezier(.4, 0, .2, 1),
    color .2s cubic-bezier(.4, 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%, .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: .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: .44rem;
  height: .44rem;
  vertical-align: middle;
}
.am-list-item .am-list-thumb:first-child {
  margin-right: .3rem;
}
.am-list-item .am-list-thumb:last-child {
  margin-left: .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: .3rem;
  min-height: .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: .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: .14rem;
  padding-bottom: .14rem;
}
.am-list-item .am-list-line .am-list-extra {
  -ms-flex-preferred-size: 36%;
  flex-basis: 36%;
  color: #888;
  font-size: .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: .3rem;
  line-height: 1.5;
  margin-top: .12rem;
}
.am-list-item .am-list-line .am-list-arrow {
  display: block;
  width: .3rem;
  height: .3rem;
  margin-left: .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: .25rem .3rem .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: .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: .5rem;
  font-size: .32rem;
}
.popup-list.sec_card {
  height: 4.5rem;
  margin-bottom: .3rem;
}
.sec_card_body {
  overflow-y: scroll;
}
.ivi-icon svg {
  display: none;
}
.id-verification-icon {
  width: .8rem;
  display: inline-block;
  height: .7rem;
  background: url(https://www.ck444.pro/mobile/mc/verification.6b67d2b8.png) no-repeat 50%/80% auto;
}
.is-comp {
  border-radius: .04rem;
  border: 1px solid #06c900;
  color: #06c900;
}
.is-comp,
.no-comp {
  padding: .04rem .08rem;
  display: inline-block;
  font-style: normal;
  font-size: .22rem;
  margin-left: .2rem;
}
.no-comp {
  border-radius: .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: .25rem;
}
.card-btm .am-list-body:last-child:after {
  border-bottom: 0;
}
.circleL {
  transition: stroke-dasharray .25s;
  -webkit-transition: stroke-dasharray .25s;
  text-align: center;
  display: inline-block;
  margin-right: .15rem;
}
.circleR {
  text-align: left;
  position: relative;
  margin-top: .45rem;
}
.add-card-list {
  overflow: hidden;
  overflow-y: auto;
  height: 4.8rem;
}
.circleR-header {
  font-size: .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: .25rem;
  text-align: right;
  min-height: 2rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: left;
  background: #fff;
  box-shadow: 0 .06rem .32rem 0 rgba(0, 0, 0, .08);
  border-radius: .1rem;
  padding: .2rem;
  gap: .3rem;
}
.circle-root {
  width: 1.6rem;
  height: 1.6rem;
}
.flex-center {
  margin-top: -.2rem;
  height: 100%;
  text-align: left;
}
.base-item {
  width: 100%;
}
.center-header {
  font-size: .3rem;
  margin-bottom: .25rem;
  color: #48484e;
  font-weight: 700;
  display: inline-block;
}
.center-svgBox {
  display: inline-block;
  color: #fde006;
  height: .52rem;
  width: 1.8rem;
  vertical-align: sub;
  margin-left: .1rem;
}
.center-svgL {
  width: .35rem;
  height: .35rem;
}
.flex-text-tips {
  color: #ea3324;
  font-size: .3rem;
  margin-top: .23rem;
  font-weight: 500;
  padding: 0 .2rem;
  margin-bottom: .22rem;
  text-align: center;
  width: 100%;
  letter-spacing: .013rem;
}
.flex-tips {
  color: #878787;
  font-size: .24rem;
  line-height: .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: .3rem;
  padding: 0 .25rem;
}
.kyc-sett-text {
  font-size: .21rem;
  font-weight: 500;
  color: red;
}
.kyc-sett-text.isDone {
  padding: .05rem;
  border: .5px solid #06c900;
  color: #06c900;
}
.flex-list-header {
  font-weight: 700;
  font-size: .28rem;
  margin: .05rem .05rem .05rem 0;
  position: relative;
  color: #5e5e5e;
}
.flex-list-text {
  margin-right: .15rem;
  color: #595959;
  white-space: normal;
}
.flex-list-icon-unsett {
  color: #ff2627;
}
.flex-list-icon {
  color: #00e354;
  font-size: .15rem;
  position: relative;
  height: .6rem;
}
.flex-container-card {
  margin-bottom: .5rem;
  display: flex;
  width: 100%;
}
.add-mask {
  background: rgba(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: .2rem;
  margin-left: -2.1rem;
  margin-top: -1.25rem;
}
.currcy-card-flex {
  position: relative;
}
.error-text,
.nodata-text {
  color: #888;
  font-size: .28rem;
}
.error-text {
  margin-top: .1rem;
}
.vou-list-div {
  width: 100%;
  padding: .8rem 0;
  text-align: center;
}
.vou-list-div img {
  width: 100%;
  margin: 0 auto;
}
.goto-enter {
  background: #e4393c;
  height: 35%;
  border-bottom-right-radius: .2rem;
  border-bottom-left-radius: .2rem;
  text-align: center;
  line-height: .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 .05rem .189rem .021rem rgba(7, 0, 0, .11) !important;
  color: #fffefe !important;
}
.goto-enter a {
  display: block;
  color: #fffffe;
}
.flex-list-title {
  color: #a6a6a6;
  font-size: .22rem;
  padding-right: .15rem;
  word-wrap: break-word;
  white-space: normal;
  overflow: hidden;
}
.flex-list-desc {
  white-space: normal;
  word-break: break-word;
  padding-right: .3rem;
}
.flex-grad-arrows {
  position: absolute;
  right: .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: .1rem;
  border: 1px solid #ccc;
  margin: .15rem .4rem .03rem;
  font-size: .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 .15rem .15rem 0;
}
.flex-text-other {
  font-size: .33rem;
  height: 1.05rem;
  margin: .15rem .4rem .05rem .45rem;
  font-weight: 700;
  color: #0a0a0a;
}
.flex-text-other span {
  font-weight: 400;
  font-size: .35rem;
}
.space-bet {
  margin-top: 3.5rem;
}
.icon-base {
  text-align: center;
}
.btn-gray {
  border-radius: .1rem !important;
  background: #d8d8d8;
  transition: all .3s linear;
}
.enterButton {
  height: 1.05rem;
  border-radius: .1rem;
  margin: 0 .4rem;
  font-size: .28rem;
  color: #fff;
  line-height: 1.05rem;
}
.placeholder {
  font-size: .29rem;
  color: #a8a8a8;
  padding-left: .28rem;
  width: 1.85rem;
}
.btn-success {
  border-radius: .15rem;
  color: #fffefe !important;
  transition: all .3s linear;
}
.v-base .errors {
  color: red;
  font-size: .28rem;
  line-height: 1.5;
  min-height: .4rem;
  margin: .15rem .4rem .16rem 0;
}
.link {
  display: block;
  width: 100%;
  height: 100%;
}
.inputBox {
  width: 100%;
  height: .75rem;
}
.inputBox input::-webkit-input-placeholder {
  font-size: .3rem;
}
.inputBox input::placeholder {
  font-size: .3rem;
}
.flex-container .am-flexbox {
  overflow: hidden;
}
.input-base {
  width: 100%;
  height: 100%;
  display: block;
  border: none;
  padding-right: .2rem;
}
.icon-downArrows {
  line-height: 1.1rem;
}
.flex-card {
  width: 100%;
  background: #f6f6f6;
  padding-top: .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: .55rem;
  color: #fff;
  border-top-right-radius: .15rem;
  border-top-left-radius: .15rem;
  z-index: 10;
}
.bank-card {
  height: 2rem;
  line-height: 2rem;
  margin: .3rem auto;
}
.bank-card .add-button {
  background: #7883a1;
  display: inline-block;
  width: 2.6rem;
  font-size: .28rem;
  height: .8rem;
  line-height: .8rem;
  border-radius: .5rem;
}
.bank-card svg {
  width: .5rem;
  height: .5rem;
  position: relative;
  top: .13rem;
}
.icon-title {
  width: 100%;
  height: .75rem;
  text-align: left;
  position: relative;
}
.icon-bank {
  height: .75rem;
  padding: .1rem .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: .65rem;
}
.flex-icon {
  text-align: center;
  display: block;
  overflow: hidden;
}
.flex-icon-other {
  margin-top: -.25rem;
}
.flex-icon a {
  display: block;
  width: 100%;
  height: 100%;
}
.icon-add {
  margin: 0 auto;
  width: 1.2rem;
  height: 1.2rem;
  background: red;
  border: .06rem solid #fff;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  line-height: .85rem;
  box-shadow:
    -1px 0 .15rem #cccccd,
    1px 0 .15rem #cccccd,
    0 -1px .15rem #cccccd,
    0 1px .15rem #fff;
}
.icon-add span {
  font-size: 1rem;
}
.default-add {
  color: #fff;
}
.wing-bank {
  margin-top: .3rem;
}
.flex-text1 {
  font-size: .4rem;
  text-align: center;
  color: #3786ff;
  margin-bottom: .35rem;
}
.flex-text2 {
  font-size: .26rem;
  text-align: center;
  color: #adadad;
}
.add-area {
  position: relative;
  height: 100%;
}
.addBank_root .account-form-group {
  margin-bottom: .1rem !important;
}
.addBank_root .payeeName {
  margin-left: .5rem;
  margin-bottom: .2rem;
  margin-top: .3rem;
}
.addBank_root .error {
  font-size: .26rem;
}
.addBank_root .error,
.addBank_root .tip {
  text-align: left;
  color: red;
  font-weight: 700;
  padding: .05rem 0;
}
.addBank_root .tip {
  font-size: .3rem;
}
.addBank_root .flex-money-contentbank-select {
  margin-bottom: .1rem;
}
.addBank_root .select-bank-type {
  border-radius: .16rem;
  border: .02rem solid rgba(0, 0, 0, .2);
  background: #fff;
  padding: .2rem .06rem;
}
.addBank_root .error.has-error {
  margin-bottom: .1rem;
}
.addBank_root .account-form-group.province {
  border-radius: .1rem;
}
.inputBox-other {
  width: 100%;
  height: .75rem;
  color: #747474;
  overflow: hidden;
}
.inputBox-other input::-webkit-input-placeholder {
  font-size: .35rem;
  line-height: .5rem;
  color: #888;
}
.inputBox-other input::placeholder {
  font-size: .35rem;
  line-height: .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: .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: .32rem !important;
  height: .8rem !important;
  line-height: .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: .2rem;
}
.show-tips.error {
  color: #ff1e30;
  font-size: .24rem;
}
.show-tips.prompt {
  color: #adadad;
  font-size: .24rem;
}
.btn-copy-code {
  border: 1px solid #108ee9;
  font-size: .24rem;
  color: #108ee9;
  border-radius: .1rem;
  margin: 0 0 0 .2rem;
  padding: .04rem .12rem;
  display: inline-block;
}
#canvas_1,
#canvas_2 {
  height: 1.6rem;
  width: 1.6rem;
}
.fundspassword-desc {
  margin-top: -.23rem;
  color: #bbb;
  font-size: .24rem;
  padding-left: .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: .1rem;
}
.edit-icon {
  width: .32rem;
  height: .32rem;
}
.edit-icon,
.icon-complete {
  position: relative;
  top: .1rem;
}
.icon-complete {
  margin-right: .06rem;
}
.sms-btn {
  margin-top: .2rem;
}
.mobileNum-tips {
  color: red;
  padding: .05rem 0;
  font-size: .26rem;
  display: inherit;
  text-align: right !important;
}
.bank-card-container .tcg-tips,
.choose-bank-type {
  margin-bottom: .35rem;
}
.addBank_root .type-group-area {
  border-radius: 0 0 .16rem .16rem;
  border: .02rem solid rgba(0, 0, 0, .2);
  border-top: none;
  padding: .1rem;
  background: #fff;
  margin-top: -.3rem;
}
.addBank_root .type-group-area + .payment-password {
  margin-top: .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: .3rem;
}
.add-card-number > a {
  display: inline-block;
  width: calc(37% - .1rem);
  vertical-align: top;
  box-shadow: none !important;
  margin-left: .1rem;
  height: 1.05rem;
  line-height: 1.05rem;
}
.add-card-number > a.btn-gray {
  font-size: .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: .2rem;
}
.fpb-container .code-tip {
  color: red;
  font-size: .28rem;
  word-break: break-word;
  line-height: normal;
  margin: -.1rem 5% .2rem;
}
.bank-card-container .brl-tip-info .tip-item {
  color: red;
  font-size: .24rem;
  line-height: .34rem;
}
.security-center .card-btm {
  padding-bottom: .15rem;
  margin-bottom: .5rem;
  width: 100%;
  height: 100%;
}
.security-center .card-btm .am-list-body {
  border-top: 0;
  box-shadow: 0 .06rem .32rem 0 rgba(0, 0, 0, .08);
  border-radius: .1rem;
  background-image: linear-gradient(#f5f5f5, #f5f5f5), linear-gradient(#ccc, #ccc);
}
.security-center .card-btm .am-list-body .am-list-line {
  padding: 0 .7rem 0 .4rem;
}
.security-center .card-btm .am-list-item {
  margin-top: 1px;
  box-sizing: content-box;
}
.security-center .card-btm .am-list-content {
  gap: .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: .3rem;
}
.ga-auth canvas {
  display: inline-block;
  width: 3.75rem !important;
  height: 3.75rem !important;
}
.ga-auth .txt-gray {
  padding: 0 .4rem;
}
.ga-auth .am-flexbox.errors {
  margin: 0;
}
.sms-verification .sms-send {
  position: absolute;
  top: 50%;
  right: .16rem;
  transform: translateY(-50%);
  font-size: .24rem;
  min-width: 1rem;
  max-width: 2rem;
  height: auto;
  line-height: 1.5;
  padding: .1rem .05rem;
}
.sms-verification .sms-send.btn-gray {
  font-size: .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: .07rem;
  height: .97rem;
  top: .04rem;
  padding-left: .1rem;
  line-height: .97rem;
  background-color: #efefef;
}
.sms-verification .input-number-show.dis {
  background-color: #c1c1c1;
}
.sms-verification .verify-tip {
  margin: .2rem 0;
  color: #e4393c;
  font-size: .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: .31rem;
  padding-left: .94rem;
}
.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: .3rem;
  line-height: 0;
  border: 1px solid #dedede;
  padding: .3rem .08rem;
  color: #fff;
  display: inline-block;
  margin: 0 .08rem;
  border-radius: .04rem;
  text-align: center;
  flex: 1 1 0%;
}
.mc-test-root .let_service {
  margin-top: .6rem;
}
.mc-test-root .outter_form .service_center {
  margin-top: .4rem;
  background: none;
  color: #fff;
  border: 1px solid #fff;
  font-size: .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, .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 {
  position: absolute;
  color: #4c84f7;
  right: 1em;
  top: .14rem;
  max-width: 2rem;
  line-height: 1.2;
}
.new-date-picker .date-picker-content .date-picker-title {
  display: flex;
  justify-content: center;
  height: .66rem;
  line-height: .64rem;
  font-size: .26rem;
  border-bottom: .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 .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: .3rem;
  margin-bottom: .15rem;
  line-height: .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: .62rem;
  color: #474747;
  font-weight: 700;
  margin: .02rem 0;
  white-space: nowrap;
  position: relative;
  font-size: .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 .1rem .1rem 0;
  left: auto !important;
  right: calc((100% - .62rem)/2) !important;
  width: calc(100% + .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: .1rem 0 0 .1rem;
  left: calc((100% - .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: .15rem;
  background-color: #4c84f7;
  width: .62rem;
  height: .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: .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: .24rem;
  margin: .1rem 0 .15rem;
}
.new-date-picker .date-picker-time {
  position: relative;
  height: 2.02rem;
  padding: 0 12%;
  border-top: .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: .66rem;
  font-size: .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%, .1) 50%),
    linear-gradient(
      0deg,
      #fff,
      hsla(0, 0%, 100%, .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: .66rem;
  left: 0;
  width: 100%;
  top: .67rem;
  z-index: 3;
}
.new-date-picker .date-picker-time .time-picker-item .item-col-content {
  position: absolute;
  left: 0;
  top: 0;
  padding: .67rem 0;
  width: 100%;
  margin-top: -.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: .45rem;
  height: .66rem;
  line-height: .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 .btn-confirm-date {
  height: .9rem;
  background: #4c84f7;
  text-align: center;
  color: #fff;
  font-size: .34rem;
  line-height: .9rem;
}
.filter-time-btn span {
  display: inline-block;
  padding: 0 .04rem;
}
.team-list-root {
  pointer-events: auto !important;
}
.team-member-item-content.pnl-team-item {
  padding-bottom: .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 .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: .15rem 0 0;
  align-items: center;
  min-height: inherit;
  flex: 0 0 48%;
  margin-bottom: .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 .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: .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: .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: .1rem 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 .08rem;
  line-height: 1.2;
}
.team-member-item-content .footer-label {
  padding-right: .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: .1rem;
  font-size: .28rem;
  font-weight: 400;
  top: .12rem;
}
.team-member-item-content .go-team-record svg {
  fill: #5e88ee;
}
.team-member-item-content .go-team-record i {
  position: relative;
  top: -.12rem;
  font-size: .25rem;
  margin-left: .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: .54rem;
  border-radius: .95rem;
  background: #f5f5f5;
  color: #6d6d6d;
  font-size: .24rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 .2rem;
}
.team-member-item-header .name-wrap .direct-member-btn .member-num {
  margin: 0 .12rem 0 .05rem;
}
.team-member-item-header .name-wrap .direct-member-btn .arrow-icon {
  height: .54rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.team-member-item-header .name-wrap .direct-member-btn .arrow-icon svg {
  width: .23rem;
  height: .23rem;
}
.direct-item-wrap {
  display: flex;
  flex-direction: column;
  padding: 0 .4rem;
}
.direct-item-wrap .item-header {
  display: flex;
  align-items: center;
  font-size: .25rem;
  font-weight: 600;
  min-height: .8rem;
}
.direct-item-wrap .item-header .item-name {
  padding-right: .6rem;
}
.direct-item-wrap .item-header .level-icon {
  width: auto;
  height: .3rem;
  margin-right: .09rem;
}
.direct-item-wrap .item-header .item-self {
  margin-left: .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: .7;
  vertical-align: sub;
  margin-left: .16rem;
}
.sort-container img {
  width: .2rem;
  height: .12rem;
}
.scroll-root {
  position: relative;
}
.scroll-root .downAnimating {
  justify-content: center;
  padding-bottom: .4rem;
}
.scroll-root .upAnimating {
  justify-content: center;
  padding: .3rem 0;
}
.scroll-root .top-tip {
  position: absolute;
  top: -.4rem;
  left: 0;
  z-index: 1;
  width: 100%;
  height: .4rem;
  line-height: .4rem;
  text-align: center;
  font-size: .28rem;
  color: #000;
  opacity: .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: .2rem;
}
.pullup-wrapper {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: .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: .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 .game-record-wrapper.ELOTT_3RD .mc-trans-filter .am-icon {
  margin-right: 0;
}
.mc-game-record-root .game-record-wrapper.ELOTT_3RD .mc-trans-filter .am-button-small.set-btn,
.mc-game-record-root .game-record-wrapper.ELOTT_3RD .mc-trans-filter .am-button-small.vasslage-btn {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.activity-spinner svg {
  animation: spinner-anime 1s linear infinite;
  width: .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: .24rem;
}
.team-member-item-content .footer-label {
  padding-right: .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: .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: .06rem;
  font-style: normal;
  color: #5e88ee;
  max-width: 2.29rem;
  display: inline-block;
  line-height: 1;
}
.am-wingblank {
  margin-left: .16rem;
  margin-right: .16rem;
}
.am-wingblank.am-wingblank-sm {
  margin-left: .1rem;
  margin-right: .1rem;
}
.am-wingblank.am-wingblank-md {
  margin-left: .16rem;
  margin-right: .16rem;
}
.am-wingblank.am-wingblank-lg {
  margin-left: .3rem;
  margin-right: .3rem;
}
.team-member-root {
  font-size: .32rem;
}
.team-member-root:first-of-type {
  padding-top: 0;
}
.team-member-item-header {
  padding: .14rem .4rem;
  height: .8rem;
  background: #efefef;
}
.team-member-item-header .customer-item {
  max-width: 1.6rem;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  height: .6rem;
  line-height: .6rem;
}
.team-op--nickname {
  white-space: nowrap;
  text-align: right;
  width: 50%;
}
.team-op--nickname div {
  display: inline-block;
  white-space: nowrap;
  line-height: .7rem;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
}
.team-member-item-content {
  background: #fcfcfc;
}
.records-list-root .team-op {
  color: #a6a6a6;
  font-size: .28rem;
}
.mc-icon-member {
  position: relative;
  top: .1rem;
  margin-right: .05rem;
}
.mc-divider {
  width: .02rem;
  height: .05rem;
  background-color: #777;
  margin: 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: .28rem;
  height: .7rem;
  line-height: .7rem;
  text-overflow: ellipsis;
  word-break: break-word;
  white-space: nowrap;
  background-color: #fff;
  outline: 0 none;
  padding: 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: .96rem;
  line-height: .46rem;
  padding: .25rem .45rem;
  border-bottom: 1px solid #d1d1d1;
  overflow: hidden;
}
.team-rebate-title span {
  display: inline-block;
  margin-right: .26rem;
}
.team-rebate-tcenter {
  color: #ff2936;
}
.team-rebate-tright {
  color: #000;
  font-size: .4rem;
}
.team-rebate-btn {
  padding: .35rem .45rem .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, .6);
}
#root .team-member-flow .am-steps-item.am-steps-status-finish.am-steps-custom {
  width: 23.333% !important;
  margin-right: .1rem !important;
  margin-bottom: .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 .3rem;
  overflow: auto;
  flex-wrap: nowrap;
}
.team-member-nickname header {
  padding: .3rem;
  font-size: .28rem;
  color: #5e5e5e;
  background-color: #fff;
}
.team-member-nickname header .label {
  font-size: .4rem;
  display: inline-block;
  padding: 0 .2rem;
  color: coral;
}
.team-member-nickname .nickname-form {
  background-color: #f9f8fd;
  padding: 0 .3rem;
}
.team-member-nickname .nickname-form input {
  background-color: #efefef;
  outline: none;
  border: 0;
  border-radius: .15rem;
}
.team-member-nickname .nickname-form .am-button,
.team-member-nickname .nickname-form input {
  margin: .2rem 0;
}
.team-member-nickname .trans-container-header {
  display: flex;
  padding: 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: .28rem;
  text-align: center;
  color: #accdfb;
  padding: .2rem .1rem;
  border-radius: .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: .3rem;
  font-size: .28rem;
  color: #5e5e5e;
  background-color: #fff;
}
.team-member-trans header .label {
  font-size: .4rem;
  display: inline-block;
  padding: 0 .2rem;
  color: coral;
}
.team-member-trans .am-button,
.team-member-trans input {
  margin: .2rem 0;
}
.mc-popup-trans {
  padding: .3rem 0 0;
  position: relative;
}
.mc-popup-trans > span {
  position: absolute;
  right: .2rem !important;
  top: .2rem !important;
}
.tt-refresh-balance {
  width: .3rem;
  height: .3rem;
  position: absolute;
  right: 0;
  top: .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 .5s infinite linear;
}
.tt-balance-content {
  position: relative;
  color: #1bb9fc;
  margin-left: .1rem;
  font-weight: 700;
  padding-right: .5rem;
}
.team-member-root {
  font-size: .32rem;
  padding-top: .2rem;
}
.team-member-root:first-of-type {
  padding-top: 0;
}
.team-member-item-header {
  padding: .14rem .4rem;
  height: .8rem;
  background: #efefef;
}
.team-member-item-header .customer-item {
  max-width: 1.6rem;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  height: .6rem;
  line-height: .6rem;
}
.team-op--nickname {
  white-space: nowrap;
  text-align: right;
  width: 50%;
}
.team-op--nickname div {
  display: inline-block;
  white-space: nowrap;
  line-height: .7rem;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ti-name {
  font-size: .25rem;
  font-weight: 700;
}
.mt-team-footer {
  color: #5b5b5b;
  font-weight: 700;
  display: inline-block;
  padding: 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: .24rem;
}
.team-member-item-content .rebate-item-wrap .team-item .team-item-right {
  font-size: .24rem;
  font-weight: 700;
}
.records-list-root .team-op {
  color: #a6a6a6;
  font-size: .28rem;
}
.mc-icon-member {
  position: relative;
  top: .1rem;
  margin-right: .05rem;
}
.mc-divider {
  width: .02rem;
  height: .05rem;
  background-color: #777;
  margin: 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: .28rem;
  height: .7rem;
  line-height: .7rem;
  text-overflow: ellipsis;
  word-break: break-word;
  white-space: nowrap;
  background-color: #fff;
  outline: 0 none;
  padding: 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: .96rem;
  line-height: .46rem;
  padding: .25rem .45rem;
  border-bottom: 1px solid #d1d1d1;
  overflow: hidden;
}
.team-rebate-title span {
  display: inline-block;
  margin-right: .26rem;
}
.team-rebate-tcenter {
  color: #ff2936;
}
.team-rebate-tright {
  color: #000;
  font-size: .4rem;
}
.team-rebate-btn {
  padding: .35rem .45rem .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, .6);
}
#root .team-member-flow .am-steps-item.am-steps-status-finish.am-steps-custom {
  width: 23.333% !important;
  margin-right: .1rem !important;
  margin-bottom: .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 .3rem;
  overflow: auto;
  flex-wrap: nowrap;
}
.team-member-nickname header {
  padding: .3rem;
  font-size: .28rem;
  color: #5e5e5e;
  background-color: #fff;
}
.team-member-nickname header .label {
  font-size: .4rem;
  display: inline-block;
  padding: 0 .2rem;
  color: coral;
}
.team-member-nickname .nickname-form {
  background-color: #f9f8fd;
  padding: 0 .3rem;
}
.team-member-nickname .nickname-form input {
  background-color: #efefef;
  outline: none;
  border: 0;
  border-radius: .15rem;
  height: 1rem;
  padding: 0 .2rem;
}
.team-member-nickname .nickname-form .am-button,
.team-member-nickname .nickname-form input {
  margin: .2rem 0;
}
.team-member-nickname .trans-container-header {
  display: flex;
  padding: 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: .28rem;
  text-align: center;
  color: #accdfb;
  padding: .2rem .1rem;
  border-radius: .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: .3rem;
  font-size: .28rem;
  color: #5e5e5e;
  background-color: #fff;
}
.team-member-trans header .label {
  font-size: .4rem;
  display: inline-block;
  padding: 0 .2rem;
  color: coral;
}
.team-member-trans .am-button,
.team-member-trans input {
  margin: .2rem 0;
}
.team-member-trans input {
  height: 1rem;
  padding: 0 .2rem;
}
.tt-refresh-balance {
  width: .3rem;
  height: .3rem;
  position: absolute;
  right: 0;
  top: .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 .5s infinite linear;
}
.tt-balance-content {
  position: relative;
  color: #1bb9fc;
  margin-left: .1rem;
  font-weight: 700;
  padding-right: .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: .2rem;
  border-top-right-radius: .2rem;
  margin: .2rem .2rem 0;
  padding: .26rem .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: .24rem;
  padding: .1rem .23rem;
  background-color: #eef0f1;
  border: .03rem solid #fff;
  border-top-right-radius: .2rem;
  border-bottom-left-radius: .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: .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: .2rem;
  display: inline-block;
  height: .2rem;
  border-radius: 50%;
  position: absolute;
  left: .1rem;
  top: .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: .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: .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: .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, .1);
  border-radius: .19rem;
  font-size: .24rem;
  padding: 0 .12rem;
  color: #ec2529;
  line-height: .38rem;
  text-align: center;
  display: inline-block;
  margin-top: .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: .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: .28rem;
  color: #000;
  line-height: .44rem;
  height: .44rem;
  margin-bottom: .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: .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: .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: .31rem;
  height: .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: .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: .02rem;
  background-color: #a0a0a0;
  bottom: .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: .26rem;
}
.team-manage-wrapper .mc-agent-team-list .team-member-root .team-member-item-footer {
  padding: .29rem .3rem .18rem .2rem;
  background-color: #fafafa;
  border-bottom-left-radius: .2rem;
  border-bottom-right-radius: .2rem;
  margin: 0 .2rem;
  color: #a8a8a8;
  font-size: .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 .18rem;
}
.team-manage-wrapper .mc-agent-team-list .team-member-root .team-member-item-footer .item-right svg {
  fill: #5f5f5f;
  width: .51rem;
}
.item-more-popup .am-popup-slide-up {
  border-top-left-radius: .14rem;
  border-top-right-radius: .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: .32rem;
  padding: .3rem .24rem;
  position: relative;
  text-align: left;
}
.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-header.padding-setting {
  padding: .28rem .62rem;
}
.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-header.padding-setting .popup-close {
  right: .4rem;
}
.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-header .popup-close {
  position: absolute;
  right: .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: .48rem;
  height: .48rem;
}
.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-header .popup-close.set-rebate {
  right: .4rem;
}
.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-header .list-title {
  font-size: .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: .27rem;
}
.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-header .list-title .customer-name {
  font-size: .28rem;
  color: #000;
}
.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-header .list-title svg {
  fill: #000;
  margin-right: .11rem;
  vertical-align: middle;
}
.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content {
  padding: 0 .24rem;
  color: #5b5b5b;
  font-size: .28rem;
}
.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content.padding-setting {
  padding: 0 .5rem 0 .62rem;
}
.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .list-item {
  border-top: 1px solid #e6e6e6;
  padding: .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: .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: .4rem 0 .09rem;
}
.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .list-customer {
  font-size: .28rem;
  color: #000;
  padding-top: .2rem;
}
.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .list-customer .item-icon.icon-player svg {
  height: .27rem;
}
.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .list-customer svg {
  fill: #000;
  margin-right: .11rem;
  vertical-align: middle;
}
.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .list-form {
  display: flex;
  margin: .2rem 0;
  font-size: .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: .64rem;
  padding: 0 .23rem;
  color: #646464;
  width: 75vw;
  border: none;
  border-radius: .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: .64rem;
}
.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .item-trans-info {
  margin-top: .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: .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: .25rem;
  font-size: .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: -.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: .4rem;
}
.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .item-trans-info .info-btn svg {
  position: absolute;
  right: .1rem;
  top: 50%;
  transform: translateY(-50%);
  fill: #ec2529;
  width: .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: .02rem solid #cdcdcd;
  border-radius: .08rem;
  min-width: 2.04rem;
  height: .6rem;
  display: inline-block;
  align-items: center;
  justify-content: center;
  line-height: .6rem;
  padding: 0 .8rem;
  margin: 0 .32rem .24rem 0;
  text-align: center;
  background-color: #fff;
  font-size: .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: .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: .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: .4rem;
}
.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .item-trans-detail .detail-item .pwd-set {
  position: absolute;
  right: .32rem;
  top: 0;
  bottom: 0;
  margin: auto;
  width: .3rem;
  height: .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: .08rem;
  height: .64rem;
  padding: 0 0 0 .22rem;
  font-size: .26rem;
  color: #646464;
  border: none;
  margin: .28rem 0;
  direction: ltr;
}
.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .item-trans-detail .detail-balance {
  font-size: .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: .28rem 0 0;
  font-size: .28rem;
  align-items: center;
  height: .79rem;
  line-height: .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 .24rem .4rem 0;
  color: #5b5b5b;
  font-size: .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, .5)), to(transparent));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
  background-image:
    linear-gradient(
      270deg,
      rgba(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, .5)), to(transparent));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
  background-image:
    linear-gradient(
      90deg,
      rgba(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, .5)), to(transparent));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
  background-image:
    linear-gradient(
      0deg,
      rgba(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, .5)), to(transparent));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
  background-image:
    linear-gradient(
      180deg,
      rgba(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: .27rem;
  height: .44rem;
  margin-top: -.22rem;
  z-index: 10;
  cursor: pointer;
  background-size: .27rem .44rem;
  background-position: 50%;
  background-repeat: no-repeat;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: .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: .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: .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 .3s;
  -o-transition: .3s opacity;
  transition: opacity .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: .1rem;
  left: 0;
  width: 100%;
}
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(.33);
  -ms-transform: scale(.33);
  transform: scale(.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(.66);
  -ms-transform: scale(.66);
  transform: scale(.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(.33);
  -ms-transform: scale(.33);
  transform: scale(.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(.66);
  -ms-transform: scale(.66);
  transform: scale(.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(.33);
  -ms-transform: scale(.33);
  transform: scale(.33);
}
.swiper-pagination-bullet {
  width: .08rem;
  height: .08rem;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: .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: .1rem;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: .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: .08rem;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: top .2s, -webkit-transform .2s;
  transition: top .2s, -webkit-transform .2s;
  -o-transition: .2s transform, .2s top;
  -webkit-transition: transform .2s, top .2s;
  transition: transform .2s, top .2s;
  -webkit-transition:
    transform .2s,
    top .2s,
    -webkit-transform .2s;
  transition:
    transform .2s,
    top .2s,
    -webkit-transform .2s;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 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 .2s, -webkit-transform .2s;
  transition: left .2s, -webkit-transform .2s;
  -o-transition: .2s transform, .2s left;
  -webkit-transition: transform .2s, left .2s;
  transition: transform .2s, left .2s;
  -webkit-transition:
    transform .2s,
    left .2s,
    -webkit-transform .2s;
  transition:
    transform .2s,
    left .2s,
    -webkit-transform .2s;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: right .2s, -webkit-transform .2s;
  transition: right .2s, -webkit-transform .2s;
  -o-transition: .2s transform, .2s right;
  -webkit-transition: transform .2s, right .2s;
  transition: transform .2s, right .2s;
  -webkit-transition:
    transform .2s,
    right .2s,
    -webkit-transform .2s;
  transition:
    transform .2s,
    right .2s,
    -webkit-transform .2s;
}
.swiper-pagination-progressbar {
  background: rgba(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: .04rem;
  left: 0;
  top: 0;
}
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical > .swiper-pagination-progressbar {
  width: .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%, .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, .25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000;
}
.swiper-pagination-lock {
  display: none;
}
.swiper-scrollbar {
  border-radius: .1rem;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, .1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: .03rem;
  z-index: 50;
  height: .05rem;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: .03rem;
  top: 1%;
  z-index: 50;
  width: .05rem;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, .5);
  border-radius: .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: .42rem;
  height: .42rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -.21rem;
  margin-top: -.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: .6;
  -webkit-filter: blur(.5rem);
  filter: blur(.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: .8rem;
  z-index: 999;
  background: #fff;
  line-height: .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: .8rem;
  border-bottom: .04rem solid #fff;
}
.mc-new-team-tab .mc-agent-team-tab .am-flexbox-item.tab-active {
  border-bottom: .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: .97rem;
  position: relative;
}
.mc-agent-team-filter .pdfc-mask {
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 8;
  background: rgba(0, 0, 0, .3);
}
.mc-agent-team-filter .pnl-date-filter-container {
  position: relative;
  background-color: #fff;
  padding: .2rem;
  top: 0;
  box-shadow: 0 .05rem .1rem -.04rem #8c8c8c;
  opacity: 0;
  z-index: -999;
  animation-duration: .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% - .12rem);
  height: .6rem;
  line-height: .6rem;
  text-align: center;
  font-size: .28rem;
  margin: .06rem;
  border-radius: .1rem;
  color: #565656;
  border: .02rem solid #d6d6d6;
  vertical-align: top;
  overflow: hidden;
}
.mc-agent-team-filter .pnl-date-filter-container .bet-filter-item-content > div.ck-date {
  border: .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: .6rem;
  line-height: .6rem;
  padding: 0 .1rem;
  top: .1rem;
  position: relative;
  display: inline-block;
}
.mc-agent-team-filter .mc-agent-team-filter-search svg {
  left: .2rem;
  top: .13rem;
  position: absolute;
}
.mc-agent-team-filter .mc-agent-team-filter-search input {
  height: .6rem;
  padding-left: .6rem;
  border-radius: .4rem;
  display: inline-block;
  background-color: #f5f5f5;
  border: none;
  outline: none;
}
.mc-agent-team-filter .mc-agent-team-filter-date {
  top: .1rem;
  min-width: 1.8rem;
  position: relative;
  font-size: .26rem;
  height: .77rem;
  text-align: center;
  line-height: .77rem;
  display: inline-block;
}
.mc-agent-team-filter .mc-agent-team-filter-date svg {
  position: relative;
  top: 0;
  transform: rotate(-90deg);
  width: .18rem;
  height: .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 .2rem;
  line-height: 1.3;
  border-radius: .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: .7rem;
  line-height: .7rem;
  font-size: .28rem;
  color: #5b5b5b;
  margin-top: .2rem;
  padding: 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: .5rem;
}
.mc-pnl-container .mt-team-footer {
  padding-right: .24rem;
  width: 50%;
  font-size: .24rem;
  height: 100%;
  position: relative;
}
.mc-pnl-container .mt-team-footer i {
  font-style: normal;
  color: inherit;
}
.mc-pnl-container .time {
  font-size: .22rem;
  width: 50%;
}
.mc-pnl-container .pnl-container {
  padding-bottom: .5rem;
  padding-bottom: calc(.5rem + (var(--safe-area-inset-bottom, 0px)));
  position: fixed;
  background: #fff;
  z-index: 99999;
  width: 100%;
  bottom: 0;
  border-top-left-radius: .1rem;
  border-top-right-radius: .1rem;
  animation-name: detail-slideInUp;
  animation-duration: .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(.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 .3rem;
  font-size: .28rem;
  color: #000;
}
.pnl-total:before {
  content: "";
  height: .3rem;
  position: absolute;
  top: .24rem;
  left: .12rem;
  width: 1px;
  background: #818181;
}
.pnl-total i {
  font-style: normal;
  color: #f79a23;
  margin-right: .2rem;
}
.footer-content-item {
  box-shadow: 0 .05rem .1rem -.04rem #8c8c8c;
}
.footer-content-item .fci-mask {
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 8888;
  background: rgba(0, 0, 0, .3);
}
.footer-content-item .pnl-team-item .ti-item-container {
  padding-top: .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: .9rem;
  line-height: .9rem;
  font-size: .32rem;
  color: #5b5b5b;
  font-weight: 700;
  position: relative;
}
.pnl-modal-title svg {
  position: absolute;
  left: .14rem;
  top: .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: .28rem;
}
.pnl-table-list div {
  display: inline-block;
  width: 33.33333333%;
  padding: .14rem .06rem;
  font-size: .24rem;
  min-height: .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: .9rem;
}
.pnl-table-list div span {
  font-weight: 700;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  padding: 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, .3);
}
.pmt-close {
  position: absolute;
  left: .3rem;
  top: .3rem;
  display: inline-block;
  width: .26rem;
  height: .26rem;
  background: url(https://www.ck444.pro/mobile/mc/close.5a5a60c6.png) no-repeat;
  background-position: 50%;
}
.pnl-table-list-container {
  max-height: 7.2rem;
  overflow-y: scroll;
  margin: 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: .18rem;
  height: .18rem;
  margin: 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: .8rem;
}
.table-header-item {
  min-height: .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: .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: .2rem;
  right: .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: .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: .52rem;
  line-height: .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, .1);
}
.direct-member-pop .popup-wrapper {
  background: #fff;
  border-radius: .2rem .2rem 0 0;
  width: 100%;
  position: absolute;
  top: 0;
  overflow: hidden;
  animation: detail-slideInUp .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: .4rem;
  top: .2rem;
  z-index: 2;
  width: .4rem;
  height: .4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.direct-member-pop .close-btn svg {
  width: .22rem;
  height: .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: .88rem;
  padding: 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: .56rem;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: .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: .56rem;
  line-height: .56rem;
  width: 100%;
  transition: width .3s;
  display: block;
  text-align: center;
}
.am-search-input .am-search-synthetic-ph-icon {
  display: inline-block;
  margin-right: .1rem;
  width: .3rem;
  height: .3rem;
  overflow: hidden;
  vertical-align: -.05rem;
  background-repeat: no-repeat;
  background-size: .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: .3rem;
}
.am-search-input input[type=search] {
  z-index: 2;
  opacity: 0;
  width: 100%;
  text-align: left;
  display: block;
  color: #000;
  height: .56rem;
  font-size: .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: .3rem;
  height: .3rem;
  padding: .13rem;
  border-radius: 50%;
  top: 0;
  right: 0;
  background-color: transparent;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: .3rem .3rem;
  transition: all .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: .16rem;
  height: .88rem;
  line-height: .88rem;
  font-size: .32rem;
  color: #108ee9;
  text-align: right;
}
.am-search-cancel-anim {
  transition: margin-right .3s, opacity .3s;
  transition-delay: .1s;
}
.am-search-cancel-show {
  opacity: 1;
}
.am-search.am-search-start .am-search-input input[type=search] {
  opacity: 1;
  padding-left: .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: .3rem;
  width: auto;
}
.mc-bet-filter-popup .am-popup {
  overflow: hidden;
  border-top-left-radius: .14rem;
  border-top-right-radius: .14rem;
}
.mc-bet-filter-popup .am-list-header {
  border-bottom: 1px solid #bbb;
}
.mc-bet-filter-popup .am-list-content {
  font-size: .28rem !important;
  color: #929292 !important;
}
.bfi-name-search {
  color: #999;
  padding-left: .4rem;
  position: relative;
  width: 40% !important;
}
.bfi-name-search svg {
  fill: #999;
  position: absolute;
  left: .4rem;
  top: .23rem !important;
  transform: rotate(0deg) !important;
}
.bfc-mask {
  content: "";
  left: 0;
  bottom: 0;
  height: calc(100% - 5.3rem);
  background: rgba(0, 0, 0, .5);
}
.bfc-mask,
.bfsc-mask {
  position: fixed;
  width: 100%;
  z-index: 99;
}
.bfsc-mask {
  height: calc(100% - .3rem);
  top: 0;
  background: rgba(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% - .3rem);
  top: .9rem;
  z-index: 99;
  background: rgba(0, 0, 0, .3);
}
.bfm-types {
  padding: .1rem;
}
.bfm-types div {
  display: inline-block;
  width: 25%;
  font-size: .28rem;
  text-align: center;
  border-radius: .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: .86rem;
  padding: .1rem .2rem;
  position: relative;
  width: 43%;
  display: inline-block;
}
.bet-filter-container .bet-filter-input svg {
  position: absolute;
  left: .4rem;
  top: .24rem;
  fill: #565656;
}
.bet-filter-container .bet-filter-input .am-search {
  background: #fff;
  width: 100% !important;
  height: 100%;
  border-radius: .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: .3rem !important;
}
.bet-filter-container .bet-filter-input .am-search .am-search-synthetic-ph {
  text-align: left !important;
  padding-left: .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: .4rem;
  height: .4rem;
  position: absolute;
  top: .24rem;
  right: .7rem;
  background: url(https://www.ck444.pro/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: .3rem !important;
  top: .3rem !important;
  width: .3rem;
  height: .3rem;
}
.bet-filter-container .bet-filter-sub {
  color: #999;
  position: relative;
  flex: 1 1 0%;
  vertical-align: top;
  font-size: .28rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-right: .2rem;
}
.bet-filter-container .bet-filter-sub .bf-close {
  display: inline-block;
  color: #f07a60;
  right: .6rem;
  background-size: 100% auto;
  margin-left: .1rem;
  word-break: break-all;
}
.bet-filter-container .bet-filter-sub div {
  display: inline-block;
  padding: .06rem .2rem;
  position: relative;
  font-size: .28rem;
}
.bet-filter-container .bet-filter-sub div.ck {
  color: #565656;
  border: 1px solid #999;
  border-radius: .1rem;
}
.bet-filter-container .bet-filter-item {
  min-height: .77rem;
  font-size: 0;
  border-bottom: 1px solid #d6d6d6;
}
.bet-filter-container .bet-filter-item div {
  display: inline-block;
  width: 20%;
  height: .77rem;
  font-size: .28rem;
  text-align: center;
  line-height: .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: .3rem;
  height: .3rem;
  transform: rotate(-90deg);
  position: absolute;
  top: .26rem;
}
.bet-filter-container .date-filter-container {
  margin-bottom: .14rem;
  box-shadow: 0 .05rem .1rem -.04rem #8c8c8c;
}
.bet-filter-container .bet-filter-item-content {
  font-size: 0;
  padding: .1rem .2rem;
}
.bet-filter-container .bet-filter-item-content .ck-date {
  border: .02rem solid #fe0425;
  color: #fe0425;
}
.bet-filter-container .bet-filter-item-content > div {
  display: inline-block;
  width: calc(25% - .12rem);
  height: .6rem;
  line-height: .6rem;
  text-align: center;
  font-size: .28rem;
  margin: .06rem;
  border-radius: .1rem;
  color: #565656;
  border: .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: .02rem solid #d6d6d6;
}
.bet-filter-modal .am-list-header {
  text-align: left;
  position: relative;
  padding: .3rem 0 .3rem .3rem !important;
  color: #232323;
}
.bet-filter-modal .am-list-header span {
  position: absolute;
  right: .2rem;
  top: -.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: .3rem;
  margin-top: .1rem;
}
.total-hands {
  color: #108ee9;
  font-style: normal;
  margin: 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: .4rem;
}
.gameCecords-list-root .top-tip {
  position: absolute;
  top: -.4rem;
  left: 0;
  z-index: 1;
  width: 100%;
  height: .4rem;
  line-height: .4rem;
  text-align: center;
  font-size: .28rem;
  color: #000;
  opacity: .4;
}
.lott-records-root .records-item-content-sy > div {
  margin-bottom: .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: .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: .62rem;
  border-radius: .62rem;
  background: #e5e5e5;
  z-index: 0;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  transition: all .3s;
}
.am-switch .checkbox:before {
  content: " ";
  position: absolute;
  left: .03rem;
  top: .03rem;
  width: .96rem;
  height: .56rem;
  border-radius: .56rem;
  box-sizing: border-box;
  background: #fff;
  z-index: 1;
  transition: all .2s;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.am-switch .checkbox:after {
  content: " ";
  height: .56rem;
  width: .56rem;
  border-radius: .56rem;
  background: #fff;
  position: absolute;
  z-index: 2;
  left: .03rem;
  top: .03rem;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  transition: all .2s;
  box-shadow: .04rem .04rem .08rem rgba(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(.4rem);
  -ms-transform: translateX(.4rem);
  transform: translateX(.4rem);
}
.am-switch input[type=checkbox]:disabled + .checkbox {
  opacity: .3;
}
.am-switch.am-switch-android .checkbox {
  width: 1.44rem;
  height: .46rem;
  border-radius: .06rem;
  background: #a7aaa6;
}
.am-switch.am-switch-android .checkbox:before {
  display: none;
}
.am-switch.am-switch-android .checkbox:after {
  width: .7rem;
  height: .42rem;
  border-radius: .04rem;
  box-shadow: none;
  left: .02rem;
  top: .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(.7rem);
  -ms-transform: translateX(.7rem);
  transform: translateX(.7rem);
}
.rmc-date-picker {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: .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: .16rem;
  height: .34rem;
  line-height: .34rem;
  padding: 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%, .95),
      hsla(0, 0%, 100%, .6)),
    linear-gradient(
      0deg,
      hsla(0, 0%, 100%, .95),
      hsla(0, 0%, 100%, .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: .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, .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: .15rem;
  padding-right: .15rem;
}
.rmc-picker-popup-item {
  color: #0ae;
  font-size: .18rem;
  height: .44rem;
  line-height: .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: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(.55, 0, .55, .2);
  animation-timing-function: cubic-bezier(.55, 0, .55, .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: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(.55, 0, .55, .2);
  animation-timing-function: cubic-bezier(.55, 0, .55, .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: .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: .1rem;
  margin-top: .3rem;
  padding: .1rem .2rem .2rem;
}
.mc-lott-record-root .select-Box .type {
  display: inline-block;
  padding: 0 .15rem;
  font-size: .32rem;
  color: #108ee9;
  position: absolute;
  background: #fff;
  transform: translateY(-.3rem);
}
.mc-lott-record-root .select-Box span {
  margin-right: .2rem;
  color: #888;
  border: 1px solid #ddd;
  display: inline-block;
  position: relative;
  font-size: .28rem;
  text-align: center;
  padding: 0 .3rem;
  height: .5rem;
  line-height: .5rem;
  border-radius: .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: .2rem;
}
.mc-lott-record-root .main {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  z-index: 2;
  transition: all .25s ease-out;
}
.mc-lott-record-root .play-chooser {
  visibility: hidden;
  opacity: 0;
  top: 0;
  padding: 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 .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 .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: .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: .2rem 0;
}
.play-chooser .chase-number > span {
  color: #108ee9;
}
.team-betting-filter .flex-shrink1 {
  width: 100%;
}
.mc-trans-filter {
  height: .77rem;
  padding-left: .15rem;
  padding-right: .15rem;
  border-bottom: 1px solid #ebebeb;
  box-shadow: 0 .02rem .05rem -1px rgba(0, 0, 0, .1);
  justify-content: space-between;
  position: relative;
  z-index: 9;
  background: #fff;
  overflow-x: auto;
}
.mc-trans-filter .am-button-ghost.am-button-actived {
  color: #fff;
  background-color: #1284d6;
}
.mc-trans-filter .am-button-small {
  margin-right: .1rem;
  padding: 0 .1rem;
  min-width: 1rem;
  font-size: .24rem;
}
.mc-trans-filter .set-btn.am-button-small,
.mc-trans-filter .vasslage-btn.am-button-small {
  display: flex;
}
.mc-trans-filter .set-btn.am-button-small span,
.mc-trans-filter .vasslage-btn.am-button-small span {
  flex: 1 1 0%;
  white-space: normal;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-align: left;
  word-break: break-word;
}
.mc-trans-filter .am-flexbox .am-flexbox-item {
  height: .77rem;
  line-height: .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: .1rem;
  line-height: .4rem;
}
.mc-popup-txtype .am-list .am-list-body {
  max-height: 5.4rem;
  overflow: auto;
}
.mc-popup-txtype .am-list-header {
  padding: .3rem 0 .18rem .3rem;
}
.mc-popup-txtype .am-list-header div {
  padding-right: .3rem;
  text-align: left;
}
.mc-popup-txtype .am-list .am-list-body .svg-icon-dice {
  position: relative;
  top: .06rem;
  width: .4rem;
  height: .4rem;
  margin-right: .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: .6rem;
  min-height: .6rem;
  padding-left: .1rem;
  padding-right: .1rem;
  border-radius: .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: .4rem;
}
.mc-team-filter .am-list-item.am-input-item .am-icon-xs {
  position: relative;
  top: .03rem;
  color: #1284d6;
}
.mc-trans-filter .chase-number {
  font-size: .26rem;
  color: #108ee9;
  height: 100%;
  display: flex;
  align-items: center;
  overflow-x: auto;
  padding: 0 .2rem;
}
.mc-trans-filter .am-search {
  height: .6rem;
  padding: 0 .02rem;
  border-radius: .1rem;
}
.mc-trans-filter .am-search-synthetic-ph {
  padding-left: .02rem !important;
}
.mc-trans-filter .am-search-start .am-search-synthetic-ph {
  width: 2.5rem !important;
}
.mc-trans-filter .am-search-value {
  padding-left: .5rem !important;
}
.mc-trans-filter .am-search-cancel {
  padding: 0 .12rem;
  background: #108ee9;
  color: #fff;
  font-size: .26rem;
  border-radius: .1rem;
}
.sub-name-search {
  min-width: 65%;
  height: .6rem;
  min-height: .6rem;
  padding-left: .1rem;
  padding-right: .1rem;
  border-radius: .1rem;
  border: 1px solid #1284d6;
  position: relative;
  margin-left: .2rem;
}
.sub-name-search input {
  color: #000;
  height: .6rem;
  font-size: .34rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  padding: .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: .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: 100%;
  background: #e8e8e8;
  padding: .5em .6rem;
  max-height: 2rem;
  font-size: .24rem;
}
.record-footer .am-flexbox {
  overflow-y: inherit;
}
.bet-all-footer {
  background: #fff;
  box-shadow: .02rem .02rem .2rem #9a9a9a;
  padding: .5em .2rem;
}
.bet-all-footer .total-money > div {
  width: 50%;
  display: inline-block;
  padding: .04rem 0;
}
.bet-all-footer .total-money > div span {
  display: inline-block;
  min-width: 1.2rem;
  padding: 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: .3rem;
  margin-top: .1rem;
}
.order-number-group {
  display: flex;
  align-items: center;
}
.order-number-group svg {
  fill: #000;
  margin-left: .05rem;
  width: .35rem;
  height: .36rem;
}
.records-item-header-sy {
  position: relative;
}
.records-item-header-sy .full_name_tip {
  line-height: 1;
  border-radius: .05rem;
  opacity: 0;
  color: #fff;
  position: absolute;
  top: .8rem;
  max-width: 80%;
  margin: 0;
  background-color: gray;
  padding: .1rem;
  transition: all .5s cubic-bezier(.075, .82, .165, 1);
}
.records-item-header-sy .full_name_tip:after {
  left: .3rem;
  border-left: .2rem solid transparent;
  border-bottom: .2rem solid gray;
  border-right: .2rem solid transparent;
  border-top: .2rem solid transparent;
  bottom: 100%;
  content: "";
  position: absolute;
  height: 0;
  width: .03rem;
}
.records-item-header-sy .full_name_tip.showTip {
  opacity: 1;
}
.gameCecords-list-root .am-activity-indicator {
  justify-content: center;
  padding-bottom: .4rem;
}
.gameCecords-list-root .top-tip {
  position: absolute;
  top: -.4rem;
  left: 0;
  z-index: 1;
  width: 100%;
  height: .4rem;
  line-height: .4rem;
  text-align: center;
  font-size: .28rem;
  color: #000;
  opacity: .4;
}
.lott-records-root .records-item-content-sy > div {
  margin-bottom: .2rem;
}
.record_date {
  line-height: 1;
  white-space: nowrap;
}
.mc-game-record-root .select-Box {
  font-size: .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: .1rem;
  margin-top: .3rem;
  padding: .1rem .2rem .2rem;
}
.mc-game-record-root .select-Box .type {
  display: inline-block;
  padding: 0 .15rem;
  font-size: .32rem;
  color: #108ee9;
  position: absolute;
  background: #fff;
  transform: translateY(-.3rem);
}
.mc-game-record-root .select-Box span {
  margin-right: .2rem;
  color: #888;
  border: 1px solid #ddd;
  display: inline-block;
  position: relative;
  font-size: .28rem;
  text-align: center;
  padding: 0 .3rem;
  height: .5rem;
  line-height: .5rem;
  border-radius: .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: .2rem;
}
.mc-game-record-root .main {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  z-index: 2;
  transition: all .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 .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 .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 .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: .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: .2rem 0;
}
.play-chooser .chase-number > span {
  color: #108ee9;
}
.team-betting-filter .flex-shrink1 {
  width: 100%;
}
.am-whitespace.am-whitespace-xs {
  height: .06rem;
}
.am-whitespace.am-whitespace-sm {
  height: .12rem;
}
.am-whitespace.am-whitespace-md {
  height: .18rem;
}
.am-whitespace.am-whitespace-lg {
  height: .3rem;
}
.am-whitespace.am-whitespace-xl {
  height: .42rem;
}
.lottOrderInfo_root {
  font-size: .26rem;
  padding: .2rem .4rem .1rem;
  background: #fff;
  border-bottom: 1px solid #cecdcd;
}
.lottOrderInfo_root span {
  margin-bottom: .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: .6rem;
}
.lottChasing_root {
  font-size: .26rem;
  padding: .2rem 0 .1rem;
  background: #fff;
  border-bottom: 1px solid #cecdcd;
}
.lottChasing_root span {
  margin-bottom: .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: .26rem;
  margin-bottom: .2rem;
}
.lott-detail .records-info-sy .order-info {
  border-bottom: 1px solid #cecdcd;
  padding: .3rem .6rem .2rem;
}
.lott-detail .records-info-sy .info-box > span {
  margin-bottom: .1rem;
}
.lott-detail .records-info-sy .order-money {
  padding: .3rem .6rem .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: .32rem;
  height: .68rem;
  line-height: .68rem;
  color: #000;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.am-picker-col-item-selected {
  font-size: .34rem;
}
.am-picker-col-mask {
  top: 0;
  height: 100%;
  margin: 0 auto;
  background-image:
    linear-gradient(
      180deg,
      hsla(0, 0%, 100%, .95),
      hsla(0, 0%, 100%, .6)),
    linear-gradient(
      0deg,
      hsla(0, 0%, 100%, .95),
      hsla(0, 0%, 100%, .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: .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, .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: .34rem;
  padding: .18rem .3rem;
  height: .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: .4rem;
}
.lott-records-root .records-item-header-sy {
  background: #fff;
  display: flex;
  align-items: center;
  padding: .14rem .6rem;
  height: .7rem;
  line-height: .7rem;
}
.lott-records-root .records-item-header-sy .details > span {
  font-size: .26rem;
  color: #108ee9;
  padding: .2rem 0 .2rem .3rem;
}
.ri-order-details {
  max-height: .62rem;
}
.lott-records-root .records-item-content-sy {
  background: #f9f9f9;
  font-size: .26rem;
  padding: .3rem .6rem .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: .1rem;
}
.order_status {
  font-size: .26rem;
  line-height: 1.2;
}
.lott-record-container .downAnimating {
  justify-content: center;
  padding-bottom: .4rem;
}
.lott-record-container .upAnimating {
  justify-content: center;
  padding: .3rem 0;
}
.lott-record-container .top-tip {
  position: absolute;
  top: -.4rem;
  left: 0;
  z-index: 1;
  width: 100%;
  height: .4rem;
  line-height: .4rem;
  text-align: center;
  font-size: .28rem;
  color: #000;
  opacity: .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: .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: .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: .1rem;
  margin-top: .3rem;
  padding: .1rem .2rem .2rem;
}
.ck-icon {
  position: relative;
  top: .1rem;
}
.game-record-container .select-Box .type {
  display: inline-block;
  padding: 0 .15rem;
  font-size: .32rem;
  color: #108ee9;
  position: absolute;
  background: #fff;
  transform: translateY(-.3rem);
}
.game-record-container .select-Box span {
  margin-right: .2rem;
  color: #888;
  border: 1px solid #ddd;
  display: inline-block;
  position: relative;
  font-size: .28rem;
  text-align: center;
  padding: 0 .3rem;
  height: .5rem;
  line-height: .5rem;
  border-radius: .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: .2rem;
}
.game-record-container .main {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  z-index: 2;
  transition: all .25s ease-out;
}
.game-record-container .play-chooser {
  visibility: hidden;
  opacity: 0;
  top: 0;
  padding: 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 .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 .5s;
  position: absolute;
  visibility: hidden;
  width: 100%;
  height: 100%;
  z-index: 9;
  opacity: 0;
  background-color: #000;
}
.game-record-container .chooser-mask.show {
  opacity: .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: .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 .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 .25s ease-out;
}
.game-record-show {
  width: 80%;
  height: 100%;
  background: #fff;
  padding: .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% - .77rem);
  float: left;
  background: rgba(0, 0, 0, .5);
  padding: .2rem;
  margin-top: .77rem;
}
.game-record-show-content {
  width: 100%;
  height: 100%;
  color: #ddd;
}
.team-member-item-header {
  padding: .14rem .2rem .14rem .4rem;
  height: .8rem;
  line-height: .8rem;
  background: #fff;
  position: relative;
}
.team-member-item-content {
  background: #fcfcfc;
}
.records-list-root .team-op {
  color: #a6a6a6;
  font-size: .28rem;
}
.mc-icon-member {
  position: relative;
  top: .1rem;
  margin-right: .05rem;
  fill: #5288f8;
}
.mc-divider {
  width: .02rem;
  height: .05rem;
  background-color: #777;
  margin: 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: .28rem;
  height: .7rem;
  line-height: .7rem;
  text-overflow: ellipsis;
  word-break: break-word;
  white-space: nowrap;
  background-color: #fff;
  outline: 0 none;
  padding: 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: .96rem;
  line-height: .46rem;
  padding: .25rem .45rem;
  border-bottom: 1px solid #d1d1d1;
  overflow: hidden;
}
.team-rebate-title span {
  display: inline-block;
  margin-right: .26rem;
}
.team-rebate-tleft svg {
  position: relative;
  top: .12rem;
}
.team-rebate-tcenter {
  color: #ff2936;
}
.team-rebate-tright {
  color: #000;
  font-size: .4rem;
}
.team-rebate-btn {
  padding: .35rem .45rem .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, .6);
}
#root .team-member-flow .am-steps-item.am-steps-status-finish.am-steps-custom {
  width: 23.333% !important;
  margin-right: .1rem !important;
  margin-bottom: .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: .6rem;
  line-height: .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: .1rem;
  -webkit-text-decoration: rtl;
  text-decoration: rtl;
  text-align: right;
  color: #000;
  font-size: .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 .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: .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: .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: .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: .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%, .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: .51rem .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: .65rem .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: .88rem;
  padding-left: .3rem;
  padding-right: .3rem;
}
.am-list-item.am-input-item:after {
  display: block;
  position: absolute;
  content: "";
  left: .3rem;
  bottom: 0;
  right: auto;
  top: auto;
  width: 100%;
  border-bottom: 1px solid #ddd;
}
.am-list-item .am-input-label {
  color: #000;
  font-size: .34rem;
  margin-left: 0;
  margin-right: .1rem;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  padding: .04rem 0;
}
.am-list-item .am-input-label.am-input-label-2 {
  width: .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: .34rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1 1 0%;
}
.am-list-item .am-input-control input {
  color: #000;
  font-size: .34rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  padding: .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: .42rem;
  height: .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: .42rem auto;
  background-position: .04rem .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: .42rem;
  overflow: hidden;
  padding-right: 0;
  line-height: 1;
  color: #888;
  font-size: .3rem;
  margin-left: .1rem;
}
.am-list-item.am-input-error .am-input-control input {
  color: #f50;
}
.am-list-item.am-input-error .am-input-error-extra {
  height: .42rem;
  width: .42rem;
  margin-left: .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: .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: .32rem 0;
}
.am-slider-rail {
  position: absolute;
  width: 100%;
  background-color: #ddd;
  height: .04rem;
  box-sizing: border-box;
}
.am-slider-wrapper {
  padding: 0 .32rem;
}
.am-slider-track {
  position: absolute;
  left: 0;
  height: .04rem;
  border-radius: .04rem;
  background-color: #108ee9;
}
.am-slider-handle {
  position: absolute;
  margin-left: -.24rem;
  margin-top: -.24rem;
  width: .44rem;
  height: .44rem;
  cursor: pointer;
  border-radius: 50%;
  border: .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 .05rem #40a5ed;
}
.am-slider-mark {
  position: absolute;
  top: .4rem;
  left: 0;
  width: 100%;
  font-size: .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: .3;
}
.am-slider-step {
  position: absolute;
  width: 100%;
  height: .08rem;
  background: transparent;
}
.am-slider-dot {
  position: absolute;
  bottom: -.1rem;
  margin-left: -.08rem;
  width: .24rem;
  height: .24rem;
  border: .04rem solid #ddd;
  background-color: #fff;
  cursor: pointer;
  border-radius: 50%;
  vertical-align: middle;
}
.am-slider-dot:first-child {
  margin-left: -.08rem;
}
.am-slider-dot:last-child {
  margin-left: -.08rem;
}
.am-slider-dot-active {
  border-color: #108ee9;
}
.am-slider-disabled {
  opacity: .3;
}
.am-slider-disabled .am-slider-track {
  height: .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 .24rem;
  color: #5b5b5b;
  font-size: .28rem;
}
.modal-list-content .team-rebate-title {
  padding: 0;
  font-size: .28rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: inherit;
}
.modal-list-content .team-rebate-title .team-rebate-tleft {
  margin-right: .1rem;
}
.modal-list-content .team-rebate-title .team-rebate-tleft .icon-player svg {
  height: .27rem;
  top: .05rem;
  width: .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: .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: .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: .28rem;
  font-weight: 700;
  color: #5b5b5b;
  margin-right: .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: .36rem;
  height: .36rem;
  border-radius: .18rem;
  border: 1px solid #9d9d9d;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 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: .3rem;
  height: .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: .26rem;
  color: #5b5b5b;
  line-height: .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: -.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: .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 .06rem .08rem 0 rgba(255, 4, 75, .1);
  background-color: #ec2529;
  height: .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: .28rem;
  height: .28rem;
  border-radius: .14rem;
  box-shadow: 0 .04rem .06rem 0 rgba(155, 171, 190, .1);
  background-color: #e7ecf2;
  margin: -.1rem -.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: .1rem;
  border-radius: inherit;
}
.modal-list-content .mc-switch {
  margin: 0 .2rem;
  top: inherit;
}
.modal-list-content .mc-switch .checkbox {
  width: .74rem;
  height: .42rem;
  border: .02rem solid #cdcdcd;
  background-color: #fff;
}
.modal-list-content .mc-switch .checkbox:before {
  display: none;
}
.modal-list-content .mc-switch .checkbox:after {
  width: .42rem;
  height: .42rem;
  background-color: #cdcdcd;
  left: 0;
  top: -1px;
}
.modal-list-content .mc-switch .checkbox.on {
  background-color: #fff;
  border: .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: .28rem;
  height: .8rem;
  line-height: .8rem;
  border: none;
  border-radius: inherit;
  margin: 0;
}
.records-root {
  font-size: .32rem;
  margin-bottom: .3rem;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
}
.record-time {
  left: 0 !important;
  margin: .1rem;
  right: .2rem;
}
.record-time .am-popover-inner-wrapper {
  background: #000;
  padding: .1rem;
  color: #fff;
}
.record-time .am-popover-arrow {
  background: #000;
}
.records-list-root .time {
  font-size: .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: .1rem;
  z-index: 888;
  margin: .1rem;
  right: .2rem;
  top: 42%;
  word-break: break-all;
  padding: 1em;
}
.mc-transaction-record-root .records-item-header {
  padding: .14rem .4rem;
  height: auto;
  background: #fff;
}
.record-icon-yen {
  position: relative;
  top: .08rem;
  margin-right: .15rem;
  color: #3a86f7;
}
.records-item-content {
  font-size: .28rem;
  background: rgba(0, 0, 0, .05);
  position: relative;
}
.records-list-root .line {
  height: .8rem;
  line-height: .8rem;
  padding: 0 .4rem;
  font-size: .25rem;
  position: static;
  z-index: 2 !important;
}
.records-list-root .line-large {
  height: 1rem;
  margin-top: .1rem;
  padding: 0 .4rem;
  z-index: 1 !important;
}
.records-list-root .line-large .am-flexbox {
  line-height: .45rem;
}
.records-list-root .user-name {
  padding: .3rem .4rem 0;
  font-size: .25rem;
}
.tic-code {
  max-width: 50%;
}
.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: .32rem;
  margin-top: .3rem;
  padding: .1rem .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: .3rem;
}
.mc-transaction-record-root .mc-trans-filter {
  background: #f5f5f5;
}
.tr-item-header {
  position: relative;
  height: .68rem;
  padding: 0 .45rem;
  background: #fff;
  box-shadow: 0 .19rem .4rem 0 rgba(0, 0, 0, .02);
}
.tr-item-content {
  background: #fcfcfc;
  position: relative;
}
.tr-item-title {
  font-size: .27rem;
  color: #5e5e5e;
  font-weight: 700;
  margin-left: .14rem;
}
.tr-item-time {
  font-size: .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: .54rem;
  height: .6rem;
  background: url(https://www.ck444.pro/mobile/mc/bill.b01b2d35.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.tr-item-content-item {
  min-height: .36rem;
  line-height: .36rem;
  font-size: .26rem;
  color: #5e5e5e;
  display: flex;
  flex-wrap: wrap;
  padding: .08rem 0 .08rem .24rem;
  margin: 0 .45rem;
  justify-content: space-between;
}
.tr-item-detail {
  padding: .16rem 0;
}
.tic-footer {
  min-height: .92rem;
  padding: .16rem .45rem .16rem .69rem;
  line-height: normal;
  margin: 0;
  border-top: .02rem solid #f5f5f5;
}
.tic-footer-title {
  display: block;
  font-size: .22rem !important;
  font-weight: 700;
  color: #a6a6a6;
}
.tic-footer-amount {
  font-size: .3rem;
  color: #000;
  font-weight: 700;
}
.mtrr-container .mc-filter-container.name-filter,
.mtrr-container .mc-trans-filter {
  line-height: .9rem;
  background: #f5f5f5;
}
.mtrr-container .name-filter > .mc-trans-filter {
  padding-left: .3rem;
  padding-right: .3rem;
}
.mtrr-container .name-filter .mc-trans-filter > a:first-child {
  padding-right: .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: .24rem;
}
.tic-remark {
  font-size: .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(https://www.ck444.pro/mobile/mc/appDownload-header.ba1c108b.png) no-repeat;
  background-size: 100% 100%;
  height: 3.26rem;
  padding: 0 .3rem;
}
.appDownload .appDownload-header .app-name {
  text-indent: 1em;
  font-size: .4rem;
  line-height: 1.5rem;
  color: #fff;
  font-weight: 700;
}
.appDownload .appDownload-header .appDownload-header-content {
  height: 2.1rem;
  border-radius: .28rem;
  background: #fff;
  position: relative;
  bottom: -.68rem;
  padding-left: 2.25rem;
  padding-top: .33rem;
}
.appDownload .appDownload-header .appDownload-header-content .app-icon {
  position: absolute;
  width: 1.75rem;
  height: 1.75rem;
  top: -.34rem;
  left: .3rem;
  border-radius: .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(https://www.ck444.pro/mobile/mc/official-logo.9c6a1a43.png) no-repeat;
  background-size: 100% 100%;
  padding: 0 1em;
  min-width: .68rem;
  font-size: .2rem;
  display: inline-block;
  vertical-align: middle;
  height: .38rem;
  margin-left: .13rem;
  line-height: .38rem;
}
.appDownload .appDownload-header .appDownload-header-content .app-full-name {
  max-width: 2rem;
  display: inline-block;
  vertical-align: middle;
  line-height: .38rem;
  font-size: .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: .12rem;
  height: .25rem;
  font-size: .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: .24rem .25rem;
  height: .25rem;
  width: .24rem;
  margin-right: .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: .39rem;
  right: .3rem;
  padding: 0 .38rem;
  height: .64rem;
  line-height: .64rem;
  font-size: .26rem;
  background: #3887fe;
  color: #fff;
  text-align: center;
  border-radius: .32rem;
  cursor: pointer;
}
.appDownload .appDownload-tabs {
  margin-top: .98rem;
  padding: 0 .3rem;
  line-height: .48rem;
}
.appDownload .appDownload-tabs p {
  text-align: justify;
}
.appDownload .appDownload-tabs .view-item {
  min-width: 50%;
  text-align: center;
  color: #5e5e5e;
  line-height: .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: .03rem;
  background: #2297ff;
  height: .06rem;
  width: .36rem;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -.18rem;
}
.appDownload .appDownload-tabs .tips-red {
  color: #ff3636;
}
.appDownload .appDownload-tabs .view-content {
  margin-top: .5em;
  padding: 0 .37rem;
  color: #5e5e5e;
}
.appDownload .appDownload-tabs .view-content img {
  width: 100%;
}
.appDownload .donw-load-btn {
  position: fixed;
  bottom: .4rem;
  height: .64rem;
  width: calc(100% - .6rem);
  left: .3rem;
  line-height: .64rem;
  font-size: .26rem;
  background: #3887fe;
  color: #fff;
  text-align: center;
  border-radius: .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: .04rem solid #108ee9;
  transition: all .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 .3rem 0 .1rem;
}
#root .member-benefits .mc-header-wrap .am-navbar-right .vip-rule {
  font-size: .3rem;
  font-weight: 600;
  line-height: 1;
  text-align: right;
}
.member-benefits-wrapper {
  flex: 1 1 0%;
  padding: .2rem .3rem;
  display: flex;
  flex-direction: column;
  gap: .2rem;
}
.member-level-info {
  display: flex;
  align-items: center;
  width: 100%;
  height: 1.2rem;
  border-radius: .2rem;
  background:
    linear-gradient(
      0deg,
      #f1f9ff,
      #b3bcc8);
  position: relative;
  gap: .16rem;
}
.member-level-info:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(https://www.ck444.pro/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: .44rem;
  font-weight: 800;
  -webkit-text-stroke-width: 1;
  -webkit-text-stroke-color: hsla(0, 0%, 100%, .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: -.08rem .25rem 0;
}
.member-level-info .level-info .level-img img {
  height: 100%;
  object-fit: contain;
}
.member-level-info .level-btn {
  border-radius: .7rem 0 0 .7rem;
  background: hsla(0, 0%, 100%, .4);
  box-shadow: -.03rem .09rem .2rem 0 rgba(0, 0, 0, .1);
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  width: 2.4rem;
  min-height: .7rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .1rem;
  padding: .1rem .15rem .1rem .24rem;
  color: #434851;
  font-size: .2rem;
  font-weight: 600;
  line-height: 1;
  word-break: break-word;
}
.member-level-info .level-btn svg {
  width: .3rem;
  height: .3rem;
}
.maintainRank-wrapper {
  border-radius: .2rem;
  border: .0213rem solid hsla(0, 0%, 100%, .3);
  background:
    linear-gradient(
      102deg,
      #fefefe,
      #eddeba 50%,
      #f0c2a7);
  background-clip: padding-box;
  box-shadow: inset 0 -.08519rem .08519rem 0 hsla(37, 34%, 76%, .06), inset 0 .08519rem .08519rem 0 hsla(37, 34%, 76%, .06);
  display: flex;
  align-items: center;
  padding: .24rem 0 .24rem .12rem;
  position: relative;
  min-height: 2.52rem;
  gap: .08rem;
}
.maintainRank-wrapper:after {
  content: "";
  width: 1.71rem;
  height: 2.14rem;
  margin-right: -.11rem;
  background: url(https://www.ck444.pro/mobile/mc/maintain-img.9bafd54c.png) no-repeat 50%/contain;
}
.maintainRank-wrapper .maintainRank-wrap {
  flex: 1 1 0%;
  display: flex;
  flex-direction: column;
  gap: .1rem;
}
.maintainRank-wrapper .condition-title {
  color: #333;
  font-size: .2rem;
  font-weight: 700;
}
.maintainRank-wrapper .condition-info,
.maintainRank-wrapper .condition-item {
  display: flex;
  flex-direction: column;
  gap: .14rem;
}
.maintainRank-wrapper .condition-item .item-top {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  min-height: .54rem;
  gap: .2rem;
}
.maintainRank-wrapper .condition-item .item-top .task-text {
  flex: 1 1 0%;
  font-size: .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: .28rem;
  font-weight: 700;
  display: flex;
  align-items: center;
}
.maintainRank-wrapper .condition-item .item-top .task-view .symbol {
  margin-right: .08rem;
}
.maintainRank-wrapper .condition-item .item-top .task-view .target {
  font-size: .22rem;
  font-weight: 600;
}
.maintainRank-wrapper .condition-item .item-progress .am-progress-outer {
  border-radius: .8rem;
  background: hsla(0, 0%, 100%, .7);
  -webkit-backdrop-filter: blur(.04rem);
  backdrop-filter: blur(.04rem);
  padding: .02rem .04rem;
  height: .1rem;
}
.maintainRank-wrapper .condition-item .item-progress .am-progress-outer .am-progress-bar {
  width: 0;
  border-radius: .8rem;
  background:
    linear-gradient(
      90deg,
      #87591e,
      #aa7a31);
  height: .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: .12rem;
  background: #fff;
  box-shadow: 0 0 .2rem 0 rgba(188, 230, 252, .3);
  padding: .2rem .3rem 0;
}
.rankBenefits-wrapper .rankBenefits-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: .3rem;
  padding-bottom: .2rem;
}
.rankBenefits-wrapper .rankBenefits-list .rankBenefits-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: .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: .3rem;
}
.rankBenefits-wrapper .rankBenefits-list .rankBenefits-item .item-title {
  width: calc(50% - .15rem);
  position: relative;
  display: flex;
  align-items: center;
  gap: .18rem;
  color: #fd2f2f;
  font-size: .22rem;
  font-weight: 600;
  min-height: .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: .76rem;
  height: .79rem;
  background: url(https://www.ck444.pro/mobile/mc/rankBenefit-img.0d50c723.png) no-repeat 50%/contain;
}
.rankBenefits-wrapper .rankBenefits-list .rankBenefits-item .item-info {
  width: calc(50% - .15rem);
  min-height: .72rem;
  color: #4c4d4f;
  font-size: .2rem;
  font-weight: 400;
  padding: .12rem .1rem;
  border-radius: .06rem;
  background:
    linear-gradient(
      270deg,
      rgba(188, 230, 252, 0),
      rgba(126, 193, 255, .2));
  display: flex;
  align-items: center;
}
.rankBenefits-wrapper .rankBenefits-more {
  min-width: 3.74rem;
  height: .42rem;
  border-radius: .12rem .12rem 0 0;
  padding: .05rem;
  color: #fff;
  font-size: .24rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}
.benefits-title {
  color: #666;
  font-size: .28rem;
  font-weight: 600;
  padding-left: .4rem;
  border-left: .1rem solid #fd2f2f;
  margin: .4rem 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: .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 .24rem 0 .4rem;
  gap: .35rem;
  border-radius: .16rem .16rem 0 0;
}
.upgrade-wrapper .upgrade-list-wrap .upgrade-top:before {
  content: "";
  width: 100%;
  height: 100%;
  background: url(https://www.ck444.pro/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: .12rem;
  font-weight: 700;
  font-size: .32rem;
  position: relative;
  z-index: 1;
  color: #333;
}
.upgrade-wrapper .upgrade-list-wrap .upgrade-top .top-title .subtitle-item {
  font-size: .24rem;
  font-weight: 500;
}
.upgrade-wrapper .upgrade-list-wrap .upgrade-top .top-img {
  margin-top: -.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 .16rem .16rem;
  padding: .3rem .2rem;
  display: flex;
  flex-direction: column;
  gap: .14rem;
}
.upgrade-wrapper .upgrade-info-wrapper .info-item {
  border-radius: .14rem;
  background: #fff;
  box-shadow: 0 0 .2rem 0 rgba(188, 230, 252, .3);
  padding: .2rem;
  display: flex;
  flex-direction: column;
  gap: .2rem;
}
.upgrade-wrapper .upgrade-info-wrapper .info-item .task-text {
  color: #a6a6a6;
  font-size: .24rem;
  font-weight: 600;
}
.upgrade-wrapper .upgrade-info-wrapper .info-item .task-info-wrap {
  display: flex;
  align-items: flex-end;
  gap: .1rem;
}
.upgrade-wrapper .upgrade-info-wrapper .info-item .task-info-wrap .task-view-info {
  color: #656565;
  font-size: .28rem;
  font-weight: 700;
}
.upgrade-wrapper .upgrade-info-wrapper .info-item .task-info-wrap .task-view-info .symbol {
  margin-right: .08rem;
}
.upgrade-wrapper .upgrade-info-wrapper .info-item .task-info-wrap .task-view-info .target {
  font-size: .22rem;
}
.upgrade-wrapper .upgrade-info-wrapper .info-item .task-info-wrap .task-progress {
  flex: 1 1 0%;
  display: flex;
  flex-direction: column;
  gap: .06rem;
}
.upgrade-wrapper .upgrade-info-wrapper .info-item .task-info-wrap .task-progress .item-progress {
  flex: 1 1 0%;
  display: flex;
  gap: .37rem;
}
.upgrade-wrapper .upgrade-info-wrapper .info-item .task-info-wrap .task-progress .item-progress .progress {
  flex: 1 1 0%;
  height: .16rem;
  border-radius: .8rem;
  border: 1px solid hsla(0, 0%, 95%, .2);
  background: hsla(0, 0%, 97%, .7);
  -webkit-backdrop-filter: blur(.04rem);
  backdrop-filter: blur(.04rem);
  display: flex;
  align-items: center;
  padding: .02rem .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: .8rem;
  animation: upgradeAnimationStrike 1.5s ease-in;
}
.upgrade-wrapper .upgrade-info-wrapper .info-item .task-info-wrap .task-progress .current-progress {
  font-size: .22rem;
  font-weight: 600;
}
.upgrade-wrapper .upgrade-info-wrapper .info-item .task-info-wrap .btn-task-status {
  min-height: .54rem;
  width: 1.08rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: .8rem;
  border: .03rem solid hsla(0, 0%, 100%, .2);
  background: #333;
  font-size: .2rem;
  font-weight: 600;
  color: #fff;
  padding: 0 .05rem;
  text-align: center;
}
.upgrade-wrapper .upgrade-info-wrapper .info-item .task-info-wrap .btn-task-status.done {
  border-radius: .8rem;
  border: .03rem solid hsla(0, 0%, 100%, .2);
  background: var(--green, #23e63a);
}
.upgrade-wrapper .upgrade-close svg {
  width: .8rem;
  height: .8rem;
}
.rankRewardDetail-wrapper .rankRewardDetail-filter-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: .1rem;
}
.rankRewardDetail-wrapper .rankRewardDetail-filter-wrapper .rankRewardDetail-tab-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: .54rem;
  border-radius: .16rem;
  background: hsla(0, 0%, 100%, .7);
  box-shadow: 0 0 .2rem 0 rgba(0, 0, 0, .04);
  -webkit-backdrop-filter: blur(.02rem);
  backdrop-filter: blur(.02rem);
  color: #666;
  font-size: .2rem;
  font-weight: 600;
  gap: .04rem;
  padding: 0 .04rem;
}
.rankRewardDetail-wrapper .rankRewardDetail-filter-wrapper .rankRewardDetail-tab-wrapper .tab-item {
  padding: 0 .2rem;
  min-width: 1.03rem;
  border-radius: .12rem;
  height: .46rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rankRewardDetail-wrapper .rankRewardDetail-filter-wrapper .history-btn {
  min-width: 1.6rem;
  height: .54rem;
  font-size: .22rem;
  font-weight: 600;
  text-shadow: 0 0 .02rem rgba(0, 0, 0, .4);
  padding: 0 .2rem;
  border-radius: .12rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .1rem;
  background:
    linear-gradient(
      0deg,
      #f1f9ff,
      #b3bcc8);
}
.rankRewardDetail-wrapper .rankRewardDetail-filter-wrapper .history-btn svg {
  width: .32rem;
  height: .32rem;
}
.rankRewardDetail-wrapper .unlock-time-wrapper {
  margin: .2rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .1rem;
}
.rankRewardDetail-wrapper .unlock-time-wrapper .time-info {
  gap: .12rem;
  display: flex;
  align-items: center;
  color: #666;
  font-size: .2rem;
  font-weight: 500;
}
.rankRewardDetail-wrapper .unlock-time-wrapper .unlock-time {
  font-size: .24rem;
  font-weight: 600;
}
.rankRewardDetail-wrapper .unlock-time-wrapper .unlock-time .wysiwyg {
  display: flex;
  align-items: center;
  gap: .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: .34rem;
  height: .34rem;
}
.rankRewardDetail-wrapper .rankRewardDetail-list-wrapper {
  display: flex;
  flex-direction: column;
  gap: .4rem;
}
.rankRewardDetail-wrapper .rankRewardDetail-list-wrapper .list-item {
  width: 100%;
  min-height: 1.54rem;
  background: url(https://www.ck444.pro/mobile/mc/not-unlocked.a49e05e7.png) no-repeat 50%/contain;
  box-shadow: 0 0 .12rem 0 rgba(0, 0, 0, .14);
  position: relative;
  padding: .18rem .31rem 0 1.67rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: .2rem;
  font-weight: 700;
  color: #666;
}
.rankRewardDetail-wrapper .rankRewardDetail-list-wrapper .list-item.unlocked {
  background: url(https://www.ck444.pro/mobile/mc/unlocked.7c33cc07.png) no-repeat 50%/contain;
}
.rankRewardDetail-wrapper .rankRewardDetail-list-wrapper .list-item.unlocked:not(:last-child):after {
  border-right: 1px solid hsla(136, 8%, 74%, .2);
  border-left: 1px solid hsla(136, 8%, 74%, .2);
  background: #80ecbc;
  box-shadow: inset -.03rem 0 0 0 rgba(213, 252, 239, .6), inset .05rem 0 0 0 #76d8ae;
}
.rankRewardDetail-wrapper .rankRewardDetail-list-wrapper .list-item:not(:last-child):after {
  position: absolute;
  content: "";
  width: .22rem;
  height: .4rem;
  border-right: 1px solid hsla(136, 8%, 74%, .2);
  border-left: 1px solid hsla(136, 8%, 74%, .2);
  background: #bababa;
  box-shadow: inset -.03rem 0 0 0 #e8e8e8, inset .05rem 0 0 0 hsla(0, 0%, 50%, .6);
  left: .65rem;
  bottom: -.4rem;
}
.rankRewardDetail-wrapper .rankRewardDetail-list-wrapper .list-item .item-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: .07rem;
}
.rankRewardDetail-wrapper .rankRewardDetail-list-wrapper .list-item .item-top .top-item {
  flex: 0 0 50%;
  display: flex;
  align-items: center;
  gap: .1rem;
}
.rankRewardDetail-wrapper .rankRewardDetail-list-wrapper .list-item .item-top .top-item .num {
  flex: 1 1 0%;
  display: flex;
  align-items: center;
  gap: .05rem;
}
.rankRewardDetail-wrapper .rankRewardDetail-list-wrapper .list-item .item-top .top-item svg {
  width: .28rem;
  height: .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%, .8);
  line-height: .48rem;
}
.rankRewardDetail-wrapper .rankRewardDetail-list-wrapper .list-item .item-info:before {
  content: "";
  margin: .04rem 0;
  width: 100%;
  height: .02rem;
  border-radius: .6rem;
  background: hsla(0, 0%, 40%, .1);
}
.upConditions-wrapper {
  position: relative;
  padding-bottom: .5rem;
}
.upConditions-wrapper .upConditions-subtitle {
  color: #666;
  font-size: .22rem;
  font-weight: 400;
}
.upConditions-wrapper .upConditions-list-wrap {
  margin: .2rem 0 0;
  position: relative;
  border-radius: .2rem;
  background: #fff;
  box-shadow: 0 0 .4rem 0 rgba(255, 236, 170, .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: .8rem;
  left: 0;
  width: 33%;
  color: #666;
  font-size: .24rem;
  font-weight: 600;
  background:
    linear-gradient(
      180deg,
      rgba(241, 249, 255, .15),
      rgba(179, 188, 200, .15));
  z-index: 1;
}
.upConditions-wrapper .upConditions-list-wrap .list-item.prev .item-name {
  opacity: .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: .22rem;
  font-weight: 700;
  color: #000;
  height: .8rem;
  padding: .12rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .2rem;
}
.upConditions-wrapper .upConditions-list-wrap .list-item .item-name img {
  height: .56rem;
  object-fit: contain;
}
.upConditions-wrapper .upConditions-list-wrap .list-item .item-info {
  height: 1.94rem;
  padding: .22rem .08rem;
  display: flex;
  flex-direction: column;
  word-break: break-word;
  border-bottom: .02rem solid hsla(240, 7%, 94%, .5);
}
.upConditions-wrapper .upConditions-list-wrap .list-item .item-info .item-top {
  font-size: .24rem;
  font-weight: 700;
}
.upConditions-wrapper .upConditions-list-wrap .list-item .item-info .item-mid {
  margin-top: .04rem;
  color: #979797;
  font-size: .2rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: .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, .5);
  font-size: .24rem;
  font-weight: 700;
}
.upConditions-wrapper .swiper-pagination .swiper-pagination-bullet {
  fill: #fff;
  -webkit-filter: drop-shadow(0 .02rem .02rem rgba(0, 0, 0, .1));
  filter: drop-shadow(0 .02rem .02rem rgba(0, 0, 0, .1));
  width: .24rem;
  height: .24rem;
  bottom: 0;
}
.upConditions-wrapper .swiper-pagination .swiper-pagination-bullet-active {
  height: .2rem;
  bottom: .02rem;
  border-radius: .5rem;
  box-shadow: 0 .02rem .02rem 0 rgba(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: .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% - .6rem);
  border-radius: .14rem;
  background: #fff;
  box-shadow: inset 0 -.06rem 0 0 rgba(0, 0, 0, .03), 0 0 .2rem 0 rgba(255, 236, 170, .3);
  display: flex;
  flex-direction: column;
  padding: .2rem;
  gap: .12rem;
  margin: .06rem 0;
}
.rewardsHistory-wrapper .search-result .scroll-inner-container .list-item .item-date {
  font-size: .2rem;
  font-weight: 500;
  color: #a6a6a6;
}
.rewardsHistory-wrapper .search-result .scroll-inner-container .list-item .item-title {
  min-height: .68rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #333;
  font-size: .24rem;
  font-weight: 600;
  position: relative;
  padding-bottom: .26rem;
}
.rewardsHistory-wrapper .search-result .scroll-inner-container .list-item .item-title:after {
  position: absolute;
  bottom: .13rem;
  content: "";
  width: 100%;
  height: .02rem;
  border-radius: .4rem;
  background: #ebebeb;
}
.rewardsHistory-wrapper .search-result .scroll-inner-container .item-group {
  padding: 0 .3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: .2rem;
  font-weight: 700;
  color: #666;
}
.rewardsHistory-wrapper .search-result .scroll-inner-container .item-group .item-info {
  display: flex;
  align-items: center;
  gap: .14rem;
  min-height: .42rem;
}
.rewardsHistory-wrapper .search-result .scroll-inner-container .item-group .item-icon {
  border-radius: .42rem;
  width: .42rem;
  height: .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%, .6);
  background: #5076f3;
}
.rewardsHistory-wrapper .search-result .scroll-inner-container .item-group .item-icon.point {
  border: 1.68px solid hsla(0, 0%, 100%, .6);
  background: #fdb752;
}
.rewardsHistory-wrapper .search-result .scroll-inner-container .item-group .item-icon.ticket {
  border: 1.68px solid hsla(0, 0%, 100%, .6);
  background: #fb556a;
}
.rewardsHistory-wrapper .search-result .scroll-inner-container .item-group .item-icon svg {
  width: .26rem;
  height: .26rem;
}
.rewardsHistory-wrapper .search-result .scroll-inner-container .item-group .num {
  display: flex;
  align-items: center;
  gap: .05rem;
  line-height: 1;
}
.rewardsHistory-wrapper .search-result .scroll-inner-container .item-group .item-status {
  display: flex;
  align-items: center;
  justify-content: center;
  width: .34rem;
  height: .34rem;
}
.rewardsHistory-wrapper .search-result .scroll-inner-container .item-group .item-status svg {
  width: 100%;
  height: 100%;
}
.rewardsHistory-search {
  margin: .2rem .3rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.rewardsHistory-search .search-tab-wrapper {
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: .12rem;
  padding: .04rem;
}
.rewardsHistory-search .search-tab-wrapper .tab-item {
  font-size: .2rem;
  font-weight: 600;
  color: #666;
  height: .46rem;
  padding: 0 .2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: .12rem;
}
.rewardsHistory-search .search-tab-wrapper .tab-item.on {
  background:
    linear-gradient(
      0deg,
      #f1f9ff,
      #b3bcc8);
}
.rewardsHistory-search .select-date .am-button-ghost {
  border-radius: .1rem;
  border: .02rem solid #666;
  color: #666;
  font-size: .2rem;
  font-weight: 700;
  height: .54rem;
  line-height: .54rem;
  padding: 0 .12rem;
}
.rewardsHistory-search .select-date .am-button-ghost .am-icon {
  margin-right: .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: .14rem;
  background: #fff;
  box-shadow: 0 0 .2rem 0 rgba(188, 230, 252, .3);
  padding: .2rem;
  color: #979797;
  font-size: .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% - .3rem) calc(100% - .3rem),
    auto 80%,
    100% 100%;
  background-position: 50%, bottom .1rem right .1rem;
  min-height: 4.36rem;
  width: 90%;
  margin: 1.2rem auto 0;
  position: relative;
  overflow: hidden;
  border-radius: .28rem;
  padding-top: .8rem;
}
.common-center-top.forProm {
  margin: .19rem auto 0;
}
.common-center-top.no-level {
  background-image:
    url(https://www.ck444.pro/mobile/mc/border.b5fa93b3.png),
    url(https://www.ck444.pro/mobile/mc/badge.bf45a271.png),
    linear-gradient(
      90deg,
      #f1f9ff,
      #b3bcc8) !important;
}
.common-center-top .last-login-info {
  color: rgba(37, 37, 37, .5);
  padding: .12rem 0 0 .7rem;
  font-size: .24rem;
}
.common-center-top .last-login-info .member-level-name {
  margin-top: .15rem;
  margin-left: -.24rem;
}
.common-center-top .last-login-info .last-login-item {
  margin-top: .16rem;
  position: relative;
}
.common-center-top .last-login-info .last-login-item:before {
  content: "";
  position: absolute;
  left: -.24rem;
  top: 50%;
  margin-top: -.06rem;
  background-color: #b9c6d8;
  border-radius: 50%;
  width: .12rem;
  height: .12rem;
}
.common-center-top .btn-check-view {
  display: inline-block;
  border-radius: .3rem;
  box-shadow: 0 .02rem .1rem 0 hsla(0, 0%, 43%, .5);
  min-width: 1.5rem;
  color: #454545;
  padding: 0 .28rem;
  min-height: .54rem;
  background:
    linear-gradient(
      0deg,
      hsla(0, 0%, 100%, .7),
      hsla(0, 0%, 100%, .3),
      hsla(0, 0%, 100%, 0) 67%,
      #fff);
  line-height: .52rem;
  font-size: .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: .06rem solid #caa86d;
}
.common-center-top .common-member-info {
  display: flex;
  align-items: center;
  color: rgba(37, 37, 37, .6);
  font-size: .41rem;
  line-height: 1;
  font-weight: 700;
  padding: 0 .42rem;
  white-space: normal;
}
.common-center-top .common-member-info .user-info {
  margin: 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: .2rem;
  margin-bottom: .02rem;
}
.common-center-top .common-member-info .user-name .copy-account {
  color: #000;
  font-size: .3rem;
  font-weight: 700;
  display: flex;
  align-items: center;
}
.common-center-top .common-member-info .user-name .copy-account svg {
  margin-left: .1rem;
  width: .35rem;
  height: .35rem;
  fill: #000;
}
.common-center-top .common-member-info .nickname-edit {
  flex-wrap: wrap;
  position: relative;
  display: flex;
  align-items: center;
  font-size: .24rem;
  font-weight: 700;
  color: rgba(37, 37, 37, .6);
  margin-top: .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: .1rem;
}
.common-center-top .common-member-info .nickname-edit .go-to-edit svg {
  width: .31rem;
  height: .31rem;
  fill: rgba(37, 37, 37, .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: .04rem;
}
.common-center-top .currency {
  padding-right: .04rem;
  font-size: 90%;
}
.common-center-top .currency.back {
  order: 1;
}
.default-member-header .cumulative-kyc-done {
  display: block;
  width: .25rem;
  height: .27rem;
  position: absolute;
  left: 1.3rem;
  top: 1.4rem;
  padding: .06rem .15rem;
  background: url(https://www.ck444.pro/mobile/mc/kyc-check.789db3a0.png) 50%;
  background-repeat: no-repeat;
  background-size: .27rem .29rem;
  z-index: 9;
}
.cumulative-kyc-Status {
  position: absolute;
  left: .55rem;
  top: .3rem;
  padding: .06rem .2rem .06rem .15rem;
  border-radius: .34rem;
  background:
    linear-gradient(
      180deg,
      #ff8d6b,
      #fe673a 19.5%,
      #ff3b00);
  color: #fff;
  font-size: .2rem;
  min-width: 1.35rem;
  display: flex;
  height: .4rem;
  align-items: center;
  justify-content: flex-start;
}
.cumulative-kyc-Status a {
  color: inherit;
}
.cumulative-kyc-Status:after {
  content: "";
  width: .18rem;
  height: .18rem;
  position: absolute;
  right: .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: .54rem;
  padding: 0 .75rem 0 1.4rem;
  background-image:
    url(https://www.ck444.pro/mobile/mc/sign.4c5310da.png),
    linear-gradient(
      0deg,
      #bb0c0c,
      #ec515b);
  background-position: .76rem, left .64rem top -1px;
  background-size: .3rem .3rem, 100% 100%;
  background-repeat: no-repeat;
  color: #fff;
  font-size: .24rem;
  line-height: .5rem;
}
.cumulative-sign-in a {
  color: inherit;
}
.cumulative-sign-in:before {
  content: "";
  width: .64rem;
  height: .51rem;
  position: absolute;
  left: .1rem;
  top: 0;
  z-index: 9;
  background: url(https://www.ck444.pro/mobile/mc/top.ff5ff179.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.cumulative-sign-in:after {
  content: "";
  width: .38rem;
  height: .54rem;
  position: absolute;
  right: .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: .18rem .28rem;
}
.refresh-balance {
  width: .36rem;
  height: .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 .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: .48rem .33rem;
  height: .33rem;
  line-height: .42rem;
  padding-left: .54rem;
  color: rgba(37, 37, 37, .6);
  font-size: .24rem;
  font-weight: 700;
}
.member-level-name.hide-icon {
  display: none;
}
.common-member-level {
  margin: .24rem .42rem 0;
  position: relative;
}
.common-member-level .last-login-item {
  margin-top: .16rem;
  position: relative;
  padding-left: .3rem;
  color: rgba(37, 37, 37, .6);
  font-size: .24rem;
}
.common-member-level .last-login-item:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -.06rem;
  background-color: #b9c6d8;
  border-radius: 50%;
  width: .12rem;
  height: .12rem;
}
.common-member-level .member-progress-warp {
  display: flex;
  font-size: .26rem;
  color: #fff;
  margin-top: .1rem;
  align-items: center;
}
.common-member-level .member-progress-warp .level-progress-text {
  padding-left: .1rem;
  min-height: .3rem;
  color: rgba(37, 37, 37, .6);
}
.common-member-level .quanyi-go {
  font-size: .28rem;
  height: .33rem;
  line-height: .3rem;
  padding-right: .3rem;
  color: rgba(0, 0, 0, .6);
  background: url(https://www.ck444.pro/mobile/mc/right.530b2394.png) 100% no-repeat;
  background-size: auto 80%;
}
.common-member-level .quanyi-go a {
  color: inherit;
  font-size: .26rem;
}
.common-member-level .member-level-progress-bar {
  position: relative;
  background-color: hsla(0, 0%, 40%, .3);
  height: .08rem;
  flex: 1 1 0%;
  border-radius: .04rem;
}
.common-member-level .member-level-progress-bar .cur-progress-bar {
  position: absolute;
  height: .08rem;
  left: 0;
  top: 0;
  width: 0;
  background-color: hsla(0, 0%, 100%, .9);
  border-radius: .04rem;
}
#root .reward-center {
  background: url(https://www.ck444.pro/mobile/mc/mall-bg.c29e722c.png) top no-repeat;
  background-size: 100% auto;
  background-position-y: -.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: .11rem;
  padding: 0 .36rem .38rem;
  gap: .21rem;
}
#root .reward-center .gain-card-wrap .gain-card {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  color: #fff;
  border-radius: .16rem;
  padding: .16rem;
  background:
    linear-gradient(
      180deg,
      rgba(0, 0, 0, .1),
      rgba(0, 0, 0, .3));
}
#root .reward-center .gain-card-wrap .gain-card svg {
  width: .24rem;
  height: .24rem;
  margin-right: .05rem;
}
#root .reward-center .gain-card-wrap .gain-card .gain-title {
  font-size: .24rem;
  font-weight: 400;
  margin-bottom: .24rem;
}
#root .reward-center .gain-card-wrap .gain-card .gain-total {
  width: 100%;
  flex-grow: 1;
  font-size: .37rem;
  font-weight: 700;
  word-wrap: break-word;
}
#root .reward-center .reward-today-bonus {
  display: flex;
  align-items: center;
  height: .6rem;
  position: relative;
  color: #fff;
  padding-left: .1rem;
  line-height: .54rem;
  border-radius: .39rem;
  margin: .4rem .42rem 0;
  background: rgba(0, 0, 0, .4);
  background-size: .36rem .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: .1rem;
  display: block;
  content: "";
  background-color: #ffd4d7;
  width: .46rem;
  height: .46rem;
  flex-shrink: 0;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(https://www.ck444.pro/mobile/mc/reward-today-bonus.1aa27ef4.png);
}
#root .reward-center .reward-today-bonus .point {
  padding-right: .27rem;
  flex-grow: 1;
  justify-content: flex-end;
  display: flex;
}
#root .reward-center .reward-today-bonus .btn-check-view {
  position: absolute;
  right: .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: .54rem;
  margin: .11rem 0 .2rem;
  position: relative;
  width: 100%;
  color: #694015;
  padding: 0 .42rem;
  line-height: .54rem;
}
#root .reward-center .reward-user-integral .reward-content-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: .04rem;
  line-height: 1.2;
  position: relative;
}
#root .reward-center .reward-user-integral .reward-content-info:before {
  content: "";
  width: .36rem;
  height: .33rem;
  background: url(https://www.ck444.pro/mobile/mc/cash.4696e03d.png) no-repeat 50%/contain;
}
#root .reward-center .reward-user-integral .btn-check-view {
  position: absolute;
  right: .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: .56rem .42rem 0;
}
#root .reward-center .task-list-item {
  width: 48%;
  margin-bottom: .34rem;
  text-align: center;
  color: #fff;
  font-size: .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: .9rem;
  min-height: .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: .28rem;
  transform: translateX(-50%);
}
#root .reward-center .task-list-item .task-list-title div {
  max-height: .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: .22rem;
  margin-top: .04rem;
}
.record_list_root {
  background: #f7f6fb;
  padding-top: .5rem;
}
.records-items-content {
  height: 2.6rem;
  background-color: #fafafa;
  position: relative;
  margin-bottom: .3rem;
}
.records-items-content .content_left {
  background: url(https://www.ck444.pro/mobile/mc/promotion_bg1.c2a98c28.png);
  background-size: 100% 100%;
  height: 2.6rem;
  padding-top: .2rem;
  width: 7.4rem;
}
.records-items-content .content_left > div {
  width: 100%;
  overflow-y: initial;
}
.records-items-content.background2 .content_left {
  background-image: url(https://www.ck444.pro/mobile/mc/promotion_bg2.15e50d17.png);
}
.records-items-content.background2 .ticket {
  background-image: url(https://www.ck444.pro/mobile/mc/ticket2.97b0c110.png);
}
.records-items-content.background3 .content_left {
  background-image: url(https://www.ck444.pro/mobile/mc/promotion_bg3.933f3c7a.png);
}
.records-items-content.background3 .ticket {
  background-image: url(https://www.ck444.pro/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: .7rem;
  line-height: .7rem;
  color: #fff;
  background-color: #32d005;
  border-radius: .4rem;
  font-size: .3rem;
  margin-top: .25rem;
}
.records-items-content .ticket {
  width: 3rem;
  height: 1.85rem;
  background: url(https://www.ck444.pro/mobile/mc/ticket1.b1816f05.png);
  background-size: 100% 100%;
  text-align: center;
  padding-top: .75rem;
  margin: 0 .2rem;
  margin-top: .2rem;
  color: #fff;
  font-size: .6rem;
  font-weight: 700;
  flex-shrink: 0;
}
.records-items-content .ticket .yuan {
  font-size: .28rem;
}
.records-items-content .pro_content {
  padding-top: .25rem;
  flex: 1 1 0%;
  overflow: hidden;
}
.records-items-content .pro_content .pro_name {
  color: #727272;
  font-weight: 900;
  font-size: .33rem;
  margin-bottom: .1rem;
  margin-top: .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: .28rem;
}
.not_activity h2 {
  padding: 0 .5rem;
  font-size: .48rem;
  color: #ccc;
  text-align: center;
  line-height: 6rem;
  font-weight: 400;
}
.ticket-center-container {
  padding-left: .2rem;
  color: #b3b3b3;
}
.ticket-center-container span {
  display: inline-block;
  border-bottom: .04rem solid #fff;
  padding: .2rem;
  font-size: .28rem;
}
.ticket-center-container span.tcc-active {
  color: #fa1f4e;
  border-bottom: .04rem solid #fa1f4e;
}
.reward-icon {
  width: .41rem;
  height: .44rem;
  display: inline-block;
}
.icon-points {
  fill: #fa3fbc;
}
.icon-points,
.icon-sign {
  display: inline-block;
  width: .44rem;
  height: .44rem;
  background-size: 100% auto;
}
.icon-sign {
  fill: #734efe;
}
.icon-task {
  display: inline-block;
  width: .44rem;
  height: .44rem;
  fill: #0bc3c9;
  background-size: 100% auto;
}
.ticket-count {
  position: absolute;
  top: -.1rem;
  right: -.16rem;
}
.ticket-count i {
  display: inline-block;
  padding: .08rem .16rem;
  text-align: center;
  background:
    linear-gradient(
      180deg,
      #ff5841,
      #fe0425);
  border-radius: .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: .22rem;
  font-style: normal;
}
.reward-content {
  padding: .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: .06rem;
  align-items: center;
  margin: .24rem 0 .38rem;
}
.mall-home-top .reward-point .mall-point-svg {
  width: .28rem;
  height: .28rem;
}
.mall-home-top .remain-wrap {
  font-weight: 400;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 .6rem 0 .56rem;
  height: 1.22rem;
  background-size: 6.93rem auto;
  background-image: url(https://www.ck444.pro/mobile/mc/point-deco.88bac3ae.png);
  background-repeat: no-repeat;
  background-position: 50%;
  width: 100%;
  bottom: -.23rem;
  min-height: 1.3rem;
  min-width: 6.94rem;
  position: relative;
  z-index: 1;
}
.mall-home-top .remain-wrap svg {
  display: block;
  top: .07rem;
  right: .28rem;
  position: absolute;
  height: .98rem;
  min-width: 1.18rem;
}
.mall-home-top .remain-wrap:after {
  position: absolute;
  content: "";
  width: 1.18rem;
  height: .98rem;
}
.mall-home-top .remain-wrap .remain-point-title {
  font-size: .3rem;
  font-weight: 400;
}
.mall-home-top .remain-wrap .remain-point-total {
  font-size: .5rem;
  font-weight: 700;
}
.mall-home-top .mall-header {
  width: 1.5rem;
  height: 1.5rem;
  float: left;
  margin: .6rem 0 0 .5rem;
  border-radius: 50%;
  border: .1rem solid #9fd2f9;
  overflow: hidden;
  margin-top: .24rem;
  position: relative;
  z-index: 1;
}
.mall-home-top .mall-header img {
  width: 100%;
  height: 100%;
}
.mall-home-top .mall-number-info {
  float: left;
  margin: .3rem 0 0 .3rem;
  color: #fff;
  font-size: .26rem;
}
.mall-home-top .mall-number-info p {
  padding: .05rem 0;
}
.mall-home-top .mall-number-info p.mall-user-integral {
  padding: .1rem .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: .42rem;
  font-weight: 700;
}
.mall-home-top .mall-user-integral {
  position: relative;
  margin: .12rem 0 0;
  height: .4rem;
  line-height: .18rem;
  font-size: .24rem;
  background: rgba(39, 32, 32, .14);
  border-radius: .4rem;
  padding: .1rem .15rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: .04rem;
}
.mall-home-top .mall-user-integral .mall-intergral-svg {
  fill: #fef565;
}
.ticket-item {
  height: 2.5rem;
  position: relative;
  margin-bottom: .2rem;
  box-shadow: 0 .08rem .8rem rgba(0, 0, 0, .1);
  background: url(https://www.ck444.pro/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, .1);
  -webkit-backdrop-filter: blur(.025rem);
  backdrop-filter: blur(.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, .2);
  left: 0;
  top: 0;
  z-index: 0;
  border-radius: .2rem;
}
.ticket-item.unavailable .ticket .ticket-card .item-date {
  font-size: .2rem;
  font-weight: 600;
}
.ticket-item .operating {
  width: 1.75rem;
  background: #fff;
  height: 100%;
  text-align: center;
  padding: .17rem .08rem;
  color: #bababa;
  font-size: .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: .08rem;
}
.ticket-item .operating p {
  flex: 1 1 0%;
}
.ticket-item .ticket-item-btn {
  color: #fff;
  border-radius: .4rem;
  background: #30d005;
  box-shadow: 0 .03rem .08rem 0 rgba(53, 213, 106, .48);
  font-size: .22rem;
  font-weight: 400;
  width: 1.6rem;
  min-height: .6rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  word-break: break-word;
  padding: 0 .05rem;
}
.ticket-item .ticket-item-btn.expired {
  border-radius: .4rem;
  background: #d5d5d5;
  box-shadow: 0 .03rem .08rem 0 hsla(0, 1%, 70%, .48);
}
.ticket-item .ticket {
  flex: 1 1 0%;
  margin: 0 .3rem;
  display: flex;
  align-items: center;
  gap: .12rem;
  position: relative;
  z-index: 1;
}
.ticket-item .ticket .ticket-card {
  border-radius: .2rem;
  font-size: .22rem;
  color: #fff;
  text-align: center;
  padding: .15rem .09rem;
  width: 2.18rem;
  min-height: 1.5rem;
  display: flex;
  align-items: center;
  background-image:
    linear-gradient(
      0deg,
      #07e5ed,
      #1075f2);
  box-shadow: 0 .05rem .2rem rgba(10, 182, 213, .35);
}
.ticket-item .ticket .ticket-card .card-wrapper {
  flex: 1 1 0%;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: .06rem;
  font-weight: 400;
}
.ticket-item .ticket .ticket-card .card-wrapper .item-type {
  font-size: .22rem;
}
.ticket-item .ticket .ticket-card .card-wrapper .item-title {
  font-size: .25rem;
}
.ticket-item .ticket .ticket-card .card-wrapper .item-date {
  font-size: .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 .14rem 0 0;
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: .05rem;
  position: relative;
  z-index: 1;
}
.ticket-item .ticket .ticket-info h3 {
  color: #737373;
  font-size: .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: .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 .2rem 1px .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: .06rem;
  color: #888;
  font-size: .2rem;
  border-radius: .5rem;
  background: hsla(0, 0%, 100%, .8);
  padding: .06rem .1rem;
  min-height: .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: .2rem;
  height: .2rem;
  fill: #888;
}
.ticket-item.RAFFLE {
  background: url(https://www.ck444.pro/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 .05rem .2rem rgba(254, 52, 216, .35);
}
.ticket-item.MISSION_MANUAL {
  background: url(https://www.ck444.pro/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 .05rem .2rem rgba(254, 52, 216, .35);
}
.ticket-item.GIFT_CODE {
  background: url(https://www.ck444.pro/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 .05rem .2rem rgba(10, 182, 213, .35);
}
.ticket-item.PRIZE_WHEEL {
  background: url(https://www.ck444.pro/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 .05rem .2rem rgba(255, 114, 130, .35);
}
.ticket-item.GOLDEN_EGG,
.ticket-item.NEW_REGISTER,
.ticket-item.TEMU {
  background: url(https://www.ck444.pro/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 .05rem .2rem rgba(255, 117, 59, .35);
}
.ticket-item.CASH_VOUCHER {
  background: url(https://www.ck444.pro/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 .04rem .04rem 0 rgba(252, 170, 67, .4);
}
.ticket-item.FREE_SPIN {
  background: url(https://www.ck444.pro/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 .08rem .15rem #08c90031;
}
.ticket-item.UPGRADE_BONUS {
  background: url(https://www.ck444.pro/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 .05rem .2rem rgba(254, 234, 64, .35);
}
.ticket-item.MANUAL,
.ticket-item.RANK_SALARY {
  background: url(https://www.ck444.pro/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 .05rem .2rem rgba(10, 182, 213, .35);
}
.ticket-item.dis .ticket-card {
  background-image:
    linear-gradient(
      0deg,
      #a2a2a2,
      #cdcdcd);
}
.ticket-item.dis .ticket-item-btn {
  background: #a2a2a2;
  box-shadow: 0 .03rem .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: .24rem;
  font-weight: 700;
  font-style: normal;
  color: #666;
}
.ticket-item .days {
  font-size: .68rem;
  color: #666;
  font-weight: 700;
}
.ticket-item .days.small {
  font-size: .5rem;
  line-height: 1.2;
}
.ticket-item .days i {
  font-size: .2rem;
  font-style: normal;
}
.ticket-item .permanent {
  font-size: .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: .03rem .51rem .3rem;
}
.modal-gift-code .am-modal-body {
  padding: 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: .3rem;
  font-weight: 800;
}
.modal-gift-code .modal-gift-info {
  flex: 1 1 0%;
  font-size: .24rem;
  color: #6e6e6e;
  overflow-y: auto;
}
.modal-gift-code .am-modal-button {
  border-top: none;
  width: -webkit-max-content;
  width: max-content;
  height: .64rem;
  padding: 0 .25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: .2rem;
  background: #fd2f2f;
  font-size: .3rem;
  font-weight: 900;
  color: #fff;
  margin: 0 auto .33rem;
}
.not_activity h2 {
  font-size: .46rem;
  margin-top: .6rem;
  color: #ccc;
  text-align: center;
  line-height: 1rem;
  font-weight: 400;
}
.ticket-center-container {
  padding-left: .2rem;
  color: #b3b3b3;
}
.ticket-center-container span {
  display: inline-block;
  border-bottom: .04rem solid #fff;
  padding: .2rem;
  font-size: .28rem;
}
.ticket-center-container span.tcc-active {
  color: #fa1f4e;
  border-bottom: .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, .65),
      rgba(40, 40, 40, .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: -.65rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-radius: .45rem;
  padding: .25rem 1.05rem;
  background-image:
    linear-gradient(
      90deg,
      #ebcba3,
      #fffffe 55%,
      #f9ead2 99%);
  box-shadow: 1px .09rem .189rem .021rem hsla(33, 66%, 70%, .3);
}
.gift-modal .show-gift .receive-btn span {
  display: inline-block;
  font-size: .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: .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 .03rem .027rem rgba(212, 133, 27, .2);
}
.gift-modal .show-gift .gift-content .content {
  font-size: .3rem;
  font-weight: 400;
}
.gift-modal .show-gift .close-gift {
  position: absolute;
  right: 0;
  margin-right: .48rem;
  top: .4rem;
  width: .5rem;
}
.new-show-gift {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 90%;
  padding: .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: -.1rem;
  margin-right: .48rem;
  top: -.1rem;
  width: .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: .28rem;
  top: 14%;
  color: #fdfae3;
  margin-top: .2rem;
}
.new-show-gift .gift-content .content {
  font-size: 1.2rem;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  top: 27%;
  margin-left: .1rem;
  color: #fdfae3;
  font-weight: 700;
  text-shadow: .03rem -.04rem .0324rem rgba(88, 23, 3, .34);
}
.new-show-gift .gift-content .content.small {
  font-size: .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: -.44rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-radius: .6rem;
  padding: .04rem .82rem;
}
.new-show-gift .receive-btn:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10;
  border-radius: .6rem;
  left: .1rem;
  top: .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: .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: .38rem;
  position: relative;
  word-break: keep-all;
  z-index: 20;
  margin-top: .2rem;
  color: #fef5c2;
}
.new-show-gift .receive-btn span:before {
  content: "";
  position: absolute;
  right: -.3rem;
  top: .15rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: .06rem 0 .06rem .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: .3rem;
  position: -webkit-sticky;
  position: sticky;
  border-bottom: .02rem solid #ebebeb;
  box-shadow: 0 .02rem .05rem -.02rem rgba(0, 0, 0, .1);
  padding: .09rem .3rem;
}
.claim-history-wrap .claim-search-wrap .select-item {
  border-radius: .1rem;
  border: .02rem solid #108ee9;
  position: relative;
  height: .6rem;
  padding: 0 .12rem;
  display: flex;
  align-items: center;
  font-size: .24rem;
  color: #108ee9;
  gap: .1rem;
}
.claim-history-wrap .claim-search-wrap .select-item .arrow {
  width: .24rem;
  height: .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: .6rem;
  font-size: .24rem;
  color: #108ee9;
  background: transparent;
  padding: 0 .12rem;
  border-radius: .1rem;
  border: .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: .2rem;
  height: .2rem;
}
.claim-history-wrap .search-result {
  height: calc(100% - 2.8rem);
  overflow: hidden;
  margin-top: .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: .2rem;
  background: #fcfcfc;
  box-shadow: 0 .08rem .1rem 0 rgba(0, 0, 0, .1);
  margin-bottom: .2rem;
  border-image-slice: 1;
  border-right: .1rem solid;
  border-left: .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(https://www.ck444.pro/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(https://www.ck444.pro/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(https://www.ck444.pro/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(https://www.ck444.pro/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(https://www.ck444.pro/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(https://www.ck444.pro/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(https://www.ck444.pro/mobile/mc/type-icon-7.698e9ff9.png) no-repeat 50%/cover;
}
.claim-history-wrap .search-result .list-wrapper .list-item .item-header {
  display: flex;
  padding-bottom: .3rem;
  position: relative;
}
.claim-history-wrap .search-result .list-wrapper .list-item .item-header .item-img {
  width: 1.5rem;
  height: 1.5rem;
  margin: 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: .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: .1rem;
}
.claim-history-wrap .search-result .list-wrapper .list-item .item-bottom:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: .02rem;
  border-radius: .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: .2rem;
  color: #a6a6a6;
  margin: .3rem 0 .1rem;
}
.claim-history-wrap .search-result .list-wrapper .list-item .info-content {
  font-size: .24rem;
  color: #333;
  display: flex;
  align-items: center;
}
.claim-history-wrap .search-result .list-wrapper .list-item .info-content svg {
  width: .35rem;
  height: .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 .2rem;
  border-radius: .3rem;
  font-size: .2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: .36rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: .1rem;
}
.claim-history-wrap .search-result .list-wrapper .list-item .info-status.delivered {
  border: .02rem solid #23e63a;
  color: #23e63a;
}
.claim-history-wrap .search-result .list-wrapper .list-item .info-status.pending_delivery {
  border: .02rem solid #5076f3;
  color: #5076f3;
}
.claim-history-wrap .search-result .list-wrapper .list-item .info-status.encashed {
  border: .02rem solid #fdb752;
  color: #fdb752;
}
.claim-history-wrap .history-footer {
  height: .8rem;
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: .8rem;
  border-top: .02rem solid #ebebeb;
  background: #f9f9f9;
  box-shadow: 0 0 .24rem .06rem rgba(0, 0, 0, .1);
  font-size: .2rem;
  font-weight: 500;
  color: #666;
  padding: 0 .28rem;
  width: 100%;
  position: fixed;
  bottom: 0;
}
.claim-history-wrap .history-footer .footer-item {
  display: flex;
  flex-direction: column;
  gap: .1rem;
}
.claim-history-wrap .history-footer .footer-num {
  font-size: .24rem;
  color: #fd2f2f;
}
.claim-type-modal .modal-list-header {
  padding: .2rem .35rem;
  display: flex;
  justify-content: space-between;
  border-bottom: .02rem solid #bbb;
  color: #888;
  font-size: .32rem;
  font-weight: 400;
}
.claim-type-modal .modal-list-header svg {
  width: .34rem;
  height: .34rem;
}
.claim-type-modal .modal-list-content {
  display: flex;
  flex-direction: column;
  padding: 0;
}
.claim-type-modal .modal-list-content .list-item {
  padding: .21rem .6rem;
  border-bottom: .02rem solid #ddd;
  font-size: .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: .3rem;
}
.mall-wrapper .mc-header-wrap .return_icon {
  padding-right: .3rem;
}
.mall-home-wrap {
  position: relative;
  background: #fff;
}
.mall-home-wrap .am-icon-md {
  width: .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 .6rem 0 #bebcbc,
    0 0 0 0 #fff;
  margin: -.6rem .28rem 0;
  border-radius: .25rem;
  background: #fff;
  height: 1.23rem;
  font-size: .24rem;
  color: #b3b3b3;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.mall-home-wrap .mall-home-middle.forProm {
  margin: 0 .28rem;
  border-radius: 0 0 .25rem .25rem;
  margin-top: -.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: .85rem;
  line-height: .76rem;
  font-size: .3rem;
  color: gray;
  overflow: hidden;
  margin: .15rem 0 0;
  white-space: nowrap;
  overflow-x: scroll;
}
.mall-home-wrap .mall-home-choose ul li {
  display: inline-block;
  padding: 0 .2rem;
}
.mall-home-wrap .mall-home-choose .active {
  color: #fa1f4e;
  border: none;
  box-shadow: none;
  transition: all .2s;
  transform: scale(1.04);
  border-bottom: .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: .16rem;
}
.mall-home-wrap .mall-home-orders .mall-order {
  box-sizing: border-box;
  height: 4.41rem;
  flex: 0 0 47%;
  margin: 0 .15rem .16rem;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mall-home-wrap .mall-home-orders .mall-order:nth-child(2n) {
  margin: 0 .15rem .16rem 0;
}
.mall-home-wrap .mall-home-orders .mall-order .mall-order-img {
  margin-top: .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: .08rem;
  width: 100%;
}
.mall-home-wrap .mall-home-orders .mall-order .mall-order-text {
  width: 100%;
  text-align: center;
  font-size: .22rem;
  font-weight: 400;
  color: #666;
  word-break: break-all;
}
.mall-home-wrap .mall-home-orders .mall-order .mall-order-integral {
  display: flex;
  gap: .08rem;
  max-height: 1rem;
  width: calc(100% - .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: .38rem;
  width: 100%;
  text-align: center;
  padding: .05rem .1rem;
  font-size: .22rem;
  font-weight: 400;
  border-radius: .1rem;
  background:
    linear-gradient(
      0deg,
      #ffc0bc,
      #fff0ef);
  box-shadow: 0 .02rem .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: .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: .72rem;
  width: 100%;
  background: #f6f6fa;
}
.mall-home-wrap .mall-home-orders .mall-order-def p {
  margin-bottom: -.1rem;
  font-size: .3rem;
  line-height: .3rem;
  height: .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: .04rem 0;
  display: inline-block;
  box-sizing: content-box;
  width: 1.26rem;
  height: .7rem;
  line-height: .7rem;
  font-size: .28rem;
  vertical-align: middle;
  overflow: hidden;
}
.am-stepper-handler-wrap {
  position: absolute;
  width: 100%;
  font-size: .48rem;
}
.am-stepper-handler,
.am-stepper-handler-down-inner,
.am-stepper-handler-up-inner {
  width: .6rem;
  height: .6rem;
  line-height: .6rem;
}
.am-stepper-handler {
  text-align: center;
  border: .02rem solid #ddd;
  border-radius: .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: .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: .6rem;
  line-height: .6rem;
  text-align: center;
  overflow: hidden;
}
.am-stepper-input {
  display: none;
  width: 1.2rem;
  font-size: .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: .1rem;
  border-bottom-left-radius: .1rem;
}
.am-stepper.showNumber .am-stepper-handler-down {
  border-top-right-radius: .1rem;
  border-bottom-right-radius: .1rem;
  border-right: .02rem solid #ddd;
}
.am-stepper.showNumber .am-stepper-handler-down-disabled {
  right: -.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: .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: .3;
  background: none;
}
.am-stepper-disabled .am-stepper-handler,
.am-stepper-disabled .am-stepper-input-wrap {
  opacity: .3;
}
.exchange-wrap {
  background: #f7f6fb;
  position: relative;
  font-size: .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: .2rem;
  background: #fff;
}
.exchange-wrap .exchange-order-info .exchange-order-name {
  min-height: .75rem;
  font-weight: 700;
  color: #666;
  padding: .1rem .3rem;
  line-height: .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: .72rem;
  line-height: .72rem;
  color: #929292;
  padding: 0 .1rem;
  margin: .13rem .32rem;
  text-align: center;
  border-radius: .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: .98rem;
  font-size: .26rem;
  padding: 0 .3rem;
  position: relative;
}
.exchange-wrap .exchange-order-info .exchange-order-count > span {
  padding: .1rem 0;
  min-width: 1.1rem;
  font-size: .26rem;
  z-index: 9;
  display: inline-block;
}
.exchange-wrap .exchange-order-info .exchange-order-count .mall-quantity {
  left: .3rem;
  white-space: nowrap;
  line-height: .78rem;
}
.exchange-wrap .exchange-order-info .exchange-order-count .mall-quantity-count {
  left: 3.6rem;
  white-space: nowrap;
  line-height: .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: .1rem;
}
.exchange-wrap .exchange-order-info .exchange-order-count .am-stepper-handler {
  border: none;
  width: .7rem;
  height: .7rem;
  line-height: .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: .7rem;
}
.exchange-wrap .exchange-order-info .exchange-order-count .am-stepper-input {
  width: .7rem;
  height: .7rem;
  line-height: .7rem;
}
.exchange-wrap .exchange-user-account {
  margin-top: .2rem;
  background: #fff;
}
.exchange-wrap .exchange-user-account p {
  min-height: .98rem;
  padding: 0 .3rem;
}
.exchange-wrap .exchange-user-account p + .forget-fpwd {
  margin: 0;
  padding: 0 .3rem .2rem;
}
.exchange-wrap .exchange-user-account .exchange-user-money {
  line-height: .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: .2rem;
  background: #fff;
}
.exchange-wrap .exchange-user-address .exchange-address-info {
  min-height: .98rem;
  padding: 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: .98rem;
  padding: 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: .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: .2rem;
  background: #fff;
  padding: 0 .3rem;
  padding-bottom: .5rem;
}
.exchange-wrap .exchange-submit p {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  color: #8a8a8a;
  font-size: .24rem;
  padding: .14rem;
  box-sizing: content-box;
  text-align: center;
}
.exchange-wrap .exchange-submit .button-submit {
  width: 100%;
  height: .96rem;
  color: #fff;
  font-size: .34rem;
  border-radius: .94rem;
  border: none;
  box-shadow: 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 .3rem 1px #c4c4c4;
}
.exchange-wrap .font-color-gray {
  color: #666;
  padding-right: .3rem;
}
.exchange-wrap .font-color-red {
  color: #fa1f4e;
}
.exchange-wrap .error {
  display: block;
  margin-top: -.2rem;
  font-size: .26rem;
  color: #fa1f4e;
  background: #fff;
  padding: .05rem 0;
}
.exchange-wrap .displaynone {
  display: none;
}
.exchange-history-wrap {
  margin-top: .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 .25rem;
  font-size: .24rem;
  margin-bottom: .2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.exchange-history-wrap .exchange-history-preloading .preloading-left {
  margin-right: .24rem;
  border-radius: .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: .3rem;
  background: #fff;
}
.exchange-history-wrap .exchange-history-item {
  overflow: hidden;
  background: #f7f7f7;
  height: 2.84rem;
  font-size: .24rem;
}
.exchange-history-wrap .exchange-history-item .item-order-info {
  height: 1.9rem;
  display: flex;
  flex-flow: row nowrap;
  padding: .32rem .24rem;
}
.exchange-history-wrap .exchange-history-item .item-order-info .item-order-left {
  margin-right: .24rem;
  border-radius: .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: .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: .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: .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: .24rem;
  color: #a4a4a4;
}
.exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-third .item-order-state-P {
  font-size: .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: .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: .28rem;
  font-weight: 600;
  color: #d03520;
}
.exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-type {
  font-size: .24rem;
  color: #a4a4a4;
}
.exchange-history-wrap .exchange-history-item .item-order-integral {
  height: .7rem;
  line-height: .7rem;
  padding: 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: .28rem;
}
.exchange-history-wrap .exchange-history-item .item-order-integral .order-integral-seconed {
  color: #5e5e5e;
  font-size: .28rem;
}
.exchange-history-wrap .exchange-history-item .item-order-space {
  height: .24rem;
  background: #f2f2f2;
}
.point-history-wrap {
  margin-top: .8rem;
  font-size: .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 .3rem;
  display: flex;
  justify-content: space-between;
}
.point-history-wrap .point-item-wrap .point-types {
  height: .84rem;
  line-height: .84rem;
  padding: 0 .3rem;
  background: #fafafa;
  overflow: hidden;
}
.point-history-wrap .point-item-wrap .point-types .point-type-text {
  float: left;
  padding-right: .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: .3rem;
  height: .72rem;
  line-height: .72rem;
}
.point-history-wrap .point-item-wrap .point-space {
  height: .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: .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: .8rem;
  text-align: center;
  padding-bottom: .3rem;
}
.point-wrap .point-tips-group {
  padding: .3rem .3rem .1rem;
  background: #fff;
}
.point-wrap .point-tips-group .point-tips {
  text-align: left;
  color: #666;
  font-size: .3rem;
  white-space: pre-line;
}
.point-wrap .point-table-title {
  font-size: .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: .2rem .3rem .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: .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: .3rem;
  color: #5e5e5e;
  border-top-left-radius: .1rem;
  border-top-right-radius: .1rem;
}
.point-wrap .point-list-wrap .point-list-header > div {
  padding: .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: .5rem;
}
.point-wrap .point-list-wrap tr td {
  font-size: .3rem;
  height: .64rem;
  line-height: .64rem;
  text-align: center;
  border: 1px solid #ccc;
}
.point-wrap .forget-fpwd {
  text-align: right;
  margin: 0;
  padding: .2rem .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: .3rem;
}
.point-convert .am-list-item {
  padding: 0 .3rem;
}
.point-convert .am-list-item .am-list-line .am-list-content {
  font-size: .32rem;
}
.point-convert .point-convert-errors {
  color: #e4393c;
  font-size: .31rem;
  line-height: .5rem;
  font-weight: 400;
  text-align: right;
  padding-right: .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: .1rem !important;
}
.point-convert .error {
  color: #e4393c;
  font-size: .28rem;
  margin-left: 1.6rem;
  margin-top: .1rem;
}
.point-wrap a {
  color: #fff;
}
.sunmit-point {
  width: 80%;
  margin: 0 auto;
  margin-top: .3rem;
}
.sunmit-point span {
  width: 1.6rem;
  display: inline-block;
  vertical-align: top;
}
.button-submit {
  width: 100%;
  height: .96rem;
  color: #fff;
  font-size: .34rem;
  border-radius: .94rem;
  border: none;
  box-shadow: 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 .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: .1rem .3rem;
}
.orderinfo-wrap .orderinfo-header .orderinfo-middle .orderinfo-text {
  min-height: .7rem;
  font-weight: 700;
  color: #666;
  line-height: .42rem;
  overflow: hidden;
}
.orderinfo-wrap .orderinfo-header .orderinfo-middle .orderinfo-price {
  font-size: .24rem;
  margin-top: -.1rem;
  display: flex;
  flex-flow: row wrap;
}
.orderinfo-wrap .orderinfo-header .orderinfo-middle .orderinfo-price li {
  flex: 1 1 0%;
  line-height: .52rem;
  text-align: center;
  margin: .05rem 0;
  border-radius: .1rem;
  background: #ffefed;
}
.orderinfo-wrap .orderinfo-header .orderinfo-middle .orderinfo-price li .font-color-red {
  color: #f9564b;
}
.orderinfo-wrap .gray-bg {
  height: .2rem;
  background: #f6f6fa;
}
.orderinfo-wrap .orderinfo-body {
  padding: 0 .3rem 1.66rem;
}
.orderinfo-wrap .orderinfo-body .orderinfo-desc {
  height: .62rem;
  line-height: .62rem;
  font-size: .28rem;
  border-bottom: 1px solid #d7d7d7;
}
.orderinfo-wrap .orderinfo-body .orderion-content-text {
  margin: .25rem 0;
  line-height: .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: .3rem 0;
  background: #f6f6f6;
}
.orderinfo-wrap .orderinfo-body .orderion-content-img img {
  display: block;
  margin: .1rem auto;
}
.orderinfo-wrap .orderinfo-submit {
  position: fixed;
  left: 0;
  bottom: 0;
  height: 1.62rem;
  width: 100%;
  background: hsla(0, 0%, 100%, .9);
  padding: 0 .3rem;
  padding-bottom: 2rem;
}
.orderinfo-wrap .orderinfo-submit p {
  color: #8a8a8a;
  font-size: .24rem;
  padding: .1rem 0;
  box-sizing: content-box;
  text-align: center;
}
.orderinfo-wrap .orderinfo-submit .button-submit {
  width: 100%;
  height: .96rem;
  color: #fff;
  font-size: .34rem;
  border-radius: .94rem;
  border: none;
  box-shadow: 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 .3rem 1px #c4c4c4;
}
.orderinfo-wrap .font-color-red {
  font-size: .3rem;
  font-weight: 600;
  color: #fa1f4e;
}
.selector-wrap {
  position: relative;
}
.selector-wrap .am-tabs-bar {
  display: flex;
  position: fixed;
  width: 100%;
  top: .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 - .5rem);
  height: calc(100*var(--vh, 1vh) - .5rem);
  display: flex;
  flex-flow: column;
}
.emailMessageInsetContent {
  -webkit-user-select: all;
  user-select: all;
  overflow-y: scroll;
  padding-bottom: .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: .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: -.12rem;
  height: .36rem;
  line-height: .36rem;
  min-width: .18rem;
  border-radius: .24rem;
  padding: 0 .1rem;
  text-align: center;
  font-size: .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: -.08rem;
  height: .16rem;
  width: .16rem;
  border-radius: 100%;
  background: #ff5b05;
  z-index: 10;
}
.am-badge-dot-large {
  height: .32rem;
  width: .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: .16rem;
  position: absolute;
  right: -.64rem;
  top: .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: .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: .42rem;
  height: .42rem;
}
.am-checkbox-inner {
  position: absolute;
  right: 0;
  width: .42rem;
  height: .42rem;
  border: .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: .03rem;
  right: .12rem;
  z-index: 999;
  width: .1rem;
  height: .22rem;
  border-style: solid;
  border-width: 0 .03rem .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: .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: .42rem;
  height: .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: .88rem;
}
.am-list .am-list-item.am-checkbox-item .am-list-thumb .am-checkbox-inner {
  left: .3rem;
  top: .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: .3rem;
  padding-top: .18rem;
  padding-bottom: .18rem;
}
.am-checkbox-agree .am-checkbox {
  position: absolute;
  left: 0;
  top: 0;
  width: .6rem;
  height: 100%;
}
.am-checkbox-agree .am-checkbox-inner {
  left: 0;
  top: .24rem;
}
.am-checkbox-agree .am-checkbox-agree-label {
  display: inline-block;
  font-size: .3rem;
  color: #000;
  line-height: 1.5;
  margin-left: .6rem;
  margin-top: .02rem;
}
.am-checkbox-agree .am-checkbox-agree-label a {
  color: #108ee9;
  transition: color .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: .3rem;
  padding-right: .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: .9rem;
}
.reply-btn span {
  line-height: inherit;
}
.getMail .status span {
  line-height: normal;
  min-height: .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: .4rem;
  height: .4rem;
  margin: 0 .15rem 0 .1rem;
}
.getMail .status span.all .am-checkbox-wrapper .am-checkbox .am-checkbox-inner {
  border: .02rem solid #3d4754;
  width: .4rem;
  height: .4rem;
  border-radius: .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%/.22rem .16rem;
  width: .4rem;
  height: .4rem;
  border: none;
  transform: none;
  top: -1px;
  right: -1px;
}
.getMail .status span.del {
  text-align: center;
  height: .4rem;
}
.getMail .status .right-com {
  display: flex;
  gap: .1rem;
}
.getMail .status span.label-read svg {
  width: .54rem;
  height: .54rem;
  fill: #7e7f7f;
}
.getMail .status span.label-read.on svg {
  color: #3d4754;
  fill: #3d4754;
}
.getMail .status span.del svg {
  width: .4rem;
  height: .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 .1rem 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: .8rem;
  margin: 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: .25rem;
  color: #5e5e5e;
}
.getMail .am-list-item {
  padding-left: 0;
}
.EmaiWebList .am-checkbox-inner {
  border: .02rem solid rgba(61, 71, 84, .5);
  width: .4rem;
  height: .4rem;
  border-radius: .14rem;
}
.EmaiWebList .am-checkbox.am-checkbox-checked .am-checkbox-inner {
  border: .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%/.22rem .16rem;
  width: .4rem;
  height: .4rem;
  border: none;
  transform: none;
  top: -1px;
  right: -1px;
}
.EmaiWebList .am-checkbox-agree .am-checkbox-agree-label {
  margin-left: .4rem;
}
.EmaiWebList .am-checkbox-agree .am-checkbox {
  width: .4rem;
}
.EmaiWebList .am-checkbox-item {
  float: left;
  top: .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: .3rem 0 .16rem;
  align-items: center;
}
.EmaiWebList .am-list-thumb {
  position: relative;
  display: flex;
  min-height: .88rem;
}
.EmaiWebList .am-list-item .am-list-thumb:first-child {
  margin-right: .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: .4rem;
  height: .4rem;
  background-size: .16rem .26rem;
  margin: 0 0 0 .1rem;
}
.EmaiWebList .mail-info {
  position: relative;
}
.EmaiWebList .mail-info .am-list-brief {
  color: #5e5e5e;
  font-size: .25rem;
  font-weight: 400;
  padding: 0 .5rem 0 .86rem;
  margin-bottom: .25rem;
}
.EmaiWebList.item-checked {
  background: rgba(94, 94, 94, .1);
}
.emailMessageInset {
  display: flex;
  width: 100%;
}
.emailMessageInset .ContarsContent {
  flex: 0 0 64%;
  word-wrap: break-word;
  padding: .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: .01;
}
.example-enter.example-enter-active {
  opacity: 1;
  transition: opacity .5s ease-in;
}
.example-leave {
  opacity: 1;
}
.example-leave.example-leave-active {
  opacity: .01;
  transition: opacity .3s ease-in;
}
.WriteMessage .am-list-content {
  max-width: 20%;
  word-break: break-all;
}
.WriteMessage .adds {
  flex: 0 0 0.52rem;
  width: .52rem;
  height: .52rem;
  border-radius: 50%;
  border: .02rem solid #999;
  text-align: center;
  color: #999;
  font-size: .38rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.WriteMessage .am-list-item .am-list-line {
  padding-right: .6rem;
}
.WriteMessage .am-list-item .am-input-label.am-input-label-5 {
  width: auto;
  font-size: .3rem;
}
.WriteMessage .am-list-item .am-input-control input,
.WriteMessage .am-textarea-control textarea {
  font-size: .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: .3rem;
}
.on_popup {
  top: 1.8rem;
  left: 0;
  bottom: 0;
  background: #fff;
  z-index: 999;
  transition: all .3s ease;
}
.on_popup,
.on_popup .popups {
  width: 100%;
  position: absolute;
}
.on_popup .popups {
  overflow: hidden;
  box-shadow: inset 0 0 .03rem #ccc;
  direction: ltr;
}
.on_popup .closePopups {
  width: .68rem;
  height: .68rem;
  display: inline-block;
  text-align: center;
  float: right;
  text-indent: 0;
  line-height: .68rem;
}
.on_popup .am-list-item {
  padding: 0;
}
.on_popup .am-list-item .am-list-line-multiple {
  padding: .25rem .4rem;
}
.Contacts {
  padding: 0 .4rem;
}
.Contacts .status {
  width: 100%;
  display: flex;
  margin: .18rem 0 0;
  padding-bottom: .18rem;
  border-bottom: 1px solid #c6c5ca;
}
.Contacts .status span {
  line-height: .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: .6rem;
  padding: 0;
}
.Contacts .am-checkbox-wrapper {
  display: block;
}
.Contacts .am-search-cancel {
  padding: 0 .12rem;
  background: #108ee9;
  color: #fff;
  font-size: .26rem;
  border-radius: .1rem;
}
p .ContacsList {
  overflow-y: auto;
}
.ContacsList li {
  height: .96rem;
  border-bottom: 1px solid #c6c5ca;
  display: flex;
}
.ContacsList .am-checkbox-agree {
  padding-top: .22rem;
  margin-left: 0;
  width: 100%;
}
.ContacsList .am-checkbox-agree .am-checkbox-agree-label {
  height: 1rem;
  width: 100%;
}
.ContacsList .am-flexbox {
  flex: 0 0 .8rem;
  width: .8rem;
}
.ContacsList p.contarsPeople {
  flex: 0 0 80%;
  width: 80%;
  line-height: .95rem;
  color: #989898;
}
.on_popup .am-list-item .am-list-line .am-list-content {
  line-height: .68rem;
  max-width: 100%;
}
.on_popup .am-list-item {
  border-bottom: 1px solid #ccc;
}
.ContactName {
  display: inline-block;
  padding: .05rem .16rem;
  background: #3786ff;
  color: #fff;
  margin: 0 .05rem .08rem;
  border-radius: .5rem;
  font-size: .28rem;
}
.submitEmail {
  width: 96%;
  height: 1.05rem;
  background: #f04;
  margin: .2rem auto .5rem;
  color: #fff;
  text-align: center;
  line-height: 1.05rem;
  border-radius: .1rem;
  box-shadow: .04rem .1rem .24rem #f7989c;
  cursor: pointer;
  font-size: .34rem;
}
.submitEmail .postEmailgiveContars {
  display: block;
}
.Contacts p {
  color: #ddd;
  line-height: .6rem;
}
.am-list-item .am-list-line .am-list-extra {
  overflow: initial;
}
.EmailMessage {
  overflow: hidden;
  text-overflow: ellipsis;
  height: .48rem;
  line-height: .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, .6);
  z-index: 999999;
  top: 0;
  left: 0;
}
.exchange-modal .exchange-modal-content {
  display: flex;
  border-radius: .2rem;
  background: #fff;
  padding: .33rem .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: .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: .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: .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: .41rem;
  color: #fff;
  border-radius: .2rem;
  display: flex;
  padding: .11rem .25rem;
  justify-content: center;
  align-items: center;
  gap: .1rem;
  background: #fd2f2f;
}
.promo-ticket-item {
  border-radius: .05rem;
  margin: 0 .24rem;
  background: #fff;
  position: relative;
  margin-bottom: .2rem;
  box-shadow: 0 .05rem .08rem 0 rgba(0, 0, 0, .08);
}
.promo-ticket-item .ticket-head {
  display: flex;
  align-items: center;
  height: 1rem;
  gap: .2rem;
  justify-content: center;
}
.promo-ticket-item .ticket-head .promo-name {
  max-width: 2.8rem;
  word-break: break-word;
  color: #9e9e9e;
  font-size: .26rem;
  font-weight: 900;
}
.promo-ticket-item .ticket-head .promo-code {
  color: #666;
  text-align: center;
  font-size: .38rem;
  font-weight: 900;
}
.promo-ticket-item .ticket-head .ticket-info {
  padding: 0 .2rem;
  text-align: left;
  width: 60%;
  float: right;
}
.promo-ticket-item .ticket-head .ticket-info h3 {
  color: #737373;
  font-size: .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: .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 .2rem 1px .45rem;
}
.promo-ticket-item .ticket-head .ticket-info .ticket-desc span {
  display: block;
}
.promo-ticket-item .ticket {
  margin-left: .1rem;
}
.promo-ticket-item .operating {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  border-radius: 0 0 .05rem .05rem;
  background: #f9f6ef;
  min-height: .8rem;
  text-align: center;
  color: #888;
  font-size: .2rem;
}
.promo-ticket-item .operating .due-content {
  margin-right: .1rem;
  max-width: 1.2rem;
  max-height: .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: .3rem;
}
.promo-ticket-item .operating svg.red {
  color: red;
  fill: red;
}
.promo-ticket-item .ticket-item-btn {
  white-space: nowrap;
  color: #fff;
  border-radius: .05rem;
  padding: .045rem .08rem;
  background:
    linear-gradient(
      0deg,
      #f48075,
      #e94040);
  font-size: .26rem;
  min-width: 1.2rem;
  text-align: center;
  height: .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 .03rem .08rem #a2a2a2;
}
.promo-ticket-item .permanent {
  font-size: .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: .32rem;
  font-weight: 900;
  margin: .3rem 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: .2rem .24rem 0;
  margin-bottom: .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: .31rem;
  max-height: .9rem;
  width: 5.52rem;
  font-size: .3rem;
  font-weight: 800;
  border-radius: .2rem 0 0 .2rem;
  border-top: .02rem solid #e5e5e5;
  border-bottom: .02rem solid #e5e5e5;
  border-left: .02rem solid #e5e5e5;
  background: #fff;
  box-shadow: inset 0 1px .05rem 1px rgba(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, .2),
      rgba(253, 47, 47, .2)),
    #fff;
}
.promo-home-wrap .input-container .account-form:has(.errors) input:focus {
  border: .02rem solid #fd2f2f;
}
.promo-home-wrap .input-container .account-form .code-send {
  right: 0;
  width: 100%;
  max-height: .9rem;
  height: 100%;
  color: #fff;
  font-size: .24rem;
  border-radius: 0 .2rem .2rem 0;
  max-width: 1.5rem;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fd2f2f;
  box-shadow: inset 0 1px .05rem 1px rgba(0, 0, 0, .08), 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: .32rem;
  font-weight: 900;
}
.promo-home-wrap .not-activity .img-not-data {
  margin-top: .4rem;
  margin-bottom: .2rem;
  background-size: contain;
  background-position: 50%;
  width: 3.4rem;
  min-height: 3.4rem;
  display: block;
  opacity: .4;
  background-repeat: no-repeat;
  background-image: url(https://www.ck444.pro/mobile/mc/no-data.8f7eccb1.png);
}
.promo-home-wrap .not-activity p {
  color: #666;
  text-align: center;
  font-size: .3rem;
}
.promo-home-wrap .promo-popup {
  text-align: left;
  padding: .37rem .35rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border: 1px solid red;
}
.promo-home-wrap .promo-popup h3 {
  margin-bottom: .2rem;
}
.promo-popup,
.savior-list {
  padding: .37rem .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 .25rem;
  gap: .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: .2rem;
  margin-bottom: .2rem;
}
.lucky-bet-item {
  display: flex;
  width: 6.6rem;
  align-items: center;
  border: 1px solid #e7e7e7;
  flex-direction: column;
  border-radius: .2rem;
  background: #fff;
  box-shadow: 0 .08808rem .08808rem 0 rgba(0, 0, 0, .1);
}
.lucky-bet-item .lucky-bet-title {
  padding: .22rem;
  border: none;
  box-shadow: none;
  display: flex;
  width: 100%;
  border-radius: .2rem;
  background: #f5f6fa;
  height: .99rem;
  align-items: center;
  justify-content: flex-start;
}
.lucky-bet-item .lucky-bet-title:before {
  border-radius: .2rem;
  content: "";
  display: block;
  background-color: #e86361;
  width: .06rem;
  height: .39rem;
}
.lucky-bet-item .lucky-bet-title.active {
  border-radius: .2rem .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: .5;
  transition: all .1s linear;
}
.lucky-bet-item .lucky-bet-title .bet-title {
  display: flex;
  color: #000;
  text-align: center;
  font-size: .28rem;
  font-weight: 500;
  flex: 1 1 0%;
  margin-left: .19rem;
}
.lucky-bet-item .lucky-bet-detail {
  padding: .16rem 0;
  min-height: 2rem;
  width: 100%;
  display: block;
  border-radius: .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 .bet-detail-title {
  display: block;
  color: #000;
  font-size: .18rem;
  font-weight: 500;
  margin-top: .18rem;
  margin-bottom: .2rem;
  margin-left: .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: .18rem;
  font-weight: 500;
  background-color: #e86361;
  display: flex;
  height: .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: .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: .18rem;
  font-weight: 500;
  line-height: .29rem;
  border-bottom: 1px solid rgba(232, 99, 97, .5);
  display: flex;
  padding: .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: .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 .26rem;
  border-radius: .18rem;
  box-shadow: 0 .03704rem .14815rem 0 rgba(0, 0, 0, .1);
  margin-bottom: .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: .26rem;
  padding: 0;
}
.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, .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 - .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: .6rem;
}
.lucky-bt-home-wrap .lucky-bet-content {
  gap: .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: .37rem;
  flex: 1 1 0%;
  padding-bottom: 1.47rem;
}
.lucky-bt-home-wrap .promo-title {
  color: #656565;
  text-align: center;
  font-size: .32rem;
  font-weight: 900;
  margin: .3rem 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: .2rem .24rem 0;
  margin-bottom: .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: .31rem;
  max-height: .9rem;
  width: 5.52rem;
  font-size: .3rem;
  font-weight: 800;
  border-radius: .2rem 0 0 .2rem;
  border-top: .02rem solid #e5e5e5;
  border-bottom: .02rem solid #e5e5e5;
  border-left: .02rem solid #e5e5e5;
  background: #fff;
  box-shadow: inset 0 1px .05rem 1px rgba(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, .2),
      rgba(253, 47, 47, .2)),
    #fff;
}
.lucky-bt-home-wrap .input-container .account-form:has(.errors) input:focus {
  border: .02rem solid #fd2f2f;
}
.lucky-bt-home-wrap .input-container .account-form .code-send {
  right: 0;
  width: 100%;
  max-height: .9rem;
  height: 100%;
  color: #fff;
  font-size: .24rem;
  border-radius: 0 .2rem .2rem 0;
  max-width: 1.5rem;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fd2f2f;
  box-shadow: inset 0 1px .05rem 1px rgba(0, 0, 0, .08), 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: .32rem;
  font-weight: 900;
}
.lucky-bt-home-wrap .not-activity .img-not-data {
  margin-top: .4rem;
  margin-bottom: .2rem;
  background-size: contain;
  background-position: 50%;
  width: 3.4rem;
  min-height: 3.4rem;
  display: block;
  opacity: .4;
  background-repeat: no-repeat;
  background-image: url(https://www.ck444.pro/mobile/mc/no-data.8f7eccb1.png);
}
.lucky-bt-home-wrap .not-activity p {
  color: #666;
  text-align: center;
  font-size: .3rem;
}
.lucky-bt-home-wrap .promo-popup {
  text-align: left;
  padding: .37rem .35rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border: 1px solid red;
}
.lucky-bt-home-wrap .promo-popup h3 {
  margin-bottom: .2rem;
}
.promo-popup,
.savior-list {
  padding: .37rem .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 .25rem;
  gap: .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: .2rem;
  margin-bottom: .2rem;
}
.records-item-content .am-flexbox-align-middle {
  margin-top: .2rem;
}
.records-item-content .am-flexbox-align-middle:first-child {
  margin-top: 0;
}
.records-item-header {
  padding: 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: .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: .32rem;
  margin-bottom: .3rem;
}
.pal-records-list-root .time {
  color: #a6a6a6;
  font-size: .24rem;
}
.ph-text span {
  width: auto;
  display: inline-block;
  word-break: break-all;
  white-space: normal;
  line-height: 1.2;
  position: relative;
  top: .07rem;
}
.pal-records-list-root .records-item-header {
  padding: 0 .6rem;
  height: .8rem;
  line-height: .8rem;
  background: #fff;
}
.pal-records-list-root .records-item-header .am-icon {
  position: relative;
  top: .16rem;
  width: .55rem;
  height: .55rem;
  margin-right: .1rem;
}
.record-icon-yen {
  position: relative;
  top: .1rem;
  margin-right: .15rem;
  color: #3a86f7;
}
.pal-records-list-root .records-item-content {
  font-size: .28rem;
  background: #fcfcfc;
  padding: 0 .15rem;
}
.pal-records-list-root .line {
  height: .8rem;
  line-height: .8rem;
  padding: 0 .4rem;
  border-bottom: 1px solid #289afe;
}
.pal-records-list-root .line-large {
  height: 1rem;
  margin-top: .1rem;
  padding: 0 .4rem;
}
.pal-records-list-root .line-large .am-flexbox {
  line-height: .45rem;
}
.game-amount-title {
  font-weight: 700;
  font-size: .3rem;
  display: inline-block;
  text-align: right;
  width: 100%;
}
.mc-profitLoss-record-container .empty-text {
  font-size: .32rem;
  margin-top: .3rem;
  padding: .1rem .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: .1rem;
  border: 1px solid #ddd;
  min-height: 1.92rem;
  padding-bottom: .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: .34rem;
  padding: .18rem .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: .1rem;
}
.am-card-header-extra {
  text-align: right;
  font-size: .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: .3rem .3rem .12rem;
  font-size: .3rem;
  color: #333;
  min-height: .8rem;
}
.am-card-footer {
  font-size: .28rem;
  color: #888;
  padding: 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: .4rem;
  height: .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: .28rem;
  margin-left: .16rem;
  color: #000;
  opacity: .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: .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: .3rem;
  border-radius: .14rem;
  background-clip: padding-box;
  color: #fff;
  background-color: rgba(58, 58, 58, .9);
  font-size: .3rem;
  line-height: .4rem;
}
.am-activity-indicator-spinner-lg {
  width: .64rem;
  height: .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: .2rem;
  font-size: .3rem;
  color: #888;
}
.flex-vou-tips.cl-black {
  color: #000;
}
.vou-balance {
  text-align: center !important;
  font-size: .32rem;
  height: .6rem;
  line-height: .6rem;
}
.pay-tips {
  padding: .2rem;
}
.flex-base-item {
  width: 100%;
  display: flex;
}
.vou-icon {
  position: relative;
}
.v-detail-base .vou-icon-ref {
  position: absolute;
  top: .06rem;
  left: 0;
  color: #2f94fc;
  width: .42rem;
  height: .42rem;
}
.payMoney {
  text-align: center !important;
  font-size: .6rem;
  color: #2595fc;
}
.btn-gray {
  border-radius: .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 .05rem .189rem .021rem rgba(5, 0, 0, .11);
  transition: all .3s linear;
  margin-bottom: 1em;
}
.btn-success {
  border-radius: .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 .2s linear;
  border: none;
}
.choose-bank {
  font-size: .32rem;
  margin: .35rem -.46rem .05rem;
  background: #efefef;
}
.choose-bank .bank-container {
  margin-bottom: .2rem;
}
.bank-errors-tips {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: .3rem;
  font-weight: 700;
  color: red;
  text-align: center;
  height: 30%;
  width: 65%;
}
.deposit-bank {
  height: .4rem;
  line-height: .4rem;
  margin-top: .15rem;
  font-size: .3rem;
  font-weight: 500;
  margin-left: .35rem;
  color: #848484;
}
.deposit-con {
  margin-top: .15rem;
  width: 100%;
  height: auto !important;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding: 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: .5rem;
}
.deposit-con:before {
  display: table;
  content: " ";
  overflow: hidden;
}
.deposit-span {
  display: flex;
  margin: .15rem 2.62%;
  width: 28%;
  height: .9rem;
  border-radius: .15rem;
  border: 1px solid #fff;
  background: #fff;
  position: relative;
  text-align: center;
  align-items: center;
  overflow: hidden;
  box-shadow: .04rem 0 .21rem hsla(0, 0%, 69%, .39);
}
.deposit-span img {
  padding: 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 .5em;
  font-size: 80%;
}
.deposit-icon .loading-example {
  display: flex;
  justify-content: center;
}
.deposit-icon-svg {
  width: .75rem;
  height: .75rem;
  position: absolute;
  left: .08rem;
  top: .3rem;
}
.am-list-item .deposit-img img {
  vertical-align: middle;
  width: .75rem;
  height: .75rem;
  margin-top: -.08rem;
}
.am-list-item .flex-img {
  top: .8rem;
  left: .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: .32rem;
  padding-top: .2rem;
  padding-bottom: .15rem;
  color: #2f94fc;
  position: relative;
  display: none;
}
.bank-arrowDown {
  vertical-align: sub;
  margin-right: .05rem;
}
.card-btm {
  padding-bottom: .15rem;
  margin-bottom: .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: .2rem;
}
.payWayBox {
  width: 100%;
  padding-bottom: .1rem;
  padding-top: .15rem;
}
.payWay {
  height: .8rem;
  padding-top: .08rem;
  line-height: .35rem;
  padding-left: .03rem;
  overflow: hidden;
  overflow-x: auto;
}
.inline-button {
  width: 1.75rem;
  background: #fff;
  text-align: center;
  border-radius: .05rem;
  display: inline-block;
  font-size: .29rem;
  font-weight: 600;
  padding: .08rem .12rem;
  color: #878787;
  z-index: 10;
  border: 1px solid #878787;
  height: .55rem;
}
.payWay .inline-button {
  margin-right: .1rem;
}
.active {
  border: 1px solid #289afe;
  box-shadow:
    -1px 0 .05rem #289afe,
    1px 0 .05rem #289afe,
    0 -1px .05rem #289afe,
    0 1px .03rem #289afe;
}
.active,
.active1 {
  transition: all .1s linear;
}
.active1 {
  border: 1px solid #1d75ff;
}
.active1,
.bg {
  background: #eef7ff;
}
.flex-grad {
  top: .1rem;
  left: -.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: .1rem;
}
.list-icon-rig {
  position: absolute;
  right: 0;
  top: .24rem;
}
.list-account-link {
  display: block;
  width: 100%;
  height: 100%;
}
.transLate-space {
  margin-top: 1rem;
}
.popUpHeader {
  position: relative;
  font-size: .32rem;
}
.popup-list.popUp-list {
  margin-bottom: .2rem;
}
.act_card {
  padding-bottom: .3rem;
}
.list-container {
  overflow: hidden;
  overflow-y: scroll;
  height: 3.5rem;
}
.popUps-list-item {
  padding-bottom: .1rem;
  margin-bottom: .05rem;
}
.message-base {
  font-size: .28rem;
  width: 100%;
  min-height: 1.05rem;
  margin: .1rem;
  display: flex;
}
.message-base a {
  font-size: .28rem;
  position: relative;
  height: inherit;
  line-height: inherit;
  height: .84rem;
}
.message-base a span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.message-spanL {
  font-size: .31rem;
  font-weight: 700;
  display: inline-block;
  width: 27%;
}
.message-spanC {
  display: inline-block;
  width: calc(60% - .4rem);
  word-break: break-all;
  padding: 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: .15rem;
}
.iframe-wrap,
.p-container {
  width: 100%;
  height: 100%;
}
.imgContainer {
  display: inline-block;
  vertical-align: middle;
  margin-top: .35rem;
  overflow: hidden;
  overflow-y: scroll;
}
.alipay_ref_code {
  font-size: .3rem;
  font-weight: 700;
  margin-top: .5rem;
  color: #e4393c;
  text-align: center;
}
.alipay_ref_code .amount {
  font-size: .32rem;
  margin-bottom: .2rem;
}
.alipay_ref_code .last_p {
  font-size: .6rem;
}
.alipay_ref_code .last_p-spanR {
  font-size: .32rem;
  margin-left: .15rem;
  font-weight: 500;
  color: #437ef8;
}
.flex-span {
  margin: .1rem .2rem .35rem 0;
  font-size: .32rem;
  color: #e4393c;
  font-weight: 700;
}
.flex-con-new {
  margin: .15rem .2rem .05rem 0;
  background: #cef7e7;
  border-radius: .1rem;
  height: .85rem;
  width: 100% !important;
  position: relative;
}
.flex-con-new p {
  font-size: .25rem;
  color: #666;
  margin-left: .18rem;
}
.setting_sort_left {
  position: relative;
}
.setting_sort_left p {
  padding-right: 1.2rem;
}
.setting_sort_left p a {
  font-size: .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: .1rem;
}
.setting_sort_right {
  position: absolute;
  top: .06rem;
  right: .2rem;
}
.other-size {
  font-size: .27rem;
}
.flex-con-other {
  margin-top: .2rem;
}
body .styles_modal__gNwvD {
  padding: 0;
  max-width: unset !important;
}
body .styles_closeButton__20ID4 {
  padding: .3rem .1rem;
  opacity: .7;
}
body .styles_overlay__CLSq- {
  padding: 0;
}
.star-query {
  font-size: .5rem;
  font-weight: 700;
}
.special-badge .am-badge {
  transform: rotate(45deg);
  transform-origin: right bottom;
  right: 0;
  top: .26rem;
  width: 1rem;
}
.order {
  border: .02rem solid #b36143;
  background: #e0e6e6;
  color: #f96268;
  display: inline-block;
  margin-right: .13rem;
  font-weight: 700;
  border-radius: 50%;
  width: .5rem;
  height: .55rem;
  line-height: .5rem;
  text-align: center;
}
.no-active {
  margin-top: .25rem;
  margin-right: 12%;
  margin-left: 12%;
  border-radius: .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 .05rem .189rem .021rem rgba(7, 0, 0, .11) !important;
  color: #fffefe !important;
  transition: all .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: .2rem;
  font-size: .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: .25rem;
  color: #888;
  font-size: .28rem;
}
.linkService {
  display: block;
  padding-top: .1rem;
  color: blue;
  text-decoration: underline;
}
.vc-info {
  padding: .1rem .5rem;
}
.vc-info span {
  font-size: .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: .34rem;
}
.notice-footer {
  text-align: center;
}
.notice-footer a {
  margin: 0 .1rem;
}
.vcpay {
  padding: .4rem;
}
.vcpay .amount {
  text-align: left;
}
.vcpay .pay-tips {
  padding: 0;
}
.ept .am-tabs-bar {
  display: none;
}
.ept .bank-info {
  margin: .15rem .4rem .05rem;
  line-height: 1.5;
}
.v-base .errors {
  margin-left: .2rem;
  width: 100%;
}
.v-base .errors .bank-error-tips {
  margin-right: .5em;
}
.fixed-money {
  display: flex;
  flex-wrap: wrap;
  margin-right: -3.33%;
  margin-top: .5em;
}
.deposit-amount-con {
  margin-top: .5em;
  overflow: hidden;
}
.deposit-amount-con .title {
  color: #747474;
  padding-bottom: .5em;
}
.fixed-money > div.fixed-money-item {
  width: 30%;
  padding: .5em 0;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: .1rem;
  background-color: #efefef;
  white-space: nowrap;
  color: #919191;
  margin-bottom: .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: .7rem;
}
.deposit .am-wingblank.am-wingblank-lg {
  margin: 0 .46rem;
}
.deposit .inputIcon {
  border-radius: 0 .15rem .15rem 0;
}
.deposit .inputSelect {
  background-color: transparent;
}
.deposit a[role=button] {
  margin-bottom: 1em;
}
.deposit .bank-active {
  background: #eef7ff;
  border: .02rem solid #4c84f8;
  transition: all .1s linear;
}
.deposit .inputCon input {
  border-radius: .15rem !important;
}
.deposit .inputCon input:focus {
  border: .02rem solid #4c84f8 !important;
}
.mt-name-footer {
  padding: 0 .3rem;
}
.mt-name-footer .footer-button {
  flex: auto;
  background: #da3e34;
  color: #fff;
  border: 0;
  margin: 0 .1rem;
}
.deposit .agrg-downline-cname {
  display: inline-block;
  width: 1rem;
  text-align: center;
  right: .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: .28rem;
  white-space: normal;
  height: inherit;
  line-height: 1.2;
  padding: .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: .44rem;
  background: #fff;
}
.voucher-msg-container .msg-img {
  padding: .3rem;
  text-align: center;
}
.voucher-msg-container .msg-img img {
  max-width: 100%;
  display: inline-block;
}
.voucher-msg-container .voucher-msg-desc {
  margin-bottom: .4rem;
  color: #3c3c3c;
  font-size: .3rem;
  text-align: left;
}
.voucher-msg-container .voucher-btn {
  box-shadow: 0 .1rem .15rem rgba(239, 37, 78, .46);
  color: #fff;
  background-color: #ef254e;
  font-size: .36rem;
  border: none;
  height: .9rem;
  line-height: .9rem;
  width: 100%;
  border-radius: .2rem;
}
.voucher-msg-container .voucher-msg-list {
  position: relative;
  line-height: 1.2;
  margin-bottom: .4rem;
  min-height: .8rem;
  clear: both;
}
.voucher-msg-container .voucher-msg-list .voucher-msg-title {
  font-size: .3rem;
  color: #666;
  margin-bottom: .06rem;
  padding-right: .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: .26rem;
  color: #f33;
  margin-top: .06rem;
  clear: both;
}
.voucher-msg-container .voucher-msg-list .voucher-msg-content {
  font-size: .3rem;
  font-weight: 700;
  color: #5f5f5f;
  padding-right: .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: .76rem;
  border-radius: .1rem;
  margin-top: .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: .1rem;
  width: .8rem;
  text-align: center;
}
.voucher-msg-container .voucher-msg-list .voucher-msg-copy svg {
  width: .32rem;
  height: .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: .02rem solid #e2e1e1;
  width: 100%;
  color: #428dfc;
  text-align: center;
  border-radius: .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: .2rem;
  display: inline-block;
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  width: 100%;
}
.voucher-msg-container .intergallery .upload-container #upload {
  width: .8rem;
  height: .76rem;
  background: #f0f2fe;
  border-radius: .1rem;
  display: inline-block;
  position: relative;
  top: .2rem;
}
.voucher-msg-container .intergallery .upload-container #upload svg {
  width: .32rem;
  height: .38rem;
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
.voucher-msg-container .intergallery .upload-content {
  position: relative;
  margin: 0 .2rem;
  top: .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: .28rem;
  line-height: 1.5;
  min-height: .4rem;
  margin: .15rem .4rem .16rem .22rem;
}
.wallet-address-content {
  margin-top: .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: .26rem;
}
.wallet-address-content canvas {
  margin: .2rem 0;
}
.wallet-address-content .tcg-tips {
  margin-bottom: .2rem;
  margin-top: .2rem;
}
.wallet-address-content .voucher-msg-content {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wallet-input-content {
  margin-top: .46rem !important;
  background: inherit;
}
.wallet-input-content .tcg-tips {
  margin-bottom: .2rem;
  margin-top: .2rem;
}
.service-link-container {
  padding: .1rem 0 .6rem;
  color: #2595fc;
  text-decoration: underline;
  text-align: center;
}
.inputCon {
  width: 100%;
  height: 1.08rem;
  line-height: 1.08rem;
  font-size: .32rem;
  padding: 1px 0;
  color: #1c1c1c;
  position: relative;
}
.inputCon input::-webkit-input-placeholder {
  font-size: .32rem;
  font-weight: 500;
  color: #747474;
}
.inputCon input::placeholder {
  font-size: .32rem;
  font-weight: 500;
  color: #747474;
}
.inputBase {
  background: #efefef;
  color: #747474;
  display: block;
  height: 100%;
  width: 100%;
  border: none;
  padding-left: .25rem;
  padding-right: .25rem;
  border-radius: .15rem;
}
.inputBase::-webkit-input-placeholder {
  color: #888;
  line-height: .5rem;
}
.inputBase::placeholder {
  color: #888;
  line-height: .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: .5rem;
}
.inputSelect .inputBase::placeholder {
  color: #747474;
  line-height: .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 .15rem .15rem 0;
  z-index: 9;
}
.chooseExtra {
  font-family: sans-serif;
  color: #747474;
  padding-left: .3rem;
  padding-right: .25rem;
  font-size: .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: .65rem;
  height: .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: .14rem;
}
.deposit-promo-v2 .act-container .act-item {
  background: #fff;
  border-radius: .08rem;
  color: #7f7f7f;
  overflow: hidden;
  border: 1px solid #efefef;
  margin-top: .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: .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% - .56rem);
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0;
  position: absolute;
  left: .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: .2rem 30% 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 .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: .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: .14rem;
  display: none;
}
#vc-v2-active .act-prom-remark-v2 .wysiwyg {
  margin-top: .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: .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: .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: .2rem 0;
  font-weight: 700;
  color: #000;
}
.msg-v2-container .flex-vou-tips {
  padding-left: .2rem;
  font-size: .3rem;
  color: #888;
}
.msg-v2-container .flex-vou-tips.cl-black {
  color: #000;
}
.msg-v2-container .vou-balance {
  text-align: center !important;
  font-size: .32rem;
  height: .6rem;
  line-height: .6rem;
}
.msg-v2-container .pay-tips {
  padding: .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: .06rem;
  left: 0;
  color: #2f94fc;
  width: .42rem;
  height: .42rem;
}
.msg-v2-container .payMoney {
  text-align: center !important;
  font-size: .6rem;
  color: #2595fc;
}
.msg-v2-container .btn-gray {
  border-radius: .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 .05rem .189rem .021rem rgba(5, 0, 0, .11);
  transition: all .3s linear;
  margin-bottom: 1em;
}
.msg-v2-container .btn-success {
  border-radius: .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 .2s linear;
  border: none;
}
.msg-v2-container .choose-bank {
  font-size: .32rem;
  margin: .35rem -.46rem .05rem;
  background: #efefef;
}
.msg-v2-container .choose-bank .bank-container {
  margin-bottom: .2rem;
}
.msg-v2-container .bank-errors-tips {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: .3rem;
  font-weight: 700;
  color: red;
  text-align: center;
  height: 30%;
  width: 65%;
}
.msg-v2-container .deposit-bank {
  height: .4rem;
  line-height: .4rem;
  margin-top: .15rem;
  font-size: .3rem;
  font-weight: 500;
  margin-left: .35rem;
  color: #848484;
}
.msg-v2-container .deposit-con {
  margin-top: .15rem;
  width: 100%;
  height: auto !important;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding: 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: .5rem;
}
.msg-v2-container .deposit-con:before {
  display: table;
  content: " ";
  overflow: hidden;
}
.msg-v2-container .deposit-span {
  display: flex;
  margin: .15rem 2.62%;
  width: 28%;
  height: .9rem;
  border-radius: .15rem;
  border: 1px solid #fff;
  background: #fff;
  position: relative;
  text-align: center;
  align-items: center;
  overflow: hidden;
  box-shadow: .04rem 0 .21rem hsla(0, 0%, 69%, .39);
}
.msg-v2-container .deposit-span img {
  padding: 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 .5em;
  font-size: 80%;
}
.msg-v2-container .deposit-icon .loading-example {
  display: flex;
  justify-content: center;
}
.msg-v2-container .deposit-icon-svg-v2 {
  width: .75rem;
  height: .75rem;
  position: absolute;
  left: .08rem;
  top: .3rem;
}
.msg-v2-container .am-list-item .deposit-img img {
  vertical-align: middle;
  width: .75rem;
  height: .75rem;
  margin-top: -.08rem;
}
.msg-v2-container .am-list-item .flex-img {
  top: .8rem;
  left: .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: .32rem;
  padding-top: .2rem;
  padding-bottom: .15rem;
  color: #2f94fc;
  position: relative;
  display: none;
}
.msg-v2-container .bank-arrowDown {
  vertical-align: sub;
  margin-right: .05rem;
}
.msg-v2-container .card-btm {
  padding-bottom: .15rem;
  margin-bottom: .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: .2rem;
}
.msg-v2-container .payWayBox {
  width: 100%;
  padding-bottom: .1rem;
  padding-top: .15rem;
}
.msg-v2-container .payWay {
  height: .8rem;
  padding-top: .08rem;
  line-height: .35rem;
  padding-left: .03rem;
  overflow: hidden;
  overflow-x: auto;
}
.msg-v2-container .inline-button {
  width: 1.75rem;
  background: #fff;
  text-align: center;
  border-radius: .05rem;
  display: inline-block;
  font-size: .29rem;
  font-weight: 600;
  padding: .08rem .12rem;
  color: #878787;
  z-index: 10;
  border: 1px solid #878787;
  height: .55rem;
}
.msg-v2-container .payWay .inline-button {
  margin-right: .1rem;
}
.msg-v2-container .active {
  border: 1px solid #289afe;
  box-shadow:
    -1px 0 .05rem #289afe,
    1px 0 .05rem #289afe,
    0 -1px .05rem #289afe,
    0 1px .03rem #289afe;
  transition: all .1s linear;
}
.msg-v2-container .active1 {
  border: 1px solid #1d75ff;
  transition: all .1s linear;
  background: #eef7ff;
}
.msg-v2-container .bg {
  background: #eef7ff;
}
.msg-v2-container .flex-grad {
  top: .1rem;
  left: -.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: .1rem;
}
.msg-v2-container .list-icon-rig {
  position: absolute;
  right: 0;
  top: .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: .32rem;
}
.msg-v2-container .popup-list.popUp-list {
  margin-bottom: .2rem;
}
.msg-v2-container .act_card {
  padding-bottom: .3rem;
}
.msg-v2-container .list-container {
  overflow: hidden;
  overflow-y: scroll;
  height: 3.5rem;
}
.msg-v2-container .popUps-list-item {
  padding-bottom: .1rem;
  margin-bottom: .05rem;
}
.msg-v2-container .message-base {
  font-size: .28rem;
  width: 100%;
  min-height: 1.05rem;
  margin: .1rem;
  display: flex;
}
.msg-v2-container .message-base a {
  font-size: .28rem;
  position: relative;
  height: inherit;
  line-height: inherit;
  height: .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: .31rem;
  font-weight: 700;
  display: inline-block;
  width: 27%;
}
.msg-v2-container .message-spanC {
  display: inline-block;
  width: calc(60% - .4rem);
  word-break: break-all;
  padding: 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: .15rem;
}
.msg-v2-container .iframe-wrap {
  width: 100%;
  height: 100%;
}
.msg-v2-container .imgContainer {
  display: inline-block;
  vertical-align: middle;
  margin-top: .35rem;
  overflow: hidden;
  overflow-y: scroll;
}
.msg-v2-container .alipay_ref_code {
  font-size: .3rem;
  font-weight: 700;
  margin-top: .5rem;
  color: #e4393c;
  text-align: center;
}
.msg-v2-container .alipay_ref_code .amount {
  font-size: .32rem;
  margin-bottom: .2rem;
}
.msg-v2-container .alipay_ref_code .last_p {
  font-size: .6rem;
}
.msg-v2-container .alipay_ref_code .last_p-spanR {
  font-size: .32rem;
  margin-left: .15rem;
  font-weight: 500;
  color: #437ef8;
}
.msg-v2-container .flex-span {
  margin: .1rem .2rem .35rem 0;
  font-size: .32rem;
  color: #e4393c;
  font-weight: 700;
}
.msg-v2-container .flex-con-new {
  margin: .15rem .2rem .05rem 0;
  background: #cef7e7;
  border-radius: .1rem;
  height: .85rem;
  width: 100% !important;
  position: relative;
}
.msg-v2-container .flex-con-new p {
  font-size: .25rem;
  color: #666;
  margin-left: .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: .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: .1rem;
}
.msg-v2-container .setting_sort_right {
  position: absolute;
  top: .06rem;
  right: .2rem;
}
.msg-v2-container .other-size {
  font-size: .27rem;
}
.msg-v2-container .flex-con-other {
  margin-top: .2rem;
}
.msg-v2-container body .styles_modal__gNwvD {
  padding: 0;
  max-width: unset !important;
}
.msg-v2-container body .styles_closeButton__20ID4 {
  padding: .3rem .1rem;
  opacity: .7;
}
.msg-v2-container body .styles_overlay__CLSq- {
  padding: 0;
}
.msg-v2-container .star-query {
  font-size: .5rem;
  font-weight: 700;
}
.msg-v2-container .special-badge .am-badge {
  transform: rotate(45deg);
  transform-origin: right bottom;
  right: 0;
  top: .26rem;
  width: 1rem;
}
.msg-v2-container .order {
  border: .02rem solid #b36143;
  background: #e0e6e6;
  color: #f96268;
  display: inline-block;
  margin-right: .13rem;
  font-weight: 700;
  border-radius: 50%;
  width: .5rem;
  height: .55rem;
  line-height: .5rem;
  text-align: center;
}
.msg-v2-container .no-active {
  margin-top: .25rem;
  margin-right: 12%;
  margin-left: 12%;
  border-radius: .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 .05rem .189rem .021rem rgba(7, 0, 0, .11) !important;
  color: #fffefe !important;
  transition: all .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: .2rem;
  font-size: .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: .25rem;
  color: #888;
  font-size: .28rem;
}
.msg-v2-container .linkService {
  display: block;
  padding-top: .1rem;
  color: blue;
  text-decoration: underline;
}
.msg-v2-container .vc-info {
  padding: .1rem .5rem;
}
.msg-v2-container .vc-info span {
  font-size: .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: .34rem;
}
.msg-v2-container .notice-footer {
  text-align: center;
}
.msg-v2-container .notice-footer a {
  margin: 0 .1rem;
}
.msg-v2-container .vcpay {
  padding: .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: .15rem .4rem .05rem;
  line-height: 1.5;
}
.msg-v2-container .v-base .errors {
  margin-left: .2rem;
}
.msg-v2-container .v-base .errors .bank-error-tips {
  margin-right: .5em;
}
.msg-v2-container .fixed-money {
  display: flex;
  flex-wrap: wrap;
  margin-right: -3.33%;
  margin-top: .5em;
}
.msg-v2-container .deposit-amount-con {
  margin-top: .5em;
  overflow: hidden;
}
.msg-v2-container .deposit-amount-con .title {
  color: #747474;
  padding-bottom: .5em;
}
.msg-v2-container .fixed-money > div.fixed-money-item {
  width: 30%;
  padding: .5em 0;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: .1rem;
  background-color: #efefef;
  white-space: nowrap;
  color: #919191;
  margin-bottom: .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: .7rem;
}
.msg-v2-container .mt-name-footer {
  padding: 0 .3rem;
}
.msg-v2-container .mt-name-footer .footer-button {
  flex: auto;
  background: #da3e34;
  color: #fff;
  border: 0;
  margin: 0 .1rem;
}
.msg-v2-container .deposit .agrg-downline-cname {
  display: inline-block;
  width: 1rem;
  text-align: center;
  right: .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: .28rem;
  white-space: normal;
  height: inherit;
  line-height: 1.2;
  padding: .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 .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: .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: .16rem 0;
  color: #f33;
  font-size: .3rem;
  text-align: left !important;
  position: relative;
  padding: .2rem 0;
}
.msg-v2-container .voucher-msg-container .voucher-msg-desc:before {
  content: " ";
  position: absolute;
  width: calc(100% + .7rem);
  height: .16rem;
  background: #f5f5f9;
  left: -.35rem;
  top: -.16rem;
}
.msg-v2-container .voucher-msg-container .voucher-btn {
  color: #fff;
  font-size: .26rem;
  display: inline-block;
  height: .6rem;
  vertical-align: top;
  margin-top: .1rem !important;
  border: none;
  line-height: .6rem;
  width: calc(33% - .4rem);
  border-radius: .1rem;
  border: 1px solid #fff;
  background: none;
}
.msg-v2-container .voucher-msg-container .voucher-btn.mg20 {
  margin: 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: .3rem;
}
.msg-v2-container .voucher-msg-container .voucher-msg-list .voucher-msg-title {
  font-size: .3rem;
  color: #666;
  margin-bottom: .06rem;
  display: block;
  width: 86%;
  word-wrap: break-word;
}
.msg-v2-container .voucher-msg-container .voucher-msg-list .voucher-msg-content {
  font-size: .26rem;
  font-weight: 700;
  color: #666;
  padding-right: .9rem;
  word-break: break-all;
  margin-bottom: .1rem;
}
.msg-v2-container .voucher-msg-container .voucher-msg-list .voucher-msg-content input {
  background: #efefef;
  border: none;
  height: .76rem;
  border-radius: .1rem;
  margin-top: .14rem;
  padding-left: .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: .1rem;
  padding: .1rem .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: .29rem;
  height: .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: .02rem solid #e2e1e1;
  width: 100%;
  color: #428dfc;
  text-align: center;
  border-radius: .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: .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: .8rem;
  height: .76rem;
  background: #f0f2fe;
  border-radius: .1rem;
  display: inline-block;
  position: relative;
  top: .2rem;
}
.msg-v2-container .voucher-msg-container .intergallery .upload-container #upload svg {
  width: .32rem;
  height: .38rem;
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
.msg-v2-container .voucher-msg-container .intergallery .upload-content {
  position: relative;
  margin-left: .2rem;
  top: .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: .28rem;
  line-height: 1.5;
  min-height: .4rem;
  margin: .15rem .4rem .16rem .22rem;
}
.msg-v2-container .wallet-address-content {
  margin-top: .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: .26rem;
}
.msg-v2-container .wallet-address-content canvas {
  margin: .2rem 0;
}
.msg-v2-container .wallet-address-content .tcg-tips {
  margin-bottom: .2rem;
  margin-top: .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: .46rem !important;
  background: inherit;
}
.msg-v2-container .wallet-input-content .tcg-tips {
  margin-bottom: .2rem;
  margin-top: .2rem;
}
.msg-v2-container .service-link-container {
  padding: .1rem 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: .32rem;
  color: #333;
  text-align: center;
  padding: .35rem;
  font-weight: 700;
}
.msg-v2-container .pay-way-qr-container {
  text-align: center;
  background: #fff;
  padding-bottom: .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: .24rem;
  color: #666;
  text-align: left;
}
.msg-v2-container .v2-link-desc .vld-notice {
  padding: .2rem 0;
}
.msg-v2-container .v2-link-desc .vld-tips {
  padding: .2rem 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: .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: -.2rem;
  font-size: .4rem;
  margin-right: .2rem;
}
.qr-v2-msg-container .ref-code-container span {
  top: -.24rem;
}
.qr-v2-msg-container .link-server {
  text-decoration: underline;
  color: blue;
  cursor: pointer;
  margin-top: .2rem;
  display: inline-block;
}
.qr-v2-msg-container .voucher-msg-copy {
  color: #428dfc;
  background: #f0f2fe;
  border-radius: .1rem;
  line-height: 1.2;
  width: auto;
  min-width: 1.4rem;
  padding: .1rem .2rem;
  display: inline-block;
  position: relative;
}
.qr-v2-msg-container .voucher-msg-copy svg {
  width: .29rem;
  height: .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: .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: .26rem;
  color: #666;
  margin-bottom: .06rem;
}
.order-time-count-down div {
  font-size: .26rem;
  color: #f33;
  font-weight: 700;
  margin-top: .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: .4rem !important;
}
.ref-msg-container {
  max-height: calc(var(--vh, 1vh)*100 - 2.1rem) !important;
  overflow-y: scroll;
  background-color: #fff;
  padding-bottom: .2rem;
}
.ref-msg-container .order-time-count-down {
  padding: .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: .1rem;
}
.ref-msg-container .link-copy {
  text-align: center;
  color: #fff;
  flex: 1 1 0%;
  padding: .12rem;
  border-radius: .08rem;
  background-color: #428dfc;
  width: 50%;
  height: auto;
  min-height: .78rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
.ref-msg-container .link-copy svg {
  fill: #fff;
  margin-right: .2rem;
  min-width: .3rem;
  height: .3rem;
}
.VIP-msg-container .voucher-msg-desc {
  display: none;
}
.VIP-msg-container .order-time-count-down,
.VIP-msg-container .voucher-msg-title {
  font-size: .28rem;
}
.VIP-msg-container .voucher-msg-title {
  font-size: .24rem;
}
.VIP-msg-container .voucher-msg-container {
  background-color: #fff;
}
.VIP-msg-container .pay-way-msg-title {
  margin-top: .2rem;
}
.VIP-msg-container .vip-desc {
  text-align: center;
}
.VIP-msg-container .vip-desc .copy-contact {
  height: .9rem;
  line-height: .9rem;
  background-image:
    linear-gradient(
      90deg,
      #ff003c,
      #fe0027),
    linear-gradient(#0e0221, #0e0221);
  background-blend-mode: normal, normal;
  box-shadow: 0 .08rem .32rem .04rem rgba(255, 0, 0, .36);
  padding: 0 .3rem;
  border-radius: .18rem;
  color: #fff;
  display: inline-block;
}
.VIP-msg-container .vip-desc img {
  width: 2.26rem;
  height: 1.7rem;
  display: inline-block;
  margin: .4rem 0;
}
.vc-tips {
  color: #333;
  font-size: .28rem;
  padding: .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: .2rem;
  font-weight: 500;
  font-size: .35rem;
}
.nodata-btn {
  padding: 0 .1rem;
  font-weight: 500;
  height: .6rem;
  color: #108ee9;
  border: 1px solid #108ee9;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: .28rem;
  margin-top: .19rem;
  margin: .2rem auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: .13rem;
}
.vc-v2-container {
  padding: 0 .2rem 1.2rem;
  overflow-x: hidden;
  background: #fff;
  position: relative;
}
.vc-v2-container .error-debug-box {
  margin-top: .4rem;
}
.vc-v2-container .btn-group {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .4rem;
}
.vc-v2-container .btn-group .btn-copy-code {
  margin: 0;
  min-width: 1.8rem;
  height: .5rem;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vc-v2-container .error-debug-text {
  color: #888;
  font-size: .24rem;
  max-width: 100%;
  margin: .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: .2rem;
  display: inline-block;
  color: blue;
  font-size: .28rem;
  text-decoration: underline;
}
.vc-v2-container .null-icon-container {
  text-align: center;
  padding: .8rem 0;
  line-height: .7rem;
}
.vc-v2-container .null-icon-container div {
  border: .02rem dashed #ccc;
  display: inline-block;
  padding: .3rem 1rem;
  border-radius: .1rem;
  font-size: .28rem;
}
.vc-v2-container .null-icon-container img {
  width: .8rem;
  height: .8rem;
}
.vc-v2-container .loading-info {
  width: .8rem;
  height: .8rem;
  display: inline-block !important;
  animation: skeletonLoading 1.4s ease infinite;
  background:
    linear-gradient(
      90deg,
      hsla(0, 0%, 75%, .2) 25%,
      hsla(0, 0%, 51%, .24) 37%,
      hsla(0, 0%, 75%, .2) 63%);
  background-size: 400% 100%;
}
.vc-v2-container .vc-tips {
  color: #ec2529;
}
.vc-v2-container .vc-tips .wysiwyg {
  word-wrap: break-word;
}
.vc-v2-container .bank-charge i {
  font-weight: 700;
}
.vc-v2-container .flex-another-pay {
  font-size: .28rem;
  color: #333;
  line-height: 1.2;
  word-break: break-word;
  gap: .16rem;
}
.vc-v2-container .flex-another-pay span {
  margin-left: .16rem;
  color: #a1a1a1;
  font-size: .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 .1rem #a1a1a1;
}
.vc-v2-container .errors {
  font-size: .22rem;
  color: #a1a1a1;
  margin: 0;
  padding-bottom: .2rem;
}
.vc-v2-container .errors i {
  font-style: normal;
  color: #ec2529;
}
.vc-v2-container input {
  font-size: .26rem !important;
}
.vc-v2-container .vc-v2-amount {
  padding-bottom: .2rem;
}
.vc-v2-container .vc-v2-amount .bank-virtual-tips {
  margin: .15rem 0 .16rem;
  text-align: center;
}
.vc-v2-container .vc-v2-amount .bank-virtual-tips span {
  font-size: .4rem;
}
.vc-v2-container .vc-v2-amount .vc-info {
  padding-left: 0;
}
.vc-v2-container .vc-v2-amount .fixed-money-item {
  width: calc(20% - .1rem) !important;
  margin-right: .1rem;
  font-weight: 700 !important;
}
.vc-v2-container .vc-v2-space {
  padding-top: .2rem !important;
  position: relative;
}
.vc-v2-container .vc-v2-space:after {
  content: " ";
  background: #f2f2f2;
  height: .16rem;
  position: absolute;
  width: calc(100% + .4rem);
  left: -.2rem;
  top: 0;
}
.vc-v2-container .vc-v2-space-content {
  background: #f2f2f2;
  height: .16rem;
  position: relative;
  width: calc(100% + .4rem);
  left: -.2rem;
  bottom: 0;
}
.vc-v2-container .vc-v2-space-bottom {
  padding-bottom: .3rem !important;
  position: relative;
}
.vc-v2-container .vc-v2-space-bottom:after {
  content: " ";
  background: #f2f2f2;
  height: .16rem;
  position: absolute;
  width: calc(100% + .4rem);
  left: -.2rem;
  bottom: 0;
}
.vc-v2-container .pay-way-container .vc-tips {
  padding-bottom: .2rem;
  padding-top: .2rem;
}
.vc-v2-container .vc-v2-title {
  font-size: .26rem;
  font-weight: 700;
  padding: 0 .2rem;
  color: #333;
  height: .7rem;
  line-height: .7rem;
  position: relative;
}
.vc-v2-container .vc-v2-title:before {
  content: "";
  left: 0;
  position: absolute;
  width: .1rem;
  height: .1rem;
  display: inline-block;
  border-radius: .1rem;
  top: 50%;
  transform: translateY(-50%);
  background: #fd5580;
}
.vc-v2-container .vc-v2-title.pay-active {
  padding: 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: .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: .1rem;
}
.vc-v2-container .vc-v2-tips {
  padding: .2rem 0;
  font-size: .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: .02rem solid #ec2529 !important;
}
.vc-v2-container .pay-name-container .vc-v2-input input {
  border-radius: .1rem;
  padding-left: .1rem !important;
  width: 100% !important;
}
.vc-v2-container .vc-v2-wallet {
  padding: 0 .15rem;
  margin-bottom: 1rem;
  font-size: .3rem;
  font-weight: 700;
  color: #5f5f5f;
}
.vc-v2-container .vc-v2-wallet .code-container {
  margin: 0 auto;
  padding: .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: .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: .1rem;
  right: 0;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  line-height: 1.2;
  width: auto;
  min-width: 1.4rem;
  text-align: center;
  padding: .1rem .2rem;
}
.vc-v2-container .vc-v2-wallet .voucher-msg-copy svg {
  width: .29rem;
  height: .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 .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: .7rem;
  box-shadow: 1px -.04rem .1rem #fff;
  font-size: .2rem;
  line-height: .7rem;
  text-align: center;
}
.vc-v2-container .card-show-more span {
  color: #878787;
  display: inline-block;
  padding-left: .18rem;
}
.vc-v2-container .card-show-more span img {
  margin-right: .06rem;
  width: .15rem;
  height: .09rem;
}
.vc-v2-container .in-hide .card-show-more span,
.vc-v2-container .out-hide .card-show-more span {
  display: inline-block;
  padding-left: .18rem;
}
.vc-v2-container .in-hide .card-show-more span img,
.vc-v2-container .out-hide .card-show-more span img {
  margin-right: .06rem;
}
.vc-v2-container .bank-out-container .vc-v2-bank-ck {
  padding: 0 .12rem;
}
.vc-v2-container .bank-out-container .vc-v2-bank-ck > div {
  height: .64rem;
  position: absolute;
  top: .12rem;
  width: 100%;
  left: 0;
}
.vc-v2-container .bank-out-container .vc-v2-bank-ck span {
  top: .22rem !important;
  color: #282a28;
  font-size: .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: .1rem 0 .26rem;
}
.vc-v2-container .vc-v2-show-bank:after {
  content: " ";
  background: #f2f2f2;
  height: .16rem;
  position: absolute;
  width: calc(100% + .4rem);
  left: -.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: .89rem;
  border-radius: .1rem;
  border: .02rem solid #e5e5e5;
  padding: .12rem;
  margin-right: .2rem;
  text-align: center;
  display: inline-block;
  font-size: .24rem;
  font-weight: 700;
  color: #a1a1a1;
  width: 32%;
  margin: .06rem .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: .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: .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: .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: .31rem;
  position: relative;
}
.vc-v2-container .bank-out-container .vc-v2-bank-ck p {
  font-size: .2rem;
}
.vc-v2-container .bank-out-container span {
  color: #a1a1a1;
  display: inline-block;
}
.vc-v2-container .bank-out-container .bank-bull {
  margin-top: .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: .1rem;
  padding: .15rem;
  text-align: center;
  display: inline-block;
  width: calc(25% - .06rem);
  height: 1.65rem;
  position: relative;
  margin: 0 .03rem .1rem;
  border: .02rem solid #e4e4e4 !important;
  overflow: hidden;
}
.vc-v2-container .vc-v2-method li.recommendation:before {
  content: "";
  position: absolute;
  width: .24rem;
  height: .32rem;
  background: url(https://www.ck444.pro/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: .24rem;
  font-weight: 700;
}
.vc-v2-container .vc-v2-method li.ck {
  border: .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: .32rem;
  height: .32rem;
  bottom: 0;
  fill: #ec2529;
}
.vc-v2-container .vc-v2-method li .desc-content {
  position: relative;
  height: .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 {
  overflow: hidden;
  color: #333;
  font-size: .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: 2;
}
.vc-v2-container .vc-v2-method li .vcn-list-text p div {
  font-size: .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: .7rem;
  height: .7rem;
  display: inline-block;
}
.vc-v2-container .vc-v2-method li .min-max {
  font-size: .18rem;
  font-weight: 700;
  bottom: -.04rem;
  width: 100%;
  overflow: hidden;
  color: #ec2529;
  word-break: break-all;
  position: relative;
  max-height: .4rem;
}
.vc-v2-container .vc-v2-method li .min-max span {
  display: inline-block;
  padding-right: .1rem;
}
.vc-v2-container .vc-v2-input.vc-v2-other {
  padding-bottom: .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: .02rem solid #ec2529 !important;
}
.vc-v2-container .vc-v2-input.vc-v2-other input {
  width: 100%;
  padding-left: .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: .89rem;
  border-radius: .1rem;
  border: .02rem solid #e4e4e4 !important;
  margin-right: .2rem;
  text-align: center;
  display: inline-block;
  overflow: hidden;
  font-size: .24rem;
  font-weight: 700;
  width: calc(33.33% - .1rem);
  margin: .05rem;
  vertical-align: top;
  position: relative;
  padding: .12rem;
}
.vc-v2-container .vc-v2-method-list li.recommendation:before {
  content: "";
  position: absolute;
  width: .24rem;
  height: .32rem;
  background: url(https://www.ck444.pro/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% - .24rem);
  word-break: break-word;
}
.vc-v2-container .vc-v2-method-list li .discount-tip {
  border-radius: 0 .1rem 0 .1rem;
  background-color: #ec2529;
  color: #fff;
  font-size: .22rem;
  position: absolute;
  right: -.02rem;
  top: 0;
  padding: .02rem .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: .02rem solid #ec2529 !important;
  color: #ec2529;
}
.vc-v2-container .vc-v2-method-list li div {
  font-size: .2rem;
}
.vc-v2-container .bind-first {
  text-align: center;
  padding: .4rem 0;
}
.vc-v2-container .bind-first div {
  font-size: .34rem;
  font-weight: 400;
  font-stretch: normal;
  line-height: .7rem;
  letter-spacing: 1px;
  color: #a9a9a9;
}
.vc-v2-container .bind-first span {
  margin: .3rem 0;
  min-width: 4.8rem;
  display: inline-block;
  height: .9rem;
  line-height: .9rem;
  color: #fffefe;
  font-size: .36rem;
  background-image:
    linear-gradient(
      90deg,
      #ff003c,
      #fe0027),
    linear-gradient(#0e0221, #0e0221);
  background-blend-mode: normal, normal;
  box-shadow: 0 .08rem .32rem .04rem rgba(255, 0, 0, .36);
  border-radius: .18rem;
}
.vc-v2-container .vc-v2-input {
  position: relative;
}
.vc-v2-container .vc-v2-input.account-num-input .inputCon {
  padding-left: .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% - .69rem);
  height: .7rem;
  line-height: .7rem;
  top: 50%;
  transform: translateY(-50%);
  padding-left: .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: .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: -.12rem 0 .2rem;
  overflow: visible;
}
.vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item {
  margin: .12rem .12rem 0 0;
  width: calc(20% - .1rem);
  height: .71rem;
  font-size: .24rem;
  white-space: nowrap;
  border: .02rem solid rgba(236, 37, 41, .2);
  border-radius: .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: .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: .32rem;
  height: .32rem;
  bottom: 0;
  fill: #ec2529;
}
.vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item .bonus-tip {
  padding-right: .06rem;
  width: 100%;
  justify-content: flex-end;
  position: absolute;
  top: 0;
  left: 0;
  font-size: .2rem;
  height: .21rem;
  display: flex;
  align-items: center;
  border-radius: .12rem .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, .4) 20%,
      #ec2529);
  box-shadow: 0 .02rem .02rem 0 rgba(0, 0, 0, .08);
}
.vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item .bonus-tip.money-active {
  height: .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: -.02rem;
  top: -.09rem;
  content: "";
  height: .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: .83rem;
  right: 0;
  left: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: .24rem;
  background:
    linear-gradient(
      135deg,
      #ff7381 1.75%,
      #f22541 97%);
  top: -50%;
  transform: translateY(100%);
  font-size: .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: .15rem;
  top: 0;
  background-image: url(https://www.ck444.pro/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(https://www.ck444.pro/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(https://www.ck444.pro/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(https://www.ck444.pro/mobile/mc/fix-amount-red.e1ce625f.png);
}
.vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item .bonus-tip.CASH_VOUCHER:before {
  background-image: url(https://www.ck444.pro/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(https://www.ck444.pro/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(https://www.ck444.pro/mobile/mc/fix-amount-free.21f66802.png);
}
.vc-v2-container .vc-v2-input .inputCon {
  height: .7rem;
  line-height: .7rem;
  font-size: .28rem;
  font-weight: 700;
  border: .02rem solid #e4e4e4 !important;
  border-radius: .12rem;
  padding-left: .5rem;
  padding-top: 0;
  padding-bottom: 0;
}
.vc-v2-container .vc-v2-input .inputCon.error {
  border: .02rem solid #ec2529 !important;
}
.vc-v2-container .vc-v2-input .inputCon.hasPromo {
  padding-top: .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: .2rem;
  padding-right: .1rem;
  color: #ec2529;
}
.vc-v2-container .vc-v2-input .inputCon .input-bonus-tip {
  border-radius: .12rem .12rem 0 0;
  font-size: .18rem;
  justify-content: flex-end;
  height: .22rem;
  color: #fff;
  position: absolute;
  width: 100%;
  padding-right: .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, .4) 20%,
      #ec2529);
  box-shadow: 0 .02rem .02rem 0 rgba(0, 0, 0, .08);
}
.vc-v2-container .vc-v2-input .inputCon .input-bonus-tip.currencyBack {
  right: .46rem;
}
.vc-v2-container .vc-v2-input .inputCon .input-bonus-tip .symbol {
  margin: 0 .05rem;
}
.vc-v2-container .vc-v2-input .inputCon .input-bonus-tip:before {
  left: -1px;
  top: -.09rem;
  content: "";
  height: .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(https://www.ck444.pro/mobile/mc/fix-amount-egg.b3ebc78e.png);
}
.vc-v2-container .vc-v2-input .inputCon .input-bonus-tip.PRIZE_WHEEL:before {
  background-image: url(https://www.ck444.pro/mobile/mc/fix-amount-prize.575a9fc3.png);
}
.vc-v2-container .vc-v2-input .inputCon .input-bonus-tip.RAFFLE:before {
  background-image: url(https://www.ck444.pro/mobile/mc/fix-amount-red.e1ce625f.png);
}
.vc-v2-container .vc-v2-input .inputCon .input-bonus-tip.CASH_VOUCHER:before {
  background-image: url(https://www.ck444.pro/mobile/mc/fix-amount-cash.618a0c0f.png);
}
.vc-v2-container .vc-v2-input .inputCon .input-bonus-tip.GIFT_CODE:before {
  background-image: url(https://www.ck444.pro/mobile/mc/fix-amount-gift.1bf659a0.png);
}
.vc-v2-container .vc-v2-input .inputCon .input-bonus-tip.FREE_SPIN:before {
  background-image: url(https://www.ck444.pro/mobile/mc/fix-amount-free.21f66802.png);
}
.vc-v2-container .vc-v2-input .deposit-amount-con .error-tips {
  font-size: .24rem;
  color: #ec2529;
  padding-left: .2rem;
  margin-top: .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: .26rem;
  width: auto;
  flex: 0 0 0.5rem;
  padding: 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 .vc-v2-active-container {
  padding-bottom: .4rem;
}
.vc-v2-container .vc-v2-active-container .on {
  background: rgba(51, 153, 255, .3);
}
.vc-v2-container .vc-v2-active-container .act-container {
  padding: .25rem .12rem;
  display: flex;
  flex-direction: column;
  gap: .25rem;
}
.vc-v2-container .vc-v2-active-container .act-container.express-wrap {
  position: relative;
  margin-left: .32rem;
  width: 6.66rem;
  height: 1.74rem;
  display: flex;
  background: url(https://www.ck444.pro/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: -.24rem;
  position: absolute;
  display: block;
  content: "";
  width: .26rem;
  height: .26rem;
  border-radius: .66rem;
  border: 1px solid #fd2f2f;
}
.vc-v2-container .vc-v2-active-container .act-container.express-wrap:after {
  border-radius: 50%;
  top: 50%;
  left: -.17rem;
  transform: translateY(50%);
  position: absolute;
  content: "";
  display: block;
  width: .14rem;
  height: .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: .32rem;
  font-weight: 600;
  border-right: 1px solid #fff;
  padding-left: .3rem;
}
.vc-v2-container .vc-v2-active-container .act-container.express-wrap .express-wrap-left .express-title {
  padding: 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: .32rem;
  padding: 0;
}
.vc-v2-container .vc-v2-active-container .act-container.express-wrap .express-wrap-right {
  display: flex;
  padding-right: .56rem;
  width: 40%;
  flex-direction: column;
  font-size: .24rem;
  align-items: center;
  font-weight: 600;
}
.vc-v2-container .vc-v2-active-container .act-container.express-wrap .express-wrap-right span {
  padding: 0 .1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  gap: .2rem;
}
.vc-v2-container .vc-v2-active-container .act-container.express-wrap .express-wrap-right span.bonus-amount {
  display: flex;
  font-size: .45rem;
  gap: .05rem;
}
.vc-v2-container .vc-v2-active-container .act-container.express-wrap .express-wrap-right span.bonus-amount:before {
  display: block;
  width: .45rem;
  height: .45rem;
  content: "";
}
.vc-v2-container .vc-v2-active-container .act-container.express-wrap .express-wrap-right span.bonus-amount.ticket:before {
  background: url(https://www.ck444.pro/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(https://www.ck444.pro/mobile/mc/express-bonus.9dcff344.png) no-repeat 100%/cover;
}
.vc-v2-container .vc-v2-active-container .act-container .act-item {
  border-radius: .08rem;
  border: 1px solid #efefef;
  margin-top: 0;
  padding-left: .56rem;
}
.vc-v2-container .vc-v2-active-container .act-item {
  font-size: .24rem;
  position: relative;
}
.vc-v2-container .vc-v2-active-container .act-item:before {
  top: .16rem;
  left: .16rem;
  position: absolute;
  display: block;
  content: "";
  width: .21rem;
  height: .21rem;
  border-radius: .66rem;
  border: 1px solid #9b9b9b;
}
.vc-v2-container .vc-v2-active-container .act-item .act-prom-name {
  font-weight: 900;
  font-size: .24rem;
  color: #333;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .1rem;
  padding: .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 .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: .1rem;
}
.vc-v2-container .vc-v2-active-container .act-item .vc-v2-account-info {
  line-height: 1.4;
  height: .34rem;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: .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: .24rem;
  padding-bottom: .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: .22rem;
  left: .22rem;
  position: absolute;
  content: "";
  display: block;
  width: .13rem;
  height: .13rem;
  background-color: #fd2f2f;
}
.vc-v2-container .vc-v2-active-container .act-item.on .vc-v2-account-info {
  border-top: 1px solid #febbbb;
  margin: .08rem .16rem 0 0;
  padding-top: .08rem;
  background: none;
  white-space: normal;
  word-break: break-word;
  display: flex;
  flex-direction: column;
  gap: .08rem;
}
.vc-v2-container .vc-v2-active-container .act-item.on .vc-v2-account-info .task-item {
  width: 100%;
  display: flex;
  min-height: .78rem;
  margin-bottom: .08rem;
  font-weight: 400;
  padding: .22rem .16rem;
  font-size: .24rem;
  border-radius: .04rem;
  background: url(https://www.ck444.pro/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(https://www.ck444.pro/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: .04rem .1rem;
  font-size: .24rem;
  color: #fff;
  border-radius: .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: -.16rem;
  top: 0;
  content: "";
  display: block;
  width: 1px;
  height: .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: .24rem;
  height: .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 .22rem 0 0;
  background: none;
  color: #707070;
  font-size: .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 .25s;
  animation-iteration-count: 1;
}
.vc-v2-container .change-item-animate.out {
  animation: fadeOut .25s;
  animation-iteration-count: 1;
}
.vc-v2-container .pd20 {
  padding-top: .2rem;
  padding-bottom: .2rem;
}
.vc-v2-container .pd-btm-20 {
  padding-bottom: .2rem;
}
.vc-v2-container .pd-top-20 {
  padding-top: .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;
}
.mc-vc-bank-popup .am-list-header {
  font-weight: 700;
  color: #333;
  font-size: .32rem;
  padding-top: .5rem;
}
.mc-vc-bank-popup .am-list-header:before {
  content: "";
  width: 1rem;
  height: .1rem;
  border-radius: .1rem;
  background: #cbcbcb;
  position: absolute;
  left: 50%;
  top: .2rem;
  transform: translateX(-50%);
}
.mc-vc-bank-popup .am-list-header span {
  top: -.24rem !important;
  right: -.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: .6rem;
  height: .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: .2rem .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 .2rem;
  padding: .2rem 0;
  position: relative;
  border-bottom: 1px solid #e4e4e4 !important;
}
.mc-vc-bank-popup .vc-ban-list-item .bank-name-item i {
  margin-top: .1rem;
  display: inline-block;
  font-style: normal;
}
.mc-vc-bank-popup .vc-ban-list-item div {
  display: inline-block;
  overflow: hidden;
  height: .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: .1rem;
  top: 50%;
  color: #666;
  transform: translateY(-50%);
}
.mc-vc-bank-popup .vc-ban-list-item img {
  height: .5rem;
  width: auto;
  margin-left: .1rem;
}
.usdt-msg-container .voucher-msg-container {
  height: calc(var(--vh, 1vh)*100 - .8rem);
  overflow-y: scroll;
  background: #fff;
}
.usdt-msg-container .am-navbar-title {
  color: #fff;
}
.usdt-msg-container .usdt-desc {
  padding: .2rem 0;
  text-align: left;
  font-size: .24rem !important;
  line-height: 1.4;
  color: #ec2529 !important;
}
.usdt-msg-container .usdt-desc div {
  color: #666 !important;
}
.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.pay-way-container .vc-v2-method-list ul li.hasTip {
  padding: .3rem .12rem;
}
.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;
}
.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: .2rem 0;
  display: flex;
  justify-content: space-around;
}
.voucher-msg-v2-footer .voucher-btn {
  color: #fff;
  font-size: .26rem;
  display: inline-block;
  min-height: 1rem;
  width: calc(33% - .4rem);
  border-radius: .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: .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 - .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: .8rem;
}
.ios-version input {
  height: .7rem;
}
.ios-version input::-webkit-input-placeholder {
  font-size: .26rem !important;
}
.ios-version input::placeholder {
  font-size: .26rem !important;
}
.bank-card-tips {
  text-align: left;
}
.deposit-bank-card-tips {
  text-align: center;
}
.deposit-bank-card-tips .tips-item {
  margin-top: .1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bank-phone-tips,
.vc-v2-submit {
  text-align: center;
}
.vc-v2-submit {
  padding: .1rem 0;
  min-height: .7rem;
  width: 100%;
  position: fixed;
  bottom: 0;
  background: #ec2529;
  color: #fff;
  left: 0;
  line-height: .9rem;
  z-index: 99;
}
.vc-v2-submit div {
  width: 100%;
  height: 100%;
}
.vc-v2-submit i {
  display: inline-block;
  width: .5rem;
  height: .5rem;
  background: url(https://www.ck444.pro/mobile/mc/down_icon.293f08cc.png) no-repeat;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-radius: .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, .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: .28rem .25rem .28rem .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: .94rem;
  width: 100%;
}
.first-deposit-popup .am-popup .first-deposit-wrapper .first-deposit-content:before {
  position: absolute;
  content: "";
  top: -.28rem;
  right: .85rem;
  width: 1.59rem;
  height: 1.35rem;
  background: url(https://www.ck444.pro/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: .8rem;
  border-radius: .21rem;
  background:
    linear-gradient(
      92deg,
      #ffe7e2 -4.59%,
      #ffcfb5 96.12%);
  border: .02rem solid #fff1ea;
  display: flex;
}
.first-deposit-popup .am-popup .first-deposit-wrapper .first-deposit-content .content-wrap .first-img {
  width: .81rem;
  height: .8rem;
  margin: -.33rem 0 0 -.04rem;
}
.first-deposit-popup .am-popup .first-deposit-wrapper .first-deposit-content .content-wrap .first-deposit-txt {
  padding: .22rem .24rem .24rem;
  flex: 1 1 0%;
  word-break: break-word;
  color: #1d222a;
  font-size: .28rem;
  display: flex;
  align-items: center;
  text-align: left;
}
.first-deposit-popup .am-popup .first-deposit-wrapper .first-deposit-btn {
  margin-top: .4rem;
  min-width: 1.7rem;
  height: .7rem;
  padding: 0 .1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: .94rem;
  border: .02rem solid #fff;
  background: rgba(95, 95, 95, .9);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #fff;
  font-size: .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: .3rem .35rem .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: .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: .5rem;
  height: .5rem;
}
.v-detail-base #mc-my-wallet-root .mc-wallet-footer-body .am-icon-wallet-sample-1 {
  margin-right: .08rem;
}
.v-detail-base #mc-my-wallet-root .mc-wallet-footer-body .am-icon-wallet-sample-2 {
  margin-left: .08rem;
}
.v-detail-base #mc-my-wallet-root .mc-wallet-footer-body .am-icon-exchange {
  position: relative;
  bottom: .05rem;
  width: .33rem;
  height: .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: .3rem;
}
.v-detail-base #mc-my-wallet-root .mc-wallet-home-trans-list .mc-wallet-list-body > .am-flexbox-item:first-child {
  height: .33rem;
  flex: 0 1 auto;
  line-height: .3rem;
}
.v-detail-base #mc-my-wallet-root .mc-wallet-home-trans-list .mc-wallet-list-body > .am-flexbox-item:first-child svg {
  width: .6rem;
  height: .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: .16rem;
}
.v-detail-base #mc-my-wallet-root .mc-wallet-home-trans-list .mc-wallet-list-body .wallet-name {
  font-size: .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: .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: .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: .2rem 1px;
  background: #ebebeb;
  color: #666262;
  border-radius: .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: .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: .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: .25rem .1rem .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: .15rem .12rem .15rem .15rem;
  padding-left: .2rem;
  height: 1.2rem;
  box-shadow: .02rem .02rem .1rem .03rem hsla(0, 0%, 91%, .9);
  border-radius: .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: .15rem .12rem .15rem .15rem;
  padding-left: .2rem;
  height: 1.2rem;
  box-shadow: .02rem .02rem .1rem .03rem hsla(0, 0%, 91%, .9);
  border-radius: .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, .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: .7rem;
  height: .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: .6rem;
  height: .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: .16rem;
}
.v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-list-body .wallet-name {
  font-size: .28rem;
  color: #5b5b5b;
}
.v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-list-body .wallet-balance {
  font-size: .24rem;
  color: #fb481f;
}
.v-detail-base #mc-my-wallet-root .mc-wallet-more {
  text-align: center;
  height: .6rem;
  line-height: .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: .3rem;
  justify-content: start;
  background-color: transparent;
}
.v-detail-base #mc-my-wallet-root .mc-wallet-more button svg {
  position: relative;
  top: .05rem;
  color: #3a86f7;
  width: .33rem;
  height: .33rem;
  margin-right: .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: .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: .3rem .4rem;
}
.v-detail-base .mc-popup-trans input {
  display: block;
  margin-top: .15rem;
  margin-bottom: .15rem;
  padding: 0 .2rem;
  width: 100%;
  height: 1rem;
  line-height: 1rem;
  font-size: .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 .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: .3rem .35rem .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: .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: .5rem;
  height: .5rem;
}
.v-detail-base #mc-my-wallet-root .mc-wallet-footer-body .am-icon-wallet-sample-1 {
  margin-right: .08rem;
}
.v-detail-base #mc-my-wallet-root .mc-wallet-footer-body .am-icon-wallet-sample-2 {
  margin-left: .08rem;
}
.v-detail-base #mc-my-wallet-root .mc-wallet-footer-body .am-icon-exchange {
  position: relative;
  bottom: .05rem;
  width: .33rem;
  height: .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: .5568rem;
  height: .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: .3rem;
}
.v-detail-base #mc-my-wallet-root .mc-wallet-home-trans-list .mc-wallet-list-body > .am-flexbox-item:first-child {
  width: .7rem;
  height: .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: .6rem;
  height: .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: .16rem;
}
.v-detail-base #mc-my-wallet-root .mc-wallet-home-trans-list .mc-wallet-list-body .wallet-name {
  font-size: .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: .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 .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: .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: .2rem .1rem;
  background: #ebebeb;
  color: #c4c4c4;
  border-radius: .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: .15rem .12rem .15rem .15rem;
  height: 1.2rem;
  box-shadow: .02rem .02rem .1rem .03rem hsla(0, 0%, 91%, .9);
  border-radius: .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, .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: .7rem;
  height: .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: .6rem;
  height: .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: .16rem;
}
.v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-list-body .wallet-name {
  font-size: .28rem;
  color: #5b5b5b;
}
.v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-list-body .wallet-balance {
  font-size: .24rem;
  color: #fb481f;
}
.v-detail-base #mc-my-wallet-root .mc-wallet-more {
  text-align: center;
  height: .6rem;
  line-height: .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: .3rem;
  justify-content: start;
  background-color: transparent;
}
.v-detail-base #mc-my-wallet-root .mc-wallet-more button svg {
  position: relative;
  top: .05rem;
  color: #3a86f7;
  width: .33rem;
  height: .33rem;
  margin-right: .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: .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: .8rem;
  line-height: .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: .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: .28rem;
  color: #484848;
  word-break: break-word;
  font-weight: 600;
  text-align: left;
}
.v-base .m-mc-notice-container .mc-notice-prev {
  width: .4rem;
  height: .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: .5rem;
  bottom: -.1rem;
}
.v-base .m-mc-notice-container .mc-notice-next {
  width: .4rem;
  height: .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: -.1rem;
}
.v-base .m-mc-notice-container .m-mc-notice-header {
  border-bottom: 1px solid #ddd;
  padding: .2rem .2rem .2rem .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: .5;
}
.v-base .m-mc-notice-container .mmnt-header {
  padding-right: .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: .4rem;
  right: .4rem;
  bottom: .2rem;
}
.v-base .m-mc-notice-container .mc-notice-time {
  margin-top: .2rem;
  color: #989898;
  font-size: .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: .24rem;
  padding: .2rem .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: .4rem;
  overflow: hidden;
  margin-top: .1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #989898;
  font-size: .26rem;
}
.v-base .m-mc-notice-container .m-mc-notice-title {
  font-size: .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: .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: .1rem;
}
.statis-container {
  margin: 0 .15rem;
  background-color: #fff;
  box-shadow: 0 0 .2rem 1px #e7e4e4;
  border-radius: .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: .55rem;
  width: .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: .4rem;
  padding: 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: .15rem;
}
.statis-container .statis-lin .unit-color {
  font-size: .32rem;
  font-weight: 500;
  color: #c5c5c5 !important;
  padding-left: .08rem;
}
.statis-container .statis-lin .red-count {
  color: #fc6e60;
  font-size: .3rem;
  font-weight: 700;
}
.statis-container .statis-lin .green-count {
  color: #59c68f;
  font-size: .3rem;
  font-weight: 700;
}
.statis-container .statis-lin .blue-count {
  color: #5e88ee;
  font-size: .3rem;
  font-weight: 700;
}
.statis-container .statis-lin .gray-count {
  color: #7a7a7a;
  font-size: .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: .7rem;
  line-height: .7rem;
  font-size: .3rem;
  margin: .12rem 0 .2rem;
  padding: 0 .2rem;
  overflow: auto;
}
.change-statis-wrap .statis-left {
  display: flex;
  flex-shrink: 0;
}
.change-statis-wrap .statis-left .btn-change {
  padding: 0 .5em;
  margin: 0 .1rem;
  border-radius: .3rem;
  color: #989898;
  background-color: #f1f1f1;
}
.change-statis-wrap .statis-left .btn-change-active {
  padding: 0 .5em;
  margin: 0 .1rem;
  border-radius: .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: .7rem;
}
.change-statis-wrap .statis-rigth .statis-time {
  padding: 0 .15rem;
  color: #fff;
  background-color: #308afa;
  box-shadow: 1px 1px .05rem 1px #308afa;
  border-radius: .5rem;
}
.statis-gameType-wrap {
  margin: .15rem 0;
  white-space: nowrap;
  overflow-y: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  font-size: .28rem;
}
.statis-gameType-wrap .active {
  background-color: #fef0ef !important;
  color: #6b6663 !important;
  border: 1px solid #fdd8e0 !important;
  box-shadow: -1px 0 .05rem #fdd8e0 !important;
}
.statis-gameType-wrap .btn-wrap {
  display: inline-block;
  border-radius: .35rem;
  margin: 0 .1rem;
  padding: .15rem .25rem;
  background-color: #f0f0f0;
  color: #c7c7c7;
}
.statis-gameType-wrap .btn-wrap i {
  display: inline-block;
  height: .2rem;
  width: .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 .1rem;
  height: .2rem;
  line-height: .2rem;
}
.overview-sum-wrapper {
  background-color: #fafafa;
  border-radius: .2rem;
  margin: .25rem .25rem 0;
}
.overview-sum-wrapper .sum-list-item {
  margin: 0 .31rem;
  display: flex;
  padding: .24rem 0 .23rem;
  border-bottom: 1px solid #ececec;
  font-size: .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 .25rem;
  position: relative;
}
.overview-statis-wrapper:after {
  background: url(https://www.ck444.pro/mobile/mc/overview-item.fcf2d392.png) no-repeat 50%/contain;
  width: 1.79rem;
  min-height: 1.03rem;
  position: absolute;
  content: "";
  top: -.1rem;
  right: .08rem;
}
.overview-statis-wrapper .overview-title {
  font-size: .26rem;
  font-weight: 700;
  color: #424242;
  text-align: left;
}
.overview-statis-wrapper .overview-title .count {
  padding-left: .06rem;
}
.overview-statis-wrapper .overview-select {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: .35rem;
}
.overview-statis-wrapper .overview-select .item-btn {
  flex: 0 0 24%;
  position: relative;
  margin-top: .2rem;
  border-radius: .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: .13rem;
  content: "";
  position: absolute;
  top: -.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: .13rem;
  content: "";
  position: absolute;
  top: -.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: .08rem;
  z-index: 1;
}
.overview-statis-wrapper .overview-select .item-content {
  padding: .15rem .3rem .3rem .38rem;
  display: flex;
  flex-direction: column;
  position: relative;
}
.overview-statis-wrapper .overview-select .item-content .count {
  font-size: .36rem;
  font-weight: 700;
  color: #424242;
  position: relative;
}
.overview-statis-wrapper .overview-select .item-content .count:before {
  position: absolute;
  content: "";
  width: .07rem;
  height: .14rem;
  border-radius: .04rem;
  left: -.2rem;
  top: 0;
  bottom: 0;
  margin: auto;
}
.overview-statis-wrapper .overview-select .item-content .item-title {
  font-size: .2rem;
  color: #646464;
  word-break: break-word;
  margin-top: .12rem;
}
.overview-chart {
  margin: .25rem;
  padding: .25rem .2rem;
  background-image:
    linear-gradient(
      0deg,
      #fff,
      #f8faff);
  border-radius: .16rem;
}
.overview-chart .chart-select-wrap {
  display: flex;
  background-color: #ecf0f6;
  border-radius: .3rem;
  min-height: .6rem;
  width: -webkit-max-content;
  width: max-content;
  max-width: 100%;
  align-items: stretch;
}
.overview-chart .chart-select-wrap .select-item {
  font-size: .26rem;
  font-weight: 500;
  margin: 0 .05rem;
  padding: .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: .12rem .38rem;
  min-height: .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: .25rem;
  color: #646464;
}
.overview-chart #container {
  height: 3.6rem !important;
  margin-top: .13rem;
}
.overview-chart #container canvas {
  padding: .1rem;
}
.overview-chart #container .g2-tooltip {
  box-shadow: 0 .03rem .07rem 0 rgba(70, 166, 255, .14) !important;
  border-radius: .1rem !important;
  color: #646464 !important;
  font-size: .22rem !important;
}
.overview-chart #container .g2-tooltip .g2-tooltip-value {
  float: inherit !important;
  margin-left: .14rem !important;
}
.overview-chart #container .g2-tooltip .tooltip-content {
  padding: .2rem 0;
  color: #646464;
  font-size: .22rem;
}
.overview-chart #container .g2-tooltip .tooltip-content .item-title .item-date {
  margin-right: .14rem;
}
.overview-chart #container .g2-tooltip .tooltip-content .item-value {
  margin-top: .11rem;
}
.mc-trans-filter {
  height: .77rem;
  padding-left: .15rem;
  padding-right: .15rem;
  border-bottom: 1px solid #ebebeb;
  box-shadow: 0 .02rem .05rem -1px rgba(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: .1rem;
  padding: 0 .1rem;
  min-width: 1rem;
  font-size: .24rem;
}
.mc-trans-filter .am-flexbox .am-flexbox-item {
  height: .77rem;
  line-height: .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: .1rem;
  line-height: .4rem;
}
.mc-popup-txtype .am-list .am-list-body {
  max-height: 5.4rem;
  overflow: auto;
}
.mc-popup-txtype .am-list-header {
  padding: .3rem 0 .18rem .3rem;
}
.mc-popup-txtype .am-list-header div {
  padding-right: .3rem;
  text-align: left;
}
.mc-popup-txtype .am-list .am-list-body .svg-icon-dice {
  position: relative;
  top: .06rem;
  width: .4rem;
  height: .4rem;
  margin-right: .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: .6rem;
  min-height: .6rem;
  padding-left: .1rem;
  padding-right: .1rem;
  border-radius: .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: .4rem;
}
.mc-team-filter .am-list-item.am-input-item .am-icon-xs {
  position: relative;
  top: .03rem;
  color: #1284d6;
}
.mc-trans-filter .chase-number {
  font-size: .26rem;
  color: #108ee9;
  height: 100%;
  display: flex;
  align-items: center;
  overflow-x: auto;
  padding: 0 .2rem;
}
.common-search-style {
  display: block;
}
.common-search-style .am-search-synthetic-ph {
  display: flex;
  padding-left: .1rem;
}
.common-search-style .am-search-synthetic-ph .am-search-synthetic-ph-container {
  margin-left: .1rem;
}
.common-search-style .am-search {
  border-radius: .4rem !important;
  background-color: #f5f5f5;
}
.common-search-style .am-search-input {
  border-radius: .4rem;
}
.common-search-style .am-search-cancel {
  display: none;
}
.mc-trans-filter .am-search {
  height: .6rem;
  padding: 0 .02rem;
  border-radius: .1rem;
}
.mc-trans-filter .am-search-synthetic-ph {
  padding-left: .02rem !important;
}
.mc-trans-filter .am-search-start .am-search-synthetic-ph {
  width: 2.5rem !important;
}
.mc-trans-filter .am-search-value {
  padding-left: .5rem !important;
}
.mc-trans-filter .am-search-cancel {
  padding: 0 .12rem;
  background: #108ee9;
  color: #fff;
  font-size: .26rem;
  border-radius: .1rem;
}
.sub-name-search {
  min-width: 65%;
  height: .6rem;
  min-height: .6rem;
  padding-left: .1rem;
  padding-right: .1rem;
  border-radius: .1rem;
  border: 1px solid #1284d6;
  position: relative;
  margin-left: .2rem;
}
.sub-name-search input {
  color: #000;
  height: .6rem;
  font-size: .34rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  padding: .04rem .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: .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: .24rem;
  font-weight: 500;
  white-space: nowrap;
}
.dropdown-wrapper.filter-overview-wrapper .filter-button svg {
  transform: rotate(-90deg);
  width: .3rem !important;
  height: .3rem !important;
  margin: 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: .28rem;
  z-index: 2;
}
.dropdown-wrapper.filter-overview-wrapper .seach-popup .search-wrapper .calendar-group {
  margin-top: .25rem;
}
.dropdown-wrapper.filter-overview-wrapper .seach-popup .search-wrapper .calendar-group .calendar-title {
  position: relative;
  color: #5b5b5b;
  font-size: .26rem;
  font-weight: 500;
  padding-bottom: .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: .24rem;
  display: flex;
  justify-content: space-between;
}
.dropdown-wrapper .mc-teamlist-filter .am-search {
  height: .64rem;
  min-height: .64rem;
  line-height: .64rem;
  border-radius: .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: .1rem;
}
.dropdown-wrapper .mc-teamlist-filter .am-search .am-search-synthetic-ph-placeholder {
  color: gray;
  font-size: .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: .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: .2rem;
  top: .16rem;
}
.dropdown-wrapper .mc-teamlist-filter .filter-button {
  position: relative;
  padding-right: .37rem;
  font-size: .26rem;
  color: #424242;
}
.dropdown-wrapper .mc-teamlist-filter .filter-button svg {
  position: absolute;
  width: .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, .4);
  z-index: -1;
  top: .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: .02rem .5rem .02rem .24rem;
  color: #5b5b5b;
}
.dropdown-wrapper .seach-popup .search-wrapper .search-wrap .list-item {
  margin-top: .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: .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: .24rem;
}
.dropdown-wrapper .seach-popup .search-wrapper .search-wrap .list-item .item-group {
  font-size: .26rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: -.14rem;
}
.dropdown-wrapper .seach-popup .search-wrapper .search-wrap .list-item .item-group .item-btn {
  border: .02rem solid #cdcdcd;
  border-radius: .08rem;
  width: 30%;
  min-height: .6rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: normal;
  padding: 0 .05rem;
  margin: .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: .02rem solid #ec2529;
  color: #ec2529;
  background-color: #fef4f4;
}
.dropdown-wrapper .seach-popup .search-wrapper .search-wrap .list-item .calendar-group.item-spacing {
  margin-top: .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: .02rem solid #cdcdcd;
  border-radius: .08rem;
  min-height: .6rem;
  font-size: .26rem;
  color: #aeaeae;
  padding: 0 .5rem 0 .16rem;
  line-height: normal;
  margin-bottom: .28rem;
  padding-right: 1.6rem;
}
.dropdown-wrapper .seach-popup .search-wrapper .search-wrap .list-item .calendar-group .calendar-default .am-icon-calendar {
  width: .32rem;
  height: .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 .5rem 0 .16rem;
  border-radius: .08rem;
  border: .02rem solid #cdcdcd;
  font-size: .24rem;
  color: #5b5b5b;
}
.dropdown-wrapper .seach-popup .search-wrapper .search-wrap .list-item .calendar-group .calendar-select .am-button-icon .am-icon-calendar {
  width: .32rem;
  height: .36rem;
  position: absolute;
  left: .16rem;
  top: 0;
  bottom: 0;
  margin: auto;
}
.dropdown-wrapper .seach-popup .search-wrapper .search-wrap .list-item .calendar-group .calendar-select .calendar-reset {
  width: .28rem;
  height: .28rem;
  border-radius: .14rem;
  background-color: #8c8c8c;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: .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: .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: .28rem 0 0;
  font-size: .28rem;
  align-items: center;
  height: .79rem;
  line-height: .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 .1rem;
}
.agent-container .go-team-bet {
  position: absolute;
  right: 0;
  font-size: .28rem;
  font-weight: 400;
}
.agent-container .go-team-bet svg {
  position: relative;
  top: -.08rem;
  fill: #5e88ee;
}
.agent-container .go-team-bet i {
  position: relative;
  top: -.12rem;
  margin-left: .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: .25rem;
  margin: 0 .2rem .48rem;
}
.agent-container .agent-body .h4-wrp {
  color: #5c5c5c;
  padding-left: .1rem;
  border-left: .1rem solid #ff0;
}
.agent-overview-wrapper {
  padding-bottom: .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: .09rem;
  display: flex;
  align-items: center;
}
.agent-overview-wrapper header .am-navbar .info svg {
  width: .33rem;
  height: .33rem;
}
#root .agent-container .am-whitespace-sm {
  height: .9rem;
}
.overview-info .info-top {
  font-size: .28rem;
  text-align: left;
  color: #616161;
}
.overview-info .info-down {
  background-color: #ffeded;
  border-radius: .1rem;
  padding: .09rem .08rem;
  color: #ff5b5b;
  font-size: .24rem;
  margin-top: .26rem;
  line-height: 1.42;
  text-align: left;
}
.profit-detail .pnl-container {
  padding: .35rem .25rem .58rem;
  position: fixed;
  background: #fff;
  z-index: 99999;
  width: 100%;
  bottom: 0;
  border-top-left-radius: .14rem;
  border-top-right-radius: .14rem;
  animation-name: detail-slideInUp;
  animation-duration: .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: .3rem;
  border-bottom: 1px solid #dbdbdb;
}
.profit-detail .pnl-container .modal-list-header .list-title .item-top {
  color: #424242;
  font-size: .34rem;
  font-weight: 700;
}
.profit-detail .pnl-container .modal-list-header .list-title .item-down {
  margin-top: .1rem;
  font-size: .26rem;
  color: #424242;
}
.profit-detail .pnl-container .modal-list-header .list-close {
  width: .5rem;
  height: .5rem;
  background-color: #ececec;
  border-radius: .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: .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: -.015rem;
  padding: 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: .05rem;
}
.profit-detail .pnl-container .swiper-pagination-bullets .swiper-pagination-bullet {
  width: .12rem;
  height: .12rem;
  margin: 0 .06rem;
}
.profit-detail .pnl-container .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #e60012;
}
.promotion-detail .pnl-container {
  padding: .35rem .25rem .58rem;
  position: fixed;
  background: #fff;
  z-index: 99999;
  width: 100%;
  bottom: 0;
  border-top-left-radius: .14rem;
  border-top-right-radius: .14rem;
  animation-name: detail-slideInUp;
  animation-duration: .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: .3rem;
  border-bottom: 1px solid #dbdbdb;
}
.promotion-detail .pnl-container .modal-list-header .list-title .item-top {
  color: #424242;
  font-size: .34rem;
  font-weight: 700;
}
.promotion-detail .pnl-container .modal-list-header .list-title .item-down {
  margin-top: .1rem;
  font-size: .26rem;
  color: #424242;
}
.promotion-detail .pnl-container .modal-list-header .list-close {
  width: .5rem;
  height: .5rem;
  background-color: #ececec;
  border-radius: .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: .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: .69rem;
}
.promotion-detail .pnl-container .pnl-table-list-container.profit-detail-list .pnl-table-list-left div.table-header-item {
  min-height: .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: .69rem;
  display: flex;
  align-items: center;
}
.promotion-detail .pnl-container .pnl-table-list-container .pnl-table-list div span {
  letter-spacing: -.01rem;
  padding: 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: .05rem;
}
.promotion-detail .pnl-container .swiper-pagination-bullets .swiper-pagination-bullet {
  width: .12rem;
  height: .12rem;
  margin: 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: .1rem;
}
.country-code .mc-country-code-input {
  flex: 0 0 35%;
  vertical-align: top;
  position: relative;
  border-radius: .15rem;
  height: 1.05rem;
  line-height: 1.05rem;
  background-color: #efefef;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 .2rem;
}
.country-code .mc-country-code-input img {
  width: .5rem;
  height: .5rem;
  position: relative;
  top: .14rem;
  margin-right: .1rem;
}
.country-code .mc-country-code-input span {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding-left: .1rem;
}
.country-code .mc-country-code-input:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: .15rem .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: .8rem;
  text-align: left;
}
.mc-country-list-container .close {
  position: absolute;
  right: .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: .6rem;
  height: .6rem;
  position: relative;
  margin-right: .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 .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% .2rem;
  padding: 0;
}
.fpb-sms {
  display: flex;
  margin: 0 5%;
  gap: .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% - .4rem);
  max-width: 2rem;
  padding: 0 .05rem;
}
.fpb-sms .sms-send.btn-gray {
  font-size: .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: -.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: .15rem 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: .15rem;
}
.fpb-sms-input .mc-country-code-input span {
  display: flex;
  align-items: center;
  height: 100%;
  gap: .1rem;
  justify-content: center;
}
.fpb-sms-input .mc-country-code-input span img {
  width: .6rem;
  height: .6rem;
}
.fpb-sms-input .mc-country-code-input .account-form {
  padding: 0 0 1em;
}
.custom-alert-no-mask {
  background-color: rgba(0, 0, 0, .4);
  width: 100%;
  height: calc(100% - 1.87rem);
  top: auto;
}
.search-bank {
  position: relative;
  height: 1.43rem;
  display: block;
  padding: 0 .2rem .2rem;
}
.search-bank svg {
  top: 45%;
  transform: translateY(-50%);
  left: .5rem;
  position: absolute;
  fill: #9e9e9e;
}
.search-bank input {
  color: #333;
  font-size: .32rem;
  border-radius: .15rem;
  padding: .29rem .34rem .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: .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;
}
.tcg-tips {
  position: relative;
  display: inline-block;
}
.tcg-tips div {
  background: rgba(0, 0, 0, .6);
  padding: .1rem;
  border-radius: .08rem;
  color: #fff;
  display: -webkit-box;
  word-break: break-word;
  max-width: calc(100% - .8rem);
  position: relative;
  max-height: .86rem;
  font-size: .26rem;
  line-height: .36rem;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-left: .8rem;
  text-overflow: ellipsis;
}
.tcg-tips > i {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: .15rem .14rem .15rem 0;
  border-color: transparent rgba(0, 0, 0, .6) transparent transparent;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: .66rem;
}
.tcg-tips img {
  width: .48rem;
  height: .48rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.null-dom {
  display: none;
}
.banks-wrapper .bank-title {
  color: #747474;
  font-size: .28rem;
  margin-bottom: .2rem;
}
.banks-wrapper .bank-list-wrap {
  max-height: 3.2rem;
  overflow-y: scroll;
  -webkit-overflow-scrolling: auto !important;
  margin-bottom: .3rem;
}
.banks-wrapper .bank-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.banks-wrapper .bank-list .bank-item {
  padding: .05rem;
  margin-right: .2rem;
  margin-bottom: .2rem;
  font-size: .28rem;
  justify-content: center;
  white-space: break-spaces;
  align-items: center;
  display: flex;
  width: 30%;
  min-height: .88rem;
  border-radius: .16rem;
  border: .02rem solid #e4e4e4;
  background-color: #fff;
}
.banks-wrapper .bank-list .bank-item.has-icon {
  height: .88rem;
}
.banks-wrapper .bank-list .bank-item:nth-child(3n) {
  margin-right: 0;
}
.banks-wrapper .bank-list .bank-item.bank-active {
  border: .02rem solid #ff3039;
  background-color: rgba(255, 48, 57, .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: .5rem;
}
.ewallet-group-wrapper .eWallet-type {
  border-radius: .16rem .16rem 0 0;
  border: .02rem solid rgba(0, 0, 0, .2);
  border-bottom: none;
  background: #fff;
  padding: .2rem .1rem 0;
}
.mc-code-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: calc(100% + .88rem);
  position: fixed;
  top: -.88rem;
  left: 0;
  z-index: 100011;
  background-color: rgba(0, 0, 0, .7);
  font-size: .28rem;
}
.mc-code-box input {
  height: .7rem;
  padding: .5em;
  border: .02rem solid #ccc;
  border-radius: .1rem;
  color: #a1a1a1;
}
.mc-code-box .submit {
  height: .7rem;
  line-height: .7rem;
  font-size: .28rem;
}
.mc-code-box .title {
  text-align: center;
  margin-bottom: 1em;
}
.mc-code-box .code-form {
  background: #fff;
  padding: .2rem .4rem;
  border-radius: .14rem;
  width: 80vw;
}
.mc-code-box .form-group {
  margin-bottom: .15rem;
  position: relative;
  min-height: auto;
}
.mc-code-box .send-code {
  position: absolute;
  top: 50%;
  right: .16rem;
  transform: translateY(-50%);
  padding: .1rem .05rem;
  font-size: .24rem;
  min-width: 1rem;
  max-width: 2rem;
  text-align: center;
}
.mc-code-box .send-code.btn-gray {
  font-size: .2rem;
}
.mc-code-box .input-group {
  position: relative;
  width: 100%;
  margin-top: .3rem;
}
.mc-code-box .input-group label {
  position: absolute;
  top: -.3rem;
  left: 0;
  color: #757575;
  font-size: .24rem;
}
.mc-code-box .mc-country-code-input {
  width: auto;
  height: .7rem;
  padding-right: .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: .1rem;
}
.mc-code-box .mc-country-code-input:after {
  right: .04rem;
}
.mc-code-box .code-tip {
  color: red;
  font-size: .28rem;
  word-break: break-word;
  line-height: normal;
  margin: .1rem 0 .2rem;
}
.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: .31rem;
  font-family: initial;
  top: 50%;
  left: .4rem;
}
.kyc-required-label.bir {
  left: -.55rem;
}
.vc-content {
  padding: .2rem;
}
.vc-content .vc-title {
  color: #fd4020;
  padding: .1rem .2rem .48rem;
}
.vc-content .up-load-negative,
.vc-content .up-load-positive,
.vc-content .up-load-selfie {
  min-height: 4.1rem;
  padding: .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: .44rem;
  height: .44rem;
  position: absolute;
  bottom: .5rem;
  right: 1.2rem;
  border-radius: 50%;
  background-color: rgba(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: .3rem;
  height: .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: .5rem;
  border-radius: 50%;
  display: inline-block;
  bottom: .5rem;
  width: .44rem;
  border: .02rem solid #fff;
  height: .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: .24rem;
  height: .24rem;
  display: inline-block;
  background: url(https://www.ck444.pro/mobile/mc/del.c2cf57e9.png);
  background-size: .24rem .24rem;
  margin-top: .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: .7rem;
}
.vc-content .up-load-negative .camera p,
.vc-content .up-load-positive .camera p,
.vc-content .up-load-selfie .camera p {
  margin-top: .6rem;
  color: #646464;
  font-size: .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, .3);
  display: inline-block;
  border-radius: 50%;
  padding: .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: .84rem;
  height: .67rem;
  margin-top: .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(https://www.ck444.pro/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: .5rem;
  background: url(https://www.ck444.pro/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: .5rem;
}
.vc-content .ver-btn p {
  text-align: center;
  color: #a9a9a9;
  font-size: .28rem;
  padding: .3rem 0;
}
.vc-alert {
  background-color: #e40112;
  color: #fff;
  padding: .24rem .36rem .2rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: .32rem;
  gap: .3rem;
  box-shadow: 0 0 .1rem 1px #9d9a9a;
}
.vc-alert svg {
  min-width: .3rem;
  height: .3rem;
}
.vrification-loading {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 999;
}
.vrification-loading .vrification-title {
  height: 6.6rem;
  background: url(https://www.ck444.pro/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(https://www.ck444.pro/mobile/mc/ring_1.660aceca.png),
    url(https://www.ck444.pro/mobile/mc/ring_2.178f26e2.png),
    url(https://www.ck444.pro/mobile/mc/ing.7305a8f3.png);
  background-size:
    100% auto,
    1.4rem auto,
    .22rem auto;
  background-repeat:
    no-repeat,
    no-repeat,
    no-repeat;
  background-position:
    0 0,
    .26rem .16rem,
    center .5rem;
  position: relative;
  margin-top: .28rem;
}
.vrification-loading .vrification-title .vrification-ring span {
  position: absolute;
  left: 50%;
  bottom: 1rem;
  transform: translateX(-50%);
  color: #fff;
  font-size: .28rem;
}
.vrification-loading .vrification-loading-content {
  margin-top: -2rem;
  padding: .3rem;
  text-align: center;
}
.vrification-loading .vrification-loading-content p {
  padding: .3rem 0 .6rem;
  font-size: .34rem;
  line-height: 1.4;
  color: #646464;
}
.vrification-loading .vrification-loading-content p span {
  font-size: .28rem;
  color: #3789f9;
}
.vrification-loading img {
  width: 100%;
}
.cpf-container {
  position: relative;
}
.cpf-container .vc-content-cpf .remain-limit {
  margin-bottom: .15rem;
}
.cpf-container .vc-content-cpf .remain-limit b {
  color: red;
}
.cpf-container .vc-content-cpf .ver-btn {
  margin: 0 .35rem;
}
.cpf-container .vc-content-cpf .ver-tip {
  margin: .2rem .35rem;
  color: #e4393c;
  font-size: .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: .11rem;
}
.cpf-container .cpf-number-container .mc-account-list .cpf-input {
  padding: 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: .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: .14rem;
  font-weight: 400;
  bottom: 0;
  left: .05rem;
}
.cpf-container .cpf-number-container .cpf-error {
  margin-bottom: .31rem;
  color: #fd2f2f;
  text-align: center;
  font-size: .26rem;
  font-weight: 900;
}
.cpf-container .captcha-form {
  margin-top: .3rem;
}
.cpf-container .captcha-form .fixed-list {
  display: flex;
}
.cpf-container .captcha-form .fixed-list input {
  margin-right: .1rem;
}
.cpf-container .captcha-form .fixed-list .cpf-captcha {
  border-radius: .15rem;
}
.cpf-container .captcha-form .fixed-list .captcha {
  padding-left: .2rem;
}
.cpf-container .account-form-group {
  margin-top: .3rem;
}
.cpf-container .account-form {
  margin: 0 .35rem;
  padding: .4rem 0;
}
.cpf-container .account-form .payee-name {
  position: relative;
  margin-top: .3rem;
}
.cpf-container .account-form .account-icon {
  z-index: 10;
}
.kyc-container .captcha-form {
  margin-top: .3rem;
}
.kyc-container .captcha-form .fixed-list {
  display: flex;
}
.kyc-container .captcha-form .fixed-list input {
  margin-right: .1rem;
}
.kyc-container .captcha-form .fixed-list .cpf-captcha {
  border-radius: .15rem;
}
.kyc-container .captcha-form .fixed-list .captcha {
  padding-left: .2rem;
}
.kyc-container .account-form-group {
  margin-bottom: .2rem;
}
.kyc-container .account-icon {
  z-index: 1;
}
.kyc-container .mc-date-input {
  margin-bottom: .3rem;
}
.kyc-container .vc-alert {
  min-height: .8rem;
  border-radius: .04rem;
  background: #ffebeb;
  color: #ff454a;
  padding: .24rem .36rem .2rem .08rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: .26rem;
  gap: .3rem;
  margin-bottom: .3rem;
  box-shadow: none;
}
.kyc-container .vc-content {
  padding: 0;
  margin: .25rem 0 .5rem;
}
.kyc-container .vc-upload {
  margin: 0 .94rem;
}
.kyc-container .image-icon {
  text-align: center;
  display: inline-block;
  margin-top: .7rem;
}
.kyc-container .image-icon p {
  margin-bottom: .1rem;
  font-size: .24rem;
  font-style: normal;
  font-weight: 400;
  color: hsla(0, 0%, 46%, .4);
}
.kyc-container .image-icon span {
  display: inline-block;
  border-radius: 50%;
  background-color: transparent;
  width: .94rem;
  height: .89rem;
}
.kyc-container .image-icon span img {
  width: .94rem;
  height: .89rem;
  margin-top: .06rem;
}
.kyc-container .up-load-selfie,
.kyc-container .upload-block {
  min-height: 3.53rem;
  display: block;
  border-radius: .31194rem;
  border: .02rem dashed hsla(0, 0%, 46%, .4);
  background: #fff;
  box-shadow: 0 .08319rem .24956rem 0 rgba(0, 0, 0, .07);
}
.kyc-container .ver-btn {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  width: 100%;
  margin: 1rem 0;
  padding: 0 .2rem;
}
.kyc-container .last-step {
  color: #ff454a;
  border-radius: .06rem;
  border: 1px solid #ff454a;
  margin-bottom: .2rem;
}
.kyc-container .am-button {
  flex: 1 1 0%;
}
.kyc-container p {
  width: 100%;
}
.panel-default {
  margin: .1rem 0;
}
.panel-default strong {
  color: #ff1a55;
  line-height: 1.5;
  font-weight: 400;
}
.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 .16rem rgba(243, 83, 10, .6) !important;
}
.region-list .popUps-list-item {
  margin-bottom: 0;
  padding-bottom: 0;
}
.region-list .popUps-list-item.disabled {
  background-color: #d8d8d8;
  opacity: .3;
}
.account-form {
  padding: 0 5% 1em;
}
.account-form .code-tip {
  color: red;
  font-size: .28rem;
  word-break: break-word;
  line-height: normal;
  margin: .1rem 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: .3rem;
}
.account-form .account-form-group.required input::-webkit-input-placeholder {
  padding-left: .2rem;
}
.account-form .account-form-group.required input::placeholder {
  padding-left: .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: .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 .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 - .02rem);
  height: 1.05rem;
  border-top-right-radius: .15rem;
  border-bottom-right-radius: .15rem;
  width: calc(100% - .95rem);
  line-height: 1.05rem !important;
  background: #efefef;
  position: absolute;
  z-index: 1;
  padding: 0 .25rem 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: .02rem;
  left: .85rem;
  transform: translate(35%, -50%);
  border: 1px solid #949494;
}
.account-form svg.txt-svg {
  position: absolute;
  top: .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: .5rem;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: .44rem;
  height: .44rem;
}
.account-form .inputSelect .inputBase {
  padding: 0 1rem;
}
.account-form .add-picker {
  border: .03rem solid #ccc;
}
.account-form input {
  padding-left: 3em;
  padding-right: .25rem;
  height: 1.05rem;
  background-color: #efefef;
  outline: none;
  color: #333;
  border: .03rem solid transparent;
  border-radius: .15rem;
  vertical-align: middle;
  transition: all .15s ease-in;
  position: relative;
}
.account-form input::-webkit-input-placeholder {
  font-size: .31rem;
  color: #a1a1a1 !important;
}
.account-form input::placeholder {
  font-size: .31rem;
  color: #a1a1a1 !important;
}
.account-form input:focus {
  outline: none;
  border-color: #3879d9;
  box-shadow: inset 0 1px .02rem rgba(0, 0, 0, .075), 0 0 .05rem rgba(81, 167, 232, .5);
}
.account-form .account-errors strong {
  color: #e4393c;
  font-size: .31rem;
  line-height: .5rem;
  font-weight: 400;
}
.account-form .account-btn {
  border: 1px solid #efefef;
  border-radius: .1rem;
  width: 100%;
}
.account-form .hide-data {
  position: absolute;
  width: calc(100% - .9rem);
  background: #efefef;
  display: inline-block;
  font-family: sans-serif;
  color: #757575;
  left: .93rem;
  padding-left: .03rem;
  padding-right: .25rem;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 1rem;
  line-height: 1rem;
  border-top-right-radius: .15rem;
  border-bottom-right-radius: .15rem;
  pointer-events: none;
  z-index: 9;
  overflow: hidden;
}
.account-form .hide-data-svg:before {
  content: "";
  width: .92rem;
  height: .99rem;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  display: inline-block;
  background: #efefef;
  z-index: 8;
  left: .02rem;
  border-top-left-radius: .15rem;
  border-bottom-left-radius: .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: .95rem;
}
.account-form .disabled-data .hide-data {
  width: calc(100% - .92rem);
}
.account-form .account-tip .tip-title {
  color: #49a3f6;
  font-size: .32rem;
  font-weight: 400;
  margin-top: .02rem;
}
.account-form .account-tip .tip-content {
  margin: .27rem 0;
  color: #757575;
  font-size: .24rem;
  font-weight: 400;
}
.common-input.account-form-group .require-icon {
  top: 60%;
  left: .4rem;
}
.identify-process {
  padding-top: .24rem;
  padding-bottom: .49rem;
  min-height: 1.16rem;
  position: relative;
  display: flex;
  flex-direction: row;
  gap: 1.03rem;
  align-items: center;
  justify-content: center;
  font-size: .22rem;
  font-weight: 500;
  color: #c9c9c9;
}
.identify-process:after {
  top: .39rem;
  position: absolute;
  display: block;
  content: "";
  width: 2.04rem;
  border: 1px solid #c9c9c9;
}
.identify-process .process-icon {
  width: .36rem;
  height: .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(https://www.ck444.pro/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: .8s;
  animation-fill-mode: forwards;
  animation-iteration-count: 3;
  background: transparent;
  width: .36rem;
  height: .36rem;
  background-image: url(https://www.ck444.pro/mobile/mc/target-icon.14e0e56e.png);
  background-size: contain;
}
.identify-process .process-item.isDeny .process-icon {
  background: transparent;
  width: .36rem;
  height: .36rem;
  background-image: url(https://www.ck444.pro/mobile/mc/deny-icon.71e8f5fd.png);
  background-size: contain;
}
.identify-process .process-item .process-content {
  display: flex;
  justify-content: center;
  align-items: center;
  height: .62rem;
}
.identify-process .process-item .process-icon {
  background: #c9c9c9;
  width: .36rem;
  height: .36rem;
  border-radius: 50%;
  display: block;
}
.status-container {
  height: 100vh;
  align-items: center;
  justify-content: flex-start;
  padding: 1.2rem .4rem;
  gap: .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(https://www.ck444.pro/mobile/mc/status-page-v.49852d02.png);
}
.status-container .status-image.status_P {
  background-image: url(https://www.ck444.pro/mobile/mc/status-page-p.4f1ddef8.png);
}
.status-container .status-image.status_R {
  background-image: url(https://www.ck444.pro/mobile/mc/status-page-r.93898257.png);
}
.status-container .status-title {
  text-align: center;
  color: #48484e;
  font-size: .48rem;
  font-weight: 600;
}
.status-container .status-sub-title {
  color: #48484e;
  font-size: .32rem;
  font-weight: 500;
}
@keyframes target-icon {
  0% {
    transform: scale(1.1);
  }
  50% {
    transform: scale(.9);
  }
  to {
    transform: scale(1);
  }
}
.verification-info-page .vc-alert {
  min-height: .8rem;
  border-radius: .04rem;
  background: #ffebeb;
  color: #ff454a;
  padding: .24rem .36rem .2rem .08rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: .26rem;
  gap: .3rem;
  margin-bottom: .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: .3rem .6rem;
  flex: 1 1 0%;
}
.accelerate-wrapper .accelerate-content-wrapper .intergallery {
  display: flex;
  justify-content: center;
  align-items: center;
  border: .02rem dashed hsla(0, 0%, 46%, .4);
  min-height: 3rem;
  position: relative;
  border-radius: .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%, .4);
  font-size: .27rem;
  align-items: center;
  padding: 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: .15rem;
  display: block;
  max-height: 2.58rem;
  max-width: 100%;
  object-fit: contain;
  margin-top: .1rem;
}
.accelerate-wrapper .accelerate-content-wrapper .show-img {
  position: relative;
  max-width: calc(100% - .57rem);
}
.accelerate-wrapper .accelerate-content-wrapper .show-img svg {
  width: .46rem;
  height: .46rem;
  top: -.2rem;
  right: -.2rem;
  position: absolute;
}
.accelerate-wrapper .accelerate-content-wrapper .remark-item {
  margin-top: .3rem;
  display: flex;
  flex-direction: column;
  gap: .3rem;
}
.accelerate-wrapper .accelerate-content-wrapper .remark-item .item-title {
  color: #333;
  font-size: .28rem;
  text-align: left;
}
.accelerate-wrapper .accelerate-content-wrapper .remark-item .remark-textarea {
  padding: .23rem .28rem;
  border-radius: .2rem;
  border: 1.6px solid rgba(58, 106, 211, 0);
  background: #efefef;
  min-height: 3rem;
  font-size: .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 .6rem .45rem;
  display: flex;
  flex-direction: column;
  gap: .3rem;
}
.accelerate-wrapper .accelerate-content-footer .footer-tip {
  color: #999;
  font-size: .26rem;
  text-align: center;
}
.accelerate-wrapper .accelerate-content-footer .submit-button {
  border-radius: .15rem;
  background:
    linear-gradient(
      270deg,
      #ff3a3e,
      #ff1e30);
  box-shadow: 0 .1rem .2rem 0 rgba(255, 0, 16, .4);
  height: .94rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: .36rem;
  border: none;
}
.accelerate-wrapper .accelerate-content-footer .submit-button.am-button-disabled {
  background: #c9c9c9;
  box-shadow: 0 .04rem .08rem 0 hsla(0, 0%, 71%, .3);
  color: #fff;
}
.tabPane-tips {
  width: 100%;
  height: .9rem;
  line-height: .9rem;
  display: flex;
}
.tabPane-tips a {
  margin: .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: .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: .57rem;
  border: .02rem solid #eeeeef;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: .3rem;
}
.tabPane-tips a:first-child {
  margin-left: .35rem;
}
.tabPane-span {
  font-size: .28rem;
}
.other {
  margin-bottom: .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: .8rem;
  line-height: .8rem;
  position: relative;
  width: 100%;
}
.people_svg {
  float: left;
  width: 25%;
  position: relative;
}
.card-header div:first-child {
  height: 100%;
  float: left;
  font-size: .32rem;
  font-weight: 700;
}
.card-header .time {
  margin-right: .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: .7rem;
  width: 100%;
  line-height: .7rem;
  padding-left: .2rem;
}
.card-body p span {
  float: left;
  width: 35%;
}
.card-body p span:first-child {
  width: 60%;
  margin-right: .1rem;
}
.card-footer {
  min-height: .8rem;
  height: 1.8rem;
  margin-top: .1rem;
}
.card-footer ul {
  padding-left: .2rem;
  height: 100%;
  width: 100%;
  display: flex;
}
.card-footer ul li {
  float: left;
  width: 40%;
  height: .4rem;
  text-align: center;
  line-height: .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: .32rem;
}
.am-tabs-tabpane-active .records-footer {
  position: fixed;
  width: 100%;
  bottom: 0;
  background: #fff;
  border-top: 1px solid #dedede;
  height: .75rem;
  padding-bottom: .3rem;
  line-height: .75rem;
  font-size: .31rem;
  font-weight: 700;
  padding-left: .5rem;
  z-index: 9999;
}
.records-footer span:last-child {
  float: right;
  margin-right: 1rem;
}
.baseLine {
  height: 2rem;
  line-height: 1.5rem;
  font-size: .32rem;
  color: #979797;
  text-align: center;
  padding-bottom: 1rem;
}
.hrLine {
  vertical-align: middle;
  display: inline-block;
}
.hrLine.one {
  width: 1.5rem;
  margin-right: .15rem;
}
.hrLine.two {
  width: 1.5rem;
  margin-left: .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: .1rem;
  fill: #999;
}
.vou-record-item .am-card {
  border: none;
  border-bottom: .02rem solid #dedede;
}
.vou-record-item .am-card .am-card-body {
  padding: .38rem .32rem .24rem;
}
.vou-record-item .am-card .am-card-body .card-body {
  border-radius: .2rem;
}
.vou-record-item .am-card .am-card-body .card-footer {
  margin-top: .2rem;
}
.vou-record-item .card-header-wrapper {
  display: flex;
  flex-direction: column;
}
.vou-record-item .card-header-wrapper .card-header {
  height: auto;
  min-height: .4rem;
  line-height: normal;
  margin-bottom: .15rem;
  gap: .15rem;
}
.vou-record-item .card-header-wrapper .card-header .card-header-span {
  font-size: .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: .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: .36rem;
}
.vou-record-item .card-header-wrapper .header-bottom .acceleration-btn {
  height: .6rem;
  padding: 0 .33rem;
  border-radius: .54rem;
  background: #108ee9;
  box-shadow: 0 .04rem .08rem 0 rgba(16, 142, 233, .3);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: .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 .04rem .08rem 0 hsla(0, 0%, 71%, .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: .15rem;
}
.tabPane-tips a:first-child {
  margin-left: .35rem;
}
.tabPane-span {
  font-size: .28rem;
}
.filter-tabPane-btn {
  color: #108ee9;
  display: inline-block;
  height: .6rem;
  line-height: .6rem;
  margin: 0 .1rem;
  border-radius: .1rem;
  white-space: nowrap;
  padding: 0 .2rem;
  border: 1px solid #108ee9;
}
.popUp-span {
  position: absolute;
  right: -.03rem;
  top: -.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: .02rem solid #dedede;
  border-top: none;
}
.mc-trans-record-container.voucher .card-footer li {
  height: auto;
  min-height: .4rem;
}
.tabPane-tips.voucher-report-tab .am-flexbox.am-flexbox-align-middle {
  justify-content: space-between;
  height: 100%;
  padding: 0 .3rem;
  gap: .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: .75rem;
  padding-bottom: .3rem;
  line-height: .75rem;
  font-size: .31rem;
  font-weight: 700;
  padding-left: .5rem;
  z-index: 9999;
}
.show {
  display: block;
}
.hide {
  display: none !important;
}
.records-footer span:last-child {
  float: right;
  margin-right: 1rem;
}
.baseLine {
  height: 2rem;
  line-height: 1.5rem;
  font-size: .32rem;
  color: #979797;
  text-align: center;
  padding-bottom: 1rem;
}
.hrLine {
  vertical-align: middle;
  display: inline-block;
}
.hrLine.one {
  width: 1.5rem;
  margin-right: .15rem;
}
.hrLine.two {
  width: 1.5rem;
  margin-left: .15rem;
}
.records-root .remark {
  margin: 0 .5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 65%;
}
.widthMoney {
  color: #f7472c;
}
.widthId,
.widthMoney {
  font-size: .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: .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: .38rem .32rem;
}
.withdraw-detail-list .records-root .am-card-body .card-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: .36rem;
  line-height: normal;
  align-items: center;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  gap: .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: .32rem;
  height: .32rem;
  padding-right: .1rem;
  background: url(https://www.ck444.pro/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(https://www.ck444.pro/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(https://www.ck444.pro/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: .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: .28rem;
  font-weight: 400;
  color: #333;
}
.withdraw-detail-list .records-root .am-card-body .card-body {
  display: flex;
  flex-direction: column;
  border-radius: .2rem;
  background: #f6f6f6;
  padding: 0 .2rem;
}
.withdraw-detail-list .records-root .am-card-body .card-body .card-item {
  display: flex;
  align-items: center;
  color: #333;
  font-size: .28rem;
  min-height: .7rem;
  gap: .1rem;
}
.withdraw-detail-list .records-root .am-card-body .card-body .card-item.show-remark {
  background: #000;
  color: #fff;
  padding: .1rem;
  white-space: pre-wrap;
  line-height: 1.4;
  border-radius: .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: .2rem;
  display: flex;
  justify-content: space-between;
  min-height: 0;
  height: auto;
  gap: .1rem;
}
.withdraw-detail-list .records-root .am-card-body .card-footer .card-item {
  display: flex;
  flex-direction: column;
  gap: .1rem;
  font-size: .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: .32rem;
  font-weight: 400;
}
.records-root {
  font-size: .32rem;
  margin-bottom: .3rem;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
}
.record-time {
  left: 0 !important;
  margin: .1rem;
  right: .2rem;
}
.record-time .am-popover-inner-wrapper {
  background: #000;
  padding: .1rem;
  color: #fff;
}
.record-time .am-popover-arrow {
  background: #000;
}
.records-list-root .time {
  font-size: .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: .1rem;
  position: absolute;
  white-space: pre-wrap;
  display: none;
  left: 0 !important;
  line-height: 1.4;
  border-radius: .1rem;
  z-index: 888;
  margin: .1rem;
  right: .2rem;
}
.records-item-header {
  padding: .14rem .4rem;
  height: .7rem;
  line-height: .7rem;
  background: #fff;
}
.am-icon-coin-yen {
  position: relative;
  top: .08rem;
  margin-right: .15rem;
  color: #3a86f7;
}
.records-item-content {
  font-size: .28rem;
  background: rgba(0, 0, 0, .05);
}
.records-list-root .line {
  height: .8rem;
  line-height: .8rem;
  padding: 0 .4rem;
  font-size: .25rem;
}
.records-list-root .line-large {
  height: 1rem;
  margin-top: .1rem;
  padding: 0 .4rem;
}
.records-list-root .line-large .am-flexbox {
  line-height: .45rem;
}
.withdraw-report .records-footer {
  height: .8rem;
  position: fixed;
  bottom: 0;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 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: .9rem;
  border-bottom: .02rem solid #ebebeb;
  background: #f0f0f0;
  box-shadow: none;
}
.withdraw-report .am-flexbox.am-flexbox-align-middle.mc-trans-filter .am-button-small {
  margin-right: .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 .15rem;
  margin-bottom: .3rem;
  border-radius: .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: .32rem;
  line-height: .35rem;
  letter-spacing: .02rem;
  text-align: center;
  padding-right: .3rem;
}
.banner .money {
  font-size: .56rem;
  color: #fa8866;
  background-color: #fff;
  width: 77%;
  height: 100%;
  flex: 0 0 77%;
  line-height: 1.5rem;
  text-align: right;
  padding: 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, .96) 0, #c529ff 20%, #b42dff 100%);
  background: -webkit-linear-gradient(top, rgba(210, 84, 255, .96), #c529ff 20%, #b42dff);
  background:
    linear-gradient(
      180deg,
      rgba(210, 84, 255, .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: .05rem;
  letter-spacing: 0;
  font-size: .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: .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: .12rem .2rem .2rem;
  border-radius: .2rem;
}
.grid-title {
  padding-left: .3rem;
  color: gray;
  font-size: .3rem;
  position: relative;
  padding-bottom: .3rem;
}
.grid-title:after {
  content: "";
  position: absolute;
  width: .1rem;
  background: #23e63a;
  left: 0;
  top: .02rem;
  height: .3rem;
}
.grid-content {
  background: #f5f5f5;
  padding: .3rem .2rem;
}
.grid-header {
  padding-bottom: .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: .24rem;
  vertical-align: middle;
  color: #a6a6a6;
  line-height: 1;
}
.agentDivident .searchTwo {
  width: 100%;
  height: 1rem;
  background: #e9e9e9;
  margin-top: -.15rem;
  overflow: hidden;
}
.agentDivident .propsBox {
  margin: .15rem .1rem;
  line-height: 1rem;
  height: 100%;
  display: flex;
}
.agentDivident .propsBox > * {
  flex-shrink: 1;
  flex-grow: 1;
}
.propsBox a {
  float: left;
  margin-top: .12rem;
}
.searchTwo a {
  padding: 0 .03rem;
}
.searchTwo a:first-child {
  margin-right: .15rem;
}
.searchTwo a:nth-child(2) {
  margin-right: .15rem;
}
.searchTwo a:last-child {
  margin-left: .15rem;
  white-space: nowrap;
}
.agentDivident .tabPane-span {
  font-size: .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: .18rem;
  margin-left: .11rem;
}
.card-box {
  margin: .1rem .15rem;
  margin-top: .2rem;
}
.card-box .card-header-people {
  width: .5rem;
  height: .5rem;
  margin-right: .1rem;
}
.card-box .card-text {
  position: absolute;
  top: -.1rem;
  font-size: .3rem;
}
.card-details {
  margin-bottom: .3rem;
}
.card-box .card-header div:last-child {
  margin-top: -.1rem;
}
.card-box .card-body.downline_divide_body {
  height: auto;
  line-height: normal;
  min-height: .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: .1rem;
}
.card-box .card-header div.lastDiv {
  width: 48%;
  margin-top: -.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: .2rem;
  margin-right: .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: .95rem;
  line-height: .95rem;
}
.agentDivident .tips {
  font-size: .32rem;
  text-align: center;
  font-weight: 600;
  margin-top: .15rem;
}
.dividendAmount {
  color: #f6573a;
}
.dividendAmount,
.rate {
  font-weight: 700;
  font-size: .33rem;
}
.rate {
  color: #23deb8;
}
.agentDivident .searchThere {
  margin: .1rem .15rem 0 .12rem;
}
.agentDivident .switch-box {
  color: #636363;
  font-size: .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 .2rem;
}
.agentDivident .switch-box span.agrg-downline-cname {
  line-height: .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: .28rem;
  color: #7c7c7c;
}
.contract .am-card {
  min-height: auto;
  padding-bottom: 0;
}
.contract .am-card .am-card-body {
  padding: .15rem .1rem .08rem;
}
.contract .card-header {
  display: flex;
  justify-content: space-between;
  gap: .1rem;
}
.contract .card-header .card-header-people {
  width: .5rem;
  height: .5rem;
  color: #46bcf2;
  margin-right: .1rem;
}
.contract .card-header .people_svg {
  float: none;
  display: flex;
  align-items: center;
  width: 35%;
}
.contract .card-text {
  flex: 1 1 0%;
  font-size: .33rem;
}
.agentDivident .startContract {
  color: #2f68f8;
  font-size: .33rem;
  z-index: 10;
}
.agentDivident .startContract a {
  display: block;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.contractHeader {
  position: relative;
  font-size: .4rem;
  font-weight: 700;
  color: #202020;
  margin-bottom: .25rem;
  margin-top: .25rem;
}
.contractPeople {
  position: absolute;
  left: .03rem;
  top: 0;
  color: #46bcf2;
}
.contractText {
  display: inline-block;
  padding-left: .5rem;
  word-break: break-word;
}
.contractCross {
  position: absolute;
  right: .03rem;
  top: -.05rem;
}
.contract-tips {
  color: red;
  font-size: .31rem;
  margin-top: .3rem;
  font-weight: 500;
  margin-bottom: .25rem;
  margin-left: .25rem;
}
.popup-header {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: .26rem;
  padding: .1rem 0;
  font-weight: 700;
  text-align: center;
}
.popup-header span {
  min-height: .58rem;
}
.popup-container {
  white-space: nowrap;
  font-size: .26rem;
  text-align: left;
}
.list-popup-container,
.popup-container {
  width: 100%;
  height: 1rem;
  padding: .1rem 0;
  line-height: .8rem;
  font-weight: 700;
  background: #fff;
}
.list-popup-container {
  font-size: .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 .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 .1rem;
  vertical-align: top;
  height: .5rem;
  outline: none;
  padding: 0 .1rem;
  text-align: left;
  border: none;
  background: #eee;
  color: #868686;
  border-radius: .2rem;
}
.popup-container input[name=activeMember],
.popup-container input[name=contractRate] {
  width: 15%;
}
.dividend-tips {
  position: relative;
  height: .75rem;
}
.table-container .dividend-tips .arrow-top {
  width: 0;
  height: 0;
  border-left: .17rem dashed transparent;
  border-right: .17rem dashed transparent;
  border-bottom: .15rem solid #108ee9;
  position: absolute;
  top: 0;
  right: 17%;
}
.table-container .dividend-tips .new-tips {
  top: .14rem;
}
.popup-container input:focus {
  outline: none;
  border: .03rem solid #3879d9;
}
.card-details.contract .spantime {
  width: 65%;
  margin-right: .3rem;
}
.card-details.contract .spandetails {
  width: unset;
  color: #108ee9;
  position: relative;
  float: right;
  z-index: 10;
  margin-right: .5rem;
}
.popup-header span {
  display: inline-block;
  width: 1.78rem;
  height: 100%;
  padding: .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: .85rem;
}
.searchTwo .popup-list {
  min-height: 8rem;
  background: #f6f6f6;
}
.devidend-add-icon {
  position: relative;
  margin: 0;
  width: 12%;
  padding-left: .1rem;
  display: inline-block;
  height: 100%;
}
.devidend-add-icon svg {
  position: absolute;
  margin-left: .25rem;
}
.popup-list .addTerms {
  text-align: center;
  font-size: .36rem;
  font-weight: 700;
  color: #2f68f8;
  margin-bottom: .5rem;
}
.popup-list .addTermsBody {
  background: #f8f8fc;
  border-top: 1px solid #ccc;
  padding-top: .2rem;
}
.popup-list .addTermsBody .list {
  position: relative;
}
.popup-list .addTermsBody input {
  background: #f1f1f1;
  margin-bottom: .3rem;
  border-radius: .1rem;
  outline: none;
}
.popup-list .addTermsBody .list span {
  position: absolute;
  bottom: .02rem;
  left: .05rem;
  color: red;
  font-weight: 700;
  font-size: .32rem;
}
.poplist-footer {
  padding-top: .2rem;
  padding-bottom: 1rem;
  width: 100%;
  bottom: 0;
}
.poplist-footer > a {
  width: 40%;
  margin: 0 .1rem;
}
.sigin-footer > a {
  margin: 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: .28rem;
  font-weight: 700;
}
.card-details .card-header div.endContract {
  flex: 1 1 0%;
  color: #0a98f8;
  font-size: .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: .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: .2rem;
  margin-right: .2rem;
}
.card-details.contract .card-body {
  border-bottom: 0;
}
.card-details.contract .protocolDetails {
  min-height: .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: .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: .31rem;
}
.status-arrowDown {
  vertical-align: sub;
  margin-right: .05rem;
  width: .29rem;
  height: .29rem;
  position: absolute;
  top: .18rem;
}
.divident-list-item {
  position: relative;
}
.divident-list-item span {
  display: inline-block;
  width: 1.6rem;
  margin: 0 .1rem;
  position: relative;
}
.divident-list-item span svg {
  top: -.3rem !important;
}
.divident-list-item .line {
  display: inline-block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: .005rem;
  width: 90%;
  background: #e7ebee;
  bottom: 0;
}
.downline-item-toot {
  padding: .2rem .4rem;
  background: #fff;
  margin-top: .2rem;
}
.downline-item-toot .user-info .user-name {
  margin-left: .2rem;
  font-weight: 600;
}
.downline-item-toot .user-info .user-icon {
  color: #46bcf2;
}
.downline-item-toot .start_contract {
  color: #108ee9;
  font-size: .3rem;
}
.div-over {
  margin-top: 20%;
}
.data-container {
  height: 6.5rem;
  overflow: hidden;
  overflow-y: scroll;
}
.none-div {
  position: absolute;
  top: .92rem;
  left: 0;
  background: #d0e7e8;
  width: 100%;
  font-size: .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: .62rem;
  border-radius: .62rem;
  background: #e5e5e5;
  z-index: 0;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.popup-list {
  overflow-x: scroll;
  white-space: nowrap;
  max-height: 50vh;
  background: #fff;
}
.mc-switch .checkbox:before {
  content: " ";
  position: absolute;
  left: .03rem;
  top: .03rem;
  width: .96rem;
  height: .56rem;
  border-radius: .56rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  z-index: 1;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.mc-switch .checkbox:after {
  content: " ";
  height: .56rem;
  width: .56rem;
  border-radius: .56rem;
  background: #fff;
  position: absolute;
  z-index: 2;
  left: .03rem;
  top: .03rem;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  -webkit-box-shadow: .04rem .04rem .08rem rgba(0, 0, 0, .21);
  box-shadow: .04rem .04rem .08rem rgba(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(.4rem);
  -ms-transform: translateX(.4rem);
  transform: translateX(.4rem);
}
.mc-switch input[type=checkbox]:disabled + .checkbox {
  opacity: .3;
}
.mc-switch.mc-switch-android .checkbox {
  width: 1.44rem;
  height: .46rem;
  border-radius: .06rem;
  background: #a7aaa6;
}
.mc-switch.mc-switch-android .checkbox:before {
  display: none;
}
.mc-switch.mc-switch-android .checkbox:after {
  width: .7rem;
  height: .42rem;
  border-radius: .04rem;
  -webkit-box-shadow: none;
  box-shadow: none;
  left: .02rem;
  top: .02rem;
}
.mc-switch .checkbox.on:after {
  left: .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(.7rem);
  -ms-transform: translateX(.7rem);
  transform: translateX(.7rem);
}
.mc-checkbox {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: .42rem;
  height: .42rem;
}
.mc-checkbox-inner {
  position: absolute;
  right: 0;
  width: .42rem;
  height: .42rem;
  border: .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: .03rem;
  right: .12rem;
  z-index: 999;
  width: .1rem;
  height: .22rem;
  border-style: solid;
  border-width: 0 .03rem .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: .3rem;
}
.agrg-downline-up {
  background: #fff;
  padding: 0 .45rem;
  overflow: hidden;
}
.agrg-downline-top {
  display: flex;
  height: .7rem;
  overflow: hidden;
  margin: .1rem 0;
}
.agrg-downline-title {
  color: #000;
  line-height: .7rem;
  float: left;
}
.agrg-downline-type {
  display: inline-block;
  height: .62rem;
  font-size: .3rem;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  padding-left: .1rem;
}
.agrg-downline-type .mc-switch {
  margin: 0 .25rem;
  float: left;
}
.agrg-downline-cname {
  color: #666;
  line-height: .62rem;
  float: left;
}
.agrg-downline-input {
  width: 100%;
  height: 1.04rem;
  margin: .2rem 0;
  background-color: #efefef;
  border-radius: .15rem;
  line-height: 1.04rem;
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.agrg-downline-input input:focus {
  outline: none;
  border: .02rem solid #3879d9;
  box-shadow: inset 0 1px .02rem rgba(0, 0, 0, .075), 0 0 .05rem rgba(81, 167, 232, .5);
}
.agrg-downline-input input {
  border: 0 none;
  background: none;
  border-radius: .15rem;
  width: 100%;
  height: 100%;
  padding: 0 .25rem;
}
.agrgic-downline-select {
  display: block;
  width: .86rem;
  background: #3b79f3;
  line-height: 0;
  padding: .3rem .21rem;
  position: absolute;
  right: 0;
  top: 0;
}
.agrg-downline-sub {
  margin: .1rem .45rem;
  background: #eb4641 !important;
  color: #fff !important;
  border-radius: .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: .04rem;
  margin-left: .06rem;
  width: .3rem;
  height: .3rem;
}
.dg-tips {
  position: absolute;
  color: #fff;
  border-radius: .1rem;
  background: rgba(0, 0, 0, .8);
  padding: .1rem;
  margin-top: .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: .1rem .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: .64rem;
  padding-left: .23rem;
  color: #646464;
  width: 75vw;
  border: none;
  border-radius: .08rem;
}
.item-more-popup.change-contract-wrapper .am-popup-slide-up .team-more-modal .modal-list-content .list-form .list-label {
  padding-left: .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: .8rem;
  width: 75vw;
  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: .1rem .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: .17rem dashed transparent;
  border-right: .17rem dashed transparent;
  border-bottom: .15rem solid #108ee9;
  top: -.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 .3rem .2rem;
  padding-bottom: calc(.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: .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: .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: .15rem;
  text-align: left;
}
.mc-agent-total .select {
  display: flex;
  justify-content: space-between;
  font-size: .24rem;
}
.mc-agent-total .select > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: .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: .5rem;
  padding: 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: .18rem;
  margin-left: .06rem;
}
.mc-agent-total .bill-content,
.mc-agent-total .header-wrapper {
  background-color: #fff;
  padding: .26rem .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: .26rem;
}
.mc-agent-total .header-wrapper:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: .1rem;
  background-color: #f2f2f27f;
}
.contract-list-wrapper .auto-fill-btn {
  margin-bottom: .2rem;
}
.dividend-list {
  padding-top: .2rem;
}
.dividend-list li.team-list .title {
  word-break: keep-all;
  text-align: left;
  width: inherit;
}
.dividend-list .dl-content p {
  margin: 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: .1rem;
}
.dividend-list .show-icon {
  position: absolute;
  left: -.4rem;
  display: block;
  width: .22rem;
  height: .22rem;
}
.dividend-list .show-icon.unfold {
  background: url(https://www.ck444.pro/mobile/mc/unfold.93430f5d.png);
  background-size: 100% 100%;
}
.dividend-list .show-icon.fold {
  background: url(https://www.ck444.pro/mobile/mc/fold.8bc00bc5.png);
  background-size: 100% 100%;
}
.dividend-list .mark-info {
  position: absolute;
  right: .06rem;
  background: #514d62;
  bottom: .56rem;
  border-radius: .08rem;
  color: #fff;
  padding: .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: -.16rem;
  right: .1rem;
  border: .08rem solid transparent;
  border-top-color: #464358;
  opacity: .95;
}
.dividend-list ul.show-more {
  background-color: #fafafa;
  max-height: 10rem;
  transition: max-height .25s;
}
.dividend-list ul.hide-more {
  max-height: 0;
  overflow: hidden;
  transition: max-height .25s;
}
.dividend-list li {
  display: flex;
  color: #424242;
  justify-content: space-between;
  height: .65rem;
  align-items: center;
  border-bottom: 1px solid #ececec;
  font-size: .24rem;
  position: relative;
  padding-left: .6rem;
}
.dividend-list li p {
  font-weight: 700;
  margin-top: .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: .36rem;
  height: .65rem;
}
.dividend-list li.team-list.dividend-service-fee .title-text:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: .26rem;
  height: .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: .1rem;
  font-size: 0;
  padding: .2rem;
  margin-top: .2rem;
}
.dividend-list-more .link-desc {
  text-decoration: underline;
}
.dividend-list-more > div {
  color: #626262;
  margin-bottom: .2rem;
  display: inline-block;
  width: 50%;
  font-size: .28rem;
}
.dividend-list-more > div p {
  font-size: .3rem;
  margin-top: .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: .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: .9rem;
  bottom: unset;
  min-width: 3rem;
  text-align: center;
}
.dividend-header .calculation {
  min-width: 1.48rem;
  height: .41rem;
  line-height: .41rem;
  padding-left: .47rem;
  padding-right: .16rem;
  background-color: #e66e27;
  background-size: .24rem .24rem;
  color: #fff;
  border-radius: 0 0 .16rem .16rem;
  position: absolute;
  left: 1rem;
  font-size: .22rem;
  background-image: url(https://www.ck444.pro/mobile/mc/dividend_time.e562c6b9.png);
  background-repeat: no-repeat;
  background-position: .16rem .09rem;
}
.dividend-header img {
  position: absolute;
  top: -.38rem;
  width: .99rem;
  left: .05rem;
}
.dividend-header .dividend-detail {
  position: absolute;
  right: .2rem;
  top: .2rem;
  font-size: .22rem;
  color: #e66e27;
  padding: 0 .1rem;
  display: inline-block;
  line-height: .34rem;
  text-align: center;
  border-radius: .17rem;
  z-index: 10;
}
.dividend-header .dividend-detail svg {
  display: block;
  width: .34rem;
  height: .34rem;
}
.dividend-header .profit-detail-table {
  color: #5b5b5b;
  display: flex;
  border-bottom-left-radius: .2rem;
  border-bottom-right-radius: .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: .8rem;
}
.dividend-header .profit-detail-table.one-game-type > ul.detail li {
  padding-right: .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: .8rem;
}
.dividend-header .profit-detail-table.product-cost li,
.dividend-header .profit-detail-table.product-cost td {
  line-height: .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: .24rem;
  line-height: .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: .8rem;
  position: relative;
  line-height: unset;
  border-right: 1px solid #dbdbdb;
}
.dividend-header .profit-detail-table.bank-summary > ul li span {
  position: absolute;
  left: .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: .8rem;
  height: .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: .56rem;
  line-height: .56rem;
  font-size: .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: .24rem;
}
.dividend-header .profit-detail-table td {
  padding-top: .2rem;
  padding-bottom: .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: .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: .66rem;
}
.dividend-header .profit-detail-table thead {
  background-color: rgba(230, 111, 38, .08);
}
.dividend-header .profit-detail-table thead th {
  height: 1.32rem;
  border: .02rem solid #fff;
}
.dividend-header .profit-detail-table tbody {
  background-color: rgba(230, 111, 38, .16);
}
.dividend-header .profit-detail-table tbody tr {
  height: .66rem;
}
.dividend-header .profit-detail-table tbody tr td {
  text-align: center;
  border: .02rem solid #fff;
  flex-grow: 1;
}
.dividend-header .profit-detail-table tbody tr:nth-child(odd) {
  background-color: rgba(230, 111, 38, .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: .2rem;
}
.dividend-header .profit-detail-table tbody tr:last-child td:first-child {
  border-bottom-left-radius: .2rem;
}
.dividend-header .dividend-header-content {
  position: relative;
  height: 100%;
  display: flex;
  font-size: .24rem;
}
.dividend-header .dividend-header-content .dividend-info {
  width: 20%;
  height: 50%;
  transform: rotate(180deg);
  position: absolute;
  right: .2rem;
  bottom: .1rem;
}
.dividend-header .dividend-header-content .dividend-info svg {
  transform: rotate(0deg);
  width: .34rem;
  height: .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: .33rem;
  padding-right: .24rem;
  justify-content: center;
  font-size: .26rem;
  margin-top: .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: .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: .24rem;
  font-weight: 500;
  position: relative;
}
.dividend-header .dividend-header-content .info span {
  margin-left: .2rem;
}
.dividend-header .dividend-header-content .info div {
  padding: 0 0 0 .31rem;
  margin-top: .7rem;
  border-left: 1px solid #fff;
  min-height: 1.03rem;
  display: flex;
  justify-content: center;
  width: 100%;
  margin-bottom: .3rem;
}
.dividend-header .dividend-header-content .info div > ul:first-child {
  margin-right: .2rem;
}
.dividend-header .dividend-header-content .info div li {
  margin-bottom: .03rem;
}
.dividend-header .dividend-header-content .title {
  font-size: .26rem;
  height: .6rem;
}
.dividend-header .dividend-header-content tbody {
  width: 100%;
}
.dividend-header .dividend-header-content table {
  display: flex;
  align-items: center;
}
.vendor-list {
  font-size: .24rem;
  padding: .26rem 0;
  color: #979797;
}
.is-down-line {
  margin-top: .3rem;
}
.agentDivident .am-tabs .am-tabs-bar {
  text-align: center;
}
.agentDivident .myDividend {
  background: #fff;
}
.agentDivident .myDividend .name-filter {
  background-color: #fff;
  padding: .24rem .3rem .14rem;
  display: flex;
  justify-content: flex-end;
}
.agentDivident .myDividend .name-filter .searchOne {
  margin: 0;
  color: #ec2529;
  font-size: .26rem;
  display: flex;
  align-items: center;
}
.agentDivident .myDividend .name-filter .name-search {
  display: inline-block;
  width: 2.83rem;
  height: .6rem;
  margin-right: .24rem;
  border: 1px solid #f6f6f6;
  border-radius: .32rem;
  position: relative;
}
.agentDivident .myDividend .name-filter .name-search input {
  border-radius: .32rem;
  padding-left: .78rem;
  font-size: .22rem;
  border: none;
  color: #000;
  height: 100%;
  background-color: hsla(0, 0%, 95%, .4980392157);
}
.agentDivident .myDividend .name-filter .name-search svg {
  position: absolute;
  left: .28rem;
  top: 50%;
  transform: translateY(-50%);
  width: .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: .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: .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: .14rem .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: .38rem .26rem .7rem;
  position: relative;
}
.dividend-info-detail-popup .dividend-title,
.product-cost-popup .dividend-title,
.profit-detail-popup .dividend-title {
  font-size: .34rem;
  font-weight: 700;
  color: #333;
  padding-bottom: .3rem;
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: .38rem;
  padding-right: .6rem;
}
.dividend-info-detail-popup .dividend-title span,
.product-cost-popup .dividend-title span,
.profit-detail-popup .dividend-title span {
  font-size: .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: .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: .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: .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: .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: .24rem;
  line-height: .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: .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: .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: .8rem;
  padding: 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: .56rem;
  line-height: .56rem;
  font-size: .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(https://www.ck444.pro/mobile/mc/close.5a5a60c6.png);
  background-size: .33rem .33rem;
  background-repeat: no-repeat;
  background-color: #ececec;
  background-position: 50%;
  width: .5rem;
  height: .5rem;
  position: absolute;
  top: .24rem;
  right: .25rem;
  border-radius: 50%;
}
.dividend-info-detail-popup table,
.product-cost-popup table,
.profit-detail-popup table {
  font-size: .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 .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: .56rem;
  line-height: .56rem;
}
.dividend-info-detail-popup table td,
.product-cost-popup table td,
.profit-detail-popup table td {
  padding-right: .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: .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: .5rem;
}
.dividend-info-detail-popup tr th:last-child {
  padding-right: .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: .24rem;
  margin-top: .33rem;
  max-height: 3.5rem;
  overflow-y: scroll;
}
.dividend-info-detail-popup .dividend-detail-bottom .active-member-wrap .list-title {
  color: #979797;
  font-size: .28rem;
  font-weight: 500;
}
.dividend-info-detail-popup .dividend-detail-bottom .active-member-wrap .list-table {
  display: flex;
  flex-direction: column;
  font-size: .24rem;
  color: #616161;
  text-align: center;
  width: 100%;
  border: 1px solid #dbdbdb;
  margin: .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: .56rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dividend-info-detail-popup .dividend-detail-bottom p {
  margin-bottom: .25rem;
  font-size: .24rem;
  font-weight: 500;
  color: #616161;
  line-height: .35rem;
  position: relative;
}
.dividend-info-detail-popup .dividend-detail-bottom p i {
  border-radius: 50%;
  display: inline-block;
  width: .08rem;
  height: .08rem;
  background-color: #818181;
  margin-right: .13rem;
  position: relative;
  top: -.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: .08rem;
}
.profit-detail-container .swiper-pagination {
  width: 80% !important;
}
.profit-detail-container th {
  height: .8rem !important;
  line-height: unset !important;
  position: relative;
}
.profit-detail-container th span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: .24rem;
  line-height: .24rem;
}
.profit-detail-container ul > li:first-child {
  height: .8rem !important;
}
.product-cost-container ul > li:first-child {
  height: .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: .24rem;
  line-height: .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: .14rem .14rem 0 0;
}
.jackpot-detail-popup .am-popup .am-popup-body {
  padding: .38rem .26rem .7rem;
  position: relative;
}
.jackpot-detail-popup .dividend-title {
  font-size: .34rem;
  font-weight: 700;
  color: #333;
  padding-bottom: .3rem;
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: .38rem;
}
.jackpot-detail-popup .dividend-title span {
  font-size: .26rem;
  font-weight: 400;
}
.jackpot-detail-popup .close {
  background-image: url(https://www.ck444.pro/mobile/mc/close.5a5a60c6.png);
  background-size: .33rem .33rem;
  background-repeat: no-repeat;
  background-color: #ececec;
  background-position: 50%;
  width: .5rem;
  height: .5rem;
  position: absolute;
  top: .24rem;
  right: .25rem;
  border-radius: 50%;
}
.jackpot-detail-popup table {
  font-size: .24rem;
  width: 100%;
  table-layout: fixed;
}
.jackpot-detail-popup table tfoot tr,
.jackpot-detail-popup table thead tr {
  height: .56rem;
  word-break: break-word;
}
.jackpot-detail-popup table tbody tr {
  height: .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 .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: .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: .72rem;
  height: .72rem;
}
.dividend-income-detail .dividend-income-header .info-icon {
  fill: #fff;
  width: .4rem;
  margin-left: .1rem;
}
.dividend-income-detail .dividend-income-header .item-name {
  justify-content: center;
  align-items: center;
  font-size: .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: .15rem 0;
}
.dividend-income-detail .self-detail-content .dl-container {
  background: #fff;
  padding: .1rem 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: .24rem;
  margin: .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: .4rem;
  height: .3rem;
  margin-left: .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: .05rem;
  width: 100%;
  padding: .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 .05rem;
  font-size: .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: .24rem;
  color: #a6a6a6;
}
.dividend-income-detail .self-detail-content .searchName {
  display: flex;
  align-items: center;
  padding: 0 .45rem;
  font-weight: 700;
  font-size: .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: .15rem .1rem;
}
.dividend-income-detail .self-detail-content .info-container.direct {
  background: transparent;
}
.dividend-income-detail .self-detail-content .info-container .info-item {
  padding: .1rem .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: .24rem;
  color: #a6a6a6;
  text-align: left;
}
.dividend-income-detail .self-detail-content .info-container .info-item p {
  font-size: .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: .2rem .45rem;
  font-size: .34rem;
  font-weight: 700;
  color: #333;
  border-bottom: 1px solid #dbdbdb;
}
.dividend-income-detail .dividend-title span {
  font-size: .26rem;
  font-weight: 400;
}
.agentDivident {
  background: #e9e9e9;
  width: 100%;
  height: 100%;
}
.agentDivident .banner {
  margin-bottom: .25rem;
}
.agentDivident .searchOne {
  display: inline-block;
  width: auto;
}
.agentDivident .searchOne .am-button-icon {
  padding: 0 .2rem;
}
.agentDivident .am-tabs-bar .am-tabs-tab {
  background: none;
}
.checkBlock {
  margin: .1rem .15rem;
  text-align: center;
  height: .85rem;
  line-height: .85rem;
  color: #4c84f8;
}
.checkBlock p {
  position: relative;
  overflow: hidden;
}
.checkBlock p span {
  font-size: .42rem;
}
.checkIcon {
  vertical-align: sub;
  margin-right: .1rem;
}
.searchDiv {
  width: 30%;
  text-align: center;
  margin: .15rem .1rem;
  margin-left: .2rem;
}
.div_badge {
  font-size: .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: .32rem;
  padding: .2rem;
}
.myRebate ul {
  font-size: 0;
  padding: .1rem;
}
.myRebate ul li {
  display: inline-block;
  width: 33%;
  vertical-align: top;
  font-size: .28rem;
  padding: .1rem;
}
.myRebate ul li > div {
  min-height: 1.5rem;
  border-radius: .2rem;
  background: #fff;
  box-shadow: .12rem .09rem .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: .26rem;
}
.myRebate ul li > div div {
  color: #666;
}
.myRebate ul li > div p {
  color: #4c84f8;
  font-weight: 700;
  margin-top: .1rem;
  font-size: .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: .3rem 0;
  font-size: .31rem;
  padding: .35rem .5rem;
  font-weight: 700;
  letter-spacing: .05rem;
}
.start-contract-root .contract-select {
  padding: .25rem 0;
  margin: 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: .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: .8rem;
}
.start-contract-root .contract-tbody > div {
  text-align: center;
  line-height: .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: .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: .2rem;
}
.start-contract-root.div .rule-con {
  margin: .1rem;
  margin-left: .3rem;
}
.start-contract-root.div .rule-con p {
  margin-top: .25rem;
  height: .45rem;
  line-height: .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: .2rem;
  font-weight: 600;
}
.downline-item-toot .user-info .user-icon {
  color: #46bcf2;
}
.downline-item-toot .action-sign {
  color: #108ee9;
  font-size: .3rem;
  max-width: 60%;
  word-break: break-word;
}
.singd-downline-item-toot {
  padding: 0 .4rem;
  background: #fff;
}
.singd-downline-item-toot .user-info .user-name {
  margin-left: .2rem;
}
.singd-downline-item-toot .user-info .user-icon {
  color: #46bcf2;
}
.sign-operation {
  width: auto;
  height: 100%;
}
.sign-operation > span {
  color: #108ee9;
  padding: .2rem .1rem;
}
.sign-salary-root:not(.CN) .sign-operation > span {
  font-size: .24rem;
  text-align: center;
}
.sign-operation > i {
  display: inline-block;
  height: .3rem;
  width: 1px;
  background: #747474;
}
.singd-downline-info {
  padding: .3rem .5rem;
  font-size: .3rem;
  background: #fcfcfc;
}
.singd-downline-info .more-info {
  color: #108ee9;
  display: flex;
  align-items: center;
}
.singd-downline-info .more-info .double-arrow {
  width: .4rem;
  height: .4rem;
  position: relative;
}
.translate-arrow {
  transform: rotateX(180deg);
}
.sign-salary-root {
  margin-bottom: .35rem;
}
.sign-salary-root .singd-details {
  width: 100%;
  padding: 0 .3rem;
}
.sign-salary-root .singd-details thead tr td {
  text-align: center;
  padding: .2rem 0;
  background: #f6f5fb;
  color: #a5a4a7;
}
.sign-salary-root .singd-details tbody {
  padding: .1rem 0;
}
.sign-salary-root .singd-details tbody tr td {
  text-align: center;
  padding: .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: .2rem;
}
.contract-history .user-info .user-title {
  margin-left: .2rem;
  font-size: .4rem;
}
.contract-history tr {
  text-align: center;
}
.contract-history td {
  background: #f8f7fc;
}
.contract-history .history-thead {
  border-bottom: 1px solid #dedde2;
  font-size: .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: .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: .8rem;
}
.contract-history .close-history {
  margin: .4rem;
}
.salary-history-details {
  background: #fcfcfc;
  margin-bottom: .4rem;
}
.salary-history-details .history-header {
  padding: 0 .4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  height: .8rem;
}
.salary-history-details .history-header .history-header-people {
  color: #108ee9;
}
.salary-history-details .history-header .history-text {
  margin-left: .15rem;
}
.salary-history-details .history-header .user-info {
  display: flex;
  align-items: center;
}
.salary-history-details .history-body {
  padding: 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: .1rem;
  color: #f74637;
  font-weight: 700;
}
.salary-history-container .downAnimating {
  justify-content: center;
  padding-bottom: .4rem;
}
.salary-history-container .upAnimating {
  justify-content: center;
  padding: .3rem 0;
}
.salary-history-container .top-tip {
  position: absolute;
  top: -.4rem;
  left: 0;
  z-index: 1;
  width: 100%;
  height: .4rem;
  line-height: .4rem;
  text-align: center;
  font-size: .28rem;
  color: #000;
  opacity: .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 .15rem;
  margin-bottom: .3rem;
  border-radius: .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: .32rem;
  line-height: .35rem;
  letter-spacing: .02rem;
  text-align: center;
  padding-right: .3rem;
}
.agentSalary.VI .banner .title {
  flex: 0 0 28%;
}
.agentSalary.VI .banner .money {
  flex: 0 0 72%;
}
.banner .money {
  font-size: .56rem;
  color: #fa8866;
  background-color: #fff;
  width: 77%;
  height: 100%;
  flex: 0 0 77%;
  line-height: 1.5rem;
  text-align: right;
  padding: 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: .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: .1rem;
  background-color: #fff;
  box-shadow: .023em .03rem .1rem rgba(0, 0, 0, .1);
}
.block .text {
  font-size: .24rem;
}
.block .text .value {
  font-size: .64rem;
}
.block .text .title {
  font-size: .28rem;
}
.block .icon {
  height: 100%;
  line-height: 2.2rem;
}
.block .icon svg {
  width: .88rem;
  height: .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: .8rem 0;
  box-shadow: .023em .03rem .1rem rgba(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: .5rem;
}
.salary_info tbody tr td {
  line-height: .8rem;
  text-align: center;
  color: #76777b;
  background: #fff;
  border: 1px solid #ededed;
}
.agentSalary .am-tabs-bar {
  padding: 0;
}
.searchOne {
  width: 2rem;
  margin-left: .15rem;
  margin-right: .15rem;
  margin-bottom: .2rem;
}
.downline-item-toot .user-info .user-name {
  margin-left: .2rem;
  font-weight: 600;
}
.downline-item-toot .user-info .user-icon {
  color: #46bcf2;
}
.downline-item-toot .action-sign {
  color: #108ee9;
  font-size: .3rem;
  max-width: 60%;
  word-break: break-word;
}
.singd-downline-item-toot {
  padding: 0 .4rem;
  background: #fff;
}
.singd-downline-item-toot .user-info .user-name {
  margin-left: .2rem;
}
.singd-downline-item-toot .user-info .user-icon {
  color: #46bcf2;
}
.sign-operation {
  width: auto;
  height: 100%;
}
.sign-operation > span {
  color: #108ee9;
  padding: .2rem .1rem;
}
.sign-salary-root:not(.CN) .sign-operation > span {
  font-size: .24rem;
  text-align: center;
}
.sign-operation > i {
  display: inline-block;
  height: .3rem;
  width: 1px;
  background: #747474;
}
.singd-downline-info {
  padding: .3rem .5rem;
  font-size: .3rem;
  background: #fcfcfc;
}
.singd-downline-info .more-info {
  color: #108ee9;
  display: flex;
  align-items: center;
}
.singd-downline-info .more-info .double-arrow {
  width: .4rem;
  height: .4rem;
  position: relative;
}
.translate-arrow {
  transform: rotateX(180deg);
}
.sign-salary-root {
  margin-bottom: .35rem;
}
.sign-salary-root .singd-details {
  width: 100%;
  padding: 0 .3rem;
}
.sign-salary-root .singd-details thead tr td {
  text-align: center;
  padding: .2rem 0;
  background: #f6f5fb;
  color: #a5a4a7;
}
.sign-salary-root .singd-details tbody {
  padding: .1rem 0;
}
.sign-salary-root .singd-details tbody tr td {
  text-align: center;
  padding: .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: .2rem;
}
.contract-history .user-info .user-title {
  margin-left: .2rem;
  font-size: .4rem;
}
.contract-history tr {
  text-align: center;
}
.contract-history td {
  background: #f8f7fc;
}
.contract-history .history-thead {
  border-bottom: 1px solid #dedde2;
  font-size: .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: .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: .8rem;
}
.contract-history .close-history {
  margin: .4rem;
}
.salary-history-details {
  background: #fcfcfc;
  margin-bottom: .4rem;
}
.salary-history-details .history-header {
  padding: 0 .4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  height: .8rem;
}
.salary-history-details .history-header .history-header-people {
  color: #108ee9;
}
.salary-history-details .history-header .history-text {
  margin-left: .15rem;
}
.salary-history-details .history-header .user-info {
  display: flex;
  align-items: center;
}
.salary-history-details .history-body {
  padding: 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: .1rem;
  color: #f74637;
  font-weight: 700;
}
.real-time-card .history-body > div {
  padding: .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: .28rem;
}
.salary-history-container .downAnimating {
  justify-content: center;
  padding-bottom: .4rem;
}
.salary-history-container .upAnimating {
  justify-content: center;
  padding: .3rem 0;
}
.salary-history-container .top-tip {
  position: absolute;
  top: -.4rem;
  left: 0;
  z-index: 1;
  width: 100%;
  height: .4rem;
  line-height: .4rem;
  text-align: center;
  font-size: .28rem;
  color: #000;
  opacity: .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 .15rem;
  margin-bottom: .3rem;
  border-radius: .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: .32rem;
  line-height: .35rem;
  letter-spacing: .02rem;
  text-align: center;
  padding-right: .3rem;
}
.agentSalary.VI .banner .title {
  flex: 0 0 28%;
}
.agentSalary.VI .banner .money {
  flex: 0 0 72%;
}
.banner .money {
  font-size: .56rem;
  color: #fa8866;
  background-color: #fff;
  width: 77%;
  height: 100%;
  flex: 0 0 77%;
  line-height: 1.5rem;
  text-align: right;
  padding: 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: .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: .1rem;
  background-color: #fff;
  box-shadow: .023em .03rem .1rem rgba(0, 0, 0, .1);
}
.block .text {
  font-size: .24rem;
}
.block .text .value {
  font-size: .64rem;
}
.block .text .title {
  font-size: .28rem;
}
.block .icon {
  height: 100%;
  line-height: 2.2rem;
}
.block .icon svg {
  width: .88rem;
  height: .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: .8rem 0;
  box-shadow: .023em .03rem .1rem rgba(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: .5rem;
}
.salary_info tbody tr td {
  line-height: .8rem;
  text-align: center;
  color: #76777b;
  background: #fff;
  border: 1px solid #ededed;
}
.agentSalary .am-tabs-bar {
  padding: 0;
}
.searchOne {
  width: 2rem;
  margin-left: .15rem;
  margin-right: .15rem;
  margin-bottom: .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: .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: .2rem;
  font-weight: 600;
}
.downline-item-toot .user-info .user-icon {
  color: #46bcf2;
}
.downline-item-toot .action-sign {
  color: #108ee9;
  font-size: .3rem;
  max-width: 60%;
  word-break: break-word;
}
.singd-downline-item-toot {
  padding: 0 .4rem;
  background: #fff;
}
.singd-downline-item-toot .user-info .user-name {
  margin-left: .2rem;
}
.singd-downline-item-toot .user-info .user-icon {
  color: #46bcf2;
}
.sign-operation {
  width: auto;
  height: 100%;
}
.sign-operation > span {
  color: #108ee9;
  padding: .2rem .1rem;
}
.sign-salary-root:not(.CN) .sign-operation > span {
  font-size: .24rem;
  text-align: center;
}
.sign-operation > i {
  display: inline-block;
  height: .3rem;
  width: 1px;
  background: #747474;
}
.singd-downline-info {
  padding: .3rem .5rem;
  font-size: .3rem;
  background: #fcfcfc;
}
.singd-downline-info .more-info {
  color: #108ee9;
  display: flex;
  align-items: center;
}
.singd-downline-info .more-info .double-arrow {
  width: .4rem;
  height: .4rem;
  position: relative;
}
.translate-arrow {
  transform: rotateX(180deg);
}
.sign-salary-root {
  margin-bottom: .35rem;
}
.sign-salary-root .singd-details {
  width: 100%;
  padding: 0 .3rem;
}
.sign-salary-root .singd-details thead tr td {
  text-align: center;
  padding: .2rem 0;
  background: #f6f5fb;
  color: #a5a4a7;
}
.sign-salary-root .singd-details tbody {
  padding: .1rem 0;
}
.sign-salary-root .singd-details tbody tr td {
  text-align: center;
  padding: .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: .2rem;
}
.contract-history .user-info .user-title {
  margin-left: .2rem;
  font-size: .4rem;
}
.contract-history tr {
  text-align: center;
}
.contract-history td {
  background: #f8f7fc;
}
.contract-history .history-thead {
  border-bottom: 1px solid #dedde2;
  font-size: .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: .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: .8rem;
}
.contract-history .close-history {
  margin: .4rem;
}
.lott-record-container {
  background: #fff;
}
.salary-history-details {
  background: #fcfcfc;
  margin-bottom: .4rem;
}
.salary-history-details .history-header {
  padding: 0 .4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  height: .8rem;
}
.salary-history-details .history-header .history-header-people {
  color: #108ee9;
}
.salary-history-details .history-header .history-text {
  margin-left: .15rem;
}
.salary-history-details .history-header .user-info {
  display: flex;
  align-items: center;
}
.salary-history-details .history-body {
  padding: 0 .5rem;
}
.salary-history-details .history-body p {
  margin-top: .2rem;
  color: #6a6a6a;
}
.salary-history-details .history-body > div {
  margin-top: .2rem;
  padding-bottom: .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: .1rem;
  color: #f74637;
  font-weight: 700;
}
.get-daily {
  color: green;
  margin-left: .1rem;
}
.salary-history-container .downAnimating {
  justify-content: center;
  padding-bottom: .4rem;
}
.salary-history-container .upAnimating {
  justify-content: center;
  padding: .3rem 0;
}
.salary-history-container .top-tip {
  position: absolute;
  top: -.4rem;
  left: 0;
  z-index: 1;
  width: 100%;
  height: .4rem;
  line-height: .4rem;
  text-align: center;
  font-size: .28rem;
  color: #000;
  opacity: .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 .15rem;
  margin-bottom: .3rem;
  border-radius: .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: .32rem;
  line-height: .35rem;
  letter-spacing: .02rem;
  text-align: center;
  padding-right: .3rem;
}
.banner .money {
  font-size: .56rem;
  color: #fa8866;
  background-color: #fff;
  width: 77%;
  height: 100%;
  flex: 0 0 77%;
  line-height: 1.5rem;
  text-align: right;
  padding: 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: .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: .1rem;
  background-color: #fff;
  box-shadow: .023em .03rem .1rem rgba(0, 0, 0, .1);
}
.block .text {
  font-size: .24rem;
}
.block .text .value {
  font-size: .64rem;
}
.block .text .title {
  font-size: .28rem;
}
.block .icon {
  height: 100%;
  line-height: 2.2rem;
}
.block .icon svg {
  width: .88rem;
  height: .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: .8rem 0;
  box-shadow: .023em .03rem .1rem rgba(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: .8rem;
  background: #fff;
}
.agentSalary .am-tabs-bar {
  padding: 0;
}
.agentSalary .am-tabs-bar .am-tabs-tab {
  line-height: unset;
  padding: 0 .1rem;
  height: auto !important;
  min-height: .87rem;
}
.searchOne {
  width: 2rem;
  margin-left: .15rem;
  margin-right: .15rem;
  margin-bottom: .2rem;
}
.salary_rule {
  padding: .2rem;
  background: #fff;
  font-size: .28rem;
  color: #616065;
  margin-top: .5rem;
}
.salary-history-details {
  background: #fcfcfc;
  margin-bottom: .4rem;
}
.salary-history-details .history-header {
  padding: 0 .4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  height: .8rem;
}
.salary-history-details .history-header .history-header-people {
  color: #108ee9;
}
.salary-history-details .history-header .history-text {
  margin-left: .15rem;
}
.salary-history-details .history-header .user-info {
  display: flex;
  align-items: center;
}
.salary-history-details .history-body {
  padding: 0 .5rem;
}
.salary-history-details .history-body p {
  margin-top: .2rem;
  color: #6a6a6a;
}
.salary-history-details .history-body > div {
  margin-top: .2rem;
  padding-bottom: .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: .1rem;
  color: #f74637;
  font-weight: 700;
}
.salary-history-container .downAnimating {
  justify-content: center;
  padding-bottom: .4rem;
}
.salary-history-container .upAnimating {
  justify-content: center;
  padding: .3rem 0;
}
.salary-history-container .top-tip {
  position: absolute;
  top: -.4rem;
  left: 0;
  z-index: 1;
  width: 100%;
  height: .4rem;
  line-height: .4rem;
  text-align: center;
  font-size: .28rem;
  color: #000;
  opacity: .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 .15rem;
  margin-bottom: .3rem;
  border-radius: .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: .32rem;
  line-height: .35rem;
  letter-spacing: .02rem;
  text-align: center;
  padding-right: .3rem;
}
.banner .money {
  font-size: .56rem;
  color: #fa8866;
  background-color: #fff;
  width: 77%;
  height: 100%;
  flex: 0 0 77%;
  line-height: 1.5rem;
  text-align: right;
  padding: 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: .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: .1rem;
  background-color: #fff;
  box-shadow: .023em .03rem .1rem rgba(0, 0, 0, .1);
}
.block .text {
  font-size: .24rem;
}
.block .text .value {
  font-size: .64rem;
}
.block .text .title {
  font-size: .28rem;
}
.block .icon {
  height: 100%;
  line-height: 2.2rem;
}
.block .icon svg {
  width: .88rem;
  height: .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: .8rem 0;
  box-shadow: .023em .03rem .1rem rgba(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: .8rem;
  background: #fff;
}
.agentSalary .am-tabs-bar {
  padding: 0;
}
.searchOne {
  width: 2rem;
  margin-left: .15rem;
  margin-right: .15rem;
  margin-bottom: .2rem;
}
.salary_rule {
  padding: .2rem;
  background: #fff;
  font-size: .28rem;
  color: #616065;
  margin-top: .5rem;
}
.agentSalary .getSalaryButton {
  display: block;
  height: .94rem;
  line-height: .94rem;
  text-align: center;
  margin: .2rem .3rem;
  border-radius: .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: .2rem;
  font-weight: 600;
}
.downline-item-toot .user-info .user-icon {
  color: #46bcf2;
}
.downline-item-toot .action-sign {
  color: #108ee9;
  font-size: .3rem;
  max-width: 60%;
  word-break: break-word;
}
.singd-downline-item-toot {
  padding: 0 .4rem;
  background: #fff;
}
.singd-downline-item-toot .user-info .user-name {
  margin-left: .2rem;
}
.singd-downline-item-toot .user-info .user-icon {
  color: #46bcf2;
}
.sign-operation {
  width: auto;
  height: 100%;
}
.sign-operation > span {
  color: #108ee9;
  padding: .2rem .1rem;
}
.sign-salary-root:not(.CN) .sign-operation > span {
  font-size: .24rem;
  text-align: center;
}
.sign-operation > i {
  display: inline-block;
  height: .3rem;
  width: 1px;
  background: #747474;
}
.singd-downline-info {
  padding: .3rem .5rem;
  font-size: .3rem;
  background: #fcfcfc;
}
.singd-downline-info .more-info {
  color: #108ee9;
  display: flex;
  align-items: center;
}
.singd-downline-info .more-info .double-arrow {
  width: .4rem;
  height: .4rem;
  position: relative;
}
.translate-arrow {
  transform: rotateX(180deg);
}
.sign-salary-root {
  margin-bottom: .35rem;
}
.sign-salary-root .singd-details {
  width: 100%;
  padding: 0 .3rem;
  font-size: .3rem;
}
.sign-salary-root .singd-details thead tr td {
  text-align: center;
  padding: .2rem 0;
  background: #f6f5fb;
  color: #a5a4a7;
}
.sign-salary-root .singd-details tbody {
  padding: .1rem 0;
}
.sign-salary-root .singd-details tbody tr td {
  text-align: center;
  padding: .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: .2rem;
}
.contract-history .user-info .user-title {
  margin-left: .2rem;
  font-size: .4rem;
}
.contract-history tr {
  text-align: center;
}
.contract-history td {
  background: #f8f7fc;
}
.contract-history .history-thead {
  border-bottom: 1px solid #dedde2;
  font-size: .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: .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: .8rem;
}
.contract-history .close-history {
  margin: .4rem;
}
.lott-record-container {
  background: #fff;
}
.agentSalary .mc-trans-filter {
  justify-content: flex-start !important;
}
.salary-history-details {
  background: #fcfcfc;
  margin-bottom: .4rem;
}
.salary-history-details .history-header {
  padding: 0 .4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  height: .8rem;
}
.salary-history-details .history-header .history-header-people {
  color: #108ee9;
}
.salary-history-details .history-header .history-text {
  margin-left: .15rem;
}
.salary-history-details .history-header .user-info {
  display: flex;
  align-items: center;
}
.salary-history-details .history-body {
  padding: 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: .1rem;
  color: #f74637;
  font-weight: 700;
}
.history-time {
  padding: 0 .4rem;
}
.salary-history-container .downAnimating {
  justify-content: center;
  padding-bottom: .4rem;
}
.salary-history-container .upAnimating {
  justify-content: center;
  padding: .3rem 0;
}
.salary-history-container .top-tip {
  position: absolute;
  top: -.4rem;
  left: 0;
  z-index: 1;
  width: 100%;
  height: .4rem;
  line-height: .4rem;
  text-align: center;
  font-size: .28rem;
  color: #000;
  opacity: .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 .15rem;
  margin-bottom: .3rem;
  border-radius: .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: .32rem;
  line-height: .35rem;
  letter-spacing: .02rem;
  text-align: center;
  padding-right: .3rem;
}
.banner .money {
  font-size: .56rem;
  color: #fa8866;
  background-color: #fff;
  width: 77%;
  height: 100%;
  flex: 0 0 77%;
  line-height: 1.5rem;
  text-align: right;
  padding: 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: .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: .1rem;
  background-color: #fff;
  box-shadow: .023em .03rem .1rem rgba(0, 0, 0, .1);
}
.block .text {
  font-size: .24rem;
}
.block .text .value {
  font-size: .64rem;
}
.block .text .title {
  font-size: .28rem;
}
.block .icon {
  height: 100%;
  line-height: 2.2rem;
}
.block .icon svg {
  width: .88rem;
  height: .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: .8rem 0;
  box-shadow: .023em .03rem .1rem rgba(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: .8rem;
  background: #fff;
}
.agentSalary .am-tabs-bar {
  padding: 0;
}
.searchOne {
  width: 2rem;
  margin-left: .15rem;
  margin-right: .15rem;
  margin-bottom: .2rem;
}
.contractHeader {
  position: relative;
  font-size: .4rem;
  font-weight: 700;
  color: #202020;
  margin-bottom: .25rem;
  margin-top: .25rem;
}
.contractPeople {
  position: absolute;
  left: .03rem;
  top: 0;
  color: #46bcf2;
}
.contractText {
  display: inline-block;
  padding-left: .5rem;
  word-break: break-word;
}
.contractCross {
  position: absolute;
  right: .03rem;
  top: -.05rem;
}
.contract-tips {
  color: red;
  font-size: .31rem;
  margin-top: .3rem;
  font-weight: 500;
  margin-bottom: .25rem;
  margin-left: .25rem;
}
.salary-popup-header {
  background: #f6f6f6;
  white-space: normal;
  padding: .5em 0;
}
.salary-popup-container,
.salary-popup-header {
  width: 100%;
  font-size: .3rem;
  font-weight: 700;
  text-align: center;
}
.salary-popup-container {
  padding: .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: .5rem;
  outline: none;
  padding: 0 .2rem;
  text-align: center;
  border: none;
  background: #eee;
  color: #868686;
  border-radius: .1rem;
}
.dividendRatio {
  position: relative;
  height: .75rem;
  margin-top: .1rem;
}
.dividendRatio .arrow-top {
  width: 0;
  height: 0;
  border-left: .17rem dashed transparent;
  border-right: .17rem dashed transparent;
  border-bottom: .15rem solid #108ee9;
  position: absolute;
  top: -.1rem;
  right: 2rem;
}
.salary-popup-container input:focus {
  outline: none;
  border: .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: .77rem;
  border-radius: 50%;
  font-size: .9rem;
  border: .06rem solid #fff;
  color: #fff;
  box-shadow:
    -1px 0 .15rem #cccccd,
    1px 0 .15rem #cccccd,
    0 -1px .15rem #cccccd,
    0 1px .15rem #fff;
}
.popup-list .addTerms {
  text-align: center;
  font-size: .36rem;
  font-weight: 700;
  color: #2f68f8;
  margin-bottom: .5rem;
}
.popup-list .addTermsBody {
  background: #f8f8fc;
  border-top: 1px solid #ccc;
  padding-top: .2rem;
}
.popup-list .addTermsBody .list {
  position: relative;
}
.popup-list .addTermsBody input {
  background: #f1f1f1;
  margin-bottom: .3rem;
  border-radius: .1rem;
  outline: none;
}
.popup-list .addTermsBody .list span {
  position: absolute;
  bottom: .02rem;
  left: .05rem;
  color: red;
  font-weight: 700;
  font-size: .32rem;
}
.poplist-footer {
  padding-top: .2rem;
  padding-bottom: 1rem;
  text-align: center;
  width: 100%;
  bottom: 0;
}
.signedSalary-root .poplist-footer > a {
  width: 40%;
  margin: 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: .17rem dashed transparent;
  border-bottom: .15rem solid #108ee9;
  position: absolute;
  right: 0;
  bottom: 0;
}
.signedSalary-root .type-switch-container {
  margin-left: .25rem;
  margin-bottom: .3rem;
}
.signedSalary-root .type-switch {
  margin: 0 .2rem;
}
.type-switch-container > span {
  color: #838287;
  font-size: .3rem;
}
.salary-popup-container .icon-container {
  height: 100%;
}
.salary-popup-container .delete-icon {
  width: .4rem;
  height: .4rem;
  color: #838287;
}
.salary-popup-container .add-icon {
  width: .3rem;
  height: .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: .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: -.45rem;
  z-index: 100;
}
.cont-switch {
  position: absolute;
  left: -.1rem;
  width: 1.1rem;
  height: 100%;
  text-align: center;
  font-size: .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: .7rem;
  line-height: .7rem;
  outline: none;
  padding: 0 .2rem;
  margin: 0 .4rem;
  font-size: .26rem;
  text-align: center;
  border: none;
  background: #da3e34;
  color: #fff;
  border-radius: .1rem;
}
.contractHeader {
  position: relative;
  font-size: .4rem;
  font-weight: 700;
  color: #202020;
  margin-bottom: .25rem;
  margin-top: .25rem;
}
.contractPeople {
  position: absolute;
  left: .03rem;
  top: 0;
  color: #46bcf2;
}
.contractText {
  display: inline-block;
  padding-left: .5rem;
  word-break: break-word;
}
.contractCross {
  position: absolute;
  right: .03rem;
  top: -.05rem;
}
.contract-tips {
  color: red;
  font-size: .31rem;
  margin-top: .3rem;
  font-weight: 500;
  margin-bottom: .25rem;
  margin-left: .25rem;
}
.salary-popup-header {
  background: #f6f6f6;
  white-space: normal;
  padding: .5em 0;
}
.salary-popup-container,
.salary-popup-header {
  width: 100%;
  font-size: .3rem;
  font-weight: 700;
  text-align: center;
}
.salary-popup-container {
  padding: .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: .5rem;
  outline: none;
  padding: 0 .2rem;
  text-align: center;
  border: none;
  background: #eee;
  color: #868686;
  border-radius: .1rem;
}
.dividendRatio {
  position: relative;
  height: .75rem;
  margin-top: .1rem;
}
.dividendRatio .arrow-top {
  width: 0;
  height: 0;
  border-left: .17rem dashed transparent;
  border-right: .17rem dashed transparent;
  border-bottom: .15rem solid #108ee9;
  position: absolute;
  top: -.1rem;
  right: 2rem;
}
.salary-popup-container input:focus {
  outline: none;
  border: .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: .77rem;
  border-radius: 50%;
  font-size: .9rem;
  border: .06rem solid #fff;
  color: #fff;
  box-shadow:
    -1px 0 .15rem #cccccd,
    1px 0 .15rem #cccccd,
    0 -1px .15rem #cccccd,
    0 1px .15rem #fff;
}
.popup-list .addTerms {
  text-align: center;
  font-size: .36rem;
  font-weight: 700;
  color: #2f68f8;
  margin-bottom: .5rem;
}
.popup-list .addTermsBody {
  background: #f8f8fc;
  border-top: 1px solid #ccc;
  padding-top: .2rem;
}
.popup-list .addTermsBody .list {
  position: relative;
}
.popup-list .addTermsBody input {
  background: #f1f1f1;
  margin-bottom: .3rem;
  border-radius: .1rem;
  outline: none;
}
.popup-list .addTermsBody .list span {
  position: absolute;
  bottom: .02rem;
  left: .05rem;
  color: red;
  font-weight: 700;
  font-size: .32rem;
}
.poplist-footer {
  padding-top: .2rem;
  padding-bottom: 1rem;
  text-align: center;
  width: 100%;
  bottom: 0;
}
.signedSalary-root .poplist-footer > a {
  width: 40%;
  margin: 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: .17rem dashed transparent;
  border-bottom: .15rem solid #108ee9;
  position: absolute;
  right: 0;
  bottom: 0;
}
.signedSalary-root .type-switch-container {
  margin-left: .25rem;
  margin-bottom: .3rem;
}
.signedSalary-root .type-switch {
  margin: 0 .2rem;
}
.type-switch-container > span {
  color: #838287;
  font-size: .3rem;
}
.salary-popup-container .icon-container {
  height: 100%;
}
.salary-popup-container .delete-icon {
  width: .4rem;
  height: .4rem;
  color: #838287;
}
.salary-popup-container .add-icon {
  width: .3rem;
  height: .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: .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: -.45rem;
  z-index: 100;
}
.cont-switch {
  position: absolute;
  left: -.1rem;
  width: 1.1rem;
  height: 100%;
  text-align: center;
  font-size: .3rem;
  z-index: 100;
  overflow-x: scroll;
}
.contractRate {
  position: relative;
}
.auto-fill-btn {
  display: inline-block;
  min-width: 1.4rem;
  height: .7rem;
  line-height: .7rem;
  outline: none;
  padding: 0 .2rem;
  margin: 0 .4rem;
  font-size: .26rem;
  text-align: center;
  border: none;
  background: #da3e34;
  color: #fff;
  border-radius: .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: .2rem;
  font-weight: 700;
  line-height: 1.2;
  font-size: .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, .8);
  padding: .04rem .06rem;
  color: #fff;
  border-radius: .06rem;
  position: absolute;
  min-height: .42rem;
  z-index: 999;
  top: .54rem;
  left: .4rem;
}
.contractHeader {
  position: relative;
  font-size: .4rem;
  font-weight: 700;
  color: #202020;
  margin-bottom: .25rem;
  margin-top: .25rem;
}
.contractPeople {
  position: absolute;
  left: .03rem;
  top: 0;
  color: #46bcf2;
}
.contractText {
  display: inline-block;
  padding-left: .5rem;
  word-break: break-word;
}
.contractCross {
  position: absolute;
  right: .03rem;
  top: -.05rem;
}
.contract-tips {
  color: red;
  font-size: .31rem;
  margin-top: .3rem;
  font-weight: 500;
  margin-bottom: .25rem;
  margin-left: .25rem;
}
.salary-popup-header {
  background: #f6f6f6;
  white-space: normal;
}
.salary-popup-container,
.salary-popup-header {
  width: 100%;
  font-size: .3rem;
  font-weight: 700;
  text-align: center;
}
.salary-popup-container {
  padding: .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: .5rem;
  outline: none;
  padding: 0 .2rem;
  text-align: center;
  border: none;
  background: #eee;
  color: #868686;
  border-radius: .1rem;
}
.dividendRatio {
  position: relative;
  height: .75rem;
  margin-top: .1rem;
}
.dividendRatio .arrow-top {
  width: 0;
  height: 0;
  border-left: .17rem dashed transparent;
  border-right: .17rem dashed transparent;
  border-bottom: .15rem solid #108ee9;
  position: absolute;
  top: -.1rem;
  right: 2rem;
}
.salary-popup-container input:focus {
  outline: none;
  border: .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: .77rem;
  border-radius: 50%;
  font-size: .9rem;
  border: .06rem solid #fff;
  color: #fff;
  box-shadow:
    -1px 0 .15rem #cccccd,
    1px 0 .15rem #cccccd,
    0 -1px .15rem #cccccd,
    0 1px .15rem #fff;
}
.popup-list .addTerms {
  text-align: center;
  font-size: .36rem;
  font-weight: 700;
  color: #2f68f8;
  margin-bottom: .5rem;
}
.popup-list .addTermsBody {
  background: #f8f8fc;
  border-top: 1px solid #ccc;
  padding-top: .2rem;
}
.popup-list .addTermsBody .list {
  position: relative;
}
.popup-list .addTermsBody input {
  background: #f1f1f1;
  margin-bottom: .3rem;
  border-radius: .1rem;
  outline: none;
}
.popup-list .addTermsBody .list span {
  position: absolute;
  bottom: .02rem;
  left: .05rem;
  color: red;
  font-weight: 700;
  font-size: .32rem;
}
.poplist-footer {
  padding-top: .2rem;
  padding-bottom: 1rem;
  text-align: center;
  width: 100%;
  bottom: 0;
}
.signedSalary-root .poplist-footer > a {
  width: 40%;
  margin: 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: .17rem dashed transparent;
  border-bottom: .15rem solid #108ee9;
  position: absolute;
  right: 0;
  bottom: 0;
}
.signedSalary-root .type-switch-container {
  margin-left: .25rem;
  margin-bottom: .3rem;
}
.signedSalary-root .type-switch {
  margin: 0 .2rem;
}
.type-switch-container > span {
  color: #838287;
  font-size: .3rem;
}
.salary-popup-container .icon-container {
  height: 100%;
}
.salary-popup-container .delete-icon {
  width: .4rem;
  height: .4rem;
  color: #838287;
}
.salary-popup-container .add-icon,
.salary-popup-container .save-icon {
  width: .5rem !important;
  height: .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: .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: -.45rem;
  z-index: 100;
}
.cont-switch {
  position: absolute;
  left: -.1rem;
  width: 1.1rem;
  height: 100%;
  text-align: center;
  font-size: .3rem;
  z-index: 100;
  overflow-x: scroll;
}
.contractRate {
  position: relative;
}
.manual-header div {
  width: 25%;
  float: left;
  padding: .2rem .2rem 0;
}
.manual-container {
  position: relative;
  text-align: left !important;
}
.manual-icon {
  margin-left: .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: .4rem;
  font-weight: 700;
  color: #202020;
  margin-bottom: .25rem;
  margin-top: .25rem;
}
.contractPeople {
  position: absolute;
  left: .03rem;
  top: 0;
  color: #46bcf2;
}
.contractText {
  display: inline-block;
  padding-left: .5rem;
  word-break: break-word;
}
.contractCross {
  position: absolute;
  right: .03rem;
  top: -.05rem;
}
.contract-tips {
  color: red;
  font-size: .31rem;
  margin-top: .3rem;
  font-weight: 500;
  margin-bottom: .25rem;
  margin-left: .25rem;
}
.salary-popup-header {
  background: #f6f6f6;
  overflow: hidden;
  white-space: normal;
}
.salary-popup-container,
.salary-popup-header {
  width: 100%;
  font-size: .3rem;
  font-weight: 700;
  text-align: center;
}
.salary-popup-container {
  padding: .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: .5rem;
  outline: none;
  padding: 0 .2rem;
  text-align: center;
  border: none;
  background: #eee;
  color: #868686;
  border-radius: .1rem;
}
.dividendRatio {
  position: relative;
  height: .75rem;
  margin-top: .1rem;
}
.dividendRatio .arrow-top {
  width: 0;
  height: 0;
  border-left: .17rem dashed transparent;
  border-right: .17rem dashed transparent;
  border-bottom: .15rem solid #108ee9;
  position: absolute;
  top: -.1rem;
  right: 2rem;
}
.salary-popup-container input:focus {
  outline: none;
  border: .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: .77rem;
  border-radius: 50%;
  font-size: .9rem;
  border: .06rem solid #fff;
  color: #fff;
  box-shadow:
    -1px 0 .15rem #cccccd,
    1px 0 .15rem #cccccd,
    0 -1px .15rem #cccccd,
    0 1px .15rem #fff;
}
.popup-list .addTerms {
  text-align: center;
  font-size: .36rem;
  font-weight: 700;
  color: #2f68f8;
  margin-bottom: .5rem;
}
.popup-list .addTermsBody {
  background: #f8f8fc;
  border-top: 1px solid #ccc;
  padding-top: .2rem;
}
.popup-list .addTermsBody .list {
  position: relative;
}
.popup-list .addTermsBody input {
  background: #f1f1f1;
  margin-bottom: .3rem;
  border-radius: .1rem;
  outline: none;
}
.popup-list .addTermsBody .list span {
  position: absolute;
  bottom: .02rem;
  left: .05rem;
  color: red;
  font-weight: 700;
  font-size: .32rem;
}
.poplist-footer {
  padding-top: .2rem;
  padding-bottom: 1rem;
  text-align: center;
  width: 100%;
  bottom: 0;
}
.signedSalary-root .poplist-footer > a {
  width: 40%;
  margin: 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: .17rem dashed transparent;
  border-bottom: .15rem solid #108ee9;
  position: absolute;
  right: 0;
  bottom: 0;
}
.signedSalary-root .type-switch-container {
  margin-left: .25rem;
  margin-bottom: .3rem;
}
.signedSalary-root .type-switch {
  margin: 0 .2rem;
}
.type-switch-container > span {
  color: #838287;
  font-size: .3rem;
}
.salary-popup-container .icon-container {
  height: 100%;
}
.salary-popup-container .delete-icon {
  width: .4rem;
  height: .4rem;
  color: #838287;
}
.salary-popup-container .add-icon {
  width: .3rem;
  height: .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: .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: -.45rem;
  z-index: 100;
}
.cont-switch {
  position: absolute;
  left: -.1rem;
  width: 1.1rem;
  height: 100%;
  text-align: center;
  font-size: .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: .3rem 0;
  font-size: .31rem;
  padding: .35rem .5rem;
  font-weight: 700;
  letter-spacing: .05rem;
}
.start-contract-root .salary-container {
  min-height: 6rem;
}
.start-contract-root .contract-select {
  padding: .25rem 0;
  margin: 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: .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: .8rem;
}
.start-contract-root .contract-tbody > div {
  text-align: center;
  line-height: .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: .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: .2rem;
}
.start-contract-root.div .rule-con {
  margin: .1rem;
  margin-left: .3rem;
}
.start-contract-root.div .rule-con p {
  margin-top: .25rem;
  height: .45rem;
  line-height: .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: .3rem 0;
  font-size: .31rem;
  padding: .35rem .5rem;
  font-weight: 700;
  letter-spacing: .05rem;
}
.start-contract-root .salary-container {
  min-height: 6rem;
}
.start-contract-root .contract-select {
  padding: .25rem 0;
  margin: 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: .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: .8rem;
}
.start-contract-root .contract-tbody > div {
  text-align: center;
  line-height: .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: .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: .2rem;
}
.start-contract-root.div .rule-con {
  margin: .1rem;
  margin-left: .3rem;
}
.start-contract-root.div .rule-con p {
  margin-top: .25rem;
  height: .45rem;
  line-height: .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: .3rem 0;
  font-size: .31rem;
  padding: .35rem .5rem;
  font-weight: 700;
  letter-spacing: .05rem;
}
.start-contract-root .contract-select {
  padding: .25rem 0;
  margin: 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: .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: .8rem;
}
.start-contract-root .contract-tbody > div {
  text-align: center;
  line-height: .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: .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: .2rem;
}
.start-contract-root.div .rule-con {
  margin: .1rem;
  margin-left: .3rem;
}
.start-contract-root.div .rule-con p {
  margin-top: .25rem;
  height: .45rem;
  line-height: .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: .32rem;
  padding: .5em;
  padding-bottom: 0;
  vertical-align: middle;
}
.rebateIncome .searchTwo {
  width: 100%;
  height: 1rem;
  line-height: 1rem;
  background: #f6f6f6;
  overflow: hidden;
}
.rebateIncome .propsBox {
  margin: .15rem .1rem;
  line-height: 1rem;
  height: 100%;
  width: 9.5rem;
}
.rebateIncome .searchTwo a:first-child {
  margin-right: .2rem;
}
.rebateIncome .propsBox a {
  margin-right: .2rem;
}
.rebateReport .rebate {
  display: flex;
  align-items: center;
  background: #fff;
  color: #848484;
  font-size: .32rem;
  padding: 0 .4rem;
  font-weight: 600;
}
.rebateReport .rebate-footer p {
  height: .5rem;
  line-height: .5rem;
  padding-left: .2rem;
}
.rebateReport .rebate-footer p span {
  display: inline-block;
  width: 45%;
  margin-right: .3rem;
  font-size: .3rem;
}
.card-details.contract .rebateBody .spantime {
  width: 45%;
}
.rebateReport-item-root {
  padding-bottom: .3rem;
  background: #f0f0f0;
}
.rebateReport-item-root .time {
  color: #a6a6a6;
  font-size: .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: .15rem .1rem;
  line-height: 1rem;
  height: 100%;
  width: 9.5rem;
}
.rebateIncome .searchTwo a:first-child {
  margin-right: .2rem;
}
.rebateIncome .propsBox a {
  margin-right: .2rem;
}
.rebateReport .rebate-wrapper {
  background: #fff;
}
.rebateReport .rebate {
  background: #fff;
  color: #848484;
  font-size: .32rem;
  padding: 0 .4rem;
  font-weight: 600;
}
.rebateReport .rebate-footer p {
  height: .5rem;
  line-height: .5rem;
  padding-left: .2rem;
}
.rebateReport .rebate-footer p span {
  display: inline-block;
  width: 45%;
  margin-right: .3rem;
  font-size: .3rem;
}
.card-details.contract .rebateBody .spantime {
  width: 45%;
}
.rebateReport-item-root {
  padding-bottom: .3rem;
  background: #f0f0f0;
}
.rebateReport-item-root .time {
  color: #a6a6a6;
  font-size: .24rem;
}
.rebat_footer,
.rebateReport-item-root .rebateReport-item-content {
  background: #fcfcfc;
}
.rebat_footer {
  position: fixed;
  width: 100%;
  bottom: 0;
  padding: .1rem .4rem;
}
.rebat_footer > div {
  display: flex;
  justify-content: space-between;
  margin-top: .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: .6rem;
  padding-bottom: .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: .42rem;
  color: #000;
  padding-left: .3rem;
  padding-right: .3rem;
}
.am-result .am-result-title {
  margin-top: .3rem;
  line-height: 1;
}
.am-result .am-result-message {
  margin-top: .18rem;
  line-height: 1.5;
  font-size: .32rem;
  color: #888;
}
.am-result .am-result-button {
  padding: 0 .3rem;
  margin-top: .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: .3rem;
}
.ag-link-lmanage .ag-link-mgtop {
  background-color: #fff;
  padding: 0 .3rem 0 .32rem;
  height: .68rem;
  color: #5e5e5e;
  line-height: .68rem;
  overflow: hidden;
  font-size: .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: -.05rem;
  height: .68rem;
  width: .68rem;
  vertical-align: middle;
  -webkit-filter: drop-shadow(0 .03rem .08rem rgba(243, 135, 205, .33));
  filter: drop-shadow(0 .03rem .08rem rgba(243, 135, 205, .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: .2rem;
  display: flex;
}
.ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-right svg {
  color: #6897f9;
  display: block;
  width: .35rem;
  height: .35rem;
}
.ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-right span {
  display: flex;
  width: .9rem;
  flex: 1 1 0%;
  align-items: center;
  justify-content: center;
  border-right: .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: .18rem .66rem;
  height: auto;
}
.ag-link-lmanage .ag-link-mgcenter {
  display: flex;
  flex-wrap: wrap;
  font-size: .24rem;
  padding: 0;
  background-color: #fcfcfc;
  color: #5e5e5e;
  height: 0;
  overflow: hidden;
}
.ag-link-lmanage .ag-link-mgcenter > div {
  width: 50%;
  line-height: .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 .66rem;
  min-height: .96rem;
  background-color: #fcfcfc;
  border-top: 1px solid #ebebeb;
  color: #a6a6a6;
  align-items: center;
  font-size: .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: .26rem;
}
.ag-link-lmanage .ag-link-mgbottom .mccolor-f6573a {
  color: #f6573a;
  font-size: .26rem;
}
.ag-link-lmanage .ag-link-mgbottom .mccolor-23deb8 {
  color: #23deb8;
  font-size: .26rem;
}
.ag-link-lmanage .ag-link-mgbottom .mccolor-1cc534 {
  color: #1cc534;
  font-size: .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: .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 .45rem;
}
.lkmn-poup-content {
  background-color: #fff;
  border-radius: .14rem;
  padding: .4rem 0 0;
  overflow: hidden;
}
.lkmn-poup-title {
  height: .8rem;
  line-height: .4rem;
  padding: 0 .4rem;
}
.lkmn-poup-title span {
  display: block;
  margin-right: .15rem;
  float: left;
}
.lkmn-poup-tsmall {
  font-size: .3rem;
  color: #5e5e5e;
}
.lkmn-poup-tbig {
  font-size: .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: .175rem;
  border-radius: .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: .3rem 0 .1rem;
}
.lkmn-poup-qrlink {
  padding: .4rem 0;
  color: #5d8df7;
}
.lkmn-poup-qrcnt {
  padding: 0 .1rem;
  overflow: hidden;
  display: inline-block;
}
.lkmn-poup-qrcnt span {
  display: flex;
  margin-left: .1rem;
  word-break: break-all;
}
.lkmn-poup-qrcnt span svg {
  min-width: .44rem;
}
.lkmn-poup-qrcopy {
  width: 100%;
  height: .88rem;
  line-height: .88rem;
  color: #fff;
  text-align: center;
  background-image:
    linear-gradient(
      -90deg,
      #eb4f47,
      #eb3f3b);
  border-radius: .1rem;
  margin-top: .22rem;
}
.lkmn-poup-acontent {
  background-color: #000;
  border-radius: .14rem;
  color: #fff;
  padding: .45rem 0 0;
  font-size: .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: .95rem;
  line-height: .95rem;
  font-size: .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 .4rem;
  height: .7rem;
  line-height: .7rem;
  font-size: .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: .32rem;
}
.lkmn-poup-QR {
  padding-top: .8rem;
}
.lkmn-poup-QR .lkmn-poup-qrcode {
  background: #fff;
}
.copy_qrcopy_link {
  width: 80%;
  margin: .3rem auto 0;
}
.agrg-downline-bntitle {
  color: #000;
  padding: 0 .45rem;
  font-size: .3rem;
  min-height: .7rem;
  line-height: .7rem;
  overflow: hidden;
}
.agrg-downline-bntwrite {
  float: left;
}
.agrg-bouns-main {
  background: #fff;
}
.agrg-downline-bnmain.agrg-downline-bnmainno {
  padding-left: .45rem;
}
.agrg-downline-bnbt {
  margin: .05rem .45rem;
  min-height: .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%, .3);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: -.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: .9rem;
}
.agrg-checkbox-list > div {
  float: left;
  margin: .225rem .1rem .225rem 0;
  height: .45rem;
  min-width: 2.04rem;
  padding-right: .1rem;
  border-right: 1px solid #d1d1d1;
}
.agrg-downline-bnline {
  margin-right: .45rem;
  border-bottom: 1px solid #d1d1d1;
}
.agrg-checkbox-num {
  margin-left: .1rem;
}
.agrg-downline-bnset {
  margin: 0 .45rem;
  min-height: 1.72rem;
  border-bottom: 1px solid #d1d1d1;
  direction: ltr;
}
.agrg-downline-bnset .am-slider {
  margin: .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: .2rem;
  border-radius: .1rem;
}
.agrg-downline-bnset .am-slider-handle {
  margin-top: -.14rem;
}
.agrg-downline-bnsetp {
  min-height: 1rem;
  padding-top: .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: .09rem;
  margin-right: .12rem;
}
.agrg-downline-bnsetp > span:nth-child(2) {
  margin-right: .12rem;
  color: #000;
  max-width: 67%;
}
.agrg-downline-bnsetp > span:nth-child(3) {
  flex-grow: 1;
}
.agrg-downline-bnsetp > span.agrg-downline-bnstbt {
  width: .6rem;
  height: .6rem;
  padding: .05rem;
  border-radius: .6rem;
  border: 1px solid #959595;
  text-align: center;
  margin-left: .1rem;
  float: right;
}
.agrg-downline-bnslider {
  clear: both;
  min-height: .25rem;
  margin: .2rem 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: .62rem;
  border-radius: .62rem;
  background: #e5e5e5;
  z-index: 0;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.mc-switch .checkbox:before {
  content: " ";
  position: absolute;
  left: .03rem;
  top: .03rem;
  width: .96rem;
  height: .56rem;
  border-radius: .56rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  z-index: 1;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.mc-switch .checkbox:after {
  content: " ";
  height: .56rem;
  width: .56rem;
  border-radius: .56rem;
  background: #fff;
  position: absolute;
  z-index: 2;
  left: .03rem;
  top: .03rem;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  -webkit-box-shadow: .04rem .04rem .08rem rgba(0, 0, 0, .21);
  box-shadow: .04rem .04rem .08rem rgba(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(.4rem);
  -ms-transform: translateX(.4rem);
  transform: translateX(.4rem);
}
.mc-switch input[type=checkbox]:disabled + .checkbox {
  opacity: .3;
}
.mc-switch.mc-switch-android .checkbox {
  width: 1.44rem;
  height: .46rem;
  border-radius: .06rem;
  background: #a7aaa6;
}
.mc-switch.mc-switch-android .checkbox:before {
  display: none;
}
.mc-switch.mc-switch-android .checkbox:after {
  width: .7rem;
  height: .42rem;
  border-radius: .04rem;
  -webkit-box-shadow: none;
  box-shadow: none;
  left: .02rem;
  top: .02rem;
}
.mc-switch .checkbox.on:after {
  left: .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(.7rem);
  -ms-transform: translateX(.7rem);
  transform: translateX(.7rem);
}
.mc-checkbox {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: .42rem;
  height: .42rem;
}
.mc-checkbox-inner {
  position: absolute;
  right: 0;
  width: .42rem;
  height: .42rem;
  border: .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: .03rem;
  right: .12rem;
  z-index: 999;
  width: .1rem;
  height: .22rem;
  border-style: solid;
  border-width: 0 .03rem .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: .3rem;
}
.agrg-downline-up {
  background: #fff;
  padding: 0 .45rem;
  overflow: hidden;
}
.agrg-downline-top {
  display: flex;
  height: .7rem;
  overflow: hidden;
  margin: .1rem 0;
}
.agrg-downline-top .type-wrapper {
  display: flex;
  align-items: center;
  gap: .3rem;
  flex: 1 1 0%;
}
.agrg-downline-top .type-wrapper .type-item {
  position: relative;
  display: flex;
  align-items: center;
  gap: .1rem;
}
.agrg-downline-top .type-wrapper .type-item .option-border {
  content: "";
  width: .26rem;
  height: .26rem;
  border-radius: 50%;
  border: .02rem solid #9b9b9b;
}
.agrg-downline-top .type-wrapper .type-item.on .option-border {
  position: relative;
  border: .02rem solid #fd2f2f;
}
.agrg-downline-top .type-wrapper .type-item.on .option-border:before {
  position: absolute;
  content: "";
  display: block;
  width: .15rem;
  height: .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: .7rem;
  float: left;
}
.agrg-downline-type {
  display: inline-block;
  height: .62rem;
  font-size: .28rem;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.agrg-downline-type .mc-switch {
  margin: 0 .25rem;
  float: left;
}
.agrg-downline-cname {
  color: #666;
  line-height: .62rem;
  float: left;
}
.agrg-downline-type .agrg-downline-cname {
  line-height: 2.5;
}
.agrg-downline-type .mc-switch {
  top: .06rem;
}
.agrg-downline-input {
  width: 100%;
  height: 1.04rem;
  margin: .2rem 0;
  background-color: #efefef;
  border-radius: .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: .15rem;
  background: none;
  width: 100%;
  height: 100%;
  padding: 0 .25rem;
}
.agrgic-downline-select {
  display: block;
  width: .86rem;
  background: #3b79f3;
  line-height: 0;
  padding: .3rem .21rem;
  position: absolute;
  right: 0;
  top: 0;
}
.agrg-downline-sub {
  margin: .1rem .45rem;
  background: #eb4641 !important;
  color: #fff !important;
  border-radius: .15rem;
}
.agent-register-tab .am-tabs-bar .am-tabs-tab {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 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: -.2rem;
}
.agrg-downline-up .error strong {
  color: #e4393c;
  font-size: .31rem;
  line-height: .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: .12rem;
}
.link-detail-top {
  color: #a6a6a6;
  background: #eeedf5;
}
.link-detail-list span {
  display: inline-block;
  width: 50%;
  line-height: .8rem;
  height: .8rem;
  padding: 0 .4rem;
}
.mc-code-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: calc(100% + .88rem);
  position: fixed;
  top: -.88rem;
  z-index: 100011;
  background-color: rgba(0, 0, 0, .7);
  font-size: .28rem;
}
.mc-code-box input {
  height: .7rem;
  padding: .5em;
  border: .02rem solid #ccc;
  border-radius: .1rem;
}
.mc-code-box .submit {
  height: .7rem;
  line-height: .7rem;
  font-size: .28rem;
}
.mc-code-box .title {
  text-align: center;
  margin-bottom: 1em;
}
.mc-code-box .code-form {
  background: #fff;
  padding: .2rem .4rem;
  border-radius: .14rem;
  width: 80vw;
}
.mc-code-box .form-group {
  margin-bottom: .15rem;
  position: relative;
  min-height: auto;
}
.mc-code-box .send-code {
  position: absolute;
  top: 50%;
  right: .16rem;
  transform: translateY(-50%);
  padding: .1rem .05rem;
  font-size: .2rem;
  min-width: 1rem;
  max-width: 2rem;
  text-align: center;
}
.mc-code-box .send-code.btn-gray {
  font-size: .2rem;
}
.mc-code-box .input-group {
  position: relative;
  width: 100%;
  margin-top: .3rem;
}
.mc-code-box .input-group label {
  position: absolute;
  top: -.3rem;
  left: 0;
  color: #757575;
  font-size: .24rem;
}
.mc-code-box .mc-country-code-input {
  width: auto;
  height: .7rem;
  padding-right: .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: .1rem;
}
.mc-code-box .mc-country-code-input:after {
  right: .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: .3rem;
}
.amount-wrap .amount-title {
  margin: 0 .45rem;
  font-size: .26rem;
  color: #333;
}
.amount-wrap .fixed-money-withdraw {
  margin: 0 .45rem;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: .11rem;
}
.amount-wrap .fixed-money-withdraw .fixed-money-item {
  margin: .12rem .12rem 0 0;
  width: 100%;
  height: .71rem;
  font-size: .24rem;
  white-space: nowrap;
  border: .02rem solid rgba(236, 37, 41, .2);
  border-radius: .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: .02rem solid #ec2529;
  background-color: #fff;
  color: #ec2529;
}
.amount-wrap .fixed-money-withdraw .fixed-money-item.money-active svg {
  position: absolute;
  right: 0;
  width: .32rem;
  height: .32rem;
  bottom: 0;
  fill: #ec2529;
}
.amount-wrap .fixed-money-withdraw .fixed-money-item .bonus-tip {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0 .1rem;
  background: #fbd3d4;
  font-size: .2rem;
  color: #ec2529;
  padding: 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 .45rem;
}
.w-input-content {
  margin: .1rem .45rem 0;
  height: 1.05rem;
  border: .02rem solid #ccc;
  border-radius: .1rem;
  padding: .25rem .2rem .25rem 2rem;
  position: relative;
}
.forget-fpwd {
  text-align: right;
  margin: .1rem .45rem 0;
  padding: .4rem 0 0;
}
.forget-fpwd.no-space {
  margin: 0;
  padding: .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: .55rem;
  font-size: .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: -.04rem;
  position: relative;
  margin-left: -10 px;
  display: inline;
}
.w-input-error {
  color: #b3b3b3;
  text-align: left;
  padding: .15rem 0 .1rem .45rem;
}
.red-input-error {
  color: red;
  text-align: left;
  padding: .15rem .45rem .1rem .5rem;
}
.w-input-submit {
  margin: .7rem .45rem;
}
.w-input-submit-false,
.w-input-submit-true {
  color: #fff !important;
}
.w-input-submit-true {
  background: #ff0944;
}
.wallet_return div svg {
  fill: #3b79f3;
}
.w-input-submit-false {
  background: #d8d8d8 !important;
}
.withdraw-nbank {
  color: #fff;
  font-size: .48rem;
  height: 3.4rem;
  line-height: 3.4rem;
  text-align: center;
  background-color: #ececec;
  border-radius: .1rem;
  width: 100%;
}
.withdraw-bank .slider-frame {
  margin: 0 .55rem !important;
  overflow: inherit !important;
}
.withdraw-bank .slider-frame + div {
  bottom: -.85rem !important;
}
.withdraw-bank .slider-frame + div .am-carousel-wrap-dot-active > span {
  background-color: #38a0f3;
}
.withdraw-bank-container {
  margin: .35rem .4rem !important;
}
.withdraw-bankcard {
  border-radius: .1rem;
  margin: 0;
  padding: .3rem .22rem;
  color: #fff;
  overflow: hidden;
  font-size: .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: .1rem;
  background: rgba(46, 46, 46, .6);
  z-index: 1;
}
.withdraw-bankcard .maintain-wrap {
  position: absolute;
  z-index: 2;
  justify-content: space-evenly;
  display: flex;
  flex-direction: column;
  font-size: .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 .02rem 1px rgba(0, 0, 0, .25);
  font-weight: 800;
  width: 100%;
}
.withdraw-bankcard .maintain-wrap .maintain-time {
  font-size: .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: .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(https://www.ck444.pro/mobile/mc/BTC.57c7aa66.png) no-repeat;
  background-size: 100% auto;
}
.withdraw-bank.vc .vc-cards-item.USDT {
  background: url(https://www.ck444.pro/mobile/mc/USDT.9d6f6071.png) no-repeat;
  background-size: 100% auto;
}
.withdraw-bank.vc .vc-cards-item.BTC {
  background: url(https://www.ck444.pro/mobile/mc/BTC.57c7aa66.png) no-repeat;
  background-size: 100% auto;
}
.withdraw-bank.vc .vc-cards-item.ETH {
  background: url(https://www.ck444.pro/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(https://www.ck444.pro/mobile/mc/ewallet-01.50bee334.png);
}
.withdraw-bank.vc.pix .withdraw-bankcard.c1 {
  background-image: url(https://www.ck444.pro/mobile/mc/ewallet-02.044b3b97.png);
}
.withdraw-bank.vc.pix .withdraw-bankcard.c2 {
  background-image: url(https://www.ck444.pro/mobile/mc/ewallet-03.49829a64.png);
}
.withdraw-bank.vc.pix .withdraw-bankcard.c3 {
  background-image: url(https://www.ck444.pro/mobile/mc/ewallet-04.1d649e0e.png);
}
.vc-cards-item .withdraw-bankcard-num {
  font-size: .34rem;
  padding: 0;
  text-align: left;
  width: 100%;
  display: inline-block;
  word-break: break-word;
}
.vc-cards-item .withdraw-bankcard-icon {
  font-size: .34rem;
}
.create-time {
  font-size: .22rem;
  margin-top: .18rem;
  display: inline-block;
}
.vc-cards-item .withdraw-bankcard-icon {
  display: inline-block;
  margin-left: .6rem;
  margin-top: .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: .6rem;
  direction: ltr;
}
#swiper-container-vc {
  height: 3rem;
}
.swiper-pagination span {
  width: .17rem;
  height: .17rem;
}
.withdraw-bankcard-icon {
  height: .49rem;
  margin: .05rem 0 .15rem;
}
.withdraw-bankcard-icon span {
  display: -webkit-box;
  word-break: break-word;
  margin-right: .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: .125rem .18rem;
  display: flex;
}
.withdraw-bankcard-num {
  font-size: .48rem;
  font-weight: 700;
  text-align: center;
  justify-content: center;
}
.withdraw-bankcard-cont {
  height: .75rem;
}
.withdraw-bankcard-cont div {
  flex: 1 1 50%;
}
.withdraw-bankcard-cont div span {
  display: block;
  margin: .075rem 0;
}
.withdraw-bankcard-cont div span:last-child {
  font-size: .3rem;
}
.card-name {
  margin-top: .32rem !important;
}
.wbc-date {
  font-size: .3rem;
}
.wbc-date div:last-child {
  position: absolute;
  display: inline-block;
  right: .2rem;
}
.wallet_return {
  margin-top: .05rem;
  margin-bottom: .3rem;
  text-align: center;
}
.wallet_return div {
  margin-top: .1rem;
  color: #3b79f3;
  background-color: #d7e7fe;
  display: inline-block;
  padding: 0 .24rem;
  font-size: .28rem;
  height: .7rem;
  line-height: .7rem;
  border-radius: .5rem;
  text-align: center;
  position: relative;
}
.wallet_return div span {
  padding-left: .56rem;
  display: inline-block;
}
.wallet_return svg {
  position: absolute;
  left: .2rem;
  top: .1rem;
  width: .5rem;
  height: .5rem;
}
.getCode_bar {
  padding: .05rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.getCode_button {
  background: #108ee9;
  color: #fff;
  padding: .1rem 0;
  width: 1rem;
  text-align: center;
  border-radius: .15rem;
}
.turnover-tips {
  padding: .1rem .45rem;
  text-align: center;
}
.tt-title {
  font-size: .28rem;
  color: #646464;
}
.tt-tip {
  font-size: .25rem;
  margin: .2rem 0;
  color: #ea604b;
  font-weight: 700;
}
.turnover-tips table {
  width: 100%;
  border-radius: .06rem .06rem 0 0;
  overflow: hidden;
}
.turnover-tips table thead {
  background-color: #e6e6e6;
}
.turnover-tips table thead td {
  padding: .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: .55rem;
  font-size: .26rem;
}
.play-more-game {
  height: .9rem;
  line-height: .9rem;
  text-align: center;
  background-image:
    linear-gradient(
      0deg,
      #fe002d,
      #ff3035),
    linear-gradient(#0e0221, #0e0221);
  background-blend-mode: normal, normal;
  box-shadow: 0 .08rem .32rem .04rem rgba(255, 0, 0, .36);
  border-radius: .18rem;
  color: #fff;
  margin: .4rem .45rem;
  font-size: .36rem;
}
.cards-title {
  font-size: .32rem;
  padding: 0 .35rem .35rem 0;
  color: #595959;
}
.withdraw-nbank,
.withdraw-nbank-vc {
  color: #fff;
  font-size: .48rem;
  margin-top: .4rem;
  margin-bottom: .4rem;
  height: 3.4rem !important;
  line-height: 3.4rem;
  background: url(https://www.ck444.pro/mobile/mc/no_cards.b6845e57.png) no-repeat;
  border-radius: .1rem;
  background-size: auto 100%;
  background-position: 50%;
  text-align: center;
  position: relative;
}
.withdraw-nbank-vc {
  background: url(https://www.ck444.pro/mobile/mc/no_vcards.911c0c07.png) no-repeat;
  border-radius: .1rem;
  background-size: auto 100%;
  background-position: 50%;
}
.withdraw-nbank-vc span,
.withdraw-nbank span {
  font-size: .3rem;
  color: #a9a9a9;
  position: relative;
  bottom: -1.32rem;
  display: inline-block;
}
.bank-delete-icon {
  position: absolute;
  right: .2rem;
  top: .2rem;
}
.w-input-content-i18n {
  padding: 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: .3rem;
  display: flex;
  align-items: center;
  padding-right: .7rem;
  word-break: break-word;
}
.w-input-content-i18n .eye-group {
  position: absolute;
  right: .25rem;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: .44rem;
  height: .44rem;
}
.withdraw-container-v2 .tab-wrapper {
  position: relative;
}
.withdraw-container-v2 .tab-wrapper.has-mask:before {
  position: absolute;
  content: "";
  width: 100%;
  height: calc(100% - .87rem);
  left: 0;
  top: .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: .85rem;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
}
.withdraw-container-v2 .tab-wrapper .arrow-content svg {
  fill: #3b79f3;
  width: .3rem;
  height: .3rem;
}
.withdraw-container-v2 .tab-wrapper .arrow-content.arrow-left {
  padding-left: .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: .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: .5rem;
  max-height: .4rem;
  object-fit: contain;
  margin-right: .1rem;
}
.withdraw-container-v2 .am-tabs-bar img.no-txt {
  max-width: 100%;
  max-height: .4rem;
}
.withdraw-main {
  font-size: .25rem;
  background-color: #fff;
  overflow: hidden;
  min-height: calc(100vh - 1.9rem);
}
.wm-space {
  height: .2rem;
  background: #faf9fe;
}
.withdraw-bank {
  margin: .65rem 0;
  height: 4.4rem;
}
.withdraw-bkdbtn {
  height: .32rem;
  border-bottom: 1px solid #dedede;
  line-height: 0;
  font-size: 0;
  position: relative;
}
.withdraw-bkadd {
  padding: .2rem;
  background-color: #fe0000;
  border: .05rem solid #fff;
  border-radius: .5rem;
  position: absolute;
  right: .45rem;
  bottom: -.45rem;
}
.withdraw-bkinfo {
  color: #bababa;
  padding: .4rem .45rem 0;
  line-height: .34rem;
  font-size: .24rem;
}
.withdraw-bkinfo img {
  max-width: 100%;
  object-fit: contain;
}
.dark-gray {
  color: #333;
}
.translate-tips {
  margin: .25rem .45rem 0;
  color: #ea604b;
  text-align: left;
  line-height: .34rem;
  font-size: .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: .2rem;
  background: #ffcc6a;
  box-shadow: 0 .12rem .3rem 0 rgba(0, 0, 0, .2);
  color: #ee5a5a;
  font-size: .4rem;
  line-height: .6rem;
  padding: .4rem .5rem;
  font-weight: 700;
  word-break: break-word;
  z-index: 2;
}
.withdraw-tips-footer {
  border-top: 1px solid #c9b079;
  padding: .3rem 0;
  font-size: .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: .3rem;
  letter-spacing: .03rem;
}
.withdraw-container-v2 .tab-title .am-tabs-tab {
  padding: 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: .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: .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: .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: .2rem;
  display: inline-block;
  color: blue;
  font-size: .28rem;
  text-decoration: underline;
}
.withdraw-bank-card {
  flex: 1 1 0%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.withdraw-bank-card .cards-title {
  font-size: .28rem;
  color: #333;
  padding: .24rem 0 .24rem .2rem;
  position: relative;
  display: flex;
  align-items: center;
}
.withdraw-bank-card .cards-title:before {
  position: absolute;
  content: "";
  width: .1rem;
  height: .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: .2rem;
  padding: .2rem;
  border-radius: .16rem;
  margin-bottom: .2rem;
  box-shadow: 0 .05rem .15rem 0 rgba(0, 0, 0, .12);
}
.withdraw-bank-card .cards-list .card-item:nth-child(7n+1) {
  background: url(https://www.ck444.pro/mobile/mc/withdraw-card-bg1.f4a3a62f.png) no-repeat 50%/cover;
}
.withdraw-bank-card .cards-list .card-item:nth-child(7n+2) {
  background: url(https://www.ck444.pro/mobile/mc/withdraw-card-bg2.ad06aadd.png) no-repeat 50%/cover;
}
.withdraw-bank-card .cards-list .card-item:nth-child(7n+3) {
  background: url(https://www.ck444.pro/mobile/mc/withdraw-card-bg3.ccb4d828.png) no-repeat 50%/cover;
}
.withdraw-bank-card .cards-list .card-item:nth-child(7n+4) {
  background: url(https://www.ck444.pro/mobile/mc/withdraw-card-bg4.a330a105.png) no-repeat 50%/cover;
}
.withdraw-bank-card .cards-list .card-item:nth-child(7n+5) {
  background: url(https://www.ck444.pro/mobile/mc/withdraw-card-bg5.5cfd86bd.png) no-repeat 50%/cover;
}
.withdraw-bank-card .cards-list .card-item:nth-child(7n+6) {
  background: url(https://www.ck444.pro/mobile/mc/withdraw-card-bg6.df0e3b26.png) no-repeat 50%/cover;
}
.withdraw-bank-card .cards-list .card-item:nth-child(7n+7) {
  background: url(https://www.ck444.pro/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: .08rem;
}
.withdraw-bank-card .cards-list .card-item .item-top {
  flex: 1 1 0%;
  display: flex;
  align-items: center;
  gap: .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: .8rem;
  border-radius: .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: .08rem;
  font-size: .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: .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: .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: .3rem;
  height: .36rem;
}
.withdraw-bank-card .cards-tips {
  margin: .4rem 0 .3rem;
  color: #666;
  font-size: .28rem;
  text-align: center;
}
.withdraw-bank-card .add-card-btn {
  margin: .3rem 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: .6rem 0 .2rem;
  color: #666;
  font-size: .28rem;
  text-align: center;
}
.withdraw-bank-card .no-bank-card {
  color: #fff;
  font-size: .48rem;
  margin-top: .4rem;
  margin-bottom: .4rem;
  height: 3.4rem;
  line-height: 3.4rem;
  background: url(https://www.ck444.pro/mobile/mc/no_cards.b6845e57.png) no-repeat;
  border-radius: .1rem;
  background-size: auto 100%;
  background-position: 50%;
  text-align: center;
  position: relative;
}
.withdraw-bank-card .no-bank-card span {
  font-size: .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: .28rem;
  color: #333;
  padding: .24rem 0 .24rem .2rem;
  position: relative;
  display: flex;
  align-items: center;
}
.withdraw-bank-card-ew .cards-title:before {
  position: absolute;
  content: "";
  width: .1rem;
  height: .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: .2rem;
  padding: .2rem;
  border-radius: .16rem;
  margin-bottom: .2rem;
  box-shadow: 0 .05rem .15rem 0 rgba(0, 0, 0, .12);
}
.withdraw-bank-card-ew .cards-list .card-item:nth-child(7n+1) {
  background: url(https://www.ck444.pro/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(https://www.ck444.pro/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(https://www.ck444.pro/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(https://www.ck444.pro/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(https://www.ck444.pro/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(https://www.ck444.pro/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(https://www.ck444.pro/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: .08rem;
}
.withdraw-bank-card-ew .cards-list .card-item .item-top {
  flex: 1 1 0%;
  display: flex;
  align-items: center;
  gap: .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: .8rem;
  border-radius: .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: .08rem;
  font-size: .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: .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: .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: .3rem;
  height: .36rem;
}
.withdraw-bank-card-ew .cards-tips {
  margin: .4rem 0 .3rem;
  color: #666;
  font-size: .28rem;
  text-align: center;
}
.withdraw-bank-card-ew .add-card-btn {
  margin: .3rem 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: .6rem 0 .2rem;
  color: #666;
  font-size: .28rem;
  text-align: center;
}
.withdraw-bank-card-ew .no-bank-card {
  color: #fff;
  font-size: .48rem;
  margin-top: .4rem;
  margin-bottom: .4rem;
  height: 3.4rem;
  line-height: 3.4rem;
  background: url(https://www.ck444.pro/mobile/mc/no_cards.b6845e57.png) no-repeat;
  border-radius: .1rem;
  background-size: auto 100%;
  background-position: 50%;
  text-align: center;
  position: relative;
}
.withdraw-bank-card-ew .no-bank-card span {
  font-size: .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: .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: .92rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .32rem;
  color: #333;
  border-radius: .16rem .16rem 0 0;
}
.select-bank-wrapper .select-list .select-item {
  padding: .1rem 0;
  margin: 0 .4rem;
  min-height: .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: .15rem;
  font-size: .28rem;
  color: #333;
}
.select-bank-wrapper .select-list .select-item .item-group.only-img img {
  height: .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: .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: .28rem;
  color: #333;
  padding: .24rem 0 .24rem .2rem;
  position: relative;
  display: flex;
  align-items: center;
}
.withdraw-bank-card-vc .cards-title:before {
  position: absolute;
  content: "";
  width: .1rem;
  height: .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: .2rem;
  padding: .2rem;
  border-radius: .16rem;
  margin-bottom: .2rem;
  box-shadow: 0 .05rem .15rem 0 rgba(0, 0, 0, .12);
}
.withdraw-bank-card-vc .cards-list .card-item:nth-child(7n+1) {
  background: url(https://www.ck444.pro/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(https://www.ck444.pro/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(https://www.ck444.pro/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(https://www.ck444.pro/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(https://www.ck444.pro/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(https://www.ck444.pro/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(https://www.ck444.pro/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: .08rem;
}
.withdraw-bank-card-vc .cards-list .card-item .item-top {
  flex: 1 1 0%;
  display: flex;
  align-items: center;
  gap: .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: .8rem;
  border-radius: .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: .08rem;
  font-size: .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: .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: .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: .3rem;
  height: .36rem;
}
.withdraw-bank-card-vc .cards-tips {
  margin: .4rem 0 .3rem;
  color: #666;
  font-size: .28rem;
  text-align: center;
}
.withdraw-bank-card-vc .add-card-btn {
  margin: .3rem 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: .6rem 0 .2rem;
  color: #666;
  font-size: .28rem;
  text-align: center;
}
.withdraw-bank-card-vc .no-bank-card {
  color: #fff;
  font-size: .48rem;
  margin-top: .4rem;
  margin-bottom: .4rem;
  height: 3.4rem;
  line-height: 3.4rem;
  background: url(https://www.ck444.pro/mobile/mc/no_vcards.911c0c07.png) no-repeat;
  border-radius: .1rem;
  background-size: auto 100%;
  background-position: 50%;
  text-align: center;
  position: relative;
}
.withdraw-bank-card-vc .no-bank-card span {
  font-size: .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: .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(https://www.ck444.pro/mobile/mc/bank-icon.dede4e29.png) no-repeat 50%/.55rem .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(https://www.ck444.pro/mobile/mc/vbank-icon.f30d9229.png) no-repeat 50%/.55rem .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(https://www.ck444.pro/mobile/mc/ebank-icon.211e86d0.png) no-repeat 50%/.55rem .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(https://www.ck444.pro/mobile/mc/withdraw-card-default.61270f85.png) no-repeat 50%/cover;
  padding: 0 .2rem;
  border-radius: .16rem;
  margin: 0 0 .2rem;
  box-shadow: 0 .05rem .15rem 0 rgba(0, 0, 0, .12);
  text-align: left;
}
.my-withdraw-cards-wrap .no-bank-card span {
  bottom: auto;
  position: relative;
  padding-left: .86rem;
  display: flex;
  align-items: center;
  font-size: .26rem;
  color: #333;
}
.my-withdraw-cards-wrap .no-bank-card span:before {
  position: absolute;
  content: "";
  left: 0;
  width: .7rem;
  height: .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: .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: .92rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .32rem;
  color: #333;
  border-radius: .16rem .16rem 0 0;
}
.my-cards-select-wrapper .select-list .select-item {
  padding: .1rem 0;
  margin: 0 .4rem;
  min-height: .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: .15rem;
  font-size: .28rem;
  color: #333;
}
.my-cards-select-wrapper .select-list .select-item .item-group.only-img img {
  height: .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: .32rem;
  object-fit: contain;
}
.my-cards-select-wrapper .select-close svg {
  width: 1.42rem;
  height: 1.42rem;
}
.my-banks-wrap {
  margin: 0 .2rem;
  height: calc(100vh - 1rem);
  height: calc(var(--vh, 1vh)*100 - 1rem);
  display: flex;
  flex-direction: column;
}
.my-ew-banks-wrap {
  margin: 0 .2rem;
  height: calc(100vh - 1rem);
  height: calc(var(--vh, 1vh)*100 - 1rem);
  display: flex;
  flex-direction: column;
}
.my-vb-banks-wrap {
  margin: 0 .2rem;
  height: calc(100vh - 1rem);
  height: calc(var(--vh, 1vh)*100 - 1rem);
  display: flex;
  flex-direction: column;
}
.red-rain-select {
  height: .8rem;
  text-align: center;
  line-height: .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: .16rem;
}
#root .red-rain-lpbody .am-navbar-right {
  flex: 1 1 auto;
  padding-right: .16rem;
  display: flex;
  justify-self: flex-end;
}
.red-rain-sall,
.red-rain-sdone {
  position: absolute;
}
.red-rain-sall {
  left: .45rem;
}
.red-rain-sdone {
  right: .45rem;
}
.red-rain-underling {
  padding: .2rem .45rem;
  background: #f5f5f5;
}
.red-rain-underling span {
  display: inline-block;
  min-width: 1.5rem;
  min-height: .5rem;
  text-align: center;
  padding: .1rem;
  font-size: .3rem;
  margin-bottom: .1rem;
  color: #5e5e5e;
  border: 1px solid #5e5e5e;
  border-radius: .1rem;
  margin-right: .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 .45rem;
  height: 1.06rem;
  position: relative;
}
.red-rain-opleft {
  position: absolute;
  left: .45rem;
  top: .32rem;
}
.red-rain-oname {
  margin-left: .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: .2rem;
}
.red-rain-main {
  padding: 0 .45rem;
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh)*100);
}
.red-rain-top {
  padding: .4rem 0;
  position: relative;
  border-bottom: 1px solid #d1d1d1;
  font-size: .3rem;
}
.red-rain-tleft {
  width: 1.12rem;
  color: #848484;
  left: 0;
  word-break: break-all;
}
.red-rain-tright {
  width: .4rem;
  height: .4rem;
  color: #4c84f8;
  border-radius: 100%;
  text-align: center;
  line-height: .4rem;
  right: 0;
}
.red-rain-tleft,
.red-rain-tright {
  position: absolute;
  top: .45rem;
}
.red-rain-tcenter {
  padding: 0 .5rem 0 1.3rem;
  max-height: 3rem;
  overflow: auto;
  word-break: break-all;
}
.red-rain-tcenter span {
  display: inline-block;
  padding: .05rem 0;
}
.red-rain-type {
  height: 1.22rem;
  padding: .3rem 0;
}
.red-rain-tetit {
  float: left;
  line-height: .62rem;
}
.red-rain-bottom {
  padding: .1rem 0 .7rem;
}
.red-rain-input input {
  padding-left: .2rem;
  width: 100%;
  height: 1.04rem;
  margin: .2rem 0;
  background-color: #efefef;
  border-radius: .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: .02rem solid #3879d9;
}
.red-rain-sub {
  margin: .1rem 0;
  color: #fff;
}
.red-rain-leftbody,
.red-rain-leftpull {
  -webkit-transition: all .25s ease-out;
  -moz-transition: all .25s ease-out;
  -o-transition: all .25s ease-out;
  transition: all .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, .3);
  position: absolute;
  left: 0;
  top: 0;
  right: 75%;
  bottom: 0;
}
.team-manage-wrapper header .info {
  margin-left: .09rem;
  display: flex;
  align-items: center;
}
.team-manage-wrapper header .info svg {
  width: .33rem;
  height: .33rem;
}
.team-manage-wrapper header .am-navbar-right {
  padding: 0 .3rem 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 .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: .32rem;
  padding: .28rem .62rem;
  position: relative;
  text-align: left;
}
.team-manager-modal .modal-list-header .popup-close {
  position: absolute;
  right: .4rem;
  top: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
}
.team-manager-modal .modal-list-header .popup-close svg {
  fill: #b7b7b7;
  width: .48rem;
  height: .48rem;
}
.team-manager-modal .modal-list-content {
  padding: 0 .5rem 0 .62rem;
  color: #5b5b5b;
  font-size: .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: .14rem 0;
  display: flex;
  align-items: center;
  position: relative;
  gap: .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: .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(https://www.ck444.pro/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: .36rem;
}
.member-detail-wrapper header svg {
  position: absolute;
  left: .25rem;
  fill: #fff;
}
.member-detail-wrapper .member-detail-top {
  background-size: cover;
  margin: 0 .4rem;
  display: flex;
  flex-wrap: wrap;
  color: #fff;
  margin-bottom: .23rem;
}
.member-detail-wrapper .member-detail-top .item-left .avatar-icon {
  width: 1.16rem;
  height: 1.16rem;
  border-radius: .58rem;
  overflow: hidden;
  border: .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: .15rem;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.member-detail-wrapper .member-detail-top .item-right .item-name {
  font-size: .34rem;
  text-align: left;
}
.member-detail-wrapper .member-detail-top .item-right .item-name .nickname-wrap {
  margin-left: .17rem;
  vertical-align: middle;
}
.member-detail-wrapper .member-detail-top .item-right .item-name .nickname-wrap svg {
  width: .35rem;
  height: .35rem;
}
.member-detail-wrapper .member-detail-top .item-right .item-name .nickname-wrap .nickname-item {
  width: 1.31rem;
  display: inline-block;
  padding-left: .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: .02rem;
  background-color: #a0a0a0;
  bottom: .03rem;
  left: 0;
}
.member-detail-wrapper .member-detail-top .item-right .item-avail {
  font-size: .48rem;
  text-align: left;
}
.member-detail-wrapper .member-detail-top .item-date {
  flex: 0 0 100%;
  margin: .1rem 0 0;
  font-size: .24rem;
  text-align: left;
}
.member-detail-wrapper .member-detail-top .item-date .date-title {
  position: relative;
  padding-right: .2rem;
}
.member-detail-wrapper .member-detail-top .item-date .date-title:before {
  position: absolute;
  content: ":";
  right: .1rem;
}
.member-detail-wrapper .member-detail-btn {
  border-radius: .26rem;
  background-color: hsla(0, 0%, 100%, .8);
  display: flex;
  justify-content: space-around;
  margin: 0 .24rem;
  padding: .2rem 0;
}
.member-detail-wrapper .member-detail-btn .btn-item {
  font-size: .24rem;
  color: #212121;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.member-detail-wrapper .member-detail-btn .btn-item img {
  width: .64rem;
  object-fit: contain;
  margin-bottom: .13rem;
}
.member-detail-wrapper .member-detail-tab {
  margin: 0 .24rem;
}
.member-detail-wrapper .member-detail-tab .am-tabs-bar {
  position: relative;
  margin-top: .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: .3rem;
  font-weight: 700;
  width: 50%;
  word-break: break-all;
  height: inherit;
  line-height: inherit;
  padding: 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: -.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: .36rem;
  height: .05rem;
  background-color: #ec2529;
  bottom: -.05rem;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: .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: .38rem;
  height: .38rem;
  background-color: #fea195;
  border-radius: .19rem;
  position: relative;
  margin: auto 0 auto .12rem;
}
.member-detail-wrapper .member-detail-tab .am-tabs-bar .am-tabs-tab-active .icon-setrebate svg {
  width: .23rem;
  height: .23rem;
  fill: #fff;
}
.member-detail-wrapper .member-detail-tab .am-tabs-content {
  margin-top: .28rem;
  color: #616161;
  font-size: .28rem;
  line-height: 2.5;
}
.member-detail-wrapper .member-detail-tab .am-tabs-content .am-tabs-tabpane {
  padding: 0 1.12rem .28rem;
  background-color: #fafafa;
  border-radius: .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: .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 .3rem .1rem;
}
.info-modal.am-modal-transparent .am-modal-content .am-modal-body .info-title {
  font-size: .32rem;
  font-weight: 700;
  line-height: normal;
}
.info-modal.am-modal-transparent .am-modal-content .am-modal-body .info-content {
  margin-top: .2rem;
  color: #616161;
  font-size: .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: .28rem;
}
.footer-content-item-income {
  box-shadow: 0 -.07rem .1rem 0 rgba(0, 0, 0, .08);
  position: fixed;
  bottom: 0;
  background: #fff;
  width: 100%;
  font-size: .24rem;
}
.footer-content-item-income .footer-rows-wrap {
  padding: .27rem .24rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: .16rem 0;
}
.footer-content-item-income .footer-rows-wrap .footer-rows {
  font-size: .24rem;
  font-weight: 500;
  color: #1b1b1b;
  width: 50%;
  display: flex;
  padding: .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: .3rem;
  margin-top: .1rem;
}
.total-hands {
  color: #108ee9;
  font-style: normal;
  margin: 0 .1rem;
}
.pnl-filter-type svg {
  width: 20;
}
.cons-bet-item .records-item-content-box {
  background-color: #fafafa;
  padding-top: .12rem;
}
.cons-bet-item .records-item-content-box.content {
  border-radius: .08rem;
  color: #616161;
  font-size: .24rem;
  font-weight: 500;
  display: flex;
  flex-wrap: wrap;
  gap: .16rem 0;
  padding: .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: .06rem;
}
.cons-bet-item.income-records-root {
  padding: .26rem;
  margin: 0 !important;
}
.cons-bet-item .mc_common_overflow span {
  color: #c9c9c9;
}
.gameCecords-list-root .am-activity-indicator {
  justify-content: center;
  padding-bottom: .4rem;
}
.gameCecords-list-root .top-tip {
  position: absolute;
  top: -.4rem;
  left: 0;
  z-index: 1;
  width: 100%;
  height: .4rem;
  line-height: .4rem;
  text-align: center;
  font-size: .28rem;
  color: #000;
  opacity: .4;
}
.lott-records-root .records-item-content-sy > div {
  margin-bottom: .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: .1rem 0;
}
.mc-new-team-tab .mc-agent-team-tab {
  height: .8rem;
  z-index: 999;
  background: #fff;
  line-height: .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: .8rem;
  border-bottom: .04rem solid #fff;
}
.mc-new-team-tab .mc-agent-team-tab .am-flexbox-item.tab-active {
  border-bottom: .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 .07rem .1rem 0 rgba(0, 0, 0, .08);
  z-index: 1;
  position: relative;
  top: 0;
  height: .97rem;
}
.mc-agent-team-filter-income .pdfc-mask {
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 8;
  background: rgba(0, 0, 0, .3);
}
.mc-agent-team-filter-income .filter-container {
  position: relative;
  background-color: #fff;
  padding: .2rem;
  top: 0;
  box-shadow: 0 .05rem .1rem -.04rem #8c8c8c;
  opacity: 0;
  z-index: -999;
  animation-duration: .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% - .12rem);
  height: .6rem;
  line-height: .6rem;
  text-align: center;
  font-size: .28rem;
  margin: .06rem;
  border-radius: .1rem;
  color: #565656;
  border: .02rem solid #d6d6d6;
  vertical-align: top;
  overflow: hidden;
}
.mc-agent-team-filter-income .filter-container .game-label.ck-icon {
  top: 0;
  border: .02rem solid #fe0425;
  color: #fe0425;
}
.mc-agent-team-filter-income .filter-container .bet-filter-item-content > div {
  display: inline-block;
  min-width: calc(33% - .12rem);
  height: .6rem;
  line-height: .6rem;
  text-align: center;
  font-size: .28rem;
  margin: .06rem;
  border-radius: .1rem;
  color: #565656;
  border: .02rem solid #d6d6d6;
  vertical-align: top;
  overflow: hidden;
}
.mc-agent-team-filter-income .filter-container .bet-filter-item-content > div.ck-date {
  border: .02rem solid #fe0425;
  color: #fe0425;
}
.mc-agent-team-filter-income .filter-top {
  font-size: .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: .15rem;
  top: 0 !important;
  width: .18rem;
  height: .18rem;
}
.mc-agent-team-filter-income .mc-agent-team-filter-search {
  flex: 1 1 0%;
  height: .6rem;
  line-height: .6rem;
  padding: 0 .1rem;
  top: .1rem;
  position: relative;
  display: inline-block;
}
.mc-agent-team-filter-income .mc-agent-team-filter-search svg {
  left: .2rem;
  top: .13rem;
  position: absolute;
}
.mc-agent-team-filter-income .mc-agent-team-filter-search input {
  height: .6rem;
  padding: 0 .1rem 0 .6rem;
  border-radius: .4rem;
  display: inline-block;
  background-color: #f5f5f5;
  border: none;
  outline: none;
}
.mc-agent-team-filter-income .mc-agent-team-filter-date {
  top: .1rem;
  min-width: 1.8rem;
  position: relative;
  font-size: .26rem;
  height: .77rem;
  text-align: center;
  line-height: .77rem;
  display: inline-block;
}
.mc-agent-team-filter-income .mc-agent-team-filter-date svg {
  position: relative;
  top: .16rem;
  transform: rotate(-90deg);
}
.income-tab .am-flexbox-item {
  height: .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: .18rem;
  height: .18rem;
  margin: 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: .52rem;
  line-height: .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, .1);
}
.direct-member-pop .popup-wrapper {
  background: #fff;
  border-radius: .2rem .2rem 0 0;
  width: 100%;
  position: absolute;
  top: 0;
  overflow: hidden;
  animation: detail-slideInUp .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: .4rem;
  top: .2rem;
  z-index: 2;
  width: .4rem;
  height: .4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.direct-member-pop .close-btn svg {
  width: .22rem;
  height: .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: .22rem;
  padding: 1em 5% 0;
}
.ug-order-info .header-back {
  line-height: 1rem;
  text-align: center;
  font-size: .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: .22rem;
  padding: .1rem;
  border-radius: .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: .25rem;
  text-align: left;
}
.exclude-info-wrap .red-title {
  color: red;
  text-align: left;
  font-weight: 700;
  margin-bottom: .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: .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: .1rem;
  margin-top: .3rem;
  padding: .1rem .2rem .2rem;
}
.mc-lott-record-root .select-Box .type {
  display: inline-block;
  padding: 0 .15rem;
  font-size: .32rem;
  color: #108ee9;
  position: absolute;
  background: #fff;
  transform: translateY(-.3rem);
}
.mc-lott-record-root .select-Box span {
  margin-right: .2rem;
  color: #888;
  border: 1px solid #ddd;
  display: inline-block;
  position: relative;
  font-size: .28rem;
  text-align: center;
  padding: 0 .3rem;
  height: .5rem;
  line-height: .5rem;
  border-radius: .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: .2rem;
}
.mc-lott-record-root .main {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  z-index: 2;
  transition: all .25s ease-out;
}
.mc-lott-record-root .play-chooser {
  visibility: hidden;
  opacity: 0;
  top: 0;
  padding: 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 .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 .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: .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: .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: .4rem;
}
.exclude-records-root .records-item-header-sy {
  background: #fff;
  display: flex;
  align-items: center;
  padding: .14rem .3rem;
  height: .7rem;
  line-height: .7rem;
}
.exclude-records-root .records-item-header-sy .details > span {
  font-size: .26rem;
  color: #108ee9;
  padding: .2rem 0 .2rem .3rem;
}
.exclude-records-root .records-item-content-sy {
  background: #f9f9f9;
  font-size: .26rem;
  padding: .3rem .3rem .2rem;
}
.exclude-records-root .records-item-content-sy .info-box > span {
  margin-bottom: .1rem;
}
.records-item-header-sy {
  position: relative;
}
.records-item-header-sy .full_name_tip {
  line-height: 1;
  border-radius: .05rem;
  opacity: 0;
  color: #fff;
  position: absolute;
  top: .8rem;
  max-width: 80%;
  margin: 0;
  background-color: gray;
  padding: .1rem;
  transition: all .5s cubic-bezier(.075, .82, .165, 1);
}
.records-item-header-sy .full_name_tip:after {
  left: .3rem;
  border-left: .2rem solid transparent;
  border-bottom: .2rem solid gray;
  border-right: .2rem solid transparent;
  border-top: .2rem solid transparent;
  bottom: 100%;
  content: "";
  position: absolute;
  height: 0;
  width: .03rem;
}
.records-item-header-sy .full_name_tip.showTip {
  opacity: 1;
}
.lottOrderInfo_root {
  font-size: .26rem;
  padding: .2rem .4rem .1rem;
  background: #fff;
  border-bottom: 1px solid #cecdcd;
}
.lottOrderInfo_root span {
  margin-bottom: .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: .26rem;
  margin-bottom: .2rem;
}
.lott-detail .records-info-sy .order-info {
  border-bottom: 1px solid #cecdcd;
  padding: .3rem .6rem .2rem;
}
.lott-detail .records-info-sy .info-box > span {
  margin-bottom: .1rem;
}
.lott-detail .records-info-sy .order-money {
  padding: .3rem .6rem .2rem;
}
.deposit-promo .act-title {
  color: #747474;
  margin-top: .14rem;
}
.deposit-promo .act-container .act-item {
  background: #fff;
  border-radius: .08rem;
  color: #7f7f7f;
  overflow: hidden;
  border: 1px solid #efefef;
  margin-top: .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: .1rem .2rem;
  color: #7f7f7f;
}
.deposit-promo .act-container .act-prom-name {
  position: relative;
  padding: .2rem 30% .2rem .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 .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: .26rem;
  padding: .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: .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, .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: .15rem;
  padding-right: .15rem;
}
.rmc-picker-popup-item {
  color: #0ae;
  font-size: .32rem;
  height: .88rem;
  line-height: .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: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(.55, 0, .55, .2);
  animation-timing-function: cubic-bezier(.55, 0, .55, .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: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(.55, 0, .55, .2);
  animation-timing-function: cubic-bezier(.55, 0, .55, .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: .32rem;
  height: .68rem;
  line-height: .68rem;
  padding: 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%, .95),
      hsla(0, 0%, 100%, .6)),
    linear-gradient(
      0deg,
      hsla(0, 0%, 100%, .95),
      hsla(0, 0%, 100%, .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: .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 {
  width: 1rem;
  height: 1rem;
  position: fixed;
  top: 0;
  left: .3rem;
  z-index: 11 !important;
  display: flex;
  align-items: center;
}
.game-back-icon svg {
  fill: #606060;
}
.myActivity .mc-header-wrap .am-navbar-right {
  padding-left: .3rem;
}
.myActivity .mc-header-wrap .return_icon {
  padding-right: .3rem;
}
.rescue-content {
  white-space: wrap;
  height: auto;
  overflow: auto;
  margin: .15rem 0;
  max-height: 5rem;
}
.rescue-list {
  margin-top: -.85rem;
}
.rescue-list .rescue-item {
  position: relative;
  font-size: .28rem;
  vertical-align: top;
  margin: .2rem;
  padding: .2rem .2rem .2rem 1.4rem;
  overflow: hidden;
  border-radius: .1rem;
  background: #fff;
  box-shadow: 0 .08rem .32rem hsla(0, 0%, 54%, .08);
  list-style: none;
  white-space: nowrap;
  background-image: url(https://www.ck444.pro/mobile/mc/money.1101a9c5.png);
  background-position: .2rem .15rem;
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
}
.rescue-list .rescue-item .list-title {
  font-weight: 700;
  color: #b3b3b3;
  font-size: .24rem;
}
.rescue-list .rescue-item .list-title .rescue-money {
  margin-bottom: .2rem;
  font-size: .38rem;
  color: #f94b3f;
}
.rescue-list .rescue-item .rescue-item-submit {
  position: absolute;
  top: 50%;
  right: 5%;
  height: 2em;
  line-height: 2em;
  width: 1.38rem;
  transform: translateY(-50%);
  background:
    linear-gradient(
      90deg,
      #f8493f,
      #fd603f);
  display: inline;
  color: #fff;
  font-size: .26rem;
  padding: 0 .25rem;
  border-radius: .4rem;
  text-align: center;
  margin-left: .2rem;
}
.rescue-list .rescue-item .rescue-item-submit.finshed {
  font-size: 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-image: url(https://www.ck444.pro/mobile/mc/check.7bd3914a.png);
}
.savior-list {
  color: #9a9a9a;
  padding: .2rem;
}
.savior-list h3 {
  color: #6e6e6e;
  font-weight: 700;
  padding-bottom: .2rem;
}
.savior-list td {
  height: .25rem;
  text-align: center;
  border: 1px solid #ccc;
}
.mall-user-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  max-width: 2.5rem;
  overflow: hidden;
}
.tr-item-content-item {
  align-items: center;
}
.tr-item-content-item .detail-button {
  border-radius: .3rem;
  padding: .2rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: .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: .2rem .2rem .3rem;
}
.rebate-classify-history .classify-head {
  min-height: .5rem;
  padding-bottom: .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: .3rem;
  flex: 1 1 0%;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #fff;
  padding: .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: .2rem .3rem 0;
  background: #f5f5f5;
  overflow: auto;
}
.manual-rebate .mc-agent-team-tab .am-flexbox-item {
  height: .8rem;
  width: 50%;
  font-size: .3rem;
}
.manual-rebate .mc-agent-team-tab .am-flexbox-item.tab-active {
  color: #108ee9;
  width: 100%;
  border-bottom: .04rem solid #108ee9;
}
.manual-rebate .banner {
  display: flex;
  height: .8rem;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0 .15rem;
  margin-bottom: .3rem;
  border-radius: .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 .04rem;
  letter-spacing: 0;
  word-break: break-all;
}
.manual-rebate .banner .money {
  line-height: .8rem;
  font-size: .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 .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: .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: .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: .3rem;
}
#mc-app-home-root.gc .sectionHeader .title {
  height: 1.2rem;
  position: relative;
  padding-left: .5rem;
}
#mc-app-home-root.gc .sectionHeader .title > b {
  display: inline-block;
  width: .2rem;
  height: .2rem;
  border-radius: 50%;
  position: absolute;
  top: .85rem;
  left: .2rem;
}
#mc-app-home-root.gc .sectionHeader .title > .gameType {
  position: absolute;
  top: .7rem;
  margin-left: .2rem;
  font-size: .4rem;
}
#mc-app-home-root.gc .sectionHeader .title > .more {
  position: absolute;
  font-size: .28rem;
  right: .4rem;
  bottom: .05rem;
  color: #108ee9;
  padding: .3rem 0 0 .5rem;
}
.sy_game_item {
  padding: .4rem .6rem;
  border-bottom: 1px solid #e9e9e9;
  height: 1.85rem;
}
.sy_game_icon > img {
  height: 1.2rem;
  width: 1.2rem;
  border-radius: .14rem;
}
.sy_game_name {
  font-size: .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: .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: .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: .16rem;
  height: .16rem;
  margin: 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: .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: .18rem;
  font-size: .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: .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: .3rem;
  font-size: .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: .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: .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: .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: .58rem;
  height: .42rem;
  display: inline-block;
  background: url(https://www.ck444.pro/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: .58rem;
  height: .42rem;
  display: inline-block;
  background: url(https://www.ck444.pro/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: -.1rem;
  right: .12rem;
}
#mc-app-home-root.gc .lott-container .lott-img-container .tag-img-coordinates-bottom {
  top: .4rem;
  right: .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: .14rem;
  padding: .15rem 0 .09rem .15rem;
}
#mc-app-home-root.gc .not-square-grid .am-grid-icon {
  width: .4rem;
  height: .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: .1rem;
  padding-top: .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: .24rem;
}
#mc-app-home-root.gc .gc-menu-tab .gc-menu-tab-item > .am-icon {
  font-size: .5rem;
  width: .5rem;
  height: .5rem;
}
#mc-app-home-root.gc .gc-menu-tab .gc-menu-tab-item > .title {
  font-size: .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: .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: .15rem;
  margin-bottom: .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: .15rem;
  margin-bottom: .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: .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: .63rem;
  position: relative;
}
.rngList .select-Box > div {
  border: 1px solid #108ee9;
  border-radius: .2rem;
  margin-top: .3rem;
  padding: .1rem .2rem .2rem;
}
.rngList .select-Box .type {
  display: inline-block;
  padding: 0 .15rem;
  font-size: .32rem;
  color: #108ee9;
  position: absolute;
  background: #fff;
  transform: translateY(-.3rem);
}
.rngList .select-Box span {
  margin-right: .2rem;
  color: #888;
  border: 1px solid #ddd;
  display: inline-block;
  position: relative;
  font-size: .28rem;
  text-align: center;
  padding: 0 .3rem;
  height: .5rem;
  line-height: .5rem;
  border-radius: .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: .2rem 0;
}
.rngList .main {
  height: 100%;
}
.rngList .play-chooser {
  padding: 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 .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 .5s;
  position: absolute;
  visibility: hidden;
  width: 100%;
  height: 100%;
  z-index: 9;
  opacity: 0;
  background-color: #000;
}
.rngList .chooser-mask.show {
  opacity: .5;
  visibility: visible;
  overflow: hidden;
}
.rngList .am-activity-indicator-spinner-lg {
  margin: 0;
}
.gold_egg_root {
  z-index: 100029;
}
.gold_egg_bg,
.gold_egg_root {
  position: absolute;
  height: 100%;
  width: 100%;
}
.gold_egg_bg {
  background-image: url(https://www.ck444.pro/mobile/mc/egg_bg.be482b8a.png);
  background-size: 100% 100%;
  z-index: 100026;
  background-color: #6e0e00;
}
.gold_egg_root .am-icon-left {
  position: absolute;
  top: .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;
  margin-top: .3rem;
}
.egg_root {
  display: inline-block;
  position: relative;
}
.gold_egg_root .prize_message {
  word-break: break-word;
  width: 75%;
  white-space: normal;
  font-size: .26rem;
  line-height: 1.4;
  letter-spacing: 0;
  text-shadow: 0 0 .07rem #ec2529, 0 0 .07rem #ec2529;
  color: #fcf7d3;
  font-weight: 900;
  position: absolute;
  left: 50%;
  top: .38rem;
  transform: translateX(-50%);
  z-index: 100030;
  opacity: 0;
}
.gold_egg_root .eggOpen .prize_message {
  opacity: 1;
}
.gold_egg_root .selected.eggOpen .egg_root .egg {
  transition-property: all;
  background-image: url(https://www.ck444.pro/mobile/mc/egg_open.a209e649.png);
  background-repeat: no-repeat;
  background-position-y: bottom;
}
.egg_root .egg {
  background-image: url(https://www.ck444.pro/mobile/mc/egg.7929f68e.png);
  background-size: contain;
  height: 2.18rem;
  width: 1.53rem;
  position: relative;
  z-index: 100023;
  display: inline-block;
  transform-origin: 50% 100%;
}
.otherEgg.eggOpen .egg_root .egg {
  background-image: url(https://www.ck444.pro/mobile/mc/egg_open2.752f7542.png);
  background-size: 100% 100%;
  background-position-y: bottom;
}
.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;
}
.egg_root .golden_light {
  opacity: 0;
}
.gold_egg_root .selected.eggOpen .egg_root .golden_light {
  background-image: url(https://www.ck444.pro/mobile/mc/light.2fb4198f.png);
  animation: light_move .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: -.6rem;
  left: -.17rem;
  z-index: 100021;
  opacity: 1;
}
.gold_egg_root .otherEgg.eggOpen .egg_root .golden_light {
  background-image: url(https://www.ck444.pro/mobile/mc/light2.766b9a37.png);
}
.egg_root .chuizi {
  background-image: url(https://www.ck444.pro/mobile/mc/chuizi.85a31d34.png);
  background-size: 100% 100%;
  width: .86rem;
  height: .67rem;
  display: inline-block;
  position: absolute;
  right: -.25rem;
  top: .2rem;
  z-index: 100029;
  display: none;
}
.egg_root .liewen1 {
  background-image: url(https://www.ck444.pro/mobile/mc/liewen1.b7f78079.png);
  width: .57rem;
  height: .69rem;
  right: .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(https://www.ck444.pro/mobile/mc/liewen2.4e785e0c.png);
  width: .62rem;
  height: .6rem;
  left: .43rem;
  animation-delay: .5s;
}
.egg_root .liewen3 {
  background-image: url(https://www.ck444.pro/mobile/mc/liewen3.ba5d8466.png);
  background-size: 100% 100%;
  width: .29rem;
  height: .81rem;
  display: inline-block;
  position: absolute;
  right: .59rem;
  top: 0;
  animation-delay: .7s;
  opacity: 0;
  z-index: 100025;
}
.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: .6s;
  animation-timing-function: cubic-bezier(0, .76, .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: .7s;
  animation-timing-function: cubic-bezier(0, 1.46, .73, .84);
  animation-iteration-count: 1;
  transform-origin: 100% 100%;
  display: inline-block;
}
.egg_root .red_bag {
  display: inline-block;
  background-image: url(https://www.ck444.pro/mobile/mc/redBag.fddbd011.png);
  background-size: 100% 100%;
  width: .92rem;
  height: .85rem;
  z-index: 100022;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: .8rem;
}
.gold_egg_root .selected.eggOpen .egg_root .red_bag {
  top: -.1rem;
  transition-property: top;
  transition-duration: .3s;
}
.egg_root .egg_top {
  background-image: url(https://www.ck444.pro/mobile/mc/egg_top.d349dc9a.png);
  background-size: 100% 100%;
  width: .93rem;
  height: .74rem;
  position: absolute;
  transform: rotate(202deg);
  z-index: 100027;
  left: .33rem;
  top: -.07rem;
  opacity: 0;
}
.gold_egg_root .selected.eggOpen .egg_root .egg_top {
  display: inline-block;
  animation: egg_drop .7s 0s cubic-bezier(0, .76, .05, 1) forwards;
}
.gold_egg_root .eggOpen.otherEgg .egg_root .egg_top {
  background-image: url(https://www.ck444.pro/mobile/mc/egg_top2.0b912151.png);
  left: -.5rem;
  top: 1.3rem;
  opacity: 1;
}
.getEgg_container .ticket_message {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 6rem;
  height: 3.1rem;
  transform: translate(-50%, -50%) scale(.7);
  background-image: url(https://www.ck444.pro/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: .1rem;
}
.getEgg_container .ticket_message > div {
  background-image: url(https://www.ck444.pro/mobile/mc/message_bg2.8f3893ae.png);
  background-size: 100% 100%;
  width: 7.14rem;
  height: 3.3rem;
  position: absolute;
  top: -.43rem;
  left: -.61rem;
}
.getEgg_container .ticket_message.messageOpen {
  transform: translate(-50%, -50%) scale(1);
  transition: all .3s;
  transition-delay: .5s;
  opacity: 1;
  z-index: 100032;
  text-align: center;
}
.getEgg_container .ticket_message h1 {
  font-size: .48rem;
  color: #d33100;
  text-align: center;
}
.getEgg_container .ticket_message p {
  text-align: center;
  font-size: .36rem;
  color: #332b28;
  margin-top: .18rem;
  letter-spacing: .02rem;
}
.gold_egg_root .lossMessage {
  font-size: .36rem;
  color: #332b28;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.getEgg_container .ticket_message .close_button {
  width: .6rem;
  height: .6rem;
  display: inline-block;
  background-image: url(https://www.ck444.pro/mobile/mc/close.b7e9ed35.png);
  background-size: 100% 100%;
  position: absolute;
  right: -.2rem;
  top: -.3rem;
}
.message_mask.messageOpen {
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: rgba(0, 0, 0, .2);
  z-index: 100031;
}
@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% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(70deg);
  }
  to {
    transform: rotate(0deg);
  }
}
@keyframes light_move {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
@keyframes liewen_open {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
@keyframes egg_drop {
  0% {
    opacity: 1;
    transform: translate(0);
  }
  to {
    opacity: 1;
    transform: translate(-.83rem, 1.37rem);
  }
}
.egg_title_container {
  height: 1.44rem;
  position: relative;
  padding-top: .26rem;
  margin: 0 auto;
}
.egg_title {
  display: inline-block;
  font-size: .54rem;
  bottom: 0;
  width: 100%;
}
.egg_title,
.subtitle {
  font-weight: 700;
  background:
    linear-gradient(
      180deg,
      #e8c463,
      #fcf7d3,
      #e8c463);
  -webkit-background-clip: text;
  color: transparent;
  position: absolute;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
}
.subtitle {
  font-size: .28rem;
  top: 4.2rem;
  margin-top: .28rem;
}
@media (max-device-width:414px) {
  .gold_egg_root ul {
    top: 4.8rem;
  }
  .gold_egg_root ul li .egg_root {
    height: 1.8rem;
    transform: scale(.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(.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(.9);
  }
}
@media only screen and (device-width:414px)and (device-height:896px)and (-webkit-device-pixel-ratio:2) {
  .gold_egg_root ul {
    top: 6.2rem;
  }
}
@media 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: .1rem;
  height: .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 .51333rem #00ffae,
      -1.91rem -3.01667rem #b0f,
      .96rem -2.25667rem #ffd500,
      -1.5rem -3.65667rem #d000ff,
      .27rem -4.03667rem #7f0,
      -.64rem .28333rem #59ff00,
      -2rem -2.66667rem #f10,
      1.22rem .18333rem #07f,
      -.68rem -3.13667rem #00ff80,
      -2.29rem -3.42667rem #ff8400,
      .08rem -1.59667rem #4cff00,
      .85rem .56333rem #00f2ff,
      2.02rem -.12667rem #bf0,
      .54rem -.53667rem #00ff2b,
      -1.26rem -.71667rem #ff6200,
      -1.86rem -.82667rem #00ff04,
      2.13rem -.23667rem #9500ff,
      -2.03rem .43333rem #000dff,
      -1.63rem -3.06667rem #2600ff,
      1.87rem -1.73667rem #eaff00,
      1.05rem -3.09667rem #00ffd9,
      .78rem -.43667rem #00ffea,
      1.5rem -4.02667rem #ff006a,
      .6rem -.78667rem #0df,
      1.51rem -4.08667rem #ff00a6,
      -2.26rem -2.99667rem #51ff00,
      -2.28rem .18333rem #4000ff,
      -1.63rem -2.27667rem #5eff00,
      1.95rem .33333rem #f700ff,
      1.23rem -1.00667rem #ff0048,
      -2.38rem -.64667rem #ff0037,
      2.06rem -.06667rem #008cff,
      .67rem -.80667rem #ff00e6,
      -1.24rem -2.44667rem #8f0,
      -1.64rem -2.89667rem #e0f,
      -1.13rem .10333rem #0df,
      1.73rem .03333rem #ff2600,
      -.27rem -3.62667rem #00ff73,
      .38rem -3.02667rem #ff9500,
      1.42rem -.74667rem #001eff,
      -2.41rem -3.16667rem #3c00ff,
      -.22rem .40333rem #009dff,
      -.33rem -3.84667rem #f02,
      .32rem -.67667rem #f04,
      -1.4rem -1.21667rem #00fff7,
      2.2rem -3.74667rem #fa0,
      -1.08rem -2.00667rem #a0f,
      -2.23rem -.79667rem #0026ff,
      -.13rem .29333rem #3cff00,
      -.2rem -1.96667rem #0f4,
      -.8rem -1.39667rem #0048ff;
  }
}
@-moz-keyframes bang {
  to {
    box-shadow:
      -2.41rem .51333rem #00ffae,
      -1.91rem -3.01667rem #b0f,
      .96rem -2.25667rem #ffd500,
      -1.5rem -3.65667rem #d000ff,
      .27rem -4.03667rem #7f0,
      -.64rem .28333rem #59ff00,
      -2rem -2.66667rem #f10,
      1.22rem .18333rem #07f,
      -.68rem -3.13667rem #00ff80,
      -2.29rem -3.42667rem #ff8400,
      .08rem -1.59667rem #4cff00,
      .85rem .56333rem #00f2ff,
      2.02rem -.12667rem #bf0,
      .54rem -.53667rem #00ff2b,
      -1.26rem -.71667rem #ff6200,
      -1.86rem -.82667rem #00ff04,
      2.13rem -.23667rem #9500ff,
      -2.03rem .43333rem #000dff,
      -1.63rem -3.06667rem #2600ff,
      1.87rem -1.73667rem #eaff00,
      1.05rem -3.09667rem #00ffd9,
      .78rem -.43667rem #00ffea,
      1.5rem -4.02667rem #ff006a,
      .6rem -.78667rem #0df,
      1.51rem -4.08667rem #ff00a6,
      -2.26rem -2.99667rem #51ff00,
      -2.28rem .18333rem #4000ff,
      -1.63rem -2.27667rem #5eff00,
      1.95rem .33333rem #f700ff,
      1.23rem -1.00667rem #ff0048,
      -2.38rem -.64667rem #ff0037,
      2.06rem -.06667rem #008cff,
      .67rem -.80667rem #ff00e6,
      -1.24rem -2.44667rem #8f0,
      -1.64rem -2.89667rem #e0f,
      -1.13rem .10333rem #0df,
      1.73rem .03333rem #ff2600,
      -.27rem -3.62667rem #00ff73,
      .38rem -3.02667rem #ff9500,
      1.42rem -.74667rem #001eff,
      -2.41rem -3.16667rem #3c00ff,
      -.22rem .40333rem #009dff,
      -.33rem -3.84667rem #f02,
      .32rem -.67667rem #f04,
      -1.4rem -1.21667rem #00fff7,
      2.2rem -3.74667rem #fa0,
      -1.08rem -2.00667rem #a0f,
      -2.23rem -.79667rem #0026ff,
      -.13rem .29333rem #3cff00,
      -.2rem -1.96667rem #0f4,
      -.8rem -1.39667rem #0048ff;
  }
}
@-o-keyframes bang {
  to {
    box-shadow:
      -2.41rem .51333rem #00ffae,
      -1.91rem -3.01667rem #b0f,
      .96rem -2.25667rem #ffd500,
      -1.5rem -3.65667rem #d000ff,
      .27rem -4.03667rem #7f0,
      -.64rem .28333rem #59ff00,
      -2rem -2.66667rem #f10,
      1.22rem .18333rem #07f,
      -.68rem -3.13667rem #00ff80,
      -2.29rem -3.42667rem #ff8400,
      .08rem -1.59667rem #4cff00,
      .85rem .56333rem #00f2ff,
      2.02rem -.12667rem #bf0,
      .54rem -.53667rem #00ff2b,
      -1.26rem -.71667rem #ff6200,
      -1.86rem -.82667rem #00ff04,
      2.13rem -.23667rem #9500ff,
      -2.03rem .43333rem #000dff,
      -1.63rem -3.06667rem #2600ff,
      1.87rem -1.73667rem #eaff00,
      1.05rem -3.09667rem #00ffd9,
      .78rem -.43667rem #00ffea,
      1.5rem -4.02667rem #ff006a,
      .6rem -.78667rem #0df,
      1.51rem -4.08667rem #ff00a6,
      -2.26rem -2.99667rem #51ff00,
      -2.28rem .18333rem #4000ff,
      -1.63rem -2.27667rem #5eff00,
      1.95rem .33333rem #f700ff,
      1.23rem -1.00667rem #ff0048,
      -2.38rem -.64667rem #ff0037,
      2.06rem -.06667rem #008cff,
      .67rem -.80667rem #ff00e6,
      -1.24rem -2.44667rem #8f0,
      -1.64rem -2.89667rem #e0f,
      -1.13rem .10333rem #0df,
      1.73rem .03333rem #ff2600,
      -.27rem -3.62667rem #00ff73,
      .38rem -3.02667rem #ff9500,
      1.42rem -.74667rem #001eff,
      -2.41rem -3.16667rem #3c00ff,
      -.22rem .40333rem #009dff,
      -.33rem -3.84667rem #f02,
      .32rem -.67667rem #f04,
      -1.4rem -1.21667rem #00fff7,
      2.2rem -3.74667rem #fa0,
      -1.08rem -2.00667rem #a0f,
      -2.23rem -.79667rem #0026ff,
      -.13rem .29333rem #3cff00,
      -.2rem -1.96667rem #0f4,
      -.8rem -1.39667rem #0048ff;
  }
}
@-ms-keyframes bang {
  to {
    box-shadow:
      -2.41rem .51333rem #00ffae,
      -1.91rem -3.01667rem #b0f,
      .96rem -2.25667rem #ffd500,
      -1.5rem -3.65667rem #d000ff,
      .27rem -4.03667rem #7f0,
      -.64rem .28333rem #59ff00,
      -2rem -2.66667rem #f10,
      1.22rem .18333rem #07f,
      -.68rem -3.13667rem #00ff80,
      -2.29rem -3.42667rem #ff8400,
      .08rem -1.59667rem #4cff00,
      .85rem .56333rem #00f2ff,
      2.02rem -.12667rem #bf0,
      .54rem -.53667rem #00ff2b,
      -1.26rem -.71667rem #ff6200,
      -1.86rem -.82667rem #00ff04,
      2.13rem -.23667rem #9500ff,
      -2.03rem .43333rem #000dff,
      -1.63rem -3.06667rem #2600ff,
      1.87rem -1.73667rem #eaff00,
      1.05rem -3.09667rem #00ffd9,
      .78rem -.43667rem #00ffea,
      1.5rem -4.02667rem #ff006a,
      .6rem -.78667rem #0df,
      1.51rem -4.08667rem #ff00a6,
      -2.26rem -2.99667rem #51ff00,
      -2.28rem .18333rem #4000ff,
      -1.63rem -2.27667rem #5eff00,
      1.95rem .33333rem #f700ff,
      1.23rem -1.00667rem #ff0048,
      -2.38rem -.64667rem #ff0037,
      2.06rem -.06667rem #008cff,
      .67rem -.80667rem #ff00e6,
      -1.24rem -2.44667rem #8f0,
      -1.64rem -2.89667rem #e0f,
      -1.13rem .10333rem #0df,
      1.73rem .03333rem #ff2600,
      -.27rem -3.62667rem #00ff73,
      .38rem -3.02667rem #ff9500,
      1.42rem -.74667rem #001eff,
      -2.41rem -3.16667rem #3c00ff,
      -.22rem .40333rem #009dff,
      -.33rem -3.84667rem #f02,
      .32rem -.67667rem #f04,
      -1.4rem -1.21667rem #00fff7,
      2.2rem -3.74667rem #fa0,
      -1.08rem -2.00667rem #a0f,
      -2.23rem -.79667rem #0026ff,
      -.13rem .29333rem #3cff00,
      -.2rem -1.96667rem #0f4,
      -.8rem -1.39667rem #0048ff;
  }
}
@keyframes bang {
  to {
    box-shadow:
      -2.41rem .51333rem #00ffae,
      -1.91rem -3.01667rem #b0f,
      .96rem -2.25667rem #ffd500,
      -1.5rem -3.65667rem #d000ff,
      .27rem -4.03667rem #7f0,
      -.64rem .28333rem #59ff00,
      -2rem -2.66667rem #f10,
      1.22rem .18333rem #07f,
      -.68rem -3.13667rem #00ff80,
      -2.29rem -3.42667rem #ff8400,
      .08rem -1.59667rem #4cff00,
      .85rem .56333rem #00f2ff,
      2.02rem -.12667rem #bf0,
      .54rem -.53667rem #00ff2b,
      -1.26rem -.71667rem #ff6200,
      -1.86rem -.82667rem #00ff04,
      2.13rem -.23667rem #9500ff,
      -2.03rem .43333rem #000dff,
      -1.63rem -3.06667rem #2600ff,
      1.87rem -1.73667rem #eaff00,
      1.05rem -3.09667rem #00ffd9,
      .78rem -.43667rem #00ffea,
      1.5rem -4.02667rem #ff006a,
      .6rem -.78667rem #0df,
      1.51rem -4.08667rem #ff00a6,
      -2.26rem -2.99667rem #51ff00,
      -2.28rem .18333rem #4000ff,
      -1.63rem -2.27667rem #5eff00,
      1.95rem .33333rem #f700ff,
      1.23rem -1.00667rem #ff0048,
      -2.38rem -.64667rem #ff0037,
      2.06rem -.06667rem #008cff,
      .67rem -.80667rem #ff00e6,
      -1.24rem -2.44667rem #8f0,
      -1.64rem -2.89667rem #e0f,
      -1.13rem .10333rem #0df,
      1.73rem .03333rem #ff2600,
      -.27rem -3.62667rem #00ff73,
      .38rem -3.02667rem #ff9500,
      1.42rem -.74667rem #001eff,
      -2.41rem -3.16667rem #3c00ff,
      -.22rem .40333rem #009dff,
      -.33rem -3.84667rem #f02,
      .32rem -.67667rem #f04,
      -1.4rem -1.21667rem #00fff7,
      2.2rem -3.74667rem #fa0,
      -1.08rem -2.00667rem #a0f,
      -2.23rem -.79667rem #0026ff,
      -.13rem .29333rem #3cff00,
      -.2rem -1.96667rem #0f4,
      -.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(https://www.ck444.pro/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(https://www.ck444.pro/mobile/mc/losePopUp.f76a5e16.png), url(https://www.ck444.pro/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: .3rem;
  fill: #fff;
  display: inline-block;
  position: absolute;
  z-index: 100000;
}
.prize_wheel_root .wheel_title_container {
  margin-top: .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: .85rem;
  color: #fefefe;
  position: absolute;
  font-weight: 700;
  word-wrap: break-word;
}
.prize_wheel_root .wheel_title_container:after {
  text-shadow: .02rem .05rem .04rem #ca1e0cad;
  color: transparent;
  font-size: .85rem;
  content: attr(title);
}
.prize_wheel_root .wheel_bg {
  background-image: url(https://www.ck444.pro/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: .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(https://www.ck444.pro/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: .7rem;
  color: #462f2f;
  font-size: .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: .5rem;
  width: 100%;
  height: .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-EMPTY {
  background-image: url(https://www.ck444.pro/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(https://www.ck444.pro/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(https://www.ck444.pro/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(https://www.ck444.pro/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: .7rem;
  color: #462f2f;
  font-size: .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: .5rem;
  width: 100%;
  height: .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-EMPTY {
  background-image: url(https://www.ck444.pro/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(https://www.ck444.pro/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(https://www.ck444.pro/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(https://www.ck444.pro/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: .7rem;
  color: #462f2f;
  font-size: .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: .5rem;
  width: 100%;
  height: .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-EMPTY {
  background-image: url(https://www.ck444.pro/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(https://www.ck444.pro/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(https://www.ck444.pro/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(https://www.ck444.pro/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: .7rem;
  color: #462f2f;
  font-size: .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: .5rem;
  width: 100%;
  height: .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-EMPTY {
  background-image: url(https://www.ck444.pro/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(https://www.ck444.pro/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(https://www.ck444.pro/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(https://www.ck444.pro/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: .7rem;
  color: #462f2f;
  font-size: .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: .5rem;
  width: 100%;
  height: .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-EMPTY {
  background-image: url(https://www.ck444.pro/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(https://www.ck444.pro/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(https://www.ck444.pro/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(https://www.ck444.pro/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: .7rem;
  color: #462f2f;
  font-size: .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: .5rem;
  width: 100%;
  height: .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-EMPTY {
  background-image: url(https://www.ck444.pro/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(https://www.ck444.pro/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(https://www.ck444.pro/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(https://www.ck444.pro/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: .7rem;
  color: #462f2f;
  font-size: .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: .5rem;
  width: 100%;
  height: .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-EMPTY {
  background-image: url(https://www.ck444.pro/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(https://www.ck444.pro/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(https://www.ck444.pro/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(https://www.ck444.pro/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: .7rem;
  color: #462f2f;
  font-size: .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: .5rem;
  width: 100%;
  height: .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-EMPTY {
  background-image: url(https://www.ck444.pro/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(https://www.ck444.pro/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(https://www.ck444.pro/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(https://www.ck444.pro/mobile/mc/point.cdcc8aa4.png);
}
.prize_wheel_root .wheel_bg .start_wheel {
  content: "";
  position: absolute;
  background-image: url(https://www.ck444.pro/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: .46rem;
  margin: 0 auto;
  box-shadow: 0 .06rem 0 0 rgba(133, 28, 4, .15), inset 0 .05rem .06rem 0 #fff;
  background-image:
    linear-gradient(
      0deg,
      #eea429,
      #ffe48a);
  padding: .19rem .05rem;
  text-align: center;
  width: 68%;
  margin-top: -.5rem;
}
.prize_wheel_root .start_btn .draw_wheel {
  font-size: .36rem;
  font-weight: 900;
  color: #c73809;
}
.prize_wheel_root .lossMessage {
  font-size: .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, .8);
  z-index: 100031;
}
.wheel_container .ticket_message .close_button {
  width: .6rem;
  height: .6rem;
  display: inline-block;
  border: .04rem solid #cbcbcb;
  border-radius: 50%;
  background-size: 100% 100%;
  position: absolute;
  bottom: -1rem;
}
.wheel_container .ticket_message .close_button:after {
  width: .25rem;
  height: 0;
  border: 1px solid #cbcbcb;
  content: "";
  position: absolute;
  right: .12rem;
  z-index: 99;
  top: 48%;
  transform: rotate(45deg);
}
.wheel_container .ticket_message .close_button:before {
  width: .25rem;
  height: 0;
  border: 1px solid #cbcbcb;
  content: "";
  position: absolute;
  right: .12rem;
  z-index: 99;
  top: 48%;
  transform: rotate(-45deg);
}
.wheel_container .ticket_message.messageOpen {
  transition: all .3s;
  transition-delay: .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(https://www.ck444.pro/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: -.41rem auto 0;
  background: url(https://www.ck444.pro/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 .08rem hsla(0, 0%, 100%, .4), 0 -.03rem 0 #fff;
  font-size: .34rem;
  font-weight: 900;
  margin-top: -.1rem;
}
.wheel_container .ticket_message.messageOpen .message {
  text-align: center;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  border-radius: .4rem;
  border: .08rem solid #bf8431;
  background:
    linear-gradient(
      180deg,
      #fef1d6,
      #ffe3bf);
  box-shadow: inset 0 -.26rem .04rem 0 hsla(35, 85%, 72%, .5);
  gap: .48rem;
  padding: 0 .3rem .56rem;
}
.wheel_container .ticket_message.messageOpen .message .msg-content {
  display: flex;
  flex-direction: column;
  gap: .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: .48rem;
  font-weight: 900;
  line-height: normal;
}
.wheel_container .ticket_message.messageOpen .message .prize-contact {
  min-width: 3rem;
  height: .68rem;
  border-radius: .8rem;
  border: .04rem solid #ffd269;
  background:
    linear-gradient(
      180deg,
      #fff,
      #f7c163 49%,
      #f2b03e);
  box-shadow:
    0 .06rem 0 0 rgba(0, 0, 0, .25),
    inset 0 .06rem .04rem 0 #ffe6ba,
    inset 0 .1rem .28rem 0 #fff0d6,
    inset 0 -.08rem .06rem 0 #c57f04;
  -webkit-text-stroke-width: .02rem;
  -webkit-text-stroke-color: #d63000;
  paint-order: stroke fill;
  font-size: .36rem;
  font-weight: 900;
  color: #fff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  justify-self: center;
  padding: 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, .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(https://www.ck444.pro/mobile/mc/signin-modal-bg.cc6b7ed7.png);
  background-size: 100% .9rem;
  background-repeat: no-repeat;
  background-position: bottom;
  color: #fff;
  align-items: center;
  text-shadow: 0 .04rem .04rem rgba(0, 0, 0, .25);
  font-size: .3rem;
  justify-content: flex-start;
  font-weight: 600;
  padding: .15rem 0 0 .3rem;
}
.sigin-modal .sigin-modal-content .modal-head:before {
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  content: "";
  background: url(https://www.ck444.pro/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: .5rem;
  max-width: 3.62rem;
  margin: 0 auto;
  display: flex;
  padding: .1rem .56rem;
  justify-content: center;
  align-items: center;
  gap: .2rem;
  border-radius: .21rem;
  color: #fff;
  font-size: .24rem;
  background:
    linear-gradient(
      0deg,
      #f48075,
      #e94040);
}
.sigin-modal .sigin-modal-content h3 {
  text-align: center;
  font-size: .44rem;
  color: #656565;
  margin: .4rem 0;
}
.sigin-modal .sigin-modal-content > svg {
  position: absolute;
  top: -.8rem;
  width: .46rem;
  right: 0;
  height: .46rem;
}
.sigin-modal .sigin-modal-content .si-modal-title {
  color: #666;
  text-align: center;
  font-size: .24rem;
  font-weight: 600;
}
.sigin-modal .sigin-modal-content .smc-title {
  font-size: .44rem;
  letter-spacing: .04rem;
  color: #656565;
}
.sigin-modal .sigin-modal-content .amount-info {
  padding: .2rem .34rem .3rem;
  border-radius: 0 0 .3rem .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: .32rem;
  margin: .3rem 0;
}
.sigin-modal .sigin-modal-content .amount-info .reward-content {
  color: #666;
  text-align: center;
  font-family: Inter;
  font-size: .24rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: .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: .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: .68rem;
  width: .68rem;
}
.sigin-modal .sigin-modal-content .amount-info .reward-content.modal .reward-item:after {
  content: "";
  display: block;
  height: .24rem;
  width: .24rem;
}
.sigin-modal .sigin-modal-content .amount-info .reward-content.modal .reward-item.amount:before {
  display: block;
  background: url(https://www.ck444.pro/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(https://www.ck444.pro/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(https://www.ck444.pro/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(https://www.ck444.pro/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(https://www.ck444.pro/mobile/mc/item-w.9beafebb.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(https://www.ck444.pro/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(https://www.ck444.pro/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 > div {
  padding-top: .2rem;
}
.signin-notice > div > p {
  display: block;
  text-align: start;
  padding-left: .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: .5rem;
}
.sigin-h-content {
  left: 2.34rem;
  padding: .1rem;
  color: #fff;
}
.s-h-nick-name {
  color: #fff;
  font-size: .32rem;
  opacity: .8;
  display: inline-block;
  padding-left: .1rem;
}
.score-name {
  display: inline-block;
  margin: 0 .1rem;
}
.s-h-nick-wallet {
  margin: .1rem 0;
  font-size: .5rem;
  font-weight: 700;
}
.sigin-h-thumb img {
  width: 1.38rem;
  height: 1.38rem;
  border-radius: 100%;
  border: .06rem solid #fff;
}
.sigin-c-header {
  width: 94%;
  padding: .2rem;
  margin: 0 auto;
  position: relative;
  top: -.6rem;
  border-radius: .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: .02rem;
  border-bottom: .05rem solid #e539ff;
}
.sigin-c-content {
  margin-top: -.46rem;
}
.sigin-c-header .am-flexbox-item {
  margin-left: 0;
  text-align: center;
}
.sc-score {
  font-weight: 900;
  font-size: .42rem;
}
.sc-days {
  color: #2476ff;
}
.sc-integral {
  color: #e539ff;
}
.sc-bonus {
  color: #fe3b44;
}
.sc-score-desc {
  padding: 0 .05rem;
  color: #b3b3b3;
  margin-top: .06rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: .24rem;
  min-height: .5rem;
}
.sigin-operating {
  position: relative;
  padding: .26rem .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: .16rem;
}
.sigin-sore-tip {
  background: url(https://www.ck444.pro/mobile/mc/coin_l.9834feb0.png);
  display: block;
  text-align: center;
  line-height: 1.4rem;
  width: 1.4rem;
  color: #ffed50;
  font-size: .2rem;
  font-weight: 900;
  height: 1.4rem;
  background-size: cover;
}
.sigin-sore-tip.min-amount {
  font-size: .3rem;
}
.sigin-price-tip {
  background: url(https://www.ck444.pro/mobile/mc/ticket.06389a91.png) no-repeat 50%/contain;
  display: block;
  text-align: center;
  margin-top: .2rem;
  line-height: .8rem;
  width: 1.6rem;
  color: #fff;
  font-size: .3rem;
  font-weight: 900;
  height: .8rem;
}
.i-price {
  position: absolute;
  bottom: 0;
  font-style: normal;
  font-size: .22rem;
  color: #ffed50;
  left: .22rem;
  width: .4rem;
  text-align: center;
  display: inline-block;
}
.sigin-amount {
  display: inline-block;
  margin-right: .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: .28rem;
}
.sigin-title .sigin-tab-title {
  color: #f32246;
  font-size: .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: .26rem;
  min-width: 1.68rem;
  min-height: .66rem;
  border-radius: .4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 .1rem;
}
.sigin-btn .already-singin {
  max-width: 2rem;
  background: #cecece;
  word-break: break-word;
}
.sigin-today-title {
  font-weight: 700;
  margin: .1rem .1rem .1rem 0;
  font-size: .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 .1rem;
  width: .28rem;
  height: .28rem;
  fill: #8e0019;
  overflow: initial;
}
.sigin-today-title span {
  color: #fa1f50;
  font-size: .32rem;
}
.sigin-today-desc {
  background-color: #fff8f1;
  border-radius: .2rem;
  display: flex;
  margin-top: .15rem;
  width: 100%;
  padding: 0 .25rem;
}
.sigin-today-desc .item-wrap {
  padding: .21rem 0;
  flex: 0 0 50%;
  display: flex;
  flex-flow: column;
}
.sigin-today-desc .item-wrap .item-title {
  color: #6f6f6f;
  font-size: .26rem;
}
.sigin-today-desc .item-wrap .item-desc {
  color: #f32246;
  font-size: .26rem;
  margin-top: .08rem;
}
.sigin-c-footer,
.sigin-c-remarks {
  padding: .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: .06rem;
  height: .06rem;
  background-color: #69696940;
}
.sigin-c-footer .wysiwyg::-webkit-scrollbar-thumb,
.sigin-c-remarks .wysiwyg::-webkit-scrollbar-thumb {
  background-color: #9a9a9a;
  border-radius: .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 .sigin-rule {
  font-size: .28rem;
  color: #f94b3f;
}
.sigin-c-remarks p {
  line-height: 1.3;
  font-size: .26rem;
}
.sigin-c-footer {
  font-size: 0;
  margin-top: .14rem;
}
.sigin-c-footer .reward-icon-content {
  z-index: 1;
  display: flex;
  height: 1.2rem;
  min-height: .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(https://www.ck444.pro/mobile/mc/item-default.0f8020b3.png) no-repeat 50%/contain;
}
.sigin-c-footer .reward-icon-content .reward-icon-wrap .reward-item.amount {
  background: url(https://www.ck444.pro/mobile/mc/item-a.7c119fcf.png) no-repeat 50%/contain;
}
.sigin-c-footer .reward-icon-content .reward-icon-wrap .reward-item.point {
  background: url(https://www.ck444.pro/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(https://www.ck444.pro/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(https://www.ck444.pro/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(https://www.ck444.pro/mobile/mc/item-r.5fdbbaeb.png) no-repeat 50%/contain;
}
.sigin-c-footer .reward-content {
  flex: 1 1 0%;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  gap: .05rem;
  min-height: 1.3rem;
  width: 100%;
  color: #666;
  font-size: .2rem;
  font-weight: 700;
  line-height: .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: .05rem;
}
.sigin-c-footer .reward-content .reward-item-wrap .reward-item {
  color: #666;
  font-size: .2rem;
  font-weight: 700;
  line-height: .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: .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: .14rem;
  width: 100%;
  max-width: 2rem;
}
.sigin-c-footer .reward-content .already-singin,
.sigin-c-footer .reward-content .sigin-today-sub {
  margin-top: .14rem;
  min-height: .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: .28rem;
  display: flex;
  flex-direction: column;
  vertical-align: top;
  padding: .2rem .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: .74rem;
  color: #fff;
  text-align: center;
}
.has-price,
.has-price-gray {
  line-height: .66rem;
  font-size: .37rem;
  background: url(https://www.ck444.pro/mobile/mc/coin_s.a2c5bc35.png) no-repeat 50%/.74rem .74rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.acmount-fsize {
  font-size: .2rem;
  padding-right: .08rem;
}
.acmount-fsize2 {
  font-size: .28rem;
}
.acmount-fsize3 {
  font-size: .24rem;
}
.acmount-fsize4 {
  font-size: .21rem;
}
.has-price.ck {
  background: url(https://www.ck444.pro/mobile/mc/right.a20221ee.png) no-repeat .46rem .32rem/.48rem .48rem, url(https://www.ck444.pro/mobile/mc/coin_s.a2c5bc35.png) no-repeat .04rem/.74rem .74rem;
}
.has-score {
  background: url(https://www.ck444.pro/mobile/mc/ticket.06389a91.png) no-repeat .04rem/.79rem .51rem;
}
.has-price-gray {
  background: url(https://www.ck444.pro/mobile/mc/coin_s_bw.183e01be.png) no-repeat .04rem/.74rem .74rem;
}
.has-score,
.has-score-gray {
  width: .9rem;
}
.has-score-gray .acmount-fsize,
.has-score .acmount-fsize {
  padding-right: 0;
}
.has-score.ck {
  background: url(https://www.ck444.pro/mobile/mc/right.a20221ee.png) no-repeat .54rem .32rem, url(https://www.ck444.pro/mobile/mc/ticket.06389a91.png) no-repeat .04rem;
}
.has-score span {
  display: inline-block;
  margin: .24rem .1rem .1rem .04rem;
  color: #fff;
}
.has-score-gray {
  line-height: .65rem;
  background: url(https://www.ck444.pro/mobile/mc/ticket_bw.79cbdad0.png) no-repeat .04rem/.79rem .51rem;
  width: .9rem;
}
.has-score-gray span {
  display: inline-block;
  margin: .18rem 0 .1rem;
  line-height: 1;
  color: #fff;
  width: 100%;
  text-align: center;
}
.has-score-price,
.has-score-price-gray {
  position: relative;
  background: url(https://www.ck444.pro/mobile/mc/coin_s.a2c5bc35.png) no-repeat .04rem .24rem, url(https://www.ck444.pro/mobile/mc/ticket.06389a91.png) no-repeat .16rem .04rem;
  background-size: .5rem .5rem, .7rem .4rem;
  width: auto !important;
}
.has-score-price-gray .score,
.has-score-price .score {
  display: inline-block;
  color: #fff;
  width: .46rem;
  text-align: center;
  font-size: .24rem;
}
.has-score-price-gray .price,
.has-score-price .price {
  display: inline-block;
  position: absolute;
  left: .14rem;
  color: #ffed50;
  font-size: .2rem;
  bottom: .14rem;
  width: .3rem;
  text-align: center;
}
.has-score-price.ck {
  background:
    url(https://www.ck444.pro/mobile/mc/coin_s.a2c5bc35.png) no-repeat .04rem .24rem,
    url(https://www.ck444.pro/mobile/mc/right.a20221ee.png) no-repeat .54rem .3rem,
    url(https://www.ck444.pro/mobile/mc/ticket.06389a91.png) no-repeat .16rem .04rem;
  background-size:
    .5rem .5rem,
    auto,
    .7rem .4rem;
}
.has-score-price-gray {
  background: url(https://www.ck444.pro/mobile/mc/coin_s_bw.183e01be.png) no-repeat .04rem .24rem, url(https://www.ck444.pro/mobile/mc/ticket_bw.79cbdad0.png) no-repeat .16rem .04rem;
  background-size: .5rem .5rem, .7rem .4rem;
}
.has-score-price-gray .price,
.has-score-price-gray .score {
  color: #fff;
}
.sigin-tab {
  background: #fff;
}
.sigin-tab .am-tabs-tab {
  width: 0;
}
.sigin-container .tab-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 .5em;
  position: relative;
}
.sigin-tab .am-tabs-tab-active .tab-title:after {
  content: "";
  background-color: #fa1f50 !important;
  height: .06rem !important;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
}
.si-item {
  height: .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: .1rem;
  top: .4rem;
  width: 2.1rem;
  height: 2.1rem;
  background: url(https://www.ck444.pro/mobile/mc/deco-sparkle.94d24847.png) no-repeat 50%/contain;
}
.has-claimed .title,
.no-claimed .title {
  text-align: center;
  font-size: .24rem;
  font-weight: 700;
  height: .41rem;
  display: flex;
  border-radius: .2rem .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: .16rem .1rem;
  min-height: 2.8rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  border-radius: 0 0 .2rem .2rem;
  border-right: .02rem solid rgba(12, 210, 175, .2);
  border-bottom: .02rem solid rgba(12, 210, 175, .2);
  border-left: .02rem solid rgba(12, 210, 175, .2);
  background:
    linear-gradient(
      180deg,
      #fff4d9 12.06%,
      #fff);
  justify-content: center;
}
.has-claimed svg,
.no-claimed svg {
  width: .28rem;
  height: .28rem;
  fill: #999;
  margin-bottom: .2rem;
  overflow: initial;
}
.has-claimed svg {
  fill: #61b62e;
}
.sigin-title-item {
  display: block;
  height: .72rem;
  width: .82rem;
  background: url(https://www.ck444.pro/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: .1rem solid #33cd0c;
}
.am-progress-outer {
  overflow: hidden;
  border-radius: .3rem;
}
.task-c-header {
  padding: .2rem;
  margin-top: .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: .28rem;
}
.task-c-header .task-progress-txt span {
  color: #fa1f50;
}
.task-c-header .am-progress-outer {
  margin-top: .4rem;
}
.task-c-header .am-flexbox-item:last-child {
  border-right: 0;
}
.task-c-content {
  margin-top: -.4rem;
}
.sc-score {
  font-weight: 900;
  font-size: .42rem;
}
.sc-days {
  color: #2476ff;
}
.sc-integral {
  color: #e539ff;
}
.sc-bonus {
  color: #fe3b44;
}
.sc-score-desc {
  color: #b3b3b3;
  margin-top: .06rem;
  font-size: .24rem;
}
.task-operating {
  padding: .1rem;
  background: #fff;
  height: 1.88rem;
}
.task-operating .am-flexbox {
  vertical-align: middle;
  margin-top: .16rem;
}
.task-sore-tip {
  background: url(https://www.ck444.pro/mobile/mc/coin_l.9834feb0.png);
  display: block;
  text-align: center;
  line-height: 1.4rem;
  width: 1.4rem;
  color: #ffed50;
  font-size: .4rem;
  font-weight: 900;
  height: 1.4rem;
  background-size: cover;
}
.task-price-tip {
  background: url(https://www.ck444.pro/mobile/mc/ticket.06389a91.png) no-repeat;
  line-height: .8rem;
  width: 1.6rem;
  height: .8rem;
  background-size: 100% 100%;
}
.task-price-sore-tip,
.task-price-tip {
  display: block;
  text-align: center;
  margin-top: .2rem;
  color: #fff;
  font-size: .4rem;
  font-weight: 900;
}
.task-price-sore-tip {
  background: url(https://www.ck444.pro/mobile/mc/coin_l.9834feb0.png) no-repeat 0 .2rem, url(https://www.ck444.pro/mobile/mc/ticket.06389a91.png) no-repeat .2rem 0;
  position: relative;
  line-height: .6rem;
  width: 1.7rem;
  height: .9rem;
  background-size: .84rem .84rem, 1.2rem .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: .14rem .2rem;
  background:
    linear-gradient(
      90deg,
      #f8493f,
      #fd603f);
  display: inline;
  color: #fff;
  font-size: .26rem;
  border-radius: .4rem;
  margin-left: .2rem;
}
.task-today-sub.grey {
  background-image: none;
  background-color: #ccc;
}
.task-today-title {
  color: #6e6e6e;
  font-weight: 700;
  margin-bottom: .1rem;
  font-size: .28rem;
}
.task-today-title span {
  color: #fa1f50;
  font-size: .32rem;
}
.task-today-desc {
  font-size: .28rem;
  color: #a6a6a6;
}
.task-today-desc span {
  color: #f94b3f;
}
.task-c-footer,
.task-c-remarks {
  margin-top: .14rem;
  padding: .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: .1rem;
}
.task-c-remarks {
  padding: .2rem;
}
.task-c-footer {
  font-size: 0;
  margin-top: .14rem;
}
.task-c-footer div > div {
  margin: .1rem 0;
}
.task-c-footer .title {
  font-size: .26rem;
  display: block;
  text-align: center;
  margin-bottom: .1rem;
}
.task-c-footer li {
  font-size: .28rem;
  vertical-align: top;
  padding: .1rem 0;
  position: relative;
  overflow: hidden;
}
.task-c-footer li .icon {
  font-size: .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(https://www.ck444.pro/mobile/mc/QQ.b4f8c5aa.png);
  width: .7rem;
  height: .7rem;
  margin: .2rem;
  border-radius: .66rem;
  background-size: 100% 100%;
  box-shadow: 0 .13rem .21rem 0 hsla(50, 60%, 67%, .35);
}
.task-c-footer li .icon.email {
  background-image: url(https://www.ck444.pro/mobile/mc/mail.1682ba2a.png);
}
.task-c-footer li .icon.zalo {
  background-image: url(https://www.ck444.pro/mobile/mc/zalo.9b6f7af0.png);
  background-size: .74rem .74rem;
}
.task-c-footer li .icon.mobile {
  width: .7rem;
  height: .7rem;
  margin: .2rem;
  border-radius: .66rem;
  background-size: 100% 100%;
  box-shadow: 0 .13rem .21rem 0 rgba(219, 133, 253, .35);
  background-image: url(https://www.ck444.pro/mobile/mc/phone.415a2f09.png);
}
.task-c-footer li .icon.bankCard,
.task-c-footer li .icon.withdrawalAccount {
  background-image: url(https://www.ck444.pro/mobile/mc/card.90e09d9d.png);
}
.task-c-footer li .icon.virtualWallet {
  background: url(https://www.ck444.pro/mobile/mc/virtual.d5633c9b.png) no-repeat 50%/contain;
  width: .7rem;
  height: .7rem;
  margin: .2rem;
  border-radius: .66rem;
  box-shadow: 0 .13rem .21rem 0 hsla(40, 97%, 71%, .35);
}
.task-c-footer li .icon.electronicWallet {
  background: url(https://www.ck444.pro/mobile/mc/electronic.c31486dc.png) no-repeat 50%/contain;
  width: .7rem;
  height: .7rem;
  margin: .2rem;
  border-radius: .66rem;
  box-shadow: 0 .13rem .21rem 0 rgba(255, 152, 230, .35);
}
.task-c-footer li .icon.payeeName {
  box-shadow: 0 .13rem .21rem 0 hsla(52, 99%, 71%, .35);
  background-image: url(https://www.ck444.pro/mobile/mc/payeeName.cef13fa4.png);
}
.task-c-footer li .icon.line,
.task-c-footer li .icon.payeeName {
  width: .7rem;
  height: .7rem;
  margin: .2rem;
  border-radius: .66rem;
  background-size: 100% 100%;
}
.task-c-footer li .icon.line {
  background-image: url(https://www.ck444.pro/mobile/mc/line.8a3e3e37.png);
  box-shadow: 0 .13rem .21rem 0 rgba(40, 181, 17, .35);
}
.task-c-footer li .icon.wechat {
  background-image: url(https://www.ck444.pro/mobile/mc/wechat.a7ebae18.png);
  box-shadow: 0 .13rem .21rem 0 rgba(0, 185, 87, .35);
}
.task-c-footer li .icon.address,
.task-c-footer li .icon.wechat {
  width: .7rem;
  height: .7rem;
  margin: .2rem;
  border-radius: .66rem;
  background-size: 100% 100%;
}
.task-c-footer li .icon.address {
  background-image: url(https://www.ck444.pro/mobile/mc/address.c1568e5c.png);
  box-shadow: 0 .05rem .24rem 0 rgba(255, 54, 51, .65);
}
.task-c-footer li .icon.facebook {
  width: .7rem;
  height: .7rem;
  margin: .2rem;
  border-radius: .66rem;
  background-image: url(https://www.ck444.pro/mobile/mc/facebook.6192030d.png);
  background-size: 100% 100%;
  box-shadow: 0 .13rem .21rem 0 rgba(84, 132, 230, .35);
}
.task-c-footer li .icon.idPicture,
.task-c-footer li .icon.kycVerified {
  width: .7rem;
  height: .7rem;
  margin: .2rem;
  border-radius: .66rem;
  background-image: url(https://www.ck444.pro/mobile/mc/identify.4a6945e4.png);
  background-size: 100% 100%;
  box-shadow: 0 .05rem .24rem 0 rgba(211, 52, 255, .65);
}
.task-c-footer li .icon.viber {
  background-image: url(https://www.ck444.pro/mobile/mc/viber.920ee26e.png);
}
.task-c-footer li .icon.birthday {
  background-image: url(https://www.ck444.pro/mobile/mc/birthday.68305ad1.png);
}
.task-c-footer li .icon.twitter {
  background-image: url(https://www.ck444.pro/mobile/mc/twitter.e316868f.png);
}
.task-c-footer li .icon.telegram {
  background-image: url(https://www.ck444.pro/mobile/mc/telegram.7d77880d.png);
}
.task-c-footer li .icon.whatsapp {
  background-image: url(https://www.ck444.pro/mobile/mc/whatsapp.ee758198.png);
}
.task-c-footer li .icon.promotionPeriodDepositAmount {
  background-image: url(https://www.ck444.pro/mobile/mc/deposit.81055f40.png);
}
.task-c-footer li .list-title {
  color: #666;
  display: inline-block;
  font-weight: 700;
  margin-top: .22rem;
}
.add-info {
  position: absolute;
  right: .2rem;
  top: 50%;
  transform: translateY(-50%);
}
.finshed {
  float: right;
  margin-top: .2rem;
  width: 1.38rem;
  height: .86rem;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-image: url(https://www.ck444.pro/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: .03rem;
}
.task-c-content .am-tabs-tab-active {
  color: #fa1f50 !important;
  border-bottom: 1px solid #ddd !important;
}
.task-tab {
  border-top-left-radius: .4rem;
  border-top-right-radius: .4rem;
  overflow: hidden;
  margin-top: -.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 .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: .06rem !important;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
}
.invite-friends-link-pop {
  border-radius: .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: .4rem .3rem .24rem;
}
.invite-friends-link-pop .link-top-title {
  font-size: .34rem;
  font-weight: 600;
  color: #3b2987;
  display: flex;
}
.invite-friends-link-pop .link-top-title .share {
  margin-left: .2rem;
}
.invite-friends-link-pop .link-top-title .share svg {
  width: .2rem;
  height: .2rem;
}
.invite-friends-link-pop .link-subtitle {
  font-size: .2rem;
  font-weight: 600;
  color: #666;
  margin-top: .25rem;
}
.invite-friends-link-pop .invite-get-link {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: .08rem;
  background-color: #fff;
  height: .4rem;
  margin-top: .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: .2rem;
  font-weight: 600;
  padding: 0 .2rem;
}
.invite-friends-link-pop .copy-container {
  font-size: .24rem;
  font-weight: 600;
  color: #fff;
  margin-top: .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: .12rem;
  border-radius: .08rem;
  background-color: #428dfc;
  width: 50%;
  height: 100%;
  min-height: .78rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: .04rem;
}
.invite-friends-link-pop .copy-container .link-copy svg {
  margin-right: .2rem;
  min-width: .3rem;
  height: .3rem;
}
.invite-friends-link-pop .copy-container .link-qrcode {
  margin-right: .2rem;
  padding: .12rem;
  border-radius: .08rem;
  background-image:
    linear-gradient(
      104deg,
      #6b73ff,
      #000dff);
  width: 50%;
  height: 100%;
  min-height: .78rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.invite-friends-link-pop .copy-container .link-qrcode svg {
  margin-right: .2rem;
  min-width: .3rem;
  height: .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: .4rem .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: -.2rem;
  padding: .4rem .38rem;
  border-radius: .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 .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: .4rem;
}
.invite-code-modal .close-btn {
  margin-top: .2rem;
}
.invite-code-modal .close-btn svg {
  width: .76rem;
  height: .76rem;
}
.invite-code-modal .share-btn-wrapper {
  width: 100%;
  padding: 0 .38rem .4rem;
  margin-top: -.4rem;
  border-radius: 0 0 .24rem .24rem;
  background: #e0e9f1;
}
.invite-code-modal .share-btn-wrapper .share-btn {
  margin-top: .4rem;
  display: block;
  color: #fff;
  font-size: .3rem;
  font-weight: 600;
  padding: .1rem .8rem;
  border-radius: .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, .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: .5rem .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: .3rem;
  position: relative;
  color: #a7a7a7;
  margin-top: .1rem;
}
.invite-code-modal .invite-code-modal-remark img {
  width: .35rem;
  height: .33rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.invite-code-modal .invite-code-modal-remark span {
  margin-left: .5rem;
}
.invite-code-modal .invite-code-modal-header {
  height: 1.1rem;
  background: #f2f2f2;
  position: relative;
  color: #595959;
  font-weight: 700;
  font-size: .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% - .76rem);
  padding-right: .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: .6rem;
  height: .54rem;
  position: relative;
  vertical-align: top;
  margin-right: .2rem;
}
.invite-code-modal .invite-code-modal-header svg {
  position: absolute;
  right: .3rem;
  top: 50%;
  transform: translateY(-50%);
}
body.invite-friends {
  background: #fff !important;
}
.container-wrap {
  padding-bottom: .35rem;
  display: flex;
  flex-direction: column;
  gap: .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: .9rem;
  box-sizing: content-box;
  flex: auto !important;
  padding: 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: .04rem solid #fff;
}
.invite-tab .am-tabs-ink-bar {
  display: none !important;
}
.invite-tab .am-tabs-tab-active {
  border-bottom: .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 .05rem;
}
.invite-tab .am-tabs-bar .am-badge {
  text-align: center;
}
.invite-friends-container {
  text-align: center;
  padding: 0 .28rem;
  height: calc(100vh - 2.7rem);
  height: calc(var(--vh, 1vh)*100 - 2.7rem);
  background: #fff;
  margin: .3rem 0;
}
.invite-friends-container .currency {
  margin-right: .05rem;
}
.invite-friends-container .default-title {
  font-size: .5rem;
  font-weight: 600;
  color: #1b1b4b;
  text-align: center;
  margin-bottom: .35rem;
}
.invite-friends-container .amount-wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin: .4rem 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: .5rem;
  font-weight: 700;
  color: #ffc576;
}
.invite-friends-container .amount-wrap .info {
  margin-left: .15rem;
  width: .4rem;
  height: .4rem;
}
.invite-friends-container .amount-wrap .info svg {
  height: 100%;
  width: 100%;
}
.invite-friends-container .amount-detail {
  margin: .3rem 0 0 .25rem;
  color: #fff;
  font-size: .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 .1rem;
}
.invite-friends-container .invite-friends-info {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 0 .08rem;
  gap: .15rem;
}
.invite-friends-container .invite-friends-info .info-item {
  flex: 1 1 0%;
  min-height: 1.1rem;
  border-radius: .08rem;
  background-image:
    linear-gradient(
      108deg,
      #ce9ffc,
      #7367f0);
  min-width: calc((100% - .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: .22rem;
  font-weight: 600;
  color: #efe0ff;
  margin: .19rem .05rem 0;
  min-height: .4rem;
}
.invite-friends-container .invite-friends-info .info-item .item-number {
  font-size: .4rem;
  font-weight: 600;
  color: #fff;
  text-shadow: 0 .04rem .04rem rgba(0, 0, 0, .15);
  display: flex;
  justify-content: center;
}
.invite-friends-container .invite-friends-goals {
  min-height: 3.76rem;
  border-radius: .12rem;
  background:
    linear-gradient(
      118deg,
      #97abff,
      #123597);
  padding: .21rem .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: .5rem;
  font-weight: 700;
  text-shadow: 0 .04rem .1rem rgba(0, 0, 0, .35);
  color: #fff;
  flex: 1 1 0%;
  margin-left: .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: .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: .15rem;
}
.invite-friends-container .invite-friends-bonus {
  display: flex;
  flex-direction: column;
  gap: .2rem;
}
.invite-friends-container .invite-friends-bonus .bonus-title {
  margin: 0 .6rem .15rem;
  font-size: .4rem;
}
.invite-friends-container .invite-friends-bonus .bonus-item {
  display: flex;
  min-height: 1.8rem;
  background-image:
    linear-gradient(
      180deg,
      #f3f7fb 0,
      #e0e9f1);
  padding: .17rem .3rem;
  border-radius: .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 .1rem 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: .3rem;
  font-weight: 600;
  color: #566073;
}
.invite-friends-container .invite-friends-bonus .bonus-item .bonus-info .info-num {
  font-size: .4rem;
  font-weight: 700;
  color: #3b2987;
  margin-top: .07rem;
}
.invite-friends-container .invite-friends-bonus .bonus-item .bonus-info .info-detail {
  display: flex;
  align-items: center;
  font-size: .24rem;
  color: #566073;
  margin-top: .07rem;
}
.invite-friends-container .invite-friends-bonus .bonus-item .bonus-info .info-detail .detail-num {
  margin-right: .07rem;
}
.invite-friends-container .invite-friends-how .default-title {
  font-size: .34rem;
}
.invite-friends-container .invite-friends-how .how-title {
  margin: .55rem .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 .6rem .35rem;
}
.invite-friends-container .leader-board .board-content {
  width: 100%;
  border-radius: .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: .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(https://www.ck444.pro/mobile/mc/top-text-1.4a85f114.png) no-repeat 50%/contain;
  width: .59rem;
  height: .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(https://www.ck444.pro/mobile/mc/top-text-2.c89c2733.png) no-repeat 50%/contain;
  width: .56rem;
  height: .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(https://www.ck444.pro/mobile/mc/top-text-3.c73a6320.png) no-repeat 50%/contain;
  width: .41rem;
  height: .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: .14rem;
}
.invite-friends-container .leader-board .board-content .board-top .top-item .item-name {
  font-size: .2rem;
  font-weight: 700;
  margin-top: .1rem;
}
.invite-friends-container .leader-board .board-content .board-top .top-item .item-amount {
  font-size: .24rem;
  font-weight: 700;
}
.invite-friends-container .leader-board .board-content .board-bottom {
  margin-top: .7rem;
  padding: 0 .4rem;
}
.invite-friends-container .leader-board .board-content .board-bottom .list-title {
  font-size: .45rem;
  font-weight: 600;
  color: #fff;
}
.invite-friends-container .leader-board .board-content .board-bottom .board-list {
  margin: .2rem 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: .4rem;
  background-image:
    linear-gradient(
      180deg,
      #f3f7fb 0,
      #e0e9f1);
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  font-size: .2rem;
  font-weight: 700;
  color: #566073;
  text-align: center;
  min-height: .6rem;
  margin-top: .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: .25rem;
  text-align: left;
}
.invite-friends-container .income-calculation {
  border-radius: .12rem;
  background-image:
    linear-gradient(
      122deg,
      #fd6585,
      #0d25b9);
  min-height: 4.31rem;
  padding: .32rem .36rem .46rem;
}
.invite-friends-container .income-calculation .currency {
  margin-right: .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: .5rem;
  font-weight: 700;
  text-shadow: 0 .04rem .1rem rgba(0, 0, 0, .35);
  color: #fff;
  flex: 1 1 0%;
  margin-left: .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: .1rem;
}
.invite-friends-container .income-calculation .progress-bar-wrap .am-slider-wrapper {
  padding: 0 0 0 .3rem;
}
.invite-friends-container .income-calculation .progress-bar-wrap .am-slider-wrapper .am-slider .am-slider-rail {
  height: .1rem;
  border-top-right-radius: .5rem;
  border-bottom-right-radius: .5rem;
  background-color: rgba(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: .1rem;
  width: .24rem;
  background-color: rgba(0, 0, 0, .2);
  border-top-left-radius: .5rem;
  border-bottom-left-radius: .5rem;
  left: -.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: .1rem;
}
.invite-friends-container .income-calculation .progress-bar-wrap .am-slider-wrapper .am-slider .am-slider-handle {
  width: .3rem;
  height: .3rem;
  background:
    linear-gradient(
      135deg,
      #65fdf0,
      #1d6fa3);
  border: none;
  margin-top: -.12rem;
}
.invite-friends-container .income-calculation .progress-bar-wrap .am-slider-wrapper .am-slider .am-slider-handle:before {
  position: absolute;
  content: "";
  width: .38rem;
  height: .38rem;
  border-radius: 50%;
  background-color: hsla(0, 0%, 100%, .2);
  top: 0;
  bottom: 0;
  left: -.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: .08rem;
  background:
    linear-gradient(
      180deg,
      #f2f2f2,
      #f4f4f4);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: .15rem .15rem .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: .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: .15rem !important;
}
.invite-friends-container .referral-rank-wrap .swiper-pagination span {
  width: .07rem;
  height: .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(https://www.ck444.pro/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 .42rem .31rem;
  color: #1b1b4b;
  text-align: left;
  border-radius: 0 0 .08rem .08rem;
}
.invite-friends-container .referral-rank-wrap .referral-top.noRule {
  background: url(https://www.ck444.pro/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: .42rem;
  border-radius: 1rem;
  background:
    linear-gradient(
      270deg,
      #ffce79,
      #ffdda2);
  color: #1b1b4b;
  font-size: .24rem;
  font-weight: 800;
  gap: .17rem;
  display: flex;
  align-items: center;
  padding: 0 .05rem;
  z-index: 0;
}
.invite-friends-container .referral-rank-wrap .referral-top .results-btn svg {
  width: .32rem;
  height: .32rem;
}
.invite-friends-container .referral-rank-wrap .referral-top .results-btn:before {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  width: calc(100% + .53rem);
  height: calc(100% + .1rem);
  background: url(https://www.ck444.pro/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: .26rem;
  font-weight: 800;
  padding: .19rem .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: .31rem;
  word-break: break-word;
  font-size: .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: .08rem;
  background:
    linear-gradient(
      270deg,
      #ffce79,
      #ffdda2);
  padding: .14rem .16rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: .05rem;
  font-size: .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: .1rem;
}
.invite-friends-container .referral-rank-wrap .referral-middle .middle-item .item-title {
  display: flex;
  align-items: center;
  gap: .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: .07rem;
}
.invite-friends-container .referral-rank-wrap .referral-middle .middle-item .item-progress .progress {
  flex: 1 1 0%;
  height: .08rem;
  border-radius: .08rem;
  background: hsla(0, 0%, 100%, .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: .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: .08rem;
  animation: inviteAnimationStrike 1.5s ease-in;
}
.invite-friends-container .referral-rank-wrap .referral-middle .middle-item .item-progress .current-progress {
  min-width: .84rem;
  text-align: right;
}
.invite-friends-container .referral-rank-wrap .referral-middle .middle-item svg {
  width: .42rem;
  height: .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: .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: .08rem;
}
.invite-friends-container .referral-rank-wrap .referral-bottom .referral-bottom-wrap {
  width: 100%;
  padding: .27rem .25rem;
  display: flex;
  gap: .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: -.28rem;
  top: 0;
  width: .02rem;
  height: 100%;
  background: #c8c8c8;
}
.invite-friends-container .referral-rank-wrap .referral-bottom .bottom-item .item-img img {
  height: .49rem;
  max-width: 100%;
  object-fit: contain;
}
.invite-friends-container .referral-rank-wrap .referral-bottom .bottom-item .item-name {
  margin-top: .22rem;
  color: #666;
  font-size: .2rem;
  font-weight: 600;
  min-height: .29rem;
  display: flex;
  align-items: center;
}
.invite-friends-container .referral-rank-wrap .referral-bottom .bottom-item .item-content {
  color: #1b1b4b;
  font-size: .26rem;
  font-weight: 900;
  min-height: .29rem;
  display: flex;
  align-items: center;
}
.invite-friends-rewards {
  padding: 0 .28rem;
  height: calc(100vh - 2.47rem);
  height: calc(var(--vh, 1vh)*100 - 2.47rem);
  margin: 0 0 .3rem;
}
.invite-friends-rewards .rewards-banner .wysiwyg {
  padding-bottom: 0;
}
.invite-friends-rewards .currency {
  margin-right: .05rem;
}
.invite-friends-rewards .rewards-time {
  flex: 1 1 0%;
  margin: .2rem 0 0;
  font-size: .18rem;
  font-weight: 700;
  color: #666;
  display: flex;
  justify-content: flex-end;
  align-items: left;
}
.invite-friends-rewards .rewards-time .time {
  margin-left: .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: .08rem;
  background-image:
    linear-gradient(
      180deg,
      #f3f7fb 0,
      #e0e9f1);
  min-height: 1.74rem;
  display: flex;
  align-items: center;
  padding: .22rem .2rem .22rem 1.55rem;
  position: relative;
  margin-bottom: .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, .4) 0,
      rgba(224, 233, 241, .4));
  left: 0;
  top: 0;
}
.invite-friends-rewards .rewards-list .rewards-item:before {
  position: absolute;
  content: "";
  width: 1.3rem;
  height: 1.3rem;
  left: .1rem;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(https://www.ck444.pro/mobile/mc/level-09.fe09cde0.png) 50%/contain;
}
.invite-friends-rewards .rewards-list .rewards-item:first-child:before {
  background: url(https://www.ck444.pro/mobile/mc/level-01.c7ede719.png) 50%/contain;
}
.invite-friends-rewards .rewards-list .rewards-item:nth-child(2):before {
  background: url(https://www.ck444.pro/mobile/mc/level-02.c6cabe47.png) 50%/contain;
}
.invite-friends-rewards .rewards-list .rewards-item:nth-child(3):before {
  background: url(https://www.ck444.pro/mobile/mc/level-03.9d3e1ebf.png) 50%/contain;
}
.invite-friends-rewards .rewards-list .rewards-item:nth-child(4):before {
  background: url(https://www.ck444.pro/mobile/mc/level-04.b4c2129f.png) 50%/contain;
}
.invite-friends-rewards .rewards-list .rewards-item:nth-child(5):before {
  background: url(https://www.ck444.pro/mobile/mc/level-05.7e8ce158.png) 50%/contain;
}
.invite-friends-rewards .rewards-list .rewards-item:nth-child(6):before {
  background: url(https://www.ck444.pro/mobile/mc/level-06.1f7c7e49.png) 50%/contain;
}
.invite-friends-rewards .rewards-list .rewards-item:nth-child(7):before {
  background: url(https://www.ck444.pro/mobile/mc/level-07.85c1190e.png) 50%/contain;
}
.invite-friends-rewards .rewards-list .rewards-item:nth-child(8):before {
  background: url(https://www.ck444.pro/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: .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: .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 .05rem;
  color: #3b2987;
}
.invite-friends-rewards .rewards-list .rewards-item .item-content .item-info {
  display: flex;
  align-items: center;
  margin-top: .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: .1rem;
}
.invite-friends-rewards .rewards-list .rewards-item .item-content svg {
  width: .24rem;
  height: .24rem;
  margin-right: .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: .32rem;
  font-weight: 600;
}
.invite-friends-rewards .rewards-list .rewards-item .btn-wrap .btn-info .goals {
  font-size: .13rem;
  font-weight: 600;
  color: #000;
  padding-left: .1rem;
  position: relative;
}
.invite-friends-rewards .rewards-list .rewards-item .btn-wrap .btn-info .goals:before {
  position: absolute;
  content: "/";
  left: .02rem;
}
.invite-friends-rewards .rewards-list .rewards-item .btn-wrap .get-btn {
  border-radius: .08rem;
  background-image:
    linear-gradient(
      113deg,
      #43cbff,
      #9708cc);
  min-height: .42rem;
  font-size: .15rem;
  font-weight: 600;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: .1rem;
  min-width: 1.01rem;
  padding: 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, .4) 0,
      rgba(224, 233, 241, .4));
  left: 0;
  top: 0;
}
.invite-friends-income-page {
  padding: 0 .28rem;
  height: calc(100vh - 2.57rem);
  height: calc(var(--vh, 1vh)*100 - 2.57rem);
  margin: .3rem 0 .4rem;
  display: flex;
  flex-direction: column;
}
.invite-friends-income-page .currency {
  margin-right: .05rem;
}
.invite-friends-income-page .income-wrap {
  border-radius: .12rem;
  background-color: #f6f6f6;
  padding: 0 .2rem .1rem;
  font-size: .18rem;
  font-weight: 500;
  color: #666;
  display: flex;
  flex-direction: column;
  margin-top: .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: .45rem 0;
  border-bottom: .02rem solid hsla(0, 0%, 40%, .1);
  justify-content: center;
}
.invite-friends-income-page .income-wrap .income-top .income-title {
  font-size: .24rem;
  font-weight: 600;
  margin-right: .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: .28rem;
  font-weight: 600;
  color: #3b2987;
}
.invite-friends-income-page .income-wrap .income-list {
  margin-top: .19rem;
  display: flex;
  flex-direction: column;
  border-radius: .08rem;
  background-image:
    linear-gradient(
      180deg,
      #f3f7fb 0,
      #e0e9f1);
  padding: .4rem .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: .24rem;
  font-weight: 700;
  margin-bottom: .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: .18rem;
}
.invite-friends-income-page .income-wrap .income-bottom img {
  max-width: 100%;
  object-fit: contain;
}
.invite-friends-income-page .income-tip {
  font-size: .24rem;
  font-weight: 500;
  margin-top: .1rem;
  color: #566073;
}
.invite-friends-records {
  padding: 0 .28rem;
  height: calc(100vh - 2.4rem);
  height: calc(var(--vh, 1vh)*100 - 2.4rem);
  margin: .3rem 0 0;
  display: flex;
  flex-direction: column;
}
.invite-friends-records .currency {
  margin-right: .05rem;
}
.invite-friends-records .search-result {
  height: calc(100% - 1.9rem);
  overflow: hidden;
  margin-top: .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: -.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: .6rem;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  font-size: .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: .6rem;
  display: flex;
  align-items: center;
  text-align: center;
  font-size: .18rem;
  color: #666;
  justify-content: space-between;
  padding: 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: .02rem solid hsla(0, 0%, 40%, .1);
  padding: .3rem 0;
}
.invite-friends-records .search-result .deposit-list .deposit-item .item-top {
  font-size: .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: .2rem;
}
.invite-friends-records .search-result .deposit-list .deposit-item .item-bottom .item-header {
  min-height: .6rem;
  background: #f5f6f7;
  font-size: .2rem;
  font-weight: 600;
  color: #666;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  border-radius: .08rem .08rem 0 0;
}
.invite-friends-records .search-result .deposit-list .deposit-item .item-bottom .item-content {
  min-height: .6rem;
  background-color: #fafafa;
  font-size: .2rem;
  font-weight: 600;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  border-radius: 0 0 .08rem .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: .02rem solid hsla(0, 0%, 40%, .1);
  padding: .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: .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: .4rem;
  height: .4rem;
  margin-right: .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: .2rem;
  font-weight: 600;
  color: #666;
}
.invite-friends-records .search-result .betting-list .betting-item .item-bottom {
  margin-top: .2rem;
  border-radius: .12rem;
  background-color: #fafafa;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: .2rem;
  font-weight: 600;
  color: #666;
  padding: .22rem .5rem;
}
.invite-friends-records .search-result .betting-list .betting-item .item-bottom .item-info {
  display: flex;
  justify-content: space-between;
  margin-bottom: .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: .9rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 -.11rem .1rem -.05rem rgba(0, 0, 0, .1);
  background-color: #fff;
  font-size: .28rem;
  font-weight: 600;
  color: #666;
  padding: 0 .28rem;
  width: 100%;
  position: fixed;
  bottom: 0;
  margin-left: -.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: .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: .3rem;
  border-bottom: .02rem solid hsla(0, 0%, 40%, .1);
  position: -webkit-sticky;
  position: sticky;
}
.invite-search-wrap .select-item {
  border-radius: .08rem;
  border: .02rem solid #108ee9;
  position: relative;
  height: .62rem;
  padding: 0 .27rem;
  display: flex;
  align-items: center;
  font-size: .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: .15rem;
  height: .15rem;
  justify-self: flex-end;
}
.invite-search-wrap .select-item .select-icon {
  width: .2rem;
  height: .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 .08rem;
}
.invite-search-wrap .select-game .select-icon {
  margin-right: .05rem;
}
.invite-search-wrap .select-date {
  min-width: 1.62rem;
  padding: 0;
  border: none;
}
.invite-search-wrap .select-date .am-button-small {
  height: .62rem;
  font-size: .26rem;
  color: #108ee9;
  background: transparent;
  padding: 0 .08rem;
  border-radius: .08rem;
  border: .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: .2rem;
  height: .2rem;
}
.select-type-modal {
  padding: .3rem .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: .32rem;
  font-weight: 600;
  color: #666;
}
.select-type-modal .modal-list-header .popup-close {
  width: .4rem;
  height: .4rem;
  margin: -.15rem -.13rem 0 0;
}
.select-type-modal .modal-list-content {
  margin-top: .32rem;
  padding: 0;
  flex: 1 1 0%;
  overflow-y: auto;
}
.select-type-modal .modal-list-content .list-item {
  min-height: .72rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  border-top: .02rem solid hsla(0, 0%, 40%, .1);
  font-size: .28rem;
  font-weight: 600;
  color: #5b5b5b;
}
.select-type-modal .modal-list-content .list-item.selected:after {
  content: "";
  width: .46rem;
  height: .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: .2rem .3rem;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.invite-rule-wrapper .rule-content {
  flex: 1 1 0%;
  border-radius: .14rem;
  background: #fff;
  box-shadow: 0 0 .2rem 0 rgba(188, 230, 252, .3);
  padding: .2rem;
  color: #979797;
  font-size: .2rem;
  font-weight: 500;
}
.invite-rule-wrapper .rule-content .rule-title {
  font-size: .32rem;
  color: #1b1b4b;
}
.invite-rule-wrapper .rule-content img {
  max-width: 100%;
  object-fit: contain;
}
.invite-friends-link {
  border-radius: .08rem;
  background:
    linear-gradient(
      180deg,
      #f3f7fb,
      #e0e9f1);
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: .28rem .27rem;
}
.invite-friends-link .link-top-title {
  font-size: .34rem;
  font-weight: 600;
  color: #3b2987;
}
.invite-friends-link .share-content-wrap {
  margin-top: .42rem;
  display: flex;
  align-items: center;
  gap: .1rem;
}
.invite-friends-link .share-title {
  color: #566073;
  font-weight: 600;
  font-size: .22rem;
}
.invite-friends-link .share-group {
  flex: 1 1 0%;
  display: flex;
  gap: .1rem;
}
.invite-friends-link .share-group .share-btn {
  width: .66rem;
  height: .66rem;
}
.invite-friends-link .share-group .share-btn.facebook-btn {
  background: url(https://www.ck444.pro/mobile/mc/share-icon1.14e8d9ca.png) 50%/contain;
}
.invite-friends-link .share-group .share-btn.sms-btn {
  margin-top: 0;
  background: url(https://www.ck444.pro/mobile/mc/share-icon2.953f1f2f.png) 50%/contain;
}
.invite-friends-link .share-group .share-btn.twitter-btn {
  background: url(https://www.ck444.pro/mobile/mc/share-icon3.82a842ee.png) 50%/contain;
}
.invite-friends-link .share-group .share-btn.telegram-btn {
  background: url(https://www.ck444.pro/mobile/mc/share-icon4.8f4126f7.png) 50%/contain;
}
.invite-friends-link .share-group .share-btn.whatsapp-btn {
  background: url(https://www.ck444.pro/mobile/mc/share-icon5.1776da75.png) 50%/contain;
}
.invite-friends-link .share-group .share-btn.line-btn {
  background: url(https://www.ck444.pro/mobile/mc/share-icon7.95ff0240.png) 50%/contain;
}
.invite-friends-link .share-group .share-btn.link {
  background: url(https://www.ck444.pro/mobile/mc/share-icon6.c39051d3.png) 50%/contain;
}
.invite-friends-link .invite-link-wrap {
  margin-top: .2rem;
  border-radius: .18rem;
  background: #fff;
  padding: .09rem .2rem;
  width: 100%;
  display: flex;
  align-items: center;
  gap: .2rem;
}
.invite-friends-link .invite-link-wrap svg {
  width: .32rem;
  height: .32rem;
}
.invite-friends-link .invite-link-wrap .link-url {
  flex: 1 1 0%;
  color: #2a2a2a;
  font-size: .19rem;
  font-weight: 600;
  text-align: left;
}
.invite-friends-link .invite-link-wrap .link-copy {
  padding: 0 .3rem;
  min-width: .9rem;
  height: .46rem;
  border-radius: .12rem;
  background:
    linear-gradient(
      135deg,
      #6b73ff,
      #000dff);
  font-size: .23rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.invite-search-wrapper {
  padding: .2rem .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: .6rem;
}
.invite-search-wrapper .mc-trans-filter .am-button-small {
  margin: 0;
}
.invite-search-wrapper .am-button-small {
  padding: 0 .15rem;
}
.invite-search-wrapper .select-normal {
  border-radius: .08rem;
  border: .02rem solid #108ee9;
  position: relative;
  height: .62rem;
  padding: 0 .27rem;
  display: flex;
  align-items: center;
  font-size: .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: .15rem;
  height: .15rem;
  justify-self: flex-end;
}
.invite-search-wrapper .select-normal .select-icon {
  width: .2rem;
  height: .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(.9);
  }
  50% {
    transform: scale(1.05);
  }
  70% {
    transform: scale(.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: .28rem;
  padding: .28rem;
}
.invite-income-data .income-data-wrap .data-item {
  padding: .3rem .24rem;
  display: flex;
  flex-direction: column;
  gap: .16rem;
  border-radius: .2rem;
  color: #566073;
  font-size: .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(https://www.ck444.pro/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(https://www.ck444.pro/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(https://www.ck444.pro/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(https://www.ck444.pro/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(https://www.ck444.pro/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(https://www.ck444.pro/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(https://www.ck444.pro/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(https://www.ck444.pro/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(https://www.ck444.pro/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(https://www.ck444.pro/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: .06rem;
  height: .52rem;
  background: #e76161;
  padding: 0 .15rem;
  border-radius: .9rem;
  color: #fff;
  font-size: .21rem;
  font-weight: 500;
}
.invite-income-data .income-data-wrap .item-bottom {
  display: flex;
  flex-wrap: wrap;
  gap: .16rem;
}
.invite-income-data .income-data-wrap .bottom-info {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc(50% - 0.08rem);
  border-radius: .2rem;
  padding: .15rem .24rem .2rem .2rem;
  background:
    linear-gradient(
      280deg,
      hsla(0, 0%, 100%, 0),
      rgba(233, 246, 254, .2)),
    #fff;
  display: flex;
  gap: .11rem;
  align-items: flex-end;
  position: relative;
  overflow: hidden;
}
.invite-income-data .income-data-wrap .bottom-info:before {
  content: "";
  width: .6rem;
  height: .6rem;
}
.invite-income-data .income-data-wrap .item-info {
  flex: 1 1 0%;
  display: flex;
  flex-direction: column;
  gap: .16rem;
  align-items: flex-end;
  text-align: right;
}
.invite-income-data .income-data-wrap .item-info .info-title {
  flex: 1 1 0%;
  font-size: .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, .8);
}
.invite-friends-income .container-wrapper {
  width: 100%;
  max-height: 85%;
  display: flex;
  flex-direction: column;
}
.invite-friends-income .income-close {
  margin-bottom: .12rem;
  align-self: flex-end;
  margin-right: .28rem;
}
.invite-friends-income .income-close svg {
  width: .6rem;
  height: .6rem;
}
.invite-friends-income .container-wrap {
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  border-radius: .2rem .2rem 0 0;
  background: #fff;
  padding: .53rem .33rem;
  gap: .24rem;
}
.invite-friends-income .currency {
  gap: .05rem;
}
.invite-friends-income .income-wrap {
  border-radius: .12rem;
  background-color: #f6f6f6;
  padding: .4rem .22rem;
  font-size: .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 .28rem;
  border-bottom: .02rem solid hsla(0, 0%, 40%, .1);
  justify-content: center;
}
.invite-friends-income .income-top .income-title {
  font-size: .26rem;
  font-weight: 600;
  margin-right: .16rem;
  line-height: 1;
}
.invite-friends-income .income-top .income-num,
.invite-friends-income .income-top .item-num {
  font-size: .26rem;
  font-weight: 700;
  color: #3b2987;
}
.invite-friends-income .income-list {
  margin-top: .28rem;
  display: flex;
  flex-direction: column;
  border-radius: .12rem;
  background:
    linear-gradient(
      180deg,
      #f3f7fb,
      #e0e9f1);
  padding: .29rem .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: .24rem;
  font-weight: 700;
  margin-bottom: .16rem;
}
.invite-friends-income .income-list .list-item:last-child {
  margin-bottom: 0;
}
.invite-friends-income .income-bottom {
  margin-top: .2rem;
}
.invite-friends-income .income-bottom .info-wrap {
  font-size: .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: .2rem;
  font-weight: 600;
  margin-top: .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% - .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: .2rem;
  border: 1px solid #e7e6fd;
  background: #fafaff;
  display: flex;
  flex-direction: column;
  padding: .24rem .32rem;
  color: #666;
  margin: .12rem auto 0;
}
.invite-friends-list .friends-list .list-item:first-child {
  margin-top: .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: .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: .4rem;
  height: .4rem;
  margin-right: .12rem;
  fill: rgba(129, 125, 209, .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: .12rem;
  font-size: .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 .1rem 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: .08rem;
  color: #566073;
  font-size: .22rem;
  font-weight: 600;
}
.invite-friends-list .invite-level-wrapper {
  padding: .2rem .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: .16rem .2rem;
  border-radius: .2rem;
  border: 1px solid #e9f6fe;
  background: #e1f4ff;
  color: #135a85;
  text-align: center;
  font-size: .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: .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: .82rem;
  background: url(https://www.ck444.pro/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: .08rem;
}
.invite-friends-list .invite-level-wrapper .rank-info .info-item {
  display: flex;
  flex-direction: column;
  padding-left: .44rem;
  text-align: center;
}
.invite-friends-list .invite-level-wrapper .rank-info .info-item:last-child {
  margin-top: .16rem;
}
.invite-friends-list .invite-level-wrapper .rank-info .info-item:last-child .info-bottom:before {
  background: #fff url(https://www.ck444.pro/mobile/mc/invite-level-icon2.51213b40.png) no-repeat 50%/.46rem auto;
}
.invite-friends-list .invite-level-wrapper .rank-info .info-top {
  padding-left: .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: .04rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: .38rem;
  border-radius: 0 .8rem .8rem 0;
  border: .876px solid #e9f6fe;
  background:
    linear-gradient(
      280deg,
      hsla(0, 0%, 100%, 0),
      rgba(233, 246, 254, .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: -.0573rem;
  left: -.44rem;
  width: .7rem;
  height: .7rem;
  border-radius: 50%;
  background: #fff url(https://www.ck444.pro/mobile/mc/invite-level-icon.07114044.png) no-repeat 50%/.46rem auto;
}
.invite-friends-list .invite-level-wrapper .qualified-item {
  flex: 1 1 0%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  margin-left: .08rem;
}
.invite-friends-list .invite-level-wrapper .qualified-item .info-item {
  flex: 1 1 0%;
  min-height: .6rem;
  border-radius: .16rem;
  border: 1px solid #fceed8;
  background: #fff8e8;
  padding: 0 .16rem;
  display: flex;
  align-items: center;
  color: #676767;
  font-size: .24rem;
  font-weight: 600;
}
.invite-friends-list .invite-level-wrapper .qualified-item .info-item:not(:last-child) {
  margin-bottom: .08rem;
}
.invite-friends-list .invite-level-wrapper .qualified-item .item-title {
  flex: 1 1 0%;
  color: #cd861c;
  font-size: .2rem;
  margin-right: .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% - .56rem);
  margin: 0 auto .2rem;
  display: flex;
  align-items: stretch;
  justify-content: space-evenly;
  min-height: .74rem;
}
.invite-friends-list .invite-level-switch .switch-item {
  flex: 1 1 0%;
  padding: .05rem .12rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #989898;
  font-size: .24rem;
  font-weight: 600;
  text-align: center;
  border-top: 1px solid hsla(0, 4%, 89%, .4);
  border-bottom: 1px solid hsla(0, 4%, 89%, .4);
  border-left: 1px solid hsla(0, 4%, 89%, .4);
  background: #f8f8f8;
}
.invite-friends-list .invite-level-switch .switch-item:first-child {
  border-radius: .2rem 0 0 .2rem;
}
.invite-friends-list .invite-level-switch .switch-item:last-child {
  border-radius: 0 .2rem .2rem 0;
  border-right: 1px solid hsla(0, 4%, 89%, .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: .03rem;
  min-width: .6rem;
  height: .3rem;
  padding: 0 .1rem;
  border-radius: .5rem;
  background: hsla(0, 0%, 100%, .8);
}
.deposit-rebate-modal .am-modal-content {
  background-color: transparent !important;
}
.rebate-detail-container {
  height: 90vh;
  height: calc(var(--vh, 1vh)*90);
  padding: .35rem 0 .58rem;
  position: fixed;
  background: #fff;
  z-index: 99999;
  width: 100%;
  bottom: 0;
  border-top-left-radius: .14rem;
  border-top-right-radius: .14rem;
  animation-name: detail-slideInUp;
  animation-duration: .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 .25rem;
  display: flex;
  justify-content: space-between;
  padding-bottom: .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: .34rem;
  font-weight: 700;
}
.rebate-detail-container .modal-list-header .list-title .item-down {
  margin-top: .1rem;
  font-size: .26rem;
  color: #424242;
}
.rebate-detail-container .modal-list-header .list-close {
  width: .5rem;
  height: .5rem;
  background-color: #ececec;
  border-radius: .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 .25rem;
  height: calc(100% - .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: .02rem solid hsla(0, 0%, 40%, .1);
  padding: .3rem 0;
}
.rebate-detail-container .search-result .deposit-list .deposit-item .item-top {
  font-size: .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: .2rem;
}
.rebate-detail-container .search-result .deposit-list .deposit-item .item-bottom .item-header {
  min-height: .6rem;
  background: #f5f6f7;
  font-size: .2rem;
  font-weight: 600;
  color: #666;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  border-radius: .08rem .08rem 0 0;
}
.rebate-detail-container .search-result .deposit-list .deposit-item .item-bottom .item-content {
  min-height: .6rem;
  background-color: #fafafa;
  font-size: .2rem;
  font-weight: 600;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  border-radius: 0 0 .08rem .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: .8rem;
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: .8rem;
  border-top: .02rem solid #ebebeb;
  background: #f9f9f9;
  box-shadow: 0 0 .24rem .06rem rgba(0, 0, 0, .1);
  font-size: .2rem;
  font-weight: 500;
  color: #666;
  padding: 0 .28rem;
  width: 100%;
  position: fixed;
  bottom: 0;
}
.rebate-detail-container .history-footer .footer-item {
  display: flex;
  flex-direction: column;
  gap: .1rem;
}
.rebate-detail-container .history-footer .footer-num {
  font-size: .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: .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: .24rem;
  vertical-align: top;
  padding: .12rem;
  margin-top: .42rem;
  position: relative;
}
.deposit-content ul li:before {
  content: "";
  width: .84rem;
  height: .84rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -.32rem;
  z-index: 1;
  background-repeat: no-repeat;
  background-size: cover;
}
.deposit-content ul li:nth-child(n+1):before {
  background-image: url(https://www.ck444.pro/mobile/mc/vip1.d9b3eabc.png);
}
.deposit-content ul li:nth-child(odd):before {
  background-image: url(https://www.ck444.pro/mobile/mc/vip2.3fb8156f.png);
}
.deposit-content ul li:nth-child(3n+1):before {
  background-image: url(https://www.ck444.pro/mobile/mc/vip3.73c93613.png);
}
.deposit-content ul li:nth-child(4n+1):before {
  background-image: url(https://www.ck444.pro/mobile/mc/vip4.e6602759.png);
}
.deposit-content ul li:nth-child(5n+1):before {
  background-image: url(https://www.ck444.pro/mobile/mc/vip5.dec07f3e.png);
}
.deposit-content ul li .cs-panel {
  position: relative;
  box-shadow: 0 .05rem .3rem 0 rgba(0, 0, 0, .08);
  border-radius: .2rem;
  background: #fff;
  padding: .42rem .16rem 0;
  text-align: center;
}
.deposit-content ul li .cs-panel h3 {
  font-size: .26rem;
  color: #646464;
  padding: .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: .24rem;
  line-height: 1.2;
  height: .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: .4rem;
}
.deposit-content ul li .cs-panel .cs-btn {
  padding: .22rem 0;
}
.deposit-content ul li .cs-panel .cs-btn a {
  display: inline-block;
  font-size: .24rem;
  color: #fff;
  padding: .14rem .4rem;
  border-radius: .4rem;
  background-image:
    linear-gradient(
      45deg,
      #f8483f,
      #fd603f);
  box-shadow: 0 .04rem .05rem 0 rgba(255, 35, 35, .32);
}
.leader-board-container {
  background: #f5f5f9;
}
.leader-board-container .leader-board-list-content {
  margin-top: .54rem;
}
.leader-board-container .leader-board-list-content .lblc-no-data {
  border: .02rem solid #bbb;
  height: 2rem;
  line-height: 2rem;
  color: #5e5e5e;
  font-size: .4rem;
  margin: .8rem .25rem .25rem;
  border-radius: .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: .3rem;
}
.leader-board-container .leader-board-header-info {
  color: #fff;
  font-family: Arial-BoldMT;
  left: 1.84rem;
  top: .24rem;
  position: absolute;
  width: calc(100% - 2.09rem);
}
.leader-board-container .leader-board-header-info .leader-board-title {
  font-size: .3rem;
  line-height: .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: .48rem;
  position: relative;
  font-weight: 700;
  padding: .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: .28rem;
  font-size: .24rem;
  display: inline-block;
  position: absolute;
  right: .15rem;
  top: 0;
  padding: .15rem .33rem .14rem;
  background-color: hsla(0, 0%, 100%, .8);
}
.leader-board-container .profile-icon {
  width: 1.18rem;
  height: 1.18rem;
  border-radius: 50%;
  overflow: hidden;
  left: .42rem;
  top: .36rem;
  position: absolute;
  border: .06rem solid #fff;
}
.leader-board-container .leader-board-header {
  background: url(https://www.ck444.pro/mobile/mc/header_bg.7240f1d9.jpg);
  background-size: cover;
  height: 2.54rem;
  padding: 0 .25rem;
  position: relative;
}
.leader-board-container .leader-board-header-status {
  border-radius: .15rem;
  height: 1.2rem;
  background: hsla(0, 0%, 100%, .9);
  box-shadow: 0 .06rem .24rem 0 hsla(0, 0%, 54%, .18);
  position: absolute;
  width: calc(100% - .5rem);
  left: 50%;
  transform: translateX(-50%);
  bottom: -.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: .3rem;
  position: relative;
  white-space: nowrap;
}
.leader-board-container .leader-board-header-status div svg {
  width: .34rem;
  height: .34rem;
  position: relative;
  top: .08rem;
  margin-right: .1rem;
  fill: #999;
}
.leader-board-container .leader-board-header-status div:after {
  content: "";
  position: absolute;
  right: 0;
  width: 1px;
  height: .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, .5);
  font-size: .22rem;
  color: #fff;
  height: .4rem;
  line-height: .4rem;
  padding: 0 .2rem 0 .5rem;
  border-radius: .2rem;
  display: inline-block;
  position: relative;
}
.leader-board-container .leader-board-integral:after {
  position: absolute;
  width: .25rem;
  height: .22rem;
  content: "";
  left: .2rem;
  background: url(https://www.ck444.pro/mobile/mc/integral.aa789528.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  top: .1rem;
}
.leader-board-container .leader-board-content {
  padding: 0 .25rem;
}
.leader-board-container .leader-board-content .leader-board-card {
  padding: .3rem .3rem .3rem 1.5rem;
  margin-bottom: .24rem;
  position: relative;
  border-radius: .15rem;
  overflow: hidden;
  background: url(https://www.ck444.pro/mobile/mc/cardbg01.28db823f.jpg);
  background-size: cover;
}
.leader-board-container .leader-board-content .leader-board-card .leader-border-card-icon {
  position: absolute;
  width: .98rem;
  height: 1.35rem;
  left: .3rem;
  top: .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: .34rem;
  padding-bottom: .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: .3rem;
  top: .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: .25rem;
  border: .02rem solid #888;
  color: #666;
  font-size: .24rem;
  padding: .1rem .25rem .09rem;
  text-align: center;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 1.8rem;
  margin-bottom: .3rem;
}
.leader-board-container .leader-board-content .leader-board-card .lb-card-operating span {
  width: .39rem;
  height: .39rem;
  display: inline-block;
  position: absolute;
  right: 0;
  top: -.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, .3);
  color: #fff;
  position: relative;
}
.leader-board-container .leader-board-content .leader-board-card .lb-card-info {
  font-size: .24rem;
  color: #666;
  padding: .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: .02rem 0 .06rem;
}
.leader-board-container .leader-board-content .leader-board-card .lb-card-info.time-left span {
  font-weight: 700;
  font-size: .3rem;
}
.leader-board-container .leader-board-content .leader-board-card .lb-progress {
  height: .2rem;
  background: #fff;
  border-radius: .1rem;
  bottom: .1rem;
  position: relative;
  margin-top: .38rem;
}
.leader-board-container .leader-board-content .leader-board-card .lb-progress .lb-processing-percent {
  height: .2rem;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: .1rem;
  background: #01c670;
  box-shadow: 0 .08rem .17rem 0 rgba(0, 255, 102, .23);
}
.leader-board-container .leader-board-content .leader-board-card .lb-percent-text {
  position: absolute;
  bottom: .3rem;
  left: .3rem;
  font-size: .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: .26rem;
}
.leader-board-container .leader-board-content .O .completed-icon img,
.leader-board-container .leader-board-content .O .fire-icon img {
  width: .4rem;
  height: .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(https://www.ck444.pro/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: .4rem;
  height: .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: .2rem;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: .1rem;
  background: #5e5e5e !important;
  box-shadow: 0 .08rem .17rem 0 rgba(158, 175, 165, .23) !important;
}
.leader-board-container .leader-board-content .E .leader-board-card {
  position: relative;
  background-image: url(https://www.ck444.pro/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: .4rem;
  height: .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: .34rem;
  font-weight: 700;
  padding-left: .6rem;
  position: relative;
  margin-bottom: .3rem;
}
.leader-board-container .leader-board-content .lb-milestone .up-btn {
  min-width: 1.81rem;
  font-size: .24rem;
  border-radius: .34rem;
  background-color: hsla(0, 0%, 67%, .7);
  text-align: center;
  position: absolute;
  padding: .08rem 0 .07rem;
  left: 50%;
  transform: translateX(-50%);
  bottom: .3rem;
  color: #fff;
}
.leader-board-container .leader-board-content .lb-milestone .up-btn svg {
  width: .56rem;
  height: .18rem;
  fill: #fff;
}
.leader-board-container .leader-board-content .lb-milestone .lmi-info-card {
  padding-left: 1.14rem;
  position: relative;
  margin-bottom: .3rem;
}
.leader-board-container .leader-board-content .lb-milestone .lmi-info-card .lmi-info-card-running {
  width: .6rem;
  height: .6rem;
  background: #ffbf59;
  position: absolute;
  left: .3rem;
  top: .12rem;
  border-radius: .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: .4rem;
  height: .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: .6rem;
  height: .6rem;
  background:
    linear-gradient(
      0deg,
      #1ed94f,
      #4bf247);
  position: absolute;
  left: .3rem;
  top: .12rem;
  border-radius: .3rem;
}
.leader-board-container .leader-board-content .lb-milestone .lmi-info-card .lmi-info-card-ok svg {
  width: .4rem;
  height: .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: .06rem;
  border-radius: .03rem;
  background: #ddd;
  height: calc(100% - 1rem);
  position: absolute;
  left: .55rem;
  top: 1rem;
}
.leader-board-container .leader-board-content .lb-milestone .lmi-info-card .lmi-info-card-container {
  border-radius: .15rem;
  background: #fff;
  padding: .24rem;
  box-shadow: 0 .04rem .2rem 0 rgba(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: .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: .28rem;
}
.leader-board-container .leader-board-content .lb-milestone .lmi-info-card .lmi-info-card-container .lic-header-list div:last-child {
  font-size: .22rem;
}
.leader-board-container .leader-board-content .lb-milestone .lmi-info-card .lmi-info-card-container .lic-header {
  position: relative;
  min-height: .5rem;
}
.leader-board-container .leader-board-content .lb-milestone .lmi-info-card .lmi-info-card-container .lic-header-btn {
  position: absolute;
  border-radius: .25rem;
  padding: .12rem .24rem .11rem;
  color: #fff;
  background: #ddd;
  font-size: .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: .24rem;
  margin-top: .18rem;
}
.leader-board-container .leader-board-content .lb-milestone .lmi-info-card .lmi-info-card-container .lic-footer .lb-ticket-item {
  padding: .08rem .42rem .08rem .52rem;
  font-size: .22rem;
  border-radius: .2rem;
  margin-bottom: .14rem;
  display: inline-block;
  color: #5e5e5e;
  position: relative;
  margin-right: .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: .4rem;
  height: .4rem;
  border-radius: .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: .25rem;
  height: .25rem;
  fill: #fff;
  margin-top: .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: .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: .53rem .26rem;
}
.leader-board-rule .leader-board-title {
  font-size: .36rem;
  margin-bottom: .22rem;
  font-weight: 700;
  color: #5e5e5e;
}
.leader-board-rule .leader-board-content {
  border-radius: .15rem;
  padding: .22rem .26rem;
  font-size: .3rem;
  color: #5e5e5e;
  height: 80vh;
  overflow-y: scroll;
  border: .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, .9);
  color: #fff;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 99;
}
.rwd-container .rwd-header {
  width: .4rem;
  height: .4rem;
  position: absolute;
  right: .28rem;
  top: .28rem;
}
.rwd-container .rwd-header svg {
  fill: #fff;
  width: .4rem;
  height: .4rem;
}
.rwd-container .rwd-content img {
  width: 100%;
}
.rwd-container .rwd-content .rwd-content-info {
  text-align: center;
  margin-top: -.6rem;
}
.rwd-container .rwd-content .rwd-content-info .rci-title {
  font-size: .42rem;
  margin-bottom: .16rem;
}
.rwd-container .rwd-content .rwd-content-info .rci-ranking {
  font-size: .6rem;
  margin-bottom: .16rem;
}
.rwd-container .rwd-content .rwd-content-info .rci-btn {
  height: .88rem;
  line-height: .88rem;
  border-radius: .44rem;
  color: #fff;
  font-size: .34rem;
  width: 3.2rem;
  margin-top: .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: .16rem 0;
  text-align: left;
  font-size: .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: .34rem;
  height: .34rem;
  display: inline-block;
  text-align: center;
  border-radius: .17rem;
  margin-right: .1rem;
  position: relative;
  top: -.04rem;
}
.rwd-container .rwd-content .rwd-content-info ul li span svg {
  width: .22rem;
  height: .22rem;
  top: .07rem;
  fill: #fff;
  position: relative;
}
.leader-board-title-info {
  text-align: left;
}
.leader-board-title-info .lbti-text {
  font-size: .3rem;
  padding-top: .2rem;
  color: #fff;
}
.leader-board-title-info .lbti-date {
  font-size: .24rem;
  white-space: normal;
}
.leader-board-title-info .lbti-date span {
  font-size: .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: .24rem;
  font-size: .3rem;
  top: 50%;
  font-weight: 700;
  transform: translateY(-50%);
}
.leader-board-item-info .leader-board-list-gift {
  position: absolute;
  width: .6rem;
  height: .6rem;
  right: .25rem;
  border-radius: .3rem;
}
.leader-board-item-info .leader-board-list-gift span {
  display: inline-block;
  border-radius: .3rem;
  width: .6rem;
  height: .6rem;
  position: relative;
  background:
    linear-gradient(
      0deg,
      #ffa748,
      #ffdd3e);
  box-shadow: 0 .08rem .16rem 0 rgba(255, 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: .3rem;
  height: .34rem;
}
.leader-board-item-info i {
  font-style: normal;
  font-size: .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: .71rem;
  overflow: hidden;
  height: .71rem;
  border-radius: 50%;
  margin: 0 .28rem;
}
.leader-board-item-info .leader-board-thumb img {
  width: 100%;
  height: 100%;
}
.leader-board-item-info.self-on .leader-board-thumb {
  height: .78rem;
  width: .78rem;
  border: .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: .3rem;
  color: #5e5e5e;
  font-weight: 700;
}
.leader-board-item-info .leader-board-list-info .leader-board-list-desc {
  font-size: .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: .3rem;
  font-weight: 700;
  position: relative;
  top: .04rem;
}
.leader-board-list .leader-board-list-header {
  height: 6.36rem;
  margin-top: -1.1rem;
  background: url(https://www.ck444.pro/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(https://www.ck444.pro/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: .35rem;
  text-align: center;
  color: #fff;
  position: relative;
  padding-top: .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(https://www.ck444.pro/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: -.5rem;
}
.leader-board-list .leader-board-list-header .leader-board-list-no1 .lbln-info .lbln-info-nickname {
  font-size: .4rem;
}
.leader-board-list .leader-board-list-header .leader-board-list-no1 .lbln-info .lbln-info-bet-title {
  font-size: .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: .28rem;
}
.leader-board-list .leader-board-list-header .leader-board-list-no1 .leader-board-first {
  position: absolute;
  width: 3.78rem;
  height: 3.78rem;
  top: -.7rem;
  left: -.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: .16rem;
  border-radius: 50%;
  border: .08rem solid #fff;
  box-shadow: 0 .03rem .49rem 0 rgba(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: .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: .35rem;
  text-align: center;
  color: #fff;
  position: relative;
  padding-top: .1rem;
}
.leader-board-list .leader-board-list-header .leader-board-list-no2 .lbln-info .gift-icon {
  content: "";
  width: 1rem;
  height: 1rem;
  background: url(https://www.ck444.pro/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: -.5rem;
}
.leader-board-list .leader-board-list-header .leader-board-list-no2 .lbln-info .lbln-info-nickname {
  font-size: .3rem;
}
.leader-board-list .leader-board-list-header .leader-board-list-no2 .lbln-info .lbln-info-bet-title {
  font-size: .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: .28rem;
}
.leader-board-list .leader-board-list-header .leader-board-list-no2:before {
  content: "";
  width: .8rem;
  height: .8rem;
  background: url(https://www.ck444.pro/mobile/mc/no2.f2120961.png) no-repeat;
  background-size: auto 100%;
  background-position: 50%;
  z-index: 100;
  position: absolute;
  right: -.1rem;
  top: .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: .08rem solid #fff;
  box-shadow: 0 .03rem .49rem 0 rgba(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: .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: .8rem;
  height: .8rem;
  background: url(https://www.ck444.pro/mobile/mc/no3.e468f828.png) no-repeat;
  background-size: auto 100%;
  background-position: 50%;
  z-index: 100;
  position: absolute;
  left: -.1rem;
  top: .8rem;
}
.leader-board-list .leader-board-list-header .leader-board-list-no3 .lbln-info {
  margin-top: 1.37rem;
  height: 2.1rem;
  line-height: .35rem;
  text-align: center;
  color: #fff;
  position: relative;
  padding-top: .1rem;
}
.leader-board-list .leader-board-list-header .leader-board-list-no3 .lbln-info .gift-icon {
  content: "";
  width: 1rem;
  height: 1rem;
  background: url(https://www.ck444.pro/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: -.5rem;
}
.leader-board-list .leader-board-list-header .leader-board-list-no3 .lbln-info .lbln-info-nickname {
  font-size: .3rem;
}
.leader-board-list .leader-board-list-header .leader-board-list-no3 .lbln-info .lbln-info-bet-title {
  font-size: .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: .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: .08rem solid #fff;
  box-shadow: 0 .03rem .49rem 0 rgba(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: .24rem;
}
.leader-board-list .leader-board-list-footer {
  height: 1.2rem;
  border-radius: .15rem;
  width: calc(100% - .52rem);
  background-color: #fff;
  left: 50%;
  transform: translateX(-50%);
  position: fixed;
  bottom: .23rem;
  box-shadow: 0 .18rem .62rem 0 rgba(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: .24rem;
  height: .75rem;
  padding-top: .1rem;
}
.leader-board-list .leader-board-list-footer .leader-board-item-info {
  height: 1.2rem;
  padding: .24rem;
}
.leader-board-list .leader-board-list-footer .leader-board-item-info .leader-board-thumb {
  height: .78rem;
  width: .78rem;
  border: .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: .5rem;
  line-height: .5rem;
  border-radius: .44rem;
  color: #fff;
  font-size: .24rem;
  padding: 0 .2rem;
  right: .24rem;
  margin-top: .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: -.26rem;
}
.am-icon-thumb_default,
.leader-board-thumb svg {
  background: #c7ccd5;
  fill: #88919f;
}
.leader-board-thumb svg {
  width: .71rem;
  height: .71rem;
}
.no-data {
  -webkit-filter: blur(.06rem);
  filter: blur(.06rem);
}
.lbti-nodata-modal {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999;
  background: hsla(0, 0%, 100%, .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: .06rem;
  background-color: hsla(0, 0%, 100%, .98);
  font-size: .48rem;
  color: #666;
  padding: .45rem 1em;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: .06rem solid hsla(0, 0%, 40%, .7);
  word-wrap: break-word;
}
.lbti-nodata-modal .leader-board-item-info {
  height: 1.2rem;
  border-radius: .15rem;
  width: calc(100% - .52rem);
  background-color: #fff;
  left: 50%;
  transform: translateX(-50%);
  position: fixed;
  bottom: .23rem;
  box-shadow: 0 .18rem .62rem 0 rgba(0, 0, 0, .2);
}
.leader-board-list-tips {
  display: none;
  border-radius: .15rem;
  padding: .24rem .26rem 0;
  background: #fff;
  right: .8rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.leader-board-list-tips .lb-ticket-item {
  padding: .08rem 0 .08rem .52rem;
  font-size: .22rem;
  border-radius: .2rem;
  margin-bottom: .16rem;
  display: inline-block;
  color: #5e5e5e;
  position: relative;
  margin-right: .32rem;
  white-space: nowrap;
  width: 100%;
  text-align: left;
}
.leader-board-list-tips .lb-ticket-item span {
  display: inline-block;
  width: .4rem;
  height: .4rem;
  border-radius: .2rem;
  position: absolute;
  left: 0;
  text-align: center;
  top: 0;
}
.leader-board-list-tips .lb-ticket-item svg {
  width: .25rem;
  height: .25rem;
  fill: #fff;
}
.leader-board-list-tips .lb-ticket-item i {
  font-style: normal;
  font-weight: 700;
  margin-left: .06rem;
  font-size: .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: .12rem 0 .12rem .15rem;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -.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: .06rem;
}
.leader-board-list-tips.position-top svg {
  margin-top: .08rem;
}
.leader-board-list-tips.position-top:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: .15rem .12rem 0;
  border-color: #fff transparent transparent;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -.14rem !important;
}
.leader-board-list-tips.tips-no2 {
  position: relative;
  top: -1.1rem;
}
.leader-board-list-tips.tips-no2 span {
  top: .06rem;
}
.leader-board-list-tips.tips-no2 svg {
  margin-top: .08rem;
}
.leader-board-list-tips.tips-no2:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: .15rem .12rem 0;
  border-color: #fff transparent transparent;
  position: absolute;
  left: 32%;
  transform: translateX(-50%);
  bottom: -.14rem !important;
}
.leader-board-list-tips.tips-no3 {
  position: relative;
  top: -1.1rem;
  left: -2.2rem;
}
.leader-board-list-tips.tips-no3 span {
  top: .06rem;
}
.leader-board-list-tips.tips-no3 svg {
  margin-top: .08rem;
}
.leader-board-list-tips.tips-no3:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: .15rem .12rem 0;
  border-color: #fff transparent transparent;
  position: absolute;
  left: 68%;
  transform: translateX(-50%);
  bottom: -.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: .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 .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: .3rem;
}
.link-manage-container .ag-link-lmanage .ag-link-mgtop {
  background-color: #fff;
  padding: 0 .3rem 0 .32rem;
  height: .68rem;
  color: #5e5e5e;
  line-height: .68rem;
  overflow: hidden;
  font-size: .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: -.05rem;
  height: .68rem;
  width: .68rem;
  vertical-align: middle;
  -webkit-filter: drop-shadow(0 .03rem .08rem rgba(243, 135, 205, .33));
  filter: drop-shadow(0 .03rem .08rem rgba(243, 135, 205, .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: .2rem;
  display: flex;
}
.link-manage-container .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-right svg {
  color: #6897f9;
  display: block;
  width: .35rem;
  height: .35rem;
}
.link-manage-container .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-right span {
  display: flex;
  width: .9rem;
  flex: 1 1 0%;
  align-items: center;
  justify-content: center;
  border-right: .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: .18rem .66rem;
  height: auto;
}
.link-manage-container .ag-link-lmanage .ag-link-mgcenter {
  display: flex;
  flex-wrap: wrap;
  font-size: .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: .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 .66rem;
  min-height: .96rem;
  background-color: #fcfcfc;
  border-top: 1px solid #ebebeb;
  color: #a6a6a6;
  align-items: center;
  font-size: .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: .26rem;
}
.link-manage-container .ag-link-lmanage .ag-link-mgbottom .mccolor-f6573a {
  color: #f6573a;
  font-size: .26rem;
}
.link-manage-container .ag-link-lmanage .ag-link-mgbottom .mccolor-23deb8 {
  color: #23deb8;
  font-size: .26rem;
}
.link-manage-container .ag-link-lmanage .ag-link-mgbottom .mccolor-1cc534 {
  color: #1cc534;
  font-size: .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: .02rem dashed hsla(0, 0%, 46%, .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%, .4);
  font-size: .27rem;
  align-items: center;
}
.feedback-container .intergallery .upload-container svg {
  width: 1rem;
  height: 1rem;
}
.feedback-container .intergallery .upload-img {
  border-radius: .15rem;
  display: block;
  height: 2rem;
  width: auto;
  max-width: 6rem;
}
.feedback-container .show-feedback {
  position: relative;
}
.feedback-container .show-feedback svg {
  width: .4rem;
  height: .4rem;
  top: -.2rem;
  right: -.2rem;
  position: absolute;
}
.feedback-container .number-form-group {
  padding: .3rem .3rem 0;
}
.feedback-container .account-form {
  padding: 0;
}
.feedback-container .grey-bg {
  border-radius: .15rem;
  background: #efefef;
}
.feedback-container input {
  background-color: #efefef;
  padding-left: .3rem;
}
.feedback-container .number-form-group {
  display: flex;
  flex-direction: column;
  gap: .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: .27rem;
  padding: 0 15% 0 .3rem;
}
.feedback-container .mc-account-list input::-webkit-input-placeholder {
  color: hsla(0, 0%, 46%, .4);
  font-size: .27rem;
}
.feedback-container .mc-account-list input::placeholder {
  color: hsla(0, 0%, 46%, .4);
  font-size: .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: .02rem;
  left: .02rem;
  width: calc(100% - .24rem);
  text-align: right;
  padding: 0 .1rem .05rem 0;
  color: #757575;
  background: #efefef;
}
.feedback-container .feedback-content .content-title {
  top: .02rem;
  left: .02rem;
  width: calc(100% - .24rem);
  position: absolute;
  margin-bottom: .2rem;
  color: #757575;
  font-size: .27rem;
  height: .75rem;
  display: flex;
  align-items: center;
  padding-left: .3rem;
  border-radius: .2rem;
  background: #efefef;
}
.feedback-container .feedback-content .feedback-input {
  padding: .75rem .3rem .4rem;
  border: none;
  line-height: normal;
  flex: 1 1 0%;
  font-size: .24rem;
  color: #333;
}
.feedback-container .feedback-content .feedback-input::-webkit-input-placeholder {
  font-size: .24rem;
  color: hsla(0, 0%, 46%, .4);
}
.feedback-container .feedback-content .feedback-input::placeholder {
  font-size: .24rem;
  color: hsla(0, 0%, 46%, .4);
}
.feedback-container .feedback-content .feedback-input:focus {
  border: 1.6px solid #3a6ad3;
  font-size: .24rem;
}
.feedback-container .captcha-form {
  margin-top: .3rem;
}
.feedback-container .captcha-form .fixed-list {
  display: flex;
}
.feedback-container .captcha-form .fixed-list input {
  margin-right: .1rem;
}
.feedback-container .captcha-form .fixed-list .cpf-captcha {
  border-radius: .15rem;
}
.feedback-container .captcha-form .fixed-list .captcha {
  padding-left: .2rem;
}
.feedback-container .ver-btn {
  margin: 0 .3rem .3rem;
}
.feedback-container .ver-btn p {
  text-align: center;
  color: #a9a9a9;
  font-size: .28rem;
  padding: .3rem 0;
}
.feedback-container .panel-default {
  margin: .1rem 0;
}
.feedback-container .panel-default strong {
  color: #ff1a55;
  font-size: .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: .28rem;
  background-color: #fff !important;
  border-bottom: none !important;
}
.sec_card .am-list-content {
  padding-left: .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: .38rem;
  position: absolute;
  height: .4rem;
  width: .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(https://www.ck444.pro/mobile/mc/temu-history-bg.6f0d4de6.png) no-repeat top/7.5rem 13.34rem;
}
.temu-history-wrap {
  padding-bottom: .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(https://www.ck444.pro/mobile/mc/temu-amount-bg.4ab2af8e.png) no-repeat bottom/cover;
  left: 0;
}
.temu-history-wrap .history-header .header-img {
  margin-top: -.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(https://www.ck444.pro/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: .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: -.2rem;
  color: #fff9f0;
  font-size: .64rem;
  font-weight: 700;
  display: flex;
  align-items: flex-end;
  line-height: .74rem;
}
.temu-history-wrap .history-header .header-amount .amount-item .currency,
.temu-history-wrap .history-header .header-amount .amount-item .small {
  font-size: .42rem;
}
.temu-history-wrap .history-list {
  width: calc(100% - .9rem);
  background: #fff;
  margin: 0 auto;
  border-radius: .15rem;
  display: flex;
  flex-direction: column;
  color: #826849;
  font-size: .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, .2);
}
.temu-history-wrap .list-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: .12rem;
  padding: .2rem;
}
.temu-history-wrap .item-info {
  display: flex;
  justify-content: space-between;
  gap: .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;
}
.v-base {
  font-size: .32rem;
}
.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: .3rem .2rem;
  background: #e4393c;
  color: #fff;
  display: inline-block;
  border-radius: .2rem;
  margin: 0 .1rem;
}
.v-base .member-home-root {
  background: #fff;
}
.v-base .main-top-content {
  font-size: .24rem;
  background: url(https://www.ck444.pro/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: .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: .35rem;
  top: .9rem;
  width: 1.02rem;
  height: 1.02rem;
  background: url(https://www.ck444.pro/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: .05rem solid #fff;
  position: absolute;
  top: .68rem;
  left: .48rem;
  -webkit-filter: drop-shadow(0 .15rem .16rem rgba(53, 52, 52, .27));
  filter: drop-shadow(0 .15rem .16rem rgba(53, 52, 52, .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: .42rem;
  height: .44rem;
  font-size: .24rem;
  display: inline-block;
  padding: 0 .16rem 0 .12rem;
  border-radius: .42rem;
  background: rgba(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: .06rem;
  width: .49rem;
  height: .41rem;
}
.v-base .main-top-cngttop-t1 {
  line-height: .42rem;
  height: .44rem;
  margin-top: .04rem;
}
.v-base .main-top-cngttop-t1 > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  max-width: 2.5rem;
  font-size: .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 .15rem;
  text-align: center;
  font-weight: 400;
  font-size: .24rem;
  background: #5095fd;
  color: inherit;
  border-radius: .34rem;
  line-height: .42rem;
  height: .44rem;
  margin-left: .2rem;
  vertical-align: middle;
  display: inline-block;
}
.v-base .main-top-cngttop-t2 {
  font-size: .38rem;
  line-height: .58rem;
  height: .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, .25);
  text-align: center;
  vertical-align: middle;
  height: .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: .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: .24rem 0 .2rem;
  height: .54rem;
  color: #fff;
  font-size: .28rem;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.v-base .main-tap-cmline {
  display: block;
  position: absolute;
  right: 0;
  bottom: .2rem;
  top: .2rem;
  border-right: 1px solid #ccc;
}
.v-base .main-tap-content i,
.v-base .main-tap-content span {
  display: block;
  height: .44rem;
  line-height: .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: .1rem;
}
.v-base .main-nav-list {
  font-size: .13rem;
  background-color: #fff;
}
.v-base .main-nav-list.false {
  display: none;
}
.v-base .nav-list-title {
  font-size: .28rem;
  line-height: .66rem;
  padding: 0 .48rem;
  background: #e1e0dc;
  color: #282743;
}
.v-base .main-nav-style {
  width: 25%;
  font-size: .26rem;
  padding: .52rem 0 .37rem;
  text-align: center;
  color: #565659;
  font-weight: 500;
  border-right: .02rem solid #f5f5f5;
  border-bottom: .02rem solid #f5f5f5;
}
.v-base .main-nav-style .un-read-count {
  position: absolute;
  top: -.6em;
  right: 1em;
  padding: .05rem .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: .24rem;
}
.v-base .reportEnter {
  color: #fffffe;
  width: .55rem;
  height: .5rem;
  vertical-align: sub;
}
.v-base .records {
  color: #fffffe;
  display: block;
  height: .8rem;
  line-height: .8rem;
  white-space: nowrap;
}
.v-base .main-top-cngttop-t2 .am-button-ghost {
  background-color: transparent;
  border: 0 solid #fff5f1;
  font-size: .3rem;
  height: .45rem;
  line-height: .45rem;
  padding: 0;
  color: #282743;
  font-weight: 500;
  border-radius: .1rem;
}
.v-base .mc-daterange-popup .am-popup {
  top: 12%;
  width: 89%;
  height: 80%;
  margin: 0 5%;
}
.v-base .hide {
  display: none !important;
}
.v-base .mc-agent-team-container {
  width: 100%;
  z-index: 99;
  height: .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 .1rem .2rem 0 hsla(0, 0%, 50%, .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: .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: .04rem solid #108ee9;
}
#root #mc-app-home-root.dark {
  background: url(https://www.ck444.pro/mobile/mc/home_bg.029bf69d.png) top no-repeat, #121011;
  background-size: 100% auto;
  background-position-y: -.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: .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: .04rem;
  font-size: .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: .06rem solid #ec2529 !important;
}
.security-circle {
  width: 2.1rem;
  height: 2.1rem;
  position: absolute;
  border-radius: 50%;
  left: .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: -.14rem;
  top: -.3rem;
}
.security-line {
  height: .2rem;
  margin: 1px 0;
  background: #f5f6f8;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.copy-key {
  text-align: center;
  padding: .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: .2rem;
  color: #ccc;
  font-size: .28rem;
  left: .6rem;
  line-height: .39rem;
}
.flex-money-content,
.flex-speedypay-name {
  margin: .1rem .24rem .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: .08rem;
}
.flex-discounts .inputBase:focus,
.flex-money-content .inputBase:focus,
.flex-speedypay-name .inputBase:focus {
  border: .03rem solid #0087fd !important;
}
.flex-money-content .inputCon,
.flex-speedypay-name .inputCon {
  width: 96% !important;
}
.speedPay-help-errors {
  color: red;
  font-size: .28rem;
  height: .4rem;
  margin: 0 .12rem .16rem;
}
.flex-discounts {
  position: relative;
  margin: .25rem .23rem !important;
  border: 0 !important;
  padding: .04rem !important;
  border-radius: 0 !important;
}
.flex-discounts .inputSelect {
  width: 84%;
}
.flex-discounts .inputSelect input {
  padding-bottom: .02rem !important;
}
.flex-discounts .inputIcon {
  height: 1.08rem !important;
  position: absolute;
  right: .33rem;
  background: #3b79f3 !important;
  padding-top: .08rem;
  border-radius: 0 .08rem .08rem 0;
}
.flex-another-pay {
  height: .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: .28rem;
  height: .4rem;
  margin: 0 .27rem .16rem;
}
.flex-submit-btn {
  border: 1px solid #efefef;
  border-radius: .15rem;
  padding: 1px !important;
  margin: .1rem .54rem .05rem .24rem !important;
}
.flex-submit-btn .am-button {
  height: 1rem;
  line-height: 1rem;
  color: #fff !important;
  font-size: .32rem;
}
.pgBank-common input::-webkit-input-placeholder {
  color: #888 !important;
  font-size: .308rem !important;
}
.btn-gray {
  border-radius: .1rem !important;
  background: #d8d8d8;
  transition: all .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: .28rem;
  color: #7b7b77;
}
.vou-line {
  height: .03rem;
  background: #f0f0f1;
  margin: .6rem .3rem 0;
}
.flex-list-title {
  color: #a6a6a6;
  font-size: .22rem;
  padding-right: .15rem;
}
.currcy-card-flex .flex-list-item {
  padding-left: 0 !important;
}
.base-item {
  width: 100%;
}
.security-header {
  padding: .4rem 0 .6rem .3rem;
  padding-bottom: 0;
}
.center-header {
  font-size: .3rem;
  margin-bottom: .25rem;
  color: #48484e;
  font-weight: 700;
  display: inline-block;
}
.sec_card_body {
  overflow-y: scroll;
}
.security-list {
  margin: 0 .25rem;
}
.security-list .am-list-content {
  align-items: center;
}
.security-list .flex-grad-one {
  width: .8rem;
  height: .8rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.security-list .flex-grad-one svg {
  width: 100%;
  height: auto;
  max-height: .8rem;
}
.flex-base {
  height: 1.05rem;
  border-radius: .1rem;
  border: 1px solid #ccc;
  margin: .15rem .4rem .03rem;
  font-size: .32rem;
  overflow: hidden;
}
.common-postion-btn {
  position: absolute;
  width: 90%;
  bottom: .8rem;
}
.common-postion-btn .am-button span {
  font-size: .3rem;
}
.txt-gray {
  color: #5e5e5e;
  font-size: .26rem;
  margin-top: .1rem;
  text-align: left;
  padding: 0 5%;
}
.i18n-fix .am-tabs-tab {
  white-space: nowrap;
}
.mcm-teampandect svg {
  width: .54rem;
  height: .54rem;
}
.tcg-tab-content {
  position: relative;
  z-index: 1;
}
.mc-tabs-scroll .am-tabs-tab {
  flex: auto !important;
  padding: 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: .04rem solid #fff;
}
.mc-tabs-scroll .am-tabs-ink-bar {
  display: none !important;
}
.mc-tabs-scroll .am-tabs-tab-active {
  border-bottom: .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: .3rem;
  min-width: 20%;
  text-align: center;
  border-bottom: .04rem solid #fff;
}
.mc-tab-container .mc-tab-item.tab-active {
  color: #108ee9;
  border-bottom: .04rem solid #108ee9;
}
#mc-app-home-root.mc {
  background: url(https://www.ck444.pro/mobile/mc/home_bg.029bf69d.png) top no-repeat;
  background-size: 100% auto;
  background-position-y: -.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(https://www.ck444.pro/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: .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: .5rem;
}
.n-home-container .footer-wrapper {
  display: flex;
  flex-direction: row;
  padding: 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: .4rem;
}
.n-home-container .home-user-footer > div {
  text-align: center;
  margin: 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: .3rem 0;
}
.n-home-container .common-center-top {
  right: 0;
  width: 100%;
  margin: .1rem auto 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.n-home-container .member-home-root {
  margin-top: .3rem;
}
.n-home-container .member-home-root .main-nav-list {
  padding: .1rem;
}
.n-home-container .n-nav-list-title {
  position: relative;
}
.n-home-container .n-nav-list-title span {
  background: #dfdfdf;
  padding: .06rem .18rem;
  font-size: .2rem;
  border-radius: .26rem;
  position: relative;
  display: inline-block;
  z-index: 10;
}
.n-home-container .n-nav-list-title:after {
  content: "";
  position: absolute;
  height: .02rem;
  background: #f3f3f3;
  width: 100%;
  top: .22rem;
  z-index: 8;
  right: 0;
}
.n-home-container .n-nav-list-title {
  margin-left: .5rem;
}
.n-home-container .main-nav-style {
  border: 0 !important;
  padding: .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 .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: .88rem;
  height: .88rem;
  margin-bottom: .2rem;
  position: relative;
}
.n-home-container .main-nav-style > .n-linear-border:before {
  content: "";
  width: .88rem;
  height: .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: .9rem;
  height: .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: -.12rem;
  z-index: 20;
}
.authorized-container {
  width: calc(100% - .48rem);
  margin: 0 auto;
}
.authorized-container .authorized-header {
  margin-top: .1rem;
}
.authorized-container .member-home-authorized .main-nav-list {
  position: relative;
}
.authorized-container .authorized-footer {
  margin: .3rem 0;
  border-radius: .2rem;
  background: #fff;
  padding: .31rem .25rem;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: .1rem;
}
.authorized-container .authorized-footer .footer-item {
  flex: 1 1 0%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .11rem;
  color: #000;
  font-size: .26rem;
  font-weight: 600;
}
.authorized-container .authorized-footer .footer-item svg {
  width: .5rem;
  height: .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: .3rem;
  border-radius: .2rem;
  background: #fff;
  padding: .3rem .2rem;
  margin-bottom: .3rem;
}
.authorized-container .member-home-authorized .authorized-title {
  color: #000;
  font-size: .32rem;
  font-weight: 400;
}
.authorized-container .member-home-authorized .authorized-head {
  padding: .2rem;
  padding-bottom: 0;
  border-radius: .4rem;
  background:
    linear-gradient(
      114deg,
      hsla(0, 0%, 100%, .05) 30.16%,
      hsla(0, 0%, 100%, .03) 165.17%,
      hsla(0, 0%, 100%, .03) 0),
    linear-gradient(
      180deg,
      #feece7,
      #fff 56%);
}
.authorized-container .member-home-authorized .authorized-head .main-rows {
  display: flex;
  gap: .22rem;
}
.authorized-container .member-home-authorized .authorized-head .main-rows .feature-item {
  font-size: .28rem;
  align-items: center;
  padding: .2rem;
  font-weight: 500;
  color: #373635;
  display: flex;
  border-radius: .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: .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(.5rem, 1fr));
}
.authorized-container .member-home-authorized .authorized-head .sec-rows .feature-item {
  justify-content: flex-start;
  font-size: .24rem;
  font-weight: 500;
  line-height: .28rem;
  display: flex;
  flex-direction: column;
  margin-top: .26rem;
  flex-grow: 1;
  align-items: center;
}
.authorized-container .member-home-authorized .authorized-head .sec-rows .feature-item svg {
  width: .9rem;
  height: .9rem;
  margin-bottom: .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: .88rem;
  border-radius: .14rem;
  background: #faf5f1;
  display: flex;
  align-items: center;
  color: #874323;
  font-size: .24rem;
  margin-bottom: .15rem;
  position: relative;
}
.authorized-container .member-home-authorized .feature-list .feature-item:not(:nth-child(2n)) {
  margin-right: .15rem;
}
.authorized-container .member-home-authorized .feature-list .feature-item:after {
  content: "";
  width: .78rem;
  height: .78rem;
}
.authorized-container .member-home-authorized .feature-list .feature-item.REWCEN3:after {
  background: url(https://www.ck444.pro/mobile/mc/reward.45225bf3.png) no-repeat 50%/contain;
}
.authorized-container .member-home-authorized .feature-list .feature-item.SECPRIV:after {
  background: url(https://www.ck444.pro/mobile/mc/security.dd552c68.png) no-repeat 50%/contain;
}
.authorized-container .member-home-authorized .feature-list .feature-item.PTSYS3:after {
  background: url(https://www.ck444.pro/mobile/mc/mall.e86fc08b.png) no-repeat 50%/contain;
}
.authorized-container .member-home-authorized .feature-list .feature-item.REFERRAL:after {
  background: url(https://www.ck444.pro/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: .26rem;
  position: relative;
  display: flex;
  align-items: center;
  padding-right: .14rem;
}
.authorized-container .member-home-authorized .authorized-list-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
  gap: .2rem;
}
.authorized-container .member-home-authorized .authorized-list-wrap .authorized-list-item {
  width: calc((100% - .4rem)/2);
  min-width: 3.2rem;
  border-radius: .35rem;
  background: #f9f9fb;
  display: flex;
  gap: .14rem;
  align-items: center;
  color: #373635;
  font-size: .26rem;
  font-weight: 500;
  padding: .13rem .22rem;
  min-height: .84rem;
  position: relative;
}
.authorized-container .member-home-authorized .authorized-list-wrap .authorized-list-item svg {
  min-width: .4rem;
  width: .4rem;
  height: .4rem;
  fill: #fe5a00;
}
.authorized-container .member-home-authorized .authorized-list-wrap .authorized-list-item .item-txt {
  display: flex;
  gap: .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: .56rem;
  top: -.13rem;
}
.authorized-container .unread-count {
  border-radius: .14857rem .14857rem .14857rem 0;
  background:
    linear-gradient(
      228deg,
      #f05e57 2.97%,
      #e03a32 97.03%);
  min-width: .32rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: .3rem;
  line-height: .3rem;
  font-size: .20571rem;
  font-weight: 400;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  top: 0;
  padding: 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%, .66);
  -webkit-filter: blur(.9435rem);
  filter: blur(.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, .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: -.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: .2rem;
  margin-right: .1rem;
}
.t1-container .member-top-wrap svg {
  width: .42rem;
  height: .42rem;
  fill: #666;
}
.t1-container .member-top-wrap .top-item {
  width: .7rem;
  height: .7rem;
  border-radius: .35rem;
  border: 1px solid hsla(0, 0%, 100%, .4);
  background: hsla(0, 0%, 100%, .3);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.t1-container .member-top-wrap .top-item .unread-count {
  top: -.14rem;
  right: -.14rem;
}
.t1-container .t1-header {
  width: calc(100% - .62rem);
  margin: .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%, .8),
      hsla(0, 0%, 100%, .8)),
    url(https://www.ck444.pro/mobile/mc/home-bg-t1.78db076a.png) no-repeat 50%/cover;
  background-blend-mode: color;
  border-radius: .42rem;
  position: relative;
  z-index: 0;
}
.t1-container .t1-header .memberInfo-theme-wrapper {
  padding: .3rem .2rem;
}
.t1-container .t1-header .memberInfo-theme-wrapper .member-info .profile .profile-info {
  gap: .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, .6);
}
.t1-container .t1-header .memberInfo-theme-wrapper .member-info .profile .profile-info .nickname-edit {
  color: #666;
  font-size: .22rem;
  font-weight: 500;
}
.t1-container .t1-header .memberInfo-theme-wrapper .member-info .profile .profile-info .nickname-edit svg {
  fill: hsla(0, 0%, 40%, .6);
}
.t1-container .t1-header .memberInfo-theme-wrapper .member-info .profile .profile-img img {
  width: .8rem;
  height: .8rem;
}
.t1-container .t1-header .profile-detail-wrapper {
  margin-top: .16rem;
  background: transparent !important;
}
.t1-container .t1-header .profile-detail-wrapper .current-wallet {
  color: #333;
  font-size: .46rem;
  font-weight: 600;
}
.t1-container .t1-header .profile-detail-wrapper .current-wallet svg {
  fill: rgba(51, 51, 51, .4);
}
.t1-container .t1-header .profile-detail-wrapper .detail-top {
  padding: 0;
  margin: 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: .22rem;
  background: hsla(0, 0%, 100%, .2);
  padding: .1rem .16rem;
  min-height: .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: .28rem;
  height: .28rem;
  fill: #333;
}
.t1-container .t1-header .t1-footer {
  margin: .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: .16rem;
  font-size: .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: .27rem;
  background:
    radial-gradient(
      50% 50% at 50% 50%,
      #cb933e 0,
      #f7cf8c 100%);
  width: .8rem;
  height: .8rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.t1-container .t1-header .t1-footer .footer-item .item-icon svg {
  width: .48rem;
  height: .48rem;
}
.t1-container .member-home-t1 {
  flex: 1 1 0%;
  border-radius: .3rem .3rem 0 0;
  background: #f7f7f7;
  padding: .3rem .24rem;
  display: flex;
  flex-direction: column;
  gap: .2rem;
  position: relative;
  z-index: 1;
}
.t1-container .member-home-t1 .feature-list-t1 {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: .28rem;
}
.t1-container .member-home-t1 .feature-list-t1 .feature-item {
  flex: 1 1 0%;
  min-height: 1.45rem;
  border-radius: .14rem;
  padding: .18rem;
  position: relative;
  font-size: .24rem;
}
.t1-container .member-home-t1 .feature-list-t1 .feature-item:after {
  position: absolute;
  content: "";
  right: 0;
  bottom: 0;
  width: .88rem;
  height: .88rem;
}
.t1-container .member-home-t1 .feature-list-t1 .feature-item.REWCEN3 {
  color: #874323;
  border: 1px solid #f1edbd;
  background:
    linear-gradient(
      119deg,
      #fefbea .58%,
      #faf6c9 99.42%);
}
.t1-container .member-home-t1 .feature-list-t1 .feature-item.REWCEN3:after {
  background: url(https://www.ck444.pro/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 .58%,
      #fadbc9 99.42%);
}
.t1-container .member-home-t1 .feature-list-t1 .feature-item.SECPRIV:after {
  background: url(https://www.ck444.pro/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 .58%,
      #c3f1ff 99.42%);
}
.t1-container .member-home-t1 .feature-list-t1 .feature-item.REFERRAL:after {
  background: url(https://www.ck444.pro/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: .2rem;
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: .2rem;
  padding: .3rem .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: .14rem;
  min-height: 1.62rem;
}
.t1-container .t1-list-wrap .t1-list-item .item-icon {
  width: .9rem;
  height: .9rem;
  border-radius: .45rem;
  background:
    linear-gradient(
      0deg,
      #cb933e,
      #f7cf8c);
  box-shadow: 0 .04rem .092rem 0 hsla(0, 0%, 79%, .47);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.t1-container .t1-list-wrap .t1-list-item .item-icon svg {
  width: .44rem;
  height: .44rem;
}
.t1-container .t1-list-wrap .t1-list-item .item-txt {
  color: #373635;
  font-size: .24rem;
  text-align: center;
  word-break: break-word;
}
.t1-container .t1-ac-wrapper {
  display: flex;
  flex-direction: column;
  gap: .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: .2rem;
  background: #fff;
  min-height: 1.17rem;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: .28rem;
  color: #373635;
  padding: .11rem .2rem;
}
.t1-container .t1-ac-wrapper .ac-feature-list .feature-item:after {
  content: "";
  width: .94rem;
  height: .94rem;
  margin-left: .42rem;
}
.t1-container .t1-ac-wrapper .ac-feature-list .feature-item.AGEPAG:after {
  background: url(https://www.ck444.pro/mobile/mc/team-overview.c31fb8cd.png) no-repeat 50%/contain;
}
.t1-container .t1-ac-wrapper .ac-feature-list .feature-item.REGCEN:after {
  background: url(https://www.ck444.pro/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: .2rem;
  background: #fff;
  padding: 0 .3rem;
  display: flex;
  flex-direction: column;
}
.t1-container .t1-ac-wrapper .t1-ac-list .t1-list-item {
  display: flex;
  gap: .14rem;
  align-items: center;
  padding: .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: .42rem;
  height: .42rem;
  fill: #17120e;
}
.t1-container .t1-ac-wrapper .t1-ac-list .t1-list-item .item-icon .unread-count {
  top: -.21rem;
  right: -.32rem;
}
.t1-container .t1-ac-wrapper .t1-ac-list .t1-list-item .item-icon img {
  width: .42rem;
  height: .42rem;
}
.t1-container .t1-ac-wrapper .t1-ac-list .t1-list-item .item-txt {
  flex: 1 1 0%;
  color: #353537;
  font-size: .26rem;
  word-break: break-word;
}
.t1-container .t1-ac-wrapper .t1-ac-list .t1-list-item .item-arrow svg {
  fill: #a0a0a0;
  width: .12rem;
  height: .12rem;
}
.t1-container .unread-count {
  border-radius: .15rem .15rem .15rem 0;
  background:
    linear-gradient(
      228deg,
      #f05e57 2.97%,
      #e03a32 97.03%);
  min-width: .28rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: .28rem;
  line-height: .28rem;
  font-size: .22rem;
  font-weight: 400;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: -1px;
  top: -1px;
  padding: 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, .2),
      rgba(0, 0, 0, .2)),
    linear-gradient(
      90deg,
      #cb933e -8.22%,
      #f7cf8c);
  border-radius: 0 .25rem 0 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  padding: 0 .15rem 0 0;
  background-blend-mode: multiply;
  max-width: 80%;
}
.t1-container .vip-wrapper .vip-bg {
  position: absolute;
  left: -.5rem;
  top: -.02rem;
  width: .52rem;
  height: .5rem;
}
.t1-container .vip-wrapper .vip-bg svg {
  width: 100%;
  height: 100%;
  opacity: .95;
}
.t1-container .vip-wrapper .vip-name {
  font-size: .22rem;
  font-weight: 600;
  color: #fff;
  height: .41rem;
  display: flex;
  align-items: center;
  margin-left: .4rem;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
  line-height: .41rem;
}
.t1-container .vip-wrapper .vip-name:before {
  position: absolute;
  content: "";
  width: .3rem;
  height: .3rem;
  background: url(https://www.ck444.pro/mobile/mc/t1-vip-icon.83a162a9.png) no-repeat 50%/contain;
  margin: 0 .05rem;
  left: -.05rem;
  top: .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%, .7),
      hsla(0, 0%, 100%, .7)),
    linear-gradient(
      90deg,
      #ffda92 .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%, .66);
  -webkit-filter: blur(.9435rem);
  filter: blur(.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, .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: .2rem;
  margin-right: .1rem;
}
.t2-container .member-top-wrap svg {
  width: .42rem;
  height: .42rem;
  fill: #666;
}
.t2-container .member-top-wrap .top-item {
  width: .7rem;
  height: .7rem;
  border-radius: .35rem;
  border: 1px solid hsla(0, 0%, 100%, .4);
  background: hsla(0, 0%, 100%, .3);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.t2-container .t2-header {
  width: calc(100% - .62rem);
  margin: .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: .22rem;
  font-weight: 500;
  line-height: .22rem;
}
.t2-container .t2-header .memberInfo-t2-wrap .unread-count {
  right: -.2rem;
  top: -.14rem;
}
.t2-container .t2-header .memberInfo-t2-wrap .last-login-info {
  justify-content: space-between;
  display: flex;
  padding-right: .24rem;
  min-height: .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: .22rem;
  margin-right: .08rem;
}
.t2-container .t2-header .memberInfo-t2-wrap .contact-area {
  justify-content: flex-end;
  min-width: 1.2rem;
  display: flex;
  gap: .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 .2rem;
}
.t2-container .t2-header .memberInfo-theme-wrapper .member-info .profile .profile-info {
  flex-grow: 1;
  gap: .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, .6);
}
.t2-container .t2-header .memberInfo-theme-wrapper .member-info .profile .profile-info .nickname-edit {
  max-width: 4.58rem;
  color: #666;
  font-size: .22rem;
  font-weight: 500;
}
.t2-container .t2-header .memberInfo-theme-wrapper .member-info .profile .profile-info .nickname-edit svg {
  fill: hsla(0, 0%, 40%, .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: .8rem;
  height: .8rem;
}
.t2-container .t2-header .profile {
  display: flex;
  flex: 1 1 0%;
  gap: .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: .19rem;
  flex-grow: 1;
}
.t2-container .t2-header .profile .profile-info .user-name .copy-account {
  display: flex;
  align-items: center;
  gap: .1rem;
  color: #000;
  font-size: .32rem;
  font-weight: 600;
}
.t2-container .t2-header .profile .profile-info .user-name .copy-account svg {
  width: .3rem;
  height: .3rem;
  fill: rgba(37, 37, 37, .6);
}
.t2-container .t2-header .profile .profile-info .nickname-info {
  display: flex;
  gap: .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: .28rem;
  width: .28rem;
}
.t2-container .t2-header .profile .profile-info .nickname-info .go-to-edit svg {
  height: .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: .24rem;
  font-weight: 400;
  display: flex;
  align-items: center;
}
.t2-container .t2-header .profile .profile-info .nickname-info .nickname-edit svg {
  fill: #66666699;
  width: .28rem;
  height: .28rem;
  margin-left: .05rem;
}
.t2-container .t2-header .current-wallet {
  display: inline-flex;
  align-items: center;
  color: #333;
  font-size: .54rem;
  font-weight: 500;
}
.t2-container .t2-header .current-wallet svg {
  width: .28rem;
  height: .28rem;
  fill: rgba(51, 51, 51, .4);
}
.t2-container .t2-header .profile-detail-wrapper {
  background:
    linear-gradient(
      90deg,
      #cb933e,
      #f7cf8c),
    linear-gradient(
      90deg,
      hsla(0, 0%, 100%, .8),
      hsla(0, 0%, 100%, .8)),
    url(https://www.ck444.pro/mobile/mc/home-bg-t1.78db076a.png) no-repeat 50%/cover;
  padding: .26rem .3rem;
  background-blend-mode: color;
  border-radius: .42rem;
  margin-top: .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: .22rem;
  min-height: .6rem;
  align-items: center;
}
.t2-container .t2-header .profile-detail-wrapper .detail-bottom .bottom-item {
  padding: .16rem .12rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: .3rem;
  height: 100%;
  color: #fff;
  background: #ffaa2e;
}
.t2-container .t2-header .profile-detail-wrapper .detail-bottom .bottom-item svg {
  width: .28rem;
  height: .28rem;
  fill: #fff;
}
.t2-container .detail-top {
  min-height: 1.8rem;
  position: relative;
  border-radius: .3rem .3rem 0 0;
  padding: .26rem 0 0 .3rem;
  margin: .3rem 0 .16rem;
  background: url(https://www.ck444.pro/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: .33rem auto .2rem;
  display: flex;
  justify-content: space-evenly;
  margin-right: .3rem;
}
.t2-container .detail-top .t2-footer .footer-item {
  flex: 1 1 0%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .16rem;
  font-size: .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: .1rem;
  border-radius: .4rem;
  background:
    linear-gradient(
      90deg,
      #fbab49,
      #fd911b);
  width: 2rem;
  height: .6rem;
  gap: .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: .36rem;
  height: .36rem;
}
.t2-container .member-home-t2 {
  flex: 1 1 0%;
  border-radius: .3rem .3rem 0 0;
  padding: 0 .24rem .64rem;
  display: flex;
  flex-direction: column;
  gap: .2rem;
  position: relative;
  z-index: 1;
}
.t2-container .member-home-t2 .feature-list-t2 {
  border-radius: .3rem;
  background: #fff;
  padding: .2rem;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: .28rem;
}
.t2-container .member-home-t2 .feature-list-t2 .feature-item {
  flex: 1 1 0%;
  min-height: 1.45rem;
  min-width: 30%;
  border-radius: .14rem;
  padding: .18rem;
  position: relative;
  font-size: .24rem;
}
.t2-container .member-home-t2 .feature-list-t2 .feature-item:after {
  position: absolute;
  content: "";
  right: 0;
  bottom: 0;
  width: .88rem;
  height: .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: .27rem;
  background:
    linear-gradient(
      180deg,
      #ffc965,
      #ffe2b6);
}
.t2-container .member-home-t2 .feature-list-t2 .feature-item.REWCEN3:after {
  background: url(https://www.ck444.pro/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: .27rem;
  background:
    linear-gradient(
      180deg,
      #6c89ef,
      #acb5fe);
}
.t2-container .member-home-t2 .feature-list-t2 .feature-item.SECPRIV:after {
  background: url(https://www.ck444.pro/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: .27rem;
  background:
    linear-gradient(
      180deg,
      #ff5855,
      #ffaba0);
}
.t2-container .member-home-t2 .feature-list-t2 .feature-item.PTSYS3:after {
  background: url(https://www.ck444.pro/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: .27rem;
  background:
    linear-gradient(
      180deg,
      #ff5855,
      #ffaba0);
}
.t2-container .member-home-t2 .feature-list-t2 .feature-item.REFERRAL:after {
  background: url(https://www.ck444.pro/mobile/mc/entry-invite.a14e2bad.png) no-repeat 50%/contain;
}
.t2-container .member-home-t2 .feature-list-t2 .feature-item .item-txt {
  min-height: .55rem;
  color: #fff;
  position: relative;
  z-index: 1;
  font-size: .26rem;
  font-weight: 600;
}
.t2-container .member-home-t2 .feature-list-t2 .unread-count {
  top: -.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: -.4rem;
}
.t2-container .t2-list-wrap {
  border-radius: .2rem;
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: .2rem;
  padding: .3rem .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: .14rem;
  min-height: 1.08rem;
  min-width: 1.5rem;
}
.t2-container .t2-list-wrap .t2-list-item .item-icon {
  width: .9rem;
  height: .9rem;
  border-radius: .45rem;
  background:
    linear-gradient(
      0deg,
      #cb933e,
      #f7cf8c);
  box-shadow: 0 .04rem .092rem 0 hsla(0, 0%, 79%, .47);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.t2-container .t2-list-wrap .t2-list-item .item-icon svg {
  width: .44rem;
  height: .44rem;
}
.t2-container .t2-list-wrap .t2-list-item .item-txt {
  text-align: left;
  min-height: .3rem;
  color: #fff;
  font-size: .24rem;
  font-weight: 600;
  word-break: break-word;
}
.t2-container .t2-ac-wrapper {
  display: flex;
  flex-direction: column;
  gap: .2rem;
}
.t2-container .t2-ac-wrapper .list-wrap {
  gap: .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: .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: .14rem;
  margin: 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: .48rem;
  height: .48rem;
  position: relative;
  justify-content: flex-start;
}
.t2-container .t2-ac-wrapper .t2-list-item .item-icon svg {
  fill: #ffaa2e;
  width: .48rem;
  height: .48rem;
}
.t2-container .t2-ac-wrapper .t2-list-item .item-icon .unread-count {
  right: -.3rem;
  top: -.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: .25rem;
  font-weight: 500;
  word-break: break-word;
}
.t2-container .t2-ac-wrapper .t2-list-item .item-arrow svg {
  fill: #a0a0a0;
  width: .12rem;
  height: .12rem;
}
.t2-container .t2-ac-wrapper .title-container {
  position: relative;
  border-radius: .2rem;
  background: #fff;
}
.t2-container .t2-ac-wrapper .main-list-title {
  display: block;
  margin-top: .3rem;
  font-size: .32rem;
  font-weight: 800;
  width: 100%;
  min-height: .39rem;
  padding: 0 .18rem;
  position: relative;
}
.t2-container .t2-ac-wrapper .main-deco {
  position: absolute;
  left: 0;
  top: .3rem;
  max-width: 1.29rem;
  word-break: break-all;
  display: flex;
  width: .06rem;
  height: .4rem;
  content: "";
  border-radius: 0 .06rem .06rem 0;
  background:
    linear-gradient(
      181deg,
      #ffda92 .99%,
      #ffaa2e 99.01%);
}
.t2-container .vip-wrapper {
  height: .52rem;
  overflow: hidden;
  display: inline-flex;
  position: absolute;
  right: 0;
  top: .26rem;
  justify-content: flex-end;
}
.t2-container .vip-wrapper .vip-wrap {
  display: flex;
  align-items: center;
  background: rgba(0, 0, 0, .4);
  border-radius: .3rem 0 0 .3rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  padding: 0 .15rem 0 0;
  background-blend-mode: multiply;
}
.t2-container .vip-wrapper .vip-bg {
  position: absolute;
  left: -.5rem;
  top: -.02rem;
  width: .52rem;
  height: .5rem;
}
.t2-container .vip-wrapper .vip-bg svg {
  width: 100%;
  height: 100%;
  opacity: .95;
}
.t2-container .vip-wrapper .vip-name {
  max-width: 2.5rem;
  font-size: .22rem;
  font-weight: 600;
  color: #fff;
  padding-left: .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: .3rem;
  width: .3rem;
  height: .3rem;
  background: url(https://www.ck444.pro/mobile/mc/t1-vip-icon.83a162a9.png) no-repeat 50%/contain;
  margin: 0 .05rem;
}
.t2-container .unread-count {
  border-radius: .15rem .15rem .15rem 0;
  background:
    linear-gradient(
      228deg,
      #f05e57 2.97%,
      #e03a32 97.03%);
  min-width: .28rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: .28rem;
  line-height: .28rem;
  font-size: .22rem;
  font-weight: 400;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  padding: 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%, .59),
      hsla(0, 0%, 100%, .59)),
    linear-gradient(
      210deg,
      #f1f9ff .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: -.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: -.74rem;
  top: .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(https://www.ck444.pro/mobile/mc/vip-img.09a90cc6.png) no-repeat 50%/contain;
  width: 1.88rem;
  height: 1.9rem;
  top: -.44rem;
  right: .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: .36rem;
  margin-right: .24rem;
}
.t3-container .member-top-wrap svg {
  fill: #000;
}
.t3-container .member-top-wrap .top-item {
  width: .42rem;
  height: .42rem;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.t3-container .member-top-wrap .top-item .unread-count {
  top: -.14rem;
  right: -.14rem;
}
.t3-container .t3-header {
  padding: .33rem .24rem 0;
  display: flex;
  flex-direction: column;
  gap: .37rem;
}
.t3-container .t3-header .header-info-wrap {
  min-height: .75rem;
}
.t3-container .t3-header .header-info {
  display: flex;
  flex-direction: column;
  gap: .12rem;
  color: #666;
  font-size: .24rem;
  font-weight: 500;
}
.t3-container .t3-header .header-info .info-item {
  display: flex;
  align-items: center;
  gap: .08rem;
}
.t3-container .t3-header .header-info .info-item svg {
  width: .32rem;
  height: .32rem;
}
.t3-container .t3-header .memberInfo-t3-wrap {
  border-radius: .48rem;
  background: #fff;
  box-shadow: 0 .05rem .16rem 0 rgba(0, 0, 0, .05);
  min-height: 1.88rem;
  padding: 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: .13rem;
}
.t3-container .t3-header .memberInfo-t3-wrap .member-info .profile .profile-info .user-name .copy-account {
  font-size: .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: .05rem;
}
.t3-container .t3-header .memberInfo-t3-wrap .member-info .profile .profile-img {
  margin-right: .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: .44rem;
  border-radius: 0 .285rem 0 0;
  padding: 0 .23rem 0 .48rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  display: flex;
  align-items: center;
  gap: .08rem;
}
.t3-container .t3-header .memberInfo-t3-wrap .vip-wrapper .vip-wrap:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: .48rem;
  height: calc(100% + .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: .48rem;
  height: .44rem;
  opacity: .5;
}
.t3-container .t3-header .memberInfo-t3-wrap .vip-wrapper .vip-img {
  width: .34rem;
  height: .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: .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: .3rem .3rem 0 0;
  background:
    linear-gradient(
      90deg,
      #fff,
      #f8fbff 60.5%);
  padding-top: .08rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .24rem;
  margin: .22rem auto 0;
  padding-bottom: .87rem;
}
.t3-container .t3-content-wrapper .t3-content-top {
  margin-top: .08rem;
  width: calc(100% - .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: .26rem;
  padding: 0 .4rem;
  font-size: .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(https://www.ck444.pro/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% - .4rem);
  height: calc(100% - .36rem);
  left: .2rem;
  bottom: 0;
  background:
    linear-gradient(
      310deg,
      #ff3800 3.97%,
      #fe8167 96.03%);
  -webkit-filter: drop-shadow(0 .05rem .16rem rgba(250, 80, 57, .26));
  filter: drop-shadow(0 .05rem .16rem rgba(250, 80, 57, .26));
  border-radius: 0 .24rem .24rem .24rem;
  z-index: -1;
}
.t3-container .t3-content-wrapper .t3-content-top .balance-wrapper .item-title {
  margin-top: .66rem;
}
.t3-container .t3-content-wrapper .t3-content-top .balance-wrapper .current-wallet {
  font-size: .44rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: .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: .33rem;
  height: .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: .19rem;
  height: .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: .64rem;
  position: relative;
  font-size: .26rem;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 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: .2rem;
}
.t3-container .t3-content-wrapper .t3-content-top .balance-wrapper .balance-bottom .bottom-item.deposit:before {
  left: 0;
  background: url(https://www.ck444.pro/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: .2rem;
}
.t3-container .t3-content-wrapper .t3-content-top .balance-wrapper .balance-bottom .bottom-item.withdraw:before {
  right: 0;
  background: url(https://www.ck444.pro/mobile/mc/withdraw-bg-t3.1261a1ad.png) no-repeat 50%/cover;
}
.t3-container .t3-content-wrapper .t3-content-top .button-wrapper {
  margin: .2rem .2rem 0 0;
  flex: 1 1 0%;
  display: flex;
  flex-direction: column;
  gap: .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 .2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .06rem;
  border-radius: .24rem;
  background:
    linear-gradient(
      93deg,
      #a8b0df .22%,
      #626ea8 99.78%);
  box-shadow: 0 .05rem .16rem .03rem rgba(101, 113, 171, .2);
  font-size: .26rem;
  font-weight: 600;
  color: #fff;
  position: relative;
}
.t3-container .t3-content-wrapper .t3-content-top .button-wrapper .button-reward-item .reward-icon {
  width: .52rem;
  height: .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: .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: .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: .04rem;
  width: .24rem;
  height: .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: .1rem;
  right: .2rem;
}
.t3-container .t3-content-wrapper .t3-content-top .button-wrapper .button-mid-item {
  display: flex;
  gap: .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: .24rem;
  background: #fff;
  box-shadow: 0 .05rem .16rem .03rem rgba(250, 80, 57, .16);
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: .16rem;
  padding: .14rem .1rem;
  text-align: center;
  color: #333;
  font-size: .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: .5rem;
  width: auto;
  object-fit: contain;
}
.t3-container .t3-content-wrapper .t3-content-invite {
  margin-top: .17rem;
  width: calc(100% - .48rem);
  display: flex;
  flex-direction: column;
  gap: .1rem;
  border-radius: .3rem;
  background: #fff;
  box-shadow: 0 .05rem .16rem 0 rgba(0, 0, 0, .05);
  min-height: 1.59rem;
  padding: .18rem 0 .18rem .33rem;
  position: relative;
  color: #666;
  font-size: .26rem;
  font-weight: 400;
}
.t3-container .t3-content-wrapper .t3-content-invite:after {
  position: absolute;
  content: "";
  width: 2.1rem;
  height: 1.63rem;
  right: .32rem;
  top: -.17rem;
  background: url(https://www.ck444.pro/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: .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: .38rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: .22rem;
  font-weight: 500;
  padding: 0 .08rem;
  border-radius: .3rem;
  background:
    linear-gradient(
      90deg,
      #ff7931,
      #ffbe44);
}
.t3-container .t3-content-wrapper .t3-content-invite .info-btn svg {
  width: .12rem;
  height: .12rem;
}
.t3-container .t3-content-wrapper .t3-content-register {
  margin-top: .15rem;
  width: calc(100% - .48rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: .1rem;
  border-radius: .3rem;
  background: #fff;
  box-shadow: 0 .05rem .16rem 0 rgba(0, 0, 0, .05);
  min-height: 1.59rem;
  padding: 0 0 0 .33rem;
  position: relative;
  color: #666;
  font-size: .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(https://www.ck444.pro/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: .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: .38rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: .22rem;
  font-weight: 500;
  padding: 0 .08rem;
  border-radius: .3rem;
  background:
    linear-gradient(
      315deg,
      #19dfb9 10.92%,
      #47f1d1 93%);
}
.t3-container .t3-content-wrapper .t3-content-register .info-btn svg {
  width: .12rem;
  height: .12rem;
}
.t3-container .t3-content-wrapper .t3-content-overview {
  width: calc(100% - .48rem);
  min-height: 2.1rem;
  border-radius: .3rem;
  background:
    linear-gradient(
      180deg,
      #deedfc,
      #fff);
  box-shadow: 0 .05rem .16rem 0 rgba(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: .08rem;
  background: url(https://www.ck444.pro/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: .5rem;
  background: url(https://www.ck444.pro/mobile/mc/team-overview-title-t3.9c7da358.png) no-repeat 100%/cover;
  font-size: .28rem;
  font-weight: 600;
  color: #fff;
  padding-left: .24rem;
  display: flex;
  align-items: center;
  border-radius: .3rem 0 0 0;
}
.t3-container .t3-content-wrapper .t3-content-overview .overview-top .top-info {
  flex: 1 1 0%;
  padding-right: .24rem;
  font-size: .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 .24rem;
  gap: .14rem;
  color: #666;
  font-size: .26rem;
  font-weight: 500;
  margin-top: .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: .2rem;
  background: hsla(0, 0%, 100%, .76);
  display: flex;
  align-items: center;
  gap: .12rem;
  padding: .1rem .1rem .1rem .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: .6rem;
  height: .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: .34rem;
  height: .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: .08rem;
}
.t3-container .t3-content-wrapper .t3-content-overview .overview-content .content-item .item-info .info-num {
  color: #09c11f;
  font-size: .36rem;
  font-weight: 500;
}
.t3-container .unread-count {
  border-radius: .15rem .15rem .15rem 0;
  background:
    linear-gradient(
      228deg,
      #f05e57 2.97%,
      #e03a32 97.03%);
  min-width: .28rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: .28rem;
  line-height: .28rem;
  font-size: .22rem;
  font-weight: 400;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: -1px;
  top: -1px;
  padding: 0 .05rem;
}
.member-center-wrapper {
  border-radius: .3rem;
  background: #fff;
  box-shadow: 0 .05rem .16rem 0 rgba(0, 0, 0, .05);
  width: calc(100% - .48rem);
  color: #666;
  font-size: .26rem;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: .3rem;
}
.member-center-wrapper .member-center-header {
  width: 100%;
  padding: .3rem;
  display: flex;
  justify-content: space-between;
}
.member-center-wrapper .member-center-header .info-title {
  font-size: .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: .02rem;
  font-size: .28rem;
}
.member-center-wrapper .member-center-header .all-btn svg {
  width: .12rem;
  height: .12rem;
}
.member-center-wrapper .member-center-content {
  display: flex;
  gap: .3rem .08rem;
  flex-wrap: wrap;
  width: calc(100% - .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: .18rem;
  text-align: center;
  word-break: break-word;
}
.member-center-wrapper .list-item svg {
  width: .58rem;
  height: .58rem;
}
.member-center-wrapper .list-item .item-icon {
  position: relative;
}
.member-center-wrapper .list-item .item-icon .unread-count {
  top: -.16rem;
  right: -.28rem;
}
.member-center-wrapper .unread-count {
  border-radius: .15rem .15rem .15rem 0;
  background:
    linear-gradient(
      228deg,
      #f05e57 2.97%,
      #e03a32 97.03%);
  min-width: .28rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: .28rem;
  line-height: .28rem;
  font-size: .22rem;
  font-weight: 400;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: -1px;
  top: -1px;
  padding: 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: .38rem;
}
.member-agent-wrapper header svg {
  position: absolute;
  left: .24rem;
  fill: #000;
}
.member-agent-wrapper .member-agent-wrap {
  margin: .3rem auto .35rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .3rem;
}
.member-agent-wrapper .member-agent-wrap .member-center-wrapper {
  width: calc(100% - .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(https://www.ck444.pro/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, .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: .26rem;
}
.mark-container .member-progress-warp .member-level-progress-bar-title {
  display: block;
  height: .33rem;
  width: 100%;
  margin-bottom: .07rem;
  font-weight: 400;
  font-size: .24rem;
}
@keyframes progress-animation {
  0% {
    opacity: .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: .16rem;
  left: .03rem;
  flex: 1 1 0%;
  top: 0;
  border-radius: .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: .1rem;
  left: .02rem;
  transform: translateY(-50%);
  top: 50%;
  background:
    linear-gradient(
      90deg,
      #373739,
      #191d1e);
  border-radius: .16rem 0 0 .16rem;
}
.mark-container .member-progress-warp .level-progress-text {
  margin-top: .07rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: .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: .28rem;
  align-items: center;
}
.mark-container .member-top-wrap {
  display: flex;
  align-items: center;
  gap: .2rem;
  margin-right: .1rem;
}
.mark-container .member-top-wrap svg {
  width: .42rem;
  height: .42rem;
  fill: #666;
}
.mark-container .member-top-wrap .top-item {
  width: .7rem;
  height: .7rem;
  border-radius: .35rem;
  border: 1px solid hsla(0, 0%, 100%, .4);
  background: hsla(0, 0%, 100%, .3);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mark-container .t2-header {
  margin: .16rem .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: .22rem;
  font-weight: 500;
  line-height: .22rem;
}
.mark-container .t2-header .memberInfo-t2-wrap .unread-count {
  right: -.2rem;
  top: -.14rem;
}
.mark-container .t2-header .memberInfo-t2-wrap .contact-area {
  align-items: stretch;
  width: 10%;
  justify-content: flex-end;
  display: flex;
  gap: .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: .56rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .1rem;
  text-align: center;
  word-break: break-word;
  border-radius: .31rem;
  background:
    linear-gradient(
      90deg,
      #373739,
      #191d1e);
  padding: 0 .14rem;
}
.mark-container .t2-header .memberInfo-t2-wrap .contact-area .footer-item .item-icon {
  flex: 0 0 0.36rem;
  width: .36rem;
  height: .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: .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: .31rem;
  color: rgba(0, 0, 0, .6);
  width: 100%;
  justify-content: space-between;
  display: flex;
  padding-right: .24rem;
  min-height: .75rem;
  font-size: .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: .22rem;
  margin-right: .08rem;
}
.mark-container .t2-header .profile {
  display: flex;
  flex-wrap: wrap;
  flex: 1 1 0%;
  gap: .1rem;
}
.mark-container .t2-header .profile .profile-img img {
  background: #fff;
  padding: .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: .13rem;
}
.mark-container .t2-header .profile .profile-info .user-name .copy-account {
  display: flex;
  align-items: center;
  gap: .1rem;
}
.mark-container .t2-header .profile .profile-info .user-name .copy-account span {
  color: #0e0e16;
  font-size: .36rem;
  font-weight: 500;
}
.mark-container .t2-header .profile .profile-info .user-name .copy-account svg {
  width: .3rem;
  height: .3rem;
  fill: rgba(37, 37, 37, .6);
}
.mark-container .t2-header .profile .profile-info .nickname-info {
  color: rgba(14, 14, 22, .6);
  font-size: .24rem;
  display: flex;
  gap: .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: .28rem;
  width: .28rem;
}
.mark-container .t2-header .profile .profile-info .nickname-info .go-to-edit svg {
  height: .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: .24rem;
  font-weight: 400;
  display: flex;
  align-items: center;
}
.mark-container .t2-header .profile .profile-info .nickname-info .nickname-edit svg {
  fill: #66666699;
  width: .28rem;
  height: .28rem;
  margin-left: .05rem;
}
.mark-container .t2-header .current-wallet {
  display: inline-flex;
  align-items: center;
  color: #0e0e16;
  font-size: .4rem;
  font-weight: 500;
}
.mark-container .t2-header .current-wallet svg {
  width: .28rem;
  height: .28rem;
  fill: #0e0e16;
  opacity: .6;
}
.mark-container .t2-header .profile-detail-wrapper {
  background:
    linear-gradient(
      90deg,
      #cb933e,
      #f7cf8c),
    linear-gradient(
      90deg,
      hsla(0, 0%, 100%, .8),
      hsla(0, 0%, 100%, .8)),
    url(https://www.ck444.pro/mobile/mc/home-bg-t1.78db076a.png) no-repeat 50%/cover;
  padding: .26rem .3rem;
  background-blend-mode: color;
  border-radius: .42rem;
  margin-top: .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: .22rem;
  min-height: .6rem;
  align-items: center;
}
.mark-container .t2-header .profile-detail-wrapper .detail-bottom .bottom-item {
  padding: .16rem .12rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: .3rem;
  height: 100%;
  color: #fff;
  background: #ffaa2e;
}
.mark-container .t2-header .profile-detail-wrapper .detail-bottom .bottom-item svg {
  width: .28rem;
  height: .28rem;
  fill: #fff;
}
.mark-container .detail-top {
  position: relative;
  min-height: 1.8rem;
  border-radius: .3rem;
  padding: .2rem 0 0 .3rem;
  margin: .28rem 0 0;
  background:
    linear-gradient(
      0deg,
      rgba(0, 0, 0, .5),
      rgba(0, 0, 0, .5)),
    linear-gradient(
      90deg,
      rgba(52, 64, 95, .5),
      rgba(86, 104, 140, .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(https://www.ck444.pro/mobile/mc/card-deco.cb9a6496.png);
  mask: url(https://www.ck444.pro/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: -.4rem;
  left: -1.2rem;
  -webkit-mask: url(https://www.ck444.pro/mobile/mc/card-deco-up.8b026735.png);
  mask: url(https://www.ck444.pro/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: .33rem auto .2rem;
  display: flex;
  justify-content: space-evenly;
  margin-right: .3rem;
}
.mark-container .detail-top .last-login-info {
  position: relative;
  z-index: 1;
  color: hsla(0, 0%, 100%, .6);
  margin-bottom: .2rem;
  width: 100%;
  justify-content: space-between;
  display: flex;
  padding-right: .24rem;
  min-height: .75rem;
  font-size: .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: .22rem;
  margin-right: .08rem;
}
.mark-container .member-home-mark {
  flex: 1 1 0%;
  padding: 0 .24rem .64rem;
  display: flex;
  flex-direction: column;
  gap: .26rem;
  position: relative;
  z-index: 1;
  background-color: #e3e7f0;
}
.mark-container .member-home-mark:before {
  width: 7.5rem;
  height: .6rem;
  top: -.3rem;
  left: 0;
  z-index: 1;
  position: absolute;
  background: url(https://www.ck444.pro/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: .4rem;
  background: #f1f3f7;
  box-shadow: 0 .07rem .16rem 0 rgba(30, 30, 47, .07);
  padding: .2rem;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: .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: .14rem;
  padding: .18rem;
  position: relative;
  font-size: .24rem;
  background: url(https://www.ck444.pro/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: .24rem;
}
.mark-container .member-home-mark .feature-list-t2 .feature-item.REWCEN3:after {
  background: url(https://www.ck444.pro/mobile/mc/entry-reward.321d2522.png) no-repeat 50%/contain;
}
.mark-container .member-home-mark .feature-list-t2 .feature-item.MANPLAYREB3:after {
  background: url(https://www.ck444.pro/mobile/mc/manual-rebates.d84ea55e.png) no-repeat 50%/contain;
}
.mark-container .member-home-mark .feature-list-t2 .feature-item.MAILCEN:after {
  background: url(https://www.ck444.pro/mobile/mc/message-blur.ff309382.png) no-repeat 50%/contain;
}
.mark-container .member-home-mark .feature-list-t2 .feature-item.REFERRAL:after {
  background: url(https://www.ck444.pro/mobile/mc/invite-earn.90d44139.png) no-repeat 50%/contain;
}
.mark-container .member-home-mark .feature-list-t2 .feature-item .item-txt {
  min-height: .55rem;
  color: #191d1e;
  position: relative;
  z-index: 1;
  font-size: .26rem;
  font-weight: 600;
}
.mark-container .member-home-mark .feature-list-t2 .unread-count {
  margin-top: -.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: -.4rem;
}
.mark-container .t2-list-wrap {
  border: 1px solid red;
  border-radius: .2rem;
  background: #fff;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
  gap: .2rem;
  padding: .3rem .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: .14rem;
  min-height: .98rem;
  min-width: 1.5rem;
}
.mark-container .t2-list-wrap .t2-list-item .item-icon {
  border-radius: 50%;
  width: .9rem;
  height: .9rem;
  background:
    linear-gradient(
      0deg,
      #cb933e,
      #f7cf8c);
  box-shadow: 0 .04rem .092rem 0 hsla(0, 0%, 79%, .47);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 .3rem;
  position: relative;
}
.mark-container .t2-list-wrap .t2-list-item .item-icon svg {
  width: .44rem;
  height: .44rem;
}
.mark-container .t2-list-wrap .t2-list-item .item-txt {
  text-align: left;
  min-height: .3rem;
  color: #fff;
  font-size: .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: .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: .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: .98rem;
  display: flex;
  align-items: center;
  gap: .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: .48rem;
  height: .48rem;
  position: relative;
  justify-content: flex-start;
}
.mark-container .t2-ac-wrapper .t2-list-item .item-icon svg {
  fill: #ffaa2e;
  width: .48rem;
  height: .48rem;
}
.mark-container .t2-ac-wrapper .t2-list-item .item-icon .unread-count {
  right: -.3rem;
  top: -.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: .25rem;
  font-weight: 500;
  word-break: break-word;
  margin-right: .05rem;
}
.mark-container .t2-ac-wrapper .t2-list-item .item-arrow svg {
  fill: #191d1e;
  width: .1rem;
  height: .22rem;
}
.mark-container .t2-ac-wrapper .title-container {
  position: relative;
  border-radius: .4rem;
  background: #f1f3f7;
  padding: 0 .46rem;
  box-shadow: 0 .07rem .16rem 0 rgba(0, 0, 0, .07);
}
.mark-container .t2-ac-wrapper .main-list-title {
  color: #353537;
  margin-bottom: .1rem;
  display: block;
  margin-top: .3rem;
  font-size: .32rem;
  font-weight: 800;
  width: 100%;
  min-height: .39rem;
  position: relative;
}
.mark-container .t2-ac-wrapper .main-deco {
  position: absolute;
  left: 0;
  top: .3rem;
  max-width: 1.29rem;
  word-break: break-all;
  display: flex;
  width: .06rem;
  height: .4rem;
  content: "";
  border-radius: 0 .06rem .06rem 0;
  background:
    linear-gradient(
      181deg,
      #ffda92 .99%,
      #ffaa2e 99.01%);
}
.mark-container .vip-wrapper {
  z-index: 1;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-right: .12rem;
}
.mark-container .vip-wrapper .vip-info {
  font-weight: 700;
  margin-right: 1.79rem;
  font-size: .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: .43rem;
  font-size: .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: .37rem;
  padding: .05rem .12rem;
  text-align: center;
  font-size: .2rem;
  font-weight: 700;
  border-radius: .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(https://www.ck444.pro/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: .14rem;
}
.mark-container .vip-wrapper .vip-bg {
  position: absolute;
  left: -.5rem;
  top: -.02rem;
  width: .52rem;
  height: .5rem;
}
.mark-container .vip-wrapper .vip-bg svg {
  width: 100%;
  height: 100%;
  opacity: .95;
}
.mark-container .vip-wrapper .vip-name {
  margin-top: .05rem;
  width: 1rem;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100% - .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: .32rem;
  font-weight: 800;
  line-height: normal;
}
.mark-container .unread-count {
  border-radius: .15rem .15rem .15rem 0;
  background:
    linear-gradient(
      228deg,
      #f05e57 2.97%,
      #e03a32 97.03%);
  min-width: .35rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: .28rem;
  line-height: .28rem;
  font-size: .22rem;
  font-weight: 400;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  padding: 0 .05rem;
}
.am-toast.am-toast-nomask {
  max-width: 75vw;
  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: .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: .3rem;
}
.name-filter .am-button-ghost .am-icon-down {
  position: absolute;
  right: .1rem;
  top: 50%;
  transform: translateY(-50%);
}
.name-filter .name-search {
  background: #f5f5f5;
}
.name-filter .name-search.pdt-20 {
  padding-top: .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: .82rem;
  line-height: .82rem;
  padding-left: .8rem !important;
  text-align: left !important;
}
.name-filter .am-search .am-search-synthetic-ph-icon {
  margin-left: -.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: .1rem;
}
.name-filter .am-search-cancel {
  font-size: 0;
  width: .8rem;
  height: .8rem;
  background: url(https://www.ck444.pro/mobile/mc/search.4d098525.png) no-repeat;
  background-size: .5rem auto;
  background-position: .16rem .16rem;
  margin-left: .2rem;
}
.mc-common-list-container .name-search .am-search {
  padding: 0 .42rem !important;
}
.down-line-filter {
  padding-top: 0;
}
.down-line-filter .name-search {
  padding: .06rem 0 !important;
}
.down-line-filter .name-search input {
  line-height: 1.15 !important;
  outline: none !important;
}
.new-tips {
  position: absolute;
  top: .05rem;
  left: 50% !important;
  width: 90%;
  transform: translateX(-50%);
  background-color: #fff;
  color: #108ee9;
  border: 1px solid #108ee9;
  font-size: .28rem;
  text-align: center;
  padding: .1rem .3rem;
  border-radius: .06rem;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;
}
.ID .order-integral-item,
.MY .order-integral-item {
  min-height: .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: .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: .05rem .1rem;
  border-radius: .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: .44rem;
  height: .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: -.57rem;
  right: .23rem;
  width: .5rem;
  height: .5rem;
  background: url(https://www.ck444.pro/mobile/mc/game-close.8eca5af9.png) no-repeat 50%/contain;
}
.start-game-chooser {
  position: relative;
  border-radius: .3rem .3rem 0 0;
  border-top: .03rem solid #108ee9;
  background:
    linear-gradient(
      180deg,
      #fff,
      #f7f7f7);
  padding: 0 .48rem;
  width: 100%;
}
.start-game-chooser .chooser-header {
  display: flex;
  gap: .14rem;
}
.start-game-chooser .chooser-header img {
  margin-top: -.6rem;
  width: 2.4rem;
  height: 2.4rem;
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: .3rem;
}
.start-game-chooser .chooser-header .game-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: .1rem;
  color: #4c4c4c;
  font-size: .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: .24rem;
  font-weight: 900;
}
.start-game-chooser .chooser-btn-group {
  width: 100%;
  padding: .4rem 0;
  display: flex;
  flex-direction: column;
  gap: .16rem;
}
.start-game-chooser .chooser-btn {
  width: 100%;
  height: .76rem;
  border-radius: .2rem;
  font-size: .28rem;
  font-weight: 700;
  border: .02rem solid #108ee9;
  color: #108ee9;
  display: flex;
  align-items: center;
  justify-content: center;
}
.start-game-chooser .chooser-btn.blue {
  background: #108ee9;
  color: #fff;
  border: .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%, .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 .04rem .08rem 0 rgba(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%, .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 .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 .1rem .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%, .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: .54rem;
  padding: 0 .75rem 0 1.4rem;
  background-image:
    url(/images/theme/panda/assets/sign.png),
    linear-gradient(
      0deg,
      #d2b496,
      #d2b496) !important;
  background-position: .76rem, left .64rem top -1px;
  background-size: .3rem .3rem, 100% 100%;
  background-repeat: no-repeat !important;
  color: #fff;
  font-size: .24rem;
  line-height: .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: .64rem;
  height: .52rem;
  position: absolute;
  left: .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: .3rem !important;
  width: .3rem !important;
  position: absolute;
  right: .1rem;
  top: .09rem !important;
  z-index: 9;
  background: url(/images/theme/panda/assets/arrow.png) 50% !important;
  background-repeat: no-repeat !important;
  background-size: .18rem .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: .6rem;
  height: .6rem;
  border-radius: .6rem;
  background: -webkit-linear-gradient(0deg, #dccab8, #d2b496);
  top: .16rem;
  position: relative;
}
.fh1688 .ph-icon svg,
.mgm1688 .ph-icon svg {
  top: 0 !important;
  fill: #fff;
  left: .07rem;
  width: .44rem !important;
  height: .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: .6rem !important;
  height: .6rem !important;
  border-radius: .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: .12rem !important;
  fill: #fff;
  position: relative;
  left: .12rem;
  width: .34rem !important;
  height: .34rem !important;
}
.fh1688 .ph-text,
.mgm1688 .ph-text {
  margin-left: .1rem;
  top: .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: .54rem !important;
  height: .54rem !important;
  border-radius: .6rem;
  background: -webkit-linear-gradient(0deg, #dccab8, #d2b496);
  position: relative;
  top: .1rem;
  margin-right: .1rem;
}
.fh1688 .ag-link-mgtop-left span svg,
.mgm1688 .ag-link-mgtop-left span svg {
  top: -.04rem !important;
  fill: #fff;
  position: relative;
  left: .08rem;
  width: .34rem !important;
  height: .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 .5px .2px rgba(64, 69, 84, .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, .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 .04rem .08rem 0 hsla(0, 0%, 100%, .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, .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 .04rem .08rem 0 rgba(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, .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%, .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, .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: .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, .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, .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%, .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\ff0c  .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\ff0c  .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, .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, .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 .05rem #8b8fb1 !important;
}
.ouhuang .salary-popup-container .input-container input,
.ouhuangusd .salary-popup-container .input-container input {
  background: rgba(139, 143, 177, .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 .1rem .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, .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, .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, .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, .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: .6rem;
  height: .6rem;
  border-radius: .6rem;
  background: #8b8fb1;
  top: .16rem;
  position: relative;
}
.ouhuang .ph-icon svg,
.ouhuangusd .ph-icon svg {
  top: 0 !important;
  fill: #fff;
  left: .07rem;
  width: .44rem !important;
  height: .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: .6rem !important;
  height: .6rem !important;
  border-radius: .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: .12rem !important;
  fill: #fff;
  position: relative;
  left: .12rem;
  width: .34rem !important;
  height: .34rem !important;
}
.ouhuang .ph-text,
.ouhuangusd .ph-text {
  margin-left: .1rem;
  top: .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: .54rem !important;
  height: .54rem !important;
  border-radius: .6rem;
  background: #8b8fb1;
  position: relative;
  top: .1rem;
  margin-right: .1rem;
}
.ouhuang .ag-link-mgtop-left span svg,
.ouhuangusd .ag-link-mgtop-left span svg {
  top: -.04rem !important;
  fill: #fff;
  position: relative;
  left: .08rem;
  width: .34rem !important;
  height: .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: .5rem !important;
  padding: 0 .75rem 0 1.4rem;
  background-image:
    url(/images/theme/ouhuang/assets/ouhuang_sign.png),
    linear-gradient(
      0deg,
      #e2a742,
      #e2a742) !important;
  background-position: .76rem, left .64rem top -1px;
  background-size: .3rem .3rem, 100% 100%;
  background-repeat: no-repeat !important;
  color: #fff;
  font-size: .24rem;
  line-height: .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: .64rem;
  height: .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: .38rem;
  height: .54rem;
  position: absolute;
  right: .1rem;
  top: 0;
  z-index: 9;
  background: url(/images/theme/ouhuang/assets/ouhuang_arrow.png) 50% !important;
  background-repeat: no-repeat !important;
  background-size: .18rem .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 .5px .2px rgba(64, 69, 84, .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, .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 .04rem .08rem 0 hsla(0, 0%, 100%, .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%, .1);
}
.kaixuan #root #mc-app-home-root.gc,
.kaixuan #root .mc-navbar-blue {
  background:
    linear-gradient(
      180deg,
      #efd5a5,
      #ddae71);
  color: #fff;
  box-shadow: 0 .04rem .08rem 0 rgba(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%, .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%, .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%, .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: .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, .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%, .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%, .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\ff0c  .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, .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%, .2) !important;
  border-color: #a58345 !important;
  color: #5c4636 !important;
}
.kaixuan .exchange-wrap .exchange-order-info .exchange-order-price .active {
  box-shadow: -1px 0 .05rem #a58345 !important;
}
.kaixuan .salary-popup-container .input-container input {
  background: rgba(165, 131, 69, .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 .1rem .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%, .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%, .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%, .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%, .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: .6rem;
  height: .6rem;
  border-radius: .6rem;
  background: #a58345;
  top: .16rem;
  position: relative;
}
.kaixuan .ph-icon svg {
  top: 0 !important;
  fill: #fff;
  left: .07rem;
  width: .44rem !important;
  height: .44rem !important;
}
.kaixuan .mc-wallet-list-body .am-flexbox-item:first-child {
  display: inline-block;
  width: .6rem !important;
  height: .6rem !important;
  border-radius: .6rem;
  background: #a58345;
}
.kaixuan .mc-wallet-list-body .am-flexbox-item:first-child svg {
  top: .12rem !important;
  fill: #fff;
  position: relative;
  left: .12rem;
  width: .34rem !important;
  height: .34rem !important;
}
.kaixuan .ph-text {
  margin-left: .1rem;
  top: .06rem;
  position: relative;
}
.kaixuan .trans-icon-container svg {
  fill: #ece3d7 !important;
}
.kaixuan .ag-link-mgtop-left span {
  display: inline-block;
  width: .54rem !important;
  height: .54rem !important;
  border-radius: .6rem;
  background: #a58345;
  position: relative;
  top: .1rem;
  margin-right: .1rem;
}
.kaixuan .ag-link-mgtop-left span svg {
  top: -.04rem !important;
  fill: #fff;
  position: relative;
  left: .08rem;
  width: .34rem !important;
  height: .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: .5rem !important;
  padding: 0 .75rem 0 1.4rem;
  background-image:
    url(/images/theme/kaixuan/assets/kaixuan_sign.png),
    linear-gradient(
      0deg,
      #c79b65,
      #c79b65) !important;
  background-position: .76rem, left .64rem top -1px;
  background-size: .3rem .3rem, 100% 100%;
  background-repeat: no-repeat !important;
  color: #fff;
  font-size: .24rem;
  line-height: .5rem;
}
.kaixuan .common-center-top .cumulative-sign-in a {
  color: inherit;
}
.kaixuan .common-center-top .cumulative-sign-in:before {
  content: "";
  width: .64rem;
  height: .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: .38rem;
  height: .54rem;
  position: absolute;
  right: .1rem;
  top: 0;
  z-index: 9;
  background: url(/images/theme/kaixuan/assets/kaixuan_arrow.png) 50% !important;
  background-repeat: no-repeat !important;
  background-size: .18rem .28rem;
}
.kaixuan .common-center-top .cumulative-sign-in:before {
  height: .48rem;
}
.kaixuan .common-center-top .cumulative-sign-in:after {
  height: .3rem;
  width: .3rem;
  top: .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 .5px .2px rgba(64, 69, 84, .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%, .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 .04rem .08rem 0 hsla(0, 0%, 100%, .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, .1);
}
.yuboyl #root #mc-app-home-root.gc,
.yuboyl #root .mc-navbar-blue {
  background:
    linear-gradient(
      180deg,
      #f28e26,
      #fd644f);
  color: #fff;
  box-shadow: 0 .04rem .08rem 0 rgba(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, .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%, .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, .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: .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%, .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, .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%, .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\ff0c  .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%, .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, .2) !important;
  border-color: #ae958e !important;
  color: #947d75 !important;
}
.yuboyl .exchange-wrap .exchange-order-info .exchange-order-price .active {
  box-shadow: -1px 0 .05rem #ae958e !important;
}
.yuboyl .salary-popup-container .input-container input {
  background: hsla(13, 16%, 62%, .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 .1rem .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, .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, .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, .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, .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: .6rem;
  height: .6rem;
  border-radius: .6rem;
  background: #ae958e;
  top: .16rem;
  position: relative;
}
.yuboyl .ph-icon svg {
  top: 0 !important;
  fill: #fff;
  left: .07rem;
  width: .44rem !important;
  height: .44rem !important;
}
.yuboyl .mc-wallet-list-body .am-flexbox-item:first-child {
  display: inline-block;
  width: .6rem !important;
  height: .6rem !important;
  border-radius: .6rem;
  background: #ae958e;
}
.yuboyl .mc-wallet-list-body .am-flexbox-item:first-child svg {
  top: .12rem !important;
  fill: #fff;
  position: relative;
  left: .12rem;
  width: .34rem !important;
  height: .34rem !important;
}
.yuboyl .ph-text {
  margin-left: .1rem;
  top: .06rem;
  position: relative;
}
.yuboyl .trans-icon-container svg {
  fill: #bab3c5 !important;
}
.yuboyl .ag-link-mgtop-left span {
  display: inline-block;
  width: .54rem !important;
  height: .54rem !important;
  border-radius: .6rem;
  background: #ae958e;
  position: relative;
  top: .1rem;
  margin-right: .1rem;
}
.yuboyl .ag-link-mgtop-left span svg {
  top: -.04rem !important;
  fill: #fff;
  position: relative;
  left: .08rem;
  width: .34rem !important;
  height: .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: .5rem !important;
  padding: 0 .75rem 0 1.4rem;
  background-image:
    url(/images/theme/yuboyl/assets/yuboyl_sign.png),
    linear-gradient(
      0deg,
      #f46b04,
      #f46b04) !important;
  background-position: .76rem, left .64rem top -1px;
  background-size: .3rem .3rem, 100% 100%;
  background-repeat: no-repeat !important;
  color: #fff;
  font-size: .24rem;
  line-height: .5rem;
}
.yuboyl .common-center-top .cumulative-sign-in a {
  color: inherit;
}
.yuboyl .common-center-top .cumulative-sign-in:before {
  content: "";
  width: .64rem;
  height: .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: .38rem;
  height: .54rem;
  right: .1rem;
  top: 0;
  z-index: 9;
  background: url(/images/theme/yuboyl/assets/yuboyl_arrow.png) 50% !important;
  background-repeat: no-repeat !important;
  background-size: .18rem .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%, .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 .1rem .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: .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: .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: .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%, .7) !important;
}
.yuboyl .point-wrap .point-list-wrap .point-list-item {
  background: rgba(186, 179, 197, .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 .04rem .08rem 0 rgba(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, .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 .5px .2px rgba(64, 69, 84, .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, .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 .04rem .08rem 0 hsla(0, 0%, 100%, .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, .1);
}
.timiyl #root #mc-app-home-root.gc,
.timiyl #root .mc-navbar-blue {
  background:
    linear-gradient(
      180deg,
      #71f3fc,
      #5bc6ce);
  color: #fff;
  box-shadow: 0 .04rem .08rem 0 rgba(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, .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%, .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, .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: .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, .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, .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%, .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\ff0c  .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, .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, .2) !important;
  border-color: #2c658b !important;
  color: #59c2f8 !important;
}
.timiyl .exchange-wrap .exchange-order-info .exchange-order-price .active {
  box-shadow: -1px 0 .05rem #2c658b !important;
}
.timiyl .salary-popup-container .input-container input {
  background: rgba(44, 101, 139, .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 .1rem .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, .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, .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, .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, .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: .6rem;
  height: .6rem;
  border-radius: .6rem;
  background: #2c658b;
  top: .16rem;
  position: relative;
}
.timiyl .ph-icon svg {
  top: 0 !important;
  fill: #fff;
  left: .07rem;
  width: .44rem !important;
  height: .44rem !important;
}
.timiyl .mc-wallet-list-body .am-flexbox-item:first-child {
  display: inline-block;
  width: .6rem !important;
  height: .6rem !important;
  border-radius: .6rem;
  background: #2c658b;
}
.timiyl .mc-wallet-list-body .am-flexbox-item:first-child svg {
  top: .12rem !important;
  fill: #fff;
  position: relative;
  left: .12rem;
  width: .34rem !important;
  height: .34rem !important;
}
.timiyl .ph-text {
  margin-left: .1rem;
  top: .06rem;
  position: relative;
}
.timiyl .trans-icon-container svg {
  fill: #96b3c6 !important;
}
.timiyl .ag-link-mgtop-left span {
  display: inline-block;
  width: .54rem !important;
  height: .54rem !important;
  border-radius: .6rem;
  background: #2c658b;
  position: relative;
  top: .1rem;
  margin-right: .1rem;
}
.timiyl .ag-link-mgtop-left span svg {
  top: -.04rem !important;
  fill: #fff;
  position: relative;
  left: .08rem;
  width: .34rem !important;
  height: .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: .5rem !important;
  padding: 0 .75rem 0 1.4rem;
  background-image:
    url(/images/theme/timiyl/assets/timiyl_sign.png),
    linear-gradient(
      0deg,
      #1e4451,
      #1e4451) !important;
  background-position: .76rem, left .64rem top -1px;
  background-size: .3rem .3rem, 100% 100%;
  background-repeat: no-repeat !important;
  color: #fff;
  font-size: .24rem;
  line-height: .5rem;
}
.timiyl .common-center-top .cumulative-sign-in a {
  color: inherit;
}
.timiyl .common-center-top .cumulative-sign-in:before {
  content: "";
  width: .64rem;
  height: .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: .38rem;
  height: .54rem;
  right: .1rem;
  top: 0;
  z-index: 9;
  background: url(/images/theme/timiyl/assets/timiyl_arrow.png) 50% !important;
  background-repeat: no-repeat !important;
  background-size: .18rem .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 .1rem .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: .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: .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, .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, .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, .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: .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, .7) !important;
}
.timiyl .point-wrap .point-list-wrap .point-list-item {
  background: rgba(150, 179, 198, .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 .04rem .08rem 0 rgba(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 .5px .2px rgba(64, 69, 84, .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%, .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 .04rem .08rem 0 hsla(0, 0%, 100%, .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, .1);
}
.fortuna8ph #root #mc-app-home-root.gc,
.fortuna8ph #root .mc-navbar-blue {
  background:
    linear-gradient(
      180deg,
      #71f3fc,
      #5bc6ce);
  color: #fff;
  box-shadow: 0 .04rem .08rem 0 rgba(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, .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, .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, .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: .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, .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, .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%, .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\ff0c  .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, .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, .2) !important;
  border-color: #8233ec !important;
  color: #fff !important;
}
.fortuna8ph .exchange-wrap .exchange-order-info .exchange-order-price .active {
  box-shadow: -1px 0 .05rem #8233ec !important;
}
.fortuna8ph .salary-popup-container .input-container input {
  background: rgba(130, 51, 236, .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 .1rem .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, .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, .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, .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, .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: .6rem;
  height: .6rem;
  border-radius: .6rem;
  background: #8233ec;
  top: .16rem;
  position: relative;
}
.fortuna8ph .ph-icon svg {
  top: 0 !important;
  fill: #fff;
  left: .07rem;
  width: .44rem !important;
  height: .44rem !important;
}
.fortuna8ph .mc-wallet-list-body .am-flexbox-item:first-child {
  display: inline-block;
  width: .6rem !important;
  height: .6rem !important;
  border-radius: .6rem;
  background: #8233ec;
}
.fortuna8ph .mc-wallet-list-body .am-flexbox-item:first-child svg {
  top: .12rem !important;
  fill: #fff;
  position: relative;
  left: .12rem;
  width: .34rem !important;
  height: .34rem !important;
}
.fortuna8ph .ph-text {
  margin-left: .1rem;
  top: .06rem;
  position: relative;
}
.fortuna8ph .trans-icon-container svg {
  fill: #96b3c6 !important;
}
.fortuna8ph .ag-link-mgtop-left span {
  display: inline-block;
  width: .54rem !important;
  height: .54rem !important;
  border-radius: .6rem;
  background: #8233ec;
  position: relative;
  top: .1rem;
  margin-right: .1rem;
}
.fortuna8ph .ag-link-mgtop-left span svg {
  top: -.04rem !important;
  fill: #fff;
  position: relative;
  left: .08rem;
  width: .34rem !important;
  height: .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, .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 .1rem .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: .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: .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%, .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%, .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, .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: .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, .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 .04rem .08rem 0 rgba(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%, .2);
}
.fortuna8ph .reward-center .reward-user-integral {
  color: rgba(37, 37, 37, .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, .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%, .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: .64rem;
  height: .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 .5px .2px rgba(64, 69, 84, .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, .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 .04rem .08rem 0 hsla(0, 0%, 100%, .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, .1);
}
.lavathb #root #mc-app-home-root.gc,
.lavathb #root .mc-navbar-blue {
  background:
    linear-gradient(
      180deg,
      #c9bbfd,
      #957bf1);
  color: #fff;
  box-shadow: 0 .04rem .08rem 0 rgba(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, .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%, .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, .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: .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, .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, .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%, .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\ff0c  .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, .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, .2) !important;
  border-color: #553a7a !important;
  color: #4f3661 !important;
}
.lavathb .exchange-wrap .exchange-order-info .exchange-order-price .active {
  box-shadow: -1px 0 .05rem #553a7a !important;
}
.lavathb .salary-popup-container .input-container input {
  background: rgba(85, 58, 122, .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 .1rem .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, .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, .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, .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, .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: .6rem;
  height: .6rem;
  border-radius: .6rem;
  background: #553a7a;
  top: .16rem;
  position: relative;
}
.lavathb .ph-icon svg {
  top: 0 !important;
  fill: #fff;
  left: .07rem;
  width: .44rem !important;
  height: .44rem !important;
}
.lavathb .mc-wallet-list-body .am-flexbox-item:first-child {
  display: inline-block;
  width: .6rem !important;
  height: .6rem !important;
  border-radius: .6rem;
  background: #553a7a;
}
.lavathb .mc-wallet-list-body .am-flexbox-item:first-child svg {
  top: .12rem !important;
  fill: #fff;
  position: relative;
  left: .12rem;
  width: .34rem !important;
  height: .34rem !important;
}
.lavathb .ph-text {
  margin-left: .1rem;
  top: .06rem;
  position: relative;
}
.lavathb .trans-icon-container svg {
  fill: #354d64 !important;
}
.lavathb .ag-link-mgtop-left span {
  display: inline-block;
  width: .54rem !important;
  height: .54rem !important;
  border-radius: .6rem;
  background: #553a7a;
  position: relative;
  top: .1rem;
  margin-right: .1rem;
}
.lavathb .ag-link-mgtop-left span svg {
  top: -.04rem !important;
  fill: #fff;
  position: relative;
  left: .08rem;
  width: .34rem !important;
  height: .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: .5rem !important;
  padding: 0 .75rem 0 1.4rem;
  background-image:
    url(/images/theme/lavathb/assets/lavathb_sign.png),
    linear-gradient(
      0deg,
      #957bf1,
      #957bf1) !important;
  background-position: .76rem, left .64rem top -1px;
  background-size: .3rem .3rem, 100% 100%;
  background-repeat: no-repeat !important;
  color: #fff;
  font-size: .24rem;
  line-height: .5rem;
}
.lavathb .common-center-top .cumulative-sign-in a {
  color: inherit;
}
.lavathb .common-center-top .cumulative-sign-in:before {
  content: "";
  width: .64rem;
  height: .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: .38rem;
  height: .54rem;
  position: absolute;
  right: .1rem;
  top: 0;
  z-index: 9;
  background: url(/images/theme/lavathb/assets/lavathb_arrow.png) 50% !important;
  background-repeat: no-repeat !important;
  background-size: .18rem .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, .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 .1rem .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: .1rem;
  height: .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, .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, .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: .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, .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, .2);
}
.lavathb .invite-list-root footer,
.lavathb .overview-sum-wrapper {
  background: rgba(85, 58, 122, .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 .04rem .08rem 0 rgba(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, .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, .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 .5px .2px rgba(64, 69, 84, .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, .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 .04rem .08rem 0 hsla(0, 0%, 100%, .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, .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 .04rem .08rem 0 rgba(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, .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%, .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, .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: .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%, .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, .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%, .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\ff0c  .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%, .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, .2) !important;
  border-color: #ec6969 !important;
  color: #8c5656 !important;
}
body._777loc .exchange-wrap .exchange-order-info .exchange-order-price .active {
  box-shadow: -1px 0 .05rem #ec6969 !important;
}
body._777loc .salary-popup-container .input-container input {
  background: hsla(0, 78%, 67%, .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 .1rem .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, .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, .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, .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, .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: .6rem;
  height: .6rem;
  border-radius: .6rem;
  background: #ec6969;
  top: .16rem;
  position: relative;
}
body._777loc .ph-icon svg {
  top: 0 !important;
  fill: #fff;
  left: .07rem;
  width: .44rem !important;
  height: .44rem !important;
}
body._777loc .mc-wallet-list-body .am-flexbox-item:first-child {
  display: inline-block;
  width: .6rem !important;
  height: .6rem !important;
  border-radius: .6rem;
  background: #ec6969;
}
body._777loc .mc-wallet-list-body .am-flexbox-item:first-child svg {
  top: .12rem !important;
  fill: #fff;
  position: relative;
  left: .12rem;
  width: .34rem !important;
  height: .34rem !important;
}
body._777loc .ph-text {
  margin-left: .1rem;
  top: .06rem;
  position: relative;
}
body._777loc .trans-icon-container svg {
  fill: #af9cf6 !important;
}
body._777loc .ag-link-mgtop-left span {
  display: inline-block;
  width: .54rem !important;
  height: .54rem !important;
  border-radius: .6rem;
  background: #ec6969;
  position: relative;
  top: .1rem;
  margin-right: .1rem;
}
body._777loc .ag-link-mgtop-left span svg {
  top: -.04rem !important;
  fill: #fff;
  position: relative;
  left: .08rem;
  width: .34rem !important;
  height: .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: .5rem !important;
  padding: 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: .24rem;
  line-height: .5rem;
}
body._777loc .common-center-top .cumulative-sign-in a {
  color: inherit;
}
body._777loc .common-center-top .cumulative-sign-in:before {
  content: "";
  width: .64rem;
  height: .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: .38rem;
  height: .54rem;
  right: .1rem;
  top: 0;
  z-index: 9;
  background: url(/images/theme/_777loc/assets/_777loc_arrow.png) 50% !important;
  background-repeat: no-repeat !important;
  background-size: .18rem .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, .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 .1rem .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 .16rem #ec6969 !important;
}
body._777loc .common-center-top .cumulative-sign-in {
  height: .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: .76rem, left .64rem top -1px;
  background-size: .3rem .3rem, 100% 100%;
  background-repeat: no-repeat !important;
}
body._777loc .common-center-top .cumulative-sign-in:after {
  height: .27rem;
  background-size: contain !important;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
body._777loc .common-center-top .common-top-img {
  border: .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%, .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%, .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, .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, .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: .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, .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%, .2);
}
body._777loc .overview-wrap .overview-sum-wrapper {
  background: hsla(0, 78%, 67%, .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%, .5) !important;
}
body._777loc .red-rain-select .am-search-input input {
  box-shadow: 0 .04rem .08rem 0 rgba(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 .04rem .08rem 0 rgba(0, 0, 0, .05) !important;
}
body._777loc .red-rain-lpmain .red-rain-lpbody .red-rain-select .am-search-input {
  background: rgba(175, 156, 246, .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%, .1) !important;
}
body._777loc .mc-game-record-root .list-wrapper .lott-records-root .records-item-header-sy {
  background: hsla(0, 78%, 67%, .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 .5rem .2px rgba(64, 69, 84, .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: .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, .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: .02rem solid rgba(219, 212, 30, .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: .51rem !important;
  background-color: #000 !important;
  background-image: unset;
  background-position: .76rem, left .64rem top -1px;
  background-size: .3rem .3rem, 100% 100%;
  background-repeat: no-repeat !important;
}
body.akowin .common-center-top .cumulative-sign-in:after {
  height: .27rem;
  background-size: contain !important;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
body.akowin .common-center-top .cumulative-sign-in:before {
  left: -.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: .51rem !important;
  background-color: #000 !important;
  background-image: unset;
  background-position: .76rem, left .64rem top -1px;
  background-size: .3rem .3rem, 100% 100%;
  background-repeat: no-repeat !important;
}
body.lode365 .common-center-top .cumulative-sign-in:after {
  height: .27rem;
  background-size: contain !important;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
body.lode365 .common-center-top .cumulative-sign-in:before {
  left: -.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 .75rem 0 .9rem;
  background-repeat: no-repeat;
  background-size: .28rem;
  background-position: .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: .54rem;
  display: inline-block;
  line-height: .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: .94rem;
  height: .94rem;
  border-radius: 50%;
  left: 0;
  top: 0;
  position: absolute;
  z-index: 8;
}
.linlang .n-home-container .n-linear-border svg {
  fill: #1e4451;
}
.hot-game-popup-wrap {
  display: flex;
  width: 100%;
  height: 100%;
  padding: .6rem .2rem .31rem;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100013;
  color: #fff;
}
.hot-game-popup-wrap .hot-game-popup-close {
  position: absolute;
  right: .4rem;
  top: .81rem;
  z-index: 1;
}
.hot-game-popup-wrap .hot-game-popup-close svg {
  display: block;
  width: .5rem;
  height: .5rem;
}
.hot-game-popup-wrap .hot-game-popup {
  display: flex;
  gap: .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: .15rem;
  border: 1.5px solid #666;
  background: rgba(0, 0, 0, .65);
  -webkit-backdrop-filter: blur(.225rem);
  backdrop-filter: blur(.225rem);
  padding: .21rem;
}
.hot-game-popup-wrap .hot-game-popup .hot-game-header {
  display: flex;
  flex-direction: column;
  gap: .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 .06rem .06rem rgba(0, 0, 0, .25);
  font-size: .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 .06rem .06rem rgba(0, 0, 0, .25);
  font-size: .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 .04rem .04rem rgba(0, 0, 0, .25);
  font-size: .3rem;
}
.hot-game-popup-wrap .hot-game-popup .hot-game-wrap {
  width: 100%;
  display: flex;
  gap: .2rem;
  flex-wrap: wrap;
  align-items: flex-start;
  overflow: hidden auto;
}
.hot-game-popup-wrap .hot-game-popup .hot-game-wrap::-webkit-scrollbar {
  width: .08rem;
  height: .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: .18rem .1rem 0;
  flex-direction: column;
  align-items: flex-start;
  gap: .1rem;
  flex-wrap: wrap;
  border-radius: .09rem;
  background: hsla(0, 0%, 100%, .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: .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: .24rem;
  height: .54rem;
  color: #fff;
  font-size: .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: .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 {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100009;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: .4rem;
}
.mc-vendor-popup-wrapper:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  background: rgba(0, 0, 0, .2);
  -webkit-backdrop-filter: blur(.12rem);
  backdrop-filter: blur(.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: .795rem;
  height: .82rem;
  background: url(https://www.ck444.pro/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(https://www.ck444.pro/mobile/mc/vendor-arrow.1b10cbf9.png) no-repeat 50%/contain;
  opacity: .2;
}
.mc-vendor-popup-wrapper .mc-vendor-popup-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: .4rem;
  margin: 0 0 0 -1.5rem;
}
.mc-vendor-popup-wrapper.LEFT .mc-vendor-popup-wrap {
  margin: 0 -1.5rem 0 0;
}
.mc-vendor-popup-wrapper .close-btn {
  position: absolute;
  top: -.17rem;
  right: -.2rem;
  z-index: 2;
}
.mc-vendor-popup-wrapper .close-btn svg {
  width: .5rem;
  height: .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 .swiper-container {
  width: 5.32rem;
  height: 8.84rem;
}
.mc-vendor-popup-wrapper .mc-vendor-item {
  width: 5.32rem;
  height: 8.84rem;
  background: url(https://www.ck444.pro/mobile/mc/vendor-popup-bg.204be68f.png) no-repeat 50%/cover;
  display: flex;
  flex-direction: column;
  gap: .28rem;
  align-items: center;
}
.mc-vendor-popup-wrapper .mc-vendor-top {
  font-size: .2rem;
  font-weight: 900;
  width: 60%;
  margin: 0 auto;
  height: 1rem;
  text-align: center;
  word-break: break-word;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 0;
}
.mc-vendor-popup-wrapper .mc-vendor-top span {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
  background:
    linear-gradient(
      180deg,
      #fff 41%,
      #feefbd);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
}
@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 span:before {
  content: attr(data-title);
  position: absolute;
  z-index: -1;
  text-shadow: 0 .08rem .08rem rgba(0, 0, 0, .4), 0 .04rem 0 #e47415;
  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:before {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}
.mc-vendor-popup-wrapper .mc-vendor-img {
  display: flex;
  justify-content: center;
  align-items: center;
}
.mc-vendor-popup-wrapper .mc-vendor-img img {
  width: 3.24rem;
  aspect-ratio: 1/1;
  object-fit: cover;
}
.mc-vendor-popup-wrapper .mc-vendor-content-wrapper {
  flex: 1 1 0%;
  width: 80%;
  overflow: auto;
  padding-bottom: .4rem;
  margin-bottom: .75rem;
  font-size: .2rem;
  color: #000;
  display: flex;
  flex-direction: column;
  gap: .2rem;
}
.mc-vendor-popup-wrapper .mc-vendor-content-wrapper::-webkit-scrollbar {
  width: .08rem;
  height: .08rem;
}
.mc-vendor-popup-wrapper .mc-vendor-content-wrapper::-webkit-scrollbar-track {
  background: transparent;
}
.mc-vendor-popup-wrapper .mc-vendor-content-wrapper::-webkit-scrollbar-thumb {
  background: hsla(0, 0%, 100%, .5);
  border-radius: .05rem;
}
.mc-vendor-popup-wrapper .mc-vendor-content {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  align-self: flex-start;
}
.mc-vendor-popup-wrapper .mc-vendor-content .wysiwyg td {
  padding: 1px;
  border: 1px solid #000;
}
.mc-vendor-popup-wrapper .mc-vendor-content .wysiwyg img {
  max-width: 100%;
  object-fit: contain;
}
.mc-vendor-popup-wrapper .content-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .35rem;
}
.mc-vendor-popup-wrapper .content-item .mc-vendor-date {
  text-align: center;
  display: flex;
  flex-direction: column;
}
.mc-vendor-popup-wrapper .content-item .mc-date-item {
  text-transform: uppercase;
}
.mc-vendor-popup-wrapper .item-title {
  border-radius: .4rem;
  border: .02rem solid #fff;
  background:
    linear-gradient(
      180deg,
      #fff9ec,
      #fbe176 53.95%,
      #f6c85d);
  box-shadow:
    0 .04rem .04rem 0 rgba(0, 0, 0, .25),
    0 .02rem 0 0 #b66637,
    inset 0 .05rem .03rem 0 hsla(0, 0%, 100%, .95);
  min-width: 1.65rem;
  min-height: .36rem;
  padding: .03rem .3rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mc-vendor-popup-wrapper .item-title span {
  color: #fff;
  text-align: center;
  text-shadow:
    -1px -1px 0 #85602b,
    1px -1px 0 #85602b,
    -1px 1px 0 #85602b,
    1px 1px 0 #85602b;
  font-weight: 700;
}
.mc-vendor-popup-wrapper .item-img-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: .2rem;
}
.mc-vendor-popup-wrapper .item-img-list .item-img {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc(25% - 0.2rem);
}
.mc-vendor-popup-wrapper .item-img-list img {
  max-width: 100%;
  object-fit: contain;
}
.mc-vendor-popup-wrapper .mc-vendor-nav {
  align-self: center;
  display: flex;
  align-items: center;
  gap: .4rem;
}
.mc-vendor-popup-wrapper .mc-vendor-nav .mc-vendor-button {
  min-width: 2.34rem;
  height: .54rem;
  border-radius: .33355rem;
  background:
    linear-gradient(
      180deg,
      #feeb81,
      #fada6f 33.33%,
      #f7d065 66.67%,
      #e5a338);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .16rem;
  font-size: .2rem;
  font-weight: 700;
  color: #b2491f;
}
.mc-vendor-popup-wrapper .mc-vendor-nav .mc-vendor-button svg {
  width: .25rem;
  height: .25rem;
  fill: #b2491f;
}
.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 {
  background: #fff;
  color: rgba(0, 0, 0, .3);
}
.mc-vendor-popup-wrapper .mc-vendor-nav .mc-vendor-button.swiper-button-disabled svg {
  opacity: .3;
  fill: #000;
}
.entry-count-wrapper {
  transition: all .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 - .44rem);
}
.entry-count-wrapper.popup-horizontal.entry-open .entry-count-wrap.count {
  right: auto;
  padding: 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 - .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: .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: .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 .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, .7);
  box-shadow: .02rem .04rem .28rem 0 rgba(0, 0, 0, .25);
  border-radius: .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: .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: .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: -.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: -.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: .5px;
  -webkit-text-stroke-color: #8c5f9c;
  font-size: .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: .35rem .1rem;
  border-radius: .8rem;
  background: rgba(0, 0, 0, .7);
  box-shadow: .02rem .04rem .28rem 0 rgba(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% - .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: .4rem;
  height: .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 .03529rem .03529rem rgba(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: .17rem;
  height: .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: -.2rem;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.entry-count-wrapper.entry-open .entry-count-wrap.count .swiper-nav .swiper-button-next {
  bottom: -.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: .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: -.45rem;
  left: -.23rem;
  color: #868686;
  z-index: 99;
  cursor: pointer;
}
.entry-count-wrap .entry-arrow {
  width: .43rem;
  height: .43rem;
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: url(https://www.ck444.pro/mobile/mc/icon-arrow.69e03ac0.png) no-repeat 50%/contain;
  transition: transform .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 - .44rem);
}
.entry-count-wrap.LEFT_TOP .entry-arrow,
.entry-count-wrap.RIGHT_TOP .entry-arrow {
  bottom: -.48rem;
  transform: rotate(0deg);
}
.entry-count-wrap.LEFT_TOP .entry-arrow.open,
.entry-count-wrap.RIGHT_TOP .entry-arrow.open {
  transform: rotate(180deg);
  bottom: -.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 - .44rem);
}
.entry-count-wrap.LEFT_MIDDLE .entry-arrow,
.entry-count-wrap.RIGHT_MIDDLE .entry-arrow {
  top: -.48rem;
}
.entry-count-wrap.LEFT_MIDDLE .entry-arrow.open,
.entry-count-wrap.RIGHT_MIDDLE .entry-arrow.open {
  top: -.75rem;
}
.entry-count-wrap.default,
.entry-count-wrap.LEFT_BOTTOM,
.entry-count-wrap.RIGHT_BOTTOM {
  bottom: calc((100*var(--vh, 1vh) - 1rem)/6 - .44rem);
}
.entry-count-wrap.default .entry-arrow,
.entry-count-wrap.LEFT_BOTTOM .entry-arrow,
.entry-count-wrap.RIGHT_BOTTOM .entry-arrow {
  top: -.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: -.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: .2rem;
}
.entry-count-wrap.LEFT_BOTTOM .entry-close,
.entry-count-wrap.LEFT_MIDDLE .entry-close,
.entry-count-wrap.LEFT_TOP .entry-close {
  right: -.23rem;
  left: auto;
}
.entry-count-wrap.default,
.entry-count-wrap.RIGHT_BOTTOM,
.entry-count-wrap.RIGHT_MIDDLE,
.entry-count-wrap.RIGHT_TOP {
  right: .2rem;
}
.entry-count-wrap img {
  width: 100%;
}
.entry-count-wrap .gift {
  width: 1.2rem;
  height: 1.2rem;
  background: url(https://www.ck444.pro/mobile/mc/gift.4aee3023.png) no-repeat 50%/contain;
  text-align: center;
  color: #fff;
  font-size: .2rem;
  margin: 0 auto;
  position: relative;
}
.entry-count-wrap .gift .gift-txt {
  position: absolute;
  width: 1.2rem;
  height: .35rem;
  left: 0;
  bottom: .18rem;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.entry-count-wrap .gift.disable {
  color: hsla(0, 0%, 100%, .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%;
  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(https://www.ck444.pro/mobile/mc/red_bag.c2e55343.png) no-repeat top/contain;
}
.entry-count-wrap.count .swiper-slide.RAFFLE .item-img {
  background: url(https://www.ck444.pro/mobile/mc/RAFFLE.ef7e5d39.gif) no-repeat top/contain;
}
.entry-count-wrap.count .swiper-slide.GOLDEN_EGG .item-img {
  background: url(https://www.ck444.pro/mobile/mc/GOLDEN_EGG.d36ac7d8.gif) no-repeat top/contain;
}
.entry-count-wrap.count .swiper-slide.CASH_VOUCHER .item-img {
  background: url(https://www.ck444.pro/mobile/mc/CASH_VOUCHER.b37c4bf2.gif) no-repeat top/contain;
}
.entry-count-wrap.count .swiper-slide.PRIZE_WHEEL .item-img {
  background: url(https://www.ck444.pro/mobile/mc/PRIZE_WHEEL.3d6fc75d.gif) no-repeat top/contain;
}
.entry-count-wrap.count .swiper-slide.MISSION .item-img {
  background: url(https://www.ck444.pro/mobile/mc/MISSION.535df0cf.gif) no-repeat top/contain;
}
.entry-count-wrap.count .swiper-slide.LOGIN .item-img {
  background: url(https://www.ck444.pro/mobile/mc/LOGIN.724ad6e2.webp) no-repeat top/contain;
}
.entry-count-wrap.count .swiper-slide.REGISTER .item-img {
  background: url(https://www.ck444.pro/mobile/mc/REGISTER.9c03bc73.webp) no-repeat top/contain;
}
.entry-count-wrap.count .swiper-slide.GIFT_CODE .item-img {
  background: url(https://www.ck444.pro/mobile/mc/GIFT_CODE.508939b8.webp) no-repeat top/contain;
}
.entry-count-wrap.count .swiper-slide.FREE_SPIN .item-img {
  background: url(https://www.ck444.pro/mobile/mc/FREE_SPIN.05967890.gif) no-repeat top/contain;
}
.entry-count-wrap.count .swiper-slide.TEMU .item-img {
  background: url(https://www.ck444.pro/mobile/mc/TEMU.772745bd.gif) no-repeat top/contain;
}
.entry-count-wrap.count .swiper-slide.PROMOCODE .item-img {
  background: url(https://www.ck444.pro/mobile/mc/PromoCode.43905811.png) no-repeat top/contain;
}
.entry-count-wrap.count i {
  position: absolute;
  top: .12rem;
  right: .08rem;
  padding: .05rem .5em;
  background:
    linear-gradient(
      180deg,
      #ff5841,
      #fe0425);
  color: #fff;
  font-style: normal;
  font-size: .26rem;
  border-radius: 1em;
}
.entry-count-wrap .countdown-label {
  text-align: center;
  color: #e0a7f3;
  font-size: .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: .2rem;
  font-weight: 700;
}
.dark .entry-count-wrap.count {
  width: 1.8rem;
  height: 1.8rem;
  background: url(https://www.ck444.pro/mobile/mc/gift_dark.03110695.gif) no-repeat;
  background-size: 100% 100%;
}
.dark .entry-count-wrap.count div:before {
  box-shadow: 0 .04rem .2093rem .0207rem hsla(0, 0%, 51%, .3) !important;
}
.dark .entry-count-wrap.count svg {
  color: hsla(0, 0%, 100%, .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: .35rem;
}
.am-modal.payment-modal .am-modal-title {
  font-size: .36rem;
  color: #797979;
}
.am-modal.payment-modal .am-modal-body {
  padding: 0 .42rem !important;
  font-size: .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: .5rem;
  line-height: .5rem;
  display: inline-block;
  background-color: #797979;
  flex: unset;
  border-radius: .25rem;
  font-size: .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: .24rem;
}
.payment-confirm p.upload-please img {
  width: .32rem;
  height: .32rem;
  margin-right: .18rem;
}
.payment-confirm .upload-container {
  margin-top: .1rem;
  margin-bottom: .4rem;
  padding-bottom: .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: .42rem;
  line-height: .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: .42rem;
  background-color: #fff;
  border-radius: .21rem;
  border: 1px solid #cdcdcd;
  display: flex;
  justify-content: space-between;
}
.payment-confirm .upload-container > div .upload-font {
  padding: .2rem;
  color: #cdcdcd;
  font-size: .16rem;
}
.payment-confirm .upload-container > div .upload-button {
  width: 1.48rem;
  height: .42rem;
  line-height: .42rem;
  background-color: #797979;
  border-radius: .21rem;
  text-align: center;
  font-size: .2rem;
  color: #fff;
}
.payment-confirm .upload-container > div svg {
  position: relative;
  top: .1rem;
}
.payment-confirm input {
  opacity: 0;
  width: 100%;
  position: absolute;
  height: 100% !important;
  z-index: 10;
  top: 0;
}
.payment-confirm .payment-data {
  margin: .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: .4rem;
}
.payment-confirm #previewImg,
.payment-confirm .upload-content,
.payment-confirm .upload-please,
.payment-confirm svg {
  color: #fd2f2f;
}
.payment-confirm .upload-please {
  padding: .14rem 0;
  margin-top: unset;
}
.payment-confirm #previewImg {
  width: 2.5rem;
}
.temu-common-pop {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100014;
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: .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, .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: .5rem;
  height: .5rem;
}
.temu-claim-wrap {
  width: 5.9rem;
  height: 9.2rem;
  background: url(https://www.ck444.pro/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 .52rem;
}
.temu-claim-wrap .claim-content .claim-title {
  width: 100%;
  color: #f44915;
  font-size: .56rem;
  font-weight: 900;
  line-height: .78rem;
  display: flex;
  flex-direction: column;
  gap: .05rem;
  position: relative;
}
.temu-claim-wrap .claim-content .claim-title:after {
  content: "";
  width: 100%;
  height: .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: .46rem;
  font-size: .34rem;
  font-weight: 600;
  color: #73491d;
}
.temu-claim-wrap .claim-content .claim-amount {
  margin-top: .06rem;
  color: #f44a15;
  font-size: .82rem;
  font-weight: 700;
  display: flex;
  align-items: flex-end;
  line-height: .94rem;
}
.temu-claim-wrap .claim-content .claim-amount .currency,
.temu-claim-wrap .claim-content .claim-amount .small {
  font-size: .54rem;
}
.temu-claim-wrap .claim-content .claim-info {
  color: #826849;
  font-size: .24rem;
  font-weight: 600;
}
.temu-claim-wrap .claim-content .claim-info label {
  color: #e22e25;
}
.temu-claim-wrap .claim-content .temu-btn {
  margin-top: .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, .8);
}
.temu-btn {
  max-width: 4.86rem;
  height: 1.36rem;
  background: url(https://www.ck444.pro/mobile/mc/temu-popup-btn.ab73688a.png) no-repeat 50%/cover;
  color: #fffbd6;
  font-size: .28rem;
  font-weight: 900;
  padding: .1rem .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: .3rem;
  position: relative;
}
.temu-popup .close-btn {
  z-index: 100015;
}
.temu-popup .close-btn svg {
  width: .5rem;
  height: .5rem;
}
.temu-popup .temu-wrap {
  width: 6.8rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .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: .68rem;
  border-radius: .14rem;
  padding: 0 .15rem;
  background: url(https://www.ck444.pro/mobile/mc/ticket-default.8323d7ff.png) no-repeat 50%/cover;
  font-size: .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: .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: .68rem;
  object-fit: cover;
  border-radius: .14rem;
}
.temu-popup .banner-wrap .swiper-btn {
  width: .32rem;
  height: .4rem;
  position: absolute;
}
.temu-popup .banner-wrap .swiper-btn-prew {
  background: url(https://www.ck444.pro/mobile/mc/ticket-arrow.74c353a9.png) no-repeat 50%/contain;
  left: .9rem;
  transform: rotate(180deg);
}
.temu-popup .banner-wrap .swiper-btn-next {
  background: url(https://www.ck444.pro/mobile/mc/ticket-arrow.74c353a9.png) no-repeat 50%/contain;
  right: .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: .6rem;
  display: flex;
  align-items: center;
  font-size: .22rem;
  margin-right: .2rem;
}
.temu-popup .temu-time .time-top svg {
  width: .37rem;
  height: .41rem;
  margin-right: .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: .21rem;
}
.temu-popup .temu-time .time-bottom .time-item:before {
  position: absolute;
  content: ":";
  color: #cecece;
  font-size: .38rem;
  font-weight: 700;
  right: -.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: .7rem;
  height: .6rem;
  background: #262626 0 0 no-repeat padding-box;
  border: .02rem solid #707070;
  border-radius: .08rem;
  font-size: .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: .16rem;
  line-height: .22rem;
  font-weight: 700;
  text-align: center;
}
.temu-popup .temu-content {
  margin-top: -.8rem;
  position: relative;
  width: 6.8rem;
  height: 9.2rem;
  background: url(https://www.ck444.pro/mobile/mc/temu-popup-bg1.fb307171.png) no-repeat top/contain;
  display: flex;
  flex-direction: column;
  padding: 0 .97rem;
}
.temu-popup .temu-content .temu-title {
  margin-top: 1.36rem;
  text-align: center;
  color: #f8600e;
  font-size: .35rem;
  font-weight: 900;
  line-height: .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: .1rem #fcf8d8;
  -webkit-text-fill-color: #f8600e;
  text-shadow: 0 0 .2rem #fff, 0 0 .2rem #fff;
  width: 100%;
  letter-spacing: -.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: -.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(https://www.ck444.pro/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: -.41rem;
}
.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, .8);
}
.ticket-popup-wrap .arrow-btn {
  position: absolute;
  top: .52rem;
  left: .42rem;
  z-index: 1;
}
.ticket-popup-wrap .arrow-btn svg {
  width: .56rem;
  height: .56rem;
}
.ticket-popup-wrap .close-btn {
  position: absolute;
  top: .52rem;
  right: .42rem;
}
.ticket-popup-wrap .close-btn svg {
  width: .56rem;
  height: .56rem;
}
.ticket-popup-wrap .ticket-content-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.ticket-popup-wrap .ticket-content-wrapper .header-wrap {
  position: relative;
  padding-top: 1.12rem;
  display: flex;
  justify-content: center;
  background: url(https://www.ck444.pro/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: .65rem;
  font-size: .36rem;
  position: relative;
  line-height: .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: -.25rem;
  padding: 0 .1rem;
}
.ticket-popup-wrap .ticket-content-wrapper .header-wrap .header-title:before {
  position: absolute;
  content: "";
  width: .8rem;
  height: .65rem;
  left: -.7rem;
  background: url(https://www.ck444.pro/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: .8rem;
  height: .65rem;
  right: -.7rem;
  background: url(https://www.ck444.pro/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: .4rem 0;
  padding-top: .18rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .22rem;
  flex: 1 1 0%;
  overflow-y: auto;
}
.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(https://www.ck444.pro/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: .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: .4rem;
}
.ticket-popup-wrap .progress-bar-wrapper {
  color: #fff;
  text-align: center;
  margin-top: .22rem;
  width: 100%;
  padding: 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: .03rem solid #707070;
  border-radius: .23rem;
  height: .36rem;
  display: flex;
  align-items: center;
  padding: 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: .21rem;
  height: .2rem !important;
  border: 0;
  animation: progressAnimationStrike 2s;
}
.ticket-popup-wrap .progress-bar-wrapper .progress-bar .bar-num {
  position: absolute;
  font-size: .24rem;
  line-height: .42rem;
  right: .3rem;
  top: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
}
.ticket-time {
  margin-top: .18rem;
  display: flex;
  align-items: flex-start;
  color: #fff;
  justify-content: center;
}
.ticket-time .time-top {
  height: .6rem;
  display: flex;
  align-items: center;
  font-size: .22rem;
  margin-right: .2rem;
}
.ticket-time .time-top svg {
  width: .37rem;
  height: .41rem;
  margin-right: .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: .21rem;
}
.ticket-time .time-bottom .time-item:before {
  position: absolute;
  content: ":";
  color: #cecece;
  font-size: .38rem;
  font-weight: 700;
  right: -.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: .7rem;
  height: .6rem;
  background: #262626 0 0 no-repeat padding-box;
  border: .02rem solid #707070;
  border-radius: .08rem;
  font-size: .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: .16rem;
  line-height: .22rem;
  font-weight: 700;
  text-align: center;
}
.ticket-popup-wrapper {
  margin-top: .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: .68rem;
  border-radius: .14rem;
  padding: 0 .15rem;
  background: url(https://www.ck444.pro/mobile/mc/ticket-default.8323d7ff.png) no-repeat 50%/cover;
  font-size: .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: .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: .68rem;
  object-fit: cover;
  border-radius: .14rem;
}
.ticket-popup-wrapper .banner-wrap .swiper-btn {
  width: .32rem;
  height: .4rem;
  position: absolute;
}
.ticket-popup-wrapper .banner-wrap .swiper-btn-prew {
  background: url(https://www.ck444.pro/mobile/mc/ticket-arrow.74c353a9.png) no-repeat 50%/contain;
  left: .9rem;
  transform: rotate(180deg);
}
.ticket-popup-wrapper .banner-wrap .swiper-btn-next {
  background: url(https://www.ck444.pro/mobile/mc/ticket-arrow.74c353a9.png) no-repeat 50%/contain;
  right: .9rem;
}
.ticket-popup-wrapper .content-wrapper {
  flex: 1 1 0%;
  overflow-y: auto;
  width: 100%;
  padding: 0 0 .2rem;
}
.ticket-popup-wrapper .content-wrapper .title-wrap {
  font-size: .28rem;
  font-weight: 700;
  position: relative;
  color: #fff;
  padding: .1rem .85rem;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-text-stroke: .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: .24rem;
  color: .24rem;
  margin-top: .3rem;
  text-align: center;
}
.ticket-rank-wrap {
  width: 6.1rem;
  height: 2.38rem;
  background: url(https://www.ck444.pro/mobile/mc/ticket-rank.61781249.png) no-repeat 50%/contain;
  margin: .1rem auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ticket-rank-wrap .swiper-container {
  width: 4.8rem;
  height: 1.35rem;
  margin-top: .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: .24rem;
  height: .45rem;
  border-bottom: .02rem solid #444122;
  padding: 0 .4rem;
}
.ticket-rank-wrap .swiper-slide .item-name {
  color: #fff;
  margin-right: .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);
  }
}
.temu-condition-wrap {
  height: 100vh;
  height: calc(var(--vh, 1vh)*100);
  padding: .5rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .11rem;
}
.temu-condition-wrap .close-btn {
  margin-right: .26rem;
  align-self: flex-end;
}
.temu-condition-wrap .close-btn svg {
  width: .5rem;
  height: .5rem;
}
.temu-condition-wrap .temu-condition-wrapper {
  position: relative;
  width: 6.98rem;
  background: #ffe9c4;
  flex: 1 1 0%;
  padding: 0 .24rem .4rem;
  overflow-y: auto;
  border-radius: .2rem;
}
.temu-condition-wrap .temu-condition-wrapper:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: url(https://www.ck444.pro/mobile/mc/temu-condition-bg.89a81e3f.png) no-repeat top/100% auto;
  z-index: 0;
}
.temu-condition-wrap .temu-condition-wrapper .arrow-down {
  width: .5rem;
  height: .5rem;
  background: url(https://www.ck444.pro/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: .26rem;
  bottom: .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(https://www.ck444.pro/mobile/mc/temu-condition-amount-bg.3eb40b4d.png) no-repeat bottom/cover;
  left: 0;
}
.temu-condition-wrap .condition-header .header-img {
  margin-top: -.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(https://www.ck444.pro/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 .4rem;
  height: 1.65rem;
  margin-top: .52rem;
  position: relative;
  z-index: 2;
  color: #f8600e;
  text-shadow: 0 0 .1rem #fff;
  font-size: .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: .28rem;
  font-weight: 600;
  width: 50%;
  margin-top: -.3rem;
  text-align: center;
  min-height: .8rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.temu-condition-wrap .condition-count-wrap {
  margin-top: -.5rem;
  width: 100%;
  height: 4.4rem;
  background: url(https://www.ck444.pro/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: .14rem;
  max-width: calc(100% - 1.8rem);
  height: .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: .16rem;
  font-size: .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: -.9rem;
  top: 0;
  width: .9rem;
  height: .66rem;
  background: url(https://www.ck444.pro/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: -.9rem;
  top: 0;
  width: .9rem;
  height: .66rem;
  background: url(https://www.ck444.pro/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: .16rem;
}
.temu-condition-wrap .condition-count-wrap .count-wrap .time:before {
  content: "";
  width: .32rem;
  height: .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: .27rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .12rem;
}
.temu-condition-wrap .condition-count-wrap .progress-wrap .progress-target {
  color: #f44a15;
  font-size: .82rem;
  line-height: .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: .54rem;
}
.temu-condition-wrap .condition-count-wrap .progress-item {
  width: 100%;
  height: .22rem;
  background: #feeac7 0 0 no-repeat padding-box;
  border-radius: .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: .5rem;
  animation: temuAnimationStrike 1.5s ease-in;
}
.temu-condition-wrap .condition-count-wrap .progress-item .progress-info {
  position: absolute;
  right: -.34rem;
  bottom: .39rem;
  background:
    transparent linear-gradient(
      90deg,
      #fb4605,
      #ff9503) 0 0 no-repeat padding-box;
  border-radius: .2rem .05rem .2rem .05rem;
  font-size: .2rem;
  font-weight: 600;
  color: #ffe9c7;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: .14rem .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: -.26rem;
  transform: translateX(-50%);
  width: .2rem;
  height: .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: .08rem;
  font-size: .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: .04rem;
  width: 100%;
  height: 1.06rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff3dd;
  font-size: .28rem;
  font-weight: 900;
  position: relative;
  padding: 0 1rem;
  text-align: center;
  background: url(https://www.ck444.pro/mobile/mc/temu-condition-button.ca95ba96.png) no-repeat 50%/contain;
}
.temu-condition-wrap .condition-count-wrap .current-button.done {
  background: url(https://www.ck444.pro/mobile/mc/temu-condition-button-done.3510ae5f.png) no-repeat 50%/contain;
}
.temu-condition-wrap .condition-count-wrap .current-button.disable {
  background: url(https://www.ck444.pro/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(https://www.ck444.pro/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: .24rem;
}
.temu-condition-wrap .condition-tab-wrapper .am-tabs-bar {
  background: #ffd89a 0 0 no-repeat padding-box;
  border-radius: .15rem .15rem 0 0;
  font-size: .28rem;
  font-weight: 900;
  overflow: hidden;
}
.temu-condition-wrap .condition-tab-wrapper .am-tabs-bar .am-tabs-tab {
  min-height: .94rem;
  height: auto;
  background-color: transparent;
  color: #73491d;
  border-bottom: none;
  position: relative;
  line-height: 1.2;
  padding: 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: .02rem;
  height: .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: .16rem solid transparent;
  border-right: .16rem solid transparent;
  border-bottom: .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: .22rem .15rem;
  border-radius: 0 0 .15rem .15rem;
}
.temu-condition-wrap .member-detail-content {
  color: #b8a06c;
  font-size: .24rem;
  font-weight: 600;
}
.temu-condition-wrap .member-detail-content img {
  max-width: 100%;
  object-fit: contain;
}
.temu-task-wrapper {
  color: #b8a06c;
  font-size: .24rem;
  font-weight: 600;
  display: flex;
  flex-direction: column;
}
.temu-task-wrapper .table-row {
  display: flex;
  align-items: stretch;
  min-height: .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: .02rem solid #fff;
}
.temu-task-wrapper .table-item {
  flex: 1 1 0%;
  display: flex;
  align-items: center;
  padding: 0 .28rem;
}
.temu-task-wrapper .table-item:last-child {
  flex: 0 0 35%;
  border-left: .02rem solid #eee8d0;
  justify-content: flex-end;
}
.temu-task-condition {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: .16rem;
}
.temu-task-condition .condition-item-wrap {
  display: flex;
  flex-direction: column;
  gap: .4rem;
  background: #fff;
  border-radius: 0 0 .15rem .15rem;
}
.temu-task-condition .condition-item {
  width: 100%;
  min-height: 1.86rem;
  background: #ffebc1;
  border-radius: .15rem;
  padding: .22rem .18rem .22rem .08rem;
  display: flex;
  align-items: center;
  gap: .2rem;
  color: #826849;
  font-size: .22rem;
  position: relative;
}
.temu-task-condition .condition-item:after,
.temu-task-condition .condition-item:before {
  content: "";
  position: absolute;
  width: .22rem;
  height: .22rem;
  border-radius: 50%;
  background: #fff6e5;
}
.temu-task-condition .condition-item:before {
  top: -.11rem;
  left: 1.48rem;
}
.temu-task-condition .condition-item:after {
  bottom: -.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: .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(https://www.ck444.pro/mobile/mc/temu-condition-icon6.fed6924f.png) no-repeat 50%/contain;
  border-right: .02rem dashed #73491e;
  padding-right: .09rem;
}
.temu-task-condition .condition-item .item-info.bank:before {
  background: url(https://www.ck444.pro/mobile/mc/temu-condition-icon4.f8634634.png) no-repeat 50%/contain;
}
.temu-task-condition .condition-item .item-info.deposit:before {
  background: url(https://www.ck444.pro/mobile/mc/temu-condition-icon1.aa213670.png) no-repeat 50%/contain;
}
.temu-task-condition .condition-item .item-info.invite:before {
  background: url(https://www.ck444.pro/mobile/mc/temu-condition-icon2.07925272.png) no-repeat 50%/contain;
}
.temu-task-condition .condition-item .item-info.bet:before {
  background: url(https://www.ck444.pro/mobile/mc/temu-condition-icon5.87b66e62.png) no-repeat 50%/contain;
}
.temu-task-condition .condition-item .item-info.phone:before {
  background: url(https://www.ck444.pro/mobile/mc/temu-condition-icon3.7b839888.png) no-repeat 50%/contain;
}
.temu-task-condition .condition-item .item-info.share:before {
  background: url(https://www.ck444.pro/mobile/mc/temu-condition-icon8.f37b94a0.png) no-repeat 50%/contain;
}
.temu-task-condition .condition-item .item-info.game:before {
  background: url(https://www.ck444.pro/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: .28rem;
  font-weight: 600;
}
.temu-task-condition .condition-item .info-subtitle {
  text-align: left;
}
.temu-task-condition .condition-btn {
  width: .96rem;
  height: .96rem;
}
.temu-task-condition .condition-btn.done {
  background: url(https://www.ck444.pro/mobile/mc/condition-item-btn-selected.8d4924c0.png) no-repeat 50%/contain;
}
.temu-task-condition .condition-btn.disabled {
  background: url(https://www.ck444.pro/mobile/mc/condition-item-btn-disable.3922140e.png) no-repeat 50%/contain;
}
.temu-task-condition .condition-btn.claimable {
  background: url(https://www.ck444.pro/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: .1rem;
  padding: 0 .2rem .4rem;
  max-height: 3.32rem;
  overflow-y: auto;
}
.temu-task-condition .invite-gift-wrap::-webkit-scrollbar {
  width: .08rem;
  background-color: #f1e0d5;
  border-radius: .3rem;
}
.temu-task-condition .invite-gift-wrap::-webkit-scrollbar-thumb {
  background-color: #fea301;
  border-radius: .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(https://www.ck444.pro/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(https://www.ck444.pro/mobile/mc/condition-gift2.c4a8f427.png) no-repeat top/contain;
}
.temu-task-condition .invite-gift-wrap .gift-num {
  min-width: .72rem;
  height: .28rem;
  background: #f4ebdd;
  border-radius: .15rem;
  color: #73491e;
  font-size: .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(-.2rem);
  }
  50% {
    transform: translateY(0);
  }
  to {
    transform: translateY(-.2rem);
  }
}
@keyframes flashTemu {
  0%, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.ticket-condition-wrap {
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
}
.ticket-condition-wrap .info-text {
  font-size: .24rem;
  color: .24rem;
  margin-top: .3rem;
  text-align: center;
}
.ticket-condition-wrap .ticket-condition-list {
  overflow-y: scroll;
  max-height: calc(100vh - .73rem);
  height: calc(var(--vh, 1vh)*100 - 3.73rem);
  margin-top: .5rem;
  display: flex;
  gap: .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: .13rem;
  padding: .3rem .43rem;
}
.ticket-condition-wrap .ticket-condition-list .ticket-condition-item .item-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: .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: .24rem;
  padding: 0 .2rem;
}
.ticket-condition-wrap .ticket-condition-list .ticket-condition-item .condition-title {
  flex: 1 1 0%;
  word-break: break-word;
  font-size: .24rem;
  line-height: .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 .1rem;
  display: flex;
  align-items: center;
  justify-items: center;
  min-width: 1.5rem;
  height: .5rem;
  box-shadow: 0 .03rem .06rem #00000029;
  border-radius: .25rem;
  max-width: 50%;
  justify-content: center;
  font-size: .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, .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: .03rem solid #8d8d8d;
  border-radius: .32rem;
  padding: .45rem .32rem .32rem;
  max-height: 90vh;
  max-height: calc(var(--vh, 1vh)*90);
  overflow-y: auto;
}
.ticket-share-wrapper .close-btn {
  position: absolute;
  top: .35rem;
  right: .3rem;
}
.ticket-share-wrapper .close-btn svg {
  width: .44rem;
  height: .44rem;
}
.ticket-share-wrapper .share-title {
  font-size: .32rem;
  color: #efefef;
  text-align: center;
  padding: 0 .77rem;
}
.ticket-share-wrapper .share-message {
  margin-top: .31rem;
  background: #4b4b4b 0 0 no-repeat padding-box;
  border-radius: .21rem;
  padding: .29rem .5rem .13rem;
  font-size: .24rem;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.ticket-share-wrapper .share-message .share-item {
  margin-bottom: .12rem;
  width: 49%;
}
.ticket-share-wrapper .share-btn {
  width: 100%;
  height: .8rem;
  border-radius: .16rem;
  box-shadow: 0 .03rem .06rem #00000029;
  font-size: .24rem;
  font-weight: 700;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: .2rem;
}
.ticket-share-wrapper .share-btn svg {
  width: .46rem;
  height: .46rem;
  fill: #fff;
  margin-right: .24rem;
}
.ticket-share-wrapper .whatsapp-btn {
  margin-top: .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: .3rem;
  color: #ffb30b;
  font-size: .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, .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: .14rem;
  padding-top: .3rem;
  display: flex;
  flex-direction: column;
  gap: .3rem;
}
.ticket-share-wrapper .share-modal-wrapper .share-modal-content .modal-title {
  font-size: .36rem;
  color: #000;
}
.ticket-share-wrapper .share-modal-wrapper .share-modal-content .modal-content {
  font-size: .3rem;
  color: #888;
  padding: 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: .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;
}
.ticket-list-item {
  width: 77%;
  border-radius: .13rem;
  display: flex;
  flex-direction: column;
  color: #fff;
}
.ticket-list-item.light .item-top-wrap {
  background:
    url(https://www.ck444.pro/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(https://www.ck444.pro/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;
}
.ticket-list-item.img-bg .item-top-wrap {
  background: none;
}
.ticket-list-item .img-bg-wrap {
  border-radius: .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: .5rem;
  border-radius: .13rem .13rem 0 0;
}
.ticket-list-item .item-top-wrap.one-row {
  border-radius: .13rem;
}
.ticket-list-item .item-top-wrap .item-tag-wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  font-size: .22rem;
}
.ticket-list-item .item-top-wrap .item-tag {
  position: relative;
  min-width: 1.8rem;
  height: .45rem;
  border-radius: .13rem 0 .4rem 0;
  display: flex;
  align-items: center;
}
.ticket-list-item .item-top-wrap .item-tag:before {
  content: "";
  width: .8rem;
  height: .8rem;
  display: block;
  margin: -.175rem 0 0 -.24rem;
}
.ticket-list-item .item-top-wrap .item-tag.RAFFLE:before {
  background: url(https://www.ck444.pro/mobile/mc/reward-redpacket.825dfd69.png) no-repeat 50%/contain;
}
.ticket-list-item .item-top-wrap .item-tag.CASH_VOUCHER:before {
  background: url(https://www.ck444.pro/mobile/mc/reward-cashbox.7df9a39d.png) no-repeat 50%/contain;
}
.ticket-list-item .item-top-wrap .item-tag.GOLDEN_EGG:before {
  background: url(https://www.ck444.pro/mobile/mc/reward-goldegg.b95b958e.png) no-repeat 50%/contain;
}
.ticket-list-item .item-top-wrap .item-tag.GIFT_CODE:before {
  background: url(https://www.ck444.pro/mobile/mc/reward-giftbox.26b3211e.png) no-repeat 50%/contain;
}
.ticket-list-item .item-top-wrap .item-tag.PRIZE_WHEEL:before {
  background: url(https://www.ck444.pro/mobile/mc/reward-wheel.7f68522b.png) no-repeat 50%/contain;
}
.ticket-list-item .item-top-wrap .item-tag.FREE_SPIN:before {
  background: url(https://www.ck444.pro/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: .22rem;
}
.ticket-list-item .item-top-wrap .item-count .wysiwyg .num {
  position: relative;
}
.ticket-list-item .item-top-wrap .item-count .wysiwyg .num:not(:last-child):after {
  content: ":";
  margin: 0 .05rem;
}
.ticket-list-item .item-top-content {
  display: flex;
  align-items: center;
  margin: .11rem 0 .22rem;
}
.ticket-list-item .item-top-content .item-name {
  flex: 1 1 0%;
  font-size: .3rem;
  font-weight: 700;
  padding-left: .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 .item-claim {
  background:
    transparent linear-gradient(
      180deg,
      #ff5800,
      #ff3b00 30%,
      #e30000) 0 0 no-repeat padding-box;
  box-shadow: 0 .03rem .06rem #00000029;
  border-radius: .25rem;
  min-height: .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: .24rem;
  padding: 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 .13rem .13rem;
  min-height: .53rem;
  display: flex;
  flex-direction: column;
  position: relative;
}
.ticket-list-item .item-bottom-wrap:before {
  position: absolute;
  top: .19rem;
  right: .4rem;
  content: "";
  width: .26rem;
  height: .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: .24rem;
  color: #5f5f5f;
  padding: 0 .76rem 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: .4rem;
  gap: initial;
}
.ticket-list-item .condition-wrapper .ticket-condition-wrap .ticket-condition-list .ticket-condition-item {
  background: transparent;
  color: #7c7c7c;
  font-size: .24rem;
  padding: .35rem 0;
  margin: 0 auto;
  width: 5.08rem;
  border-radius: 0;
  flex-direction: row;
  align-items: center;
  gap: .15rem;
}
.ticket-list-item .condition-wrapper .ticket-condition-wrap .ticket-condition-list .ticket-condition-item:not(:last-child) {
  border-bottom: .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: .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: .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: .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: -.1rem;
  top: -.17rem;
  width: .32rem;
  height: .32rem;
  background: url(https://www.ck444.pro/mobile/mc/reward-completed.fe345450.png) no-repeat 50%/contain;
}
.ticket-list-item .condition-wrapper .ticket-condition-wrap .progress-bar-wrapper {
  margin-top: .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: .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: .23rem;
  height: .12rem;
}
.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, .8);
  left: 0;
  top: 0;
  z-index: 100011;
}
.cash-voucher-wrap .return-btn {
  position: absolute;
  top: .25rem;
  left: .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(https://www.ck444.pro/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: .72rem;
  color: #fef0d6;
  text-shadow: 0 .05rem 0 #992105;
  margin-bottom: .17rem;
  font-weight: 700;
}
.cash-voucher-wrap .cash-box {
  width: 6.9rem;
  height: 6.45rem;
  margin: 0 auto;
  background: url(https://www.ck444.pro/mobile/mc/cash-box.a7b29b48.webp) no-repeat 50%/contain;
}
.cash-voucher-wrap .cash-box.open {
  background: url(https://www.ck444.pro/mobile/mc/cash-box-open-stop.7ccb3b82.png) no-repeat 50%/contain;
  animation: boxOpen 2s;
  position: relative;
}
.cash-voucher-wrap .cash-box .claim-info {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 3.61rem;
  text-align: center;
  width: 100%;
}
.cash-voucher-wrap .cash-box .claim-info .claim-title {
  font-size: .3rem;
  color: #891b00;
}
.cash-voucher-wrap .cash-box .claim-info .claim-item {
  font-size: .34rem;
  color: #9c4f2e;
}
.cash-voucher-wrap .cash-box .claim-info .claim-item .amount-balance-common {
  display: inline-block;
}
.cash-voucher-wrap .claim-btn {
  min-width: 4.3rem;
  height: .68rem;
  margin-top: .12rem;
  font-size: .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: .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: .6rem;
  height: .6rem;
  display: inline-block;
  border: .04rem solid #cbcbcb;
  border-radius: 50%;
  position: relative;
}
.cash-voucher-wrap .close-button:after {
  width: .25rem;
  height: 0;
  border: 1px solid #cbcbcb;
  content: "";
  position: absolute;
  right: .12rem;
  z-index: 99;
  top: 48%;
  transform: rotate(45deg);
}
.cash-voucher-wrap .close-button:before {
  width: .25rem;
  height: 0;
  border: 1px solid #cbcbcb;
  content: "";
  position: absolute;
  right: .12rem;
  z-index: 99;
  top: 48%;
  transform: rotate(-45deg);
}
.progress-wrapper {
  width: 100%;
}
.progress-wrapper .money-wrapper {
  height: .72rem;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  position: relative;
  margin-bottom: .18rem;
}
.progress-wrapper .money-wrapper .money-current-item {
  position: relative;
  padding: 0 .12rem 0 .87rem;
  font-size: .7rem;
  font-weight: 700;
  color: #fff;
  display: flex;
  height: 100%;
  gap: .12rem;
}
.progress-wrapper .money-wrapper .money-current-item:before {
  position: absolute;
  content: "";
  width: .75rem;
  height: .72rem;
  left: 0;
  background: url(https://www.ck444.pro/mobile/mc/money.6fc6e424.png) no-repeat 50%/contain;
}
.progress-wrapper .money-wrapper .money-item {
  font-size: .32rem;
  font-weight: 700;
  position: relative;
  padding-left: .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: .24rem;
  margin: .3rem 0 .2rem;
}
.progress-wrapper .get-info .info-num {
  font-size: .3rem;
  color: #ffcf00;
  position: relative;
  padding: 0 .14rem;
}
.progress-wrapper .get-info .info-num:before {
  position: absolute;
  content: "!!";
  right: -.14rem;
  color: #fff;
  font-size: .24rem;
}
@keyframes boxOpen {
  0% {
    background: url(https://www.ck444.pro/mobile/mc/cash-box-open.1545ea8a.webp) no-repeat 50%/contain;
  }
  to {
    background: url(https://www.ck444.pro/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(https://www.ck444.pro/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(https://www.ck444.pro/mobile/mc/free-spin-box.6e4de562.webp) no-repeat top/contain;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: .94rem;
  gap: .37rem;
}
.free-spin-wrap .free-box-wrap .free-box-title {
  width: 2.2rem;
  max-width: 100%;
  height: .6rem;
  padding: 0 .1rem;
  border-radius: .18rem;
  font-size: .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 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .06rem;
  margin-top: .27rem;
}
.free-spin-wrap .claim-btn-wrapper {
  width: 100%;
  gap: .17rem;
  position: relative;
  z-index: 2;
  flex: 1 1 0%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: .4rem;
}
.free-spin-wrap .claim-btn-wrapper.has-desc .claim-btn {
  margin: 0 0 0 .63rem;
}
.free-spin-wrap .free-box-img {
  width: 1.7rem;
  height: 1.7rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.free-spin-wrap .free-box-img:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: url(https://www.ck444.pro/mobile/mc/free-spin-game-bg.2c14b1da.png) no-repeat 50%/contain;
}
.free-spin-wrap .free-box-img img {
  width: 1.4rem;
  height: 1.4rem;
  object-fit: contain;
  aspect-ratio: 1/1;
}
.free-spin-wrap .free-box-name {
  height: .6rem;
  background: #4d4d4d 0 0 no-repeat padding-box;
  border-radius: .3rem;
  color: #acacac;
  font-size: .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: .68rem;
  font-size: .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: .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 .03rem .06rem #00000029;
  border-radius: .16rem;
  width: .56rem;
  height: .56rem;
  color: #35690b;
  font-weight: 600;
  font-size: .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: .03rem .51rem .3rem;
}
.modal-free-spin .am-modal-body {
  padding: 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: .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: .64rem;
  padding: 0 .25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: .2rem;
  background: #fd2f2f;
  font-size: .3rem;
  font-weight: 900;
  color: #fff;
  margin: 0 auto .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, .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: .2rem;
  padding: .2rem .3rem .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: .44rem;
  height: .44rem;
}
.free-spin-popup-wrapper .popup-title {
  margin-top: .09rem;
  width: 5rem;
  min-height: .68rem;
  border: .02rem solid #9a9a9a;
  border-radius: .34rem;
  font-size: .28rem;
  line-height: .34rem;
  padding: .1rem;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.free-spin-popup-wrapper .popup-info {
  margin: .15rem .5rem .19rem;
  color: #ff4c45;
  font-size: .2rem;
  line-height: .28rem;
}
.free-spin-popup-wrapper .popup-list-wrapper {
  flex: 1 1 0%;
  overflow-y: auto;
  display: flex;
  flex-wrap: wrap;
  gap: .26rem .16rem;
  padding: 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: .12rem;
}
.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, .8);
  left: 0;
  top: 0;
  z-index: 100011;
}
.gift-code-wrap .return-btn {
  position: absolute;
  top: .25rem;
  left: .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(https://www.ck444.pro/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: .72rem;
  color: #fef0d6;
  text-shadow: 0 .05rem 0 #992105;
  margin-bottom: .17rem;
  font-weight: 700;
}
.gift-code-wrap .gift-box {
  width: 6.9rem;
  height: 6.45rem;
  margin: 0 auto;
  background: url(https://www.ck444.pro/mobile/mc/giftCode-default.5690a47d.webp) no-repeat 50%/contain;
}
.gift-code-wrap .gift-box.open {
  background: url(https://www.ck444.pro/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(https://www.ck444.pro/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: .3rem;
  border-radius: .1rem;
  background:
    linear-gradient(
      270deg,
      hsla(0, 0%, 100%, 0),
      hsla(0, 0%, 100%, .6) 50%,
      hsla(0, 0%, 100%, 0));
  -webkit-backdrop-filter: blur(.03rem);
  backdrop-filter: blur(.03rem);
  justify-content: center;
}
.gift-code-wrap .gift-box .claim-info .claim-title {
  font-size: .3rem;
}
.gift-code-wrap .gift-box .claim-info .claim-item {
  position: relative;
  font-size: .34rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.gift-code-wrap .gift-box .claim-info .claim-item .gift {
  font-size: .48rem;
  font-weight: 900;
  text-shadow: 0 .05rem .09rem rgba(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: .2rem;
}
.gift-code-wrap .gift-box .claim-info .claim-item .stroke-content {
  -webkit-text-stroke: .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(https://www.ck444.pro/mobile/mc/loss-message.a24c607c.png);
  background-size: contain;
  background-repeat: no-repeat;
  min-width: 1.4rem;
  min-height: 1.41rem;
  margin-bottom: .1rem;
}
.gift-code-wrap .gift-box .claim-info .claim-item .stroke-loss {
  text-shadow: 0 .05rem .09rem rgba(0, 0, 0, .41);
}
.gift-code-wrap .gift-box .claim-info .claim-item .gift-btn {
  margin-top: .2rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  padding: .12rem .5rem;
  font-size: .32rem;
  justify-content: center;
  align-items: center;
  border-radius: .7rem;
  border: .03rem solid #ffd269;
  background:
    linear-gradient(
      180deg,
      #a9f62e,
      #1fa91b);
  box-shadow:
    0 .08rem .13rem 0 rgba(0, 0, 0, .6),
    0 .03rem 0 0 rgba(0, 0, 0, .25),
    inset 0 .03rem .09rem 0 #446a0d,
    inset 0 .05rem .14rem 0 #d7ff98,
    inset 0 -.04rem .03rem 0 #2f7209;
  color: #fff;
  -webkit-text-stroke-width: .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: .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 .05rem .09rem rgba(0, 0, 0, .41);
  font-size: .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: .24rem;
}
.gift-code-wrap .gift-box .claim-info .claim-item .loss-content.stroke-content {
  -webkit-text-stroke: .5px #fff;
  -webkit-text-fill-color: #000;
}
.gift-code-wrap .claim-btn {
  padding: .12rem 0;
  height: .68rem;
  margin-top: .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: .34rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #fff;
  text-align: right;
  font-size: .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: .6rem;
  height: .6rem;
  display: inline-block;
  border: .04rem solid #cbcbcb;
  border-radius: 50%;
  position: relative;
}
.gift-code-wrap .close-button:after {
  width: .25rem;
  height: 0;
  border: 1px solid #cbcbcb;
  content: "";
  position: absolute;
  right: .12rem;
  z-index: 99;
  top: 48%;
  transform: rotate(45deg);
}
.gift-code-wrap .close-button:before {
  width: .25rem;
  height: 0;
  border: 1px solid #cbcbcb;
  content: "";
  position: absolute;
  right: .12rem;
  z-index: 99;
  top: 48%;
  transform: rotate(-45deg);
}
.progress-wrapper {
  width: 100%;
}
.progress-wrapper .money-wrapper {
  height: .72rem;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  position: relative;
  margin-bottom: .18rem;
}
.progress-wrapper .money-wrapper .money-current-item {
  position: relative;
  padding: 0 .12rem 0 .87rem;
  font-size: .7rem;
  font-weight: 700;
  color: #fff;
  display: flex;
  height: 100%;
  gap: .12rem;
}
.progress-wrapper .money-wrapper .money-current-item:before {
  position: absolute;
  content: "";
  width: .75rem;
  height: .72rem;
  left: 0;
  background: url(https://www.ck444.pro/mobile/mc/money.6fc6e424.png) no-repeat 50%/contain;
}
.progress-wrapper .money-wrapper .money-item {
  font-size: .32rem;
  font-weight: 700;
  position: relative;
  padding-left: .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: .24rem;
  margin: .3rem 0 .2rem;
}
.progress-wrapper .get-info .info-num {
  font-size: .3rem;
  color: #ffcf00;
  position: relative;
  padding: 0 .14rem;
}
.progress-wrapper .get-info .info-num:before {
  position: absolute;
  content: "!!";
  right: -.14rem;
  color: #fff;
  font-size: .24rem;
}
@keyframes lightRotate {
  0% {
    scale: .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(https://www.ck444.pro/mobile/mc/cash-box-open.1545ea8a.webp) no-repeat 50%/contain;
  }
  to {
    background: url(https://www.ck444.pro/mobile/mc/cash-box-open-stop.7ccb3b82.png) no-repeat 50%/contain;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }
  to {
    opacity: 0;
  }
}
@keyframes rain {
  0% {
    transform: translate3d(0, -100%, 0);
  }
  to {
    transform: translate3d(15%, 100%, 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(https://www.ck444.pro/mobile/mc/rain.30f1f75d.png) no-repeat;
  animation-duration: 5s;
  background-size: 100% auto;
}
.red-envelope-wrap .rain.second {
  background: url(https://www.ck444.pro/mobile/mc/rain.30f1f75d.png) no-repeat;
  animation-duration: 3s;
  animation-delay: 1.5s;
  background-size: 100% auto;
}
.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, .65),
      rgba(40, 40, 40, .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, .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;
}
.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: .2rem;
  top: 0;
  width: 110%;
}
.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: .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: .4rem;
  font-size: .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: .48rem;
  color: #ffea00;
  padding: 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: .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: .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: .8rem;
  height: .8rem;
  margin-top: .6rem;
  margin-left: .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: .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: .8rem;
  font-weight: 700;
}
.red-envelope-wrap .ing-modal .countdown,
.red-envelope-wrap .wait-modal .countdown {
  margin-top: .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(https://www.ck444.pro/mobile/mc/ticket-type-redenvelope.4170bcbf.webp) no-repeat top/contain;
  margin: 0 auto;
}
.ticket-game-wrap .gold-egg-wrapper {
  width: 100%;
  margin: .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(.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: .05rem .18rem;
  position: relative;
  height: 1.8rem;
}
.ticket-game-wrap .gold-egg-wrapper .gold_egg_root ul .egg_root {
  position: relative;
  transform: scale(.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(https://www.ck444.pro/mobile/mc/ticket-type-egg-bg.3da0cc6e.png) no-repeat top/contain;
  z-index: -1;
  bottom: -.66rem;
  left: -.7rem;
}
.ticket-game-wrap .gold-egg-wrapper .gold_egg_root ul .click-area {
  width: 1.2rem;
  height: 1.7rem;
  top: .1rem;
  left: .2rem;
  position: absolute;
  z-index: 100023;
}
.ticket-game-wrap .gold-egg-wrapper .gold_egg_root .claim-btn {
  margin: .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, .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(https://www.ck444.pro/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(https://www.ck444.pro/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(https://www.ck444.pro/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: .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: .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: .4rem;
  height: .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: .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: .4rem;
  height: .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: .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: .4rem;
  height: .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: .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: .4rem;
  height: .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: .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: .4rem;
  height: .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: .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: .4rem;
  height: .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: .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: .4rem;
  height: .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: .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: .4rem;
  height: .32rem;
}
.ticket-game-wrap .prize-wheel-wrapper .prize_wheel_root .wheel_bg .start_wheel {
  width: .9rem;
  height: 1.22rem;
  bottom: 2.8rem;
  left: 3.05rem;
}
.ticket-game-wrap .prize-wheel-wrapper .prize_wheel_root .claim-btn {
  margin-top: -.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: -.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: .1rem;
  font-size: .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: .56rem;
  border-radius: .3rem;
}
@keyframes spinWheel {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
@keyframes pointShow {
  0% {
    opacity: 1;
  }
  to {
    opacity: .8;
  }
}
.notification-container-v2 {
  min-height: 1.5rem;
  z-index: 99999;
  top: .2rem;
  background: hsla(0, 0%, 100%, .85);
  box-shadow: .02rem .02rem .02rem hsla(0, 0%, 100%, .3);
  padding: .3rem .4rem .3rem .9rem;
  width: 100%;
  border-radius: .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: .08rem;
  height: 79%;
  background: #0096fb;
  position: absolute;
  left: .12rem;
  top: 50%;
  transform: translateY(-50%);
  border-radius: .1rem;
}
.notification-container-v2 .ncv-icon {
  background-size: .5rem auto;
  background-position-y: .06rem;
  width: .5rem;
  height: .58rem;
  position: absolute;
  left: .3rem;
  top: 50%;
  transform: translateY(-50%);
  border-radius: .1rem;
}
.notification-container-v2 .title {
  font-size: .24rem;
  font-weight: 700;
  color: #333;
}
.notification-container-v2 .notification-message-mc {
  position: relative;
  font-size: .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: .19rem;
  right: .19rem;
  color: #c4c4c4;
  position: absolute;
}
.notification-container-v2 .close svg {
  fill: #969696;
  width: .64rem;
  height: .64rem;
  overflow: initial;
}
.notification-container {
  box-sizing: border-box;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 999999;
  max-height: calc(100% - .3rem);
  overflow-x: hidden;
  overflow-y: auto;
  width: calc(100% - .2rem);
  padding: 0 .15rem .5rem;
}
.notification-container.notification-container-empty {
  display: none;
}
.notification-container .notification {
  box-sizing: border-box;
  border-radius: .02rem;
  color: #fff;
  background-color: #ccc;
  box-shadow: 0 0 .12rem #999;
  cursor: pointer;
  font-size: .24rem;
  line-height: 1.2;
  position: relative;
  opacity: .9;
  margin-top: .15rem;
  min-height: 1.5rem;
  width: 100%;
}
.notification-container .notification .title {
  font-weight: 700;
  margin: 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 .4s;
}
.notification-leave {
  visibility: visible;
  transform: translateZ(0);
}
.notification-leave.notification-leave-active {
  visibility: hidden;
  transform: translate3d(100%, 0, 0);
  transition: all .4s;
}
.notification:before {
  position: absolute;
  top: 50%;
  left: .15rem;
  margin-top: -.14rem;
  display: block;
  font-family: Notification;
  width: .28rem;
  height: .28rem;
  font-size: .28rem;
  text-align: center;
  line-height: .28rem;
}

/* src/splash.87882d49.css */
.loading-img-container {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999999;
  width: 100%;
  height: 100%;
  height: 100vh;
  height: calc(100 * var(--vh, 1vh));
  height: 100dvh;
  background: var(--s-splash) no-repeat 50%/cover, var(--color-scheme);
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */