body {
  margin: 0;
  background: #000
}

#app-container {
  display: none;
  width: 100%;
  height: 100%
}

#app-landingPage {
  display: none;
  width: 100vw;
  height: 100vh;
  z-index: 1;
  position: relative;
  justify-content: center;
  align-items: center;
  cursor: pointer
}

#app-landingPage img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 375/812
}

.touch-block {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  position: absolute;
  bottom: 20%
}

.loading-bar {
  display: none;
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 70%;
  height: 20px
}

.start-btn {
  display: none;
  color: #fff;
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 308px;
  height: 77px;
  flex-shrink: 0;
  text-shadow: 0 0 6px #f9f566, 0 0 15px rgba(0, 0, 0, .5);
  font-family: "Helvetica Neue";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 35px;
  transform: translateZ(0);
  position: relative;
  overflow: hidden;
  will-change: text-shadow, transform
}

.start-btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 240px;
  height: 55px;
  pointer-events: none;
  background-image: url(/landingPage/light.gif);
  z-index: 3;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center
}

.start-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(50.65% 44.16% at 50% 50%, rgba(63, 39, 1, .5) 0, rgba(63, 39, 1, 0) 100%);
  transform: scaleY(1);
  transform-origin: center;
  transition: transform 5s ease-in-out;
  z-index: -1;
  animation: pulseHeight 4s infinite ease-in-out
}

.start-text {
  position: relative;
  z-index: 2;
  display: inline-block;
  color: inherit;
  font: inherit;
  line-height: inherit;
  animation: textGlow 3s ease-in-out infinite;
  will-change: opacity, text-shadow, transform;
  opacity: 0;
  transform: translateY(0)
}

.start-text::before {
  content: "";
  position: absolute;
  top: 33px;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 184px;
  height: 1px;
  background: radial-gradient(2026.53% 50% at 50% 50%, rgba(255, 255, 255, .35) 0, rgba(255, 255, 255, 0) 100%);
  z-index: 4;
  pointer-events: none;
  animation: linePulse 3s ease-in-out infinite
}

.start-text::after {
  content: "";
  position: absolute;
  bottom: 32px;
  left: 50%;
  transform: translateX(-50%);
  width: 184px;
  height: 2px;
  background: radial-gradient(2026.53% 50% at 50% 50%, rgba(255, 255, 255, .35) 0, rgba(255, 255, 255, 0) 100%);
  z-index: 4;
  pointer-events: none;
  animation: linePulse 3s ease-in-out infinite
}

.start-btn:active {
  transform: translateZ(0) scale(.98)
}

@keyframes textGlow {
  0% {
    text-shadow: 0 0 4px #f9f566, 0 0 8px rgba(255, 186, 59, .12);
    opacity: .5;
    transform: translateY(0)
  }

  50% {
    text-shadow: 0 0 14px #f9f566, 0 0 26px rgba(255, 186, 59, .35);
    opacity: 1;
    transform: translateY(-2px)
  }

  100% {
    text-shadow: 0 0 4px #f9f566, 0 0 8px rgba(255, 186, 59, .12);
    opacity: .5;
    transform: translateY(0)
  }
}

@keyframes pulseHeight {
  0% {
    transform: scaleY(1.2);
    opacity: .5
  }

  25% {
    transform: scaleY(.7);
    opacity: 1
  }

  75% {
    transform: scaleY(.7);
    opacity: 1
  }

  100% {
    transform: scaleY(1.2);
    opacity: .5
  }
}

@keyframes linePulse {
  0% {
    opacity: .5;
    transform: translate(-50%, -50%) scaleX(1)
  }

  50% {
    opacity: 1;
    transform: translate(-50%, -50%) scaleX(1)
  }

  100% {
    opacity: .5;
    transform: translate(-50%, -50%) scaleX(1)
  }
}

.logo-block {
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70vw;
  position: absolute;
  top: 45%
}

.__nuxt-error-page {
  padding: 1rem;
  background: #f7f8fb;
  color: #47494e;
  text-align: center;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-family: sans-serif;
  font-weight: 100 !important;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.__nuxt-error-page .error {
  max-width: 450px
}

.__nuxt-error-page .title {
  font-size: 1.5rem;
  margin-top: 15px;
  color: #47494e;
  margin-bottom: 8px
}

.__nuxt-error-page .description {
  color: #7f828b;
  line-height: 21px;
  margin-bottom: 10px
}

.__nuxt-error-page a {
  color: #7f828b !important;
  text-decoration: none
}

.__nuxt-error-page .logo {
  position: fixed;
  left: 12px;
  bottom: 12px
}

.nuxt-progress {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 0;
  width: 0;
  opacity: 1;
  -webkit-transition: width .1s, opacity .4s;
  transition: width .1s, opacity .4s;
  background-color: #111;
  z-index: 999999
}

.nuxt-progress.nuxt-progress-notransition {
  -webkit-transition: none;
  transition: none
}

.nuxt-progress-failed {
  background-color: red
}

@font-face {
  font-family: Glyphicons Halflings;
  src: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/fonts/glyphicons-halflings-regular_f4769f9.eot);
  src: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/fonts/glyphicons-halflings-regular_f4769f9.eot?#iefix) format("embedded-opentype"), url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/fonts/glyphicons-halflings-regular_448c34a.woff2) format("woff2"), url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/fonts/glyphicons-halflings-regular_fa27723.woff) format("woff"), url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/fonts/glyphicons-halflings-regular_e18bbf6.ttf) format("truetype"), url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/glyphicons-halflings-regular_8988968.svg#glyphicons_halflingsregular) format("svg")
}

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: Glyphicons Halflings;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.glyphicon-asterisk:before {
  content: "\002a"
}

.glyphicon-plus:before {
  content: "\002b"
}

.glyphicon-eur:before, .glyphicon-euro:before {
  content: "\20ac"
}

.glyphicon-minus:before {
  content: "\2212"
}

.glyphicon-cloud:before {
  content: "\2601"
}

.glyphicon-envelope:before {
  content: "\2709"
}

.glyphicon-pencil:before {
  content: "\270f"
}

.glyphicon-glass:before {
  content: "\e001"
}

.glyphicon-music:before {
  content: "\e002"
}

.glyphicon-search:before {
  content: "\e003"
}

.glyphicon-heart:before {
  content: "\e005"
}

.glyphicon-star:before {
  content: "\e006"
}

.glyphicon-star-empty:before {
  content: "\e007"
}

.glyphicon-user:before {
  content: "\e008"
}

.glyphicon-film:before {
  content: "\e009"
}

.glyphicon-th-large:before {
  content: "\e010"
}

.glyphicon-th:before {
  content: "\e011"
}

.glyphicon-th-list:before {
  content: "\e012"
}

.glyphicon-ok:before {
  content: "\e013"
}

.glyphicon-remove:before {
  content: "\e014"
}

.glyphicon-zoom-in:before {
  content: "\e015"
}

.glyphicon-zoom-out:before {
  content: "\e016"
}

.glyphicon-off:before {
  content: "\e017"
}

.glyphicon-signal:before {
  content: "\e018"
}

.glyphicon-cog:before {
  content: "\e019"
}

.glyphicon-trash:before {
  content: "\e020"
}

.glyphicon-home:before {
  content: "\e021"
}

.glyphicon-file:before {
  content: "\e022"
}

.glyphicon-time:before {
  content: "\e023"
}

.glyphicon-road:before {
  content: "\e024"
}

.glyphicon-download-alt:before {
  content: "\e025"
}

.glyphicon-download:before {
  content: "\e026"
}

.glyphicon-upload:before {
  content: "\e027"
}

.glyphicon-inbox:before {
  content: "\e028"
}

.glyphicon-play-circle:before {
  content: "\e029"
}

.glyphicon-repeat:before {
  content: "\e030"
}

.glyphicon-refresh:before {
  content: "\e031"
}

.glyphicon-list-alt:before {
  content: "\e032"
}

.glyphicon-lock:before {
  content: "\e033"
}

.glyphicon-flag:before {
  content: "\e034"
}

.glyphicon-headphones:before {
  content: "\e035"
}

.glyphicon-volume-off:before {
  content: "\e036"
}

.glyphicon-volume-down:before {
  content: "\e037"
}

.glyphicon-volume-up:before {
  content: "\e038"
}

.glyphicon-qrcode:before {
  content: "\e039"
}

.glyphicon-barcode:before {
  content: "\e040"
}

.glyphicon-tag:before {
  content: "\e041"
}

.glyphicon-tags:before {
  content: "\e042"
}

.glyphicon-book:before {
  content: "\e043"
}

.glyphicon-bookmark:before {
  content: "\e044"
}

.glyphicon-print:before {
  content: "\e045"
}

.glyphicon-camera:before {
  content: "\e046"
}

.glyphicon-font:before {
  content: "\e047"
}

.glyphicon-bold:before {
  content: "\e048"
}

.glyphicon-italic:before {
  content: "\e049"
}

.glyphicon-text-height:before {
  content: "\e050"
}

.glyphicon-text-width:before {
  content: "\e051"
}

.glyphicon-align-left:before {
  content: "\e052"
}

.glyphicon-align-center:before {
  content: "\e053"
}

.glyphicon-align-right:before {
  content: "\e054"
}

.glyphicon-align-justify:before {
  content: "\e055"
}

.glyphicon-list:before {
  content: "\e056"
}

.glyphicon-indent-left:before {
  content: "\e057"
}

.glyphicon-indent-right:before {
  content: "\e058"
}

.glyphicon-facetime-video:before {
  content: "\e059"
}

.glyphicon-picture:before {
  content: "\e060"
}

.glyphicon-map-marker:before {
  content: "\e062"
}

.glyphicon-adjust:before {
  content: "\e063"
}

.glyphicon-tint:before {
  content: "\e064"
}

.glyphicon-edit:before {
  content: "\e065"
}

.glyphicon-share:before {
  content: "\e066"
}

.glyphicon-check:before {
  content: "\e067"
}

.glyphicon-move:before {
  content: "\e068"
}

.glyphicon-step-backward:before {
  content: "\e069"
}

.glyphicon-fast-backward:before {
  content: "\e070"
}

.glyphicon-backward:before {
  content: "\e071"
}

.glyphicon-play:before {
  content: "\e072"
}

.glyphicon-pause:before {
  content: "\e073"
}

.glyphicon-stop:before {
  content: "\e074"
}

.glyphicon-forward:before {
  content: "\e075"
}

.glyphicon-fast-forward:before {
  content: "\e076"
}

.glyphicon-step-forward:before {
  content: "\e077"
}

.glyphicon-eject:before {
  content: "\e078"
}

.glyphicon-chevron-left:before {
  content: "\e079"
}

.glyphicon-chevron-right:before {
  content: "\e080"
}

.glyphicon-plus-sign:before {
  content: "\e081"
}

.glyphicon-minus-sign:before {
  content: "\e082"
}

.glyphicon-remove-sign:before {
  content: "\e083"
}

.glyphicon-ok-sign:before {
  content: "\e084"
}

.glyphicon-question-sign:before {
  content: "\e085"
}

.glyphicon-info-sign:before {
  content: "\e086"
}

.glyphicon-screenshot:before {
  content: "\e087"
}

.glyphicon-remove-circle:before {
  content: "\e088"
}

.glyphicon-ok-circle:before {
  content: "\e089"
}

.glyphicon-ban-circle:before {
  content: "\e090"
}

.glyphicon-arrow-left:before {
  content: "\e091"
}

.glyphicon-arrow-right:before {
  content: "\e092"
}

.glyphicon-arrow-up:before {
  content: "\e093"
}

.glyphicon-arrow-down:before {
  content: "\e094"
}

.glyphicon-share-alt:before {
  content: "\e095"
}

.glyphicon-resize-full:before {
  content: "\e096"
}

.glyphicon-resize-small:before {
  content: "\e097"
}

.glyphicon-exclamation-sign:before {
  content: "\e101"
}

.glyphicon-gift:before {
  content: "\e102"
}

.glyphicon-leaf:before {
  content: "\e103"
}

.glyphicon-fire:before {
  content: "\e104"
}

.glyphicon-eye-open:before {
  content: "\e105"
}

.glyphicon-eye-close:before {
  content: "\e106"
}

.glyphicon-warning-sign:before {
  content: "\e107"
}

.glyphicon-plane:before {
  content: "\e108"
}

.glyphicon-calendar:before {
  content: "\e109"
}

.glyphicon-random:before {
  content: "\e110"
}

.glyphicon-comment:before {
  content: "\e111"
}

.glyphicon-magnet:before {
  content: "\e112"
}

.glyphicon-chevron-up:before {
  content: "\e113"
}

.glyphicon-chevron-down:before {
  content: "\e114"
}

.glyphicon-retweet:before {
  content: "\e115"
}

.glyphicon-shopping-cart:before {
  content: "\e116"
}

.glyphicon-folder-close:before {
  content: "\e117"
}

.glyphicon-folder-open:before {
  content: "\e118"
}

.glyphicon-resize-vertical:before {
  content: "\e119"
}

.glyphicon-resize-horizontal:before {
  content: "\e120"
}

.glyphicon-hdd:before {
  content: "\e121"
}

.glyphicon-bullhorn:before {
  content: "\e122"
}

.glyphicon-bell:before {
  content: "\e123"
}

.glyphicon-certificate:before {
  content: "\e124"
}

.glyphicon-thumbs-up:before {
  content: "\e125"
}

.glyphicon-thumbs-down:before {
  content: "\e126"
}

.glyphicon-hand-right:before {
  content: "\e127"
}

.glyphicon-hand-left:before {
  content: "\e128"
}

.glyphicon-hand-up:before {
  content: "\e129"
}

.glyphicon-hand-down:before {
  content: "\e130"
}

.glyphicon-circle-arrow-right:before {
  content: "\e131"
}

.glyphicon-circle-arrow-left:before {
  content: "\e132"
}

.glyphicon-circle-arrow-up:before {
  content: "\e133"
}

.glyphicon-circle-arrow-down:before {
  content: "\e134"
}

.glyphicon-globe:before {
  content: "\e135"
}

.glyphicon-wrench:before {
  content: "\e136"
}

.glyphicon-tasks:before {
  content: "\e137"
}

.glyphicon-filter:before {
  content: "\e138"
}

.glyphicon-briefcase:before {
  content: "\e139"
}

.glyphicon-fullscreen:before {
  content: "\e140"
}

.glyphicon-dashboard:before {
  content: "\e141"
}

.glyphicon-paperclip:before {
  content: "\e142"
}

.glyphicon-heart-empty:before {
  content: "\e143"
}

.glyphicon-link:before {
  content: "\e144"
}

.glyphicon-phone:before {
  content: "\e145"
}

.glyphicon-pushpin:before {
  content: "\e146"
}

.glyphicon-usd:before {
  content: "\e148"
}

.glyphicon-gbp:before {
  content: "\e149"
}

.glyphicon-sort:before {
  content: "\e150"
}

.glyphicon-sort-by-alphabet:before {
  content: "\e151"
}

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152"
}

.glyphicon-sort-by-order:before {
  content: "\e153"
}

.glyphicon-sort-by-order-alt:before {
  content: "\e154"
}

.glyphicon-sort-by-attributes:before {
  content: "\e155"
}

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156"
}

.glyphicon-unchecked:before {
  content: "\e157"
}

.glyphicon-expand:before {
  content: "\e158"
}

.glyphicon-collapse-down:before {
  content: "\e159"
}

.glyphicon-collapse-up:before {
  content: "\e160"
}

.glyphicon-log-in:before {
  content: "\e161"
}

.glyphicon-flash:before {
  content: "\e162"
}

.glyphicon-log-out:before {
  content: "\e163"
}

.glyphicon-new-window:before {
  content: "\e164"
}

.glyphicon-record:before {
  content: "\e165"
}

.glyphicon-save:before {
  content: "\e166"
}

.glyphicon-open:before {
  content: "\e167"
}

.glyphicon-saved:before {
  content: "\e168"
}

.glyphicon-import:before {
  content: "\e169"
}

.glyphicon-export:before {
  content: "\e170"
}

.glyphicon-send:before {
  content: "\e171"
}

.glyphicon-floppy-disk:before {
  content: "\e172"
}

.glyphicon-floppy-saved:before {
  content: "\e173"
}

.glyphicon-floppy-remove:before {
  content: "\e174"
}

.glyphicon-floppy-save:before {
  content: "\e175"
}

.glyphicon-floppy-open:before {
  content: "\e176"
}

.glyphicon-credit-card:before {
  content: "\e177"
}

.glyphicon-transfer:before {
  content: "\e178"
}

.glyphicon-cutlery:before {
  content: "\e179"
}

.glyphicon-header:before {
  content: "\e180"
}

.glyphicon-compressed:before {
  content: "\e181"
}

.glyphicon-earphone:before {
  content: "\e182"
}

.glyphicon-phone-alt:before {
  content: "\e183"
}

.glyphicon-tower:before {
  content: "\e184"
}

.glyphicon-stats:before {
  content: "\e185"
}

.glyphicon-sd-video:before {
  content: "\e186"
}

.glyphicon-hd-video:before {
  content: "\e187"
}

.glyphicon-subtitles:before {
  content: "\e188"
}

.glyphicon-sound-stereo:before {
  content: "\e189"
}

.glyphicon-sound-dolby:before {
  content: "\e190"
}

.glyphicon-sound-5-1:before {
  content: "\e191"
}

.glyphicon-sound-6-1:before {
  content: "\e192"
}

.glyphicon-sound-7-1:before {
  content: "\e193"
}

.glyphicon-copyright-mark:before {
  content: "\e194"
}

.glyphicon-registration-mark:before {
  content: "\e195"
}

.glyphicon-cloud-download:before {
  content: "\e197"
}

.glyphicon-cloud-upload:before {
  content: "\e198"
}

.glyphicon-tree-conifer:before {
  content: "\e199"
}

.glyphicon-tree-deciduous:before {
  content: "\e200"
}

.glyphicon-cd:before {
  content: "\e201"
}

.glyphicon-save-file:before {
  content: "\e202"
}

.glyphicon-open-file:before {
  content: "\e203"
}

.glyphicon-level-up:before {
  content: "\e204"
}

.glyphicon-copy:before {
  content: "\e205"
}

.glyphicon-paste:before {
  content: "\e206"
}

.glyphicon-alert:before {
  content: "\e209"
}

.glyphicon-equalizer:before {
  content: "\e210"
}

.glyphicon-king:before {
  content: "\e211"
}

.glyphicon-queen:before {
  content: "\e212"
}

.glyphicon-pawn:before {
  content: "\e213"
}

.glyphicon-bishop:before {
  content: "\e214"
}

.glyphicon-knight:before {
  content: "\e215"
}

.glyphicon-baby-formula:before {
  content: "\e216"
}

.glyphicon-tent:before {
  content: "\26fa"
}

.glyphicon-blackboard:before {
  content: "\e218"
}

.glyphicon-bed:before {
  content: "\e219"
}

.glyphicon-apple:before {
  content: "\f8ff"
}

.glyphicon-erase:before {
  content: "\e221"
}

.glyphicon-hourglass:before {
  content: "\231b"
}

.glyphicon-lamp:before {
  content: "\e223"
}

.glyphicon-duplicate:before {
  content: "\e224"
}

.glyphicon-piggy-bank:before {
  content: "\e225"
}

.glyphicon-scissors:before {
  content: "\e226"
}

.glyphicon-bitcoin:before {
  content: "\e227"
}

.glyphicon-btc:before {
  content: "\e227"
}

.glyphicon-xbt:before {
  content: "\e227"
}

.glyphicon-yen:before {
  content: "\00a5"
}

.glyphicon-jpy:before {
  content: "\00a5"
}

.glyphicon-ruble:before {
  content: "\20bd"
}

.glyphicon-rub:before {
  content: "\20bd"
}

.glyphicon-scale:before {
  content: "\e230"
}

.glyphicon-ice-lolly:before {
  content: "\e231"
}

.glyphicon-ice-lolly-tasted:before {
  content: "\e232"
}

.glyphicon-education:before {
  content: "\e233"
}

.glyphicon-option-horizontal:before {
  content: "\e234"
}

.glyphicon-option-vertical:before {
  content: "\e235"
}

.glyphicon-menu-hamburger:before {
  content: "\e236"
}

.glyphicon-modal-window:before {
  content: "\e237"
}

.glyphicon-oil:before {
  content: "\e238"
}

.glyphicon-grain:before {
  content: "\e239"
}

.glyphicon-sunglasses:before {
  content: "\e240"
}

.glyphicon-text-size:before {
  content: "\e241"
}

.glyphicon-text-color:before {
  content: "\e242"
}

.glyphicon-text-background:before {
  content: "\e243"
}

.glyphicon-object-align-top:before {
  content: "\e244"
}

.glyphicon-object-align-bottom:before {
  content: "\e245"
}

.glyphicon-object-align-horizontal:before {
  content: "\e246"
}

.glyphicon-object-align-left:before {
  content: "\e247"
}

.glyphicon-object-align-vertical:before {
  content: "\e248"
}

.glyphicon-object-align-right:before {
  content: "\e249"
}

.glyphicon-triangle-right:before {
  content: "\e250"
}

.glyphicon-triangle-left:before {
  content: "\e251"
}

.glyphicon-triangle-bottom:before {
  content: "\e252"
}

.glyphicon-triangle-top:before {
  content: "\e253"
}

.glyphicon-console:before {
  content: "\e254"
}

.glyphicon-superscript:before {
  content: "\e255"
}

.glyphicon-subscript:before {
  content: "\e256"
}

.glyphicon-menu-left:before {
  content: "\e257"
}

.glyphicon-menu-right:before {
  content: "\e258"
}

.glyphicon-menu-down:before {
  content: "\e259"
}

.glyphicon-menu-up:before {
  content: "\e260"
}



/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
  font-family: FontAwesome;
  src: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/fonts/fontawesome-webfont_674f50d.eot);
  src: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/fonts/fontawesome-webfont_674f50d.eot?#iefix&v=4.7.0) format("embedded-opentype"), url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/fonts/fontawesome-webfont_af7ae50.woff2) format("woff2"), url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/fonts/fontawesome-webfont_fee66e7.woff) format("woff"), url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/fonts/fontawesome-webfont_b06871f.ttf) format("truetype"), url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/fontawesome-webfont_912ec66.svg#fontawesomeregular) format("svg");
  font-weight: 400;
  font-style: normal
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.fa-lg {
  font-size: 1.33333333em;
  line-height: .75em;
  vertical-align: -15%
}

.fa-2x {
  font-size: 2em
}

.fa-3x {
  font-size: 3em
}

.fa-4x {
  font-size: 4em
}

.fa-5x {
  font-size: 5em
}

.fa-fw {
  width: 1.28571429em;
  text-align: center
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none
}

.fa-ul>li {
  position: relative
}

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: .14285714em;
  text-align: center
}

.fa-li.fa-lg {
  left: -1.85714286em
}

.fa-border {
  padding: .2em .25em .15em;
  border: .08em solid #eee;
  border-radius: .1em
}

.fa-pull-left {
  float: left
}

.fa-pull-right {
  float: right
}

.fa.fa-pull-left {
  margin-right: .3em
}

.fa.fa-pull-right {
  margin-left: .3em
}

.pull-right {
  float: right
}

.pull-left {
  float: left
}

.fa.pull-left {
  margin-right: .3em
}

.fa.pull-right {
  margin-left: .3em
}

.fa-spin {
  -webkit-animation: fa-spin 2s linear infinite;
  animation: fa-spin 2s linear infinite
}

.fa-pulse {
  -webkit-animation: fa-spin 1s steps(8) infinite;
  animation: fa-spin 1s steps(8) infinite
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg)
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1)
}

:root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270 {
  -webkit-filter: none;
  filter: none
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle
}

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center
}

.fa-stack-1x {
  line-height: inherit
}

.fa-stack-2x {
  font-size: 2em
}

.fa-inverse {
  color: #fff
}

.fa-glass:before {
  content: "\f000"
}

.fa-music:before {
  content: "\f001"
}

.fa-search:before {
  content: "\f002"
}

.fa-envelope-o:before {
  content: "\f003"
}

.fa-heart:before {
  content: "\f004"
}

.fa-star:before {
  content: "\f005"
}

.fa-star-o:before {
  content: "\f006"
}

.fa-user:before {
  content: "\f007"
}

.fa-film:before {
  content: "\f008"
}

.fa-th-large:before {
  content: "\f009"
}

.fa-th:before {
  content: "\f00a"
}

.fa-th-list:before {
  content: "\f00b"
}

.fa-check:before {
  content: "\f00c"
}

.fa-close:before, .fa-remove:before, .fa-times:before {
  content: "\f00d"
}

.fa-search-plus:before {
  content: "\f00e"
}

.fa-search-minus:before {
  content: "\f010"
}

.fa-power-off:before {
  content: "\f011"
}

.fa-signal:before {
  content: "\f012"
}

.fa-cog:before, .fa-gear:before {
  content: "\f013"
}

.fa-trash-o:before {
  content: "\f014"
}

.fa-home:before {
  content: "\f015"
}

.fa-file-o:before {
  content: "\f016"
}

.fa-clock-o:before {
  content: "\f017"
}

.fa-road:before {
  content: "\f018"
}

.fa-download:before {
  content: "\f019"
}

.fa-arrow-circle-o-down:before {
  content: "\f01a"
}

.fa-arrow-circle-o-up:before {
  content: "\f01b"
}

.fa-inbox:before {
  content: "\f01c"
}

.fa-play-circle-o:before {
  content: "\f01d"
}

.fa-repeat:before, .fa-rotate-right:before {
  content: "\f01e"
}

.fa-refresh:before {
  content: "\f021"
}

.fa-list-alt:before {
  content: "\f022"
}

.fa-lock:before {
  content: "\f023"
}

.fa-flag:before {
  content: "\f024"
}

.fa-headphones:before {
  content: "\f025"
}

.fa-volume-off:before {
  content: "\f026"
}

.fa-volume-down:before {
  content: "\f027"
}

.fa-volume-up:before {
  content: "\f028"
}

.fa-qrcode:before {
  content: "\f029"
}

.fa-barcode:before {
  content: "\f02a"
}

.fa-tag:before {
  content: "\f02b"
}

.fa-tags:before {
  content: "\f02c"
}

.fa-book:before {
  content: "\f02d"
}

.fa-bookmark:before {
  content: "\f02e"
}

.fa-print:before {
  content: "\f02f"
}

.fa-camera:before {
  content: "\f030"
}

.fa-font:before {
  content: "\f031"
}

.fa-bold:before {
  content: "\f032"
}

.fa-italic:before {
  content: "\f033"
}

.fa-text-height:before {
  content: "\f034"
}

.fa-text-width:before {
  content: "\f035"
}

.fa-align-left:before {
  content: "\f036"
}

.fa-align-center:before {
  content: "\f037"
}

.fa-align-right:before {
  content: "\f038"
}

.fa-align-justify:before {
  content: "\f039"
}

.fa-list:before {
  content: "\f03a"
}

.fa-dedent:before, .fa-outdent:before {
  content: "\f03b"
}

.fa-indent:before {
  content: "\f03c"
}

.fa-video-camera:before {
  content: "\f03d"
}

.fa-image:before, .fa-photo:before, .fa-picture-o:before {
  content: "\f03e"
}

.fa-pencil:before {
  content: "\f040"
}

.fa-map-marker:before {
  content: "\f041"
}

.fa-adjust:before {
  content: "\f042"
}

.fa-tint:before {
  content: "\f043"
}

.fa-edit:before, .fa-pencil-square-o:before {
  content: "\f044"
}

.fa-share-square-o:before {
  content: "\f045"
}

.fa-check-square-o:before {
  content: "\f046"
}

.fa-arrows:before {
  content: "\f047"
}

.fa-step-backward:before {
  content: "\f048"
}

.fa-fast-backward:before {
  content: "\f049"
}

.fa-backward:before {
  content: "\f04a"
}

.fa-play:before {
  content: "\f04b"
}

.fa-pause:before {
  content: "\f04c"
}

.fa-stop:before {
  content: "\f04d"
}

.fa-forward:before {
  content: "\f04e"
}

.fa-fast-forward:before {
  content: "\f050"
}

.fa-step-forward:before {
  content: "\f051"
}

.fa-eject:before {
  content: "\f052"
}

.fa-chevron-left:before {
  content: "\f053"
}

.fa-chevron-right:before {
  content: "\f054"
}

.fa-plus-circle:before {
  content: "\f055"
}

.fa-minus-circle:before {
  content: "\f056"
}

.fa-times-circle:before {
  content: "\f057"
}

.fa-check-circle:before {
  content: "\f058"
}

.fa-question-circle:before {
  content: "\f059"
}

.fa-info-circle:before {
  content: "\f05a"
}

.fa-crosshairs:before {
  content: "\f05b"
}

.fa-times-circle-o:before {
  content: "\f05c"
}

.fa-check-circle-o:before {
  content: "\f05d"
}

.fa-ban:before {
  content: "\f05e"
}

.fa-arrow-left:before {
  content: "\f060"
}

.fa-arrow-right:before {
  content: "\f061"
}

.fa-arrow-up:before {
  content: "\f062"
}

.fa-arrow-down:before {
  content: "\f063"
}

.fa-mail-forward:before, .fa-share:before {
  content: "\f064"
}

.fa-expand:before {
  content: "\f065"
}

.fa-compress:before {
  content: "\f066"
}

.fa-plus:before {
  content: "\f067"
}

.fa-minus:before {
  content: "\f068"
}

.fa-asterisk:before {
  content: "\f069"
}

.fa-exclamation-circle:before {
  content: "\f06a"
}

.fa-gift:before {
  content: "\f06b"
}

.fa-leaf:before {
  content: "\f06c"
}

.fa-fire:before {
  content: "\f06d"
}

.fa-eye:before {
  content: "\f06e"
}

.fa-eye-slash:before {
  content: "\f070"
}

.fa-exclamation-triangle:before, .fa-warning:before {
  content: "\f071"
}

.fa-plane:before {
  content: "\f072"
}

.fa-calendar:before {
  content: "\f073"
}

.fa-random:before {
  content: "\f074"
}

.fa-comment:before {
  content: "\f075"
}

.fa-magnet:before {
  content: "\f076"
}

.fa-chevron-up:before {
  content: "\f077"
}

.fa-chevron-down:before {
  content: "\f078"
}

.fa-retweet:before {
  content: "\f079"
}

.fa-shopping-cart:before {
  content: "\f07a"
}

.fa-folder:before {
  content: "\f07b"
}

.fa-folder-open:before {
  content: "\f07c"
}

.fa-arrows-v:before {
  content: "\f07d"
}

.fa-arrows-h:before {
  content: "\f07e"
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
  content: "\f080"
}

.fa-twitter-square:before {
  content: "\f081"
}

.fa-facebook-square:before {
  content: "\f082"
}

.fa-camera-retro:before {
  content: "\f083"
}

.fa-key:before {
  content: "\f084"
}

.fa-cogs:before, .fa-gears:before {
  content: "\f085"
}

.fa-comments:before {
  content: "\f086"
}

.fa-thumbs-o-up:before {
  content: "\f087"
}

.fa-thumbs-o-down:before {
  content: "\f088"
}

.fa-star-half:before {
  content: "\f089"
}

.fa-heart-o:before {
  content: "\f08a"
}

.fa-sign-out:before {
  content: "\f08b"
}

.fa-linkedin-square:before {
  content: "\f08c"
}

.fa-thumb-tack:before {
  content: "\f08d"
}

.fa-external-link:before {
  content: "\f08e"
}

.fa-sign-in:before {
  content: "\f090"
}

.fa-trophy:before {
  content: "\f091"
}

.fa-github-square:before {
  content: "\f092"
}

.fa-upload:before {
  content: "\f093"
}

.fa-lemon-o:before {
  content: "\f094"
}

.fa-phone:before {
  content: "\f095"
}

.fa-square-o:before {
  content: "\f096"
}

.fa-bookmark-o:before {
  content: "\f097"
}

.fa-phone-square:before {
  content: "\f098"
}

.fa-twitter:before {
  content: "\f099"
}

.fa-facebook-f:before, .fa-facebook:before {
  content: "\f09a"
}

.fa-github:before {
  content: "\f09b"
}

.fa-unlock:before {
  content: "\f09c"
}

.fa-credit-card:before {
  content: "\f09d"
}

.fa-feed:before, .fa-rss:before {
  content: "\f09e"
}

.fa-hdd-o:before {
  content: "\f0a0"
}

.fa-bullhorn:before {
  content: "\f0a1"
}

.fa-bell:before {
  content: "\f0f3"
}

.fa-certificate:before {
  content: "\f0a3"
}

.fa-hand-o-right:before {
  content: "\f0a4"
}

.fa-hand-o-left:before {
  content: "\f0a5"
}

.fa-hand-o-up:before {
  content: "\f0a6"
}

.fa-hand-o-down:before {
  content: "\f0a7"
}

.fa-arrow-circle-left:before {
  content: "\f0a8"
}

.fa-arrow-circle-right:before {
  content: "\f0a9"
}

.fa-arrow-circle-up:before {
  content: "\f0aa"
}

.fa-arrow-circle-down:before {
  content: "\f0ab"
}

.fa-globe:before {
  content: "\f0ac"
}

.fa-wrench:before {
  content: "\f0ad"
}

.fa-tasks:before {
  content: "\f0ae"
}

.fa-filter:before {
  content: "\f0b0"
}

.fa-briefcase:before {
  content: "\f0b1"
}

.fa-arrows-alt:before {
  content: "\f0b2"
}

.fa-group:before, .fa-users:before {
  content: "\f0c0"
}

.fa-chain:before, .fa-link:before {
  content: "\f0c1"
}

.fa-cloud:before {
  content: "\f0c2"
}

.fa-flask:before {
  content: "\f0c3"
}

.fa-cut:before, .fa-scissors:before {
  content: "\f0c4"
}

.fa-copy:before, .fa-files-o:before {
  content: "\f0c5"
}

.fa-paperclip:before {
  content: "\f0c6"
}

.fa-floppy-o:before, .fa-save:before {
  content: "\f0c7"
}

.fa-square:before {
  content: "\f0c8"
}

.fa-bars:before, .fa-navicon:before, .fa-reorder:before {
  content: "\f0c9"
}

.fa-list-ul:before {
  content: "\f0ca"
}

.fa-list-ol:before {
  content: "\f0cb"
}

.fa-strikethrough:before {
  content: "\f0cc"
}

.fa-underline:before {
  content: "\f0cd"
}

.fa-table:before {
  content: "\f0ce"
}

.fa-magic:before {
  content: "\f0d0"
}

.fa-truck:before {
  content: "\f0d1"
}

.fa-pinterest:before {
  content: "\f0d2"
}

.fa-pinterest-square:before {
  content: "\f0d3"
}

.fa-google-plus-square:before {
  content: "\f0d4"
}

.fa-google-plus:before {
  content: "\f0d5"
}

.fa-money:before {
  content: "\f0d6"
}

.fa-caret-down:before {
  content: "\f0d7"
}

.fa-caret-up:before {
  content: "\f0d8"
}

.fa-caret-left:before {
  content: "\f0d9"
}

.fa-caret-right:before {
  content: "\f0da"
}

.fa-columns:before {
  content: "\f0db"
}

.fa-sort:before, .fa-unsorted:before {
  content: "\f0dc"
}

.fa-sort-desc:before, .fa-sort-down:before {
  content: "\f0dd"
}

.fa-sort-asc:before, .fa-sort-up:before {
  content: "\f0de"
}

.fa-envelope:before {
  content: "\f0e0"
}

.fa-linkedin:before {
  content: "\f0e1"
}

.fa-rotate-left:before, .fa-undo:before {
  content: "\f0e2"
}

.fa-gavel:before, .fa-legal:before {
  content: "\f0e3"
}

.fa-dashboard:before, .fa-tachometer:before {
  content: "\f0e4"
}

.fa-comment-o:before {
  content: "\f0e5"
}

.fa-comments-o:before {
  content: "\f0e6"
}

.fa-bolt:before, .fa-flash:before {
  content: "\f0e7"
}

.fa-sitemap:before {
  content: "\f0e8"
}

.fa-umbrella:before {
  content: "\f0e9"
}

.fa-clipboard:before, .fa-paste:before {
  content: "\f0ea"
}

.fa-lightbulb-o:before {
  content: "\f0eb"
}

.fa-exchange:before {
  content: "\f0ec"
}

.fa-cloud-download:before {
  content: "\f0ed"
}

.fa-cloud-upload:before {
  content: "\f0ee"
}

.fa-user-md:before {
  content: "\f0f0"
}

.fa-stethoscope:before {
  content: "\f0f1"
}

.fa-suitcase:before {
  content: "\f0f2"
}

.fa-bell-o:before {
  content: "\f0a2"
}

.fa-coffee:before {
  content: "\f0f4"
}

.fa-cutlery:before {
  content: "\f0f5"
}

.fa-file-text-o:before {
  content: "\f0f6"
}

.fa-building-o:before {
  content: "\f0f7"
}

.fa-hospital-o:before {
  content: "\f0f8"
}

.fa-ambulance:before {
  content: "\f0f9"
}

.fa-medkit:before {
  content: "\f0fa"
}

.fa-fighter-jet:before {
  content: "\f0fb"
}

.fa-beer:before {
  content: "\f0fc"
}

.fa-h-square:before {
  content: "\f0fd"
}

.fa-plus-square:before {
  content: "\f0fe"
}

.fa-angle-double-left:before {
  content: "\f100"
}

.fa-angle-double-right:before {
  content: "\f101"
}

.fa-angle-double-up:before {
  content: "\f102"
}

.fa-angle-double-down:before {
  content: "\f103"
}

.fa-angle-left:before {
  content: "\f104"
}

.fa-angle-right:before {
  content: "\f105"
}

.fa-angle-up:before {
  content: "\f106"
}

.fa-angle-down:before {
  content: "\f107"
}

.fa-desktop:before {
  content: "\f108"
}

.fa-laptop:before {
  content: "\f109"
}

.fa-tablet:before {
  content: "\f10a"
}

.fa-mobile-phone:before, .fa-mobile:before {
  content: "\f10b"
}

.fa-circle-o:before {
  content: "\f10c"
}

.fa-quote-left:before {
  content: "\f10d"
}

.fa-quote-right:before {
  content: "\f10e"
}

.fa-spinner:before {
  content: "\f110"
}

.fa-circle:before {
  content: "\f111"
}

.fa-mail-reply:before, .fa-reply:before {
  content: "\f112"
}

.fa-github-alt:before {
  content: "\f113"
}

.fa-folder-o:before {
  content: "\f114"
}

.fa-folder-open-o:before {
  content: "\f115"
}

.fa-smile-o:before {
  content: "\f118"
}

.fa-frown-o:before {
  content: "\f119"
}

.fa-meh-o:before {
  content: "\f11a"
}

.fa-gamepad:before {
  content: "\f11b"
}

.fa-keyboard-o:before {
  content: "\f11c"
}

.fa-flag-o:before {
  content: "\f11d"
}

.fa-flag-checkered:before {
  content: "\f11e"
}

.fa-terminal:before {
  content: "\f120"
}

.fa-code:before {
  content: "\f121"
}

.fa-mail-reply-all:before, .fa-reply-all:before {
  content: "\f122"
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
  content: "\f123"
}

.fa-location-arrow:before {
  content: "\f124"
}

.fa-crop:before {
  content: "\f125"
}

.fa-code-fork:before {
  content: "\f126"
}

.fa-chain-broken:before, .fa-unlink:before {
  content: "\f127"
}

.fa-question:before {
  content: "\f128"
}

.fa-info:before {
  content: "\f129"
}

.fa-exclamation:before {
  content: "\f12a"
}

.fa-superscript:before {
  content: "\f12b"
}

.fa-subscript:before {
  content: "\f12c"
}

.fa-eraser:before {
  content: "\f12d"
}

.fa-puzzle-piece:before {
  content: "\f12e"
}

.fa-microphone:before {
  content: "\f130"
}

.fa-microphone-slash:before {
  content: "\f131"
}

.fa-shield:before {
  content: "\f132"
}

.fa-calendar-o:before {
  content: "\f133"
}

.fa-fire-extinguisher:before {
  content: "\f134"
}

.fa-rocket:before {
  content: "\f135"
}

.fa-maxcdn:before {
  content: "\f136"
}

.fa-chevron-circle-left:before {
  content: "\f137"
}

.fa-chevron-circle-right:before {
  content: "\f138"
}

.fa-chevron-circle-up:before {
  content: "\f139"
}

.fa-chevron-circle-down:before {
  content: "\f13a"
}

.fa-html5:before {
  content: "\f13b"
}

.fa-css3:before {
  content: "\f13c"
}

.fa-anchor:before {
  content: "\f13d"
}

.fa-unlock-alt:before {
  content: "\f13e"
}

.fa-bullseye:before {
  content: "\f140"
}

.fa-ellipsis-h:before {
  content: "\f141"
}

.fa-ellipsis-v:before {
  content: "\f142"
}

.fa-rss-square:before {
  content: "\f143"
}

.fa-play-circle:before {
  content: "\f144"
}

.fa-ticket:before {
  content: "\f145"
}

.fa-minus-square:before {
  content: "\f146"
}

.fa-minus-square-o:before {
  content: "\f147"
}

.fa-level-up:before {
  content: "\f148"
}

.fa-level-down:before {
  content: "\f149"
}

.fa-check-square:before {
  content: "\f14a"
}

.fa-pencil-square:before {
  content: "\f14b"
}

.fa-external-link-square:before {
  content: "\f14c"
}

.fa-share-square:before {
  content: "\f14d"
}

.fa-compass:before {
  content: "\f14e"
}

.fa-caret-square-o-down:before, .fa-toggle-down:before {
  content: "\f150"
}

.fa-caret-square-o-up:before, .fa-toggle-up:before {
  content: "\f151"
}

.fa-caret-square-o-right:before, .fa-toggle-right:before {
  content: "\f152"
}

.fa-eur:before, .fa-euro:before {
  content: "\f153"
}

.fa-gbp:before {
  content: "\f154"
}

.fa-dollar:before, .fa-usd:before {
  content: "\f155"
}

.fa-inr:before, .fa-rupee:before {
  content: "\f156"
}

.fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen:before {
  content: "\f157"
}

.fa-rouble:before, .fa-rub:before, .fa-ruble:before {
  content: "\f158"
}

.fa-krw:before, .fa-won:before {
  content: "\f159"
}

.fa-bitcoin:before, .fa-btc:before {
  content: "\f15a"
}

.fa-file:before {
  content: "\f15b"
}

.fa-file-text:before {
  content: "\f15c"
}

.fa-sort-alpha-asc:before {
  content: "\f15d"
}

.fa-sort-alpha-desc:before {
  content: "\f15e"
}

.fa-sort-amount-asc:before {
  content: "\f160"
}

.fa-sort-amount-desc:before {
  content: "\f161"
}

.fa-sort-numeric-asc:before {
  content: "\f162"
}

.fa-sort-numeric-desc:before {
  content: "\f163"
}

.fa-thumbs-up:before {
  content: "\f164"
}

.fa-thumbs-down:before {
  content: "\f165"
}

.fa-youtube-square:before {
  content: "\f166"
}

.fa-youtube:before {
  content: "\f167"
}

.fa-xing:before {
  content: "\f168"
}

.fa-xing-square:before {
  content: "\f169"
}

.fa-youtube-play:before {
  content: "\f16a"
}

.fa-dropbox:before {
  content: "\f16b"
}

.fa-stack-overflow:before {
  content: "\f16c"
}

.fa-instagram:before {
  content: "\f16d"
}

.fa-flickr:before {
  content: "\f16e"
}

.fa-adn:before {
  content: "\f170"
}

.fa-bitbucket:before {
  content: "\f171"
}

.fa-bitbucket-square:before {
  content: "\f172"
}

.fa-tumblr:before {
  content: "\f173"
}

.fa-tumblr-square:before {
  content: "\f174"
}

.fa-long-arrow-down:before {
  content: "\f175"
}

.fa-long-arrow-up:before {
  content: "\f176"
}

.fa-long-arrow-left:before {
  content: "\f177"
}

.fa-long-arrow-right:before {
  content: "\f178"
}

.fa-apple:before {
  content: "\f179"
}

.fa-windows:before {
  content: "\f17a"
}

.fa-android:before {
  content: "\f17b"
}

.fa-linux:before {
  content: "\f17c"
}

.fa-dribbble:before {
  content: "\f17d"
}

.fa-skype:before {
  content: "\f17e"
}

.fa-foursquare:before {
  content: "\f180"
}

.fa-trello:before {
  content: "\f181"
}

.fa-female:before {
  content: "\f182"
}

.fa-male:before {
  content: "\f183"
}

.fa-gittip:before, .fa-gratipay:before {
  content: "\f184"
}

.fa-sun-o:before {
  content: "\f185"
}

.fa-moon-o:before {
  content: "\f186"
}

.fa-archive:before {
  content: "\f187"
}

.fa-bug:before {
  content: "\f188"
}

.fa-vk:before {
  content: "\f189"
}

.fa-weibo:before {
  content: "\f18a"
}

.fa-renren:before {
  content: "\f18b"
}

.fa-pagelines:before {
  content: "\f18c"
}

.fa-stack-exchange:before {
  content: "\f18d"
}

.fa-arrow-circle-o-right:before {
  content: "\f18e"
}

.fa-arrow-circle-o-left:before {
  content: "\f190"
}

.fa-caret-square-o-left:before, .fa-toggle-left:before {
  content: "\f191"
}

.fa-dot-circle-o:before {
  content: "\f192"
}

.fa-wheelchair:before {
  content: "\f193"
}

.fa-vimeo-square:before {
  content: "\f194"
}

.fa-try:before, .fa-turkish-lira:before {
  content: "\f195"
}

.fa-plus-square-o:before {
  content: "\f196"
}

.fa-space-shuttle:before {
  content: "\f197"
}

.fa-slack:before {
  content: "\f198"
}

.fa-envelope-square:before {
  content: "\f199"
}

.fa-wordpress:before {
  content: "\f19a"
}

.fa-openid:before {
  content: "\f19b"
}

.fa-bank:before, .fa-institution:before, .fa-university:before {
  content: "\f19c"
}

.fa-graduation-cap:before, .fa-mortar-board:before {
  content: "\f19d"
}

.fa-yahoo:before {
  content: "\f19e"
}

.fa-google:before {
  content: "\f1a0"
}

.fa-reddit:before {
  content: "\f1a1"
}

.fa-reddit-square:before {
  content: "\f1a2"
}

.fa-stumbleupon-circle:before {
  content: "\f1a3"
}

.fa-stumbleupon:before {
  content: "\f1a4"
}

.fa-delicious:before {
  content: "\f1a5"
}

.fa-digg:before {
  content: "\f1a6"
}

.fa-pied-piper-pp:before {
  content: "\f1a7"
}

.fa-pied-piper-alt:before {
  content: "\f1a8"
}

.fa-drupal:before {
  content: "\f1a9"
}

.fa-joomla:before {
  content: "\f1aa"
}

.fa-language:before {
  content: "\f1ab"
}

.fa-fax:before {
  content: "\f1ac"
}

.fa-building:before {
  content: "\f1ad"
}

.fa-child:before {
  content: "\f1ae"
}

.fa-paw:before {
  content: "\f1b0"
}

.fa-spoon:before {
  content: "\f1b1"
}

.fa-cube:before {
  content: "\f1b2"
}

.fa-cubes:before {
  content: "\f1b3"
}

.fa-behance:before {
  content: "\f1b4"
}

.fa-behance-square:before {
  content: "\f1b5"
}

.fa-steam:before {
  content: "\f1b6"
}

.fa-steam-square:before {
  content: "\f1b7"
}

.fa-recycle:before {
  content: "\f1b8"
}

.fa-automobile:before, .fa-car:before {
  content: "\f1b9"
}

.fa-cab:before, .fa-taxi:before {
  content: "\f1ba"
}

.fa-tree:before {
  content: "\f1bb"
}

.fa-spotify:before {
  content: "\f1bc"
}

.fa-deviantart:before {
  content: "\f1bd"
}

.fa-soundcloud:before {
  content: "\f1be"
}

.fa-database:before {
  content: "\f1c0"
}

.fa-file-pdf-o:before {
  content: "\f1c1"
}

.fa-file-word-o:before {
  content: "\f1c2"
}

.fa-file-excel-o:before {
  content: "\f1c3"
}

.fa-file-powerpoint-o:before {
  content: "\f1c4"
}

.fa-file-image-o:before, .fa-file-photo-o:before, .fa-file-picture-o:before {
  content: "\f1c5"
}

.fa-file-archive-o:before, .fa-file-zip-o:before {
  content: "\f1c6"
}

.fa-file-audio-o:before, .fa-file-sound-o:before {
  content: "\f1c7"
}

.fa-file-movie-o:before, .fa-file-video-o:before {
  content: "\f1c8"
}

.fa-file-code-o:before {
  content: "\f1c9"
}

.fa-vine:before {
  content: "\f1ca"
}

.fa-codepen:before {
  content: "\f1cb"
}

.fa-jsfiddle:before {
  content: "\f1cc"
}

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-ring:before, .fa-life-saver:before, .fa-support:before {
  content: "\f1cd"
}

.fa-circle-o-notch:before {
  content: "\f1ce"
}

.fa-ra:before, .fa-rebel:before, .fa-resistance:before {
  content: "\f1d0"
}

.fa-empire:before, .fa-ge:before {
  content: "\f1d1"
}

.fa-git-square:before {
  content: "\f1d2"
}

.fa-git:before {
  content: "\f1d3"
}

.fa-hacker-news:before, .fa-y-combinator-square:before, .fa-yc-square:before {
  content: "\f1d4"
}

.fa-tencent-weibo:before {
  content: "\f1d5"
}

.fa-qq:before {
  content: "\f1d6"
}

.fa-wechat:before, .fa-weixin:before {
  content: "\f1d7"
}

.fa-paper-plane:before, .fa-send:before {
  content: "\f1d8"
}

.fa-paper-plane-o:before, .fa-send-o:before {
  content: "\f1d9"
}

.fa-history:before {
  content: "\f1da"
}

.fa-circle-thin:before {
  content: "\f1db"
}

.fa-header:before {
  content: "\f1dc"
}

.fa-paragraph:before {
  content: "\f1dd"
}

.fa-sliders:before {
  content: "\f1de"
}

.fa-share-alt:before {
  content: "\f1e0"
}

.fa-share-alt-square:before {
  content: "\f1e1"
}

.fa-bomb:before {
  content: "\f1e2"
}

.fa-futbol-o:before, .fa-soccer-ball-o:before {
  content: "\f1e3"
}

.fa-tty:before {
  content: "\f1e4"
}

.fa-binoculars:before {
  content: "\f1e5"
}

.fa-plug:before {
  content: "\f1e6"
}

.fa-slideshare:before {
  content: "\f1e7"
}

.fa-twitch:before {
  content: "\f1e8"
}

.fa-yelp:before {
  content: "\f1e9"
}

.fa-newspaper-o:before {
  content: "\f1ea"
}

.fa-wifi:before {
  content: "\f1eb"
}

.fa-calculator:before {
  content: "\f1ec"
}

.fa-paypal:before {
  content: "\f1ed"
}

.fa-google-wallet:before {
  content: "\f1ee"
}

.fa-cc-visa:before {
  content: "\f1f0"
}

.fa-cc-mastercard:before {
  content: "\f1f1"
}

.fa-cc-discover:before {
  content: "\f1f2"
}

.fa-cc-amex:before {
  content: "\f1f3"
}

.fa-cc-paypal:before {
  content: "\f1f4"
}

.fa-cc-stripe:before {
  content: "\f1f5"
}

.fa-bell-slash:before {
  content: "\f1f6"
}

.fa-bell-slash-o:before {
  content: "\f1f7"
}

.fa-trash:before {
  content: "\f1f8"
}

.fa-copyright:before {
  content: "\f1f9"
}

.fa-at:before {
  content: "\f1fa"
}

.fa-eyedropper:before {
  content: "\f1fb"
}

.fa-paint-brush:before {
  content: "\f1fc"
}

.fa-birthday-cake:before {
  content: "\f1fd"
}

.fa-area-chart:before {
  content: "\f1fe"
}

.fa-pie-chart:before {
  content: "\f200"
}

.fa-line-chart:before {
  content: "\f201"
}

.fa-lastfm:before {
  content: "\f202"
}

.fa-lastfm-square:before {
  content: "\f203"
}

.fa-toggle-off:before {
  content: "\f204"
}

.fa-toggle-on:before {
  content: "\f205"
}

.fa-bicycle:before {
  content: "\f206"
}

.fa-bus:before {
  content: "\f207"
}

.fa-ioxhost:before {
  content: "\f208"
}

.fa-angellist:before {
  content: "\f209"
}

.fa-cc:before {
  content: "\f20a"
}

.fa-ils:before, .fa-shekel:before, .fa-sheqel:before {
  content: "\f20b"
}

.fa-meanpath:before {
  content: "\f20c"
}

.fa-buysellads:before {
  content: "\f20d"
}

.fa-connectdevelop:before {
  content: "\f20e"
}

.fa-dashcube:before {
  content: "\f210"
}

.fa-forumbee:before {
  content: "\f211"
}

.fa-leanpub:before {
  content: "\f212"
}

.fa-sellsy:before {
  content: "\f213"
}

.fa-shirtsinbulk:before {
  content: "\f214"
}

.fa-simplybuilt:before {
  content: "\f215"
}

.fa-skyatlas:before {
  content: "\f216"
}

.fa-cart-plus:before {
  content: "\f217"
}

.fa-cart-arrow-down:before {
  content: "\f218"
}

.fa-diamond:before {
  content: "\f219"
}

.fa-ship:before {
  content: "\f21a"
}

.fa-user-secret:before {
  content: "\f21b"
}

.fa-motorcycle:before {
  content: "\f21c"
}

.fa-street-view:before {
  content: "\f21d"
}

.fa-heartbeat:before {
  content: "\f21e"
}

.fa-venus:before {
  content: "\f221"
}

.fa-mars:before {
  content: "\f222"
}

.fa-mercury:before {
  content: "\f223"
}

.fa-intersex:before, .fa-transgender:before {
  content: "\f224"
}

.fa-transgender-alt:before {
  content: "\f225"
}

.fa-venus-double:before {
  content: "\f226"
}

.fa-mars-double:before {
  content: "\f227"
}

.fa-venus-mars:before {
  content: "\f228"
}

.fa-mars-stroke:before {
  content: "\f229"
}

.fa-mars-stroke-v:before {
  content: "\f22a"
}

.fa-mars-stroke-h:before {
  content: "\f22b"
}

.fa-neuter:before {
  content: "\f22c"
}

.fa-genderless:before {
  content: "\f22d"
}

.fa-facebook-official:before {
  content: "\f230"
}

.fa-pinterest-p:before {
  content: "\f231"
}

.fa-whatsapp:before {
  content: "\f232"
}

.fa-server:before {
  content: "\f233"
}

.fa-user-plus:before {
  content: "\f234"
}

.fa-user-times:before {
  content: "\f235"
}

.fa-bed:before, .fa-hotel:before {
  content: "\f236"
}

.fa-viacoin:before {
  content: "\f237"
}

.fa-train:before {
  content: "\f238"
}

.fa-subway:before {
  content: "\f239"
}

.fa-medium:before {
  content: "\f23a"
}

.fa-y-combinator:before, .fa-yc:before {
  content: "\f23b"
}

.fa-optin-monster:before {
  content: "\f23c"
}

.fa-opencart:before {
  content: "\f23d"
}

.fa-expeditedssl:before {
  content: "\f23e"
}

.fa-battery-4:before, .fa-battery-full:before, .fa-battery:before {
  content: "\f240"
}

.fa-battery-3:before, .fa-battery-three-quarters:before {
  content: "\f241"
}

.fa-battery-2:before, .fa-battery-half:before {
  content: "\f242"
}

.fa-battery-1:before, .fa-battery-quarter:before {
  content: "\f243"
}

.fa-battery-0:before, .fa-battery-empty:before {
  content: "\f244"
}

.fa-mouse-pointer:before {
  content: "\f245"
}

.fa-i-cursor:before {
  content: "\f246"
}

.fa-object-group:before {
  content: "\f247"
}

.fa-object-ungroup:before {
  content: "\f248"
}

.fa-sticky-note:before {
  content: "\f249"
}

.fa-sticky-note-o:before {
  content: "\f24a"
}

.fa-cc-jcb:before {
  content: "\f24b"
}

.fa-cc-diners-club:before {
  content: "\f24c"
}

.fa-clone:before {
  content: "\f24d"
}

.fa-balance-scale:before {
  content: "\f24e"
}

.fa-hourglass-o:before {
  content: "\f250"
}

.fa-hourglass-1:before, .fa-hourglass-start:before {
  content: "\f251"
}

.fa-hourglass-2:before, .fa-hourglass-half:before {
  content: "\f252"
}

.fa-hourglass-3:before, .fa-hourglass-end:before {
  content: "\f253"
}

.fa-hourglass:before {
  content: "\f254"
}

.fa-hand-grab-o:before, .fa-hand-rock-o:before {
  content: "\f255"
}

.fa-hand-paper-o:before, .fa-hand-stop-o:before {
  content: "\f256"
}

.fa-hand-scissors-o:before {
  content: "\f257"
}

.fa-hand-lizard-o:before {
  content: "\f258"
}

.fa-hand-spock-o:before {
  content: "\f259"
}

.fa-hand-pointer-o:before {
  content: "\f25a"
}

.fa-hand-peace-o:before {
  content: "\f25b"
}

.fa-trademark:before {
  content: "\f25c"
}

.fa-registered:before {
  content: "\f25d"
}

.fa-creative-commons:before {
  content: "\f25e"
}

.fa-gg:before {
  content: "\f260"
}

.fa-gg-circle:before {
  content: "\f261"
}

.fa-tripadvisor:before {
  content: "\f262"
}

.fa-odnoklassniki:before {
  content: "\f263"
}

.fa-odnoklassniki-square:before {
  content: "\f264"
}

.fa-get-pocket:before {
  content: "\f265"
}

.fa-wikipedia-w:before {
  content: "\f266"
}

.fa-safari:before {
  content: "\f267"
}

.fa-chrome:before {
  content: "\f268"
}

.fa-firefox:before {
  content: "\f269"
}

.fa-opera:before {
  content: "\f26a"
}

.fa-internet-explorer:before {
  content: "\f26b"
}

.fa-television:before, .fa-tv:before {
  content: "\f26c"
}

.fa-contao:before {
  content: "\f26d"
}

.fa-500px:before {
  content: "\f26e"
}

.fa-amazon:before {
  content: "\f270"
}

.fa-calendar-plus-o:before {
  content: "\f271"
}

.fa-calendar-minus-o:before {
  content: "\f272"
}

.fa-calendar-times-o:before {
  content: "\f273"
}

.fa-calendar-check-o:before {
  content: "\f274"
}

.fa-industry:before {
  content: "\f275"
}

.fa-map-pin:before {
  content: "\f276"
}

.fa-map-signs:before {
  content: "\f277"
}

.fa-map-o:before {
  content: "\f278"
}

.fa-map:before {
  content: "\f279"
}

.fa-commenting:before {
  content: "\f27a"
}

.fa-commenting-o:before {
  content: "\f27b"
}

.fa-houzz:before {
  content: "\f27c"
}

.fa-vimeo:before {
  content: "\f27d"
}

.fa-black-tie:before {
  content: "\f27e"
}

.fa-fonticons:before {
  content: "\f280"
}

.fa-reddit-alien:before {
  content: "\f281"
}

.fa-edge:before {
  content: "\f282"
}

.fa-credit-card-alt:before {
  content: "\f283"
}

.fa-codiepie:before {
  content: "\f284"
}

.fa-modx:before {
  content: "\f285"
}

.fa-fort-awesome:before {
  content: "\f286"
}

.fa-usb:before {
  content: "\f287"
}

.fa-product-hunt:before {
  content: "\f288"
}

.fa-mixcloud:before {
  content: "\f289"
}

.fa-scribd:before {
  content: "\f28a"
}

.fa-pause-circle:before {
  content: "\f28b"
}

.fa-pause-circle-o:before {
  content: "\f28c"
}

.fa-stop-circle:before {
  content: "\f28d"
}

.fa-stop-circle-o:before {
  content: "\f28e"
}

.fa-shopping-bag:before {
  content: "\f290"
}

.fa-shopping-basket:before {
  content: "\f291"
}

.fa-hashtag:before {
  content: "\f292"
}

.fa-bluetooth:before {
  content: "\f293"
}

.fa-bluetooth-b:before {
  content: "\f294"
}

.fa-percent:before {
  content: "\f295"
}

.fa-gitlab:before {
  content: "\f296"
}

.fa-wpbeginner:before {
  content: "\f297"
}

.fa-wpforms:before {
  content: "\f298"
}

.fa-envira:before {
  content: "\f299"
}

.fa-universal-access:before {
  content: "\f29a"
}

.fa-wheelchair-alt:before {
  content: "\f29b"
}

.fa-question-circle-o:before {
  content: "\f29c"
}

.fa-blind:before {
  content: "\f29d"
}

.fa-audio-description:before {
  content: "\f29e"
}

.fa-volume-control-phone:before {
  content: "\f2a0"
}

.fa-braille:before {
  content: "\f2a1"
}

.fa-assistive-listening-systems:before {
  content: "\f2a2"
}

.fa-american-sign-language-interpreting:before, .fa-asl-interpreting:before {
  content: "\f2a3"
}

.fa-deaf:before, .fa-deafness:before, .fa-hard-of-hearing:before {
  content: "\f2a4"
}

.fa-glide:before {
  content: "\f2a5"
}

.fa-glide-g:before {
  content: "\f2a6"
}

.fa-sign-language:before, .fa-signing:before {
  content: "\f2a7"
}

.fa-low-vision:before {
  content: "\f2a8"
}

.fa-viadeo:before {
  content: "\f2a9"
}

.fa-viadeo-square:before {
  content: "\f2aa"
}

.fa-snapchat:before {
  content: "\f2ab"
}

.fa-snapchat-ghost:before {
  content: "\f2ac"
}

.fa-snapchat-square:before {
  content: "\f2ad"
}

.fa-pied-piper:before {
  content: "\f2ae"
}

.fa-first-order:before {
  content: "\f2b0"
}

.fa-yoast:before {
  content: "\f2b1"
}

.fa-themeisle:before {
  content: "\f2b2"
}

.fa-google-plus-circle:before, .fa-google-plus-official:before {
  content: "\f2b3"
}

.fa-fa:before, .fa-font-awesome:before {
  content: "\f2b4"
}

.fa-handshake-o:before {
  content: "\f2b5"
}

.fa-envelope-open:before {
  content: "\f2b6"
}

.fa-envelope-open-o:before {
  content: "\f2b7"
}

.fa-linode:before {
  content: "\f2b8"
}

.fa-address-book:before {
  content: "\f2b9"
}

.fa-address-book-o:before {
  content: "\f2ba"
}

.fa-address-card:before, .fa-vcard:before {
  content: "\f2bb"
}

.fa-address-card-o:before, .fa-vcard-o:before {
  content: "\f2bc"
}

.fa-user-circle:before {
  content: "\f2bd"
}

.fa-user-circle-o:before {
  content: "\f2be"
}

.fa-user-o:before {
  content: "\f2c0"
}

.fa-id-badge:before {
  content: "\f2c1"
}

.fa-drivers-license:before, .fa-id-card:before {
  content: "\f2c2"
}

.fa-drivers-license-o:before, .fa-id-card-o:before {
  content: "\f2c3"
}

.fa-quora:before {
  content: "\f2c4"
}

.fa-free-code-camp:before {
  content: "\f2c5"
}

.fa-telegram:before {
  content: "\f2c6"
}

.fa-thermometer-4:before, .fa-thermometer-full:before, .fa-thermometer:before {
  content: "\f2c7"
}

.fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
  content: "\f2c8"
}

.fa-thermometer-2:before, .fa-thermometer-half:before {
  content: "\f2c9"
}

.fa-thermometer-1:before, .fa-thermometer-quarter:before {
  content: "\f2ca"
}

.fa-thermometer-0:before, .fa-thermometer-empty:before {
  content: "\f2cb"
}

.fa-shower:before {
  content: "\f2cc"
}

.fa-bath:before, .fa-bathtub:before, .fa-s15:before {
  content: "\f2cd"
}

.fa-podcast:before {
  content: "\f2ce"
}

.fa-window-maximize:before {
  content: "\f2d0"
}

.fa-window-minimize:before {
  content: "\f2d1"
}

.fa-window-restore:before {
  content: "\f2d2"
}

.fa-times-rectangle:before, .fa-window-close:before {
  content: "\f2d3"
}

.fa-times-rectangle-o:before, .fa-window-close-o:before {
  content: "\f2d4"
}

.fa-bandcamp:before {
  content: "\f2d5"
}

.fa-grav:before {
  content: "\f2d6"
}

.fa-etsy:before {
  content: "\f2d7"
}

.fa-imdb:before {
  content: "\f2d8"
}

.fa-ravelry:before {
  content: "\f2d9"
}

.fa-eercast:before {
  content: "\f2da"
}

.fa-microchip:before {
  content: "\f2db"
}

.fa-snowflake-o:before {
  content: "\f2dc"
}

.fa-superpowers:before {
  content: "\f2dd"
}

.fa-wpexplorer:before {
  content: "\f2de"
}

.fa-meetup:before {
  content: "\f2e0"
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto
}

@font-face {
  font-family: Rajdhani-Medium;
  src: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/fonts/Rajdhani-Medium_5500ef6.ttf)
}

@font-face {
  font-family: Rajdhani-Bold;
  src: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/fonts/Rajdhani-Bold_62eb2a3.ttf)
}

@font-face {
  font-family: Prompt-Bold;
  src: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/fonts/Prompt-Bold_35db0be.ttf)
}

@font-face {
  font-family: Prompt;
  src: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/fonts/Prompt-Regular_2871879.ttf)
}

@import url(https://fonts.googleapis.com/css?family=Kanit&display=swap);
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);
@import url(https://fonts.googleapis.com/css?family=Bengali&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&display=swap);

@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&display=swap);
@import url(https://fonts.cdnfonts.com/css/impact);
@import url(https://fonts.googleapis.com/css2?family=Fugaz+One&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap);
@charset "UTF-8";

:root {
  --entrance-icon-backpack: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/bag_4885453.webp) no-repeat center/contain;
  --entrance-icon-tournament: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/tournament_b298f76.webp) no-repeat center/contain;
  --entrance-icon-depositTournament: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/depositTournament_b64738a.webp) no-repeat center/contain;
  --entrance-icon-mission: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/mission_32bc543.webp) no-repeat center/contain;
  --entrance-icon-luckydraw: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/luckydraw_c2bdfcc.webp) no-repeat center/contain;
  --entrance-icon-loginslot: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/loginslot_ba7b3d7.webp) no-repeat center/contain;
  --entrance-icon-vouchercode: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/vouchercode_43e03e5.webp) no-repeat center/contain;
  --entrance-icon-checkIn: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/checkin_b088325.webp) no-repeat center/contain;
  --entrance-icon-loginslot-machine: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/loginslot-machine-dark_a7de745.webp) no-repeat center/contain
}

:root {
  --vip-zone-icon-color: #00a0f9;
  --vip-zone-progress-bar-color: linear-gradient(90deg, #8cd6ff, #00a0f9);
  --vip-zone-progress-bar-bg: #dedede;
  --vip-zone-progress-bar-tag-color: #909090;
  --vip-zone-promotion-bonus-text-color: #363636;
  --vip-zone-promotion-bonus-border: 2px solid #fff488;
  --vip-zone-promotion-bonus-bg: radial-gradient(76.16% 76.16% at 31.97%, at 19.67%, hsla(0, 0%, 100%, 0.7) 0, hsla(0, 0%, 100%, 0) 69.79%, hsla(0, 0%, 100%, 0) 100%), #ffe666;
  --vip-zone-promotion-bonus-bg: radial-gradient(76.16% 76.16% at 31.97% 19.67%, hsla(0, 0%, 100%, 0.7) 0%, hsla(0, 0%, 100%, 0) 69.79%, hsla(0, 0%, 100%, 0) 100%), #ffe666;
  --vip-zone-promotion-bonus-box-shadow: -8px -8px 10px 0 hsla(0, 0%, 100%, 0.5) inset;
  --vip-zone-promotion-bonus-svg-color: #f86400;
  --vip-zone-promotion-bonus-svg-title-color: #000;
  --vip-zone-promotion-bonus-svg-text-color: #f86400;
  --vip-zone-link-btn-bg: linear-gradient(90deg, #fbf1b8, #da9f31);
  --vip-zone-link-btn-color: #333;
  --vip-zone-link-btn-border-radius: 20px;
  --vip-zone-link-btn-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  --vip-zone-link-btn-box-border: 0;
  --vip-zone-bonus-block-bg: #f4f4f4;
  --vip-zone-bonus-block-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  --vip-zone-bonus-block-title-color: #000;
  --vip-zone-bonus-block-bonus-name-bg: #e9e9e9;
  --vip-zone-bonus-block-bonus-name-color: #c2c2c2;
  --vip-zone-bonus-block-bonus-name-isActive-bg: #dea942;
  --vip-zone-bonus-block-bonus-name-isActive-color: #fff;
  --vip-zone-bonus-block-countdown-time-bg: #dea942;
  --vip-zone-bonus-block-countdown-time-color: #fff;
  --vip-zone-bonus-block-reward-content-bg: #fff;
  --vip-zone-bonus-block-reward-content-dialogBox-left-bg: #00a0f9;
  --vip-zone-bonus-block-reward-content-dialogBox-left-color: #fff;
  --vip-zone-bonus-block-reward-content-dialogBox-right-bg: #f8fafa;
  --vip-zone-bonus-block-reward-content-dialogBox-right-color: #00a0f9;
  --vip-zone-bonus-block-reward-content-dialogBox-right-border: 2px dashed #00a0f9;
  --vip-zone-bonus-block-reward-content-rate-color: #000;
  --vip-zone-bonus-block-reward-content-reward-bg: #fffcac;
  --vip-zone-bonus-block-reward-content-reward-border: 2px solid #ecc609;
  --vip-zone-bonus-block-reward-content-reward-num-color: #363636;
  --vip-zone-bonus-block-reward-content-bottom-bg: rgba(0, 160, 249, 0.1);
  --vip-zone-bonus-block-reward-content-bottom-title-color: #363636;
  --vip-zone-bonus-block-reward-content-bottom-percent-bg-color: rgba(0, 0, 0, 0.1);
  --vip-zone-bonus-block-reward-content-bottom-percent-track-color: #00a0f9;
  --vip-zone-bonus-block-reward-content-bottom-percent-text-color: #5e5e5e;
  --vip-zone-bonus-block-reward-content-bottom-text-color: #5e5e5e;
  --vip-zone-bonus-block-reward-content-bottom-num-color1: #5bb0e0;
  --vip-zone-bonus-block-reward-content-bottom-num-color2: #9c9c9c;
  --vip-zone-bonus-all-stage-progress-reward-block-bg: #fffcac;
  --vip-zone-bonus-all-stage-progress-reward-block-border: 1px solid #ecc609;
  --vip-zone-bonus-all-stage-progress-reward-block-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
  --vip-zone-bonus-all-stage-progress-reward-block-num-color: #363636;
  --vip-zone-bonus-all-stage-progress-condition-title-color: #171d25;
  --vip-zone-bonus-all-stage-progress-condition-text-color: #5e5e5e;
  --vip-zone-bonus-all-stage-progress-condition-next-reward-tag-bg: #05c107;
  --vip-zone-bonus-all-stage-progress-condition-next-reward-tag-color: #fff;
  --vip-zone-bonus-all-stage-progress-rule-isPass-bg: #d9d9d9;
  --vip-zone-bonus-all-stage-progress-rule-isPass-border: 1px solid #d9d9d9;
  --vip-zone-bonus-all-stage-progress-rule-isPass-opacity: 0.7;
  --vip-zone-bonus-all-stage-progress-rule-isPass-border-radius: 5px;
  --vip-zone-bonus-all-stage-progress-rule-isPass-tag-bg: #05c107;
  --vip-zone-bonus-all-stage-progress-rule-isPass-tag-bg2: #fff;
  --vip-zone-bonus-all-stage-progress-rule-isPass-tag-line-color: #05c107;
  --vip-zone-bonus-all-stage-progress-rule-isNow-bg1: #fff;
  --vip-zone-bonus-all-stage-progress-rule-isNow-bg2: #edffee;
  --vip-zone-bonus-all-stage-progress-rule-isNow-border: 1px solid #05c107;
  --vip-zone-bonus-all-stage-progress-rule-isNow-border-radius: 5px;
  --vip-zone-bonus-all-stage-progress-rule-isNow-tag-bg: #fff;
  --vip-zone-bonus-all-stage-progress-rule-isNow-tag-border-color1: #05c107;
  --vip-zone-bonus-all-stage-progress-rule-isNow-tag-border-color2: #cdffcf;
  --vip-zone-bonus-all-stage-progress-rule-isNow-tag-line-color: #05c107;
  --vip-zone-bonus-all-stage-progress-rule-notStart-border: 1px solid #d9d9d9;
  --vip-zone-bonus-all-stage-progress-rule-notStart-border-radius: 5px;
  --vip-zone-bonus-all-stage-progress-rule-notStart-tag-bg: #d9d9d9;
  --vip-zone-bonus-all-stage-progress-rule-notStart-tag-bg2: #fff;
  --vip-zone-bonus-all-stage-progress-rule-notStart-line-color: #d9d9d9
}

:root {
  --deposit-receipt-text: #fff;
  --deposit-receipt-heading-color: hsla(0, 0%, 100%, 0.50196);
  --deposit-receipt-detail-bg: rgba(0, 0, 0, 0.2);
  --deposit-receipt-detail-border-width: 0;
  --deposit-receipt-detail-border-color: transparent;
  --deposit-receipt-amount-text: #ffc117;
  --deposit-receipt-note-title: rgba(255, 187, 0, 0.89804);
  --deposit-receipt-note-text: #fff;
  --deposit-receipt-note-wrap-bg: rgba(255, 187, 0, 0.10196);
  --deposit-receipt-qr-frame-border: rgba(0, 0, 0, 0.10196);
  --deposit-receipt-qr-border: #fb0;
  --deposit-receipt-qr-hint-color: hsla(0, 0%, 100%, 0.6);
  --deposit-receipt-divider-color: hsla(0, 0%, 100%, 0.05098);
  --deposit-receipt-divider-margin: 16px;
  --deposit-receipt-icon-note-style01-display: block;
  --deposit-receipt-icon-note-style02-display: none;
  --deposit-receipt-icon-copy-size: 30px;
  --deposit-receipt-icon-copy-style01-display: block;
  --deposit-receipt-icon-copy-style02-display: none;
  --deposit-receipt-icon-copy-style02-color: #fff;
  --deposit-receipt-form-group-margin-bottom: 37px;
  --deposit-receipt-form-group-margin-bottom-in-game: 37px;
  --deposit-receipt-form-group-margin-bottom-mob: 37px;
  --deposit-receipt-form-group-divider-gap: -16px;
  --deposit-receipt-form-label-font-size: 14px;
  --deposit-receipt-form-input-text-font-size: 16px;
  --deposit-receipt-form-input-text-padding: 0 50px 0 0;
  --deposit-receipt-form-input-text-height: 30px;
  --deposit-receipt-form-input-text-line-height: 30px
}

body.has-fullscreen-iframe {
  overflow: hidden !important;
  width: 100%;
  height: auto
}

.el-dialog.dialog-xxs {
  max-width: 343px
}

#member_pwdControl a.member-note {
  color: #00a2ff;
  text-decoration: underline
}

#member_pwdControl a.member-note:before {
  color: #aaa;
  display: inline-block
}

#article .article-detail-page .wrapperBg {
  font-family: inherit
}

.qrcode-box .checknum_img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.qrcode-box .checknum_img img {
  max-width: 100%
}

lui-alert {
  z-index: 9999;
  position: absolute
}

@media screen and (min-width:1600px) {
  .rank-week-wrapper .rank-week-winner h3 {
    font-size: 20px
  }
}

.mobile-app #promotionRewarePointHistory .memberform-fuild {
  border-radius: unset;
  padding: 0;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom: 0
}

.mobile-app .member-content #member_changePaw {
  margin-top: 10px;
  padding: 20px;
  border-radius: 10px;
  background: #fff;
  -webkit-box-shadow: 0 .2666666667vmin 1.6vmin 0 rgba(0, 0, 0, .2);
  box-shadow: 0 .2666666667vmin 1.6vmin 0 rgba(0, 0, 0, .2);
  border-bottom: .8vmin solid #d2dbe5;
  border-bottom: .8vmin solid var(--sub-solid-member-3, #d2dbe5)
}

.mobile-app .member-content #member_changePaw .memberform-wrap {
  padding: 0;
  border-radius: unset;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom: none
}

.mobile-app .member-content .memberform-fuild {
  border-radius: 10px;
  padding: 20px;
  background: #fff
}

body[\:has\(.register-page\)], body[\:has\(.signup-wrapper\)] {
  min-height: 100vh
}

body:has(.register-page), body:has(.signup-wrapper) {
  min-height: 100vh
}

.plain-dialog {
  padding: 0
}

.plain-dialog .el-dialog {
  overflow: visible
}

.plain-dialog .el-dialog .el-dialog__body {
  background: none
}

div.empty-dialog.el-dialog__wrapper {
  padding: 0;
  display: block
}

div.empty-dialog.el-dialog__wrapper .el-dialog {
  margin: 0 auto !important
}

div.empty-dialog.el-dialog__wrapper .el-dialog__body {
  background: none
}

div.empty-dialog.el-dialog__wrapper div.dialog-lg {
  width: 100%
}

div.v-modal {
  opacity: .8
}

div.el-dialog__body {
  word-break: inherit
}

:root {
  --promoteGameButton-wrapper-bg: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/wrapper-bg_fb42160.webp) center no-repeat;
  --game-img-top: 16.65%;
  --game-img-left: 16.65%;
  --game-img-width: 66.6%;
  --game-img-height: 66.6%;
  --game-img-border-radius: 50%;
  --icon-tag-animate-top: -2px;
  --icon-tag-animate-left: -2px;
  --animation-shiny-display: none;
  --animation-shiny-after-display: none
}

:root {
  --popup-promotion-release-status-dialog-bg: rgba(0, 0, 0, 0.8);
  --popup-promotion-release-status-dialog-border-radius: 12px;
  --popup-promotion-release-status-dialog-title-color: #ff7545;
  --popup-promotion-release-status-dialog-title-font-size-web: 24px;
  --popup-promotion-release-status-dialog-title-font-size-mob: 3.2vmin;
  --popup-promotion-release-status-dialog-light-display: block;
  --popup-promotion-release-status-dialog-header-padding: 12px 12px 8px;
  --popup-promotion-release-status-dialog-content-padding: 12px;
  --popup-promotion-release-status-dialog-message-bg: none;
  --popup-promotion-release-status-dialog-message-border-radius: 0;
  --popup-promotion-release-status-dialog-message-padding: 0;
  --popup-promotion-release-status-dialog-message-span-color: #d0d0d0;
  --popup-promotion-release-status-dialog-message-span-font-size-web: 18px;
  --popup-promotion-release-status-dialog-message-span-font-size-mob: 3.2vmin;
  --popup-promotion-release-status-dialog-message-span-font-weight: 500;
  --popup-promotion-release-status-dialog-message-info-row-justify-content: flex-start;
  --popup-promotion-release-status-dialog-message-info-row-money-color: #d0d0d0;
  --popup-promotion-release-status-dialog-message-info-row-money-font-weight: 700;
  --popup-promotion-release-status-dialog-message-info-row-s-title-color: #d0d0d0;
  --popup-promotion-release-status-dialog-message-first-line-border-bottom: none;
  --popup-promotion-release-status-dialog-message-last-line-border-top: none;
  --popup-promotion-release-status-dialog-close-btn-bg: #4d4d4d;
  --popup-promotion-release-status-dialog-close-btn-width: auto;
  --popup-promotion-release-status-dialog-close-btn-height: auto;
  --popup-promotion-release-status-dialog-close-btn-border-radius: 50%;
  --popup-promotion-release-status-success-title-color: #74da7f;
  --popup-promotion-release-promotion-release-wrapper-padding: 32px 25px;
  --popup-promotion-release-title-color: #f3ebc4;
  --popup-promotion-release-title-font-size: 24px;
  --popup-promotion-release-title-before-display: block;
  --popup-promotion-release-line-bg: #f3ebc4;
  --popup-promotion-release-line-margin: 12px 0;
  --popup-promotion-release-line-box-shadow: 0px 3px 4px rgba(255, 254, 163, 0.4);
  --popup-promotion-release-promotion-title-message-color: #fff;
  --popup-promotion-release-amount-wrapper-bg: #3b1206;
  --popup-promotion-release-amount-wrapper-border: 1px solid #ef8301;
  --popup-promotion-release-amount-wrapper-border-radius: 10px;
  --popup-promotion-release-content-wrapper-label-color: #ffe560;
  --popup-promotion-release-content-wrapper-value-color: #fff;
  --popup-promotion-release-content-wrapper-value-color-nth-2: #ff4f4f;
  --popup-promotion-release-main-wallet-balance-wrapper-label-color: #ffc39f;
  --popup-promotion-release-main-wallet-balance-wrapper-value-color: #fff;
  --popup-promotion-release-main-wallet-balance-wrapper-value-font-size: 18px;
  --popup-promotion-release-promotion-limit-wrapper-color: #fff;
  --popup-promotion-release-qrcode-box-h4-span-display: none;
  --popup-promotion-release-qrcode-box-checknum-img-before-box-shadow: 0px 3px 0px 0px #341106, 0px -4px 4px 0px rgba(0, 0, 0, 0.5) inset, 0px 4px 4px 0px rgba(0, 0, 0, 0.5) inset, 0px 5px 5px 0px rgba(255, 254, 163, 0.5);
  --popup-promotion-release-qrcode-box-checknum-img-border-radius: 0 40px 40px 0;
  --popup-promotion-release-qrcode-box-input-width: calc(100% - 97px);
  --popup-promotion-release-button-bg: linear-gradient(90deg, #a55409, #e88830);
  --popup-promotion-release-button-border: 1px solid #fffd5d;
  --popup-promotion-release-button-border-radius: 10px;
  --popup-promotion-release-button-box-shadow: 0px 2px 0px #a55409;
  --popup-promotion-release-button-text-shadow: 1px 1px 2px #000;
  --popup-promotion-release-button-before-bg: linear-gradient(180deg, hsla(0, 0%, 100%, 0) -3.73%, #fff 79.55%)
}

:root {
  --backpack-content-inner-filter-padding-web: 24px;
  --backpack-content-inner-filter-padding-app: 24px 12px;
  --backpack-scroll-padding-web: 32px;
  --backpack-scroll-padding-app: var(--backpack-scroll-padding-web);
  --backpack-scroll-padding-web-landscape: 32px;
  --backpack-title-display: none;
  --backpack-sort-type-text: #fff;
  --backpack-sort-type-icon-color: #fff;
  --backpack-sort-type-active-radius: 3px;
  --backpack-sort-type-active-bg: #ffaf00;
  --backpack-sort-type-active-shadow: none;
  --backpack-sort-type-active-icon-color: #fff;
  --backpack-sort-type-active-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
  --backpack-brand-group-swiper-silde-radius: 8px;
  --backpack-brand-group-swiper-silde-border: 1px solid #181818;
  --backpack-brand-group-swiper-silde-bg: linear-gradient(180deg, #503d36 0, #3d2e29);
  --backpack-brand-group-swiper-silde-shadow: none;
  --backpack-brand-group-swiper-silde-text: #fff;
  --backpack-brand-group-swiper-silde-icon-filter: none;
  --backpack-brand-group-dot-bg: red;
  --backpack-brand-group-dot-shadow: 0 0 2px #fff;
  --backpack-brand-group-dot-text: #fff;
  --backpack-brand-group-swiper-silde-active-border: #fc0;
  --backpack-brand-group-swiper-silde-active-bg: linear-gradient(180deg, #ffdb34, #f50);
  --backpack-brand-group-swiper-silde-active-shadow: inset 0px -4px 4px hsla(0, 0%, 100%, 0.2), inset 0px 4px 4px hsla(0, 0%, 100%, 0.2);
  --backpack-brand-group-swiper-silde-active-text: var(--backpack-brand-group-swiper-silde-text);
  --backpack-brand-group-swiper-silde-active-icon-filter: none;
  --backpack-brand-grid-radius: 12px;
  --backpack-brand-grid-border: 1px solid #ef8301;
  --backpack-brand-grid-bg: rgba(0, 0, 0, 0.3);
  --backpack-brand-grid-shadow: 0px 3px 0px #341106, 0px 5px 5px rgba(255, 254, 163, 0.5), inset 0px -4px 4px rgba(0, 0, 0, 0.5), inset 0px 4px 4px rgba(0, 0, 0, 0.5);
  --backpack-brand-grid-nodata-text: #fff;
  --backpack-brand-grid-card-countdown-text: #fff;
  --backpack-brand-grid-card-countdown-i-color: var(--backpack-brand-grid-card-countdown-text);
  --backpack-brand-grid-card-countdown-i: var(--backpack-expiredTime-icon);
  --backpack-delete-memo-bg: rgba(0, 0, 0, 0.7);
  --backpack-delete-memo-border: 1px solid #834d2d;
  --backpack-delete-memo-shadow: 0 2px 5px #3b1206;
  --backpack-delete-memo-text: #ffc39f;
  --backpack-card-wrapper-card-freespin-left-position-web: -25px;
  --backpack-card-wrapper-card-freespin-top-position-web: -25px;
  --backpack-card-wrapper-card-freespin-left-position-app: -14px;
  --backpack-card-wrapper-card-freespin-top-position-app: -9px;
  --backpack-card-wrapper-radius: 20px;
  --backpack-card-wrapper-normal-bg: linear-gradient(180deg, #efd79d, #ffeeb4);
  --backpack-card-wrapper-normal-before-border-color: #e0c791;
  --backpack-card-wrapper-normal-shadow01: #fffdda;
  --backpack-card-wrapper-normal-shadow02: #efc37f;
  --backpack-card-wrapper-normal-shadow03: #7a462a;
  --backpack-card-wrapper-normal-card-countdown-text: #a1906c;
  --backpack-card-wrapper-normal-card-title-bg: #652510;
  --backpack-card-wrapper-normal-card-title-text: #fff;
  --backpack-card-wrapper-normal-card-gamebrand-bg: #512700;
  --backpack-card-wrapper-normal-card-gamebrand-text: #fff;
  --backpack-card-wrapper-normal-card-gamename-text: #593603;
  --backpack-card-wrapper-normal-card-copy-icon-svg: var(--backpack-card-wrapper-normal-card-gamename-text);
  --backpack-card-wrapper-normal-card-copy-icon-img: invert(13%) sepia(61%) saturate(2786%) hue-rotate(30deg) brightness(99%) contrast(104%);
  --backpack-card-wrapper-normal-card-promotionname-border: #977a4f;
  --backpack-card-wrapper-normal-card-promotionname-text: #977a4f;
  --backpack-card-wrapper-feature-bg: linear-gradient(180deg, #f3d4fd, #faeeff);
  --backpack-card-wrapper-feature-before-border-color: #dfb1e7;
  --backpack-card-wrapper-feature-shadow01: #fdf3ff;
  --backpack-card-wrapper-feature-shadow02: #dcb6e3;
  --backpack-card-wrapper-feature-shadow03: #9e64b2;
  --backpack-card-wrapper-feature-card-countdown-text: #a1906c;
  --backpack-card-wrapper-feature-card-title-bg: #652510;
  --backpack-card-wrapper-feature-card-title-text: #fff;
  --backpack-card-wrapper-feature-card-gamebrand-bg: #512700;
  --backpack-card-wrapper-feature-card-gamebrand-text: #fff;
  --backpack-card-wrapper-feature-card-gamename-text: #593603;
  --backpack-card-wrapper-feature-card-copy-icon-svg: var(--backpack-card-wrapper-feature-card-gamename-text);
  --backpack-card-wrapper-feature-card-copy-icon-img: invert(13%) sepia(61%) saturate(2786%) hue-rotate(30deg) brightness(99%) contrast(104%);
  --backpack-card-wrapper-feature-card-promotionname-border: #977a4f;
  --backpack-card-wrapper-feature-card-promotionname-text: #977a4f;
  --backpack-card-wrapper-ingame-bg: linear-gradient(180deg, #dcdcdc, #fff);
  --backpack-card-wrapper-ingame-border-before-color: #c8c8c8;
  --backpack-card-wrapper-ingame-shadow01: #fff;
  --backpack-card-wrapper-ingame-shadow02: #ccc;
  --backpack-card-wrapper-ingame-shadow03: #909090;
  --backpack-card-wrapper-ingame-card-countdown-text: #a1906c;
  --backpack-card-wrapper-ingame-card-title-bg: #652510;
  --backpack-card-wrapper-ingame-card-title-text: #fff;
  --backpack-card-wrapper-ingame-card-gamebrand-bg: #512700;
  --backpack-card-wrapper-ingame-card-gamebrand-text: #fff;
  --backpack-card-wrapper-ingame-card-gamename-text: #593603;
  --backpack-card-wrapper-ingame-card-promotionname-border: #977a4f;
  --backpack-card-wrapper-ingame-card-promotionname-text: #977a4f;
  --backpack-card-wrapper-ingame-card-promotionname-memo-bg: var(--backpack-card-wrapper-ingame-card-promotionname-text);
  --backpack-card-wrapper-ingame-card-promotionname-memo-text: #fff;
  --backpack-card-wrapper-card-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
  --backpack-card-wrapper-card-countdown-i: var(--backpack-brand-grid-card-countdown-i);
  --backpack-tag-title-text: #ffe259;
  --backpack-tag-title-shadow-web: 0px 1px 2px rgba(0, 0, 0, 0.15), 0px 1px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px rgba(0, 0, 0, 0.2);
  --backpack-tag-title-shadow-app: 0px 1px 0px #1b0702, 0px -1px 0px #1b0702, 1px 0px 0px #1b0702, -1px 0px 0px #1b0702, 1px 1px 0px #1b0702, -1px -1px 0px #1b0702, 1px -1px 0px #1b0702, -1px 1px 0px #1b0702, 0px -1px 5px #1b0702, 0px -1px 5px #1b0702, -1px -1px 5px #1b0702, -1px -1px 5px #1b0702, 1px -1px 5px #1b0702, 1px -1px 5px #1b0702;
  --backpack-tag-title-after-bg: radial-gradient(ellipse 80%, ellipse 0 at center, #180900, transparent);
  --backpack-tag-title-after-bg: radial-gradient(ellipse 80% 20% at center, #180900, transparent);
  --backpack-tag-content-radius: 50px;
  --backpack-tag-content-border: 1px solid #ef8301;
  --backpack-tag-content-bg: rgba(0, 0, 0, 0.3);
  --backpack-tag-content-shadow: 0px 3px 0px #341106, 0px 5px 5px rgba(255, 254, 163, 0.5), inset 0px -4px 4px rgba(0, 0, 0, 0.5), inset 0px 4px 4px rgba(0, 0, 0, 0.5);
  --backpack-tag-content-text: #fff;
  --backpack-submit-btn-radius: 10px;
  --backpack-submit-btn-border: 1px solid #fffd5d;
  --backpack-submit-btn-bg: linear-gradient(90deg, #a55409, #e88830);
  --backpack-submit-btn-shadow: 0px 2px 0px #a55409;
  --backpack-submit-btn-text: #fff;
  --backpack-submit-btn-text-shadow: 1px 1px 2px #000;
  --backpack-inactivity-text-border: hsla(0, 0%, 100%, 0.3);
  --backpack-inactivity-text-color: #fff;
  --backpack-btn-wrapper-left-position-app: 22px;
  --backpack-btn-wrapper-right-position-app: var(--backpack-btn-wrapper-left-position-app);
  --backpack-btn-wrapper-bottom-position-app: 32px;
  --backpack-btn-wrapper-padding-app: 32px 12px;
  --backpack-btn-wrapper-bg-app: linear-gradient(180deg, transparent 0, #400c00 20%);
  --backpack-btn-wrapper-border-radius: var(--game-nav-additional-modal-content-outer-border-radius);
  --backpack-btn-wrapper-left-position-app-landscape: 32px;
  --backpack-btn-wrapper-right-position-app-landscape: var(--backpack-btn-wrapper-left-position-app-landscape);
  --backpack-btn-wrapper-padding-app-landscape: 22px 12px 12px
}

.backpack-content-inner .btn-wrapper .submit-btn:before {
  content: "";
  position: absolute;
  z-index: 1;
  pointer-events: none;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -30px;
  width: 120%;
  height: 50px;
  border-radius: 100%;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(-3.73%, hsla(0, 0%, 100%, 0)), color-stop(79.55%, #fff));
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) -3.73%, #fff 79.55%);
  background-blend-mode: overlay;
  mix-blend-mode: overlay;
  opacity: .3
}

:root {
  --game-nav-additional-modal-close-btn-right-position-web: 20px;
  --game-nav-additional-modal-close-btn-top-position-web: 10px;
  --game-nav-additional-modal-close-btn-right-position-app: 10px;
  --game-nav-additional-modal-close-btn-right-position-landscape: 5px;
  --game-nav-additional-modal-close-btn-top-position-app: var(--game-nav-additional-modal-close-btn-top-position-web);
  --game-nav-additional-modal-close-btn-size: 35px;
  --game-nav-additional-modal-close-btn-bg: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/close_30ba909.webp) center center no-repeat;
  --game-nav-additional-modal-close-btn-bg-size: contain;
  --game-nav-additional-modal-close-btn-filter: drop-shadow(0 5px 2px rgba(0, 0, 0, 0.25));
  --game-nav-additional-modal-inner-margin-web: 0px;
  --game-nav-additional-modal-inner-margin-app: 0px;
  --game-nav-additional-modal-inner-padding-web: 130px 20px 20px;
  --game-nav-additional-modal-inner-padding-app: 100px 10px 20px;
  --game-nav-additional-modal-header-areas01-show: block;
  --game-nav-additional-modal-inner-padding-app-landscape: 20px;
  --game-nav-additional-modal-header-areas01-show-landscape: none;
  --game-nav-additional-modal-content-outer-border-radius: 0px;
  --game-nav-additional-modal-content-outer-bg: url(data:image/webp;base64,UklGRrYBAABXRUJQVlA4WAoAAAAQAAAAYwAAYwAAQUxQSCEAAAABF/D5/4iIwEAEMzRbCZrp/Al2Ef2fgIaeeGP3RhHf0AMAVlA4IG4BAAAQDACdASpkAGQAPpFInUslpCKxppgIAjASCWMA0XjwmMYXGTn4FDbLRhM9BqOq9m5lYGfdK59wSfHgQb3+G/BT/jNI+Md3rJDwHJ/Qgx4hQN/htGg0oJhRAqSKXKKVfINBbsazc41U96gA/tg7cIfFjoqSxPDnquKIvTeL//m1Hz0n/40j+hrlcD//BX98KP4FXKVcT9Fh68c3Gnx8prQ5QcbGdlf4Dwo//02d4k8XneP1Pv51xzA+/nVWIwvuTuNk0AIotUjCKzUBLsU5k38g4d1ItUq39exqN3wee3pEslYQ9jFStwNbZBsPsntUG7XkJNUB62Yfte6AdxNHtYyvtadt8LaVGh8nIQvQW9A1/XRsbf1AAyKMhpkDdqNtYd5h/E0oeGfuT+W6H9UbMV6v7cJxtKJOJ3O+YaQWjd1TVA/SUbcA95XF6z7ByHo3N7xJq2a22pwQbfECy1FdU+dWQPO49XWNifFl13ZeAAA=) left top no-repeat, url(data:image/webp;base64,UklGRngCAABXRUJQVlA4WAoAAAAQAAAAYwAAYwAAQUxQSCEAAAABF/D5/4iIwEAEMzRbCZrp/Al2Ef2fgIaeeGP3RhHf0AMAVlA4IDACAAAwEACdASpkAGQAPpFEm0olpCKiKnYIuLASCUBcIDG/4/kzXmeV/y62992Z7zpRTX3Bf98VXr0+O9Ns7U0sJ6RRf4VrlQXfOD+R5QUrQ9JKix+bYGoBjdRpRfcSCWTVvE9vog4JNjFgyzDBq3Cv+nUi86wmJk4BCqLimD4CEUFeJRSGirrO0zRAsNgA/vD0WuUxMf/qcf/Jx/2fvN/7grJzD2B7HulnIXybBEax90gEVM2svb5UVFY/ZEBNHwpXZWgGjy7P7uoj1Gcle5mBbHIZ/3NGyqKz+rd7SwCH6pauZlgi9tv2vMVOTZmyIIupos8qj14bwUruREDlScWHk0YKcuXfW6zblwsrQfmiA+3Ez+lB9n9rCrf9fs07vCLzYMvvlL53tVs5j7aX1lUzO2NH6DmKDmKt1JUNuMvVrDl5Mn1ECG6pvFZnbDWIv1+ogoeYBDcdtWq3SUoadDAK/zlDwnDFYPs+sNNkjCZIHPk+fvW/ychORDffychPwKvTFNEtxptW1qz3w0sFl8wkA5KFtg/eoWETzdbUQ7SxCo7EV2Ymx+dyqYZmh4HBZn/QV1izXj+o/0MEdpqhqfMxkhV7AJRR+jUk/nnzJmBUaCZGRe5oAqx/R23m4dGA/c+yAaiL82itJByuf+2eR0ZV2wGNdFJL4Vu5smXdECKdBkrJOCxDaUEyovz09UiRKiv1Z1Ekh9R7ByN1QYF57lE/NoMZqQQkQs7qCKAI4lC+sAAAAA==) right top no-repeat, url(data:image/webp;base64,UklGRmYCAABXRUJQVlA4WAoAAAAQAAAAYwAAYwAAQUxQSCEAAAABF/D5/4iIwEAEMzRbCZrp/Al2Ef2fgIaeeGP3RhHf0AMAVlA4IB4CAABQEACdASpkAGQAPpFEm0olpCIwKdZpMgASCUBkgHmAjj1NdqvQAimeA29N2V7z4dv74yN5XcswqtVvaDVHI6oHZb1SE66qQl+DLTluBI4fkgy4HTFiS2GQe+/7u16EcTN2ZQfKRpSDrtq2C1aUfGtOzVuOC9x5rAZq0L+/ZAV2Q21BHBL2psp4KMYAAP7mq/eL//KV8K9aFhH/8lPn1xJvE9SRCZuZJYod+KDsesQrVR2QDcfpvq0STFer03LEcuP6rKzaMY0kHUz2g/x5gHRaeIGJJBivBOTL1qF1RWbHnccTrNIo0MF1/BQxwDKQ1Us/vMecpeBIJCAAFRt56eamBB/za9ngktASN7j7uC8LrrFcJ9EWHU9o7diCgrJuAZX9q38AsTJ2glv/BaALJhsDQJvmnDL6ZHVAW4dSwI/q5N+prlQ4O7STlRoUAFLl9ULMoTehLbVOVSz0cGttJbWS5x5RS8FkiW0srtllbp+CiabSZKWoZ4QJfcw5cvPKeQ78JUVOQAxh5qCE/835EI2dM3iY6Rm06r+ECeCvY1IljOMs7naxS4Sq+rj+cSfkvFcMKuMlMI4c6bDgMLolQgANWozgpUZB4jd2gQ6m75LoI0oAhL7FzV5ADhC9nQHFeKxzpnom3s9Bu6COK6aGbxQHBerbZHXrV2hTa8X7bQTU6CsWOTj1IBBKojze9SDx6iucEGCLtlPKZQmcggAAAA==) left bottom no-repeat, url(data:image/webp;base64,UklGRvIBAABXRUJQVlA4WAoAAAAQAAAAYwAAYwAAQUxQSCEAAAABF/D5/4iIwEAEMzRbCZrp/Al2Ef2fgIaeeGP3RhHf0AMAVlA4IKoBAAAQDgCdASpkAGQAPpFEmEmlpDKhJpmdUlASCWMC4AGN/yRRiPQcqXkxhapOfzhwKkoHuH05Ze1mWFHp1gP8qMpBslA8wVbvOf5KpI6O/DlWh0a6IeHI7ZZk1ZysBo6DdHVFBxm/suK1aZ0OPDx48GHY5zb8I/FxL9AAAP7YIDLzD4D66QrD9sQU0SFEIizU8//5toHI/BX8e6j9f+G90Nzs3EdB3B59gzNwL583Ma7zqv8HTmdjPJtVbrOyIMDP7hU6UXfyYVH+6b966FRrKAitBkezUxbIBX51X1PyfCL0TsxeMYT05WgqxdEP27ZbeyzgRoGTNGj1WU3vZagYAv+KEmllQggq53ioMN7lfxgMYZ3XbdgiUGLz8L0vN6my4sHKs3xKfyuQ1R5C65DPCZMm5KFIK/tdDVDnADgY6TKM/qTWasO5Vtx4gJt//8ME/gQaUDBWd/KLiQ/B/lFyxTyS1pgNjAmNpVSaL5YtrTcMH1FUDLVfjO00oXA42XdQ2TqbJ0AG53rXNUL8Y/Cn389vhhdMoooQCy1l98WQ7TB9UOWzbTgI/YXAAAA=) right bottom no-repeat, url(data:image/webp;base64,UklGRkgBAABXRUJQVlA4WAoAAAAQAAAAYwAAYwAAQUxQSCEAAAABF/D5/4iIwEAEMzRbCZrp/Al2Ef2fgIaeeGP3RhHf0AMAVlA4IAABAABQCQCdASpkAGQAPpFEm0slo7IhpUjKQBIJYwE8As/vZ/oKX+ASRSUxHVo7EAisIux/NSWeIENBG6YI+81sNv/2OjkHp7s1du2Ip34upTWW798eYAD+8KlMjTy//ppH/DD/Zv1W/8zTmJ8c03iDyMlAnT16DB0pW7oT80VjHipyYbrAudCsezNZEJ3VZE18lI9iMHJ2mWLoT80VZIxaq9zaJ/gAADWk/7VHIzECbQq6rjxHBueGm1L07+Tkks/Pv5OSTuU2B4mn8TsNoml/igc77VpzzYdEkAABB8FX2rTxyDIaY+9lxLt+h6kYqCX4nB+MicKo8K2PLvtwZDPRYAAA) left top repeat-x, url(data:image/webp;base64,UklGRlYBAABXRUJQVlA4WAoAAAAQAAAAYwAAYwAAQUxQSCEAAAABF/D5/4iIwEAEMzRbCZrp/Al2Ef2fgIaeeGP3RhHf0AMAVlA4IA4BAACwCQCdASpkAGQAPpFEm0slo7IhpUjKQBIJYwE7JsP2AUv+l/wDc3BbMpe11ploisEA0pNQZ8wcelR8gQOgvJcEJdOnewN8g9ObnR+AvI/iOrzX33bSgAD+8NC1At7//Rh//DD/vR10/9XaFzWTDOqZn1jt20AFLb96Tqsltne7lhjdLEKIW5/KLdmlGZ5trMC6t2chy1kRbd0T6ucUtCNSMyGNbqkc1JbXI/g7bSeCIKzYXpPft+LIjtPra5e880/lInTVR/qkT9u+iObdAbGBM6cFyCiJXNav6qTVj5079tP+WFoM9ahNPajd+H7VpD0dnw/sLgnKDpW0y8laIGrRG+8DdEgEt1Ef7wb1wAA=) left bottom repeat-x, url(data:image/webp;base64,UklGRjABAABXRUJQVlA4WAoAAAAQAAAAYwAAYwAAQUxQSCEAAAABF/D5/4iIwEAEMzRbCZrp/Al2Ef2fgIaeeGP3RhHf0AMAVlA4IOgAAADQCgCdASpkAGQAPpFEmEmlpDKhJU1yUBIJZQbu5vgJFIGrarWYJ3iCODNyXxdkze5kr92PevIDMpDzMaoQt0VW5H5WatIYDhP2Z4P0a9GzD2P0NQxX+QGqj7PD2eDCAAD+5du+V7/+RNnJYVhd//jrWjy+Tjev+kbIKUr1cXiFdk2dCFK9yucHFS6IJf1eCtvt0BIWCz5OuUe1FyqiiUBB/Z63cO/REOT1+db7lYRM/Xg7FlanGAk5knFyVvDsjBfc/3A+Fpi5FuTPD1KPf7wP/5dtYkZQAP6EFXCBTxF5FRhYNP46AAAA) left top repeat-y, url(data:image/webp;base64,UklGRj4BAABXRUJQVlA4WAoAAAAQAAAAYwAAYwAAQUxQSCEAAAABF/D5/4iIwEAEMzRbCZrp/Al2Ef2fgIaeeGP3RhHf0AMAVlA4IPYAAAAwCwCdASpkAGQAPpFEmUqlo7MhpUrqYBIJZQGFVkM1e9qtZindMIqEv0p3qG7UV4tnhPfduxdC4Xf7OYADFFv+2JGTEXZYdNyN5G53KfWRpT1CM2YsMexibBobpFotCMuiAAD+5du+1r//Im3SWFYX//462WSX2cbiTdlSCe5l1rm5jW3CP8vcrnBxUuiN9v6zMx5n/tcayyZ/7V+P/okNd2LFqVNFCUtbFBdBOLaRhovoq6J6rnNY8q2sX4lWLfoD2IvQhMGnIxhTp3w4xXAchzcOcYOk9lir5VUDBVa/3Y6VJ5QQVcNQufJvWASvlQkVcki2gAA=) right top repeat-y;
  --game-nav-additional-modal-content-outer-padding-web: 12px;
  --game-nav-additional-modal-content-outer-padding-app: var(--game-nav-additional-modal-content-outer-padding-web);
  --game-nav-additional-modal-content-outer-pseudo-show: block;
  --game-nav-additional-modal-content-inner-bg: radial-gradient(closest-side, #692711 0%, #64240f 27%, #581c0a 55%, #440f01 82%, #400c00 88%)
}

.game-nav-additional-modal-content-outer:after, .game-nav-additional-modal-content-outer:before {
  content: "";
  position: absolute;
  z-index: 5;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 30px;
  height: 55px;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/carved_a4716e2.webp);
  background-size: contain
}

.game-nav-additional-modal-content-outer:before {
  left: -18px
}

.game-nav-additional-modal-content-outer:after {
  right: -18px;
  -webkit-transform: translateY(-50%) scaleX(-1);
  transform: translateY(-50%) scaleX(-1)
}

.game-nav-additional-modal-content-inner:after {
  content: "";
  position: absolute;
  z-index: 5;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 30px;
  height: 55px;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/carved_a4716e2.webp);
  background-size: contain;
  bottom: -42px;
  -webkit-transform: translateX(-50%) rotate(270deg);
  transform: translateX(-50%) rotate(270deg)
}

:root {
  --award-scroll-scrollbar-bg: #5b1200;
  --award-scroll-scrollbar-thumb-bg: #d48104;
  --award-card-before-bg: linear-gradient(323deg, #9b4100, #d48104);
  --award-card-before-bg-red-packet-rain: linear-gradient(323deg, #bf1f00 2.15%, #f6705e 97.85%);
  --award-card-after-bg: #6c2e00;
  --award-card-after-bg-red-packet-rain: #8b1700;
  --award-card-after-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  --award-icon-bg: #5b1200;
  --award-icon-bg-red-packet-rain: #8b1700;
  --award-icon-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.5);
  --award-title-text: transparent;
  --award-title-display: -webkit-box;
  --card-img-padding: 100%;
  --effect-coin-coin-01-bg: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/coin_951e68c.webp) center center no-repeat;
  --effect-point-point-01-bg: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/point_e494a09.webp) center center no-repeat;
  --effect-point-point-shiny-clip-path: polygon(29.34% 0%, 70.66% 0%, 100% 29.34%, 100% 70.66%, 70.66% 100%, 29.34% 100%, 0% 70.66%, 0% 29.34%);
  --effect-ticket-ticket-01-bg: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/ticket-01_49d1662.webp) center center no-repeat;
  --effect-ticket-ticket-02-bg: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/ticket-01_49d1662.webp) center center no-repeat;
  --effect-card-card-01-bg: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/card-01_27b835b.webp) center center no-repeat;
  --effect-card-card-02-bg: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/card-02_24da7c4.webp) center center no-repeat;
  --effect-activity-activity-01-bg: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/activity_814f7dd.webp) center center no-repeat;
  --flipping-animation-light-bg: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/light-bg_8cb46bb.webp) center center no-repeat
}

:root {
  --game-nav-wrap-before-bg: no-repeat top/100% 80% url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/bg01_756fbfa.webp), #a36d1d;
  --game-nav-wrap-before-bg-landscape: no-repeat left/80% 100% url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/bg01-landscape_116e722.webp), #a36d1d;
  --game-nav-header-bg: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/bg01_756fbfa.webp) no-repeat;
  --game-nav-header-bg-landscape: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/bg01-landscape_116e722.webp) no-repeat left center/cover;
  --game-nav-back-btn-bg: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/backHomeButton_1dad347.webp) no-repeat center;
  --game-nav-bottom-before-bg: linear-gradient(0deg, rgba(198, 146, 56, 0.80784), hsla(0, 0%, 100%, 0));
  --game-nav-bottom-before-bg-landscape: linear-gradient(270deg, rgba(198, 146, 56, 0.80784), hsla(0, 0%, 100%, 0));
  --game-nav-bottom-border: linear-gradient(90deg, rgba(103, 59, 0, 0), rgba(103, 59, 0, 0.3) 10%, #673b00 50%, rgba(103, 59, 0, 0.3) 90%, rgba(103, 59, 0, 0));
  --game-nav-bottom-line-bg: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fffea3 51.5%, hsla(0, 0%, 100%, 0));
  --game-nav-top-border: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fffea3 51.5%, hsla(0, 0%, 100%, 0));
  --game-nav-close-btn-bg: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/closeButton_6109714.webp) no-repeat center;
  --game-nav-logo-wrap-bg: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/logoBg_e480ba6.webp) no-repeat;
  --game-nav-logo-wrap-height-web: 56px;
  --game-nav-logo-wrap-height-mob: 7.4666666667vmin;
  --game-nav-logo-height-web: 36px;
  --game-nav-logo-height-mob: 4.8vmin;
  --game-nav-operating-btn-bg: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/icon_0ba50a8.webp) no-repeat center;
  --game-nav-operating-btn-backpack: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/backpack_ba9c1fa.webp);
  --game-nav-operating-btn-deposit: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/deposit_0f5c856.webp);
  --game-nav-operating-btn-padding: 5px;
  --game-nav-operating-btn-backpack-size: contain;
  --game-nav-operating-btn-item-name-color: #fffea3;
  --game-nav-operating-btn-item-name-text-stroke: #4c000d;
  --game-nav-icon-fullscreen-bg: #e7bc48;
  --game-nav-icon-arrow-display: block;
  --game-nav-icon-arrow-bb8-display: none;
  --game-nav-username-color: #f9e836;
  --game-nav-username-text-shadow: 0px 0px 0.5333333333vmin #000, 0px 0px 0.5333333333vmin #000, 0px 0px 0.5333333333vmin #2a0d00, 0px 0px 0.5333333333vmin #2a0d00, 0px 0px 0.5333333333vmin #2a0d00;
  --open-game-turnover-release-promotion-btn-border-web: 2px solid #fef7d0;
  --open-game-turnover-release-promotion-btn-border-mob: 1px solid #fef7d0;
  --open-game-turnover-release-promotion-btn-bg: linear-gradient(180deg, #f3d920, #ff751c);
  --open-game-turnover-release-promotion-btn-after-display: block;
  --open-game-turnover-release-promotion-btn-span-before-display: block;
  --progress-bar-progress-title-color: #f9e836;
  --progress-bar-progress-title-info-wrap-icon-bg: url(data:image/webp;base64,UklGRlgCAABXRUJQVlA4WAoAAAAQAAAAGgAAGgAAQUxQSOIAAAABgFzb2rHnfvht+/9j1pCRjcpsO11wpJFVAmd/nHx+viepICImAP9TDmVLpVxYtidEuhfPXhTl9Xy6MyTQnH3nCvGwz0UJjrwr5NeJmGARXFBs78TNPJMK45THILS/c7z2iQD8uwrreQxAq0I8OiUonSLkJYryRVl3InhGIt9FkSlzPVeipLA3ofgXmQeu12qEr7juw5CWuZZcQAvXkAgEL3gOIgCE7leO92ERAFxjHBNBmEZ37M2HYRmdeKWVR8Mgunt2KRddXpDFZPfC3auivNxsdURE2BVc8fqm5pq4S4QlVlA4IFABAADwBwCdASobABsAPpE6l0eloyIhMBgMALASCWwAnS/Cpj+JmOo3aYYKY/4/Xqvoqh2UMF+SeJSBqyl6LwHZEJKJypWGN1KEWKAA/vd7fGod54iNO8mgtzh+BNPFecytoQyJUeoknfqiPDLa/iZ7HChnqMT4WPMtSGaCNbO97z5Pfj/VNsgFilSxD/vnQ5lYv/4hL2smXyp3S263+/zJobKg2E+y1nGneILwKf/P/9htURNLMa5WLHcB66T+5It4sso7BNbU1nGpsVsVWIkhH1HX2+07qVJz8jBPiWq5DpZU3JjX5XuiU/E+JBq7fuIUw1jq+GFU5FZ9019SHDgTb24tOT5B/vkxfhKR0FhdZRlWZ+sVJ9dt0omb0B9mDkLKlCjVREgy9iNJo/gQCK3yrsZDuvi42SJ7v85yfcA3BN9VCdkDhLMDXVbJH0fssMnAAAA=) center/contain;
  --progress-bar-progress-des-bg: linear-gradient(90deg, #713a23, #96543d 100.01%);
  --progress-bar-progress-des-border: 1px solid #d29226;
  --progress-bar-progress-des-before-bg: url(data:image/webp;base64,UklGRuQAAABXRUJQVlA4WAoAAAAQAAAADwAACQAAQUxQSEoAAAABf2CQbaR7givC+XM+RERkvM7QA6PatpWc9WeGRCAKEWhCBgp5GGK8Ke7aIKL/E8C/ibqIBnvRrvrUyKqAbF1zIJ6WNYWwE1kcAFZQOCB0AAAAsAIAnQEqEAAKAAFAJiWwAnS6AH4WgxYrj+1Sw8AAAP7zdNaB6VDvoYqnP0h0d9iMU5N8D2nu9Bf74p2SWjDCCEmXZf9irOdA7PkFcrfldPWfzbSJqkOcvU/NzndkscsYP9BwuJ2DR3TTYqml5eobAYcAAAA=);
  --progress-bar-sub-progress-title-color: #fff;
  --progress-bar-sub-progress-title-before-display: block;
  --progress-bar-progress-bar-outer-bg: #2a0d00;
  --progress-bar-progress-bar-inner-border: #2a0d00;
  --progress-bar-progress-inner-text-before-color: #4c000d;
  --progress-bar-sub-progress-progress-bar-outer-bg: #451500;
  --progress-bar-sub-progress-des-bg: rgba(68, 32, 5, 0.9);
  --progress-bar-sub-progress-des-border: 1px solid #c2701b;
  --progress-bar-sub-progress-des-before-bg: url(data:image/webp;base64,UklGRvoAAABXRUJQVlA4WAoAAAAQAAAADwAACQAAQUxQSE8AAAABYBQAICMRRBBBBBFE0EAUEUQRQQSvdXvvu9ceBSJCYdo2THZ7CviTFF0DqUVfgudlKy+A9RTsej6g2EprC3UyMYO31k7s9F0Sa60NZjcAAFZQOCCEAAAAsAIAnQEqEAAKAAFAJiWwAnS6AH4LAyWPHj5gWcVAAP4RLu4wsxUIWB2cz7PkeyOJLKxmu/23Vxv2cUg7/s0GpVG55f3iysO/sVZzo/BecNDyt+/cyj0ear6Vcmczh6ImPafthJMpkF3v0NuYd7vczZLOe9J/b9SnfW96eARjcI/1AAAA);
  --progress-bar-multiple-progress-wrapper-bg: linear-gradient(90deg, #713a23, #96543d 100.01%);
  --progress-bar-multiple-progress-wrapper-box-shadow: 0px 0px 4px 0px hsla(0, 0%, 100%, 0.8) inset, 0px 0px 4px 0px hsla(0, 0%, 100%, 0.8) inset, 0px 2px 5px 0px rgba(59, 18, 6, 0.3);
  --progress-bar-multiple-progress-wrapper-border: 1px solid #d29226;
  --progress-bar-multiple-progress-wrapper-close-btn-bg: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/closeButton_6109714.webp) no-repeat 50%;
  --progress-bar-multiple-progress-wrapper-close-btn-bg-size: 100%;
  --progress-bar-multiple-progress-wrapper-close-btn-width-web: 130px;
  --progress-bar-multiple-progress-wrapper-close-btn-height-web: 37px;
  --progress-bar-multiple-progress-wrapper-close-btn-left-web: -84px;
  --progress-bar-multiple-progress-wrapper-close-btn-width-mob: 22.4vmin;
  --progress-bar-multiple-progress-wrapper-close-btn-height-mob: 6.4vmin;
  --progress-bar-multiple-progress-wrapper-close-btn-left-mob: -14.5vmin
}

:root {
  --mixin-btn-method-block-dropdown-bg: linear-gradient(180deg, #f26f07, #ffb84d 11%, #fff698 37.5%, #fff698);
  --mixin-btn-method-block-dropdown-shadow: 0px -2.059px 4.942px 0px #f26f07 inset, 0px 2.059px 2.059px 0px #ffdb34 inset;
  --mixin-btn-method-block-dropdown-border: none;
  --mixin-btn-method-block-dropdown-border-radius: 40px;
  --mixin-btn-method-block-dropdown-border-radius-mob: 10.6666666667vmin;
  --mixin-btn-method-block-dropdown-color: inherit;
  --mixin-btn-method-block-dropdown-item-active-bg: #793600;
  --mixin-btn-method-block-dropdown-icon-bg: url(data:image/webp;base64,UklGRvAAAABXRUJQVlA4WAoAAAAQAAAAGwAAGwAAQUxQSGAAAAABT0AQQJrb4BCa5IiIgNRdMI1s28njkywlIH8rOMpAYrEZdH7lZoeP6D/CtG3jthN7Bf4xlS7RLUGqO1WLURqxkE48AvthI/WIUcRSfV+GHQAsWovSQekgOig9WBfynwNWUDggagAAAHAEAJ0BKhwAHAA+bSiSRaQiIZv6rABABsSxAZIBmgX6B+AFSePYkAAe/4hgAP75m3cN7GQ0hOFWTfNCBGf7MVB8ydcMRG5a/pExv/ePgf4Zttx5o03gKtpBp/8hEmXz6s8whYVU6LA3QAA=) no-repeat center/contain;
  --mixin-game-popup-input-bg: #3b1206;
  --mixin-game-popup-input-color: inherit;
  --mixin-game-popup-input-border: #ef8301;
  --mixin-game-popup-input-shadow: 0px 3px 0px 0px #341106, 0px -4px 4px 0px rgba(0, 0, 0, 0.5) inset, 0px 4px 4px 0px rgba(0, 0, 0, 0.5) inset, 0px 5px 5px 0px rgba(255, 254, 163, 0.5);
  --mixin-game-popup-input-border-radius: 40px;
  --mixin-game-popup-input-border-radius-mob: 10.6666666667vmin;
  --mixin-game-popup-input-placeholder-color: #b4946b;
  --mixin-game-popup-input-margin-web: 12px 0 24px;
  --mixin-game-popup-input-margin-mob: 3.2vmin 0 6.4vmin;
  --mixin-game-popup-input-disabled-bg: #552e09;
  --mixin-game-popup-input-disabled-color: #b4946b;
  --mixin-game-popup-el-icon-arrow-up-width: 1.0666666667vmin;
  --mixin-game-popup-el-icon-arrow-up-height: 1.0666666667vmin;
  --deposit-content-inner-bg: $deposit-content-inner-bg;
  --deposit-content-inner-title: #f3ebc4;
  --deposit-content-inner-title-shadow: 0px 1.038px 2.076px rgba(0, 0, 0, 0.14), 0px 1.038px 1.038px rgba(0, 0, 0, 0.12), 0px 1.038px 2.076px rgba(0, 0, 0, 0.2);
  --deposit-content-inner-title-stroke-color: #4c000d;
  --deposit-content-inner-title-line-bg: #f3ebc4;
  --deposit-content-inner-title-line-shadow: 0px 3px 4px rgba(255, 254, 163, 0.4);
  --deposit-content-inner-title-tip-bg: #834d2d;
  --deposit-content-inner-title-tip-border: 1px solid #3b1206;
  --deposit-content-inner-title-tip-border-radius: 10px;
  --deposit-content-inner-title-tip-color: #fff;
  --deposit-content-inner-pay-btn-border: 1px solid #181818;
  --deposit-content-inner-pay-btn-bg: linear-gradient(180deg, #503d36, #3d2e29);
  --deposit-content-inner-pay-btn-active-border: 1px solid #fc0;
  --deposit-content-inner-pay-btn-active-bg: linear-gradient(180deg, #ffdb34, #f50);
  --deposit-content-inner-pay-btn-active-shadow: 0px -4px 4px 0px hsla(0, 0%, 100%, 0.2) inset, 0px 4px 4px 0px hsla(0, 0%, 100%, 0.2) inset;
  --deposit-content-inner-form-group-h4-color: #ffe259;
  --deposit-content-inner-form-group-h4-size: 16px;
  --deposit-content-inner-form-group-h4-weight: 700;
  --deposit-content-inner-form-group-h4-shadow: 0px 1.038px 2.076px rgba(0, 0, 0, 0.14), 0px 1.038px 1.038px rgba(0, 0, 0, 0.12), 0px 1.038px 2.076px rgba(0, 0, 0, 0.2);
  --deposit-content-inner-receipt-title-bg: #834d2d;
  --deposit-content-inner-receipt-title-border-radius: 10px;
  --deposit-content-inner-receipt-title-shadow: 0px 2px 5px 0px rgba(59, 18, 6, 0.3);
  --deposit-content-inner-receipt-title-color: #ffc39f;
  --deposit-content-inner-receipt-content-color: #fff;
  --deposit-content-inner-receipt-img-frame-color: #b4946b;
  --deposit-content-inner-button-bg: linear-gradient(90deg, #a55409, #e88830);
  --deposit-content-inner-button-shadow: 0px 2px 0px #a55409;
  --deposit-content-inner-button-text-shadow: 1px 1px 2px #000;
  --deposit-content-inner-button-border: #fffd5d;
  --deposit-content-inner-button-border-radius: 10px;
  --deposit-content-inner-tip-line-bg: #c4835c;
  --deposit-content-inner-input-suffix-mob-top: 5.3333333333vmin;
  --deposit-content-inner-input-suffix-mob-right: 3.2vmin;
  --deposit-content-inner-input-suffix-mob-height: 9.6vmin;
  --deposit-content-inner-el-date-editor-margin-top: 3.2vmin;
  --deposit-content-inner-notice-content-border: #834d2d;
  --deposit-content-inner-notice-content-shadow: 0px 3px 0px 0px #341106;
  --deposit-content-inner-notice-content-bg: #3b1206;
  --deposit-content-inner-notice-title-color: #f3ebc4;
  --deposit-content-inner-notice-content-color: #fff;
  --deposit-content-inner-game-deposit-wrapper-padding: 32px 25px;
  --deposit-content-inner-game-deposit-wrapper-padding-mob: 8.5333333333vmin 6.6666666667vmin;
  --deposit-content-inner-poperrorMsg-top: 75px;
  --deposit-content-inner-poperrorMsg-top-mob: 20vmin;
  --deposit-content-inner-submitbtn-padding-mob: 24px 20px
}

:root {
  --withdrawable-block-padding: 40px;
  --withdrawable-block-border: 1px solid #ddd;
  --withdrawable-block-border-radius: 5px;
  --withdrawable-block-bg: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/withdrawable-bg_596bd35.webp) no-repeat center center;
  --withdrawable-block-bg-size: cover;
  --withdrawable-title-text-color: #000;
  --withdrawable-amount-text-color: #800;
  --no-pass-wager-withdrawable-block-bg: var(--withdrawable-block-bg);
  --no-pass-wager-withdrawable-block-bg-size: var(--withdrawable-block-bg-size);
  --no-pass-wager-withdrawable-block-bg-filter: grayscale(100%);
  --withdrawable-block-padding-app: 28px 16px;
  --withdrawable-content-margin-top-app: 12px;
  --withdrawable-block-border-app: var(--withdrawable-block-border);
  --withdrawable-block-bg-app: var(--withdrawable-block-bg);
  --withdrawable-block-bg-size-app: var(--withdrawable-block-bg-size);
  --withdrawable-title-text-color-app: var(--withdrawable-title-text-color);
  --withdrawable-amount-text-color-app: var(--withdrawable-amount-text-color);
  --no-pass-wager-withdrawable-block-bg-app: var(--no-pass-wager-withdrawable-block-bg);
  --no-pass-wager-withdrawable-block-bg-size-app: var(--no-pass-wager-withdrawable-block-bg-size);
  --no-pass-wager-withdrawable-block-bg-filter-app: var(--no-pass-wager-withdrawable-block-bg-filter)
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes fade-in {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@-webkit-keyframes fade-out {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes fade-out {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@-webkit-keyframes fade-in-top {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px)
  }

  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes fade-in-top {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px)
  }

  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@-webkit-keyframes fade-in-bottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px)
  }

  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes fade-in-bottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px)
  }

  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@-webkit-keyframes fade-in-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(50px);
    transform: translateX(50px)
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes fade-in-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(50px);
    transform: translateX(50px)
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@-webkit-keyframes fade-in-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px)
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes fade-in-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px)
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@-webkit-keyframes fade-in-fwd {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(-80px);
    transform: translateZ(-80px)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes fade-in-fwd {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(-80px);
    transform: translateZ(-80px)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@-webkit-keyframes fade-in-bck {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(80px);
    transform: translateZ(80px)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes fade-in-bck {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(80px);
    transform: translateZ(80px)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@-webkit-keyframes puff-in-center {
  0% {
    opacity: 0;
    -webkit-filter: blur(4px);
    filter: blur(4px);
    -webkit-transform: scale(2);
    transform: scale(2)
  }

  to {
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes puff-in-center {
  0% {
    opacity: 0;
    -webkit-filter: blur(4px);
    filter: blur(4px);
    -webkit-transform: scale(2);
    transform: scale(2)
  }

  to {
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@-webkit-keyframes slide-in-top {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-7vh);
    transform: translateY(-7vh)
  }

  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes slide-in-top {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-7vh);
    transform: translateY(-7vh)
  }

  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@-webkit-keyframes slide-in-bottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(7vh);
    transform: translateY(7vh)
  }

  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes slide-in-bottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(7vh);
    transform: translateY(7vh)
  }

  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@-webkit-keyframes slide-out-bottom {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  to {
    opacity: 0;
    -webkit-transform: translateY(7vh);
    transform: translateY(7vh)
  }
}

@keyframes slide-out-bottom {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  to {
    opacity: 0;
    -webkit-transform: translateY(7vh);
    transform: translateY(7vh)
  }
}

@-webkit-keyframes moveCircle {
  0% {
    -webkit-transform: translateZ(0) rotate(0deg);
    transform: translateZ(0) rotate(0deg)
  }

  to {
    -webkit-transform: translateZ(0) rotate(1turn);
    transform: translateZ(0) rotate(1turn)
  }
}

@-webkit-keyframes wobble-hor-bottom-x {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
  }

  10% {
    -webkit-transform: translateX(-10px) rotate(-6deg);
    transform: translateX(-10px) rotate(-6deg)
  }

  20% {
    -webkit-transform: translateX(5px) rotate(6deg);
    transform: translateX(5px) rotate(6deg)
  }

  30% {
    -webkit-transform: translateX(-5px) rotate(-3.6deg);
    transform: translateX(-5px) rotate(-3.6deg)
  }

  40% {
    -webkit-transform: translateX(4px) rotate(2.4deg);
    transform: translateX(4px) rotate(2.4deg)
  }

  50% {
    -webkit-transform: translateX(-1px) rotate(-1.2deg);
    transform: translateX(-1px) rotate(-1.2deg)
  }

  60% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
  }
}

@keyframes wobble-hor-bottom-x {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
  }

  10% {
    -webkit-transform: translateX(-10px) rotate(-6deg);
    transform: translateX(-10px) rotate(-6deg)
  }

  20% {
    -webkit-transform: translateX(5px) rotate(6deg);
    transform: translateX(5px) rotate(6deg)
  }

  30% {
    -webkit-transform: translateX(-5px) rotate(-3.6deg);
    transform: translateX(-5px) rotate(-3.6deg)
  }

  40% {
    -webkit-transform: translateX(4px) rotate(2.4deg);
    transform: translateX(4px) rotate(2.4deg)
  }

  50% {
    -webkit-transform: translateX(-1px) rotate(-1.2deg);
    transform: translateX(-1px) rotate(-1.2deg)
  }

  60% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
  }
}

@-webkit-keyframes wobble-hor-bottom-small {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
  }

  5% {
    -webkit-transform: rotate(-6deg);
    transform: rotate(-6deg)
  }

  20% {
    -webkit-transform: rotate(6deg);
    transform: rotate(6deg)
  }

  35% {
    -webkit-transform: rotate(-3.6deg);
    transform: rotate(-3.6deg)
  }

  50% {
    -webkit-transform: rotate(2.4deg);
    transform: rotate(2.4deg)
  }

  65% {
    -webkit-transform: rotate(-1.2deg);
    transform: rotate(-1.2deg)
  }

  70% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
  }
}

@keyframes wobble-hor-bottom-small {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
  }

  5% {
    -webkit-transform: rotate(-6deg);
    transform: rotate(-6deg)
  }

  20% {
    -webkit-transform: rotate(6deg);
    transform: rotate(6deg)
  }

  35% {
    -webkit-transform: rotate(-3.6deg);
    transform: rotate(-3.6deg)
  }

  50% {
    -webkit-transform: rotate(2.4deg);
    transform: rotate(2.4deg)
  }

  65% {
    -webkit-transform: rotate(-1.2deg);
    transform: rotate(-1.2deg)
  }

  70% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
  }
}

@-webkit-keyframes heartbeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }

  10% {
    -webkit-transform: scale(.91);
    transform: scale(.91);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  17% {
    -webkit-transform: scale(.98);
    transform: scale(.98);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }

  33% {
    -webkit-transform: scale(.87);
    transform: scale(.87);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  45% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
}

@keyframes heartbeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }

  10% {
    -webkit-transform: scale(.91);
    transform: scale(.91);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  17% {
    -webkit-transform: scale(.98);
    transform: scale(.98);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }

  33% {
    -webkit-transform: scale(.87);
    transform: scale(.87);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  45% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
}

@-webkit-keyframes rotate-taichi {
  0% {
    background-position: 0 80%
  }

  50% {
    background-position: 100% 20%
  }

  to {
    background-position: 0 80%
  }
}

@-webkit-keyframes backgroundGradient-left-x {
  0% {
    left: 0;
    background-position: 0 0
  }

  50% {
    left: -100%;
    opacity: 1
  }

  51% {
    opacity: 0
  }

  to {
    opacity: 0
  }
}

@keyframes backgroundGradient-left-x {
  0% {
    left: 0;
    background-position: 0 0
  }

  50% {
    left: -100%;
    opacity: 1
  }

  51% {
    opacity: 0
  }

  to {
    opacity: 0
  }
}

@-webkit-keyframes backgroundGradient-right-x {
  0% {
    right: 0;
    background-position: 0 0
  }

  50% {
    right: -100%;
    opacity: 1
  }

  51% {
    opacity: 0
  }

  to {
    opacity: 0
  }
}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%
}

body {
  margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block
}

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline
}

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

[hidden], template {
  display: none
}

a {
  background-color: transparent
}

a:active, a:hover {
  outline: 0
}

abbr[title] {
  border-bottom: 1px dotted
}

b, strong {
  font-weight: 700
}

dfn {
  font-style: italic
}

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

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

small {
  font-size: 80%
}

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

sup {
  top: -.5em
}

sub {
  bottom: -.25em
}

img {
  border: 0
}

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

figure {
  margin: 1em 40px
}

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0
}

pre {
  overflow: auto
}

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

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0
}

button {
  overflow: visible
}

button, select {
  text-transform: none
}

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

button[disabled], html input[disabled] {
  cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0
}

input {
  line-height: normal
}

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

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

input[type=search] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

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

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em
}

legend {
  border: 0;
  padding: 0
}

textarea {
  overflow: auto
}

optgroup {
  font-weight: 700
}

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

td, th {
  padding: 0
}

h1, h2, h3, h4, h5, h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  font-weight: 400;
  line-height: 1
}

h1, h2, h3 {
  margin-top: 20px;
  margin-bottom: 10px
}

h1 small, h2 small, h3 small {
  font-size: 65%
}

h4, h5, h6 {
  margin-top: 10px;
  margin-bottom: 10px
}

h4 small, h5 small, h6 small {
  font-size: 75%
}

h1 {
  font-size: 36px
}

h2 {
  font-size: 30px
}

h3 {
  font-size: 24px
}

h4 {
  font-size: 18px
}

h5 {
  font-size: 14px
}

h6 {
  font-size: 12px
}

p {
  margin: 0 0 10px
}

small {
  font-size: 85%
}

mark {
  padding: .2em
}

.text-left {
  text-align: left
}

.text-right {
  text-align: right
}

.text-center {
  text-align: center
}

.text-justify {
  text-align: justify
}

.text-nowrap {
  white-space: nowrap
}

.text-lowercase {
  text-transform: lowercase
}

.text-uppercase {
  text-transform: uppercase
}

.text-capitalize {
  text-transform: capitalize
}

ol, ul {
  margin-top: 0;
  margin-bottom: 10px
}

ol ol, ol ul, ul ol, ul ul {
  margin-bottom: 0
}

dl {
  margin-top: 0;
  margin-bottom: 20px
}

dd, dt {
  line-height: 1.428571429
}

dt {
  font-weight: 700
}

dd {
  margin-left: 0
}

abbr[data-original-title], abbr[title] {
  cursor: help;
  border-bottom: 1px dotted #eee
}

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee
}

blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child {
  margin-bottom: 0
}

blockquote footer, blockquote small {
  display: block;
  font-size: 80%;
  line-height: 1.428571429
}

blockquote footer:before, blockquote small:before {
  content: "— "
}

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.428571429
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none
}

:after, :before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body, html {
  font-size: 14px
}

body {
  position: relative;
  min-height: 100%;
  font-family: Microsoft Yahei, Helvetica Neue, Helvetica, Arial, sans-serif;
  line-height: 1.428571429;
  color: #333
}

a {
  color: #fff;
  text-decoration: none;
  cursor: pointer
}

a:focus, a:hover {
  color: #ffc107;
  -webkit-text-decoration: 150;
  text-decoration: 150;
  outline: none
}

a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px
}

button, input, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit
}

button, img, input, select, textarea {
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

img {
  vertical-align: middle
}

hr {
  margin-top: 20px;
  margin-bottom: 20px
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0
}

label {
  display: inline-block
}

[role=button] {
  cursor: pointer
}

.clearfix {
  *zoom: 1
}

.clearfix:after, .clearfix:before {
  content: " ";
  display: table
}

.clearfix:after {
  clear: both
}

.mobile-app {
  position: relative;
  min-height: 100%
}

.main-bg-before {
  background: #000
}

.main-bg-after {
  height: 100%;
  position: fixed;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/web-bg_09ad181.webp) 50% no-repeat;
  background-size: cover
}

.mobile-app .main-bg-after {
  background-image: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/mob-bg_cea7213.webp)
}

#app {
  position: relative;
  z-index: 1
}

.center-wrap, .submitbtn-wrap {
  text-align: center
}

.center-wrap a, .center-wrap button, .submitbtn-wrap a, .submitbtn-wrap button {
  margin: 0 auto
}

.index-content-wrapper {
  overflow-x: hidden;
  position: relative;
  padding-top: 170px;
  min-height: 100vh
}

.index-content-wrapper.specific-style-wrap:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  background: transparent 50% calc(100% + 280px) no-repeat;
  pointer-events: none
}

.mobile-app .index-content-wrapper.specific-style-wrap:before {
  background-position-y: calc(100% + 100px)
}

.container {
  *zoom: 1;
  position: relative;
  margin-right: auto;
  margin-left: auto
}

.container:after, .container:before {
  content: " ";
  display: table
}

.container:after {
  clear: both
}

.container-fluid, header .header-bottom .header-bottom-fluid, header .header-top .header-top-fluid {
  *zoom: 1;
  padding-right: 80px;
  padding-left: 80px
}

.container-fluid:after, .container-fluid:before, header .header-bottom .header-bottom-fluid:after, header .header-bottom .header-bottom-fluid:before, header .header-top .header-top-fluid:after, header .header-top .header-top-fluid:before {
  content: " ";
  display: table
}

.container-fluid:after, header .header-bottom .header-bottom-fluid:after, header .header-top .header-top-fluid:after {
  clear: both
}

.container-mid {
  *zoom: 1;
  padding-right: 6%;
  padding-left: 6%
}

.container-mid:after, .container-mid:before {
  content: " ";
  display: table
}

.container-mid:after {
  clear: both
}

.index-gamelist .container-mid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

@media only screen and (max-width:1500px) {
  .index-gamelist .container-mid {
    padding-left: 2%;
    padding-right: 2%
  }
}

@media only screen and (max-width:1366px) {
  .container-mid {
    padding-right: 10%;
    padding-left: 10%
  }
}

@media only screen and (max-width:1199px) {
  .container-fluid, .container-mid, header .header-bottom .header-bottom-fluid, header .header-top .header-top-fluid {
    padding-right: 40px;
    padding-left: 40px
  }
}

@media only screen and (min-width:1400px) {
  .container {
    width: 1366px
  }
}

@media only screen and (min-width:1200px) {
  .container {
    width: 1170px
  }
}

@media only screen and (min-width:769px) {
  .container {
    width: 94%
  }
}

.mobile-app .container-mid {
  padding-right: 3.2vmin;
  padding-left: 3.2vmin
}

.mobile-app .container-mid.container-footer-forDarkredStyle {
  padding-right: 0;
  padding-left: 0
}

.mobile-app .index-gamelist .container-mid {
  display: block
}

.mobile-app .container-fluid, .mobile-app header .header-bottom .header-bottom-fluid, .mobile-app header .header-top .header-top-fluid, header .header-bottom .mobile-app .header-bottom-fluid, header .header-top .mobile-app .header-top-fluid {
  padding-right: 2.6666666667vmin;
  padding-left: 2.6666666667vmin
}

.web_view {
  display: block
}

.mob_view {
  display: none
}

.mobile-app .web_view {
  display: none !important
}

.mobile-app .mob_view {
  display: block !important
}

iframe[title="Webchat Widget"][state=widgetClose] {
  bottom: 47px !important
}

@media (max-width:600px) {
  iframe[title="Webchat Widget"][state=widgetOpen] {
    bottom: 47px !important;
    padding-top: 47px !important
  }
}

@media (max-width:600px) {
  .__jivoMobileButton {
    bottom: 100px !important
  }
}

.draw-container:before {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 100;
  margin: 0;
  width: 100%;
  height: 100%;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/treasure-pc-bg_db1816c.webp);
  background-position: 50%;
  background-size: cover;
  content: "";
  pointer-events: none
}

.draw-container .draw-wrap {
  position: fixed;
  top: 5%;
  left: 50%;
  z-index: 100;
  padding-bottom: 10vh;
  -webkit-transform: translate(-50%);
  transform: translate(-50%)
}

.draw-container .draw-wrap .draw-title {
  margin-bottom: 10vh;
  color: #fff;
  text-align: center;
  font-size: 32px
}

.draw-container .draw-wrap .draw-title>span {
  display: block
}

.draw-container .draw-wrap .draw-title>b {
  display: none
}

@-webkit-keyframes treasure_box_show {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0)
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes treasure_box_show {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0)
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@-webkit-keyframes treasure_box_li_1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
  }

  to {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
  }
}

@keyframes treasure_box_li_1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
  }

  to {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
  }
}

@-webkit-keyframes treasure_box_li_3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
  }

  to {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
  }
}

@keyframes treasure_box_li_3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
  }

  to {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
  }
}

@-webkit-keyframes treasure_box {
  0% {
    -webkit-filter: drop-shadow(0 0 0 #f9d963);
    filter: drop-shadow(0 0 0 #f9d963);
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  50% {
    -webkit-filter: drop-shadow(0 0 7px #f9d963);
    filter: drop-shadow(0 0 7px #f9d963);
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
  }

  to {
    -webkit-filter: drop-shadow(0 0 0 #f9d963);
    filter: drop-shadow(0 0 0 #f9d963);
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes treasure_box {
  0% {
    -webkit-filter: drop-shadow(0 0 0 #f9d963);
    filter: drop-shadow(0 0 0 #f9d963);
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  50% {
    -webkit-filter: drop-shadow(0 0 7px #f9d963);
    filter: drop-shadow(0 0 7px #f9d963);
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
  }

  to {
    -webkit-filter: drop-shadow(0 0 0 #f9d963);
    filter: drop-shadow(0 0 0 #f9d963);
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

.draw-container .draw-wrap ul {
  z-index: 100;
  padding: 0;
  list-style: none;
  -webkit-animation-name: treasure_box_show;
  animation-name: treasure_box_show
}

.draw-container .draw-wrap ul, .draw-container .draw-wrap ul li {
  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;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease
}

.draw-container .draw-wrap ul li {
  position: relative;
  margin: 0 2%;
  width: 25%;
  cursor: pointer;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

.draw-container .draw-wrap ul li:first-child {
  -webkit-animation-name: treasure_box_li_1;
  animation-name: treasure_box_li_1
}

.draw-container .draw-wrap ul li:nth-child(3) {
  -webkit-animation-name: treasure_box_li_3;
  animation-name: treasure_box_li_3
}

.draw-container .draw-wrap ul li img {
  overflow: hidden;
  width: 100%;
  cursor: pointer;
  -webkit-animation-name: treasure_box;
  animation-name: treasure_box
}

.draw-container .draw-wrap ul li img.active {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.draw-container .draw-wrap ul li img.active:hover {
  -webkit-filter: drop-shadow(0 0 7px #f9d963);
  filter: drop-shadow(0 0 7px #f9d963);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-animation: none;
  animation: none
}

.draw-container .draw-wrap ul li .awards {
  display: none;
  color: #fff;
  text-align: center
}

.draw-container .draw-wrap ul li .awards span {
  display: block;
  font-size: 24px
}

.draw-container .draw-wrap ul li .awards b {
  font-size: 36px
}

.draw-container .draw-wrap .draw-close button {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  display: block;
  margin: auto;
  min-height: 50px;
  width: 100px;
  border: 1px solid #ccc;
  border-radius: 70px;
  background: rgba(0, 0, 0, .3);
  color: #ccc;
  content: "CLOSE";
  text-align: center;
  font-size: 24px;
  line-height: 50px;
  cursor: pointer;
  padding: 0
}

.draw-container .draw-wrap .draw-close button:hover {
  border: 1px solid #fff;
  background: #000;
  color: #fff
}

.draw-container .draw-wrap.opened {
  right: 0
}

@-webkit-keyframes opened {
  0% {
    -webkit-transform: scale(.7);
    transform: scale(.7)
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes opened {
  0% {
    -webkit-transform: scale(.7);
    transform: scale(.7)
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@-webkit-keyframes bonus {
  0% {
    -webkit-filter: drop-shadow(0 0 0 #f9d963);
    filter: drop-shadow(0 0 0 #f9d963);
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  50% {
    -webkit-filter: drop-shadow(0 0 7px #f9d963);
    filter: drop-shadow(0 0 7px #f9d963);
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
  }

  to {
    -webkit-filter: drop-shadow(0 0 0 #f9d963);
    filter: drop-shadow(0 0 0 #f9d963);
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes bonus {
  0% {
    -webkit-filter: drop-shadow(0 0 0 #f9d963);
    filter: drop-shadow(0 0 0 #f9d963);
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  50% {
    -webkit-filter: drop-shadow(0 0 7px #f9d963);
    filter: drop-shadow(0 0 7px #f9d963);
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
  }

  to {
    -webkit-filter: drop-shadow(0 0 0 #f9d963);
    filter: drop-shadow(0 0 0 #f9d963);
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

.draw-container .draw-wrap.opened .draw-title>span {
  display: none
}

.draw-container .draw-wrap.opened .draw-title>b {
  display: block
}

.draw-container .draw-wrap.opened ul {
  -webkit-animation-name: opened;
  animation-name: opened;
  -webkit-animation-duration: .5s;
  animation-duration: .5s
}

.draw-container .draw-wrap.opened ul li>img {
  display: none
}

.draw-container .draw-wrap.opened ul li .awards {
  display: block;
  -webkit-filter: brightness(.7);
  filter: brightness(.7)
}

.draw-container .draw-wrap.opened ul li .awards img {
  border: none;
  -webkit-animation: none;
  animation: none
}

.draw-container .draw-wrap.opened ul li .awards img:hover {
  -webkit-filter: none;
  filter: none;
  -webkit-transform: none;
  transform: none
}

.draw-container .draw-wrap.opened ul li .awards.active {
  color: #ffeb3b;
  -webkit-filter: brightness(1);
  filter: brightness(1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-animation-name: bonus;
  animation-name: bonus;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

@-webkit-keyframes opened_bg {
  0% {
    opacity: 0
  }

  to {
    opacity: .5
  }
}

@keyframes opened_bg {
  0% {
    opacity: 0
  }

  to {
    opacity: .5
  }
}

.draw-container .draw-mask {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0;
  width: 100%;
  height: 100%;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/draw-bg_f0b2810.webp);
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
  -webkit-animation-name: opened_bg;
  animation-name: opened_bg;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  pointer-events: none;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

.mobile-app .draw-container:before {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/treasure-app-bg_966c64c.webp)
}

.mobile-app .draw-container .draw-wrap {
  top: 0;
  width: 100vw
}

.mobile-app .draw-container .draw-wrap ul li {
  width: 24vmin
}

.mobile-app .draw-container .draw-wrap ul li .bonus-sm {
  font-size: 5.8vw
}

.mobile-app .draw-container .draw-wrap ul li .bonus-md {
  font-size: 5.6vw
}

.mobile-app .draw-container .draw-wrap ul li .bonus-lg {
  font-size: 5vw
}

.el-notification .el-notification__content {
  text-align: left
}

body.backpack-open .el-notification, body.has-fullscreen-iframe .el-notification {
  z-index: 2147483647 !important
}

.mob-menu-wrapper .mob-menu-footer-design {
  padding-top: 40px;
  padding-bottom: 20px;
  color: #999
}

.mob-menu-wrapper .mob-menu-footer-design .footer-design {
  background: transparent
}

#tournament .container {
  min-height: 70vh;
  border: 1px solid #e4e8f4;
  background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#e5ebef));
  background: linear-gradient(180deg, #fdfdfd, #e5ebef)
}

#tournament .in-progress .user-rank .mob-border-left {
  position: relative
}

#tournament .in-progress .user-rank .mob-border-left:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 2px;
  height: 100%;
  background: #4c5a81
}

#tournament .in-progress .user-rank .info-img {
  width: 100%;
  height: auto;
  max-height: 340px;
  border-radius: 9px 9px 0 0
}

#tournament .in-progress .user-rank .user-data {
  padding: 20px 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#364260), to(#1d253c));
  background: linear-gradient(180deg, #364260, #1d253c)
}

#tournament .in-progress .user-rank .user-data, #tournament .in-progress .user-rank .user-data .user-data-item, #tournament .in-progress .user-rank .user-data .user-data-reward-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

#tournament .in-progress .user-rank .user-data .user-data-item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 8px
}

#tournament .in-progress .user-rank .user-data .label {
  color: #bfcad7;
  font-size: 18px;
  line-height: 1em;
  min-height: 24px
}

#tournament .in-progress .user-rank .user-data .content, #tournament .in-progress .user-rank .user-data .label {
  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
}

#tournament .in-progress .user-rank .user-data .content {
  color: #fff;
  font-size: 24px;
  margin: 8px 0 0;
  padding: 4px 0;
  min-height: 80px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  grid-gap: 10px;
  gap: 10px
}

#tournament .in-progress .user-rank .user-data .content.rank {
  background-size: 100%;
  background-repeat: no-repeat;
  margin: 5px auto 0;
  line-height: 72px;
  width: 72px
}

#tournament .in-progress .user-rank .user-data .content.rank.no1, #tournament .in-progress .user-rank .user-data .content.rank.no2, #tournament .in-progress .user-rank .user-data .content.rank.no3 {
  color: #323232;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100%;
  text-shadow: -1px -1px 0 #e4e8f4, 0 -1px 0 #e4e8f4, 1px -1px 0 #e4e8f4, 1px 0 0 #e4e8f4, 1px 1px 0 #e4e8f4, 0 1px 0 #e4e8f4, -1px 1px 0 #e4e8f4, -1px 0 0 #e4e8f4
}

#tournament .in-progress .user-rank .user-data .content.rank.no1 {
  background-image: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/no1_a029985.webp)
}

#tournament .in-progress .user-rank .user-data .content.rank.no2 {
  background-image: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/no2_a97e98c.webp)
}

#tournament .in-progress .user-rank .user-data .content.rank.no3 {
  background-image: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/no3_27f21a8.webp)
}

#tournament .in-progress .user-rank .user-data .content.tournament-reward-item {
  grid-gap: 16px;
  gap: 16px
}

#tournament .in-progress .user-rank .info-container {
  border-radius: 0 0 10px 10px;
  border: 1px solid #e4e8f4;
  background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#dbe7f9));
  background: linear-gradient(0deg, #fff, #dbe7f9);
  -webkit-box-shadow: 0 -4px 12px 1px hsla(0, 0%, 100%, .8) inset, 0 4px 12px 3px hsla(0, 0%, 100%, .9) inset;
  box-shadow: inset 0 -4px 12px 1px hsla(0, 0%, 100%, .8), inset 0 4px 12px 3px hsla(0, 0%, 100%, .9)
}

#tournament .in-progress .user-rank .info-countdown {
  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-align: center;
  -ms-flex-align: center;
  align-items: center
}

#tournament .in-progress .user-rank .info-countdown .name {
  text-align: center;
  word-break: break-all;
  font-weight: 700;
  font-size: 28px;
  margin: 24px 10px;
  color: #323232
}

#tournament .in-progress .user-rank .info-countdown .end-label {
  color: #323232;
  font-size: 18px;
  margin-bottom: 10px
}

#tournament .in-progress .user-rank .info-countdown .countdown-box .box {
  padding: 14px;
  border-radius: 10px;
  border: 1px solid #e4e8f4;
  background: -webkit-gradient(linear, left top, left bottom, from(#8891b3), to(#323754));
  background: linear-gradient(180deg, #8891b3, #323754);
  -webkit-box-shadow: 0 -2px 4px 1px rgba(234, 236, 255, .6) inset, 0 2px 4px 4px rgba(241, 243, 255, .4) inset;
  box-shadow: inset 0 -2px 4px 1px rgba(234, 236, 255, .6), inset 0 2px 4px 4px rgba(241, 243, 255, .4)
}

#tournament .in-progress .user-rank .info-countdown .countdown-box .box .time {
  font-size: 60px;
  font-weight: 700;
  color: #fff;
  text-shadow: 0 0 4px rgba(0, 0, 0, .5)
}

#tournament .in-progress .user-rank .info-countdown .countdown-box .box .unit {
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  color: #fff;
  text-shadow: 0 0 4px rgba(0, 0, 0, .5)
}

#tournament .in-progress .user-rank .info-countdown .countdown-box .colon {
  font-size: 50px;
  font-weight: 700;
  font-size: #383838;
  margin: 0 10px;
  color: #323232;
  text-align: center;
  text-shadow: 0 0 4px rgba(0, 0, 0, .5)
}

#tournament .in-progress .total-reward-box {
  margin: 30px 20px 0;
  padding: 24px 0;
  position: relative;
  border-top: 3px solid #d3daeb
}

#tournament .in-progress .total-reward-box .label {
  color: #323232;
  font-size: 18px;
  text-align: center;
  padding: 12px 0
}

#tournament .in-progress .total-reward-box .content {
  color: #9d6335;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  padding: 24px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  grid-gap: 10px;
  gap: 10px
}

#tournament .in-progress .total-reward-rewardlist-wrap {
  margin-bottom: 40px
}

#tournament .in-progress .ranking-list {
  height: 1390px
}

#tournament .in-progress .ranking-list.isLogin {
  height: 1540px
}

#tournament .in-progress .ranking-list .title-row .title {
  color: #323232;
  text-shadow: 0 0 6px #fff
}

#tournament .in-progress .ranking-list .last-update-time {
  color: #323232
}

#tournament .in-progress .ranking-list .list-head {
  border-radius: 10px;
  padding: 8px 16px;
  margin-bottom: 10px;
  background: #4c5a81;
  color: #bfcad7;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 1px;
  text-align: center
}

#tournament .in-progress .ranking-list .list-body {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow-y: scroll;
  padding-top: 8px;
  margin-top: -8px
}

#tournament .in-progress .ranking-list .list-body .list-item {
  margin-bottom: 10px;
  padding: 8px 16px;
  border-radius: 10px;
  border: 1px solid #e4e8f4;
  background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#f0f6ff));
  background: linear-gradient(0deg, #fff, #f0f6ff)
}

#tournament .in-progress .ranking-list .list-body .list-item .rank {
  font-size: 24px;
  font-weight: 900;
  text-align: center;
  margin: 0 auto;
  width: 72px;
  height: 72px;
  line-height: 72px;
  color: #323232
}

#tournament .in-progress .ranking-list .list-body .list-item .rank.no1, #tournament .in-progress .ranking-list .list-body .list-item .rank.no2, #tournament .in-progress .ranking-list .list-body .list-item .rank.no3 {
  color: #323232;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100%;
  text-shadow: -1px -1px 0 #e4e8f4, 0 -1px 0 #e4e8f4, 1px -1px 0 #e4e8f4, 1px 0 0 #e4e8f4, 1px 1px 0 #e4e8f4, 0 1px 0 #e4e8f4, -1px 1px 0 #e4e8f4, -1px 0 0 #e4e8f4
}

#tournament .in-progress .ranking-list .list-body .list-item .rank.no1 {
  background-image: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/no1_a029985.webp)
}

#tournament .in-progress .ranking-list .list-body .list-item .rank.no2 {
  background-image: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/no2_a97e98c.webp)
}

#tournament .in-progress .ranking-list .list-body .list-item .rank.no3 {
  background-image: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/no3_27f21a8.webp)
}

#tournament .in-progress .ranking-list .list-body .list-item .user-name {
  font-size: 20px;
  font-weight: 500;
  color: #323232;
  text-align: center;
  word-break: break-all
}

#tournament .in-progress .ranking-list .list-body .list-item .bet-amount {
  font-size: 20px;
  font-weight: 500;
  color: #323232;
  text-align: right;
  word-break: break-all
}

#tournament .in-progress .ranking-list .list-body .list-item .reward {
  font-size: 24px;
  font-weight: 500;
  color: #9d6335;
  text-align: right;
  word-break: break-all;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 10px;
  gap: 10px
}

#tournament .history .list {
  border: 1px solid #e4e8f4;
  background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#f0f6ff));
  background: linear-gradient(0deg, #fff, #f0f6ff)
}

#tournament .history .list .img-box {
  background: #e4e8f4;
  height: 220px;
  border-radius: 10px 0 0 10px
}

#tournament .history .list .content-box .label, #tournament .history .list .content-box .title-row .name {
  color: #323232
}

#tournament .history .list .content-box .text {
  color: #9d6335
}

#tournament .leader-board-popup {
  margin-top: 10px
}

#tournament .leader-board-popup .content {
  padding: 10px;
  border-radius: 10px;
  background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#e5ebef));
  background: linear-gradient(180deg, #fdfdfd, #e5ebef)
}

#tournament .total-tournament-reward-wrap {
  color: #323232;
  font-size: 16px;
  padding: 0 15px;
  margin: 24px 0;
  text-align: center;
  grid-gap: 32px;
  gap: 32px
}

#tournament .reward-item-img {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  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;
  position: relative;
  margin-bottom: 12px
}

#tournament .reward-item-img img {
  position: relative;
  top: 2px;
  width: calc(100% - 18px);
  height: calc(100% - 18px);
  z-index: 1
}

#tournament .reward-item-img img.is-static {
  width: 65%;
  height: auto
}

#tournament .reward-item-img .rank-wrap {
  width: 80px;
  height: 24px;
  position: absolute;
  top: 2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 3;
  font-size: 16px;
  font-weight: 900;
  line-height: 150%;
  letter-spacing: 1px;
  color: #fff;
  background-color: #323754;
  border-radius: 0 0 8px 8px
}

#tournament .reward-item-img .rank-wrap .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  white-space: nowrap
}

#tournament .reward-item-img .rank-wrap.is-long-rank {
  width: 104px;
  font-size: 14px;
  line-height: 170%
}

#tournament .reward-item-img:before {
  content: "";
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  position: absolute;
  top: 2px;
  left: 2px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top;
  background-image: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/frame-no4_4a6e66b.webp);
  z-index: 2
}

#tournament .reward-item-img .bg-reward-image {
  display: block;
  position: absolute;
  top: calc(50% + 2px);
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/bg-satic-04_cc3c32d.webp) 50% no-repeat;
  background-size: cover;
  width: calc(100% - 18px);
  height: calc(100% - 18px);
  z-index: 0
}

#tournament .reward-item-img .bg-reward-image.no-1 {
  background-image: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/bg-satic-01_3e398b1.webp)
}

#tournament .reward-item-img .bg-reward-image.no-2 {
  background-image: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/bg-satic-02_5b343db.webp)
}

#tournament .reward-item-img .bg-reward-image.no-3 {
  background-image: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/bg-satic-03_8c40fdf.webp)
}

#tournament .reward-item-img .tag-game-item-type {
  width: 60px;
  height: 50px;
  position: absolute;
  z-index: 2;
  top: -18px;
  left: -20px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%
}

#tournament .reward-item-img .tag-game-item-type.tag-freespin-zh-hant {
  background-image: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/tag-freespin-zh-hant_7c6247c.webp)
}

#tournament .reward-item-img .tag-game-item-type.tag-freespin-zh-hans {
  background-image: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/tag-freespin-zh-hans_7182000.webp)
}

#tournament .reward-item-img .tag-game-item-type.tag-freespin-en {
  background-image: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/tag-freespin-en_0dab85e.webp)
}

#tournament .reward-item-img .tag-game-item-type.tag-feature-zh-hant {
  background-image: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/tag-feature-zh-hant_850a171.webp)
}

#tournament .reward-item-img .tag-game-item-type.tag-feature-zh-hans {
  background-image: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/tag-feature-zh-hans_c6c76e0.webp)
}

#tournament .reward-item-img .tag-game-item-type.tag-feature-en {
  background-image: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/tag-feature-en_b2507bd.webp)
}

#tournament .reward-item-text {
  font-weight: 700;
  letter-spacing: 1px
}

#tournament .tournament-reward-item-name {
  font-size: 16px;
  margin-bottom: 10px;
  line-height: 1.125em
}

#tournament .reward-item-qty {
  font-size: 14px;
  line-height: 1.1428em
}

#tournament .tournament-reward-item {
  width: 136px;
  height: auto;
  max-width: calc(25% - 6px);
  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-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 24px;
  font-weight: 700
}

#tournament .tournament-reward-item.tournament-reward-item-no1 .reward-item-img:before {
  background-image: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/frame-no1_41c69a6.webp)
}

#tournament .tournament-reward-item.tournament-reward-item-no1 .rank-wrap {
  background-color: transparent;
  background-image: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/label-no1_6cfc0d3.webp)
}

#tournament .tournament-reward-item.tournament-reward-item-no1 .rank-wrap.is-long-rank {
  background-image: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/label-long-no1_b81cb57.webp)
}

#tournament .tournament-reward-item.tournament-reward-item-no1 .reward-item-text, #tournament .tournament-reward-item.tournament-reward-item-no1 .tournament-reward-item-name {
  text-shadow: -1px -1px 0 #9a772e, 0 -1px 0 #9a772e, 1px -1px 0 #9a772e, 1px 0 0 #9a772e, 1px 1px 0 #9a772e, 0 1px 0 #9a772e, -1px 1px 0 #9a772e, -1px 0 0 #9a772e
}

#tournament .tournament-reward-item.tournament-reward-item-no2 .reward-item-img:before {
  background-image: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/frame-no2_a9d7bc5.webp)
}

#tournament .tournament-reward-item.tournament-reward-item-no2 .rank-wrap {
  background-color: transparent;
  background-image: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/label-no2_f54a43a.webp)
}

#tournament .tournament-reward-item.tournament-reward-item-no2 .rank-wrap.is-long-rank {
  background-image: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/label-long-no2_518d1bb.webp)
}

#tournament .tournament-reward-item.tournament-reward-item-no2 .reward-item-text, #tournament .tournament-reward-item.tournament-reward-item-no2 .tournament-reward-item-name {
  text-shadow: -1px -1px 0 #8b8b8b, 0 -1px 0 #8b8b8b, 1px -1px 0 #8b8b8b, 1px 0 0 #8b8b8b, 1px 1px 0 #8b8b8b, 0 1px 0 #8b8b8b, -1px 1px 0 #8b8b8b, -1px 0 0 #8b8b8b
}

#tournament .tournament-reward-item.tournament-reward-item-no3 .reward-item-img:before {
  background-image: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/frame-no3_5976f9c.webp)
}

#tournament .tournament-reward-item.tournament-reward-item-no3 .rank-wrap {
  background-color: transparent;
  background-image: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/label-no3_71d05bd.webp)
}

#tournament .tournament-reward-item.tournament-reward-item-no3 .rank-wrap.is-long-rank {
  background-image: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/label-long-no3_2c46b4a.webp)
}

#tournament .tournament-reward-item.tournament-reward-item-no3 .reward-item-text, #tournament .tournament-reward-item.tournament-reward-item-no3 .tournament-reward-item-name {
  text-shadow: -1px -1px 0 #a26e54, 0 -1px 0 #a26e54, 1px -1px 0 #a26e54, 1px 0 0 #a26e54, 1px 1px 0 #a26e54, 0 1px 0 #a26e54, -1px 1px 0 #a26e54, -1px 0 0 #a26e54
}

#tournament .ranking-reward.tournament-reward-item {
  width: 100%;
  max-width: unset;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  grid-gap: 16px;
  gap: 16px;
  color: #9d6335
}

#tournament .ranking-reward.tournament-reward-item .reward-item-img {
  width: 70px;
  margin-bottom: 0
}

#tournament .ranking-reward.tournament-reward-item .reward-item-img img {
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  top: 1px
}

#tournament .ranking-reward.tournament-reward-item .reward-item-img img.is-static {
  width: 65%;
  height: auto
}

#tournament .ranking-reward.tournament-reward-item .reward-item-img .bg-reward-image {
  top: calc(50% + 1px);
  width: calc(100% - 10px);
  height: calc(100% - 10px)
}

#tournament .ranking-reward.tournament-reward-item .reward-item-img:before {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}

#tournament .reward-group-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  grid-gap: 32px 8px;
  gap: 32px 8px
}

#tournament .reward-group-wrap:not(.top-rewards) {
  width: 640px;
  max-width: 100%;
  margin: auto
}

#tournament .reward-group-wrap.top-rewards:not(:only-of-type) {
  margin-bottom: 32px
}

#tournament .reward-group-wrap.top-rewards {
  grid-gap: 0 32px;
  gap: 0 32px
}

#tournament .reward-group-wrap.top-rewards .tournament-reward-item {
  width: 160px;
  height: auto;
  max-width: calc(33.33333% - 21.33333px)
}

#tournament .reward-group-wrap.top-rewards .reward-item-img img {
  top: 2px;
  width: calc(100% - 24px);
  height: calc(100% - 24px)
}

#tournament .reward-group-wrap.top-rewards .reward-item-img img.is-static {
  width: 65%;
  height: auto
}

#tournament .reward-group-wrap.top-rewards .reward-item-img .bg-reward-image {
  top: calc(50% + 3px);
  width: calc(100% - 20px);
  height: calc(100% - 20px)
}

#tournament .reward-group-wrap.top-rewards .reward-item-img .rank-wrap {
  width: 92px;
  height: 30px;
  text-shadow: -1px -1px 0 #000, 0 -1px 0 #000, 1px -1px 0 #000, 1px 0 0 #000, 1px 1px 0 #000, 0 1px 0 #000, -1px 1px 0 #000, -1px 0 0 #000;
  line-height: 28px;
  background-position: top;
  background-repeat: no-repeat;
  top: -1px
}

#tournament .reward-group-wrap.top-rewards .reward-item-img .rank-wrap.is-long-rank {
  width: 111px
}

#tournament .reward-group-wrap.top-rewards .reward-item-img:before {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}

#tournament .more-reward-btn-wrap .btn-more {
  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;
  line-height: 1.25em;
  width: 191px;
  height: 40px;
  padding: 0 8px;
  border-radius: 12px;
  background: #4c5a81;
  background: var(--tournament-card-no, #4c5a81);
  -webkit-box-shadow: 0 -.96px 1.92px .48px rgba(234, 236, 255, .6) inset, 0 .96px 1.92px 1.92px rgba(241, 243, 255, .4) inset;
  box-shadow: inset 0 -.96px 1.92px .48px rgba(234, 236, 255, .6), inset 0 .96px 1.92px 1.92px rgba(241, 243, 255, .4)
}

#tournament .more-reward-btn-wrap .btn-more.is-expand {
  background: #818a94
}

#tournament .more-reward-btn-wrap .btn-more .text {
  min-width: 127px;
  padding: 0 4px
}

#tournament .more-reward-btn-wrap .triangle {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent
}

#tournament .more-reward-btn-wrap .triangle-up {
  border-bottom: 5px solid #fff
}

#tournament .more-reward-btn-wrap .triangle-down {
  border-top: 5px solid #fff
}

.mobile-app #tournament .container {
  width: auto
}

.mobile-app #tournament .in-progress .user-data .user-data-item, .mobile-app #tournament .in-progress .user-data .user-data-reward-wrap {
  display: block
}

.mobile-app #tournament .in-progress .user-data .content {
  min-height: 0;
  font-size: 4.8vmin;
  margin: .5333333333vmin 0 2.1333333333vmin;
  grid-gap: 1.6vmin;
  gap: 1.6vmin
}

.mobile-app #tournament .in-progress .user-data .content.rank {
  width: 12.8vmin;
  height: 29.3333333333vmin;
  line-height: 11.2vmin;
  margin: 0 auto
}

.mobile-app #tournament .in-progress .info-countdown .name {
  font-size: 4.8vmin;
  margin: 3.2vmin 2.6666666667vmin 2.1333333333vmin
}

.mobile-app #tournament .in-progress .info-countdown .end-label {
  font-size: 3.7333333333vmin;
  margin-bottom: 2.6666666667vmin
}

.mobile-app #tournament .in-progress .info-countdown .countdown-box .box {
  padding: 2.6666666667vmin;
  border-radius: 2.6666666667vmin;
  border: .48px solid #e4e8f4;
  background: -webkit-gradient(linear, left top, left bottom, from(#8891b3), to(#323754));
  background: linear-gradient(180deg, #8891b3, #323754);
  -webkit-box-shadow: 0 -.96px 1.92px .48px rgba(234, 236, 255, .6) inset, 0 .96px 1.92px 1.92px rgba(241, 243, 255, .4) inset;
  box-shadow: inset 0 -.96px 1.92px .48px rgba(234, 236, 255, .6), inset 0 .96px 1.92px 1.92px rgba(241, 243, 255, .4)
}

.mobile-app #tournament .in-progress .info-countdown .countdown-box .box .time {
  font-size: 7.4666666667vmin;
  text-shadow: 0 0 1.0666666667vmin 0 rgba(0, 0, 0, .50196);
  text-align: center
}

.mobile-app #tournament .in-progress .info-countdown .countdown-box .box .unit {
  font-size: 2.6666666667vmin
}

.mobile-app #tournament .in-progress .info-countdown .countdown-box .colon {
  font-size: 10.6666666667vmin;
  text-shadow: 0 0 3.2px rgba(0, 0, 0, .5);
  margin: 0 2.6666666667vmin
}

.mobile-app #tournament .in-progress .total-reward-box {
  margin: 4vmin 2.6666666667vmin 0;
  padding: 2.6666666667vmin 0
}

.mobile-app #tournament .in-progress .total-reward-box .label {
  font-size: 3.7333333333vmin;
  padding: 0
}

.mobile-app #tournament .in-progress .total-reward-box .content {
  font-size: 4.8vmin;
  padding: 0 0 2.1333333333vmin;
  grid-gap: 1.6vmin;
  gap: 1.6vmin
}

.mobile-app #tournament .history .list .content-box .el-col[\:has\(.button-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
}

.mobile-app #tournament .history .list .content-box .el-col:has(.button-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
}

.mobile-app #tournament .ranking-list {
  height: auto;
  max-height: 770px
}

.mobile-app #tournament .ranking-list.isLogin {
  height: auto;
  max-height: 920px
}

.mobile-app #tournament .ranking-list .list-head {
  font-size: 3.7333333333vmin
}

.mobile-app #tournament .ranking-list .list-body .list-item, .mobile-app #tournament .ranking-list .list-head {
  border-radius: 2.6666666667vmin;
  padding: 2.1333333333vmin;
  margin-bottom: 2.6666666667vmin
}

.mobile-app #tournament .ranking-list .list-body .list-item .rank {
  font-size: 4.8vmin;
  margin: 0 auto;
  width: 11.2vmin;
  height: 11.2vmin;
  line-height: 11.2vmin
}

.mobile-app #tournament .ranking-list .list-body .list-item .bet-amount, .mobile-app #tournament .ranking-list .list-body .list-item .user-name {
  font-size: 3.7333333333vmin
}

.mobile-app #tournament .ranking-list .list-body .list-item .reward {
  font-size: 4.2666666667vmin;
  grid-gap: 1.6vmin;
  gap: 1.6vmin
}

.mobile-app #tournament .ranking-list .list-body .list-item .reward #pointIcon {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 4.2666666667vmin;
  flex: 0 0 4.2666666667vmin
}

.mobile-app #tournament .leader-board-popup {
  padding: 0
}

.mobile-app #tournament .total-tournament-reward-wrap {
  margin: 5.3333333333vmin 0;
  padding: 0
}

.mobile-app #tournament .reward-item-img .tag-game-item-type {
  width: 40px;
  height: 33px;
  top: -16px;
  left: -14px
}

.mobile-app #tournament .reward-group-wrap {
  grid-gap: 5.3333333333vmin 2.1333333333vmin;
  gap: 5.3333333333vmin 2.1333333333vmin
}

.mobile-app #tournament .reward-group-wrap .tournament-reward-item {
  max-width: calc(25% - 2.4vmin)
}

.mobile-app #tournament .reward-group-wrap .reward-item-img {
  width: 18.1333333333vmin
}

.mobile-app #tournament .reward-group-wrap .reward-item-img img {
  top: 1px;
  width: calc(100% - 3.2vmin);
  height: calc(100% - 3.2vmin)
}

.mobile-app #tournament .reward-group-wrap .reward-item-img img.is-static {
  width: 65%;
  height: auto
}

.mobile-app #tournament .reward-group-wrap .reward-item-img .bg-reward-image {
  top: calc(50% + 1px);
  width: calc(100% - 3.2vmin);
  height: calc(100% - 3.2vmin)
}

.mobile-app #tournament .reward-group-wrap .reward-item-img .rank-wrap {
  width: 10.6666666667vmin;
  height: 3.2vmin;
  border-radius: 0 0 4px 4px
}

.mobile-app #tournament .reward-group-wrap .rank-wrap, .mobile-app #tournament .reward-group-wrap .reward-item-img, .mobile-app #tournament .reward-group-wrap .reward-item-qty, .mobile-app #tournament .reward-group-wrap .reward-item-text, .mobile-app #tournament .reward-group-wrap .tournament-reward-item-name {
  font-size: 12px
}

.mobile-app #tournament .reward-group-wrap.top-rewards {
  grid-gap: 4vmin;
  gap: 4vmin
}

.mobile-app #tournament .reward-group-wrap.top-rewards .rank-wrap .text {
  line-height: 3.7333333333vmin
}

.mobile-app #tournament .reward-group-wrap .rank-wrap.is-long-rank {
  width: 13.3333333333vmin
}

.mobile-app #tournament .reward-group-wrap .rank-wrap .text {
  -webkit-transform: scale(.67);
  transform: scale(.67);
  line-height: 3.2vmin
}

.mobile-app #tournament .reward-group-wrap .tournament-reward-item-name {
  line-height: 1.5em;
  margin-bottom: 1.6vmin
}

.mobile-app #tournament .reward-group-wrap.top-rewards {
  margin-bottom: 5.3333333333vmin
}

.mobile-app #tournament .reward-group-wrap.top-rewards .tournament-reward-item {
  max-width: calc(33.33333% - 2.66667vmin)
}

.mobile-app #tournament .reward-group-wrap.top-rewards .reward-item-img {
  width: 21.3333333333vmin
}

.mobile-app #tournament .reward-group-wrap.top-rewards .reward-item-img img {
  top: 1px;
  width: calc(100% - 2.66667vmin);
  height: calc(100% - 2.66667vmin)
}

.mobile-app #tournament .reward-group-wrap.top-rewards .reward-item-img img.is-static {
  width: 65%;
  height: auto
}

.mobile-app #tournament .reward-group-wrap.top-rewards .reward-item-img .bg-reward-image {
  top: calc(50% + 1px);
  width: calc(100% - 2.66667vmin);
  height: calc(100% - 2.66667vmin)
}

.mobile-app #tournament .reward-group-wrap.top-rewards .reward-item-img .rank-wrap {
  width: 12.2666666667vmin;
  height: 4vmin;
  background-size: cover
}

.mobile-app #tournament .reward-group-wrap.top-rewards .reward-item-img .rank-wrap.is-long-rank {
  width: 14.9333333333vmin
}

.mobile-app #tournament .in-progress .user-rank .user-data .ranking-reward.tournament-reward-item {
  font-size: 12px;
  margin-top: 1.0666666667vmin;
  grid-gap: 2.1333333333vmin;
  gap: 2.1333333333vmin
}

.mobile-app #tournament .ranking-reward.tournament-reward-item {
  font-size: 12px;
  grid-gap: 8px;
  gap: 8px
}

.mobile-app #tournament .ranking-reward.tournament-reward-item .reward-item-img {
  width: 10.6666666667vmin
}

.mobile-app #tournament .ranking-reward.tournament-reward-item .reward-item-img img {
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  top: 1px
}

.mobile-app #tournament .ranking-reward.tournament-reward-item .reward-item-img img.is-static {
  width: 65%;
  height: auto
}

.mobile-app #tournament .ranking-reward.tournament-reward-item .reward-item-img .bg-reward-image {
  width: calc(100% - 1.33333vmin);
  height: calc(100% - 1.33333vmin)
}

.mobile-app #tournament .ranking-reward.tournament-reward-item .pieces {
  min-width: 0
}

.mobile-app #tournament .more-reward-btn-wrap {
  margin-bottom: 5.3333333333vmin
}

.mobile-app #tournament .more-reward-btn-wrap .btn-more {
  font-size: 12px;
  border-radius: 10px
}

@media only screen and (min-width:768px) {
  .user-rank {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .user-rank .mob-border-left:after {
    display: none
  }

  .user-rank .web-border-left {
    position: relative
  }

  .user-rank .web-border-left:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 2px;
    height: 62px;
    background: #4c5a81;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }
}

@media only screen and (max-width:768px) {
  .web_view {
    display: none
  }
}

.app_view {
  display: none;
  width: 100%;
  max-width: 768px;
  margin: 0 auto;
  position: relative
}

@media only screen and (max-width:768px) {
  .app_view {
    display: block
  }
}

.entrance-close-block {
  position: fixed;
  z-index: 10;
  width: 105px;
  height: 105px;
  padding: 5px;
  cursor: pointer
}

@media only screen and (min-width:769px) {
  .entrance-close-block {
    top: unset;
    bottom: 150px;
    left: 0;
    right: unset
  }
}

@media only screen and (max-width:768px) {
  .entrance-close-block {
    top: unset;
    bottom: 20%;
    left: 0;
    right: unset
  }
}

@media only screen and (max-width:600px) {
  .entrance-close-block {
    top: unset;
    bottom: 20%;
    left: -20px;
    right: unset;
    -webkit-transform: scale(.6);
    transform: scale(.6)
  }
}

.entrance-close-block .entrance-btn {
  width: 100%;
  height: 100%
}

.entrance-close-block img {
  -webkit-transition: .3s ease;
  transition: .3s ease;
  max-width: 110%
}

.entrance-close-block:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/circle_2e6ce88.webp) no-repeat;
  background-size: 100%;
  -webkit-animation: around 3s linear infinite;
  animation: around 3s linear infinite
}

.entrance-close-block:after {
  content: "";
  position: absolute;
  z-index: -2;
  left: 5px;
  right: 5px;
  top: 5px;
  bottom: 5px;
  border-radius: 50%;
  background: #000
}

@-webkit-keyframes around {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}

@keyframes around {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}

.entrance-btn .newtag, .entrance-open-block .newtag {
  position: absolute;
  z-index: 50;
  right: 5px;
  top: 10px;
  width: 45px;
  -webkit-transform: rotate(20deg);
  transform: rotate(20deg)
}

.entrance-btn .newtag .animate, .entrance-open-block .newtag .animate {
  -webkit-animation-name: newzoom;
  animation-name: newzoom;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 3;
  animation-iteration-count: 3
}

.entrance-btn .num, .entrance-open-block .num {
  position: absolute;
  z-index: 50;
  right: 5px;
  top: 5px;
  padding: 2px 6px;
  background: red;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  border-radius: 15px;
  text-align: center
}

.entrance-btn .newtag {
  right: -10px;
  top: 0;
  width: 60px;
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg)
}

@-webkit-keyframes newzoom {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes newzoom {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

.entrance-center .icon-box {
  position: absolute;
  z-index: 20;
  width: 80%;
  height: 80%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.entrance-center .icon-box .icon-effect {
  border-radius: 50%;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/icon_fb3fc69.webp) 50% no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%
}

.entrance-open-block {
  position: fixed;
  z-index: 10;
  left: -226px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 200px;
  height: auto;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

[dir=rtl] .entrance-open-block {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}

.entrance-open-block.active {
  left: 0;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  z-index: 9999
}

.entrance-open-block .menu-button {
  background-position: 50%;
  background-size: 100%;
  width: 100%;
  height: 100%
}

.entrance-open-block .menu-button.icon-backpack {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/bag_4885453.webp) no-repeat 50%/contain;
  background: var(--entrance-icon-backpack)
}

.entrance-open-block .menu-button.icon-tournament {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/tournament_b298f76.webp) no-repeat 50%/contain;
  background: var(--entrance-icon-tournament)
}

.entrance-open-block .menu-button.icon-depositTournament {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/depositTournament_b64738a.webp) no-repeat 50%/contain;
  background: var(--entrance-icon-depositTournament)
}

.entrance-open-block .menu-button.icon-mission {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/mission_32bc543.webp) no-repeat 50%/contain;
  background: var(--entrance-icon-mission)
}

.entrance-open-block .menu-button.icon-luckydraw {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/luckydraw_c2bdfcc.webp) no-repeat 50%/contain;
  background: var(--entrance-icon-luckydraw)
}

.entrance-open-block .menu-button.icon-loginslot {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/loginslot_ba7b3d7.webp) no-repeat 50%/contain;
  background: var(--entrance-icon-loginslot)
}

.entrance-open-block .menu-button.icon-vouchercode {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/vouchercode_43e03e5.webp) no-repeat 50%/contain;
  background: var(--entrance-icon-vouchercode)
}

.entrance-open-block .menu-button.icon-checkIn {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/checkin_b088325.webp) no-repeat 50%/contain;
  background: var(--entrance-icon-checkIn)
}

.entrance-open-block .menu-button.icon-loginslot-machine {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/loginslot-machine-dark_a7de745.webp) no-repeat 50%/contain;
  background: var(--entrance-icon-loginslot-machine)
}

.entrance-close-btn {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: -14px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #fff500;
  -webkit-box-shadow: 0 0 3px 3px #fff500 inset, 0 0 3px 4px rgba(255, 44, 0, .9) inset, 0 0 3px 8px hsla(0, 0%, 100%, .7) inset, 0 0 0 8px hsla(0, 0%, 100%, .7) inset, 0 0 3px 13px #fff500 inset, 0 0 6px 4px rgba(255, 44, 0, .7), 0 4px 15px 5px rgba(0, 0, 0, .7);
  box-shadow: inset 0 0 3px 3px #fff500, inset 0 0 3px 4px rgba(255, 44, 0, .9), inset 0 0 3px 8px hsla(0, 0%, 100%, .7), inset 0 0 0 8px hsla(0, 0%, 100%, .7), inset 0 0 3px 13px #fff500, 0 0 6px 4px rgba(255, 44, 0, .7), 0 4px 15px 5px rgba(0, 0, 0, .7);
  position: absolute;
  z-index: 30;
  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;
  cursor: pointer
}

.entrance-close-btn img {
  width: 14px;
  -webkit-filter: none;
  filter: none
}

.entrance-close-btn svg {
  width: 14px;
  fill: #6a0000
}

.entrance-close-btn-bb8 {
  position: absolute;
  z-index: 21;
  top: 50%;
  right: -22px;
  width: 25px;
  height: 112px;
  translate: 0 -50%;
  cursor: pointer;
  -webkit-filter: drop-shadow(0 0 4px rgba(0, 0, 0, .5));
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, .5))
}

.entrance-close-btn-bb8 .entrance-close-btn-arrow {
  position: absolute;
  top: 50%;
  left: 2px;
  translate: 0 -50%;
  z-index: 1;
  pointer-events: none
}

.neon-block {
  position: relative;
  height: 100%;
  padding: 6px 6px 6px 0;
  border-radius: 0 20px 20px 0;
  -webkit-box-shadow: 0 0 1px #fff, 0 0 5px #ffdd1b;
  box-shadow: 0 0 1px #fff, 0 0 5px #ffdd1b
}

.neon-block .side-content {
  border-radius: 0 15px 15px 0;
  background: #000;
  height: 100%;
  position: relative;
  z-index: 20;
  overflow: hidden
}

.neon-block .side-content:before {
  content: "";
  pointer-events: none;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 0 15px 15px 0;
  -webkit-box-shadow: 0 0 10px 5px rgba(255, 44, 0, .7) inset, 0 8px 25px 12px rgba(0, 0, 0, .7) inset;
  box-shadow: inset 0 0 10px 5px rgba(255, 44, 0, .7), inset 0 8px 25px 12px rgba(0, 0, 0, .7)
}

.neon-block .side-content .line {
  width: 158px;
  height: 2px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), color-stop(51.5%, #fffea3), to(hsla(0, 0%, 100%, 0)));
  background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fffea3 51.5%, hsla(0, 0%, 100%, 0));
  margin: auto
}

.neon-block .side-list {
  width: 100%;
  height: 100%;
  background: #000;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 24px 7px;
  margin-bottom: 0
}

.neon-block .side-list li {
  width: 90px;
  height: 90px;
  padding: 10px;
  position: relative;
  list-style: none
}

.neon-block .side-list li .menu-button {
  cursor: pointer
}

.neon-block .side-list li img {
  width: 100%
}

.neon-block .side-list.promote-brand-list {
  padding: 12px 6px;
  grid-gap: 6px;
  gap: 6px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}

.neon-block .side-list.promote-brand-list li {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 80px;
  height: auto;
  padding: 0
}

.neon-block .side-list.promote-list li {
  padding: 5px
}

.neon-block .neon-effect {
  overflow: hidden;
  width: 100%;
  height: 100%;
  left: 0
}

.neon-block .neon-border, .neon-block .neon-effect {
  mix-blend-mode: difference;
  position: absolute;
  top: 0;
  border-radius: 0 20px 20px 0
}

.neon-block .neon-border {
  left: -15px;
  bottom: 0;
  right: 0;
  background: #fff500;
  -webkit-box-shadow: 0 0 2px 3px #fff500 inset, 0 0 2px 4px rgba(255, 44, 0, .9) inset, 0 0 2px 8px hsla(0, 0%, 100%, .7) inset, 0 0 0 8px hsla(0, 0%, 100%, .7) inset, 0 0 2px 10px #fff500 inset;
  box-shadow: inset 0 0 2px 3px #fff500, inset 0 0 2px 4px rgba(255, 44, 0, .9), inset 0 0 2px 8px hsla(0, 0%, 100%, .7), inset 0 0 0 8px hsla(0, 0%, 100%, .7), inset 0 0 2px 10px #fff500
}

.neon-block .neon-light {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: radial-gradient(circle, #fff, transparent 25%) 0 0/25% 25%, radial-gradient(circle, #fff, transparent 25%) 50% 50%/12.5% 12.5%;
  left: -100%;
  top: -100%
}

.neon-block .neon-light.with-animation {
  -webkit-animation: light 1s linear infinite;
  animation: light 1s linear infinite
}

@-webkit-keyframes light {
  to {
    -webkit-transform: translate3d(50%, 50%, 0);
    transform: translate3d(50%, 50%, 0)
  }
}

@keyframes light {
  to {
    -webkit-transform: translate3d(50%, 50%, 0);
    transform: translate3d(50%, 50%, 0)
  }
}

@-webkit-keyframes neon {
  0% {
    -webkit-box-shadow: 0 0 10px #fff, 0 0 15px #ffdd1b;
    box-shadow: 0 0 10px #fff, 0 0 15px #ffdd1b
  }

  to {
    -webkit-box-shadow: 0 0 1px #fff, 0 0 5px #ffdd1b;
    box-shadow: 0 0 1px #fff, 0 0 5px #ffdd1b
  }
}

@keyframes neon {
  0% {
    -webkit-box-shadow: 0 0 10px #fff, 0 0 15px #ffdd1b;
    box-shadow: 0 0 10px #fff, 0 0 15px #ffdd1b
  }

  to {
    -webkit-box-shadow: 0 0 1px #fff, 0 0 5px #ffdd1b;
    box-shadow: 0 0 1px #fff, 0 0 5px #ffdd1b
  }
}

.entrance-center .entrance-close {
  width: 30px;
  height: 30px;
  background-image: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/close-icon_83f6820.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: -25px;
  left: 95px
}

#__layout .publicDialog .backpack-dialog .el-dialog, #__layout .publicDialog .deposit-dialog .el-dialog {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.game-nav-additional-modal-wrapper {
  position: relative;
  width: 840px
}

@media only screen and (max-width:768px) {
  .game-nav-additional-modal-wrapper {
    width: 100% !important;
    height: 100vh;
    height: 100dvh;
    position: fixed;
    left: 0;
    right: 0;
    top: 0
  }
}

.game-nav-additional-modal-close-btn {
  cursor: pointer;
  position: absolute;
  z-index: 10;
  right: 20px;
  right: var(--game-nav-additional-modal-close-btn-right-position-web);
  top: 10px;
  top: var(--game-nav-additional-modal-close-btn-top-position-web);
  width: 35px;
  width: var(--game-nav-additional-modal-close-btn-size);
  height: 35px;
  height: var(--game-nav-additional-modal-close-btn-size);
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/close_30ba909.webp) 50% no-repeat;
  background: var(--game-nav-additional-modal-close-btn-bg);
  background-size: contain;
  background-size: var(--game-nav-additional-modal-close-btn-bg-size);
  -webkit-filter: drop-shadow(0 5px 2px rgba(0, 0, 0, .25));
  filter: drop-shadow(0 5px 2px rgba(0, 0, 0, .25));
  -webkit-filter: var(--game-nav-additional-modal-close-btn-filter);
  filter: var(--game-nav-additional-modal-close-btn-filter)
}

[dir=rtl] .game-nav-additional-modal-close-btn {
  right: auto;
  left: 20px;
  left: var(--game-nav-additional-modal-close-btn-right-position-web)
}

@media only screen and (max-width:768px) {
  .game-nav-additional-modal-close-btn {
    right: 10px;
    right: var(--game-nav-additional-modal-close-btn-right-position-app);
    top: 10px;
    top: var(--game-nav-additional-modal-close-btn-top-position-app)
  }
}

@media only screen and (max-width:768px) {
  .game-nav-additional-modal-outer {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
  }
}

.game-nav-additional-modal-inner {
  position: relative;
  margin: 0;
  margin: var(--game-nav-additional-modal-inner-margin-web);
  padding: 130px 20px 20px;
  padding: var(--game-nav-additional-modal-inner-padding-web);
  height: 100%
}

@media only screen and (max-width:600px) {
  .game-nav-additional-modal-inner {
    margin: 0;
    margin: var(--game-nav-additional-modal-inner-margin-app);
    padding: 100px 10px 20px;
    padding: var(--game-nav-additional-modal-inner-padding-app)
  }
}

.game-nav-additional-modal-header {
  pointer-events: none
}

.game-nav-additional-modal-header .game-nav-additional-modal-header-areas01 {
  display: block;
  display: var(--game-nav-additional-modal-header-areas01-show)
}

.game-nav-additional-modal-header .game-nav-additional-modal-header-image1 {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.game-nav-additional-modal-header .game-nav-additional-modal-header-image1 img {
  width: 375px
}

@media only screen and (max-width:600px) {
  .game-nav-additional-modal-header .game-nav-additional-modal-header-image1 img {
    width: auto;
    height: 100px
  }
}

.game-nav-additional-modal-header .game-nav-additional-modal-header-image2 {
  position: absolute;
  z-index: 10;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 90px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.game-nav-additional-modal-header .game-nav-additional-modal-header-image2 img {
  width: 265px
}

@media only screen and (max-width:600px) {
  .game-nav-additional-modal-header .game-nav-additional-modal-header-image2 {
    top: 70px
  }

  .game-nav-additional-modal-header .game-nav-additional-modal-header-image2 img {
    width: 200px
  }
}

.game-nav-additional-modal-content-wrapper {
  position: relative;
  z-index: 2;
  height: 100%
}

.game-nav-additional-modal-content-outer {
  position: relative;
  border-radius: 0;
  border-radius: var(--game-nav-additional-modal-content-outer-border-radius);
  background: url(data:image/webp;base64,UklGRrYBAABXRUJQVlA4WAoAAAAQAAAAYwAAYwAAQUxQSCEAAAABF/D5/4iIwEAEMzRbCZrp/Al2Ef2fgIaeeGP3RhHf0AMAVlA4IG4BAAAQDACdASpkAGQAPpFInUslpCKxppgIAjASCWMA0XjwmMYXGTn4FDbLRhM9BqOq9m5lYGfdK59wSfHgQb3+G/BT/jNI+Md3rJDwHJ/Qgx4hQN/htGg0oJhRAqSKXKKVfINBbsazc41U96gA/tg7cIfFjoqSxPDnquKIvTeL//m1Hz0n/40j+hrlcD//BX98KP4FXKVcT9Fh68c3Gnx8prQ5QcbGdlf4Dwo//02d4k8XneP1Pv51xzA+/nVWIwvuTuNk0AIotUjCKzUBLsU5k38g4d1ItUq39exqN3wee3pEslYQ9jFStwNbZBsPsntUG7XkJNUB62Yfte6AdxNHtYyvtadt8LaVGh8nIQvQW9A1/XRsbf1AAyKMhpkDdqNtYd5h/E0oeGfuT+W6H9UbMV6v7cJxtKJOJ3O+YaQWjd1TVA/SUbcA95XF6z7ByHo3N7xJq2a22pwQbfECy1FdU+dWQPO49XWNifFl13ZeAAA=) 0 0 no-repeat, url(data:image/webp;base64,UklGRngCAABXRUJQVlA4WAoAAAAQAAAAYwAAYwAAQUxQSCEAAAABF/D5/4iIwEAEMzRbCZrp/Al2Ef2fgIaeeGP3RhHf0AMAVlA4IDACAAAwEACdASpkAGQAPpFEm0olpCKiKnYIuLASCUBcIDG/4/kzXmeV/y62992Z7zpRTX3Bf98VXr0+O9Ns7U0sJ6RRf4VrlQXfOD+R5QUrQ9JKix+bYGoBjdRpRfcSCWTVvE9vog4JNjFgyzDBq3Cv+nUi86wmJk4BCqLimD4CEUFeJRSGirrO0zRAsNgA/vD0WuUxMf/qcf/Jx/2fvN/7grJzD2B7HulnIXybBEax90gEVM2svb5UVFY/ZEBNHwpXZWgGjy7P7uoj1Gcle5mBbHIZ/3NGyqKz+rd7SwCH6pauZlgi9tv2vMVOTZmyIIupos8qj14bwUruREDlScWHk0YKcuXfW6zblwsrQfmiA+3Ez+lB9n9rCrf9fs07vCLzYMvvlL53tVs5j7aX1lUzO2NH6DmKDmKt1JUNuMvVrDl5Mn1ECG6pvFZnbDWIv1+ogoeYBDcdtWq3SUoadDAK/zlDwnDFYPs+sNNkjCZIHPk+fvW/ychORDffychPwKvTFNEtxptW1qz3w0sFl8wkA5KFtg/eoWETzdbUQ7SxCo7EV2Ymx+dyqYZmh4HBZn/QV1izXj+o/0MEdpqhqfMxkhV7AJRR+jUk/nnzJmBUaCZGRe5oAqx/R23m4dGA/c+yAaiL82itJByuf+2eR0ZV2wGNdFJL4Vu5smXdECKdBkrJOCxDaUEyovz09UiRKiv1Z1Ekh9R7ByN1QYF57lE/NoMZqQQkQs7qCKAI4lC+sAAAAA==) 100% 0 no-repeat, url(data:image/webp;base64,UklGRmYCAABXRUJQVlA4WAoAAAAQAAAAYwAAYwAAQUxQSCEAAAABF/D5/4iIwEAEMzRbCZrp/Al2Ef2fgIaeeGP3RhHf0AMAVlA4IB4CAABQEACdASpkAGQAPpFEm0olpCIwKdZpMgASCUBkgHmAjj1NdqvQAimeA29N2V7z4dv74yN5XcswqtVvaDVHI6oHZb1SE66qQl+DLTluBI4fkgy4HTFiS2GQe+/7u16EcTN2ZQfKRpSDrtq2C1aUfGtOzVuOC9x5rAZq0L+/ZAV2Q21BHBL2psp4KMYAAP7mq/eL//KV8K9aFhH/8lPn1xJvE9SRCZuZJYod+KDsesQrVR2QDcfpvq0STFer03LEcuP6rKzaMY0kHUz2g/x5gHRaeIGJJBivBOTL1qF1RWbHnccTrNIo0MF1/BQxwDKQ1Us/vMecpeBIJCAAFRt56eamBB/za9ngktASN7j7uC8LrrFcJ9EWHU9o7diCgrJuAZX9q38AsTJ2glv/BaALJhsDQJvmnDL6ZHVAW4dSwI/q5N+prlQ4O7STlRoUAFLl9ULMoTehLbVOVSz0cGttJbWS5x5RS8FkiW0srtllbp+CiabSZKWoZ4QJfcw5cvPKeQ78JUVOQAxh5qCE/835EI2dM3iY6Rm06r+ECeCvY1IljOMs7naxS4Sq+rj+cSfkvFcMKuMlMI4c6bDgMLolQgANWozgpUZB4jd2gQ6m75LoI0oAhL7FzV5ADhC9nQHFeKxzpnom3s9Bu6COK6aGbxQHBerbZHXrV2hTa8X7bQTU6CsWOTj1IBBKojze9SDx6iucEGCLtlPKZQmcggAAAA==) 0 100% no-repeat, url(data:image/webp;base64,UklGRvIBAABXRUJQVlA4WAoAAAAQAAAAYwAAYwAAQUxQSCEAAAABF/D5/4iIwEAEMzRbCZrp/Al2Ef2fgIaeeGP3RhHf0AMAVlA4IKoBAAAQDgCdASpkAGQAPpFEmEmlpDKhJpmdUlASCWMC4AGN/yRRiPQcqXkxhapOfzhwKkoHuH05Ze1mWFHp1gP8qMpBslA8wVbvOf5KpI6O/DlWh0a6IeHI7ZZk1ZysBo6DdHVFBxm/suK1aZ0OPDx48GHY5zb8I/FxL9AAAP7YIDLzD4D66QrD9sQU0SFEIizU8//5toHI/BX8e6j9f+G90Nzs3EdB3B59gzNwL583Ma7zqv8HTmdjPJtVbrOyIMDP7hU6UXfyYVH+6b966FRrKAitBkezUxbIBX51X1PyfCL0TsxeMYT05WgqxdEP27ZbeyzgRoGTNGj1WU3vZagYAv+KEmllQggq53ioMN7lfxgMYZ3XbdgiUGLz8L0vN6my4sHKs3xKfyuQ1R5C65DPCZMm5KFIK/tdDVDnADgY6TKM/qTWasO5Vtx4gJt//8ME/gQaUDBWd/KLiQ/B/lFyxTyS1pgNjAmNpVSaL5YtrTcMH1FUDLVfjO00oXA42XdQ2TqbJ0AG53rXNUL8Y/Cn389vhhdMoooQCy1l98WQ7TB9UOWzbTgI/YXAAAA=) 100% 100% no-repeat, url(data:image/webp;base64,UklGRkgBAABXRUJQVlA4WAoAAAAQAAAAYwAAYwAAQUxQSCEAAAABF/D5/4iIwEAEMzRbCZrp/Al2Ef2fgIaeeGP3RhHf0AMAVlA4IAABAABQCQCdASpkAGQAPpFEm0slo7IhpUjKQBIJYwE8As/vZ/oKX+ASRSUxHVo7EAisIux/NSWeIENBG6YI+81sNv/2OjkHp7s1du2Ip34upTWW798eYAD+8KlMjTy//ppH/DD/Zv1W/8zTmJ8c03iDyMlAnT16DB0pW7oT80VjHipyYbrAudCsezNZEJ3VZE18lI9iMHJ2mWLoT80VZIxaq9zaJ/gAADWk/7VHIzECbQq6rjxHBueGm1L07+Tkks/Pv5OSTuU2B4mn8TsNoml/igc77VpzzYdEkAABB8FX2rTxyDIaY+9lxLt+h6kYqCX4nB+MicKo8K2PLvtwZDPRYAAA) 0 0 repeat-x, url(data:image/webp;base64,UklGRlYBAABXRUJQVlA4WAoAAAAQAAAAYwAAYwAAQUxQSCEAAAABF/D5/4iIwEAEMzRbCZrp/Al2Ef2fgIaeeGP3RhHf0AMAVlA4IA4BAACwCQCdASpkAGQAPpFEm0slo7IhpUjKQBIJYwE7JsP2AUv+l/wDc3BbMpe11ploisEA0pNQZ8wcelR8gQOgvJcEJdOnewN8g9ObnR+AvI/iOrzX33bSgAD+8NC1At7//Rh//DD/vR10/9XaFzWTDOqZn1jt20AFLb96Tqsltne7lhjdLEKIW5/KLdmlGZ5trMC6t2chy1kRbd0T6ucUtCNSMyGNbqkc1JbXI/g7bSeCIKzYXpPft+LIjtPra5e880/lInTVR/qkT9u+iObdAbGBM6cFyCiJXNav6qTVj5079tP+WFoM9ahNPajd+H7VpD0dnw/sLgnKDpW0y8laIGrRG+8DdEgEt1Ef7wb1wAA=) 0 100% repeat-x, url(data:image/webp;base64,UklGRjABAABXRUJQVlA4WAoAAAAQAAAAYwAAYwAAQUxQSCEAAAABF/D5/4iIwEAEMzRbCZrp/Al2Ef2fgIaeeGP3RhHf0AMAVlA4IOgAAADQCgCdASpkAGQAPpFEmEmlpDKhJU1yUBIJZQbu5vgJFIGrarWYJ3iCODNyXxdkze5kr92PevIDMpDzMaoQt0VW5H5WatIYDhP2Z4P0a9GzD2P0NQxX+QGqj7PD2eDCAAD+5du+V7/+RNnJYVhd//jrWjy+Tjev+kbIKUr1cXiFdk2dCFK9yucHFS6IJf1eCtvt0BIWCz5OuUe1FyqiiUBB/Z63cO/REOT1+db7lYRM/Xg7FlanGAk5knFyVvDsjBfc/3A+Fpi5FuTPD1KPf7wP/5dtYkZQAP6EFXCBTxF5FRhYNP46AAAA) 0 0 repeat-y, url(data:image/webp;base64,UklGRj4BAABXRUJQVlA4WAoAAAAQAAAAYwAAYwAAQUxQSCEAAAABF/D5/4iIwEAEMzRbCZrp/Al2Ef2fgIaeeGP3RhHf0AMAVlA4IPYAAAAwCwCdASpkAGQAPpFEmUqlo7MhpUrqYBIJZQGFVkM1e9qtZindMIqEv0p3qG7UV4tnhPfduxdC4Xf7OYADFFv+2JGTEXZYdNyN5G53KfWRpT1CM2YsMexibBobpFotCMuiAAD+5du+1r//Im3SWFYX//462WSX2cbiTdlSCe5l1rm5jW3CP8vcrnBxUuiN9v6zMx5n/tcayyZ/7V+P/okNd2LFqVNFCUtbFBdBOLaRhovoq6J6rnNY8q2sX4lWLfoD2IvQhMGnIxhTp3w4xXAchzcOcYOk9lir5VUDBVa/3Y6VJ5QQVcNQufJvWASvlQkVcki2gAA=) 100% 0 repeat-y;
  background: var(--game-nav-additional-modal-content-outer-bg);
  padding: 12px;
  padding: var(--game-nav-additional-modal-content-outer-padding-web);
  height: 100%;
  background-size: 12px
}

@media only screen and (max-width:600px) {
  .game-nav-additional-modal-content-outer {
    padding: 12px;
    padding: var(--game-nav-additional-modal-content-outer-padding-app)
  }
}

.game-nav-additional-modal-content-inner {
  position: relative;
  background: radial-gradient(closest-side, #692711 0, #64240f 27%, #581c0a 55%, #440f01 82%, #400c00 88%);
  background: var(--game-nav-additional-modal-content-inner-bg);
  height: 100%
}

@media only screen and (min-width:500px) and (max-width:1023px) and (orientation:landscape) {
  .game-nav-additional-modal-wrapper {
    width: 100% !important;
    height: 100vh;
    height: 100dvh;
    position: fixed;
    left: 0;
    top: 0
  }

  .game-nav-additional-modal-close-btn {
    right: 10px;
    right: var(--game-nav-additional-modal-close-btn-right-position-app);
    top: 10px;
    top: var(--game-nav-additional-modal-close-btn-top-position-app);
    padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)
  }

  .game-nav-additional-modal-outer {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
  }

  .game-nav-additional-modal-inner {
    margin: 0;
    margin: var(--game-nav-additional-modal-inner-margin-app);
    padding: 20px;
    padding: var(--game-nav-additional-modal-inner-padding-app-landscape)
  }

  .game-nav-additional-modal-inner.isIos {
    padding: calc(20px + env(safe-area-inset-top)) calc(5px + env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) calc(10px + env(safe-area-inset-left))
  }

  .game-nav-additional-modal-header {
    pointer-events: none
  }

  .game-nav-additional-modal-header .game-nav-additional-modal-header-areas01 {
    display: none;
    display: var(--game-nav-additional-modal-header-areas01-show-landscape)
  }

  .game-nav-additional-modal-content-outer {
    padding: 12px;
    padding: var(--game-nav-additional-modal-content-outer-padding-app)
  }

  .deposit-dialog .game-nav-additional-modal-wrapper .game-nav-additional-modal-inner.isIos #deposit_category .submitbtn-wrap {
    padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)
  }
}

:root {
  --backpack-expiredTime-icon: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/expiredTime-icon_7d019c3.webp) center center no-repeat;
  --backpack-expiredTime-icon-asc: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/expiredTime-icon-asc_60b9125.webp) center center no-repeat;
  --backpack-expiredTime-icon-desc: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/expiredTime-icon-desc_2706d8b.webp) center center no-repeat;
  --backpack-betAmount-icon: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/betAmount-icon_81c0649.webp) center center no-repeat;
  --backpack-betAmount-icon-asc: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/betAmount-icon-asc_e747b73.webp) center center no-repeat;
  --backpack-betAmount-icon-desc: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/betAmount-icon-desc_ed36dd8.webp) center center no-repeat;
  --backpack-gameCount-icon: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/gameCount-icon_e74d70c.webp) center center no-repeat;
  --backpack-gameCount-icon-asc: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/gameCount-icon-asc_9bc901f.webp) center center no-repeat;
  --backpack-gameCount-icon-desc: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/gameCount-icon-desc_13dc85f.webp) center center no-repeat;
  --backpack-filterCard-icon: url(data:image/webp;base64,UklGRrYCAABXRUJQVlA4WAoAAAAQAAAAYwAAYwAAQUxQSPsBAAABkBUAaB1JSEACEiohEupg42DrYOJg6iDjYCUgIRKQEAnci5Sl3PsnIiYA/rfF+uy9t5JZYTWlU1L41GU5UiLRq8+ESPR6z2eo55HNu7pOSkZ8tK+VesOdlqp648Imes9OC+xWLZp6V16Ybt3qet9ioLqzNW7UDPITi290fN6w2o3IQD+2UG7TwBa30wJ8yS3GAYunW1nIsHgJ5MpOLZniI5Btc9nSgZdDhYTblblDylWWmCDryj+aZ4HUS6k7wR9rqq0dO2WGj6k/HjWt96mrUlLCD736yGjo9Uc+T/U8sqnqOjEZ8dF2N6T1qs4Tl5AC4hqxBq0LxBqSaYFEo3aLRIMKWl3DDqtr2GZxHLE4zrDGDUYctloctlqcbqGE6RZKFCELiKNUC4hjMMEy0vruRgsASAERPlecOuRafISSgdOlQrY4HBrkix+XGqTcZEkKJE2nGHwgJL7trR07wt9U2mvZcit96g+5pkWsq1Jzept68ZHRu17v+RT1fGSD4qIlmYf6cjLipOUz8DE1oHRc2DWmdFwRDSponUFUBa2qYZvFYbRZHIcticOWxBk3GNYZp1sjTrdoRplkvcJMsmCTGLKBfUSRDZZLDVhgFd3Oul7g5uwkkCs51WTgcGFI9+UglA+cl4Qg42OunQg500ssLpB4ab33syL83wkAVlA4IJQAAAAwCgCdASpkAGQAPiEKhEIhhwfwBgCBLSBcgP4B+AH6AfwAH3f3AAhsj8/MZ0LeHd55uBA64vtjZj0w6EHKauCwf8tyYZwi0YCxG2ZNeOnWzTqUeq3h3rMaEQAA/v8Na///8Nxp/4kdP/cskirso+Ev/y4rIE+Av4lMn3//w9V2RcmgJL//w3BSVyQrhif/+HqgAAAA) center center no-repeat;
  --backpack-delete-icon: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/delete-icon_f91f7e2.svg) center center no-repeat;
  --backpack-brand-group-app-width: 64px;
  --backpack-brand-grid-app-width: calc(var(--backpack-brand-group-app-width) + 12px);
  --backpack-card-box-radius-web: 16px;
  --backpack-card-box-radius-mob: 10px;
  --backpack-card-box-card-platform-bg: #333;
  --backpack-card-box-card-platform-text: #fff;
  --backpack-card-box-card-bet-shadow: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.5)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.5));
  --backpack-card-box-card-bet-text: #fff;
  --backpack-card-box-card-bet-text-stroke-shadow: drop-shadow(0 1px 1px #000);
  --backpack-card-box-card-img-effect: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/sparkles_7d23a56.webp), url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/holo_31c49ac.webp), linear-gradient(125deg, rgba(255, 0, 132, 0.31373) 15%, rgba(252, 164, 0, 0.25098) 30%, rgba(255, 255, 0, 0.18824) 40%, rgba(0, 255, 138, 0.12549) 60%, rgba(0, 207, 255, 0.25098) 70%, rgba(204, 76, 250, 0.31373) 85%);
  --backpack-card-box-normal-type: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/normal-card_35c1f27.webp) center center no-repeat;
  --backpack-card-box-normal-card-bet: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/normal-bet_ea86340.webp) center center no-repeat;
  --backpack-card-box-normal-card-bet-text-stroke: #816c00;
  --backpack-card-box-feature-type: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/feature-card_6f2f903.webp) center center no-repeat;
  --backpack-card-box-feature-rarity_s: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/rarity-s_bc5fed9.webp) center center no-repeat;
  --backpack-card-box-feature-rarity_s-shadow: drop-shadow(0px 0px 5px rgba(255, 246, 152, 0.7));
  --backpack-card-box-feature-rarity_sr: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/rarity-sr_6837a61.webp) center center no-repeat;
  --backpack-card-box-feature-rarity_sr-shadow: drop-shadow(0px 0px 5px #d88fff);
  --backpack-card-box-feature-rarity_sr-effect: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/glare_83e6dbf.webp) center center no-repeat;
  --backpack-card-box-feature-card-bet: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/feature-bet_8d53ab3.webp) center center no-repeat;
  --backpack-card-box-feature-card-bet-text-stroke: #7102a5;
  --backpack-card-box-ingame-type: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/ingame-card_62d95e9.webp) center center no-repeat;
  --backpack-card-box-ingame-card-bet: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/ingame-bet_ffd991b.webp) center center no-repeat;
  --backpack-card-box-ingame-card-bet-text-stroke: #555;
  --backpack-card-box-card-mag-text: linear-gradient(130deg, #0085ff 15%, #5200ff 85%);
  --backpack-card-box-card-mag-text-stroke: #fff;
  --backpack-card-box-card-mag-text-stroke-shadow: drop-shadow(0 0 10px rgba(84, 148, 228, 0.5));
  --backpack-card-freespin-filter: drop-shadow(1px 2px 1px rgba(0, 0, 0, 0.75));
  --backpack-card-freespin-text: #fff;
  --backpack-card-freespin-after-bg: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/number-bg_6f1c2aa.webp) center center no-repeat;
  --backpack-card-freespin-after-filter: drop-shadow(1px 2px 5px rgba(0, 0, 0, 0.75));
  --backpack-card-title-radius: 50px;
  --backpack-card-title-text-shadow: -1px -2px 1px hsla(0, 0%, 100%, 0.25), 1px 2px 1px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.2);
  --backpack-card-title-brfore-bg: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/trophy_6017c15.webp) left bottom no-repeat;
  --backpack-state-bg: rgba(0, 0, 0, 0.7);
  --backpack-state-p-text: #fff;
  --backpack-using-card-border: 2px solid #0f0;
  --backpack-using-card-bg: rgba(0, 75, 0, 0.75);
  --backpack-using-card-p-text: var(--backpack-state-p-text);
  --backpack-maintenance-svg: var(--backpack-state-p-text)
}

#__layout .publicDialog .backpack-dialog {
  z-index: 2147483646 !important;
  background: #000;
  border-radius: 0
}

#__layout .publicDialog .backpack-dialog .el-dialog {
  margin-top: 0 !important
}

#__layout .publicDialog .backpack-dialog .el-dialog .el-dialog__body {
  position: relative;
  z-index: 1;
  overflow: visible;
  padding: 0;
  background: transparent;
  border-radius: 0;
  border-radius: initial
}

#__layout .publicDialog .backpack-dialog+.v-modal {
  opacity: 0
}

#__layout .publicDialog .backpack-dialog .game-nav-additional-modal-inner {
  height: auto
}

@media only screen and (max-width:600px) {
  #__layout .publicDialog .backpack-dialog .game-nav-additional-modal-inner {
    height: 100%
  }
}

.backpack-wrapper {
  height: 100%
}

.backpack-content-inner {
  position: relative;
  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
}

.backpack-content-inner.filter {
  padding: 24px;
  padding: var(--backpack-content-inner-filter-padding-web);
  grid-gap: 12px;
  gap: 12px
}

@media only screen and (max-width:600px) {
  .backpack-content-inner.filter {
    padding: 24px 12px;
    padding: var(--backpack-content-inner-filter-padding-app)
  }
}

.backpack-content-inner .backpack-title {
  position: relative;
  display: none;
  display: var(--backpack-title-display)
}

.backpack-content-inner .filter-sort {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 10px;
  gap: 10px
}

.backpack-content-inner .filter-sort.filter-disable {
  cursor: not-allowed;
  opacity: .5
}

.backpack-content-inner .filter-sort .sort-type {
  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;
  grid-gap: 5px;
  gap: 5px;
  height: 30px;
  width: 45px;
  color: #fff;
  color: var(--backpack-sort-type-text);
  position: relative
}

.backpack-content-inner .filter-sort .sort-type:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 25px;
  height: 25px
}

.backpack-content-inner .filter-sort .sort-type.gameItemExpiredTime.icon-default:before {
  -webkit-mask: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/expiredTime-icon_7d019c3.webp) center center no-repeat;
  mask: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/expiredTime-icon_7d019c3.webp) center center no-repeat;
  -webkit-mask: var(--backpack-expiredTime-icon);
  mask: var(--backpack-expiredTime-icon);
  -webkit-mask-size: contain;
  mask-size: contain
}

.backpack-content-inner .filter-sort .sort-type.gameItemExpiredTime.icon-asc:before {
  -webkit-mask: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/expiredTime-icon-asc_60b9125.webp) center center no-repeat;
  mask: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/expiredTime-icon-asc_60b9125.webp) center center no-repeat;
  -webkit-mask: var(--backpack-expiredTime-icon-asc);
  mask: var(--backpack-expiredTime-icon-asc);
  -webkit-mask-size: contain;
  mask-size: contain
}

.backpack-content-inner .filter-sort .sort-type.gameItemExpiredTime.icon-desc:before {
  -webkit-mask: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/expiredTime-icon-desc_2706d8b.webp) center center no-repeat;
  mask: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/expiredTime-icon-desc_2706d8b.webp) center center no-repeat;
  -webkit-mask: var(--backpack-expiredTime-icon-desc);
  mask: var(--backpack-expiredTime-icon-desc);
  -webkit-mask-size: contain;
  mask-size: contain
}

.backpack-content-inner .filter-sort .sort-type.betAmount.icon-default:before {
  -webkit-mask: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/betAmount-icon_81c0649.webp) center center no-repeat;
  mask: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/betAmount-icon_81c0649.webp) center center no-repeat;
  -webkit-mask: var(--backpack-betAmount-icon);
  mask: var(--backpack-betAmount-icon);
  -webkit-mask-size: contain;
  mask-size: contain
}

.backpack-content-inner .filter-sort .sort-type.betAmount.icon-asc:before {
  -webkit-mask: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/betAmount-icon-asc_e747b73.webp) center center no-repeat;
  mask: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/betAmount-icon-asc_e747b73.webp) center center no-repeat;
  -webkit-mask: var(--backpack-betAmount-icon-asc);
  mask: var(--backpack-betAmount-icon-asc);
  -webkit-mask-size: contain;
  mask-size: contain
}

.backpack-content-inner .filter-sort .sort-type.betAmount.icon-desc:before {
  -webkit-mask: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/betAmount-icon-desc_ed36dd8.webp) center center no-repeat;
  mask: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/betAmount-icon-desc_ed36dd8.webp) center center no-repeat;
  -webkit-mask: var(--backpack-betAmount-icon-desc);
  mask: var(--backpack-betAmount-icon-desc);
  -webkit-mask-size: contain;
  mask-size: contain
}

.backpack-content-inner .filter-sort .sort-type.gameCount.icon-default:before {
  -webkit-mask: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/gameCount-icon_e74d70c.webp) center center no-repeat;
  mask: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/gameCount-icon_e74d70c.webp) center center no-repeat;
  -webkit-mask: var(--backpack-gameCount-icon);
  mask: var(--backpack-gameCount-icon);
  -webkit-mask-size: contain;
  mask-size: contain
}

.backpack-content-inner .filter-sort .sort-type.gameCount.icon-asc:before {
  -webkit-mask: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/gameCount-icon-asc_9bc901f.webp) center center no-repeat;
  mask: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/gameCount-icon-asc_9bc901f.webp) center center no-repeat;
  -webkit-mask: var(--backpack-gameCount-icon-asc);
  mask: var(--backpack-gameCount-icon-asc);
  -webkit-mask-size: contain;
  mask-size: contain
}

.backpack-content-inner .filter-sort .sort-type.gameCount.icon-desc:before {
  -webkit-mask: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/gameCount-icon-desc_13dc85f.webp) center center no-repeat;
  mask: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/gameCount-icon-desc_13dc85f.webp) center center no-repeat;
  -webkit-mask: var(--backpack-gameCount-icon-desc);
  mask: var(--backpack-gameCount-icon-desc);
  -webkit-mask-size: contain;
  mask-size: contain
}

.backpack-content-inner .filter-sort .sort-type.filterCard.icon-active:before, .backpack-content-inner .filter-sort .sort-type.filterCard.icon-default:before {
  -webkit-mask: url(data:image/webp;base64,UklGRrYCAABXRUJQVlA4WAoAAAAQAAAAYwAAYwAAQUxQSPsBAAABkBUAaB1JSEACEiohEupg42DrYOJg6iDjYCUgIRKQEAnci5Sl3PsnIiYA/rfF+uy9t5JZYTWlU1L41GU5UiLRq8+ESPR6z2eo55HNu7pOSkZ8tK+VesOdlqp648Imes9OC+xWLZp6V16Ybt3qet9ioLqzNW7UDPITi290fN6w2o3IQD+2UG7TwBa30wJ8yS3GAYunW1nIsHgJ5MpOLZniI5Btc9nSgZdDhYTblblDylWWmCDryj+aZ4HUS6k7wR9rqq0dO2WGj6k/HjWt96mrUlLCD736yGjo9Uc+T/U8sqnqOjEZ8dF2N6T1qs4Tl5AC4hqxBq0LxBqSaYFEo3aLRIMKWl3DDqtr2GZxHLE4zrDGDUYctloctlqcbqGE6RZKFCELiKNUC4hjMMEy0vruRgsASAERPlecOuRafISSgdOlQrY4HBrkix+XGqTcZEkKJE2nGHwgJL7trR07wt9U2mvZcit96g+5pkWsq1Jzept68ZHRu17v+RT1fGSD4qIlmYf6cjLipOUz8DE1oHRc2DWmdFwRDSponUFUBa2qYZvFYbRZHIcticOWxBk3GNYZp1sjTrdoRplkvcJMsmCTGLKBfUSRDZZLDVhgFd3Oul7g5uwkkCs51WTgcGFI9+UglA+cl4Qg42OunQg500ssLpB4ab33syL83wkAVlA4IJQAAAAwCgCdASpkAGQAPiEKhEIhhwfwBgCBLSBcgP4B+AH6AfwAH3f3AAhsj8/MZ0LeHd55uBA64vtjZj0w6EHKauCwf8tyYZwi0YCxG2ZNeOnWzTqUeq3h3rMaEQAA/v8Na///8Nxp/4kdP/cskirso+Ev/y4rIE+Av4lMn3//w9V2RcmgJL//w3BSVyQrhif/+HqgAAAA) center center no-repeat;
  mask: url(data:image/webp;base64,UklGRrYCAABXRUJQVlA4WAoAAAAQAAAAYwAAYwAAQUxQSPsBAAABkBUAaB1JSEACEiohEupg42DrYOJg6iDjYCUgIRKQEAnci5Sl3PsnIiYA/rfF+uy9t5JZYTWlU1L41GU5UiLRq8+ESPR6z2eo55HNu7pOSkZ8tK+VesOdlqp648Imes9OC+xWLZp6V16Ybt3qet9ioLqzNW7UDPITi290fN6w2o3IQD+2UG7TwBa30wJ8yS3GAYunW1nIsHgJ5MpOLZniI5Btc9nSgZdDhYTblblDylWWmCDryj+aZ4HUS6k7wR9rqq0dO2WGj6k/HjWt96mrUlLCD736yGjo9Uc+T/U8sqnqOjEZ8dF2N6T1qs4Tl5AC4hqxBq0LxBqSaYFEo3aLRIMKWl3DDqtr2GZxHLE4zrDGDUYctloctlqcbqGE6RZKFCELiKNUC4hjMMEy0vruRgsASAERPlecOuRafISSgdOlQrY4HBrkix+XGqTcZEkKJE2nGHwgJL7trR07wt9U2mvZcit96g+5pkWsq1Jzept68ZHRu17v+RT1fGSD4qIlmYf6cjLipOUz8DE1oHRc2DWmdFwRDSponUFUBa2qYZvFYbRZHIcticOWxBk3GNYZp1sjTrdoRplkvcJMsmCTGLKBfUSRDZZLDVhgFd3Oul7g5uwkkCs51WTgcGFI9+UglA+cl4Qg42OunQg500ssLpB4ab33syL83wkAVlA4IJQAAAAwCgCdASpkAGQAPiEKhEIhhwfwBgCBLSBcgP4B+AH6AfwAH3f3AAhsj8/MZ0LeHd55uBA64vtjZj0w6EHKauCwf8tyYZwi0YCxG2ZNeOnWzTqUeq3h3rMaEQAA/v8Na///8Nxp/4kdP/cskirso+Ev/y4rIE+Av4lMn3//w9V2RcmgJL//w3BSVyQrhif/+HqgAAAA) center center no-repeat;
  -webkit-mask: var(--backpack-filterCard-icon);
  mask: var(--backpack-filterCard-icon);
  -webkit-mask-size: contain;
  mask-size: contain
}

.backpack-content-inner .filter-sort .sort-type.icon-default:before {
  background: #fff;
  background: var(--backpack-sort-type-icon-color)
}

.backpack-content-inner .filter-sort .sort-type.icon-active, .backpack-content-inner .filter-sort .sort-type.icon-asc, .backpack-content-inner .filter-sort .sort-type.icon-desc {
  border-radius: 3px;
  border-radius: var(--backpack-sort-type-active-radius);
  background: #ffaf00;
  background: var(--backpack-sort-type-active-bg);
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-shadow: var(--backpack-sort-type-active-shadow);
  box-shadow: var(--backpack-sort-type-active-shadow)
}

.backpack-content-inner .filter-sort .sort-type.icon-active:before, .backpack-content-inner .filter-sort .sort-type.icon-asc:before, .backpack-content-inner .filter-sort .sort-type.icon-desc:before {
  background: #fff;
  background: var(--backpack-sort-type-active-icon-color)
}

.backpack-content-inner .filter-brand {
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  grid-gap: 10px;
  gap: 10px
}

.backpack-content-inner .filter-brand .brand-grid, .backpack-content-inner .filter-brand .brand-group {
  position: relative;
  overflow-y: auto;
  overflow-x: hidden
}

@media only screen and (max-width:600px) {
  .backpack-content-inner .filter-brand .brand-grid {
    height: 100%
  }
}

.backpack-content-inner .brand-group {
  width: 80px;
  padding-top: 8px;
  padding-right: 8px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-gap: 10px;
  gap: 10px
}

[dir=rtl] .backpack-content-inner .brand-group {
  padding-right: 0;
  padding-left: 8px
}

@media only screen and (max-width:600px) {
  .backpack-content-inner .brand-group {
    width: 64px;
    width: var(--backpack-brand-group-app-width);
    position: absolute !important;
    left: 0;
    top: 0;
    bottom: 0;
    height: calc(100% - 8px)
  }

  [dir=rtl] .backpack-content-inner .brand-group {
    left: auto;
    right: 0
  }
}

.backpack-content-inner .brand-group .swiper-silde {
  border-radius: 8px;
  border-radius: var(--backpack-brand-group-swiper-silde-radius);
  border: 1px solid #181818;
  border: var(--backpack-brand-group-swiper-silde-border);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #503d36), to(#3d2e29));
  background: linear-gradient(180deg, #503d36 0, #3d2e29);
  background: var(--backpack-brand-group-swiper-silde-bg);
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-shadow: var(--backpack-brand-group-swiper-silde-shadow);
  box-shadow: var(--backpack-brand-group-swiper-silde-shadow);
  position: relative;
  padding: 10px 5px;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  color: var(--backpack-brand-group-swiper-silde-text);
  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;
  grid-gap: 8px;
  gap: 8px
}

.backpack-content-inner .brand-group .swiper-silde:last-child {
  margin-bottom: 8px
}

.backpack-content-inner .brand-group .swiper-silde img {
  width: 24px;
  -webkit-filter: none;
  filter: none;
  -webkit-filter: var(--backpack-brand-group-swiper-silde-icon-filter);
  filter: var(--backpack-brand-group-swiper-silde-icon-filter)
}

.backpack-content-inner .brand-group .swiper-silde span {
  text-align: center
}

.backpack-content-inner .brand-group .swiper-silde .dot {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: red;
  background: var(--backpack-brand-group-dot-bg);
  -webkit-box-shadow: 0 0 2px #fff;
  box-shadow: 0 0 2px #fff;
  -webkit-box-shadow: var(--backpack-brand-group-dot-shadow);
  box-shadow: var(--backpack-brand-group-dot-shadow);
  font-size: .6rem;
  color: #fff;
  color: var(--backpack-brand-group-dot-text);
  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;
  position: absolute;
  z-index: 1;
  top: -7px;
  right: -7px;
  min-width: 14px;
  width: auto;
  border-radius: 20px;
  padding: 0 2px
}

.backpack-content-inner .brand-group .swiper-silde .delete-icon {
  width: 24px;
  height: 24px;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/delete-icon_f91f7e2.svg) 50% no-repeat;
  background: var(--backpack-delete-icon);
  background-size: contain;
  -webkit-filter: none;
  filter: none;
  -webkit-filter: var(--backpack-brand-group-swiper-silde-icon-filter);
  filter: var(--backpack-brand-group-swiper-silde-icon-filter)
}

.backpack-content-inner .brand-group .swiper-silde.swiper-silde-active {
  border-color: #fc0;
  border-color: var(--backpack-brand-group-swiper-silde-active-border);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffdb34), to(#f50));
  background: linear-gradient(180deg, #ffdb34, #f50);
  background: var(--backpack-brand-group-swiper-silde-active-bg);
  -webkit-box-shadow: inset 0 -4px 4px hsla(0, 0%, 100%, .2), inset 0 4px 4px hsla(0, 0%, 100%, .2);
  box-shadow: inset 0 -4px 4px hsla(0, 0%, 100%, .2), inset 0 4px 4px hsla(0, 0%, 100%, .2);
  -webkit-box-shadow: var(--backpack-brand-group-swiper-silde-active-shadow);
  box-shadow: var(--backpack-brand-group-swiper-silde-active-shadow);
  color: #fff;
  color: var(--backpack-brand-group-swiper-silde-active-text)
}

.backpack-content-inner .brand-group .swiper-silde.swiper-silde-active .delete-icon, .backpack-content-inner .brand-group .swiper-silde.swiper-silde-active img {
  -webkit-filter: none;
  filter: none;
  -webkit-filter: var(--backpack-brand-group-swiper-silde-active-icon-filter);
  filter: var(--backpack-brand-group-swiper-silde-active-icon-filter)
}

.backpack-content-inner .brand-grid {
  border-radius: 12px;
  border-radius: var(--backpack-brand-grid-radius);
  border: 1px solid #ef8301;
  border: var(--backpack-brand-grid-border);
  background: rgba(0, 0, 0, .3);
  background: var(--backpack-brand-grid-bg);
  -webkit-box-shadow: 0 3px 0 #341106, 0 5px 5px rgba(255, 254, 163, .5), inset 0 -4px 4px rgba(0, 0, 0, .5), inset 0 4px 4px rgba(0, 0, 0, .5);
  box-shadow: 0 3px 0 #341106, 0 5px 5px rgba(255, 254, 163, .5), inset 0 -4px 4px rgba(0, 0, 0, .5), inset 0 4px 4px rgba(0, 0, 0, .5);
  -webkit-box-shadow: var(--backpack-brand-grid-shadow);
  box-shadow: var(--backpack-brand-grid-shadow);
  padding: 7px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 500px;
  display: grid
}

.backpack-content-inner .brand-grid.nodata {
  display: grid;
  justify-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  color: var(--backpack-brand-grid-nodata-text)
}

.backpack-content-inner .brand-grid.nodata span {
  text-align: center
}

@media only screen and (max-width:600px) {
  .backpack-content-inner .brand-grid {
    overflow: auto;
    position: absolute !important;
    left: 76px;
    left: var(--backpack-brand-grid-app-width);
    top: 0;
    bottom: 0;
    width: calc(100% - 76px);
    width: calc(100% - var(--backpack-brand-grid-app-width));
    height: 100%
  }

  [dir=rtl] .backpack-content-inner .brand-grid {
    left: auto;
    right: 76px;
    right: var(--backpack-brand-grid-app-width)
  }
}

.backpack-content-inner .brand-grid .brand-card {
  position: relative;
  padding: 5px
}

.backpack-content-inner .brand-grid .brand-card>a {
  display: block;
  height: 100%
}

.backpack-content-inner .brand-grid .newshake {
  position: absolute;
  z-index: 15;
  right: -3px;
  top: -3px;
  width: 63px;
  -webkit-animation-name: shake;
  animation-name: shake;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

@media only screen and (max-width:390px) {
  .backpack-content-inner .brand-grid .newshake {
    right: -1px;
    top: -1px;
    width: 50px
  }
}

.backpack-content-inner .brand-grid .newshake img {
  width: 100%
}

.backpack-content-inner .brand-grid .newrotate {
  position: absolute;
  top: -15px;
  left: -90px;
  right: -90px;
  margin: auto;
  width: 180px;
  height: 180px;
  -webkit-animation-name: rotate;
  animation-name: rotate;
  -webkit-animation-duration: 20s;
  animation-duration: 20s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}

@-webkit-keyframes shake {
  0% {
    -webkit-transform: rotate(5deg) scale(1);
    transform: rotate(5deg) scale(1)
  }

  30% {
    -webkit-transform: rotate(-10deg) scale(1.1);
    transform: rotate(-10deg) scale(1.1)
  }

  40% {
    -webkit-transform: rotate(10deg) scale(1.1);
    transform: rotate(10deg) scale(1.1)
  }

  50% {
    -webkit-transform: rotate(-10deg) scale(1.1);
    transform: rotate(-10deg) scale(1.1)
  }

  60% {
    -webkit-transform: rotate(10deg) scale(1.1);
    transform: rotate(10deg) scale(1.1)
  }

  70% {
    -webkit-transform: rotate(-10deg) scale(1.1);
    transform: rotate(-10deg) scale(1.1)
  }

  to {
    -webkit-transform: rotate(5deg) scale(1);
    transform: rotate(5deg) scale(1)
  }
}

@keyframes shake {
  0% {
    -webkit-transform: rotate(5deg) scale(1);
    transform: rotate(5deg) scale(1)
  }

  30% {
    -webkit-transform: rotate(-10deg) scale(1.1);
    transform: rotate(-10deg) scale(1.1)
  }

  40% {
    -webkit-transform: rotate(10deg) scale(1.1);
    transform: rotate(10deg) scale(1.1)
  }

  50% {
    -webkit-transform: rotate(-10deg) scale(1.1);
    transform: rotate(-10deg) scale(1.1)
  }

  60% {
    -webkit-transform: rotate(10deg) scale(1.1);
    transform: rotate(10deg) scale(1.1)
  }

  70% {
    -webkit-transform: rotate(-10deg) scale(1.1);
    transform: rotate(-10deg) scale(1.1)
  }

  to {
    -webkit-transform: rotate(5deg) scale(1);
    transform: rotate(5deg) scale(1)
  }
}

.backpack-content-inner .brand-grid .card-countdown {
  font-size: 12px;
  line-height: 16px;
  color: #fff;
  color: var(--backpack-brand-grid-card-countdown-text);
  text-align: center;
  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;
  grid-gap: 3px;
  gap: 3px
}

.backpack-content-inner .brand-grid .card-countdown .card-countdown-icon {
  width: 12px;
  height: 12px;
  background: #fff;
  background: var(--backpack-brand-grid-card-countdown-i-color);
  -webkit-mask: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/expiredTime-icon_7d019c3.webp) center center no-repeat;
  mask: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/expiredTime-icon_7d019c3.webp) center center no-repeat;
  -webkit-mask: var(--backpack-brand-grid-card-countdown-i);
  mask: var(--backpack-brand-grid-card-countdown-i);
  -webkit-mask-size: contain;
  mask-size: contain
}

@media only screen and (max-width:600px) {
  .backpack-content-inner .brand-grid .card-countdown {
    font-size: 10px;
    line-height: 14px
  }
}

@media only screen and (max-width:375px) {
  .backpack-content-inner .brand-grid .card-countdown {
    grid-gap: 2px;
    gap: 2px
  }

  .backpack-content-inner .brand-grid .card-countdown .card-countdown-icon {
    width: 8px;
    height: 8px
  }
}

@media only screen and (max-width:360px) {
  .backpack-content-inner .brand-grid .card-countdown {
    font-size: 8px;
    line-height: 10px
  }
}

@media only screen and (max-width:359px) {
  .backpack-content-inner .brand-grid .card-countdown .card-countdown-icon {
    display: none
  }
}

.backpack-content-inner .delete-memo {
  position: absolute;
  z-index: 30;
  left: 110px;
  right: 12px;
  bottom: 12px;
  background: rgba(0, 0, 0, .7);
  background: var(--backpack-delete-memo-bg);
  border: 1px solid #834d2d;
  border: var(--backpack-delete-memo-border);
  -webkit-box-shadow: 0 2px 5px #3b1206;
  box-shadow: 0 2px 5px #3b1206;
  -webkit-box-shadow: var(--backpack-delete-memo-shadow);
  box-shadow: var(--backpack-delete-memo-shadow);
  border-radius: 4px;
  color: #ffc39f;
  color: var(--backpack-delete-memo-text);
  padding: 10px;
  line-height: 16px;
  font-size: 14px;
  text-align: center
}

[dir=rtl] .backpack-content-inner .delete-memo {
  right: 110px;
  left: 12px
}

@media only screen and (max-width:600px) {
  .backpack-content-inner .delete-memo {
    left: 88px;
    left: calc(var(--backpack-brand-grid-app-width) + 12px);
    bottom: 12px;
    right: 12px
  }

  [dir=rtl] .backpack-content-inner .delete-memo {
    right: 88px;
    right: calc(var(--backpack-brand-grid-app-width) + 12px);
    left: 12px
  }
}

.backpack-content-inner .backpack-scroll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-gap: 40px;
  gap: 40px;
  padding: 32px;
  padding: var(--backpack-scroll-padding-web)
}

@media only screen and (max-width:767px) {
  .backpack-content-inner .backpack-scroll {
    padding: 32px;
    padding: var(--backpack-scroll-padding-app)
  }
}

@media only screen and (max-width:600px) {
  .backpack-content-inner .backpack-scroll {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    grid-gap: 24px;
    gap: 24px
  }
}

.backpack-content-inner .backpack-card {
  position: relative;
  padding-top: 10px;
  width: 100%
}

.backpack-content-inner .backpack-card-header-image1 {
  position: absolute;
  z-index: 40;
  top: 0;
  left: 0;
  width: 100%;
  height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: none
}

.backpack-content-inner .backpack-card-header-image2 {
  position: absolute;
  z-index: 5;
  bottom: -15px;
  right: -15px;
  width: 120px;
  height: 120px;
  display: var(--backpack-card-header-image2-show)
}

[dir=rtl] .backpack-content-inner .backpack-card-header-image2 {
  right: auto;
  left: -15px
}

.backpack-content-inner .backpack-card-header-image2 img {
  max-width: 100%
}

@media only screen and (max-width:767px) {
  .backpack-content-inner .backpack-card-header-image2 {
    display: none
  }
}

.backpack-content-inner .card-freespin {
  position: absolute;
  z-index: 30;
  left: -25px;
  left: var(--backpack-card-wrapper-card-freespin-left-position-web);
  top: -25px;
  top: var(--backpack-card-wrapper-card-freespin-top-position-web);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 120px;
  height: 120px;
  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
}

[dir=rtl] .backpack-content-inner .card-freespin {
  left: auto;
  right: -25px;
  right: var(--backpack-card-wrapper-card-freespin-left-position-web)
}

[dir=rtl] .backpack-content-inner .card-freespin {
  -webkit-transform: rotate(45deg) scaleX(-1);
  transform: rotate(45deg) scaleX(-1)
}

@media only screen and (max-width:600px) {
  .backpack-content-inner .card-freespin {
    left: -14px;
    left: var(--backpack-card-wrapper-card-freespin-left-position-app);
    top: -9px;
    top: var(--backpack-card-wrapper-card-freespin-top-position-app);
    width: 100px;
    height: 100px
  }

  [dir=rtl] .backpack-content-inner .card-freespin {
    right: -15px
  }
}

.backpack-content-inner .card-freespin span {
  position: relative;
  z-index: 2;
  width: 100%;
  -webkit-filter: drop-shadow(1px 2px 1px rgba(0, 0, 0, .75));
  filter: drop-shadow(1px 2px 1px rgba(0, 0, 0, .75));
  -webkit-filter: var(--backpack-card-freespin-filter);
  filter: var(--backpack-card-freespin-filter);
  font-size: 24px;
  line-height: 24px;
  font-weight: 700;
  color: #fff;
  color: var(--backpack-card-freespin-text);
  text-align: center
}

[dir=rtl] .backpack-content-inner .card-freespin span {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}

.backpack-content-inner .card-freespin span img {
  width: 24px !important;
  vertical-align: top;
  margin-right: 5px
}

[dir=rtl] .backpack-content-inner .card-freespin span img {
  margin-right: 0;
  margin-left: 5px
}

.backpack-content-inner .card-freespin:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  top: 25px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 100%;
  height: 100%;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/number-bg_6f1c2aa.webp) 50% no-repeat;
  background: var(--backpack-card-freespin-after-bg);
  background-size: contain;
  -webkit-filter: drop-shadow(1px 2px 5px rgba(0, 0, 0, .75));
  filter: drop-shadow(1px 2px 5px rgba(0, 0, 0, .75));
  -webkit-filter: var(--backpack-card-freespin-after-filter);
  filter: var(--backpack-card-freespin-after-filter)
}

@media only screen and (max-width:600px) {
  .backpack-content-inner .card-freespin:after {
    top: 20px
  }
}

.backpack-content-inner .card-wrapper {
  position: relative;
  border-radius: 20px;
  border-radius: var(--backpack-card-wrapper-radius);
  padding: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 24px;
  gap: 24px
}

.backpack-content-inner .card-wrapper:before {
  content: "";
  position: absolute;
  z-index: 1;
  pointer-events: none;
  left: 5px;
  right: 5px;
  top: 5px;
  bottom: 5px;
  margin: auto;
  border-radius: 20px;
  border-radius: var(--backpack-card-wrapper-radius)
}

@media only screen and (max-width:600px) {
  .backpack-content-inner .card-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 32px 20px 20px;
    grid-gap: 4px;
    gap: 4px
  }
}

.backpack-content-inner .card-wrapper .backpack-area1 {
  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-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 8px;
  gap: 8px
}

.backpack-content-inner .card-wrapper .card-box {
  border-radius: 16px;
  border-radius: var(--backpack-card-box-radius-web);
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .5);
  box-shadow: 0 1px 5px rgba(0, 0, 0, .5);
  -webkit-box-shadow: var(--backpack-card-wrapper-card-box-shadow);
  box-shadow: var(--backpack-card-wrapper-card-box-shadow);
  width: 150px
}

.backpack-content-inner .card-wrapper .card-countdown {
  font-size: 18px;
  font-weight: 600;
  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;
  grid-gap: 3px;
  gap: 3px
}

.backpack-content-inner .card-wrapper .card-countdown .card-countdown-icon {
  width: 18px;
  height: 18px;
  -webkit-mask: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/expiredTime-icon_7d019c3.webp) center center no-repeat;
  mask: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/expiredTime-icon_7d019c3.webp) center center no-repeat;
  -webkit-mask: var(--backpack-card-wrapper-card-countdown-i);
  mask: var(--backpack-card-wrapper-card-countdown-i);
  -webkit-mask-size: contain;
  mask-size: contain
}

@media only screen and (max-width:767px) {
  .backpack-content-inner .card-wrapper .card-countdown {
    font-size: 20px
  }

  .backpack-content-inner .card-wrapper .card-countdown .card-countdown-icon {
    width: 20px;
    height: 20px
  }
}

@media only screen and (max-width:480px) {
  .backpack-content-inner .card-wrapper .card-countdown {
    font-size: 16px
  }
}

.backpack-content-inner .card-wrapper .backpack-area2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-gap: 24px;
  gap: 24px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

@media only screen and (max-width:480px) {
  .backpack-content-inner .card-wrapper .backpack-area2 {
    grid-gap: 12px;
    gap: 12px
  }
}

.backpack-content-inner .card-wrapper .cards-title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

@media only screen and (max-width:600px) {
  .backpack-content-inner .card-wrapper .cards-title {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

.backpack-content-inner .card-wrapper .cards-title span {
  margin-left: -40px;
  border-radius: 50px;
  border-radius: var(--backpack-card-title-radius);
  text-shadow: -1px -2px 1px hsla(0, 0%, 100%, .25), 1px 2px 1px rgba(0, 0, 0, .25), 0 4px 4px rgba(0, 0, 0, .2);
  text-shadow: var(--backpack-card-title-text-shadow);
  padding: 8px 24px 8px 44px;
  font-size: 24px;
  font-weight: 600;
  line-height: 30px
}

[dir=rtl] .backpack-content-inner .card-wrapper .cards-title span {
  margin-left: 0;
  margin-right: -40px
}

[dir=rtl] .backpack-content-inner .card-wrapper .cards-title span {
  padding: 8px 44px 8px 24px
}

@media only screen and (max-width:767px) {
  .backpack-content-inner .card-wrapper .cards-title span {
    font-size: 20px
  }
}

@media only screen and (max-width:480px) {
  .backpack-content-inner .card-wrapper .cards-title span {
    font-size: 16px;
    line-height: 20px
  }
}

.backpack-content-inner .card-wrapper .cards-title:before {
  content: "";
  z-index: 2;
  width: 70px;
  height: 70px;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/trophy_6017c15.webp) 0 100% no-repeat;
  background: var(--backpack-card-title-brfore-bg);
  background-size: contain;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 70px;
  flex: 0 0 70px
}

[dir=rtl] .backpack-content-inner .card-wrapper .cards-title:before {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}

@media only screen and (max-width:480px) {
  .backpack-content-inner .card-wrapper .cards-title:before {
    width: 50px;
    height: 50px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px
  }
}

.backpack-content-inner .card-wrapper .card-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 8px;
  gap: 8px
}

@media only screen and (max-width:600px) {
  .backpack-content-inner .card-wrapper .card-info {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

.backpack-content-inner .card-wrapper .card-game-info {
  grid-gap: 8px;
  gap: 8px
}

.backpack-content-inner .card-wrapper .card-game-info, .backpack-content-inner .card-wrapper .card-gameItemId-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.backpack-content-inner .card-wrapper .card-gameItemId-group {
  grid-gap: 4px;
  gap: 4px
}

.backpack-content-inner .card-wrapper .card-gamebrand {
  display: inline-block;
  padding: 0 5px;
  border-radius: 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500
}

.backpack-content-inner .card-wrapper .card-gameItemId, .backpack-content-inner .card-wrapper .card-gamename {
  font-size: 16px;
  line-height: 20px
}

.backpack-content-inner .card-wrapper .card-copy-icon {
  width: 24px;
  height: 24px;
  cursor: pointer
}

.backpack-content-inner .card-wrapper .card-promotionname {
  padding-top: 12px;
  padding-right: 50px;
  font-size: 16px;
  line-height: 20px
}

[dir=rtl] .backpack-content-inner .card-wrapper .card-promotionname {
  padding-right: 0;
  padding-left: 50px
}

@media only screen and (max-width:767px) {
  .backpack-content-inner .card-wrapper .card-promotionname {
    font-size: 14px;
    padding-right: 0
  }
}

.backpack-content-inner .card-wrapper.card-wrapper-normal {
  background: -webkit-gradient(linear, left top, left bottom, from(#efd79d), to(#ffeeb4));
  background: linear-gradient(180deg, #efd79d, #ffeeb4);
  background: var(--backpack-card-wrapper-normal-bg);
  -webkit-box-shadow: 0 -10px 0 #fffdda, 0 10px 0 #efc37f, 0 20px 0 #7a462a;
  box-shadow: 0 -10px 0 #fffdda, 0 10px 0 #efc37f, 0 20px 0 #7a462a;
  -webkit-box-shadow: 0 -10px 0 var(--backpack-card-wrapper-normal-shadow01), 0 10px 0 var(--backpack-card-wrapper-normal-shadow02), 0 20px 0 var(--backpack-card-wrapper-normal-shadow03);
  box-shadow: 0 -10px 0 var(--backpack-card-wrapper-normal-shadow01), 0 10px 0 var(--backpack-card-wrapper-normal-shadow02), 0 20px 0 var(--backpack-card-wrapper-normal-shadow03)
}

.backpack-content-inner .card-wrapper.card-wrapper-normal:before {
  border: 3px solid #e0c791;
  border: 3px solid var(--backpack-card-wrapper-normal-before-border-color)
}

@media only screen and (max-width:600px) {
  .backpack-content-inner .card-wrapper.card-wrapper-normal {
    -webkit-box-shadow: 0 -5px 0 #fffdda, 0 5px 0 #efc37f, 0 10px 0 #7a462a;
    box-shadow: 0 -5px 0 #fffdda, 0 5px 0 #efc37f, 0 10px 0 #7a462a;
    -webkit-box-shadow: 0 -5px 0 var(--backpack-card-wrapper-normal-shadow01), 0 5px 0 var(--backpack-card-wrapper-normal-shadow02), 0 10px 0 var(--backpack-card-wrapper-normal-shadow03);
    box-shadow: 0 -5px 0 var(--backpack-card-wrapper-normal-shadow01), 0 5px 0 var(--backpack-card-wrapper-normal-shadow02), 0 10px 0 var(--backpack-card-wrapper-normal-shadow03)
  }
}

.backpack-content-inner .card-wrapper.card-wrapper-normal .card-countdown {
  color: #a1906c;
  color: var(--backpack-card-wrapper-normal-card-countdown-text)
}

.backpack-content-inner .card-wrapper.card-wrapper-normal .card-countdown .card-countdown-icon {
  background: #a1906c;
  background: var(--backpack-card-wrapper-normal-card-countdown-text)
}

.backpack-content-inner .card-wrapper.card-wrapper-normal .cards-title span {
  background: #652510;
  background: var(--backpack-card-wrapper-normal-card-title-bg);
  color: #fff;
  color: var(--backpack-card-wrapper-normal-card-title-text)
}

.backpack-content-inner .card-wrapper.card-wrapper-normal .card-gamebrand {
  background: #512700;
  background: var(--backpack-card-wrapper-normal-card-gamebrand-bg);
  color: #fff;
  color: var(--backpack-card-wrapper-normal-card-gamebrand-text)
}

.backpack-content-inner .card-wrapper.card-wrapper-normal .card-gameItemId, .backpack-content-inner .card-wrapper.card-wrapper-normal .card-gamename {
  color: #593603;
  color: var(--backpack-card-wrapper-normal-card-gamename-text)
}

.backpack-content-inner .card-wrapper.card-wrapper-normal .card-copy-icon img {
  -webkit-filter: invert(13%) sepia(61%) saturate(2786%) hue-rotate(30deg) brightness(99%) contrast(104%);
  filter: invert(13%) sepia(61%) saturate(2786%) hue-rotate(30deg) brightness(99%) contrast(104%);
  -webkit-filter: var(--backpack-card-wrapper-normal-card-copy-icon-img);
  filter: var(--backpack-card-wrapper-normal-card-copy-icon-img)
}

.backpack-content-inner .card-wrapper.card-wrapper-normal .card-copy-icon svg {
  width: 100%;
  height: 100%;
  color: #593603;
  color: var(--backpack-card-wrapper-normal-card-copy-icon-svg)
}

.backpack-content-inner .card-wrapper.card-wrapper-normal .card-promotionname {
  border-top: 1px dashed #977a4f;
  border-top: 1px dashed var(--backpack-card-wrapper-normal-card-promotionname-border);
  color: #977a4f;
  color: var(--backpack-card-wrapper-normal-card-promotionname-text)
}

.backpack-content-inner .card-wrapper.card-wrapper-feature {
  background: -webkit-gradient(linear, left top, left bottom, from(#f3d4fd), to(#faeeff));
  background: linear-gradient(180deg, #f3d4fd, #faeeff);
  background: var(--backpack-card-wrapper-feature-bg);
  -webkit-box-shadow: 0 -10px 0 #fdf3ff, 0 10px 0 #dcb6e3, 0 20px 0 #9e64b2;
  box-shadow: 0 -10px 0 #fdf3ff, 0 10px 0 #dcb6e3, 0 20px 0 #9e64b2;
  -webkit-box-shadow: 0 -10px 0 var(--backpack-card-wrapper-feature-shadow01), 0 10px 0 var(--backpack-card-wrapper-feature-shadow02), 0 20px 0 var(--backpack-card-wrapper-feature-shadow03);
  box-shadow: 0 -10px 0 var(--backpack-card-wrapper-feature-shadow01), 0 10px 0 var(--backpack-card-wrapper-feature-shadow02), 0 20px 0 var(--backpack-card-wrapper-feature-shadow03)
}

.backpack-content-inner .card-wrapper.card-wrapper-feature:before {
  border: 3px solid #dfb1e7;
  border: 3px solid var(--backpack-card-wrapper-feature-before-border-color)
}

@media only screen and (max-width:600px) {
  .backpack-content-inner .card-wrapper.card-wrapper-feature {
    -webkit-box-shadow: 0 -5px 0 #fdf3ff, 0 5px 0 #dcb6e3, 0 10px 0 #9e64b2;
    box-shadow: 0 -5px 0 #fdf3ff, 0 5px 0 #dcb6e3, 0 10px 0 #9e64b2;
    -webkit-box-shadow: 0 -5px 0 var(--backpack-card-wrapper-feature-shadow01), 0 5px 0 var(--backpack-card-wrapper-feature-shadow02), 0 10px 0 var(--backpack-card-wrapper-feature-shadow03);
    box-shadow: 0 -5px 0 var(--backpack-card-wrapper-feature-shadow01), 0 5px 0 var(--backpack-card-wrapper-feature-shadow02), 0 10px 0 var(--backpack-card-wrapper-feature-shadow03)
  }
}

.backpack-content-inner .card-wrapper.card-wrapper-feature .card-countdown {
  color: #a1906c;
  color: var(--backpack-card-wrapper-feature-card-countdown-text)
}

.backpack-content-inner .card-wrapper.card-wrapper-feature .card-countdown .card-countdown-icon {
  background: #a1906c;
  background: var(--backpack-card-wrapper-feature-card-countdown-text)
}

.backpack-content-inner .card-wrapper.card-wrapper-feature .cards-title span {
  background: #652510;
  background: var(--backpack-card-wrapper-feature-card-title-bg);
  color: #fff;
  color: var(--backpack-card-wrapper-feature-card-title-text)
}

.backpack-content-inner .card-wrapper.card-wrapper-feature .card-gamebrand {
  background: #512700;
  background: var(--backpack-card-wrapper-feature-card-gamebrand-bg);
  color: #fff;
  color: var(--backpack-card-wrapper-feature-card-gamebrand-text)
}

.backpack-content-inner .card-wrapper.card-wrapper-feature .card-gameItemId, .backpack-content-inner .card-wrapper.card-wrapper-feature .card-gamename {
  color: #593603;
  color: var(--backpack-card-wrapper-feature-card-gamename-text)
}

.backpack-content-inner .card-wrapper.card-wrapper-feature .card-copy-icon img {
  -webkit-filter: invert(13%) sepia(61%) saturate(2786%) hue-rotate(30deg) brightness(99%) contrast(104%);
  filter: invert(13%) sepia(61%) saturate(2786%) hue-rotate(30deg) brightness(99%) contrast(104%);
  -webkit-filter: var(--backpack-card-wrapper-feature-card-copy-icon-img);
  filter: var(--backpack-card-wrapper-feature-card-copy-icon-img)
}

.backpack-content-inner .card-wrapper.card-wrapper-feature .card-copy-icon svg {
  width: 100%;
  height: 100%;
  color: #593603;
  color: var(--backpack-card-wrapper-feature-card-copy-icon-svg)
}

.backpack-content-inner .card-wrapper.card-wrapper-feature .card-promotionname {
  border-top: 1px dashed #977a4f;
  border-top: 1px dashed var(--backpack-card-wrapper-feature-card-promotionname-border);
  color: #977a4f;
  color: var(--backpack-card-wrapper-feature-card-promotionname-text)
}

.backpack-content-inner .card-wrapper.card-wrapper-ingame {
  background: -webkit-gradient(linear, left top, left bottom, from(#dcdcdc), to(#fff));
  background: linear-gradient(180deg, #dcdcdc, #fff);
  background: var(--backpack-card-wrapper-ingame-bg);
  -webkit-box-shadow: 0 -10px 0 #fff, 0 10px 0 #ccc, 0 20px 0 #909090;
  box-shadow: 0 -10px 0 #fff, 0 10px 0 #ccc, 0 20px 0 #909090;
  -webkit-box-shadow: 0 -10px 0 var(--backpack-card-wrapper-ingame-shadow01), 0 10px 0 var(--backpack-card-wrapper-ingame-shadow02), 0 20px 0 var(--backpack-card-wrapper-ingame-shadow03);
  box-shadow: 0 -10px 0 var(--backpack-card-wrapper-ingame-shadow01), 0 10px 0 var(--backpack-card-wrapper-ingame-shadow02), 0 20px 0 var(--backpack-card-wrapper-ingame-shadow03)
}

.backpack-content-inner .card-wrapper.card-wrapper-ingame:before {
  border: 3px solid #c8c8c8;
  border: 3px solid var(--backpack-card-wrapper-ingame-border-before-color)
}

@media only screen and (max-width:600px) {
  .backpack-content-inner .card-wrapper.card-wrapper-ingame {
    -webkit-box-shadow: 0 -5px 0 #fff, 0 5px 0 #ccc, 0 10px 0 #909090;
    box-shadow: 0 -5px 0 #fff, 0 5px 0 #ccc, 0 10px 0 #909090;
    -webkit-box-shadow: 0 -5px 0 var(--backpack-card-wrapper-ingame-shadow01), 0 5px 0 var(--backpack-card-wrapper-ingame-shadow02), 0 10px 0 var(--backpack-card-wrapper-ingame-shadow03);
    box-shadow: 0 -5px 0 var(--backpack-card-wrapper-ingame-shadow01), 0 5px 0 var(--backpack-card-wrapper-ingame-shadow02), 0 10px 0 var(--backpack-card-wrapper-ingame-shadow03)
  }
}

.backpack-content-inner .card-wrapper.card-wrapper-ingame .card-countdown {
  color: #a1906c;
  color: var(--backpack-card-wrapper-ingame-card-countdown-text)
}

.backpack-content-inner .card-wrapper.card-wrapper-ingame .card-countdown .card-countdown-icon {
  background: #a1906c;
  background: var(--backpack-card-wrapper-ingame-card-countdown-text)
}

.backpack-content-inner .card-wrapper.card-wrapper-ingame .cards-title span {
  background: #652510;
  background: var(--backpack-card-wrapper-ingame-card-title-bg);
  color: #fff;
  color: var(--backpack-card-wrapper-ingame-card-title-text)
}

.backpack-content-inner .card-wrapper.card-wrapper-ingame .card-gamebrand {
  background: #512700;
  background: var(--backpack-card-wrapper-ingame-card-gamebrand-bg);
  color: #fff;
  color: var(--backpack-card-wrapper-ingame-card-gamebrand-text)
}

.backpack-content-inner .card-wrapper.card-wrapper-ingame .card-gameItemId, .backpack-content-inner .card-wrapper.card-wrapper-ingame .card-gamename {
  color: #593603;
  color: var(--backpack-card-wrapper-ingame-card-gamename-text)
}

.backpack-content-inner .card-wrapper.card-wrapper-ingame .card-promotionname {
  border-top: 1px dashed #977a4f;
  border-top: 1px dashed var(--backpack-card-wrapper-ingame-card-promotionname-border);
  color: #977a4f;
  color: var(--backpack-card-wrapper-ingame-card-promotionname-text)
}

.backpack-content-inner .card-wrapper.card-wrapper-ingame .card-promotionname-memo {
  margin-top: 8px;
  background: #977a4f;
  background: var(--backpack-card-wrapper-ingame-card-promotionname-memo-bg);
  border-radius: 8px;
  padding: 8px;
  font-size: 14px;
  color: #fff;
  color: var(--backpack-card-wrapper-ingame-card-promotionname-memo-text)
}

.backpack-content-inner .tag-list-wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  grid-gap: 24px;
  gap: 24px
}

@media only screen and (max-width:600px) {
  .backpack-content-inner .tag-list-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-gap: 16px;
    gap: 16px
  }
}

.backpack-content-inner .tag-list-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-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  grid-gap: 12px;
  gap: 12px
}

@media only screen and (max-width:600px) {
  .backpack-content-inner .tag-list-content {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    grid-gap: 0;
    gap: 0
  }
}

@media only screen and (max-width:600px) {
  .backpack-content-inner .tag-header {
    padding-left: 20px
  }
}

.backpack-content-inner .tag-header .tag-title {
  position: relative;
  z-index: 5;
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  text-align: center;
  color: #ffe259;
  color: var(--backpack-tag-title-text);
  text-shadow: 0 1px 2px rgba(0, 0, 0, .15), 0 1px 1px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .2);
  text-shadow: var(--backpack-tag-title-shadow-web)
}

@media only screen and (max-width:768px) {
  .backpack-content-inner .tag-header .tag-title {
    font-size: 16px
  }
}

@media only screen and (max-width:600px) {
  .backpack-content-inner .tag-header .tag-title {
    font-weight: 500;
    margin-bottom: -10px;
    text-shadow: 0 1px 0 #1b0702, 0 -1px 0 #1b0702, 1px 0 0 #1b0702, -1px 0 0 #1b0702, 1px 1px 0 #1b0702, -1px -1px 0 #1b0702, 1px -1px 0 #1b0702, -1px 1px 0 #1b0702, 0 -1px 5px #1b0702, 0 -1px 5px #1b0702, -1px -1px 5px #1b0702, -1px -1px 5px #1b0702, 1px -1px 5px #1b0702, 1px -1px 5px #1b0702;
    text-shadow: var(--backpack-tag-title-shadow-app)
  }

  .backpack-content-inner .tag-header .tag-title:after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(ellipse 80%, ellipse 0 at center, #180900, transparent);
    background: radial-gradient(ellipse 80% 20% at center, #180900, transparent);
    background: var(--backpack-tag-title-after-bg)
  }
}

.backpack-content-inner .tag-content {
  position: relative;
  padding: 8px 20px;
  border-radius: 50px;
  border-radius: var(--backpack-tag-content-radius);
  border: 1px solid #ef8301;
  border: var(--backpack-tag-content-border);
  background: rgba(0, 0, 0, .3);
  background: var(--backpack-tag-content-bg);
  -webkit-box-shadow: 0 3px 0 #341106, 0 5px 5px rgba(255, 254, 163, .5), inset 0 -4px 4px rgba(0, 0, 0, .5), inset 0 4px 4px rgba(0, 0, 0, .5);
  box-shadow: 0 3px 0 #341106, 0 5px 5px rgba(255, 254, 163, .5), inset 0 -4px 4px rgba(0, 0, 0, .5), inset 0 4px 4px rgba(0, 0, 0, .5);
  -webkit-box-shadow: var(--backpack-tag-content-shadow);
  box-shadow: var(--backpack-tag-content-shadow);
  font-size: 20px;
  line-height: 20px;
  color: #fff;
  color: var(--backpack-tag-content-text);
  text-align: center
}

@media only screen and (max-width:767px) {
  .backpack-content-inner .tag-content {
    font-size: 16px;
    width: 100%;
    padding-top: 12px
  }
}

@media only screen and (max-width:600px) {
  .backpack-content-inner .tag-content {
    text-align: right;
    font-weight: 500
  }

  [dir=rtl] .backpack-content-inner .tag-content {
    text-align: left
  }
}

.backpack-content-inner .btn-wrapper, .backpack-content-inner .text-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.backpack-content-inner .btn-wrapper .submit-btn, .backpack-content-inner .text-wrapper .submit-btn {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  border-radius: var(--backpack-submit-btn-radius);
  border: 1px solid #fffd5d;
  border: var(--backpack-submit-btn-border);
  background: -webkit-gradient(linear, left top, right top, from(#a55409), to(#e88830));
  background: linear-gradient(90deg, #a55409, #e88830);
  background: var(--backpack-submit-btn-bg);
  -webkit-box-shadow: 0 2px 0 #a55409;
  box-shadow: 0 2px 0 #a55409;
  -webkit-box-shadow: var(--backpack-submit-btn-shadow);
  box-shadow: var(--backpack-submit-btn-shadow);
  width: auto;
  min-width: 200px;
  padding: 5px 12px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  color: var(--backpack-submit-btn-text);
  line-height: 30px;
  text-align: center;
  text-shadow: 1px 1px 2px #000;
  text-shadow: var(--backpack-submit-btn-text-shadow)
}

.backpack-content-inner .btn-wrapper .submit-btn.is-disabled, .backpack-content-inner .text-wrapper .submit-btn.is-disabled {
  cursor: not-allowed;
  opacity: .5
}

.backpack-content-inner .btn-wrapper .inactivity-text, .backpack-content-inner .text-wrapper .inactivity-text {
  border-top: 1px dashed hsla(0, 0%, 100%, .3);
  border-top: 1px dashed var(--backpack-inactivity-text-border);
  width: 100%;
  padding-top: 16px;
  font-size: 18px;
  font-style: italic;
  color: #fff;
  color: var(--backpack-inactivity-text-color);
  text-align: center
}

@media only screen and (min-width:601px) {
  .backpack-content-inner .btn-wrapper {
    width: 100%
  }
}

@media only screen and (max-width:600px) {
  .backpack-content-inner .btn-wrapper {
    position: fixed;
    z-index: 20;
    left: 22px;
    left: var(--backpack-btn-wrapper-left-position-app);
    right: 22px;
    right: var(--backpack-btn-wrapper-right-position-app);
    bottom: 32px;
    bottom: var(--backpack-btn-wrapper-bottom-position-app);
    padding: 32px 12px;
    padding: var(--backpack-btn-wrapper-padding-app);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(20%, #400c00));
    background: linear-gradient(180deg, transparent 0, #400c00 20%);
    background: var(--backpack-btn-wrapper-bg-app);
    border-radius: 0 0 0 0;
    border-radius: 0 0 var(--backpack-btn-wrapper-border-radius) var(--backpack-btn-wrapper-border-radius)
  }

  .backpack-content-inner .tag-list-wrapper[\:has\(\%2B\%20.text-wrapper\)] {
    margin-bottom: 0
  }

  .backpack-content-inner .tag-list-wrapper:has(+.text-wrapper) {
    margin-bottom: 0
  }

  .backpack-content-inner .tag-list-wrapper[\:has\(\%2B\%20.btn-wrapper\)] {
    margin-bottom: 120px
  }

  .backpack-content-inner .tag-list-wrapper:has(+.btn-wrapper) {
    margin-bottom: 120px
  }
}

.delete-card, .inactivity-card, .maintenance, .using-card {
  position: absolute;
  z-index: 20;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  border-radius: var(--backpack-card-box-radius-web);
  background: rgba(0, 0, 0, .7);
  background: var(--backpack-state-bg);
  padding: 8px 4px;
  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;
  grid-gap: 4px;
  gap: 4px
}

@media only screen and (max-width:600px) {
  .delete-card, .inactivity-card, .maintenance, .using-card {
    border-radius: 10px;
    border-radius: var(--backpack-card-box-radius-mob)
  }
}

.delete-card p, .inactivity-card p, .maintenance p, .using-card p {
  cursor: auto;
  margin: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-align: center;
  color: #fff;
  color: var(--backpack-state-p-text)
}

.using-card {
  border: 2px solid #0f0;
  border: var(--backpack-using-card-border)
}

.using-card p {
  color: #fff;
  color: var(--backpack-using-card-p-text)
}

.maintenance i {
  font-size: 20px;
  fill: #fff;
  fill: var(--backpack-maintenance-svg);
  color: #fff;
  color: var(--backpack-maintenance-svg)
}

@media only screen and (max-width:600px) {
  .backpack-card .delete-card, .backpack-card .inactivity-card, .backpack-card .maintenance, .backpack-card .using-card {
    border-radius: inherit
  }
}

.backpack-content-inner .filter-sort.filter-disable+.filter-brand .brand-grid {
  padding-bottom: 50px
}

.mobile-app .backpack-content-inner .filter-sort.filter-disable+.filter-brand .brand-grid .vue-recycle-scroller {
  padding-bottom: 80px
}

.backpack-content-inner .card-wrapper.card-wrapper-ingame.customer-type_vp01 .cards-title:before {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/inGame-trophy_205b505.webp) 0 100% no-repeat;
  background-size: contain
}

.card-box.for-using-backpack-card-box {
  position: relative;
  z-index: 10;
  margin-bottom: 5px;
  border-radius: 16px;
  border-radius: var(--backpack-card-box-radius-web);
  overflow: hidden
}

.card-box.for-using-backpack-card-box:after {
  content: "";
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  border-radius: var(--backpack-card-box-radius-web);
  overflow: hidden;
  pointer-events: none
}

@media only screen and (max-width:600px) {
  .card-box.for-using-backpack-card-box {
    border-radius: 10px;
    border-radius: var(--backpack-card-box-radius-mob)
  }

  .card-box.for-using-backpack-card-box:after {
    border-radius: 10px;
    border-radius: var(--backpack-card-box-radius-mob)
  }
}

.card-box.for-using-backpack-card-box .card-platform {
  position: absolute;
  z-index: 15;
  left: 10px;
  bottom: 10px;
  width: auto;
  padding: 2px 4px;
  border-radius: 4px;
  background: #333;
  background: var(--backpack-card-box-card-platform-bg);
  font-size: 10px;
  font-weight: 500;
  line-height: 12px;
  color: #fff;
  color: var(--backpack-card-box-card-platform-text)
}

.card-box.for-using-backpack-card-box .card-bet {
  position: absolute;
  z-index: 15;
  right: 5px;
  bottom: 5px;
  width: 39px;
  height: 39px;
  border-radius: 50%;
  -webkit-filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .5)) drop-shadow(0 2px 2px rgba(0, 0, 0, .5));
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .5)) drop-shadow(0 2px 2px rgba(0, 0, 0, .5));
  -webkit-filter: var(--backpack-card-box-card-bet-shadow);
  filter: var(--backpack-card-box-card-bet-shadow);
  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
}

@media only screen and (max-width:390px) {
  .card-box.for-using-backpack-card-box .card-bet {
    right: 3px;
    bottom: 3px;
    width: 32px;
    height: 32px
  }
}

.card-box.for-using-backpack-card-box .card-bet span {
  position: relative;
  font-family: Fugaz One, sans-serif;
  font-size: 14px;
  color: #fff;
  color: var(--backpack-card-box-card-bet-text)
}

@media only screen and (max-width:390px) {
  .card-box.for-using-backpack-card-box .card-bet span {
    font-size: 12px
  }
}

.card-box.for-using-backpack-card-box .card-bet span:after {
  content: attr(data-stroke);
  position: absolute;
  z-index: -1;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-filter: drop-shadow(0 1px 1px #000);
  filter: drop-shadow(0 1px 1px #000);
  -webkit-filter: var(--backpack-card-box-card-bet-text-stroke-shadow);
  filter: var(--backpack-card-box-card-bet-text-stroke-shadow)
}

.card-box.for-using-backpack-card-box .card-img {
  position: relative;
  z-index: 2;
  overflow: hidden;
  padding-bottom: 100%;
  border-radius: 20px
}

.card-box.for-using-backpack-card-box .card-img:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 3;
  background-image: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/sparkles_7d23a56.webp), url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/holo_31c49ac.webp), linear-gradient(125deg, rgba(255, 0, 132, .31373) 15%, rgba(252, 164, 0, .25098) 30%, rgba(255, 255, 0, .18824) 40%, rgba(0, 255, 138, .12549) 60%, rgba(0, 207, 255, .25098) 70%, rgba(204, 76, 250, .31373) 85%);
  background-image: var(--backpack-card-box-card-img-effect);
  background-repeat: repeat;
  background-position: 50% 50%;
  background-size: 100%;
  background-blend-mode: overlay;
  background-blend-mode: hard-light;
  mix-blend-mode: color-dodge;
  opacity: .5;
  pointer-events: none;
  border-radius: 20px
}

.card-box.for-using-backpack-card-box .card-img img {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  border-radius: 20px
}

.card-box.for-using-backpack-card-box.normal-type:after {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/normal-card_35c1f27.webp) 50% no-repeat;
  background: var(--backpack-card-box-normal-type);
  background-size: contain
}

.card-box.for-using-backpack-card-box.normal-type .card-bet {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/normal-bet_ea86340.webp) 50% no-repeat;
  background: var(--backpack-card-box-normal-card-bet);
  background-size: contain
}

.card-box.for-using-backpack-card-box.normal-type .card-bet span:after {
  color: #816c00;
  color: var(--backpack-card-box-normal-card-bet-text-stroke);
  -webkit-text-stroke: 4px #816c00;
  -webkit-text-stroke: 4px var(--backpack-card-box-normal-card-bet-text-stroke);
  text-stroke: 4px #816c00;
  text-stroke: 4px var(--backpack-card-box-normal-card-bet-text-stroke)
}

.card-box.for-using-backpack-card-box .card-mag {
  position: absolute;
  z-index: 15;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.card-box.for-using-backpack-card-box .card-mag span {
  position: relative;
  padding: 0 4px;
  font-family: Fugaz One, sans-serif;
  font-size: 32px;
  line-height: 32px;
  background: linear-gradient(130deg, #0085ff 15%, #5200ff 85%);
  background: var(--backpack-card-box-card-mag-text);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent
}

@media only screen and (max-width:390px) {
  .card-box.for-using-backpack-card-box .card-mag span {
    font-size: 28px;
    line-height: 28px
  }
}

.card-box.for-using-backpack-card-box .card-mag span:after {
  content: attr(data-stroke);
  position: absolute;
  z-index: -1;
  left: 4px;
  color: #fff;
  color: var(--backpack-card-box-card-mag-text-stroke);
  -webkit-text-stroke: 4px #fff;
  -webkit-text-stroke: 4px var(--backpack-card-box-card-mag-text-stroke);
  text-stroke: 4px #fff;
  text-stroke: 4px var(--backpack-card-box-card-mag-text-stroke);
  -webkit-filter: drop-shadow(0 0 10px rgba(84, 148, 228, .5));
  filter: drop-shadow(0 0 10px rgba(84, 148, 228, .5));
  -webkit-filter: var(--backpack-card-box-card-mag-text-stroke-shadow);
  filter: var(--backpack-card-box-card-mag-text-stroke-shadow)
}

.card-box.for-using-backpack-card-box.feature-type:after {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/feature-card_6f2f903.webp) 50% no-repeat;
  background: var(--backpack-card-box-feature-type);
  background-size: contain
}

.card-box.for-using-backpack-card-box.feature-type[class*=rarity_]:before {
  content: "";
  position: absolute;
  z-index: 15;
  left: 0;
  top: 0;
  width: 50px;
  height: 40px
}

@media only screen and (max-width:390px) {
  .card-box.for-using-backpack-card-box.feature-type[class*=rarity_]:before {
    width: 40px;
    height: 32px
  }
}

.card-box.for-using-backpack-card-box.feature-type.rarity_s {
  -webkit-filter: drop-shadow(0 0 5px rgba(255, 246, 152, .7));
  filter: drop-shadow(0 0 5px rgba(255, 246, 152, .7));
  -webkit-filter: var(--backpack-card-box-feature-rarity_s-shadow);
  filter: var(--backpack-card-box-feature-rarity_s-shadow)
}

.card-box.for-using-backpack-card-box.feature-type.rarity_s:before {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/rarity-s_bc5fed9.webp) 50% no-repeat;
  background: var(--backpack-card-box-feature-rarity_s);
  background-size: contain
}

.card-box.for-using-backpack-card-box.feature-type.rarity_sr {
  -webkit-filter: drop-shadow(0 0 5px #d88fff);
  filter: drop-shadow(0 0 5px #D88FFF);
  -webkit-filter: var(--backpack-card-box-feature-rarity_sr-shadow);
  filter: var(--backpack-card-box-feature-rarity_sr-shadow)
}

.card-box.for-using-backpack-card-box.feature-type.rarity_sr:before {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/rarity-sr_6837a61.webp) 50% no-repeat;
  background: var(--backpack-card-box-feature-rarity_sr);
  background-size: contain
}

.card-box.for-using-backpack-card-box.feature-type .card-bet {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/feature-bet_8d53ab3.webp) 50% no-repeat;
  background: var(--backpack-card-box-feature-card-bet);
  background-size: contain
}

.card-box.for-using-backpack-card-box.feature-type .card-bet span:after {
  color: #7102a5;
  color: var(--backpack-card-box-feature-card-bet-text-stroke);
  -webkit-text-stroke: 4px #7102a5;
  -webkit-text-stroke: 4px var(--backpack-card-box-feature-card-bet-text-stroke);
  text-stroke: 4px #7102a5;
  text-stroke: 4px var(--backpack-card-box-feature-card-bet-text-stroke)
}

.card-box.for-using-backpack-card-box .light-box {
  position: absolute;
  z-index: 15;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  border-radius: var(--backpack-card-box-radius-web);
  -webkit-box-shadow: inset 0 0 4px #fff;
  box-shadow: inset 0 0 4px #fff;
  overflow: hidden;
  pointer-events: none
}

@media only screen and (max-width:600px) {
  .card-box.for-using-backpack-card-box .light-box {
    border-radius: 10px;
    border-radius: var(--backpack-card-box-radius-mob)
  }
}

.card-box.for-using-backpack-card-box .light-box span {
  position: absolute;
  display: block
}

.card-box.for-using-backpack-card-box .light-box span:first-child {
  top: 0;
  left: -100%;
  width: 100%;
  height: 3px;
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#fff), to(transparent));
  background: linear-gradient(90deg, transparent, #fff, transparent);
  -webkit-animation: animate1 1s linear infinite;
  animation: animate1 1s linear infinite
}

@-webkit-keyframes animate1 {
  0% {
    left: -100%
  }

  50%, to {
    left: 100%
  }
}

@keyframes animate1 {
  0% {
    left: -100%
  }

  50%, to {
    left: 100%
  }
}

.card-box.for-using-backpack-card-box .light-box span:nth-child(2) {
  top: -100%;
  right: 0;
  width: 3px;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(#fff), to(transparent));
  background: linear-gradient(180deg, transparent, #fff, transparent);
  -webkit-animation: animate2 1s linear infinite;
  animation: animate2 1s linear infinite;
  -webkit-animation-delay: .25s;
  animation-delay: .25s
}

@-webkit-keyframes animate2 {
  0% {
    top: -100%
  }

  50%, to {
    top: 100%
  }
}

@keyframes animate2 {
  0% {
    top: -100%
  }

  50%, to {
    top: 100%
  }
}

.card-box.for-using-backpack-card-box .light-box span:nth-child(3) {
  bottom: 0;
  right: -100;
  width: 100%;
  height: 3px;
  background: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(#fff), to(transparent));
  background: linear-gradient(270deg, transparent, #fff, transparent);
  -webkit-animation: animate3 1s linear infinite;
  animation: animate3 1s linear infinite;
  -webkit-animation-delay: .5s;
  animation-delay: .5s
}

@-webkit-keyframes animate3 {
  0% {
    right: -100%
  }

  50%, to {
    right: 100%
  }
}

@keyframes animate3 {
  0% {
    right: -100%
  }

  50%, to {
    right: 100%
  }
}

.card-box.for-using-backpack-card-box .light-box span:nth-child(4) {
  bottom: -100%;
  left: 0;
  width: 3px;
  height: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(transparent), color-stop(#fff), to(transparent));
  background: linear-gradient(1turn, transparent, #fff, transparent);
  -webkit-animation: animate4 1s linear infinite;
  animation: animate4 1s linear infinite;
  -webkit-animation-delay: .5s;
  animation-delay: .5s
}

@-webkit-keyframes animate4 {
  0% {
    bottom: -100%
  }

  50%, to {
    bottom: 100%
  }
}

@keyframes animate4 {
  0% {
    bottom: -100%
  }

  50%, to {
    bottom: 100%
  }
}

.card-box.for-using-backpack-card-box .SR-animation-shiny {
  position: absolute;
  z-index: 16;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  border-radius: var(--backpack-card-box-radius-web);
  overflow: hidden;
  background-blend-mode: hard-light;
  mix-blend-mode: hard-light;
  opacity: .7;
  pointer-events: none
}

@media only screen and (max-width:600px) {
  .card-box.for-using-backpack-card-box .SR-animation-shiny {
    border-radius: 10px;
    border-radius: var(--backpack-card-box-radius-mob)
  }
}

.card-box.for-using-backpack-card-box .SR-animation-shiny:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/glare_83e6dbf.webp) 50% no-repeat;
  background: var(--backpack-card-box-feature-rarity_sr-effect);
  background-size: cover;
  -webkit-animation-name: shine01;
  animation-name: shine01;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

@-webkit-keyframes shine01 {
  0% {
    left: -100%
  }

  35% {
    left: -100%
  }

  70% {
    left: 100%
  }

  to {
    left: 200%
  }
}

.card-box.for-using-backpack-card-box.ingame-type:after {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/ingame-card_62d95e9.webp) 50% no-repeat;
  background: var(--backpack-card-box-ingame-type);
  background-size: contain
}

.card-box.for-using-backpack-card-box.ingame-type .card-bet {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/ingame-bet_ffd991b.webp) 50% no-repeat;
  background: var(--backpack-card-box-ingame-card-bet);
  background-size: contain
}

.card-box.for-using-backpack-card-box.ingame-type .card-bet span:after {
  color: #555;
  color: var(--backpack-card-box-ingame-card-bet-text-stroke);
  -webkit-text-stroke: 4px #555;
  -webkit-text-stroke: 4px var(--backpack-card-box-ingame-card-bet-text-stroke);
  text-stroke: 4px #555;
  text-stroke: 4px var(--backpack-card-box-ingame-card-bet-text-stroke)
}

@media only screen and (min-width:500px) and (max-width:1023px) and (orientation:landscape) {
  #__layout .publicDialog .backpack-dialog .game-nav-additional-modal-inner {
    height: 100%
  }

  #__layout .publicDialog .backpack-dialog .game-nav-additional-modal-inner.isIos {
    padding: calc(20px + env(safe-area-inset-top)) calc(5px + env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) calc(10px + env(safe-area-inset-left))
  }

  .backpack-content-inner.filter {
    padding: 24px 12px;
    padding: var(--backpack-content-inner-filter-padding-app)
  }
}

@media only screen and (min-width:500px) and (max-width:1023px) and (orientation:landscape) and (max-width:667px) {
  .backpack-content-inner.filter .card-box.for-using-backpack-card-box .card-bet {
    right: 3px;
    bottom: 3px;
    width: 32px;
    height: 32px
  }

  .backpack-content-inner.filter .card-box.for-using-backpack-card-box .card-bet span {
    font-size: 12px
  }
}

@media only screen and (min-width:500px) and (max-width:1023px) and (orientation:landscape) and (max-width:667px) {
  .backpack-content-inner.filter .card-box.for-using-backpack-card-box .card-mag span {
    font-size: 28px;
    line-height: 28px
  }
}

@media only screen and (min-width:500px) and (max-width:1023px) and (orientation:landscape) and (max-width:667px) {
  .backpack-content-inner.filter .card-box.for-using-backpack-card-box.feature-type[class*=rarity_]:before {
    width: 40px;
    height: 32px
  }
}

@media only screen and (min-width:500px) and (max-width:1023px) and (orientation:landscape) {
  .backpack-content-inner .filter-brand .brand-grid {
    height: 100%
  }
}

@media only screen and (min-width:500px) and (max-width:1023px) and (orientation:landscape) {
  .backpack-content-inner .brand-group {
    width: 64px;
    width: var(--backpack-brand-group-app-width);
    position: absolute !important;
    left: 0;
    top: 0;
    bottom: 0;
    height: calc(100% - 8px)
  }
}

@media only screen and (min-width:500px) and (max-width:1023px) and (orientation:landscape) {
  .backpack-content-inner .brand-grid {
    overflow: auto;
    position: absolute !important;
    left: 76px;
    left: var(--backpack-brand-grid-app-width);
    top: 0;
    bottom: 0;
    width: calc(100% - 76px);
    width: calc(100% - var(--backpack-brand-grid-app-width));
    height: 100%
  }
}

@media only screen and (min-width:500px) and (max-width:1023px) and (orientation:landscape) and (max-width:390px) {
  .backpack-content-inner .brand-grid .newshake {
    right: -1px;
    top: -1px;
    width: 50px
  }
}

@media only screen and (min-width:500px) and (max-width:1023px) and (orientation:landscape) {
  .backpack-content-inner .brand-grid .card-countdown {
    font-size: 10px;
    line-height: 14px
  }
}

@media only screen and (min-width:500px) and (max-width:1023px) and (orientation:landscape) and (max-width:375px) {
  .backpack-content-inner .brand-grid .card-countdown {
    grid-gap: 2px;
    gap: 2px
  }

  .backpack-content-inner .brand-grid .card-countdown .card-countdown-icon {
    width: 8px;
    height: 8px
  }
}

@media only screen and (min-width:500px) and (max-width:1023px) and (orientation:landscape) and (max-width:360px) {
  .backpack-content-inner .brand-grid .card-countdown {
    font-size: 8px;
    line-height: 10px
  }
}

@media only screen and (min-width:500px) and (max-width:1023px) and (orientation:landscape) and (max-width:359px) {
  .backpack-content-inner .brand-grid .card-countdown .card-countdown-icon {
    display: none
  }
}

@media only screen and (min-width:500px) and (max-width:1023px) and (orientation:landscape) {
  .backpack-content-inner .delete-memo {
    left: 88px;
    left: calc(var(--backpack-brand-grid-app-width) + 12px);
    right: 12px;
    bottom: 12px
  }
}

@media only screen and (min-width:500px) and (max-width:1023px) and (orientation:landscape) {
  .backpack-content-inner .backpack-scroll {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    grid-gap: 40px;
    gap: 40px;
    padding: 32px;
    padding: var(--backpack-scroll-padding-web-landscape)
  }
}

@media only screen and (min-width:500px) and (max-width:1023px) and (orientation:landscape) {
  .backpack-content-inner .backpack-card-header-image2 {
    display: var(--backpack-card-header-image2-show)
  }
}

@media only screen and (min-width:500px) and (max-width:1023px) and (orientation:landscape) {
  .backpack-content-inner .card-freespin {
    left: -25px;
    left: var(--backpack-card-wrapper-card-freespin-left-position-web);
    top: -25px;
    top: var(--backpack-card-wrapper-card-freespin-top-position-web);
    width: 120px;
    height: 120px
  }

  .backpack-content-inner .card-freespin:after {
    top: 25px
  }
}

@media only screen and (min-width:500px) and (max-width:1023px) and (orientation:landscape) {
  .backpack-content-inner .card-wrapper {
    padding: 50px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-gap: 24px;
    gap: 24px
  }

  .backpack-content-inner .card-wrapper .card-countdown {
    font-size: 18px
  }

  .backpack-content-inner .card-wrapper .card-countdown .card-countdown-icon {
    width: 18px;
    height: 18px
  }

  .backpack-content-inner .card-wrapper .backpack-area2 {
    grid-gap: 24px;
    gap: 24px
  }

  .backpack-content-inner .card-wrapper .cards-title {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }

  .backpack-content-inner .card-wrapper .cards-title span {
    font-size: 24px;
    line-height: 30px
  }

  .backpack-content-inner .card-wrapper .cards-title:before {
    width: 70px;
    height: 70px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70px;
    flex: 0 0 70px
  }

  .backpack-content-inner .card-wrapper .card-info {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }

  .backpack-content-inner .card-wrapper .card-promotionname {
    padding-right: 50px;
    font-size: 16px
  }
}

@media only screen and (min-width:500px) and (max-width:1023px) and (orientation:landscape) {
  .backpack-content-inner .tag-list-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 24px;
    gap: 24px
  }
}

@media only screen and (min-width:500px) and (max-width:1023px) and (orientation:landscape) {
  .backpack-content-inner .tag-list-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    grid-gap: 12px;
    gap: 12px
  }
}

@media only screen and (min-width:500px) and (max-width:1023px) and (orientation:landscape) {
  .backpack-content-inner .tag-header {
    padding-left: 0
  }

  .backpack-content-inner .tag-header .tag-title {
    font-weight: 700;
    font-size: 20px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .15), 0 1px 1px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .2);
    text-shadow: var(--backpack-tag-title-shadow-web);
    margin-bottom: 0
  }

  .backpack-content-inner .tag-header .tag-title:after {
    display: none
  }
}

@media only screen and (min-width:500px) and (max-width:1023px) and (orientation:landscape) {
  .backpack-content-inner .tag-content {
    padding: 8px 20px;
    font-size: 20px;
    text-align: center;
    font-weight: 400
  }
}

@media only screen and (min-width:500px) and (max-width:1023px) and (orientation:landscape) {
  .backpack-content-inner .btn-wrapper {
    position: fixed;
    width: auto;
    z-index: 20;
    left: 32px;
    left: var(--backpack-btn-wrapper-left-position-app-landscape);
    right: 32px;
    right: var(--backpack-btn-wrapper-right-position-app-landscape);
    bottom: 32px;
    bottom: var(--backpack-btn-wrapper-bottom-position-app);
    padding: 22px 12px 12px;
    padding: var(--backpack-btn-wrapper-padding-app-landscape);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(20%, #400c00));
    background: linear-gradient(180deg, transparent 0, #400c00 20%);
    background: var(--backpack-btn-wrapper-bg-app);
    border-radius: 0 0 0 0;
    border-radius: 0 0 var(--backpack-btn-wrapper-border-radius) var(--backpack-btn-wrapper-border-radius)
  }
}

@media only screen and (min-width:500px) and (max-width:1023px) and (orientation:landscape) {
  .backpack-content-inner .tag-list-wrapper[\:has\(\%2B\%20.text-wrapper\)] {
    margin-bottom: 0
  }

  .backpack-content-inner .tag-list-wrapper:has(+.text-wrapper) {
    margin-bottom: 0
  }
}

@media only screen and (min-width:500px) and (max-width:1023px) and (orientation:landscape) {
  .backpack-content-inner .tag-list-wrapper[\:has\(\%2B\%20.btn-wrapper\)] {
    margin-bottom: 120px
  }

  .backpack-content-inner .tag-list-wrapper:has(+.btn-wrapper) {
    margin-bottom: 120px
  }
}

@media only screen and (min-width:500px) and (max-width:1023px) and (orientation:landscape) {
  .backpack-content-inner .delete-card, .backpack-content-inner .inactivity-card, .backpack-content-inner .maintenance, .backpack-content-inner .using-card {
    border-radius: 10px;
    border-radius: var(--backpack-card-box-radius-mob)
  }
}

@media only screen and (min-width:500px) and (max-width:1023px) and (orientation:landscape) {
  .backpack-content-inner .backpack-card .delete-card, .backpack-content-inner .backpack-card .inactivity-card, .backpack-content-inner .backpack-card .maintenance, .backpack-content-inner .backpack-card .using-card {
    border-radius: inherit
  }
}

@media only screen and (min-width:500px) and (max-width:1023px) and (orientation:landscape) {
  .card-box.for-using-backpack-card-box {
    border-radius: 10px;
    border-radius: var(--backpack-card-box-radius-mob)
  }

  .card-box.for-using-backpack-card-box:after {
    border-radius: 10px;
    border-radius: var(--backpack-card-box-radius-mob)
  }

  .card-box.for-using-backpack-card-box .light-box, .card-box.for-using-backpack-card-box .SR-animation-shiny {
    border-radius: 10px;
    border-radius: var(--backpack-card-box-radius-mob)
  }
}

:root {
  --el-select-dropdown-bg-web: #984b0c;
  --el-dropdown-menu-item-active-bg-web: #ffb300;
  --el-select-dropdown-bg-mob: #3b1206;
  --el-dropdown-menu-item-active-color: #3b1206;
  --el-dropdown-menu-item-title-color: #ffe259
}

#__layout .publicDialog .deposit-dialog {
  z-index: 2147483646 !important;
  background: rgba(0, 0, 0, .7);
  display: block
}

@media screen and (max-width:932px) and (orientation:landscape) {
  #__layout .publicDialog .deposit-dialog {
    padding-top: 0;
    padding-left: 0
  }
}

#__layout .publicDialog .deposit-dialog .el-dialog {
  overflow: visible
}

@media screen and (max-width:932px) and (orientation:landscape) {
  #__layout .publicDialog .deposit-dialog .el-dialog {
    width: 100vw;
    width: 100dvw;
    margin-top: 0 !important
  }
}

#__layout .publicDialog .deposit-dialog .el-dialog__body {
  background: none;
  color: #f3ebc4;
  color: var(--deposit-content-inner-title, #f3ebc4)
}

#__layout .publicDialog .deposit-dialog+.v-modal {
  background: none
}

#__layout .publicDialog .deposit-dialog .game-nav-additional-modal-inner {
  padding-top: 53px
}

@media screen and (max-width:932px) {
  #__layout .publicDialog .deposit-dialog .game-nav-additional-modal-inner {
    padding-top: 14.1333333333vmin
  }
}

@media screen and (max-width:932px) and (orientation:landscape) {
  #__layout .publicDialog .deposit-dialog .game-nav-additional-modal-inner {
    padding-top: 5.3333333333vmin
  }
}

#__layout .publicDialog .deposit-dialog .game-nav-additional-modal-header-image1 {
  z-index: 10;
  top: 13px
}

@media screen and (max-width:932px) {
  #__layout .publicDialog .deposit-dialog .game-nav-additional-modal-header-image1 {
    top: 3.4666666667vmin
  }
}

#__layout .publicDialog .deposit-dialog .game-nav-additional-modal-header-image1 img {
  display: none
}

#__layout .publicDialog .deposit-dialog .game-nav-additional-modal-header-image1:before {
  content: "";
  display: block;
  width: 248px;
  height: 85px;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/deposit-header_ef58dd4.webp) no-repeat 50%/cover
}

@media screen and (max-width:932px) {
  #__layout .publicDialog .deposit-dialog .game-nav-additional-modal-header-image1:before {
    width: 66.1333333333vmin;
    height: 22.6666666667vmin
  }
}

@media screen and (max-width:932px) and (orientation:landscape) {
  #__layout .publicDialog .deposit-dialog .game-nav-additional-modal-header-image1:before {
    opacity: 0
  }
}

#__layout .publicDialog .deposit-dialog .game-nav-additional-modal-header-image2 {
  display: none
}

@media screen and (max-width:932px) and (orientation:landscape) {
  #__layout .publicDialog .deposit-dialog .game-nav-additional-modal-close-btn {
    top: 2.6666666667vmin;
    right: 2.6666666667vmin;
    width: 9.3333333333vmin;
    height: 9.3333333333vmin
  }
}

.el-dropdown-menu, .el-picker-panel, .el-select-dropdown {
  z-index: 2147483646 !important
}

.game-deposit-wrapper {
  padding: 32px 25px;
  padding: var(--deposit-content-inner-game-deposit-wrapper-padding);
  background: $deposit-content-inner-bg;
  background: var(--deposit-content-inner-bg);
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden
}

.game-deposit-wrapper:after {
  content: "";
  position: absolute;
  z-index: 5;
  left: 50%;
  bottom: -30px;
  -webkit-transform: translateX(-50%) rotate(270deg);
  transform: translateX(-50%) rotate(270deg);
  width: 30px;
  height: 55px;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/carved_a4716e2.webp);
  background-size: contain
}

.mobile-app .game-deposit-wrapper {
  padding: 8.5333333333vmin 6.6666666667vmin;
  padding: var(--deposit-content-inner-game-deposit-wrapper-padding-mob)
}

@media screen and (max-width:932px) and (orientation:landscape) {
  .mobile-app .game-deposit-wrapper {
    padding-top: 2.9333333333vmin
  }
}

.game-deposit-wrapper .title {
  color: #f3ebc4;
  color: var(--deposit-content-inner-title);
  text-align: center;
  text-shadow: 0 1.038px 2.076px rgba(0, 0, 0, .14), 0 1.038px 1.038px rgba(0, 0, 0, .12), 0 1.038px 2.076px rgba(0, 0, 0, .2);
  text-shadow: var(--deposit-content-inner-title-shadow);
  -webkit-text-stroke-width: 1;
  -webkit-text-stroke-color: #4c000d;
  -webkit-text-stroke-color: var(--deposit-content-inner-title-stroke-color);
  font-family: Arial;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
  margin-bottom: 12px
}

.mobile-app .game-deposit-wrapper .title {
  font-size: 6.4vmin;
  margin-bottom: 3.2vmin
}

@media screen and (max-width:932px) and (orientation:landscape) {
  .mobile-app .game-deposit-wrapper .title {
    font-size: 24px
  }
}

.game-deposit-wrapper .line {
  width: 100%;
  height: 2px;
  margin-bottom: 12px;
  background: #f3ebc4;
  background: var(--deposit-content-inner-title-line-bg);
  stroke: #f3ebc4;
  stroke: var(--deposit-content-inner-title-line-bg);
  -webkit-box-shadow: 0 3px 4px rgba(255, 254, 163, .4);
  box-shadow: 0 3px 4px rgba(255, 254, 163, .4);
  -webkit-box-shadow: var(--deposit-content-inner-title-line-shadow);
  box-shadow: var(--deposit-content-inner-title-line-shadow)
}

.mobile-app .game-deposit-wrapper .line {
  margin-bottom: 3.2vmin
}

.game-deposit-wrapper .tip {
  width: 100%;
  padding: 6px 12px;
  border-radius: 10px;
  border: 1px solid #3b1206;
  border: var(--deposit-content-inner-title-tip-border);
  background: #834d2d;
  background: var(--deposit-content-inner-title-tip-bg);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 16px
}

.game-deposit-wrapper .tip.is-collapse .content span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap
}

.game-deposit-wrapper .tip.is-collapse .arrow-icon .el-icon-d-arrow-left {
  font-weight: 700;
  color: #fed61c;
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg)
}

.game-deposit-wrapper .tip .content {
  color: #fff;
  color: var(--deposit-content-inner-title-tip-color);
  font-size: 12px;
  line-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  grid-gap: 6px;
  gap: 6px
}

.game-deposit-wrapper .tip .content .el-icon-info {
  margin-top: 4px
}

.game-deposit-wrapper .tip .content span {
  width: 100%
}

.game-deposit-wrapper .tip .line {
  height: 1px;
  background: #c4835c;
  background: var(--deposit-content-inner-tip-line-bg);
  margin-top: 4px;
  margin-bottom: 0;
  stroke: none;
  -webkit-box-shadow: none;
  box-shadow: none
}

.game-deposit-wrapper .tip .arrow-icon {
  width: 11px;
  height: 11px;
  margin: 6px auto 0
}

.mobile-app .game-deposit-wrapper .tip .arrow-icon {
  width: 2.9333333333vmin;
  height: 2.9333333333vmin;
  margin: 1.6vmin auto 0
}

.game-deposit-wrapper .tip .arrow-icon .el-icon-d-arrow-left {
  width: 100%;
  height: 100%;
  font-weight: 700;
  color: #fed61c;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  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
}

.game-deposit-wrapper .tip .arrow-icon .el-icon-d-arrow-left:before {
  display: block;
  width: 100%;
  height: 100%
}

.mobile-app .game-deposit-wrapper #deposit_category {
  margin-bottom: 32vmin
}

.game-deposit-wrapper #deposit_category .el-select {
  width: 100%
}

.game-deposit-wrapper #deposit_category .el-select input {
  width: 100%;
  height: 36px;
  color: #fff;
  border-radius: 40px;
  border-radius: var(--mixin-game-popup-input-border-radius);
  border: 1px solid #ef8301;
  border: 1px solid var(--mixin-game-popup-input-border);
  background: #3b1206;
  background: var(--mixin-game-popup-input-bg);
  -webkit-box-shadow: 0 3px 0 0 #341106, 0 -4px 4px 0 rgba(0, 0, 0, .5) inset, 0 4px 4px 0 rgba(0, 0, 0, .5) inset, 0 5px 5px 0 rgba(255, 254, 163, .5);
  box-shadow: 0 3px 0 0 #341106, inset 0 -4px 4px 0 rgba(0, 0, 0, .5), inset 0 4px 4px 0 rgba(0, 0, 0, .5), 0 5px 5px 0 rgba(255, 254, 163, .5);
  -webkit-box-shadow: var(--mixin-game-popup-input-shadow);
  box-shadow: var(--mixin-game-popup-input-shadow);
  margin: 12px 0 24px;
  margin: var(--mixin-game-popup-input-margin-web);
  padding: 8px 46px 8px 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.mobile-app .game-deposit-wrapper #deposit_category .el-select input {
  height: 9.6vmin;
  padding: 2.1333333333vmin 5.3333333333vmin;
  border-radius: 10.6666666667vmin;
  border-radius: var(--mixin-game-popup-input-border-radius-mob);
  border: .2666666667vmin solid #ef8301;
  border: .2666666667vmin solid var(--mixin-game-popup-input-border);
  margin: 3.2vmin 0 6.4vmin;
  margin: var(--mixin-game-popup-input-margin-mob)
}

.game-deposit-wrapper #deposit_category .el-select input::-webkit-input-placeholder {
  color: #b4946b;
  color: var(--mixin-game-popup-input-placeholder-color)
}

.game-deposit-wrapper #deposit_category .el-select input::-moz-placeholder {
  color: #b4946b;
  color: var(--mixin-game-popup-input-placeholder-color)
}

.game-deposit-wrapper #deposit_category .el-select input::-ms-input-placeholder {
  color: #b4946b;
  color: var(--mixin-game-popup-input-placeholder-color)
}

.game-deposit-wrapper #deposit_category .el-select input::placeholder {
  color: #b4946b;
  color: var(--mixin-game-popup-input-placeholder-color)
}

.game-deposit-wrapper #deposit_category .el-select input[\:has\(\%2B\%20.poperrorMsg\)] {
  border-color: #ff1f00
}

.game-deposit-wrapper #deposit_category .el-select input:has(+.poperrorMsg) {
  border-color: #ff1f00
}

.game-deposit-wrapper #deposit_category .el-select input:focus {
  border-color: #ffe3c1
}

.game-deposit-wrapper #deposit_category .el-select input:disabled {
  background: #552e09;
  background: var(--mixin-game-popup-input-disabled-bg);
  color: #b4946b;
  color: var(--mixin-game-popup-input-disabled-color)
}

[dir=rtl] .game-deposit-wrapper #deposit_category .el-select input {
  padding-left: 46px;
  padding-right: 20px
}

.mobile-app .game-deposit-wrapper #deposit_category .el-select input {
  padding-right: 12.2666666667vmin
}

.game-deposit-wrapper #deposit_category .el-select[\:has\(\%2B\%20.poperrorMsg\)] .el-input__inner {
  border-color: #ff1f00
}

.game-deposit-wrapper #deposit_category .el-select:has(+.poperrorMsg) .el-input__inner {
  border-color: #ff1f00
}

.game-deposit-wrapper #deposit_category .el-select .el-input__suffix {
  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;
  height: 36px;
  top: 12px;
  right: 20px
}

[dir=rtl] .game-deposit-wrapper #deposit_category .el-select .el-input__suffix {
  right: auto;
  left: 20px
}

.mobile-app .game-deposit-wrapper #deposit_category .el-select .el-input__suffix {
  height: 9.6vmin;
  height: var(--deposit-content-inner-input-suffix-mob-height);
  top: 5.3333333333vmin;
  top: var(--deposit-content-inner-input-suffix-mob-top);
  right: 3.2vmin;
  right: var(--deposit-content-inner-input-suffix-mob-right)
}

[dir=rtl] .mobile-app .game-deposit-wrapper #deposit_category .el-select .el-input__suffix {
  right: auto;
  left: 3.2vmin;
  left: var(--deposit-content-inner-input-suffix-mob-right)
}

.game-deposit-wrapper #deposit_category .el-select .el-input__suffix .el-input__suffix-inner {
  width: 14px;
  height: 14px
}

.mobile-app .game-deposit-wrapper #deposit_category .el-select .el-input__suffix .el-input__suffix-inner {
  width: 3.7333333333vmin;
  height: 3.7333333333vmin
}

.game-deposit-wrapper #deposit_category .el-select .el-input__suffix .el-input__suffix-inner .el-select__caret {
  width: 14px;
  height: 14px;
  -webkit-transform: rotate(1turn);
  transform: rotate(1turn)
}

.mobile-app .game-deposit-wrapper #deposit_category .el-select .el-input__suffix .el-input__suffix-inner .el-select__caret {
  width: 3.7333333333vmin;
  height: 3.7333333333vmin
}

.game-deposit-wrapper #deposit_category .el-select .el-input__suffix .el-input__suffix-inner .el-select__caret.is-reverse {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.game-deposit-wrapper #deposit_category .el-select .el-input__suffix .el-input__suffix-inner .el-select__caret:before {
  content: "";
  display: block;
  background: url(data:image/webp;base64,UklGRt4AAABXRUJQVlA4WAoAAAAQAAAAHAAAGwAAQUxQSGkAAAABT0AQQJrb4BCa5IiIgNRdOK1tW052GC0lZKG+pBTawMWxsF+RAhhuv/8nKj6i/waTtmm7+YttdQAXwL2AegI+8w7j/wFuSUFNDuCXeWf85wVMSVGTM7RcO7W8O2lIJw3L8luWaUWetl4AVlA4IE4AAACQAwCdASodABwAPm0mm02kISKilACADYlpAAA9YabJEAQZP0MAAP7xRH/+QV//j+T//x6O3/+IIb/Zl//91X//ue3//7orT//1ISCgAAA=) no-repeat 50%/contain;
  width: 14px;
  height: 14px
}

.mobile-app .game-deposit-wrapper #deposit_category .el-select .el-input__suffix .el-input__suffix-inner .el-select__caret:before {
  width: 3.7333333333vmin;
  height: 3.7333333333vmin
}

.game-deposit-wrapper #deposit_category .el-select.deposit-method-select input {
  height: 44px;
  border-radius: 40px;
  background: -webkit-gradient(linear, left top, left bottom, from(#f26f07), color-stop(11%, #ffb84d), color-stop(37.5%, #fff698), to(#fff698));
  background: linear-gradient(180deg, #f26f07, #ffb84d 11%, #fff698 37.5%, #fff698);
  -webkit-box-shadow: 0 -2.059px 4.942px 0 #f26f07 inset, 0 2.059px 2.059px 0 #ffdb34 inset;
  box-shadow: inset 0 -2.059px 4.942px 0 #f26f07, inset 0 2.059px 2.059px 0 #ffdb34;
  color: #3b1206;
  font-size: 12px;
  margin-top: 0
}

.mobile-app .game-deposit-wrapper #deposit_category .el-select.deposit-method-select input {
  height: 11.7333333333vmin;
  border-radius: 10.6666666667vmin;
  font-size: 3.2vmin
}

.game-deposit-wrapper #deposit_category .el-select.deposit-method-select .el-input--prefix input {
  padding-left: 54px
}

.mobile-app .game-deposit-wrapper #deposit_category .el-select.deposit-method-select .el-input--prefix input {
  padding-left: 14.4vmin
}

.game-deposit-wrapper #deposit_category .el-select.deposit-method-select .el-input__prefix {
  height: 44px;
  top: 8px;
  left: 16px
}

.mobile-app .game-deposit-wrapper #deposit_category .el-select.deposit-method-select .el-input__prefix {
  height: 11.7333333333vmin;
  top: 2.1333333333vmin;
  left: 4.2666666667vmin
}

.game-deposit-wrapper #deposit_category .el-select.deposit-method-select .el-input__prefix img {
  width: 30px;
  height: 30px;
  border-radius: 2px
}

.mobile-app .game-deposit-wrapper #deposit_category .el-select.deposit-method-select .el-input__prefix img {
  width: 8vmin;
  height: 8vmin;
  border-radius: .5333333333vmin
}

.game-deposit-wrapper #deposit_category .el-select.deposit-method-select .el-input__suffix {
  height: 44px;
  top: 0;
  right: 16px
}

.mobile-app .game-deposit-wrapper #deposit_category .el-select.deposit-method-select .el-input__suffix {
  height: 11.7333333333vmin;
  right: 4.2666666667vmin
}

.game-deposit-wrapper #deposit_category .el-select.deposit-method-select .el-input__suffix .el-select__caret:before {
  content: "";
  display: block;
  background: url(data:image/webp;base64,UklGRvAAAABXRUJQVlA4WAoAAAAQAAAAGwAAGwAAQUxQSGAAAAABT0AQQJrb4BCa5IiIgNRdMI1s28njkywlIH8rOMpAYrEZdH7lZoeP6D/CtG3jthN7Bf4xlS7RLUGqO1WLURqxkE48AvthI/WIUcRSfV+GHQAsWovSQekgOig9WBfynwNWUDggagAAAHAEAJ0BKhwAHAA+bSiSRaQiIZv6rABABsSxAZIBmgX6B+AFSePYkAAe/4hgAP75m3cN7GQ0hOFWTfNCBGf7MVB8ydcMRG5a/pExv/ePgf4Zttx5o03gKtpBp/8hEmXz6s8whYVU6LA3QAA=) no-repeat 50%/contain;
  width: 14px;
  height: 14px
}

.mobile-app .game-deposit-wrapper #deposit_category .el-select.deposit-method-select .el-input__suffix .el-select__caret:before {
  width: 3.7333333333vmin;
  height: 3.7333333333vmin
}

.game-deposit-wrapper #deposit_category .form-group {
  position: relative;
  margin-bottom: 0
}

.game-deposit-wrapper #deposit_category .form-group h4 {
  color: #ffe259;
  color: var(--deposit-content-inner-form-group-h4-color);
  text-shadow: 0 1.038px 2.076px rgba(0, 0, 0, .14), 0 1.038px 1.038px rgba(0, 0, 0, .12), 0 1.038px 2.076px rgba(0, 0, 0, .2);
  text-shadow: var(--deposit-content-inner-form-group-h4-shadow);
  -webkit-text-stroke-width: 1;
  -webkit-text-stroke-color: #4c000d;
  font-family: Arial;
  font-size: 16px;
  font-size: var(--deposit-content-inner-form-group-h4-size);
  font-style: normal;
  font-weight: 700;
  font-weight: var(--deposit-content-inner-form-group-h4-weight);
  line-height: normal;
  text-transform: capitalize;
  margin: 0
}

.mobile-app .game-deposit-wrapper #deposit_category .form-group h4 {
  font-size: 4.2666666667vmin
}

.game-deposit-wrapper #deposit_category .form-group h4 span {
  position: relative
}

.game-deposit-wrapper #deposit_category .form-group h4 span:after {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #c00;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  z-index: 1;
  content: "";
  display: inline-block;
  right: -10px
}

.mobile-app .game-deposit-wrapper #deposit_category .form-group h4 span:after {
  width: 1.3333333333vmin;
  height: 1.3333333333vmin;
  right: -2.6666666667vmin
}

.game-deposit-wrapper #deposit_category .form-group.category-group {
  margin-bottom: 14px
}

.mobile-app .game-deposit-wrapper #deposit_category .form-group.category-group {
  border-radius: unset;
  margin-bottom: 3.7333333333vmin
}

.mobile-app .game-deposit-wrapper #deposit_category .form-group.category-group:before {
  display: none
}

.game-deposit-wrapper #deposit_category .form-group.category-group .swiper-container {
  width: 100%
}

.game-deposit-wrapper #deposit_category .form-group.category-group .swiper-container .swiper-slide {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.game-deposit-wrapper #deposit_category .form-group.category-group .swiper-container .swiper-slide .pay-btn {
  padding: 4px 8px;
  border-radius: 8px;
  border: 1px solid #181818;
  border: var(--deposit-content-inner-pay-btn-border);
  background: -webkit-gradient(linear, left top, left bottom, from(#503d36), to(#3d2e29));
  background: linear-gradient(180deg, #503d36, #3d2e29);
  background: var(--deposit-content-inner-pay-btn-bg);
  color: #fff;
  text-align: center;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: .18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 4px;
  gap: 4px;
  width: 130px;
  height: 48px;
  cursor: pointer
}

.mobile-app .game-deposit-wrapper #deposit_category .form-group.category-group .swiper-container .swiper-slide .pay-btn {
  padding: 1.0666666667vmin 2.1333333333vmin;
  border-radius: 2.1333333333vmin;
  font-size: 3.2vmin;
  grid-gap: 1.0666666667vmin;
  gap: 1.0666666667vmin;
  width: 30.1333333333vmin;
  height: 12.8vmin
}

.game-deposit-wrapper #deposit_category .form-group.category-group .swiper-container .swiper-slide .pay-btn.active {
  border: 1px solid #fc0;
  border: var(--deposit-content-inner-pay-btn-active-border);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffdb34), to(#f50));
  background: linear-gradient(180deg, #ffdb34, #f50);
  background: var(--deposit-content-inner-pay-btn-active-bg);
  -webkit-box-shadow: 0 -4px 4px 0 hsla(0, 0%, 100%, .2) inset, 0 4px 4px 0 hsla(0, 0%, 100%, .2) inset;
  box-shadow: inset 0 -4px 4px 0 hsla(0, 0%, 100%, .2), inset 0 4px 4px 0 hsla(0, 0%, 100%, .2);
  -webkit-box-shadow: var(--deposit-content-inner-pay-btn-active-shadow);
  box-shadow: var(--deposit-content-inner-pay-btn-active-shadow)
}

.mobile-app .game-deposit-wrapper #deposit_category .form-group.category-group .swiper-container .swiper-slide .pay-btn.active {
  border-radius: 2.1333333333vmin
}

.game-deposit-wrapper #deposit_category .form-group.category-group .swiper-container .swiper-slide .pay-btn img:not(.tag):not(.bonusTag) {
  width: 16px;
  height: 16px;
  border-radius: 2px
}

[dir=rtl] .game-deposit-wrapper #deposit_category .form-group.category-group .swiper-container .swiper-slide .pay-btn img:not(.tag):not(.bonusTag) {
  margin: 0 0 0 5px
}

.mobile-app .game-deposit-wrapper #deposit_category .form-group.category-group .swiper-container .swiper-slide .pay-btn img:not(.tag):not(.bonusTag) {
  width: 4.2666666667vmin;
  height: 4.2666666667vmin;
  border-radius: .5333333333vmin
}

.game-deposit-wrapper #deposit_category .form-group.category-group .swiper-container .swiper-slide .pay-btn span {
  display: block;
  min-width: 74px
}

.mobile-app .game-deposit-wrapper #deposit_category .form-group.category-group .swiper-container .swiper-slide .pay-btn span {
  min-width: 19.7333333333vmin
}

.game-deposit-wrapper #deposit_category .form-group.category-group .swiper-container .swiper-slide .pay-btn input {
  display: none
}

.game-deposit-wrapper #deposit_category .form-group.category-group .swiper-container {
  overflow: visible;
  padding: 0 6px
}

.game-deposit-wrapper #deposit_category .form-group.category-group .swiper-container .pay-btn .bonus {
  top: -7px;
  width: 48px;
  height: 16px
}

.game-deposit-wrapper #deposit_category .form-group.category-group .swiper-container .pay-btn .tag {
  width: 36px;
  height: 22px;
  top: -14px
}

.game-deposit-wrapper #deposit_category .form-group.category-group .swiper-container .pay-btn .feedback {
  top: -7px;
  height: 16px;
  font-size: 10px;
  line-height: 14px
}

.game-deposit-wrapper #deposit_category .form-group.category-group .swiper-container .pay-btn .feedback:after {
  right: -8px;
  width: 8px;
  height: 16px;
  background-size: contain
}

.game-deposit-wrapper #deposit_category .form-group.money-btn-wrap .pay-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 6px;
  gap: 6px;
  margin-bottom: 16px
}

.mobile-app .game-deposit-wrapper #deposit_category .form-group.money-btn-wrap .pay-group {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: repeat(2, auto);
  grid-gap: 6px;
  gap: 6px
}

.game-deposit-wrapper #deposit_category .form-group.money-btn-wrap .pay-group>:nth-child(n+7) {
  display: none
}

.game-deposit-wrapper #deposit_category .form-group.money-btn-wrap .pay-group label {
  width: auto;
  padding: 0;
  margin: 0
}

.game-deposit-wrapper #deposit_category .form-group.money-btn-wrap .pay-group label.active .pay-btn {
  border: 1px solid #fc0;
  border: var(--deposit-content-inner-pay-btn-active-border);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffdb34), to(#f50));
  background: linear-gradient(180deg, #ffdb34, #f50);
  background: var(--deposit-content-inner-pay-btn-active-bg);
  -webkit-box-shadow: 0 -4px 4px 0 hsla(0, 0%, 100%, .2) inset, 0 4px 4px 0 hsla(0, 0%, 100%, .2) inset;
  box-shadow: inset 0 -4px 4px 0 hsla(0, 0%, 100%, .2), inset 0 4px 4px 0 hsla(0, 0%, 100%, .2);
  -webkit-box-shadow: var(--deposit-content-inner-pay-btn-active-shadow);
  box-shadow: var(--deposit-content-inner-pay-btn-active-shadow);
  min-width: unset
}

.mobile-app .game-deposit-wrapper #deposit_category .form-group.money-btn-wrap .pay-group label.active .pay-btn {
  border-radius: 2.1333333333vmin
}

.game-deposit-wrapper #deposit_category .form-group.money-btn-wrap .pay-group .pay-btn {
  border-radius: 8px;
  border: 1px solid #181818;
  border: var(--deposit-content-inner-pay-btn-border);
  background: -webkit-gradient(linear, left top, left bottom, from(#503d36), to(#3d2e29));
  background: linear-gradient(180deg, #503d36, #3d2e29);
  background: var(--deposit-content-inner-pay-btn-bg);
  color: #fff;
  text-align: center;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: .18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 4px;
  gap: 4px;
  width: 130px;
  height: 48px;
  cursor: pointer;
  width: 100px;
  height: 36px;
  padding: 7px 8px;
  -webkit-box-shadow: none;
  box-shadow: none
}

.mobile-app .game-deposit-wrapper #deposit_category .form-group.money-btn-wrap .pay-group .pay-btn {
  padding: 1.0666666667vmin 2.1333333333vmin;
  border-radius: 2.1333333333vmin;
  font-size: 3.2vmin;
  grid-gap: 1.0666666667vmin;
  gap: 1.0666666667vmin;
  width: 30.1333333333vmin;
  height: 12.8vmin
}

.game-deposit-wrapper #deposit_category .form-group.money-btn-wrap .pay-group .pay-btn.active {
  border: 1px solid #fc0;
  border: var(--deposit-content-inner-pay-btn-active-border);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffdb34), to(#f50));
  background: linear-gradient(180deg, #ffdb34, #f50);
  background: var(--deposit-content-inner-pay-btn-active-bg);
  -webkit-box-shadow: 0 -4px 4px 0 hsla(0, 0%, 100%, .2) inset, 0 4px 4px 0 hsla(0, 0%, 100%, .2) inset;
  box-shadow: inset 0 -4px 4px 0 hsla(0, 0%, 100%, .2), inset 0 4px 4px 0 hsla(0, 0%, 100%, .2);
  -webkit-box-shadow: var(--deposit-content-inner-pay-btn-active-shadow);
  box-shadow: var(--deposit-content-inner-pay-btn-active-shadow)
}

.mobile-app .game-deposit-wrapper #deposit_category .form-group.money-btn-wrap .pay-group .pay-btn.active {
  border-radius: 2.1333333333vmin
}

.game-deposit-wrapper #deposit_category .form-group.money-btn-wrap .pay-group .pay-btn img:not(.tag):not(.bonusTag) {
  width: 16px;
  height: 16px;
  border-radius: 2px
}

[dir=rtl] .game-deposit-wrapper #deposit_category .form-group.money-btn-wrap .pay-group .pay-btn img:not(.tag):not(.bonusTag) {
  margin: 0 0 0 5px
}

.mobile-app .game-deposit-wrapper #deposit_category .form-group.money-btn-wrap .pay-group .pay-btn img:not(.tag):not(.bonusTag) {
  width: 4.2666666667vmin;
  height: 4.2666666667vmin;
  border-radius: .5333333333vmin
}

.game-deposit-wrapper #deposit_category .form-group.money-btn-wrap .pay-group .pay-btn span {
  display: block;
  min-width: 74px
}

.mobile-app .game-deposit-wrapper #deposit_category .form-group.money-btn-wrap .pay-group .pay-btn span {
  min-width: 19.7333333333vmin
}

.mobile-app .game-deposit-wrapper #deposit_category .form-group.money-btn-wrap .pay-group .pay-btn {
  width: 26.6666666667vmin;
  height: 9.6vmin;
  padding: 1.8666666667vmin 2.1333333333vmin
}

.game-deposit-wrapper #deposit_category .form-group.money-btn-wrap .pay-group .pay-btn input[type=radio] {
  display: none
}

#member-section .member-content .game-deposit-wrapper #deposit_category .form-group .form-input-el .el-input__inner, .game-deposit-wrapper #deposit_category #member-section .member-content .form-group .form-input-el .el-input__inner, .game-deposit-wrapper #deposit_category .form-group .form-input {
  width: 100%;
  height: 36px;
  color: #fff;
  padding: 8px 20px;
  border-radius: 40px;
  border-radius: var(--mixin-game-popup-input-border-radius);
  border: 1px solid #ef8301;
  border: 1px solid var(--mixin-game-popup-input-border);
  background: #3b1206;
  background: var(--mixin-game-popup-input-bg);
  -webkit-box-shadow: 0 3px 0 0 #341106, 0 -4px 4px 0 rgba(0, 0, 0, .5) inset, 0 4px 4px 0 rgba(0, 0, 0, .5) inset, 0 5px 5px 0 rgba(255, 254, 163, .5);
  box-shadow: 0 3px 0 0 #341106, inset 0 -4px 4px 0 rgba(0, 0, 0, .5), inset 0 4px 4px 0 rgba(0, 0, 0, .5), 0 5px 5px 0 rgba(255, 254, 163, .5);
  -webkit-box-shadow: var(--mixin-game-popup-input-shadow);
  box-shadow: var(--mixin-game-popup-input-shadow);
  margin: 12px 0 24px;
  margin: var(--mixin-game-popup-input-margin-web)
}

#member-section .member-content .mobile-app .game-deposit-wrapper #deposit_category .form-group .form-input-el .el-input__inner, .mobile-app .game-deposit-wrapper #deposit_category #member-section .member-content .form-group .form-input-el .el-input__inner, .mobile-app .game-deposit-wrapper #deposit_category .form-group .form-input {
  height: 9.6vmin;
  padding: 2.1333333333vmin 5.3333333333vmin;
  border-radius: 10.6666666667vmin;
  border-radius: var(--mixin-game-popup-input-border-radius-mob);
  border: .2666666667vmin solid #ef8301;
  border: .2666666667vmin solid var(--mixin-game-popup-input-border);
  margin: 3.2vmin 0 6.4vmin;
  margin: var(--mixin-game-popup-input-margin-mob)
}

#member-section .member-content .game-deposit-wrapper #deposit_category .form-group .form-input-el .el-input__inner::-webkit-input-placeholder, .game-deposit-wrapper #deposit_category #member-section .member-content .form-group .form-input-el .el-input__inner::-webkit-input-placeholder, .game-deposit-wrapper #deposit_category .form-group .form-input::-webkit-input-placeholder {
  color: #b4946b;
  color: var(--mixin-game-popup-input-placeholder-color)
}

#member-section .member-content .game-deposit-wrapper #deposit_category .form-group .form-input-el .el-input__inner::-moz-placeholder, .game-deposit-wrapper #deposit_category #member-section .member-content .form-group .form-input-el .el-input__inner::-moz-placeholder, .game-deposit-wrapper #deposit_category .form-group .form-input::-moz-placeholder {
  color: #b4946b;
  color: var(--mixin-game-popup-input-placeholder-color)
}

#member-section .member-content .game-deposit-wrapper #deposit_category .form-group .form-input-el .el-input__inner::-ms-input-placeholder, .game-deposit-wrapper #deposit_category #member-section .member-content .form-group .form-input-el .el-input__inner::-ms-input-placeholder, .game-deposit-wrapper #deposit_category .form-group .form-input::-ms-input-placeholder {
  color: #b4946b;
  color: var(--mixin-game-popup-input-placeholder-color)
}

#member-section .member-content .game-deposit-wrapper #deposit_category .form-group .form-input-el .el-input__inner::placeholder, .game-deposit-wrapper #deposit_category #member-section .member-content .form-group .form-input-el .el-input__inner::placeholder, .game-deposit-wrapper #deposit_category .form-group .form-input::placeholder {
  color: #b4946b;
  color: var(--mixin-game-popup-input-placeholder-color)
}

#member-section .member-content .game-deposit-wrapper #deposit_category .form-group .form-input-el .el-input__inner[\:has\(\%2B\%20.poperrorMsg\)], .game-deposit-wrapper #deposit_category #member-section .member-content .form-group .form-input-el .el-input__inner[\:has\(\%2B\%20.poperrorMsg\)], .game-deposit-wrapper #deposit_category .form-group .form-input[\:has\(\%2B\%20.poperrorMsg\)] {
  border-color: #ff1f00
}

#member-section .member-content .game-deposit-wrapper #deposit_category .form-group .form-input-el .el-input__inner:has(+.poperrorMsg), .game-deposit-wrapper #deposit_category #member-section .member-content .form-group .form-input-el .el-input__inner:has(+.poperrorMsg), .game-deposit-wrapper #deposit_category .form-group .form-input:has(+.poperrorMsg) {
  border-color: #ff1f00
}

#member-section .member-content .game-deposit-wrapper #deposit_category .form-group .form-input-el .el-input__inner:focus, .game-deposit-wrapper #deposit_category #member-section .member-content .form-group .form-input-el .el-input__inner:focus, .game-deposit-wrapper #deposit_category .form-group .form-input:focus {
  border-color: #ffe3c1
}

#member-section .member-content .game-deposit-wrapper #deposit_category .form-group .form-input-el .el-input__inner:disabled, .game-deposit-wrapper #deposit_category #member-section .member-content .form-group .form-input-el .el-input__inner:disabled, .game-deposit-wrapper #deposit_category .form-group .form-input:disabled {
  background: #552e09;
  background: var(--mixin-game-popup-input-disabled-bg);
  color: #b4946b;
  color: var(--mixin-game-popup-input-disabled-color)
}

.game-deposit-wrapper #deposit_category .form-group .receipt-box .el-row:first-of-type {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  grid-gap: 8px;
  gap: 8px
}

.mobile-app .game-deposit-wrapper #deposit_category .form-group .receipt-box .el-row:first-of-type {
  grid-template-rows: repeat(auto-fit, minmax(0, 1fr));
  grid-template-columns: unset
}

.game-deposit-wrapper #deposit_category .form-group .receipt-box .el-row:before {
  display: none
}

.game-deposit-wrapper #deposit_category .form-group .receipt-box .el-row:after {
  display: none
}

@media (orientation:landscape) {
  .mobile-app .game-deposit-wrapper #deposit_category .form-group .receipt-box .el-row:first-of-type {
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr))
  }
}

.game-deposit-wrapper #deposit_category .form-group .receipt-box .receipt-title {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  width: 100%;
  border-radius: 10px;
  border-radius: var(--deposit-content-inner-receipt-title-border-radius);
  background: #834d2d;
  background: var(--deposit-content-inner-receipt-title-bg);
  -webkit-box-shadow: 0 2px 5px 0 rgba(59, 18, 6, .3);
  box-shadow: 0 2px 5px 0 rgba(59, 18, 6, .3);
  -webkit-box-shadow: var(--deposit-content-inner-receipt-title-shadow);
  box-shadow: var(--deposit-content-inner-receipt-title-shadow);
  border: none;
  padding: 10px 16px
}

.mobile-app .game-deposit-wrapper #deposit_category .form-group .receipt-box .receipt-title {
  padding: 2.6666666667vmin 4.2666666667vmin;
  border-radius: 2.6666666667vmin
}

.game-deposit-wrapper #deposit_category .form-group .receipt-box .receipt-title[\:has\(.receipt-img\)] {
  display: none
}

.game-deposit-wrapper #deposit_category .form-group .receipt-box .receipt-title:has(.receipt-img) {
  display: none
}

.game-deposit-wrapper #deposit_category .form-group .receipt-box .receipt-title[\:has\(.receipt-url-wrap\)]+.receipt-content .receiptProfit .el-row:nth-child(3) {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.game-deposit-wrapper #deposit_category .form-group .receipt-box .receipt-title:has(.receipt-url-wrap)+.receipt-content .receiptProfit .el-row:nth-child(3) {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.game-deposit-wrapper #deposit_category .form-group .receipt-box .receipt-title[\:has\(.receipt-url-wrap\)]+.receipt-content .receiptProfit .el-row:nth-child(3) .el-col:not(:first-child) {
  margin: 0
}

.game-deposit-wrapper #deposit_category .form-group .receipt-box .receipt-title:has(.receipt-url-wrap)+.receipt-content .receiptProfit .el-row:nth-child(3) .el-col:not(:first-child) {
  margin: 0
}

.game-deposit-wrapper #deposit_category .form-group .receipt-box .receipt-title[\:has\(.receipt-url-wrap\)]+.receipt-content .receiptProfit .el-row:nth-child(3) .el-col .copyBtn {
  translate: 0 50%
}

.game-deposit-wrapper #deposit_category .form-group .receipt-box .receipt-title:has(.receipt-url-wrap)+.receipt-content .receiptProfit .el-row:nth-child(3) .el-col .copyBtn {
  translate: 0 50%
}

.mobile-app .game-deposit-wrapper #deposit_category .form-group .receipt-box .receipt-title[\:has\(.receipt-url-wrap\)]+.receipt-content .receiptProfit .el-row:nth-child(3) .el-col .copyBtn {
  translate: unset
}

.mobile-app .game-deposit-wrapper #deposit_category .form-group .receipt-box .receipt-title:has(.receipt-url-wrap)+.receipt-content .receiptProfit .el-row:nth-child(3) .el-col .copyBtn {
  translate: unset
}

.game-deposit-wrapper #deposit_category .form-group .receipt-box .receipt-title .receipt-url-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 10px;
  gap: 10px
}

.game-deposit-wrapper #deposit_category .form-group .receipt-box .receipt-title .receipt-url-wrap canvas {
  width: 65px !important;
  height: 65px !important
}

.mobile-app .game-deposit-wrapper #deposit_category .form-group .receipt-box .receipt-title .receipt-url-wrap canvas {
  width: 16vmin !important;
  height: 16vmin !important
}

.game-deposit-wrapper #deposit_category .form-group .receipt-box .receipt-title .receipt-url-wrap .receipt-url {
  position: relative;
  width: 100%;
  background: transparent;
  border: none
}

.game-deposit-wrapper #deposit_category .form-group .receipt-box .receipt-title .receipt-url-wrap .receipt-url:after {
  content: "";
  position: absolute;
  display: block;
  width: 14px;
  height: 14px;
  background: url(data:image/webp;base64,UklGRvAAAABXRUJQVlA4WAoAAAAQAAAAGwAAHAAAQUxQSKQAAAABgFTbdt3mQjCEByEQDCEQBMEMYgYxg/cYFIIgGIIgBMIZWH5Sf/OImAD9ZGskX0OF9JC1gVJbvy6SZNfae5PcLlenW0h+7MaBL+CE87l2F/UdCKP70KADoRsbcCA0yYHQJAdCkxwIXZcPbcCBUN82yzkQyqYcCE1yINRfN8vtQKhvUHMHhG5XaDk7ds3L/1sN/GHDFaqkndlFkuqkQ91yTqibrlZQOCAmAAAA0AIAnQEqHAAdAD5tNJZHpCMiISgIAIANiWkAAD2joAD++yGAAAA=) no-repeat 50%/contain;
  top: 0;
  right: 0;
  pointer-events: none;
  cursor: pointer
}

.mobile-app .game-deposit-wrapper #deposit_category .form-group .receipt-box .receipt-title .receipt-url-wrap .receipt-url:after {
  width: 3.7333333333vmin;
  height: 3.7333333333vmin
}

.game-deposit-wrapper #deposit_category .form-group .receipt-box .receipt-title .receipt-url-wrap .receipt-url a {
  text-align: left;
  color: #fff;
  font-size: 12px;
  line-height: 14px
}

.mobile-app .game-deposit-wrapper #deposit_category .form-group .receipt-box .receipt-title .receipt-url-wrap .receipt-url a {
  font-size: 3.2vmin;
  line-height: 3.7333333333vmin
}

.game-deposit-wrapper #deposit_category .form-group .receipt-box .receipt-content {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  width: 100%;
  padding: 0;
  background: transparent;
  border: none
}

.game-deposit-wrapper #deposit_category .form-group .receipt-box .receipt-content .receiptProfit {
  height: 100%
}

.game-deposit-wrapper #deposit_category .form-group .receipt-box .receipt-content .receiptProfit .el-row {
  padding: 0;
  border: none
}

.game-deposit-wrapper #deposit_category .form-group .receipt-box .receipt-content .receiptProfit .el-row:not(:nth-child(3)) {
  display: none
}

.game-deposit-wrapper #deposit_category .form-group .receipt-box .receipt-content .receiptProfit .el-row:nth-child(3) {
  width: 100%;
  height: 100%;
  padding: 10px 16px;
  border-radius: 10px;
  border-radius: var(--deposit-content-inner-receipt-title-border-radius);
  background: #834d2d;
  background: var(--deposit-content-inner-receipt-title-bg);
  -webkit-box-shadow: 0 2px 5px 0 rgba(59, 18, 6, .3);
  box-shadow: 0 2px 5px 0 rgba(59, 18, 6, .3);
  -webkit-box-shadow: var(--deposit-content-inner-receipt-title-shadow);
  box-shadow: var(--deposit-content-inner-receipt-title-shadow);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.mobile-app .game-deposit-wrapper #deposit_category .form-group .receipt-box .receipt-content .receiptProfit .el-row:nth-child(3) {
  padding: 2.6666666667vmin 4.2666666667vmin;
  border-radius: 2.6666666667vmin;
  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-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.game-deposit-wrapper #deposit_category .form-group .receipt-box .receipt-content .receiptProfit .el-row:nth-child(3) .copyBtn {
  position: absolute;
  right: 16px;
  background: transparent;
  border: none;
  color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none
}

[dir=rtl] .game-deposit-wrapper #deposit_category .form-group .receipt-box .receipt-content .receiptProfit .el-row:nth-child(3) .copyBtn {
  right: auto;
  left: 16px
}

[dir=rtl] .game-deposit-wrapper #deposit_category .form-group .receipt-box .receipt-content .receiptProfit .el-row:nth-child(3) .copyBtn {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}

.mobile-app .game-deposit-wrapper #deposit_category .form-group .receipt-box .receipt-content .receiptProfit .el-row:nth-child(3) .copyBtn {
  top: 5.3333333333vmin
}

.game-deposit-wrapper #deposit_category .form-group .receipt-box .receipt-content .receiptProfit .el-row:nth-child(3) .copyBtn:before {
  content: "";
  position: absolute;
  top: 3px;
  right: 0;
  width: 14px;
  height: 14px;
  display: block;
  background: url(data:image/webp;base64,UklGRroAAABXRUJQVlA4WAoAAAAQAAAAGwAAGwAAQUxQSGAAAAABV0AQQJp7gkYI4YiIuFP5BKPYttq8dDuss0IHEiIFCWw7zyYtTUBE/ydAZlb1AgCWTVWklinY+YprQpvkgb5ZZlb1QhKWTVWklinY/wt5wA+I1AfgN3JLF751FiLVzAZWUDggNAAAAJADAJ0BKhwAHAA+XSSNRaOiIRv0ADgFxLSAAFYy4m9e+PehbMAA/vxK4f/boEd/9L4AAAA=) no-repeat 100%/contain
}

[dir=rtl] .game-deposit-wrapper #deposit_category .form-group .receipt-box .receipt-content .receiptProfit .el-row:nth-child(3) .copyBtn:before {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}

.mobile-app .game-deposit-wrapper #deposit_category .form-group .receipt-box .receipt-content .receiptProfit .el-row:nth-child(3) .copyBtn:before {
  width: 3.7333333333vmin;
  height: 3.7333333333vmin
}

.game-deposit-wrapper #deposit_category .form-group .receipt-box .receipt-content .receiptProfit .el-row:nth-child(3) .el-col {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #ffc39f;
  color: var(--deposit-content-inner-receipt-title-color);
  border: none;
  font-weight: 700
}

.game-deposit-wrapper #deposit_category .form-group .receipt-box .receipt-content .receiptProfit .el-row:nth-child(3) .el-col:not(:first-child) {
  font-weight: 400;
  color: #fff;
  color: var(--deposit-content-inner-receipt-content-color);
  margin-left: 6px
}

[dir=rtl] .game-deposit-wrapper #deposit_category .form-group .receipt-box .receipt-content .receiptProfit .el-row:nth-child(3) .el-col:not(:first-child) {
  margin-left: 0;
  margin-right: 6px
}

.mobile-app .game-deposit-wrapper #deposit_category .form-group .receipt-box .receipt-content .receiptProfit .el-row:nth-child(3) .el-col:not(:first-child) {
  margin: 0
}

.game-deposit-wrapper #deposit_category .form-group .deposit-info-box {
  margin-bottom: 16px;
  background: none;
  border: none;
  border-radius: none
}

.game-deposit-wrapper #deposit_category .form-group .deposit-info-box .el-col.notice-title {
  display: none
}

.game-deposit-wrapper #deposit_category .form-group .deposit-info-box .el-col.notice-content {
  width: 100%;
  padding: 10px 12px;
  border-radius: 8px;
  border: 1px solid #834d2d;
  border: 1px solid var(--deposit-content-inner-notice-content-border);
  background: #3b1206;
  background: var(--deposit-content-inner-notice-content-bg);
  -webkit-box-shadow: 0 3px 0 0 #341106;
  box-shadow: 0 3px 0 0 #341106;
  -webkit-box-shadow: var(--deposit-content-inner-notice-content-shadow);
  box-shadow: var(--deposit-content-inner-notice-content-shadow)
}

.game-deposit-wrapper #deposit_category .form-group .deposit-info-box .el-col.notice-content .totalProfit .el-row {
  padding: 0;
  margin-bottom: 8px;
  border-bottom: 1px solid #834d2d;
  border-bottom: 1px solid var(--deposit-content-inner-notice-content-border);
  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-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.game-deposit-wrapper #deposit_category .form-group .deposit-info-box .el-col.notice-content .totalProfit .el-row .el-col {
  color: #f3ebc4;
  color: var(--deposit-content-inner-notice-title-color)
}

.game-deposit-wrapper #deposit_category .form-group .deposit-info-box .el-col.notice-content .totalProfit .el-row .el-col:not(:first-child) {
  color: #fff;
  color: var(--deposit-content-inner-notice-content-color);
  padding-bottom: 10px;
  border: none;
  width: 100%;
  text-align: left
}

[dir=rtl] .game-deposit-wrapper #deposit_category .form-group .deposit-info-box .el-col.notice-content .totalProfit .el-row .el-col:not(:first-child) {
  text-align: right
}

.game-deposit-wrapper #deposit_category .form-group .input-group .el-date-editor {
  width: 100%
}

.game-deposit-wrapper #deposit_category .form-group .input-group .el-date-editor input {
  width: 100%;
  height: 36px;
  color: #fff;
  padding: 8px 20px;
  border-radius: 40px;
  border-radius: var(--mixin-game-popup-input-border-radius);
  border: 1px solid #ef8301;
  border: 1px solid var(--mixin-game-popup-input-border);
  background: #3b1206;
  background: var(--mixin-game-popup-input-bg);
  -webkit-box-shadow: 0 3px 0 0 #341106, 0 -4px 4px 0 rgba(0, 0, 0, .5) inset, 0 4px 4px 0 rgba(0, 0, 0, .5) inset, 0 5px 5px 0 rgba(255, 254, 163, .5);
  box-shadow: 0 3px 0 0 #341106, inset 0 -4px 4px 0 rgba(0, 0, 0, .5), inset 0 4px 4px 0 rgba(0, 0, 0, .5), 0 5px 5px 0 rgba(255, 254, 163, .5);
  -webkit-box-shadow: var(--mixin-game-popup-input-shadow);
  box-shadow: var(--mixin-game-popup-input-shadow);
  margin: 12px 0 24px;
  margin: var(--mixin-game-popup-input-margin-web)
}

.mobile-app .game-deposit-wrapper #deposit_category .form-group .input-group .el-date-editor input {
  height: 9.6vmin;
  padding: 2.1333333333vmin 5.3333333333vmin;
  border-radius: 10.6666666667vmin;
  border-radius: var(--mixin-game-popup-input-border-radius-mob);
  border: .2666666667vmin solid #ef8301;
  border: .2666666667vmin solid var(--mixin-game-popup-input-border);
  margin: 3.2vmin 0 6.4vmin;
  margin: var(--mixin-game-popup-input-margin-mob)
}

.game-deposit-wrapper #deposit_category .form-group .input-group .el-date-editor input::-webkit-input-placeholder {
  color: #b4946b;
  color: var(--mixin-game-popup-input-placeholder-color)
}

.game-deposit-wrapper #deposit_category .form-group .input-group .el-date-editor input::-moz-placeholder {
  color: #b4946b;
  color: var(--mixin-game-popup-input-placeholder-color)
}

.game-deposit-wrapper #deposit_category .form-group .input-group .el-date-editor input::-ms-input-placeholder {
  color: #b4946b;
  color: var(--mixin-game-popup-input-placeholder-color)
}

.game-deposit-wrapper #deposit_category .form-group .input-group .el-date-editor input::placeholder {
  color: #b4946b;
  color: var(--mixin-game-popup-input-placeholder-color)
}

.game-deposit-wrapper #deposit_category .form-group .input-group .el-date-editor input[\:has\(\%2B\%20.poperrorMsg\)] {
  border-color: #ff1f00
}

.game-deposit-wrapper #deposit_category .form-group .input-group .el-date-editor input:has(+.poperrorMsg) {
  border-color: #ff1f00
}

.game-deposit-wrapper #deposit_category .form-group .input-group .el-date-editor input:focus {
  border-color: #ffe3c1
}

.game-deposit-wrapper #deposit_category .form-group .input-group .el-date-editor input:disabled {
  background: #552e09;
  background: var(--mixin-game-popup-input-disabled-bg);
  color: #b4946b;
  color: var(--mixin-game-popup-input-disabled-color)
}

.game-deposit-wrapper #deposit_category .form-group .input-group .el-date-editor[\:has\(\%2B\%20.poperrorMsg\)] .el-input__inner {
  border-color: #ff1f00
}

.game-deposit-wrapper #deposit_category .form-group .input-group .el-date-editor:has(+.poperrorMsg) .el-input__inner {
  border-color: #ff1f00
}

.game-deposit-wrapper #deposit_category .form-group .input-group .el-date-editor .el-input__prefix {
  height: 36px;
  margin-top: 12px;
  left: auto;
  right: 10px
}

[dir=rtl] .game-deposit-wrapper #deposit_category .form-group .input-group .el-date-editor .el-input__prefix {
  right: auto;
  left: 10px
}

.mobile-app .game-deposit-wrapper #deposit_category .form-group .input-group .el-date-editor .el-input__prefix {
  height: 9.6vmin;
  margin-top: 3.2vmin;
  margin-top: var(--deposit-content-inner-el-date-editor-margin-top);
  right: 2.6666666667vmin
}

.game-deposit-wrapper #deposit_category .form-group .input-group .el-date-editor .el-input__prefix i {
  font-weight: 700
}

@media screen and (max-width:932px) and (orientation:landscape) {
  .game-deposit-wrapper #deposit_category .form-group .input-group .el-date-editor .el-input__prefix i {
    line-height: normal
  }
}

.game-deposit-wrapper #deposit_category .form-group .input-group .receiptImgFrame .imgUpload+label .upload-image {
  max-height: 200px;
  max-width: 100%
}

.mobile-app .game-deposit-wrapper #deposit_category .form-group .input-group .receiptImgFrame .imgUpload+label .upload-image {
  max-height: 53.3333333333vmin
}

.game-deposit-wrapper #deposit_category .form-group .input-group .receiptImgFrame label {
  width: 100%;
  height: 36px;
  color: #fff;
  padding: 8px 20px;
  border-radius: 40px;
  border-radius: var(--mixin-game-popup-input-border-radius);
  border: 1px solid #ef8301;
  border: 1px solid var(--mixin-game-popup-input-border);
  background: #3b1206;
  background: var(--mixin-game-popup-input-bg);
  -webkit-box-shadow: 0 3px 0 0 #341106, 0 -4px 4px 0 rgba(0, 0, 0, .5) inset, 0 4px 4px 0 rgba(0, 0, 0, .5) inset, 0 5px 5px 0 rgba(255, 254, 163, .5);
  box-shadow: 0 3px 0 0 #341106, inset 0 -4px 4px 0 rgba(0, 0, 0, .5), inset 0 4px 4px 0 rgba(0, 0, 0, .5), 0 5px 5px 0 rgba(255, 254, 163, .5);
  -webkit-box-shadow: var(--mixin-game-popup-input-shadow);
  box-shadow: var(--mixin-game-popup-input-shadow);
  margin: 12px 0 24px;
  margin: var(--mixin-game-popup-input-margin-web);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 6px;
  gap: 6px;
  height: auto;
  min-height: 36px
}

.mobile-app .game-deposit-wrapper #deposit_category .form-group .input-group .receiptImgFrame label {
  height: 9.6vmin;
  padding: 2.1333333333vmin 5.3333333333vmin;
  border-radius: 10.6666666667vmin;
  border-radius: var(--mixin-game-popup-input-border-radius-mob);
  border: .2666666667vmin solid #ef8301;
  border: .2666666667vmin solid var(--mixin-game-popup-input-border);
  margin: 3.2vmin 0 6.4vmin;
  margin: var(--mixin-game-popup-input-margin-mob)
}

.game-deposit-wrapper #deposit_category .form-group .input-group .receiptImgFrame label::-webkit-input-placeholder {
  color: #b4946b;
  color: var(--mixin-game-popup-input-placeholder-color)
}

.game-deposit-wrapper #deposit_category .form-group .input-group .receiptImgFrame label::-moz-placeholder {
  color: #b4946b;
  color: var(--mixin-game-popup-input-placeholder-color)
}

.game-deposit-wrapper #deposit_category .form-group .input-group .receiptImgFrame label::-ms-input-placeholder {
  color: #b4946b;
  color: var(--mixin-game-popup-input-placeholder-color)
}

.game-deposit-wrapper #deposit_category .form-group .input-group .receiptImgFrame label::placeholder {
  color: #b4946b;
  color: var(--mixin-game-popup-input-placeholder-color)
}

.game-deposit-wrapper #deposit_category .form-group .input-group .receiptImgFrame label[\:has\(\%2B\%20.poperrorMsg\)] {
  border-color: #ff1f00
}

.game-deposit-wrapper #deposit_category .form-group .input-group .receiptImgFrame label:has(+.poperrorMsg) {
  border-color: #ff1f00
}

.game-deposit-wrapper #deposit_category .form-group .input-group .receiptImgFrame label:focus {
  border-color: #ffe3c1
}

.game-deposit-wrapper #deposit_category .form-group .input-group .receiptImgFrame label:disabled {
  background: #552e09;
  background: var(--mixin-game-popup-input-disabled-bg);
  color: #b4946b;
  color: var(--mixin-game-popup-input-disabled-color)
}

.mobile-app .game-deposit-wrapper #deposit_category .form-group .input-group .receiptImgFrame label {
  grid-gap: 1.6vmin;
  gap: 1.6vmin;
  min-height: 9.6vmin;
  height: auto
}

.game-deposit-wrapper #deposit_category .form-group .input-group .receiptImgFrame label img.is-default {
  width: 14px;
  height: 14px
}

.mobile-app .game-deposit-wrapper #deposit_category .form-group .input-group .receiptImgFrame label img.is-default {
  width: 3.7333333333vmin;
  height: 3.7333333333vmin
}

.game-deposit-wrapper #deposit_category .form-group .input-group .receiptImgFrame label span {
  color: #b4946b;
  color: var(--deposit-content-inner-receipt-img-frame-color);
  margin: 0
}

.game-deposit-wrapper #deposit_category .form-group .poperrorMsg {
  position: absolute;
  background-color: transparent;
  height: 0;
  margin: 0;
  padding: 0 0 0 8px;
  color: #c00;
  top: 75px;
  top: var(--deposit-content-inner-poperrorMsg-top);
  left: 0;
  translate: 0 100%;
  font-size: 12px;
  line-height: 16px;
  -webkit-box-shadow: none;
  box-shadow: none;
  z-index: 1
}

[dir=rtl] .game-deposit-wrapper #deposit_category .form-group .poperrorMsg {
  left: auto;
  right: 0
}

.mobile-app .game-deposit-wrapper #deposit_category .form-group .poperrorMsg {
  top: 20vmin;
  top: var(--deposit-content-inner-poperrorMsg-top-mob);
  font-size: 3.2vmin;
  line-height: 4.2666666667vmin
}

.game-deposit-wrapper #deposit_category .form-group .poperrorMsg:after {
  display: none
}

.game-deposit-wrapper #deposit_category .promotion-join {
  display: none
}

.game-deposit-wrapper #deposit_category .tips-box {
  margin: 22px 0;
  padding: 8px 16px;
  border-radius: 10px;
  border-radius: var(--deposit-content-inner-title-tip-border-radius);
  border: 1px solid #3b1206;
  border: var(--deposit-content-inner-title-tip-border);
  background: #834d2d;
  background: var(--deposit-content-inner-title-tip-bg);
  color: #fff;
  color: var(--deposit-content-inner-title-tip-color);
  font-family: Arial;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  grid-gap: 8px;
  gap: 8px
}

.game-deposit-wrapper #deposit_category .tips-box:before {
  content: "";
  display: block;
  min-width: 14px;
  height: 14px;
  margin-top: 4px;
  background: url(data:image/webp;base64,UklGRgoBAABXRUJQVlA4WAoAAAAQAAAAGwAAGwAAQUxQSKoAAAABgFXbdhTpSHgSIgEJSEBCJCABCeUgOEBCJCAhEiLhVHcz9fQfERPA/x7lJGqLO1P3ZNblWmz6ZZggmqYrU/cg7AlGfZ3F5iFQrUC1R/MmMOoAWbMPUF0gtDwyW4Hd/ZHJDqz2R5Ie3P8yfMtoBzb7I7MVqO6PVBcILe2BURNkzRyn9UKzAFXTCeR2FM0EgxaupvWAGICm6RLk9uVr1sLd9DqJraVbl4O/GlZQOCA6AAAAEAMAnQEqHAAcAD5dJI1Fo6IhG/QAOAXEtIAAXP0i4OmAAP7znX//TT//6ZM//9LsUm3//+XIAAAAAA==) no-repeat 50%/contain
}

[dir=rtl] .game-deposit-wrapper #deposit_category .tips-box:before {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}

.mobile-app .game-deposit-wrapper #deposit_category .tips-box:before {
  min-width: 3.7333333333vmin;
  height: 3.7333333333vmin;
  margin-top: 1.0666666667vmin
}

.mobile-app .game-deposit-wrapper #deposit_category .tips-box {
  padding: 2.1333333333vmin 4.2666666667vmin;
  grid-gap: 2.1333333333vmin;
  gap: 2.1333333333vmin;
  font-size: 3.7333333333vmin;
  line-height: 5.3333333333vmin;
  border-radius: 2.6666666667vmin
}

.game-deposit-wrapper #deposit_category #deposit_bank .deposit-form-group:first-child {
  margin-bottom: 24px
}

.game-deposit-wrapper #deposit_category #deposit_bank .deposit-form-group .receipt-box {
  margin: 0;
  padding: 0;
  border-radius: 0;
  border: none;
  background: none
}

.game-deposit-wrapper #deposit_category .submitbtn-wrap {
  margin-top: 30px
}

.mobile-app .game-deposit-wrapper #deposit_category .submitbtn-wrap {
  position: fixed;
  z-index: 20;
  left: 32px;
  right: 32px;
  bottom: 32px;
  padding: 24px 20px;
  padding: var(--deposit-content-inner-submitbtn-padding-mob);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(20%, #400c00));
  background: linear-gradient(180deg, transparent 0, #400c00 20%);
  background: var(--backpack-btn-wrapper-bg-app)
}

.game-deposit-wrapper #deposit_category .submitbtn-wrap button {
  width: 200px;
  height: 40px;
  padding: 0;
  border-radius: 10px;
  border-radius: var(--deposit-content-inner-button-border-radius);
  color: #fff;
  border: 1px solid #fffd5d;
  border: 1px solid var(--deposit-content-inner-button-border);
  background: -webkit-gradient(linear, left top, right top, from(#a55409), to(#e88830));
  background: linear-gradient(90deg, #a55409, #e88830);
  background: var(--deposit-content-inner-button-bg);
  -webkit-box-shadow: 0 2px 0 #a55409;
  box-shadow: 0 2px 0 #a55409;
  -webkit-box-shadow: var(--deposit-content-inner-button-shadow);
  box-shadow: var(--deposit-content-inner-button-shadow);
  text-shadow: 1px 1px 2px #000;
  text-shadow: var(--deposit-content-inner-button-text-shadow);
  font-family: Arial;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  overflow: hidden
}

.mobile-app .game-deposit-wrapper #deposit_category .submitbtn-wrap button {
  width: 100%;
  height: 10.6666666667vmin;
  font-size: 3.7333333333vmin;
  line-height: 8vmin
}

.game-deposit-wrapper #deposit_category .submitbtn-wrap button:before {
  content: "";
  position: absolute;
  z-index: 1;
  pointer-events: none;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -30px;
  width: 120%;
  height: 50px;
  border-radius: 100%;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(-3.73%, hsla(0, 0%, 100%, 0)), color-stop(79.55%, #fff));
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) -3.73%, #fff 79.55%);
  background-blend-mode: overlay;
  mix-blend-mode: overlay;
  opacity: .3
}

.game-deposit-wrapper #deposit_category .redPacket-content-wrapper.form-group .poperrorMsg {
  top: 44px
}

.game-deposit-wrapper #deposit_category .redPacket-content-wrapper.form-group .redPacket-input-content {
  position: relative
}

.game-deposit-wrapper #deposit_category .redPacket-content-wrapper.form-group .redPacket-content-block .redPacket-input-content input {
  margin: 0 auto
}

@media only screen and (min-width:500px) and (max-width:1023px) and (orientation:landscape) {
  .mobile-app .game-deposit-wrapper #deposit_category .form-group.money-btn-wrap .pay-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .mobile-app .game-deposit-wrapper #deposit_category .form-group.money-btn-wrap .pay-group label {
    width: auto
  }

  .mobile-app .game-deposit-wrapper:after {
    content: none
  }
}

.el-message-box__wrapper[\:has\(.deposit-confirm-result-message-in-game\)] {
  z-index: 2147483646 !important;
  background: rgba(0, 0, 0, .7);
  display: block
}

.el-message-box__wrapper:has(.deposit-confirm-result-message-in-game) {
  z-index: 2147483646 !important;
  background: rgba(0, 0, 0, .7);
  display: block
}

#__layout[\:has\(.popup-treasure\)] #loadingBlock {
  opacity: 0
}

#__layout:has(.popup-treasure) #loadingBlock {
  opacity: 0
}

.award-list {
  padding-top: 5px;
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: grid;
  grid-template-columns: repeat(3, minmax(auto, calc(33.33333% - 5.33333px)))
}

.award-list .award-card {
  position: relative;
  padding: 3px;
  width: 90px;
  margin: 12px 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-gap: 4px;
  gap: 4px
}

.award-list .award-card:before {
  content: "";
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background: linear-gradient(323deg, #9b4100, #d48104);
  background: var(--award-card-before-bg)
}

.award-list .award-card:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: calc(100% + 3px);
  height: calc(100% + 4px);
  border-radius: 8px 12px 10px 12px;
  background: #6c2e00;
  background: var(--award-card-after-bg);
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
  box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
  -webkit-box-shadow: var(--award-card-after-shadow);
  box-shadow: var(--award-card-after-shadow)
}

.award-list .award-card [class*=effect-] {
  position: relative;
  width: 70px;
  height: 70px;
  top: -20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.award-list .award-card .award-icon {
  position: relative;
  z-index: 5;
  height: 50px;
  border-radius: 8px;
  background: #5b1200;
  background: var(--award-icon-bg);
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, .5);
  box-shadow: inset 0 0 4px rgba(0, 0, 0, .5);
  -webkit-box-shadow: var(--award-icon-shadow);
  box-shadow: var(--award-icon-shadow)
}

.award-list .award-card .award-title {
  position: relative;
  z-index: 5;
  height: 100%;
  min-height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center
}

.award-list .award-card .award-title span {
  font-family: Rajdhani-Bold;
  font-size: 14px;
  line-height: 14px;
  font-weight: 700;
  letter-spacing: -1px;
  color: transparent;
  color: var(--award-title-text);
  position: relative;
  padding: 0 3px;
  z-index: 5;
  text-align: center;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden
}

.award-list .award-card .award-title span:first-child {
  margin-top: -6px;
  padding-top: 6px
}

.award-list .award-card .award-title span:first-child:after, .award-list .award-card .award-title span:first-child:before {
  padding-top: 6px
}

.award-list .award-card .award-title span:after, .award-list .award-card .award-title span:before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.award-list .award-card .award-title span:before {
  z-index: 2;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(27%, #ffff42), color-stop(91%, #ffa100));
  background: linear-gradient(180deg, #ffff42 27%, #ffa100 91%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent
}

.award-list .award-card .award-title span:after {
  z-index: 1;
  -webkit-text-stroke: 3px #4f0102
}

.award-list .award-card .award-title span:after, .award-list .award-card .award-title span:before {
  display: -webkit-box;
  display: var(--award-title-display);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden
}

.award-list .award-card .award-title span:last-child {
  letter-spacing: 1px
}

.award-list .award-card .effect-coin .coin-01 {
  width: 100%;
  height: 100%;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/coin_951e68c.webp) 50% no-repeat;
  background: var(--effect-coin-coin-01-bg);
  background-size: contain
}

.award-list .award-card .effect-coin .glitter {
  position: absolute;
  z-index: 30;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/star_7654e9c.webp) no-repeat;
  background-size: contain;
  overflow: hidden;
  width: 43px;
  height: 42px
}

.award-list .award-card .effect-coin .glitter.glitter-1 {
  left: -15px;
  bottom: -5px;
  -webkit-animation-name: coin-shine-01;
  animation-name: coin-shine-01;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.award-list .award-card .effect-coin .glitter.glitter-2 {
  left: 16px;
  top: 0;
  -webkit-animation-name: coin-shine-02;
  animation-name: coin-shine-02;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.award-list .award-card .effect-coin .glitter.glitter-3 {
  right: -19px;
  bottom: 0;
  -webkit-animation-name: coin-shine-03;
  animation-name: coin-shine-03;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

@-webkit-keyframes coin-shine-01 {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  25% {
    opacity: 1;
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
  }

  50% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  75% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  to {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes coin-shine-01 {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  25% {
    opacity: 1;
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
  }

  50% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  75% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  to {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@-webkit-keyframes coin-shine-02 {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  25% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  50% {
    opacity: 1%;
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
  }

  75% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  to {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes coin-shine-02 {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  25% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  50% {
    opacity: 1%;
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
  }

  75% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  to {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@-webkit-keyframes coin-shine-03 {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  25% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  50% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  75% {
    opacity: 1%;
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
  }

  to {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes coin-shine-03 {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  25% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  50% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  75% {
    opacity: 1%;
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
  }

  to {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

.award-list .award-card .effect-point .point-01 {
  position: absolute;
  z-index: 1;
  display: block;
  overflow: hidden;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/point_e494a09.webp) 50% no-repeat;
  background: var(--effect-point-point-01-bg);
  background-size: contain;
  -webkit-animation-name: point-scale;
  animation-name: point-scale;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.award-list .award-card .effect-point .point-01.diamond {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/diamond_1d1ce99.webp) no-repeat 50%;
  background-size: contain
}

.award-list .award-card .effect-point .point-01.scoin {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/s-coin_5ad8403.webp) no-repeat 50%;
  background-size: contain
}

.award-list .award-card .effect-point .point-01.jcoin {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/j-coin_caedf37.webp) no-repeat 50%;
  background-size: contain
}

.award-list .award-card .effect-point .point-shiny {
  position: absolute;
  z-index: 2;
  left: 8px;
  right: 8px;
  top: 8px;
  bottom: 8px;
  -webkit-clip-path: polygon(29.34% 0, 70.66% 0, 100% 29.34%, 100% 70.66%, 70.66% 100%, 29.34% 100%, 0 70.66%, 0 29.34%);
  clip-path: polygon(29.34% 0, 70.66% 0, 100% 29.34%, 100% 70.66%, 70.66% 100%, 29.34% 100%, 0 70.66%, 0 29.34%);
  -webkit-clip-path: var(--effect-point-point-shiny-clip-path);
  clip-path: var(--effect-point-point-shiny-clip-path);
  -webkit-animation-name: point-scale;
  animation-name: point-scale;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.award-list .award-card .effect-point .point-shiny:before {
  content: "";
  position: absolute;
  z-index: 3;
  top: 0;
  width: 20px;
  height: 100%;
  background: #fff;
  -webkit-transform: skew(340deg, 0deg);
  transform: skew(340deg, 0deg);
  background-blend-mode: overlay;
  mix-blend-mode: overlay;
  opacity: .5;
  -webkit-animation-name: point-move;
  animation-name: point-move;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

@-webkit-keyframes point-scale {
  0% {
    -webkit-transform: scale(.5);
    transform: scale(.5)
  }

  35% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  to {
    -webkit-transform: scale(.5);
    transform: scale(.5)
  }
}

@keyframes point-scale {
  0% {
    -webkit-transform: scale(.5);
    transform: scale(.5)
  }

  35% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  to {
    -webkit-transform: scale(.5);
    transform: scale(.5)
  }
}

@-webkit-keyframes point-move {
  0% {
    left: -100%
  }

  35% {
    left: -100%
  }

  70% {
    left: 100%
  }

  to {
    left: 200%
  }
}

@keyframes point-move {
  0% {
    left: -100%
  }

  35% {
    left: -100%
  }

  70% {
    left: 100%
  }

  to {
    left: 200%
  }
}

.award-list .award-card .effect-ticket {
  -webkit-transform: translateX(-50%) scale(.85);
  transform: translateX(-50%) scale(.85)
}

.award-list .award-card .effect-ticket .ticket-01 {
  z-index: 1;
  left: -7px;
  top: 11px;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/ticket-01_49d1662.webp) 50% no-repeat;
  background: var(--effect-ticket-ticket-01-bg);
  background-size: contain;
  -webkit-animation-name: ticket-left;
  animation-name: ticket-left;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.award-list .award-card .effect-ticket .ticket-01, .award-list .award-card .effect-ticket .ticket-02 {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s
}

.award-list .award-card .effect-ticket .ticket-02 {
  z-index: 3;
  left: 10px;
  top: -1px;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/ticket-01_49d1662.webp) 50% no-repeat;
  background: var(--effect-ticket-ticket-02-bg);
  background-size: contain;
  -webkit-animation-name: ticket-right;
  animation-name: ticket-right;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.award-list .award-card .effect-ticket .glitter {
  position: absolute;
  z-index: 30;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/star_7654e9c.webp) no-repeat;
  background-size: contain;
  overflow: hidden;
  width: 43px;
  height: 42px
}

.award-list .award-card .effect-ticket .glitter.glitter-1 {
  left: -10px;
  top: 18px;
  -webkit-animation-name: ticket-shine;
  animation-name: ticket-shine;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.award-list .award-card .effect-ticket .glitter.glitter-2 {
  right: 18px;
  top: -5px;
  -webkit-animation-name: ticket-shine;
  animation-name: ticket-shine;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.award-list .award-card .effect-ticket .glitter.glitter-3 {
  right: -5px;
  bottom: -5px;
  -webkit-animation-name: ticket-shine;
  animation-name: ticket-shine;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

@-webkit-keyframes ticket-right {
  0% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg)
  }

  12% {
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg)
  }

  24% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg)
  }

  36% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg)
  }

  48% {
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg)
  }

  60% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg)
  }

  72% {
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg)
  }

  84% {
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg)
  }

  96% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg)
  }

  to {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg)
  }
}

@keyframes ticket-right {
  0% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg)
  }

  12% {
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg)
  }

  24% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg)
  }

  36% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg)
  }

  48% {
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg)
  }

  60% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg)
  }

  72% {
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg)
  }

  84% {
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg)
  }

  96% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg)
  }

  to {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg)
  }
}

@-webkit-keyframes ticket-left {
  0% {
    -webkit-transform: rotate(340deg);
    transform: rotate(340deg)
  }

  12% {
    -webkit-transform: rotate(320deg);
    transform: rotate(320deg)
  }

  24% {
    -webkit-transform: rotate(340deg);
    transform: rotate(340deg)
  }

  36% {
    -webkit-transform: rotate(340deg);
    transform: rotate(340deg)
  }

  48% {
    -webkit-transform: rotate(320deg);
    transform: rotate(320deg)
  }

  60% {
    -webkit-transform: rotate(340deg);
    transform: rotate(340deg)
  }

  72% {
    -webkit-transform: rotate(320deg);
    transform: rotate(320deg)
  }

  84% {
    -webkit-transform: rotate(320deg);
    transform: rotate(320deg)
  }

  96% {
    -webkit-transform: rotate(340deg);
    transform: rotate(340deg)
  }

  to {
    -webkit-transform: rotate(340deg);
    transform: rotate(340deg)
  }
}

@keyframes ticket-left {
  0% {
    -webkit-transform: rotate(340deg);
    transform: rotate(340deg)
  }

  12% {
    -webkit-transform: rotate(320deg);
    transform: rotate(320deg)
  }

  24% {
    -webkit-transform: rotate(340deg);
    transform: rotate(340deg)
  }

  36% {
    -webkit-transform: rotate(340deg);
    transform: rotate(340deg)
  }

  48% {
    -webkit-transform: rotate(320deg);
    transform: rotate(320deg)
  }

  60% {
    -webkit-transform: rotate(340deg);
    transform: rotate(340deg)
  }

  72% {
    -webkit-transform: rotate(320deg);
    transform: rotate(320deg)
  }

  84% {
    -webkit-transform: rotate(320deg);
    transform: rotate(320deg)
  }

  96% {
    -webkit-transform: rotate(340deg);
    transform: rotate(340deg)
  }

  to {
    -webkit-transform: rotate(340deg);
    transform: rotate(340deg)
  }
}

@-webkit-keyframes ticket-shine {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
  }

  12% {
    opacity: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5)
  }

  24% {
    opacity: 1;
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
  }

  36% {
    opacity: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5)
  }

  48% {
    opacity: 1;
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
  }

  60% {
    opacity: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5)
  }

  72% {
    opacity: 1;
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
  }

  84% {
    opacity: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5)
  }

  96% {
    opacity: 1;
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5)
  }
}

@keyframes ticket-shine {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
  }

  12% {
    opacity: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5)
  }

  24% {
    opacity: 1;
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
  }

  36% {
    opacity: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5)
  }

  48% {
    opacity: 1;
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
  }

  60% {
    opacity: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5)
  }

  72% {
    opacity: 1;
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
  }

  84% {
    opacity: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5)
  }

  96% {
    opacity: 1;
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5)
  }
}

.award-list .award-card .effect-card {
  -webkit-transform: translateX(-50%) scale(.85);
  transform: translateX(-50%) scale(.85)
}

.award-list .award-card .effect-card .card-01 {
  z-index: 1;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/card-01_27b835b.webp) 50% no-repeat;
  background: var(--effect-card-card-01-bg);
  background-size: contain;
  -webkit-animation-name: card-right;
  animation-name: card-right;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.award-list .award-card .effect-card .card-01, .award-list .award-card .effect-card .card-02 {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s
}

.award-list .award-card .effect-card .card-02 {
  z-index: 2;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/card-02_24da7c4.webp) 50% no-repeat;
  background: var(--effect-card-card-02-bg);
  background-size: contain;
  -webkit-animation-name: card-left;
  animation-name: card-left;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.award-list .award-card .effect-card .glitter {
  position: absolute;
  z-index: 30;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/star_7654e9c.webp) no-repeat;
  background-size: contain;
  overflow: hidden;
  width: 43px;
  height: 42px
}

.award-list .award-card .effect-card .glitter.glitter-1 {
  left: -3px;
  top: 12px;
  opacity: 0;
  -webkit-animation-name: card-shine-01;
  animation-name: card-shine-01;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.award-list .award-card .effect-card .glitter.glitter-2 {
  right: -8px;
  top: 0;
  opacity: 0;
  -webkit-animation-name: card-shine-02;
  animation-name: card-shine-02;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

@-webkit-keyframes card-right {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  40% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }

  80% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}

@keyframes card-right {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  40% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }

  80% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}

@-webkit-keyframes card-left {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  40% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
  }

  80% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}

@keyframes card-left {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  40% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
  }

  80% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}

@-webkit-keyframes card-shine-01 {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  25% {
    opacity: 1;
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
  }

  50% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  75% {
    opacity: 1;
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
  }

  to {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes card-shine-01 {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  25% {
    opacity: 1;
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
  }

  50% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  75% {
    opacity: 1;
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
  }

  to {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@-webkit-keyframes card-shine-02 {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  20% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  40% {
    opacity: 1;
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
  }

  60% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  80% {
    opacity: 1;
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
  }

  to {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes card-shine-02 {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  20% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  40% {
    opacity: 1;
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
  }

  60% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  80% {
    opacity: 1;
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
  }

  to {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

.award-list .award-card .effect-activity .activity-01 {
  width: 100%;
  height: 100%;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/activity_814f7dd.webp) 50% no-repeat;
  background: var(--effect-activity-activity-01-bg);
  background-size: contain;
  -webkit-animation-name: activity-rotate;
  animation-name: activity-rotate;
  -webkit-animation-duration: 1.4s;
  animation-duration: 1.4s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.award-list .award-card .effect-activity .glitter {
  position: absolute;
  z-index: 30;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/star_7654e9c.webp) no-repeat;
  background-size: contain;
  overflow: hidden;
  width: 43px;
  height: 42px
}

.award-list .award-card .effect-activity .glitter.glitter-1 {
  left: -5px;
  bottom: 10px;
  -webkit-animation-name: coin-shine-03;
  animation-name: coin-shine-03;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.award-list .award-card .effect-activity .glitter.glitter-2 {
  left: 20px;
  top: 5px;
  -webkit-animation-name: coin-shine-01;
  animation-name: coin-shine-01;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.award-list .award-card .effect-activity .glitter.glitter-3 {
  right: 0;
  bottom: -5px;
  -webkit-animation-name: coin-shine-02;
  animation-name: coin-shine-02;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

@-webkit-keyframes activity-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  40% {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg)
  }

  50% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  54% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg)
  }

  58% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}

@keyframes activity-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  40% {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg)
  }

  50% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  54% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg)
  }

  58% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}

.redPacketRainStyle .award-list .award-card:before {
  background: linear-gradient(323deg, #bf1f00 2.15%, #f6705e 97.85%);
  background: var(--award-card-before-bg-red-packet-rain, linear-gradient(323deg, #bf1f00 2.15%, #f6705e 97.85%))
}

.redPacketRainStyle .award-list .award-card:after {
  background: #8b1700;
  background: var(--award-card-after-bg-red-packet-rain, #8b1700)
}

.redPacketRainStyle .award-list .award-card .award-icon {
  background: #8b1700;
  background: var(--award-icon-bg-red-packet-rain, #8b1700)
}

.redPacketRainStyle .award-list .award-card .award-title span {
  color: transparent
}

.redPacketRainStyle .award-list .award-card .award-title span:after, .redPacketRainStyle .award-list .award-card .award-title span:before {
  display: -webkit-box
}

.flipping-animation {
  position: relative;
  z-index: 5;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  -webkit-transition: -webkit-transform .8s;
  transition: -webkit-transform .8s;
  transition: transform .8s;
  transition: transform .8s, -webkit-transform .8s;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}

.flipping-animation .card-opacity {
  -webkit-animation-name: card-opacity;
  animation-name: card-opacity;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  height: 104px
}

@-webkit-keyframes card-opacity {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes card-opacity {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

.flipping-animation .light-bg {
  position: absolute;
  z-index: 5;
  left: 0;
  top: 0;
  margin-left: -50%;
  margin-top: -50%;
  width: 212px;
  height: 212px;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/light-bg_8cb46bb.webp) 50% no-repeat;
  background: var(--flipping-animation-light-bg);
  background-size: contain;
  opacity: 0;
  -webkit-animation-name: light-scale;
  animation-name: light-scale;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

@-webkit-keyframes light-scale {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0
  }

  30% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: .6
  }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }

  60% {
    -webkit-transform: scale(.7);
    transform: scale(.7);
    opacity: 1
  }

  80% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
    display: none
  }
}

@keyframes light-scale {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0
  }

  30% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: .6
  }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }

  60% {
    -webkit-transform: scale(.7);
    transform: scale(.7);
    opacity: 1
  }

  80% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
    display: none
  }
}

.flipping-animation div.flip-back {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-animation-name: flip-back;
  animation-name: flip-back;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 2s;
  animation-delay: 2s
}

@-webkit-keyframes flip-back {
  0% {
    opacity: 0;
    -webkit-transform: scaleX(0) rotateY(-180deg);
    transform: scaleX(0) rotateY(-180deg)
  }

  95% {
    opacity: 1;
    -webkit-transform: scaleX(1.1) rotateY(0);
    transform: scaleX(1.1) rotateY(0)
  }

  to {
    opacity: 1;
    -webkit-transform: scaleX(1) rotateY(0);
    transform: scaleX(1) rotateY(0)
  }
}

@keyframes flip-back {
  0% {
    opacity: 0;
    -webkit-transform: scaleX(0) rotateY(-180deg);
    transform: scaleX(0) rotateY(-180deg)
  }

  95% {
    opacity: 1;
    -webkit-transform: scaleX(1.1) rotateY(0);
    transform: scaleX(1.1) rotateY(0)
  }

  to {
    opacity: 1;
    -webkit-transform: scaleX(1) rotateY(0);
    transform: scaleX(1) rotateY(0)
  }
}

.mobile-app .mob-header .mob-news .news-dot, .mobile-app header .link .mailbox .news-dot, .mobile-app header .top-box .mob-top-shortcut-wrapper .bonusLink .news-dot, .mobile-app header .top-box .mob-top-shortcut-wrapper .mailbox .news-dot, .mobile-app header .top-box .quick-links .bonusLink .news-dot, .mobile-app header .top-box .quick-links .mailbox a .news-dot, .mobile-app header .top-box .quick-links .service .news-dot {
  background: #dd4d4f;
  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;
  position: absolute;
  color: #fff;
  top: 0;
  right: -4vmin;
  height: 4.8vmin;
  line-height: 4.8vmin;
  padding: 0 1.6vmin;
  border-radius: 5.3333333333vmin;
  font-size: 2.6666666667vmin
}

.friendlink-menu-nav[\:has\(.news-dot\)], .index-link-wrap[\:has\(.news-dot\)], header .header-top .right .icon-wrapper .mailbox a[\:has\(.news-dot\)], header .header-top[\:has\(.news-dot\)] {
  position: relative
}

.friendlink-menu-nav:has(.news-dot), .index-link-wrap:has(.news-dot), header .header-top .right .icon-wrapper .mailbox a:has(.news-dot), header .header-top:has(.news-dot) {
  position: relative
}

.friendlink-menu-nav .news-dot, .index-link-wrap .news-dot, header .header-top .news-dot, header .header-top .right .icon-wrapper .mailbox a .news-dot {
  background: #dd4d4f;
  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;
  position: absolute;
  color: #fff;
  right: -12px;
  top: -8px;
  z-index: 101;
  height: 18px;
  line-height: 18px;
  padding: 0 6px;
  border-radius: 20px;
  font-size: 10px
}

footer .footer-top .info .links-box .bottom .mailbox [\:has\(.news-dot\)], footer .footer-top .info .links-box .top ul .mailbox [\:has\(.news-dot\)] {
  position: relative
}

footer .footer-top .info .links-box .bottom .mailbox :has(.news-dot), footer .footer-top .info .links-box .top ul .mailbox :has(.news-dot) {
  position: relative
}

footer .footer-top .info .links-box .bottom .mailbox [\:has\(.news-dot\)] .news-dot, footer .footer-top .info .links-box .top ul .mailbox [\:has\(.news-dot\)] .news-dot {
  background: #dd4d4f;
  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;
  position: absolute;
  color: #fff;
  right: -12px;
  top: -15px;
  z-index: 1;
  height: 18px;
  line-height: 18px;
  padding: 0 6px;
  border-radius: 20px;
  font-size: 10px
}

footer .footer-top .info .links-box .bottom .mailbox :has(.news-dot) .news-dot, footer .footer-top .info .links-box .top ul .mailbox :has(.news-dot) .news-dot {
  background: #dd4d4f;
  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;
  position: absolute;
  color: #fff;
  right: -12px;
  top: -15px;
  z-index: 1;
  height: 18px;
  line-height: 18px;
  padding: 0 6px;
  border-radius: 20px;
  font-size: 10px
}

.lucky-spin-container {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/bg_b7f178f.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  word-break: break-word
}

.lucky-spin-container .backdrop-mask {
  position: fixed;
  z-index: 1;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(0, 0, 0, .65)
}

.lucky-spin-container .logo {
  display: block;
  text-align: center;
  height: 60px;
  margin-top: 10px;
  -o-object-fit: cover;
  object-fit: cover;
  position: relative
}

.lucky-spin-container .logo img {
  height: 100%;
  width: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.loading .lucky-spin-container .mob-bottom-container {
  -webkit-box-shadow: none;
  box-shadow: none
}

.lucky-spin-container .mob-bottom-container:before {
  content: "";
  display: none;
  position: absolute;
  z-index: 9999;
  width: 100%;
  height: calc(100% + 4px);
  top: -2px;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, .65)
}

.loading .lucky-spin-container .mob-bottom-container:before {
  display: block
}

.lucky-spin-container .mob-gift {
  position: absolute;
  right: -16px;
  bottom: -33px;
  z-index: 1002;
  display: none
}

.lucky-spin-container.is-mobile, .lucky-spin-container.is-tablet {
  background-image: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/app-bg_6883bea.webp)
}

.lucky-spin-container.is-mobile .logo, .lucky-spin-container.is-tablet .logo {
  margin-top: 20px;
  height: 35px
}

.lucky-spin-container.is-mobile .mob-bottom-container, .lucky-spin-container.is-tablet .mob-bottom-container {
  position: absolute;
  bottom: 70px;
  left: 0;
  z-index: 1000;
  height: 80vw;
  width: 110%;
  margin-left: -5%;
  -webkit-box-shadow: 0 0 30px 10px rgba(255, 204, 0, .5), inset 0 0 15px 10px rgba(255, 204, 0, .4);
  box-shadow: 0 0 30px 10px rgba(255, 204, 0, .5), inset 0 0 15px 10px rgba(255, 204, 0, .4);
  border-top: 2px solid #ff0;
  background: radial-gradient(circle farthest-side at center, #4e0a0a, #1d1300)
}

.lucky-spin-container.is-mobile .mob-gift, .lucky-spin-container.is-tablet .mob-gift {
  display: block
}

.lucky-spin-container.is-mobile .mob-gift-icon, .lucky-spin-container.is-tablet .mob-gift-icon {
  width: 25.0666666667vw
}

.lucky-spin-container.is-tablet .mob-bottom-container {
  height: 268px
}

.lucky-spin-close-btn {
  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;
  position: fixed;
  top: 2.1875vw;
  right: 2.7083333333vw;
  width: 3.6458333333vw;
  height: 3.6458333333vw;
  border: 2px solid hsla(0, 0%, 100%, .5);
  background-color: #000;
  border-radius: 50%;
  z-index: 1002;
  cursor: pointer
}

.is-mobile .lucky-spin-close-btn {
  top: 5.3333333333vw;
  right: 5.3333333333vw;
  width: 9.3333333333vw;
  height: 9.3333333333vw
}

.is-tablet .lucky-spin-close-btn {
  top: 20px;
  right: 20px;
  width: 35px;
  height: 35px
}

.lucky-spin-close-btn-icon {
  width: 1.5625vw;
  height: 1.5625vw
}

.is-mobile .lucky-spin-close-btn-icon {
  width: 4vw;
  height: 4vw
}

.is-tablet .lucky-spin-close-btn-icon {
  width: 15px;
  height: 15px
}

.lucky-spin-container.memTemplate5.is-mobile .mob-bottom-container, .lucky-spin-container.memTemplate5.is-tablet .mob-bottom-container {
  background: radial-gradient(circle farthest-side at center, #00529f, #00305d);
  border-top: .8vw solid hsla(0, 0%, 100%, .15);
  -webkit-box-shadow: none;
  box-shadow: none
}

.lucky-spin-container.memTemplate5.is-mobile .lucky-spin-list, .lucky-spin-container.memTemplate5.is-tablet .lucky-spin-list {
  background: rgba(0, 0, 0, .4);
  -webkit-box-shadow: 0 1.0666666667vw 1.0666666667vw rgba(0, 0, 0, .25);
  box-shadow: 0 1.0666666667vw 1.0666666667vw rgba(0, 0, 0, .25);
  -webkit-backdrop-filter: blur(3.3333333333vw);
  backdrop-filter: blur(3.3333333333vw)
}

.lucky-spin-container.memTemplate5 .dotted-item {
  border-color: hsla(0, 0%, 100%, .5)
}

.lucky-spin-container.memTemplate5.is-mobile .mob-gift, .lucky-spin-container.memTemplate5.is-tablet .mob-gift {
  display: none
}

@media screen and (min-width:933px) {
  body .filterCardMenu.el-dropdown-menu, body.has-fullscreen-iframe .el-select-dropdown {
    border-radius: 4px;
    background: #984b0c;
    background: var(--el-select-dropdown-bg-web);
    border: none;
    translate: 0 -19px
  }

  body .filterCardMenu.el-dropdown-menu .el-scrollbar .el-scrollbar__view, body.has-fullscreen-iframe .el-select-dropdown .el-scrollbar .el-scrollbar__view {
    background: none
  }

  body .filterCardMenu.el-dropdown-menu.el-popper[x-placement^=bottom] .popper__arrow, body.has-fullscreen-iframe .el-select-dropdown.el-popper[x-placement^=bottom] .popper__arrow {
    border-bottom-color: #984b0c;
    border-bottom-color: var(--el-select-dropdown-bg-web)
  }

  body .filterCardMenu.el-dropdown-menu.el-popper[x-placement^=bottom] .popper__arrow:after, body.has-fullscreen-iframe .el-select-dropdown.el-popper[x-placement^=bottom] .popper__arrow:after {
    border-bottom-color: #984b0c;
    border-bottom-color: var(--el-select-dropdown-bg-web)
  }

  body .filterCardMenu.el-dropdown-menu .el-select-group__wrap:not(:last-of-type), body.has-fullscreen-iframe .el-select-dropdown .el-select-group__wrap:not(:last-of-type) {
    padding-bottom: 16px
  }

  body .filterCardMenu.el-dropdown-menu .el-select-group__wrap:not(:last-of-type):after, body.has-fullscreen-iframe .el-select-dropdown .el-select-group__wrap:not(:last-of-type):after {
    background: #f3ebc4
  }

  body .filterCardMenu.el-dropdown-menu .el-select-group__title, body.has-fullscreen-iframe .el-select-dropdown .el-select-group__title {
    padding: 16px 0 8px 16px;
    color: #ffe259;
    font-weight: 700;
    font-size: 16px
  }

  body .filterCardMenu.el-dropdown-menu .el-select-dropdown__item, body.has-fullscreen-iframe .el-select-dropdown .el-select-dropdown__item {
    color: #fff;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -.01px;
    padding: 7px 20px
  }

  body .filterCardMenu.el-dropdown-menu .el-select-dropdown__item img, body.has-fullscreen-iframe .el-select-dropdown .el-select-dropdown__item img {
    width: 14px;
    height: 14px;
    border-radius: 2px;
    margin-right: 4px
  }

  body .filterCardMenu.el-dropdown-menu .el-select-dropdown__item span, body.has-fullscreen-iframe .el-select-dropdown .el-select-dropdown__item span {
    font-size: 14px;
    line-height: 14px !important
  }

  body .filterCardMenu.el-dropdown-menu .el-select-dropdown__item.hover, body .filterCardMenu.el-dropdown-menu .el-select-dropdown__item.selected, body.has-fullscreen-iframe .el-select-dropdown .el-select-dropdown__item.hover, body.has-fullscreen-iframe .el-select-dropdown .el-select-dropdown__item.selected {
    background: #793600;
    background: var(--mixin-btn-method-block-dropdown-item-active-bg)
  }

  body .filterCardMenu.el-dropdown-menu .el-select-dropdown__empty, body.has-fullscreen-iframe .el-select-dropdown .el-select-dropdown__empty {
    color: #fff
  }

  body .filterCardMenu.el-dropdown-menu {
    translate: 0 6px
  }

  body .filterCardMenu.el-dropdown-menu .el-dropdown-menu__item {
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .5);
    color: #fff;
    border-bottom: 1px dashed hsla(0, 0%, 100%, .5);
    text-align: center
  }

  body .filterCardMenu.el-dropdown-menu .el-dropdown-menu__item:hover {
    background: #ffb300;
    background: var(--el-dropdown-menu-item-active-bg-web)
  }

  body .filterCardMenu.el-dropdown-menu .filterCardActive {
    background: #ffb300;
    background: var(--el-dropdown-menu-item-active-bg-web)
  }

  body.has-fullscreen-iframe .methodBlock-dropdown.el-popper.el-dropdown-menu {
    border-radius: 4px;
    background: #984b0c;
    background: var(--el-select-dropdown-bg-web);
    margin-top: 17px;
    border: none
  }

  body.has-fullscreen-iframe .methodBlock-dropdown.el-popper.el-dropdown-menu .el-dropdown-menu__item {
    padding: 0
  }

  body.has-fullscreen-iframe .methodBlock-dropdown.el-popper.el-dropdown-menu .el-dropdown-menu__item:not(.is-disabled):hover {
    background-color: unset;
    color: #fff
  }

  body.has-fullscreen-iframe .methodBlock-dropdown.el-popper.el-dropdown-menu .methodBlock-dropdown-item {
    padding: 7px 20px;
    color: #fff;
    line-height: 22px
  }

  body.has-fullscreen-iframe .methodBlock-dropdown.el-popper.el-dropdown-menu .methodBlock-dropdown-item.active {
    background: #793600;
    background: var(--mixin-btn-method-block-dropdown-item-active-bg)
  }

  body.has-fullscreen-iframe .methodBlock-dropdown.el-popper.el-dropdown-menu .methodBlock-dropdown-item .pay-btn {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 4px;
    gap: 4px
  }

  body.has-fullscreen-iframe .methodBlock-dropdown.el-popper.el-dropdown-menu .methodBlock-dropdown-item .pay-btn img {
    width: 14px;
    height: 14px;
    border-radius: 2px
  }

  body.has-fullscreen-iframe .methodBlock-dropdown.el-popper.el-dropdown-menu .methodBlock-dropdown-item .pay-btn input {
    display: none
  }

  body.has-fullscreen-iframe .methodBlock-dropdown.el-popper.el-dropdown-menu .methodBlock-dropdown-item .pay-btn .feedback {
    top: -11px;
    left: -8px;
    height: 16px;
    font-size: 10px;
    line-height: 14px;
    z-index: 1
  }

  body.has-fullscreen-iframe .methodBlock-dropdown.el-popper.el-dropdown-menu .methodBlock-dropdown-item .pay-btn .feedback:after {
    right: -8px;
    width: 8px;
    height: 16px;
    background-size: contain
  }

  body.has-fullscreen-iframe .methodBlock-dropdown.el-popper.el-dropdown-menu .methodBlock-dropdown-item .pay-btn .tag {
    top: -10px;
    right: -8px;
    width: 36px;
    height: 22px
  }

  body.has-fullscreen-iframe .methodBlock-dropdown.el-popper.el-dropdown-menu .popper__arrow {
    display: block;
    border-bottom-color: #984b0c;
    border-bottom-color: var(--el-select-dropdown-bg-web);
    left: 16px !important
  }

  body.has-fullscreen-iframe .methodBlock-dropdown.el-popper.el-dropdown-menu .popper__arrow:after {
    border-bottom-color: #984b0c;
    border-bottom-color: var(--el-select-dropdown-bg-web)
  }

  body.has-fullscreen-iframe .methodBlock-dropdown-wrap.el-dropdown {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    margin-bottom: 20px
  }

  body.has-fullscreen-iframe .methodBlock-dropdown-wrap.el-dropdown .btn-method-block-dropdown {
    position: relative;
    display: block;
    width: 100%;
    height: 44px;
    padding: 12px 16px;
    border-radius: 40px;
    border-radius: var(--mixin-btn-method-block-dropdown-border-radius);
    background: -webkit-gradient(linear, left top, left bottom, from(#f26f07), color-stop(11%, #ffb84d), color-stop(37.5%, #fff698), to(#fff698));
    background: linear-gradient(180deg, #f26f07, #ffb84d 11%, #fff698 37.5%, #fff698);
    background: var(--mixin-btn-method-block-dropdown-bg);
    -webkit-box-shadow: 0 -2.059px 4.942px 0 #f26f07 inset, 0 2.059px 2.059px 0 #ffdb34 inset;
    box-shadow: inset 0 -2.059px 4.942px 0 #f26f07, inset 0 2.059px 2.059px 0 #ffdb34;
    -webkit-box-shadow: var(--mixin-btn-method-block-dropdown-shadow);
    box-shadow: var(--mixin-btn-method-block-dropdown-shadow);
    border: none;
    border: var(--mixin-btn-method-block-dropdown-border);
    color: inherit;
    color: var(--mixin-btn-method-block-dropdown-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 8px;
    gap: 8px
  }

  body.has-fullscreen-iframe .methodBlock-dropdown-wrap.el-dropdown .btn-method-block-dropdown img {
    width: 30px;
    height: 30px;
    border-radius: 2px
  }

  body.has-fullscreen-iframe .methodBlock-dropdown-wrap.el-dropdown .btn-method-block-dropdown .method-name:before {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    background: url(data:image/webp;base64,UklGRvAAAABXRUJQVlA4WAoAAAAQAAAAGwAAGwAAQUxQSGAAAAABT0AQQJrb4BCa5IiIgNRdMI1s28njkywlIH8rOMpAYrEZdH7lZoeP6D/CtG3jthN7Bf4xlS7RLUGqO1WLURqxkE48AvthI/WIUcRSfV+GHQAsWovSQekgOig9WBfynwNWUDggagAAAHAEAJ0BKhwAHAA+bSiSRaQiIZv6rABABsSxAZIBmgX6B+AFSePYkAAe/4hgAP75m3cN7GQ0hOFWTfNCBGf7MVB8ydcMRG5a/pExv/ePgf4Zttx5o03gKtpBp/8hEmXz6s8whYVU6LA3QAA=) no-repeat 50%/contain;
    right: 0;
    translate: -14px 3px
  }

  body.has-fullscreen-iframe .methodBlock-dropdown-wrap.el-dropdown .tag {
    width: 36px;
    height: 22px;
    right: 16px;
    top: -5px
  }

  body.has-fullscreen-iframe .methodBlock-dropdown-wrap.el-dropdown .feedback {
    top: -7px;
    left: 12px;
    height: 16px;
    font-size: 10px;
    line-height: 14px;
    z-index: 1
  }

  body.has-fullscreen-iframe .methodBlock-dropdown-wrap.el-dropdown .feedback:after {
    right: -8px;
    width: 8px;
    height: 16px;
    background-size: contain
  }

  body.has-fullscreen-iframe .methodBlock-wrap {
    display: none
  }
}

@media screen and (max-width:932px) {
  body .filterCardMenu.el-dropdown-menu, body.has-fullscreen-iframe .el-select-dropdown {
    top: auto !important;
    left: 0 !important;
    bottom: 0;
    -webkit-transform-origin: bottom !important;
    transform-origin: bottom !important;
    -webkit-transition: none;
    transition: none;
    max-width: 100vw;
    max-width: 100dvw;
    width: 100vw;
    width: 100dvw;
    margin: 0;
    border: none;
    background-color: transparent;
    padding: 0
  }

  body .filterCardMenu.el-dropdown-menu .el-scrollbar, body.has-fullscreen-iframe .el-select-dropdown .el-scrollbar {
    background: #3b1206;
    background: var(--el-select-dropdown-bg-mob);
    border-radius: 1.0666666667vmin 1.0666666667vmin 0 0;
    height: auto
  }

  body .filterCardMenu.el-dropdown-menu .el-scrollbar .el-scrollbar__view, body.has-fullscreen-iframe .el-select-dropdown .el-scrollbar .el-scrollbar__view {
    background: none
  }

  body .filterCardMenu.el-dropdown-menu.show .el-scrollbar, body.has-fullscreen-iframe .el-select-dropdown.show .el-scrollbar {
    -webkit-animation: slide-in-bottom .15s ease-in-out;
    animation: slide-in-bottom .15s ease-in-out
  }

  body .filterCardMenu.el-dropdown-menu .popper__arrow, body.has-fullscreen-iframe .el-select-dropdown .popper__arrow {
    display: none
  }

  body .filterCardMenu.el-dropdown-menu .el-select-dropdown__empty, body.has-fullscreen-iframe .el-select-dropdown .el-select-dropdown__empty {
    color: #fff
  }

  body .filterCardMenu.el-dropdown-menu .el-select-group__title, body.has-fullscreen-iframe .el-select-dropdown .el-select-group__title {
    padding: 4.2666666667vmin 4.2666666667vmin 2.1333333333vmin;
    color: #ffe259;
    text-shadow: 0 1.038px 2.076px rgba(0, 0, 0, .14), 0 1.038px 1.038px rgba(0, 0, 0, .12), 0 1.038px 2.076px rgba(0, 0, 0, .2);
    -webkit-text-stroke-width: 1;
    -webkit-text-stroke-color: #4c000d;
    font-family: Arial;
    font-size: 4.2666666667vmin;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize
  }

  body .filterCardMenu.el-dropdown-menu .el-select-dropdown__wrap, body.has-fullscreen-iframe .el-select-dropdown .el-select-dropdown__wrap {
    max-height: 141.6vmin
  }
}

@media screen and (max-width:932px) and (max-width:932px) and (orientation:landscape) {
  body .filterCardMenu.el-dropdown-menu .el-select-dropdown__wrap, body.has-fullscreen-iframe .el-select-dropdown .el-select-dropdown__wrap {
    max-height: 69.3333333333vmin
  }
}

@media screen and (max-width:932px) {
  body .filterCardMenu.el-dropdown-menu .el-select-dropdown__item, body.has-fullscreen-iframe .el-select-dropdown .el-select-dropdown__item {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 4.2666666667vmin;
    color: #fff;
    font-family: Inter;
    font-size: 3.7333333333vmin;
    font-style: normal;
    font-weight: 600;
    line-height: 3.7333333333vmin;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  body .filterCardMenu.el-dropdown-menu .el-select-dropdown__item span, body.has-fullscreen-iframe .el-select-dropdown .el-select-dropdown__item span {
    font-size: 3.7333333333vmin;
    line-height: 3.7333333333vmin !important
  }

  body .filterCardMenu.el-dropdown-menu .el-select-dropdown__item img, body.has-fullscreen-iframe .el-select-dropdown .el-select-dropdown__item img {
    width: 5.3333333333vmin;
    height: 5.3333333333vmin;
    border-radius: .5333333333vmin;
    margin-right: 2.1333333333vmin
  }

  body .filterCardMenu.el-dropdown-menu .el-select-dropdown__item.hover, body .filterCardMenu.el-dropdown-menu .el-select-dropdown__item.selected, body.has-fullscreen-iframe .el-select-dropdown .el-select-dropdown__item.hover, body.has-fullscreen-iframe .el-select-dropdown .el-select-dropdown__item.selected {
    background: #e89c35;
    color: #3b1206
  }

  body .filterCardMenu.el-dropdown-menu .el-select-dropdown__item:hover, body.has-fullscreen-iframe .el-select-dropdown .el-select-dropdown__item:hover {
    background-color: unset
  }
}

@media screen and (max-width:932px) {
  body .filterCardMenu.el-dropdown-menu .el-select-dropdown__empty, body.has-fullscreen-iframe .el-select-dropdown .el-select-dropdown__empty {
    height: 32vmin;
    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;
    color: #fff;
    background: #3b1206;
    background: var(--mixin-game-popup-input-bg)
  }
}

@media screen and (max-width:932px) {
  body .filterCardMenu.el-dropdown-menu:before, body.has-fullscreen-iframe .el-select-dropdown:before {
    -webkit-transition: none;
    transition: none;
    position: fixed;
    content: "";
    width: 100vw;
    width: 100dvw;
    height: 100vh;
    height: 100dvh;
    background: rgba(14, 18, 36, .7);
    background: var(--secondary-08, rgba(14, 18, 36, .7));
    top: 0;
    left: 0;
    z-index: -1;
    pointer-events: none
  }
}

@media screen and (max-width:932px) {
  body .filterCardMenu.el-dropdown-menu .itemContent {
    background: #3b1206;
    background: var(--el-select-dropdown-bg-mob);
    border-radius: 1.0666666667vmin 1.0666666667vmin 0 0;
    height: auto
  }

  body .filterCardMenu.el-dropdown-menu .itemTitle {
    padding: 4.2666666667vmin 4.2666666667vmin 2.1333333333vmin;
    color: #ffe259;
    color: var(--el-dropdown-menu-item-title-color);
    text-shadow: 0 1.038px 2.076px rgba(0, 0, 0, .14), 0 1.038px 1.038px rgba(0, 0, 0, .12), 0 1.038px 2.076px rgba(0, 0, 0, .2);
    -webkit-text-stroke-width: 1;
    -webkit-text-stroke-color: #4c000d;
    font-family: Arial;
    font-size: 4.2666666667vmin;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize
  }

  body .filterCardMenu.el-dropdown-menu .el-dropdown-menu__item {
    color: #fff
  }

  body .filterCardMenu.el-dropdown-menu .el-dropdown-menu__item:hover {
    background: #3b1206;
    background: var(--el-select-dropdown-bg-mob);
    color: #fff
  }

  body .filterCardMenu.el-dropdown-menu .filterCardActive {
    background: #ffb300;
    background: var(--el-dropdown-menu-item-active-bg-web);
    color: #3b1206;
    color: var(--el-dropdown-menu-item-active-color)
  }
}

@media screen and (max-width:932px) {
  body.has-fullscreen-iframe .methodBlock-dropdown.el-popper.el-dropdown-menu {
    border-radius: 4px;
    background: #984b0c;
    background: var(--el-select-dropdown-bg-web);
    margin-top: 0;
    border: none
  }

  body.has-fullscreen-iframe .methodBlock-dropdown.el-popper.el-dropdown-menu .el-dropdown-menu__item {
    padding: 0
  }

  body.has-fullscreen-iframe .methodBlock-dropdown.el-popper.el-dropdown-menu .el-dropdown-menu__item:not(.is-disabled):hover {
    background-color: unset;
    color: #fff
  }

  body.has-fullscreen-iframe .methodBlock-dropdown.el-popper.el-dropdown-menu .methodBlock-dropdown-item {
    padding: 7px 20px;
    color: #fff;
    line-height: 22px
  }

  body.has-fullscreen-iframe .methodBlock-dropdown.el-popper.el-dropdown-menu .methodBlock-dropdown-item.active {
    background: #793600;
    background: var(--mixin-btn-method-block-dropdown-item-active-bg)
  }

  body.has-fullscreen-iframe .methodBlock-dropdown.el-popper.el-dropdown-menu .methodBlock-dropdown-item .pay-btn {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 4px;
    gap: 4px
  }

  body.has-fullscreen-iframe .methodBlock-dropdown.el-popper.el-dropdown-menu .methodBlock-dropdown-item .pay-btn img {
    width: 14px;
    height: 14px;
    border-radius: 2px
  }

  body.has-fullscreen-iframe .methodBlock-dropdown.el-popper.el-dropdown-menu .methodBlock-dropdown-item .pay-btn input {
    display: none
  }

  body.has-fullscreen-iframe .methodBlock-dropdown.el-popper.el-dropdown-menu .methodBlock-dropdown-item .pay-btn .feedback {
    top: -11px;
    left: -8px;
    height: 16px;
    font-size: 10px;
    line-height: 14px;
    z-index: 1
  }

  body.has-fullscreen-iframe .methodBlock-dropdown.el-popper.el-dropdown-menu .methodBlock-dropdown-item .pay-btn .feedback:after {
    right: -8px;
    width: 8px;
    height: 16px;
    background-size: contain
  }

  body.has-fullscreen-iframe .methodBlock-dropdown.el-popper.el-dropdown-menu .methodBlock-dropdown-item .pay-btn .tag {
    top: -10px;
    right: -8px;
    width: 36px;
    height: 22px
  }

  body.has-fullscreen-iframe .methodBlock-dropdown.el-popper.el-dropdown-menu .popper__arrow {
    display: block;
    border-bottom-color: #984b0c;
    border-bottom-color: var(--el-select-dropdown-bg-web);
    left: 16px !important
  }

  body.has-fullscreen-iframe .methodBlock-dropdown.el-popper.el-dropdown-menu .popper__arrow:after {
    border-bottom-color: #984b0c;
    border-bottom-color: var(--el-select-dropdown-bg-web)
  }

  body.has-fullscreen-iframe #deposit_category .methodBlock-dropdown-wrap.el-dropdown {
    display: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%
  }

  body.has-fullscreen-iframe #deposit_category .btn-method-block-dropdown {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    height: 11.7333333333vmin;
    margin-bottom: 5.3333333333vmin;
    padding: 3.2vmin 4.2666666667vmin;
    border-radius: 10.6666666667vmin;
    border-radius: var(--mixin-btn-method-block-dropdown-border-radius-mob);
    background: -webkit-gradient(linear, left top, left bottom, from(#f26f07), color-stop(11%, #ffb84d), color-stop(37.5%, #fff698), to(#fff698));
    background: linear-gradient(180deg, #f26f07, #ffb84d 11%, #fff698 37.5%, #fff698);
    background: var(--mixin-btn-method-block-dropdown-bg);
    -webkit-box-shadow: 0 -2.059px 4.942px 0 #f26f07 inset, 0 2.059px 2.059px 0 #ffdb34 inset;
    box-shadow: inset 0 -2.059px 4.942px 0 #f26f07, inset 0 2.059px 2.059px 0 #ffdb34;
    -webkit-box-shadow: var(--mixin-btn-method-block-dropdown-shadow);
    box-shadow: var(--mixin-btn-method-block-dropdown-shadow);
    border: none;
    border: var(--mixin-btn-method-block-dropdown-border);
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 2.1333333333vmin;
    gap: 2.1333333333vmin
  }

  body.has-fullscreen-iframe #deposit_category .btn-method-block-dropdown:before {
    content: "";
    width: 3.7333333333vmin;
    height: 3.7333333333vmin;
    display: block;
    position: absolute;
    right: 4.2666666667vmin;
    background: url(data:image/webp;base64,UklGRvAAAABXRUJQVlA4WAoAAAAQAAAAGwAAGwAAQUxQSGAAAAABT0AQQJrb4BCa5IiIgNRdMI1s28njkywlIH8rOMpAYrEZdH7lZoeP6D/CtG3jthN7Bf4xlS7RLUGqO1WLURqxkE48AvthI/WIUcRSfV+GHQAsWovSQekgOig9WBfynwNWUDggagAAAHAEAJ0BKhwAHAA+bSiSRaQiIZv6rABABsSxAZIBmgX6B+AFSePYkAAe/4hgAP75m3cN7GQ0hOFWTfNCBGf7MVB8ydcMRG5a/pExv/ePgf4Zttx5o03gKtpBp/8hEmXz6s8whYVU6LA3QAA=) no-repeat 50%/contain;
    background: var(--mixin-btn-method-block-dropdown-icon-bg)
  }

  body.has-fullscreen-iframe #deposit_category .btn-method-block-dropdown img {
    width: 8vmin;
    height: 8vmin;
    border-radius: .5333333333vmin
  }

  body.has-fullscreen-iframe #deposit_category .btn-method-block-dropdown .method-name {
    width: 100%;
    height: 100%;
    color: inherit;
    color: var(--mixin-btn-method-block-dropdown-color);
    font-size: 3.2vmin;
    font-weight: 600;
    line-height: 5.3333333333vmin
  }

  body.has-fullscreen-iframe #deposit_category .btn-method-block-dropdown .tag {
    width: 9.6vmin;
    height: 5.8666666667vmin;
    top: -1.6vmin;
    right: 4.2666666667vmin
  }

  body.has-fullscreen-iframe #deposit_category .btn-method-block-dropdown .feedback {
    top: -2.4vmin;
    bottom: auto;
    left: 3.2vmin
  }

  body.has-fullscreen-iframe #deposit_category .methodBlock-wrap {
    width: 100vw;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2147483646;
    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: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    visibility: visible;
    -webkit-animation-duration: .15s;
    animation-duration: .15s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: slide-in-bottom;
    animation-name: slide-in-bottom
  }

  body.has-fullscreen-iframe #deposit_category .methodBlock-wrap:not(.isPopupOpened) {
    display: none
  }

  body.has-fullscreen-iframe #deposit_category .methodBlock-wrap:before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    opacity: 1;
    background: rgba(14, 18, 36, .7);
    -webkit-transform: none;
    transform: none;
    position: absolute;
    top: 0;
    left: 0;
    border: 0
  }

  body.has-fullscreen-iframe #deposit_category .methodBlock-wrap .methodBlock:before {
    display: none
  }

  body.has-fullscreen-iframe #deposit_category .methodBlock-wrap .methodBlock {
    background: #3b1206;
    padding: 1.6vmin 0;
    max-height: 536px;
    overflow: auto;
    border-radius: 1.0666666667vmin 1.0666666667vmin 0 0
  }

  body.has-fullscreen-iframe #deposit_category .methodBlock-wrap .methodBlock label {
    width: 100%;
    padding: 0;
    margin-top: 0
  }

  body.has-fullscreen-iframe #deposit_category .methodBlock-wrap .methodBlock label .pay-btn {
    border: 0;
    border-radius: 0;
    padding: 4.2666666667vmin;
    background: #3b1206;
    color: #fff;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }

  body.has-fullscreen-iframe #deposit_category .methodBlock-wrap .methodBlock label .pay-btn img {
    width: 5.3333333333vmin;
    height: 5.3333333333vmin;
    border-radius: .5333333333vmin;
    margin-right: 2.1333333333vmin
  }

  body.has-fullscreen-iframe #deposit_category .methodBlock-wrap .methodBlock label .pay-btn .tag {
    top: -1.0666666667vmin;
    right: 1.6vmin;
    width: 9.6vmin;
    height: 5.8666666667vmin
  }

  body.has-fullscreen-iframe #deposit_category .methodBlock-wrap .methodBlock label .pay-btn .feedback {
    top: -1.0666666667vmin
  }

  body.has-fullscreen-iframe #deposit_category .methodBlock-wrap .methodBlock label.active .pay-btn {
    background: #e89c35;
    color: #3b1206
  }

  body.has-fullscreen-iframe #deposit_category .methodBlock-wrap .methodBlock img {
    width: 5.3333333333vmin;
    height: 5.3333333333vmin
  }
}

#__layout .publicDialog .release-promotion-dialog {
  background: rgba(0, 0, 0, .7);
  display: block
}

#__layout .publicDialog .release-promotion-dialog[\:has\(.promotion-release-wrapper.inGame\)] {
  z-index: 2147483646 !important
}

#__layout .publicDialog .release-promotion-dialog:has(.promotion-release-wrapper.inGame) {
  z-index: 2147483646 !important
}

#__layout .publicDialog .release-promotion-dialog .el-dialog {
  overflow: visible
}

@media screen and (max-width:932px) and (orientation:landscape) {
  #__layout .publicDialog .release-promotion-dialog .el-dialog {
    width: 100vw;
    width: 100dvw;
    margin-top: 0 !important
  }
}

#__layout .publicDialog .release-promotion-dialog .el-dialog__body {
  background: none
}

#__layout .publicDialog .release-promotion-dialog+.v-modal {
  background: none
}

#__layout .publicDialog .release-promotion-dialog .game-nav-additional-modal-content-outer {
  height: auto
}

#__layout .publicDialog .release-promotion-dialog .game-nav-additional-modal-header-image1 {
  z-index: 10;
  top: 13px
}

@media screen and (max-width:932px) {
  #__layout .publicDialog .release-promotion-dialog .game-nav-additional-modal-header-image1 {
    top: 3.4666666667vmin
  }
}

#__layout .publicDialog .release-promotion-dialog .game-nav-additional-modal-header-image1 img {
  display: none
}

#__layout .publicDialog .release-promotion-dialog .game-nav-additional-modal-header-image1:before {
  content: "";
  display: block;
  width: 131px;
  height: 85px;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/promotion-release-header_b7ba724.webp) no-repeat 50%/contain
}

@media screen and (max-width:932px) {
  #__layout .publicDialog .release-promotion-dialog .game-nav-additional-modal-header-image1:before {
    width: 66.1333333333vmin;
    height: 22.6666666667vmin
  }
}

@media screen and (max-width:932px) and (orientation:landscape) {
  #__layout .publicDialog .release-promotion-dialog .game-nav-additional-modal-header-image1:before {
    opacity: 0
  }
}

#__layout .publicDialog .release-promotion-dialog .game-nav-additional-modal-header-image2 {
  display: none
}

@media screen and (max-width:932px) and (orientation:landscape) {
  #__layout .publicDialog .release-promotion-dialog .game-nav-additional-modal-close-btn {
    top: 2.6666666667vmin;
    right: 2.6666666667vmin;
    width: 9.3333333333vmin;
    height: 9.3333333333vmin
  }
}

.promotion-release-wrapper {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden
}

.promotion-release-wrapper .title {
  position: relative;
  z-index: 1;
  text-align: center;
  text-shadow: 0 1.038px 2.076px rgba(0, 0, 0, .14), 0 1.038px 1.038px rgba(0, 0, 0, .12), 0 1.038px 2.076px rgba(0, 0, 0, .2);
  font-family: Arial;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize
}

.promotion-release-wrapper .form-group h4.promotion-title-message {
  text-align: center;
  font-family: DIN Alternate;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  text-transform: capitalize;
  margin-bottom: 40px
}

.promotion-release-wrapper .list ul {
  margin: 0;
  padding: 0;
  list-style: none
}

.promotion-release-wrapper .amount-wrapper {
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.promotion-release-wrapper .amount-wrapper h4 {
  margin: 0;
  font-family: DIN Alternate;
  font-style: normal;
  font-weight: 700
}

.promotion-release-wrapper .amount-wrapper h4.label {
  font-size: 14px;
  line-height: 16px;
  text-transform: capitalize
}

.promotion-release-wrapper .amount-wrapper h4.value {
  font-size: 18px
}

.promotion-release-wrapper .amount-wrapper .content-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.promotion-release-wrapper .amount-wrapper.main-wallet-balance-wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 6px;
  gap: 6px
}

.promotion-release-wrapper .promotion-limit-wrapper .promotion-limit-label {
  text-align: right;
  font-family: DIN Alternate;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  text-transform: capitalize
}

.promotion-release-wrapper .form-input-content .promotion-title-message {
  display: none
}

.promotion-release-wrapper .center-wrap, .promotion-release-wrapper .submitbtn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.promotion-release-wrapper.inGame {
  padding: 32px 25px;
  padding: var(--popup-promotion-release-promotion-release-wrapper-padding)
}

.promotion-release-wrapper.inGame .title {
  color: #f3ebc4;
  color: var(--popup-promotion-release-title-color)
}

.promotion-release-wrapper.inGame .title:before {
  display: block;
  display: var(--popup-promotion-release-title-before-display);
  content: attr(data-text);
  position: absolute;
  -webkit-text-stroke-color: #4c000d;
  -webkit-text-stroke-width: 4px;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.mobile-app .promotion-release-wrapper.inGame .title:before {
  -webkit-text-stroke-width: .5333333333vmin
}

.promotion-release-wrapper.inGame .line {
  height: 2px;
  background: #f3ebc4;
  background: var(--popup-promotion-release-line-bg);
  -webkit-box-shadow: 0 3px 4px rgba(255, 254, 163, .4);
  box-shadow: 0 3px 4px rgba(255, 254, 163, .4);
  -webkit-box-shadow: var(--popup-promotion-release-line-box-shadow);
  box-shadow: var(--popup-promotion-release-line-box-shadow);
  margin: 12px 0;
  margin: var(--popup-promotion-release-line-margin)
}

.promotion-release-wrapper.inGame .promotion-title-message {
  color: #fff;
  color: var(--popup-promotion-release-promotion-title-message-color)
}

.promotion-release-wrapper.inGame .amount-wrapper {
  padding: 12px;
  border: 1px solid #ef8301;
  border: var(--popup-promotion-release-amount-wrapper-border);
  background: #3b1206;
  background: var(--popup-promotion-release-amount-wrapper-bg);
  grid-gap: 15px;
  gap: 15px;
  margin-bottom: 12px
}

.promotion-release-wrapper.inGame .amount-wrapper:first-child {
  margin-bottom: 10px
}

.promotion-release-wrapper.inGame .amount-wrapper .label {
  color: #ffc39f
}

.promotion-release-wrapper.inGame .amount-wrapper .value {
  color: #fff
}

.promotion-release-wrapper.inGame .amount-wrapper .content-wrapper:nth-of-type(2) .value {
  color: #ff4f4f;
  color: var(--popup-promotion-release-content-wrapper-value-color-nth-2)
}

.promotion-release-wrapper.inGame .promotion-limit-wrapper {
  color: #fff;
  color: var(--popup-promotion-release-promotion-limit-wrapper-color);
  margin-bottom: 24px
}

.promotion-release-wrapper.inGame .qrcode-box h4 {
  color: #ffe259
}

.promotion-release-wrapper.inGame .qrcode-box h4 span {
  display: none;
  display: var(--popup-promotion-release-qrcode-box-h4-span-display);
  text-shadow: 0 1.038px 2.076px rgba(0, 0, 0, .14), 0 1.038px 1.038px rgba(0, 0, 0, .12), 0 1.038px 2.076px rgba(0, 0, 0, .2);
  -webkit-text-stroke-width: 1;
  -webkit-text-stroke-color: #4c000d;
  font-family: Arial;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize
}

.promotion-release-wrapper.inGame .qrcode-box .input-group {
  position: relative;
  height: 36px;
  margin: 12px 0 24px
}

.mobile-app .promotion-release-wrapper.inGame .qrcode-box .input-group {
  height: 9.6vmin;
  margin: 3.2vmin 0 6.4vmin
}

.promotion-release-wrapper.inGame .qrcode-box .input-group input {
  width: 100%;
  height: 36px;
  color: #fff;
  padding: 8px 20px;
  border-radius: 40px;
  border-radius: var(--mixin-game-popup-input-border-radius);
  border: 1px solid #ef8301;
  border: 1px solid var(--mixin-game-popup-input-border);
  background: #3b1206;
  background: var(--mixin-game-popup-input-bg);
  -webkit-box-shadow: 0 3px 0 0 #341106, 0 -4px 4px 0 rgba(0, 0, 0, .5) inset, 0 4px 4px 0 rgba(0, 0, 0, .5) inset, 0 5px 5px 0 rgba(255, 254, 163, .5);
  box-shadow: 0 3px 0 0 #341106, inset 0 -4px 4px 0 rgba(0, 0, 0, .5), inset 0 4px 4px 0 rgba(0, 0, 0, .5), 0 5px 5px 0 rgba(255, 254, 163, .5);
  -webkit-box-shadow: var(--mixin-game-popup-input-shadow);
  box-shadow: var(--mixin-game-popup-input-shadow);
  margin: 0;
  width: calc(100% - 97px);
  width: var(--popup-promotion-release-qrcode-box-input-width)
}

.mobile-app .promotion-release-wrapper.inGame .qrcode-box .input-group input {
  height: 9.6vmin;
  padding: 2.1333333333vmin 5.3333333333vmin;
  border-radius: 10.6666666667vmin;
  border-radius: var(--mixin-game-popup-input-border-radius-mob);
  border: .2666666667vmin solid #ef8301;
  border: .2666666667vmin solid var(--mixin-game-popup-input-border);
  margin: 3.2vmin 0 6.4vmin;
  margin: var(--mixin-game-popup-input-margin-mob)
}

.promotion-release-wrapper.inGame .qrcode-box .input-group input::-webkit-input-placeholder {
  color: #b4946b;
  color: var(--mixin-game-popup-input-placeholder-color)
}

.promotion-release-wrapper.inGame .qrcode-box .input-group input::-moz-placeholder {
  color: #b4946b;
  color: var(--mixin-game-popup-input-placeholder-color)
}

.promotion-release-wrapper.inGame .qrcode-box .input-group input::-ms-input-placeholder {
  color: #b4946b;
  color: var(--mixin-game-popup-input-placeholder-color)
}

.promotion-release-wrapper.inGame .qrcode-box .input-group input::placeholder {
  color: #b4946b;
  color: var(--mixin-game-popup-input-placeholder-color)
}

.promotion-release-wrapper.inGame .qrcode-box .input-group input[\:has\(\%2B\%20.poperrorMsg\)] {
  border-color: #ff1f00
}

.promotion-release-wrapper.inGame .qrcode-box .input-group input:has(+.poperrorMsg) {
  border-color: #ff1f00
}

.promotion-release-wrapper.inGame .qrcode-box .input-group input:focus {
  border-color: #ffe3c1
}

.promotion-release-wrapper.inGame .qrcode-box .input-group input:disabled {
  background: #552e09;
  background: var(--mixin-game-popup-input-disabled-bg);
  color: #b4946b;
  color: var(--mixin-game-popup-input-disabled-color)
}

.mobile-app .promotion-release-wrapper.inGame .qrcode-box .input-group input {
  margin: 0
}

.promotion-release-wrapper.inGame .qrcode-box .input-group .checknum_img {
  position: absolute;
  width: 90px;
  height: calc(100% - 2px);
  top: 1px;
  right: 1px;
  overflow: hidden;
  border-radius: 0 40px 40px 0;
  border-radius: var(--popup-promotion-release-qrcode-box-checknum-img-border-radius)
}

.promotion-release-wrapper.inGame .qrcode-box .input-group .checknum_img div, .promotion-release-wrapper.inGame .qrcode-box .input-group .checknum_img div img {
  width: 100%;
  height: 100%
}

.promotion-release-wrapper.inGame .qrcode-box .input-group .checknum_img:before {
  position: absolute;
  right: 0;
  width: 100%;
  height: 100%;
  content: "";
  -webkit-box-shadow: 0 3px 0 0 #341106, 0 -4px 4px 0 rgba(0, 0, 0, .5) inset, 0 4px 4px 0 rgba(0, 0, 0, .5) inset, 0 5px 5px 0 rgba(255, 254, 163, .5);
  box-shadow: 0 3px 0 0 #341106, inset 0 -4px 4px 0 rgba(0, 0, 0, .5), inset 0 4px 4px 0 rgba(0, 0, 0, .5), 0 5px 5px 0 rgba(255, 254, 163, .5);
  -webkit-box-shadow: var(--popup-promotion-release-qrcode-box-checknum-img-before-box-shadow);
  box-shadow: var(--popup-promotion-release-qrcode-box-checknum-img-before-box-shadow);
  border-radius: 0 40px 40px 0;
  z-index: 1
}

.promotion-release-wrapper.inGame .center-wrap, .promotion-release-wrapper.inGame .submitbtn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.promotion-release-wrapper.inGame .center-wrap button, .promotion-release-wrapper.inGame .submitbtn-wrap button {
  width: 200px;
  height: 40px;
  padding: 0;
  border-radius: 10px;
  border-radius: var(--popup-promotion-release-button-border-radius);
  color: #fff;
  border: 1px solid #fffd5d;
  border: var(--popup-promotion-release-button-border);
  background: -webkit-gradient(linear, left top, right top, from(#a55409), to(#e88830));
  background: linear-gradient(90deg, #a55409, #e88830);
  background: var(--popup-promotion-release-button-bg);
  -webkit-box-shadow: 0 2px 0 #a55409;
  box-shadow: 0 2px 0 #a55409;
  -webkit-box-shadow: var(--popup-promotion-release-button-box-shadow);
  box-shadow: var(--popup-promotion-release-button-box-shadow);
  text-shadow: 1px 1px 2px #000;
  text-shadow: var(--popup-promotion-release-button-text-shadow);
  font-family: Arial;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  overflow: hidden
}

.mobile-app .promotion-release-wrapper.inGame .center-wrap button, .mobile-app .promotion-release-wrapper.inGame .submitbtn-wrap button {
  width: 100%;
  height: 10.6666666667vmin;
  font-size: 3.7333333333vmin;
  line-height: 8vmin
}

.promotion-release-wrapper.inGame .center-wrap button:before, .promotion-release-wrapper.inGame .submitbtn-wrap button:before {
  content: "";
  position: absolute;
  z-index: 1;
  pointer-events: none;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -30px;
  width: 120%;
  height: 50px;
  border-radius: 100%;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(-3.73%, hsla(0, 0%, 100%, 0)), color-stop(79.55%, #fff));
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) -3.73%, #fff 79.55%);
  background: var(--popup-promotion-release-button-before-bg);
  background-blend-mode: overlay;
  mix-blend-mode: overlay;
  opacity: .3
}

.header-popup[\:has\(.promotion-release-wrapper.outGame\)] .popup-title, .popup-bg-one[\:has\(.promotion-release-wrapper.outGame\)] .popup-title {
  margin-bottom: 10px
}

.header-popup:has(.promotion-release-wrapper.outGame) .popup-title, .popup-bg-one:has(.promotion-release-wrapper.outGame) .popup-title {
  margin-bottom: 10px
}

.header-popup[\:has\(.promotion-release-wrapper.outGame\)] .equal-input-block .popup-input-content h4, .popup-bg-one[\:has\(.promotion-release-wrapper.outGame\)] .equal-input-block .popup-input-content h4 {
  margin: 0;
  font-size: 14px;
  line-height: normal
}

.header-popup:has(.promotion-release-wrapper.outGame) .equal-input-block .popup-input-content h4, .popup-bg-one:has(.promotion-release-wrapper.outGame) .equal-input-block .popup-input-content h4 {
  margin: 0;
  font-size: 14px;
  line-height: normal
}

.header-popup .header-popup-bg .box .promotion-release-wrapper.outGame, .header-popup .header-popup-bg .equal-block .promotion-release-wrapper.outGame, .header-popup .header-popup-bg .equal-input-block .promotion-release-wrapper.outGame, .header-popup .popup-bg-two .box .promotion-release-wrapper.outGame, .header-popup .popup-bg-two .equal-block .promotion-release-wrapper.outGame, .header-popup .popup-bg-two .equal-input-block .promotion-release-wrapper.outGame, .popup-bg-one .header-popup-bg .box .promotion-release-wrapper.outGame, .popup-bg-one .header-popup-bg .equal-block .promotion-release-wrapper.outGame, .popup-bg-one .header-popup-bg .equal-input-block .promotion-release-wrapper.outGame, .popup-bg-one .popup-bg-two .box .promotion-release-wrapper.outGame, .popup-bg-one .popup-bg-two .equal-block .promotion-release-wrapper.outGame, .popup-bg-one .popup-bg-two .equal-input-block .promotion-release-wrapper.outGame {
  background: unset;
  padding: 0
}

.header-popup .header-popup-bg .box .promotion-release-wrapper.outGame .line, .header-popup .header-popup-bg .box .promotion-release-wrapper.outGame .title, .header-popup .header-popup-bg .equal-block .promotion-release-wrapper.outGame .line, .header-popup .header-popup-bg .equal-block .promotion-release-wrapper.outGame .title, .header-popup .header-popup-bg .equal-input-block .promotion-release-wrapper.outGame .line, .header-popup .header-popup-bg .equal-input-block .promotion-release-wrapper.outGame .title, .header-popup .popup-bg-two .box .promotion-release-wrapper.outGame .line, .header-popup .popup-bg-two .box .promotion-release-wrapper.outGame .title, .header-popup .popup-bg-two .equal-block .promotion-release-wrapper.outGame .line, .header-popup .popup-bg-two .equal-block .promotion-release-wrapper.outGame .title, .header-popup .popup-bg-two .equal-input-block .promotion-release-wrapper.outGame .line, .header-popup .popup-bg-two .equal-input-block .promotion-release-wrapper.outGame .title, .popup-bg-one .header-popup-bg .box .promotion-release-wrapper.outGame .line, .popup-bg-one .header-popup-bg .box .promotion-release-wrapper.outGame .title, .popup-bg-one .header-popup-bg .equal-block .promotion-release-wrapper.outGame .line, .popup-bg-one .header-popup-bg .equal-block .promotion-release-wrapper.outGame .title, .popup-bg-one .header-popup-bg .equal-input-block .promotion-release-wrapper.outGame .line, .popup-bg-one .header-popup-bg .equal-input-block .promotion-release-wrapper.outGame .title, .popup-bg-one .popup-bg-two .box .promotion-release-wrapper.outGame .line, .popup-bg-one .popup-bg-two .box .promotion-release-wrapper.outGame .title, .popup-bg-one .popup-bg-two .equal-block .promotion-release-wrapper.outGame .line, .popup-bg-one .popup-bg-two .equal-block .promotion-release-wrapper.outGame .title, .popup-bg-one .popup-bg-two .equal-input-block .promotion-release-wrapper.outGame .line, .popup-bg-one .popup-bg-two .equal-input-block .promotion-release-wrapper.outGame .title {
  display: none
}

.header-popup .header-popup-bg .box .promotion-release-wrapper.outGame .promotion-title-message, .header-popup .header-popup-bg .equal-block .promotion-release-wrapper.outGame .promotion-title-message, .header-popup .header-popup-bg .equal-input-block .promotion-release-wrapper.outGame .promotion-title-message, .header-popup .popup-bg-two .box .promotion-release-wrapper.outGame .promotion-title-message, .header-popup .popup-bg-two .equal-block .promotion-release-wrapper.outGame .promotion-title-message, .header-popup .popup-bg-two .equal-input-block .promotion-release-wrapper.outGame .promotion-title-message, .popup-bg-one .header-popup-bg .box .promotion-release-wrapper.outGame .promotion-title-message, .popup-bg-one .header-popup-bg .equal-block .promotion-release-wrapper.outGame .promotion-title-message, .popup-bg-one .header-popup-bg .equal-input-block .promotion-release-wrapper.outGame .promotion-title-message, .popup-bg-one .popup-bg-two .box .promotion-release-wrapper.outGame .promotion-title-message, .popup-bg-one .popup-bg-two .equal-block .promotion-release-wrapper.outGame .promotion-title-message, .popup-bg-one .popup-bg-two .equal-input-block .promotion-release-wrapper.outGame .promotion-title-message {
  margin-bottom: 40px
}

.header-popup .header-popup-bg .box .promotion-release-wrapper.outGame .amount-wrapper, .header-popup .header-popup-bg .equal-block .promotion-release-wrapper.outGame .amount-wrapper, .header-popup .header-popup-bg .equal-input-block .promotion-release-wrapper.outGame .amount-wrapper, .header-popup .popup-bg-two .box .promotion-release-wrapper.outGame .amount-wrapper, .header-popup .popup-bg-two .equal-block .promotion-release-wrapper.outGame .amount-wrapper, .header-popup .popup-bg-two .equal-input-block .promotion-release-wrapper.outGame .amount-wrapper, .popup-bg-one .header-popup-bg .box .promotion-release-wrapper.outGame .amount-wrapper, .popup-bg-one .header-popup-bg .equal-block .promotion-release-wrapper.outGame .amount-wrapper, .popup-bg-one .header-popup-bg .equal-input-block .promotion-release-wrapper.outGame .amount-wrapper, .popup-bg-one .popup-bg-two .box .promotion-release-wrapper.outGame .amount-wrapper, .popup-bg-one .popup-bg-two .equal-block .promotion-release-wrapper.outGame .amount-wrapper, .popup-bg-one .popup-bg-two .equal-input-block .promotion-release-wrapper.outGame .amount-wrapper {
  grid-gap: 10px;
  gap: 10px;
  padding: 10px;
  margin-bottom: 20px;
  -webkit-box-shadow: unset;
  box-shadow: unset
}

.header-popup .header-popup-bg .box .promotion-release-wrapper.outGame .amount-wrapper .content-wrapper .value, .header-popup .header-popup-bg .equal-block .promotion-release-wrapper.outGame .amount-wrapper .content-wrapper .value, .header-popup .header-popup-bg .equal-input-block .promotion-release-wrapper.outGame .amount-wrapper .content-wrapper .value, .header-popup .popup-bg-two .box .promotion-release-wrapper.outGame .amount-wrapper .content-wrapper .value, .header-popup .popup-bg-two .equal-block .promotion-release-wrapper.outGame .amount-wrapper .content-wrapper .value, .header-popup .popup-bg-two .equal-input-block .promotion-release-wrapper.outGame .amount-wrapper .content-wrapper .value, .popup-bg-one .header-popup-bg .box .promotion-release-wrapper.outGame .amount-wrapper .content-wrapper .value, .popup-bg-one .header-popup-bg .equal-block .promotion-release-wrapper.outGame .amount-wrapper .content-wrapper .value, .popup-bg-one .header-popup-bg .equal-input-block .promotion-release-wrapper.outGame .amount-wrapper .content-wrapper .value, .popup-bg-one .popup-bg-two .box .promotion-release-wrapper.outGame .amount-wrapper .content-wrapper .value, .popup-bg-one .popup-bg-two .equal-block .promotion-release-wrapper.outGame .amount-wrapper .content-wrapper .value, .popup-bg-one .popup-bg-two .equal-input-block .promotion-release-wrapper.outGame .amount-wrapper .content-wrapper .value {
  color: #ffc251;
  font-size: 18px
}

.header-popup .header-popup-bg .box .promotion-release-wrapper.outGame .amount-wrapper .content-wrapper:nth-of-type(2) .value, .header-popup .header-popup-bg .equal-block .promotion-release-wrapper.outGame .amount-wrapper .content-wrapper:nth-of-type(2) .value, .header-popup .header-popup-bg .equal-input-block .promotion-release-wrapper.outGame .amount-wrapper .content-wrapper:nth-of-type(2) .value, .header-popup .popup-bg-two .box .promotion-release-wrapper.outGame .amount-wrapper .content-wrapper:nth-of-type(2) .value, .header-popup .popup-bg-two .equal-block .promotion-release-wrapper.outGame .amount-wrapper .content-wrapper:nth-of-type(2) .value, .header-popup .popup-bg-two .equal-input-block .promotion-release-wrapper.outGame .amount-wrapper .content-wrapper:nth-of-type(2) .value, .popup-bg-one .header-popup-bg .box .promotion-release-wrapper.outGame .amount-wrapper .content-wrapper:nth-of-type(2) .value, .popup-bg-one .header-popup-bg .equal-block .promotion-release-wrapper.outGame .amount-wrapper .content-wrapper:nth-of-type(2) .value, .popup-bg-one .header-popup-bg .equal-input-block .promotion-release-wrapper.outGame .amount-wrapper .content-wrapper:nth-of-type(2) .value, .popup-bg-one .popup-bg-two .box .promotion-release-wrapper.outGame .amount-wrapper .content-wrapper:nth-of-type(2) .value, .popup-bg-one .popup-bg-two .equal-block .promotion-release-wrapper.outGame .amount-wrapper .content-wrapper:nth-of-type(2) .value, .popup-bg-one .popup-bg-two .equal-input-block .promotion-release-wrapper.outGame .amount-wrapper .content-wrapper:nth-of-type(2) .value {
  color: #f33
}

.header-popup .header-popup-bg .box .promotion-release-wrapper.outGame .amount-wrapper.main-wallet-balance-wrapper, .header-popup .header-popup-bg .equal-block .promotion-release-wrapper.outGame .amount-wrapper.main-wallet-balance-wrapper, .header-popup .header-popup-bg .equal-input-block .promotion-release-wrapper.outGame .amount-wrapper.main-wallet-balance-wrapper, .header-popup .popup-bg-two .box .promotion-release-wrapper.outGame .amount-wrapper.main-wallet-balance-wrapper, .header-popup .popup-bg-two .equal-block .promotion-release-wrapper.outGame .amount-wrapper.main-wallet-balance-wrapper, .header-popup .popup-bg-two .equal-input-block .promotion-release-wrapper.outGame .amount-wrapper.main-wallet-balance-wrapper, .popup-bg-one .header-popup-bg .box .promotion-release-wrapper.outGame .amount-wrapper.main-wallet-balance-wrapper, .popup-bg-one .header-popup-bg .equal-block .promotion-release-wrapper.outGame .amount-wrapper.main-wallet-balance-wrapper, .popup-bg-one .header-popup-bg .equal-input-block .promotion-release-wrapper.outGame .amount-wrapper.main-wallet-balance-wrapper, .popup-bg-one .popup-bg-two .box .promotion-release-wrapper.outGame .amount-wrapper.main-wallet-balance-wrapper, .popup-bg-one .popup-bg-two .equal-block .promotion-release-wrapper.outGame .amount-wrapper.main-wallet-balance-wrapper, .popup-bg-one .popup-bg-two .equal-input-block .promotion-release-wrapper.outGame .amount-wrapper.main-wallet-balance-wrapper {
  margin-bottom: 0
}

.header-popup .header-popup-bg .box .promotion-release-wrapper.outGame .amount-wrapper.main-wallet-balance-wrapper h4.value, .header-popup .header-popup-bg .equal-block .promotion-release-wrapper.outGame .amount-wrapper.main-wallet-balance-wrapper h4.value, .header-popup .header-popup-bg .equal-input-block .promotion-release-wrapper.outGame .amount-wrapper.main-wallet-balance-wrapper h4.value, .header-popup .popup-bg-two .box .promotion-release-wrapper.outGame .amount-wrapper.main-wallet-balance-wrapper h4.value, .header-popup .popup-bg-two .equal-block .promotion-release-wrapper.outGame .amount-wrapper.main-wallet-balance-wrapper h4.value, .header-popup .popup-bg-two .equal-input-block .promotion-release-wrapper.outGame .amount-wrapper.main-wallet-balance-wrapper h4.value, .popup-bg-one .header-popup-bg .box .promotion-release-wrapper.outGame .amount-wrapper.main-wallet-balance-wrapper h4.value, .popup-bg-one .header-popup-bg .equal-block .promotion-release-wrapper.outGame .amount-wrapper.main-wallet-balance-wrapper h4.value, .popup-bg-one .header-popup-bg .equal-input-block .promotion-release-wrapper.outGame .amount-wrapper.main-wallet-balance-wrapper h4.value, .popup-bg-one .popup-bg-two .box .promotion-release-wrapper.outGame .amount-wrapper.main-wallet-balance-wrapper h4.value, .popup-bg-one .popup-bg-two .equal-block .promotion-release-wrapper.outGame .amount-wrapper.main-wallet-balance-wrapper h4.value, .popup-bg-one .popup-bg-two .equal-input-block .promotion-release-wrapper.outGame .amount-wrapper.main-wallet-balance-wrapper h4.value {
  color: #ffc251;
  font-size: 22px
}

.header-popup .header-popup-bg .box .promotion-release-wrapper.outGame .promotion-limit-wrapper, .header-popup .header-popup-bg .equal-block .promotion-release-wrapper.outGame .promotion-limit-wrapper, .header-popup .header-popup-bg .equal-input-block .promotion-release-wrapper.outGame .promotion-limit-wrapper, .header-popup .popup-bg-two .box .promotion-release-wrapper.outGame .promotion-limit-wrapper, .header-popup .popup-bg-two .equal-block .promotion-release-wrapper.outGame .promotion-limit-wrapper, .header-popup .popup-bg-two .equal-input-block .promotion-release-wrapper.outGame .promotion-limit-wrapper, .popup-bg-one .header-popup-bg .box .promotion-release-wrapper.outGame .promotion-limit-wrapper, .popup-bg-one .header-popup-bg .equal-block .promotion-release-wrapper.outGame .promotion-limit-wrapper, .popup-bg-one .header-popup-bg .equal-input-block .promotion-release-wrapper.outGame .promotion-limit-wrapper, .popup-bg-one .popup-bg-two .box .promotion-release-wrapper.outGame .promotion-limit-wrapper, .popup-bg-one .popup-bg-two .equal-block .promotion-release-wrapper.outGame .promotion-limit-wrapper, .popup-bg-one .popup-bg-two .equal-input-block .promotion-release-wrapper.outGame .promotion-limit-wrapper {
  margin: 0 0 20px;
  padding: 4px 0
}

.header-popup .header-popup-bg .box .promotion-release-wrapper.outGame .form-group.qrcode-box, .header-popup .header-popup-bg .equal-block .promotion-release-wrapper.outGame .form-group.qrcode-box, .header-popup .header-popup-bg .equal-input-block .promotion-release-wrapper.outGame .form-group.qrcode-box, .header-popup .popup-bg-two .box .promotion-release-wrapper.outGame .form-group.qrcode-box, .header-popup .popup-bg-two .equal-block .promotion-release-wrapper.outGame .form-group.qrcode-box, .header-popup .popup-bg-two .equal-input-block .promotion-release-wrapper.outGame .form-group.qrcode-box, .popup-bg-one .header-popup-bg .box .promotion-release-wrapper.outGame .form-group.qrcode-box, .popup-bg-one .header-popup-bg .equal-block .promotion-release-wrapper.outGame .form-group.qrcode-box, .popup-bg-one .header-popup-bg .equal-input-block .promotion-release-wrapper.outGame .form-group.qrcode-box, .popup-bg-one .popup-bg-two .box .promotion-release-wrapper.outGame .form-group.qrcode-box, .popup-bg-one .popup-bg-two .equal-block .promotion-release-wrapper.outGame .form-group.qrcode-box, .popup-bg-one .popup-bg-two .equal-input-block .promotion-release-wrapper.outGame .form-group.qrcode-box {
  margin-bottom: 40px
}

.header-popup .header-popup-bg .box .promotion-release-wrapper.outGame .form-group.qrcode-box h4, .header-popup .header-popup-bg .equal-block .promotion-release-wrapper.outGame .form-group.qrcode-box h4, .header-popup .header-popup-bg .equal-input-block .promotion-release-wrapper.outGame .form-group.qrcode-box h4, .header-popup .popup-bg-two .box .promotion-release-wrapper.outGame .form-group.qrcode-box h4, .header-popup .popup-bg-two .equal-block .promotion-release-wrapper.outGame .form-group.qrcode-box h4, .header-popup .popup-bg-two .equal-input-block .promotion-release-wrapper.outGame .form-group.qrcode-box h4, .popup-bg-one .header-popup-bg .box .promotion-release-wrapper.outGame .form-group.qrcode-box h4, .popup-bg-one .header-popup-bg .equal-block .promotion-release-wrapper.outGame .form-group.qrcode-box h4, .popup-bg-one .header-popup-bg .equal-input-block .promotion-release-wrapper.outGame .form-group.qrcode-box h4, .popup-bg-one .popup-bg-two .box .promotion-release-wrapper.outGame .form-group.qrcode-box h4, .popup-bg-one .popup-bg-two .equal-block .promotion-release-wrapper.outGame .form-group.qrcode-box h4, .popup-bg-one .popup-bg-two .equal-input-block .promotion-release-wrapper.outGame .form-group.qrcode-box h4 {
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 4px
}

.header-popup .header-popup-bg .box .promotion-release-wrapper.outGame .form-group .input-group, .header-popup .header-popup-bg .equal-block .promotion-release-wrapper.outGame .form-group .input-group, .header-popup .header-popup-bg .equal-input-block .promotion-release-wrapper.outGame .form-group .input-group, .header-popup .popup-bg-two .box .promotion-release-wrapper.outGame .form-group .input-group, .header-popup .popup-bg-two .equal-block .promotion-release-wrapper.outGame .form-group .input-group, .header-popup .popup-bg-two .equal-input-block .promotion-release-wrapper.outGame .form-group .input-group, .popup-bg-one .header-popup-bg .box .promotion-release-wrapper.outGame .form-group .input-group, .popup-bg-one .header-popup-bg .equal-block .promotion-release-wrapper.outGame .form-group .input-group, .popup-bg-one .header-popup-bg .equal-input-block .promotion-release-wrapper.outGame .form-group .input-group, .popup-bg-one .popup-bg-two .box .promotion-release-wrapper.outGame .form-group .input-group, .popup-bg-one .popup-bg-two .equal-block .promotion-release-wrapper.outGame .form-group .input-group, .popup-bg-one .popup-bg-two .equal-input-block .promotion-release-wrapper.outGame .form-group .input-group {
  height: 40px
}

.header-popup .header-popup-bg .box .promotion-release-wrapper.outGame .form-group .input-group input[type=tel], .header-popup .header-popup-bg .equal-block .promotion-release-wrapper.outGame .form-group .input-group input[type=tel], .header-popup .header-popup-bg .equal-input-block .promotion-release-wrapper.outGame .form-group .input-group input[type=tel], .header-popup .popup-bg-two .box .promotion-release-wrapper.outGame .form-group .input-group input[type=tel], .header-popup .popup-bg-two .equal-block .promotion-release-wrapper.outGame .form-group .input-group input[type=tel], .header-popup .popup-bg-two .equal-input-block .promotion-release-wrapper.outGame .form-group .input-group input[type=tel], .popup-bg-one .header-popup-bg .box .promotion-release-wrapper.outGame .form-group .input-group input[type=tel], .popup-bg-one .header-popup-bg .equal-block .promotion-release-wrapper.outGame .form-group .input-group input[type=tel], .popup-bg-one .header-popup-bg .equal-input-block .promotion-release-wrapper.outGame .form-group .input-group input[type=tel], .popup-bg-one .popup-bg-two .box .promotion-release-wrapper.outGame .form-group .input-group input[type=tel], .popup-bg-one .popup-bg-two .equal-block .promotion-release-wrapper.outGame .form-group .input-group input[type=tel], .popup-bg-one .popup-bg-two .equal-input-block .promotion-release-wrapper.outGame .form-group .input-group input[type=tel] {
  width: calc(100% - 100px);
  height: 100%
}

.header-popup .header-popup-bg .box .promotion-release-wrapper.outGame .form-group .input-group .input-addon.checknum_img, .header-popup .header-popup-bg .equal-block .promotion-release-wrapper.outGame .form-group .input-group .input-addon.checknum_img, .header-popup .header-popup-bg .equal-input-block .promotion-release-wrapper.outGame .form-group .input-group .input-addon.checknum_img, .header-popup .popup-bg-two .box .promotion-release-wrapper.outGame .form-group .input-group .input-addon.checknum_img, .header-popup .popup-bg-two .equal-block .promotion-release-wrapper.outGame .form-group .input-group .input-addon.checknum_img, .header-popup .popup-bg-two .equal-input-block .promotion-release-wrapper.outGame .form-group .input-group .input-addon.checknum_img, .popup-bg-one .header-popup-bg .box .promotion-release-wrapper.outGame .form-group .input-group .input-addon.checknum_img, .popup-bg-one .header-popup-bg .equal-block .promotion-release-wrapper.outGame .form-group .input-group .input-addon.checknum_img, .popup-bg-one .header-popup-bg .equal-input-block .promotion-release-wrapper.outGame .form-group .input-group .input-addon.checknum_img, .popup-bg-one .popup-bg-two .box .promotion-release-wrapper.outGame .form-group .input-group .input-addon.checknum_img, .popup-bg-one .popup-bg-two .equal-block .promotion-release-wrapper.outGame .form-group .input-group .input-addon.checknum_img, .popup-bg-one .popup-bg-two .equal-input-block .promotion-release-wrapper.outGame .form-group .input-group .input-addon.checknum_img {
  width: 100px;
  height: 100%
}

.header-popup .header-popup-bg .box .promotion-release-wrapper.outGame .form-group .input-group .input-addon.checknum_img img, .header-popup .header-popup-bg .equal-block .promotion-release-wrapper.outGame .form-group .input-group .input-addon.checknum_img img, .header-popup .header-popup-bg .equal-input-block .promotion-release-wrapper.outGame .form-group .input-group .input-addon.checknum_img img, .header-popup .popup-bg-two .box .promotion-release-wrapper.outGame .form-group .input-group .input-addon.checknum_img img, .header-popup .popup-bg-two .equal-block .promotion-release-wrapper.outGame .form-group .input-group .input-addon.checknum_img img, .header-popup .popup-bg-two .equal-input-block .promotion-release-wrapper.outGame .form-group .input-group .input-addon.checknum_img img, .popup-bg-one .header-popup-bg .box .promotion-release-wrapper.outGame .form-group .input-group .input-addon.checknum_img img, .popup-bg-one .header-popup-bg .equal-block .promotion-release-wrapper.outGame .form-group .input-group .input-addon.checknum_img img, .popup-bg-one .header-popup-bg .equal-input-block .promotion-release-wrapper.outGame .form-group .input-group .input-addon.checknum_img img, .popup-bg-one .popup-bg-two .box .promotion-release-wrapper.outGame .form-group .input-group .input-addon.checknum_img img, .popup-bg-one .popup-bg-two .equal-block .promotion-release-wrapper.outGame .form-group .input-group .input-addon.checknum_img img, .popup-bg-one .popup-bg-two .equal-input-block .promotion-release-wrapper.outGame .form-group .input-group .input-addon.checknum_img img {
  padding: 0
}

.header-popup .header-popup-bg .box .promotion-release-wrapper.outGame .form-group .input-group .input-addon:before, .header-popup .header-popup-bg .equal-block .promotion-release-wrapper.outGame .form-group .input-group .input-addon:before, .header-popup .header-popup-bg .equal-input-block .promotion-release-wrapper.outGame .form-group .input-group .input-addon:before, .header-popup .popup-bg-two .box .promotion-release-wrapper.outGame .form-group .input-group .input-addon:before, .header-popup .popup-bg-two .equal-block .promotion-release-wrapper.outGame .form-group .input-group .input-addon:before, .header-popup .popup-bg-two .equal-input-block .promotion-release-wrapper.outGame .form-group .input-group .input-addon:before, .popup-bg-one .header-popup-bg .box .promotion-release-wrapper.outGame .form-group .input-group .input-addon:before, .popup-bg-one .header-popup-bg .equal-block .promotion-release-wrapper.outGame .form-group .input-group .input-addon:before, .popup-bg-one .header-popup-bg .equal-input-block .promotion-release-wrapper.outGame .form-group .input-group .input-addon:before, .popup-bg-one .popup-bg-two .box .promotion-release-wrapper.outGame .form-group .input-group .input-addon:before, .popup-bg-one .popup-bg-two .equal-block .promotion-release-wrapper.outGame .form-group .input-group .input-addon:before, .popup-bg-one .popup-bg-two .equal-input-block .promotion-release-wrapper.outGame .form-group .input-group .input-addon:before {
  display: none
}

.el-message-box__wrapper[\:has\(.promotion-release-status-dialog\)] {
  z-index: 2147483646 !important;
  position: absolute;
  overflow: visible;
  pointer-events: none
}

.el-message-box__wrapper:has(.promotion-release-status-dialog) {
  z-index: 2147483646 !important;
  position: absolute;
  overflow: visible;
  pointer-events: none
}

@media screen and (max-width:932px) {
  .el-message-box__wrapper[\:has\(.promotion-release-status-dialog\)] {
    top: 41.0666666667vmin;
    left: 3.2vmin;
    right: auto;
    bottom: auto;
    width: calc(100% - 24px)
  }

  .el-message-box__wrapper:has(.promotion-release-status-dialog) {
    top: 41.0666666667vmin;
    left: 3.2vmin;
    right: auto;
    bottom: auto;
    width: calc(100% - 24px)
  }
}

.el-message-box__wrapper .promotion-release-status-dialog {
  display: block;
  position: relative;
  border-radius: 12px;
  border-radius: var(--popup-promotion-release-status-dialog-border-radius);
  border: 2px solid rgba(255, 251, 157, 0);
  background: rgba(0, 0, 0, .8);
  background: var(--popup-promotion-release-status-dialog-bg);
  padding-bottom: 0;
  overflow: visible;
  top: 264px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

@media screen and (max-width:932px) {
  .el-message-box__wrapper .promotion-release-status-dialog {
    top: 0
  }
}

.el-message-box__wrapper .promotion-release-status-dialog .el-message-box__header {
  padding: 12px 12px 8px;
  padding: var(--popup-promotion-release-status-dialog-header-padding)
}

.el-message-box__wrapper .promotion-release-status-dialog .el-message-box__header .el-message-box__title {
  position: relative;
  color: #ff7545;
  color: var(--popup-promotion-release-status-dialog-title-color);
  text-align: left;
  font-family: Roboto;
  font-size: 24px;
  font-size: var(--popup-promotion-release-status-dialog-title-font-size-web);
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  padding-left: 28px
}

@media screen and (max-width:932px) {
  .el-message-box__wrapper .promotion-release-status-dialog .el-message-box__header .el-message-box__title {
    font-size: 3.2vmin;
    font-size: var(--popup-promotion-release-status-dialog-title-font-size-mob)
  }
}

.el-message-box__wrapper .promotion-release-status-dialog .el-message-box__header .el-message-box__title:before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 20px;
  height: 20px;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/release-promotion-failed_a9b996d.webp) no-repeat 50%/contain;
  translate: 0 -25%
}

@media screen and (max-width:932px) {
  .el-message-box__wrapper .promotion-release-status-dialog .el-message-box__header .el-message-box__title:before {
    top: 0
  }
}

.el-message-box__wrapper .promotion-release-status-dialog .el-message-box__header .el-message-box__headerbtn {
  top: -11px;
  right: -11px;
  pointer-events: all
}

.el-message-box__wrapper .promotion-release-status-dialog .el-message-box__header .el-message-box__headerbtn .el-message-box__close {
  font-size: 20px;
  border-radius: 50%;
  border-radius: var(--popup-promotion-release-status-dialog-close-btn-border-radius);
  color: #fff;
  background: #4d4d4d;
  background: var(--popup-promotion-release-status-dialog-close-btn-bg);
  width: auto;
  width: var(--popup-promotion-release-status-dialog-close-btn-width);
  height: auto;
  height: var(--popup-promotion-release-status-dialog-close-btn-height)
}

.el-message-box__wrapper .promotion-release-status-dialog .el-message-box__content {
  white-space: pre-line;
  padding: 12px;
  padding: var(--popup-promotion-release-status-dialog-content-padding)
}

.el-message-box__wrapper .promotion-release-status-dialog .el-message-box__content .el-message-box__message {
  background: none;
  background: var(--popup-promotion-release-status-dialog-message-bg);
  border-radius: 0;
  border-radius: var(--popup-promotion-release-status-dialog-message-border-radius);
  padding: 0 !important;
  padding: var(--popup-promotion-release-status-dialog-message-padding) !important
}

.el-message-box__wrapper .promotion-release-status-dialog .el-message-box__content .el-message-box__message p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-gap: 8px;
  gap: 8px
}

.el-message-box__wrapper .promotion-release-status-dialog .el-message-box__content .el-message-box__message p span {
  position: relative;
  color: #d0d0d0;
  color: var(--popup-promotion-release-status-dialog-message-span-color);
  font-family: Roboto;
  font-size: 18px;
  font-size: var(--popup-promotion-release-status-dialog-message-span-font-size-web);
  font-style: normal;
  font-weight: 500;
  font-weight: var(--popup-promotion-release-status-dialog-message-span-font-weight);
  line-height: 140%;
  text-transform: capitalize;
  text-align: left
}

@media screen and (max-width:932px) {
  .el-message-box__wrapper .promotion-release-status-dialog .el-message-box__content .el-message-box__message p span {
    font-size: 3.2vmin;
    font-size: var(--popup-promotion-release-status-dialog-message-span-font-size-mob)
  }
}

.el-message-box__wrapper .promotion-release-status-dialog .el-message-box__content .el-message-box__message p .info-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-pack: var(--popup-promotion-release-status-dialog-message-info-row-justify-content);
  -ms-flex-pack: var(--popup-promotion-release-status-dialog-message-info-row-justify-content);
  justify-content: var(--popup-promotion-release-status-dialog-message-info-row-justify-content);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.el-message-box__wrapper .promotion-release-status-dialog .el-message-box__content .el-message-box__message p .money {
  color: #d0d0d0;
  color: var(--popup-promotion-release-status-dialog-message-info-row-money-color);
  font-weight: 700;
  font-weight: var(--popup-promotion-release-status-dialog-message-info-row-money-font-weight)
}

.el-message-box__wrapper .promotion-release-status-dialog .el-message-box__content .el-message-box__message p .s-title {
  color: #d0d0d0;
  color: var(--popup-promotion-release-status-dialog-message-info-row-s-title-color)
}

.el-message-box__wrapper .promotion-release-status-dialog .el-message-box__content .el-message-box__message p .first-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-pack: var(--popup-promotion-release-status-dialog-message-info-row-justify-content);
  -ms-flex-pack: var(--popup-promotion-release-status-dialog-message-info-row-justify-content);
  justify-content: var(--popup-promotion-release-status-dialog-message-info-row-justify-content);
  border-bottom: none;
  border-bottom: var(--popup-promotion-release-status-dialog-message-first-line-border-bottom);
  padding-bottom: 12px
}

.el-message-box__wrapper .promotion-release-status-dialog .el-message-box__content .el-message-box__message p .last-line {
  border-top: none;
  border-top: var(--popup-promotion-release-status-dialog-message-last-line-border-top);
  padding-top: 12px
}

.el-message-box__wrapper .promotion-release-status-dialog .el-message-box__btns {
  display: none
}

.el-message-box__wrapper .promotion-release-status-dialog:before {
  display: block;
  display: var(--popup-promotion-release-status-dialog-light-display);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-image: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/dialog-light_38d34c8.webp);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  translate: 0 -100%
}

.el-message-box__wrapper .promotion-release-status-dialog:after {
  display: block;
  display: var(--popup-promotion-release-status-dialog-light-display);
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-image: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/dialog-light_38d34c8.webp);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  translate: 0 100%
}

.el-message-box__wrapper .promotion-release-status-dialog.success .el-message-box__header .el-message-box__title {
  color: #74da7f;
  color: var(--popup-promotion-release-status-success-title-color)
}

.el-message-box__wrapper .promotion-release-status-dialog.success .el-message-box__header .el-message-box__title:before {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/release-promotion-success_cf1d2b2.webp) no-repeat 50%/contain
}

.el-message-box__wrapper .promotion-release-status-dialog.success .el-message-box__content {
  display: none
}

@media only screen and (min-width:500px) and (max-width:1023px) and (orientation:landscape) {
  #__layout .publicDialog .release-promotion-dialog .game-nav-additional-modal-content-outer {
    height: 100%
  }

  .el-message-box__wrapper[\:has\(.promotion-release-status-dialog\)] {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .el-message-box__wrapper:has(.promotion-release-status-dialog) {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}

.promoteGameButton.wrapper {
  position: relative;
  cursor: pointer
}

.promoteGameButton.wrapper .reflective, .promoteGameButton.wrapper .rotate-reflective {
  position: absolute;
  width: 100%;
  height: 100%
}

.promoteGameButton.wrapper .rotate-reflective {
  z-index: 3;
  -webkit-animation: rotate 6s linear infinite;
  animation: rotate 6s linear infinite
}

.promoteGameButton.wrapper .reflective {
  z-index: 2
}

.promoteGameButton.wrapper .game-img {
  position: absolute;
  overflow: hidden
}

.promoteGameButton.wrapper .game-img img {
  width: 100%;
  height: 100%
}

.promoteGameButton.wrapper.circle {
  width: 100%;
  height: 100%;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/wrapper-bg_fb42160.webp) 50% no-repeat;
  background: var(--promoteGameButton-wrapper-bg);
  background-size: contain
}

.promoteGameButton.wrapper.circle .game-img {
  top: 16.65%;
  top: var(--game-img-top);
  left: 16.65%;
  left: var(--game-img-left);
  width: 66.6%;
  width: var(--game-img-width);
  height: 66.6%;
  height: var(--game-img-height);
  border-radius: 50%;
  border-radius: var(--game-img-border-radius)
}

.promoteGameButton.wrapper.circle .icon-tag-animate {
  top: -2px;
  top: var(--icon-tag-animate-top);
  left: -2px;
  left: var(--icon-tag-animate-left)
}

.promoteGameButton.wrapper.square {
  width: 60px;
  height: 60px
}

.promoteGameButton.wrapper.square .game-img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  border: 2px solid rgba(0, 0, 0, .3);
  background: rgba(0, 0, 0, .3)
}

.promoteGameButton.wrapper.square .game-img img {
  border-radius: 6px
}

.promoteGameButton.wrapper.square .icon-tag-animate {
  top: -10px;
  left: -10px
}

div.mobile-app .promoteGameButton.square {
  width: 16vmin;
  height: 16vmin
}

.animation-shiny {
  display: none;
  display: var(--animation-shiny-display);
  position: absolute;
  z-index: 16;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  border-radius: var(--backpack-card-box-radius-web);
  overflow: hidden;
  background-blend-mode: hard-light;
  mix-blend-mode: hard-light;
  opacity: .7;
  pointer-events: none
}

@media only screen and (max-width:600px) {
  .animation-shiny {
    border-radius: 10px;
    border-radius: var(--backpack-card-box-radius-mob)
  }
}

.animation-shiny:after {
  display: none;
  display: var(--animation-shiny-after-display);
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/glare_83e6dbf.webp) 50% no-repeat;
  background: var(--backpack-card-box-feature-rarity_sr-effect);
  background-size: cover;
  -webkit-animation-name: shine01;
  animation-name: shine01;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

@keyframes shine01 {
  0% {
    left: -100%
  }

  35% {
    left: -100%
  }

  70% {
    left: 100%
  }

  to {
    left: 200%
  }
}

.icon-tag-animate {
  position: absolute;
  z-index: 3
}

.icon-tag-animate.icon-hot {
  width: 54px;
  height: 27px
}

.icon-tag-animate.icon-new {
  width: 57px;
  height: 26px
}

.icon-tag-animate.icon-hot img, .icon-tag-animate.icon-new img {
  width: 100%;
  height: 100%
}

.cursor-pointer:hover {
  cursor: pointer
}

.nav-in-game.game-nav-wrap {
  width: 100%;
  height: 80px;
  position: relative;
  -webkit-transition: all .5s ease;
  transition: all .5s ease
}

.mobile-app .nav-in-game.game-nav-wrap {
  height: 10.6666666667vmin
}

.nav-in-game.game-nav-wrap.is-active {
  height: 212px
}

.mobile-app .nav-in-game.game-nav-wrap.is-active {
  height: 28.2666666667vmin
}

.nav-in-game.game-nav-wrap.is-active .game-nav-close-btn {
  position: fixed;
  top: 208px
}

.mobile-app .nav-in-game.game-nav-wrap.is-active .game-nav-close-btn {
  top: 27.7333333333vmin
}

.nav-in-game.game-nav-wrap.is-active .arrow {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.nav-in-game.game-nav-wrap:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: no-repeat top/100% 80% url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/bg01_756fbfa.webp), #a36d1d;
  background: var(--game-nav-wrap-before-bg);
  border-radius: 0 0 20px 20px
}

.nav-in-game .game-nav-header {
  height: 80px;
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/bg01_756fbfa.webp) no-repeat;
  background: var(--game-nav-header-bg);
  background-position: top;
  background-size: 100% 212%;
  padding: 0 20px
}

.mobile-app .nav-in-game .game-nav-header {
  height: 10.6666666667vmin
}

.nav-in-game .back-btn-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  grid-gap: 10px;
  gap: 10px
}

.nav-in-game .icon-fullscreen {
  width: 60px;
  height: 60px;
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0iI0VBQzQ1MiI+PHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik03IDE0SDV2NWg1di0ySDd2LTN6bS0yLTRoMlY3aDNWNUg1djV6bTEyIDdoLTN2Mmg1di01aC0ydjN6TTE0IDV2MmgzdjNoMlY1aC01eiIvPjwvc3ZnPgo=) no-repeat center;
  mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0iI0VBQzQ1MiI+PHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik03IDE0SDV2NWg1di0ySDd2LTN6bS0yLTRoMlY3aDNWNUg1djV6bTEyIDdoLTN2Mmg1di01aC0ydjN6TTE0IDV2MmgzdjNoMlY1aC01eiIvPjwvc3ZnPgo=) no-repeat center;
  background-size: contain;
  -webkit-mask-size: contain;
  mask-size: contain;
  background: #e7bc48;
  background: var(--game-nav-icon-fullscreen-bg);
  z-index: 1
}

.mobile-app .nav-in-game .icon-fullscreen {
  width: 8vmin;
  height: 8vmin
}

.nav-in-game .icon-exit-fullscreen {
  width: 60px;
  height: 60px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0iI0VBQzQ1MiI+PHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik01IDE2aDN2M2gydi01SDV2MnptMy04SDV2Mmg1VjVIOHYzem02IDExaDJ2LTNoM3YtMmgtNXY1em0yLTExVjVoLTJ2NWg1VjhoLTN6Ii8+PC9zdmc+Cg==) no-repeat 50%;
  background-size: contain;
  z-index: 1
}

.mobile-app .nav-in-game .icon-exit-fullscreen {
  width: 8vmin;
  height: 8vmin
}

.nav-in-game .back-btn {
  width: 60px;
  height: 60px;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/backHomeButton_1dad347.webp) no-repeat 50%;
  background: var(--game-nav-back-btn-bg);
  background-size: contain;
  z-index: 1
}

.mobile-app .nav-in-game .back-btn {
  width: 8vmin;
  height: 8vmin
}

.nav-in-game .username {
  font-size: 24px;
  color: #f9e836;
  color: var(--game-nav-username-color);
  text-shadow: 0 0 .5333333333vmin #000, 0 0 .5333333333vmin #000, 0 0 .5333333333vmin #2a0d00, 0 0 .5333333333vmin #2a0d00, 0 0 .5333333333vmin #2a0d00;
  text-shadow: var(--game-nav-username-text-shadow)
}

.mobile-app .nav-in-game .username {
  font-size: 3.2vmin
}

.nav-in-game .game-nav-close-btn {
  position: fixed;
  width: 168px;
  height: 48px;
  top: 80px;
  z-index: 1;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/closeButton_6109714.webp) no-repeat 50%;
  background: var(--game-nav-close-btn-bg);
  background-size: 100%;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  right: env(safe-area-inset-right);
  -webkit-transform: translateX(-12px);
  transform: translateX(-12px)
}

.mobile-app .nav-in-game .game-nav-close-btn {
  width: 22.4vmin;
  height: 6.4vmin;
  top: 10.6666666667vmin
}

.nav-in-game .arrow-wrap {
  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;
  align-self: center;
  grid-gap: 2px;
  gap: 2px
}

.nav-in-game .arrow-wrap .arrow {
  display: block;
  display: var(--game-nav-icon-arrow-display);
  width: 12px;
  height: 10px;
  margin: 0 auto;
  position: relative;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-animation: arrow 1s infinite;
  animation: arrow 1s infinite
}

.mobile-app .nav-in-game .arrow-wrap .arrow {
  width: 1.6vmin;
  height: 1.3333333333vmin
}

.nav-in-game .arrow-wrap .arrow:after, .nav-in-game .arrow-wrap .arrow:before {
  content: "";
  width: 100%;
  height: 4px;
  position: absolute;
  border-radius: 1em;
  background-color: #fed61c
}

.mobile-app .nav-in-game .arrow-wrap .arrow:after, .mobile-app .nav-in-game .arrow-wrap .arrow:before {
  height: .5333333333vmin
}

.nav-in-game .arrow-wrap .arrow:before {
  top: 0;
  left: 0
}

.nav-in-game .arrow-wrap .arrow:after {
  top: 4px;
  left: 4px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.mobile-app .nav-in-game .arrow-wrap .arrow:after {
  top: .5333333333vmin
}

.mobile-app .nav-in-game .arrow-wrap .arrow:after {
  left: .5333333333vmin
}

.nav-in-game .arrow-wrap .arrow:nth-child(2) {
  -webkit-animation-delay: .5s;
  animation-delay: .5s
}

.nav-in-game .arrow-wrap .arrow-bb8 {
  display: none;
  display: var(--game-nav-icon-arrow-bb8-display);
  width: 20px;
  height: 20px;
  background: url(data:image/webp;base64,UklGRs4BAABXRUJQVlA4TMEBAAAvY8AYEIegoG0bJvxJ920c5n/+BQIp3OAS0sCDwQEkSZLjNoMhiI3goP//XgucBVdHRPR/Aui/4dRe4B33IXIX4B385V74W+4DXBM/296F3cHBUsNu3ZItSAmVBdsrbWR8fTkMP/haN9onoAWpC5+HCaQEuCYUn42iAQx2ljpU20YSFUhxlQW6vEFZBxB2wxPKjba7EtCSj7qgPGk/iRakOMgT2sIfKKsBg41Sh36hz00PUk1ugf4gxakHCKvxhKGwBi8DoCedumB5k2o1gRSF/MK0k/I0AQZ/SB22Qtq8bLDq1r1gzGp0GwHCP3jCupFhtwJmK6W0uWAtZJnEzOtiE8qHqGTcjzDI/D2AsB2veIUc1nCdXM5gknzwisXktIZq5PYJJOQ3SRx2RDlMJdc9yEO+k4QQdkZXiELua4BBAac74Qi8vGUKWZ01Cvq4EoqalicOQ9lRo8DdzaTISZwIh6LspFDw7mJQ+NeBcDxedjcdsJp1OuI0knQGXjZMh7xNGh2zGwidM4na4oNQVqt01K406KzpVRE+DF1Lo9Bxq0KnA89Pkk7E68tFRy4fGh36ko1V6NzlEQBr1kSHZ/qHEwA=) no-repeat 50%;
  background-size: contain;
  margin-bottom: 10px;
  -webkit-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: all .5s ease;
  transition: all .5s ease
}

.mobile-app .nav-in-game .arrow-wrap .arrow-bb8 {
  width: 2.6666666667vmin;
  height: 2.6666666667vmin
}

@media only screen and (max-width:767px) {
  .nav-in-game .arrow-wrap .arrow-bb8 {
    margin-bottom: 1.3333333333vmin
  }
}

.nav-in-game .arrow-wrap .arrow-snb {
  display: none;
  display: var(--game-nav-icon-arrow-s40-display, none);
  height: 20px;
  background: url(data:image/webp;base64,UklGRkIDAABXRUJQVlA4TDYDAAAvY8AYEJVIchtJkqR8/XQy59tdme4RcW3Ae9/bIyQAAFg2UlLNZ9u2bftt27Zt27Zt/9m2bavKBNTDkTtGjTkzqrBlHAT1jx8qO7y0YwLcUKBZkzx3jSe/BOpme6bo5UOui9wvENqmC7rXqB+id2K6XWymDGzfq8VS+Cnr0NBtvS4wmYyLZx/Qbf2mnWGjvk8rNp9kIqq2aujTcmmfsLEvor3kPgtClL946DzW5Fv/obtXujXbSX0KJs7rhS7bdeuA7l/rlihuJ4cjMU9RB54oWyJan8vMBuPuJboDMcadYKMmolupRWQDUbdDExQqmdqJsgIT0mhveI2yE2IldqweMXWWxJOYbi320ByCmcv6oGAHd+xUsVIa1C3FmJ1MI7VQSUf7SXUDF003FNUGXGeZxNObFyhaC9+6elAuh3Urt3SXS6BhjxYoHGt9XacvM64x3n//g0E7KUFKJ3pFFlBidMd1a3OAVggL1/R3okr2FQlzMKNbuvE7dYmcJco704h5G4il5mdKG3SL9bk7yMd7TKe6SRhUfDSndP9aQf4ELfu1da5cxhsItx6b0z8+CSS6h5zx0jpZn7EbiCfnVVK3Lt+ctt5ym12SaLCzHT/whGKvMmtY/2lWqnlGlqBNUOUSurkCnG2VzVjuAnygmFbG6ptOLZfKhzsxG9qSGvHJ/8k8IBqiBGmbShHzGtQ23EQGTKpRKXg/kXPIYepR7TRS6dTAlrxMolN4jUzs/iT27HCoYv49ha+UNzC4yQYm0MizRkc6Nx7G6g2MT0fqcJ6STlAidA6mjHXNeEB78EMZMrPm/PZ1KFdQk9SPxoFkMahprcIMo0fsBub99HQYh2ETFRtlg/hNraY209AQWvjV3E+ujIC1sWZnIGsAr8lNVx9/aao41vwwh7OMmF8rpOZ3kluESyh+WlLkM6lF/uIS9BlXqyT3leDkji+jOKgKk0irFmr+T5B2wbVSQrdj8LbXWpnIC/GR4mLKOP0B6rjWahFOXkNbWuulKfGSh8QLKiHaLyhiUSu+g5bpPaVezAbWDDdOKuaGYZ/5bmDZVE11U7IyNUr8cfb3kKuVg+Ro06dJsoGHaAE=) no-repeat 50%;
  background-size: contain;
  width: 100%;
  margin-bottom: 10px;
  -webkit-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: all .5s ease;
  transition: all .5s ease
}

.mobile-app .nav-in-game .arrow-wrap .arrow-snb {
  height: 2.6666666667vmin
}

@media only screen and (max-width:767px) {
  .nav-in-game .arrow-wrap .arrow-snb {
    margin-bottom: 1.3333333333vmin
  }
}

.nav-in-game .logo-wrap {
  position: absolute;
  width: 208px;
  height: 56px;
  left: 50%;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  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;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/logoBg_e480ba6.webp) no-repeat;
  background: var(--game-nav-logo-wrap-bg);
  background-size: contain;
  background-position: 50%
}

.mobile-app .nav-in-game .logo-wrap {
  width: 27.7333333333vmin;
  height: 7.4666666667vmin
}

.nav-in-game .logo {
  width: 158px;
  height: 36px;
  height: var(--game-nav-logo-height-web);
  position: relative;
  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;
  grid-gap: 40px;
  gap: 40px
}

.mobile-app .nav-in-game .logo {
  grid-gap: 5.3333333333vmin;
  gap: 5.3333333333vmin
}

.nav-in-game .logo img {
  position: relative;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  aspect-ratio: auto
}

.nav-in-game .game-nav-bottom {
  height: 0;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  width: 100%;
  position: relative;
  overflow: hidden;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 36px
}

.mobile-app .nav-in-game .game-nav-bottom {
  padding: 0 4.8vmin
}

.nav-in-game .game-nav-bottom:before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 3px);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(198, 146, 56, .80784)), to(hsla(0, 0%, 100%, 0)));
  background: linear-gradient(0deg, rgba(198, 146, 56, .80784), hsla(0, 0%, 100%, 0));
  background: var(--game-nav-bottom-before-bg);
  z-index: 1;
  background-blend-mode: soft-light;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px)
}

.nav-in-game.is-active .game-nav-bottom {
  height: 132px
}

.mobile-app .nav-in-game.is-active .game-nav-bottom {
  height: 17.6vmin
}

.nav-in-game.is-active .game-nav-close-btn .arrow-bb8, .nav-in-game.is-active .game-nav-close-btn .arrow-snb {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.nav-in-game .top-border {
  width: 100%;
  height: 2px;
  position: absolute;
  top: 0;
  z-index: 1;
  background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), color-stop(51.5%, #fffea3), to(hsla(0, 0%, 100%, 0)));
  background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fffea3 51.5%, hsla(0, 0%, 100%, 0));
  background: var(--game-nav-top-border);
  background-repeat: no-repeat;
  -webkit-animation-name: backgroundGradient-right-x;
  animation-name: backgroundGradient-right-x;
  -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
  animation-direction: reverse;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease
}

.nav-in-game .bottom-border {
  width: 100%;
  height: 6px;
  position: absolute;
  bottom: 0;
  background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(103, 59, 0, 0)), color-stop(10%, rgba(103, 59, 0, .3)), color-stop(50%, #673b00), color-stop(90%, rgba(103, 59, 0, .3)), to(rgba(103, 59, 0, 0)));
  background: linear-gradient(90deg, rgba(103, 59, 0, 0), rgba(103, 59, 0, .3) 10%, #673b00 50%, rgba(103, 59, 0, .3) 90%, rgba(103, 59, 0, 0));
  background: var(--game-nav-bottom-border)
}

.nav-in-game .game-nav-bottom-inner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 1
}

.nav-in-game .game-nav-bottom-inner[\:has\(\:only-child\)] {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.nav-in-game .game-nav-bottom-inner:has(:only-child) {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.nav-in-game .left-operating-area {
  width: auto;
  height: auto;
  margin-right: 0;
  z-index: 1
}

.nav-in-game .left-operating-area[\:has\(.count\)] {
  -webkit-animation: scale 1.2s cubic-bezier(.68, -.55, .27, 1.55) infinite;
  animation: scale 1.2s cubic-bezier(.68, -.55, .27, 1.55) infinite
}

.nav-in-game .left-operating-area:has(.count) {
  -webkit-animation: scale 1.2s cubic-bezier(.68, -.55, .27, 1.55) infinite;
  animation: scale 1.2s cubic-bezier(.68, -.55, .27, 1.55) infinite
}

.nav-in-game .left-operating-area[\:not-has\(\%2B\%20.line\)] {
  margin-right: 8px
}

.nav-in-game .left-operating-area:not(:has(+.line)) {
  margin-right: 8px
}

.mobile-app .nav-in-game .left-operating-area[\:not-has\(\%2B\%20.line\)] {
  margin-right: 1.0666666667vmin
}

.mobile-app .nav-in-game .left-operating-area:not(:has(+.line)) {
  margin-right: 1.0666666667vmin
}

.nav-in-game .swiper-container {
  margin: 0
}

.nav-in-game .promote-game-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.nav-in-game .promote-game-wrapper .promoteGameButton {
  width: 100px;
  height: 100px;
  margin-right: 8px
}

.mobile-app .nav-in-game .promote-game-wrapper .promoteGameButton {
  width: 13.3333333333vmin;
  height: 13.3333333333vmin;
  margin-right: 1.0666666667vmin
}

.nav-in-game .line {
  min-width: 2px;
  min-height: 80px;
  min-width: 1px;
  background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), color-stop(51.5%, #fffea3), to(hsla(0, 0%, 100%, 0)));
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fffea3 51.5%, hsla(0, 0%, 100%, 0));
  background: var(--game-nav-bottom-line-bg);
  z-index: 1;
  margin: 0 36px
}

.mobile-app .nav-in-game .line {
  min-width: .2666666667vmin;
  min-height: 10.6666666667vmin;
  margin: 0 1.6vmin
}

.nav-in-game .operating-btn {
  width: 100px;
  height: 100px;
  margin-right: 12px;
  padding: 5px;
  padding: var(--game-nav-operating-btn-padding);
  position: relative;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/icon_0ba50a8.webp) no-repeat 50%;
  background: var(--game-nav-operating-btn-bg);
  background-size: 100% 100%
}

.mobile-app .nav-in-game .operating-btn {
  width: 13.3333333333vmin;
  height: 13.3333333333vmin;
  margin-right: 1.6vmin
}

.nav-in-game .operating-btn .btn-photo {
  width: 100%;
  height: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain
}

.nav-in-game .operating-btn .btn-photo.is-backpack {
  background-image: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/backpack_ba9c1fa.webp);
  background-image: var(--game-nav-operating-btn-backpack);
  background-size: contain;
  background-size: var(--game-nav-operating-btn-backpack-size)
}

.nav-in-game .operating-btn .btn-photo.is-deposit {
  background-image: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/deposit_0f5c856.webp);
  background-image: var(--game-nav-operating-btn-deposit)
}

.nav-in-game .operating-btn .item-name {
  width: 100%;
  color: #fffea3;
  color: var(--game-nav-operating-btn-item-name-color);
  font-weight: 500;
  text-shadow: -.8px -.8px 0 #4c000d, 0 -.8px 0 #4c000d, .8px -.8px 0 #4c000d, .8px 0 0 #4c000d, .8px .8px 0 #4c000d, 0 .8px 0 #4c000d, -.8px .8px 0 #4c000d, -.8px 0 0 #4c000d;
  text-shadow: -.8px -.8px 0 var(--game-nav-operating-btn-item-name-text-stroke), 0 -.8px 0 var(--game-nav-operating-btn-item-name-text-stroke), .8px -.8px 0 var(--game-nav-operating-btn-item-name-text-stroke), .8px 0 0 var(--game-nav-operating-btn-item-name-text-stroke), .8px .8px 0 var(--game-nav-operating-btn-item-name-text-stroke), 0 .8px 0 var(--game-nav-operating-btn-item-name-text-stroke), -.8px .8px 0 var(--game-nav-operating-btn-item-name-text-stroke), -.8px 0 0 var(--game-nav-operating-btn-item-name-text-stroke);
  font-size: 16px;
  position: absolute;
  bottom: 5px;
  right: 50%;
  -webkit-transform: translate(50%);
  transform: translate(50%);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  line-height: normal
}

.mobile-app .nav-in-game .operating-btn .item-name {
  font-size: 2.1333333333vmin
}

.nav-in-game .operating-btn .count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  height: 22px;
  line-height: 22px;
  width: auto;
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
  background: red;
  border-radius: 20px;
  text-align: center;
  padding: 0 4px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.mobile-app .nav-in-game .operating-btn .count {
  font-size: 2.1333333333vmin;
  height: 2.9333333333vmin;
  line-height: 2.9333333333vmin
}

.mobile-app .nav-in-game .game-nav-header {
  padding: 0 12px
}

.mobile-app .nav-in-game .logo {
  width: 20.8vmin;
  height: 4.8vmin;
  height: var(--game-nav-logo-height-mob)
}

.mobile-app .nav-in-game .logo img {
  aspect-ratio: auto
}

.nav-in-game .not-vip-transfer-cover {
  width: 100vw;
  height: calc(100vh - 80px);
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/not-vip-transfer-cover-web_0033b3a.webp) no-repeat 50%/cover;
  -webkit-transform: translateY(80px);
  transform: translateY(80px);
  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
}

.mobile-app .nav-in-game .not-vip-transfer-cover {
  height: calc(100vh - 40px);
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
  background-image: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/not-vip-transfer-cover-mob_c706467.webp)
}

@media screen and (max-width:932px) and (orientation:landscape) {
  .mobile-app .nav-in-game .not-vip-transfer-cover {
    background-image: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/not-vip-transfer-cover-web_0033b3a.webp)
  }
}

.nav-in-game .not-vip-transfer-cover .not-vip-transfer-cover-content {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  grid-gap: 20px;
  gap: 20px
}

.mobile-app .nav-in-game .not-vip-transfer-cover .not-vip-transfer-cover-content {
  grid-gap: 2.6666666667vmin;
  gap: 2.6666666667vmin
}

@media screen and (max-width:932px) and (orientation:landscape) {
  .nav-in-game .not-vip-transfer-cover .not-vip-transfer-cover-content {
    width: 100%
  }
}

.nav-in-game .not-vip-transfer-cover .not-vip-transfer-cover-content img.not-vip-transfer-cover-loading-icon {
  width: 200px;
  height: 200px
}

.mobile-app .nav-in-game .not-vip-transfer-cover .not-vip-transfer-cover-content img.not-vip-transfer-cover-loading-icon {
  width: 26.6666666667vmin;
  height: 26.6666666667vmin
}

.nav-in-game .not-vip-transfer-cover .not-vip-transfer-cover-content .not-vip-transfer-cover-description {
  width: 80%;
  text-align: center;
  color: #fffea3;
  font-size: 32px;
  font-weight: 700
}

.mobile-app .nav-in-game .not-vip-transfer-cover .not-vip-transfer-cover-content .not-vip-transfer-cover-description {
  font-size: 6.4vmin
}

.mobile-app .nav-in-game .not-vip-transfer-cover .not-vip-transfer-cover-content .not-vip-transfer-cover-description.is-zh {
  width: 40%
}

@media screen and (max-width:932px) and (orientation:landscape) {
  .mobile-app .nav-in-game .not-vip-transfer-cover .not-vip-transfer-cover-content .not-vip-transfer-cover-description {
    font-size: 24px
  }
}

@-webkit-keyframes arrow {
  0% {
    opacity: .3
  }

  33% {
    opacity: .2
  }

  33.3% {
    opacity: .3
  }

  66% {
    opacity: .3
  }

  66.6% {
    opacity: 1
  }

  to {
    opacity: 1
  }
}

@keyframes backgroundGradient-right-x {
  0% {
    right: 0;
    background-position: 0 0
  }

  50% {
    right: -100%;
    opacity: 1
  }

  51% {
    opacity: 0
  }

  to {
    opacity: 0
  }
}

@-webkit-keyframes backgroundGradient-right-y {
  0% {
    bottom: 0;
    background-position: 0 0
  }

  75% {
    bottom: -100%;
    opacity: 1
  }

  76% {
    opacity: 0
  }

  to {
    opacity: 0
  }
}

@keyframes backgroundGradient-right-y {
  0% {
    bottom: 0;
    background-position: 0 0
  }

  75% {
    bottom: -100%;
    opacity: 1
  }

  76% {
    opacity: 0
  }

  to {
    opacity: 0
  }
}

@-webkit-keyframes scale {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  50% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

.wrapper.open-game-turnover {
  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-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.wrapper.open-game-turnover .promoting {
  position: relative;
  z-index: 2;
  color: #f9e836;
  text-align: right;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px
}

.mobile-app .wrapper.open-game-turnover .promoting {
  font-size: 2.6666666667vmin;
  line-height: 4.2666666667vmin
}

.wrapper.open-game-turnover .promoting:before {
  content: attr(data-text);
  position: absolute;
  -webkit-text-stroke-color: #2a0d00;
  -webkit-text-stroke-width: 4px;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.mobile-app .wrapper.open-game-turnover .promoting:before {
  -webkit-text-stroke-width: .5333333333vmin
}

.wrapper.open-game-turnover .multiple-progress-wrapper {
  padding: 24px 40px 24px 24px;
  position: absolute;
  z-index: 100;
  bottom: -200px;
  right: -16px;
  width: 304px;
  border-radius: 16px;
  border: 1px solid #d29226;
  border: var(--progress-bar-multiple-progress-wrapper-border);
  background: -webkit-gradient(linear, left top, right top, from(#713a23), color-stop(100.01%, #96543d));
  background: linear-gradient(90deg, #713a23, #96543d 100.01%);
  background: var(--progress-bar-multiple-progress-wrapper-bg);
  -webkit-box-shadow: 0 0 4px 0 hsla(0, 0%, 100%, .8) inset, 0 0 4px 0 hsla(0, 0%, 100%, .8) inset, 0 2px 5px 0 rgba(59, 18, 6, .3);
  box-shadow: inset 0 0 4px 0 hsla(0, 0%, 100%, .8), inset 0 0 4px 0 hsla(0, 0%, 100%, .8), 0 2px 5px 0 rgba(59, 18, 6, .3);
  -webkit-box-shadow: var(--progress-bar-multiple-progress-wrapper-box-shadow);
  box-shadow: var(--progress-bar-multiple-progress-wrapper-box-shadow);
  -webkit-transition: -webkit-transform .3s ease-in-out;
  transition: -webkit-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
  translate: 0 100%;
  -webkit-transform: translateX(115%);
  transform: translateX(115%)
}

.mobile-app .wrapper.open-game-turnover .multiple-progress-wrapper {
  padding: 3.2vmin;
  padding-right: 5.3333333333vmin;
  bottom: -26.6666666667vmin;
  right: -2.1333333333vmin;
  width: 40.5333333333vmin;
  border-radius: 2.1333333333vmin
}

[dir=rtl] .wrapper.open-game-turnover .multiple-progress-wrapper {
  right: auto;
  left: -16px;
  -webkit-transform: translateX(-115%);
  transform: translateX(-115%)
}

[dir=rtl] .mobile-app .wrapper.open-game-turnover .multiple-progress-wrapper {
  left: -2.1333333333vmin
}

.wrapper.open-game-turnover .multiple-progress-wrapper.isMultipleProgressWrapperDisplay {
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.wrapper.open-game-turnover .multiple-progress-wrapper .tip {
  font-size: 20px;
  line-height: 24px;
  color: #fff;
  margin-bottom: 24px
}

.mobile-app .wrapper.open-game-turnover .multiple-progress-wrapper .tip {
  font-size: 2.6666666667vmin;
  line-height: 3.2vmin;
  margin-bottom: 3.2vmin
}

.wrapper.open-game-turnover .multiple-progress-wrapper .multiple-progress-wrapper-close-btn {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/closeButton_6109714.webp) no-repeat 50%;
  background: var(--progress-bar-multiple-progress-wrapper-close-btn-bg);
  background-size: 100%;
  background-size: var(--progress-bar-multiple-progress-wrapper-close-btn-bg-size);
  width: 130px;
  width: var(--progress-bar-multiple-progress-wrapper-close-btn-width-web);
  height: 37px;
  height: var(--progress-bar-multiple-progress-wrapper-close-btn-height-web);
  position: absolute;
  top: 50%;
  left: -84px;
  left: var(--progress-bar-multiple-progress-wrapper-close-btn-left-web);
  rotate: 90deg;
  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;
  translate: 0 -50%;
  cursor: pointer
}

[dir=rtl] .wrapper.open-game-turnover .multiple-progress-wrapper .multiple-progress-wrapper-close-btn {
  left: auto;
  right: -84px;
  right: var(--progress-bar-multiple-progress-wrapper-close-btn-left-web)
}

[dir=rtl] .wrapper.open-game-turnover .multiple-progress-wrapper .multiple-progress-wrapper-close-btn {
  rotate: 270deg
}

.mobile-app .wrapper.open-game-turnover .multiple-progress-wrapper .multiple-progress-wrapper-close-btn {
  width: 22.4vmin;
  width: var(--progress-bar-multiple-progress-wrapper-close-btn-width-mob);
  height: 6.4vmin;
  height: var(--progress-bar-multiple-progress-wrapper-close-btn-height-mob);
  left: -14.5vmin;
  left: var(--progress-bar-multiple-progress-wrapper-close-btn-left-mob)
}

[dir=rtl] .mobile-app .wrapper.open-game-turnover .multiple-progress-wrapper .multiple-progress-wrapper-close-btn {
  left: auto;
  right: -14.5vmin;
  right: var(--progress-bar-multiple-progress-wrapper-close-btn-left-mob)
}

.wrapper.open-game-turnover .multiple-progress-wrapper .multiple-progress-wrapper-close-btn .arrow-wrap {
  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;
  align-self: center;
  grid-gap: 2px;
  gap: 2px;
  cursor: pointer;
  rotate: 180deg
}

.wrapper.open-game-turnover .multiple-progress-wrapper .multiple-progress-wrapper-close-btn .arrow-wrap .arrow {
  width: 12px;
  height: 10px;
  margin: 0 auto;
  position: relative;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-animation: arrow 1s infinite;
  animation: arrow 1s infinite
}

.mobile-app .wrapper.open-game-turnover .multiple-progress-wrapper .multiple-progress-wrapper-close-btn .arrow-wrap .arrow {
  width: 1.6vmin;
  height: 1.3333333333vmin
}

.wrapper.open-game-turnover .multiple-progress-wrapper .multiple-progress-wrapper-close-btn .arrow-wrap .arrow:after, .wrapper.open-game-turnover .multiple-progress-wrapper .multiple-progress-wrapper-close-btn .arrow-wrap .arrow:before {
  content: "";
  width: 100%;
  height: 4px;
  position: absolute;
  border-radius: 1em;
  background-color: #fed61c
}

.mobile-app .wrapper.open-game-turnover .multiple-progress-wrapper .multiple-progress-wrapper-close-btn .arrow-wrap .arrow:after, .mobile-app .wrapper.open-game-turnover .multiple-progress-wrapper .multiple-progress-wrapper-close-btn .arrow-wrap .arrow:before {
  height: .5333333333vmin
}

.wrapper.open-game-turnover .multiple-progress-wrapper .multiple-progress-wrapper-close-btn .arrow-wrap .arrow:before {
  top: 0;
  left: 0
}

.wrapper.open-game-turnover .multiple-progress-wrapper .multiple-progress-wrapper-close-btn .arrow-wrap .arrow:after {
  top: 4px;
  left: 4px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.mobile-app .wrapper.open-game-turnover .multiple-progress-wrapper .multiple-progress-wrapper-close-btn .arrow-wrap .arrow:after {
  top: .5333333333vmin
}

.mobile-app .wrapper.open-game-turnover .multiple-progress-wrapper .multiple-progress-wrapper-close-btn .arrow-wrap .arrow:after {
  left: .5333333333vmin
}

.wrapper.open-game-turnover .multiple-progress-wrapper .multiple-progress-wrapper-close-btn .arrow-wrap .arrow-bb8, .wrapper.open-game-turnover .multiple-progress-wrapper .multiple-progress-wrapper-close-btn .arrow-wrap .arrow-snb {
  width: 32px;
  height: 32px;
  margin-bottom: 0
}

.wrapper.open-game-turnover .multiple-progress-wrapper .multiple-progress-wrapper-close-btn .arrow-wrap .arrow:nth-child(2) {
  -webkit-animation-delay: .5s;
  animation-delay: .5s
}

.wrapper.open-game-turnover.isHorizontalApp .multiple-progress-wrapper.isMultipleProgressWrapperDisplay {
  right: 0;
  display: block
}

.mobile-app .wrapper.open-game-turnover.isHorizontalApp .multiple-progress-wrapper.isMultipleProgressWrapperDisplay {
  right: 0
}

.wrapper.open-game-turnover .release-promotion-wrapper {
  position: relative
}

.wrapper.open-game-turnover .release-promotion-wrapper .release-promotion-btn {
  position: relative;
  z-index: 2;
  border: 2px solid #fef7d0;
  border: var(--open-game-turnover-release-promotion-btn-border-web);
  height: 56px;
  border-radius: 9.06px;
  padding: 14px 22px;
  background: -webkit-gradient(linear, left top, left bottom, from(#f3d920), to(#ff751c));
  background: linear-gradient(180deg, #f3d920, #ff751c);
  background: var(--open-game-turnover-release-promotion-btn-bg);
  -webkit-box-shadow: 0 1.277px 2.553px 0 rgba(0, 0, 0, .14), 0 2.553px 3.191px 0 rgba(0, 0, 0, .12), 0 .638px 6.383px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 1.277px 2.553px 0 rgba(0, 0, 0, .14), 0 2.553px 3.191px 0 rgba(0, 0, 0, .12), 0 .638px 6.383px 0 rgba(0, 0, 0, .2);
  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
}

.mobile-app .wrapper.open-game-turnover .release-promotion-wrapper .release-promotion-btn {
  height: 7.4666666667vmin;
  border-radius: 1.208vmin;
  border: 1px solid #fef7d0;
  border: var(--open-game-turnover-release-promotion-btn-border-mob);
  padding: 7px 11px;
  max-width: 24vmin
}

.wrapper.open-game-turnover .release-promotion-wrapper .release-promotion-btn:after {
  content: "";
  position: absolute;
  display: block;
  display: var(--open-game-turnover-release-promotion-btn-after-display);
  z-index: 3;
  right: 0;
  bottom: 0;
  opacity: .5;
  width: 100%;
  height: 50%;
  background: #a55409;
  border-radius: 0 0 9.06px 9.06px
}

.mobile-app .wrapper.open-game-turnover .release-promotion-wrapper .release-promotion-btn:after {
  border-radius: 0 0 4.53px 4.53px
}

.wrapper.open-game-turnover .release-promotion-wrapper .release-promotion-btn span {
  position: relative;
  z-index: 4;
  color: #fff;
  text-align: center;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: normal
}

.mobile-app .wrapper.open-game-turnover .release-promotion-wrapper .release-promotion-btn span {
  font-size: 2.6666666667vmin
}

.wrapper.open-game-turnover .release-promotion-wrapper .release-promotion-btn span:before {
  display: block;
  display: var(--open-game-turnover-release-promotion-btn-span-before-display);
  content: attr(data-text);
  position: absolute;
  -webkit-text-stroke-color: #96543d;
  -webkit-text-stroke-width: 4px;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-filter: drop-shadow(1px 0 2px rgba(0, 0, 0, .35)) drop-shadow(0 1px 2px rgba(0, 0, 0, .24)) drop-shadow(0 1px 1px rgba(0, 0, 0, .22)) drop-shadow(0 1px 2px rgba(0, 0, 0, .2));
  filter: drop-shadow(1px 0 2px rgba(0, 0, 0, .35)) drop-shadow(0 1px 2px rgba(0, 0, 0, .24)) drop-shadow(0 1px 1px rgba(0, 0, 0, .22)) drop-shadow(0 1px 2px rgba(0, 0, 0, .2))
}

.mobile-app .wrapper.open-game-turnover .release-promotion-wrapper .release-promotion-btn span:before {
  -webkit-text-stroke-width: .5333333333vmin
}

.wrapper.open-game-turnover .release-promotion-wrapper .release-promotion-btn.is-disabled {
  opacity: .5;
  border: 1px solid #696868;
  background: -webkit-gradient(linear, left top, left bottom, from(#bfbfbf), to(#848383));
  background: linear-gradient(180deg, #bfbfbf, #848383);
  -webkit-box-shadow: 0 1.277px 2.553px 0 rgba(0, 0, 0, .14), 0 2.553px 3.191px 0 rgba(0, 0, 0, .12), 0 .638px 6.383px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 1.277px 2.553px 0 rgba(0, 0, 0, .14), 0 2.553px 3.191px 0 rgba(0, 0, 0, .12), 0 .638px 6.383px 0 rgba(0, 0, 0, .2)
}

.wrapper.open-game-turnover .release-promotion-wrapper .release-promotion-btn.is-disabled span {
  color: #e2e1e1
}

.wrapper.open-game-turnover .release-promotion-wrapper .release-promotion-btn.is-disabled span:before {
  -webkit-text-stroke-color: #868686
}

.wrapper.open-game-turnover .release-promotion-wrapper .release-promotion-btn.is-disabled:after {
  opacity: .5;
  background: #696868
}

.wrapper.open-game-turnover .release-promotion-wrapper .release-promotion-btn.is-disabled+.release-promotion-btn-shadow {
  border: 1px solid #696868;
  background: #8a8a8a;
  -webkit-box-shadow: 0 1.277px 2.553px 0 rgba(0, 0, 0, .14), 0 2.553px 3.191px 0 rgba(0, 0, 0, .12), 0 .638px 6.383px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 1.277px 2.553px 0 rgba(0, 0, 0, .14), 0 2.553px 3.191px 0 rgba(0, 0, 0, .12), 0 .638px 6.383px 0 rgba(0, 0, 0, .2)
}

.wrapper.open-game-turnover .release-promotion-wrapper .release-promotion-btn.is-debouncing+.release-promotion-btn-shadow {
  opacity: .6;
  -webkit-filter: contrast(.8);
  filter: contrast(.8);
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: not-allowed
}

.wrapper.open-game-turnover .release-promotion-wrapper .release-promotion-btn-shadow {
  position: absolute;
  display: block;
  z-index: 1;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #e88830;
  border-radius: 10.212px;
  -webkit-box-shadow: 1.5px 0 12px 0 #fffbb3;
  box-shadow: 1.5px 0 12px 0 #fffbb3;
  translate: 0 3px
}

.mobile-app .wrapper.open-game-turnover .release-promotion-wrapper .release-promotion-btn-shadow {
  border-radius: 1.3616vmin;
  translate: 0 1.5px
}

.wrapper.open-game-turnover .release-promotion-wrapper .release-promotion-btn-shadow.is-disabled {
  cursor: not-allowed;
  opacity: .5;
  background: #8a8a8a;
  -webkit-box-shadow: 0 1.277px 2.553px 0 rgba(0, 0, 0, .14), 0 2.553px 3.191px 0 rgba(0, 0, 0, .12), 0 .638px 6.383px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 1.277px 2.553px 0 rgba(0, 0, 0, .14), 0 2.553px 3.191px 0 rgba(0, 0, 0, .12), 0 .638px 6.383px 0 rgba(0, 0, 0, .2)
}

.wrapper.open-game-turnover .release-promotion-wrapper .des.in-game {
  left: 80%
}

@keyframes arrow {
  0% {
    opacity: .3
  }

  33% {
    opacity: .2
  }

  33.3% {
    opacity: .3
  }

  66% {
    opacity: .3
  }

  66.6% {
    opacity: 1
  }

  to {
    opacity: 1
  }
}

.wrapper.progress-bar-in-game {
  z-index: 2;
  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-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.wrapper.progress-bar-in-game.subProgress:not(:last-child) {
  margin-bottom: 24px
}

.mobile-app .wrapper.progress-bar-in-game.subProgress:not(:last-child) {
  margin-bottom: 3.2vmin
}

.wrapper.progress-bar-in-game.subProgress .title {
  width: 236px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.mobile-app .wrapper.progress-bar-in-game.subProgress .title {
  width: 31.4666666667vmin
}

[dir=rtl] .wrapper.progress-bar-in-game.subProgress .title {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

.wrapper.progress-bar-in-game.subProgress .title .progress-title {
  color: #fff;
  color: var(--progress-bar-sub-progress-title-color);
  font-size: 20px;
  line-height: 30px;
  text-align: left
}

.mobile-app .wrapper.progress-bar-in-game.subProgress .title .progress-title {
  font-size: 2.6666666667vmin;
  line-height: 4vmin
}

[dir=rtl] .wrapper.progress-bar-in-game.subProgress .title .progress-title {
  text-align: right
}

.wrapper.progress-bar-in-game.subProgress .title .progress-title:before {
  -webkit-text-stroke-color: #4c000d
}

.wrapper.progress-bar-in-game.subProgress .title .info-wrap .des.in-game {
  background: rgba(68, 32, 5, .9);
  background: var(--progress-bar-sub-progress-des-bg);
  border: 1px solid #c2701b;
  border: var(--progress-bar-sub-progress-des-border);
  -webkit-box-shadow: none;
  box-shadow: none
}

[dir=rtl] .wrapper.progress-bar-in-game.subProgress .title .info-wrap .des.in-game {
  left: 240px
}

[dir=rtl] .mobile-app .wrapper.progress-bar-in-game.subProgress .title .info-wrap .des.in-game {
  left: 110px
}

.wrapper.progress-bar-in-game.subProgress .title .info-wrap .des.in-game:before {
  background: url(data:image/webp;base64,UklGRvoAAABXRUJQVlA4WAoAAAAQAAAADwAACQAAQUxQSE8AAAABYBQAICMRRBBBBBFE0EAUEUQRQQSvdXvvu9ceBSJCYdo2THZ7CviTFF0DqUVfgudlKy+A9RTsej6g2EprC3UyMYO31k7s9F0Sa60NZjcAAFZQOCCEAAAAsAIAnQEqEAAKAAFAJiWwAnS6AH4LAyWPHj5gWcVAAP4RLu4wsxUIWB2cz7PkeyOJLKxmu/23Vxv2cUg7/s0GpVG55f3iysO/sVZzo/BecNDyt+/cyj0ear6Vcmczh6ImPafthJMpkF3v0NuYd7vczZLOe9J/b9SnfW96eARjcI/1AAAA);
  background: var(--progress-bar-sub-progress-des-before-bg);
  background-size: 100%
}

.wrapper.progress-bar-in-game.subProgress .progress-wrapper .el-progress .el-progress-bar__outer {
  width: 236px;
  height: 36px !important;
  background-color: #451500;
  background-color: var(--progress-bar-sub-progress-progress-bar-outer-bg)
}

.mobile-app .wrapper.progress-bar-in-game.subProgress .progress-wrapper .el-progress .el-progress-bar__outer {
  width: 31.4666666667vmin;
  height: 18px !important
}

.wrapper.progress-bar-in-game.subProgress .progress-wrapper .el-progress .el-progress-bar__inner {
  border-color: #2a0d00;
  border-color: var(--progress-bar-progress-bar-inner-border)
}

.wrapper.progress-bar-in-game.subProgress .progress-wrapper .el-progress.balance:before, .wrapper.progress-bar-in-game.subProgress .progress-wrapper .el-progress.netWin:before, .wrapper.progress-bar-in-game.subProgress .progress-wrapper .el-progress.turnover:before {
  content: "";
  position: absolute;
  top: 0;
  left: -7px;
  width: 40px;
  height: 40px;
  z-index: 1
}

[dir=rtl] .wrapper.progress-bar-in-game.subProgress .progress-wrapper .el-progress.balance:before, [dir=rtl] .wrapper.progress-bar-in-game.subProgress .progress-wrapper .el-progress.netWin:before, [dir=rtl] .wrapper.progress-bar-in-game.subProgress .progress-wrapper .el-progress.turnover:before {
  left: auto;
  right: -7px
}

.mobile-app .wrapper.progress-bar-in-game.subProgress .progress-wrapper .el-progress.balance:before, .mobile-app .wrapper.progress-bar-in-game.subProgress .progress-wrapper .el-progress.netWin:before, .mobile-app .wrapper.progress-bar-in-game.subProgress .progress-wrapper .el-progress.turnover:before {
  width: 5.3333333333vmin
}

.mobile-app .wrapper.progress-bar-in-game.subProgress .progress-wrapper .el-progress.balance:before, .mobile-app .wrapper.progress-bar-in-game.subProgress .progress-wrapper .el-progress.netWin:before, .mobile-app .wrapper.progress-bar-in-game.subProgress .progress-wrapper .el-progress.turnover:before {
  height: 5.3333333333vmin
}

.wrapper.progress-bar-in-game.subProgress .progress-wrapper .el-progress.turnover:before {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/turnover-progress-bar-prefix_5da0764.webp) no-repeat 50%/contain
}

.wrapper.progress-bar-in-game.subProgress .progress-wrapper .el-progress.netWin:before {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/netWin-progress-bar-prefix_be2a465.webp) no-repeat 50%/contain
}

.wrapper.progress-bar-in-game.subProgress .progress-wrapper .el-progress.balance:before {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/balance-progress-bar-prefix_4f247d9.webp) no-repeat 50%/contain
}

.wrapper.progress-bar-in-game .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 8px;
  gap: 8px
}

.mobile-app .wrapper.progress-bar-in-game .title {
  grid-gap: 1.0666666667vmin;
  gap: 1.0666666667vmin
}

.wrapper.progress-bar-in-game .title .info-wrap {
  position: relative
}

.wrapper.progress-bar-in-game .title .info-wrap img {
  width: 20px;
  height: 20px;
  cursor: pointer
}

.mobile-app .wrapper.progress-bar-in-game .title .info-wrap img {
  width: 2.6666666667vmin;
  height: 2.6666666667vmin
}

.wrapper.progress-bar-in-game .title .info-wrap .img-wrap {
  width: 20px;
  height: 20px;
  cursor: pointer;
  background: url(data:image/webp;base64,UklGRlgCAABXRUJQVlA4WAoAAAAQAAAAGgAAGgAAQUxQSOIAAAABgFzb2rHnfvht+/9j1pCRjcpsO11wpJFVAmd/nHx+viepICImAP9TDmVLpVxYtidEuhfPXhTl9Xy6MyTQnH3nCvGwz0UJjrwr5NeJmGARXFBs78TNPJMK45THILS/c7z2iQD8uwrreQxAq0I8OiUonSLkJYryRVl3InhGIt9FkSlzPVeipLA3ofgXmQeu12qEr7juw5CWuZZcQAvXkAgEL3gOIgCE7leO92ERAFxjHBNBmEZ37M2HYRmdeKWVR8Mgunt2KRddXpDFZPfC3auivNxsdURE2BVc8fqm5pq4S4QlVlA4IFABAADwBwCdASobABsAPpE6l0eloyIhMBgMALASCWwAnS/Cpj+JmOo3aYYKY/4/Xqvoqh2UMF+SeJSBqyl6LwHZEJKJypWGN1KEWKAA/vd7fGod54iNO8mgtzh+BNPFecytoQyJUeoknfqiPDLa/iZ7HChnqMT4WPMtSGaCNbO97z5Pfj/VNsgFilSxD/vnQ5lYv/4hL2smXyp3S263+/zJobKg2E+y1nGneILwKf/P/9htURNLMa5WLHcB66T+5It4sso7BNbU1nGpsVsVWIkhH1HX2+07qVJz8jBPiWq5DpZU3JjX5XuiU/E+JBq7fuIUw1jq+GFU5FZ9019SHDgTb24tOT5B/vkxfhKR0FhdZRlWZ+sVJ9dt0omb0B9mDkLKlCjVREgy9iNJo/gQCK3yrsZDuvi42SJ7v85yfcA3BN9VCdkDhLMDXVbJH0fssMnAAAA=) 50%/contain;
  background: var(--progress-bar-progress-title-info-wrap-icon-bg);
  background-repeat: no-repeat
}

.mobile-app .wrapper.progress-bar-in-game .title .info-wrap .img-wrap {
  width: 2.6666666667vmin;
  height: 2.6666666667vmin
}

.wrapper.progress-bar-in-game .title .progress-title {
  position: relative;
  z-index: 1;
  color: #f9e836;
  color: var(--progress-bar-progress-title-color);
  text-align: left;
  font-family: Poppins;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px
}

.mobile-app .wrapper.progress-bar-in-game .title .progress-title {
  font-size: 3.2vmin;
  line-height: 4.2666666667vmin
}

.wrapper.progress-bar-in-game .title .progress-title:before {
  display: block;
  display: var(--progress-bar-sub-progress-title-before-display);
  content: attr(data-text);
  position: absolute;
  -webkit-text-stroke-color: #2a0d00;
  -webkit-text-stroke-width: 4px;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.mobile-app .wrapper.progress-bar-in-game .title .progress-title:before {
  -webkit-text-stroke-width: .5333333333vmin
}

.wrapper.progress-bar-in-game .progress-wrapper {
  position: relative
}

[dir=rtl] .wrapper.progress-bar-in-game .progress-wrapper {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}

.wrapper.progress-bar-in-game .progress-wrapper .el-progress {
  width: 100%
}

.wrapper.progress-bar-in-game .progress-wrapper .el-progress .el-progress-bar__inner {
  min-width: 36px;
  background: -webkit-gradient(linear, left top, right top, color-stop(.01%, #f249d3), to(#fff26b));
  background: linear-gradient(90deg, #f249d3 .01%, #fff26b);
  border: solid;
  border-color: #2a0d00;
  border-color: var(--progress-bar-progress-bar-inner-border);
  background-clip: padding-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-width: 4px
}

.mobile-app .wrapper.progress-bar-in-game .progress-wrapper .el-progress .el-progress-bar__inner {
  min-width: 4.8vmin;
  border-width: .5333333333vmin
}

.wrapper.progress-bar-in-game .progress-wrapper .el-progress .el-progress-bar__outer {
  width: 200px;
  height: 36px !important;
  background-color: #2a0d00;
  background-color: var(--progress-bar-progress-bar-outer-bg)
}

.mobile-app .wrapper.progress-bar-in-game .progress-wrapper .el-progress .el-progress-bar__outer {
  width: 26.6666666667vmin;
  height: 18px !important
}

.wrapper.progress-bar-in-game .progress-wrapper .el-progress.turnover .el-progress-bar__inner {
  background: -webkit-gradient(linear, left top, right top, color-stop(.01%, #f44), to(#fff26b));
  background: linear-gradient(90deg, #f44 .01%, #fff26b)
}

.wrapper.progress-bar-in-game .progress-wrapper .el-progress.netWin .el-progress-bar__inner {
  background: -webkit-gradient(linear, left top, right top, color-stop(.01%, #44c7ff), to(#fff26b));
  background: linear-gradient(90deg, #44c7ff .01%, #fff26b)
}

.wrapper.progress-bar-in-game .progress-wrapper .el-progress.balance .el-progress-bar__inner {
  background: -webkit-gradient(linear, left top, right top, color-stop(.01%, #ff8100), to(#fff26b));
  background: linear-gradient(90deg, #ff8100 .01%, #fff26b)
}

.wrapper.progress-bar-in-game .progress-wrapper .progress-inner-text {
  position: absolute;
  z-index: 1;
  top: 4px;
  right: 8px;
  color: #fff;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal
}

.mobile-app .wrapper.progress-bar-in-game .progress-wrapper .progress-inner-text {
  top: .5333333333vmin;
  right: 1.0666666667vmin;
  font-size: 2.6666666667vmin
}

[dir=rtl] .wrapper.progress-bar-in-game .progress-wrapper .progress-inner-text {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}

.wrapper.progress-bar-in-game .progress-wrapper .progress-inner-text:before {
  content: attr(data-text);
  position: absolute;
  -webkit-text-stroke-color: #4c000d;
  -webkit-text-stroke-color: var(--progress-bar-progress-inner-text-before-color);
  -webkit-text-stroke-width: 4px;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.mobile-app .wrapper.progress-bar-in-game .progress-wrapper .progress-inner-text:before {
  -webkit-text-stroke-width: .5333333333vmin
}

.mobile-app .wrapper.progress-bar-in-game .turnover .progress-title {
  color: #f9e836;
  text-shadow: 0 0 .5333333333vmin #000, 0 0 .5333333333vmin #000, 0 0 .5333333333vmin #2a0d00, 0 0 .5333333333vmin #2a0d00, 0 0 .5333333333vmin #2a0d00
}

.mobile-app .wrapper.progress-bar-in-game .turnover .title .info-wrap .des.in-game {
  padding: 1.0666666667vmin 2.1333333333vmin;
  translate: calc(-100% + 2.13333vmin) calc(100% + 1.33333vmin)
}

.mobile-app .wrapper.progress-bar-in-game .turnover .title .info-wrap .des.in-game:before {
  right: 0
}

.mobile-app .wrapper.open-game-turnover .multiple-progress-wrapper .multiple-progress-wrapper-close-btn .arrow-wrap .arrow-bb8, .mobile-app .wrapper.open-game-turnover .multiple-progress-wrapper .multiple-progress-wrapper-close-btn .arrow-wrap .arrow-snb {
  width: 3.4666666667vmin;
  height: 3.4666666667vmin
}

.des.in-game {
  position: absolute;
  left: 0;
  translate: calc(-100% + 20px) calc(100% + 10px);
  bottom: 0;
  color: #fff;
  font-size: 20px;
  line-height: 20px;
  border-radius: 16px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 264px;
  padding: 12px 16px;
  border: 1px solid #d29226;
  border: var(--progress-bar-progress-des-border);
  background: -webkit-gradient(linear, left top, right top, from(#713a23), color-stop(100.01%, #96543d));
  background: linear-gradient(90deg, #713a23, #96543d 100.01%);
  background: var(--progress-bar-progress-des-bg);
  -webkit-box-shadow: 0 0 4px 0 hsla(0, 0%, 100%, .8) inset, 0 0 4px 0 hsla(0, 0%, 100%, .8) inset, 0 2px 5px 0 rgba(59, 18, 6, .3);
  box-shadow: inset 0 0 4px 0 hsla(0, 0%, 100%, .8), inset 0 0 4px 0 hsla(0, 0%, 100%, .8), 0 2px 5px 0 rgba(59, 18, 6, .3);
  z-index: 2
}

.mobile-app .des.in-game {
  font-size: 2.6666666667vmin;
  line-height: 2.6666666667vmin;
  border-radius: 2.1333333333vmin;
  max-width: 35.2vmin
}

[dir=rtl] .des.in-game {
  left: 207px
}

.mobile-app .des.in-game {
  padding: 6px 8px
}

[dir=rtl] .mobile-app .des.in-game {
  left: 100px
}

.des.in-game:before {
  content: "";
  position: absolute;
  top: -11px;
  right: 11px;
  display: block;
  width: 16px;
  height: 10px;
  background: url(data:image/webp;base64,UklGRuQAAABXRUJQVlA4WAoAAAAQAAAADwAACQAAQUxQSEoAAAABf2CQbaR7givC+XM+RERkvM7QA6PatpWc9WeGRCAKEWhCBgp5GGK8Ke7aIKL/E8C/ibqIBnvRrvrUyKqAbF1zIJ6WNYWwE1kcAFZQOCB0AAAAsAIAnQEqEAAKAAFAJiWwAnS6AH4WgxYrj+1Sw8AAAP7zdNaB6VDvoYqnP0h0d9iMU5N8D2nu9Bf74p2SWjDCCEmXZf9irOdA7PkFcrfldPWfzbSJqkOcvU/NzndkscsYP9BwuJ2DR3TTYqml5eobAYcAAAA=);
  background: var(--progress-bar-progress-des-before-bg);
  background-size: 100%
}

[dir=rtl] .des.in-game:before {
  right: auto;
  left: 11px
}

[dir=rtl] .des.in-game:before {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}

@media only screen and (min-width:500px) and (max-width:1023px) and (orientation:landscape) {
  .mobile-app .game-nav-wrap.nav-in-game {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .mobile-app .game-nav-wrap.nav-in-game:before {
    border-radius: 0 12px 12px 0;
    background: no-repeat 0/80% 100% url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/bg01-landscape_116e722.webp), #a36d1d;
    background: var(--game-nav-wrap-before-bg-landscape)
  }

  .mobile-app .game-nav-wrap.nav-in-game.is-active {
    height: 100vh
  }

  .mobile-app .game-nav-wrap.nav-in-game.is-active .game-nav-header .logo-wrap .logo {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
  }

  .mobile-app .game-nav-wrap.nav-in-game.is-active .game-nav-bottom {
    width: 66px
  }

  .mobile-app .game-nav-wrap.nav-in-game.is-demo .logo-wrap {
    display: none
  }

  .mobile-app .game-nav-wrap.nav-in-game .game-nav-header {
    width: 42px;
    height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    grid-gap: 10px;
    gap: 10px;
    padding: 16px 0;
    background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/bg01-landscape_116e722.webp) no-repeat 0/cover;
    background: var(--game-nav-header-bg-landscape)
  }

  .mobile-app .game-nav-wrap.nav-in-game .game-nav-header .back-btn-wrapper {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .mobile-app .game-nav-wrap.nav-in-game .game-nav-header .username {
    position: relative;
    width: 30px;
    height: 30px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    color: transparent;
    text-shadow: none;
    background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/icon-username_609abf5.webp) no-repeat 50%/contain
  }

  .mobile-app .game-nav-wrap.nav-in-game .game-nav-header .username .des.in-game {
    translate: unset;
    bottom: -24px;
    left: 17px
  }

  .mobile-app .game-nav-wrap.nav-in-game .game-nav-header .username .des.in-game:before {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    right: auto;
    left: 10px
  }

  .mobile-app .game-nav-wrap.nav-in-game .game-nav-header .logo-wrap {
    position: relative;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    background: none;
    width: 100%;
    height: 30px
  }

  .mobile-app .game-nav-wrap.nav-in-game .game-nav-header .logo-wrap .logo {
    width: 100%;
    height: 100%;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48ZyBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIj48cGF0aCBzdHJva2UtZGFzaGFycmF5PSIxNiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjE2IiBkPSJNNSA1aDE0Ij48YW5pbWF0ZSBmaWxsPSJmcmVlemUiIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS1kYXNob2Zmc2V0IiBkdXI9IjAuMnMiIHZhbHVlcz0iMTY7MCIvPjwvcGF0aD48cGF0aCBzdHJva2UtZGFzaGFycmF5PSIxMCIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjEwIiBkPSJNNSAxMmg5Ij48YW5pbWF0ZSBmaWxsPSJmcmVlemUiIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS1kYXNob2Zmc2V0IiBiZWdpbj0iMC4ycyIgZHVyPSIwLjJzIiB2YWx1ZXM9IjEwOzAiLz48L3BhdGg+PHBhdGggc3Ryb2tlLWRhc2hhcnJheT0iMTYiIHN0cm9rZS1kYXNob2Zmc2V0PSIxNiIgZD0iTTUgMTloMTQiPjxhbmltYXRlIGZpbGw9ImZyZWV6ZSIgYXR0cmlidXRlTmFtZT0ic3Ryb2tlLWRhc2hvZmZzZXQiIGJlZ2luPSIwLjRzIiBkdXI9IjAuMnMiIHZhbHVlcz0iMTY7MCIvPjwvcGF0aD48cGF0aCBzdHJva2UtZGFzaGFycmF5PSIxMCIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjEwIiBkPSJNMTcgOWwzIDNsLTMgMyI+PGFuaW1hdGUgZmlsbD0iZnJlZXplIiBhdHRyaWJ1dGVOYW1lPSJzdHJva2UtZGFzaG9mZnNldCIgYmVnaW49IjAuNnMiIGR1cj0iMC4ycyIgdmFsdWVzPSIxMDswIi8+PC9wYXRoPjwvZz48L3N2Zz4=) no-repeat 50%/contain
  }

  .mobile-app .game-nav-wrap.nav-in-game .game-nav-header .logo-wrap .logo .arrow-wrap, .mobile-app .game-nav-wrap.nav-in-game .game-nav-header .logo-wrap .logo img {
    display: none
  }

  .mobile-app .game-nav-wrap.nav-in-game .game-nav-header .open-game-turnover {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    position: absolute;
    bottom: 54px
  }

  .mobile-app .game-nav-wrap.nav-in-game .game-nav-header .open-game-turnover .progress-bar-in-game {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    grid-gap: 8px;
    gap: 8px
  }

  .mobile-app .game-nav-wrap.nav-in-game .game-nav-header .open-game-turnover .progress-bar-in-game .title .info-wrap {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
  }

  .mobile-app .game-nav-wrap.nav-in-game .game-nav-header .open-game-turnover .progress-bar-in-game .title .progress-title {
    display: none
  }

  .mobile-app .game-nav-wrap.nav-in-game .game-nav-header .open-game-turnover .progress-bar-in-game .progress-wrapper .vertical-inner-text {
    height: 14px;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .mobile-app .game-nav-wrap.nav-in-game .game-nav-header .open-game-turnover .progress-bar-in-game .progress-wrapper .vertical-inner-text:before {
    display: none
  }

  .mobile-app .game-nav-wrap.nav-in-game .game-nav-header .open-game-turnover .progress-bar-in-game .progress-wrapper .vertical-inner-text span {
    position: relative
  }

  .mobile-app .game-nav-wrap.nav-in-game .game-nav-header .open-game-turnover .progress-bar-in-game .progress-wrapper .vertical-inner-text span:before {
    content: attr(data-text);
    position: absolute;
    -webkit-text-stroke-color: #4c000d;
    -webkit-text-stroke-color: var(--progress-bar-progress-inner-text-before-color);
    -webkit-text-stroke-width: 2px;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl
  }

  .mobile-app .game-nav-wrap.nav-in-game .game-nav-header .open-game-turnover .progress-bar-in-game.mainProgress .des.in-game {
    left: 5px;
    bottom: 20px;
    translate: unset
  }

  .mobile-app .game-nav-wrap.nav-in-game .game-nav-header .open-game-turnover .progress-bar-in-game.mainProgress .des.in-game:before {
    rotate: 180deg;
    top: auto;
    bottom: -11px;
    left: 11px
  }

  .mobile-app .game-nav-wrap.nav-in-game .game-nav-header .open-game-turnover .progress-bar-in-game.subProgress {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-transform: none;
    transform: none
  }

  .mobile-app .game-nav-wrap.nav-in-game .game-nav-header .open-game-turnover .progress-bar-in-game.subProgress .title .info-wrap {
    -webkit-transform: none;
    transform: none
  }

  .mobile-app .game-nav-wrap.nav-in-game .game-nav-header .open-game-turnover .progress-bar-in-game.subProgress .title .progress-title {
    display: block
  }

  .mobile-app .game-nav-wrap.nav-in-game .game-nav-header .open-game-turnover .multiple-progress-wrapper {
    position: fixed;
    top: 50%;
    bottom: auto;
    right: -8px !important;
    left: auto;
    translate: 0 -50%
  }

  [dir=rtl] .mobile-app .game-nav-wrap.nav-in-game .game-nav-header .open-game-turnover .multiple-progress-wrapper {
    right: auto;
    left: -8px !important
  }

  .mobile-app .game-nav-wrap.nav-in-game .game-nav-header .open-game-turnover .release-promotion-wrapper {
    width: 30px;
    height: 30px
  }

  .mobile-app .game-nav-wrap.nav-in-game .game-nav-header .open-game-turnover .release-promotion-wrapper .release-promotion-btn {
    width: 100%;
    height: 100%;
    padding: 0
  }

  .mobile-app .game-nav-wrap.nav-in-game .game-nav-header .open-game-turnover .release-promotion-wrapper .release-promotion-btn span {
    width: 100%;
    height: 100%;
    background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/icon-promotion-release_569b7b8.webp) no-repeat 50%/contain;
    color: transparent;
    text-shadow: none
  }

  .mobile-app .game-nav-wrap.nav-in-game .game-nav-header .open-game-turnover .release-promotion-wrapper .release-promotion-btn span:before {
    display: none
  }

  .mobile-app .game-nav-wrap.nav-in-game .game-nav-bottom {
    width: 0;
    height: 100vh;
    padding: 0;
    border-radius: 0 12px 12px 0
  }

  .mobile-app .game-nav-wrap.nav-in-game .game-nav-bottom:before {
    border-radius: 0 12px 12px 0;
    width: calc(100% - 3px);
    height: 100%;
    background: -webkit-gradient(linear, right top, left top, from(rgba(198, 146, 56, .80784)), to(hsla(0, 0%, 100%, 0)));
    background: linear-gradient(270deg, rgba(198, 146, 56, .80784), hsla(0, 0%, 100%, 0));
    background: var(--game-nav-bottom-before-bg-landscape)
  }

  .mobile-app .game-nav-wrap.nav-in-game .game-nav-bottom .top-border {
    width: 2px;
    height: 100%;
    -webkit-animation-name: backgroundGradient-right-y;
    animation-name: backgroundGradient-right-y
  }

  .mobile-app .game-nav-wrap.nav-in-game .game-nav-bottom .bottom-border {
    width: 6px;
    height: 100vh;
    right: 0
  }

  .mobile-app .game-nav-wrap.nav-in-game .game-nav-bottom .game-nav-bottom-inner {
    height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 18px 0;
    grid-gap: 10px;
    gap: 10px
  }

  .mobile-app .game-nav-wrap.nav-in-game .game-nav-bottom .game-nav-bottom-inner .left-operating-area {
    margin-right: 0
  }

  .mobile-app .game-nav-wrap.nav-in-game .game-nav-bottom .game-nav-bottom-inner .left-operating-area .operating-btn {
    width: 50px;
    height: 50px;
    margin-right: 0
  }

  .mobile-app .game-nav-wrap.nav-in-game .game-nav-bottom .game-nav-bottom-inner .line {
    width: 40px;
    height: 1px;
    max-height: 1px;
    min-height: 1px;
    background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), color-stop(51.5%, #fffea3), to(hsla(0, 0%, 100%, 0)));
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fffea3 51.5%, hsla(0, 0%, 100%, 0))
  }

  .mobile-app .game-nav-wrap.nav-in-game .game-nav-bottom .game-nav-bottom-inner .promote-list {
    width: 100%;
    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
  }

  .mobile-app .game-nav-wrap.nav-in-game .game-nav-bottom .game-nav-bottom-inner .promote-list .promoteGameButton {
    margin-right: 0;
    margin-bottom: 4px
  }

  .mobile-app .mobile-app .game-nav-wrap.nav-in-game .game-nav-bottom .game-nav-bottom-inner .promote-list .promoteGameButton {
    margin-bottom: .5333333333vmin
  }

  .mobile-app .nav-in-game .game-nav-close-btn {
    top: 14.4vmin
  }

  .mobile-app .nav-in-game.game-nav-wrap.is-active .game-nav-close-btn {
    top: 31.4666666667vmin
  }
}

#__layout .publicDialog .redPacketRainDetail-dialog {
  z-index: 2147483646 !important
}

#__layout .publicDialog .redPacketRain-dialog {
  z-index: 2147483646 !important;
  overflow: hidden
}

#__layout .publicDialog .redPacketRain-treasure-dialog {
  z-index: 2147483646 !important
}

.popup-redPacketRain .animateBox {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden
}

.popup-redPacketRain .animateBox .lottie-loading {
  width: 350px;
  height: 350px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1
}

.popup-redPacketRain .redPacketRain-count {
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  width: 100vw;
  height: 100dvh;
  position: absolute
}

.popup-redPacketRain .redPacketRain-count .redPacketRain-count-content {
  position: relative;
  width: 580px;
  height: 580px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(.776);
  transform: translate(-50%, -50%) scale(.776);
  overflow: hidden
}

.popup-redPacketRain .redPacketRain-count .redPacketRain-count-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(.776);
  transform: translate(-50%, -50%) scale(.776);
  width: 580px;
  height: 580px;
  width: 100%;
  height: 100%;
  opacity: .4;
  -webkit-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out
}

.popup-redPacketRain .redPacketRain-count .redPacketRain-count-number {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-family: Prompt-Bold;
  font-size: 206px;
  font-style: italic;
  font-weight: 700;
  line-height: 160px;
  -webkit-animation: numberBounce 1s ease-in-out infinite;
  animation: numberBounce 1s ease-in-out infinite
}

.popup-redPacketRain .redPacketRain-count .redPacketRain-count-number:before {
  content: attr(data-text);
  position: absolute;
  z-index: 2;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(22.19%, #fff), color-stop(33.22%, #fffad1), color-stop(76.27%, #ffd829), color-stop(122.99%, #ef8a31));
  background: linear-gradient(180deg, #fff 22.19%, #fffad1 33.22%, #ffd829 76.27%, #ef8a31 122.99%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  top: 0;
  left: 0;
  width: 150%;
  height: 100%;
  font-style: italic
}

.popup-redPacketRain .redPacketRain-count .redPacketRain-count-number:after {
  content: attr(data-text);
  position: absolute;
  z-index: 1;
  -webkit-text-stroke: 4px #ff9304;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-shadow: 0 7.143px 0 #ff9304;
  font-style: italic
}

.popup-redPacketRain .redPacketRain-count .redPacketRain-count-text {
  font-family: Rajdhani-Bold;
  font-size: 61px;
  font-style: normal;
  font-weight: 700;
  line-height: 1x;
  position: absolute;
  width: 100%;
  text-align: center;
  letter-spacing: -1px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(.4);
  transform: translate(-50%, -50%) scale(.4)
}

.popup-redPacketRain .redPacketRain-count .redPacketRain-count-text:before {
  content: attr(data-text);
  position: absolute;
  z-index: 2;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(5.45%, #fff), color-stop(14.9%, #fffad1), color-stop(51.8%, #ffd829), color-stop(91.85%, #ef8a31));
  background: linear-gradient(180deg, #fff 5.45%, #fffad1 14.9%, #ffd829 51.8%, #ef8a31 91.85%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.popup-redPacketRain .redPacketRain-count .redPacketRain-count-text:after {
  content: attr(data-text);
  position: absolute;
  z-index: 1;
  -webkit-text-stroke: 14px #b02b0b;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-filter: drop-shadow(0 5px 0 #000);
  filter: drop-shadow(0 5px 0 #000)
}

.popup-redPacketRain .redPacketRain-count .redPacketRain-count-close-btn {
  position: absolute;
  top: 13%;
  right: 14%;
  width: 40px;
  height: 40px;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/close_b0b2243.webp) no-repeat 50%;
  background-size: contain
}

.popup-redPacketRain .redPacketRain-count .redPacketRain-count-close-btn:active {
  zoom: .95
}

.popup-redPacketRain .redPacketRain-count .bgZoomIn {
  -webkit-animation: bgZoomIn .5s cubic-bezier(.23, 1.02, .35, 1) forwards;
  animation: bgZoomIn .5s cubic-bezier(.23, 1.02, .35, 1) forwards
}

.popup-redPacketRain .redPacketRain-count .countZoomOut {
  -webkit-animation: countZoomOut .5s cubic-bezier(.23, 1.02, .35, 1) forwards;
  animation: countZoomOut .5s cubic-bezier(.23, 1.02, .35, 1) forwards
}

.popup-redPacketRain .redPacketRain-count .textZoomIn {
  -webkit-animation: textZoomIn .5s cubic-bezier(.23, 1.02, .35, 1) forwards;
  animation: textZoomIn .5s cubic-bezier(.23, 1.02, .35, 1) forwards
}

.popup-redPacketRain .redPacketRain-container {
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  width: 100vw;
  height: 100dvh;
  position: relative;
  background-image: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/starRain_22c71f4.webp);
  background-repeat: repeat;
  background-size: auto 100%;
  -webkit-animation: rainMove 3s linear infinite;
  animation: rainMove 3s linear infinite;
  overflow: hidden
}

.popup-redPacketRain .redPacketRain-container .redPacketRain-header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 90px;
  padding: 9px 0;
  z-index: 1
}

.popup-redPacketRain .redPacketRain-container .redPacketRain-header-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.popup-redPacketRain .redPacketRain-container .redPacketRain-header-left .redPacketRain-header-left-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 5.6px;
  gap: 5.6px;
  padding: 0 20px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(55, 26, 26, 0)), color-stop(50.5%, #371a1a), to(rgba(55, 26, 26, .1)));
  background: linear-gradient(90deg, rgba(55, 26, 26, 0), #371a1a 50.5%, rgba(55, 26, 26, .1));
  overflow: hidden
}

.popup-redPacketRain .redPacketRain-container .redPacketRain-header-left img {
  width: 48px;
  height: 48px
}

.popup-redPacketRain .redPacketRain-container .redPacketRain-header-left span {
  font-weight: 600;
  color: #fff;
  font-family: Rajdhani-Medium;
  font-size: 48px;
  -webkit-filter: drop-shadow(0 0 5.6px #000);
  filter: drop-shadow(0 0 5.6px #000);
  line-height: 1
}

.popup-redPacketRain .redPacketRain-container .redPacketRain-header-left span:before {
  content: attr(data-storke);
  position: absolute;
  z-index: -1;
  -webkit-text-stroke-width: 6px;
  -webkit-text-stroke-color: #6b0000
}

.popup-redPacketRain .redPacketRain-container .countdown-warning .redPacketRain-header-left-content {
  background: -webkit-gradient(linear, left top, right top, from(rgba(183, 35, 35, 0)), color-stop(50.5%, #b72323), to(rgba(183, 35, 35, 0)));
  background: linear-gradient(90deg, rgba(183, 35, 35, 0), #b72323 50.5%, rgba(183, 35, 35, 0))
}

.popup-redPacketRain .redPacketRain-container .countdown-warning .redPacketRain-header-left-content span:before {
  -webkit-text-stroke-color: #dd2e44
}

.popup-redPacketRain .redPacketRain-container .redPacketRain-header-right {
  padding-right: 8px
}

.popup-redPacketRain .redPacketRain-container .redPacketRain-header-right .redPacketRain-close-btn {
  width: 40px;
  height: 40px;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/close_b0b2243.webp) no-repeat 50%;
  background-size: contain
}

.popup-redPacketRain .redPacketRain-container .redPacketRain-header-right .redPacketRain-close-btn:active {
  zoom: .95
}

.popup-redPacketRain .redPacketRain-container .redPacketRain-reward {
  position: absolute;
  left: 50%;
  bottom: 40px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 8px;
  padding: 15px 30px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(86, 36, 0, 0)), color-stop(20.19%, rgba(86, 36, 0, .8)), color-stop(80.29%, rgba(86, 36, 0, .8)), to(rgba(86, 36, 0, 0)));
  background: linear-gradient(90deg, rgba(86, 36, 0, 0), rgba(86, 36, 0, .8) 20.19%, rgba(86, 36, 0, .8) 80.29%, rgba(86, 36, 0, 0));
  -ms-flex-item-align: start;
  align-self: flex-start;
  z-index: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.popup-redPacketRain .redPacketRain-container .redPacketRain-reward.one-reward {
  padding: 15px 60px
}

.popup-redPacketRain .redPacketRain-container .redPacketRain-reward-count {
  display: inline-block;
  position: relative;
  width: 110px;
  height: 110px
}

.popup-redPacketRain .redPacketRain-container .redPacketRain-reward-count img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 140px;
  height: 140px
}

.popup-redPacketRain .redPacketRain-container .redPacketRain-reward-count-text {
  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-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  margin-top: 12px;
  text-align: center
}

.popup-redPacketRain .redPacketRain-container .redPacketRain-reward-count-text span.count {
  color: #b72323;
  font-family: Prompt-Bold;
  font-size: 48px;
  font-style: italic;
  line-height: 48px;
  margin-left: -7px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  width: 100%
}

.popup-redPacketRain .redPacketRain-container .redPacketRain-reward-count-text span.count.s-text {
  font-size: 36px;
  margin-left: -6px
}

.popup-redPacketRain .redPacketRain-container .redPacketRain-reward-count-text span.text {
  display: inline-block;
  color: #fff;
  font-family: Prompt-Bold;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px
}

.popup-redPacketRain .redPacketRain-container .redPacketRain-reward-list {
  width: 392px;
  display: inline-block;
  height: 110px;
  color: #fff;
  font-family: Prompt-Bold;
  font-size: 18px;
  font-style: italic;
  font-weight: 700;
  line-height: 20px;
  overflow-y: auto
}

.popup-redPacketRain .redPacketRain-container .redPacketRain-reward-list .redPacketRain-reward-title {
  margin: 8px 0
}

.popup-redPacketRain .redPacketRain-container .redPacketRain-reward-list .reward-text {
  color: #fff500
}

.popup-redPacketRain .redPacketRain-container .redPacketRain-reward-list .non-reward-text {
  color: #8b8b8b
}

.popup-redPacketRain .redPacketRain-container .redPacketRain-reward-item-wrapper {
  height: 72px;
  overflow-y: auto
}

.popup-redPacketRain .redPacketRain-container .redPacketRain-reward-item {
  opacity: 0;
  -webkit-animation: fadeInReward .4s forwards;
  animation: fadeInReward .4s forwards
}

.popup-redPacketRain .redPacketRain-container .gray-text {
  color: #8b8b8b
}

.popup-redPacketRain .redPacketRain-finished {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px 30px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(164, 93, 1, 0)), color-stop(20.19%, rgba(164, 93, 1, .8)), color-stop(80.29%, rgba(164, 93, 1, .8)), to(rgba(164, 93, 1, 0)));
  background: linear-gradient(90deg, rgba(164, 93, 1, 0), rgba(164, 93, 1, .8) 20.19%, rgba(164, 93, 1, .8) 80.29%, rgba(164, 93, 1, 0));
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  grid-gap: 12px;
  gap: 12px;
  margin-top: 40px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.popup-redPacketRain .redPacketRain-finished span {
  color: #fff;
  font-family: Prompt;
  font-size: 18px;
  font-style: italic;
  font-weight: 700;
  line-height: 30px
}

.popup-redPacketRain .redPacketRain-finished img {
  width: 30px;
  height: 30px
}

.redPacketRain-unavailable {
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  width: 100vw;
  height: 100dvh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  background-image: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/disabledRain_a73edf2.webp);
  background-repeat: repeat;
  background-size: auto 100%
}

.redPacketRain-unavailable .redPacketRain-unavailable-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 0 8px
}

.redPacketRain-unavailable .redPacketRain-close-btn {
  width: 40px;
  height: 40px;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/close_b0b2243.webp) no-repeat 50%;
  background-size: contain
}

.redPacketRain-unavailable .redPacketRain-close-btn:active {
  zoom: .95
}

.redPacketRain-unavailable .redPacketRain-unavailable-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 24px
}

.redPacketRain-unavailable .redPacketRain-unavailable-bg {
  border-radius: 8px;
  border: 3px solid #eaa945;
  background: -webkit-gradient(linear, left top, left bottom, from(#561512), to(#a24d3c));
  background: linear-gradient(180deg, #561512, #a24d3c);
  -webkit-box-shadow: 0 4px 0 0 #926a2d;
  box-shadow: 0 4px 0 0 #926a2d;
  width: 100%;
  position: relative;
  max-width: 327px
}

.redPacketRain-unavailable .redPacketRain-unavailable-bg-isLimited {
  width: 315px;
  height: 226px;
  background-image: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/disabledRedPacket-limit_8953902.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center -45px;
  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
}

.redPacketRain-unavailable .redPacketRain-unavailable-block {
  margin: 50px 12px 30px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  grid-gap: 20px;
  gap: 20px
}

.redPacketRain-unavailable .redPacketRain-unavailable-block, .redPacketRain-unavailable .redPacketRain-unavailable-inner-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.redPacketRain-unavailable .redPacketRain-unavailable-inner-wrapper {
  grid-gap: 10px;
  gap: 10px;
  margin: 0 12px
}

.redPacketRain-unavailable .redPacketRain-unavailable-img {
  position: absolute;
  top: -74px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  height: 114px
}

.redPacketRain-unavailable .redPacketRain-unavailable-img img {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: auto;
  height: 100%
}

.redPacketRain-unavailable .redPacketRain-unavailable-img span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-family: Prompt-Bold;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
  word-break: break-word;
  width: 208px
}

.redPacketRain-unavailable .redPacketRain-unavailable-img span:before {
  content: attr(data-text);
  position: absolute;
  z-index: 2;
  background: #ffe248;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  top: 0;
  left: 0;
  height: 100%
}

.redPacketRain-unavailable .redPacketRain-unavailable-img span:after {
  content: attr(data-text);
  position: absolute;
  z-index: 1;
  -webkit-text-stroke: 7px #4b180c;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-shadow: 0 1.742px 0 rgba(0, 0, 0, .3)
}

.redPacketRain-unavailable .redPacketRain-unavailable-title {
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px
}

.redPacketRain-unavailable .redPacketRain-unavailable-rule {
  color: #d0d0d0;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px
}

.redPacketRain-unavailable .redPacketRain-unavailable-rule b, .redPacketRain-unavailable .redPacketRain-unavailable-rule span {
  color: #fff;
  padding: 2px 8px;
  border-radius: 100px;
  background: #5e1200;
  margin: 0 5px
}

.redPacketRain-unavailable .redPacketRain-unavailable-progress {
  width: 100%;
  height: 40px;
  position: relative
}

.redPacketRain-unavailable .redPacketRain-unavailable-progress .redPacketRain-unavailable-progress-bar .el-progress-bar__outer {
  border-radius: 30px;
  border: 1px solid #eaa945;
  background: #a35a2a;
  -webkit-box-shadow: 0 1px 0 0 #926a2d, 0 2px 2px 0 #971a02 inset;
  box-shadow: 0 1px 0 0 #926a2d, inset 0 2px 2px 0 #971a02;
  height: 40px !important;
  padding: 5px
}

.redPacketRain-unavailable .redPacketRain-unavailable-progress .redPacketRain-unavailable-progress-bar .el-progress-bar__inner {
  border-radius: 30px;
  background: linear-gradient(274deg, #ffe865 -.48%, #ffad42 19.65%, #df4001 58.96%, #d53900 83.4%, #a24900 99.21%);
  -webkit-box-shadow: 0 0 6px 0 #eaa945 inset, 0 1px 3px 0 #572300;
  box-shadow: inset 0 0 6px 0 #eaa945, 0 1px 3px 0 #572300;
  height: calc(100% - 10px);
  left: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  max-width: calc(100% - 10px)
}

.redPacketRain-unavailable .redPacketRain-unavailable-progress .redPacketRain-unavailable-progress-text {
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.redPacketRain-unavailable .redPacketRain-unavailable-progress .redPacketRain-unavailable-progress-text span {
  color: transparent;
  font-size: 14px;
  font-weight: 700
}

.redPacketRain-unavailable .redPacketRain-unavailable-progress .redPacketRain-unavailable-progress-text span:before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: #fff;
  z-index: 1
}

.redPacketRain-unavailable .redPacketRain-unavailable-progress .redPacketRain-unavailable-progress-text span:after {
  content: attr(data-text);
  position: absolute;
  -webkit-text-stroke: 5px #6b3000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.redPacketRain-unavailable .redPacketRain-unavailable-totalDeposit-progress {
  width: calc(100% + 22px);
  overflow: hidden;
  height: 108px;
  white-space: nowrap;
  overflow-x: auto
}

.redPacketRain-unavailable .redPacketRain-unavailable-totalDeposit-progress .exchange-contain {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
  position: relative;
  background: -webkit-gradient(linear, left top, left bottom, from(#cc5b00), to(#662e00));
  background: linear-gradient(180deg, #cc5b00, #662e00);
  height: 40px;
  padding: 5px;
  text-align: center;
  border-radius: 40px;
  font-size: 20px;
  color: hsla(0, 0%, 100%, 0);
  color: #fff;
  text-shadow: 1px 1px 2px #000
}

.redPacketRain-unavailable .redPacketRain-unavailable-totalDeposit-progress .exchange-contain.square-contain {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 24px 6px 6px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 2px;
  gap: 2px;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  border-radius: 4px;
  height: auto;
  width: 88px;
  margin-top: 25px;
  display: inline-block;
  margin-right: 24px;
  position: relative
}

.redPacketRain-unavailable .redPacketRain-unavailable-totalDeposit-progress .exchange-contain .square-progress-bg-border {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1px;
  -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;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  border-radius: 4px;
  background: -webkit-gradient(linear, left bottom, left top, from(#ffe682), to(#662e00));
  background: linear-gradient(0deg, #ffe682, #662e00);
  -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .25) inset;
  box-shadow: inset 1px 1px 4px 0 rgba(0, 0, 0, .25)
}

.redPacketRain-unavailable .redPacketRain-unavailable-totalDeposit-progress .exchange-contain .square-progress-bg-border .square-progress-bg {
  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;
  background: #9c5b2d;
  grid-gap: 2px;
  gap: 2px;
  border-radius: 4px;
  width: 100%;
  height: 100%
}

.redPacketRain-unavailable .redPacketRain-unavailable-totalDeposit-progress .exchange-contain .ticket-count {
  position: absolute;
  top: -22px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.redPacketRain-unavailable .redPacketRain-unavailable-totalDeposit-progress .exchange-contain .ticket-count .info-ticket-btn {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/icon-bg-01_0c54bb7.svg) no-repeat 50%;
  background-size: contain;
  width: 40px;
  height: 40px;
  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
}

.redPacketRain-unavailable .redPacketRain-unavailable-totalDeposit-progress .exchange-contain .ticket-count .info-ticket-btn img {
  width: 24px;
  height: auto
}

.redPacketRain-unavailable .redPacketRain-unavailable-totalDeposit-progress .exchange-contain .ticket-count span {
  position: absolute;
  color: #ff006b;
  font-family: Fugaz One, sans-serif;
  white-space: nowrap;
  top: 21px;
  left: 30px;
  font-size: 16px;
  z-index: 1;
  text-shadow: none
}

.redPacketRain-unavailable .redPacketRain-unavailable-totalDeposit-progress .exchange-contain .ticket-count span:before {
  content: attr(data-text);
  position: absolute;
  -webkit-text-stroke-color: #fff;
  -webkit-text-stroke-width: 3px;
  z-index: -1;
  top: 0;
  left: 0
}

.redPacketRain-unavailable .redPacketRain-unavailable-totalDeposit-progress .swiper-slide+.swiper-slide:after {
  content: "";
  position: absolute;
  top: 53%;
  left: -18px;
  display: block;
  width: 16px;
  height: 16px;
  background: url(data:image/webp;base64,UklGRqADAABXRUJQVlA4WAoAAAAQAAAAYwAAYwAAQUxQSCwBAAABgFXbbt3oQjAEQRgIgWAIghAGCYOEgSGkDAwhEATBEO5X28SW5v0REROAf8dTPoy0Qz3Lxqembm182cSnhe8WcUj5flv8sQtIU2eUF1dx5biKLOKIXUdTP3iraQRkkQjITSKgaQSkfURAFomAXEKgaQTkKRGQRSKgLRGQphGQh0RAFomAphGQliMgi0RALhIBTSMgtxC4hcA5hJYi4BzCIwQLgV+GM4RHCBqBIQKNYEcAO/xrGe61NcG9Kuh4lDqh6zHajM6HWBPcq4L+u7MJI3bWVozZ157gXp0wbD+WMXAvbU1wrwjG7qJOGL2Dphj/trYmuFcFLt5zTnDSbmgz3Dyu2xP8nK+qAk9Tu8QmOJsvaCv8Xd/aEzxeX6sTnFZ7ZhmO63GSVjL+cwdWUDggTgIAAHAVAJ0BKmQAZAA+KRKIQqGhIRRIpKwYAoSgDVtYl+n/gBrxHQPwd/IDp/tAuz34iZfpwB/h/41+W/uA/gH4AdgB+gH9e/gH7Vf0DhAfoB/rf7f75nSAf4f+AepR/GP//2Dv8A/wHoi/87+6fwD5AP1k/Zj4Bf03/4X5//+7kAPXQLi7ypFJRZUPDvUudDD01IG7yjPCRqxo04QxhbP2wPa9ykxxcbsVJXQLUy7A7lRZd9BlAAD+/w2sf8W3//+aI1kxEWo7EU85yctsu9rhLfhwOMsRE/+Z2K4XSRKLKtIgwTkel64Y2vHP1Mb+gi8SByPfVHXmJ0oqdsDj2lVT/zHGI6aeT6goIo/eeZUT/80e6STYbJ6rnx2j8NTIzk34xJcbVasNliT5HES1jkVcWdhzbuCa18YjNGvkV7u0fPZvxj8er9lZ8WxLebpNnngjWbJ3AZRm9UxLQcYguoJCtkV0AMRYUIg1jCMgv2+kmM230iH//8KyPajMLAiCCS/8EXwRfxfntpYkSWPXJN236qWwlg1x+tEh6AUQkIiAbSzjWDulG8liPj+K8fE0a3kpS7zlUASqeezsBkBkXSTGoBNzxovzt9//4X2By5/fYYPQe/IT/zqTUHGs3dkWKvmXuq8aIKDuHDGHCrmk3//6ydHrROQHVKS3Psh60kQoBmjYxnYv++xBchw4TtNyRVGJOKFdvJ4IorvP1d7WYkl4/8sv7Bfflt4auBL234kUmoXY35DdSvlxy73I3L6/AxCbqlaW4Er/3/FxgAAAAAAA) no-repeat 50%;
  background-size: contain
}

.redPacketRain-unavailable .redPacketRain-unavailable-totalDeposit-progress .el-progress-bar__outer {
  height: 40px !important
}

.redPacketRain-unavailable .redPacketRain-unavailable-totalDeposit-progress .el-progress-bar__inner {
  background: repeating-linear-gradient(-60deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .2) 5px, transparent 0, transparent 15px), linear-gradient(279deg, #58cfff, #005bff)
}

.redPacketRain-unavailable .redPacketRain-unavailable-totalDeposit-progress .swiper-container {
  width: 100%
}

.redPacketRain-unavailable .redPacketRain-unavailable-totalDeposit-progress .swiper-container .swiper-wrapper {
  position: relative;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.redPacketRain-unavailable .redPacketRain-unavailable-totalDeposit-progress .swiper-container .swiper-wrapper .swiper-slide {
  width: 88px
}

.redPacketRain-unavailable .redPacketRain-unavailable-deposit-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 7px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 10px;
  gap: 10px;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 100px;
  border: 3px solid #fffe95;
  background: #eaa945;
  -webkit-box-shadow: 0 -3px 0 0 hsla(0, 0%, 100%, .25) inset, 0 3px 0 0 hsla(0, 0%, 100%, .25) inset;
  box-shadow: inset 0 -3px 0 0 hsla(0, 0%, 100%, .25), inset 0 3px 0 0 hsla(0, 0%, 100%, .25);
  text-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}

.redPacketRain-unavailable .redPacketRain-unavailable-deposit-button img {
  width: 16px;
  height: 16px;
  -webkit-filter: grayscale(1) brightness(5) drop-shadow(0 4px 4px rgba(0, 0, 0, .25));
  filter: grayscale(1) brightness(5) drop-shadow(0 4px 4px rgba(0, 0, 0, .25))
}

.redPacketRain-unavailable .redPacketRain-unavailable-deposit-button span {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  font-family: Prompt
}

.redPacketRain-unavailable .redPacketRain-unavailable-text {
  position: relative;
  font-family: Prompt-Bold;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
  word-break: break-word
}

.redPacketRain-unavailable .redPacketRain-unavailable-text:before {
  content: attr(data-text);
  position: absolute;
  z-index: 2;
  background: #ffe248;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  top: 0;
  left: 0;
  height: 100%;
  word-break: break-word
}

.redPacketRain-unavailable .redPacketRain-unavailable-text:after {
  content: attr(data-text);
  position: absolute;
  z-index: 1;
  -webkit-text-stroke: 7px #4b180c;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-shadow: 0 1.742px 0 rgba(0, 0, 0, .5);
  word-break: break-word
}

.redPacketRain-unavailable .redPacketRain-unavailable-button {
  width: 128px;
  color: #fff;
  text-align: center;
  font-family: Prompt;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 20px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 10px;
  gap: 10px;
  border-radius: 100px;
  border: 3px solid #fffe95;
  background: #eaa945;
  -webkit-box-shadow: -2px -4px 0 0 hsla(0, 0%, 100%, .25) inset, 2px 4px 0 0 hsla(0, 0%, 100%, .25) inset, 0 4px 4px 0 rgba(0, 0, 0, .25);
  box-shadow: inset -2px -4px 0 0 hsla(0, 0%, 100%, .25), inset 2px 4px 0 0 hsla(0, 0%, 100%, .25), 0 4px 4px 0 rgba(0, 0, 0, .25);
  text-shadow: 0 4px 4px rgba(0, 0, 0, .25);
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.redPacketRain-unavailable .isLimited .redPacketRain-unavailable-button {
  left: auto;
  -webkit-transform: none;
  transform: none
}

.popup-redPacketRainDetail {
  width: 100vw;
  height: 100dvh;
  padding: 18px 24px 28px;
  background-image: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/disabledRain_a73edf2.webp);
  background-repeat: repeat;
  background-size: auto 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.popup-redPacketRainDetail, .popup-redPacketRainDetail .redPacketRainDetail-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.popup-redPacketRainDetail .redPacketRainDetail-content {
  width: 490px;
  padding: 50px 12px 10px;
  border-radius: 8px;
  border: 4.5px solid #d29226;
  background: #971901;
  -webkit-box-shadow: 0 4px 0 0 #ffd058, 0 0 4px 0 hsla(0, 0%, 100%, .8) inset, 0 0 4px 0 hsla(0, 0%, 100%, .8) inset, 0 2px 5px 0 rgba(59, 18, 6, .3), 0 -1px 40px 0 hsla(0, 0%, 100%, .05) inset;
  box-shadow: 0 4px 0 0 #ffd058, inset 0 0 4px 0 hsla(0, 0%, 100%, .8), inset 0 0 4px 0 hsla(0, 0%, 100%, .8), 0 2px 5px 0 rgba(59, 18, 6, .3), inset 0 -1px 40px 0 hsla(0, 0%, 100%, .05);
  max-height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.popup-redPacketRainDetail .redPacketRainDetail-title {
  position: absolute;
  top: 1px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 41px;
  padding: 15px 30px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 10px;
  gap: 10px;
  border-radius: 0 0 24px 24px;
  background: #eaa945;
  -webkit-box-shadow: -4px -4px 0 0 hsla(0, 0%, 100%, .25) inset, 4px 0 0 0 hsla(0, 0%, 100%, .25) inset, 0 4px 4px 0 rgba(0, 0, 0, .25);
  box-shadow: inset -4px -4px 0 0 hsla(0, 0%, 100%, .25), inset 4px 0 0 0 hsla(0, 0%, 100%, .25), 0 4px 4px 0 rgba(0, 0, 0, .25);
  border: 3px solid #fffe95;
  border-top: none
}

.popup-redPacketRainDetail .redPacketRainDetail-title span {
  color: #fff;
  text-shadow: 0 4px 4px rgba(0, 0, 0, .25);
  font-family: Prompt;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px
}

.popup-redPacketRainDetail .redPacketRain-close-btn {
  position: absolute;
  top: -25px;
  right: -25px;
  width: 50px;
  height: 50px;
  background-image: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/close_b0b2243.webp);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%
}

.popup-redPacketRainDetail .redPacketRain-close-btn:active {
  zoom: .95
}

.popup-redPacketRainDetail .redPacketRainDetail-text {
  color: #fff;
  width: 100%;
  max-height: 100%;
  overflow-y: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto
}

.popup-redPacketRainDetail .redPacketRainDetail-text .contentTitle {
  font-size: 21px
}

.popup-redPacketRainDetail .redPacketRainDetail-text .redPacketRainDetail-text-content {
  font-size: 18px
}

.mobile-app .popup-redPacketRain .redPacketRain-container {
  background-size: cover
}

.mobile-app .popup-redPacketRain .redPacketRain-container .redPacketRain-header {
  height: 13.3333333333vmin;
  padding: 2.4vmin 0
}

.mobile-app .popup-redPacketRain .redPacketRain-container .redPacketRain-header-left {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  grid-gap: 1.4933333333vmin;
  gap: 1.4933333333vmin
}

.mobile-app .popup-redPacketRain .redPacketRain-container .redPacketRain-header-left .redPacketRain-header-left-content {
  padding: 0 5.3333333333vmin
}

.mobile-app .popup-redPacketRain .redPacketRain-container .redPacketRain-header-left img {
  width: 8.5333333333vmin;
  height: 8.5333333333vmin
}

.mobile-app .popup-redPacketRain .redPacketRain-container .redPacketRain-header-left span {
  font-size: 8.5333333333vmin
}

.mobile-app .popup-redPacketRain .redPacketRain-container .redPacketRain-header-right {
  padding-right: 2.1333333333vmin
}

.mobile-app .popup-redPacketRain .redPacketRain-container .redPacketRain-header-right .redPacketRain-close-btn {
  width: 10.6666666667vmin;
  height: 10.6666666667vmin
}

.mobile-app .popup-redPacketRain .redPacketRain-container .redPacketRain-reward {
  position: relative;
  left: auto;
  bottom: auto;
  -webkit-transform: none;
  transform: none;
  margin-top: 2.1333333333vmin;
  margin-bottom: 3.2vmin;
  padding: 2.6666666667vmin 5.3333333333vmin
}

.mobile-app .popup-redPacketRain .redPacketRain-container .redPacketRain-reward.one-reward {
  padding: 2.6666666667vmin 5.3333333333vmin
}

.mobile-app .popup-redPacketRain .redPacketRain-container .redPacketRain-reward-count {
  width: 21.3333333333vmin;
  height: 21.3333333333vmin
}

.mobile-app .popup-redPacketRain .redPacketRain-container .redPacketRain-reward-count img {
  width: 26.6666666667vmin;
  height: 26.6666666667vmin
}

.mobile-app .popup-redPacketRain .redPacketRain-container .redPacketRain-reward-count-text {
  margin-top: 2.9333333333vmin
}

.mobile-app .popup-redPacketRain .redPacketRain-container .redPacketRain-reward-count-text span.count {
  margin-left: -1.6vmin;
  font-size: 8.5333333333vmin;
  line-height: 8.5333333333vmin
}

.mobile-app .popup-redPacketRain .redPacketRain-container .redPacketRain-reward-count-text span.count.s-text {
  font-size: 6.4vmin
}

.mobile-app .popup-redPacketRain .redPacketRain-container .redPacketRain-reward-count-text span.text {
  font-size: 3.2vmin;
  line-height: 3.7333333333vmin
}

.mobile-app .popup-redPacketRain .redPacketRain-container .redPacketRain-reward-list {
  width: calc(100vw - 80px);
  height: 21.3333333333vmin;
  font-size: 3.2vmin;
  line-height: 3.7333333333vmin
}

.mobile-app .popup-redPacketRain .redPacketRain-container .redPacketRain-reward-list .redPacketRain-reward-title {
  margin: 2.1333333333vmin 0
}

.mobile-app .popup-redPacketRain .redPacketRain-container .redPacketRain-reward-item-wrapper {
  height: 12.8vmin
}

.mobile-app .popup-redPacketRain .redPacketRain-finished {
  padding: 2.1333333333vmin 8vmin;
  max-width: 100%;
  margin-top: 0
}

.mobile-app .popup-redPacketRain .redPacketRain-finished span {
  font-size: 3.2vmin;
  line-height: 20px
}

.mobile-app .popup-redPacketRain .redPacketRain-finished img {
  width: 5.3333333333vmin;
  height: 5.3333333333vmin
}

.mobile-app .redPacketRain-unavailable {
  background-size: cover
}

.mobile-app .redPacketRain-unavailable .redPacketRain-unavailable-header {
  height: 13.3333333333vmin;
  padding: 0 2.1333333333vmin
}

.mobile-app .redPacketRain-unavailable .redPacketRain-close-btn {
  width: 10.6666666667vmin;
  height: 10.6666666667vmin
}

.mobile-app .redPacketRain-unavailable .redPacketRain-unavailable-bg {
  width: 87.2vmin
}

.mobile-app .redPacketRain-unavailable .redPacketRain-unavailable-button {
  width: 34.1333333333vmin
}

.mobile-app .redPacketRain-unavailable .redPacketRain-unavailable-text {
  position: relative;
  font-family: Prompt-Bold;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
  word-break: break-word
}

.mobile-app .popup-redPacketRainDetail {
  padding: 4.8vmin 6.4vmin 7.4666666667vmin;
  background-size: cover
}

.mobile-app .popup-redPacketRainDetail .redPacketRainDetail-content {
  padding: 13.3333333333vmin 3.2vmin 2.6666666667vmin;
  width: 100%;
  border-width: 3px
}

.mobile-app .popup-redPacketRainDetail .redPacketRainDetail-title {
  height: 10.9333333333vmin;
  padding: 2.6666666667vmin 5.3333333333vmin
}

.mobile-app .popup-redPacketRainDetail .redPacketRainDetail-title span {
  font-size: 4.2666666667vmin
}

.mobile-app .popup-redPacketRainDetail .redPacketRainDetail-text .contentTitle {
  font-size: 14px
}

.mobile-app .popup-redPacketRainDetail .redPacketRainDetail-text .redPacketRainDetail-text-content {
  font-size: 12px
}

.mobile-app .popup-redPacketRainDetail .redPacketRain-close-btn {
  top: -5.3333333333vmin;
  right: -5.3333333333vmin;
  width: 10.6666666667vmin;
  height: 10.6666666667vmin
}

.mobile-app .popup-redPacketRainDetail .v-html-default * {
  color: #fff
}

.mobile-app .popup-redPacketRainDetail .v-html-default p {
  padding: 0
}

@-webkit-keyframes rainMove {
  0% {
    background-position-y: 0
  }

  to {
    background-position-y: 100dvh
  }
}

@keyframes rainMove {
  0% {
    background-position-y: 0
  }

  to {
    background-position-y: 100dvh
  }
}

@-webkit-keyframes fadeInReward {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes fadeInReward {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@-webkit-keyframes textZoomIn {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(.4);
    transform: translate(-50%, -50%) scale(.4)
  }

  to {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
  }
}

@keyframes textZoomIn {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(.4);
    transform: translate(-50%, -50%) scale(.4)
  }

  to {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
  }
}

@-webkit-keyframes numberBounce {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(.5);
    transform: translate(-50%, -50%) scale(.5);
    opacity: 0
  }

  20% {
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1);
    opacity: 1
  }

  40% {
    -webkit-transform: translate(-50%, -50%) scale(.9);
    transform: translate(-50%, -50%) scale(.9);
    opacity: 1
  }

  60% {
    -webkit-transform: translate(-50%, -50%) scale(1.05);
    transform: translate(-50%, -50%) scale(1.05);
    opacity: 1
  }

  80% {
    -webkit-transform: translate(-50%, -50%) scale(.95);
    transform: translate(-50%, -50%) scale(.95);
    opacity: 1
  }

  to {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 1
  }
}

@keyframes numberBounce {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(.5);
    transform: translate(-50%, -50%) scale(.5);
    opacity: 0
  }

  20% {
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1);
    opacity: 1
  }

  40% {
    -webkit-transform: translate(-50%, -50%) scale(.9);
    transform: translate(-50%, -50%) scale(.9);
    opacity: 1
  }

  60% {
    -webkit-transform: translate(-50%, -50%) scale(1.05);
    transform: translate(-50%, -50%) scale(1.05);
    opacity: 1
  }

  80% {
    -webkit-transform: translate(-50%, -50%) scale(.95);
    transform: translate(-50%, -50%) scale(.95);
    opacity: 1
  }

  to {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 1
  }
}

@-webkit-keyframes bgZoomIn {
  0% {
    opacity: .4;
    -webkit-transform: translate(-50%, -50%) scale(.776);
    transform: translate(-50%, -50%) scale(.776)
  }

  to {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
  }
}

@keyframes bgZoomIn {
  0% {
    opacity: .4;
    -webkit-transform: translate(-50%, -50%) scale(.776);
    transform: translate(-50%, -50%) scale(.776)
  }

  to {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
  }
}

@-webkit-keyframes countZoomOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }

  to {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0
  }
}

@keyframes countZoomOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }

  to {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0
  }
}

.isCommonOpenGamePage .animateBox, .isCommonOpenGamePage.popup-redPacketRainDetail, .isCommonOpenGamePage .redPacketRain-container, .isCommonOpenGamePage .redPacketRain-count, .isCommonOpenGamePage .redPacketRain-unavailable {
  background-color: rgba(0, 0, 0, .8)
}

@media only screen and (min-width:500px) and (max-width:1023px) and (orientation:landscape) {
  .dialog-redPacketRain {
    height: 100dvh
  }

  .popup-redPacketRainDetail, .redPacketRain-container, .redPacketRain-count, .redPacketRain-unavailable {
    background-size: auto 100% !important
  }

  .redPacketRain-container .redPacketRain-reward-list {
    max-width: 245px
  }

  .redPacketRain-unavailable .redPacketRain-unavailable-header {
    position: absolute;
    right: 0
  }

  .redPacketRain-unavailable .redPacketRain-unavailable-content {
    padding: 18px 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }

  .redPacketRain-unavailable .redPacketRain-unavailable-content.isLimited {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .redPacketRain-unavailable .redPacketRain-unavailable-block {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin: 30px 12px 18px 92px;
    grid-gap: 12px;
    gap: 12px
  }

  .redPacketRain-unavailable .redPacketRain-unavailable-button {
    left: auto;
    -webkit-transform: none;
    transform: none;
    margin-right: 12px
  }

  .redPacketRain-unavailable .isLimited .redPacketRain-unavailable-button {
    margin-right: 0
  }

  .redPacketRain-unavailable .redPacketRain-unavailable-img {
    top: 50%;
    left: -50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }

  .redPacketRain-unavailable .redPacketRain-unavailable-inner-wrapper {
    width: calc(100% - 24px)
  }

  .redPacketRain-unavailable .redPacketRain-unavailable-img span {
    width: 160px
  }

  .mobile-app .redPacketRain-unavailable .redPacketRain-unavailable-bg {
    width: 434px;
    max-width: 434px
  }

  .redPacketRain-treasure-dialog .popup-treasure {
    background-color: rgba(0, 0, 0, .8);
    height: 100dvh !important;
    padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)
  }

  .redPacketRain-treasure-dialog .show-reward-animate.redPacketRainStyle .award-wrap {
    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: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: 20px;
    margin-top: 0
  }

  .popup-redPacketRainDetail .redPacketRainDetail-content {
    width: 434px !important
  }
}

:root {
  --ticket-left-bg: linear-gradient(104deg, #fff, #f9f0f0 50.38%, #fff4e3 100.76%);
  --ticket-left-title-color: #6a4410;
  --ticket-left-title-border-color: #e28800;
  --ticket-left-title-info-color: #f90;
  --ticket-left-description-color: #e28801;
  --ticket-left-description-more-bg: #fcf2e9;
  --ticket-left-description-more-color: #a96201;
  --ticket-left-time-color: #696969;
  --ticket-left-code-disabled-bg: #b2b2b2;
  --ticket-left-code-disabled-color: #ddd;
  --ticket-left-code-disabled-copy-color: #ddd;
  --ticket-left-code-active-bg: #b6ac9e;
  --ticket-left-code-active-color: #fbfbfb;
  --ticket-left-code-active-copy-color: #fff;
  --ticket-left-border-color: #6a4410;
  --ticket-right-disabled-bg: #b2b2b2;
  --ticket-right-disabled-color: #ddd;
  --ticket-right-disabled-button-bg: #ddd;
  --ticket-right-disabled-button-color: #afafaf;
  --ticket-right-active-bg: #f90;
  --ticket-right-active-color: #fff;
  --ticket-right-active-button-bg: #fbfbfb;
  --ticket-right-active-button-color: #6a4410;
  --ticket-right-active-button-box-shadow-color: #19e616;
  --ticket-popup-close-bg: #34a2a6;
  --ticket-popup-top-bg: linear-gradient(102deg, #fff 2.22%, #f9f0f0 50.93%, #fff4e3 99.64%);
  --ticket-popup-top-title-bg: #f90;
  --ticket-popup-top-title-color: #fff;
  --ticket-popup-top-title-text-shadow: 1px 1px 2px #000;
  --ticket-popup-top-description-bg: #fff;
  --ticket-popup-top-description-color: #e28801;
  --ticket-popup-top-description-hr-color: #696969;
  --ticket-popup-top-time-color: #696969;
  --ticket-popup-top-border-color: #6a4410;
  --ticket-popup-bottom-disabled-bg: #b2b2b2;
  --ticket-popup-bottom-code-disabled-bg: #ddd;
  --ticket-popup-bottom-code-disabled-color: #afafaf;
  --ticket-popup-bottom-code-disabled-copy-color: #afafaf;
  --ticket-popup-bottom-active-bg: #f90;
  --ticket-popup-bottom-code-active-bg: #fff4e3;
  --ticket-popup-bottom-code-active-color: #696969;
  --ticket-popup-bottom-code-active-copy-color: #f90;
  --reward-text-stroke-color: #4f0102;
  --reward-text-shadow: 0 0 2px #4f0102;
  --mobile-voucher-ticket-border-top-color: #ddd
}

.voucher-ticket .ticket {
  position: relative;
  margin-top: 20px;
  width: calc(50% - 12px);
  height: 192px;
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .25));
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .25))
}

.voucher-ticket .ticket .countdown {
  position: absolute;
  z-index: 1;
  left: 18px;
  top: -14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 26px;
  padding: 0 6px 0 18px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 4px;
  gap: 4px;
  border-radius: 1px;
  background: #e20000
}

.voucher-ticket .ticket .countdown .lightning {
  position: absolute;
  left: -8px;
  top: -3px;
  width: 23px;
  height: 32px;
  aspect-ratio: 23/32
}

.voucher-ticket .ticket .countdown span {
  color: #fff;
  text-align: center;
  font-family: Arial;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 11px
}

.voucher-ticket .ticket .countdown .time {
  width: 20px;
  height: 20px;
  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;
  background: #000
}

.voucher-ticket .ticket .countdown .time.day {
  width: 28px
}

.voucher-ticket .ticket .countdown .time.day .countSlide:first-child, .voucher-ticket .ticket .countdown .time.day .countSlide:last-child {
  margin: 0
}

.voucher-ticket .ticket .countdown .time span {
  color: #fff;
  text-align: center;
  font-family: Arial;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 1
}

.voucher-ticket .ticket .ticket-left {
  position: relative;
  width: calc(100% - 120px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  -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: start;
  -ms-flex-align: start;
  align-items: flex-start;
  grid-gap: 12px;
  gap: 12px;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
  align-self: stretch;
  background: linear-gradient(104deg, #fff, #f9f0f0 50.38%, #fff4e3 100.76%);
  background: var(--ticket-left-bg);
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-radius: 5px;
  -webkit-mask: radial-gradient(circle at 0, at 0, transparent 0, red 0), radial-gradient(circle at right 0, transparent 6px, red 0), radial-gradient(circle at 0, at 100%, transparent 0, red 0), radial-gradient(circle at right 100%, transparent 6px, red 0);
  -webkit-mask: radial-gradient(circle at 0 0, transparent 0, red 0), radial-gradient(circle at right 0, transparent 6px, red 0), radial-gradient(circle at 0 100%, transparent 0, red 0), radial-gradient(circle at right 100%, transparent 6px, red 0);
  -webkit-mask-composite: source-in;
  -webkit-box-shadow: inset 0 -5px 2px -5px #fff, inset 0 5px 2px -5px #fff, inset 5px 0 2px -5px #fff;
  box-shadow: inset 0 -5px 2px -5px #fff, inset 0 5px 2px -5px #fff, inset 5px 0 2px -5px #fff;
  border-right: 1px dashed #6a4410;
  border-right: 1px dashed var(--ticket-left-border-color)
}

.voucher-ticket .ticket .ticket-left:after, .voucher-ticket .ticket .ticket-left:before {
  content: "";
  position: absolute;
  right: -6px;
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  -webkit-box-shadow: 0 0 2px #fff, 0 0 2px #fff;
  box-shadow: 0 0 2px #fff, 0 0 2px #fff
}

.voucher-ticket .ticket .ticket-left:before {
  top: -6px
}

.voucher-ticket .ticket .ticket-left:after {
  bottom: -6px
}

.voucher-ticket .ticket .ticket-left .title {
  position: absolute;
  top: 16px;
  left: 20px;
  width: calc(100% - 40px);
  height: 30px;
  padding: 0 2px 8px 0;
  grid-gap: 8px;
  gap: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  align-self: stretch;
  border-bottom: 1px solid #e28800;
  border-bottom: 1px solid var(--ticket-left-title-border-color);
  cursor: pointer
}

.voucher-ticket .ticket .ticket-left .title span {
  overflow: hidden;
  color: #6a4410;
  color: var(--ticket-left-title-color);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Arial;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding-right: 13px
}

[dir=rtl] .voucher-ticket .ticket .ticket-left .title span {
  padding-right: 0;
  padding-left: 13px
}

.voucher-ticket .ticket .ticket-left .title .info {
  position: absolute;
  right: 0;
  color: #f90;
  color: var(--ticket-left-title-info-color)
}

[dir=rtl] .voucher-ticket .ticket .ticket-left .title .info {
  right: auto;
  left: 0
}

.voucher-ticket .ticket .ticket-left .reward {
  position: absolute;
  top: 56.5px;
  left: 20px;
  width: 80px;
  height: 120px;
  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;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  cursor: pointer
}

[dir=rtl] .voucher-ticket .ticket .ticket-left .reward {
  left: auto;
  right: 20px
}

.voucher-ticket .ticket .ticket-left .reward .promotionImg {
  width: 64px;
  height: 64px;
  -webkit-filter: drop-shadow(0 0 15px rgba(255, 223, 83, .8));
  filter: drop-shadow(0 0 15px rgba(255, 223, 83, .8))
}

.voucher-ticket .ticket .ticket-left .reward .task-reward-img-wrapper .halo {
  display: none
}

.voucher-ticket .ticket .ticket-left .reward .task-reward-img-wrapper .task-reward-img {
  width: 64px;
  height: 64px;
  top: 13px;
  left: 16px;
  -webkit-filter: drop-shadow(0 0 15px rgba(255, 223, 83, .8));
  filter: drop-shadow(0 0 15px rgba(255, 223, 83, .8))
}

.voucher-ticket .ticket .ticket-left .reward .task-reward-img-wrapper .tag-game-item-type {
  scale: 1.28
}

.voucher-ticket .ticket .ticket-left .reward .task-reward-img-wrapper .card-box {
  scale: .64;
  margin-top: -10px
}

.voucher-ticket .ticket .ticket-left .reward .task-reward-img-wrapper span:after {
  -webkit-text-stroke-color: #4f0102;
  -webkit-text-stroke-color: var(--reward-text-stroke-color);
  text-shadow: 0 0 2px #4f0102;
  text-shadow: var(--reward-text-shadow);
  -webkit-text-stroke-width: 4px
}

.voucher-ticket .ticket .ticket-left .content {
  position: absolute;
  top: 56.5px;
  left: 112px;
  width: calc(100% - 132px);
  height: 120px
}

.voucher-ticket .ticket .ticket-left .content .description {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 36px;
  -webkit-line-clamp: 2;
  color: #e28801;
  color: var(--ticket-left-description-color);
  display: -webkit-box;
  overflow: hidden;
  cursor: pointer;
  word-break: break-all
}

[dir=rtl] .voucher-ticket .ticket .ticket-left .content .description {
  left: auto;
  right: 0
}

.voucher-ticket .ticket .ticket-left .content .description a, .voucher-ticket .ticket .ticket-left .content .description div:not(.more), .voucher-ticket .ticket .ticket-left .content .description li, .voucher-ticket .ticket .ticket-left .content .description p, .voucher-ticket .ticket .ticket-left .content .description span:not(.moreText) {
  padding: 0 !important;
  margin: 0 !important;
  color: #e28801 !important;
  color: var(--ticket-left-description-color) !important;
  font-family: Arial !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 18px !important
}

.voucher-ticket .ticket .ticket-left .content .description .more {
  position: absolute;
  height: 18px;
  right: 0;
  bottom: 0;
  padding-left: 3px;
  font-family: Arial;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
  background: #fcf2e9;
  background: var(--ticket-left-description-more-bg)
}

.voucher-ticket .ticket .ticket-left .content .description .more .moreText {
  color: #a96201;
  color: var(--ticket-left-description-more-color)
}

.voucher-ticket .ticket .ticket-left .content .time {
  position: absolute;
  top: 45px;
  left: 0;
  width: 100%;
  height: 36px;
  white-space: nowrap;
  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: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  line-height: 16px;
  cursor: pointer
}

.voucher-ticket .ticket .ticket-left .content .time span {
  color: #696969;
  color: var(--ticket-left-time-color);
  font-family: Arial;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px
}

.voucher-ticket .ticket .ticket-left .content .code {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 32px;
  padding: 4px 8px;
  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;
  border-radius: 3px;
  background: #b2b2b2;
  background: var(--ticket-left-code-disabled-bg)
}

.voucher-ticket .ticket .ticket-left .content .code span {
  color: #ddd;
  color: var(--ticket-left-code-disabled-color);
  text-align: center;
  font-family: Arial;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px
}

.voucher-ticket .ticket .ticket-left .content .code.codeVerticalCenter {
  bottom: calc(50% - 12px)
}

.voucher-ticket .ticket .ticket-left .content .code .copy {
  position: absolute;
  right: 0;
  width: 40px;
  height: 40px;
  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
}

[dir=rtl] .voucher-ticket .ticket .ticket-left .content .code .copy {
  right: auto;
  left: 0
}

.voucher-ticket .ticket .ticket-left .content .code .copy svg {
  width: 100%;
  height: 100%;
  color: #ddd;
  color: var(--ticket-left-code-disabled-copy-color)
}

.voucher-ticket .ticket .ticket-left .content .code.active {
  background: #b6ac9e;
  background: var(--ticket-left-code-active-bg)
}

.voucher-ticket .ticket .ticket-left .content .code.active span {
  color: #fbfbfb;
  color: var(--ticket-left-code-active-color)
}

.voucher-ticket .ticket .ticket-left .content .code.active .copy {
  cursor: pointer
}

.voucher-ticket .ticket .ticket-left .content .code.active .copy svg {
  color: #fff;
  color: var(--ticket-left-code-active-copy-color)
}

.voucher-ticket .ticket .ticket-right {
  position: relative;
  width: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 6px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 10px;
  gap: 10px;
  align-self: stretch;
  background: #b2b2b2;
  background: var(--ticket-right-disabled-bg);
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-radius: 5px;
  -webkit-mask: radial-gradient(circle at 0, at 0, transparent 6px, red 0), radial-gradient(circle at right 0, transparent 0, red 0), radial-gradient(circle at 0, at 100%, transparent 6px, red 0), radial-gradient(circle at right 100%, transparent 0, red 0);
  -webkit-mask: radial-gradient(circle at 0 0, transparent 6px, red 0), radial-gradient(circle at right 0, transparent 0, red 0), radial-gradient(circle at 0 100%, transparent 6px, red 0), radial-gradient(circle at right 100%, transparent 0, red 0);
  -webkit-mask-composite: source-in;
  -webkit-box-shadow: inset 0 -5px 2px -5px #fff, inset 0 5px 2px -5px #fff, inset -5px 0 2px -5px #fff;
  box-shadow: inset 0 -5px 2px -5px #fff, inset 0 5px 2px -5px #fff, inset -5px 0 2px -5px #fff
}

.voucher-ticket .ticket .ticket-right:after, .voucher-ticket .ticket .ticket-right:before {
  content: "";
  position: absolute;
  left: -6px;
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  -webkit-box-shadow: 0 0 2px #fff, 0 0 2px #fff;
  box-shadow: 0 0 2px #fff, 0 0 2px #fff
}

.voucher-ticket .ticket .ticket-right:before {
  top: -6px
}

.voucher-ticket .ticket .ticket-right:after {
  bottom: -6px
}

.voucher-ticket .ticket .ticket-right .countText {
  font-size: 12px;
  font-weight: 400
}

.voucher-ticket .ticket .ticket-right .countNum, .voucher-ticket .ticket .ticket-right .countText {
  color: #ddd;
  color: var(--ticket-right-disabled-color);
  text-align: center;
  font-family: Arial;
  font-style: normal;
  line-height: normal
}

.voucher-ticket .ticket .ticket-right .countNum {
  text-shadow: 0 1px 2px rgba(0, 0, 0, .8);
  font-size: 32px;
  font-weight: 700
}

.voucher-ticket .ticket .ticket-right .exchangeButton {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 10px;
  gap: 10px;
  border-radius: 50px;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .25);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .25);
  text-align: center;
  background: #ddd;
  background: var(--ticket-right-disabled-button-bg);
  color: #afafaf;
  color: var(--ticket-right-disabled-button-color);
  font-family: Arial;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  cursor: auto
}

.voucher-ticket .ticket .ticket-right.active {
  background: #f90;
  background: var(--ticket-right-active-bg)
}

.voucher-ticket .ticket .ticket-right.active .countNum, .voucher-ticket .ticket .ticket-right.active .countText {
  color: #fff;
  color: var(--ticket-right-active-color)
}

.voucher-ticket .ticket .ticket-right.active .exchangeButton {
  background: #fbfbfb;
  background: var(--ticket-right-active-button-bg);
  color: #6a4410;
  color: var(--ticket-right-active-button-color);
  cursor: pointer
}

.voucher-ticket .ticket:nth-child(odd) {
  margin-right: 24px
}

.voucher-ticket .ticket:last-child {
  margin-bottom: 20px
}

.popup-voucherTicketDetail {
  width: 100%;
  height: 100dvh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden
}

.popup-voucherTicketDetail .voucherTicketDetail-content {
  position: relative;
  width: 640px;
  max-width: 100%
}

.popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicket-close-btn {
  position: absolute;
  z-index: 1;
  top: -80px;
  right: -3px;
  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;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-image: none;
  opacity: 1;
  background: #007b87;
  cursor: pointer
}

[dir=rtl] .popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicket-close-btn {
  right: auto;
  left: -3px
}

.popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicket-close-btn:after, .popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicket-close-btn:before {
  display: block;
  background: #fff;
  width: 1.8125rem;
  height: .3rem;
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  border-radius: .625rem;
  content: "";
  -webkit-transition: -webkit-transform .3s cubic-bezier(.9, -.6, .3, 1.6);
  transition: -webkit-transform .3s cubic-bezier(.9, -.6, .3, 1.6);
  transition: transform .3s cubic-bezier(.9, -.6, .3, 1.6);
  transition: transform .3s cubic-bezier(.9, -.6, .3, 1.6), -webkit-transform .3s cubic-bezier(.9, -.6, .3, 1.6);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg)
}

.popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicket-close-btn:before {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg)
}

.popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicket-close-btn:after {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg)
}

.popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicket-close-btn:hover:before {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg) scale(1.15);
  transform: translate(-50%, -50%) rotate(-45deg) scale(1.15)
}

.popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicket-close-btn:hover:after {
  -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(1.15);
  transform: translate(-50%, -50%) rotate(45deg) scale(1.15)
}

.popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-countdown {
  position: absolute;
  z-index: 1;
  left: 18px;
  top: -14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 26px;
  padding: 0 6px 0 18px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 4px;
  gap: 4px;
  border-radius: 1px;
  background: #e20000
}

.popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-countdown .lightning {
  position: absolute;
  left: -8px;
  top: -3px;
  width: 23px;
  height: 32px;
  aspect-ratio: 23/32
}

.popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-countdown span {
  color: #fff;
  text-align: center;
  font-family: Arial;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 11px
}

.popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-countdown .voucherTicketDetail-countdownTime {
  width: 20px;
  height: 20px;
  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;
  background: #000
}

.popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-countdown .voucherTicketDetail-countdownTime.day {
  width: 28px
}

.popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-countdown .voucherTicketDetail-countdownTime.day .countSlide:first-child, .popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-countdown .voucherTicketDetail-countdownTime.day .countSlide:last-child {
  margin: 0
}

.popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-countdown .voucherTicketDetail-countdownTime span {
  color: #fff;
  text-align: center;
  font-family: Arial;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px
}

.popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-reward {
  position: absolute;
  top: -50px;
  width: 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;
  zoom: 1.2
}

.popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-reward .promotionImg {
  width: 83.334px;
  height: 83.334px;
  z-index: 1;
  -o-object-fit: contain;
  object-fit: contain;
  margin-top: 10px;
  -webkit-filter: drop-shadow(0 5px 5px rgba(0, 0, 0, .25));
  filter: drop-shadow(0 5px 5px rgba(0, 0, 0, .25))
}

.popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-reward .task-reward-img-wrapper span:after {
  -webkit-text-stroke-color: #4f0102;
  -webkit-text-stroke-color: var(--reward-text-stroke-color);
  text-shadow: 0 0 2px #4f0102;
  text-shadow: var(--reward-text-shadow);
  -webkit-text-stroke-width: 4px
}

.popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-reward .task-reward-img-wrapper .halo {
  display: none
}

.popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-reward .task-reward-img-wrapper .task-reward-img {
  width: 83.334px;
  height: 83.334px;
  top: 4px;
  left: 9px;
  -webkit-filter: drop-shadow(0 5px 5px rgba(0, 0, 0, .25));
  filter: drop-shadow(0 5px 5px rgba(0, 0, 0, .25))
}

.popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-reward .task-reward-img-wrapper .tag-game-item-type {
  scale: 1.4;
  top: -2.5px;
  left: -7.58px
}

.popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-reward .task-reward-img-wrapper .card-box {
  scale: .8333;
  margin-top: -10px
}

.popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-reward .task-reward-img-wrapper span {
  font-size: 25px;
  top: 84px
}

.popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-top {
  position: relative;
  width: 100%;
  min-height: 165px;
  max-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;
  border-radius: 8px;
  background: linear-gradient(102deg, #fff 2.22%, #f9f0f0 50.93%, #fff4e3 99.64%);
  background: var(--ticket-popup-top-bg);
  -webkit-mask: radial-gradient(circle at 0, at 100%, transparent 10px, red 0), radial-gradient(circle at 100%, at 100%, transparent 10px, red 0);
  -webkit-mask: radial-gradient(circle at 0 100%, transparent 10px, red 0), radial-gradient(circle at 100% 100%, transparent 10px, red 0);
  -webkit-mask-composite: source-in;
  border-bottom: 1px dashed #6a4410;
  border-bottom: 1px dashed var(--ticket-popup-top-border-color);
  -webkit-box-shadow: inset 0 5px 3px -5px #fff, inset -5px 0 3px -5px #fff, inset 5px 0 3px -5px #fff;
  box-shadow: inset 0 5px 3px -5px #fff, inset -5px 0 3px -5px #fff, inset 5px 0 3px -5px #fff
}

.popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-top:after, .popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-top:before {
  content: "";
  position: absolute;
  bottom: -10px;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  -webkit-box-shadow: 0 0 3px #fff, 0 0 3px #fff;
  box-shadow: 0 0 3px #fff, 0 0 3px #fff
}

.popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-top:before {
  left: -10px
}

.popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-top:after {
  right: -10px
}

.popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-top .voucherTicketDetail-info {
  position: relative;
  left: 80px;
  margin-top: 91px;
  margin-bottom: 30px;
  width: calc(100% - 160px);
  background-color: #fff;
  background-color: var(--ticket-popup-top-description-bg);
  border-radius: 0 0 5px 5px
}

[dir=rtl] .popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-top .voucherTicketDetail-info {
  left: auto;
  right: 80px
}

.popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-top .voucherTicketDetail-info .voucherTicketDetail-title {
  position: relative;
  z-index: 1;
  width: 100%;
  min-height: 42px;
  height: auto;
  padding: 8px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  border-radius: 5px;
  background: #f90;
  background: var(--ticket-popup-top-title-bg);
  -webkit-box-shadow: 1.388px 1.388px 4.163px 0 rgba(0, 0, 0, .25);
  box-shadow: 1.388px 1.388px 4.163px 0 rgba(0, 0, 0, .25);
  color: #fff;
  color: var(--ticket-popup-top-title-color);
  text-shadow: 1px 1px 2px #000;
  text-shadow: var(--ticket-popup-top-title-text-shadow);
  font-family: Arial;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px
}

.popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-top .voucherTicketDetail-info .voucherTicketDetail-description {
  position: relative;
  width: 100%;
  min-height: 47px;
  height: auto;
  max-height: 305px;
  padding: 12px;
  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-align: self-start;
  -ms-flex-align: self-start;
  align-items: self-start;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  border-radius: 5px;
  word-break: break-all;
  overflow-y: auto
}

.popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-top .voucherTicketDetail-info .voucherTicketDetail-description .voucherTicketDetail-time {
  position: relative;
  width: 100%;
  height: auto
}

.popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-top .voucherTicketDetail-info .voucherTicketDetail-description .voucherTicketDetail-time div, .popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-top .voucherTicketDetail-info .voucherTicketDetail-description .voucherTicketDetail-time span {
  color: #696969;
  color: var(--ticket-popup-top-time-color);
  font-family: Arial;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal
}

.popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-top .voucherTicketDetail-info .voucherTicketDetail-description .voucherTicketDetail-time span {
  white-space: nowrap
}

.popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-top .voucherTicketDetail-info .voucherTicketDetail-description .voucherTicketDetail-time .bold {
  font-weight: 700
}

.popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-top .voucherTicketDetail-info .voucherTicketDetail-description .voucherTicketDetail-line {
  width: 99%;
  border-top: 1px solid #696969;
  border-top: 1px solid var(--ticket-popup-top-description-hr-color);
  border-bottom: 0;
  margin: 12px 0
}

.popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-top .voucherTicketDetail-info .voucherTicketDetail-description .v-html-default a, .popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-top .voucherTicketDetail-info .voucherTicketDetail-description .v-html-default div, .popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-top .voucherTicketDetail-info .voucherTicketDetail-description .v-html-default li, .popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-top .voucherTicketDetail-info .voucherTicketDetail-description .v-html-default p, .popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-top .voucherTicketDetail-info .voucherTicketDetail-description .v-html-default span {
  padding: 0 !important;
  margin: 0 !important;
  color: #e28801 !important;
  color: var(--ticket-popup-top-description-color) !important;
  font-family: Helvetica Neue !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 22px !important
}

.popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-bottom {
  position: relative;
  width: 100%;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 8px;
  background: #b2b2b2;
  background: var(--ticket-popup-bottom-disabled-bg);
  padding: 20px 80px;
  -webkit-mask: radial-gradient(circle at 0, at 0, transparent 10px, red 0), radial-gradient(circle at 100%, at 0, transparent 10px, red 0);
  -webkit-mask: radial-gradient(circle at 0 0, transparent 10px, red 0), radial-gradient(circle at 100% 0, transparent 10px, red 0);
  -webkit-mask-composite: source-in;
  -webkit-box-shadow: inset 0 -5px 3px -5px #fff, inset -5px 0 3px -5px #fff, inset 5px 0 3px -5px #fff;
  box-shadow: inset 0 -5px 3px -5px #fff, inset -5px 0 3px -5px #fff, inset 5px 0 3px -5px #fff
}

.popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-bottom:after, .popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-bottom:before {
  content: "";
  position: absolute;
  top: -10px;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  -webkit-box-shadow: 0 0 3px #fff, 0 0 3px #fff;
  box-shadow: 0 0 3px #fff, 0 0 3px #fff
}

.popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-bottom:before {
  left: -10px
}

.popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-bottom:after {
  right: -10px
}

.popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-bottom .voucherTicketDetail-code {
  position: relative;
  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;
  grid-gap: 10px;
  gap: 10px;
  align-self: stretch;
  border-radius: 5px;
  background: #ddd;
  background: var(--ticket-popup-bottom-code-disabled-bg);
  color: #afafaf;
  color: var(--ticket-popup-bottom-code-disabled-color);
  text-align: center;
  font-family: Arial;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal
}

.popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-bottom .voucherTicketDetail-code .voucherTicketDetail-copy {
  position: absolute;
  right: 4px;
  width: 30px;
  height: 30px;
  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
}

[dir=rtl] .popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-bottom .voucherTicketDetail-code .voucherTicketDetail-copy {
  right: auto;
  left: 4px
}

.popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-bottom .voucherTicketDetail-code .voucherTicketDetail-copy svg {
  width: 100%;
  height: 100%;
  color: #afafaf;
  color: var(--ticket-popup-bottom-code-disabled-copy-color)
}

.popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-bottom.active {
  background: #f90;
  background: var(--ticket-popup-bottom-active-bg)
}

.popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-bottom.active .voucherTicketDetail-code {
  background: #fff4e3;
  background: var(--ticket-popup-bottom-code-active-bg);
  color: #696969;
  color: var(--ticket-popup-bottom-code-active-color)
}

.popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-bottom.active .voucherTicketDetail-code .voucherTicketDetail-copy {
  cursor: pointer
}

.popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-bottom.active .voucherTicketDetail-code .voucherTicketDetail-copy svg {
  color: #f90;
  color: var(--ticket-popup-bottom-code-active-copy-color)
}

.mobile-app .voucher-ticket {
  border-top: 1px dashed #ddd;
  border-top: 1px dashed var(--mobile-voucher-ticket-border-top-color)
}

.mobile-app .voucher-ticket .ticket {
  width: 100%;
  height: 124px
}

.mobile-app .voucher-ticket .ticket .countdown {
  height: 22px;
  padding: 0 4px 0 14px
}

.mobile-app .voucher-ticket .ticket .countdown .lightning {
  width: 17px;
  height: 26px;
  aspect-ratio: 17/26
}

.mobile-app .voucher-ticket .ticket .countdown span {
  margin: 0 -3px
}

.mobile-app .voucher-ticket .ticket .countdown .time {
  width: 16px;
  height: 16px
}

.mobile-app .voucher-ticket .ticket .countdown .time.day {
  width: 22px
}

.mobile-app .voucher-ticket .ticket .countdown .time span {
  font-size: 10px
}

.mobile-app .voucher-ticket .ticket .ticket-left {
  width: calc(100% - 72px);
  padding: 10px 12px
}

.mobile-app .voucher-ticket .ticket .ticket-left .title {
  top: 10px;
  left: 12px;
  width: calc(100% - 24px);
  height: 14px;
  padding: 0 2px 4px 0
}

.mobile-app .voucher-ticket .ticket .ticket-left .title span {
  font-size: 12px
}

.mobile-app .voucher-ticket .ticket .ticket-left .reward {
  top: 45.5px;
  width: 42px;
  height: 76px;
  zoom: .8
}

.mobile-app .voucher-ticket .ticket .ticket-left .reward .promotionImg {
  width: 40px;
  height: 40px;
  -o-object-fit: contain;
  object-fit: contain
}

.mobile-app .voucher-ticket .ticket .ticket-left .reward .task-reward-img-wrapper .task-reward-img {
  width: 40px;
  height: 40px;
  top: 16.33px;
  left: 19.67px
}

.mobile-app .voucher-ticket .ticket .ticket-left .reward .task-reward-img-wrapper .tag-game-item-type {
  scale: 1
}

.mobile-app .voucher-ticket .ticket .ticket-left .reward .task-reward-img-wrapper .card-box {
  scale: .5
}

.mobile-app .voucher-ticket .ticket .ticket-left .reward .task-reward-img-wrapper span {
  font-size: 12px;
  top: 46px;
  zoom: 1.25
}

.mobile-app .voucher-ticket .ticket .ticket-left .content {
  top: 38px;
  left: 58px;
  width: calc(100% - 70px);
  height: 76px
}

[dir=rtl] .mobile-app .voucher-ticket .ticket .ticket-left .content {
  left: auto;
  right: 58px
}

.mobile-app .voucher-ticket .ticket .ticket-left .content .description {
  height: 24px;
  font-size: 10px;
  line-height: 12px
}

.mobile-app .voucher-ticket .ticket .ticket-left .content .description a, .mobile-app .voucher-ticket .ticket .ticket-left .content .description div:not(.more), .mobile-app .voucher-ticket .ticket .ticket-left .content .description li, .mobile-app .voucher-ticket .ticket .ticket-left .content .description p, .mobile-app .voucher-ticket .ticket .ticket-left .content .description span:not(.moreText) {
  font-size: 10px !important;
  line-height: 12px !important
}

.mobile-app .voucher-ticket .ticket .ticket-left .content .description .more {
  font-size: 10px;
  line-height: 12px;
  height: 12px
}

.mobile-app .voucher-ticket .ticket .ticket-left .content .time {
  top: 21px;
  line-height: 11px
}

.mobile-app .voucher-ticket .ticket .ticket-left .content .time span {
  font-size: 10px;
  line-height: 11px
}

.mobile-app .voucher-ticket .ticket .ticket-left .content .time .useTime span {
  font-size: 8px;
  line-height: normal
}

.mobile-app .voucher-ticket .ticket .ticket-left .content .code {
  height: 14px;
  padding: 2px 8px
}

.mobile-app .voucher-ticket .ticket .ticket-left .content .code span {
  font-size: 7px;
  line-height: 8px
}

.mobile-app .voucher-ticket .ticket .ticket-left .content .code.codeVerticalCenter {
  bottom: calc(50% - 12px)
}

.mobile-app .voucher-ticket .ticket .ticket-left .content .code .copy {
  width: 16.5px;
  height: 16.5px;
  right: 5px
}

[dir=rtl] .mobile-app .voucher-ticket .ticket .ticket-left .content .code .copy {
  right: auto;
  left: 5px
}

.mobile-app .voucher-ticket .ticket .ticket-right {
  width: 72px
}

.mobile-app .voucher-ticket .ticket .ticket-right .countText {
  font-size: 10px
}

.mobile-app .voucher-ticket .ticket .ticket-right .countNum {
  font-size: 16px
}

.mobile-app .voucher-ticket .ticket .ticket-right .exchangeButton {
  font-size: 9px;
  padding: 6px 8px
}

.mobile-app .voucher-ticket .ticket:nth-child(odd) {
  margin-right: 0
}

.mobile-app .popup-voucherTicketDetail .voucherTicketDetail-content {
  width: 355px
}

.mobile-app .popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-countdown {
  padding: 0 4px 0 14px
}

.mobile-app .popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-countdown span {
  margin: 0 -3px
}

.mobile-app .popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-countdown .voucherTicketDetail-countdownTime {
  width: 16px;
  height: 16px
}

.mobile-app .popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-countdown .voucherTicketDetail-countdownTime.day {
  width: 22px
}

.mobile-app .popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-countdown .voucherTicketDetail-countdownTime span {
  font-size: 10px;
  line-height: 11px
}

.mobile-app .popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-reward .task-reward-img-wrapper {
  width: 100px;
  height: 108px
}

.mobile-app .popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-top {
  min-height: 130px
}

.mobile-app .popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-top .voucherTicketDetail-info {
  left: 24px;
  margin-top: 88px;
  width: calc(100% - 48px)
}

[dir=rtl] .mobile-app .popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-top .voucherTicketDetail-info {
  left: auto;
  right: 24px
}

.mobile-app .popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-top .voucherTicketDetail-info .voucherTicketDetail-title {
  font-size: 18px;
  line-height: 24px
}

.mobile-app .popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-top .voucherTicketDetail-info .voucherTicketDetail-description {
  max-height: 257px
}

.mobile-app .popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-top .voucherTicketDetail-info .voucherTicketDetail-time div, .mobile-app .popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-top .voucherTicketDetail-info .voucherTicketDetail-time span {
  font-size: 14px
}

.mobile-app .popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-top .voucherTicketDetail-info .v-html-default a, .mobile-app .popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-top .voucherTicketDetail-info .v-html-default div, .mobile-app .popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-top .voucherTicketDetail-info .v-html-default li, .mobile-app .popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-top .voucherTicketDetail-info .v-html-default p, .mobile-app .popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-top .voucherTicketDetail-info .v-html-default span {
  font-size: 16px !important
}

.mobile-app .popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-bottom {
  padding: 20px 40px
}

@media only screen and (min-width:500px) and (max-width:1023px) and (orientation:landscape) {
  .mobile-app .voucher-ticket {
    border-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
  }

  .mobile-app .voucher-ticket .ticket .ticket-left .title span {
    text-shadow: 1px 1px 2px #000
  }

  .mobile-app .voucher-ticket .ticket .ticket-left .reward .task-reward-img-wrapper span {
    -webkit-filter: none;
    filter: none
  }

  .mobile-app .voucher-ticket .ticket .ticket-left .reward .task-reward-img-wrapper span:after {
    -webkit-text-stroke-width: 2px
  }

  .mobile-app .voucher-ticket .ticket .ticket-left .content .code {
    -webkit-box-shadow: 0 0 5.5px 0 #fff;
    box-shadow: 0 0 5.5px 0 #fff
  }

  .mobile-app .voucher-ticket .ticket .ticket-right .exchangeButton {
    border-radius: 5px
  }

  .mobile-app .voucher-ticket .ticket .ticket-right.active .exchangeButton {
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5), 0 -3px 7px 0 #19e616 inset;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5), inset 0 -3px 7px 0 #19e616;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5), 0 -3px 7px 0 var(--ticket-right-active-button-box-shadow-color) inset;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5), 0 -3px 7px 0 var(--ticket-right-active-button-box-shadow-color) inset
  }

  .mobile-app .voucher-ticket .ticket .ticket-right.active .exchangeButton span {
    text-shadow: 1px 1px 2px #000
  }

  .mobile-app .popup-voucherTicketDetail {
    padding: 44px 24px 4px
  }

  .mobile-app .popup-voucherTicketDetail .voucherTicketDetail-content {
    width: 500px
  }

  .mobile-app .popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicket-close-btn {
    top: -38px;
    width: 30px;
    height: 30px
  }

  .mobile-app .popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicket-close-btn:after, .mobile-app .popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicket-close-btn:before {
    display: none
  }

  .mobile-app .popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-reward {
    top: -40px
  }

  .mobile-app .popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-reward .promotionImg {
    width: 53.334px;
    height: 53.334px;
    margin-top: 10px
  }

  .mobile-app .popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-reward .task-reward-img-wrapper span {
    -webkit-filter: none;
    filter: none
  }

  .mobile-app .popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-reward .task-reward-img-wrapper span:after {
    -webkit-text-stroke-color: #4f0102;
    -webkit-text-stroke-color: var(--reward-text-stroke-color);
    text-shadow: 0 0 2px #4f0102;
    text-shadow: var(--reward-text-shadow);
    -webkit-text-stroke-width: 2px
  }

  .mobile-app .popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-reward .task-reward-img-wrapper .halo {
    display: none
  }

  .mobile-app .popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-reward .task-reward-img-wrapper .task-reward-img {
    width: 53.334px;
    height: 53.334px;
    top: 10px;
    left: 28px
  }

  .mobile-app .popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-reward .task-reward-img-wrapper .tag-game-item-type {
    scale: 1;
    top: 10px;
    left: 8.33px
  }

  .mobile-app .popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-reward .task-reward-img-wrapper .card-box {
    scale: .5333;
    margin-top: -15px
  }

  .mobile-app .popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-reward .task-reward-img-wrapper span {
    font-size: 18px;
    line-height: 20px;
    top: 63px
  }

  .mobile-app .popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-top .voucherTicketDetail-info {
    margin-top: 54px;
    left: 40px;
    margin-bottom: 16px;
    width: calc(100% - 80px)
  }

  .mobile-app .popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-top .voucherTicketDetail-info .voucherTicketDetail-title {
    font-size: 14px;
    line-height: 18px;
    text-shadow: 1px 1px 2px #000
  }

  .mobile-app .popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-top .voucherTicketDetail-info .voucherTicketDetail-description {
    min-height: 72px;
    max-height: 126px
  }

  .mobile-app .popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-top .voucherTicketDetail-info .voucherTicketDetail-description .voucherTicketDetail-time div, .mobile-app .popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-top .voucherTicketDetail-info .voucherTicketDetail-description .voucherTicketDetail-time span {
    font-size: 12px;
    line-height: 14px
  }

  .mobile-app .popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-top .voucherTicketDetail-info .voucherTicketDetail-description .v-html-default a, .mobile-app .popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-top .voucherTicketDetail-info .voucherTicketDetail-description .v-html-default div, .mobile-app .popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-top .voucherTicketDetail-info .voucherTicketDetail-description .v-html-default li, .mobile-app .popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-top .voucherTicketDetail-info .voucherTicketDetail-description .v-html-default p, .mobile-app .popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-top .voucherTicketDetail-info .voucherTicketDetail-description .v-html-default span {
    font-family: Arial !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 14px !important
  }

  .mobile-app .popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-bottom {
    height: 58px;
    padding: 15px 40px
  }

  .mobile-app .popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-bottom .voucherTicketDetail-code {
    font-size: 14px
  }

  .mobile-app .popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicketDetail-bottom .voucherTicketDetail-code .voucherTicketDetail-copy {
    width: 20px;
    height: 20px
  }
}

.scrollToTop {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #fd0;
  position: fixed;
  right: 15px;
  bottom: 15px;
  z-index: 100;
  text-align: center;
  font-size: 30px;
  line-height: 35px;
  -webkit-box-shadow: 0 0 10px 0 rgba(30, 60, 114, .5);
  box-shadow: 0 0 10px 0 rgba(30, 60, 114, .5);
  cursor: pointer
}

.scrollToTop a {
  display: block;
  color: #000
}

.scrollToTop:hover {
  background: #998500
}

.mobile-app .scrollToTop {
  width: 10.6666666667vmin;
  height: 10.6666666667vmin;
  right: 4vmin;
  bottom: 18.6666666667vmin;
  font-size: 8vmin;
  line-height: 10.6666666667vmin
}

@media only screen and (min-width:768px) {
  .mobile-app .scrollToTop {
    width: 5.3333333333vmin;
    height: 5.3333333333vmin;
    right: 2vmin;
    bottom: 9.3333333333vmin;
    font-size: 4vmin;
    line-height: 5.3333333333vmin
  }
}

.pagination-wrapper {
  margin-top: 0;
  margin-bottom: 30px;
  text-align: center
}

.pagination-wrapper .el-pagination, .pagination-wrapper .el-pagination.is-background {
  margin: 0;
  padding: 0;
  border: 1px solid rgba(108, 95, 78, .2);
  display: inline-block
}

.pagination-wrapper .el-pagination .btn-next, .pagination-wrapper .el-pagination .btn-prev, .pagination-wrapper .el-pagination.is-background .btn-next, .pagination-wrapper .el-pagination.is-background .btn-prev, .pagination-wrapper .el-pagination.is-background ul.el-pager li, .pagination-wrapper .el-pagination ul.el-pager li {
  color: #888;
  margin: 0;
  border-left: 1px solid rgba(108, 95, 78, .2);
  border-radius: 0;
  background: #fff
}

.pagination-wrapper .el-pagination .btn-prev, .pagination-wrapper .el-pagination.is-background .btn-prev {
  border: none
}

.pagination-wrapper .el-pagination.is-background ul.el-pager>li:focus, .pagination-wrapper .el-pagination.is-background ul.el-pager>li:hover, .pagination-wrapper .el-pagination.is-background ul.el-pager li:not(.disabled):focus, .pagination-wrapper .el-pagination.is-background ul.el-pager li:not(.disabled):hover, .pagination-wrapper .el-pagination ul.el-pager>li:focus, .pagination-wrapper .el-pagination ul.el-pager>li:hover, .pagination-wrapper .el-pagination ul.el-pager li:not(.disabled):focus, .pagination-wrapper .el-pagination ul.el-pager li:not(.disabled):hover {
  color: #333;
  background: #eee
}

.pagination-wrapper .el-pagination.is-background ul.el-pager>li.active, .pagination-wrapper .el-pagination.is-background ul.el-pager>li.active:focus, .pagination-wrapper .el-pagination.is-background ul.el-pager>li:not(.disabled).active:hover, .pagination-wrapper .el-pagination.is-background ul.el-pager li:not(.disabled).active, .pagination-wrapper .el-pagination ul.el-pager>li.active, .pagination-wrapper .el-pagination ul.el-pager>li.active:focus, .pagination-wrapper .el-pagination ul.el-pager>li:not(.disabled).active:hover, .pagination-wrapper .el-pagination ul.el-pager li:not(.disabled).active {
  background-color: #6c5f4e;
  border-color: 1px solid rgba(108, 95, 78, .2);
  color: #fff
}

.pagination-wrapper .el-pagination.is-background button[disabled], .pagination-wrapper .el-pagination.is-background button[disabled]:focus, .pagination-wrapper .el-pagination.is-background button[disabled]:hover, .pagination-wrapper .el-pagination.is-background ul.el-pager>li.disabled, .pagination-wrapper .el-pagination.is-background ul.el-pager>li.disabled:focus, .pagination-wrapper .el-pagination.is-background ul.el-pager>li.disabled:hover, .pagination-wrapper .el-pagination button[disabled], .pagination-wrapper .el-pagination button[disabled]:focus, .pagination-wrapper .el-pagination button[disabled]:hover, .pagination-wrapper .el-pagination ul.el-pager>li.disabled, .pagination-wrapper .el-pagination ul.el-pager>li.disabled:focus, .pagination-wrapper .el-pagination ul.el-pager>li.disabled:hover {
  color: #eee
}

#member-section .member-content .form-group {
  position: relative;
  margin-bottom: 30px;
  *zoom: 1
}

@media only screen and (max-width:767px) {
  #member-section .member-content .form-group {
    margin-bottom: 20px
  }
}

#member-section .member-content .form-group:after, #member-section .member-content .form-group:before {
  content: " ";
  display: table
}

#member-section .member-content .form-group:after {
  clear: both
}

#member-section .member-content .form-group .el-select {
  width: 100%
}

#member-section .member-content .form-group h4 {
  margin: 5px;
  color: #6c5f4e;
  font-size: 18px;
  line-height: 30px
}

#member-section .member-content .form-group h4 span {
  position: relative
}

#member-section .member-content .form-group h4 span:after {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #c00;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  z-index: 1;
  content: "";
  display: inline-block;
  right: -15px
}

#member-section .member-content .form-group .input-group {
  position: relative;
  display: table;
  width: 100%;
  border-collapse: separate;
  *zoom: 1
}

#member-section .member-content .form-group .input-group:after, #member-section .member-content .form-group .input-group:before {
  content: " ";
  display: table
}

#member-section .member-content .form-group .input-group:after {
  clear: both
}

#member-section .member-content .form-group .form-input, #member-section .member-content .form-group .form-input-el .el-input__inner {
  display: block;
  width: 100%;
  height: 50px;
  padding: 10px;
  font-size: 16px;
  line-height: 30px;
  color: #606266;
  border: none;
  border-bottom: 1px solid #ddd;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: none;
  transition: none;
  border-radius: 0
}

#member-section .member-content .form-group .form-input-el .el-input__inner::-webkit-input-placeholder, #member-section .member-content .form-group .form-input::-webkit-input-placeholder {
  color: #999;
  opacity: 1
}

#member-section .member-content .form-group .form-input-el .el-input__inner::-moz-placeholder, #member-section .member-content .form-group .form-input::-moz-placeholder {
  color: #999;
  opacity: 1
}

#member-section .member-content .form-group .form-input-el .el-input__inner::-ms-input-placeholder, #member-section .member-content .form-group .form-input::-ms-input-placeholder {
  color: #999;
  opacity: 1
}

#member-section .member-content .form-group .form-input-el .el-input__inner::placeholder, #member-section .member-content .form-group .form-input::placeholder {
  color: #999;
  opacity: 1
}

#member-section .member-content .form-group .form-input-el .el-input__inner::input-placeholder, #member-section .member-content .form-group .form-input::input-placeholder {
  color: #999
}

#member-section .member-content .form-group .form-input-el .el-input__inner fieldset[disabled], #member-section .member-content .form-group .form-input-el [disabled].el-input__inner, #member-section .member-content .form-group .form-input[disabled], #member-section .member-content .form-group .form-input fieldset[disabled] {
  color: #a8a8a8;
  background: #f3f3f3;
  border-radius: 5px;
  border: 0 solid transparent;
  opacity: 1;
  -webkit-text-fill-color: #a8a8a8
}

#member-section .member-content .form-group .form-input-el [disabled].el-input__inner, #member-section .member-content .form-group .form-input[disabled], fieldset[disabled] #member-section .member-content .form-group .form-input, fieldset[disabled] #member-section .member-content .form-group .form-input-el .el-input__inner {
  cursor: not-allowed
}

#member-section .member-content .form-group .form-input-el {
  display: block
}

#member-section .member-content .form-group .form-input-el .el-input__inner {
  height: 50px !important
}

#member-section .member-content .form-group .form-input-el.el-select .el-input__inner {
  height: 50px
}

#member-section .member-content .form-group .form-input-el.el-select .el-input__inner:focus {
  background-color: #fff;
  color: #606266;
  border-color: #ddd
}

#member-section .member-content .form-group .form-input-el.el-date-editor.el-input, #member-section .member-content .form-group .form-input-el.el-date-editor.el-input__inner {
  width: 100%
}

#member-section .member-content label {
  position: relative;
  cursor: pointer
}

#member-section .member-content input[type=file] {
  display: block
}

#member-section .member-content input[type=range] {
  display: block;
  width: 100%
}

#member-section .member-content select[multiple], #member-section .member-content select[size] {
  height: auto
}

#member-section .member-content input[type=checkbox]:focus, #member-section .member-content input[type=file]:focus, #member-section .member-content input[type=radio]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px
}

#member-section .member-content textarea {
  height: auto
}

#member-section .member-content .form-input-el.el-date-editor.el-input {
  width: 100%
}

#member-section .member-content .form-input-el.el-date-editor.el-input input, #member-section .member-content .form-input-el .el-input input {
  display: block;
  width: 100%;
  height: 50px;
  padding: 10px;
  font-size: 16px;
  line-height: 30px;
  color: #606266;
  border: none;
  border-bottom: 1px solid #ddd;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: none;
  transition: none;
  border-radius: 0
}

.poperrorMsg {
  position: absolute;
  z-index: 20;
  bottom: 50px;
  right: 0;
  width: auto;
  background: #c00;
  color: #fff;
  line-height: 20px;
  padding: 5px 10px;
  border-radius: 3px;
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .3)
}

@media only screen and (max-width:767px) {
  .poperrorMsg {
    width: 100%;
    position: relative;
    z-index: auto;
    bottom: auto;
    right: auto;
    margin-top: 10px
  }
}

.poperrorMsg:before {
  content: "";
  font-family: Glyphicons Halflings;
  font-weight: 600;
  margin-right: 5px;
  top: 1px;
  position: relative
}

.poperrorMsg:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  margin: auto;
  right: 10px;
  bottom: -6px;
  display: block;
  border-color: #c00 transparent transparent;
  border-style: solid;
  border-width: 7px 7px 0
}

@media only screen and (max-width:767px) {
  .poperrorMsg:after {
    bottom: auto;
    right: auto;
    left: 10px;
    top: -6px;
    border-width: 0 7px 7px;
    border-color: transparent transparent #c00
  }
}

.friendlink-menu-item {
  *zoom: 1;
  height: auto
}

.friendlink-menu-item:after, .friendlink-menu-item:before {
  content: " ";
  display: table
}

.friendlink-menu-item:after {
  clear: both
}

.friendlink-menu-item ul {
  padding: 0;
  list-style-type: none;
  *zoom: 1;
  margin: 0 0 10px;
  -webkit-transition: all .5s ease;
  transition: all .5s ease
}

.friendlink-menu-item ul:after, .friendlink-menu-item ul:before {
  content: " ";
  display: table
}

.friendlink-menu-item ul:after {
  clear: both
}

.friendlink-menu-item ul li {
  display: inline-block;
  text-align: center;
  -webkit-transition: all .5s ease;
  transition: all .5s ease
}

.friendlink-menu-item ul.custom-icon li {
  margin-bottom: 10px
}

.friendlink-menu-nav {
  width: 60px;
  height: 60px;
  background: #222;
  border: 5px solid #cff;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 20px 1px #0cf, inset 0 0 20px 0 #0cf;
  box-shadow: 0 0 20px 1px #0cf, inset 0 0 20px 0 #0cf;
  position: relative;
  display: block;
  line-height: 50px;
  -webkit-transition: all .5s;
  transition: all .5s;
  cursor: pointer
}

.friendlink-menu-nav .news-dot {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #dd4d4f;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 101
}

.friendlink-menu-nav img {
  width: 30px
}

.friendlink-menu-nav:hover {
  background: #5ef;
  border: 5px solid #5ef;
  -webkit-box-shadow: 0 0 20px 1px #0cf;
  box-shadow: 0 0 20px 1px #0cf
}

.mobile-app .mob-friendlink-nav, .mobile-app .mob-friendlink-nav-social {
  display: block;
  padding: 1.3333333333vmin 4vmin;
  line-height: 9.3333333333vmin;
  color: #fff;
  background: #3a3a3a;
  border: 1px solid #474747;
  border-radius: 6.6666666667vmin
}

.mobile-app .mob-friendlink-nav-social img, .mobile-app .mob-friendlink-nav img {
  width: 9.3333333333vmin;
  height: 9.3333333333vmin;
  margin-right: 1.3333333333vmin
}

@media only screen and (min-width:768px) {
  .mobile-app .mob-friendlink-nav, .mobile-app .mob-friendlink-nav-social {
    padding: .6666666667vmin 2vmin;
    line-height: 4.6666666667vmin;
    border-radius: 3.3333333333vmin
  }

  .mobile-app .mob-friendlink-nav-social img, .mobile-app .mob-friendlink-nav img {
    width: 4.6666666667vmin;
    height: 4.6666666667vmin;
    margin-right: .6666666667vmin
  }
}

@keyframes rotate-taichi {
  0% {
    background-position: 0 80%
  }

  50% {
    background-position: 100% 20%
  }

  to {
    background-position: 0 80%
  }
}

@keyframes moveCircle {
  0% {
    -webkit-transform: translateZ(0) rotate(0deg);
    transform: translateZ(0) rotate(0deg)
  }

  to {
    -webkit-transform: translateZ(0) rotate(1turn);
    transform: translateZ(0) rotate(1turn)
  }
}

.balancelist-fixed {
  width: 500px;
  height: auto;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 155;
  -webkit-overflow-scrolling: touch;
  margin: auto;
  max-width: 100%;
  -webkit-transition: all .5s ease;
  transition: all .5s ease
}

.balancelist-wrapper {
  padding-top: 0;
  padding-right: 15px;
  padding-left: 15px;
  width: 100%;
  border: 5px solid #cff;
  border-radius: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  z-index: 1;
  -webkit-transform: translateY(-52%);
  transform: translateY(-52%);
  top: 52%;
  -webkit-box-shadow: 0 0 20px 1px #0cf, inset 0 0 20px 0 #0cf;
  box-shadow: 0 0 20px 1px #0cf, inset 0 0 20px 0 #0cf;
  background: url(data:image/webp;base64,UklGRlQAAABXRUJQVlA4TEcAAAAvA8AAAHegoG0bNqW03VXQtg2bUtruKmjbhk0pbXfnP/4/ACDJ7pJEEttssw0gSVVJQhIQBEBMaFCjwYQRPUqkRfQ/qtPBAAA=)
}

.balancelist-wrapper:after, .balancelist-wrapper:before {
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.balancelist-wrapper:after {
  width: 100%;
  height: 100%;
  background: url(data:image/webp;base64,UklGRlQAAABXRUJQVlA4TEcAAAAvA8AAAHegoG0bNqW03VXQtg2bUtruKmjbhk0pbXfnP/4/ACDJ7pJEEttssw0gSVVJQhIQBEBMaFCjwYQRPUqkRfQ/qtPBAAA=)
}

.balancelist-wrapper:after {
  background: none !important
}

@media (min-width:768px) {
  .balancelist-wrapper {
    -webkit-box-shadow: 0 0 20px 1px #0cf, inset 0 0 20px 0 #0cf;
    box-shadow: 0 0 20px 1px #0cf, inset 0 0 20px 0 #0cf
  }
}

@media (max-width:767px) {
  .balancelist-wrapper .balancelist-total {
    border-radius: 0 !important
  }
}

.balancelist-wrapper ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  *zoom: 1
}

.balancelist-wrapper ul:after, .balancelist-wrapper ul:before {
  content: " ";
  display: table
}

.balancelist-wrapper ul:after {
  clear: both
}

.balancelist-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-height: 95vh;
  height: 675px
}

.balancelist-wrapper:before {
  z-index: -1
}

.balancelist-wrapper:after {
  z-index: 0
}

.balancelist-wrapper .balancelist-bg>*, .balancelist-wrapper>* {
  z-index: 1
}

.balancelist-wrapper .balancelist-bg {
  width: 100%;
  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
}

.balancelist-wrapper .balancelist-bg .tabs-wrapper, .balancelist-wrapper>.tabs-wrapper {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-top: 15px;
  padding-bottom: 15px
}

@media only screen and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1), only screen and (max-width:768px), only screen and (min-device-width:1280px) and (max-device-width:1280px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) and (-webkit-min-device-pixel-ratio:2), only screen and (min-device-width:1280px) and (max-device-width:1280px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) and (min-resolution:192dpi), only screen and (min-device-width:1366px) and (max-device-width:1366px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:2), only screen and (min-device-width:1440px) and (max-device-width:1440px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) {
  .balancelist-wrapper .balancelist-bg .tabs-wrapper, .balancelist-wrapper>.tabs-wrapper {
    padding-top: 10px;
    padding-bottom: 10px
  }
}

.balancelist-wrapper .balancelist-bg .tabs-content, .balancelist-wrapper>.tabs-content {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto
}

.balancelist-wrapper .balancelist-bg .close-btn, .balancelist-wrapper>.close-btn {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.balancelist-wrapper .tabs-wrapper {
  overflow-x: auto;
  overflow-y: hidden;
  margin-right: -15px;
  margin-left: -15px;
  text-align: center;
  font-size: 0
}

.balancelist-wrapper .tabs-wrapper .tabs-lists {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin-right: 15px;
  margin-left: 15px;
  padding: 15px 0;
  border-radius: 5px;
  background: rgba(0, 0, 0, .5);
  font-size: medium;
  border: 0 solid transparent
}

.balancelist-wrapper .tabs-wrapper .tabs-lists .tabs-list {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 156.66667px;
  flex: 0 0 156.66667px;
  width: 156.66667px;
  position: relative
}

.balancelist-wrapper .tabs-wrapper .tabs-lists .tabs-list.tabs-wallet .icon-img {
  background-color: #fc0
}

.balancelist-wrapper .tabs-wrapper .tabs-lists .tabs-list.tabs-wallet:before {
  background-color: #fc0
}

.balancelist-wrapper .tabs-wrapper .tabs-lists .tabs-list.tabs-loyal .icon-img {
  background-color: #3f7eff
}

.balancelist-wrapper .tabs-wrapper .tabs-lists .tabs-list.tabs-loyal:before {
  background-color: #3f7eff
}

.balancelist-wrapper .tabs-wrapper .tabs-lists .tabs-list.tabs-reward .icon-img {
  background-color: #6bc360
}

.balancelist-wrapper .tabs-wrapper .tabs-lists .tabs-list.tabs-reward:before {
  background-color: #6bc360
}

.balancelist-wrapper .tabs-wrapper .tabs-lists .tabs-list.tabs-lottery .icon-img {
  background-color: #ffa034
}

.balancelist-wrapper .tabs-wrapper .tabs-lists .tabs-list.tabs-lottery:before {
  background-color: #ffa034
}

.balancelist-wrapper .tabs-wrapper .tabs-lists .tabs-list+.tabs-list {
  position: relative
}

.balancelist-wrapper .tabs-wrapper .tabs-lists .tabs-list+.tabs-list:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: hsla(0, 0%, 100%, .3);
  content: ""
}

.balancelist-wrapper .tabs-wrapper .tabs-lists .tabs-list.active .tabs-tab {
  opacity: 1
}

.balancelist-wrapper .tabs-wrapper .tabs-lists .tabs-list.active:before {
  width: 100%
}

.balancelist-wrapper .tabs-wrapper .tabs-lists .tabs-list:before {
  position: absolute;
  bottom: -15px;
  left: 50%;
  width: 0;
  height: 5px;
  border-radius: 2.5px;
  content: "";
  -webkit-transition: width .2s ease-in;
  transition: width .2s ease-in;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.balancelist-wrapper .tabs-wrapper .tabs-lists.notEnough {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.balancelist-wrapper .tabs-wrapper .tabs-lists.notEnough .tabs-list {
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 50% !important;
  flex: 0 0 50% !important;
  min-width: 0;
  width: 50% !important
}

.balancelist-wrapper .tabs-wrapper .tabs-lists.notEnough .tabs-list:only-child {
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 100% !important;
  flex: 0 0 100% !important;
  width: 100% !important
}

.balancelist-wrapper .tabs-wrapper .tabs-tab {
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 0 15px;
  opacity: .6;
  -webkit-transition: width .2s ease-in;
  transition: width .2s ease-in
}

.balancelist-wrapper .tabs-wrapper .tabs-tab, .balancelist-wrapper .tabs-wrapper .tabs-tab .icon-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.balancelist-wrapper .tabs-wrapper .tabs-tab .icon-img {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: auto;
  width: 45px;
  height: 45px;
  border-radius: 50%
}

.balancelist-wrapper .tabs-wrapper .tabs-tab .icon-img img {
  max-width: 100%;
  max-height: 100%;
  width: 31px;
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1)
}

.balancelist-wrapper .tabs-wrapper .tabs-tab p {
  margin-bottom: 0
}

.balancelist-wrapper .tabs-wrapper .tabs-tab .title {
  margin: 5px 0 1px;
  color: #aaa;
  font-weight: 700;
  font-size: 12px
}

.balancelist-wrapper .tabs-wrapper .tabs-tab .price {
  color: #fff;
  font-weight: 700;
  font-size: 14px
}

.balancelist-wrapper .tabs-content {
  position: relative
}

.balancelist-wrapper .tabs-content-panel {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in
}

.balancelist-wrapper .tabs-content-panel.open {
  opacity: 1
}

.balancelist-wrapper .tabs-content-panel .balancelist-header {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.balancelist-wrapper .tabs-content-panel .balancelist-content {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto
}

.balancelist-title {
  background: #111;
  color: #fff;
  text-align: center;
  font-size: 16px;
  line-height: 25px
}

.balancelist-title img {
  max-width: 100%;
  max-height: 100%;
  width: 25px
}

.balancelist-price span {
  font-size: 24px;
  line-height: 30px
}

.balancelist-total {
  position: relative;
  padding: 20px 10px;
  border: 0;
  border-radius: 5px;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/balance-total_1bdbc81.webp);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
  text-align: center
}

.balancelist-total .balancelist-price, .balancelist-total .balancelist-title {
  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;
  text-align: center;
  font-size: 0
}

.balancelist-total .balancelist-price .group, .balancelist-total .balancelist-title .group {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
  font-size: medium
}

.balancelist-total .balancelist-title {
  background: none;
  color: #fd0
}

.balancelist-total .balancelist-title img {
  margin-right: 10px;
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  -webkit-filter: invert(100%) sepia(5%) saturate(3300%) hue-rotate(0deg) brightness(100%) contrast(100%);
  filter: invert(100%) sepia(5%) saturate(3300%) hue-rotate(0deg) brightness(100%) contrast(100%)
}

.balancelist-total .balancelist-price {
  margin-top: 15px;
  margin-bottom: 0
}

.balancelist-total .balancelist-price .group>img {
  width: 20px;
  margin-right: 8px;
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1)
}

.balancelist-total .balancelist-price span {
  text-shadow: 0 2px rgba(0, 0, 0, .35)
}

.balancelist-total .balancelist-price i {
  display: inline-block;
  margin-left: 15px;
  width: 25px;
  height: 25px;
  cursor: pointer
}

[dir=rtl] .balancelist-total .balancelist-price i {
  margin-left: 0;
  margin-right: 15px
}

.balancelist-total .balancelist-price i img {
  width: 100%;
  vertical-align: top
}

.balancelist-total .fa-spin {
  -webkit-transition: opacity .3s;
  transition: opacity .3s
}

.balancelist-total .balancelist-btn {
  margin-top: 15px
}

.balancelist-total .balancelist-btn[\:has\(.btn-reward\)] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.balancelist-total .balancelist-btn:has(.btn-reward) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.balancelist-total .balancelist-btn[\:has\(.btn-reward\)] li {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.balancelist-total .balancelist-btn:has(.btn-reward) li {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.balancelist-total .balancelist-btn li {
  padding: 0
}

.balancelist-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.balancelist-btn li {
  display: inline-block;
  padding: 0 1%
}

.balancelist-btn li a {
  max-width: 100%;
  height: 100%
}

.balancelist-btn .btn {
  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;
  padding: 10px 20px;
  min-width: 140px;
  font-weight: 700
}

.balancelist-btn .btn:hover {
  color: #fff
}

.balancelist-btn .btn+.btn {
  margin-left: 10px
}

.balancelist-btn .btn.btn-deposit, .balancelist-btn .btn.btn-withdrawal {
  border: 2px solid #5ef;
  border-radius: 5px;
  position: relative;
  border-color: transparent;
  background: #5ef;
  color: #000
}

.balancelist-btn .btn.btn-withdrawal {
  border-color: #5ef;
  background: #000;
  color: #fff;
  margin-left: 10px
}

.balancelist-btn .btn.btn-lottery, .balancelist-btn .btn.btn-lotteryinfo, .balancelist-btn .btn.btn-reward {
  padding: 10px 20px;
  min-width: 220px;
  min-height: 60px;
  max-width: 100%;
  width: auto;
  border: 0;
  border-radius: 5px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
  font-size: 24px;
  cursor: pointer
}

.balancelist-btn .btn.btn-reward {
  background-color: #6bc360;
  min-width: auto;
  margin: 0 10px
}

.balancelist-btn .btn.btn-lottery {
  background-color: #ffa034
}

.balancelist-btn .btn.btn-lotteryinfo {
  background-color: #aaa
}

.balancelist-btn.draw-btns {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.balancelist-btn.draw-btns li:nth-child(2n) {
  margin-top: 30px
}

.balancelist-content {
  margin-top: 15px;
  padding: 0
}

.balancelist-content::-webkit-scrollbar {
  width: 10px
}

.balancelist-content::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: hsla(0, 0%, 100%, .5);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .5);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, .5)
}

.balancelist-content .maintain-block {
  border: 1px solid #3b3b3b;
  border-radius: 5px;
  background: rgba(0, 0, 0, .75)
}

.balancelist-content .maintain-block i {
  margin-right: 10px;
  margin-bottom: 0;
  font-size: 100%
}

.balancelist-content .maintain-block p {
  display: inline-block
}

@media only screen and (max-width:767px) {
  .balancelist-content .maintain-block i {
    display: inline-block
  }

  .balancelist-content .maintain-block p {
    font-size: inherit
  }
}

.balancelist-content .platform-list {
  overflow: hidden;
  overflow-y: auto;
  position: relative;
  top: -1px;
  padding: 0 10px;
  max-height: 175px;
  border-radius: 5px
}

.balancelist-content .platform-list.only-main-wallet {
  padding: 0;
  max-height: 285px
}

.balancelist-content .balancelist-btn {
  width: 100%
}

.balancelist-content .balancelist-btn .btn-reward {
  border-radius: 30px
}

.balancelist-item.main, .balancelist-item.promote {
  position: relative;
  z-index: 2;
  border-radius: 5px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
  cursor: pointer;
  *zoom: 1
}

.balancelist-item.main:after, .balancelist-item.main:before, .balancelist-item.promote:after, .balancelist-item.promote:before {
  content: " ";
  display: table
}

.balancelist-item.main:after, .balancelist-item.promote:after {
  clear: both
}

.balancelist-item.main:first-child ul>li:first-child, .balancelist-item.promote:first-child ul>li:first-child {
  border-top-left-radius: 0
}

.balancelist-item.main:first-child ul>li:last-child, .balancelist-item.promote:first-child ul>li:last-child {
  border-top-right-radius: 0
}

.balancelist-item.main:last-child ul>li:first-child, .balancelist-item.promote:last-child ul>li:first-child {
  border-bottom-left-radius: 0
}

.balancelist-item.main:last-child ul>li:last-child, .balancelist-item.promote:last-child ul>li:last-child {
  border-bottom-right-radius: 0
}

.balancelist-item.main ul, .balancelist-item.promote ul {
  overflow: hidden;
  border: 0;
  border-radius: 5px
}

.balancelist-item.main ul li, .balancelist-item.promote ul li {
  display: inline-block;
  width: 50%;
  vertical-align: top;
  line-height: 30px
}

.balancelist-item.main ul li:first-child, .balancelist-item.promote ul li:first-child {
  padding: 10px 5px 10px 10px;
  text-transform: capitalize
}

[dir=rtl] .balancelist-item.main ul li:first-child, [dir=rtl] .balancelist-item.promote ul li:first-child {
  padding: 10px 10px 10px 5px
}

.balancelist-item.main ul li:first-child img, .balancelist-item.promote ul li:first-child img {
  position: absolute;
  top: 50%;
  margin-right: 10px;
  width: 30px;
  vertical-align: top;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

[dir=rtl] .balancelist-item.main ul li:first-child img, [dir=rtl] .balancelist-item.promote ul li:first-child img {
  margin-right: 0;
  margin-left: 10px
}

@media only screen and (max-width:374px) {
  .balancelist-item.main ul li:first-child img, .balancelist-item.promote ul li:first-child img {
    width: 20px
  }
}

.balancelist-item.main ul li:last-child, .balancelist-item.promote ul li:last-child {
  padding: 10px 60px 10px 0;
  text-align: right
}

[dir=rtl] .balancelist-item.main ul li:last-child, [dir=rtl] .balancelist-item.promote ul li:last-child {
  padding: 10px 0 10px 60px
}

.balancelist-item.main ul li:last-child:after, .balancelist-item.promote ul li:last-child:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  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;
  width: 50px;
  height: 100%;
  font-family: FontAwesome;
  font-size: 20px;
  border: 0;
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background-color: #ccc;
  -webkit-transition: all .5s;
  transition: all .5s;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px
}

[dir=rtl] .balancelist-item.main ul li:last-child:after, [dir=rtl] .balancelist-item.promote ul li:last-child:after {
  right: auto;
  left: 0
}

[dir=rtl] .balancelist-item.main ul li:last-child:after, [dir=rtl] .balancelist-item.promote ul li:last-child:after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px
}

@media only screen and (max-width:360px) {
  .balancelist-item.main ul li:last-child, .balancelist-item.promote ul li:last-child {
    padding-right: 50px
  }

  .balancelist-item.main ul li:last-child:after, .balancelist-item.promote ul li:last-child:after {
    width: 40px
  }
}

.balancelist-item.main ul li.isActive:after, .balancelist-item.promote ul li.isActive:after {
  content: ""
}

.balancelist-item.main ul li span, .balancelist-item.promote ul li span {
  position: relative;
  display: inline-block;
  padding-left: 40px
}

[dir=rtl] .balancelist-item.main ul li span, [dir=rtl] .balancelist-item.promote ul li span {
  padding-left: 0;
  padding-right: 40px
}

.balancelist-item.promote {
  margin-top: 10px
}

.balancelist-item.promote .lock-icon {
  width: 20px;
  height: 20px;
  min-width: 20px;
  position: relative;
  margin-left: 5px;
  padding-left: 0;
  border: 1px solid;
  border-radius: 50%
}

[dir=rtl] .balancelist-item.promote .lock-icon {
  margin-left: 0;
  margin-right: 5px
}

[dir=rtl] .balancelist-item.promote .lock-icon {
  padding-left: 0;
  padding-right: 0
}

.balancelist-item.promote .lock-icon:after {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  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;
  font-family: FontAwesome
}

.balancelist-item {
  *zoom: 1;
  position: relative
}

.balancelist-item:after, .balancelist-item:before {
  content: " ";
  display: table
}

.balancelist-item:after {
  clear: both
}

.balancelist-item:first-child ul>li:first-child {
  border-top-left-radius: 5px
}

.balancelist-item:first-child ul>li:last-child {
  border-top-right-radius: 5px
}

.balancelist-item:last-child ul {
  border-bottom: 0
}

.balancelist-item:last-child ul>li:first-child {
  border-bottom-left-radius: 5px
}

.balancelist-item:last-child ul>li:last-child {
  border-bottom-right-radius: 5px
}

.balancelist-item:last-child .maintain-block {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px
}

.balancelist-item ul {
  overflow: hidden;
  border-bottom: 1px solid #4e4e4e;
  border-radius: 0
}

.balancelist-item ul li {
  display: inline-block;
  background-color: #fff;
  vertical-align: top;
  line-height: 20px
}

.balancelist-item ul li:first-child {
  padding: 10px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #000;
  text-transform: capitalize;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.balancelist-item ul li:first-child img {
  margin-right: 10px;
  width: 30px
}

[dir=rtl] .balancelist-item ul li:first-child img {
  margin-right: 0;
  margin-left: 10px
}

@media only screen and (max-width:374px) {
  .balancelist-item ul li:first-child img {
    width: 20px
  }
}

.balancelist-item ul li:last-child {
  width: auto;
  color: #000
}

.balancelist-item ul li span {
  position: relative
}

.balancelist-item .maintain-block {
  border-radius: 0
}

.balancelist-item>ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.balancelist-item>ul>li:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-right: 10px
}

[dir=rtl] .balancelist-item>ul>li:last-child {
  padding-right: 0;
  padding-left: 10px
}

.balancelist-fixed .close-btn {
  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;
  margin-right: -15px;
  margin-left: -15px;
  padding: 20px 0;
  width: calc(100% + 30px);
  height: 60px;
  background: transparent;
  color: #ccc;
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
  line-height: normal;
  cursor: pointer;
  -webkit-transition-delay: 2s;
  transition-delay: 2s
}

.balancelist-fixed .close-btn:before {
  display: inline-block;
  margin-right: 10px;
  width: 17px;
  height: 17px;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/close_f4876c3.webp);
  background-size: 100%;
  content: "";
  vertical-align: middle
}

@media only screen and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1), only screen and (max-width:768px), only screen and (min-device-width:1280px) and (max-device-width:1280px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) and (-webkit-min-device-pixel-ratio:2), only screen and (min-device-width:1280px) and (max-device-width:1280px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) and (min-resolution:192dpi), only screen and (min-device-width:1366px) and (max-device-width:1366px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:2), only screen and (min-device-width:1440px) and (max-device-width:1440px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) {
  .balancelist-fixed .close-btn {
    position: absolute;
    bottom: 0;
    z-index: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-font-smoothing: antialiased
  }

  .balancelist-wrapper {
    padding: 0 0 60px;
    min-height: 0;
    max-height: none;
    height: 100%;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
  }

  .balancelist-wrapper .tabs-wrapper {
    padding-right: 15px;
    padding-left: 15px
  }

  .balancelist-wrapper .tabs-wrapper .tabs-lists .tabs-list {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40vw;
    flex: 0 0 40vw;
    min-width: 140px;
    width: 40vw
  }

  .balancelist-wrapper .tabs-wrapper .tabs-lists .tabs-list.active:before {
    bottom: -10px
  }

  .balancelist-total {
    border-right: none !important;
    border-left: none !important
  }

  .balancelist-close {
    display: block
  }

  .balancelist-content {
    width: 100%;
    height: 100%;
    padding: 0 10px;
    font-size: 12px
  }

  .balancelist-content .platform-list {
    padding: 0;
    max-height: calc(100vh - 520px)
  }

  .balancelist-content .platform-list.only-main-wallet {
    max-height: calc(100vh - 410px)
  }

  .balancelist-wrapper>.tabs-wrapper {
    padding: 10px
  }

  .balancelist-wrapper .tabs-wrapper {
    margin-right: -10px;
    margin-left: -10px
  }

  .balancelist-wrapper .tabs-wrapper .tabs-lists {
    margin-right: 10px;
    margin-left: 10px;
    padding: 10px 0
  }

  .balancelist-wrapper .tabs-wrapper .tabs-tab {
    padding: 0 10px
  }

  .balancelist-content {
    margin-top: 10px
  }
}

.balancelist-fixed-cover {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 153;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .9)
}

@media (max-width:767px) {
  .balancelist-fixed-cover {
    display: none
  }
}

.game-block {
  overflow: hidden;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 10px 5px rgba(0, 0, 0, .5);
  box-shadow: inset 0 0 10px 5px rgba(0, 0, 0, .5)
}

.game-block.new:after {
  content: "";
  width: 60px;
  height: 60px;
  position: absolute;
  top: -1px;
  right: -1px;
  z-index: 1;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/new_8e12ceb.webp) no-repeat;
  background-size: contain
}

.game-block.hotgames:after {
  content: "";
  width: 60px;
  height: 60px;
  position: absolute;
  top: -1px;
  right: -1px;
  z-index: 1;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/hot_e31a11c.webp) no-repeat;
  background-size: contain
}

.game-block:before {
  content: "";
  width: 100px;
  height: 100px;
  position: absolute;
  left: -65px;
  top: -65px;
  z-index: 2;
  display: block;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #fff), color-stop(50%, #d8d8d8));
  background: linear-gradient(0deg, #fff 50%, #d8d8d8 0);
  -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, .5);
  box-shadow: 0 0 3px 3px rgba(0, 0, 0, .5);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.game-block.gamelist-img-border {
  border: 2px solid #9d9ea1
}

.game-block.gamelist-img-border:before {
  left: -65px;
  top: -65px
}

.game-block.gamelist-img-border .love-icon:after {
  right: -65px;
  bottom: -65px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), color-stop(50%, #dcdadb));
  background: linear-gradient(180deg, #fff 50%, #dcdadb 0)
}

.game-block .brand {
  position: absolute;
  left: -15px;
  top: 6px;
  z-index: 3;
  font-size: 12px;
  font-weight: 700;
  color: #000;
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
  text-align: center;
  min-width: 60px;
  line-height: 20px
}

.game-block .brand.brand-length5 {
  -webkit-transform: scale(.8) rotate(315deg);
  transform: scale(.8) rotate(315deg)
}

.game-block .brand.brand-length6 {
  -webkit-transform: scale(.7) rotate(315deg);
  transform: scale(.7) rotate(315deg)
}

.game-block .brand.brand-length7 {
  -webkit-transform: scale(.6) rotate(315deg);
  transform: scale(.6) rotate(315deg)
}

.game-block .game-img {
  overflow: hidden;
  position: relative;
  padding-bottom: 63.25%;
  width: 100%;
  height: 0
}

.game-block .game-img img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block
}

.info-icon {
  left: 5px;
  font-size: 18px;
  color: #fff
}

.info-icon, .love-icon {
  position: absolute;
  bottom: 0;
  z-index: 4;
  cursor: pointer
}

.love-icon {
  right: 0
}

.love-icon:after {
  width: 100px;
  height: 100px;
  content: "";
  position: absolute;
  right: -55px;
  bottom: -55px;
  display: block;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, .5);
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, .5)
}

.love-icon .glyphicon-heart {
  right: 3px;
  top: 2px;
  z-index: 1;
  font-size: 18px;
  color: #363636;
  text-shadow: 0 0 2px #fff
}

.love-icon.add .glyphicon-heart {
  color: #ff3266
}

.item .info-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  *zoom: 1;
  padding: 10px 0
}

.item .info-block:after, .item .info-block:before {
  content: " ";
  display: table
}

.item .info-block:after {
  clear: both
}

.item .info-block .game-name {
  float: left;
  padding-left: 5px;
  font-size: 16px;
  color: #fff;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  word-break: break-word
}

.item .info-block .play-count {
  float: right;
  padding-right: 5px;
  font-size: 14px;
  line-height: 24px;
  color: #898989;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 5px
}

.item .info-block .play-count i {
  display: inline-block;
  padding-right: 2px
}

.btn-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  padding: 10% 0;
  background: rgba(0, 0, 0, .5)
}

.gameopen-wrapper .game-btn, .gameopenBtn, .gameopenbtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%
}

.gameopen-wrapper .game-btn a, .gameopenBtn a, .gameopenbtn a {
  display: block;
  padding: 6% 10px;
  font-size: 16px;
  font-weight: 700;
  color: #000;
  border-radius: 5px
}

.gameopen-wrapper .game-btn div, .gameopenBtn div, .gameopenbtn div {
  margin: auto;
  width: 56%;
  text-align: center
}

.gameopen-wrapper .game-btn .btn-demo a, .gameopenBtn .btn-demo a, .gameopenbtn .btn-demo a {
  background: -webkit-gradient(linear, left top, left bottom, from(#5ef), to(#09a));
  background: linear-gradient(180deg, #5ef, #09a);
  border: 1px solid #5ef;
  -webkit-box-shadow: 0 0 5px 0 #fff, inset 0 -1px 5px 0 #fff;
  box-shadow: 0 0 5px 0 #fff, inset 0 -1px 5px 0 #fff
}

.gameopen-wrapper .game-btn .btn-play a, .gameopenBtn .btn-play a, .gameopenbtn .btn-play a {
  background: -webkit-gradient(linear, left top, left bottom, from(#fd0), to(#f70));
  background: linear-gradient(180deg, #fd0, #f70);
  border: 1px solid #fea;
  -webkit-box-shadow: 0 0 5px 0 #fff, inset 0 -1px 5px 0 #fff;
  box-shadow: 0 0 5px 0 #fff, inset 0 -1px 5px 0 #fff
}

@media only screen and (max-width:1700px) {
  .gameopen-wrapper .game-btn .btn-demo a, .gameopen-wrapper .game-btn .btn-play a, .gameopenBtn .btn-demo a, .gameopenbtn .btn-demo a, .gameopenBtn .btn-play a, .gameopenbtn .btn-play a {
    font-size: 14px
  }
}

@media only screen and (max-width:1500px) {
  .gameopen-wrapper .game-btn .btn-demo a, .gameopen-wrapper .game-btn .btn-play a, .gameopenBtn .btn-demo a, .gameopenbtn .btn-demo a, .gameopenBtn .btn-play a, .gameopenbtn .btn-play a {
    font-size: 12px
  }
}

.popup-close-btn {
  width: 100%;
  height: 60px;
  padding: 20px 0;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  text-align: center;
  color: #ccc;
  -webkit-transition-delay: 2s;
  transition-delay: 2s;
  cursor: pointer;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0
}

.popup-close-btn:before {
  width: 20px;
  height: 20px;
  content: "";
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/close_f4876c3.webp);
  background-size: 100%
}

.game-banner {
  display: block
}

.game-banner img {
  z-index: 1;
  display: block
}

@media only screen and (max-width:1300px) and (min-width:1024px) {
  .gameopen-wrapper .game-btn div, .gameopenBtn div, .gameopenbtn div {
    width: 66%
  }

  .gameopen-wrapper .game-btn a, .gameopenBtn a, .gameopenbtn a {
    padding: 4% 10px
  }
}

.mobile-app .game-block {
  border-radius: 1.3333333333vmin;
  -webkit-box-shadow: inset 0 0 2.6666666667vmin 1.3333333333vmin rgba(0, 0, 0, .5);
  box-shadow: inset 0 0 2.6666666667vmin 1.3333333333vmin rgba(0, 0, 0, .5)
}

.mobile-app .game-block:before {
  display: none
}

.mobile-app .game-block.gamelist-img-border {
  border: .5333333333vmin solid #9d9ea1
}

.mobile-app .game-block .brand {
  top: .8vmin;
  left: .8vmin;
  padding: .8vmin 2.1333333333vmin;
  font-size: 3.2vmin;
  color: #fff;
  background-color: rgba(0, 0, 0, .7);
  border-radius: .8vmin;
  -webkit-transform: rotate(0deg) translateZ(0);
  transform: rotate(0deg) translateZ(0)
}

.mobile-app .info-icon, .mobile-app .love-icon {
  display: none
}

.mobile-app .love-icon:after {
  display: none
}

.mobile-app .btn-bg, .mobile-app .item .info-block {
  display: none
}

.mobile-app .game-banner {
  padding-bottom: 35%
}

@media only screen and (min-width:768px) {
  .mobile-app .game-block {
    border-radius: .6666666667vmin;
    -webkit-box-shadow: inset 0 0 1.3333333333vmin .6666666667vmin rgba(0, 0, 0, .5);
    box-shadow: inset 0 0 1.3333333333vmin .6666666667vmin rgba(0, 0, 0, .5)
  }

  .mobile-app .game-block.gamelist-img-border {
    border: .2666666667vmin solid #9d9ea1
  }

  .mobile-app .game-block .brand {
    top: .4vmin;
    left: .4vmin;
    padding: .4vmin 1.0666666667vmin;
    font-size: 1.6vmin;
    border-radius: .4vmin
  }

  .mobile-app .game-banner {
    padding-bottom: 17.5%
  }
}

.index-jackpot-box {
  width: 100%
}

.index-jackpot-wrapper {
  position: relative;
  color: #fff;
  background: -webkit-gradient(linear, right top, left top, color-stop(0, transparent), color-stop(17%, rgba(0, 0, 0, .15)), color-stop(50%, rgba(0, 0, 0, .35)), color-stop(83%, rgba(0, 0, 0, .15)), to(transparent));
  background: linear-gradient(270deg, transparent 0, rgba(0, 0, 0, .15) 17%, rgba(0, 0, 0, .35) 50%, rgba(0, 0, 0, .15) 83%, transparent)
}

.index-jackpot-wrapper:after, .index-jackpot-wrapper:before {
  width: 100%;
  height: 3px;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  display: block;
  background: -webkit-gradient(linear, right top, left top, from(rgba(0, 119, 136, 0)), color-stop(25%, #078), color-stop(75%, #078), to(rgba(0, 119, 136, 0)));
  background: linear-gradient(270deg, rgba(0, 119, 136, 0) 0, #078 25%, #078 75%, rgba(0, 119, 136, 0))
}

.index-jackpot-wrapper:before {
  bottom: 0
}

.index-jackpot-wrapper:after {
  top: 0
}

.index-jackpot-wrapper .index-jackpot-next, .index-jackpot-wrapper .index-jackpot-prev {
  width: 20px;
  height: 30px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  z-index: 1;
  opacity: .5;
  z-index: 10;
  color: transparent;
  border: none
}

.index-jackpot-wrapper .index-jackpot-next:hover, .index-jackpot-wrapper .index-jackpot-prev:hover {
  opacity: 1
}

.index-jackpot-wrapper .index-jackpot-next:before, .index-jackpot-wrapper .index-jackpot-prev:before {
  display: none
}

.index-jackpot-wrapper .index-jackpot-prev {
  background: transparent url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/arrow-left_9ed0270.webp) no-repeat 50%;
  background-size: contain;
  left: 20%
}

.index-jackpot-wrapper .index-jackpot-next {
  background: transparent url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/arrow-right_dc0cc9d.webp) no-repeat 50%;
  background-size: contain;
  right: 20%
}

.index-jackpot-wrapper .caption-block {
  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;
  width: 100%;
  height: 95px;
  text-align: center;
  color: #fff
}

.index-jackpot-wrapper .jp-brand {
  position: relative
}

.index-jackpot-wrapper .jp-brand li {
  margin-right: 25px;
  height: 25px;
  font-size: 18px;
  font-weight: 700;
  text-align: right;
  color: #5ef
}

.index-jackpot-wrapper .jp-brand li:last-child {
  color: #5ef
}

.index-jackpot-wrapper .number {
  overflow: hidden;
  margin-right: 50px;
  font-size: 48px;
  font-weight: 700;
  color: #fff
}

.index-jackpot-wrapper .platform-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

.index-jackpot-wrapper .platform-name, .index-jackpot-wrapper button.play-now {
  margin-right: 15px;
  padding: 8px 20px;
  font-size: 18px;
  color: #fff;
  background: #000;
  border: 3px solid #5ef;
  border-radius: 5px
}

.index-jackpot-wrapper button.play-now {
  font-weight: 700;
  color: #000;
  background: #5ef
}

.mobile-app .index-jackpot-wrapper .index-jackpot-next, .mobile-app .index-jackpot-wrapper .index-jackpot-prev {
  width: 8vmin;
  height: 8vmin
}

.mobile-app .index-jackpot-wrapper .index-jackpot-prev {
  left: 1%
}

.mobile-app .index-jackpot-wrapper .index-jackpot-next {
  right: 1%
}

.mobile-app .index-jackpot-wrapper:after, .mobile-app .index-jackpot-wrapper:before {
  width: 100%;
  height: .8vmin
}

.mobile-app .index-jackpot-wrapper .caption-block {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 34.6666666667vmin
}

.mobile-app .index-jackpot-wrapper .jp-brand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.mobile-app .index-jackpot-wrapper .jp-brand li {
  margin-right: 1.3333333333vmin;
  height: auto;
  font-size: 3.7333333333vmin
}

.mobile-app .index-jackpot-wrapper .jp-brand li:nth-child(3) {
  margin-right: 0
}

.mobile-app .index-jackpot-wrapper .number {
  margin: 0 0 1.3333333333vmin;
  font-size: 8vmin;
  letter-spacing: .8vmin
}

.mobile-app .index-jackpot-wrapper .platform-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-bottom: 1.6vmin
}

.mobile-app .index-jackpot-wrapper .platform-box .platform-name, .mobile-app .index-jackpot-wrapper .platform-box button.play-now {
  padding: .5333333333vmin 2.1333333333vmin;
  font-size: 3.7333333333vmin;
  border: .5333333333vmin solid #5ef;
  border-radius: 1.3333333333vmin;
  margin-right: 1.3333333333vmin
}

.mobile-app .index-jackpot-wrapper .platform-box button.play-now {
  margin-right: 0;
  border-bottom: .8vmin solid #5ef
}

@media only screen and (min-width:768px) {
  .mobile-app .index-jackpot-wrapper .index-jackpot-next, .mobile-app .index-jackpot-wrapper .index-jackpot-prev {
    width: 4vmin;
    height: 4vmin
  }

  .mobile-app .index-jackpot-wrapper:after, .mobile-app .index-jackpot-wrapper:before {
    width: 100%;
    height: .4vmin
  }

  .mobile-app .index-jackpot-wrapper .caption-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 17.3333333333vmin
  }

  .mobile-app .index-jackpot-wrapper .jp-brand li {
    margin-right: .6666666667vmin;
    font-size: 1.8666666667vmin
  }

  .mobile-app .index-jackpot-wrapper .number {
    margin-bottom: .6666666667vmin;
    font-size: 4vmin;
    letter-spacing: .4vmin
  }

  .mobile-app .index-jackpot-wrapper .platform-box {
    margin-bottom: .8vmin
  }

  .mobile-app .index-jackpot-wrapper .platform-box .platform-name, .mobile-app .index-jackpot-wrapper .platform-box button.play-now {
    padding: .2666666667vmin 1.0666666667vmin;
    font-size: 1.8666666667vmin;
    border: .2666666667vmin solid #5ef;
    border-radius: .6666666667vmin;
    margin-right: .6666666667vmin
  }

  .mobile-app .index-jackpot-wrapper .platform-box button.play-now {
    border-bottom: .4vmin solid #5ef
  }
}

.platform-wrapper .swiper-container {
  overflow: inherit
}

.platform-wrapper .swiper-slide {
  width: auto;
  position: relative
}

.platform-wrapper .swiper-slide.new:after {
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  top: -5px;
  right: -10px;
  z-index: 5;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/new_e7ee8ca.webp) no-repeat;
  background-size: contain
}

.platform-wrapper .swiper-slide.hot:after {
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  top: -5px;
  right: -10px;
  z-index: 5;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/hot_00d2778.webp) no-repeat;
  background-size: contain
}

.platform-wrapper .platform-menu-nav {
  margin: 0 10px
}

.platform-wrapper .platform-menu-nav:first-child {
  margin-left: 0
}

.platform-wrapper .platform-menu-nav a {
  display: inline-block;
  padding: 5px 20px;
  line-height: 28px;
  font-size: 18px;
  text-align: center;
  color: #888;
  background: #242424;
  border: 1px solid #353535;
  border-radius: 5px
}

.platform-wrapper .platform-menu-nav a:hover {
  color: #fff;
  background: rgba(36, 36, 36, .05);
  border: 1px solid #5ef
}

.platform-wrapper .platform-menu-nav.platform-menu-active a {
  color: #fff;
  background: rgba(17, 51, 68, .3);
  border: 1px solid #5ef;
  -webkit-box-shadow: 0 0 10px 1px #0cf, inset 0 0 15px 0 #0cf;
  box-shadow: 0 0 10px 1px #0cf, inset 0 0 15px 0 #0cf
}

.platform-wrapper .platform-menu-nav.platform-menu-active a:hover {
  background: rgba(17, 51, 68, .3)
}

.platform-wrapper .platform-menu-img {
  width: 50px;
  height: 50px;
  position: relative;
  margin: 0 auto
}

.platform-wrapper .platform-menu-img img {
  position: absolute;
  top: 50%;
  max-width: 100%;
  max-height: 35px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

@media only screen and (max-width:1600px) {
  .platform-wrapper .platform-menu-nav a {
    padding: 5px 10px
  }
}

.mobile-app .platform-wrapper .swiper-container {
  overflow: inherit
}

.mobile-app .platform-wrapper .platform-menu-nav {
  margin: 0 1.3333333333vmin
}

.mobile-app .platform-wrapper .platform-menu-nav:first-child {
  margin-left: 0
}

.mobile-app .platform-wrapper .platform-menu-nav a {
  padding: 0;
  line-height: normal;
  font-size: 3.7333333333vmin;
  border: .2666666667vmin solid #353535;
  border-radius: 1.3333333333vmin
}

.mobile-app .platform-wrapper .platform-menu-nav a:hover {
  color: #888;
  background: #242424
}

.mobile-app .platform-wrapper .platform-menu-nav a span {
  display: inline-block;
  line-height: 4.8vmin
}

.mobile-app .platform-wrapper .platform-menu-nav.platform-menu-active a {
  color: #fff;
  background: rgba(17, 51, 68, .3);
  border: .2666666667vmin solid #5ef;
  -webkit-box-shadow: 0 0 2.6666666667vmin .2666666667vmin #0cf, inset 0 0 4vmin 0 #0cf;
  box-shadow: 0 0 2.6666666667vmin .2666666667vmin #0cf, inset 0 0 4vmin 0 #0cf
}

.mobile-app .platform-wrapper .platform-menu-img {
  width: 13.3333333333vmin;
  height: 13.3333333333vmin
}

.mobile-app .platform-wrapper .platform-menu-img img {
  max-width: 8vmin;
  max-height: 8vmin
}

@media only screen and (min-width:768px) {
  .mobile-app .platform-wrapper .platform-menu-nav {
    margin: 0 .6666666667vmin
  }

  .mobile-app .platform-wrapper .platform-menu-nav a {
    padding: .6666666667vmin 1.3333333333vmin;
    font-size: 1.8666666667vmin;
    border: .1333333333vmin solid #353535;
    border-radius: .6666666667vmin
  }

  .mobile-app .platform-wrapper .platform-menu-nav a span {
    line-height: 2.4vmin
  }

  .mobile-app .platform-wrapper .platform-menu-nav.platform-menu-active a {
    border: .1333333333vmin solid #5ef;
    -webkit-box-shadow: 0 0 1.3333333333vmin .1333333333vmin #0cf, inset 0 0 2vmin 0 #0cf;
    box-shadow: 0 0 1.3333333333vmin .1333333333vmin #0cf, inset 0 0 2vmin 0 #0cf
  }

  .mobile-app .platform-wrapper .platform-menu-img {
    width: 4.6666666667vmin;
    height: 3.2vmin;
    margin-bottom: .6666666667vmin
  }

  .mobile-app .platform-wrapper .platform-menu-img img {
    max-width: 4.6666666667vmin;
    max-height: 3.2vmin
  }
}

ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  *zoom: 1
}

ul:after, ul:before {
  content: " ";
  display: table
}

ul:after {
  clear: both
}

.mob-menu-wrapper {
  width: 100%;
  height: 100%;
  max-height: calc(100% - 80px);
  background: #2d2d2d;
  position: fixed;
  top: 80px;
  z-index: 155;
  overflow: auto;
  -webkit-transition: transition(all .5s ease), transition(all .5s ease);
  transition: transition(all .5s ease), transition(all .5s ease);
  transition: transition(all .5s ease)
}

.mob-menu-memberbtn {
  margin: 0;
  padding: 0;
  list-style-type: none;
  *zoom: 1;
  display: block;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #282828;
  text-align: center
}

.mob-menu-memberbtn:after, .mob-menu-memberbtn:before {
  content: " ";
  display: table
}

.mob-menu-memberbtn:after {
  clear: both
}

.mob-menu-memberbtn li {
  display: inline-block;
  padding: 5px;
  width: 50%;
  position: relative;
  font-size: 16px;
  line-height: 1.5
}

.mob-menu-memberbtn li.native-btn {
  width: 100%
}

.mob-menu-memberbtn li a {
  display: block;
  border-radius: 5px;
  margin: 0 auto;
  padding: 10px 20px;
  height: 100%;
  position: relative
}

.mob-menu-memberbtn li a.member-btn {
  background: #ec4;
  color: #111
}

.mob-menu-memberbtn li a.logout-btn {
  background: #111;
  color: #666
}

.mob-menu-memberbtn li a.native-btn {
  width: 100%;
  background: #ec4;
  color: #111
}

.mob-menu-nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  background: #1e1e1e
}

.mob-menu-nav ul.nav-item {
  margin: 5px 0 0
}

.mob-menu-nav ul.nav-item .panel-body {
  padding: 5px 0 10px
}

.mob-menu-nav ul.nav-item .panel-body a {
  padding-left: 110px
}

.mob-menu-nav ul.lang-item {
  margin: 15px 0 0
}

.mob-menu-nav ul.lang-item .panel-body ul {
  padding-bottom: 10px
}

.mob-menu-nav ul.lang-item .panel-body .swiper-slide {
  width: 20% !important
}

.mob-menu-nav ul.lang-item .panel-body .lang-icon {
  display: inline-block;
  border: 1px solid #474747;
  padding-top: 10px;
  text-align: center
}

.mob-menu-nav ul.lang-item .panel-body .lang-icon img {
  display: inline-block;
  width: 55%
}

.mob-menu-nav ul.lang-item .panel-body .lang-icon span {
  display: inline-block;
  font-size: 12px
}

.mob-menu-nav ul.lang-item .panel-body .lang-icon a {
  padding: 0
}

.mob-menu-nav ul.lang-item .panel-body li.lang-icon.active {
  background: #474747
}

.mob-menu-nav ul.lang-item a, .mob-menu-nav ul.nav-item a {
  *zoom: 1;
  display: block;
  padding: 15px 30px;
  font-size: 16px;
  line-height: 30px;
  color: #fff;
  text-decoration: none
}

.mob-menu-nav ul.lang-item a:after, .mob-menu-nav ul.lang-item a:before, .mob-menu-nav ul.nav-item a:after, .mob-menu-nav ul.nav-item a:before {
  content: " ";
  display: table
}

.mob-menu-nav ul.lang-item a:after, .mob-menu-nav ul.nav-item a:after {
  clear: both
}

.mob-menu-nav ul.lang-item i.icon, .mob-menu-nav ul.nav-item i.icon {
  width: 40px;
  height: 30px;
  display: inline-block;
  margin-right: 25px;
  vertical-align: top;
  -webkit-filter: grayscale(100%) brightness(200%);
  filter: grayscale(100%) brightness(200%)
}

.mob-menu-nav ul.lang-item i.icon img, .mob-menu-nav ul.nav-item i.icon img {
  width: 40px;
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.mob-menu-nav .langselect .el-collapse-item__header, .mob-menu-nav .otherpage .el-collapse-item__header {
  *zoom: 1;
  padding: 15px 30px;
  height: auto;
  color: #fff;
  font-size: 16px;
  line-height: 30px
}

.mob-menu-nav .langselect .el-collapse-item__header:after, .mob-menu-nav .langselect .el-collapse-item__header:before, .mob-menu-nav .otherpage .el-collapse-item__header:after, .mob-menu-nav .otherpage .el-collapse-item__header:before {
  content: " ";
  display: table
}

.mob-menu-nav .langselect .el-collapse-item__header:after, .mob-menu-nav .otherpage .el-collapse-item__header:after {
  clear: both
}

.mob-menu-nav .langselect .el-collapse-item__header .el-collapse-item__arrow, .mob-menu-nav .otherpage .el-collapse-item__header .el-collapse-item__arrow {
  line-height: 30px;
  font-weight: 600
}

.mob-menu-nav .langselect .swiper-slide, .mob-menu-nav .otherpage .swiper-slide {
  width: 150px
}

.mob-menu-nav ul.appdownload, .mob-menu-nav ul.community-item {
  background: transparent;
  padding: 10px 20px
}

.mob-menu-nav ul.appdownload li, .mob-menu-nav ul.community-item li {
  display: inline-block;
  margin: 5px
}

.mob-menu-nav ul.appdownload li a, .mob-menu-nav ul.community-item li a {
  display: block;
  background: #3a3a3a;
  border-radius: 25px;
  border: 1px solid #474747;
  padding: 5px 15px;
  color: #fff;
  line-height: 35px
}

.mob-menu-nav ul.appdownload li a img, .mob-menu-nav ul.community-item li a img {
  margin-right: 5px;
  width: 35px;
  height: 35px
}

.mob-menu-nav ul.appdownload {
  padding-top: 0
}

#mob-menu .mob-menu-wrapper {
  background: #000
}

#mob-menu .mob-menu-wrapper::-webkit-scrollbar {
  display: none
}

#mob-menu .user-info {
  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;
  margin: 5.3333333333vmin
}

#mob-menu .user-info .icon {
  height: 5.3333333333vmin;
  margin-right: 2.6666666667vmin
}

#mob-menu .user-info .name {
  font-size: 5.3333333333vmin;
  color: #fff;
  word-break: break-all
}

#mob-menu .menu-item-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 5.3333333333vmin 4vmin
}

#mob-menu .menu-item-list .menu-item {
  width: 33%;
  padding: 1.3333333333vmin
}

#mob-menu .menu-item-list .menu-item .content, #mob-menu .menu-item-list .menu-item a {
  padding: 4vmin 2.6666666667vmin;
  min-height: 24vmin;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #222;
  border-radius: 2.6666666667vmin
}

#mob-menu .menu-item-list .menu-item .content.with-live, #mob-menu .menu-item-list .menu-item a.with-live {
  position: relative
}

#mob-menu .menu-item-list .menu-item .content.with-live .live, #mob-menu .menu-item-list .menu-item a.with-live .live {
  position: absolute;
  font-size: 3.2vmin;
  line-height: 4.2666666667vmin;
  height: 4.2666666667vmin;
  top: 2.1333333333vmin;
  right: 5.3333333333vmin;
  padding: 0 1.0666666667vmin;
  background-color: red;
  border-radius: .8vmin;
  z-index: 1;
  -webkit-animation: color-red-to-orange 1s infinite;
  animation: color-red-to-orange 1s infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate
}

#mob-menu .menu-item-list .menu-item img {
  width: 8vmin;
  height: 8vmin
}

#mob-menu .menu-item-list .menu-item img.white {
  -webkit-filter: brightness(10) grayscale(1);
  filter: brightness(10) grayscale(1);
  padding: .8vmin
}

#mob-menu .menu-item-list .menu-item img.custom-icon {
  padding: .8vmin
}

#mob-menu .menu-item-list .menu-item .text {
  margin-top: 1.3333333333vmin;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  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;
  max-height: 12.8vmin
}

#mob-menu .menu-item-list .menu-item span {
  font-size: 3.2vmin;
  color: #fff;
  font-weight: 400;
  text-align: center;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden
}

#mob-menu .btn-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 5.3333333333vmin 5.3333333333vmin 2.6666666667vmin
}

#mob-menu .btn-row div:nth-child(2) {
  margin-left: 2.6666666667vmin
}

#mob-menu .btn-row .info-btn, #mob-menu .btn-row .lang-btn {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 2.6666666667vmin;
  text-align: center;
  border-radius: 2.6666666667vmin;
  background: #222
}

#mob-menu .btn-row .info-btn.active, #mob-menu .btn-row .lang-btn.active {
  background: linear-gradient(115.69deg, #027b87 -2.72%, #004954 97.28%)
}

#mob-menu .btn-row .info-btn img, #mob-menu .btn-row .lang-btn img {
  width: 5.3333333333vmin;
  height: 5.3333333333vmin;
  margin-right: 2.6666666667vmin;
  -webkit-filter: drop-shadow(0 .2666666667vmin .5333333333vmin #000);
  filter: drop-shadow(0 .2666666667vmin .5333333333vmin #000)
}

#mob-menu .btn-row .info-btn span, #mob-menu .btn-row .lang-btn span {
  color: #fff;
  text-shadow: 0 .2666666667vmin .5333333333vmin rgba(0, 0, 0, .5), 0 .2666666667vmin .5333333333vmin rgba(0, 0, 0, .5), 0 .2666666667vmin .5333333333vmin rgba(0, 0, 0, .5);
  font-size: 3.2vmin;
  font-weight: 700
}

#mob-menu .info-list, #mob-menu .lang-list {
  margin: 2.6666666667vmin 5.3333333333vmin
}

#mob-menu .info-list .item, #mob-menu .lang-list .item {
  padding: 2.6666666667vmin;
  border: .2666666667vmin solid #555;
  border-bottom: none;
  background: hsla(0, 0%, 100%, .10196);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

#mob-menu .info-list .item:first-child, #mob-menu .lang-list .item:first-child {
  border-top-left-radius: 2.6666666667vmin;
  border-top-right-radius: 2.6666666667vmin
}

#mob-menu .info-list .item:last-child, #mob-menu .lang-list .item:last-child {
  border-bottom-left-radius: 2.6666666667vmin;
  border-bottom-right-radius: 2.6666666667vmin;
  border-bottom: .2666666667vmin solid #555
}

#mob-menu .info-list .item.active a div, #mob-menu .info-list .item.active a span, #mob-menu .lang-list .item.active a div, #mob-menu .lang-list .item.active a span {
  color: #ffc050
}

#mob-menu .info-list .item a, #mob-menu .info-list .item div, #mob-menu .lang-list .item a, #mob-menu .lang-list .item div {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

#mob-menu .info-list .item a:focus, #mob-menu .info-list .item div:focus, #mob-menu .lang-list .item a:focus, #mob-menu .lang-list .item div:focus {
  color: #ffc050
}

#mob-menu .service-box {
  margin: 5.3333333333vmin;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

#mob-menu .service-box li {
  margin: 1.3333333333vmin 0;
  width: 14.25%
}

#mob-menu .service-box li a, #mob-menu .service-box li div {
  background: #222;
  border-radius: 100%
}

#mob-menu .service-box li img {
  display: block;
  width: 100%;
  height: 100%
}

#mob-menu .service-box .mob-friendlink-nav, #mob-menu .service-box .mobile-app .mob-friendlink-nav-social, .mobile-app #mob-menu .service-box .mob-friendlink-nav-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 8vmin;
  height: 8vmin;
  padding: 0;
  overflow: hidden
}

#mob-menu .service-box .mob-friendlink-nav span, #mob-menu .service-box .mobile-app .mob-friendlink-nav-social span, .mobile-app #mob-menu .service-box .mob-friendlink-nav-social span {
  display: none
}

#mob-menu .bottom-row {
  margin: 5.3333333333vmin
}

#mob-menu .bottom-row, #mob-menu .logout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

#mob-menu .logout {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 5.3333333333vmin
}

#mob-menu .logout .logout-icon {
  width: 5.3333333333vmin;
  height: 5.3333333333vmin;
  margin-right: 1.3333333333vmin
}

#mob-menu .logout .logout-icon svg {
  fill: #ffc050
}

#mob-menu .logout span {
  color: #ffc050;
  font-size: 3.2vmin;
  font-weight: 500
}

@media only screen and (max-width:767px) {
  .mob-menu-wrapper .nav-item ul.appdownload, .mob-menu-wrapper .nav-item ul.community-item {
    padding: 10px 20px 0
  }

  .mob-menu-wrapper .nav-item ul.community-item li {
    min-width: 45%;
    width: auto;
    position: relative;
    text-align: center
  }

  .mob-menu-wrapper .nav-item ul.community-item li a img {
    position: absolute;
    left: 18px
  }

  .mob-menu-wrapper .nav-item ul.community-item li a span {
    padding-left: 45px
  }

  .mob-menu-wrapper .nav-item ul.appdownload {
    padding-bottom: 10px
  }
}

.mobile-app .mob-menu-wrapper .nav-item ul.lang-item .panel-body li.lang-icon span {
  display: block
}

.mobile-app .mob-menu-wrapper {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  position: fixed;
  top: 26.6666666667vmin;
  z-index: 155;
  max-height: calc(100% - 26.66667vmin);
  background: #0d0d0d;
  -webkit-transition: transition(all .1s ease), transition(all .1s ease);
  transition: transition(all .1s ease), transition(all .1s ease);
  transition: transition(all .1s ease)
}

.mobile-app .mob-cover {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 150;
  height: 16vmin;
  background: #0d0d0d
}

.mobile-app .mob-member-box {
  padding: 1.6vmin 2.6666666667vmin;
  background: #0e0e0e
}

.mobile-app .mob-menu-memberbtn {
  margin: 0;
  padding: 0;
  list-style-type: none;
  *zoom: 1;
  display: block;
  text-align: center;
  background: #0e0e0e;
  border: .8vmin solid #cff;
  border-radius: 1.3333333333vmin;
  -webkit-box-shadow: 0 0 1.3333333333vmin .2666666667vmin #0cf, inset 0 0 2.6666666667vmin 0 #0cf;
  box-shadow: 0 0 1.3333333333vmin .2666666667vmin #0cf, inset 0 0 2.6666666667vmin 0 #0cf
}

.mobile-app .mob-menu-memberbtn:after, .mobile-app .mob-menu-memberbtn:before {
  content: " ";
  display: table
}

.mobile-app .mob-menu-memberbtn:after {
  clear: both
}

.mobile-app .mob-menu-memberbtn li {
  position: relative;
  display: inline-block;
  width: 60%
}

.mobile-app .mob-menu-memberbtn li:first-child {
  width: 40%
}

.mobile-app .mob-menu-memberbtn li.native-btn {
  width: 100%
}

.mobile-app .mob-menu-memberbtn li:only-child {
  width: 100%
}

.mobile-app .mob-menu-memberbtn li a {
  position: relative;
  display: block;
  height: 10.6666666667vmin;
  font-size: 4.2666666667vmin;
  line-height: 10.6666666667vmin;
  background: #222
}

.mobile-app .mob-menu-memberbtn li a.member-btn {
  color: #fff;
  border-top-left-radius: 1.3333333333vmin;
  border-bottom-left-radius: 1.3333333333vmin;
  border-right: .2666666667vmin solid rgba(0, 0, 0, .3)
}

.mobile-app .mob-menu-memberbtn li a.member-btn span {
  position: relative;
  font-size: 3.7333333333vmin
}

.mobile-app .mob-menu-memberbtn li a.member-btn b {
  position: relative;
  margin-left: 1.3333333333vmin;
  font-size: 4.8vmin
}

.mobile-app .mob-menu-memberbtn li a.logout-btn {
  color: #fff;
  border-top-right-radius: 1.3333333333vmin;
  border-bottom-right-radius: 1.3333333333vmin;
  border-left: .2666666667vmin solid hsla(0, 0%, 100%, .3)
}

.mobile-app .mob-menu-memberbtn li a.native-btn {
  margin: 2.6666666667vmin;
  font-weight: 700;
  color: #111;
  background: #fd0;
  border-radius: 1.3333333333vmin
}

.mobile-app .native-btn-box {
  padding: 0 2.6666666667vmin 1.3333333333vmin;
  background: #0e0e0e
}

.mobile-app .native-btn-box a.native-btn {
  display: block;
  width: 100%;
  font-size: 3.7333333333vmin;
  font-weight: 700;
  line-height: 10.6666666667vmin;
  text-align: center;
  color: #111;
  background: #fd0;
  border-radius: 1.3333333333vmin
}

.mobile-app .mob-menu-nav {
  overflow-x: hidden
}

.mobile-app .mob-menu-nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  background: #134
}

.mobile-app .mob-menu-nav ul .langselect, .mobile-app .mob-menu-nav ul .otherpage {
  background: #0e0e0e
}

.mobile-app .mob-menu-nav ul .langselect .el-collapse-item__header, .mobile-app .mob-menu-nav ul .otherpage .el-collapse-item__header {
  *zoom: 1;
  padding-left: 5.3333333333vmin;
  height: 13.3333333333vmin;
  line-height: 13.3333333333vmin;
  font-size: 4.2666666667vmin;
  font-weight: 700;
  background: #134;
  text-transform: uppercase;
  color: #fff
}

.mobile-app .mob-menu-nav ul .langselect .el-collapse-item__header:after, .mobile-app .mob-menu-nav ul .langselect .el-collapse-item__header:before, .mobile-app .mob-menu-nav ul .otherpage .el-collapse-item__header:after, .mobile-app .mob-menu-nav ul .otherpage .el-collapse-item__header:before {
  content: " ";
  display: table
}

.mobile-app .mob-menu-nav ul .langselect .el-collapse-item__header:after, .mobile-app .mob-menu-nav ul .otherpage .el-collapse-item__header:after {
  clear: both
}

.mobile-app .mob-menu-nav ul .langselect .el-collapse-item__header .el-collapse-item__arrow, .mobile-app .mob-menu-nav ul .otherpage .el-collapse-item__header .el-collapse-item__arrow {
  line-height: 13.3333333333vmin;
  font-weight: 600
}

.mobile-app .mob-menu-nav ul .langselect .el-collapse-item__wrap, .mobile-app .mob-menu-nav ul .otherpage .el-collapse-item__wrap {
  overflow: inherit
}

.mobile-app .mob-menu-nav ul.nav-item .panel-body a {
  padding-left: 10.6666666667vmin;
  text-transform: capitalize;
  color: #ccc
}

.mobile-app .mob-menu-nav ul.lang-item {
  padding-bottom: 5.3333333333vmin
}

.mobile-app .mob-menu-nav ul.lang-item .panel-body ul {
  padding: 2.6666666667vmin 0 2.6666666667vmin 2.6666666667vmin;
  width: 100%;
  background: #0e0e0e
}

.mobile-app .mob-menu-nav ul.lang-item .panel-body .swiper-slide {
  margin-right: 2.6666666667vmin !important;
  width: auto !important;
  text-align: center;
  background: hsla(0, 0%, 100%, .05);
  border-radius: 1.3333333333vmin
}

.mobile-app .mob-menu-nav ul.lang-item .panel-body .lang-icon {
  display: inline-block;
  padding: 2.6666666667vmin
}

.mobile-app .mob-menu-nav ul.lang-item .panel-body .lang-icon img {
  display: inline-block;
  margin: 0 auto 2.6666666667vmin;
  width: 20vmin;
  height: 13.3333333333vmin
}

.mobile-app .mob-menu-nav ul.lang-item .panel-body .lang-icon .lang-content {
  padding-left: 0;
  line-height: normal
}

.mobile-app .mob-menu-nav ul.lang-item .panel-body .lang-icon .lang-content div {
  font-size: 4.2666666667vmin;
  font-weight: 400;
  word-break: break-word;
  line-height: 4.2666666667vmin;
  color: #777
}

.mobile-app .mob-menu-nav ul.lang-item .panel-body li.lang-icon.active {
  background: rgba(17, 51, 68, .3);
  border: .2666666667vmin solid #5ef;
  border-radius: 1.3333333333vmin;
  -webkit-box-shadow: 0 0 2.6666666667vmin .2666666667vmin #0cf, inset 0 0 4vmin 0 #0cf;
  box-shadow: 0 0 2.6666666667vmin .2666666667vmin #0cf, inset 0 0 4vmin 0 #0cf
}

.mobile-app .mob-menu-nav ul.lang-item .panel-body li.lang-icon.active .lang-content div {
  color: #fff
}

.mobile-app .mob-menu-nav ul.nav-item a {
  *zoom: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 5.3333333333vmin;
  min-height: 13.3333333333vmin;
  font-size: 4.2666666667vmin;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff
}

.mobile-app .mob-menu-nav ul.nav-item a:after, .mobile-app .mob-menu-nav ul.nav-item a:before {
  content: " ";
  display: table
}

.mobile-app .mob-menu-nav ul.nav-item a:after {
  clear: both
}

.mobile-app .logout-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 5.3333333333vmin 0;
  width: 100%
}

.mobile-app .logout-box .logout-btn {
  padding: 5.3333333333vmin 12vmin;
  font-size: 4.8vmin;
  color: #666;
  background: rgba(0, 0, 0, .6);
  border: .2666666667vmin solid hsla(0, 0%, 100%, .3);
  border-radius: 1.3333333333vmin
}

.mobile-app .footer-brand-web {
  padding-top: 0;
  padding-bottom: 0
}

.mobile-app .mob-menu-wrapper .mob-menu-footer-design {
  color: #999
}

.mobile-app .mob-menu-wrapper .mob-menu-footer-design .footer-design {
  background: transparent
}

.mobile-app #mob-menu .btn-row .info-btn, .mobile-app #mob-menu .btn-row .lang-btn, .mobile-app #mob-menu .menu-item-list .menu-item a, .mobile-app #mob-menu .menu-item-list .menu-item div {
  background: #003446
}

.mobile-app #mob-menu .btn-row .info-btn.active, .mobile-app #mob-menu .btn-row .lang-btn.active {
  background: linear-gradient(115.69deg, #027b87 -2.72%, #004954 97.28%)
}

.mobile-app #mob-menu .lang-list .lang-icon .lang-content, .mobile-app #mob-menu .lang-list .lang-icon a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.mobile-app #mob-menu .lang-list .lang-icon img {
  width: 5.3333333333vmin;
  height: 5.3333333333vmin;
  border-radius: 100%;
  margin-right: 2.6666666667vmin
}

.mobile-app #mob-menu .info-list .item .lang-content div, .mobile-app #mob-menu .lang-list .item .lang-content div {
  color: #fff
}

.mobile-app #mob-menu .info-list .item.active .lang-content div, .mobile-app #mob-menu .lang-list .item.active .lang-content div {
  color: #027b87
}

.mobile-app #mob-menu .info-list .item .lang-content:focus, .mobile-app #mob-menu .info-list .item .lang-content:hover, .mobile-app #mob-menu .lang-list .item .lang-content:focus, .mobile-app #mob-menu .lang-list .item .lang-content:hover {
  color: #027b87
}

.mobile-app #mob-menu .service-box li .mob-friendlink-nav, .mobile-app #mob-menu .service-box li .mob-friendlink-nav-social {
  background: #222;
  -webkit-box-shadow: 0 0 2.6666666667vmin .1333333333vmin #0cf, inset 0 0 2.6666666667vmin 0 #0cf;
  box-shadow: 0 0 2.6666666667vmin .1333333333vmin #0cf, inset 0 0 2.6666666667vmin 0 #0cf;
  border: .5333333333vmin solid #cff;
  padding: 1.0666666667vmin
}

.mobile-app #mob-menu .logout span {
  color: #027b87
}

.mobile-app #mob-menu .logout .logout-icon svg {
  fill: #027b87
}

@media only screen and (min-width:768px) {
  .mobile-app .mob-menu-wrapper {
    top: 13.3333333333vmin;
    max-height: calc(100% - 13.33333vmin)
  }

  .mobile-app .mob-cover {
    height: 8vmin
  }

  .mobile-app .mob-member-box {
    padding: .8vmin 2.6666666667vmin
  }

  .mobile-app .mob-menu-memberbtn {
    border: .4vmin solid #cff;
    border-radius: .6666666667vmin;
    -webkit-box-shadow: 0 0 .6666666667vmin .1333333333vmin #0cf, inset 0 0 1.3333333333vmin 0 #0cf;
    box-shadow: 0 0 .6666666667vmin .1333333333vmin #0cf, inset 0 0 1.3333333333vmin 0 #0cf
  }

  .mobile-app .mob-menu-memberbtn li a {
    height: 5.3333333333vmin;
    font-size: 2.1333333333vmin;
    line-height: 5.3333333333vmin
  }

  .mobile-app .mob-menu-memberbtn li a.member-btn {
    border-top-left-radius: .6666666667vmin;
    border-bottom-left-radius: .6666666667vmin;
    border-right: .1333333333vmin solid rgba(0, 0, 0, .3)
  }

  .mobile-app .mob-menu-memberbtn li a.member-btn span {
    font-size: 1.8666666667vmin
  }

  .mobile-app .mob-menu-memberbtn li a.member-btn b {
    margin-left: .6666666667vmin;
    font-size: 2.4vmin
  }

  .mobile-app .mob-menu-memberbtn li a.logout-btn {
    border-top-right-radius: .6666666667vmin;
    border-bottom-right-radius: .6666666667vmin;
    border-left: .1333333333vmin solid hsla(0, 0%, 100%, .3)
  }

  .mobile-app .mob-menu-memberbtn li a.native-btn {
    margin: 1.3333333333vmin;
    border-radius: .6666666667vmin
  }

  .mobile-app .native-btn-box {
    padding: 0 2.6666666667vmin .8vmin
  }

  .mobile-app .native-btn-box a.native-btn {
    font-size: 1.8666666667vmin;
    line-height: 5.3333333333vmin;
    border-radius: .6666666667vmin
  }

  .mobile-app .mob-menu-nav ul .langselect .el-collapse-item__header, .mobile-app .mob-menu-nav ul .otherpage .el-collapse-item__header {
    padding-left: 2.6666666667vmin;
    height: 6.6666666667vmin;
    line-height: 6.6666666667vmin;
    font-size: 2.1333333333vmin
  }

  .mobile-app .mob-menu-nav ul .langselect .el-collapse-item__header .el-collapse-item__arrow, .mobile-app .mob-menu-nav ul .otherpage .el-collapse-item__header .el-collapse-item__arrow {
    line-height: 6.6666666667vmin
  }

  .mobile-app .mob-menu-nav ul.nav-item .panel-body a {
    padding-left: 5.3333333333vmin
  }

  .mobile-app .mob-menu-nav ul.lang-item {
    padding-bottom: 2.6666666667vmin
  }

  .mobile-app .mob-menu-nav ul.lang-item .panel-body ul {
    padding: 1.3333333333vmin 0 1.3333333333vmin 1.3333333333vmin
  }

  .mobile-app .mob-menu-nav ul.lang-item .panel-body .swiper-slide {
    margin-right: 1.3333333333vmin !important;
    border-radius: .6666666667vmin
  }

  .mobile-app .mob-menu-nav ul.lang-item .panel-body .lang-icon {
    padding: 1.3333333333vmin
  }

  .mobile-app .mob-menu-nav ul.lang-item .panel-body .lang-icon img {
    margin: 0 auto 1.3333333333vmin;
    width: 10vmin;
    height: 6.6666666667vmin
  }

  .mobile-app .mob-menu-nav ul.lang-item .panel-body .lang-icon .lang-content div {
    font-size: 2.1333333333vmin;
    line-height: 2.1333333333vmin
  }

  .mobile-app .mob-menu-nav ul.lang-item .panel-body li.lang-icon.active {
    border: .1333333333vmin solid #5ef;
    border-radius: .6666666667vmin;
    -webkit-box-shadow: 0 0 1.3333333333vmin .1333333333vmin #0cf, inset 0 0 2vmin 0 #0cf;
    box-shadow: 0 0 1.3333333333vmin .1333333333vmin #0cf, inset 0 0 2vmin 0 #0cf
  }

  .mobile-app .mob-menu-nav ul.lang-item .lang-btn, .mobile-app .mob-menu-nav ul.lang-item a, .mobile-app .mob-menu-nav ul.nav-item .lang-btn, .mobile-app .mob-menu-nav ul.nav-item a {
    padding-left: 2.6666666667vmin;
    line-height: 6.6666666667vmin;
    font-size: 2.1333333333vmin
  }

  .mobile-app .mob-menu-nav ul.appdownload, .mobile-app .mob-menu-nav ul.community-item {
    padding: 2.6666666667vmin
  }

  .mobile-app .mob-menu-nav ul.appdownload li, .mobile-app .mob-menu-nav ul.community-item li {
    margin-right: 1.3333333333vmin
  }

  .mobile-app .mob-menu-nav ul.appdownload li a, .mobile-app .mob-menu-nav ul.community-item li a {
    width: 6.6666666667vmin;
    height: 6.6666666667vmin;
    line-height: 5.3333333333vmin;
    border: .6666666667vmin solid #cff;
    -webkit-box-shadow: 0 0 2.6666666667vmin .1333333333vmin #0cf, inset 0 0 2.6666666667vmin 0 #0cf;
    box-shadow: 0 0 2.6666666667vmin .1333333333vmin #0cf, inset 0 0 2.6666666667vmin 0 #0cf
  }

  .mobile-app .mob-menu-nav ul.appdownload li a img, .mobile-app .mob-menu-nav ul.community-item li a img {
    width: 3.4666666667vmin;
    height: 3.4666666667vmin;
    display: inline-block
  }

  .mobile-app .logout-box {
    padding: 2.6666666667vmin 0
  }

  .mobile-app .logout-box .logout-btn {
    padding: 2.6666666667vmin 6vmin;
    font-size: 2.4vmin;
    border: .1333333333vmin;
    border-radius: .6666666667vmin
  }
}

.news-wrapper {
  width: 100%;
  height: 50px;
  position: relative;
  color: #fff;
  background: #0e0e0e;
  -webkit-box-shadow: 0 5px 50px 0 rgba(0, 0, 0, .5);
  box-shadow: 0 5px 50px 0 rgba(0, 0, 0, .5)
}

.news-wrapper:after, .news-wrapper:before {
  width: 15%;
  height: 50px;
  content: "";
  position: absolute;
  top: 0;
  display: block;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/new-banner-bg_e3914f4.webp) no-repeat;
  background-position: 102% 100%
}

.news-wrapper:before {
  left: 0
}

.news-wrapper:after {
  right: 0;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}

.news-wrapper .news-block {
  width: 70%;
  height: 50px;
  overflow: hidden;
  position: relative;
  z-index: 2;
  margin: 0 auto
}

.news-wrapper .news-block .news-scroll .marquee-content {
  display: inline-block;
  padding: 0 50px;
  font-size: 18px;
  line-height: 50px;
  white-space: nowrap;
  color: #fd0
}

.news-wrapper .news-block .news-scroll .marquee-content i {
  top: 6px;
  margin-right: 10px;
  font-size: 24px;
  color: #fff
}

.news-wrapper .news-block .news-scroll .marquee-content .title {
  margin-right: 10px;
  color: #fff
}

.mobile-app .news-wrapper {
  height: 10.6666666667vmin;
  -webkit-box-shadow: 0 1.3333333333vmin 13.3333333333vmin 0 rgba(0, 0, 0, .5);
  box-shadow: 0 1.3333333333vmin 13.3333333333vmin 0 rgba(0, 0, 0, .5)
}

.mobile-app .news-wrapper:after, .mobile-app .news-wrapper:before {
  background: none
}

.mobile-app .news-wrapper .news-block, .mobile-app .news-wrapper .news-block .news-scroll {
  width: 100%;
  height: 10.6666666667vmin
}

.mobile-app .news-wrapper .news-block .news-scroll .marquee-content {
  padding: 0 5.3333333333vmin 0 0;
  font-size: 3.7333333333vmin;
  line-height: 10.6666666667vmin
}

.mobile-app .news-wrapper .news-block .news-scroll .marquee-content i {
  top: 1.6vmin;
  margin-right: 1.3333333333vmin;
  font-size: 5.3333333333vmin
}

.mobile-app .news-wrapper .news-block .news-scroll .marquee-content .title {
  margin-right: 2.6666666667vmin
}

@media only screen and (min-width:768px) {
  .mobile-app .news-wrapper {
    height: 5.3333333333vmin;
    -webkit-box-shadow: 0 .6666666667vmin 6.6666666667vmin 0 rgba(0, 0, 0, .5);
    box-shadow: 0 .6666666667vmin 6.6666666667vmin 0 rgba(0, 0, 0, .5)
  }

  .mobile-app .news-wrapper .news-block, .mobile-app .news-wrapper .news-block .news-scroll {
    width: 100%;
    height: 5.3333333333vmin
  }

  .mobile-app .news-wrapper .news-block .news-scroll .marquee-content {
    padding-right: 2.6666666667vmin;
    font-size: 1.8666666667vmin;
    line-height: 5.3333333333vmin
  }

  .mobile-app .news-wrapper .news-block .news-scroll .marquee-content i {
    top: .8vmin;
    margin-right: .6666666667vmin;
    font-size: 2.6666666667vmin
  }

  .mobile-app .news-wrapper .news-block .news-scroll .marquee-content .title {
    margin-right: 1.3333333333vmin
  }
}

.step-wrapper {
  position: relative
}

.step-wrapper, .step-wrapper .step-ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.step-wrapper .step-ul {
  z-index: 1;
  width: 88vw;
  padding: 10px 0;
  counter-reset: step;
  list-style: none;
  margin-bottom: 0
}

@media screen and (max-width:375px) {
  .step-wrapper .step-ul {
    padding: 5px 0
  }
}

.step-wrapper .step-ul .step-li-item {
  width: 150px;
  text-align: center;
  color: #282828;
  -webkit-transition: color .5s ease-in;
  transition: color .5s ease-in
}

@media screen and (max-width:375px) {
  .step-wrapper .step-ul .step-li-item {
    width: 120px
  }
}

.step-wrapper .step-ul .step-li-item:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: counter(step);
  counter-increment: step;
  -webkit-transition: all .5s ease-in;
  transition: all .5s ease-in;
  width: 50px;
  height: 50px;
  line-height: 50px;
  display: block;
  margin: auto;
  border-radius: 50%;
  background: #000;
  text-align: center;
  font-family: Arial;
  font-size: 25px;
  font-weight: 700;
  color: #999
}

.step-wrapper .step-ul .step-li-item.now:before {
  background: #078;
  color: #fff;
  line-height: 50px;
  -webkit-transform: scale(1.4);
  transform: scale(1.4)
}

@media screen and (max-width:375px) {
  .step-wrapper .step-ul .step-li-item.now:before {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    line-height: 50px
  }
}

.step-wrapper .stepBgLine {
  position: absolute;
  top: 32px;
  width: 100%;
  max-width: 600px;
  height: 3px;
  background-image: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), color-stop(50%, hsla(0, 0%, 100%, .3)), to(hsla(0, 0%, 100%, 0)));
  background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .3) 50%, hsla(0, 0%, 100%, 0))
}

@media screen and (max-width:375px) {
  .step-wrapper .stepBgLine {
    top: 27px
  }
}

.cool-event-block {
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
  background: #000;
  opacity: .9;
  width: 100%;
  z-index: 150;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.cool-event-block, .cool-event-block .item-block {
  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
}

.cool-event-block .item-block {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 10px 20px 20px;
  opacity: .5;
  cursor: pointer
}

.cool-event-block .item-block:hover {
  opacity: 1
}

.cool-event-block .item-block .icon-block {
  width: 130px;
  position: relative
}

.cool-event-block .item-block .icon-block .icon-bg {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 108px;
  height: 108px;
  border-radius: 50%;
  background: linear-gradient(180.12deg, transparent .11%, rgba(0, 0, 0, .5) 99.64%), linear-gradient(0deg, #007b87, #007b87)
}

.cool-event-block .item-block .icon-block img {
  display: block;
  width: 100%;
  height: 100%
}

.cool-event-block .item-block .name {
  font-size: 14px;
  font-weight: 700;
  color: #ccc
}

.cool-event-block {
  top: 90px
}

.text-box {
  padding: 30px
}

.text-box h2 {
  color: #fff
}

.text-box button {
  margin: 5px 0;
  width: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
  background-image: linear-gradient(180deg, #666 0, #000);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF666666", endColorstr="#FF000000", GradientType=0);
  -webkit-box-shadow: inset 0 -1px 5px 0 hsla(0, 0%, 100%, .5);
  box-shadow: inset 0 -1px 5px 0 hsla(0, 0%, 100%, .5);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  cursor: pointer;
  display: inline-block;
  width: auto;
  height: auto;
  padding: 10px 40px;
  font-size: 18px;
  color: #fff;
  line-height: 30px;
  letter-spacing: 1px;
  text-shadow: 1px 2px 1px rgba(0, 0, 0, .5);
  border-radius: 5px;
  border: 1px solid grey
}

.text-box button:hover {
  -webkit-box-shadow: inset 0 -1px 20px 0 hsla(0, 0%, 100%, .5);
  box-shadow: inset 0 -1px 20px 0 hsla(0, 0%, 100%, .5)
}

@media only screen and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1), only screen and (max-width:768px), only screen and (min-device-width:1280px) and (max-device-width:1280px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) and (-webkit-min-device-pixel-ratio:2), only screen and (min-device-width:1280px) and (max-device-width:1280px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) and (min-resolution:192dpi), only screen and (min-device-width:1366px) and (max-device-width:1366px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:2), only screen and (min-device-width:1440px) and (max-device-width:1440px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) {
  .text-box button:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
    background-image: linear-gradient(180deg, #666 0, #000);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF666666", endColorstr="#FF000000", GradientType=0)
  }
}

.el-dialog {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none
}

.el-dialog .el-dialog__header {
  padding: 0
}

.el-dialog .el-dialog__body {
  overflow: visible;
  padding: 0;
  *zoom: 1
}

.el-dialog .el-dialog__body:after, .el-dialog .el-dialog__body:before {
  content: " ";
  display: table
}

.el-dialog .el-dialog__body:after {
  clear: both
}

@media (min-width:768px) {
  .el-dialog.dialog-sm {
    width: 30vw;
    min-width: 490px
  }
}

.el-dialog.dialog-lg, .el-dialog.dialog-md {
  width: auto
}

.el-dialog.dialog-full {
  max-width: none !important;
  width: 100% !important;
  height: 100vh
}

.el-dialog.dialog-full .el-dialog__body {
  width: 100% !important;
  height: 100% !important;
  background: none !important
}

.el-dialog.dialog-full .el-dialog__body .close-wrapper {
  -webkit-transform: none !important;
  transform: none !important
}

button.dark-close, button.light-close, button.outside-close {
  position: absolute;
  top: 80px;
  right: 40px;
  z-index: 10;
  padding: 0;
  border: 0;
  text-align: center;
  opacity: .5;
  cursor: pointer;
  width: 30px;
  height: 30px;
  -webkit-appearance: none
}

button.dark-close:hover, button.light-close:hover, button.outside-close:hover {
  opacity: 1
}

button.dark-close.full-screen-close, button.light-close.full-screen-close, button.outside-close.full-screen-close {
  opacity: .8;
  -webkit-filter: brightness(10) grayscale(1);
  filter: brightness(10) grayscale(1)
}

@media (min-width:992px) {
  button.dark-close.full-screen-close, button.light-close.full-screen-close, button.outside-close.full-screen-close {
    right: -8vw
  }
}

@media (min-width:1356px) {
  button.dark-close.full-screen-close, button.light-close.full-screen-close, button.outside-close.full-screen-close {
    right: -15vw
  }
}

button.dark-close.mask-up-close, button.light-close.mask-up-close, button.outside-close.mask-up-close {
  z-index: 2004
}

button.dark-close {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/dark-close_62b88e6.webp)
}

button.light-close {
  background: url(data:image/webp;base64,UklGRr4DAABXRUJQVlA4WAoAAAAUAAAAHQAAHQAAVlA4TIgAAAAvHUAHEDcw//M//wSSNnuHsxqP+soBXgTiEAOryLbaPKKgS4gDHKT8dwUh/jU84B4LEf1n4LZto7Z3vD2cvmIJpnobv0m2Yz9eRZvmNimOtzFHaeZILaMsUJbUVtTWlCp0DMfb5RQUT1bxT4aNd/ASfhD+PoeD0XGwGDsXhUpWqsBy42SgqRIBWE1QIBADAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzAxNCA3OS4xNTY3OTcsIDIwMTQvMDgvMjAtMDk6NTM6MDIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE0IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1QzQ0NzQwQUZDMkMxMUU3OTZGRUY5MDBDNDQ4ODVFRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1QzQ0NzQwQkZDMkMxMUU3OTZGRUY5MDBDNDQ4ODVFRSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVDNDQ3NDA4RkMyQzExRTc5NkZFRjkwMEM0NDg4NUVFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjVDNDQ3NDA5RkMyQzExRTc5NkZFRjkwMEM0NDg4NUVFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+)
}

button.outside-close {
  right: -70px;
  padding: 30px;
  background: url(data:image/webp;base64,UklGRr4DAABXRUJQVlA4WAoAAAAUAAAAHQAAHQAAVlA4TIgAAAAvHUAHEDcw//M//wSSNnuHsxqP+soBXgTiEAOryLbaPKKgS4gDHKT8dwUh/jU84B4LEf1n4LZto7Z3vD2cvmIJpnobv0m2Yz9eRZvmNimOtzFHaeZILaMsUJbUVtTWlCp0DMfb5RQUT1bxT4aNd/ASfhD+PoeD0XGwGDsXhUpWqsBy42SgqRIBWE1QIBADAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzAxNCA3OS4xNTY3OTcsIDIwMTQvMDgvMjAtMDk6NTM6MDIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE0IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1QzQ0NzQwQUZDMkMxMUU3OTZGRUY5MDBDNDQ4ODVFRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1QzQ0NzQwQkZDMkMxMUU3OTZGRUY5MDBDNDQ4ODVFRSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVDNDQ3NDA4RkMyQzExRTc5NkZFRjkwMEM0NDg4NUVFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjVDNDQ3NDA5RkMyQzExRTc5NkZFRjkwMEM0NDg4NUVFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+) no-repeat 50%
}

.publicDialog {
  position: relative
}

.publicDialog .el-dialog__wrapper {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  margin: auto
}

.user-symbol .input-addon {
  position: relative;
  background-color: rgba(0, 0, 0, .35);
  color: #06c;
  font-weight: 600
}

.user-symbol .input-addon:after {
  right: 0;
  height: 50%;
  border-right: 1px solid #ddd;
  content: "";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  z-index: 1
}

.user-symbol.disabled .input-addon {
  background: #f3f3f3;
  color: #a8a8a8;
  -webkit-text-fill-color: #a8a8a8
}

.user-symbol.disabled input[disabled] {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}

.qrcode-box .input-addon {
  background: #e9e9e9
}

#member-section .member-content .form-group .form-input-el .qrcode-box .el-input__inner, .qrcode-box #member-section .member-content .form-group .form-input-el .el-input__inner, .qrcode-box .form-input {
  position: relative;
  display: block;
  width: 60%
}

.el-popup-parent--hidden {
  overflow: hidden !important;
  width: 100%;
  height: auto
}

.el-popup-parent--hidden #app {
  position: relative;
  overflow-y: hidden !important
}

.el-message-box {
  max-width: 420px;
  width: 100% !important
}

@media (min-width:992px) {
  .dialog-lg[\:has\(.signup-banner-border\)] {
    min-width: 972px !important
  }

  .dialog-lg:has(.signup-banner-border) {
    min-width: 972px !important
  }
}

@media (min-width:1140px) {
  .dialog-lg[\:has\(.signup-banner-border\)] {
    min-width: 1120px !important
  }

  .dialog-lg:has(.signup-banner-border) {
    min-width: 1120px !important
  }
}

.signUp-content[\:has\(.signup-banner-border\)], .signup-wrapper[\:has\(.signup-banner-border\)] {
  max-width: 1050px !important
}

.signUp-content:has(.signup-banner-border), .signup-wrapper:has(.signup-banner-border) {
  max-width: 1050px !important
}

.mobile-app .signUp-content[\:has\(.signup-banner-border\)], .mobile-app .signup-wrapper[\:has\(.signup-banner-border\)] {
  max-width: 100% !important
}

.mobile-app .signUp-content:has(.signup-banner-border), .mobile-app .signup-wrapper:has(.signup-banner-border) {
  max-width: 100% !important
}

.mobile-app .popup-signup.popup-bg-one .equal-input-block, .mobile-app .signup-wrapper .equal-block .header-popup .header-popup-bg .equal-block, .mobile-app .signup-wrapper .header-popup, .mobile-app .signup-wrapper .popup-bg-two, .mobile-app .signup-wrapper .popup-signup, .mobile-app .signUpPage-wrapper .signUp-content {
  overflow: hidden
}

.signup-banner-border {
  width: 350px;
  height: 750px;
  margin-right: 40px
}

.signup-banner-border img {
  -o-object-fit: cover;
  object-fit: cover;
  height: 750px;
  width: 100%
}

.signup-banner-border .single-banner {
  width: 270px
}

.signup-banner-border .single-banner.web-popup {
  width: 350px
}

.mobile-app .signup-banner-border {
  position: relative;
  right: 1.3333333333vmin;
  aspect-ratio: 375/160;
  height: auto;
  width: calc(100% + 2.66667vmin)
}

.mobile-app .signup-banner-border a {
  padding: 0 1.3333333333vmin;
  display: inline-block;
  width: 100%
}

.mobile-app .signup-banner-border a img {
  aspect-ratio: 375/160;
  height: auto
}

.mobile-app .signup-banner-border .single-banner {
  width: 100%
}

.signUp-bg-two .equal-input-block {
  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
}

.signUp-bg-two .equal-input-block .signup-banner-border {
  width: 270px;
  height: 581px
}

.signUp-bg-two .equal-input-block .signup-banner-border img {
  height: 581px
}

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

.signup-container .signup-banner-border {
  position: relative;
  right: 30px
}

.mobile-app .signup-container {
  display: block
}

.mobile-app .signup-container .signup-banner-border {
  right: calc(30px + 1.33333vmin);
  width: calc(100% + 60px + 3vmin);
  margin-bottom: 20px
}

@media only screen and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1), only screen and (max-width:768px), only screen and (min-device-width:1280px) and (max-device-width:1280px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) and (-webkit-min-device-pixel-ratio:2), only screen and (min-device-width:1280px) and (max-device-width:1280px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) and (min-resolution:192dpi), only screen and (min-device-width:1366px) and (max-device-width:1366px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:2), only screen and (min-device-width:1440px) and (max-device-width:1440px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) {
  .el-dialog {
    margin: 10px auto 50px !important;
    width: 100%
  }
}

@media only screen and (min-width:992px) {
  .el-dialog {
    margin: 50px auto
  }
}

@media only screen and (max-width:767px) {
  .el-dialog {
    margin: 10px 10px 50px
  }
}

@media (min-width:768px) {
  .el-dialog.dialog-md {
    width: 700px
  }
}

@media (min-width:768px) {
  .el-dialog.dialog-lg {
    width: 90%
  }
}

@media (min-width:992px) {
  .el-dialog.dialog-lg {
    min-width: 780px;
    width: 50%
  }
}

@media only screen and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1), only screen and (max-width:768px), only screen and (min-device-width:1280px) and (max-device-width:1280px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) and (-webkit-min-device-pixel-ratio:2), only screen and (min-device-width:1280px) and (max-device-width:1280px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) and (min-resolution:192dpi), only screen and (min-device-width:1366px) and (max-device-width:1366px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:2), only screen and (min-device-width:1440px) and (max-device-width:1440px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) {
  button.outside-close {
    top: 10px;
    right: 10px;
    padding: 20px;
    background-size: 20px 20px
  }
}

@media only screen and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1), only screen and (max-width:768px), only screen and (min-device-width:1280px) and (max-device-width:1280px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) and (-webkit-min-device-pixel-ratio:2), only screen and (min-device-width:1280px) and (max-device-width:1280px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) and (min-resolution:192dpi), only screen and (min-device-width:1366px) and (max-device-width:1366px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:2), only screen and (min-device-width:1440px) and (max-device-width:1440px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) {
  .publicDialog .el-dialog {
    width: 100%
  }
}

@media only screen and (max-width:760px) {
  .qrcode-box .poperrorMsg {
    clear: both
  }
}

.publicDialog .el-dialog {
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none
}

.publicDialog .el-dialog.dialog-md {
  width: auto
}

@media (min-width:768px) {
  .publicDialog .el-dialog.dialog-md {
    width: 700px
  }
}

.publicDialog .el-dialog.dialog-lg {
  width: auto
}

@media (min-width:768px) {
  .publicDialog .el-dialog.dialog-lg {
    width: 90%
  }
}

@media (min-width:992px) {
  .publicDialog .el-dialog.dialog-lg {
    min-width: 780px;
    width: 50%
  }
}

.publicDialog .el-dialog .el-dialog__header {
  padding: 0
}

.publicDialog .el-dialog .el-dialog__body {
  position: relative;
  z-index: 1;
  overflow: visible;
  padding: 0;
  *zoom: 1
}

.publicDialog .el-dialog .el-dialog__body:after, .publicDialog .el-dialog .el-dialog__body:before {
  content: " ";
  display: table
}

.publicDialog .el-dialog .el-dialog__body:after {
  clear: both
}

.publicDialog .el-dialog .el-dialog__body .no-close-btn {
  display: none
}

.popup-bg-one {
  border: 5px solid #cff;
  border-radius: 5px;
  background: url(data:image/webp;base64,UklGRlQAAABXRUJQVlA4TEcAAAAvA8AAAHegoG0bNqW03VXQtg2bUtruKmjbhk0pbXfnP/4/ACDJ7pJEEttssw0gSVVJQhIQBEBMaFCjwYQRPUqkRfQ/qtPBAAA=) #000;
  -webkit-box-shadow: 0 0 20px 1px #0cf, inset 0 0 20px 0 #0cf;
  box-shadow: 0 0 20px 1px #0cf, inset 0 0 20px 0 #0cf
}

.popup-bg-one:after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#68bacf), to(#004253));
  background: linear-gradient(180deg, #68bacf, #004253);
  content: "";
  opacity: .2
}

.popup-bg-one .popup-bg-two {
  position: relative;
  z-index: 9
}

.popup-bg-one .popup-title {
  text-align: center
}

.popup-bg-one .popup-title h1 {
  color: #fd0
}

.popup-bg-one a.fotgotPinLink {
  color: #00a2ff;
  cursor: pointer;
  text-decoration: underline
}

button.dark-close, button.light-close {
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: 10;
  padding: 0;
  border: 0;
  text-align: center;
  cursor: pointer;
  width: 35px;
  height: 35px;
  -webkit-appearance: none
}

button.dark-close:hover, button.light-close:hover {
  opacity: 1
}

button.outside-close {
  position: absolute;
  top: 0;
  right: -75px;
  z-index: 10;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #078;
  text-align: center;
  opacity: 1;
  cursor: pointer;
  width: 60px;
  height: 60px;
  -webkit-appearance: none
}

button.outside-close:before {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 40px;
  height: 40px;
  background: url(data:image/webp;base64,UklGRr4DAABXRUJQVlA4WAoAAAAUAAAAHQAAHQAAVlA4TIgAAAAvHUAHEDcw//M//wSSNnuHsxqP+soBXgTiEAOryLbaPKKgS4gDHKT8dwUh/jU84B4LEf1n4LZto7Z3vD2cvmIJpnobv0m2Yz9eRZvmNimOtzFHaeZILaMsUJbUVtTWlCp0DMfb5RQUT1bxT4aNd/ASfhD+PoeD0XGwGDsXhUpWqsBy42SgqRIBWE1QIBADAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzAxNCA3OS4xNTY3OTcsIDIwMTQvMDgvMjAtMDk6NTM6MDIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE0IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1QzQ0NzQwQUZDMkMxMUU3OTZGRUY5MDBDNDQ4ODVFRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1QzQ0NzQwQkZDMkMxMUU3OTZGRUY5MDBDNDQ4ODVFRSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVDNDQ3NDA4RkMyQzExRTc5NkZFRjkwMEM0NDg4NUVFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjVDNDQ3NDA5RkMyQzExRTc5NkZFRjkwMEM0NDg4NUVFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+) no-repeat 50%;
  content: ""
}

button.outside-close:hover {
  opacity: 1
}

button.dark-close {
  background-size: contain;
  background-repeat: no-repeat
}

.user-symbol.disabled .input-addon {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px
}

.input-group:after {
  clear: both
}

.el-scrollbar>.el-scrollbar__bar {
  opacity: 1 !important
}

.mobile-app .publicDialog .el-dialog {
  margin-top: 2.5% !important;
  width: 95%
}

.mobile-app .publicDialog .el-dialog.gameopenStyle {
  margin-top: 0 !important
}

.mobile-app button.dark-close, .mobile-app button.light-close {
  top: 20px;
  right: 20px;
  width: 30px;
  height: 30px
}

.mobile-app button.outside-close {
  width: 50px;
  height: 50px;
  top: 5px;
  right: 5px;
  background-size: 20px 20px
}

.popup-bg-one .equal-input-block {
  padding: 60px 10% 30px
}

.popup-bg-one .equal-input-block .popup-title {
  text-align: center;
  margin-bottom: 40px
}

.popup-bg-one .equal-input-block .popup-title h1 {
  margin: 0
}

.popup-bg-one .equal-input-block .popup-input-content .form-group {
  margin-bottom: 30px
}

.popup-bg-one .equal-input-block .popup-input-content .form-group .input-group {
  position: relative;
  display: block;
  width: 100%;
  font-size: 16px;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  *zoom: 1
}

.popup-bg-one .equal-input-block .popup-input-content .form-group .input-group:after, .popup-bg-one .equal-input-block .popup-input-content .form-group .input-group:before {
  content: " ";
  display: table
}

.popup-bg-one .equal-input-block .popup-input-content .form-group .input-group:after {
  clear: both
}

.popup-bg-one .equal-input-block .popup-input-content .form-group .input-group input {
  padding-left: 10px;
  height: 50px;
  border-radius: 5px;
  border: 1px solid #0ef;
  background-color: rgba(0, 0, 0, .35);
  color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none
}

.popup-bg-one .equal-input-block .popup-input-content .form-group .input-group input::-webkit-input-placeholder {
  color: #999;
  opacity: 1
}

.popup-bg-one .equal-input-block .popup-input-content .form-group .input-group input::-moz-placeholder {
  color: #999;
  opacity: 1
}

.popup-bg-one .equal-input-block .popup-input-content .form-group .input-group input::-ms-input-placeholder {
  color: #999;
  opacity: 1
}

.popup-bg-one .equal-input-block .popup-input-content .form-group .input-group input::placeholder {
  color: #999;
  opacity: 1
}

.popup-bg-one .equal-input-block .popup-input-content .form-group .input-group input::input-placeholder {
  color: #999
}

.popup-bg-one .equal-input-block .popup-input-content .form-group .input-group input:focus {
  color: #fff;
  background-color: #134;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none
}

.popup-bg-one .equal-input-block .popup-input-content .form-group .input-group input[disabled], .popup-bg-one .equal-input-block .popup-input-content .form-group .input-group input fieldset[disabled] {
  color: #aaa;
  background-color: hsla(0, 0%, 100%, .1);
  border-color: #078;
  -webkit-text-fill-color: #aaa
}

.popup-bg-one .equal-input-block .popup-input-content .form-group .input-group input[disabled], fieldset[disabled] .popup-bg-one .equal-input-block .popup-input-content .form-group .input-group input {
  cursor: not-allowed
}

#member-section .member-content .popup-bg-one .equal-input-block .popup-input-content .form-group .form-input-el .input-group .el-input__inner, #member-section .member-content .popup-bg-one .equal-input-block .popup-input-content .form-group .input-group .form-input-el .el-input__inner, .popup-bg-one .equal-input-block .popup-input-content #member-section .member-content .form-group .form-input-el .input-group .el-input__inner, .popup-bg-one .equal-input-block .popup-input-content #member-section .member-content .form-group .input-group .form-input-el .el-input__inner, .popup-bg-one .equal-input-block .popup-input-content .form-group .input-group .form-input, .popup-bg-one .equal-input-block .popup-input-content .form-group .input-group .form-input-el {
  width: 100%;
  -webkit-box-shadow: none;
  box-shadow: none
}

.popup-bg-one .equal-input-block .popup-input-content .form-group .input-group .el-input--prefix .el-input__inner {
  padding-left: 30px
}

.popup-bg-one .equal-input-block .popup-input-content .form-group .input-group .imgUpload {
  width: 100%;
  height: 100%
}

.popup-bg-one .equal-input-block .popup-input-content .form-group .input-group .upload-image {
  max-width: 100%;
  max-height: 200px;
  cursor: default
}

.popup-bg-one .equal-input-block .popup-input-content .form-group .input-group input[type=tel] {
  width: 70%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none
}

.popup-bg-one .equal-input-block .popup-input-content .form-group .input-group .input-addon.checknum_img {
  position: absolute;
  width: 30%;
  display: block;
  right: 0;
  top: 0;
  height: 50px;
  padding: 0;
  border: 1px solid #0ef;
  border-left: none;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px
}

.popup-bg-one .equal-input-block .popup-input-content .form-group .input-group .input-addon.checknum_img img {
  padding-top: 10px;
  padding-left: 2%
}

@media only screen and (min-width:320px) {
  .popup-bg-one .equal-input-block .popup-input-content .form-group .input-group .identityNumberType .el-row .el-col input[type=tel] {
    width: 100%;
    border: 1px solid #0ef;
    border-radius: 5px
  }
}

@media only screen and (min-width:768px) {
  .popup-bg-one .equal-input-block .popup-input-content .form-group .input-group .identityNumberType .el-row .el-col:nth-child(2) {
    width: 30%
  }

  .popup-bg-one .equal-input-block .popup-input-content .form-group .input-group .identityNumberType .el-row .el-col:nth-child(3) {
    width: 57.5%
  }
}

.popup-bg-one .equal-input-block .popup-input-content .form-group input {
  font-size: 16px
}

.popup-bg-one .equal-input-block .popup-input-content .form-group .el-input.el-input--suffix.is-focus .el-input__inner {
  background-color: #134
}

.popup-bg-one .equal-input-block .popup-input-content .form-group .el-input.el-input--suffix.is-focus .el-select__caret.el-input__icon.el-icon-arrow-up.is-reverse {
  color: #fd0
}

.popup-bg-one .equal-input-block .popup-input-content .form-group .el-select .el-input .el-select__caret {
  color: #5ef;
  font-weight: 700
}

.popup-bg-one .equal-input-block .popup-input-content h4 {
  color: #fff;
  line-height: 35px;
  font-size: 18px;
  margin: 0 0 5px
}

.popup-bg-one .equal-input-block .popup-input-content h4 span {
  position: relative
}

.popup-bg-one .equal-input-block .popup-input-content h4 span:after {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #c00;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  z-index: 1;
  content: "";
  display: inline-block;
  right: -15px
}

.popup-bg-one .equal-input-block .popup-input-content .newsList {
  border-radius: 5px;
  border: 1px solid #0ef
}

.popup-bg-one .equal-input-block .popup-input-content .newsList ul {
  padding: 10px;
  margin-bottom: 0
}

.popup-bg-one .equal-input-block .popup-input-content .newsList ul li {
  background: #000;
  border-radius: 3px;
  list-style: none
}

.popup-bg-one .equal-input-block .popup-input-content .newsList ul li:not(:last-child) {
  margin-bottom: 10px
}

.popup-bg-one .equal-input-block .popup-input-content .newsList ul li div {
  margin: 0;
  padding: 5px 10px;
  color: #fff;
  font-size: 16px
}

.popup-bg-one .equal-input-block .popup-input-content .checkbox {
  text-align: center
}

.popup-bg-one .equal-input-block .popup-input-content .center-wrap, .popup-bg-one .equal-input-block .popup-input-content .submitbtn-wrap {
  margin-bottom: 30px
}

.popup-bg-one .equal-input-block .popup-input-content .center-wrap button, .popup-bg-one .equal-input-block .popup-input-content .submitbtn-wrap button {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
  background-image: linear-gradient(180deg, #666 0, #000);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF666666", endColorstr="#FF000000", GradientType=0);
  -webkit-box-shadow: inset 0 -1px 5px 0 hsla(0, 0%, 100%, .5);
  box-shadow: inset 0 -1px 5px 0 hsla(0, 0%, 100%, .5);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  cursor: pointer;
  display: inline-block;
  width: auto;
  height: auto;
  padding: 10px 40px;
  font-size: 18px;
  color: #fff;
  line-height: 30px;
  letter-spacing: 1px;
  text-shadow: 1px 2px 1px rgba(0, 0, 0, .5);
  border-radius: 5px;
  border: 1px solid grey
}

.popup-bg-one .equal-input-block .popup-input-content .center-wrap button:hover, .popup-bg-one .equal-input-block .popup-input-content .submitbtn-wrap button:hover {
  -webkit-box-shadow: inset 0 -1px 20px 0 hsla(0, 0%, 100%, .5);
  box-shadow: inset 0 -1px 20px 0 hsla(0, 0%, 100%, .5)
}

@media only screen and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1), only screen and (max-width:768px), only screen and (min-device-width:1280px) and (max-device-width:1280px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) and (-webkit-min-device-pixel-ratio:2), only screen and (min-device-width:1280px) and (max-device-width:1280px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) and (min-resolution:192dpi), only screen and (min-device-width:1366px) and (max-device-width:1366px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:2), only screen and (min-device-width:1440px) and (max-device-width:1440px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) {
  .popup-bg-one .equal-input-block .popup-input-content .center-wrap button:hover, .popup-bg-one .equal-input-block .popup-input-content .submitbtn-wrap button:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
    background-image: linear-gradient(180deg, #666 0, #000);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF666666", endColorstr="#FF000000", GradientType=0)
  }
}

.popup-bg-one .equal-input-block .popup-input-content .center-wrap button.cancel, .popup-bg-one .equal-input-block .popup-input-content .submitbtn-wrap button.cancel {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eee), to(#666));
  background-image: linear-gradient(180deg, #eee, #666);
  border: 1px solid #eee;
  margin: 0 2%
}

.popup-bg-one.popup-signin .equal-input-block .popup-input-content .qrcodeLogin-wraper {
  text-align: center
}

.popup-bg-one.popup-signin .equal-input-block .popup-input-content .qrcodeLogin-wraper h5 {
  margin: 0;
  padding-bottom: 10px;
  line-height: 30px;
  font-size: 16px;
  color: #fff
}

.popup-bg-one.popup-signin .equal-input-block .popup-input-content .checkbox {
  margin: 20px
}

.popup-bg-one.popup-signin .equal-input-block .popup-input-content .checkbox .signin {
  position: relative;
  font-size: 16px;
  color: #fff
}

.popup-bg-one.popup-signin .equal-input-block .popup-input-content .checkbox .signin input[name=rememberMe] {
  opacity: 0;
  zoom: 2
}

.popup-bg-one.popup-signin .equal-input-block .popup-input-content .checkbox .signin span {
  position: relative;
  line-height: 25px
}

.popup-bg-one.popup-signin .equal-input-block .popup-input-content .checkbox .signin span:before {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  top: -3px;
  left: -30px;
  border-radius: 5px;
  border: 3px solid #0ef;
  background-color: rgba(0, 0, 0, .35)
}

.popup-bg-one.popup-signin .equal-input-block .popup-input-content .checkbox .signin input[type=checkbox]:checked+span:after {
  content: "";
  color: #fefefe;
  font-family: Glyphicons Halflings;
  text-align: center;
  position: absolute;
  top: -1px;
  left: -26px
}

.popup-bg-one.popup-signin .equal-input-block .popup-input-content .back-box {
  text-align: center;
  margin-bottom: 30px
}

.popup-bg-one.popup-signin .equal-input-block .popup-input-content .back-box a {
  color: #999
}

.popup-bg-one.popup-signin .equal-input-block .popup-input-content .forgot-box {
  text-align: center;
  padding-bottom: 50px
}

.popup-bg-one.popup-signin .equal-input-block .popup-input-content .forgot-box a {
  color: #00a2ff;
  text-decoration: underline
}

.popup-bg-one.popup-signin .equal-input-block .popup-input-content .forgot-box img {
  width: 22px
}

.popup-bg-one.popup-signin .equal-input-block .popup-input-content .form-input-content {
  position: relative
}

.popup-bg-one.popup-signin .equal-input-block .popup-input-content .form-group h4 img {
  width: 25px;
  height: 25px;
  margin: 0 10px
}

.popup-bg-one.popup-signin .equal-input-block .popup-input-content .change-icon {
  top: 40px;
  width: 50px;
  height: 50px;
  margin-right: 5px;
  border-radius: 5px;
  background: #121212;
  border: 1px solid #0ef;
  position: absolute;
  z-index: 1
}

.popup-bg-one.popup-signin .equal-input-block .popup-input-content .change-icon:after {
  content: "";
  position: absolute;
  left: 8px;
  top: 8px;
  right: 8px;
  bottom: 8px
}

.popup-bg-one.popup-signin .equal-input-block .popup-input-content .change-icon.user:after {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/change-user-icon_f8ad412.webp);
  background-size: cover
}

.popup-bg-one.popup-signin .equal-input-block .popup-input-content .change-icon.phone:after {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/change-phone-icon_06ee4e7.webp);
  background-size: cover
}

.popup-bg-one.popup-signin .equal-input-block .popup-input-content .change-icon+.user-symbol .flex .input-group {
  margin-left: 60px;
  width: calc(100% - 60px) !important
}

.popup-bg-one.popup-signin .equal-input-block .popup-input-content .social-login-box {
  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
}

.popup-bg-one.popup-signin .equal-input-block .popup-input-content .social-login-box .title {
  font-size: 16px;
  color: #fff;
  margin: 12px 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.popup-bg-one.popup-signin .equal-input-block .popup-input-content .social-login-box .title:after, .popup-bg-one.popup-signin .equal-input-block .popup-input-content .social-login-box .title:before {
  content: "";
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 1px;
  background-color: #fff;
  margin: 0 8px
}

.popup-bg-one.popup-signin .equal-input-block .popup-input-content .social-login-box .center-wrap button, .popup-bg-one.popup-signin .equal-input-block .popup-input-content .social-login-box .submitbtn-wrap button {
  width: 135px
}

.popup-bg-one.popup-signup .equal-input-block .popup-input-content .input-addon.checknum_img img {
  width: 100%
}

.popup-bg-one.popup-signup .equal-input-block .popup-input-content .checkbox {
  margin-bottom: 20px
}

.popup-bg-one.popup-signup .equal-input-block .popup-input-content .checkbox .signup {
  position: relative;
  color: #fff;
  font-size: 16px
}

.popup-bg-one.popup-signup .equal-input-block .popup-input-content .checkbox .signup input[name=agree] {
  opacity: 0;
  zoom: 2;
  margin-top: 0;
  margin-bottom: 0
}

.popup-bg-one.popup-signup .equal-input-block .popup-input-content .checkbox .signup span {
  position: relative
}

.popup-bg-one.popup-signup .equal-input-block .popup-input-content .checkbox .signup span:before {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  top: -3px;
  left: -30px;
  border-radius: 5px;
  border: 3px solid #0ef;
  background-color: rgba(0, 0, 0, .35)
}

.popup-bg-one.popup-signup .equal-input-block .popup-input-content .checkbox .signup input[type=checkbox]:checked+span:after {
  content: "";
  color: #fefefe;
  font-family: Glyphicons Halflings;
  text-align: center;
  position: absolute;
  top: -1px;
  left: -26px
}

.popup-bg-one.popup-signup .equal-input-block .popup-input-content .checkbox .signup a {
  color: #f8a
}

.popup-bg-one.popup-signup .equal-input-block .popup-input-content .back-box {
  text-align: center
}

.popup-bg-one.popup-signup .equal-input-block .popup-input-content .back-box a {
  color: #999
}

.popup-bg-one.popup-forgot-password .equal-input-block .popup-input-content .form-group:not(.oauth-input-phone) .input-group input[name=email], .popup-bg-one.popup-forgot-password .equal-input-block .popup-input-content .form-group:not(.oauth-input-phone) .input-group input[name=phoneNumber] {
  width: 70%;
  float: left;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none
}

.popup-bg-one.popup-forgot-password .equal-input-block .popup-input-content .form-group:not(.oauth-input-phone) .input-group .input-addon {
  width: 30%;
  float: left
}

.popup-bg-one.popup-forgot-password .equal-input-block .popup-input-content .form-group:not(.oauth-input-phone) .input-group .input-addon .el-select {
  display: block
}

.popup-bg-one.popup-forgot-password .equal-input-block .popup-input-content .form-group:not(.oauth-input-phone) .input-group .input-addon .el-input__inner {
  font-size: 12px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  color: #999
}

.popup-bg-one.popup-forgot-password .equal-input-block .popup-input-content .form-group:not(.oauth-input-phone) .input-group .input-addon .el-input__inner:focus {
  color: #fff;
  background-color: #134;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none
}

.popup-bg-one.popup-forgot-password .equal-input-block .popup-input-content .form-group:not(.oauth-input-phone) .input-group .input-addon.checknum_img {
  width: 30%
}

.popup-bg-one.popup-forgot-password .equal-input-block .popup-input-content .back-box {
  text-align: center;
  margin-top: 10px
}

.popup-bg-one.popup-forgot-password .equal-input-block .popup-input-content .back-box a {
  color: #999
}

.popup-bg-one.seria-number .popup-input-content .popup-content-title h3 {
  color: #fff
}

.popup-bg-one.popup-mobile .equal-input-block .popup-input-content form .center-wrap button, .popup-bg-one.popup-mobile .equal-input-block .popup-input-content form .submitbtn-wrap button {
  width: 100%
}

.popup-bg-one.popup-mobile .equal-input-block .popup-input-content form div:nth-child(2) {
  margin-bottom: 10px
}

.popup-bg-one.popup-mobile .equal-input-block .popup-input-content form div:nth-child(2) button {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#999));
  background-image: linear-gradient(180deg, #fff 0, #999);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FF999999", GradientType=0);
  -webkit-box-shadow: inset 0 -1px 5px 0 hsla(0, 0%, 100%, .5);
  box-shadow: inset 0 -1px 5px 0 hsla(0, 0%, 100%, .5);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  cursor: pointer;
  display: inline-block;
  width: auto;
  height: auto;
  padding: 10px 40px;
  font-size: 18px;
  color: #fff;
  line-height: 30px;
  letter-spacing: 1px;
  text-shadow: 1px 2px 1px rgba(0, 0, 0, .5);
  border-radius: 5px;
  border: 1px solid #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
  background-image: linear-gradient(180deg, #666 0, #000);
  background-repeat: repeat-x;
  width: 100%
}

.popup-bg-one.popup-mobile .equal-input-block .popup-input-content form div:nth-child(2) button:hover {
  -webkit-box-shadow: inset 0 -1px 20px 0 hsla(0, 0%, 100%, .5);
  box-shadow: inset 0 -1px 20px 0 hsla(0, 0%, 100%, .5)
}

@media only screen and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1), only screen and (max-width:768px), only screen and (min-device-width:1280px) and (max-device-width:1280px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) and (-webkit-min-device-pixel-ratio:2), only screen and (min-device-width:1280px) and (max-device-width:1280px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) and (min-resolution:192dpi), only screen and (min-device-width:1366px) and (max-device-width:1366px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:2), only screen and (min-device-width:1440px) and (max-device-width:1440px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) {
  .popup-bg-one.popup-mobile .equal-input-block .popup-input-content form div:nth-child(2) button:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#999));
    background-image: linear-gradient(180deg, #fff 0, #999);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FF999999", GradientType=0)
  }
}

.popup-bg-one.popup-mobile .equal-input-block .popup-input-content form div:nth-child(2) button.mobileVerification-confirm {
  border: 1px solid grey
}

.popup-bg-one.popup-mobile .equal-input-block .popup-input-content form div:nth-child(2) button.mobileVerification-cancel.no {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eee), to(#666));
  background-image: linear-gradient(180deg, #eee, #666);
  border: 1px solid #eee
}

.popup-bg-one.popup-mobile .equal-input-block .popup-input-content form .mobileVerification-memo {
  text-align: center;
  color: #999
}

.popup-bg-one.popup-captcha .equal-input-block .popup-input-content .form-input-content, .popup-bg-one.popup-gamesearch .equal-input-block .popup-input-content .form-input-content {
  margin-top: 60px
}

.popup-bg-one.popup-captcha .equal-input-block .popup-input-content .form-input-content .form-input-el, .popup-bg-one.popup-gamesearch .equal-input-block .popup-input-content .form-input-content .form-input-el {
  width: 100%
}

.popup-bg-one.popup-captcha .equal-input-block .popup-input-content .form-input-content .form-group, .popup-bg-one.popup-gamesearch .equal-input-block .popup-input-content .form-input-content .form-group {
  position: relative
}

.popup-bg-one.popup-captcha .equal-input-block .popup-input-content .form-input-content .form-group input, .popup-bg-one.popup-gamesearch .equal-input-block .popup-input-content .form-input-content .form-group input {
  background-color: rgba(0, 0, 0, .35);
  border: 1px solid #0ef;
  border-radius: 5px;
  color: #fff;
  height: 50px
}

#member-section .member-content .popup-bg-one.popup-captcha .equal-input-block .popup-input-content .form-input-content .form-group .form-input-el .el-input__inner, #member-section .member-content .popup-bg-one.popup-gamesearch .equal-input-block .popup-input-content .form-input-content .form-group .form-input-el .el-input__inner, .popup-bg-one.popup-captcha .equal-input-block .popup-input-content .form-input-content #member-section .member-content .form-group .form-input-el .el-input__inner, .popup-bg-one.popup-captcha .equal-input-block .popup-input-content .form-input-content .form-group .form-input, .popup-bg-one.popup-gamesearch .equal-input-block .popup-input-content .form-input-content #member-section .member-content .form-group .form-input-el .el-input__inner, .popup-bg-one.popup-gamesearch .equal-input-block .popup-input-content .form-input-content .form-group .form-input {
  width: 100%;
  height: 50px;
  padding-left: 15px;
  border: 1px solid #0ef;
  border-radius: 5px;
  color: #fff
}

#member-section .member-content .popup-bg-one.popup-captcha .equal-input-block .popup-input-content .form-input-content .form-group .form-input-el .el-input__inner::-webkit-input-placeholder, #member-section .member-content .popup-bg-one.popup-gamesearch .equal-input-block .popup-input-content .form-input-content .form-group .form-input-el .el-input__inner::-webkit-input-placeholder, .popup-bg-one.popup-captcha .equal-input-block .popup-input-content .form-input-content #member-section .member-content .form-group .form-input-el .el-input__inner::-webkit-input-placeholder, .popup-bg-one.popup-captcha .equal-input-block .popup-input-content .form-input-content .form-group .form-input::-webkit-input-placeholder, .popup-bg-one.popup-gamesearch .equal-input-block .popup-input-content .form-input-content #member-section .member-content .form-group .form-input-el .el-input__inner::-webkit-input-placeholder, .popup-bg-one.popup-gamesearch .equal-input-block .popup-input-content .form-input-content .form-group .form-input::-webkit-input-placeholder {
  color: #999;
  opacity: 1
}

#member-section .member-content .popup-bg-one.popup-captcha .equal-input-block .popup-input-content .form-input-content .form-group .form-input-el .el-input__inner::-moz-placeholder, #member-section .member-content .popup-bg-one.popup-gamesearch .equal-input-block .popup-input-content .form-input-content .form-group .form-input-el .el-input__inner::-moz-placeholder, .popup-bg-one.popup-captcha .equal-input-block .popup-input-content .form-input-content #member-section .member-content .form-group .form-input-el .el-input__inner::-moz-placeholder, .popup-bg-one.popup-captcha .equal-input-block .popup-input-content .form-input-content .form-group .form-input::-moz-placeholder, .popup-bg-one.popup-gamesearch .equal-input-block .popup-input-content .form-input-content #member-section .member-content .form-group .form-input-el .el-input__inner::-moz-placeholder, .popup-bg-one.popup-gamesearch .equal-input-block .popup-input-content .form-input-content .form-group .form-input::-moz-placeholder {
  color: #999;
  opacity: 1
}

#member-section .member-content .popup-bg-one.popup-captcha .equal-input-block .popup-input-content .form-input-content .form-group .form-input-el .el-input__inner::-ms-input-placeholder, #member-section .member-content .popup-bg-one.popup-gamesearch .equal-input-block .popup-input-content .form-input-content .form-group .form-input-el .el-input__inner::-ms-input-placeholder, .popup-bg-one.popup-captcha .equal-input-block .popup-input-content .form-input-content #member-section .member-content .form-group .form-input-el .el-input__inner::-ms-input-placeholder, .popup-bg-one.popup-captcha .equal-input-block .popup-input-content .form-input-content .form-group .form-input::-ms-input-placeholder, .popup-bg-one.popup-gamesearch .equal-input-block .popup-input-content .form-input-content #member-section .member-content .form-group .form-input-el .el-input__inner::-ms-input-placeholder, .popup-bg-one.popup-gamesearch .equal-input-block .popup-input-content .form-input-content .form-group .form-input::-ms-input-placeholder {
  color: #999;
  opacity: 1
}

#member-section .member-content .popup-bg-one.popup-captcha .equal-input-block .popup-input-content .form-input-content .form-group .form-input-el .el-input__inner::placeholder, #member-section .member-content .popup-bg-one.popup-gamesearch .equal-input-block .popup-input-content .form-input-content .form-group .form-input-el .el-input__inner::placeholder, .popup-bg-one.popup-captcha .equal-input-block .popup-input-content .form-input-content #member-section .member-content .form-group .form-input-el .el-input__inner::placeholder, .popup-bg-one.popup-captcha .equal-input-block .popup-input-content .form-input-content .form-group .form-input::placeholder, .popup-bg-one.popup-gamesearch .equal-input-block .popup-input-content .form-input-content #member-section .member-content .form-group .form-input-el .el-input__inner::placeholder, .popup-bg-one.popup-gamesearch .equal-input-block .popup-input-content .form-input-content .form-group .form-input::placeholder {
  color: #999;
  opacity: 1
}

#member-section .member-content .popup-bg-one.popup-captcha .equal-input-block .popup-input-content .form-input-content .form-group .form-input-el .el-input__inner::input-placeholder, #member-section .member-content .popup-bg-one.popup-gamesearch .equal-input-block .popup-input-content .form-input-content .form-group .form-input-el .el-input__inner::input-placeholder, .popup-bg-one.popup-captcha .equal-input-block .popup-input-content .form-input-content #member-section .member-content .form-group .form-input-el .el-input__inner::input-placeholder, .popup-bg-one.popup-captcha .equal-input-block .popup-input-content .form-input-content .form-group .form-input::input-placeholder, .popup-bg-one.popup-gamesearch .equal-input-block .popup-input-content .form-input-content #member-section .member-content .form-group .form-input-el .el-input__inner::input-placeholder, .popup-bg-one.popup-gamesearch .equal-input-block .popup-input-content .form-input-content .form-group .form-input::input-placeholder {
  color: #999
}

#member-section .member-content .popup-bg-one.popup-captcha .equal-input-block .popup-input-content .form-input-content .form-group .form-input-el .el-input__inner:focus, #member-section .member-content .popup-bg-one.popup-gamesearch .equal-input-block .popup-input-content .form-input-content .form-group .form-input-el .el-input__inner:focus, .popup-bg-one.popup-captcha .equal-input-block .popup-input-content .form-input-content #member-section .member-content .form-group .form-input-el .el-input__inner:focus, .popup-bg-one.popup-captcha .equal-input-block .popup-input-content .form-input-content .form-group .form-input:focus, .popup-bg-one.popup-gamesearch .equal-input-block .popup-input-content .form-input-content #member-section .member-content .form-group .form-input-el .el-input__inner:focus, .popup-bg-one.popup-gamesearch .equal-input-block .popup-input-content .form-input-content .form-group .form-input:focus {
  color: #fff;
  background-color: #134;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none
}

.popup-bg-one.popup-captcha .equal-input-block .popup-input-content .form-input-content .glyphicon-pencil, .popup-bg-one.popup-gamesearch .equal-input-block .popup-input-content .form-input-content .glyphicon-pencil {
  position: absolute;
  top: 17px;
  right: 13px;
  color: #5ef
}

.popup-bg-one.signup-check .equal-input-block .form-group {
  padding-left: 15px;
  padding-right: 15px
}

.mobile-app .popup-bg-one .equal-input-block {
  padding: 50px 30px 30px
}

.mobile-app .popup-bg-one .equal-input-block .popup-title {
  margin-bottom: 30px
}

.mobile-app .popup-bg-one .equal-input-block .popup-title h1 {
  font-size: 30px
}

@media only screen and (max-width:425px) {
  .mobile-app .popup-bg-one.popup-captcha .equal-input-block .popup-input-content .input-group .input-addon.checknum_img img, .mobile-app .popup-bg-one.popup-forgot-password .equal-input-block .popup-input-content .input-group .input-addon.checknum_img img, .mobile-app .popup-bg-one.popup-signin .equal-input-block .popup-input-content .input-group .input-addon.checknum_img img, .mobile-app .popup-bg-one.popup-signup .equal-input-block .popup-input-content .input-group .input-addon.checknum_img img {
    width: 100%
  }
}

.mobile-app .popup-bg-one.popup-captcha .equal-input-block .popup-input-content .forgot-box, .mobile-app .popup-bg-one.popup-forgot-password .equal-input-block .popup-input-content .forgot-box, .mobile-app .popup-bg-one.popup-signin .equal-input-block .popup-input-content .forgot-box, .mobile-app .popup-bg-one.popup-signup .equal-input-block .popup-input-content .forgot-box {
  padding-bottom: 0
}

@media only screen and (min-width:767px) {
  .mobile-app .popup-bg-one.popup-signup .equal-input-block .popup-input-content .input-group .input-addon.checknum_img img {
    width: 100%;
    max-width: 120px
  }
}

.mobile-app .popup-bg-one.popup-forgot-password .equal-input-block .popup-input-content .form-group:not(.oauth-input-phone) .input-group input[name=email], .mobile-app .popup-bg-one.popup-forgot-password .equal-input-block .popup-input-content .form-group:not(.oauth-input-phone) .input-group input[name=phoneNumber] {
  width: 70%
}

.mobile-app .popup-bg-one.popup-forgot-password .equal-input-block .popup-input-content .form-group:not(.oauth-input-phone) .input-group .input-addon {
  width: 30%
}

@media only screen and (max-width:767px) {
  .mobile-app .popup-bg-one.popup-forgot-password .equal-input-block .popup-input-content .form-group.select-box .input-group input[name=email], .mobile-app .popup-bg-one.popup-forgot-password .equal-input-block .popup-input-content .form-group.select-box .input-group input[name=phoneNumber] {
    width: 100%;
    border-right: 1px solid #0ef;
    border-radius: 5px;
    float: none
  }

  .mobile-app .popup-bg-one.popup-forgot-password .equal-input-block .popup-input-content .form-group.select-box .input-group .input-addon {
    width: 100%;
    display: block;
    margin-top: 10px;
    float: none
  }

  .mobile-app .popup-bg-one.popup-forgot-password .equal-input-block .popup-input-content .form-group.select-box .input-group .input-addon:after {
    clear: both
  }

  .mobile-app .popup-bg-one.popup-forgot-password .equal-input-block .popup-input-content .form-group.select-box .input-group .input-addon input {
    border-radius: 5px;
    margin-top: 10px;
    font-size: 16px
  }

  .mobile-app .popup-bg-one.popup-forgot-password .equal-input-block .popup-input-content .form-group.select-box .input-group .input-addon .el-select .el-input .el-select__caret {
    color: #0ef;
    height: 50px;
    margin-top: 10px
  }
}

.mobile-app .receipt-page {
  max-width: 100%
}

.receipt-page {
  max-width: 50%;
  margin: 30px auto
}

.popup-bg-one.popup-bank-list .equal-bank-list-block, .popup-bg-one.popup-bank-list .equal-fast-login-block, .popup-bg-one.popup-bank-list .equal-memrank-block, .popup-bg-one.popup-bank-list .equal-news-block, .popup-bg-one.popup-bank-list .equal-payqrcode-block, .popup-bg-one.popup-bank-list .equal-qrcode-block, .popup-bg-one.popup-fast-login .equal-bank-list-block, .popup-bg-one.popup-fast-login .equal-fast-login-block, .popup-bg-one.popup-fast-login .equal-memrank-block, .popup-bg-one.popup-fast-login .equal-news-block, .popup-bg-one.popup-fast-login .equal-payqrcode-block, .popup-bg-one.popup-fast-login .equal-qrcode-block, .popup-bg-one.popup-memrank .equal-bank-list-block, .popup-bg-one.popup-memrank .equal-fast-login-block, .popup-bg-one.popup-memrank .equal-memrank-block, .popup-bg-one.popup-memrank .equal-news-block, .popup-bg-one.popup-memrank .equal-payqrcode-block, .popup-bg-one.popup-memrank .equal-qrcode-block, .popup-bg-one.popup-news .equal-bank-list-block, .popup-bg-one.popup-news .equal-fast-login-block, .popup-bg-one.popup-news .equal-memrank-block, .popup-bg-one.popup-news .equal-news-block, .popup-bg-one.popup-news .equal-payqrcode-block, .popup-bg-one.popup-news .equal-qrcode-block, .popup-bg-one.popup-payqrcode .equal-bank-list-block, .popup-bg-one.popup-payqrcode .equal-fast-login-block, .popup-bg-one.popup-payqrcode .equal-memrank-block, .popup-bg-one.popup-payqrcode .equal-news-block, .popup-bg-one.popup-payqrcode .equal-payqrcode-block, .popup-bg-one.popup-payqrcode .equal-qrcode-block, .popup-bg-one.popup-qrcode .equal-bank-list-block, .popup-bg-one.popup-qrcode .equal-fast-login-block, .popup-bg-one.popup-qrcode .equal-memrank-block, .popup-bg-one.popup-qrcode .equal-news-block, .popup-bg-one.popup-qrcode .equal-payqrcode-block, .popup-bg-one.popup-qrcode .equal-qrcode-block {
  padding: 60px 10% 30px
}

.popup-bg-one.popup-bank-list .popup-title, .popup-bg-one.popup-fast-login .popup-title, .popup-bg-one.popup-memrank .popup-title, .popup-bg-one.popup-news .popup-title, .popup-bg-one.popup-payqrcode .popup-title, .popup-bg-one.popup-qrcode .popup-title {
  margin-bottom: 40px
}

.popup-bg-one.popup-bank-list .popup-title h1, .popup-bg-one.popup-fast-login .popup-title h1, .popup-bg-one.popup-memrank .popup-title h1, .popup-bg-one.popup-news .popup-title h1, .popup-bg-one.popup-payqrcode .popup-title h1, .popup-bg-one.popup-qrcode .popup-title h1 {
  margin: 0
}

.popup-bg-one.popup-bank-list .center-wrap, .popup-bg-one.popup-bank-list .submitbtn-wrap, .popup-bg-one.popup-fast-login .center-wrap, .popup-bg-one.popup-fast-login .submitbtn-wrap, .popup-bg-one.popup-memrank .center-wrap, .popup-bg-one.popup-memrank .submitbtn-wrap, .popup-bg-one.popup-news .center-wrap, .popup-bg-one.popup-news .submitbtn-wrap, .popup-bg-one.popup-payqrcode .center-wrap, .popup-bg-one.popup-payqrcode .submitbtn-wrap, .popup-bg-one.popup-qrcode .center-wrap, .popup-bg-one.popup-qrcode .submitbtn-wrap {
  margin-bottom: 30px
}

.popup-bg-one.popup-qrcode .equal-qrcode-block .popup-qrcode-content, .popup-bg-one.popup-qrcode .equal-qrcode-block .popup-redeem-content, .popup-bg-one.popup-qrcode .equal-redeem-block .popup-qrcode-content, .popup-bg-one.popup-qrcode .equal-redeem-block .popup-redeem-content, .popup-bg-one.popup-redeem .equal-qrcode-block .popup-qrcode-content, .popup-bg-one.popup-redeem .equal-qrcode-block .popup-redeem-content, .popup-bg-one.popup-redeem .equal-redeem-block .popup-qrcode-content, .popup-bg-one.popup-redeem .equal-redeem-block .popup-redeem-content {
  text-align: center
}

.popup-bg-one.popup-qrcode .popup-redeem-content .remindinfo-inner p, .popup-bg-one.popup-redeem .popup-redeem-content .remindinfo-inner p {
  font-size: 20px;
  margin: 30px 0;
  color: #fff
}

.popup-bg-one.popup-qrcode .popup-redeem-member-rank, .popup-bg-one.popup-redeem .popup-redeem-member-rank {
  margin-bottom: 20px
}

.popup-bg-one.popup-qrcode .popup-redeem-member-rank span, .popup-bg-one.popup-redeem .popup-redeem-member-rank span {
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 5px;
  padding: 3px 8px;
  color: #fff;
  background-color: #6ac35f;
  border-radius: 14px
}

.popup-bg-one.popup-qrcode .popup-redeem-memo, .popup-bg-one.popup-redeem .popup-redeem-memo {
  text-align: center;
  color: #000;
  padding: 10px;
  height: 200px;
  font-size: 20px;
  border-radius: 20px;
  background: #fff;
  overflow-x: hidden;
  overflow-y: auto;
  word-wrap: break-word;
  margin: 20px
}

.popup-bg-one.popup-redeem .equal-redeem-block {
  padding-bottom: 20px
}

.popup-bg-one.popup-redeem .popup-redeem-memo {
  margin-bottom: 0
}

.popup-bg-one.popup-fast-login .equal-fast-login-block .popup-fast-login-content .remindinfo-inner {
  text-align: center
}

.popup-bg-one.popup-fast-login .equal-fast-login-block .popup-fast-login-content .remindinfo-inner img {
  width: 100%;
  -webkit-filter: grayscale(1) brightness(600%);
  filter: grayscale(1) brightness(600%)
}

.popup-bg-one.popup-fast-login .equal-fast-login-block .popup-fast-login-content .center-wrap button, .popup-bg-one.popup-fast-login .equal-fast-login-block .popup-fast-login-content .submitbtn-wrap button {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
  background-image: linear-gradient(180deg, #666 0, #000);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF666666", endColorstr="#FF000000", GradientType=0);
  -webkit-box-shadow: inset 0 -1px 5px 0 hsla(0, 0%, 100%, .5);
  box-shadow: inset 0 -1px 5px 0 hsla(0, 0%, 100%, .5);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  cursor: pointer;
  display: inline-block;
  width: auto;
  height: auto;
  padding: 10px 40px;
  font-size: 18px;
  color: #fff;
  line-height: 30px;
  letter-spacing: 1px;
  text-shadow: 1px 2px 1px rgba(0, 0, 0, .5);
  border-radius: 5px;
  border: 1px solid grey;
  margin: 10px
}

.popup-bg-one.popup-fast-login .equal-fast-login-block .popup-fast-login-content .center-wrap button:hover, .popup-bg-one.popup-fast-login .equal-fast-login-block .popup-fast-login-content .submitbtn-wrap button:hover {
  -webkit-box-shadow: inset 0 -1px 20px 0 hsla(0, 0%, 100%, .5);
  box-shadow: inset 0 -1px 20px 0 hsla(0, 0%, 100%, .5)
}

@media only screen and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1), only screen and (max-width:768px), only screen and (min-device-width:1280px) and (max-device-width:1280px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) and (-webkit-min-device-pixel-ratio:2), only screen and (min-device-width:1280px) and (max-device-width:1280px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) and (min-resolution:192dpi), only screen and (min-device-width:1366px) and (max-device-width:1366px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:2), only screen and (min-device-width:1440px) and (max-device-width:1440px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) {
  .popup-bg-one.popup-fast-login .equal-fast-login-block .popup-fast-login-content .center-wrap button:hover, .popup-bg-one.popup-fast-login .equal-fast-login-block .popup-fast-login-content .submitbtn-wrap button:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
    background-image: linear-gradient(180deg, #666 0, #000);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF666666", endColorstr="#FF000000", GradientType=0)
  }
}

.popup-bg-one.popup-fast-login .equal-fast-login-block .popup-fast-login-content .center-wrap button:nth-child(2), .popup-bg-one.popup-fast-login .equal-fast-login-block .popup-fast-login-content .submitbtn-wrap button:nth-child(2) {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#999));
  background-image: linear-gradient(180deg, #fff 0, #999);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FF999999", GradientType=0);
  -webkit-box-shadow: inset 0 -1px 5px 0 hsla(0, 0%, 100%, .5);
  box-shadow: inset 0 -1px 5px 0 hsla(0, 0%, 100%, .5);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  cursor: pointer;
  display: inline-block;
  width: auto;
  height: auto;
  padding: 10px 40px;
  font-size: 18px;
  color: #fff;
  line-height: 30px;
  letter-spacing: 1px;
  text-shadow: 1px 2px 1px rgba(0, 0, 0, .5);
  border-radius: 5px;
  border: 1px solid #fff
}

.popup-bg-one.popup-fast-login .equal-fast-login-block .popup-fast-login-content .center-wrap button:nth-child(2):hover, .popup-bg-one.popup-fast-login .equal-fast-login-block .popup-fast-login-content .submitbtn-wrap button:nth-child(2):hover {
  -webkit-box-shadow: inset 0 -1px 20px 0 hsla(0, 0%, 100%, .5);
  box-shadow: inset 0 -1px 20px 0 hsla(0, 0%, 100%, .5)
}

@media only screen and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1), only screen and (max-width:768px), only screen and (min-device-width:1280px) and (max-device-width:1280px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) and (-webkit-min-device-pixel-ratio:2), only screen and (min-device-width:1280px) and (max-device-width:1280px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) and (min-resolution:192dpi), only screen and (min-device-width:1366px) and (max-device-width:1366px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:2), only screen and (min-device-width:1440px) and (max-device-width:1440px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) {
  .popup-bg-one.popup-fast-login .equal-fast-login-block .popup-fast-login-content .center-wrap button:nth-child(2):hover, .popup-bg-one.popup-fast-login .equal-fast-login-block .popup-fast-login-content .submitbtn-wrap button:nth-child(2):hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#999));
    background-image: linear-gradient(180deg, #fff 0, #999);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FF999999", GradientType=0)
  }
}

.popup-bg-one.popup-fast-login .equal-fast-login-block .popup-fast-login-content .checkbox {
  text-align: center
}

.popup-bg-one.popup-fast-login .equal-fast-login-block .popup-fast-login-content .checkbox .signin {
  position: relative;
  font-size: 16px;
  color: #fff
}

.popup-bg-one.popup-fast-login .equal-fast-login-block .popup-fast-login-content .checkbox .signin input[name=dontShowAgain] {
  opacity: 0;
  zoom: 2;
  margin-top: 0;
  margin-bottom: 20px
}

.popup-bg-one.popup-fast-login .equal-fast-login-block .popup-fast-login-content .checkbox .signin span {
  position: relative;
  line-height: 25px
}

.popup-bg-one.popup-fast-login .equal-fast-login-block .popup-fast-login-content .checkbox .signin span:before {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  top: -3px;
  left: -30px;
  border-radius: 5px;
  border: 3px solid #0ef;
  background-color: rgba(0, 0, 0, .35)
}

.popup-bg-one.popup-fast-login .equal-fast-login-block .popup-fast-login-content .checkbox .signin input[type=checkbox]:checked+span:after {
  content: "";
  color: #fefefe;
  font-family: Glyphicons Halflings;
  text-align: center;
  position: absolute;
  top: -1px;
  left: -26px
}

.popup-bg-one.popup-news .equal-news-block .popup-news-content ul {
  padding: 0
}

.popup-bg-one.popup-news .equal-news-block .popup-news-content ul li {
  padding: 10px;
  list-style: none;
  border-radius: 5px;
  border: 1px solid #0ef;
  background-color: rgba(0, 0, 0, .35);
  margin-bottom: 30px
}

.popup-bg-one.popup-news .equal-news-block .popup-news-content ul li .time {
  color: #5ef;
  font-size: 16px;
  margin-bottom: 10px;
  padding-left: 10px
}

.popup-bg-one.popup-news .equal-news-block .popup-news-content ul li .msg-content {
  border-radius: 3px;
  background-color: #000;
  color: #fff;
  padding: 5px 10px;
  margin: 0
}

.popup-bg-one.popup-news .equal-news-block .popup-news-content .center-wrap button, .popup-bg-one.popup-news .equal-news-block .popup-news-content .submitbtn-wrap button {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
  background-image: linear-gradient(180deg, #666 0, #000);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF666666", endColorstr="#FF000000", GradientType=0);
  -webkit-box-shadow: inset 0 -1px 5px 0 hsla(0, 0%, 100%, .5);
  box-shadow: inset 0 -1px 5px 0 hsla(0, 0%, 100%, .5);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  cursor: pointer;
  display: inline-block;
  width: auto;
  height: auto;
  padding: 10px 40px;
  font-size: 18px;
  color: #fff;
  line-height: 30px;
  letter-spacing: 1px;
  text-shadow: 1px 2px 1px rgba(0, 0, 0, .5);
  border-radius: 5px;
  border: 1px solid grey
}

.popup-bg-one.popup-news .equal-news-block .popup-news-content .center-wrap button:hover, .popup-bg-one.popup-news .equal-news-block .popup-news-content .submitbtn-wrap button:hover {
  -webkit-box-shadow: inset 0 -1px 20px 0 hsla(0, 0%, 100%, .5);
  box-shadow: inset 0 -1px 20px 0 hsla(0, 0%, 100%, .5)
}

@media only screen and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1), only screen and (max-width:768px), only screen and (min-device-width:1280px) and (max-device-width:1280px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) and (-webkit-min-device-pixel-ratio:2), only screen and (min-device-width:1280px) and (max-device-width:1280px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) and (min-resolution:192dpi), only screen and (min-device-width:1366px) and (max-device-width:1366px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:2), only screen and (min-device-width:1440px) and (max-device-width:1440px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) {
  .popup-bg-one.popup-news .equal-news-block .popup-news-content .center-wrap button:hover, .popup-bg-one.popup-news .equal-news-block .popup-news-content .submitbtn-wrap button:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
    background-image: linear-gradient(180deg, #666 0, #000);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF666666", endColorstr="#FF000000", GradientType=0)
  }
}

.popup-bg-one.popup-bank-list .equal-bank-list-block .popup-bank-list-content .remindinfo-inner .bankItem {
  margin-bottom: 8px
}

.popup-bg-one.popup-bank-list .equal-bank-list-block .popup-bank-list-content .remindinfo-inner .bankItem .bank-list {
  color: #fff;
  position: relative
}

.popup-bg-one.popup-bank-list .equal-bank-list-block .popup-bank-list-content .remindinfo-inner .bankItem .bank-list input[type=radio] {
  opacity: 0;
  line-height: normal;
  zoom: 1.5
}

.popup-bg-one.popup-bank-list .equal-bank-list-block .popup-bank-list-content .remindinfo-inner .bankItem .bank-list input[type=radio].disabled, .popup-bg-one.popup-bank-list .equal-bank-list-block .popup-bank-list-content .remindinfo-inner .bankItem .bank-list input[type=radio][disabled], fieldset[disabled] .popup-bg-one.popup-bank-list .equal-bank-list-block .popup-bank-list-content .remindinfo-inner .bankItem .bank-list input[type=radio] {
  cursor: not-allowed
}

.popup-bg-one.popup-bank-list .equal-bank-list-block .popup-bank-list-content .remindinfo-inner .bankItem .bank-list:before {
  content: "";
  position: absolute;
  width: 21px;
  height: 21px;
  top: 0;
  left: -7px;
  border-radius: 10px;
  border: 3px solid #0ef;
  background: rgba(0, 0, 0, .35)
}

.popup-bg-one.popup-bank-list .equal-bank-list-block .popup-bank-list-content .remindinfo-inner .bankItem .bank-list input[type=radio]:checked+span:before {
  content: "";
  color: #fefefe;
  text-align: center;
  position: absolute;
  border: 5px solid #fefefe;
  border-radius: 10px;
  top: 6px;
  left: -2px
}

.popup-bg-one.popup-memrank .equal-memrank-block .popup-memrank-content h3 {
  margin: auto;
  text-align: center;
  color: #fff
}

.popup-bg-one.popup-memrank .equal-memrank-block .popup-memrank-content .center-wrap button, .popup-bg-one.popup-memrank .equal-memrank-block .popup-memrank-content .submitbtn-wrap button {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
  background-image: linear-gradient(180deg, #666 0, #000);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF666666", endColorstr="#FF000000", GradientType=0);
  -webkit-box-shadow: inset 0 -1px 5px 0 hsla(0, 0%, 100%, .5);
  box-shadow: inset 0 -1px 5px 0 hsla(0, 0%, 100%, .5);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  cursor: pointer;
  display: inline-block;
  width: auto;
  height: auto;
  padding: 10px 40px;
  font-size: 18px;
  color: #fff;
  line-height: 30px;
  letter-spacing: 1px;
  text-shadow: 1px 2px 1px rgba(0, 0, 0, .5);
  border-radius: 5px;
  border: 1px solid grey;
  margin-top: 30px
}

.popup-bg-one.popup-memrank .equal-memrank-block .popup-memrank-content .center-wrap button:hover, .popup-bg-one.popup-memrank .equal-memrank-block .popup-memrank-content .submitbtn-wrap button:hover {
  -webkit-box-shadow: inset 0 -1px 20px 0 hsla(0, 0%, 100%, .5);
  box-shadow: inset 0 -1px 20px 0 hsla(0, 0%, 100%, .5)
}

@media only screen and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1), only screen and (max-width:768px), only screen and (min-device-width:1280px) and (max-device-width:1280px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) and (-webkit-min-device-pixel-ratio:2), only screen and (min-device-width:1280px) and (max-device-width:1280px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) and (min-resolution:192dpi), only screen and (min-device-width:1366px) and (max-device-width:1366px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:2), only screen and (min-device-width:1440px) and (max-device-width:1440px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) {
  .popup-bg-one.popup-memrank .equal-memrank-block .popup-memrank-content .center-wrap button:hover, .popup-bg-one.popup-memrank .equal-memrank-block .popup-memrank-content .submitbtn-wrap button:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
    background-image: linear-gradient(180deg, #666 0, #000);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF666666", endColorstr="#FF000000", GradientType=0)
  }
}

.popup-bg-one.popup-payqrcode .equal-payqrcode-block .popup-payqrcode-content {
  text-align: center
}

.popup-bg-one.popup-payqrcode .equal-payqrcode-block .popup-payqrcode-content h2 {
  margin: auto;
  text-align: center;
  color: #fff
}

.popup-bg-one.popup-payqrcode .equal-payqrcode-block .popup-payqrcode-content #qrcodeContent {
  margin: 20px auto auto
}

.popup-bg-one.popup-payqrcode .equal-payqrcode-block .popup-payqrcode-content .center-wrap button, .popup-bg-one.popup-payqrcode .equal-payqrcode-block .popup-payqrcode-content .submitbtn-wrap button {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
  background-image: linear-gradient(180deg, #666 0, #000);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF666666", endColorstr="#FF000000", GradientType=0);
  -webkit-box-shadow: inset 0 -1px 5px 0 hsla(0, 0%, 100%, .5);
  box-shadow: inset 0 -1px 5px 0 hsla(0, 0%, 100%, .5);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  cursor: pointer;
  display: inline-block;
  width: auto;
  height: auto;
  padding: 10px 40px;
  font-size: 18px;
  color: #fff;
  line-height: 30px;
  letter-spacing: 1px;
  text-shadow: 1px 2px 1px rgba(0, 0, 0, .5);
  border-radius: 5px;
  border: 1px solid grey;
  margin-top: 30px
}

.popup-bg-one.popup-payqrcode .equal-payqrcode-block .popup-payqrcode-content .center-wrap button:hover, .popup-bg-one.popup-payqrcode .equal-payqrcode-block .popup-payqrcode-content .submitbtn-wrap button:hover {
  -webkit-box-shadow: inset 0 -1px 20px 0 hsla(0, 0%, 100%, .5);
  box-shadow: inset 0 -1px 20px 0 hsla(0, 0%, 100%, .5)
}

@media only screen and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1), only screen and (max-width:768px), only screen and (min-device-width:1280px) and (max-device-width:1280px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) and (-webkit-min-device-pixel-ratio:2), only screen and (min-device-width:1280px) and (max-device-width:1280px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) and (min-resolution:192dpi), only screen and (min-device-width:1366px) and (max-device-width:1366px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:2), only screen and (min-device-width:1440px) and (max-device-width:1440px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) {
  .popup-bg-one.popup-payqrcode .equal-payqrcode-block .popup-payqrcode-content .center-wrap button:hover, .popup-bg-one.popup-payqrcode .equal-payqrcode-block .popup-payqrcode-content .submitbtn-wrap button:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
    background-image: linear-gradient(180deg, #666 0, #000);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF666666", endColorstr="#FF000000", GradientType=0)
  }
}

.mobile-app .popup-bg-one.popup-bank-list .equal-bank-list-block, .mobile-app .popup-bg-one.popup-bank-list .equal-fast-login-block, .mobile-app .popup-bg-one.popup-bank-list .equal-news-block, .mobile-app .popup-bg-one.popup-bank-list .equal-qrcode-block, .mobile-app .popup-bg-one.popup-fast-login .equal-bank-list-block, .mobile-app .popup-bg-one.popup-fast-login .equal-fast-login-block, .mobile-app .popup-bg-one.popup-fast-login .equal-news-block, .mobile-app .popup-bg-one.popup-fast-login .equal-qrcode-block, .mobile-app .popup-bg-one.popup-news .equal-bank-list-block, .mobile-app .popup-bg-one.popup-news .equal-fast-login-block, .mobile-app .popup-bg-one.popup-news .equal-news-block, .mobile-app .popup-bg-one.popup-news .equal-qrcode-block, .mobile-app .popup-bg-one.popup-qrcode .equal-bank-list-block, .mobile-app .popup-bg-one.popup-qrcode .equal-fast-login-block, .mobile-app .popup-bg-one.popup-qrcode .equal-news-block, .mobile-app .popup-bg-one.popup-qrcode .equal-qrcode-block {
  padding: 50px 30px 30px
}

.mobile-app .popup-bg-one.popup-bank-list .popup-title, .mobile-app .popup-bg-one.popup-fast-login .popup-title, .mobile-app .popup-bg-one.popup-news .popup-title, .mobile-app .popup-bg-one.popup-qrcode .popup-title {
  margin-bottom: 30px
}

.mobile-app .popup-bg-one.popup-bank-list .popup-title h1, .mobile-app .popup-bg-one.popup-fast-login .popup-title h1, .mobile-app .popup-bg-one.popup-news .popup-title h1, .mobile-app .popup-bg-one.popup-qrcode .popup-title h1 {
  font-size: 30px;
  margin: 0
}

.mobile-app .popup-bg-one.popup-fast-login .equal-fast-login-block .popup-fast-login-content .center-wrap button, .mobile-app .popup-bg-one.popup-fast-login .equal-fast-login-block .popup-fast-login-content .submitbtn-wrap button {
  margin-bottom: 10px
}

.equal-color-block {
  padding: 60px 20px 20px
}

.equal-color-block .popup-title {
  text-align: center;
  margin: 0 0 40px
}

.equal-color-block .popup-title h1 {
  margin: 0
}

.equal-color-block .popup-color-content {
  background: #fff;
  padding: 20px;
  border-radius: 5px
}

.popup-bg-one.popup-mail-content .popup-rule-content .submitbtn-wrap {
  margin-top: 30px
}

.mobile-app .popup-bg-one .equal-color-block {
  padding: 50px 10px 10px
}

.mobile-app .popup-bg-one .equal-color-block .popup-title {
  margin-bottom: 30px
}

.mobile-app .popup-bg-one .equal-color-block .popup-title h1 {
  font-size: 30px
}

.promoteclose-wrapper {
  position: sticky;
  top: 0;
  z-index: 99
}

.promoteclose-wrapper button.outside-close:before {
  top: 11px;
  left: 11px
}

.equal-promotion-detail-block {
  padding: 20px
}

.equal-promotion-detail-block .promo-img {
  margin-bottom: 10px
}

.equal-promotion-detail-block .promo-img img {
  width: 100%
}

.equal-promotion-detail-block .promo-img.comingSoon, .equal-promotion-detail-block .promo-img.expired {
  position: relative
}

.equal-promotion-detail-block .promo-img.comingSoon:before, .equal-promotion-detail-block .promo-img.expired:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, .6);
  z-index: 1
}

.equal-promotion-detail-block .promo-img.comingSoon:after, .equal-promotion-detail-block .promo-img.expired:after {
  content: "";
  position: absolute;
  top: 10%;
  bottom: 10%;
  left: 0;
  right: 0;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/expired_b7e368d.webp) no-repeat 50%;
  background-size: contain;
  z-index: 1
}

.equal-promotion-detail-block .promo-img.comingSoon img, .equal-promotion-detail-block .promo-img.expired img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%)
}

.equal-promotion-detail-block .promo-img.comingSoon:after {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/coming-soon_791b4c3.webp) no-repeat 50%;
  background-size: contain
}

.equal-promotion-detail-block .promotion-submitbtn-wrap {
  padding: 10px 0
}

.equal-promotion-detail-block .promotion-submitbtn-wrap.submitScroll {
  background: #000;
  padding: 15px
}

.equal-promotion-detail-block .submitbtn-wrap.promotion-submitbtn-wrap {
  position: sticky;
  overflow: auto;
  top: 0;
  display: block;
  left: 0;
  right: 0;
  width: auto;
  z-index: 50;
  text-align: center;
  -webkit-transition: background-color .5s ease;
  transition: background-color .5s ease;
  -webkit-transform: translateZ(0) scale(1);
  transform: translateZ(0) scale(1);
  margin: auto -20px
}

.equal-promotion-detail-block .promo-title {
  color: #fd0;
  margin: 0 0 10px
}

.equal-promotion-detail-block .promo-content {
  padding: 10px;
  background-color: #fff;
  border-radius: 5px
}

.mobile-app .equal-promotion-detail-block {
  padding: 10px
}

.mobile-app .equal-promotion-detail-block .submitbtn-wrap.promotion-submitbtn-wrap {
  margin: auto -10px
}

.mobile-app .equal-promotion-detail-block .promo-img img {
  width: 100%
}

.mobile-app .equal-promotion-detail-block .promo-content table {
  word-break: break-word
}

.mobile-app .promoteclose-wrapper .outside-close:before {
  top: 6px;
  left: 6px
}

.el-dialog.gameopenStyle {
  background: #134;
  width: 100vw !important;
  height: 100vh;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin-top: 0 !important
}

.el-dialog.gameopenStyle:after {
  display: none
}

.gameopen-close {
  display: none
}

.gameopen-wrapper {
  width: 100%;
  padding: 0
}

@media only screen and (min-width:600px) {
  .gameopen-wrapper {
    margin: 0 auto;
    width: 300px
  }
}

.gameopen-wrapper .game-img {
  position: relative;
  width: 100%;
  padding-bottom: 60%;
  overflow: hidden
}

.gameopen-wrapper .game-img img {
  position: absolute;
  width: 100%
}

.gameopen-wrapper .game-detail {
  *zoom: 1;
  text-align: center;
  padding: 0 20px
}

.gameopen-wrapper .game-detail:after, .gameopen-wrapper .game-detail:before {
  content: " ";
  display: table
}

.gameopen-wrapper .game-detail:after {
  clear: both
}

@media only screen and (min-width:600px) {
  .gameopen-wrapper .game-detail {
    padding: 0
  }
}

.gameopen-wrapper .game-detail .game-name {
  padding: 10px 0;
  color: #fd0;
  font-size: 20px
}

.gameopen-wrapper .game-detail .game-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 5px 0;
  *zoom: 1
}

.gameopen-wrapper .game-detail .game-info:after, .gameopen-wrapper .game-detail .game-info:before {
  content: " ";
  display: table
}

.gameopen-wrapper .game-detail .game-info:after {
  clear: both
}

.gameopen-wrapper .game-detail .love-icon, .gameopen-wrapper .game-detail .play-count {
  display: block;
  vertical-align: top;
  position: static
}

.gameopen-wrapper .game-detail .love-icon i {
  right: 0;
  font-size: 26px
}

.gameopen-wrapper .game-detail .love-icon.add i {
  color: #ff3266
}

.gameopen-wrapper .game-descript {
  background: hsla(0, 0%, 100%, .2);
  border-radius: 5px;
  padding: 10px;
  margin-top: 10px;
  color: #888
}

.gameopen-wrapper .game-descript b {
  color: #01b9ce;
  font-size: 18px
}

.gameopen-wrapper .game-brand {
  display: none;
  border-radius: 5px;
  background: rgba(0, 0, 0, .7);
  padding: 3px 10px;
  top: 5px;
  left: 5px;
  position: absolute;
  z-index: 1;
  color: #fff;
  text-align: center
}

.gameopen-wrapper .game-detail .info-icon, .gameopen-wrapper .game-detail .love-icon, .gameopen-wrapper .game-detail .play-count {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-top: 10px
}

.gameopen-wrapper .game-detail .love-icon {
  margin-right: 10px
}

.gameopen-wrapper .game-detail .love-icon i {
  font-family: Glyphicons Halflings;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  font-size: 28px
}

.gameopen-wrapper .game-detail .love-icon i:before {
  content: ""
}

.gameopen-wrapper .game-detail .info-icon {
  margin-right: 15px
}

.gameopen-wrapper .game-detail .info-icon i {
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 5px;
  color: #898989;
  font-size: 28px
}

.gameopen-wrapper .game-detail .info-icon i:before {
  content: ""
}

.gameopen-wrapper .game-detail .play-count i {
  font: normal normal normal 14px/1 FontAwesome;
  margin-right: 5px;
  color: #898989;
  font-size: 28px
}

.gameopen-wrapper .game-detail .play-count i:before {
  content: ""
}

.gameopen-wrapper .game-detail .play-count span {
  color: #898989;
  vertical-align: super
}

.gameopen-wrapper .game-btn {
  margin-top: 30px
}

.gameopen-wrapper .game-btn .btn-demo, .gameopen-wrapper .game-btn .btn-play {
  width: 100%;
  padding: 5px 0;
  margin-bottom: 20px
}

.gameopen-wrapper .game-btn a {
  padding: 15px 5px
}

.gameopen-wrapper .game-btn a i.fa {
  color: #000;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .2)
}

.broadcast-container button {
  border: 0;
  cursor: pointer
}

.broadcast-container button[disabled] {
  opacity: .3;
  cursor: not-allowed
}

.broadcast-container figure {
  margin: 0
}

.broadcast-container .el-checkbox {
  color: #fff
}

.broadcast-container .el-checkbox__inner {
  border-radius: 0;
  -webkit-transform: scale(1.5);
  transform: scale(1.5)
}

.broadcast-container .el-checkbox__label {
  color: #fff;
  vertical-align: middle;
  font-size: .9375rem
}

.broadcast-container .header-popup+.el-row {
  margin-top: 1.25rem;
  padding-bottom: .75rem
}

.broadcast-container .header-popup .header-popup-bg {
  border: 0;
  background: transparent;
  -webkit-box-shadow: none !important;
  box-shadow: none !important
}

.broadcast-container .header-popup .header-popup-bg:before {
  display: none
}

.broadcast-container .header-popup.header-popup-border {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none
}

.broadcast-container .header-popup.header-popup-border:after, .broadcast-container .header-popup.header-popup-border:before {
  display: none
}

.broadcast-container .web_view .el-dialog__wrapper:before {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  content: "";
  opacity: .5
}

.broadcast-container .el-dialog__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.broadcast-container .el-dialog__wrapper .el-dialog {
  margin-top: 0 !important;
  margin-bottom: 0 !important
}

.broadcast-container .el-dialog__wrapper .el-dialog.dialog-xl {
  width: calc(95% - 25px)
}

@media (min-width:992px) {
  .broadcast-container .el-dialog__wrapper .el-dialog.dialog-xl {
    max-width: 1240px
  }
}

.broadcast-container .broadcast-wrapper button {
  position: relative;
  top: auto;
  right: auto;
  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;
  width: 3.125rem;
  height: 3.125rem;
  border-radius: 50%;
  background-image: none;
  opacity: 1
}

.broadcast-container .broadcast-wrapper button:after, .broadcast-container .broadcast-wrapper button:before {
  position: absolute;
  width: 1.8125rem;
  height: .3rem;
  border-radius: .625rem;
  content: "";
  -webkit-transition: -webkit-transform .3s cubic-bezier(.9, -.6, .3, 1.6);
  transition: -webkit-transform .3s cubic-bezier(.9, -.6, .3, 1.6);
  transition: transform .3s cubic-bezier(.9, -.6, .3, 1.6);
  transition: transform .3s cubic-bezier(.9, -.6, .3, 1.6), -webkit-transform .3s cubic-bezier(.9, -.6, .3, 1.6);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.broadcast-container .broadcast-wrapper button:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.broadcast-container .broadcast-wrapper button:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.broadcast-container .broadcast-wrapper button:hover:before {
  -webkit-transform: rotate(-45deg) scale(1.15);
  transform: rotate(-45deg) scale(1.15)
}

.broadcast-container .broadcast-wrapper button:hover:after {
  -webkit-transform: rotate(45deg) scale(1.15);
  transform: rotate(45deg) scale(1.15)
}

@media (min-width:1025px) {
  .broadcast-container .broadcast-inner .el-swiper-item-content figure, .broadcast-container .broadcast-inner .tab-pane-content figure {
    position: relative;
    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;
    max-height: 26.917vw
  }

  .broadcast-container .broadcast-inner .el-swiper-item-content figure img, .broadcast-container .broadcast-inner .tab-pane-content figure img {
    position: relative;
    max-width: 100%;
    max-height: 100%
  }
}

@media (max-width:1024px) {
  .broadcast-container .broadcast-inner .el-swiper-item-content figure, .broadcast-container .broadcast-inner .tab-pane-content figure {
    position: relative;
    padding-bottom: 55%;
    height: 0
  }

  .broadcast-container .broadcast-inner .el-swiper-item-content figure img, .broadcast-container .broadcast-inner .tab-pane-content figure img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    max-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
  }
}

.broadcast-container .broadcast-inner article .sub-title, .broadcast-container .broadcast-inner article .title {
  word-break: break-all
}

.broadcast-container .broadcast-inner .article-content {
  overflow: auto;
  max-width: 100%
}

@media only screen and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1), only screen and (max-width:768px), only screen and (min-device-width:1280px) and (max-device-width:1280px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) and (-webkit-min-device-pixel-ratio:2), only screen and (min-device-width:1280px) and (max-device-width:1280px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) and (min-resolution:192dpi), only screen and (min-device-width:1366px) and (max-device-width:1366px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:2), only screen and (min-device-width:1440px) and (max-device-width:1440px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) {
  .broadcast-container .header-popup.header-popup-border {
    top: 0 !important
  }
}

.broadcast-container .web_view .header-popup.header-popup-border {
  padding: .625rem
}

.broadcast-container .web_view .header-popup .equal-block {
  border-radius: 1.875rem;
  padding: 1.5625rem 0 1.5625rem 1.75rem
}

.broadcast-container .web_view .el-dialog__body {
  max-height: 100vh;
  padding: 3.15rem 20px 0
}

.broadcast-container .web_view .el-dialog__wrapper .broadcast-wrapper {
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translate(25%);
  transform: translate(25%)
}

.broadcast-container .web_view .broadcast-inner .el-tabs--card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  min-height: 75vh
}

.broadcast-container .web_view .broadcast-inner .el-tabs--card .el-tabs__nav {
  margin: 2.5rem 0 2.5rem .9375rem;
  border: 0
}

[dir=rtl] .broadcast-container .web_view .broadcast-inner .el-tabs--card .el-tabs__nav {
  margin: 2.5rem .9375rem 2.5rem 0
}

.broadcast-container .web_view .broadcast-inner .el-tabs--card .el-tabs__nav .el-tabs__item {
  padding: 1.2rem 1.5625rem;
  line-height: 1.25;
  height: auto;
  min-width: 19.0625rem;
  border: 0;
  border-top-left-radius: 2.75rem;
  border-bottom-left-radius: 2.75rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  text-align: left;
  -webkit-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out
}

[dir=rtl] .broadcast-container .web_view .broadcast-inner .el-tabs--card .el-tabs__nav .el-tabs__item {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 2.75rem;
  border-bottom-right-radius: 2.75rem
}

.broadcast-container .web_view .broadcast-inner .el-tabs--card .el-tabs__nav .el-tabs__item .icon-image, .broadcast-container .web_view .broadcast-inner .el-tabs--card .el-tabs__nav .el-tabs__item i {
  margin-right: .625rem
}

[dir=rtl] .broadcast-container .web_view .broadcast-inner .el-tabs--card .el-tabs__nav .el-tabs__item .icon-image, [dir=rtl] .broadcast-container .web_view .broadcast-inner .el-tabs--card .el-tabs__nav .el-tabs__item i {
  margin-right: 0;
  margin-left: .625rem
}

[dir=rtl] .broadcast-container .web_view .broadcast-inner .el-tabs--card .el-tabs__nav .el-tabs__item .icon-image, [dir=rtl] .broadcast-container .web_view .broadcast-inner .el-tabs--card .el-tabs__nav .el-tabs__item i {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}

.broadcast-container .web_view .broadcast-inner .el-tabs--card .el-tabs__nav .el-tabs__item .icon-image {
  max-width: 1.5rem;
  max-height: 1.5rem
}

.broadcast-container .web_view .broadcast-inner .el-tabs--card .el-tabs__nav .el-tabs__item:hover {
  color: inherit
}

.broadcast-container .web_view .broadcast-inner .el-tabs--card .el-tabs__nav .el-tabs__item:not(.is-active):hover {
  font-weight: 700
}

.broadcast-container .web_view .broadcast-inner .el-tabs--card .el-tabs__nav .el-tabs__item.is-left:first-child {
  border: 0
}

.broadcast-container .web_view .broadcast-inner .el-tabs--card .el-tabs__nav .el-tabs__item.is-left.is-active {
  border: 0
}

.broadcast-container .web_view .broadcast-inner .el-tabs--card .el-tabs__nav .el-tabs__item>span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.broadcast-container .web_view .broadcast-inner .el-tabs--card .el-tabs__nav .el-tabs__item>span>span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  white-space: normal;
  line-height: 1.5
}

.broadcast-container .web_view .broadcast-inner .el-tabs__header {
  border-bottom: 0
}

.broadcast-container .web_view .broadcast-inner .el-tabs__header.is-left {
  height: auto;
  margin-right: 2.5rem;
  border-radius: 1.875rem;
  -webkit-box-shadow: inset 0 1px 50px 10px rgba(0, 0, 0, .1);
  box-shadow: inset 0 1px 50px 10px rgba(0, 0, 0, .1)
}

[dir=rtl] .broadcast-container .web_view .broadcast-inner .el-tabs__header.is-left {
  margin-right: 0;
  margin-left: 2.5rem
}

.broadcast-container .web_view .broadcast-inner .el-tabs__header.is-left span {
  color: inherit
}

.broadcast-container .web_view .broadcast-inner .el-tabs__content {
  max-height: calc(80vh - 1.875rem);
  overflow: auto;
  padding-right: 1.75rem
}

.broadcast-container .web_view .broadcast-inner .el-tab-pane {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%
}

.broadcast-container .web_view .broadcast-inner .el-tab-pane .tab-pane-content {
  -webkit-animation: fadeEffect .6s both;
  animation: fadeEffect .6s both;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow: auto
}

.broadcast-container .web_view .broadcast-inner .el-tab-pane .tab-pane-content figure+article {
  margin-top: 1.875rem
}

.broadcast-container .web_view .broadcast-inner .el-tab-pane .tab-pane-content figure {
  margin: 0;
  border-radius: 1.25rem;
  overflow: hidden
}

.broadcast-container .web_view .broadcast-inner .el-tab-pane .tab-pane-content article .sub-title {
  font-size: .75rem
}

.broadcast-container .web_view .broadcast-inner .el-tab-pane .tab-pane-content article hr {
  border: 0;
  border-top: 1px solid
}

.broadcast-container .web_view .broadcast-inner .el-tab-pane .tab-pane-content article .title {
  font-size: 1.5rem;
  font-weight: 400;
  margin-top: .4375rem;
  margin-bottom: .3125rem
}

.broadcast-container .web_view .broadcast-inner .el-tab-pane .tab-pane-content article hr {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem
}

.broadcast-container .web_view .broadcast-inner .el-tab-pane .tab-pane-content article .article-content {
  padding: 0
}

.broadcast-container .web_view .broadcast-inner .el-tab-pane .tab-pane-footer {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-top: .5rem;
  padding-bottom: .5rem
}

.broadcast-container .web_view .broadcast-inner .el-tab-pane .tab-pane-footer .btn {
  min-width: 150px;
  padding: 15px 20px;
  border-radius: 25px;
  font-weight: 400;
  font-size: 1.285rem;
  -webkit-transition: all .3s ease;
  transition: all .3s ease
}

.broadcast-container .web_view .broadcast-inner .el-tab-pane .tab-pane-footer .btn+.btn {
  margin-left: 1.25rem
}

.broadcast-container .web_view .broadcast-inner .el-tab-pane .tab-pane-footer .demo-btn {
  padding: 15px 20px;
  font-size: 1rem
}

.broadcast-container .mob_view .header-popup.header-popup-border {
  padding: 0;
  border-bottom-left-radius: 1.75rem !important;
  border-bottom-right-radius: 1.75rem !important
}

.broadcast-container .mob_view .header-popup .equal-block {
  border-radius: 1.75rem;
  padding: 0
}

.broadcast-container .mob_view .el-dialog.dialog-xl {
  max-width: 100%;
  min-width: 90%;
  margin-top: 0 !important
}

.broadcast-container .mob_view .el-dialog__body {
  max-height: 100%;
  max-width: 100vw;
  padding-top: 0 !important
}

.broadcast-container .mob_view .el-dialog__wrapper .broadcast-wrapper {
  position: absolute;
  right: -.4rem
}

.broadcast-container .mob_view .broadcast-inner .swiper-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

.broadcast-container .mob_view .broadcast-inner .swiper-wrapper {
  height: auto;
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch
}

.broadcast-container .mob_view .broadcast-inner .swiper-slide {
  padding: 3.2vmin 5.3333333333vmin 0;
  height: calc(100vh - 230px) !important
}

.broadcast-container .mob_view .broadcast-inner .swiper-pagination {
  margin-bottom: 0;
  position: relative;
  bottom: auto;
  width: auto;
  font-size: 3.2vmin;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.broadcast-container .mob_view .broadcast-inner .swiper-pagination-current {
  font-size: 4.5333333333vmin;
  margin-right: .25rem
}

.broadcast-container .mob_view .broadcast-inner .swiper-pagination-total {
  margin-left: .25rem;
  color: hsla(0, 0%, 100%, .3)
}

.broadcast-container .mob_view .broadcast-inner .customer-swiper-button {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.broadcast-container .mob_view .broadcast-inner .customer-swiper-button [class*=customer-swiper-button-] {
  width: 33.3333%;
  height: 6.9333333333vmin;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 2.1333333333vmin
}

.broadcast-container .mob_view .broadcast-inner .customer-swiper-button [class*=customer-swiper-button-] i {
  font-size: 1.25rem
}

.broadcast-container .mob_view .broadcast-inner .customer-swiper-button [class*=customer-swiper-button-].swiper-button-disabled {
  opacity: 1 !important
}

.broadcast-container .mob_view .broadcast-inner .customer-swiper-button [class*=customer-swiper-button-].swiper-button-disabled i, .broadcast-container .mob_view .broadcast-inner .customer-swiper-button [class*=customer-swiper-button-].swiper-button-disabled span {
  opacity: .3
}

.broadcast-container .mob_view .broadcast-inner .customer-swiper-button [class*=customer-swiper-button-].customer-swiper-button-next, .broadcast-container .mob_view .broadcast-inner .customer-swiper-button [class*=customer-swiper-button-].customer-swiper-button-prev {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.broadcast-container .mob_view .broadcast-inner .customer-swiper-button-next, .broadcast-container .mob_view .broadcast-inner .customer-swiper-button-prev {
  border-radius: 0
}

.broadcast-container .mob_view .broadcast-inner .customer-swiper-button-prev {
  border-top-right-radius: 1.25rem
}

.broadcast-container .mob_view .broadcast-inner .customer-swiper-button-prev i {
  margin-right: .75rem
}

.broadcast-container .mob_view .broadcast-inner .customer-swiper-button-next {
  border-top-left-radius: 1.25rem
}

.broadcast-container .mob_view .broadcast-inner .customer-swiper-button-next i {
  margin-left: .75rem
}

.broadcast-container .mob_view .broadcast-inner .el-swiper-item-container {
  padding: 1rem 0 0;
  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;
  overflow: hidden
}

.broadcast-container .mob_view .broadcast-inner .el-swiper-item-content, .broadcast-container .mob_view .broadcast-inner .el-swiper-item-footer {
  padding: 0 20px
}

.broadcast-container .mob_view .broadcast-inner .el-swiper-item-content {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 calc(100% - 4.5rem);
  flex: 1 1 calc(100% - 4.5rem);
  overflow: auto
}

.broadcast-container .mob_view .broadcast-inner .el-swiper-item-content figure+article {
  margin-top: 1.875rem
}

.broadcast-container .mob_view .broadcast-inner .el-swiper-item-content figure {
  overflow: hidden;
  display: block;
  border-radius: .5rem
}

.broadcast-container .mob_view .broadcast-inner .el-swiper-item-content article .sub-title {
  font-size: .75rem
}

.broadcast-container .mob_view .broadcast-inner .el-swiper-item-content article hr {
  border: 0;
  border-top: 1px solid
}

.broadcast-container .mob_view .broadcast-inner .el-swiper-item-content article .title {
  font-size: 1.5rem;
  margin-top: .4375rem;
  margin-bottom: .3125rem
}

.broadcast-container .mob_view .broadcast-inner .el-swiper-item-content article hr {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem
}

.broadcast-container .mob_view .broadcast-inner .el-swiper-item-content article .article-content {
  padding: 0
}

.broadcast-container .mob_view .broadcast-inner .el-swiper-item-footer {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 2.6666666667vmin;
  padding-bottom: 3.7333333333vmin
}

.broadcast-container .mob_view .broadcast-inner .el-swiper-item-footer .btn {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  max-width: calc(50% - .75rem);
  padding: .75rem 1.25rem;
  border-radius: 25px;
  font-size: 1.3rem;
  font-weight: 400;
  -webkit-transition: all .3s ease;
  transition: all .3s ease
}

.broadcast-container .mob_view .broadcast-inner .el-swiper-item-footer .btn+.btn {
  margin-left: 1.25rem
}

.broadcast-container .mob_view .broadcast-inner .el-swiper-item-footer .demo-btn {
  font-size: 1rem
}

@media (min-width:768px) {
  .broadcast-container .mob_view .broadcast-inner .el-swiper-item-footer .btn {
    min-width: 150px
  }
}

@media (max-width:399px) {
  .broadcast-container .mob_view .broadcast-inner .el-swiper-item-footer .btn {
    font-size: .875rem
  }
}

.broadcast-container .mob_view.hasPromotionGame .customer-swiper-button [class*=customer-swiper-button-] {
  margin-bottom: 0
}

@-webkit-keyframes fadeEffect {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes fadeEffect {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.mobile-app .broadcast-container .mob_view .broadcast-inner .el-swiper-item-footer .btn {
  font-size: 1rem
}

.mobile-app .broadcast-container .mob_view .broadcast-inner .el-swiper-item-footer .demo-btn {
  padding: 1rem .75rem;
  font-size: .8rem
}

.mobile-app .publicDialog .el-dialog__wrapper .el-dialog {
  margin: auto
}

.broadcast-container .broadcast-wrapper button.dark-close {
  background: linear-gradient(136deg, #37404e 16%, #37404e 83%)
}

.broadcast-container .broadcast-wrapper button.dark-close:after, .broadcast-container .broadcast-wrapper button.dark-close:before {
  background: #fff
}

.broadcast-container .header-popup.header-popup-border {
  background: #181d23
}

.broadcast-container .header-popup .equal-block {
  color: #fff
}

.broadcast-container .broadcast-inner figure {
  background-color: #43505f
}

.broadcast-container .broadcast-inner article .sub-title {
  color: #6fb8d7
}

.broadcast-container .broadcast-inner article hr {
  border-color: #323c46 !important
}

.broadcast-container .broadcast-inner article .article-content, .broadcast-container .broadcast-inner article .title {
  color: #fff
}

.broadcast-container .el-swiper-item-footer .btn, .broadcast-container .self-swiper-item-footer .btn, .broadcast-container .tab-pane-footer .btn {
  background: linear-gradient(288deg, #968bf6, #7bcbf1);
  color: #fff
}

.broadcast-container .el-swiper-item-footer .btn.more-btn, .broadcast-container .self-swiper-item-footer .btn.more-btn, .broadcast-container .tab-pane-footer .btn.more-btn {
  background: linear-gradient(288deg, #968bf6, #7bcbf1)
}

.broadcast-container .el-swiper-item-footer .btn.demo-btn, .broadcast-container .self-swiper-item-footer .btn.demo-btn, .broadcast-container .tab-pane-footer .btn.demo-btn {
  background-color: #43505f;
  background-image: none;
  color: #959595
}

.broadcast-container .el-swiper-item-footer .btn.coming-soon, .broadcast-container .self-swiper-item-footer .btn.coming-soon, .broadcast-container .tab-pane-footer .btn.coming-soon {
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important;
  max-width: none !important;
  cursor: default
}

.broadcast-container .el-swiper-item-footer .btn.coming-soon:hover, .broadcast-container .self-swiper-item-footer .btn.coming-soon:hover, .broadcast-container .tab-pane-footer .btn.coming-soon:hover {
  -webkit-box-shadow: none !important;
  box-shadow: none !important
}

.broadcast-container .el-swiper-item-footer .btn[disabled], .broadcast-container .self-swiper-item-footer .btn[disabled], .broadcast-container .tab-pane-footer .btn[disabled] {
  background-image: none;
  opacity: .3
}

@media (min-width:1025px) {
  .broadcast-container .el-swiper-item-footer .btn:not([disabled]):hover, .broadcast-container .self-swiper-item-footer .btn:not([disabled]):hover, .broadcast-container .tab-pane-footer .btn:not([disabled]):hover {
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .3);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, .3)
  }
}

.broadcast-container .web_view .header-popup.header-popup-border {
  border-radius: 2.5rem
}

.broadcast-container .web_view .header-popup .equal-block {
  background: linear-gradient(303deg, #1c2127, #36404b)
}

.broadcast-container .web_view .broadcast-inner .el-tabs--card .el-tabs__nav .el-tabs__item.is-left, .broadcast-container .web_view .broadcast-inner .el-tabs--card .el-tabs__nav .self-tabs__item.is-left, .broadcast-container .web_view .broadcast-inner .el-tabs--card .self-tabs__nav .el-tabs__item.is-left, .broadcast-container .web_view .broadcast-inner .el-tabs--card .self-tabs__nav .self-tabs__item.is-left, .broadcast-container .web_view .broadcast-inner .self-tabs--card .el-tabs__nav .el-tabs__item.is-left, .broadcast-container .web_view .broadcast-inner .self-tabs--card .el-tabs__nav .self-tabs__item.is-left, .broadcast-container .web_view .broadcast-inner .self-tabs--card .self-tabs__nav .el-tabs__item.is-left, .broadcast-container .web_view .broadcast-inner .self-tabs--card .self-tabs__nav .self-tabs__item.is-left {
  color: #8d99a7
}

.broadcast-container .web_view .broadcast-inner .el-tabs--card .el-tabs__nav .el-tabs__item.is-left.is-active, .broadcast-container .web_view .broadcast-inner .el-tabs--card .el-tabs__nav .self-tabs__item.is-left.is-active, .broadcast-container .web_view .broadcast-inner .el-tabs--card .self-tabs__nav .el-tabs__item.is-left.is-active, .broadcast-container .web_view .broadcast-inner .el-tabs--card .self-tabs__nav .self-tabs__item.is-left.is-active, .broadcast-container .web_view .broadcast-inner .self-tabs--card .el-tabs__nav .el-tabs__item.is-left.is-active, .broadcast-container .web_view .broadcast-inner .self-tabs--card .el-tabs__nav .self-tabs__item.is-left.is-active, .broadcast-container .web_view .broadcast-inner .self-tabs--card .self-tabs__nav .el-tabs__item.is-left.is-active, .broadcast-container .web_view .broadcast-inner .self-tabs--card .self-tabs__nav .self-tabs__item.is-left.is-active {
  background: #7874c1;
  color: #fff
}

.broadcast-container .web_view .broadcast-inner .el-tabs--card .el-tabs__nav .el-tabs__item.is-left.is-active .icon-image, .broadcast-container .web_view .broadcast-inner .el-tabs--card .el-tabs__nav .self-tabs__item.is-left.is-active .icon-image, .broadcast-container .web_view .broadcast-inner .el-tabs--card .self-tabs__nav .el-tabs__item.is-left.is-active .icon-image, .broadcast-container .web_view .broadcast-inner .el-tabs--card .self-tabs__nav .self-tabs__item.is-left.is-active .icon-image, .broadcast-container .web_view .broadcast-inner .self-tabs--card .el-tabs__nav .el-tabs__item.is-left.is-active .icon-image, .broadcast-container .web_view .broadcast-inner .self-tabs--card .el-tabs__nav .self-tabs__item.is-left.is-active .icon-image, .broadcast-container .web_view .broadcast-inner .self-tabs--card .self-tabs__nav .el-tabs__item.is-left.is-active .icon-image, .broadcast-container .web_view .broadcast-inner .self-tabs--card .self-tabs__nav .self-tabs__item.is-left.is-active .icon-image {
  -webkit-filter: brightness(10);
  filter: brightness(10)
}

.broadcast-container .web_view .broadcast-inner .el-tabs--card .el-tabs__nav .el-tabs__item.is-left .icon-image, .broadcast-container .web_view .broadcast-inner .el-tabs--card .el-tabs__nav .self-tabs__item.is-left .icon-image, .broadcast-container .web_view .broadcast-inner .el-tabs--card .self-tabs__nav .el-tabs__item.is-left .icon-image, .broadcast-container .web_view .broadcast-inner .el-tabs--card .self-tabs__nav .self-tabs__item.is-left .icon-image, .broadcast-container .web_view .broadcast-inner .self-tabs--card .el-tabs__nav .el-tabs__item.is-left .icon-image, .broadcast-container .web_view .broadcast-inner .self-tabs--card .el-tabs__nav .self-tabs__item.is-left .icon-image, .broadcast-container .web_view .broadcast-inner .self-tabs--card .self-tabs__nav .el-tabs__item.is-left .icon-image, .broadcast-container .web_view .broadcast-inner .self-tabs--card .self-tabs__nav .self-tabs__item.is-left .icon-image {
  -webkit-filter: brightness(.8);
  filter: brightness(.8)
}

.broadcast-container .web_view .broadcast-inner .el-tabs__header.is-left, .broadcast-container .web_view .broadcast-inner .self-tabs__header.is-left {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 393px;
  flex: 0 0 393px;
  background: -webkit-gradient(linear, left bottom, left top, from(#3e4958), to(#4c586b));
  background: linear-gradient(0deg, #3e4958, #4c586b);
  -webkit-box-shadow: 5px 5px 20px 0 #252c34, inset 0 1px 1px 0 #626d7b;
  box-shadow: 5px 5px 20px 0 #252c34, inset 0 1px 1px 0 #626d7b;
  color: #8d99a7
}

.broadcast-container .web_view .broadcast-inner .el-tabs__content, .broadcast-container .web_view .broadcast-inner .self-tabs__content {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto
}

.broadcast-container .mob_view .header-popup.header-popup-border {
  border-radius: 1.25rem
}

.broadcast-container .mob_view .el-swiper-item-container, .broadcast-container .mob_view .self-swiper-item-container {
  border-radius: 1.25rem;
  background: linear-gradient(303deg, #1c2127, #36404b)
}

.broadcast-container .mob_view .broadcast-inner .customer-swiper-button-pagination {
  color: #958af1
}

.broadcast-container .mob_view .broadcast-inner .customer-swiper-button-next, .broadcast-container .mob_view .broadcast-inner .customer-swiper-button-prev {
  background-color: #202630;
  color: #958af1
}

.overflowContent {
  overflow-x: auto
}

.isWordPreBreak {
  white-space: pre-wrap
}

.blockContent img {
  position: relative;
  max-width: 100%;
  max-height: 100%;
  height: auto
}

.blockContent table img {
  height: unset;
  max-height: none
}

.el-scrollbar>.el-scrollbar__bar {
  opacity: 1
}

.el-scrollbar .el-scrollbar__wrap {
  -ms-scroll-chaining: none;
  overscroll-behavior: contain
}

.el-notification__content p {
  text-align: left
}

body[\:has\(.mobile-app\)][\:has\(\%23bank_account_form\)] .el-select-dropdown {
  max-width: 100%;
  left: 0 !important
}

body:has(.mobile-app):has(#bank_account_form) .el-select-dropdown {
  max-width: 100%;
  left: 0 !important
}

body[\:has\(.mobile-app\)][\:has\(\%23bank_account_form\)] .el-select-dropdown .el-select-dropdown__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%
}

body:has(.mobile-app):has(#bank_account_form) .el-select-dropdown .el-select-dropdown__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%
}

#member-section .member-content .form-group h4[\:has\(.withdraw-info-alert\)] span:after {
  content: none
}

#member-section .member-content .form-group h4:has(.withdraw-info-alert) span:after {
  content: none
}

#deposit_category .more-btn {
  cursor: pointer;
  border-radius: 5px;
  background: #e6f4e6;
  border: 1px solid #ddd;
  margin-top: -1px;
  height: 40px;
  color: #474;
  line-height: 40px;
  text-align: center
}

#deposit_category .more-btn, #deposit_category .more-btn.is-active {
  -webkit-transition: 1s;
  transition: 1s
}

#deposit_category .more-btn .el-collapse-item__arrow {
  line-height: 1;
  float: none;
  -webkit-transition: all .5s ease;
  transition: all .5s ease
}

#deposit_category .more-btn .el-collapse-item__arrow:before {
  content: "";
  font-family: Glyphicons Halflings;
  font-weight: 600;
  font-size: large;
  vertical-align: middle
}

#deposit_category .more-btn .el-collapse-item__arrow.is-active {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.login-slot-wrap .win-list {
  position: absolute;
  left: 10%;
  width: 300px;
  z-index: 10
}

.login-slot-wrap .win-list .list-wrap {
  position: relative;
  background: rgba(0, 0, 0, .69804);
  -webkit-box-shadow: 0 0 40px 0 rgba(250, 200, 0, .6);
  box-shadow: 0 0 40px 0 rgba(250, 200, 0, .6);
  border-radius: 25px;
  padding: 10px;
  height: 555px
}

.login-slot-wrap .win-list .list-wrap:after, .login-slot-wrap .win-list .list-wrap:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 25px;
  pointer-events: none
}

.login-slot-wrap .win-list .list-wrap:before {
  border: 10px solid #edb33c
}

.login-slot-wrap .win-list .list-wrap:after {
  border: 10px dotted #fff
}

.login-slot-wrap .win-list .list {
  overflow-y: auto
}

.login-slot-wrap .win-list .list::-webkit-scrollbar {
  display: none
}

.login-slot-wrap .win-list .item {
  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-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding: 8px 20px;
  border-top: 1px solid #826220
}

.login-slot-wrap .win-list .item .name {
  color: #fff;
  font-size: 14px;
  font-weight: 400
}

.login-slot-wrap .win-list .item .num {
  color: #edb33c;
  font-size: 16px;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.login-slot-wrap .win-list .item .num img {
  width: 16px;
  margin-right: 5px
}

@media only screen and (max-width:1367px) {
  .login-slot-wrap .win-list {
    left: 5%
  }
}

@media only screen and (max-width:1025px) {
  .login-slot-wrap .win-list {
    width: auto;
    left: 2vmin;
    right: 2vmin;
    bottom: 4vmin
  }

  .login-slot-wrap .win-list .list-wrap {
    max-height: 165px
  }
}

.mobile-app .login-slot-wrap .win-list {
  width: auto;
  left: 2vmin;
  right: 2vmin;
  bottom: 4vmin
}

.mobile-app .login-slot-wrap .win-list .list-wrap {
  max-height: 165px
}

@media only screen and (max-width:375px) {
  .mobile-app .login-slot-wrap .win-list .list-wrap {
    max-height: 135px
  }
}

@media only screen and (max-width:320px) {
  .mobile-app .login-slot-wrap .win-list .list-wrap {
    max-height: 100px
  }
}

.login-slot-wrap {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/bg_80991b2.webp) 50%;
  background-size: cover;
  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
}

.login-slot-wrap .outer-close-btn {
  width: 50px;
  min-height: 50px;
  background: url(data:image/webp;base64,UklGRjQDAABXRUJQVlA4TCgDAAAvRQAREPfBuI0kxTnfMh7+jnEjSU5q9+7wHp7kHyY4bCNJkXzMjPknyffvsI0kRXL+gR4z038HIKVLhQzllih9IkSkdKncEqnGYonkjtrVUvcXInGdpfAXyvhzfIWQodDdSrZKl4olErpDaok2ZEZb4MaHFw8WbBjQYEEQBDtOHHgQXFhw4UaBHSuCfh7f/b+77xmMqTDmwncP+phbayVkCLJk200kqVTMjPPKWczM7P3vq6ck2Y2fEf1nJElqmw3Okk4g8BNCfzGedqtRvxsACLr90Wp3+pQn20EAicFg4/vBcdoB0Chmk7EIEUViyWyxASCYHj3iMGkDtXyUJEbzNaA9OfiaZ26ASoJ0TFQAM/cyzb4HlOOkZ7wM9PbuWAeop8iNqTqCtStmQJncWQZmbnMMgSz5YBYYnhwwAZLkh0lg4vQ2Tr4Yd3i5frv2d7lWrmq4EZ4GGNWipx7K5Jdl9E4KLFEn36xjqYjZAGkmUM8P+zhHZRRur9c1zyGN4KBYq8z4bj94j0n4Zz/4KrGP5KWObW6ts7Vv0tjaZ5Rdqn0UMEWF3vGwjHi/s0oMK5gKs3TApSBrOWlsW2yCQsBPskWNuAMvxroD1bBhMUCew9nykv2MsshhwN4HiBJxwwRJfpWE5M3f7tAgljFJgqsksIEdgxWK5KCHk6mIFYMRsuQgN1MWIwZ9JEmWJ1MSfQZdxEghP6YYugw6iJJGeksDOwwMwqSSD1MYhgFApNKDR5OUBJQHIfCF6FEf+MdKi9I+5ofprJDrsD6SKvtREn0+ZjT2pCxGfPwq7EtFrPhc4uBX8+6kBnZCXtO7KicoOa+pc2xBjBRJV5JyrD7f36Rwk5WT8r1+73kJMfsmP3tPaIoyBz7wNWrym/JUKg/YPfnKZg+VMvyeLBYIY+6UfzEpSKWLWB9IJ8PVKqXnx35XkkP1+p8jbK1iDm51U7TaqqqyS67VzAh10+Kr1HBfpJ78IrXtF6mzv0jN/1X6j6/RC/noy9KOSNdh1l+tR3SZYmmAsrpfLQNmefrk3jlXA9rjg88enOvjw0QU5vr4w9f4p/A1/m/8vRgC) 50% no-repeat;
  background-size: cover;
  z-index: 2;
  cursor: pointer;
  position: fixed;
  top: 20px;
  right: 20px
}

.login-slot-wrap .header {
  position: absolute;
  display: inline-block;
  top: 1rem;
  margin: 3rem auto;
  z-index: 5
}

.login-slot-wrap .slot {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/slot_0f4d25c.webp) no-repeat 50%;
  background-size: contain;
  margin-top: 100px;
  width: 600px;
  height: 600px;
  position: relative;
  z-index: 1
}

.login-slot-wrap .content-info, .login-slot-wrap .done-info, .login-slot-wrap .slot {
  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-align: center;
  -ms-flex-align: center;
  align-items: center
}

.login-slot-wrap .done-info {
  position: absolute;
  background: #fff;
  width: 80%;
  height: 80%;
  border-radius: 50%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0;
  -webkit-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s;
  z-index: 1
}

.login-slot-wrap .done-info.show {
  position: relative;
  opacity: 1
}

.login-slot-wrap .done-info:after {
  content: "";
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/circle-ring_05ada15.webp) no-repeat 50%;
  background-size: contain;
  position: absolute;
  top: 5%;
  bottom: 5%;
  left: 5%;
  right: 5%
}

.login-slot-wrap .done-info .reward {
  padding: 0 30px;
  color: #000;
  font-size: 28px;
  z-index: 2;
  white-space: nowrap
}

.login-slot-wrap .content-info .coin-icon, .login-slot-wrap .done-info .coin-icon {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/coin_c8fbdbb.webp) no-repeat 50%;
  background-size: contain;
  width: 75px;
  height: 75px;
  z-index: 2;
  margin-bottom: 20px
}

.login-slot-wrap .content-info .title, .login-slot-wrap .done-info .title {
  color: #fff;
  font-size: 34px;
  margin-bottom: 2rem;
  z-index: 2
}

.login-slot-wrap .content-info .button, .login-slot-wrap .done-info .button {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/start-button_74125c0.webp) no-repeat 50%;
  background-size: contain;
  cursor: pointer;
  width: 250px;
  height: 50px;
  z-index: 2
}

.login-slot-wrap .content-info .draw-bg, .login-slot-wrap .done-info .draw-bg {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/draw-bg_f0b2810.webp) no-repeat;
  background-position: top;
  background-size: cover;
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  opacity: .5;
  z-index: 1
}

.login-slot-wrap .content-info .black-bg, .login-slot-wrap .done-info .black-bg {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  background: rgba(0, 0, 0, .4);
  z-index: 1
}

.login-slot-wrap .content-info .close-btn, .login-slot-wrap .done-info .close-btn {
  width: 50px;
  min-height: 50px;
  background: url(data:image/webp;base64,UklGRjQDAABXRUJQVlA4TCgDAAAvRQAREPfBuI0kxTnfMh7+jnEjSU5q9+7wHp7kHyY4bCNJkXzMjPknyffvsI0kRXL+gR4z038HIKVLhQzllih9IkSkdKncEqnGYonkjtrVUvcXInGdpfAXyvhzfIWQodDdSrZKl4olErpDaok2ZEZb4MaHFw8WbBjQYEEQBDtOHHgQXFhw4UaBHSuCfh7f/b+77xmMqTDmwncP+phbayVkCLJk200kqVTMjPPKWczM7P3vq6ck2Y2fEf1nJElqmw3Okk4g8BNCfzGedqtRvxsACLr90Wp3+pQn20EAicFg4/vBcdoB0Chmk7EIEUViyWyxASCYHj3iMGkDtXyUJEbzNaA9OfiaZ26ASoJ0TFQAM/cyzb4HlOOkZ7wM9PbuWAeop8iNqTqCtStmQJncWQZmbnMMgSz5YBYYnhwwAZLkh0lg4vQ2Tr4Yd3i5frv2d7lWrmq4EZ4GGNWipx7K5Jdl9E4KLFEn36xjqYjZAGkmUM8P+zhHZRRur9c1zyGN4KBYq8z4bj94j0n4Zz/4KrGP5KWObW6ts7Vv0tjaZ5Rdqn0UMEWF3vGwjHi/s0oMK5gKs3TApSBrOWlsW2yCQsBPskWNuAMvxroD1bBhMUCew9nykv2MsshhwN4HiBJxwwRJfpWE5M3f7tAgljFJgqsksIEdgxWK5KCHk6mIFYMRsuQgN1MWIwZ9JEmWJ1MSfQZdxEghP6YYugw6iJJGeksDOwwMwqSSD1MYhgFApNKDR5OUBJQHIfCF6FEf+MdKi9I+5ofprJDrsD6SKvtREn0+ZjT2pCxGfPwq7EtFrPhc4uBX8+6kBnZCXtO7KicoOa+pc2xBjBRJV5JyrD7f36Rwk5WT8r1+73kJMfsmP3tPaIoyBz7wNWrym/JUKg/YPfnKZg+VMvyeLBYIY+6UfzEpSKWLWB9IJ8PVKqXnx35XkkP1+p8jbK1iDm51U7TaqqqyS67VzAh10+Kr1HBfpJ78IrXtF6mzv0jN/1X6j6/RC/noy9KOSNdh1l+tR3SZYmmAsrpfLQNmefrk3jlXA9rjg88enOvjw0QU5vr4w9f4p/A1/m/8vRgC) 50% no-repeat;
  background-size: cover;
  z-index: 1;
  cursor: pointer;
  position: fixed;
  bottom: 50px
}

.login-slot-wrap .content-slot {
  position: absolute;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.login-slot-wrap .content-slot.pause .spin {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1
}

.login-slot-wrap .content-slot.pause .ball {
  top: 100%
}

.login-slot-wrap .content-slot.pause .ball, .login-slot-wrap .content-slot.pause .default-ball {
  -webkit-animation-play-state: paused;
  animation-play-state: paused
}

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

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

.login-slot-wrap .spin {
  position: absolute;
  top: 0;
  width: 480px;
  height: 480px;
  border-radius: 50%;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  overflow: hidden
}

.login-slot-wrap .spin .ball#ball-2 {
  --rot: 10deg;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/2_24cf59d.webp) no-repeat 50%;
  background-size: contain
}

.login-slot-wrap .spin .ball#ball-3 {
  --rot: 20deg;
  -webkit-animation-duration: .9s;
  animation-duration: .9s;
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/3_f4212e9.webp) no-repeat 50%;
  background-size: contain
}

.login-slot-wrap .spin .ball#ball-4 {
  --rot: 30deg;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/4_b63a924.webp) no-repeat 50%;
  background-size: contain
}

.login-slot-wrap .spin .ball#ball-5 {
  --rot: 40deg;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/5_75a24c4.webp) no-repeat 50%;
  background-size: contain
}

.login-slot-wrap .spin .ball#ball-6 {
  --rot: 50deg;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/6_5adec67.webp) no-repeat 50%;
  background-size: contain
}

.login-slot-wrap .spin .ball#ball-7 {
  --rot: 60deg;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/1_28e6e7d.webp) no-repeat 50%;
  background-size: contain
}

.login-slot-wrap .spin .ball#ball-8 {
  --rot: 70deg;
  -webkit-animation-duration: .9s;
  animation-duration: .9s;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/2_24cf59d.webp) no-repeat 50%;
  background-size: contain
}

.login-slot-wrap .spin .ball#ball-9 {
  --rot: 80deg;
  -webkit-animation-duration: .9s;
  animation-duration: .9s;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/3_f4212e9.webp) no-repeat 50%;
  background-size: contain
}

.login-slot-wrap .spin .ball#ball-10 {
  --rot: 90deg;
  -webkit-animation-duration: .7s;
  animation-duration: .7s;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/4_b63a924.webp) no-repeat 50%;
  background-size: contain
}

.login-slot-wrap .spin .ball#ball-11 {
  --rot: 100deg;
  -webkit-animation-duration: .6s;
  animation-duration: .6s;
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/5_75a24c4.webp) no-repeat 50%;
  background-size: contain
}

.login-slot-wrap .spin .ball#ball-12 {
  --rot: 110deg;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/6_5adec67.webp) no-repeat 50%;
  background-size: contain
}

.login-slot-wrap .spin .ball#ball-13 {
  --rot: 120deg;
  -webkit-animation-duration: .4s;
  animation-duration: .4s;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/1_28e6e7d.webp) no-repeat 50%;
  background-size: contain
}

.login-slot-wrap .spin .ball#ball-14 {
  --rot: 130deg;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/2_24cf59d.webp) no-repeat 50%;
  background-size: contain
}

.login-slot-wrap .spin .ball#ball-15 {
  --rot: 140deg;
  -webkit-animation-duration: .6s;
  animation-duration: .6s;
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/3_f4212e9.webp) no-repeat 50%;
  background-size: contain
}

.login-slot-wrap .spin .ball#ball-16 {
  --rot: 150deg;
  -webkit-animation-duration: .7s;
  animation-duration: .7s;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/4_b63a924.webp) no-repeat 50%;
  background-size: contain
}

.login-slot-wrap .spin .ball#ball-17 {
  --rot: 160deg;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/5_75a24c4.webp) no-repeat 50%;
  background-size: contain
}

.login-slot-wrap .spin .ball#ball-18 {
  --rot: 170deg;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/6_5adec67.webp) no-repeat 50%;
  background-size: contain
}

@-webkit-keyframes default-ball {
  75% {
    -webkit-transform: translateY(-350px);
    transform: translateY(-350px);
    opacity: 1
  }

  to {
    -webkit-transform: translateY(-300px);
    transform: translateY(-300px);
    opacity: 0
  }
}

@keyframes default-ball {
  75% {
    -webkit-transform: translateY(-350px);
    transform: translateY(-350px);
    opacity: 1
  }

  to {
    -webkit-transform: translateY(-300px);
    transform: translateY(-300px);
    opacity: 0
  }
}

@-webkit-keyframes default-ball-mob {
  75% {
    -webkit-transform: translateY(-53.3333333333vmin);
    transform: translateY(-53.3333333333vmin);
    opacity: 1
  }

  to {
    -webkit-transform: translateY(-40vmin);
    transform: translateY(-40vmin);
    opacity: 0
  }
}

@keyframes default-ball-mob {
  75% {
    -webkit-transform: translateY(-53.3333333333vmin);
    transform: translateY(-53.3333333333vmin);
    opacity: 1
  }

  to {
    -webkit-transform: translateY(-40vmin);
    transform: translateY(-40vmin);
    opacity: 0
  }
}

@-webkit-keyframes ball {
  50% {
    -webkit-transform: rotate(var(--rot)) translateY(400px);
    transform: rotate(var(--rot)) translateY(400px)
  }
}

@keyframes ball {
  50% {
    -webkit-transform: rotate(var(--rot)) translateY(400px);
    transform: rotate(var(--rot)) translateY(400px)
  }
}

@-webkit-keyframes ball-mob {
  50% {
    -webkit-transform: rotate(var(--rot)) translateY(61.3333333333vmin);
    transform: rotate(var(--rot)) translateY(61.3333333333vmin)
  }
}

@keyframes ball-mob {
  50% {
    -webkit-transform: rotate(var(--rot)) translateY(61.3333333333vmin);
    transform: rotate(var(--rot)) translateY(61.3333333333vmin)
  }
}

.login-slot-wrap .ball {
  --rot: 0deg;
  top: 0;
  -webkit-transform: rotate(var(--rot));
  transform: rotate(var(--rot));
  -webkit-transform-origin: 0 240px;
  transform-origin: 0 240px;
  -webkit-animation: ball .6s linear infinite;
  animation: ball .6s linear infinite;
  -webkit-transition: top .6s linear;
  transition: top .6s linear
}

.login-slot-wrap .ball, .login-slot-wrap .default-ball {
  position: absolute;
  left: 240px;
  width: 70px;
  height: 70px;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/1_28e6e7d.webp) no-repeat 50%;
  background-size: contain;
  border-radius: 50%
}

.login-slot-wrap .default-ball {
  top: 400px;
  opacity: 1;
  -webkit-animation: default-ball .5s linear;
  animation: default-ball .5s linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-transition: top .3s linear;
  transition: top .3s linear
}

.login-slot-wrap .default-ball#default-ball-2 {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/2_24cf59d.webp) no-repeat 50%;
  background-size: contain;
  top: 400px;
  left: 300px;
  -webkit-animation-delay: .06s;
  animation-delay: .06s
}

.login-slot-wrap .default-ball#default-ball-3 {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/3_f4212e9.webp) no-repeat 50%;
  background-size: contain;
  top: 380px;
  left: 350px;
  -webkit-animation-delay: .04s;
  animation-delay: .04s
}

.login-slot-wrap .default-ball#default-ball-4 {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/4_b63a924.webp) no-repeat 50%;
  background-size: contain;
  top: 405px;
  left: 270px;
  -webkit-animation-delay: .02s;
  animation-delay: .02s
}

.login-slot-wrap .default-ball#default-ball-5 {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/5_75a24c4.webp) no-repeat 50%;
  background-size: contain;
  top: 380px;
  left: 170px;
  -webkit-animation-delay: .08s;
  animation-delay: .08s
}

.login-slot-wrap .default-ball#default-ball-6 {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/6_5adec67.webp) no-repeat 50%;
  background-size: contain;
  top: 394px;
  left: 200px;
  -webkit-animation-delay: .1s;
  animation-delay: .1s
}

.login-slot-wrap .win-ball {
  position: absolute;
  width: 80%;
  height: 80%;
  background: red;
  border-radius: 50%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform .3s linear;
  transition: -webkit-transform .3s linear;
  transition: transform .3s linear;
  transition: transform .3s linear, -webkit-transform .3s linear
}

.login-slot-wrap .win-ball.show {
  -webkit-transform: scale(1);
  transform: scale(1)
}

.login-slot-wrap .win-ball.bg-1 {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/1_28e6e7d.webp) no-repeat 50%;
  background-size: contain
}

.login-slot-wrap .win-ball.bg-2 {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/2_24cf59d.webp) no-repeat 50%;
  background-size: contain
}

.login-slot-wrap .win-ball.bg-3 {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/3_f4212e9.webp) no-repeat 50%;
  background-size: contain
}

.login-slot-wrap .win-ball.bg-4 {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/4_b63a924.webp) no-repeat 50%;
  background-size: contain
}

.login-slot-wrap .win-ball.bg-5 {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/5_75a24c4.webp) no-repeat 50%;
  background-size: contain
}

.login-slot-wrap .win-ball.bg-6 {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/6_5adec67.webp) no-repeat 50%;
  background-size: contain
}

.login-slot-wrap.mob {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/bg-mob_a2bf6d6.webp) 50%;
  background-size: cover
}

@media only screen and (min-width:768px) {
  .login-slot-wrap.mob {
    background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/bg-pad_d61271c.webp) 50%;
    background-size: cover
  }
}

.login-slot-wrap.mob .coin-icon {
  width: 13.3333333333vmin;
  height: 13.3333333333vmin;
  margin-bottom: 5.3333333333vmin
}

.login-slot-wrap.mob .reward {
  font-size: 6.4vmin
}

.login-slot-wrap.mob .content-slot {
  width: 80%;
  height: 80%
}

.login-slot-wrap.mob .slot {
  width: 93.3333333333vmin;
  height: 93.3333333333vmin
}

.login-slot-wrap.mob .spin {
  width: 100%;
  height: 100%
}

.login-slot-wrap.mob .spin .ball#ball-2 {
  --rot: 10deg;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/2_24cf59d.webp) no-repeat 50%;
  background-size: contain
}

.login-slot-wrap.mob .spin .ball#ball-3 {
  --rot: 20deg;
  -webkit-animation-duration: .9s;
  animation-duration: .9s;
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/3_f4212e9.webp) no-repeat 50%;
  background-size: contain
}

.login-slot-wrap.mob .spin .ball#ball-4 {
  --rot: 30deg;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/4_b63a924.webp) no-repeat 50%;
  background-size: contain
}

.login-slot-wrap.mob .spin .ball#ball-5 {
  --rot: 40deg;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/5_75a24c4.webp) no-repeat 50%;
  background-size: contain
}

.login-slot-wrap.mob .spin .ball#ball-6 {
  --rot: 50deg;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/6_5adec67.webp) no-repeat 50%;
  background-size: contain
}

.login-slot-wrap.mob .spin .ball#ball-7 {
  --rot: 60deg;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/1_28e6e7d.webp) no-repeat 50%;
  background-size: contain
}

.login-slot-wrap.mob .spin .ball#ball-8 {
  --rot: 70deg;
  -webkit-animation-duration: .9s;
  animation-duration: .9s;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/2_24cf59d.webp) no-repeat 50%;
  background-size: contain
}

.login-slot-wrap.mob .spin .ball#ball-9 {
  --rot: 80deg;
  -webkit-animation-duration: .9s;
  animation-duration: .9s;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/3_f4212e9.webp) no-repeat 50%;
  background-size: contain
}

.login-slot-wrap.mob .spin .ball#ball-10 {
  --rot: 90deg;
  -webkit-animation-duration: .7s;
  animation-duration: .7s;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/4_b63a924.webp) no-repeat 50%;
  background-size: contain
}

.login-slot-wrap.mob .spin .ball#ball-11 {
  --rot: 100deg;
  -webkit-animation-duration: .6s;
  animation-duration: .6s;
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/5_75a24c4.webp) no-repeat 50%;
  background-size: contain
}

.login-slot-wrap.mob .spin .ball#ball-12 {
  --rot: 110deg;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/6_5adec67.webp) no-repeat 50%;
  background-size: contain
}

.login-slot-wrap.mob .spin .ball#ball-13 {
  --rot: 120deg;
  -webkit-animation-duration: .4s;
  animation-duration: .4s;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/1_28e6e7d.webp) no-repeat 50%;
  background-size: contain
}

.login-slot-wrap.mob .spin .ball#ball-14 {
  --rot: 130deg;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/2_24cf59d.webp) no-repeat 50%;
  background-size: contain
}

.login-slot-wrap.mob .spin .ball#ball-15 {
  --rot: 140deg;
  -webkit-animation-duration: .6s;
  animation-duration: .6s;
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/3_f4212e9.webp) no-repeat 50%;
  background-size: contain
}

.login-slot-wrap.mob .spin .ball#ball-16 {
  --rot: 150deg;
  -webkit-animation-duration: .7s;
  animation-duration: .7s;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/4_b63a924.webp) no-repeat 50%;
  background-size: contain
}

.login-slot-wrap.mob .spin .ball#ball-17 {
  --rot: 160deg;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/5_75a24c4.webp) no-repeat 50%;
  background-size: contain
}

.login-slot-wrap.mob .spin .ball#ball-18 {
  --rot: 170deg;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/6_5adec67.webp) no-repeat 50%;
  background-size: contain
}

.login-slot-wrap.mob .ball {
  -webkit-transform-origin: 0 37.3333333333vmin;
  transform-origin: 0 37.3333333333vmin;
  -webkit-animation: ball-mob .6s linear infinite;
  animation: ball-mob .6s linear infinite
}

.login-slot-wrap.mob .ball, .login-slot-wrap.mob .default-ball {
  left: 37.3333333333vmin;
  width: 13.3333333333vmin;
  height: 13.3333333333vmin
}

.login-slot-wrap.mob .default-ball {
  top: 58.6666666667vmin;
  -webkit-animation: default-ball-mob .5s linear;
  animation: default-ball-mob .5s linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

.login-slot-wrap.mob .default-ball#default-ball-2 {
  top: 58.6666666667vmin;
  left: 26.6666666667vmin;
  -webkit-animation-delay: .06s;
  animation-delay: .06s
}

.login-slot-wrap.mob .default-ball#default-ball-3 {
  top: 58.6666666667vmin;
  left: 34.6666666667vmin;
  -webkit-animation-delay: .04s;
  animation-delay: .04s
}

.login-slot-wrap.mob .default-ball#default-ball-4 {
  top: 58.6666666667vmin;
  left: 21.3333333333vmin;
  -webkit-animation-delay: .02s;
  animation-delay: .02s
}

.login-slot-wrap.mob .default-ball#default-ball-5 {
  top: 60vmin;
  left: 29.3333333333vmin;
  -webkit-animation-delay: .08s;
  animation-delay: .08s
}

.login-slot-wrap.mob .default-ball#default-ball-6 {
  top: 58.6666666667vmin;
  left: 40vmin;
  -webkit-animation-delay: .1s;
  animation-delay: .1s
}

#gameIframeBlock-wrapper .floating-menu-wrapper {
  right: 50px;
  bottom: 50px;
  height: 160px;
  width: 50px;
  border-radius: 25px
}

#gameIframeBlock-wrapper .floating-menu-wrapper .main-btn {
  width: 50px;
  height: 50px;
  bottom: 0;
  right: 0;
  border-radius: 25px;
  cursor: pointer
}

#gameIframeBlock-wrapper .floating-menu-wrapper .main-btn img {
  top: 10px;
  left: 10px;
  width: 20px;
  height: 20px
}

#gameIframeBlock-wrapper .floating-menu-wrapper .item-btn {
  margin: 10px auto;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
  cursor: pointer
}

#gameIframeBlock-wrapper .floating-menu-wrapper .item-btn img {
  width: 20px;
  height: 20px
}

#gameIframeBlock-wrapper .floating-menu-wrapper .op4 {
  background-color: #dd5145
}

.confirmDialog {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, .9);
  z-index: 2000
}

.confirmDialog .confirmDialog-content {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 40%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  height: 150px;
  width: 90%;
  max-width: 500px;
  color: #fff
}

.confirmDialog .confirmDialog-content button {
  display: inline-block;
  margin: 50px 3% 0;
  outline: none;
  font-size: 5vw;
  border-radius: 50px;
  padding: 5px 9%
}

.confirmDialog .confirmDialog-content button.yes {
  background: hsla(0, 0%, 100%, .3);
  border: none;
  text-shadow: 1px 1px 2px #000
}

.confirmDialog .confirmDialog-content button.no {
  background: hsla(0, 0%, 100%, .05);
  border: 2px solid hsla(0, 0%, 100%, .3)
}

.confirmDialog .confirmDialog-content button:active {
  background: rgba(14, 111, 174, .8)
}

#gameIframeBlock-wrapper {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  z-index: 1000;
  overflow: hidden
}

#gameIframeBlock-wrapper .gameIframe {
  width: 100%;
  height: 100%
}

#gameIframeBlock-wrapper .floating-menu-wrapper {
  position: absolute;
  right: 13.3333333333vmin;
  bottom: 13.3333333333vmin;
  background-color: transparent;
  height: 42.6666666667vmin;
  width: 13.3333333333vmin;
  border-radius: 6.6666666667vmin;
  -webkit-transition: height .3s;
  transition: height .3s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  text-align: center;
  overflow: hidden
}

#gameIframeBlock-wrapper .floating-menu-wrapper .main-btn {
  position: relative;
  margin: auto;
  width: 10.6666666667vmin;
  height: 10.6666666667vmin;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  background-color: #f44336;
  border-radius: 50%;
  z-index: 6
}

#gameIframeBlock-wrapper .floating-menu-wrapper .main-btn img {
  position: absolute;
  top: 2.6666666667vmin;
  left: 2.6666666667vmin;
  width: 5.3333333333vmin;
  height: 5.3333333333vmin
}

#gameIframeBlock-wrapper .floating-menu-wrapper.active .main-btn {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

#gameIframeBlock-wrapper .floating-menu-wrapper.active .item-btn {
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  opacity: 1
}

#gameIframeBlock-wrapper .floating-menu-wrapper .item-btn {
  position: relative;
  margin: 2.6666666667vmin auto;
  width: 8vmin;
  height: 8vmin;
  border-radius: 50%;
  z-index: 5;
  background-color: #00f;
  -webkit-transition: -webkit-box-shadow .3s cubic-bezier(.25, .8, .25, 1);
  transition: -webkit-box-shadow .3s cubic-bezier(.25, .8, .25, 1);
  transition: box-shadow .3s cubic-bezier(.25, .8, .25, 1);
  transition: box-shadow .3s cubic-bezier(.25, .8, .25, 1), -webkit-box-shadow .3s cubic-bezier(.25, .8, .25, 1);
  -webkit-box-shadow: 0 .2666666667vmin .8vmin rgba(0, 0, 0, .12), 0 .2666666667vmin .5333333333vmin rgba(0, 0, 0, .24);
  box-shadow: 0 .2666666667vmin .8vmin rgba(0, 0, 0, .12), 0 .2666666667vmin .5333333333vmin rgba(0, 0, 0, .24);
  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;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  opacity: 0
}

#gameIframeBlock-wrapper .floating-menu-wrapper .item-btn img {
  width: 5.3333333333vmin;
  height: 5.3333333333vmin
}

#gameIframeBlock-wrapper .floating-menu-wrapper .bg1 {
  background-color: #2f82fc
}

#gameIframeBlock-wrapper .floating-menu-wrapper .bg2 {
  background-color: #0f9d58
}

#gameIframeBlock-wrapper .floating-menu-wrapper .bg3 {
  background-color: #fb0
}

#gameIframeBlock-wrapper .floating-menu-wrapper .bg4 {
  background-color: #dd5145
}

#gameIframeBlock-wrapper .floating-menu-wrapper .bg5 {
  background-color: #673ab7
}

#gameIframeBlock-wrapper .floating-menu-wrapper .bg6 {
  background-color: #000
}

#gameIframeBlock-wrapper .confirmDialog {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, .9);
  z-index: 2000
}

#gameIframeBlock-wrapper .confirmDialog .confirmDialog-content {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 40%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  height: 40vmin;
  width: 90%;
  max-width: 133.3333333333vmin;
  color: #fff
}

#gameIframeBlock-wrapper .confirmDialog .confirmDialog-content button {
  display: inline-block;
  margin: 13.3333333333vmin 3% 0;
  outline: none;
  font-size: 6.4vmin;
  border-radius: 13.3333333333vmin;
  padding: 1.3333333333vmin 9%
}

#gameIframeBlock-wrapper .confirmDialog .confirmDialog-content button.yes {
  background: hsla(0, 0%, 100%, .3);
  border: none;
  text-shadow: .2666666667vmin .2666666667vmin .5333333333vmin #000
}

#gameIframeBlock-wrapper .confirmDialog .confirmDialog-content button.no {
  background: hsla(0, 0%, 100%, .05);
  border: .5333333333vmin solid hsla(0, 0%, 100%, .3)
}

#gameIframeBlock-wrapper .confirmDialog .confirmDialog-content button:active {
  background: rgba(14, 111, 174, .8)
}

#game-deposit-wrapper {
  position: relative;
  width: 100%;
  min-height: 100vh;
  height: 100%;
  background: #fff
}

#game-deposit-wrapper .game-deposit-close-btn {
  position: absolute;
  top: 10px;
  right: 20px;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background: #000;
  z-index: 10;
  cursor: pointer
}

#game-deposit-wrapper .game-deposit-close-btn:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  width: 20px;
  height: 20px;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/close_f4876c3.webp);
  background-size: 100%
}

#game-deposit-wrapper .game-deposit-iframe-wrapper .depositIframe {
  width: 100vw;
  height: 100vh
}

#game-deposit-wrapper .game-deposit-content-wrapper {
  padding: 30px 15px 20px
}

#game-deposit-wrapper .game-deposit-content-wrapper .game-deposit-pay-group, #game-deposit-wrapper .game-deposit-content-wrapper .game-deposit-pay-method-group {
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

#game-deposit-wrapper .game-deposit-content-wrapper .game-deposit-pay-group label input[type=radio], #game-deposit-wrapper .game-deposit-content-wrapper .game-deposit-pay-method-group label input[type=radio] {
  display: none
}

#game-deposit-wrapper .game-deposit-content-wrapper .game-deposit-pay-group label .game-deposit-pay-btn, #game-deposit-wrapper .game-deposit-content-wrapper .game-deposit-pay-group label .game-deposit-pay-method-btn, #game-deposit-wrapper .game-deposit-content-wrapper .game-deposit-pay-method-group label .game-deposit-pay-btn, #game-deposit-wrapper .game-deposit-content-wrapper .game-deposit-pay-method-group label .game-deposit-pay-method-btn {
  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;
  overflow: hidden;
  word-break: break-all;
  color: #999;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  width: 160px;
  height: 50px;
  margin: 5px
}

#game-deposit-wrapper .game-deposit-content-wrapper .game-deposit-pay-group label .game-deposit-pay-btn img, #game-deposit-wrapper .game-deposit-content-wrapper .game-deposit-pay-group label .game-deposit-pay-method-btn img, #game-deposit-wrapper .game-deposit-content-wrapper .game-deposit-pay-method-group label .game-deposit-pay-btn img, #game-deposit-wrapper .game-deposit-content-wrapper .game-deposit-pay-method-group label .game-deposit-pay-method-btn img {
  display: block;
  width: 30px;
  height: 30px;
  margin: 0 5px
}

#game-deposit-wrapper .game-deposit-content-wrapper .game-deposit-pay-group label.active .game-deposit-pay-btn, #game-deposit-wrapper .game-deposit-content-wrapper .game-deposit-pay-method-group label.active .game-deposit-pay-btn {
  color: #000;
  background: #edf6ff;
  border: 1px solid #84c0fe
}

#game-deposit-wrapper .game-deposit-content-wrapper .game-deposit-pay-group label.active .game-deposit-pay-method-btn, #game-deposit-wrapper .game-deposit-content-wrapper .game-deposit-pay-method-group label.active .game-deposit-pay-method-btn {
  color: #000;
  background: #fffef3;
  border-color: #ffc22f
}

#game-deposit-wrapper .game-deposit-content-wrapper .game-deposit-pay-group {
  padding: 20px 0
}

#game-deposit-wrapper .game-deposit-content-wrapper .game-deposit-pay-method-group {
  background-color: #f9f9f9;
  border-radius: 5px;
  margin: 5px 10px;
  padding: 5px;
  position: relative
}

#game-deposit-wrapper .game-deposit-content-wrapper .game-deposit-pay-method-group:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: -20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-color: transparent transparent #f9f9f9;
  border-style: solid;
  border-width: 0 10px 20px
}

#game-deposit-wrapper #autoCashIn_bank .money-box .form-group, #game-deposit-wrapper #deposit_bank .money-box .form-group, #game-deposit-wrapper #deposit_online .money-box .form-group, #game-deposit-wrapper #deposit_wallet .money-box .form-group {
  margin: 0 0 50px
}

#game-deposit-wrapper #autoCashIn_bank .money-box .form-group h4, #game-deposit-wrapper #deposit_bank .money-box .form-group h4, #game-deposit-wrapper #deposit_online .money-box .form-group h4, #game-deposit-wrapper #deposit_wallet .money-box .form-group h4 {
  margin: 5px;
  line-height: 30px;
  font-size: 18px;
  color: #6c5f4e
}

#game-deposit-wrapper #autoCashIn_bank .money-box .form-group h4 span, #game-deposit-wrapper #deposit_bank .money-box .form-group h4 span, #game-deposit-wrapper #deposit_online .money-box .form-group h4 span, #game-deposit-wrapper #deposit_wallet .money-box .form-group h4 span {
  position: relative
}

#game-deposit-wrapper #autoCashIn_bank .money-box .form-group h4 span:after, #game-deposit-wrapper #deposit_bank .money-box .form-group h4 span:after, #game-deposit-wrapper #deposit_online .money-box .form-group h4 span:after, #game-deposit-wrapper #deposit_wallet .money-box .form-group h4 span:after {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #c00;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  z-index: 1;
  content: "";
  display: inline-block;
  right: -15px
}

#game-deposit-wrapper #autoCashIn_bank .money-box #member-section .member-content .form-group .form-input-el .el-input__inner, #game-deposit-wrapper #autoCashIn_bank .money-box .form-group .form-input, #game-deposit-wrapper #deposit_bank .money-box #member-section .member-content .form-group .form-input-el .el-input__inner, #game-deposit-wrapper #deposit_bank .money-box .form-group .form-input, #game-deposit-wrapper #deposit_online .money-box #member-section .member-content .form-group .form-input-el .el-input__inner, #game-deposit-wrapper #deposit_online .money-box .form-group .form-input, #game-deposit-wrapper #deposit_wallet .money-box #member-section .member-content .form-group .form-input-el .el-input__inner, #game-deposit-wrapper #deposit_wallet .money-box .form-group .form-input, #member-section .member-content #game-deposit-wrapper #autoCashIn_bank .money-box .form-group .form-input-el .el-input__inner, #member-section .member-content #game-deposit-wrapper #deposit_bank .money-box .form-group .form-input-el .el-input__inner, #member-section .member-content #game-deposit-wrapper #deposit_online .money-box .form-group .form-input-el .el-input__inner, #member-section .member-content #game-deposit-wrapper #deposit_wallet .money-box .form-group .form-input-el .el-input__inner {
  display: block;
  width: 100%;
  height: 50px;
  padding: 10px;
  font-size: 16px;
  line-height: 30px;
  color: #999;
  background: #f3f3f3;
  border-radius: 5px;
  border: 0 solid transparent;
  opacity: 1;
  -webkit-transition: none;
  transition: none
}

#game-deposit-wrapper #autoCashIn_bank .money-box .form-group .el-input__inner, #game-deposit-wrapper #deposit_bank .money-box .form-group .el-input__inner, #game-deposit-wrapper #deposit_online .money-box .form-group .el-input__inner, #game-deposit-wrapper #deposit_wallet .money-box .form-group .el-input__inner {
  border: none;
  border-bottom: 1px solid #ddd
}

#game-deposit-wrapper #autoCashIn_bank .money-box .form-group .el-select__caret, #game-deposit-wrapper #deposit_bank .money-box .form-group .el-select__caret, #game-deposit-wrapper #deposit_online .money-box .form-group .el-select__caret, #game-deposit-wrapper #deposit_wallet .money-box .form-group .el-select__caret {
  color: #c0c4cc
}

#game-deposit-wrapper #autoCashIn_bank .money-box .form-group .el-input__prefix, #game-deposit-wrapper #deposit_bank .money-box .form-group .el-input__prefix, #game-deposit-wrapper #deposit_online .money-box .form-group .el-input__prefix, #game-deposit-wrapper #deposit_wallet .money-box .form-group .el-input__prefix {
  right: 5px;
  left: auto;
  font-size: x-large
}

#game-deposit-wrapper #autoCashIn_bank .money-box .form-group .el-date-editor.el-input, #game-deposit-wrapper #deposit_bank .money-box .form-group .el-date-editor.el-input, #game-deposit-wrapper #deposit_online .money-box .form-group .el-date-editor.el-input, #game-deposit-wrapper #deposit_wallet .money-box .form-group .el-date-editor.el-input {
  width: 100%
}

#game-deposit-wrapper #autoCashIn_bank .money-box .form-group .gameDepositBankList, #game-deposit-wrapper #deposit_bank .money-box .form-group .gameDepositBankList, #game-deposit-wrapper #deposit_online .money-box .form-group .gameDepositBankList, #game-deposit-wrapper #deposit_wallet .money-box .form-group .gameDepositBankList {
  background: #f3f3f3;
  border-radius: 5px;
  padding: 10px;
  margin: 0 !important
}

#game-deposit-wrapper #autoCashIn_bank .money-box .form-group .gameDepositBankList .bankItem .bank-list, #game-deposit-wrapper #deposit_bank .money-box .form-group .gameDepositBankList .bankItem .bank-list, #game-deposit-wrapper #deposit_online .money-box .form-group .gameDepositBankList .bankItem .bank-list, #game-deposit-wrapper #deposit_wallet .money-box .form-group .gameDepositBankList .bankItem .bank-list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 5px 0
}

#game-deposit-wrapper #autoCashIn_bank .money-box .form-group .gameDepositBankList .bankItem .bank-list input[type=radio], #game-deposit-wrapper #deposit_bank .money-box .form-group .gameDepositBankList .bankItem .bank-list input[type=radio], #game-deposit-wrapper #deposit_online .money-box .form-group .gameDepositBankList .bankItem .bank-list input[type=radio], #game-deposit-wrapper #deposit_wallet .money-box .form-group .gameDepositBankList .bankItem .bank-list input[type=radio] {
  margin-right: 10px;
  zoom: 1.5
}

#game-deposit-wrapper #autoCashIn_bank .money-box .form-group .gameDepositBankList .bankItem .bank-list input[type=radio].disabled, #game-deposit-wrapper #autoCashIn_bank .money-box .form-group .gameDepositBankList .bankItem .bank-list input[type=radio][disabled], #game-deposit-wrapper #deposit_bank .money-box .form-group .gameDepositBankList .bankItem .bank-list input[type=radio].disabled, #game-deposit-wrapper #deposit_bank .money-box .form-group .gameDepositBankList .bankItem .bank-list input[type=radio][disabled], #game-deposit-wrapper #deposit_online .money-box .form-group .gameDepositBankList .bankItem .bank-list input[type=radio].disabled, #game-deposit-wrapper #deposit_online .money-box .form-group .gameDepositBankList .bankItem .bank-list input[type=radio][disabled], #game-deposit-wrapper #deposit_wallet .money-box .form-group .gameDepositBankList .bankItem .bank-list input[type=radio].disabled, #game-deposit-wrapper #deposit_wallet .money-box .form-group .gameDepositBankList .bankItem .bank-list input[type=radio][disabled], fieldset[disabled] #game-deposit-wrapper #autoCashIn_bank .money-box .form-group .gameDepositBankList .bankItem .bank-list input[type=radio], fieldset[disabled] #game-deposit-wrapper #deposit_bank .money-box .form-group .gameDepositBankList .bankItem .bank-list input[type=radio], fieldset[disabled] #game-deposit-wrapper #deposit_online .money-box .form-group .gameDepositBankList .bankItem .bank-list input[type=radio], fieldset[disabled] #game-deposit-wrapper #deposit_wallet .money-box .form-group .gameDepositBankList .bankItem .bank-list input[type=radio] {
  cursor: not-allowed
}

#game-deposit-wrapper #autoCashIn_bank .money-box .form-group .gameDepositBankList .bankItem .bank-list span, #game-deposit-wrapper #deposit_bank .money-box .form-group .gameDepositBankList .bankItem .bank-list span, #game-deposit-wrapper #deposit_online .money-box .form-group .gameDepositBankList .bankItem .bank-list span, #game-deposit-wrapper #deposit_wallet .money-box .form-group .gameDepositBankList .bankItem .bank-list span {
  color: #000;
  font-size: 16px
}

#game-deposit-wrapper #autoCashIn_bank .money-box .tips-box, #game-deposit-wrapper #deposit_bank .money-box .tips-box, #game-deposit-wrapper #deposit_online .money-box .tips-box, #game-deposit-wrapper #deposit_wallet .money-box .tips-box {
  border-radius: 5px;
  background: #fffae9;
  border: 1px solid #efebdc;
  padding: 20px 20px 20px 50px;
  position: relative;
  color: #642;
  margin-bottom: 30px
}

@media only screen and (max-width:767px) {
  #game-deposit-wrapper #autoCashIn_bank .money-box .tips-box, #game-deposit-wrapper #deposit_bank .money-box .tips-box, #game-deposit-wrapper #deposit_online .money-box .tips-box, #game-deposit-wrapper #deposit_wallet .money-box .tips-box {
    margin-bottom: 20px
  }
}

#game-deposit-wrapper #autoCashIn_bank .money-box .tips-box:before, #game-deposit-wrapper #deposit_bank .money-box .tips-box:before, #game-deposit-wrapper #deposit_online .money-box .tips-box:before, #game-deposit-wrapper #deposit_wallet .money-box .tips-box:before {
  content: "";
  left: 20px;
  top: 20px;
  position: absolute;
  z-index: 10;
  font-family: Glyphicons Halflings;
  font-size: 18px;
  font-weight: 600
}

#game-deposit-wrapper #autoCashIn_bank .money-box .tips-box:empty:before, #game-deposit-wrapper #deposit_bank .money-box .tips-box:empty:before, #game-deposit-wrapper #deposit_online .money-box .tips-box:empty:before, #game-deposit-wrapper #deposit_wallet .money-box .tips-box:empty:before {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

#game-deposit-wrapper #autoCashIn_bank .receipt-account-block .info-block {
  color: #000
}

.mobile-app .gameDepositPopUpStyle {
  width: 100vw !important;
  height: 100vh !important
}

.mobile-app #game-deposit-wrapper {
  position: relative;
  width: 100vw;
  min-height: 100vh;
  height: 100%;
  background: #fff
}

.mobile-app #game-deposit-wrapper .game-deposit-close-btn {
  position: fixed;
  top: 2.6666666667vmin;
  right: 5.3333333333vmin;
  width: 10.6666666667vmin;
  height: 10.6666666667vmin;
  border-radius: 50%;
  background: #000;
  z-index: 10
}

.mobile-app #game-deposit-wrapper .game-deposit-close-btn:before {
  margin: 0;
  -webkit-filter: none;
  filter: none
}

.mobile-app #game-deposit-wrapper .game-deposit-iframe-wrapper .depositIframe {
  width: 100vw;
  height: 100vh
}

.mobile-app #game-deposit-wrapper .game-deposit-content-wrapper {
  padding: 8vmin 4vmin 5.3333333333vmin
}

.mobile-app #game-deposit-wrapper .game-deposit-content-wrapper .game-deposit-pay-group, .mobile-app #game-deposit-wrapper .game-deposit-content-wrapper .game-deposit-pay-method-group {
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.mobile-app #game-deposit-wrapper .game-deposit-content-wrapper .game-deposit-pay-group label input[type=radio], .mobile-app #game-deposit-wrapper .game-deposit-content-wrapper .game-deposit-pay-method-group label input[type=radio] {
  display: none
}

.mobile-app #game-deposit-wrapper .game-deposit-content-wrapper .game-deposit-pay-group label .game-deposit-pay-btn, .mobile-app #game-deposit-wrapper .game-deposit-content-wrapper .game-deposit-pay-group label .game-deposit-pay-method-btn, .mobile-app #game-deposit-wrapper .game-deposit-content-wrapper .game-deposit-pay-method-group label .game-deposit-pay-btn, .mobile-app #game-deposit-wrapper .game-deposit-content-wrapper .game-deposit-pay-method-group label .game-deposit-pay-method-btn {
  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;
  overflow: hidden;
  word-break: break-all;
  color: #999;
  background: #fff;
  border: .2666666667vmin solid #ddd;
  border-radius: 1.3333333333vmin;
  width: 42.6666666667vmin;
  height: 13.3333333333vmin;
  margin: 1.3333333333vmin
}

.mobile-app #game-deposit-wrapper .game-deposit-content-wrapper .game-deposit-pay-group label .game-deposit-pay-btn img, .mobile-app #game-deposit-wrapper .game-deposit-content-wrapper .game-deposit-pay-group label .game-deposit-pay-method-btn img, .mobile-app #game-deposit-wrapper .game-deposit-content-wrapper .game-deposit-pay-method-group label .game-deposit-pay-btn img, .mobile-app #game-deposit-wrapper .game-deposit-content-wrapper .game-deposit-pay-method-group label .game-deposit-pay-method-btn img {
  display: block;
  width: 8vmin;
  height: 8vmin;
  margin: 0 1.3333333333vmin
}

.mobile-app #game-deposit-wrapper .game-deposit-content-wrapper .game-deposit-pay-group label.active .game-deposit-pay-btn, .mobile-app #game-deposit-wrapper .game-deposit-content-wrapper .game-deposit-pay-method-group label.active .game-deposit-pay-btn {
  color: #000;
  background: #edf6ff;
  border: .2666666667vmin solid #84c0fe
}

.mobile-app #game-deposit-wrapper .game-deposit-content-wrapper .game-deposit-pay-group label.active .game-deposit-pay-method-btn, .mobile-app #game-deposit-wrapper .game-deposit-content-wrapper .game-deposit-pay-method-group label.active .game-deposit-pay-method-btn {
  color: #000;
  background: #fffef3;
  border-color: #ffc22f
}

.mobile-app #game-deposit-wrapper .game-deposit-content-wrapper .game-deposit-pay-group {
  padding: 5.3333333333vmin 0
}

.mobile-app #game-deposit-wrapper .game-deposit-content-wrapper .game-deposit-pay-method-group {
  background-color: #f9f9f9;
  border-radius: 1.3333333333vmin;
  margin: 1.3333333333vmin 2.6666666667vmin;
  padding: 1.3333333333vmin;
  position: relative
}

.mobile-app #game-deposit-wrapper .game-deposit-content-wrapper .game-deposit-pay-method-group:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: -5.3333333333vmin;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-color: transparent transparent #f9f9f9;
  border-style: solid;
  border-width: 0 2.6666666667vmin 5.3333333333vmin
}

.mobile-app #game-deposit-wrapper #autoCashIn_bank .money-box .form-group, .mobile-app #game-deposit-wrapper #deposit_bank .money-box .form-group, .mobile-app #game-deposit-wrapper #deposit_online .money-box .form-group, .mobile-app #game-deposit-wrapper #deposit_wallet .money-box .form-group {
  margin: 0 0 13.3333333333vmin
}

.mobile-app #game-deposit-wrapper #autoCashIn_bank .money-box .form-group h4, .mobile-app #game-deposit-wrapper #deposit_bank .money-box .form-group h4, .mobile-app #game-deposit-wrapper #deposit_online .money-box .form-group h4, .mobile-app #game-deposit-wrapper #deposit_wallet .money-box .form-group h4 {
  margin: 1.3333333333vmin;
  line-height: 8vmin;
  font-size: 4.8vmin;
  color: #6c5f4e
}

.mobile-app #game-deposit-wrapper #autoCashIn_bank .money-box .form-group h4 span, .mobile-app #game-deposit-wrapper #deposit_bank .money-box .form-group h4 span, .mobile-app #game-deposit-wrapper #deposit_online .money-box .form-group h4 span, .mobile-app #game-deposit-wrapper #deposit_wallet .money-box .form-group h4 span {
  position: relative
}

.mobile-app #game-deposit-wrapper #autoCashIn_bank .money-box .form-group h4 span:after, .mobile-app #game-deposit-wrapper #deposit_bank .money-box .form-group h4 span:after, .mobile-app #game-deposit-wrapper #deposit_online .money-box .form-group h4 span:after, .mobile-app #game-deposit-wrapper #deposit_wallet .money-box .form-group h4 span:after {
  width: 1.3333333333vmin;
  height: 1.3333333333vmin;
  border-radius: 50%;
  background: #c00;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  z-index: 1;
  content: "";
  display: inline-block;
  right: -4vmin
}

#member-section .member-content .mobile-app #game-deposit-wrapper #autoCashIn_bank .money-box .form-group .form-input-el .el-input__inner, #member-section .member-content .mobile-app #game-deposit-wrapper #deposit_bank .money-box .form-group .form-input-el .el-input__inner, #member-section .member-content .mobile-app #game-deposit-wrapper #deposit_online .money-box .form-group .form-input-el .el-input__inner, #member-section .member-content .mobile-app #game-deposit-wrapper #deposit_wallet .money-box .form-group .form-input-el .el-input__inner, .mobile-app #game-deposit-wrapper #autoCashIn_bank .money-box #member-section .member-content .form-group .form-input-el .el-input__inner, .mobile-app #game-deposit-wrapper #autoCashIn_bank .money-box .form-group .form-input, .mobile-app #game-deposit-wrapper #deposit_bank .money-box #member-section .member-content .form-group .form-input-el .el-input__inner, .mobile-app #game-deposit-wrapper #deposit_bank .money-box .form-group .form-input, .mobile-app #game-deposit-wrapper #deposit_online .money-box #member-section .member-content .form-group .form-input-el .el-input__inner, .mobile-app #game-deposit-wrapper #deposit_online .money-box .form-group .form-input, .mobile-app #game-deposit-wrapper #deposit_wallet .money-box #member-section .member-content .form-group .form-input-el .el-input__inner, .mobile-app #game-deposit-wrapper #deposit_wallet .money-box .form-group .form-input {
  display: block;
  width: 100%;
  height: 13.3333333333vmin;
  padding: 2.6666666667vmin;
  font-size: 4.2666666667vmin;
  line-height: 8vmin;
  color: #999;
  background: #f3f3f3;
  border-radius: 1.3333333333vmin;
  border: 0 solid transparent;
  opacity: 1;
  -webkit-transition: none;
  transition: none
}

.mobile-app #game-deposit-wrapper #autoCashIn_bank .money-box .form-group .el-input__inner, .mobile-app #game-deposit-wrapper #deposit_bank .money-box .form-group .el-input__inner, .mobile-app #game-deposit-wrapper #deposit_online .money-box .form-group .el-input__inner, .mobile-app #game-deposit-wrapper #deposit_wallet .money-box .form-group .el-input__inner {
  border: none;
  border-bottom: 1px solid #ddd
}

.mobile-app #game-deposit-wrapper #autoCashIn_bank .money-box .form-group .el-select__caret, .mobile-app #game-deposit-wrapper #deposit_bank .money-box .form-group .el-select__caret, .mobile-app #game-deposit-wrapper #deposit_online .money-box .form-group .el-select__caret, .mobile-app #game-deposit-wrapper #deposit_wallet .money-box .form-group .el-select__caret {
  color: #c0c4cc
}

.mobile-app #game-deposit-wrapper #autoCashIn_bank .money-box .form-group .el-input__prefix, .mobile-app #game-deposit-wrapper #deposit_bank .money-box .form-group .el-input__prefix, .mobile-app #game-deposit-wrapper #deposit_online .money-box .form-group .el-input__prefix, .mobile-app #game-deposit-wrapper #deposit_wallet .money-box .form-group .el-input__prefix {
  right: 1.3333333333vmin;
  left: auto;
  font-size: x-large
}

.mobile-app #game-deposit-wrapper #autoCashIn_bank .money-box .form-group .el-date-editor.el-input, .mobile-app #game-deposit-wrapper #deposit_bank .money-box .form-group .el-date-editor.el-input, .mobile-app #game-deposit-wrapper #deposit_online .money-box .form-group .el-date-editor.el-input, .mobile-app #game-deposit-wrapper #deposit_wallet .money-box .form-group .el-date-editor.el-input {
  width: 100%
}

.mobile-app #game-deposit-wrapper #autoCashIn_bank .money-box .form-group .gameDepositBankList, .mobile-app #game-deposit-wrapper #deposit_bank .money-box .form-group .gameDepositBankList, .mobile-app #game-deposit-wrapper #deposit_online .money-box .form-group .gameDepositBankList, .mobile-app #game-deposit-wrapper #deposit_wallet .money-box .form-group .gameDepositBankList {
  background: #f3f3f3;
  border-radius: 1.3333333333vmin;
  padding: 2.6666666667vmin;
  margin: 0 !important
}

.mobile-app #game-deposit-wrapper #autoCashIn_bank .money-box .form-group .gameDepositBankList .bankItem .bank-list, .mobile-app #game-deposit-wrapper #deposit_bank .money-box .form-group .gameDepositBankList .bankItem .bank-list, .mobile-app #game-deposit-wrapper #deposit_online .money-box .form-group .gameDepositBankList .bankItem .bank-list, .mobile-app #game-deposit-wrapper #deposit_wallet .money-box .form-group .gameDepositBankList .bankItem .bank-list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 5px 0
}

.mobile-app #game-deposit-wrapper #autoCashIn_bank .money-box .form-group .gameDepositBankList .bankItem .bank-list input[type=radio], .mobile-app #game-deposit-wrapper #deposit_bank .money-box .form-group .gameDepositBankList .bankItem .bank-list input[type=radio], .mobile-app #game-deposit-wrapper #deposit_online .money-box .form-group .gameDepositBankList .bankItem .bank-list input[type=radio], .mobile-app #game-deposit-wrapper #deposit_wallet .money-box .form-group .gameDepositBankList .bankItem .bank-list input[type=radio] {
  margin-right: 2.6666666667vmin;
  zoom: 1.5
}

.mobile-app #game-deposit-wrapper #autoCashIn_bank .money-box .form-group .gameDepositBankList .bankItem .bank-list input[type=radio].disabled, .mobile-app #game-deposit-wrapper #autoCashIn_bank .money-box .form-group .gameDepositBankList .bankItem .bank-list input[type=radio][disabled], .mobile-app #game-deposit-wrapper #deposit_bank .money-box .form-group .gameDepositBankList .bankItem .bank-list input[type=radio].disabled, .mobile-app #game-deposit-wrapper #deposit_bank .money-box .form-group .gameDepositBankList .bankItem .bank-list input[type=radio][disabled], .mobile-app #game-deposit-wrapper #deposit_online .money-box .form-group .gameDepositBankList .bankItem .bank-list input[type=radio].disabled, .mobile-app #game-deposit-wrapper #deposit_online .money-box .form-group .gameDepositBankList .bankItem .bank-list input[type=radio][disabled], .mobile-app #game-deposit-wrapper #deposit_wallet .money-box .form-group .gameDepositBankList .bankItem .bank-list input[type=radio].disabled, .mobile-app #game-deposit-wrapper #deposit_wallet .money-box .form-group .gameDepositBankList .bankItem .bank-list input[type=radio][disabled], fieldset[disabled] .mobile-app #game-deposit-wrapper #autoCashIn_bank .money-box .form-group .gameDepositBankList .bankItem .bank-list input[type=radio], fieldset[disabled] .mobile-app #game-deposit-wrapper #deposit_bank .money-box .form-group .gameDepositBankList .bankItem .bank-list input[type=radio], fieldset[disabled] .mobile-app #game-deposit-wrapper #deposit_online .money-box .form-group .gameDepositBankList .bankItem .bank-list input[type=radio], fieldset[disabled] .mobile-app #game-deposit-wrapper #deposit_wallet .money-box .form-group .gameDepositBankList .bankItem .bank-list input[type=radio] {
  cursor: not-allowed
}

.mobile-app #game-deposit-wrapper #autoCashIn_bank .money-box .form-group .gameDepositBankList .bankItem .bank-list span, .mobile-app #game-deposit-wrapper #deposit_bank .money-box .form-group .gameDepositBankList .bankItem .bank-list span, .mobile-app #game-deposit-wrapper #deposit_online .money-box .form-group .gameDepositBankList .bankItem .bank-list span, .mobile-app #game-deposit-wrapper #deposit_wallet .money-box .form-group .gameDepositBankList .bankItem .bank-list span {
  color: #000;
  font-size: 4.2666666667vmin
}

.mobile-app #game-deposit-wrapper #autoCashIn_bank .money-box .tips-box, .mobile-app #game-deposit-wrapper #deposit_bank .money-box .tips-box, .mobile-app #game-deposit-wrapper #deposit_online .money-box .tips-box, .mobile-app #game-deposit-wrapper #deposit_wallet .money-box .tips-box {
  border-radius: 5px;
  background: #fffae9;
  border: 1px solid #efebdc;
  padding: 5.3333333333vmin 5.3333333333vmin 5.3333333333vmin 13.3333333333vmin;
  position: relative;
  color: #642;
  margin-bottom: 30px
}

@media only screen and (max-width:767px) {
  .mobile-app #game-deposit-wrapper #autoCashIn_bank .money-box .tips-box, .mobile-app #game-deposit-wrapper #deposit_bank .money-box .tips-box, .mobile-app #game-deposit-wrapper #deposit_online .money-box .tips-box, .mobile-app #game-deposit-wrapper #deposit_wallet .money-box .tips-box {
    margin-bottom: 20px
  }
}

.mobile-app #game-deposit-wrapper #autoCashIn_bank .money-box .tips-box:before, .mobile-app #game-deposit-wrapper #deposit_bank .money-box .tips-box:before, .mobile-app #game-deposit-wrapper #deposit_online .money-box .tips-box:before, .mobile-app #game-deposit-wrapper #deposit_wallet .money-box .tips-box:before {
  content: "";
  left: 5.3333333333vmin;
  top: 5.3333333333vmin;
  position: absolute;
  z-index: 10;
  font-family: Glyphicons Halflings;
  font-size: 4.8vmin;
  font-weight: 600
}

.mobile-app #game-deposit-wrapper #autoCashIn_bank .money-box .tips-box:empty:before, .mobile-app #game-deposit-wrapper #deposit_bank .money-box .tips-box:empty:before, .mobile-app #game-deposit-wrapper #deposit_online .money-box .tips-box:empty:before, .mobile-app #game-deposit-wrapper #deposit_wallet .money-box .tips-box:empty:before {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.mobile-app #game-deposit-wrapper #autoCashIn_bank .receipt-account-block .info-block {
  color: #000
}

.check-in-condition-detail-div {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, .8)
}

.check-in-condition-detail-div, .check-in-condition-detail-div .check-in-condition-detail-block {
  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
}

.check-in-condition-detail-div .check-in-condition-detail-block {
  position: relative;
  width: 363px;
  max-width: 90%;
  height: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 4px 5px;
  grid-gap: 10px;
  gap: 10px;
  border-radius: 20px;
  background: linear-gradient(162deg, transparent 1.84%, rgba(0, 0, 0, .1) 99.25%), #fafafa;
  background: var(--checkin-makeup-popup-bg, linear-gradient(162deg, transparent 1.84%, rgba(0, 0, 0, .1) 99.25%), #fafafa);
  -webkit-box-shadow: 0 0 1.9px 0 #ffd84e, 0 0 9.1px 0 #ff7a00;
  box-shadow: 0 0 1.9px 0 #ffd84e, 0 0 9.1px 0 #ff7a00
}

.check-in-condition-detail-div .check-in-condition-detail-block .check-in-condition-detail-img {
  position: absolute;
  top: -45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 155px;
  height: 90px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.check-in-condition-detail-div .check-in-condition-detail-block .check-in-condition-detail-img .check-in-condition-detail-img1 {
  position: absolute;
  z-index: 10;
  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
}

.check-in-condition-detail-div .check-in-condition-detail-block .check-in-condition-detail-img .check-in-condition-detail-img1 img {
  width: 100%;
  height: auto
}

.check-in-condition-detail-div .check-in-condition-detail-block .check-in-condition-detail-img .check-in-condition-detail-img2 {
  position: absolute;
  z-index: 1;
  -webkit-animation-name: scale;
  animation-name: scale;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.check-in-condition-detail-div .check-in-condition-detail-block .check-in-condition-detail-img .check-in-condition-detail-img2 img {
  width: 100%;
  height: auto
}

.check-in-condition-detail-div .check-in-condition-detail-block .check-in-condition-detail-img .check-in-condition-detail-img3 {
  position: absolute;
  z-index: 1;
  -webkit-animation-name: shine;
  animation-name: shine;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.check-in-condition-detail-div .check-in-condition-detail-block .check-in-condition-detail-img .check-in-condition-detail-img3 img {
  width: 100%;
  height: auto
}

.check-in-condition-detail-div .check-in-condition-detail-block .check-in-condition-detail-vip {
  margin-top: 45px;
  padding: 4px 5px;
  border-radius: 8px;
  background: -webkit-gradient(linear, left top, right top, from(#ea8b1e), to(#fcd16c));
  background: linear-gradient(90deg, #ea8b1e, #fcd16c);
  background: var(--checkin-makeup-popup-lv-bg, linear-gradient(90deg, #ea8b1e, #fcd16c));
  color: #fff;
  color: var(--checkin-makeup-popup-lv-text, #fff);
  -webkit-font-feature-settings: "liga"off, "clig"off;
  font-feature-settings: "liga"off, "clig"off;
  font-family: Arial;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  text-shadow: -1px 0 0 #9e6f38, 0 -1px 0 #9e6f38, 1px 0 0 #9e6f38, 0 1px 0 #9e6f38, 1px -1px 0 #9e6f38, -1px 1px 0 #9e6f38, -1px -1px 0 #9e6f38, 1px 1px 0 #9e6f38
}

.check-in-condition-detail-div .check-in-condition-detail-block .check-in-condition-detail-title, .check-in-condition-detail-div .check-in-condition-detail-block .check-in-condition-detail-vip {
  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;
  grid-gap: 10px;
  gap: 10px;
  text-align: center
}

.check-in-condition-detail-div .check-in-condition-detail-block .check-in-condition-detail-title {
  padding: 6px 4px;
  align-self: stretch;
  color: #535353;
  color: var(--checkin-makeup-popup-title, #535353);
  -webkit-font-feature-settings: "liga"off, "clig"off;
  font-feature-settings: "liga"off, "clig"off;
  font-family: Arial;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px
}

.check-in-condition-detail-div .check-in-condition-detail-block .check-in-condition-detail-condition-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 90%;
  padding: 20px 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 6px;
  gap: 6px;
  border-radius: 10px;
  background: #fafafa;
  background: var(--checkin-makeup-popup-card-bg, #fafafa);
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .25);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, .25);
  -webkit-box-shadow: 0 0 8px 0 var(--checkin-makeup-popup-card-shadow, rgba(0, 0, 0, .25));
  box-shadow: 0 0 8px 0 var(--checkin-makeup-popup-card-shadow, rgba(0, 0, 0, .25))
}

.check-in-condition-detail-div .check-in-condition-detail-block .check-in-condition-detail-condition-block .check-in-condition-detail-condition-title {
  width: 100%;
  height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 4px;
  gap: 4px
}

.check-in-condition-detail-div .check-in-condition-detail-block .check-in-condition-detail-condition-block .check-in-condition-detail-condition-title .check-in-condition-detail-condition-icon {
  width: auto;
  height: 16px
}

.check-in-condition-detail-div .check-in-condition-detail-block .check-in-condition-detail-condition-block .check-in-condition-detail-condition-title .check-in-condition-detail-condition-icon svg {
  width: 16px;
  height: 16px;
  color: #f99e00;
  color: var(--checkin-makeup-popup-card-icon, #f99e00)
}

.check-in-condition-detail-div .check-in-condition-detail-block .check-in-condition-detail-condition-block .check-in-condition-detail-condition-title .check-in-condition-detail-condition-text {
  color: #363636;
  color: var(--checkin-makeup-popup-card-title, #363636);
  text-align: center;
  -webkit-font-feature-settings: "liga"off, "clig"off;
  font-feature-settings: "liga"off, "clig"off;
  font-family: Arial;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px
}

.check-in-condition-detail-div .check-in-condition-detail-block .check-in-condition-detail-condition-block .check-in-condition-detail-condition-num {
  width: 100%;
  height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 4px;
  gap: 4px
}

.check-in-condition-detail-div .check-in-condition-detail-block .check-in-condition-detail-condition-block .check-in-condition-detail-condition-num .check-in-condition-detail-condition-num1 {
  color: #ff8458;
  color: var(--checkin-makeup-popup-card-text-02, #ff8458);
  -webkit-font-feature-settings: "liga"off, "clig"off;
  font-feature-settings: "liga"off, "clig"off;
  font-family: Arial;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px
}

.check-in-condition-detail-div .check-in-condition-detail-block .check-in-condition-detail-condition-block .check-in-condition-detail-condition-num .check-in-condition-detail-condition-num1.achieved {
  color: #6d6d6d;
  color: var(--checkin-makeup-popup-card-text-01, #6d6d6d)
}

.check-in-condition-detail-div .check-in-condition-detail-block .check-in-condition-detail-condition-block .check-in-condition-detail-condition-num .check-in-condition-detail-condition-num2, .check-in-condition-detail-div .check-in-condition-detail-block .check-in-condition-detail-condition-block .check-in-condition-detail-condition-num .check-in-condition-detail-condition-num3 {
  color: #6d6d6d;
  color: var(--checkin-makeup-popup-card-text-01, #6d6d6d);
  -webkit-font-feature-settings: "liga"off, "clig"off;
  font-feature-settings: "liga"off, "clig"off;
  font-family: Arial;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px
}

.check-in-condition-detail-div .check-in-condition-detail-block .check-in-condition-detail-condition-block .check-in-condition-detail-condition-progress {
  position: relative;
  width: 100%;
  height: 6px;
  border-radius: 50px
}

.check-in-condition-detail-div .check-in-condition-detail-block .check-in-condition-detail-condition-block .check-in-condition-detail-condition-progress .el-progress-bar__outer {
  background: #333
}

.check-in-condition-detail-div .check-in-condition-detail-block .check-in-condition-detail-condition-block .check-in-condition-detail-condition-progress .el-progress-bar__inner {
  background: -webkit-gradient(linear, left top, right top, from(#34d1e0), color-stop(25%, #34d6da), color-stop(50%, #34dad5), color-stop(75%, #34dfcf), to(#34e4c8));
  background: linear-gradient(90deg, #34d1e0, #34d6da 25%, #34dad5 50%, #34dfcf 75%, #34e4c8)
}

.check-in-condition-detail-div .check-in-condition-detail-block .check-in-condition-detail-condition-block .check-in-condition-detail-condition-progress img {
  position: absolute;
  top: -5px;
  right: -5px;
  width: 16px;
  height: 16px
}

.check-in-condition-detail-div .check-in-condition-detail-block .check-in-condition-detail-condition-block .check-in-condition-detail-condition-progress.achieved {
  -webkit-box-shadow: 0 0 2px 0 #ffd2a2, 0 0 4px 0 rgba(255, 210, 162, .7);
  box-shadow: 0 0 2px 0 #ffd2a2, 0 0 4px 0 rgba(255, 210, 162, .7);
  -webkit-box-shadow: 0 0 2px 0 var(--checkin-makeup-progressbar-dropshadow-01, #ffd2a2), 0 0 4px 0 var(--checkin-makeup-progressbar-dropshadow-02, rgba(255, 210, 162, .7));
  box-shadow: 0 0 2px 0 var(--checkin-makeup-progressbar-dropshadow-01, #ffd2a2), 0 0 4px 0 var(--checkin-makeup-progressbar-dropshadow-02, rgba(255, 210, 162, .7))
}

.check-in-condition-detail-div .check-in-condition-detail-block .check-in-condition-detail-condition-block .check-in-condition-detail-condition-progress.achieved img {
  -webkit-filter: drop-shadow(0 0 2px #ffd2a2) drop-shadow(0 0 4px rgba(255, 210, 162, .7));
  filter: drop-shadow(0 0 2px #FFD2A2) drop-shadow(0 0 4px rgba(255, 210, 162, .7));
  -webkit-filter: drop-shadow(0 0 2px var(--checkin-makeup-progressbar-dropshadow-01, #ffd2a2)) drop-shadow(0 0 4px var(--checkin-makeup-progressbar-dropshadow-02, rgba(255, 210, 162, .7)));
  filter: drop-shadow(0 0 2px var(--checkin-makeup-progressbar-dropshadow-01, #FFD2A2)) drop-shadow(0 0 4px var(--checkin-makeup-progressbar-dropshadow-02, rgba(255, 210, 162, .7)))
}

.check-in-condition-detail-div .check-in-condition-detail-block .check-in-condition-detail-condition-block .check-in-condition-detail-condition-last-text {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  color: #6d6d6d;
  color: var(--checkin-makeup-popup-card-text-01, #6d6d6d);
  text-align: center;
  -webkit-font-feature-settings: "liga"off, "clig"off;
  font-feature-settings: "liga"off, "clig"off;
  font-family: Arial;
  font-size: 8px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px
}

.check-in-condition-detail-div .check-in-condition-detail-block .check-in-condition-detail-condition-tip {
  margin: 10px 0 15px;
  color: #aeaeae;
  color: var(--checkin-makeup-popup-close, #aeaeae);
  text-align: center;
  -webkit-font-feature-settings: "liga"off, "clig"off;
  font-feature-settings: "liga"off, "clig"off;
  font-family: Arial;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 14px
}

@-webkit-keyframes shine {
  0% {
    opacity: 1
  }

  25% {
    opacity: 0
  }

  50% {
    opacity: 1
  }

  75% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.checkIn-wrapper .popup-bg-one {
  background: transparent !important;
  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;
  border: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-radius: 0 !important
}

.checkIn-wrapper .popup-bg-one:after, .checkIn-wrapper .popup-bg-one:before {
  content: none
}

.checkIn-wrapper .popup-bg-two {
  background: transparent !important
}

.checkIn-wrapper .popup-bg-two:after, .checkIn-wrapper .popup-bg-two:before {
  content: none
}

.checkIn-wrapper button {
  border: 0;
  cursor: pointer
}

.checkIn-wrapper button[disabled] {
  opacity: .3;
  cursor: not-allowed
}

.checkIn-wrapper .el-dialog__body {
  margin-top: 20%
}

.checkIn-wrapper .close-wrapper {
  position: absolute;
  top: -50px;
  right: -50px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-bottom: 10px;
  z-index: 1
}

.checkIn-wrapper .close-wrapper, .checkIn-wrapper .close-wrapper button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.checkIn-wrapper .close-wrapper button {
  position: relative;
  top: auto;
  right: auto;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 3.125rem;
  height: 3.125rem;
  border-radius: 50%;
  background-image: none;
  opacity: 1
}

.checkIn-wrapper .close-wrapper button.checkIn-close {
  background: #007b87
}

.checkIn-wrapper .close-wrapper button.checkIn-close:after, .checkIn-wrapper .close-wrapper button.checkIn-close:before {
  background: #fff
}

.checkIn-wrapper .close-wrapper button:after, .checkIn-wrapper .close-wrapper button:before {
  position: absolute;
  width: 1.8125rem;
  height: .3rem;
  border-radius: .625rem;
  content: "";
  -webkit-transition: -webkit-transform .3s cubic-bezier(.9, -.6, .3, 1.6);
  transition: -webkit-transform .3s cubic-bezier(.9, -.6, .3, 1.6);
  transition: transform .3s cubic-bezier(.9, -.6, .3, 1.6);
  transition: transform .3s cubic-bezier(.9, -.6, .3, 1.6), -webkit-transform .3s cubic-bezier(.9, -.6, .3, 1.6);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.checkIn-wrapper .close-wrapper button:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.checkIn-wrapper .close-wrapper button:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.checkIn-wrapper .close-wrapper button:hover:before {
  -webkit-transform: rotate(-45deg) scale(1.15);
  transform: rotate(-45deg) scale(1.15)
}

.checkIn-wrapper .close-wrapper button:hover:after {
  -webkit-transform: rotate(45deg) scale(1.15);
  transform: rotate(45deg) scale(1.15)
}

#check-in-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

#check-in-wrapper .check-in-block {
  position: relative
}

#check-in-wrapper .el-row {
  padding: 10px 0
}

#check-in-wrapper .el-row .el-checkbox__input {
  -webkit-transform: scale(1.5);
  transform: scale(1.5)
}

#check-in-wrapper .el-row .el-checkbox__label {
  color: #fff;
  font-size: 16px
}

#check-in-wrapper .check-in-hook {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 20px;
  position: absolute;
  z-index: 10;
  left: 30px;
  right: 30px;
  top: -25px
}

#check-in-wrapper .check-in-hook .hook-img-block {
  width: 35px
}

#check-in-wrapper .check-in-hook .hook-img-block img {
  display: block;
  width: 100%;
  height: 100%
}

#check-in-wrapper .check-in-icon [class*=icon-] {
  top: -50px;
  left: 0;
  right: 0;
  margin: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 112px;
  text-align: center
}

#check-in-wrapper .check-in-icon [class*=icon-] img {
  height: 100%
}

#check-in-wrapper .check-in-icon .icon-01 {
  position: absolute;
  z-index: 10
}

#check-in-wrapper .check-in-icon .icon-02 {
  position: absolute;
  z-index: 1;
  -webkit-animation-name: scale;
  animation-name: scale;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

#check-in-wrapper .check-in-icon .icon-03 {
  position: absolute;
  z-index: 1;
  -webkit-animation-name: shine;
  animation-name: shine;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

#check-in-wrapper .check-in-content-block {
  position: relative;
  width: 700px;
  border-radius: 20px;
  background: #007b87;
  border: 3px solid #007b87;
  overflow: hidden;
  -webkit-box-shadow: 0 0 2px #ffd84e, 0 0 10px #ff7a00;
  box-shadow: 0 0 2px #ffd84e, 0 0 10px #ff7a00
}

@media only screen and (max-width:768px) {
  #check-in-wrapper .check-in-content-block {
    width: 90vw
  }
}

#check-in-wrapper .check-in-content-block .top-block {
  position: relative;
  padding: 40px 20px;
  background: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), to(rgba(0, 0, 0, .2))), #007b87;
  background: linear-gradient(90deg, transparent 0, rgba(0, 0, 0, .2)), #007b87;
  color: #fff
}

#check-in-wrapper .check-in-content-block .top-block .title-block {
  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;
  margin-top: 25px;
  overflow-x: hidden;
  overflow-y: scroll;
  max-height: 55px;
  height: 100%
}

#check-in-wrapper .check-in-content-block .top-block .title-block::-webkit-scrollbar {
  display: none
}

#check-in-wrapper .check-in-content-block .top-block .title-block .title {
  font-size: 20px;
  line-height: 25px;
  text-align: center;
  word-break: break-word;
  text-shadow: -2px 0 0 #144f5c, 0 -2px 0 #144f5c, 2px 0 0 #144f5c, 0 2px 0 #144f5c, 2px -2px 0 #144f5c, -2px 2px 0 #144f5c, -2px -2px 0 #144f5c, 2px 2px 0 #144f5c;
  margin: 5px 0
}

#check-in-wrapper .check-in-content-block .top-block .title-block .detail-btn {
  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;
  width: 18px;
  margin-left: 8px;
  cursor: pointer
}

#check-in-wrapper .check-in-content-block .top-block .title-block .detail-btn .info {
  font-size: 18px;
  width: 18px;
  height: 18px;
  color: #ffec74;
  -webkit-filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .9));
  filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .9))
}

#check-in-wrapper .check-in-content-block .top-block .description-block .time {
  font-size: 14px;
  font-weight: 700;
  margin: 5px 0
}

#check-in-wrapper .check-in-content-block .top-block .description-block .content {
  font-size: 12px;
  margin: 5px 0;
  max-height: 50px;
  overflow-x: hidden
}

@media only screen and (max-width:768px) {
  #check-in-wrapper .check-in-content-block .top-block .description-block .content {
    max-height: 90px
  }
}

#check-in-wrapper .check-in-content-block .top-block .top-light {
  position: absolute;
  right: 0;
  bottom: 10px;
  height: 40px;
  z-index: 20
}

#check-in-wrapper .check-in-content-block .top-block .top-light img {
  height: 100%
}

#check-in-wrapper .check-in-content-block .top-block .top-wave {
  position: absolute;
  z-index: 10;
  left: 0;
  right: 0;
  bottom: 0
}

#check-in-wrapper .check-in-content-block .top-block .top-wave .waves {
  position: relative;
  width: 100%;
  height: 15vh;
  height: 40px;
  margin-bottom: -7px
}

#check-in-wrapper .check-in-content-block .top-block .top-wave .waves01 {
  fill: #203235
}

#check-in-wrapper .check-in-content-block .top-block .top-wave .waves02 {
  fill: #203235;
  opacity: .4
}

#check-in-wrapper .check-in-content-block .bottom-block {
  background: #203235;
  padding: 15px
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list {
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  counter-reset: num;
  max-height: 320px;
  overflow: auto
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item {
  border-radius: 6px;
  position: relative;
  overflow: hidden;
  font-size: 14px;
  text-align: center;
  margin: 3px;
  width: 100%
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item .isLoading {
  position: relative;
  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;
  z-index: 10;
  min-height: 144px;
  font-size: 30px
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item:not(.isLoading):before {
  counter-increment: num;
  content: counter(num);
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  background: #144f5c;
  border-bottom-right-radius: 10px;
  width: 25px;
  height: 25px;
  line-height: 23px;
  text-align: center;
  color: #fff
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item:not(.isLoading):after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #1f3135
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item .content-block {
  position: relative;
  z-index: 3;
  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;
  width: 100%;
  height: 100%;
  border: 2px solid #144f5c;
  border-radius: 6px;
  padding-top: 10px;
  padding-bottom: 10px
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item .content-block .make-up-tag {
  position: absolute;
  width: 100%;
  height: 14px;
  bottom: 0;
  right: 0;
  padding: 8px 10px;
  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;
  grid-gap: 10px;
  gap: 10px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border: 1px solid #ffec15;
  background: #fff376;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .25);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .25)
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item .content-block .make-up-tag span {
  color: #fff;
  text-align: center;
  -webkit-font-feature-settings: "liga"off, "clig"off;
  font-feature-settings: "liga"off, "clig"off;
  text-shadow: -2px 0 0 #5d1f1a, 0 -2px 0 #5d1f1a, 2px 0 0 #5d1f1a, 0 2px 0 #5d1f1a, 2px -2px 0 #5d1f1a, -2px 2px 0 #5d1f1a, -2px -2px 0 #5d1f1a, 2px 2px 0 #5d1f1a;
  font-family: Arial;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 8px;
  white-space: nowrap
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item .content-block .gift-group .gift-block {
  position: relative;
  z-index: 10;
  min-height: 80px;
  padding: 2px 5px 0;
  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
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item .content-block .gift-group .gift-block .gift-icon {
  max-width: 50px
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item .content-block .gift-group .gift-block .gift-icon img {
  width: 100%;
  height: 100%
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item .content-block .gift-group .gift-block .gameCardItemWrapper {
  min-height: 70px
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item .content-block .gift-group .gift-block .game-item-card {
  margin: 0;
  width: 100%
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item .content-block .gift-group .gift-block .game-item-card .card-img {
  padding-bottom: 90%;
  margin-bottom: 1px
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item .content-block .gift-group .gift-block .game-item-card .card-help-name {
  font-size: 8px
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item .content-block .gift-group .gift-block .game-item-card .card-help-name span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  padding-left: 2px
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item .content-block .gift-group .count-block {
  position: relative;
  z-index: 10;
  color: #fff;
  padding: 0;
  line-height: 14px;
  height: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  word-break: break-all;
  grid-gap: 5px;
  gap: 5px
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item .content-block .gift-group .count-block>span {
  color: #fff;
  font-family: Rajdhani, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  vertical-align: middle;
  text-shadow: -1px 0 0 #3c3c3c, 0 -1px 0 #3c3c3c, 1px 0 0 #3c3c3c, 0 1px 0 #3c3c3c, 1px -1px 0 #3c3c3c, -1px 1px 0 #3c3c3c, -1px -1px 0 #3c3c3c, 1px 1px 0 #3c3c3c
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item[\:has\(.checkInDay\)] {
  cursor: pointer
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item:has(.checkInDay) {
  cursor: pointer
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item[\:has\(.checkInDay\)]:before {
  background: #01c2d6
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item:has(.checkInDay):before {
  background: #01c2d6
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item[\:has\(.checkInDay\)]:after {
  background: #01c2d6;
  opacity: .4
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item:has(.checkInDay):after {
  background: #01c2d6;
  opacity: .4
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item[\:has\(.checkInDay\)] .content-block {
  border: 2px solid #01c2d6
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item:has(.checkInDay) .content-block {
  border: 2px solid #01c2d6
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item[\:has\(.checkInDay\)] .last-gift:last-child {
  fill: #01c2d6;
  opacity: .4
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item:has(.checkInDay) .last-gift:last-child {
  fill: #01c2d6;
  opacity: .4
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item[\:has\(.received-block\)]:before {
  background: #144f5c
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item:has(.received-block):before {
  background: #144f5c
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item[\:has\(.received-block\)]:after {
  background: #1f3135
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item:has(.received-block):after {
  background: #1f3135
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item[\:has\(.received-block\)] .content-block {
  border: 2px solid #144f5c;
  background: #1f3135
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item:has(.received-block) .content-block {
  border: 2px solid #144f5c;
  background: #1f3135
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item .mask-block {
  position: absolute;
  z-index: 20;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #545455;
  opacity: .7;
  border-radius: 6px
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item .received-block {
  position: absolute;
  z-index: 21;
  left: 0;
  top: 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
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item .received-block img {
  width: 40px;
  position: relative;
  z-index: 5
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item .last-gift {
  display: none
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item:last-child .content-block {
  position: relative
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item:last-child .last-block {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item:last-child .last-block .last-gift {
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: -125px;
  right: -125px;
  margin: auto;
  fill: #144f5c;
  opacity: .6;
  width: 250px;
  height: 250px;
  display: block;
  -webkit-animation-name: rotate;
  animation-name: rotate;
  -webkit-animation-duration: 20s;
  animation-duration: 20s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item:last-child .last-block .last-gift svg {
  -webkit-transform: scale(2.4);
  transform: scale(2.4)
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list.three-days .check-in-item {
  width: calc(33.33333% - 6px)
}

@media only screen and (max-width:768px) {
  #check-in-wrapper .check-in-content-block .bottom-block .check-in-list.three-days .check-in-item {
    width: calc(25% - 6px)
  }
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list.three-days .check-in-item:last-child {
  width: calc(33.33333% - 6px)
}

@media only screen and (max-width:768px) {
  #check-in-wrapper .check-in-content-block .bottom-block .check-in-list.three-days .check-in-item:last-child {
    width: calc(50% - 6px)
  }
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list.seven-days {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  max-height: 320px
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list.seven-days .check-in-item {
  width: auto
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list.seven-days .check-in-item:last-child {
  grid-column: span 2
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list.fourteen-days {
  display: grid;
  grid-template-columns: repeat(4, 1fr)
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list.fourteen-days .check-in-item {
  width: auto
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list.fourteen-days .check-in-item:last-child {
  grid-column: span 3
}

#check-in-wrapper .check-in-content-block .bottom-block .submitbtn-wrap {
  margin-top: 15px
}

#check-in-wrapper .check-in-content-block .bottom-block .submitbtn-wrap button {
  position: relative;
  overflow: hidden
}

#check-in-wrapper .check-in-content-block .bottom-block .submitbtn-wrap button[disabled] {
  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;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  opacity: .3;
  cursor: not-allowed
}

#check-in-wrapper .check-in-content-block .bottom-block .submitbtn-wrap button i {
  margin-right: 5px
}

#check-in-wrapper .check-in-content-block .bottom-block .submitbtn-wrap button .shiny-effect {
  position: absolute;
  display: inline-block;
  top: -180px;
  left: 0;
  width: 30px;
  height: 100%;
  background: #fff;
  -webkit-animation: shiny-btn 5s ease-in-out infinite;
  animation: shiny-btn 5s ease-in-out infinite
}

#check-in-wrapper .list-wrap {
  height: 65px;
  margin: 10px 5px
}

#check-in-wrapper .list-wrap .win-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 2px solid #01c2d6;
  border-radius: 10px;
  overflow: auto
}

#check-in-wrapper .list-wrap .win-list>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

#check-in-wrapper .list-wrap .win-list:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  bottom: 0;
  background: #01c2d6;
  opacity: .4
}

#check-in-wrapper .list-wrap .win-list::-webkit-scrollbar {
  display: none
}

#check-in-wrapper .list-wrap .win-list .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  padding: 10px 20px;
  width: auto;
  grid-gap: 10px;
  gap: 10px
}

#check-in-wrapper .list-wrap .win-list .item:after {
  content: "";
  position: absolute;
  top: 10px;
  right: 0;
  width: 1px;
  bottom: 10px;
  background: #01c2d6
}

#check-in-wrapper .list-wrap .win-list .item .name {
  width: auto;
  color: #fff;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 400;
  z-index: 1;
  overflow: hidden
}

#check-in-wrapper .list-wrap .win-list .item .right-box {
  width: auto;
  z-index: 1;
  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-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  grid-gap: 0;
  gap: 0
}

#check-in-wrapper .list-wrap .win-list .item .right-box .reward-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  grid-gap: 2px;
  gap: 2px;
  height: 20px
}

#check-in-wrapper .list-wrap .win-list .item .right-box .icon {
  width: 20px;
  height: 100%
}

#check-in-wrapper .list-wrap .win-list .item .right-box .icon img {
  width: 100%
}

#check-in-wrapper .list-wrap .win-list .item .right-box .num {
  height: 100%;
  white-space: nowrap;
  color: #fff;
  font-family: Rajdhani, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  vertical-align: middle;
  text-shadow: -1px 0 0 #3c3c3c, 0 -1px 0 #3c3c3c, 1px 0 0 #3c3c3c, 0 1px 0 #3c3c3c, 1px -1px 0 #3c3c3c, -1px 1px 0 #3c3c3c, -1px -1px 0 #3c3c3c, 1px 1px 0 #3c3c3c
}

.mobile-app .checkIn-wrapper .close-wrapper {
  top: -18px !important;
  right: 3px;
  margin-bottom: 0;
  translate: 0 -100%
}

.mobile-app .checkIn-wrapper .close-wrapper button {
  width: 40px;
  height: 40px
}

.mobile-app .checkIn-wrapper .el-dialog__wrapper {
  padding-top: 4.2666666667vmin !important
}

.mobile-app .checkIn-wrapper .el-dialog__wrapper .el-dialog {
  width: 100%;
  margin: 0 !important
}

.mobile-app .checkIn-wrapper .el-dialog__wrapper .el-dialog .el-dialog__body {
  margin-top: 58px;
  padding: 0 4.2666666667vmin
}

.mobile-app .checkIn-wrapper .el-dialog__wrapper .el-dialog .el-dialog__body .popup-bg-one {
  width: 100%;
  padding: 0
}

.mobile-app .checkIn-wrapper .el-dialog__wrapper .el-dialog .el-dialog__body .popup-bg-one .popup-bg-two {
  width: 100%
}

.mobile-app #check-in-wrapper .check-in-hook {
  left: 0;
  right: 0;
  top: -17.5px
}

.mobile-app #check-in-wrapper .check-in-hook .hook-img-block {
  width: 25.6px
}

.mobile-app #check-in-wrapper .check-in-icon [class*=icon-] {
  top: -56.5px;
  height: 89.6px
}

.mobile-app #check-in-wrapper .check-in-content-block {
  width: 100%
}

.mobile-app #check-in-wrapper .check-in-content-block .top-block {
  padding: 6.9333333333vmin 4.2666666667vmin
}

.mobile-app #check-in-wrapper .check-in-content-block .top-block .title-block {
  margin-top: 0
}

.mobile-app #check-in-wrapper .check-in-content-block .top-block .description-block .content {
  height: 34px;
  max-height: 34px;
  overflow-y: scroll
}

.mobile-app #check-in-wrapper .check-in-content-block .bottom-block {
  padding: 3px 2.6666666667vmin 2.6666666667vmin
}

.mobile-app #check-in-wrapper .check-in-content-block .bottom-block .list-wrap {
  margin: 2.1333333333vmin 0;
  padding: 0
}

.mobile-app #check-in-wrapper .check-in-content-block .bottom-block .check-in-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1.6vmin;
  gap: 1.6vmin;
  max-height: 225px
}

.mobile-app #check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item {
  width: auto;
  height: 100%;
  margin: 0
}

.mobile-app #check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item:not(.isLoading):before {
  width: 5.9733333333vmin;
  height: 5.9733333333vmin
}

.mobile-app #check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item:last-child {
  width: auto;
  grid-column: span 2
}

.mobile-app #check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item .isLoading {
  height: 100%;
  min-height: 100%
}

.mobile-app #check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item .content-block {
  z-index: 3;
  padding-top: 5.6vmin
}

.mobile-app #check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item .content-block .gift-block {
  min-height: unset;
  padding: 1.0666666667vmin
}

.mobile-app #check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item .content-block .gift-block .gift-icon {
  max-width: 10.6666666667vmin;
  max-height: 10.6666666667vmin;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 100%
}

.mobile-app #check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item .content-block .gift-block .gift-icon img {
  width: 10.6666666667vmin
}

.mobile-app #check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item .content-block .gift-block .gift-icon .card-box {
  max-width: 9.2746666667vmin;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: .3466666667vmin;
  border-radius: 1.28vmin
}

.mobile-app #check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item .content-block .gift-block .gift-icon .card-box .card-img {
  width: 8.5786666667vmin;
  border-radius: 1.28vmin;
  padding-bottom: 8.1146666667vmin
}

.mobile-app #check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item .content-block .gift-block .gift-icon .card-box .card-img:before {
  width: 100%
}

.mobile-app #check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item .content-block .gift-block .gift-icon .card-box .card-img img {
  width: 100%;
  height: 8.1146666667vmin
}

.mobile-app #check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item .content-block .gift-block .gift-icon .card-box .card-platform {
  z-index: 50;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  top: .8vmin;
  border-radius: .2666666667vmin;
  font-size: 1.2vmin;
  line-height: normal;
  padding: .2666666667vmin
}

.mobile-app #check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item .content-block .gift-block .gift-icon .card-box .card-help-block {
  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
}

.mobile-app #check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item .content-block .gift-block .gift-icon .card-box .card-help-block .card-help-name span {
  font-size: 1.2vmin;
  line-height: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.mobile-app #check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item .content-block .count-block {
  height: 8.5333333333vmin;
  padding: 0
}

.mobile-app #check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item .content-block .count-block>span {
  font-size: 3.7333333333vmin
}

.mobile-app #check-in-wrapper .check-in-content-block .bottom-block .check-in-list.three-days .check-in-item:last-child {
  grid-column: auto
}

.mobile-app #check-in-wrapper .check-in-content-block .bottom-block .check-in-list.seven-days .check-in-item:last-child {
  grid-column: span 3
}

.mobile-app #check-in-wrapper .check-in-content-block .bottom-block .check-in-list.fourteen-days .check-in-item:last-child {
  grid-column: span 2
}

.mobile-app #check-in-wrapper .list-wrap {
  height: 10.6666666667vmin;
  padding: 2.6666666667vmin 0 0
}

.mobile-app #check-in-wrapper .list-wrap .win-list {
  border-width: .2666666667vmin;
  border-radius: 2.6666666667vmin
}

.mobile-app #check-in-wrapper .list-wrap .win-list>div {
  display: block
}

.mobile-app #check-in-wrapper .list-wrap .win-list .item {
  width: 100%;
  padding: 2.6666666667vmin 5.3333333333vmin;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

.mobile-app #check-in-wrapper .list-wrap .win-list .item:after {
  display: none
}

.mobile-app #check-in-wrapper .list-wrap .win-list .item .name {
  font-size: 3.2vmin;
  width: auto;
  padding-right: 2.6666666667vmin
}

.mobile-app #check-in-wrapper .list-wrap .win-list .item .right-box {
  width: auto
}

.mobile-app #check-in-wrapper .list-wrap .win-list .item .right-box .icon {
  width: 5.3333333333vmin;
  margin-right: 0
}

.mobile-app #check-in-wrapper .list-wrap .win-list .item .right-box .num {
  font-size: 3.7333333333vmin
}

@keyframes scale {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes shine {
  0% {
    opacity: 1
  }

  25% {
    opacity: 0
  }

  50% {
    opacity: 1
  }

  75% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@-webkit-keyframes levitate {
  0% {
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1)
  }

  50% {
    -webkit-transform: translateY(-5px) scale(1.2);
    transform: translateY(-5px) scale(1.2)
  }

  to {
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1)
  }
}

@keyframes levitate {
  0% {
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1)
  }

  50% {
    -webkit-transform: translateY(-5px) scale(1.2);
    transform: translateY(-5px) scale(1.2)
  }

  to {
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1)
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}

@-webkit-keyframes shiny-btn {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0
  }

  80% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: .5
  }

  81% {
    -webkit-transform: scale(4) rotate(45deg);
    opacity: 1
  }

  to {
    -webkit-transform: scale(50) rotate(45deg);
    opacity: 0
  }
}

@keyframes shiny-btn {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0
  }

  80% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: .5
  }

  81% {
    -webkit-transform: scale(4) rotate(45deg);
    opacity: 1
  }

  to {
    -webkit-transform: scale(50) rotate(45deg);
    opacity: 0
  }
}

.footer-bottom .footer-design, .footer-copyright-web .footer-design, .footer-wrapper-web .footer-design {
  color: #fff
}

.member-content {
  position: relative
}

.member-content .date .el-input__inner {
  padding-right: 35px
}

.member-content .date .el-input__prefix {
  right: 5px;
  left: auto;
  font-size: x-large
}

.member-content textarea {
  height: 70px;
  line-height: 25px
}

.member-content .memberform-wrap {
  padding: 0 15% 100px
}

.member-content .memberform-fuild {
  padding: 0 40px 100px
}

.member-content .memberform-fuild #message_promotion {
  overflow: auto
}

.member-content .top-title {
  width: 100%;
  padding: 0 40px;
  margin-bottom: 10px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column
}

.member-content .top-title, .member-content .top-title h3 {
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.member-content .top-title h3 {
  width: auto;
  height: 80px;
  margin: 0;
  color: #000;
  letter-spacing: 1px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.member-content .top-title h3:before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  bottom: 15px;
  width: 100%;
  height: 5px;
  background: #fd0
}

.member-content .bonus-container .top-title:before {
  top: 36%
}

.member-content #member_invite .top-title h3 {
  padding: 0
}

.member-content .rebateContainer {
  margin-top: 0 !important
}

.member-content .btn-list {
  margin: -10px 0 10px !important
}

.member-content .receive-all-btn.web {
  position: relative !important;
  top: unset !important;
  right: unset !important;
  -ms-flex-item-align: end;
  align-self: flex-end;
  margin: 0;
  height: 30px;
  min-width: 150px;
  width: auto
}

.member-content .multiple_block {
  *zoom: 1
}

.member-content .multiple_block:after, .member-content .multiple_block:before {
  content: " ";
  display: table
}

.member-content .multiple_block:after {
  clear: both
}

.member-content .multiple_block [class*=el-col-] {
  position: relative
}

.member-content .multiple_block [class*=el-col-]:nth-child(odd) .poperrorMsg {
  right: 15px
}

@media only screen and (max-width:767px) {
  .member-content .multiple_block [class*=el-col-]:nth-child(odd) .poperrorMsg {
    right: auto
  }
}

.member-content .tips-box {
  border-radius: 5px;
  background: #fffae9;
  border: 1px solid #efebdc;
  padding: 20px 20px 20px 50px;
  position: relative;
  color: #642;
  margin-bottom: 30px
}

@media only screen and (max-width:767px) {
  .member-content .tips-box {
    margin-bottom: 20px
  }
}

.member-content .tips-box:before {
  content: "";
  left: 20px;
  top: 20px;
  position: absolute;
  z-index: 10;
  font-family: Glyphicons Halflings;
  font-size: 18px;
  font-weight: 600
}

.submitbtn-wrap button {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
  background-image: linear-gradient(180deg, #666 0, #000);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF666666", endColorstr="#FF000000", GradientType=0);
  -webkit-box-shadow: inset 0 -1px 5px 0 hsla(0, 0%, 100%, .5);
  box-shadow: inset 0 -1px 5px 0 hsla(0, 0%, 100%, .5);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  cursor: pointer;
  display: inline-block;
  width: auto;
  height: auto;
  padding: 10px 40px;
  font-size: 18px;
  color: #fff;
  line-height: 30px;
  letter-spacing: 1px;
  text-shadow: 1px 2px 1px rgba(0, 0, 0, .5);
  border-radius: 5px;
  border: 1px solid grey
}

.submitbtn-wrap button:hover {
  -webkit-box-shadow: inset 0 -1px 20px 0 hsla(0, 0%, 100%, .5);
  box-shadow: inset 0 -1px 20px 0 hsla(0, 0%, 100%, .5)
}

@media only screen and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1), only screen and (max-width:768px), only screen and (min-device-width:1280px) and (max-device-width:1280px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) and (-webkit-min-device-pixel-ratio:2), only screen and (min-device-width:1280px) and (max-device-width:1280px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) and (min-resolution:192dpi), only screen and (min-device-width:1366px) and (max-device-width:1366px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:2), only screen and (min-device-width:1440px) and (max-device-width:1440px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) {
  .submitbtn-wrap button:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
    background-image: linear-gradient(180deg, #666 0, #000);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF666666", endColorstr="#FF000000", GradientType=0)
  }
}

table.common-table {
  margin-bottom: 30px;
  background: #fff;
  border-collapse: separate;
  border-spacing: 0;
  width: 100%
}

@media only screen and (max-width:767px) {
  table.common-table {
    margin-bottom: 20px
  }
}

table.common-table td, table.common-table th {
  border: 1px solid #ddd;
  padding: 10px;
  text-align: center
}

table.common-table td:nth-child(n+2), table.common-table th:nth-child(n+2) {
  border-left: 0
}

table.common-table th {
  background: #f7f7f7;
  font-weight: 700
}

table.common-table th:first-child {
  border-top-left-radius: 5px
}

table.common-table th:last-child {
  border-top-right-radius: 5px
}

table.common-table td {
  border-top: 0;
  color: #555
}

table.common-table tr:last-child td:first-child {
  border-bottom-left-radius: 5px
}

table.common-table tr:last-child td:last-child {
  border-bottom-right-radius: 5px
}

table.common-table tr.norecord td {
  background: #fff;
  padding: 50px 10px
}

.listrecord {
  margin-bottom: 30px
}

.listrecord .norecord {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  background: #fff;
  border: 1px solid #ddd;
  border-top: 0;
  padding: 50px 10px;
  text-align: center
}

.listrecord .el-row {
  display: table;
  table-layout: fixed;
  width: 100%
}

.listrecord .el-row .el-col {
  display: table-cell;
  float: none;
  vertical-align: middle;
  padding: 10px;
  text-align: center
}

.listrecord .el-row .el-col.word-wrap {
  word-wrap: break-word
}

.listrecord .list-th {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  background: #f7f7f7;
  border: 1px solid #ddd
}

.listrecord .list-th>.el-col {
  border-right: 1px solid #ddd;
  font-weight: 600
}

.listrecord .list-th>.el-col:last-child {
  border-right: 0
}

.listrecord .list-td {
  background: #fff;
  border: 1px solid #ddd;
  border-top: 0
}

.listrecord .list-td:last-child {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px
}

.listrecord .list-td>.el-col {
  border-right: 1px solid #ddd;
  padding: 0
}

.listrecord .list-td>.el-col:last-child {
  border-right: 0
}

.listrecord .list-td>.el-col>.el-col {
  display: block;
  border-right: 1px solid #ddd
}

.listrecord .list-td>.el-col>.el-col:last-child {
  border-right: 0
}

.totalProfit .el-row {
  border-bottom: 1px dotted #ceddce;
  padding: 15px 10px
}

.totalProfit .el-row .el-col {
  color: #666
}

.totalProfit .el-row .el-col:not(:first-child) {
  border-left: 1px dotted #ceddce;
  color: #000;
  text-align: right
}

.receiptProfit .el-row {
  border-bottom: 1px dotted #ceddce;
  padding: 15px 10px
}

.receiptProfit .el-row .el-col {
  color: #666
}

.receiptProfit .el-row .el-col:first-child {
  width: 65%;
  border-right: 1px dotted #ceddce
}

.receiptProfit .el-row .el-col:not(:first-child) {
  width: 35%;
  color: #000;
  text-align: right
}

.copyBtn {
  text-align: center;
  cursor: pointer;
  color: #999;
  border-radius: 5px;
  border: 1px solid #ddd;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#eee));
  background-image: linear-gradient(180deg, #fff 50%, #eee);
  background-repeat: repeat-x;
  margin-left: 10px;
  padding: 0 5px;
  font-size: 14px
}

.copyBtn:hover {
  border: 1px solid #ea9f13
}

.imgUpload {
  width: 100%;
  height: 100%;
  opacity: 0;
  background: none;
  position: absolute;
  z-index: 1;
  overflow: hidden;
  cursor: pointer
}

.imgUpload[disabled]:hover {
  cursor: not-allowed
}

.imgUpload[disabled]:hover+label {
  background: #f6f6f6;
  border: 1px solid #ddd
}

.imgUpload+label {
  border-radius: 5px;
  background: #f6f6f6;
  border: 1px solid #ddd;
  margin: 0;
  padding: 50px 0;
  width: 100%;
  text-align: center
}

.imgUpload+label .upload-icon {
  width: 200px
}

.imgUpload+label .upload-image {
  max-height: 200px;
  max-width: 100%
}

.imgUpload+label span {
  display: block;
  margin-top: 20px;
  color: #333
}

.maintain-block {
  background: rgba(0, 0, 0, .5);
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1
}

.maintain-block .maintain-center {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  z-index: 1;
  padding: 0 10px;
  width: 100%;
  color: #fff;
  text-align: center;
  text-shadow: 1px 1px 3px #000
}

.maintain-block i {
  margin-bottom: 5px;
  font-size: 30px
}

@media only screen and (max-width:767px) {
  .maintain-block i {
    display: none
  }
}

.maintain-block p {
  margin: 0
}

@media only screen and (max-width:767px) {
  .maintain-block p {
    font-size: 12px
  }
}

@media only screen and (max-width:1199px) {
  .member-content .memberform-fuild, .member-content .memberform-wrap {
    padding-left: 5%;
    padding-right: 5%
  }
}

.mobile-app .member-content .memberform-fuild, .mobile-app .member-content .memberform-wrap {
  border-radius: 10px;
  background: #fff;
  padding: 20px
}

.mobile-app .member-content .memberform-fuild .bonus-tab-container, .mobile-app .member-content .memberform-wrap .bonus-tab-container {
  margin-top: 0
}

.mobile-app .member-content .top-title {
  position: relative;
  padding: 0
}

.mobile-app .member-content .top-title:after, .mobile-app .member-content .top-title:before {
  display: none
}

.mobile-app .member-content .top-title h3 {
  position: relative;
  height: auto;
  color: #fd0;
  line-height: 30px;
  background: transparent
}

.mobile-app .member-content .top-title h3:after, .mobile-app .member-content .top-title h3:before {
  display: none
}

.mobile-app .member-content .top-title.mobile {
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  height: auto
}

.mobile-app .member-content .tips-box {
  padding: 10px 20px 10px 50px
}

.mobile-app .member-content .tips-box:before {
  top: 10px
}

.mobile-app .member-content .receive-all-btn {
  margin-top: 10px;
  min-width: 150px;
  width: auto
}

.mobile-app .member-content .btn-list.mobile {
  padding-top: 10px
}

.mobile-app .member-content #member-referral-container {
  margin: 0
}

.mobile-app .member-content #member-referral-container .top-title {
  margin-bottom: 10px
}

.mobile-app .member-content #member_invite .top-title h3 {
  padding: 0
}

.mobile-app .member-content #member-referral-container .memberform-fuild, .mobile-app .member-content #member_invite .memberform-fuild {
  background: #fff
}

.mobile-app .member-content #member_invite .achievement-reward .hint {
  color: #000
}

.mobile-app .member-content #promotionRewarePointHistory .memberform-fuild {
  padding: 0 10px
}

.bankwrap h4 {
  color: #fff
}

.service img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1)
}

@media only screen and (max-width:767px) {
  .member-content .memberform-fuild, .member-content .memberform-wrap {
    padding: 20px 10px
  }

  .member-content .multiple_block [class*=el-col-]:nth-child(odd) {
    margin-bottom: 10px
  }

  .member-content .tips-box {
    padding: 10px 10px 10px 35px
  }

  .member-content .tips-box:before {
    left: 10px
  }

  .listrecord {
    margin-bottom: 0
  }

  .listrecord .norecord {
    border-radius: 5px;
    border: 1px solid #ddd;
    margin-bottom: 20px
  }

  .listrecord .el-row {
    margin-bottom: 20px;
    table-layout: auto
  }

  .listrecord .list-td {
    border-radius: 5px;
    border-top: 1px solid #ddd
  }

  .listrecord .list-td>.el-col {
    border-right: 0
  }

  .listrecord .even-list .list-td:nth-child(2n) {
    background: #fff9eb
  }

  .listrecord .even-list .even-list-row {
    display: table;
    table-layout: fixed;
    width: 100%
  }

  .listrecord .even-list .even-list-row:nth-child(n+2) {
    border-top: 1px solid #ddd
  }

  .listrecord .even-list .even-list-row .el-col {
    display: table-cell;
    float: none;
    vertical-align: middle
  }

  .listrecord .even-list .even-list-row .el-col.hidden-sm-and-up {
    font-weight: 600
  }

  .totalProfit .el-row {
    padding: 10px
  }

  .totalProfit .el-row .el-col:not(:first-child) {
    border-left: none;
    text-align: left
  }

  .receiptProfit .el-row {
    padding: 10px
  }

  .receiptProfit .el-row .el-col:first-child {
    width: 100%;
    border-right: none
  }

  .receiptProfit .el-row .el-col:not(:first-child) {
    text-align: left
  }
}

.form-slide-enter, .form-slide-leave-to {
  max-height: 0
}

.form-slide-enter-to, .form-slide-leave {
  max-height: 1000px;
  display: block;
  overflow: hidden
}

.form-slide-enter-active, .form-slide-leave-active {
  -webkit-transition: all .3s ease;
  transition: all .3s ease
}

#member-section {
  position: relative;
  padding: 40px 0;
  font-size: 16px
}

#member-section ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  *zoom: 1
}

#member-section ul:after, #member-section ul:before {
  content: " ";
  display: table
}

#member-section ul:after {
  clear: both
}

#member-section>.container>.el-row {
  display: table;
  table-layout: fixed;
  width: 100%;
  min-height: 60vh
}

#member-section>.container>.el-row>.el-col {
  display: table-cell;
  float: none;
  vertical-align: top;
  position: relative
}

#member-section>.container>.el-row>.el-col.member-menu {
  background: #0e0e0e
}

#member-section>.container>.el-row>.el-col.member-right {
  background: #fff
}

.member-menu #accountdata {
  padding: 50px 0;
  color: #fff
}

.member-menu .mem_main_menu {
  margin-bottom: 20px
}

.badge, .badge2 {
  display: inline-block;
  background: #ffc107;
  border-radius: 10px;
  margin-left: 10px;
  padding: 3px 5px;
  min-width: 20px;
  color: #000;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle
}

.badge2 {
  background: #f66;
  padding: 3px 6px
}

.mem-heading a {
  color: #fff
}

.mem-heading h5 {
  margin: 0;
  padding: 20px 30px 20px 40px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 18px;
  line-height: 1.5;
  cursor: pointer
}

.mem-heading h5:after {
  content: "";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  z-index: 1;
  right: 30px;
  top: 50%;
  color: #fff;
  font-family: Glyphicons Halflings;
  font-size: 24px;
  font-weight: 600
}

.mem-heading h5.active:after {
  content: "";
  color: #fff
}

.mem-heading h5.noCollapse:after {
  content: none
}

.mem-heading h5 i {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #fff;
  margin-right: 10px;
  color: #333;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  position: relative
}

.mem-heading h5 i img {
  width: 100%;
  height: 100%
}

.mem-heading h5 svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px
}

#member-section ul.member-sub-menu {
  padding-left: 15px
}

#member-section ul.member-sub-menu li {
  cursor: pointer;
  border-bottom: 1px dotted hsla(0, 0%, 100%, .2);
  position: relative
}

#member-section ul.member-sub-menu li a {
  display: block;
  padding: 15px 30px 15px 50px;
  color: #bbb;
  line-height: 1.5;
  text-decoration: none
}

#member-section ul.member-sub-menu li.nuxt-link-active, #member-section ul.member-sub-menu li.router-link-active, #member-section ul.member-sub-menu li:hover {
  border-bottom-color: transparent;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  padding-right: 0;
  color: #000
}

#member-section ul.member-sub-menu li.nuxt-link-active a, #member-section ul.member-sub-menu li.router-link-active a, #member-section ul.member-sub-menu li:hover a {
  color: #000;
  font-weight: 600
}

#member-section ul.member-sub-menu li.nuxt-link-active, #member-section ul.member-sub-menu li.nuxt-link-active:hover, #member-section ul.member-sub-menu li.router-link-active {
  background: #fff
}

#member-section ul.member-sub-menu li:hover {
  background: hsla(0, 0%, 100%, .5)
}

.back-hall {
  display: none
}

@media only screen and (max-width:1399px) {
  .mem-heading h5 {
    padding: 20px 10px 20px 20px
  }

  .mem-heading h5:after {
    right: 10px
  }

  #member-section ul.member-sub-menu {
    padding-left: 10px
  }

  #member-section ul.member-sub-menu li a {
    padding: 20px 20px 20px 40px
  }
}

@media only screen and (max-width:1199px) {
  .mem-heading h5 i {
    display: none
  }

  #member-section ul.member-sub-menu li a {
    padding-left: 30px
  }
}

.mobile-app #member-section {
  padding-top: 0;
  padding-bottom: 15px
}

.mobile-app #member-section>.container {
  width: 100%
}

.mobile-app #member-section>.container>.el-row {
  display: block
}

.mobile-app #member-section>.container>.el-row>.el-col {
  display: block
}

.mobile-app #member-section>.container>.el-row>.el-col.member-menu, .mobile-app #member-section>.container>.el-row>.el-col.member-right {
  background: none;
  width: 100%
}

.mobile-app #member-section>.container>.el-row>.el-col.member-menu {
  background: #0e0e0e;
  padding: 0 2%
}

.mobile-app #member-section>.container>.el-row>.el-col.member-right {
  padding-top: 20px
}

.mobile-app #member-section>.container .member-content {
  width: 94%;
  margin: auto
}

.mobile-app .member-menu #accountdata {
  padding: 0
}

.mobile-app .member-menu .mem_main_menu {
  margin-bottom: 0
}

.mobile-app .mem-heading, .mobile-app .member-menu .mem_main_menu #money {
  display: none
}

@media only screen and (max-width:769px) {
  .mobile-app #member-section {
    margin: auto
  }
}

.mobile-app #member-section ul.member-sub-menu {
  text-align: center;
  padding: 10px 0 0
}

.mobile-app #member-section ul.member-sub-menu li {
  display: inline-block;
  border-radius: 5px;
  background: #242424;
  border: 1px solid #353535;
  margin: .5%;
  width: 48%;
  color: #707070;
  text-align: center
}

.mobile-app #member-section ul.member-sub-menu li:hover {
  border-radius: 5px;
  background: #242424;
  border: 1px solid #353535;
  color: #707070
}

.mobile-app #member-section ul.member-sub-menu li:hover a {
  color: #707070;
  font-weight: 400
}

.mobile-app #member-section ul.member-sub-menu li.router-link-active {
  background: #242424;
  border-radius: 5px
}

.mobile-app #member-section ul.member-sub-menu li.router-link-active a {
  padding-right: 0;
  color: #fff
}

.mobile-app #member-section ul.member-sub-menu li.router-link-active:hover {
  background: #242424
}

.mobile-app #member-section ul.member-sub-menu li a {
  border-bottom: 0;
  padding: 10px 0;
  color: #707070;
  line-height: 20px
}

.mobile-app #member-section ul.member-sub-menu .badge {
  right: 0;
  top: 0;
  position: absolute;
  z-index: 1
}

.mobile-app .back-hall {
  width: 30px;
  height: 30px;
  display: block;
  top: 15px;
  left: 2.2%;
  position: absolute;
  z-index: 3;
  line-height: 30px;
  color: #078
}

.mobile-app .back-hall:before {
  content: "";
  font-family: Glyphicons Halflings;
  position: absolute;
  font-size: 24px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

@media only screen and (max-width:460px) {
  .mobile-app #member-section ul.member-sub-menu li {
    width: 100%;
    margin: .5% 0;
    font-size: 12pt
  }
}

.mem-slide .swiper-sub-menu {
  position: relative;
  padding: 10px 0;
  margin-left: 40px
}

.mem-slide .swiper-sub-menu .swiper-slide {
  padding: 0 10px 0 0;
  width: auto
}

.mem-slide .swiper-sub-menu .swiper-slide a {
  border-radius: 5px;
  background: #242424;
  border: 1px solid #353535;
  color: #707070;
  line-height: 20px;
  text-align: center;
  display: block;
  padding: 10px 30px
}

.mem-slide .swiper-sub-menu .swiper-slide a.nuxt-link-active {
  background: #242424;
  color: #fff;
  -webkit-box-shadow: 0 0 10px 1px #0cf, inset 0 0 15px 0 #0cf;
  box-shadow: 0 0 10px 1px #0cf, inset 0 0 15px 0 #0cf;
  border: 1px solid #5ef
}

.user-icon {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: #cdcdcd;
  margin: 0 auto 30px;
  color: #fff;
  font-size: 90px;
  line-height: 160px;
  text-align: center
}

@media only screen and (max-width:767px) {
  .user-icon {
    margin: 10px auto 20px
  }
}

.uploadPanel .el-button {
  background: unset
}

.uploadPanel .uploadBtn {
  text-align: center;
  color: #999;
  padding: 10px 15px;
  line-height: 30px;
  border-radius: 5px;
  border: 1px solid #ddd;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#eee));
  background-image: linear-gradient(180deg, #fff 50%, #eee);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
  *zoom: 1;
  cursor: pointer;
  display: block;
  margin-top: 10px;
  width: 100%;
  -webkit-transition: none;
  transition: none
}

.uploadPanel .uploadBtn:focus, .uploadPanel .uploadBtn:hover {
  border-color: #ddd
}

@media only screen and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1), only screen and (max-width:768px), only screen and (min-device-width:1280px) and (max-device-width:1280px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) and (-webkit-min-device-pixel-ratio:2), only screen and (min-device-width:1280px) and (max-device-width:1280px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) and (min-resolution:192dpi), only screen and (min-device-width:1366px) and (max-device-width:1366px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:2), only screen and (min-device-width:1440px) and (max-device-width:1440px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) {
  .uploadPanel .uploadBtn:focus, .uploadPanel .uploadBtn:hover {
    border-color: 1px solid #ddd
  }
}

.uploadPanel .uploadBtn:after, .uploadPanel .uploadBtn:before {
  content: " ";
  display: table
}

.uploadPanel .uploadBtn:after {
  clear: both
}

.uploadPanel .uploadBtn.open {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .1)
}

.uploadTitle {
  float: left;
  color: #999
}

.uploadTitle i {
  font-size: large;
  color: #f55
}

.uploadTitle i.el-icon-arrow-up {
  font-weight: 700
}

.uploadTitle [class*=el-icon-], .uploadTitle span {
  margin-right: 10px
}

.uploadStatus {
  float: right;
  color: #aaa
}

.upLoadForm {
  *zoom: 1;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .1);
  border: 1px solid #ddd;
  border-top: 0;
  padding: 20px 20px 0;
  position: relative
}

.upLoadForm:after, .upLoadForm:before {
  content: " ";
  display: table
}

.upLoadForm:after {
  clear: both
}

@media only screen and (max-width:767px) {
  .upLoadForm {
    padding: 10px 10px 0
  }
}

.bankupload {
  margin-top: 10px
}

.btn-refresh {
  float: right;
  padding: 0 30px;
  background: #f55;
  border-radius: 5px;
  border: 0;
  color: #fff;
  line-height: 40px
}

.noteMsg {
  margin-top: -20px;
  margin-bottom: 30px;
  color: #333
}

@media only screen and (max-width:480px) {
  .noteMsg {
    margin-top: -10px;
    margin-bottom: 20px
  }
}

.noteMsg:before {
  content: "";
  margin-right: 5px;
  top: 2px;
  position: relative;
  font-size: 12pt;
  font-family: Glyphicons Halflings;
  color: #333
}

.uploadPanel.verify .uploadStatus span {
  color: #090
}

.uploadPanel.unverify .uploadStatus span {
  color: #09c
}

.uploadPanel.fail .uploadStatus span {
  color: #c00
}

.member-note {
  color: #aaa;
  margin-bottom: 30px
}

@media only screen and (max-width:767px) {
  .member-note {
    margin-bottom: 20px
  }
}

.member-note:before {
  content: "";
  margin-right: 10px;
  top: 2px;
  position: relative;
  font-family: Glyphicons Halflings
}

.member-note a {
  color: #333;
  position: relative
}

.member-note a:hover {
  top: 1px;
  left: 1px
}

a.member-note {
  color: #00a2ff;
  cursor: pointer;
  text-decoration: underline
}

a.member-note:before {
  display: inline-block;
  color: #b2aca2;
  color: var(--darkreader-text-aaaaaa, #b2aca2);
  text-decoration: none;
  cursor: default
}

.recommendBtn {
  text-align: center;
  cursor: pointer;
  color: #999;
  padding: 10px 15px;
  line-height: 30px;
  border-radius: 5px;
  border: 1px solid #ddd;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#eee));
  background-image: linear-gradient(180deg, #fff 50%, #eee);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0)
}

.recommendBtn:focus, .recommendBtn:hover {
  border-color: #c80
}

@media only screen and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1), only screen and (max-width:768px), only screen and (min-device-width:1280px) and (max-device-width:1280px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) and (-webkit-min-device-pixel-ratio:2), only screen and (min-device-width:1280px) and (max-device-width:1280px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) and (min-resolution:192dpi), only screen and (min-device-width:1366px) and (max-device-width:1366px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:2), only screen and (min-device-width:1440px) and (max-device-width:1440px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) {
  .recommendBtn:focus, .recommendBtn:hover {
    border-color: 1px solid #ddd
  }
}

.recommendBtn:after {
  font-family: Glyphicons Halflings;
  content: "";
  font-weight: 600;
  margin-left: 10px;
  color: #c80
}

@media only screen and (max-width:767px) {
  .recommendBtn {
    margin-top: 15px;
    padding: 10px 15px;
    line-height: 25px
  }
}

.share-box {
  border: 1px solid #ddd;
  border-radius: 5px;
  background: #f3f3f3;
  text-align: center
}

.share-box img {
  height: 100%
}

.share-box .qrcode-share {
  padding: 10px
}

.share-box .qrcode-share ul {
  text-align: center
}

.share-box .qrcode-share ul li {
  display: inline-block;
  float: none;
  overflow: hidden;
  padding: 10px;
  width: 33.3333333%;
  text-align: center
}

@media only screen and (min-width:769px) and (max-width:991px) {
  .share-box .qrcode-share ul li {
    width: 50%
  }
}

@media only screen and (max-width:767px) {
  .share-box .qrcode-share ul li {
    width: 100%
  }

  .share-box .qrcode-share ul li:not(:last-child) {
    border-right: 0;
    border-bottom: 1px solid #ddd
  }
}

.share-box .goShare {
  overflow: hidden;
  padding: 20px;
  border-top: 1px solid #ddd;
  background: #fff url(data:image/webp;base64,UklGRjgCAABXRUJQVlA4TCsCAAAvS8ASEG9AIEBR+D/bhkEgkLTF2/4JSGAfvJBj27ZpW+vZznxeAfQVuQAObTu2Mvtntv+vgBE++9yzKrP3Xpi/BBH9h+C2jSTJmQFn9t5KqrrfQGllD0sjpysJreGcQ32rRjPLnDwqsNxhUduhtOYyXIXkGbMCqAakCuqRNwLM5UT/UiA/lRENFwi3OaaTQv1BmE2N2ch+MmFSM34uSlUqHJkU6nR5PiPUOe7IQshKIoMRR/KQOiKLSjscUk0mtb7UqNkVU+9Lg923JseH7bUsfJlTZyF7szm0xJdpdRb+xb7Ox3/dzk9WyArmT/2F0hJjLRVOcaj3SUscw19SeMqyysmuKYXbMo/IiDXyG2VWkqdmFHKRGsJ4luYTEUZrykCymnsPLPNRTVmI2Ay7459wvcLDt4MLzGKPbizSRS43UCqlTf6day2seq8dfQDG0YfBMPP/h7UbMYZFi8ppBmN4IeRGBZFka9kV39EnR0F8uhw4+mLWyMZj5yj9lo0vw5BDwdUQwyxTTwH3nrmoRvLNkZ/KlNWQQrVzK3fkyTZXaPRtq0f0LFlRhXV2ZtOz79XVCnX+zjnjuCz4PvxJz9eI89uq7JY4+7RCzUSMs+cjFepiO0+Z3KK15Dz8piyeeS91F1lDHlkDrjuDFFWudd1lKCinXzmBPGPxGYBE+R7jmbwIIBwv31Sk4rdlMTfw+zKpH0MAQwRVCFWIeQba7Thub5QTWtnr0rcj4kkA) 100%/contain no-repeat;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px
}

@media only screen and (max-width:767px) {
  .share-box .goShare {
    padding: 10px
  }
}

.share-box .goShare h5 {
  display: inline-block;
  margin: 0 10px 0 0;
  padding: 5px 20px;
  width: auto;
  border-radius: 50px;
  background: #2f2f2f;
  color: #fff;
  font-size: 18px;
  line-height: 20px
}

@media only screen and (max-width:767px) {
  .share-box .goShare h5 {
    margin: 0 0 10px;
    width: 100%
  }
}

@media only screen and (max-width:767px) {
  .share-box .goShare ul.share-social {
    text-align: center
  }
}

.share-box .goShare ul.share-social li {
  display: inline-block;
  margin-left: 10px
}

@media only screen and (max-width:767px) {
  .share-box .goShare ul.share-social li {
    float: none;
    margin: 0 5px
  }
}

.share-box .goShare ul.share-social li a {
  display: block;
  overflow: hidden;
  width: 30px;
  height: 30px
}

.recommandTab {
  border: unset;
  -webkit-box-shadow: unset;
  box-shadow: unset
}

.recommandTab .el-tabs__header, .recommandTab .tabs_header {
  border-bottom: 0;
  background: unset
}

.recommandTab .el-tabs__nav {
  float: none;
  white-space: normal
}

.recommandTab .el-tabs__nav .el-tabs__item {
  margin: 0;
  padding: 10px;
  width: 50%;
  height: auto;
  border-bottom: 1px solid #ceddce;
  background: #f3f3f3;
  color: #999;
  text-align: center;
  font-size: 16px;
  line-height: 20px;
  -webkit-transition: none;
  transition: none;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px
}

.recommandTab .el-tabs__nav .el-tabs__item:not(.is-disabled):hover {
  color: #2f2f2f
}

.recommandTab .el-tabs__nav .el-tabs__item.is-active {
  border-color: #ceddce;
  border-bottom: 0;
  background: #e6f4e6;
  color: #474
}

.recommandTab .el-tabs__nav .el-tabs__item.is-active:hover {
  color: #474
}

.recommandTab .el-tabs__content {
  padding: 0;
  border: 1px solid #ceddce;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px
}

.recommandTab .el-table .cell {
  word-break: normal
}

.recommandTab .el-table:before {
  background: transparent
}

.recommandTab .el-table td, .recommandTab .el-table th.is-leaf {
  padding: 15px 0;
  border: 1px solid #ceddce;
  text-align: center
}

.recommandTab .el-table th.is-leaf {
  border-width: 2px;
  color: #666
}

.recommandTab .el-table td {
  border-bottom-style: dotted
}

.recommandTab .el-table td .cell {
  word-break: break-all
}

.recommandTab .el-table__body tr:last-child td {
  border-bottom: 0
}

.recommandTab .el-table td:not(:first-child) .cell, .recommandTab .el-table th:not(:first-child) .cell {
  border-left: 1px solid #ceddce;
  line-height: 20px
}

.recommandTab .nodata {
  padding: 50px 10px;
  text-align: center
}

.recommandTab .totalProfit {
  padding: 0 15px 15px
}

@media only screen and (max-width:767px) {
  .recommandTab .totalProfit {
    padding: 0 10px 10px
  }
}

.recommandTab .el-table__body-wrapper::-webkit-scrollbar-track {
  background: #c0c4cc
}

.recommandTab .el-table__body-wrapper::-webkit-scrollbar {
  height: 8px;
  background: #f5f5f5
}

.recommandTab .el-table__body-wrapper::-webkit-scrollbar-thumb {
  border: #666;
  border-radius: 5px;
  background: #f5f5f5;
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, .3)
}

.recommand-table {
  color: #666
}

.recommand-table .table-tab {
  position: relative;
  white-space: normal
}

.recommand-table .tab1, .recommand-table .tab2 {
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 10px;
  width: 50%;
  height: unset;
  border: 1px solid transparent;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background: #f3f3f3;
  color: #999;
  text-align: center;
  font-size: 16px;
  line-height: 20px;
  -webkit-transition: unset;
  transition: unset
}

.recommand-table .tab1:hover, .recommand-table .tab2:hover {
  color: #2f2f2f;
  cursor: pointer
}

.recommand-table .tab1.isActive, .recommand-table .tab2.isActive {
  border-color: #ceddce #ceddce #e6f4e6;
  background: #e6f4e6;
  color: #474
}

.recommand-table table {
  width: 100%;
  border-collapse: separate;
  table-layout: fixed;
  font-size: 14px
}

.recommand-table thead {
  color: #999;
  font-weight: 500
}

.recommand-table tbody {
  border-collapse: separate;
  table-layout: fixed
}

.recommand-table tbody tr:hover {
  background: #f5f7fa
}

.recommand-table tr {
  background: #fff
}

.recommand-table tr:last-child td {
  border-bottom: 0
}

.recommand-table th {
  position: relative;
  overflow: hidden;
  padding: 15px 0;
  border-color: #ceddce;
  border-bottom: 2px solid;
  color: #666;
  text-align: center;
  white-space: nowrap;
  word-break: normal;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.recommand-table th, .recommand-table th .cell {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  text-overflow: ellipsis
}

.recommand-table th .cell {
  white-space: normal;
  word-wrap: normal
}

.recommand-table td {
  padding: 15px 0;
  border-bottom: 1px dotted #ceddce;
  text-align: center
}

.recommand-table td .cell {
  word-break: break-all
}

.recommand-table .listrecord {
  margin-bottom: 0
}

.recommand-table .listrecord .list-th {
  border-top: 0;
  border-right: 0;
  border-left: 0;
  border-radius: 0
}

.recommand-table .listrecord .list-th>.el-col {
  border-right: 0
}

.recommand-table .listrecord .list-td {
  border-top: 0;
  border-right: 0;
  border-left: 0
}

.recommand-table .listrecord .list-td>.el-col>.el-col {
  border-right: 0
}

.recommand-table .listrecord .el-row>.el-col {
  border-right: 0
}

.recommand-table .listrecord .el-row>.el-col .el-col:last-child {
  border-left: 0
}

.recommand-table .listrecord .norecord {
  border: 0;
  border-radius: 0;
  background: unset
}

.recommand-table .cell {
  position: relative;
  padding: 0 10px;
  width: 100%
}

.recommand-table td:not(:first-child) .cell, .recommand-table th:not(:first-child) .cell {
  border-left: 1px solid #ceddce;
  line-height: 20px
}

.recommand-table .table-style {
  position: relative;
  overflow-x: auto;
  padding: 0;
  border: 1px solid #ceddce;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px
}

.recommand-table .table-style::-webkit-scrollbar-track {
  background-color: #c0c4cc
}

.recommand-table .table-style::-webkit-scrollbar {
  height: 8px;
  background-color: #f5f5f5
}

.recommand-table .table-style::-webkit-scrollbar-thumb {
  border: #666;
  border-radius: 5px;
  background-color: #f5f5f5;
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, .3)
}

.recommand-table .table-body1 {
  padding: 0 15px 15px
}

.recommand-table .table-body1 th {
  border-bottom: 1px solid #ceddce
}

@media only screen and (max-width:767px) {
  .recommand-table .table-body1 {
    padding: 0 10px 10px
  }
}

.recommand-table .table-body2 .tbody-wrapper, .recommand-table .table-body2 .thead-wrapper {
  position: relative;
  overflow-x: auto;
  min-width: 400px;
  width: 100%
}

.recommand-table .el-row {
  padding: 15px 10px;
  border-bottom: 1px dotted #ceddce
}

.recommand-table .el-row .el-col {
  color: #666
}

.recommand-table .el-row .el-col:not(:first-child) {
  border-left: 1px solid #ceddce;
  color: #000;
  text-align: right
}

@media only screen and (max-width:767px) {
  .recommand-table .el-row .el-col:not(:first-child) {
    border-left: unset;
    text-align: left
  }
}

#member_recommend .tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px;
  width: 100%
}

#member_recommend .tab-list .tab {
  padding: 10px;
  margin: 0 8px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  border: 2px solid silver;
  opacity: .3;
  background-color: #d6d6d6;
  border-radius: 5px;
  cursor: pointer
}

#member_recommend .tab-list .tab.isActive, #member_recommend .tab-list .tab:hover {
  opacity: 1
}

#member_recommend .tab-list .tab span {
  font-size: 16px
}

#member_recommend .searchway-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 10px;
  width: 100%
}

#member_recommend .searchway-block .searchway-title {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 10px;
  white-space: nowrap
}

#member_recommend .searchway-block .searchway-title span {
  font-size: 16px
}

#member_recommend .searchway-block .searchway-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 100%
}

#member_recommend .searchway-block .searchway-btn>div {
  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;
  padding: 10px;
  min-width: 120px;
  border: 2px solid #000;
  text-align: center;
  font-size: 16px;
  opacity: .3
}

#member_recommend .searchway-block .searchway-btn .currentMonthBtn {
  border-right: none;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 15%;
  flex: 0 0 15%;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px
}

#member_recommend .searchway-block .searchway-btn .currentMonthBtn.isActive {
  border-right: 2px solid #000;
  opacity: 1
}

#member_recommend .searchway-block .searchway-btn .lastMonthBtn {
  border-left: none;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 15%;
  flex: 0 0 15%;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px
}

#member_recommend .searchway-block .searchway-btn .lastMonthBtn.isActive {
  border-left: 2px solid #000;
  opacity: 1
}

.mobile-app #member_recommend .searchway-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 10px;
  width: 100%
}

.mobile-app #member_recommend .searchway-block .searchway-btn, .mobile-app #member_recommend .searchway-block .searchway-title {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%
}

.mobile-app #member_recommend .searchway-block .searchway-title {
  padding: 10px 0;
  width: 100%
}

.mobile-app #member_recommend .searchway-block .searchway-title span {
  font-size: 16px
}

.mobile-app #member_recommend .searchway-block .searchway-btn {
  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;
  width: 100%
}

.mobile-app #member_recommend .searchway-block .searchway-btn>div {
  padding: 10px;
  min-width: 0;
  border: 2px solid #000;
  text-align: center;
  font-size: 16px;
  opacity: .3
}

.mobile-app #member_recommend .searchway-block .searchway-btn .currentMonthBtn {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  border-right: none;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px
}

.mobile-app #member_recommend .searchway-block .searchway-btn .currentMonthBtn.isActive {
  border-right: 2px solid #000;
  opacity: 1
}

.mobile-app #member_recommend .searchway-block .searchway-btn .lastMonthBtn {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  border-left: none;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px
}

.mobile-app #member_recommend .searchway-block .searchway-btn .lastMonthBtn.isActive {
  border-left: 2px solid #000;
  opacity: 1
}

@media only screen and (max-width:767px) {
  .recommand-table .listrecord .norecord {
    margin-bottom: 0
  }

  .recommand-table .listrecord .list-td {
    border-radius: 0
  }

  .recommand-table .listrecord .list-td>.el-col>.el-col {
    border-right: 1px solid #ddd
  }

  .recommand-table .listrecord .list-td>.el-col>.el-col.el-col:last-child {
    border-right: 0
  }

  .recommand-table .listrecord .el-row {
    margin-bottom: 0;
    padding: 0 10px
  }
}

.news-list {
  margin-bottom: 30px
}

@media only screen and (max-width:767px) {
  .news-list {
    margin-bottom: 20px
  }
}

.news-list li {
  border-bottom: 1px dotted #ddd;
  margin-bottom: 10px;
  padding: 10px 10px 20px 170px;
  position: relative
}

.news-list li:last-child {
  margin-bottom: 0
}

.news-list li:before {
  content: "";
  left: 10px;
  top: 10px;
  position: absolute;
  z-index: 10;
  color: #642;
  font-family: Glyphicons Halflings
}

.news-list li .time {
  border-right: 1px solid #ddd;
  left: 40px;
  width: 110px;
  position: absolute;
  z-index: 10;
  color: #642
}

.news-list .no-data {
  min-height: 60vh;
  line-height: 60vh
}

@media only screen and (max-width:767px) {
  .news-list li {
    padding: 0 0 10px 30px
  }

  .news-list li:before {
    top: 0;
    left: 0
  }

  .news-list li .time {
    border-right: none;
    width: 100%;
    left: 0;
    position: relative
  }
}

@media only screen and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1), only screen and (max-width:768px), only screen and (min-device-width:1280px) and (max-device-width:1280px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) and (-webkit-min-device-pixel-ratio:2), only screen and (min-device-width:1280px) and (max-device-width:1280px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) and (min-resolution:192dpi), only screen and (min-device-width:1366px) and (max-device-width:1366px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:2), only screen and (min-device-width:1440px) and (max-device-width:1440px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) {
  .news-list .no-data {
    min-height: auto;
    line-height: normal
  }
}

.mobile-app .news-list .no-data {
  min-height: auto;
  line-height: normal
}

table.common-table.message-record td .apply-btn {
  cursor: pointer;
  background: #ea9f13;
  border: 0;
  border-radius: 3px;
  margin: 0 auto;
  width: 100%;
  color: #fff;
  font-size: 18px;
  line-height: 30px
}

table.common-table.message-record td.subject {
  cursor: pointer;
  text-align: left
}

table.common-table.message-record td:first-child i {
  cursor: pointer;
  margin-right: 5px
}

table.common-table.message-record td:first-child span {
  cursor: pointer
}

table.common-table.message-record td:last-child {
  cursor: pointer
}

table.common-table.message-record tr.bk_color {
  background: #fff
}

table.common-table.message-record tr.bk_color td {
  color: #999
}

table.common-table.message-record tr:hover {
  background: #167c7c
}

table.common-table.message-record tr:hover td {
  color: #fff
}

.mobile-app table.common-table.message-record tr:hover {
  background: none
}

.mobile-app table.common-table.message-record tr:hover td {
  color: #555
}

table.common-table.message-record tr.norecord:hover td {
  color: #555
}

.nopromo {
  margin-bottom: 30px;
  border-radius: 5px;
  background: #fff;
  border: 1px solid #ddd;
  padding: 100px 10px;
  text-align: center
}

@media only screen and (max-width:767px) {
  .nopromo {
    margin-bottom: 20px
  }
}

.lottery-list {
  border-radius: 5px;
  background: #fff;
  border: 1px solid #ddd;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.lottery-list .lottery-extraTickets {
  margin-top: 15px;
  margin-bottom: 5px
}

.lottery-list .lottery-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%
}

.lotter-content {
  margin: auto
}

.lotter-content table {
  word-break: break-word
}

.lotter-content img {
  max-width: 100% !important;
  height: auto
}

.lottery-img {
  max-width: 980px;
  width: 100%;
  margin: auto;
  overflow: hidden
}

@media only screen and (max-device-width:1366px) and (-webkit-min-device-pixel-ratio:2) {
  .lottery-img {
    max-width: 640px
  }
}

.lottery-img h4 {
  color: #fff;
  text-align: center
}

.lottery-img img {
  width: 100%
}

.lottery-btn {
  text-align: center;
  margin: 10px 0
}

.lottery-btn input[type=button], .lottery-btn input[type=submit] {
  margin-left: 10px;
  border: 0;
  border-radius: 3px;
  padding: 0 30px;
  height: 30px;
  line-height: 30px;
  background: #ea9f13;
  color: #fff;
  font-size: 18px;
  cursor: pointer
}

.lottery-bouns {
  position: relative;
  text-align: center
}

.lottery-bouns img {
  position: relative;
  margin: auto;
  z-index: 0
}

.lottery-bouns .bounstitle {
  position: relative;
  margin: auto;
  top: -120px;
  display: block;
  text-align: center;
  color: red;
  text-shadow: 1px 1px #fff, -1px 1px #fff, 1px -1px #fff, -1px -1px #fff, 1px 1px 5px #555;
  font-size: 20pt;
  font-weight: 700
}

.lottery-bouns .bonusnumber {
  display: block;
  background: rgba(0, 0, 0, .5);
  max-width: 230px;
  position: relative;
  top: -90px;
  right: 0;
  left: 0;
  margin: auto;
  color: #fff;
  font-size: 1.8rem
}

.lottery-bouns .bonusetips {
  margin: 15px auto;
  display: block
}

.apply-list .el-row {
  margin-bottom: 30px;
  *zoom: 1;
  border-radius: 5px;
  background: #fff;
  border: 1px solid #ddd;
  padding: 20px
}

@media only screen and (max-width:767px) {
  .apply-list .el-row {
    margin-bottom: 20px
  }
}

.apply-list .el-row:after, .apply-list .el-row:before {
  content: " ";
  display: table
}

.apply-list .el-row:after {
  clear: both
}

.apply-list .el-row .promo-img {
  padding-bottom: 50%;
  width: 100%;
  height: 0;
  position: relative;
  text-align: center;
  overflow: hidden
}

.apply-list .el-row .promo-img img {
  margin: auto;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  position: absolute
}

.apply-list .promoContent {
  padding-left: 20px
}

.apply-list .promoContent h3 {
  margin: 0 0 20px;
  padding: 0;
  color: #000;
  font-weight: 600;
  line-height: 30px
}

.apply-list .promoContent li {
  margin-bottom: 5px;
  color: #167c7c
}

.apply-list .promoContent li span {
  color: #666
}

.apply-list .promoContent .errormsg {
  color: #c00;
  font-weight: 600
}

.apply-list .promoContent .apply-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  grid-gap: 10px;
  gap: 10px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.apply-list .promoContent .apply-btn input[type=button], .apply-list .promoContent .apply-btn input[type=submit] {
  cursor: pointer;
  background: #ea9f13;
  border: 0;
  border-radius: 3px;
  padding: 0 30px;
  height: 30px;
  color: #fff;
  font-size: 18px;
  line-height: 30px
}

.apply-list .promoContent .apply-btn #info {
  background-color: #909399
}

.promotionList>ul>li {
  margin-bottom: 30px;
  *zoom: 1;
  background: #fff
}

@media only screen and (max-width:991) {
  .promotionList>ul>li {
    margin-bottom: 20px
  }
}

.promotionList>ul>li:after, .promotionList>ul>li:before {
  content: " ";
  display: table
}

.promotionList>ul>li:after {
  clear: both
}

.promotionList>ul>li .number-box {
  background: #f0f0f0
}

.promotionList>ul>li .number-box span {
  display: inline-block;
  background: #083257;
  background-image: linear-gradient(-45deg, transparent 40px, #083257 0);
  padding: 5px 80px 5px 20px;
  color: #fff;
  line-height: 30px
}

.promotionList>ul>li .list-content {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  *zoom: 1;
  border: 1px solid #ddd;
  position: relative
}

.promotionList>ul>li .list-content:after, .promotionList>ul>li .list-content:before {
  content: " ";
  display: table
}

.promotionList>ul>li .list-content:after {
  clear: both
}

.promotionList>ul>li .detail {
  padding: 20px 250px 20px 20px
}

.promotionList>ul>li .detail h3 {
  border-bottom: 1px dotted #ccc;
  margin: 0;
  padding-bottom: 10px;
  color: #c00;
  font-weight: 600
}

.promotionList>ul>li .detail dl {
  margin: 0;
  padding: 15px 10px
}

.promotionList>ul>li .detail dl dt {
  margin-bottom: 5px
}

.promotionList>ul>li .detail ul.time-block li {
  margin-bottom: 20px;
  word-wrap: break-word
}

.promotionList>ul>li .detail ul.time-block li span {
  display: inline-block;
  border-radius: 50px;
  background: #f1f1f1;
  margin-right: 10px;
  padding: 5px 10px;
  width: 150px;
  text-align: center
}

@media only screen and (max-width:375px) {
  .promotionList>ul>li .detail ul.time-block li {
    text-align: center;
    word-wrap: break-word
  }

  .promotionList>ul>li .detail ul.time-block li span {
    display: block;
    margin: 0 auto 5px
  }
}

.promotionList>ul>li .detail table {
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 20px;
  width: 100%
}

.promotionList>ul>li .detail table td, .promotionList>ul>li .detail table th {
  border: 1px solid #ddd;
  padding: 10px;
  font-weight: 400;
  text-align: center
}

.promotionList>ul>li .detail table td:first-child {
  color: #00f;
  font-weight: 600
}

.promotionList>ul>li .detail table td:first-child span {
  color: #f06;
  font-size: 18px
}

.promotionList>ul>li .detail .status-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.promotionList>ul>li .detail .status {
  display: table;
  border-radius: 50px;
  background: #000;
  padding: 0 40px;
  width: auto;
  color: #fff;
  line-height: 40px;
  margin: 0 20px 15px 0
}

.promotionList>ul>li .detail .release-btn {
  background: #ea9f13;
  border: 0;
  border-radius: 3px;
  color: #fff;
  font-size: 18px;
  padding: 5px 12px;
  margin: 0 20px 15px 0
}

.promotionList>ul>li .bonus {
  background: 50%/cover no-repeat;
  margin-top: 30px;
  padding-top: 70px;
  width: 250px;
  height: 230px;
  position: relative;
  float: right
}

.promotionList>ul>li .bonus h2 {
  margin: 0;
  color: #fff;
  font-size: 60px;
  font-weight: 600;
  text-shadow: 0 0 10px rgba(0, 0, 0, .5), 0 0 10px rgba(0, 0, 0, .5), 0 0 10px rgba(0, 0, 0, .5), 0 0 10px rgba(0, 0, 0, .5);
  text-align: center
}

.promotionList>ul>li .bonus h2 span {
  display: none
}

@media only screen and (min-width:768px) {
  #promotionHistory .even-list .even-list-row:last-child .el-col:last-child {
    text-align: left
  }
}

@media only screen and (max-width:991px) {
  .promotionList>ul>li .detail {
    padding: 20px 10px
  }

  .promotionList>ul>li .detail dl {
    margin: 0;
    padding: 10px
  }

  .promotionList>ul>li .detail dl dt {
    margin-bottom: 5px
  }

  .promotionList>ul>li .detail table {
    margin-bottom: 20px
  }

  .promotionList>ul>li .bonus {
    background: none !important;
    margin: 0 auto;
    padding-top: 20px;
    width: 100%;
    height: auto;
    float: none
  }

  .promotionList>ul>li .bonus h2 {
    display: table;
    border-radius: 50px;
    background: #f70;
    margin: 0 auto;
    padding: 10px 20px;
    width: auto;
    font-size: 20px;
    text-shadow: none
  }

  .promotionList>ul>li .bonus h2 span {
    display: inline-block;
    padding-right: 10px;
    font-weight: 400
  }
}

@media only screen and (max-width:767px) {
  .apply-list .el-row {
    padding: 10px
  }

  .apply-list .el-row .promoContent {
    padding: 10px 0 0
  }

  .apply-list .el-row .promoContent h3 {
    margin-bottom: 10px
  }
}

#deposit_bank .el-select {
  width: 100%
}

#member-section ul.member-money-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  text-align: center;
  margin-bottom: 30px
}

@media only screen and (max-width:767px) {
  #member-section ul.member-money-btn {
    margin-bottom: 20px
  }
}

#member-section ul.member-money-btn li {
  border-radius: 5px;
  background: #f0f0f0;
  width: 45%;
  text-align: center
}

#member-section ul.member-money-btn li a {
  cursor: pointer;
  display: block;
  padding: 10px 2px;
  color: #c2c2c2;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  text-decoration: none;
  white-space: pre-wrap
}

#member-section ul.member-money-btn li.active, #member-section ul.member-money-btn li:hover {
  background: #e9e9e9
}

#member-section ul.member-money-btn li.active a, #member-section ul.member-money-btn li:hover a {
  color: #000
}

.pay-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: 0 -5px
}

.pay-group img {
  width: auto;
  height: 50px;
  display: block;
  margin: 0 auto 5px;
  max-width: 90%
}

.pay-group input[type=radio] {
  display: none
}

.pay-group label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  padding: 0 5px;
  width: 25%;
  vertical-align: top;
  cursor: pointer
}

.pay-group label .pay-btn {
  border-radius: 5px;
  background: #fff;
  border: 1px solid #ddd;
  padding: 20px 10px;
  width: 100%;
  color: #999;
  text-align: center;
  overflow: hidden
}

.pay-group label.active .pay-btn, .pay-group label:hover .pay-btn {
  background: #edf6ff;
  border: 1px solid #84c0fe;
  color: #000
}

.pay-group.money-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

.pay-group.money-btn label .pay-btn {
  padding: 15px 10px;
  height: 100%
}

.bonus-group input[type=radio] {
  min-width: 0;
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto
}

.bonus-group input[type=radio].default {
  position: absolute;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%
}

.bonus-group label {
  width: 100%;
  margin-bottom: 10px
}

.bonus-group label .bonus-btn {
  width: 100%;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 5px
}

.bonus-group label .bonus-btn .bonus-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px
}

.bonus-group label .bonus-btn .bonus-block .bonus-info {
  padding-left: 10px;
  width: 100%;
  min-width: 0
}

.bonus-group label .bonus-btn .bonus-block .bonus-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.bonus-group label .bonus-btn .bonus-block .bonus-header h5 {
  font-size: 16px;
  margin-top: 0;
  margin-bottom: 0;
  color: #6c5f4e
}

.bonus-group label .bonus-btn .bonus-block .bonus-header .date {
  font-size: 12px;
  color: #eea310
}

.bonus-group label .bonus-btn .bonus-block .bonus-content p {
  color: #999;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 6px;
  font-size: 12px
}

.bonus-group label .bonus-btn .bonus-block .bonus-content p.isExpand {
  white-space: pre-wrap;
  overflow: unset;
  text-overflow: unset
}

.bonus-group label .bonus-btn .bonus-block .condition {
  font-size: 14px;
  font-weight: 700;
  color: #eea310;
  margin-bottom: 10px
}

.bonus-group label .bonus-btn .bonus-block .no-participate {
  padding-top: 25px;
  padding-bottom: 5px;
  width: 100%;
  text-align: center
}

.bonus-group label .bonus-btn .bonus-block .no-participate h5 {
  font-size: 16px;
  margin-top: 0;
  margin-bottom: 0;
  color: #6c5f4e
}

.bonus-group label .bonus-btn .decoration {
  height: 20px
}

.bonus-group label .bonus-btn .decoration, .bonus-group label .bonus-btn button {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(69, 69, 69, 0)), color-stop(78%, rgba(69, 69, 69, .1)), to(rgba(69, 69, 69, .2)));
  background: linear-gradient(180deg, rgba(69, 69, 69, 0), rgba(69, 69, 69, .1) 78%, rgba(69, 69, 69, .2))
}

.bonus-group label .bonus-btn button {
  width: 100%;
  border: 0;
  border-radius: 0, 0, 5px, 5px;
  padding-top: 4px;
  padding-bottom: 4px;
  color: #6c5f4e
}

.bonus-group label .bonus-btn button i {
  padding-left: 7px
}

.bonus-group label.active .bonus-btn {
  color: #000;
  background: #edf6ff;
  border: 1px solid #84c0fe
}

.bonus-group label.active .bonus-btn .decoration, .bonus-group label.active .bonus-btn button {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(31, 119, 210, 0)), color-stop(78%, rgba(31, 119, 210, .15)), to(rgba(31, 119, 210, .2)));
  background: linear-gradient(180deg, rgba(31, 119, 210, 0), rgba(31, 119, 210, .15) 78%, rgba(31, 119, 210, .2))
}

.bonus-group label.disabled .bonus-btn button {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(69, 69, 69, 0)), color-stop(78%, rgba(69, 69, 69, .1)), to(rgba(69, 69, 69, .2)));
  background: linear-gradient(180deg, rgba(69, 69, 69, 0), rgba(69, 69, 69, .1) 78%, rgba(69, 69, 69, .2))
}

.bonus-group label.disabled .bonus-btn .bonus-block .condition, .bonus-group label.disabled .bonus-btn .bonus-block .date, .bonus-group label.disabled .bonus-btn .bonus-block h5 {
  color: #c2c2c2
}

.notice-box {
  margin-top: 20px
}

.notice-box>.el-row {
  display: table;
  table-layout: fixed;
  width: 100%
}

.notice-box>.el-row>.el-col {
  display: table-cell;
  float: none;
  vertical-align: middle
}

.notice-box>.el-row>.el-col.notice-title {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  background: #e6f4e6;
  border: 1px solid #ceddce;
  padding: 20px 10px;
  color: #474;
  text-align: center
}

.notice-box>.el-row>.el-col.notice-title .pay-img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #ceddce;
  margin: 0 auto 10px;
  line-height: 100px;
  overflow: hidden
}

.notice-box>.el-row>.el-col.notice-title .pay-img img {
  max-width: 90%
}

.notice-box>.el-row>.el-col.notice-content {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  background: #fff;
  border: 1px solid #ceddce;
  border-left: 0;
  padding: 10px 20px 20px
}

.notice-box .tips-box {
  margin-bottom: 0;
  margin-top: 20px
}

.receipt-box {
  margin-top: 20px
}

.receipt-box>.el-row {
  display: table;
  table-layout: fixed;
  width: 100%
}

.receipt-box>.el-row>.el-col {
  display: table-cell;
  float: none;
  vertical-align: middle
}

.receipt-box>.el-row>.el-col.receipt-title {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  background: #e6f4e6;
  border: 1px solid #ceddce;
  padding: 10px;
  color: #474;
  text-align: center
}

.receipt-box>.el-row>.el-col.receipt-title .receipt-img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #ceddce;
  margin: 0 auto 10px;
  line-height: 100px;
  overflow: hidden
}

.receipt-box>.el-row>.el-col.receipt-title .receipt-img img {
  max-width: 90%
}

.receipt-box>.el-row>.el-col.receipt-title .receipt-url {
  margin: 0 auto;
  width: 140px;
  height: 20px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#eee));
  background-image: linear-gradient(180deg, #fff 50%, #eee);
  padding-bottom: 20px
}

.receipt-box>.el-row>.el-col.receipt-title .receipt-url:hover {
  border: 1px solid #ea9f13
}

.receipt-box>.el-row>.el-col.receipt-title .receipt-url a {
  display: block;
  font-size: 14px;
  text-align: center;
  color: #999
}

.receipt-box>.el-row>.el-col.receipt-content {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  background: #fff;
  border: 1px solid #ceddce;
  border-left: 0;
  padding: 10px 20px 20px
}

.receiptImgFrame {
  position: relative;
  margin-top: 10px
}

.receiptImgFrame .poperrorMsg {
  bottom: auto;
  top: -30px
}

@media only screen and (max-width:767px) {
  .receiptImgFrame .poperrorMsg {
    top: auto
  }
}

.main-account {
  margin-bottom: 30px;
  *zoom: 1;
  border-radius: 5px;
  border: 1px solid #ddd;
  padding: 20px 0;
  position: relative;
  text-align: center
}

@media only screen and (max-width:767px) {
  .main-account {
    margin-bottom: 20px
  }
}

.main-account:after, .main-account:before {
  content: " ";
  display: table
}

.main-account:after {
  clear: both
}

.main-account .account-total {
  *zoom: 1;
  color: #666;
  text-align: center
}

.main-account .account-total:after, .main-account .account-total:before {
  content: " ";
  display: table
}

.main-account .account-total:after {
  clear: both
}

.main-account .account-total li {
  display: inline-block;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/wallet-icon2_ba8afc5.webp) 20px no-repeat;
  padding: 20px 10px 20px 120px;
  width: 50%;
  text-align: left;
  vertical-align: top
}

.main-account .account-total li:not(:first-child) {
  border-left: 1px dotted #ddd
}

.main-account .account-total h2, .main-account .account-total h4 {
  margin: 0;
  line-height: 35px
}

.main-account .account-total h2 i, .main-account .account-total h4 i {
  margin-left: 5px;
  color: #f06;
  font-size: 22px
}

.main-account .account-total h2 {
  color: #800;
  font-weight: 600;
  word-break: break-all
}

.main-account button {
  text-align: center;
  cursor: pointer;
  color: #999;
  padding: 10px 15px;
  line-height: 30px;
  border-radius: 5px;
  border: 1px solid #ddd;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#eee));
  background-image: linear-gradient(180deg, #fff 50%, #eee);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
  margin-top: 20px
}

.main-account button:focus, .main-account button:hover {
  border-color: #ea9f13
}

@media only screen and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1), only screen and (max-width:768px), only screen and (min-device-width:1280px) and (max-device-width:1280px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) and (-webkit-min-device-pixel-ratio:2), only screen and (min-device-width:1280px) and (max-device-width:1280px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) and (min-resolution:192dpi), only screen and (min-device-width:1366px) and (max-device-width:1366px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:2), only screen and (min-device-width:1440px) and (max-device-width:1440px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) {
  .main-account button:focus, .main-account button:hover {
    border-color: 1px solid #ddd
  }
}

.main-account button:after {
  font-family: Glyphicons Halflings;
  content: "";
  font-weight: 600;
  margin-left: 10px;
  color: #ea9f13
}

.transferAllPlatforms-btn button {
  text-align: center;
  cursor: pointer;
  color: #999;
  padding: 10px 15px;
  line-height: 30px;
  border-radius: 5px;
  border: 1px solid #ddd;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#eee));
  background-image: linear-gradient(180deg, #fff 50%, #eee);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0)
}

.transferAllPlatforms-btn button:focus, .transferAllPlatforms-btn button:hover {
  border-color: #ea9f13
}

@media only screen and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1), only screen and (max-width:768px), only screen and (min-device-width:1280px) and (max-device-width:1280px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) and (-webkit-min-device-pixel-ratio:2), only screen and (min-device-width:1280px) and (max-device-width:1280px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) and (min-resolution:192dpi), only screen and (min-device-width:1366px) and (max-device-width:1366px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:2), only screen and (min-device-width:1440px) and (max-device-width:1440px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) {
  .transferAllPlatforms-btn button:focus, .transferAllPlatforms-btn button:hover {
    border-color: 1px solid #ddd
  }
}

.transferAllPlatforms-btn button:after {
  font-family: Glyphicons Halflings;
  content: "";
  font-weight: 600;
  margin-left: 10px;
  color: #ea9f13
}

#transfer_main .main-account {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  margin-bottom: 0
}

#transfer_main #collapseOne {
  margin-bottom: 30px;
  *zoom: 1
}

@media only screen and (max-width:767px) {
  #transfer_main #collapseOne {
    margin-bottom: 20px
  }
}

#transfer_main #collapseOne:after, #transfer_main #collapseOne:before {
  content: " ";
  display: table
}

#transfer_main #collapseOne:after {
  clear: both
}

#transfer_main #collapseOne .open-title {
  cursor: pointer;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  background: #e6f4e6;
  border: 1px solid #ddd;
  margin-top: -1px;
  height: 40px;
  color: #474;
  line-height: 40px;
  text-align: center;
  -webkit-transition: 1s;
  transition: 1s
}

#transfer_main #collapseOne .open-title.is-active {
  -webkit-transition: 1s;
  transition: 1s
}

#transfer_main #collapseOne .open-title .el-collapse-item__arrow {
  line-height: 1;
  float: none;
  -webkit-transition: all .5s ease;
  transition: all .5s ease
}

#transfer_main #collapseOne .open-title .el-collapse-item__arrow:before {
  content: "";
  font-family: Glyphicons Halflings;
  font-weight: 600;
  font-size: large;
  vertical-align: middle
}

#transfer_main #collapseOne .open-title .el-collapse-item__arrow.is-active {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.wallet-sort {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  *zoom: 1
}

.wallet-sort:after, .wallet-sort:before {
  content: " ";
  display: table
}

.wallet-sort:after {
  clear: both
}

.wallet-sort>.el-col {
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd
}

@media only screen and (min-width:992px) {
  .wallet-sort>.el-col:nth-child(3n) {
    border-right: 0
  }
}

@media only screen and (max-width:991px) {
  .wallet-sort>.el-col:nth-child(2n) {
    border-right: 0
  }
}

.wallet-sort>.el-col>div {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/platname-icon_a670059.webp) 100% 100% no-repeat;
  padding: 20px;
  position: relative
}

@media only screen and (max-width:767px) {
  .wallet-sort>.el-col>div {
    padding: 10px
  }
}

.wallet-sort>.el-col>div h3, .wallet-sort>.el-col>div h4 {
  margin: 0;
  line-height: 30px
}

@media only screen and (max-width:767px) {
  .wallet-sort>.el-col>div h3, .wallet-sort>.el-col>div h4 {
    line-height: inherit
  }
}

@media only screen and (max-width:767px) {
  .wallet-sort>.el-col>div h4 {
    font-size: 16px
  }
}

@media only screen and (max-width:767px) {
  .wallet-sort>.el-col>div h3 {
    font-size: 20px
  }
}

.wallet-sort>.el-col>div.wallet-sort-default {
  background: #f5f5f5
}

.wallet-sort>.el-col>div.wallet-sort-default h4 {
  color: #c3b29a
}

.wallet-sort>.el-col>div.wallet-sort-default h3 {
  color: #bbb
}

.wallet-sort>.el-col>div.wallet-sort-succeful {
  background: #fcfcfc
}

.wallet-sort>.el-col>div.wallet-sort-succeful h4 {
  color: #08d
}

.wallet-sort>.el-col>div.wallet-sort-succeful h3 {
  color: #000
}

.wallet-sort>.el-col>div.transfer-lock {
  -webkit-box-shadow: inset 0 0 0 2px #f06;
  box-shadow: inset 0 0 0 2px #f06;
  position: relative
}

.wallet-sort>.el-col>div.transfer-lock:after {
  content: "";
  display: table;
  border-bottom-left-radius: 3px;
  background: #f06 url(data:image/webp;base64,UklGRqIDAABXRUJQVlA4WAoAAAAUAAAAHQAAHQAAVlA4TGwAAAAvHUAHEAXjNpIUVf5J+5jhG8GYtu06d5ZZ+p3/WKJQhafwFKpQhSo8hShE4SmcCUg/V/NL6PwwjkVhOUYDDM4E4DtGwLCklLyA+xAJnlJKFsBzCMBmCWCXU3RAGnNAqvvs2Oz4B4rcZN/3JwFYTVAgEAMAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkVBNkZCRTdDNUYxQjExRThBMDkxODcxRDI5MUJFMTgwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkVBNkZCRTdENUYxQjExRThBMDkxODcxRDI5MUJFMTgwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RUE2RkJFN0E1RjFCMTFFOEEwOTE4NzFEMjkxQkUxODAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RUE2RkJFN0I1RjFCMTFFOEEwOTE4NzFEMjkxQkUxODAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4=) 50% no-repeat;
  width: 30px;
  height: 30px;
  right: 0;
  top: 0;
  position: absolute;
  z-index: 1
}

.searchway-block {
  *zoom: 1;
  margin-bottom: 30px
}

.searchway-block:after, .searchway-block:before {
  content: " ";
  display: table
}

.searchway-block:after {
  clear: both
}

#deposit_wallet .redPacket-content-wrapper {
  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;
  margin: 50px 0
}

#deposit_wallet .redPacket-content-wrapper .redPacket-content-block {
  background: #6e0401;
  position: relative;
  border-radius: 30px;
  width: 80%;
  height: 300px;
  text-align: center
}

#deposit_wallet .redPacket-content-wrapper .redPacket-content-block .redPacket-title-content {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/redPacket-top_5248bf3.webp) no-repeat;
  background-size: cover;
  background-position: 50%;
  padding-top: 2.5%;
  padding-bottom: 2.5%;
  border-radius: inherit;
  position: relative
}

#deposit_wallet .redPacket-content-wrapper .redPacket-content-block .redPacket-title-content p {
  color: #f3cf01;
  font-size: 32px
}

#deposit_wallet .redPacket-content-wrapper .redPacket-content-block .redPacket-title-content span {
  color: #fff;
  font-size: 32px
}

#deposit_wallet .redPacket-content-wrapper .redPacket-content-block .redPacket-title-content i {
  position: absolute;
  top: 25%;
  right: 7%;
  background: url(data:image/webp;base64,UklGRoYDAABXRUJQVlA4WAoAAAAYAAAAWQAAWQAAVlA4TBwDAAAvWUAWEA/kqI0kSUpnVc/ub5c/1JsGw7ZtHFlK+bL/vmHQtpEk517+UI/A1Y1k20rUOOx/XWQeE7uOTyQk/oAAAGYCdhKogBAAAKkhpNJKZTotpgPATmaohFRAYDq3L9shgLQyRQvm/qcFssvZACQAwHlCzqbFdKaZCZhKZTfTtFLZDQhUmB2mIwQAAAwALa43DAAEMIBUQEilBUCCX2JPKkSYWHPbg+EfQVIs/rmNofEfKZRJqfvvWJ/rK57/9P9loSy4umqy4JsneuX8PfPuj3xfyLq17XijXLWtse2ZjNVmbNt40tiu/3vwvM/7HfYgov+O3DZyJHpzPFV3Vz0htJ02m9VSPpNMxGKJZCZfqm4Gxlo5FZMOiaXKa0FQz8VFlXiu7ttKWhySbvi0XhDHFNa9qSyLc5YrnhSjYpBo0YetvBglv2VuNStmya5aP86KYbLGD/Nimrztr4lxLH+sErUWtfvTdWX9fItcPb5jfM/Jyw9U9bRuRVnxi8O05vA7zSpgpKF79Rht0xeWzmnYSGv8nAEYO3T+4oldACwplkUTNdE4B/TekKbcnwNGPknH1CzkNF71wPBjacmvWeBEZzmLnSuucRC4Lm1yD5hWbEFr7sqa699uGP0t7TIF/JCOKbtLabwETktbB4BHnaXcTwcxVQkBV9o7BdztLLbpqioal4A77e0HnkrnVF2VVF5EIpEvbf0eBL4rlIKwbIeBeQ+LeMbC8wHgtkbGVdLAu3Fg/p9G0lXC3fspYPi5aCRcxZy9nQQmdFeJefZmApj7IEp+n3ydBHZ+FqWE348cBXZ/F62k1x9aarsjePihvJt9wC1/x52Sk89dMPTHQcl5JXTyBDgsDqruq7frO2ccxNz7sZSLxcHBwQsOUha7pLeULXZ2Kz529lDOl5xJ4+ngT/jI2Y96Nm1pWu3/IWDym1baqKtVewbATS2rbreg9bDJNaWC345Afs8Ava91ltd9dzGv9vYvRLRdTIA7rwB3i0HucAPclQd4khDc6UeAJzZBnjJ5TMN1MuY5Nf00rxYKQDaUE8jgTk230SYERVhJRkQAAABNTQAqAAAACAABh2kABAAAAAEAAAAaAAAAAAADoAEAAwAAAAEAAQAAoAIABAAAAAEAAABaoAMABAAAAAEAAABaAAAAAA==) no-repeat;
  background-size: cover;
  background-position: 50%;
  width: 35px;
  height: 35px
}

#deposit_wallet .redPacket-content-wrapper .redPacket-content-block .redPacket-tips-content {
  color: #fff;
  margin: 50px 0 15px;
  font-size: 20px
}

#deposit_wallet .redPacket-content-wrapper .redPacket-content-block .redPacket-input-content {
  position: relative
}

#deposit_wallet .redPacket-content-wrapper .redPacket-content-block .redPacket-input-content:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 12%;
  width: 3%;
  height: 50%;
  background: url(data:image/webp;base64,UklGRiQCAABXRUJQVlA4TBgCAAAvJ8AJEKciEEjyJ9xniamcHIdt20hyciU72ffuDQ44GgARLAQIQACKDwAIMfgABBAPTgggxOJEUIBiUAAAgAiKQQbwxwJ4E2CwADcegACIoocBxAL4EEJibdtpHV3lM3PAUZiZmZljzej234yvZaeDiP5PAPKuz589/7rX67UW/rS2FzP9vPMHozcGx3O5RY5Zt3KyntnncrGeOcadHKyn/t6didafFM+zWU99UgGAwqpiO0vkqQ8M9KpayzBy1AcGqYUncR1We6c+MAjcFK9hB9QHBqFW/AtqOHVgUCgFzIrfoAXKY4PmvVtMOxTPQRfiq4LmI8ltVf0WZ0EvYgdjd0wuJswp5byaWC8D/4VFn9J1AXNA6erCem4AlFNpvAImqfeRtJ48Aj7ECrCk2MNAvdUSkSd5A9yKhwKwrDZR/Em4cQAYOZL8KWJTcBkoPIhb4IakjwCg9kY5RE9xCVgRH8AR6S2Se9STwJViH1OCwDq9RbIeqwMDdF2aFR4or09AzlOeGgBYFHdj2BEvCD0T31XIbZKPTVQ+xWXQszhE6qK7b8IcUy4E/YrZNJQKMAeUrhHkhA0AzAH1AYJfxWaIOaB+r4Vdi6dCmjmgduMIXxNcTTEH1H4aGVuKq4VE5YTaW2Q+V3zaiGZ2v6m9RfZOrMK9RZ5zOXiLfLcyuQh5z8Vhb+PIv3MeEO/V8KettetX9/t8Nl9H3g==) no-repeat;
  background-position: 50%;
  background-size: contain;
  -webkit-filter: grayscale(1) brightness(.3);
  filter: grayscale(1) brightness(.3);
  z-index: 5
}

#deposit_wallet .redPacket-content-wrapper .redPacket-content-block .redPacket-input-content input {
  margin: 0 auto;
  display: block;
  width: 80%;
  height: 40px;
  border-radius: 20px;
  border: none;
  padding-left: 6%;
  -webkit-box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, .5);
  box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, .5)
}

#deposit_wallet .redPacket-content-wrapper .redPacket-content-block .redPacket-input-content .poperrorMsg {
  right: 80px
}

#deposit_wallet .redPacket-content-wrapper .redPacket-content-block .redPacket-instruct-info {
  background: #ecc741;
  margin: 50px auto 0;
  border-radius: 5px;
  display: inline-block;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#deposit_wallet .redPacket-content-wrapper .redPacket-content-block .redPacket-instruct-info .redPacket-instruct-btn {
  background: transparent;
  border: none;
  padding-right: 15px;
  -webkit-box-shadow: 0 3px 3px 0 rgba(31, 31, 31, .5);
  box-shadow: 0 3px 3px 0 rgba(31, 31, 31, .5)
}

#deposit_wallet .redPacket-content-wrapper .redPacket-content-block .redPacket-instruct-info .redPacket-instruct-btn .redPacket-instruct-img {
  display: inline-block;
  width: 40px;
  height: 45px
}

#deposit_wallet .redPacket-content-wrapper .redPacket-content-block .redPacket-instruct-info .redPacket-instruct-btn .redPacket-instruct-img img {
  width: 100%;
  height: 100%
}

#deposit_wallet .redPacket-content-wrapper .redPacket-content-block .redPacket-instruct-info .redPacket-instruct-btn span {
  vertical-align: middle;
  color: #000
}

.popup-fullScreen-wrapper {
  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
}

.popup-fullScreen-wrapper .popup-redPacketInfo-content {
  width: 80%;
  padding-top: 80px
}

.popup-fullScreen-wrapper .popup-redPacketInfo-content img {
  display: block;
  width: 100%;
  height: 100%
}

.mobile-app #deposit_wallet .redPacket-content-wrapper {
  margin: 8vmin 0
}

.mobile-app #deposit_wallet .redPacket-content-wrapper .redPacket-content-block {
  border-radius: 6.6666666667vmin;
  width: 100%;
  height: auto;
  padding-bottom: 5.3333333333vmin
}

.mobile-app #deposit_wallet .redPacket-content-wrapper .redPacket-content-block .redPacket-title-content {
  padding-top: 2%;
  padding-bottom: 2%
}

.mobile-app #deposit_wallet .redPacket-content-wrapper .redPacket-content-block .redPacket-title-content p, .mobile-app #deposit_wallet .redPacket-content-wrapper .redPacket-content-block .redPacket-title-content span {
  font-size: 4.2666666667vmin
}

.mobile-app #deposit_wallet .redPacket-content-wrapper .redPacket-content-block .redPacket-title-content i {
  top: 1.3333333333vmin;
  width: 6.6666666667vmin;
  height: 6.6666666667vmin
}

.mobile-app #deposit_wallet .redPacket-content-wrapper .redPacket-content-block .redPacket-tips-content {
  margin: 6.6666666667vmin 0 4vmin;
  font-size: 3.7333333333vmin
}

.mobile-app #deposit_wallet .redPacket-content-wrapper .redPacket-content-block .redPacket-input-content:before {
  top: 2.6666666667vmin;
  left: 13.3333333333vmin;
  width: 5.3333333333vmin;
  height: 5.3333333333vmin
}

.mobile-app #deposit_wallet .redPacket-content-wrapper .redPacket-content-block .redPacket-input-content input {
  width: 80%;
  height: 10.6666666667vmin;
  border-radius: 5.3333333333vmin;
  padding-left: 15%;
  -webkit-box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, .5);
  box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, .5)
}

.mobile-app #deposit_wallet .redPacket-content-wrapper .redPacket-content-block .redPacket-input-content .poperrorMsg {
  right: 0
}

.mobile-app #deposit_wallet .redPacket-content-wrapper .redPacket-content-block .redPacket-instruct-info {
  margin: 8vmin auto 0;
  border-radius: 5px
}

.mobile-app #deposit_wallet .redPacket-content-wrapper .redPacket-content-block .redPacket-instruct-info .redPacket-instruct-btn {
  padding-right: 15px;
  -webkit-box-shadow: 0 3px 3px 0 rgba(31, 31, 31, .5);
  box-shadow: 0 3px 3px 0 rgba(31, 31, 31, .5)
}

.mobile-app #deposit_wallet .redPacket-content-wrapper .redPacket-content-block .redPacket-instruct-info .redPacket-instruct-btn .redPacket-instruct-img {
  width: 40px;
  height: 45px
}

.mobile-app #deposit_wallet .redPacket-content-wrapper .redPacket-content-block .redPacket-instruct-info .redPacket-instruct-btn .redPacket-instruct-img img {
  width: 100%;
  height: 100%
}

@media only screen and (min-width:768px) and (max-width:1199px) {
  #deposit_record .searchway-block, #transfer_record .searchway-block {
    margin-bottom: 0
  }

  #deposit_record .searchway-block .el-col, #transfer_record .searchway-block .el-col {
    padding-bottom: 20px
  }
}

.searchway-Btn {
  text-align: center;
  cursor: pointer;
  color: #999;
  padding: 10px 15px;
  line-height: 30px;
  border-radius: 5px;
  border: 1px solid #ddd;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#eee));
  background-image: linear-gradient(180deg, #fff 50%, #eee);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0)
}

.searchway-Btn:focus, .searchway-Btn:hover {
  border-color: #0a1
}

@media only screen and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1), only screen and (max-width:768px), only screen and (min-device-width:1280px) and (max-device-width:1280px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) and (-webkit-min-device-pixel-ratio:2), only screen and (min-device-width:1280px) and (max-device-width:1280px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) and (min-resolution:192dpi), only screen and (min-device-width:1366px) and (max-device-width:1366px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:2), only screen and (min-device-width:1440px) and (max-device-width:1440px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) {
  .searchway-Btn:focus, .searchway-Btn:hover {
    border-color: 1px solid #ddd
  }
}

.searchway-Btn:after {
  font-family: Glyphicons Halflings;
  content: "";
  font-weight: 600;
  margin-left: 10px;
  color: #0a1
}

@media only screen and (min-width:1199px) {
  #deposit_record .money-box, #transfer_record .money-box, #withdraw_record .money-box {
    margin-left: -15%;
    margin-right: -15%
  }
}

@media only screen and (max-width:1399px) {
  .pay-group label {
    width: 25%
  }
}

@media only screen and (max-width:1199px) {
  .pay-group label {
    width: 33.33333333%
  }

  .pay-group label .pay-btn {
    padding: 10px
  }
}

@media only screen and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1), only screen and (max-width:768px), only screen and (min-device-width:1280px) and (max-device-width:1280px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) and (-webkit-min-device-pixel-ratio:2), only screen and (min-device-width:1280px) and (max-device-width:1280px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) and (min-resolution:192dpi), only screen and (min-device-width:1366px) and (max-device-width:1366px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:2), only screen and (min-device-width:1440px) and (max-device-width:1440px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) {
  ul.member-money-btn li {
    width: 30%
  }

  ul.member-money-btn li img {
    display: block;
    border: 0;
    margin: 0 auto
  }

  #member_deposit, #member_transfer, #member_withdrawals {
    margin-top: 0
  }
}

.receipt-account-block {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .1);
  padding: 15px 80px 15px 75px;
  margin-bottom: 20px;
  min-height: 80px;
  position: relative;
  word-break: break-all
}

@media only screen and (max-width:767px) {
  .receipt-account-block {
    padding: 10px 70px 10px 65px;
    margin-bottom: 10px;
    min-height: 65px
  }
}

.receipt-account-block .img-block {
  position: absolute;
  top: 15px;
  left: 15px;
  width: 50px
}

@media only screen and (max-width:767px) {
  .receipt-account-block .img-block {
    top: 10px;
    left: 10px;
    width: 45px
  }
}

.receipt-account-block .img-block img {
  width: 100%
}

.receipt-account-block .img-block .scan-qrcode {
  z-index: 11;
  position: absolute;
  -webkit-transform-origin: top left;
  transform-origin: top left;
  -webkit-transform: scale(0);
  transform: scale(0);
  padding: 10px;
  text-align: center;
  color: #fff;
  background: #2c2c2c
}

.receipt-account-block .img-block:hover .scan-qrcode {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all .5s;
  transition: all .5s
}

.receipt-account-block .info-block li {
  font-size: 14px;
  line-height: 25px
}

@media only screen and (max-width:767px) {
  .receipt-account-block .info-block li {
    line-height: 22px
  }
}

.receipt-account-block .info-block li:first-child {
  font-weight: 700
}

.receipt-account-block .copy-button-block {
  position: absolute;
  top: 15px;
  right: 15px
}

@media only screen and (max-width:767px) {
  .receipt-account-block .copy-button-block {
    top: 10px;
    right: 10px
  }
}

.receipt-account-block .copy-button-block button {
  text-align: center;
  cursor: pointer;
  color: #999;
  line-height: 30px;
  border-radius: 5px;
  border: 1px solid #ddd;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#eee));
  background-image: linear-gradient(180deg, #fff 50%, #eee);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
  width: 55px;
  height: 50px;
  padding: 5px 0;
  font-size: 14px
}

.receipt-account-block .copy-button-block button:focus, .receipt-account-block .copy-button-block button:hover {
  border-color: #ea9f13
}

@media only screen and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1), only screen and (max-width:768px), only screen and (min-device-width:1280px) and (max-device-width:1280px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) and (-webkit-min-device-pixel-ratio:2), only screen and (min-device-width:1280px) and (max-device-width:1280px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) and (min-resolution:192dpi), only screen and (min-device-width:1366px) and (max-device-width:1366px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:2), only screen and (min-device-width:1440px) and (max-device-width:1440px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) {
  .receipt-account-block .copy-button-block button:focus, .receipt-account-block .copy-button-block button:hover {
    border-color: 1px solid #ddd
  }
}

.receipt-account-block .copy-button-block button:after {
  display: none
}

@media only screen and (max-width:767px) {
  .receipt-account-block .copy-button-block button {
    width: 50px;
    height: 45px;
    font-size: 12px
  }
}

.mobile-app #member-section ul.member-money-btn li:hover {
  background: #f0f0f0
}

.mobile-app #member-section ul.member-money-btn li:hover a {
  color: #c2c2c2
}

.mobile-app #member-section ul.member-money-btn li.active {
  background: #e9e9e9
}

.mobile-app #member-section ul.member-money-btn li.active a {
  color: #000
}

.mobile-app .pay-group label:hover .pay-btn {
  background: #fff;
  border-color: #ddd;
  color: #999
}

.mobile-app .pay-group label.active .pay-btn {
  background: #edf6ff;
  border: 1px solid #84c0fe;
  color: #000
}

@media only screen and (max-width:767px) {
  .mobile-app ul.member-money-btn li a {
    font-weight: 400
  }

  .mobile-app .pay-group img {
    width: auto;
    height: 40px
  }

  .mobile-app .pay-group label {
    font-size: 14px
  }

  .mobile-app .notice-box {
    margin-top: 10px
  }

  .mobile-app .notice-box .el-row, .mobile-app .notice-box .el-row .el-col {
    display: block
  }

  .mobile-app .notice-box .el-row .el-col.notice-title {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    padding: 10px;
    line-height: 60px
  }

  .mobile-app .notice-box .el-row .el-col.notice-title .pay-img {
    width: 60px;
    height: 60px;
    display: inline-table;
    margin: 0 10px 0 0;
    padding: 10px 0;
    line-height: 1
  }

  .mobile-app .notice-box .el-row .el-col.notice-title .pay-img img {
    width: 40px;
    height: 40px
  }

  .mobile-app .notice-box .el-row .el-col.notice-content {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-left: 1px solid #ceddce;
    border-top: 0;
    padding: 10px
  }

  .mobile-app .notice-box .tips-box, .mobile-app .receipt-box {
    margin-top: 10px
  }

  .mobile-app .receipt-box .el-row {
    display: block;
    padding: 5px 0
  }

  .mobile-app .receipt-box .el-row .el-col {
    display: block;
    font-size: 12px
  }

  .mobile-app .receipt-box .el-row .el-col.receipt-title {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    padding: 5px;
    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
  }

  .mobile-app .receipt-box .el-row .el-col.receipt-title .receipt-img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #fff;
    margin: 0;
    line-height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
  }

  .mobile-app .receipt-box .el-row .el-col.receipt-title .receipt-img img {
    max-width: 70%;
    margin: 0 auto
  }

  .mobile-app .receipt-box .el-row .el-col.receipt-title .receipt-url {
    margin: 0 10px
  }

  .mobile-app .receipt-box .el-row .el-col.receipt-content {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-left: 1px solid #ceddce;
    border-top: 0;
    padding: 5px 10px
  }

  .mobile-app .receipt-box .el-row .el-col .copyBtn {
    font-size: 12px;
    padding: 0 5px
  }

  .mobile-app .main-account {
    padding: 0
  }

  .mobile-app .main-account .account-total li {
    background-size: 50px;
    background-position: 10px;
    padding: 10px 10px 10px 70px;
    width: 100%
  }

  .mobile-app .main-account .account-total li:not(:first-child) {
    border-left: 0
  }

  .mobile-app .main-account .account-total li h4 {
    font-size: 16px
  }

  .mobile-app .main-account .account-total li h2 {
    font-size: 21px
  }

  .mobile-app .main-account .account-total li h2, .mobile-app .main-account .account-total li h4 {
    line-height: 25px
  }

  .mobile-app .main-account .account-total button {
    margin: 10px auto;
    position: relative
  }

  .mobile-app .main-account button {
    margin-bottom: 20px
  }

  .mobile-app .searchway-block {
    margin-bottom: 0
  }

  .mobile-app .searchway-block .el-col {
    padding-bottom: 20px
  }

  .mobile-app .searchway-block .el-col:nth-child(odd) {
    padding-right: 5px
  }

  .mobile-app .searchway-block .el-col:nth-child(2n) {
    padding-left: 5px
  }
}

@media only screen and (max-width:480px) {
  .mobile-app .pay-group label {
    width: 50%
  }

  .mobile-app .pay-group .deposit-amount {
    width: 25%
  }
}

.memberhall-wrapper {
  background: -webkit-gradient(linear, left top, left bottom, from(#324246), to(#162528));
  background: linear-gradient(180deg, #324246, #162528)
}

.memberhall-wrapper .switch-wrapper {
  padding: 10px 0
}

.memberhall-wrapper .role-container {
  text-align: center;
  padding: 70px 0 100px
}

.memberhall-wrapper .role-container .role-content, .memberhall-wrapper .role-container .role-img {
  display: inline-block;
  vertical-align: top
}

.memberhall-wrapper .role-container .role-content {
  margin-left: 30px;
  height: 200px;
  text-align: left
}

.memberhall-wrapper .role-container .role-content h5 {
  margin-top: 50px;
  color: #fd0;
  font-size: 35pt
}

.memberhall-wrapper .role-container .role-content span {
  font-size: 20pt;
  color: #fff
}

.memberhall-wrapper .hall-btn {
  padding: 0 .5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

.memberhall-wrapper .hall-btn div {
  margin-bottom: 1.5%;
  width: 32.3%
}

.memberhall-wrapper .hall-btn div a {
  border: 1px solid hsla(0, 0%, 100%, .2);
  background: hsla(0, 0%, 100%, .1);
  border-radius: 5px;
  display: block;
  text-align: center;
  padding-bottom: 20px;
  height: 100%
}

.memberhall-wrapper .hall-btn div a img {
  max-width: 100%
}

.memberhall-wrapper .hall-btn div a h4 {
  margin: 0;
  color: #fff
}

.memberhall-wrapper .logout {
  padding: 30px 0;
  text-align: center
}

.memberhall-wrapper .logout a {
  border-radius: 5px;
  border: 1px solid hsla(0, 0%, 100%, .3);
  background: rgba(0, 0, 0, .6);
  color: #464646;
  font-size: 20px;
  padding: 10px 20px
}

#member-hall {
  background-color: #666;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0
}

#member-hall, #member-hall .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

#member-hall .icon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

#member-hall .icon i {
  display: inline-block;
  width: 50%;
  height: 50%
}

#member-hall .icon i.deposit {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/deposit-icon_746666e.webp) no-repeat;
  background-size: contain
}

#member-hall .icon i.withdraw {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/withdraw-icon_241a8b4.webp) no-repeat;
  background-size: contain
}

#member-hall .icon i.backpack {
  position: relative
}

#member-hall .icon i.backpack:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #333;
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDI2IDI2Ij4KICA8cGF0aCBmaWxsPSIjRDhCNTVEIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS43NSAxaDMuNWMuMjkgMCAuNzUuMzIuNzUgMXYxaDFWMmMwLTEuMS0uNzgtMi0xLjc1LTJoLTMuNUMxMC43OCAwIDEwIC45IDEwIDJ2MWgxVjJjMC0uNjguNDYtMSAuNzUtMVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPgo8L3N2Zz4K) center center no-repeat;
  mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDI2IDI2Ij4KICA8cGF0aCBmaWxsPSIjRDhCNTVEIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS43NSAxaDMuNWMuMjkgMCAuNzUuMzIuNzUgMXYxaDFWMmMwLTEuMS0uNzgtMi0xLjc1LTJoLTMuNUMxMC43OCAwIDEwIC45IDEwIDJ2MWgxVjJjMC0uNjguNDYtMSAuNzUtMVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPgo8L3N2Zz4K) center center no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain
}

#member-hall .icon i.backpack:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #333;
  -webkit-mask: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/backpack-minor-icon_34a7395.svg) center center no-repeat;
  mask: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/backpack-minor-icon_34a7395.svg) center center no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain
}

#member-hall .icon i.personInfo {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/person-info-icon_6cf19f3.webp) no-repeat;
  background-size: contain
}

#member-hall .icon i.password {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/password-icon_0768ba2.webp) no-repeat;
  background-size: contain
}

#member-hall .icon i.notify {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/notify-icon_d0c0a57.webp) no-repeat;
  background-size: contain
}

#member-hall .icon i.promotionAmount {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/receive-amount-icon_8ffb73f.webp) no-repeat;
  background-size: contain
}

#member-hall .icon i.feedback {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/feedback-icon_29c61af.webp) no-repeat;
  background-size: contain
}

#member-hall .icon i.transfer {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/transfer-icon_495945e.webp) no-repeat;
  background-size: contain
}

#member-hall .icon i.recommendProfit {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/recommend-profit-icon_d2b2296.webp) no-repeat;
  background-size: contain
}

#member-hall .icon i.recommendCommissionReferral {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/recommend-commission-referral-icon_2305435.webp) no-repeat;
  background-size: contain
}

#member-hall .icon i.recommendBonus {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/recommend-bonus-icon_ac6ee47.webp) no-repeat;
  background-size: contain
}

#member-hall .icon i.invite {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/invite-icon_81810f8.webp) no-repeat;
  background-size: contain
}

#member-hall .icon i.referralRebateBonus {
  background: url(data:image/webp;base64,UklGRhYCAABXRUJQVlA4WAoAAAAQAAAAYwAAYwAAQUxQSGcBAAABgFXbbt1IEATBEAJBEAJBDCYMKgYJg5RBIRhCIBiCIehHsW47/prHWhExAfR3Lasl1zIf3h2482T4cujFczkdvE+lOJxnojidiQW9DvfA5lNpuP4kgU5FcetMuMPKTMhQRnN9Yp40W225vtGERUTWSEVkoWmXqNDUf5sVwWu0Cr58ilT/1pd+xMO//eMD1Ce4vq/NoL1NfIrLu3QO+hmN4CUqBG9/ashmZq+gm5mtnGA1syM6zExLgtXMrAcvM9sWRKmeb48R3h148shX93wtqdIdet5xc2jju92hfck0B+vN6eD9Rh3cEuroKyoO56ihfB17wbwEitNgcfg5VoNWhyMJLOh1uAcWSFSHW1ARRsOISsMVQcP2swA6Bk0gEweOA8WtAeOOMYFVCrmjGgdUYTJGFVUi2lBGsaBOSnLDbHR/YJ50v2GukiG2lqtCo9pyl9LoUnPdmJCLJJmyiyQLZVmSC/1HDABWUDggiAAAADAJAJ0BKmQAZAA+nTqaSAUl9+kUFgJxLSAC2yhb6zbsbZzb5tHEvx4bAC69CXmv8qHYwWppyjcTnu12nGRsPkCnmf1n0yh/FzkD/RLmMbWg7AAA/v80np0od/901T/X0QHFQIryYj//2JMv2hFx3U7/9iKWW9Fr8jUwdCw7XL+h3j/WCFvwAAA=) no-repeat;
  background-size: contain
}

#member-hall .icon i.promotionApply {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/promotion-apply-icon_d4ad379.webp) no-repeat;
  background-size: contain
}

#member-hall .icon i.promotionList {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/promotion-list-icon_099d835.webp) no-repeat;
  background-size: contain
}

#member-hall .icon i.promotionReward {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/promotion-reward-icon_d17b6db.webp) no-repeat;
  background-size: contain
}

#member-hall .icon i.scoinStore {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/scoin-store-icon_9d1db19.webp) no-repeat;
  background-size: contain
}

#member-hall .icon i.jcoinStore {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/jcoin-store-icon_d35b4df.webp) no-repeat;
  background-size: contain
}

#member-hall .icon i.diamondStore {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/diamond-store-icon_3fe342f.webp) no-repeat;
  background-size: contain
}

#member-hall .icon i.pointStore {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/point-store-icon_539b417.webp) no-repeat;
  background-size: contain
}

#member-hall .icon i.tournament {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/tournament-icon_24b4962.webp) no-repeat;
  background-size: contain
}

#member-hall .icon i.depositTournament {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/depositTournament-icon_8bb04a8.webp) no-repeat;
  background-size: contain
}

#member-hall .icon i.ranking {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/ranking-icon_1739e49.webp) no-repeat;
  background-size: contain
}

#member-hall .icon i.luckyDraw {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/lucky-draw-icon_5bfdaa2.webp) no-repeat;
  background-size: contain
}

#member-hall .icon i.missionCenter {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/mission-center-icon_3a00626.webp) no-repeat;
  background-size: contain
}

#member-hall .icon i.checkIn {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/check-in-icon_94b1fbd.webp) no-repeat;
  background-size: contain
}

#member-hall .icon i.voucherCode {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/voucher-code-icon_fb2ff40.webp) no-repeat;
  background-size: contain
}

#member-hall .icon i.communityShare {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/community-share-icon_9167d56.webp) no-repeat;
  background-size: contain
}

#member-hall .icon i.loginSlot {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/login-slot-icon_8dbaa40.webp) no-repeat;
  background-size: contain
}

#member-hall .icon i.depositRecord {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/deposit-record-icon_e941133.webp) no-repeat;
  background-size: contain
}

#member-hall .icon i.withdrawRecord {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/withdraw-record-icon_8d66e8f.webp) no-repeat;
  background-size: contain
}

#member-hall .icon i.transferRecord {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/transfer-record-icon_40af2fd.webp) no-repeat;
  background-size: contain
}

#member-hall .icon i.BetRecord {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/bet-record-icon_7c43973.webp) no-repeat;
  background-size: contain
}

#member-hall .icon i.promotionRecord {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/promotion-record-icon_6f28291.webp) no-repeat;
  background-size: contain
}

#member-hall .icon i.scoinRecord {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/scoin-record-icon_9698f11.webp) no-repeat;
  background-size: contain
}

#member-hall .icon i.jcoinRecord {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/jcoin-record-icon_59181fe.webp) no-repeat;
  background-size: contain
}

#member-hall .icon i.diamondRecord {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/diamond-record-icon_b9e6458.webp) no-repeat;
  background-size: contain
}

#member-hall .icon i.pointRecord {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/point-record-icon_1382519.webp) no-repeat;
  background-size: contain
}

#member-hall .icon i.missionRecord {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/mission-record-icon_cf59b5e.webp) no-repeat;
  background-size: contain
}

#member-hall .icon i.walletRecord {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/wallet-record-icon_6502ea2.webp) no-repeat;
  background-size: contain
}

#member-hall .icon i.scanQRCodeLogin {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/scan-login-icon_13ce975.webp) no-repeat;
  background-size: contain
}

#member-hall .icon i.totalNetWinReward {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/total-net-win-reward-icon_1c73751.webp) no-repeat;
  background-size: contain
}

#member-hall .icon i.lossReward {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/loss-reward-icon_6e6eac1.webp) no-repeat;
  background-size: contain
}

#member-hall .icon i.rewardRecord {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/reward-record-icon_3a62e2f.webp) no-repeat;
  background-size: contain
}

#member-hall .header {
  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;
  height: 12vmin;
  line-height: 12vmin;
  background: #2a2a2a;
  z-index: 1
}

#member-hall .header .back-btn {
  width: 5.3333333333vmin;
  height: 5.3333333333vmin;
  display: block;
  background: url(data:image/webp;base64,UklGRooCAABXRUJQVlA4WAoAAAAwAAAACwAAFAAASUNDUMgBAAAAAAHIAAAAAAQwAABtbnRyUkdCIFhZWiAH4AABAAEAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAACRyWFlaAAABFAAAABRnWFlaAAABKAAAABRiWFlaAAABPAAAABR3dHB0AAABUAAAABRyVFJDAAABZAAAAChnVFJDAAABZAAAAChiVFJDAAABZAAAAChjcHJ0AAABjAAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJYWVogAAAAAAAAb6IAADj1AAADkFhZWiAAAAAAAABimQAAt4UAABjaWFlaIAAAAAAAACSgAAAPhAAAts9YWVogAAAAAAAA9tYAAQAAAADTLXBhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACAAAAAcAEcAbwBvAGcAbABlACAASQBuAGMALgAgADIAMAAxADZBTFBIbgAAAAF3YJBt5NwdwRXhDT4iIjhYH3CWbdtznN9nE2G+AYiggwRvBgkckoiy3gAi+Ll5UhgVIvqvMGkDJun4BcoM6bVGiTnpdW5QYkF6RZMSmfSKFiUyntHG+1ThEkOsYlfhGoOP2/q43v/bRIbHB8sWVlA4ICYAAACwAgCdASoMABUAPzWCt1MvKKUisAgB4CaJaQAAeyAA/u8StAAAAA==) no-repeat;
  background-size: contain;
  border: none;
  position: absolute;
  left: 4vmin
}

#member-hall .header .title {
  color: #fff;
  font-size: 4.8vmin;
  font-weight: 700
}

#member-hall .wrap {
  height: calc(100vh - 29.33333vmin);
  overflow-y: auto;
  margin-bottom: 16vmin
}

#member-hall .wrap::-webkit-scrollbar {
  display: none
}

#member-hall .member-info {
  padding: 5.3333333333vmin
}

#member-hall .member-info .mem-row, #member-hall .member-info .mem-row .left-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#member-hall .member-info .mem-row .left-box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 22.6666666667vmin;
  margin-right: 4vmin
}

#member-hall .member-info .mem-row .left-box .mem-icon {
  height: 22.6666666667vmin;
  width: 22.6666666667vmin;
  border-radius: 50%;
  background: linear-gradient(115.69deg, #027b87 -2.72%, #004954 97.28%);
  position: relative
}

#member-hall .member-info .mem-row .left-box .mem-icon:after {
  content: "";
  position: absolute;
  top: .5333333333vmin;
  bottom: .5333333333vmin;
  left: .5333333333vmin;
  right: .5333333333vmin;
  border-radius: 50%;
  background: #000
}

#member-hall .member-info .mem-row .left-box .mem-icon .img {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/user-default-image_e97070d.webp) no-repeat;
  background-size: contain;
  position: absolute;
  top: .5333333333vmin;
  bottom: .5333333333vmin;
  left: .5333333333vmin;
  right: .5333333333vmin;
  border-radius: 50%;
  z-index: 1
}

#member-hall .member-info .mem-row .right-box {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

#member-hall .member-info .mem-row .right-box .mem-name {
  color: #fff;
  font-size: 4.2666666667vmin;
  font-weight: 700;
  margin-bottom: 2.6666666667vmin;
  text-shadow: 0 .2666666667vmin .5333333333vmin 0 rgba(0, 0, 0, .69804)
}

#member-hall .member-info .mem-row .right-box .total-amount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-size: 5.3333333333vmin;
  font-weight: 600;
  margin-bottom: 2.6666666667vmin
}

#member-hall .member-info .mem-row .right-box .total-amount span {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: left
}

#member-hall .member-info .mem-row .right-box .total-amount i {
  width: 5.3333333333vmin;
  height: 5.3333333333vmin;
  font-size: 5.3333333333vmin;
  margin-left: 2.6666666667vmin;
  color: #ffc75a
}

#member-hall .member-info .vip-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 1.3333333333vmin 0
}

#member-hall .member-info .vip-row .vip-box {
  width: 20vmin;
  height: 7.4666666667vmin;
  margin-left: 1.3333333333vmin;
  line-height: 7.4666666667vmin;
  border-radius: 1.3333333333vmin;
  background: linear-gradient(115.69deg, #027b87 -2.72%, #004954 97.28%);
  color: #fff;
  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
}

#member-hall .member-info .vip-row .vip-box .vip-icon {
  width: 3.7333333333vmin;
  height: 3.2vmin;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/vip-icon_c661c28.webp) no-repeat;
  background-size: contain;
  margin-right: 1.3333333333vmin;
  -webkit-filter: drop-shadow(0 .2666666667vmin .5333333333vmin rgba(0, 0, 0, .7));
  filter: drop-shadow(0 .2666666667vmin .5333333333vmin rgba(0, 0, 0, .7))
}

#member-hall .member-info .vip-row .vip-box .vip-name {
  text-shadow: 0 .2666666667vmin .5333333333vmin rgba(0, 0, 0, .5), 0 .2666666667vmin .5333333333vmin rgba(0, 0, 0, .5), 0 .2666666667vmin .5333333333vmin rgba(0, 0, 0, .5)
}

#member-hall .member-info .vip-row .vip-bar {
  margin-left: 4vmin;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  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: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

#member-hall .member-info .vip-row .vip-bar .vip-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff
}

#member-hall .member-info .vip-row .vip-bar .vip-info .complete-num {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 3.2vmin;
  font-weight: 400
}

#member-hall .member-info .vip-row .vip-bar .vip-info .next-level {
  font-size: 3.2vmin;
  font-weight: 700
}

#member-hall .member-info .vip-row .vip-bar .vip-info .play-icon {
  background: linear-gradient(115.69deg, #027b87 -2.72%, #004954 97.28%);
  border-radius: 50%;
  width: 4.2666666667vmin;
  height: 4.2666666667vmin;
  line-height: 4.2666666667vmin;
  margin-left: 2.6666666667vmin;
  font-size: 2.1333333333vmin;
  text-align: center
}

#member-hall .member-info .vip-row .vip-bar .progress-bar .el-progress, #member-hall .member-info .vip-row .vip-bar .progress-bar .el-progress-bar__outer {
  height: 2.4vmin !important
}

#member-hall .member-info .vip-row .vip-bar .progress-bar .el-progress-bar__inner {
  background: linear-gradient(115.69deg, #027b87 -2.72%, #004954 97.28%)
}

#member-hall .member-info .recommend-now {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 2.6666666667vmin;
  margin: 5.3333333333vmin 0 0;
  border-radius: 2.6666666667vmin;
  background: linear-gradient(115.69deg, #027b87 -2.72%, #004954 97.28%);
  position: relative
}

#member-hall .member-info .recommend-now:before {
  content: "";
  position: absolute;
  top: .5333333333vmin;
  bottom: .5333333333vmin;
  left: .5333333333vmin;
  right: .5333333333vmin;
  border-radius: 2.6666666667vmin;
  background: #2a2a2a
}

#member-hall .member-info .recommend-now .recommend-now-content {
  z-index: 1
}

#member-hall .member-info .recommend-now .recommend-now-link-title {
  color: #fff
}

#member-hall .member-info .recommend-now .recommend-now-link-input {
  padding-left: 1.3333333333vmin
}

#member-hall .member-info .recommend-now .copy-link-btn {
  position: relative
}

#member-hall .member-info .recommend-now .copy-link-btn img {
  width: 6.4vmin;
  -webkit-filter: brightness(0) grayscale(1);
  filter: brightness(0) grayscale(1)
}

#member-hall .member-info .recommend-now .copy-link-btn:after {
  content: "";
  display: inline-block;
  background: linear-gradient(115.69deg, #027b87 -2.72%, #004954 97.28%);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
  mix-blend-mode: screen;
  z-index: 1
}

#member-hall .member-info .recommend-now .recommend-now-qrcode-mini-btn {
  width: 11.2vmin;
  height: 11.2vmin;
  background: linear-gradient(115.69deg, #027b87 -2.72%, #004954 97.28%);
  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
}

#member-hall .member-info .recommend-now .recommend-now-qrcode-mini-btn img {
  -webkit-filter: brightness(10) grayscale(1);
  filter: brightness(10) grayscale(1);
  height: 6.4vmin;
  width: 6.4vmin
}

#member-hall .menu {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 5.3333333333vmin 5.3333333333vmin
}

#member-hall .menu .item-group {
  -webkit-box-shadow: 0 1.0666666667vmin 1.0666666667vmin 0 rgba(0, 0, 0, .25098);
  box-shadow: 0 1.0666666667vmin 1.0666666667vmin 0 rgba(0, 0, 0, .25098);
  margin-bottom: 4vmin
}

#member-hall .menu .item-group.no-shadow {
  -webkit-box-shadow: none;
  box-shadow: none
}

#member-hall .menu .item-group .title {
  height: 11.7333333333vmin;
  line-height: 11.7333333333vmin;
  padding: 0 5.3333333333vmin;
  background: hsla(0, 0%, 100%, .12549);
  border-radius: 1.3333333333vmin 1.3333333333vmin 0 0;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#member-hall .menu .item-group .title span {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

#member-hall .menu .item-group .title .edit-btn {
  width: 7.4666666667vmin;
  height: 7.4666666667vmin;
  border-radius: 50%;
  background: linear-gradient(115.69deg, #027b87 -2.72%, #004954 97.28%);
  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;
  border: none
}

#member-hall .menu .item-group .title .edit-btn .edit {
  width: 3.2vmin;
  height: 3.2vmin;
  min-width: 3.2vmin;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/edit-icon_a003fe4.webp) no-repeat;
  background-size: cover
}

#member-hall .menu .item-group .content {
  padding: 3.2vmin 3.2vmin 0;
  background: hsla(0, 0%, 100%, .06275);
  border-radius: 0 0 1.3333333333vmin 1.3333333333vmin;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

#member-hall .menu .item-group .content .item {
  width: 25%;
  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-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 3.2vmin;
  position: relative
}

#member-hall .menu .item-group .content .item.disabled {
  opacity: .3;
  pointer-events: none
}

#member-hall .menu .item-group .content .item .unRead {
  position: absolute;
  top: -1.3333333333vmin;
  right: 2.6666666667vmin;
  background: #f55;
  border-radius: 2.4vmin;
  padding: 0 1.0666666667vmin;
  color: #fff;
  font-size: 2.6666666667vmin;
  line-height: normal;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 5.3333333333vmin;
  min-width: 5.3333333333vmin
}

#member-hall .menu .item-group .content .item .icon {
  width: 12vmin;
  height: 12vmin;
  background: #fff;
  -webkit-box-shadow: -1px -2px 4px 0 rgba(0, 0, 0, .30196) inset;
  box-shadow: inset -1px -2px 4px 0 rgba(0, 0, 0, .30196);
  border-radius: 50%
}

#member-hall .menu .item-group .content .item .label {
  margin-top: 1.3333333333vmin;
  font-size: 2.6666666667vmin;
  font-weight: 400;
  width: 17.3333333333vmin;
  text-wrap: wrap;
  color: #fff;
  text-align: center
}

#member-hall .menu .item-group .content .login-pass-box {
  width: 100%;
  background: hsla(0, 0%, 100%, .2);
  height: 10.6666666667vmin;
  margin: 2.6666666667vmin;
  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;
  border-radius: 5.3333333333vmin
}

#member-hall .menu .item-group .content .login-pass-box .login-pass-icon {
  width: 5.3333333333vmin;
  height: 5.3333333333vmin;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/login-pass-icon_4505a45.webp) no-repeat;
  background-size: contain
}

#member-hall .menu .item-group .content .login-pass-box .label {
  font-size: 3.2vmin;
  font-weight: 400;
  color: #fff;
  padding: 0 2.6666666667vmin
}

#member-hall .menu .logout {
  margin: 0 auto;
  padding: 0 5.3333333333vmin;
  height: 10.6666666667vmin;
  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
}

#member-hall .menu .logout .logout-icon {
  width: 5.3333333333vmin;
  height: 5.3333333333vmin;
  margin-right: 1.3333333333vmin
}

#member-hall .menu .logout .logout-icon svg {
  fill: #fff
}

#member-hall .menu .logout span {
  color: #fff;
  font-size: 3.2vmin;
  font-weight: 500
}

#member-hall .edit-usual-list-modal {
  position: fixed;
  top: 0;
  left: 100%;
  width: 100%;
  bottom: 0;
  z-index: 4;
  background: #2a2a2a;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

#member-hall .edit-usual-list-modal.show {
  left: 0
}

#member-hall .edit-usual-list-modal .save-btn {
  border: none;
  position: absolute;
  right: 4vmin;
  font-size: 4.8vmin;
  font-weight: 600;
  color: #33cf5c;
  background: none
}

#member-hall .edit-usual-list-modal .modal-body {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow-y: auto;
  padding-bottom: 21.3333333333vmin
}

#member-hall .edit-usual-list-modal .modal-body .modal-group {
  margin: 2.6666666667vmin 5.3333333333vmin
}

#member-hall .edit-usual-list-modal .modal-body .modal-group .label {
  font-size: 3.7333333333vmin;
  font-weight: 700;
  color: #fff;
  padding: 2.6666666667vmin 0
}

#member-hall .edit-usual-list-modal .modal-body .modal-group .list {
  -webkit-box-shadow: 0 1.0666666667vmin 1.0666666667vmin 0 rgba(0, 0, 0, .25098);
  box-shadow: 0 1.0666666667vmin 1.0666666667vmin 0 rgba(0, 0, 0, .25098);
  background: #3a3a3a;
  border-radius: 1.3333333333vmin;
  padding: 2.6666666667vmin
}

#member-hall .edit-usual-list-modal .modal-body .modal-group .list .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: .8vmin 2.6666666667vmin;
  background: #3a3a3a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

#member-hall .edit-usual-list-modal .modal-body .modal-group .list .item.disabled .icon, #member-hall .edit-usual-list-modal .modal-body .modal-group .list .item.disabled .label {
  opacity: .3;
  pointer-events: none
}

#member-hall .edit-usual-list-modal .modal-body .modal-group .list .item.sortable-ghost .fa-bars, #member-hall .edit-usual-list-modal .modal-body .modal-group .list .item.sortable-ghost .icon, #member-hall .edit-usual-list-modal .modal-body .modal-group .list .item.sortable-ghost .label, #member-hall .edit-usual-list-modal .modal-body .modal-group .list .item.sortable-ghost .minus-btn, #member-hall .edit-usual-list-modal .modal-body .modal-group .list .item.sortable-ghost .plus-btn {
  opacity: 0
}

#member-hall .edit-usual-list-modal .modal-body .modal-group .list .item.sortable-drag {
  -webkit-box-shadow: 0 1.0666666667vmin 1.0666666667vmin 0 rgba(0, 0, 0, .25098);
  box-shadow: 0 1.0666666667vmin 1.0666666667vmin 0 rgba(0, 0, 0, .25098)
}

#member-hall .edit-usual-list-modal .modal-body .modal-group .list .item:not(:last-child) {
  border-bottom: .2666666667vmin solid hsla(0, 0%, 100%, .08235)
}

#member-hall .edit-usual-list-modal .modal-body .modal-group .list .item .label {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #cacaca;
  font-size: 3.2vmin;
  font-weight: 500;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

#member-hall .edit-usual-list-modal .modal-body .modal-group .list .item .minus-btn, #member-hall .edit-usual-list-modal .modal-body .modal-group .list .item .plus-btn {
  border: none;
  border-radius: 50%;
  width: 5.3333333333vmin;
  height: 5.3333333333vmin;
  max-width: 5.3333333333vmin;
  max-height: 5.3333333333vmin;
  padding: 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
}

#member-hall .edit-usual-list-modal .modal-body .modal-group .list .item .minus-btn[disabled], #member-hall .edit-usual-list-modal .modal-body .modal-group .list .item .plus-btn[disabled] {
  background: #ccc
}

#member-hall .edit-usual-list-modal .modal-body .modal-group .list .item .minus-btn i, #member-hall .edit-usual-list-modal .modal-body .modal-group .list .item .plus-btn i {
  color: #fff;
  font-size: 3.2vmin
}

#member-hall .edit-usual-list-modal .modal-body .modal-group .list .item .plus-btn {
  background: #33cf5c
}

#member-hall .edit-usual-list-modal .modal-body .modal-group .list .item .minus-btn {
  background: #fd453b
}

#member-hall .edit-usual-list-modal .modal-body .modal-group .list .item .icon {
  width: 5.3333333333vmin;
  height: 5.3333333333vmin;
  max-width: 5.3333333333vmin;
  max-height: 5.3333333333vmin;
  margin: 0 2.6666666667vmin;
  background: #fff;
  -webkit-box-shadow: -.2666666667vmin -.5333333333vmin 1.0666666667vmin 0 rgba(0, 0, 0, .30196) inset;
  box-shadow: inset -.2666666667vmin -.5333333333vmin 1.0666666667vmin 0 rgba(0, 0, 0, .30196);
  border-radius: 50%
}

#member-hall .edit-usual-list-modal .modal-body .modal-group .list .item .fa-bars {
  font-size: 3.2vmin;
  color: #fff
}

.mobile-app[\:has\(\%23member-hall\)] .mob_view .footerSeo-wrapper {
  display: none
}

.mobile-app:has(#member-hall) .mob_view .footerSeo-wrapper {
  display: none
}

@media only screen and (max-width:767px) {
  .memberhall-wrapper .role-container {
    padding: 30px 0
  }

  .memberhall-wrapper .role-container .role-img img {
    width: 100px
  }

  .memberhall-wrapper .role-container .role-content {
    height: 100px;
    margin-left: 15px
  }

  .memberhall-wrapper .role-container .role-content h5 {
    margin-top: 15px;
    font-size: 24pt
  }

  .memberhall-wrapper .role-container .role-content span {
    font-size: 16pt
  }

  .memberhall-wrapper .hall-btn {
    padding: 0 10px
  }
}

@media only screen and (max-width:768px), screen and (-webkit-min-device-pixel-ratio:2) and (max-device-width:1366px) {
  .memberhall-wrapper .hall-btn {
    padding: 0 20px
  }
}

@media only screen and (max-width:480px) {
  .memberhall-wrapper .hall-btn div, .memberhall-wrapper .hall-btn div:nth-child(-n+3) {
    width: 100%;
    margin-bottom: 5px
  }

  .memberhall-wrapper .hall-btn div:nth-child(-n+3) a, .memberhall-wrapper .hall-btn div a {
    padding: 0;
    min-height: 60px
  }

  .memberhall-wrapper .hall-btn div:nth-child(-n+3) a img, .memberhall-wrapper .hall-btn div a img {
    height: 50px;
    float: left
  }

  .memberhall-wrapper .hall-btn div:nth-child(-n+3) a h4, .memberhall-wrapper .hall-btn div a h4 {
    margin: 0;
    color: #fff;
    float: left;
    line-height: 60px;
    clear: right
  }
}

@media only screen and (max-width:360px) {
  .memberhall-wrapper .role-container .role-content h5 {
    font-size: 22pt
  }
}

@media only screen and (max-width:320px) {
  .memberhall-wrapper .role-container .role-img {
    display: block
  }

  .memberhall-wrapper .role-container .role-content {
    display: block;
    margin-left: 0;
    text-align: center
  }

  .memberhall-wrapper .role-container .role-content h5 {
    font-size: 20pt
  }
}

.memberhall-wrapper {
  position: relative;
  z-index: 1;
  background-size: 100%
}

.memberhall-wrapper .switch-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin: 20px 0;
  font-size: 18px
}

.memberhall-wrapper .switch-wrapper .fastlogin-switch-input {
  opacity: 0;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  padding: 0;
  width: 0;
  height: 0;
  position: absolute
}

.memberhall-wrapper .switch-wrapper .fastlogin-switch {
  display: inline-block;
  background: #bbb;
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
  border-radius: 50px;
  outline: 0;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0 15px;
  height: 25px;
  width: 50px;
  position: relative;
  top: 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all .4s;
  transition: all .4s
}

.memberhall-wrapper .switch-wrapper .fastlogin-switch-input:checked~.fastlogin-switch {
  background: #9bffcd;
  -webkit-box-shadow: i inset 0 0 0 15px #9bffcd;
  box-shadow: inset 0 0 0 15px i #9bffcd;
  -webkit-transition: all .25s;
  transition: all .25s
}

.memberhall-wrapper .switch-wrapper .fastlogin-switch-input:checked~.fastlogin-switch:before {
  content: "";
  display: block;
  border-radius: 40px;
  height: 25px;
  width: 25px;
  position: absolute;
  left: 8px;
  top: 0;
  bottom: 2px;
  right: auto;
  -webkit-transform: translate(0);
  transform: translate(0);
  -webkit-transition: all .26s;
  transition: all .26s
}

.memberhall-wrapper .switch-wrapper .fastlogin-switch-input:checked~.fastlogin-switch.dark {
  background: #04df73;
  -webkit-box-shadow: inset 0 0 0 15px #04df73;
  box-shadow: inset 0 0 0 15px #04df73
}

.memberhall-wrapper .switch-wrapper .fastlogin-switch-input:checked~.fastlogin-switch:before {
  background: #04df73;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 0 0 16px transparent;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 0 0 16px transparent;
  -webkit-transform: translate(18px);
  transform: translate(18px)
}

.memberhall-wrapper .switch-wrapper .fastlogin-switch-input:checked~.fastlogin-switch.dark:before {
  background: #fff
}

.memberhall-wrapper .switch-wrapper .fastlogin-switch-input~.fastlogin-switch:before {
  content: "";
  display: block;
  border-radius: 40px;
  background: #fff;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 0 0 16px transparent;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 0 0 16px transparent;
  height: 25px;
  width: 25px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 2px;
  right: auto;
  -webkit-transform: translate(0);
  transform: translate(0);
  -webkit-transition: all .26s;
  transition: all .26s
}

.memberhall-wrapper .switch-wrapper .fastlogin-switch.dark:active:before {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 0 0 16px transparent;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 0 0 16px transparent
}

.memberhall-wrapper .switch-wrapper .pure-css-switch {
  background: #e8e8e8;
  border-radius: 5px;
  -webkit-box-shadow: 1px 2px 4px 0 rgba(19, 19, 19, .38);
  box-shadow: 1px 2px 4px 0 rgba(19, 19, 19, .38);
  padding: 20px;
  width: 100%;
  float: left
}

.memberhall-wrapper .switch-wrapper .pure-css-switch.dark-bg {
  background: #1e1e1e;
  text-align: center;
  color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none
}

.memberhall-wrapper .info-box {
  padding: 30px 0;
  text-align: center
}

.memberhall-wrapper .info-box .info {
  margin: 0 auto
}

.memberhall-wrapper .info-box .info.column .detail {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.memberhall-wrapper .info-box .info .member-center {
  display: inline-block;
  padding: 0 30px;
  line-height: 54px;
  text-align: center;
  font-size: 32px;
  color: #fd0
}

.memberhall-wrapper .info-box .info .detail, .memberhall-wrapper .info-box .info .detail .level {
  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
}

.memberhall-wrapper .info-box .info .detail .level {
  width: 100px;
  height: 70px;
  position: relative;
  color: #fff
}

.memberhall-wrapper .info-box .info .detail .level img {
  position: relative;
  top: -5px;
  width: 65px
}

.memberhall-wrapper .info-box .info .detail .level .vip {
  width: 100%;
  height: auto;
  position: absolute;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  line-height: 23px;
  font-family: Arial;
  font-size: 14px;
  background: #222;
  border: 1px solid #10a6b8;
  border-radius: 13.5px
}

.memberhall-wrapper .info-box .info .detail .level .vip span {
  position: relative;
  top: 1px;
  font-size: 14px
}

.memberhall-wrapper .info-box .info .detail .level .vip b {
  margin-left: 5px;
  font-size: 18px
}

.memberhall-wrapper .info-box .info .detail .username {
  margin-left: 10px;
  font-size: 30px;
  font-weight: 700;
  color: #fff
}

.memberhall-wrapper .level-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 5.3333333333vmin
}

.memberhall-wrapper .level-box .level {
  margin: 0 3.7333333333vmin
}

.memberhall-wrapper .level-box .level img {
  position: relative;
  width: 10.6666666667vmin
}

.memberhall-wrapper .level-box .content .username {
  font-size: 5.6vmin;
  font-weight: 700;
  color: #fff
}

.memberhall-wrapper .level-box .content .vip {
  font-family: Arial;
  background: #222;
  border: 1px solid #faf872;
  border-radius: 13.5px;
  font-size: 3.2vmin;
  color: #fff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: .2666666667vmin 2.6666666667vmin
}

.memberhall-wrapper .level-box .content .vip b {
  margin-left: 5px;
  font-weight: 700
}

.memberhall-wrapper .menu-box {
  padding: 0 .5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

.memberhall-wrapper .menu-box div {
  margin-bottom: 1.5%;
  width: 32.3%;
  background-color: #000;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 10px 1px #0cf, inset 0 0 15px 0 #0cf;
  box-shadow: 0 0 10px 1px #0cf, inset 0 0 15px 0 #0cf;
  border: 1px solid #5ef
}

.memberhall-wrapper .menu-box div a {
  border: 1px solid hsla(0, 0%, 100%, .2);
  background: hsla(0, 0%, 100%, .1);
  border-radius: 5px;
  display: block;
  text-align: center;
  padding-bottom: 20px;
  height: 100%
}

.memberhall-wrapper .menu-box div a img {
  max-width: 100%
}

.memberhall-wrapper .menu-box div a h4 {
  margin: 0;
  color: #fff
}

.memberhall-wrapper .logout-box {
  padding: 30px 0;
  text-align: center
}

.memberhall-wrapper .logout-box a {
  display: inline-block;
  padding: 0 45px;
  line-height: 58px;
  font-size: 18px;
  color: #464646;
  background: rgba(0, 0, 0, .6);
  border: 1px solid hsla(0, 0%, 100%, .3);
  border-radius: 5px
}

.mobile-app .memberhall-wrapper .info-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 8vmin 2.6666666667vmin
}

.mobile-app .memberhall-wrapper .info-box .info .member-center {
  font-size: 6.4vmin
}

.mobile-app .memberhall-wrapper .info-box .info .detail .username {
  font-size: 5.3333333333vmin
}

.mobile-app .memberhall-wrapper .info-box .info .detail div:only-child {
  margin-left: 0
}

.mobile-app .memberhall-wrapper .info-box .level {
  width: 26.6666666667vmin;
  height: 18.6666666667vmin
}

.mobile-app .memberhall-wrapper .info-box .level img {
  position: relative;
  width: 17.3333333333vmin
}

.mobile-app .memberhall-wrapper .menu-box {
  padding: 0 2.6666666667vmin
}

.mobile-app .memberhall-wrapper .menu-box div {
  margin-bottom: 1.3333333333vmin;
  width: 100%
}

.mobile-app .memberhall-wrapper .menu-box div a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0
}

.mobile-app .memberhall-wrapper .menu-box div a i {
  width: 16vmin;
  height: 16vmin;
  padding: 2.6666666667vmin
}

.mobile-app .memberhall-wrapper .menu-box div a i img {
  width: 100%;
  height: 100%
}

.mobile-app .memberhall-wrapper .logout-box {
  padding: 8vmin 0
}

.mobile-app .memberhall-wrapper .logout-box a {
  padding: 0 12vmin;
  line-height: 15.4666666667vmin;
  font-size: 4.8vmin;
  border: 1px solid hsla(0, 0%, 100%, .3);
  border-radius: 1.3333333333vmin
}

@media only screen and (min-width:480px) {
  .mobile-app .memberhall-wrapper .menu-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .mobile-app .memberhall-wrapper .menu-box div {
    width: 31%
  }

  .mobile-app .memberhall-wrapper .menu-box div a {
    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: 2.6666666667vmin;
    border-radius: 1.3333333333vmin
  }
}

@media only screen and (min-width:768px) {
  .mobile-app .memberhall-wrapper .info-box {
    padding: 4vmin 1.3333333333vmin
  }

  .mobile-app .memberhall-wrapper .info-box .info .member-center {
    font-size: 3.2vmin
  }

  .mobile-app .memberhall-wrapper .info-box .info .detail {
    margin-left: 1.3333333333vmin
  }

  .mobile-app .memberhall-wrapper .info-box .info .detail .username {
    font-size: 2.6666666667vmin
  }

  .mobile-app .memberhall-wrapper .info-box .level {
    width: 13.3333333333vmin;
    height: 9.3333333333vmin
  }

  .mobile-app .memberhall-wrapper .info-box .level img {
    width: 8.6666666667vmin
  }

  .mobile-app .memberhall-wrapper .menu-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .mobile-app .memberhall-wrapper .menu-box div {
    width: 31%
  }

  .mobile-app .memberhall-wrapper .menu-box div a {
    padding: 1.3333333333vmin;
    border-radius: .6666666667vmin
  }

  .mobile-app .memberhall-wrapper .logout-box {
    padding: 4vmin 0
  }

  .mobile-app .memberhall-wrapper .logout-box a {
    padding: 0 6vmin;
    line-height: 7.7333333333vmin;
    font-size: 2.4vmin;
    border: 1px solid hsla(0, 0%, 100%, .3);
    border-radius: .6666666667vmin
  }
}

.mobile-app #member-hall {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/memberhall-bg_5620cf6.webp) no-repeat;
  background-size: cover
}

.mobile-app #member-hall .member-info .mem-row .right-box .total-amount i {
  color: #027b87
}

.mobile-app #member-hall .menu .logout .logout-icon svg {
  fill: #027b87
}

.mobile-app #member-hall .menu .logout span {
  color: #027b87
}

#member_rank .rank-block {
  border-radius: 10px;
  padding: 0;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  background-color: #f4f4f4;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  min-height: 265px
}

#member_rank .rank-block .member-rank {
  margin: 0;
  padding: 20px 40px 20px 60px;
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 260px;
  flex: 0 0 260px;
  -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
}

#member_rank .rank-block .member-rank, #member_rank .rank-block .member-rank .member-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#member_rank .rank-block .member-rank .member-box {
  margin-bottom: 20px
}

#member_rank .rank-block .member-rank .member-box img {
  max-width: 60px
}

#member_rank .rank-block .member-rank .member-box .rank-info {
  margin-left: 20px;
  line-height: 20px
}

[dir=rtl] #member_rank .rank-block .member-rank .member-box .rank-info {
  margin-left: 0;
  margin-right: 20px
}

#member_rank .rank-block .member-rank .member-box .rank-info .rank-title {
  color: #7d7d7d;
  font-size: 24px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  margin-bottom: 10px
}

#member_rank .rank-block .member-rank .member-box .rank-info .rank-title span {
  color: #00a0f9;
  font-size: 36px;
  margin-left: 10px
}

#member_rank .rank-block .member-rank .member-box .rank-info .member-name {
  font-size: 24px;
  font-weight: 700;
  color: #464646
}

#member_rank .rank-block .member-rank.top-rank {
  padding: 15px;
  background-image: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/top-rank-bg_ab212b7.webp);
  background-position: 50%;
  background-size: cover;
  -o-object-fit: contain;
  object-fit: contain
}

#member_rank .rank-block .member-rank.top-rank .member-box {
  display: block;
  position: relative;
  margin-bottom: 5px
}

#member_rank .rank-block .member-rank.top-rank .member-box img {
  max-width: 100%
}

#member_rank .rank-block .member-rank.top-rank .member-box .rank-info {
  margin-left: unset
}

#member_rank .rank-block .member-rank.top-rank .member-box .rank-info .rank-title {
  text-align: center;
  position: absolute;
  top: 45%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-shadow: 0 2px 2px #000
}

#member_rank .rank-block .member-rank.top-rank .member-box .rank-info .rank-title span {
  display: block;
  background-image: radial-gradient(circle at 50%, at 50%, rgba(174, 112, 20, .93), #000 0);
  background-image: radial-gradient(circle at 50% 50%, rgba(174, 112, 20, .93), #000 40%);
  margin: unset;
  font-size: 10px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: none
}

#member_rank .rank-block .member-rank.top-rank .member-box .rank-info .rank-title span.top {
  font-size: 48px;
  font-weight: 900;
  text-shadow: 0 2px 2px #000;
  line-height: 1;
  position: relative
}

#member_rank .rank-block .member-rank.top-rank .member-box .rank-info .rank-title span.top:before {
  content: attr(text);
  position: absolute;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(31%, rgba(63, 40, 7, .95)), color-stop(56%, rgba(174, 112, 20, .93)), color-stop(80%, rgba(37, 24, 4, .95)));
  background-image: linear-gradient(180deg, rgba(63, 40, 7, .95) 31%, rgba(174, 112, 20, .93) 56%, rgba(37, 24, 4, .95) 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: none
}

#member_rank .rank-block .member-rank.top-rank .member-box .rank-info .member-name {
  color: #00a0f9;
  font-size: 21px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center
}

#member_rank .link-block {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
  grid-gap: 10px;
  gap: 10px;
  margin: 20px 0
}

#member_rank .link-block, #member_rank .link-block .link-btn {
  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
}

#member_rank .link-block .link-btn {
  padding: 10px 20px;
  margin: 15px 0;
  background: -webkit-gradient(linear, left top, right top, from(#fbf1b8), to(#da9f31));
  background: linear-gradient(90deg, #fbf1b8, #da9f31);
  background: var(--vip-zone-link-btn-bg);
  border-radius: 20px;
  border-radius: var(--vip-zone-link-btn-border-radius);
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
  -webkit-box-shadow: var(--vip-zone-link-btn-box-shadow);
  box-shadow: var(--vip-zone-link-btn-box-shadow);
  border: 0;
  border: var(--vip-zone-link-btn-box-border);
  min-width: 200px;
  cursor: pointer
}

#member_rank .link-block .link-btn span {
  color: #333;
  color: var(--vip-zone-link-btn-color)
}

#member_rank .link-block .link-btn .icon, #member_rank .link-block .link-btn span {
  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
}

#member_rank .link-block .link-btn .icon {
  margin-left: 10px;
  width: 20px;
  height: 20px;
  background: url(data:image/webp;base64,UklGRkIBAABXRUJQVlA4TDYBAAAvJ8AJEH+gqG0bKJ32utGMP7TRUNS2DZROe91oxh/aFLVtA6XTXjea8Yc2tZGkNt9/aVRASOpBLlYAuLsv6QLv/wtQSQowsM1MzIzcvSXdmcHuIiIAuLU2K26emKJZMbNUA7PsmGPOsQGljqiBVeaQ+rBLUAlbgmnmf1NCRP8ZuG3biG1v73M+YXi7P27NL18MbO4usXYXB167JNpNQuoRaM/CFcEW4dsy2CnbdEKWFv6Xtbn+80BMGfSYMQNuC3yA9e8KWnUdwZPq8SsS0CwyBbySECwA35/CJod8i9k6A32Jz5qGvsvMXgrbMjNHo25R4lKaQ2ZpzYX2MppvdZrTfNN1QfPtN1PJIyl4JaA5RVzH/s/rcfnPyzgwA45wNh7sYqqs6TKpy64q46pa0NWMvrZUNWgA) 50% no-repeat;
  background-size: cover
}

[dir=rtl] #member_rank .link-block .link-btn .icon {
  margin-left: 0;
  margin-right: 10px
}

#member_rank .bonus-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 265px;
  padding: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 10px;
  gap: 10px;
  align-self: stretch;
  border-radius: 10px;
  background: #f4f4f4;
  background: var(--vip-zone-bonus-block-bg);
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  -webkit-box-shadow: var(--vip-zone-bonus-block-box-shadow);
  box-shadow: var(--vip-zone-bonus-block-box-shadow)
}

#member_rank .bonus-block .bonus-title {
  width: 100%;
  text-align: left;
  color: #000;
  color: var(--vip-zone-bonus-block-title-color);
  font-family: PingFang TC;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 1px
}

#member_rank .bonus-block .bonus-content {
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

#member_rank .bonus-block .bonus-content, #member_rank .bonus-block .bonus-content .bonus-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

#member_rank .bonus-block .bonus-content .bonus-type {
  margin-top: 20px;
  margin-bottom: 16px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  grid-gap: 8px;
  gap: 8px;
  align-self: stretch;
  -ms-flex-flow: wrap;
  flex-flow: wrap
}

#member_rank .bonus-block .bonus-content .bonus-type .bonus-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  font-family: Noto Sans TC;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22.86px;
  grid-gap: 10px;
  gap: 10px;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
  border-radius: 5px;
  background: #e9e9e9;
  background: var(--vip-zone-bonus-block-bonus-name-bg);
  color: #c2c2c2;
  color: var(--vip-zone-bonus-block-bonus-name-color);
  cursor: pointer
}

#member_rank .bonus-block .bonus-content .bonus-type .bonus-name.isActive {
  background: #dea942;
  background: var(--vip-zone-bonus-block-bonus-name-isActive-bg);
  color: #fff;
  color: var(--vip-zone-bonus-block-bonus-name-isActive-color)
}

#member_rank .bonus-block .bonus-content .bonus-progress {
  position: relative;
  width: 100%;
  height: auto
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-countdown-time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 30px;
  padding: 5px 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 5px;
  gap: 5px;
  align-self: stretch;
  border-radius: 10px 10px 0 0;
  background: #dea942;
  background: var(--vip-zone-bonus-block-countdown-time-bg)
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-countdown-time svg {
  width: 20px;
  height: 20px;
  color: #fff;
  color: var(--vip-zone-bonus-block-countdown-time-color)
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-countdown-time span {
  color: #fff;
  color: var(--vip-zone-bonus-block-countdown-time-color);
  font-family: Arial;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-reward-content {
  padding: 16px;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  align-self: stretch;
  border-radius: 0 0 8px 8px;
  background: #fff;
  background: var(--vip-zone-bonus-block-reward-content-bg);
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .1)
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-reward-content, #member_rank .bonus-block .bonus-content .bonus-progress .bonus-reward-content .bonus-reward-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 15px;
  gap: 15px
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-reward-content .bonus-reward-left {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0px;
  flex: 1 0 0
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-reward-content .bonus-reward-left .bonus-reward-top {
  position: relative;
  width: 100%;
  height: 63px
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-reward-content .bonus-reward-left .bonus-reward-top .dialogBox-content {
  position: absolute;
  top: 0;
  width: 110px;
  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
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-reward-content .bonus-reward-left .bonus-reward-top .dialogBox-content .dialogBox {
  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;
  width: auto;
  max-width: 110px;
  height: 64px;
  padding: 8px;
  grid-gap: 10px;
  gap: 10px;
  border-radius: 4px
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-reward-content .bonus-reward-left .bonus-reward-top .dialogBox-content .dialogBox span {
  text-align: center;
  font-family: Noto Sans TC;
  font-size: 16px;
  font-style: normal;
  line-height: 20px;
  z-index: 1
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-reward-content .bonus-reward-left .bonus-reward-top .dialogBox-content .dialogBox.left {
  background: #00a0f9;
  background: var(--vip-zone-bonus-block-reward-content-dialogBox-left-bg)
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-reward-content .bonus-reward-left .bonus-reward-top .dialogBox-content .dialogBox.left span {
  color: #fff;
  color: var(--vip-zone-bonus-block-reward-content-dialogBox-left-color);
  font-weight: 500
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-reward-content .bonus-reward-left .bonus-reward-top .dialogBox-content .dialogBox.left:after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 50%;
  width: 12px;
  height: 12px;
  background: #00a0f9;
  background: var(--vip-zone-bonus-block-reward-content-dialogBox-left-bg);
  border-radius: 0 0 3px 0;
  -webkit-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  z-index: 0
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-reward-content .bonus-reward-left .bonus-reward-top .dialogBox-content .dialogBox.right {
  border: 2px dashed #00a0f9;
  border: var(--vip-zone-bonus-block-reward-content-dialogBox-right-border);
  background: #f8fafa;
  background: var(--vip-zone-bonus-block-reward-content-dialogBox-right-bg)
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-reward-content .bonus-reward-left .bonus-reward-top .dialogBox-content .dialogBox.right span {
  color: #00a0f9;
  color: var(--vip-zone-bonus-block-reward-content-dialogBox-right-color);
  font-weight: 700
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-reward-content .bonus-reward-left .bonus-reward-top .dialogBox-content .dialogBox.right:after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 50%;
  width: 12px;
  height: 12px;
  border: 2px dashed #00a0f9;
  border: var(--vip-zone-bonus-block-reward-content-dialogBox-right-border);
  background: #f8fafa;
  background: var(--vip-zone-bonus-block-reward-content-dialogBox-right-bg);
  border-radius: 0 0 3px 0;
  -webkit-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  z-index: 0;
  border-top: none;
  border-left: none
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-reward-content .bonus-reward-left .bonus-reward-top .dialogBox-content.left {
  left: 0
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-reward-content .bonus-reward-left .bonus-reward-top .dialogBox-content.right {
  right: 0
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-reward-content .bonus-reward-left .bonus-reward-top .dialogBox-content.all {
  width: 100%;
  left: 0
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-reward-content .bonus-reward-left .bonus-reward-top .bonus-reward-top-nowReward {
  left: 0
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-reward-content .bonus-reward-left .bonus-reward-top .bonus-reward-top-rate {
  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;
  width: 100%;
  height: 100%
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-reward-content .bonus-reward-left .bonus-reward-top .bonus-reward-top-rate span {
  color: #000;
  color: var(--vip-zone-bonus-block-reward-content-rate-color);
  font-family: Noto Sans;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 1px
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-reward-content .bonus-reward-left .bonus-reward-top .bonus-reward-top-toBeUnlocked {
  right: 0
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-reward-content .bonus-reward-left .bonus-reward-top .bonus-reward-top-achievedReward {
  left: calc(50% - 40px)
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-reward-content .bonus-reward-left .bonus-reward-progress-bar {
  position: relative;
  width: 100%;
  margin-top: 5px
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-reward-content .bonus-reward-left .bonus-reward-progress-bar:after, #member_rank .bonus-block .bonus-content .bonus-progress .bonus-reward-content .bonus-reward-left .bonus-reward-progress-bar:before {
  content: "";
  position: absolute;
  top: -6px;
  width: 3px;
  height: 6px;
  background: -webkit-gradient(linear, left top, right top, from(#8cd6ff), to(#00a0f9));
  background: linear-gradient(90deg, #8cd6ff, #00a0f9);
  background: var(--vip-zone-progress-bar-color);
  border-radius: 24px 24px 0 0;
  z-index: 0
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-reward-content .bonus-reward-left .bonus-reward-progress-bar:before {
  left: 53px
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-reward-content .bonus-reward-left .bonus-reward-progress-bar:after {
  right: 53px
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-reward-content .bonus-reward-left .bonus-reward-progress-bar .el-progress-bar__outer {
  border-radius: 15px;
  background-color: #dedede;
  background-color: var(--vip-zone-progress-bar-bg);
  overflow: hidden;
  position: relative;
  vertical-align: middle
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-reward-content .bonus-reward-left .bonus-reward-progress-bar .el-progress-bar__outer .el-progress-bar__inner {
  border-radius: unset;
  background: -webkit-gradient(linear, left top, right top, from(#8cd6ff), to(#00a0f9));
  background: linear-gradient(90deg, #8cd6ff, #00a0f9);
  background: var(--vip-zone-progress-bar-color)
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-reward-content .bonus-reward-left .bonus-reward-reward {
  position: relative;
  width: 100%;
  height: 75px
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-reward-content .bonus-reward-left .bonus-reward-reward .bonus-reward-reward-middle {
  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;
  width: 100%
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-reward-content .bonus-reward-left .bonus-reward-reward .bonus-reward-reward-left, #member_rank .bonus-block .bonus-content .bonus-progress .bonus-reward-content .bonus-reward-left .bonus-reward-reward .bonus-reward-reward-right {
  position: absolute
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-reward-content .bonus-reward-left .bonus-reward-reward .bonus-reward-reward-left {
  left: 30px
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-reward-content .bonus-reward-left .bonus-reward-reward .bonus-reward-reward-right {
  right: 30px
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-reward-content .bonus-reward-left .bonus-reward-reward .bonus-reward-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 50px;
  -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;
  grid-gap: 10px;
  gap: 10px;
  aspect-ratio: 1/1;
  border-radius: 8px;
  border: 2px solid #ecc609;
  border: var(--vip-zone-bonus-block-reward-content-reward-border);
  background: -webkit-gradient(linear, left top, left bottom, from(#fffcac), color-stop(50%, #fffcac), to(#fffcac));
  background: linear-gradient(180deg, #fffcac, #fffcac 50%, #fffcac);
  background: -webkit-gradient(linear, left top, left bottom, from(var(--vip-zone-bonus-block-reward-content-reward-bg)), color-stop(50%, var(--vip-zone-bonus-block-reward-content-reward-bg)), to(var(--vip-zone-bonus-block-reward-content-reward-bg)));
  background: linear-gradient(180deg, var(--vip-zone-bonus-block-reward-content-reward-bg), var(--vip-zone-bonus-block-reward-content-reward-bg) 50%, var(--vip-zone-bonus-block-reward-content-reward-bg));
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25)
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-reward-content .bonus-reward-left .bonus-reward-reward .bonus-reward-block img {
  width: 30px;
  height: auto
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-reward-content .bonus-reward-left .bonus-reward-reward .bonus-reward-num {
  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;
  color: #363636;
  color: var(--vip-zone-bonus-block-reward-content-reward-num-color);
  font-family: Noto Sans;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-reward-content .bonus-reward-bottom {
  width: calc(100% - 335px);
  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: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 16px;
  grid-gap: 8px;
  gap: 8px;
  align-self: stretch;
  border-radius: 5px;
  background: rgba(0, 160, 249, .1);
  background: var(--vip-zone-bonus-block-reward-content-bottom-bg)
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-reward-content .bonus-reward-bottom .bonus-reward-bottom-title {
  color: #363636;
  color: var(--vip-zone-bonus-block-reward-content-bottom-title-color);
  font-family: PingFang TC;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 1px
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-reward-content .bonus-reward-bottom .bonus-reward-bottom-content {
  width: 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-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 8px;
  gap: 8px
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-reward-content .bonus-reward-bottom .bonus-reward-bottom-content .bonus-reward-bottom-content-group {
  width: 100%;
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 8px;
  gap: 8px
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-reward-content .bonus-reward-bottom .bonus-reward-bottom-content .bonus-reward-bottom-content-group .bonus-reward-bottom-content-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: auto;
  height: 100%;
  grid-gap: 10px;
  gap: 10px
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-reward-content .bonus-reward-bottom .bonus-reward-bottom-content .bonus-reward-bottom-content-group .bonus-reward-bottom-content-img .bonus-reward-bottom-content-img-content {
  position: relative;
  width: 44px;
  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
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-reward-content .bonus-reward-bottom .bonus-reward-bottom-content .bonus-reward-bottom-content-group .bonus-reward-bottom-content-img .bonus-reward-bottom-content-img-content .circular-progress {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-reward-content .bonus-reward-bottom .bonus-reward-bottom-content .bonus-reward-bottom-content-group .bonus-reward-bottom-content-img .bonus-reward-bottom-content-img-content .progress-bar-bg {
  stroke: rgba(0, 0, 0, .1);
  stroke: var(--vip-zone-bonus-block-reward-content-bottom-percent-bg-color)
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-reward-content .bonus-reward-bottom .bonus-reward-bottom-content .bonus-reward-bottom-content-group .bonus-reward-bottom-content-img .bonus-reward-bottom-content-img-content .progress-bar-track {
  stroke: #00a0f9;
  stroke: var(--vip-zone-bonus-block-reward-content-bottom-percent-track-color);
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-reward-content .bonus-reward-bottom .bonus-reward-bottom-content .bonus-reward-bottom-content-group .bonus-reward-bottom-content-img .bonus-reward-bottom-content-img-content svg.icon {
  width: 16px;
  height: 16px;
  -o-object-fit: contain;
  object-fit: contain;
  color: #00a0f9;
  color: var(--vip-zone-icon-color)
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-reward-content .bonus-reward-bottom .bonus-reward-bottom-content .bonus-reward-bottom-content-group .bonus-reward-bottom-content-img .bonus-reward-bottom-content-img-content span {
  color: #5e5e5e;
  color: var(--vip-zone-bonus-block-reward-content-bottom-percent-text-color);
  text-align: center;
  font-family: Noto Sans TC;
  font-size: 8px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -.16px
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-reward-content .bonus-reward-bottom .bonus-reward-bottom-content .bonus-reward-bottom-content-group .bonus-reward-bottom-content-right {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-reward-content .bonus-reward-bottom .bonus-reward-bottom-content .bonus-reward-bottom-content-group .bonus-reward-bottom-content-right .bonus-reward-bottom-content-title {
  color: #5e5e5e;
  color: var(--vip-zone-bonus-block-reward-content-bottom-text-color);
  font-family: Noto Sans TC;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-reward-content .bonus-reward-bottom .bonus-reward-bottom-content .bonus-reward-bottom-content-group .bonus-reward-bottom-content-right .bonus-reward-bottom-content-num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 2px;
  gap: 2px;
  font-family: Noto Sans TC;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  white-space: nowrap
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-reward-content .bonus-reward-bottom .bonus-reward-bottom-content .bonus-reward-bottom-content-group .bonus-reward-bottom-content-right .bonus-reward-bottom-content-num .bonus-reward-bottom-content-num1 {
  color: #5bb0e0;
  color: var(--vip-zone-bonus-block-reward-content-bottom-num-color1)
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-reward-content .bonus-reward-bottom .bonus-reward-bottom-content .bonus-reward-bottom-content-group .bonus-reward-bottom-content-right .bonus-reward-bottom-content-num .bonus-reward-bottom-content-num2 {
  color: #9c9c9c;
  color: var(--vip-zone-bonus-block-reward-content-bottom-num-color2)
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-all-stage-progress {
  display: block;
  width: 100%;
  max-height: 376px;
  margin-top: 16px;
  padding: 8px;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  overflow-y: auto
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-all-stage-progress .bonus-all-stage-progress-rule {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 88px;
  margin-bottom: 4px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  grid-gap: 12px;
  gap: 12px
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-all-stage-progress .bonus-all-stage-progress-rule .bonus-all-stage-progress-reward {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
  -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;
  width: 70px;
  height: 100%;
  grid-gap: 4px;
  gap: 4px
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-all-stage-progress .bonus-all-stage-progress-rule .bonus-all-stage-progress-reward .bonus-all-stage-progress-reward-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 30px;
  height: 30px;
  -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;
  grid-gap: 5px;
  gap: 5px;
  border-radius: 4px;
  border: 1px solid #ecc609;
  border: var(--vip-zone-bonus-all-stage-progress-reward-block-border);
  background: #fffcac;
  background: var(--vip-zone-bonus-all-stage-progress-reward-block-bg);
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .25);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .25);
  -webkit-box-shadow: var(--vip-zone-bonus-all-stage-progress-reward-block-box-shadow);
  box-shadow: var(--vip-zone-bonus-all-stage-progress-reward-block-box-shadow)
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-all-stage-progress .bonus-all-stage-progress-rule .bonus-all-stage-progress-reward .bonus-all-stage-progress-reward-block img {
  width: 21.875px;
  height: auto
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-all-stage-progress .bonus-all-stage-progress-rule .bonus-all-stage-progress-reward .bonus-all-stage-progress-reward-num {
  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;
  color: #363636;
  color: var(--vip-zone-bonus-all-stage-progress-reward-block-num-color);
  font-family: Noto Sans;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 15px
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-all-stage-progress .bonus-all-stage-progress-rule .bonus-all-stage-progress-tag {
  position: relative;
  z-index: 11;
  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;
  width: 24px;
  height: 100%;
  padding: 8px;
  grid-gap: 10px;
  gap: 10px
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-all-stage-progress .bonus-all-stage-progress-rule .bonus-all-stage-progress-tag .bonus-all-stage-progress-tag-icon {
  position: relative;
  z-index: 1;
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 50%;
  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
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-all-stage-progress .bonus-all-stage-progress-rule .bonus-all-stage-progress-tag .bonus-all-stage-progress-tag-line {
  position: absolute;
  top: 0;
  width: 3px;
  height: calc(100% + 6px)
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-all-stage-progress .bonus-all-stage-progress-rule .bonus-all-stage-progress-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
  -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: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: calc(100% - 114px);
  height: 100%;
  padding: 8px;
  grid-gap: 8px;
  gap: 8px
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-all-stage-progress .bonus-all-stage-progress-rule .bonus-all-stage-progress-content .bonus-all-stage-progress-title {
  color: #171d25;
  color: var(--vip-zone-bonus-all-stage-progress-condition-title-color);
  font-family: Noto Sans TC;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-all-stage-progress .bonus-all-stage-progress-rule .bonus-all-stage-progress-content .bonus-all-stage-progress-condition {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 16px;
  gap: 16px
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-all-stage-progress .bonus-all-stage-progress-rule .bonus-all-stage-progress-content .bonus-all-stage-progress-condition .bonus-all-stage-progress-condition-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 70px;
  grid-gap: 8px;
  gap: 8px
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-all-stage-progress .bonus-all-stage-progress-rule .bonus-all-stage-progress-content .bonus-all-stage-progress-condition .bonus-all-stage-progress-condition-group .bonus-all-stage-progress-condition-img {
  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;
  width: 16px;
  height: 16px
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-all-stage-progress .bonus-all-stage-progress-rule .bonus-all-stage-progress-content .bonus-all-stage-progress-condition .bonus-all-stage-progress-condition-group .bonus-all-stage-progress-condition-img svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  color: #00a0f9;
  color: var(--vip-zone-icon-color)
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-all-stage-progress .bonus-all-stage-progress-rule .bonus-all-stage-progress-content .bonus-all-stage-progress-condition .bonus-all-stage-progress-condition-group .bonus-all-stage-progress-condition-num {
  color: #5e5e5e;
  color: var(--vip-zone-bonus-all-stage-progress-condition-text-color);
  font-family: Noto Sans TC;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  white-space: nowrap
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-all-stage-progress .bonus-all-stage-progress-rule .bonus-all-stage-progress-next-reward-tag {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2px 8px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 4px;
  gap: 4px;
  border-radius: 0 4px;
  background: #05c107;
  background: var(--vip-zone-bonus-all-stage-progress-condition-next-reward-tag-bg)
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-all-stage-progress .bonus-all-stage-progress-rule .bonus-all-stage-progress-next-reward-tag span {
  color: #fff;
  color: var(--vip-zone-bonus-all-stage-progress-condition-next-reward-tag-color);
  text-align: right;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
  font-family: Noto Sans TC;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: .12px
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-all-stage-progress .bonus-all-stage-progress-rule.isPass {
  border-radius: 5px;
  border-radius: var(--vip-zone-bonus-all-stage-progress-rule-isPass-border-radius);
  border: 1px solid #d9d9d9;
  border: var(--vip-zone-bonus-all-stage-progress-rule-isPass-border);
  background: #d9d9d9;
  background: var(--vip-zone-bonus-all-stage-progress-rule-isPass-bg)
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-all-stage-progress .bonus-all-stage-progress-rule.isPass:before {
  content: "";
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 100%;
  background: #d9d9d9;
  border-radius: 5px;
  border-radius: var(--vip-zone-bonus-all-stage-progress-rule-isPass-border-radius);
  opacity: .7;
  opacity: var(--vip-zone-bonus-all-stage-progress-rule-isPass-opacity)
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-all-stage-progress .bonus-all-stage-progress-rule.isPass .bonus-all-stage-progress-tag-icon {
  background: #05c107;
  background: var(--vip-zone-bonus-all-stage-progress-rule-isPass-tag-bg)
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-all-stage-progress .bonus-all-stage-progress-rule.isPass .bonus-all-stage-progress-tag-icon:before {
  content: "";
  position: absolute;
  width: 80%;
  height: 80%;
  background-color: #fff;
  background-color: var(--vip-zone-bonus-all-stage-progress-rule-isPass-tag-bg2);
  -webkit-mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iX+WcluWxpF8xIiBkYXRhLW5hbWU9IuWcluWxpF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGJhc2VQcm9maWxlPSJ0aW55IiB2ZXJzaW9uPSIxLjIiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4KICA8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMjkuOC4yLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogMi4xLjEgQnVpbGQgMykgIC0tPgogIDxwYXRoIGQ9Ik03NC41Miw2MC42M2wtMjYuMTUsMjYuMTUtMjYuMTUtMjYuMTUsNy44Ni03Ljg2LDE4LjI5LDE4LjMsMTguMjktMTguMyw3Ljg2LDcuODZaTTc0LjUyLDI0LjUybC0yNi4xNSwyNi4xNS0yNi4xNS0yNi4xNSw3Ljg2LTcuODYsMTguMjksMTguMjksMTguMjktMTguMjksNy44Niw3Ljg2WiIgZmlsbD0iY3VycmVudENvbG9yIi8+Cjwvc3ZnPg==) no-repeat center/contain;
  mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iX+WcluWxpF8xIiBkYXRhLW5hbWU9IuWcluWxpF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGJhc2VQcm9maWxlPSJ0aW55IiB2ZXJzaW9uPSIxLjIiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4KICA8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMjkuOC4yLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogMi4xLjEgQnVpbGQgMykgIC0tPgogIDxwYXRoIGQ9Ik03NC41Miw2MC42M2wtMjYuMTUsMjYuMTUtMjYuMTUtMjYuMTUsNy44Ni03Ljg2LDE4LjI5LDE4LjMsMTguMjktMTguMyw3Ljg2LDcuODZaTTc0LjUyLDI0LjUybC0yNi4xNSwyNi4xNS0yNi4xNS0yNi4xNSw3Ljg2LTcuODYsMTguMjksMTguMjksMTguMjktMTguMjksNy44Niw3Ljg2WiIgZmlsbD0iY3VycmVudENvbG9yIi8+Cjwvc3ZnPg==) no-repeat center/contain
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-all-stage-progress .bonus-all-stage-progress-rule.isPass .bonus-all-stage-progress-tag-line {
  background: #05c107;
  background: var(--vip-zone-bonus-all-stage-progress-rule-isPass-tag-line-color)
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-all-stage-progress .bonus-all-stage-progress-rule.isNow {
  border-radius: 5px;
  border-radius: var(--vip-zone-bonus-all-stage-progress-rule-isNow-border-radius);
  border: 1px solid #05c107;
  border: var(--vip-zone-bonus-all-stage-progress-rule-isNow-border);
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#edffee));
  background: linear-gradient(180deg, #fff, #edffee);
  background: -webkit-gradient(linear, left top, left bottom, from(var(--vip-zone-bonus-all-stage-progress-rule-isNow-bg1)), to(var(--vip-zone-bonus-all-stage-progress-rule-isNow-bg2)));
  background: linear-gradient(180deg, var(--vip-zone-bonus-all-stage-progress-rule-isNow-bg1), var(--vip-zone-bonus-all-stage-progress-rule-isNow-bg2))
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-all-stage-progress .bonus-all-stage-progress-rule.isNow .bonus-all-stage-progress-tag-icon {
  border-color: #05c107 #05c107 #cdffcf #cdffcf;
  border-color: var(--vip-zone-bonus-all-stage-progress-rule-isNow-tag-border-color1) var(--vip-zone-bonus-all-stage-progress-rule-isNow-tag-border-color1) var(--vip-zone-bonus-all-stage-progress-rule-isNow-tag-border-color2) var(--vip-zone-bonus-all-stage-progress-rule-isNow-tag-border-color2);
  border-style: solid;
  border-width: 2px;
  background: #fff;
  background: var(--vip-zone-bonus-all-stage-progress-rule-isNow-tag-bg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-all-stage-progress .bonus-all-stage-progress-rule.isNow .bonus-all-stage-progress-tag-icon:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #05c107;
  background-color: var(--vip-zone-bonus-all-stage-progress-rule-isNow-tag-border-color1);
  z-index: 2
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-all-stage-progress .bonus-all-stage-progress-rule.isNow .bonus-all-stage-progress-tag-line {
  background: #05c107;
  background: var(--vip-zone-bonus-all-stage-progress-rule-isNow-tag-line-color)
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-all-stage-progress .bonus-all-stage-progress-rule.notStart {
  border-radius: 5px;
  border-radius: var(--vip-zone-bonus-all-stage-progress-rule-notStart-border-radius);
  border: 1px solid #d9d9d9;
  border: var(--vip-zone-bonus-all-stage-progress-rule-notStart-border)
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-all-stage-progress .bonus-all-stage-progress-rule.notStart .bonus-all-stage-progress-tag-icon {
  background: #d9d9d9;
  background: var(--vip-zone-bonus-all-stage-progress-rule-notStart-tag-bg)
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-all-stage-progress .bonus-all-stage-progress-rule.notStart .bonus-all-stage-progress-tag-icon:before {
  content: "";
  position: absolute;
  width: 80%;
  height: 80%;
  background-color: #fff;
  background-color: var(--vip-zone-bonus-all-stage-progress-rule-notStart-tag-bg2);
  -webkit-mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iX+WcluWxpF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGJhc2VQcm9maWxlPSJ0aW55IiB2ZXJzaW9uPSIxLjIiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4KICA8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMjkuOC4yLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogMi4xLjEgQnVpbGQgMykgIC0tPgogIDxwYXRoIGQ9Ik0yOS4xNywyOS40N3Y0LjAzYy02LjksMC0xMi41LDUuNDEtMTIuNSwxMi4wOHYzMi4yMmMwLDYuNjcsNS42LDEyLjA4LDEyLjUsMTIuMDhoNDEuNjdjNi45LDAsMTIuNS01LjQxLDEyLjUtMTIuMDh2LTMyLjIyYzAtNi42Ny01LjYtMTIuMDgtMTIuNS0xMi4wOHYtNC4wM2MwLTExLjEyLTkuMzMtMjAuMTQtMjAuODMtMjAuMTRzLTIwLjgzLDkuMDItMjAuODMsMjAuMTRoMFpNNTAsMTcuMzljLTYuOSwwLTEyLjUsNS40MS0xMi41LDEyLjA4djQuMDNoMjV2LTQuMDNjMC02LjY3LTUuNi0xMi4wOC0xMi41LTEyLjA4Wk01OC4zMyw1Ny42N2MwLDIuOTgtMS42OCw1LjU4LTQuMTcsNi45OHY1LjExYzAsMi4yMi0xLjg3LDQuMDMtNC4xNyw0LjAzcy00LjE3LTEuOC00LjE3LTQuMDN2LTUuMTFjLTIuNDktMS4zOS00LjE3LTQtNC4xNy02Ljk4LDAtNC40NSwzLjczLTguMDYsOC4zMy04LjA2czguMzMsMy42MSw4LjMzLDguMDZoLjAyWiIgZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPC9zdmc+) no-repeat center/contain;
  mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iX+WcluWxpF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGJhc2VQcm9maWxlPSJ0aW55IiB2ZXJzaW9uPSIxLjIiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4KICA8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMjkuOC4yLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogMi4xLjEgQnVpbGQgMykgIC0tPgogIDxwYXRoIGQ9Ik0yOS4xNywyOS40N3Y0LjAzYy02LjksMC0xMi41LDUuNDEtMTIuNSwxMi4wOHYzMi4yMmMwLDYuNjcsNS42LDEyLjA4LDEyLjUsMTIuMDhoNDEuNjdjNi45LDAsMTIuNS01LjQxLDEyLjUtMTIuMDh2LTMyLjIyYzAtNi42Ny01LjYtMTIuMDgtMTIuNS0xMi4wOHYtNC4wM2MwLTExLjEyLTkuMzMtMjAuMTQtMjAuODMtMjAuMTRzLTIwLjgzLDkuMDItMjAuODMsMjAuMTRoMFpNNTAsMTcuMzljLTYuOSwwLTEyLjUsNS40MS0xMi41LDEyLjA4djQuMDNoMjV2LTQuMDNjMC02LjY3LTUuNi0xMi4wOC0xMi41LTEyLjA4Wk01OC4zMyw1Ny42N2MwLDIuOTgtMS42OCw1LjU4LTQuMTcsNi45OHY1LjExYzAsMi4yMi0xLjg3LDQuMDMtNC4xNyw0LjAzcy00LjE3LTEuOC00LjE3LTQuMDN2LTUuMTFjLTIuNDktMS4zOS00LjE3LTQtNC4xNy02Ljk4LDAtNC40NSwzLjczLTguMDYsOC4zMy04LjA2czguMzMsMy42MSw4LjMzLDguMDZoLjAyWiIgZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPC9zdmc+) no-repeat center/contain
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-all-stage-progress .bonus-all-stage-progress-rule.notStart .bonus-all-stage-progress-tag-line {
  background: #d9d9d9;
  background: var(--vip-zone-bonus-all-stage-progress-rule-notStart-line-color)
}

#member_rank .bonus-block .bonus-content .bonus-progress .bonus-all-stage-progress .bonus-all-stage-progress-rule:last-child .bonus-all-stage-progress-tag-line {
  height: 100%
}

#member_rank .qualifications {
  padding: 0 40px;
  margin: 20px 0;
  width: 100%;
  color: #000;
  position: relative;
  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: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly
}

#member_rank .qualifications p {
  margin: 0 24px 0 0
}

#member_rank .qualifications .birthday-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#member_rank .qualifications .birthday-block .birthday-icon {
  width: 200px;
  height: 200px
}

#member_rank .qualifications .birthday-block .birthday-icon img {
  width: 100%;
  height: 100%
}

#member_rank .qualifications .birthday-block .birthday-content {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

#member_rank .qualifications .birthday-block .birthday-content .title {
  color: #00a0f9;
  font-size: 21px;
  margin-bottom: 20px
}

#member_rank .qualifications .birthday-block .birthday-content .bonus {
  font-size: 18px;
  margin-bottom: 30px
}

#member_rank .qualifications .birthday-block .birthday-content .birthday-btn {
  color: #fff;
  width: 160px;
  height: 50px;
  border-radius: 5px;
  background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
  background: linear-gradient(180deg, #666, #000);
  font-size: 24px
}

#member_rank .qualifications .birthday-block .birthday-content .birthday-btn, #member_rank .qualifications .header {
  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
}

#member_rank .qualifications .header {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  grid-gap: 8px;
  gap: 8px
}

#member_rank .qualifications .bonus-deposit-block .rank-up-btn {
  min-width: 200px;
  padding: 10px 53px;
  border-radius: 20px;
  background: -webkit-gradient(linear, left top, right top, from(#fbf1b8), to(#da9f31));
  background: linear-gradient(90deg, #fbf1b8, #da9f31);
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
  color: #333;
  color: var(--vip-zone-link-btn-color);
  text-align: center;
  position: relative;
  width: 100%;
  cursor: pointer
}

#member_rank .qualifications .bonus-deposit-block .rank-up-btn, #member_rank .qualifications .bonus-deposit-block .rank-up-btn .icon {
  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
}

#member_rank .qualifications .bonus-deposit-block .rank-up-btn .icon {
  margin-left: 10px;
  width: 20px;
  height: 20px;
  background: url(data:image/webp;base64,UklGRkIBAABXRUJQVlA4TDYBAAAvJ8AJEH+gqG0bKJ32utGMP7TRUNS2DZROe91oxh/aFLVtA6XTXjea8Yc2tZGkNt9/aVRASOpBLlYAuLsv6QLv/wtQSQowsM1MzIzcvSXdmcHuIiIAuLU2K26emKJZMbNUA7PsmGPOsQGljqiBVeaQ+rBLUAlbgmnmf1NCRP8ZuG3biG1v73M+YXi7P27NL18MbO4usXYXB167JNpNQuoRaM/CFcEW4dsy2CnbdEKWFv6Xtbn+80BMGfSYMQNuC3yA9e8KWnUdwZPq8SsS0CwyBbySECwA35/CJod8i9k6A32Jz5qGvsvMXgrbMjNHo25R4lKaQ2ZpzYX2MppvdZrTfNN1QfPtN1PJIyl4JaA5RVzH/s/rcfnPyzgwA45wNh7sYqqs6TKpy64q46pa0NWMvrZUNWgA) 50% no-repeat;
  background-size: cover
}

#member_rank .qualifications p {
  font-size: 18px;
  color: #1b1b1b;
  margin: 0 20px 0 0
}

[dir=rtl] #member_rank .qualifications p {
  margin: 0 0 0 20px
}

#member_rank .qualifications p b {
  font-weight: 900
}

#member_rank .qualifications p b:last-child {
  color: #000
}

#member_rank .qualifications .level-up-condition {
  padding: 8px 40px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-item-align: stretch
}

#member_rank .qualifications .level-up-condition, #member_rank .qualifications .level-up-condition .progress-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  align-self: stretch
}

#member_rank .qualifications .level-up-condition .progress-box {
  padding: 8px 16px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-item-align: stretch
}

#member_rank .qualifications .level-up-condition .progress-box .progress-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

#member_rank .qualifications .level-up-condition .progress-box .progress-top .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 28px;
  height: 28px;
  margin-right: 8px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #00a0f9;
  color: var(--vip-zone-icon-color)
}

#member_rank .qualifications .level-up-condition .progress-box .progress-top .icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

#member_rank .qualifications .level-up-condition .progress-box .progress-top .title {
  color: #363636;
  color: var(--vip-zone-promotion-bonus-text-color);
  font-family: PingFang TC;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 1px
}

#member_rank .qualifications .level-up-condition .progress-box .progress-text {
  color: #363636;
  color: var(--vip-zone-promotion-bonus-text-color);
  font-family: PingFang TC;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 1px
}

#member_rank .qualifications .level-up-condition .progress-box .progress-bar {
  position: relative;
  width: 100%
}

#member_rank .qualifications .level-up-condition .progress-box .el-progress-bar__outer {
  border-radius: 15px;
  background-color: #dedede !important;
  background-color: var(--vip-zone-progress-bar-bg) !important;
  overflow: hidden;
  position: relative;
  vertical-align: middle
}

#member_rank .qualifications .level-up-condition .progress-box .el-progress-bar__outer .el-progress-bar__inner {
  border-radius: unset;
  background: -webkit-gradient(linear, left top, right top, from(#8cd6ff), to(#00a0f9)) !important;
  background: linear-gradient(90deg, #8cd6ff, #00a0f9) !important;
  background: var(--vip-zone-progress-bar-color) !important
}

#member_rank .qualifications .level-up-condition .progress-box .tip {
  margin-top: 8px;
  display: inline-block;
  font-size: 12px;
  color: #909090;
  color: var(--vip-zone-progress-bar-tag-color)
}

#member_rank .qualifications .level-up-condition .progress-box.level-1 {
  margin-top: 20px
}

#member_rank .qualifications .level-up-condition .promotion-bonus-content {
  position: relative;
  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;
  width: calc(100% - 32px);
  height: 85px;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
  border-radius: 10px;
  border: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff488), to(#e3c000));
  background: linear-gradient(180deg, #fff488, #e3c000);
  -webkit-box-shadow: -8px -8px 10px 0 hsla(0, 0%, 100%, .5) inset;
  box-shadow: inset -8px -8px 10px 0 hsla(0, 0%, 100%, .5);
  -webkit-box-shadow: var(--vip-zone-promotion-bonus-box-shadow);
  box-shadow: var(--vip-zone-promotion-bonus-box-shadow)
}

#member_rank .qualifications .level-up-condition .promotion-bonus-content:before {
  content: "";
  position: absolute;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border-radius: 10px;
  background: radial-gradient(76.16% 76.16% at 31.97%, at 19.67%, hsla(0, 0%, 100%, .7) 0, hsla(0, 0%, 100%, 0) 69.79%, hsla(0, 0%, 100%, 0) 100%), #ffe666;
  background: radial-gradient(76.16% 76.16% at 31.97% 19.67%, hsla(0, 0%, 100%, .7) 0, hsla(0, 0%, 100%, 0) 69.79%, hsla(0, 0%, 100%, 0) 100%), #ffe666;
  background: var(--vip-zone-promotion-bonus-bg)
}

#member_rank .qualifications .level-up-condition .promotion-bonus-content img.coin {
  width: auto;
  height: 100%
}

#member_rank .qualifications .level-up-condition .promotion-bonus-content .content {
  z-index: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: 32px
}

#member_rank .qualifications .level-up-condition .promotion-bonus-content .content, #member_rank .qualifications .level-up-condition .promotion-bonus-content .content .title {
  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
}

#member_rank .qualifications .level-up-condition .promotion-bonus-content .content .title {
  grid-gap: 5px;
  gap: 5px
}

#member_rank .qualifications .level-up-condition .promotion-bonus-content .content .title svg {
  width: 16px;
  height: 16px;
  color: #f86400;
  color: var(--vip-zone-promotion-bonus-svg-color)
}

#member_rank .qualifications .level-up-condition .promotion-bonus-content .content .title .text {
  color: #000;
  color: var(--vip-zone-promotion-bonus-svg-title-color);
  text-align: center;
  font-family: Noto Sans TC;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22.86px
}

#member_rank .qualifications .level-up-condition .promotion-bonus-content .content .bonus {
  color: #f86400;
  color: var(--vip-zone-promotion-bonus-svg-text-color);
  text-align: center;
  font-family: Noto Sans TC;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 22.86px
}

#member_rank .ranks-rules {
  margin-top: 40px;
  position: relative
}

#member_rank .ranks-rules .order {
  position: absolute;
  top: -20px;
  right: 10px;
  color: #575757;
  font-size: 14px
}

#member_rank .ranks-rules .swiper-slide {
  width: auto
}

#member_rank .ranks-rules .rule-box {
  width: 250px;
  height: 310px;
  margin: 0 5px;
  padding: 16px 10px 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  background-color: #f4f4f4;
  position: relative
}

#member_rank .ranks-rules .rule-box h5 {
  margin: 0 auto;
  font-size: 18px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -.9px;
  text-align: center;
  color: #bababa
}

#member_rank .ranks-rules .rule-box .rank-other-top {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 5px;
  min-height: 92px
}

#member_rank .ranks-rules .rule-box .rank-other-top .rule-item {
  padding: 5px 0
}

#member_rank .ranks-rules .rule-box .rule-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -.8px;
  color: #bababa
}

#member_rank .ranks-rules .rule-box .rule-item img {
  width: auto;
  height: 17.151px
}

#member_rank .ranks-rules .rule-box .rule-item:not(:last-child) {
  padding-bottom: 2px
}

#member_rank .ranks-rules .rule-box .rank-other-title {
  margin: 10px 0;
  position: relative;
  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
}

#member_rank .ranks-rules .rule-box .rank-other-title:before {
  content: "";
  position: absolute;
  width: 45px;
  height: 25px;
  top: 0;
  left: 0;
  background: url(data:image/webp;base64,UklGRqwAAABXRUJQVlA4TJ8AAAAvTQAHEH+goG0bJu34sxm6T4Mg26b+mAP5FbRtw7gaxPFH8mQgkgz6l6PJfgECKuuGgwdP4M3uEZAItxdqygBgE9t2lCcBLGSHljISqOnQEguRgKVIiAJcrHcQENH/CRB136DNG6YKRTOleYgKRTOleYgKRTOleYgKRefXV/89jK++kc2rb/QAUbUQZUoPEFULUab0AFG1EK2UHiA6lvsA) 50% no-repeat;
  background-size: contain
}

#member_rank .ranks-rules .rule-box .rank-other-title:after {
  content: "";
  position: absolute;
  width: 45px;
  height: 25px;
  top: 0;
  right: 0;
  background: url(data:image/webp;base64,UklGRq4AAABXRUJQVlA4TKEAAAAvTQAHEH+goG0bJtH4sxm6T4Mg26b+mAP5FbRtw3ijOP5IroFIMmigfyoR/hucAj6gsmp4CPAcRHwnQeGffT8hVRoAjGpri/K5nq1ABGwyFSAahyrWcQvup993DBDR/wkQdYPujjnXkCxGFGOuIVmMKMZcQ7IYUYy5hmRdH1/rp0fTysKZJkhoGb6IkcQILcMXMZIYoWX4IkYSI3R20/NT9gA=) 50% no-repeat;
  background-size: contain
}

#member_rank .ranks-rules .rule-box .rank-2 .rank-other-top {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 92.53px;
  overflow-y: auto
}

#member_rank .ranks-rules .rule-box.accomplish h5 {
  color: #00a0f9
}

#member_rank .ranks-rules .rule-box.accomplish .rule-item {
  color: #000
}

#member_rank .ranks-rules .rule-box.is-active {
  border: 1px solid #00a0f9
}

#member_rank .ranks-rules .triangle {
  height: 20px;
  width: 20px;
  margin: 0 auto;
  border: 12px solid transparent;
  border-bottom-color: #e8e8e8
}

#member_rank .ranks-rules .rank-button-next, #member_rank .ranks-rules .rank-button-prev {
  width: 20px;
  height: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  z-index: 0;
  border: none;
  color: transparent;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background: #656565
}

#member_rank .ranks-rules .rank-button-next.swiper-button-disabled, #member_rank .ranks-rules .rank-button-prev.swiper-button-disabled {
  background: #cbcbcb;
  cursor: not-allowed
}

#member_rank .ranks-rules .rank-button-prev {
  left: -20px
}

#member_rank .ranks-rules .rank-button-prev:after {
  content: "";
  width: 13px;
  height: 13px;
  position: absolute;
  top: -1px;
  right: -1px;
  background-color: #fff
}

#member_rank .ranks-rules .rank-button-next {
  right: -20px
}

#member_rank .ranks-rules .rank-button-next:after {
  content: "";
  width: 13px;
  height: 13px;
  position: absolute;
  bottom: -1px;
  left: -1px;
  background-color: #fff
}

#member_rank .memo-box {
  padding: 20px;
  background-color: #e8e8e8;
  border-radius: 10px
}

#member_rank .memo-box p {
  font-size: 16px;
  color: #000;
  word-break: break-word;
  white-space: normal;
  margin: 0
}

#member_rank .promotion-link {
  margin: 40px 0;
  background: #f4f4f4;
  padding: 0 30px 25px;
  border-radius: 10px;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1)
}

#member_rank .promotion-link h4 {
  font-size: 18px;
  color: #391717;
  padding-top: 10px
}

#member-section .member-content .form-group .form-input-el #member_rank .promotion-link .el-col .el-input__inner, #member_rank .promotion-link .el-col #member-section .member-content .form-group .form-input-el .el-input__inner, #member_rank .promotion-link .el-col .form-input {
  background: #f4f4f4;
  border-bottom: 1px solid #979797
}

.mobile-app #member_rank .ranks-rules .rank-button-next, .mobile-app #member_rank .ranks-rules .rank-button-prev {
  display: none
}

.mobile-app #member_rank .memberform-fuild {
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 10px
}

.mobile-app #member_rank .memberform-fuild .link-block {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-gap: 0;
  gap: 0
}

.mobile-app #member_rank .memberform-fuild .link-block .link-btn {
  margin: 6px 0
}

.mobile-app #member_rank .memberform-fuild .bonus-block {
  padding: 16px 8px
}

.mobile-app #member_rank .memberform-fuild .bonus-block .bonus-content .bonus-progress .bonus-reward-content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 12px
}

.mobile-app #member_rank .memberform-fuild .bonus-block .bonus-content .bonus-progress .bonus-reward-content .bonus-reward-bottom {
  width: 100%
}

.mobile-app #member_rank .memberform-fuild .bonus-block .bonus-content .bonus-progress .bonus-reward-content .bonus-reward-bottom .bonus-reward-bottom-content .bonus-reward-bottom-content-group .bonus-reward-bottom-content-right {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.mobile-app #member_rank .memberform-fuild .bonus-block .bonus-content .bonus-progress .bonus-all-stage-progress .bonus-all-stage-progress-rule .bonus-all-stage-progress-content {
  padding: 20px 8px 8px
}

.mobile-app #member_rank .memberform-fuild .bonus-block .bonus-content .bonus-progress .bonus-all-stage-progress .bonus-all-stage-progress-rule .bonus-all-stage-progress-content .bonus-all-stage-progress-condition {
  display: grid;
  grid-template-columns: repeat(2, auto);
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 8px;
  gap: 8px
}

@media only screen and (max-width:767px) {
  .mobile-app #member_rank .rank-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    background-color: unset;
    padding: 0
  }

  .mobile-app #member_rank .rank-block.is-top {
    padding: 0
  }

  .mobile-app #member_rank .rank-block.is-top .member-rank {
    padding-top: 30px;
    padding-bottom: 30px;
    margin: 0 35px
  }

  .mobile-app #member_rank .rank-block .member-rank, .mobile-app #member_rank .rank-block .qualifications {
    padding-left: 10px;
    padding-right: 10px
  }

  .mobile-app #member_rank .rank-block .member-rank {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding: 30px 45px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%
  }

  .mobile-app #member_rank .rank-block .member-rank .member-box .rank-info .member-name, .mobile-app #member_rank .rank-block .member-rank .member-box .rank-info .rank-title {
    font-size: 18px
  }

  .mobile-app #member_rank .rank-block .member-rank .member-box .rank-info .member-name span, .mobile-app #member_rank .rank-block .member-rank .member-box .rank-info .rank-title span {
    font-size: 21px
  }
}

@media only screen and (max-width:767px) and (min-width:768px) {
  .mobile-app #member_rank .rank-block .member-rank .link-btn {
    max-width: 60%
  }
}

@media only screen and (max-width:767px) {
  .mobile-app #member_rank .rank-block .member-rank.top-rank {
    margin: 0;
    padding: 20px 45px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    background-image: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/top-rank-bg_ab212b7.webp);
    background-position: 50%;
    background-size: cover;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 10px 10px 0 0
  }

  .mobile-app #member_rank .rank-block .member-rank.top-rank:before {
    display: none !important
  }
}

@media only screen and (max-width:767px) {
  .mobile-app #member_rank .qualifications {
    padding: unset;
    width: 100%
  }

  .mobile-app #member_rank .qualifications:before {
    display: none
  }

  .mobile-app #member_rank .qualifications.birthdayBlock {
    padding: 0;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
    background-color: #f4f4f4;
    border-radius: 10px;
    margin-bottom: 0
  }

  .mobile-app #member_rank .qualifications .birthday-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px
  }

  .mobile-app #member_rank .qualifications .level-up-condition {
    padding: 8px 0
  }
}

.mobile-app #member_rank .ranks-rules .swiper-slide:first-child .rule-box {
  margin-left: 10px
}

.mobile-app #member_rank .ranks-rules .swiper-slide:last-child .rule-box {
  margin-right: 10px
}

.mobile-app #member_rank .memo-box {
  margin: 0 10px
}

.mobile-app #member_rank .promotion-link {
  padding: 0 10px 10px;
  margin-left: 10px;
  margin-right: 10px
}

.mobile-app #member_rank .bonus-block .bonus-content .bonus-progress .bonus-all-stage-progress {
  max-height: 444px
}

.mobile-app #member_rank .bonus-block .bonus-content .bonus-progress .bonus-all-stage-progress .bonus-all-stage-progress-rule {
  height: 100px
}

#pointsMall .top-title.mob {
  opacity: 0;
  margin: 0;
  line-height: 10px;
  height: 0
}

#pointsMall.pointsMall-bg {
  background-color: #fff;
  border-radius: 10px
}

#pointsMall .pointsMall-top-wrapper {
  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;
  margin-top: 30px
}

#pointsMall .pointsMall-top-wrapper .pointsMall-point-wrapper {
  height: 80px
}

#pointsMall .pointsMall-top-wrapper .pointsMall-point-wrapper, #pointsMall .pointsMall-top-wrapper .pointsMall-tab-wrapper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: auto;
  padding: 10px 20px;
  position: relative
}

#pointsMall .pointsMall-top-wrapper .pointsMall-point-wrapper .pointsMall-point-block, #pointsMall .pointsMall-top-wrapper .pointsMall-tab-wrapper .pointsMall-point-block {
  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;
  min-width: 300px;
  height: 100%;
  border-radius: 40px;
  background: #6ac35f;
  position: relative;
  padding: 0 10px
}

#pointsMall .pointsMall-top-wrapper .pointsMall-point-wrapper .pointsMall-point-block .user-point-icon, #pointsMall .pointsMall-top-wrapper .pointsMall-tab-wrapper .pointsMall-point-block .user-point-icon {
  z-index: 2;
  width: 30px;
  height: 30px;
  margin: 0 10px;
  -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, .5);
  box-shadow: 2px 2px 8px rgba(0, 0, 0, .5);
  border-radius: 100%
}

#pointsMall .pointsMall-top-wrapper .pointsMall-point-wrapper .pointsMall-point-block .user-point-icon img, #pointsMall .pointsMall-top-wrapper .pointsMall-tab-wrapper .pointsMall-point-block .user-point-icon img {
  width: 100%;
  height: 100%
}

#pointsMall .pointsMall-top-wrapper .pointsMall-point-wrapper .pointsMall-point-block .user-point-content, #pointsMall .pointsMall-top-wrapper .pointsMall-tab-wrapper .pointsMall-point-block .user-point-content {
  z-index: 2;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center
}

#pointsMall .pointsMall-top-wrapper .pointsMall-point-wrapper .pointsMall-point-block .user-point-content span, #pointsMall .pointsMall-top-wrapper .pointsMall-tab-wrapper .pointsMall-point-block .user-point-content span {
  color: #fff;
  font-size: 32px;
  font-size: bold
}

#pointsMall .pointsMall-top-wrapper .pointsMall-point-wrapper .pointsMall-point-block .user-point-refresh, #pointsMall .pointsMall-top-wrapper .pointsMall-tab-wrapper .pointsMall-point-block .user-point-refresh {
  z-index: 2;
  width: 30px;
  height: 30px;
  margin: 0 10px
}

#pointsMall .pointsMall-top-wrapper .pointsMall-point-wrapper .pointsMall-point-block .user-point-refresh img, #pointsMall .pointsMall-top-wrapper .pointsMall-tab-wrapper .pointsMall-point-block .user-point-refresh img {
  width: 100%;
  height: 100%
}

#pointsMall .pointsMall-top-wrapper .pointsMall-point-wrapper .pointsMall-tab-block, #pointsMall .pointsMall-top-wrapper .pointsMall-tab-wrapper .pointsMall-tab-block {
  margin-top: 20px;
  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;
  height: 50px;
  position: relative;
  border-radius: 25px;
  border: 1px solid #6ac35f;
  background: #f1f1f1;
  -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, .5);
  box-shadow: 2px 2px 8px rgba(0, 0, 0, .5)
}

#pointsMall .pointsMall-top-wrapper .pointsMall-point-wrapper .pointsMall-tab-block ul, #pointsMall .pointsMall-top-wrapper .pointsMall-tab-wrapper .pointsMall-tab-block ul {
  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;
  height: 100%;
  padding: 3px;
  z-index: 2
}

#pointsMall .pointsMall-top-wrapper .pointsMall-point-wrapper .pointsMall-tab-block ul li, #pointsMall .pointsMall-top-wrapper .pointsMall-tab-wrapper .pointsMall-tab-block ul li {
  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;
  min-width: 140px;
  height: 100%;
  position: relative;
  z-index: 3
}

#pointsMall .pointsMall-top-wrapper .pointsMall-point-wrapper .pointsMall-tab-block ul li:first-child, #pointsMall .pointsMall-top-wrapper .pointsMall-tab-wrapper .pointsMall-tab-block ul li:first-child {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}

#pointsMall .pointsMall-top-wrapper .pointsMall-point-wrapper .pointsMall-tab-block ul li:last-child, #pointsMall .pointsMall-top-wrapper .pointsMall-tab-wrapper .pointsMall-tab-block ul li:last-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}

#pointsMall .pointsMall-top-wrapper .pointsMall-point-wrapper .pointsMall-tab-block ul li a, #pointsMall .pointsMall-top-wrapper .pointsMall-tab-wrapper .pointsMall-tab-block ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #000;
  z-index: 5
}

#pointsMall .pointsMall-top-wrapper .pointsMall-point-wrapper .pointsMall-tab-block ul li a:before, #pointsMall .pointsMall-top-wrapper .pointsMall-tab-wrapper .pointsMall-tab-block ul li a:before {
  content: "";
  width: 30px;
  height: 30px;
  padding-right: 50px;
  margin-right: 20px;
  border-right: 2px solid #666
}

#pointsMall .pointsMall-top-wrapper .pointsMall-point-wrapper .pointsMall-tab-block ul li a.record:before, #pointsMall .pointsMall-top-wrapper .pointsMall-tab-wrapper .pointsMall-tab-block ul li a.record:before {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/history-icon_5e41c0b.webp) no-repeat;
  background-size: contain
}

#pointsMall .pointsMall-top-wrapper .pointsMall-point-wrapper .pointsMall-tab-block ul li a.mallStore:before, #pointsMall .pointsMall-top-wrapper .pointsMall-tab-wrapper .pointsMall-tab-block ul li a.mallStore:before {
  background: url(data:image/webp;base64,UklGRuoCAABXRUJQVlA4WAoAAAAYAAAAOwAAOwAAVlA4TH8CAAAvO8AOEO/iIJIkRaquWTzw7/YeRThw2zaSZCW9Zmb//9utA7dtI0lW0mtm9v+/3TqubVtNdtw9ATrIiP7LoQRnZD8BQHjdWwJJVb1Vqtatqqj6GFq3fQ6Vap9j7U21z6FSqc73VVVUfQxjTkkk0ceg6mNIoqqMOVWVMSdVVVl7SyKJMae1t7mW1q2PoXW7fz/7HCpVElXl/v0k8V9VklCpVEkAd+CapAM6IAbiJCcgShIliV/3nl/3foAABCA8/38D7EkSIAd2YAEGIAISIHrdezFIEAA2bSMXxszMzMzbkYJlDiz9/z9uTiNLH7Aj+u/IbSNHonpzOu1M9RcEskKtFyS242pjJ0GvVhB0lTuRCxm5plOm0Qo9QOWZlrp6DArFDTXVPihmqgraFihn2mhdHwgyXZx8AEQFBqH0DWR9m+z7/y+Ey2QJgLQg69uAuMFf1vapmUE/WrWAPFNN6wNDJqUBGd5e071//VZYDVmcZTQ3sOLY1OIZ7qOxpAnZshs/Ra3mj5CA1gcYodC67JHQJ5iDUFnoDtCY+IVYHaEjrIc/5vfny+PlTGodI0Si4GI9gdy/86JkHsEt1AAv3aZkEhDVegSuJEN/EXoBgRv5hU/MISAhsCMZAYTEVvcxJTEYtqPsblp+vIXhuGh7R/pwf3d9djgnu8VwcVCtAopDZPoVxbFpzD0Dip1QWLgGZEmAtrRszMraxvbhxb3C6UHlv0BQr8apVnD5uAUR8YmE7vDp/BxjiSCPsTrkEkqDHJeWfC7jEafmQB6N9LmbQ593ZmCdVVhnJNbZjHcmZJ1FWWdgztmbdebn3Wso1VDd4yjXxO+tmoKkCt2ejnUvqQEARVhJRkQAAABNTQAqAAAACAABh2kABAAAAAEAAAAaAAAAAAADoAEAAwAAAAEAAQAAoAIABAAAAAEAAAA8oAMABAAAAAEAAAA8AAAAAA==) no-repeat;
  background-size: contain
}

#pointsMall .pointsMall-top-wrapper .pointsMall-point-wrapper .pointsMall-tab-block ul li.active, #pointsMall .pointsMall-top-wrapper .pointsMall-tab-wrapper .pointsMall-tab-block ul li.active {
  background: -webkit-gradient(linear, left bottom, left top, from(#e69d00), color-stop(#f3e192), to(#e69d00));
  background: linear-gradient(0deg, #e69d00, #f3e192, #e69d00)
}

#pointsMall .pointsMall-top-wrapper .pointsMall-point-wrapper .pointsMall-tab-block ul li.active a, #pointsMall .pointsMall-top-wrapper .pointsMall-tab-wrapper .pointsMall-tab-block ul li.active a {
  color: #000
}

#pointsMall .pointsMall-tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 40px 0
}

#pointsMall .pointsMall-tab-list .history-tab {
  margin: 0 10px;
  font-size: 18px;
  font-weight: 700;
  border-bottom: 2px solid transparent;
  color: #333;
  cursor: pointer
}

#pointsMall .pointsMall-tab-list .history-tab.active, #pointsMall .pointsMall-tab-list .history-tab:hover {
  color: #6ac35f;
  border-color: #6ac35f
}

#pointsMall .mallStore-content-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden
}

#pointsMall .mallStore-content-wrapper, #pointsMall .mallStore-content-wrapper .mallStore-title-block {
  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
}

#pointsMall .mallStore-content-wrapper .mallStore-title-block {
  width: 300px;
  height: 20px;
  margin-top: 30px
}

#pointsMall .mallStore-content-wrapper .mallStore-title-block img {
  width: 100%;
  height: 100%
}

#pointsMall .mallStore-content-wrapper .mallStore-item-wrapper {
  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;
  margin: 50px 0;
  max-width: 1120px
}

@media only screen and (max-width:1717px) {
  #pointsMall .mallStore-content-wrapper .mallStore-item-wrapper {
    max-width: 840px
  }
}

@media only screen and (max-width:1341px) {
  #pointsMall .mallStore-content-wrapper .mallStore-item-wrapper {
    max-width: 560px
  }
}

#pointsMall .mallStore-content-wrapper .mallStore-item-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

#pointsMall .mallStore-content-wrapper .mallStore-item-block .item-content-block {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #f1f1f1;
  width: 240px;
  height: 310px;
  border-radius: 20px;
  margin: 15px;
  position: relative;
  -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, .2);
  box-shadow: 2px 2px 8px rgba(0, 0, 0, .2)
}

#pointsMall .mallStore-content-wrapper .mallStore-item-block .item-content-block.disabled:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/noRemainingCount_080edb2.webp) 50% no-repeat #000;
  background-size: 50%;
  opacity: .8;
  z-index: 20;
  border-radius: 20px;
  cursor: not-allowed
}

#pointsMall .mallStore-content-wrapper .mallStore-item-block .item-content-block .item-title-block {
  z-index: 2;
  padding: 0 25px;
  height: 80px;
  color: #000;
  text-align: center;
  font-size: 20px;
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical
}

#pointsMall .mallStore-content-wrapper .mallStore-item-block .item-content-block .item-img-block {
  z-index: 2;
  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;
  position: relative;
  width: 200px;
  height: 0;
  padding-bottom: 40%;
  border-radius: 8px;
  overflow: hidden
}

#pointsMall .mallStore-content-wrapper .mallStore-item-block .item-content-block .item-img-block img {
  position: absolute;
  top: .5px;
  left: 1px;
  max-width: calc(100% - 1px);
  max-height: calc(100% - 1px);
  border-radius: 8px
}

#pointsMall .mallStore-content-wrapper .mallStore-item-block .item-content-block .item-price-block {
  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;
  width: 100%;
  position: relative;
  z-index: 2
}

#pointsMall .mallStore-content-wrapper .mallStore-item-block .item-content-block .item-price-block .price-content-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 50px;
  min-width: 150px;
  border-radius: 25px;
  padding: 0 40px 0 20px;
  border: 1px solid #6ac35f;
  -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, .2);
  box-shadow: 2px 2px 8px rgba(0, 0, 0, .2)
}

#pointsMall .mallStore-content-wrapper .mallStore-item-block .item-content-block .item-price-block .price-content-wrapper .price-icon-block {
  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;
  width: 25px;
  height: 25px;
  margin-right: 5px
}

#pointsMall .mallStore-content-wrapper .mallStore-item-block .item-content-block .item-price-block .price-content-wrapper .price-icon-block img {
  width: 100%;
  height: 100%
}

#pointsMall .mallStore-content-wrapper .mallStore-item-block .item-content-block .item-price-block .price-content-wrapper .price-content-block {
  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;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

#pointsMall .mallStore-content-wrapper .mallStore-item-block .item-content-block .item-price-block .price-content-wrapper .price-content-block span {
  font-weight: 700;
  font-size: 20px
}

#pointsMall .mallStore-content-wrapper .mallStore-item-block .item-content-block .item-price-block .price-content-wrapper .price-content-block:after {
  content: "";
  position: absolute;
  right: 20px;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/arrow_09c28fb.webp) no-repeat;
  background-size: contain;
  -webkit-transform: scale(-1);
  transform: scale(-1);
  width: 20px;
  height: 20px
}

#pointsMall .mallStore-content-wrapper .mallStore-item-block .item-content-block.mob {
  height: 100px;
  padding: 0 10px;
  margin: 10px auto;
  border-radius: 10px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

#pointsMall .mallStore-content-wrapper .mallStore-item-block .item-content-block.mob.disabled:after {
  background-size: 25%;
  border-radius: 10px
}

#pointsMall .mallStore-content-wrapper .mallStore-item-block .item-content-block.mob .item-img-block {
  padding: 0;
  height: 100%;
  width: 40%
}

#pointsMall .mallStore-content-wrapper .mallStore-item-block .item-content-block.mob .item-img-block img {
  top: auto;
  -o-object-fit: contain;
  object-fit: contain;
  max-height: calc(100% - 20px)
}

#pointsMall .mallStore-content-wrapper .mallStore-item-block .item-content-block.mob .item-title-block {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 60%;
  padding: 10px 20px 0;
  font-size: 16px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}

#pointsMall .mallStore-content-wrapper .mallStore-item-block .item-content-block.mob .item-price-block {
  width: 60%;
  height: 30px;
  margin: 10px 0
}

#pointsMall .mallStore-content-wrapper .mallStore-item-block .item-content-block.mob .item-price-block .price-content-wrapper {
  height: 30px;
  padding: 0 30px 0 10px;
  min-width: 90px
}

#pointsMall .mallStore-content-wrapper .mallStore-item-block .item-content-block.mob .item-price-block .price-content-wrapper .price-icon-block {
  height: 20px;
  width: 20px
}

#pointsMall .mallStore-content-wrapper .mallStore-item-block .item-content-block.mob .item-price-block .price-content-wrapper .price-content-block:after {
  height: 15px;
  width: 15px;
  right: 10px
}

#pointsMall .mallRecord-content-wrapper {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 100px
}

#pointsMall .mallRecord-content-wrapper .mallRecord-title-block span {
  font-size: 20px;
  color: #000
}

#pointsMall .mallRecord-content-wrapper .mallRecord-searchway-block {
  width: 100%
}

#pointsMall .mallRecord-content-wrapper .mallRecord-table-block .listrecord .list-td {
  border: 1px solid #000 !important
}

#pointsMall .mallRecord-content-wrapper .mallRecord-table-block .listrecord .even-list-row {
  border-right: 1px solid #000 !important
}

#pointsMall .mallRecord-content-wrapper .mallRecord-table-block .listrecord .list-th {
  background: #f7f7f7;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border: 1px solid #ddd
}

#pointsMall .mallRecord-content-wrapper .mallRecord-table-block .listrecord .list-th>.el-col {
  border-right: 1px solid #ddd;
  font-weight: 600
}

#pointsMall .mallRecord-content-wrapper .mallRecord-table-block .listrecord .list-th>.el-col:last-child {
  border-right: 0
}

#pointsMall .mallRecord-content-wrapper .mallRecord-table-block .listrecord .norecord {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background: #fff;
  border: 1px solid #ddd;
  border-top: 0;
  padding: 50px 10px;
  text-align: center
}

#pointsMall .mallRecord-content-wrapper .mallRecord-table-block .listrecord .list-td {
  background: #fff;
  border: 1px solid #ddd;
  border-top: 0
}

#pointsMall .mallRecord-content-wrapper .mallRecord-table-block .listrecord .list-td:last-child {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px
}

#pointsMall .mallRecord-content-wrapper .mallRecord-table-block .listrecord .list-td>.el-col {
  border-right: 1px solid #ddd;
  padding: 0
}

#pointsMall .mallRecord-content-wrapper .mallRecord-table-block .listrecord .list-td>.el-col:last-child {
  border-right: 0
}

#pointsMall .mallRecord-content-wrapper .mallRecord-table-block .listrecord .list-td>.el-col>.el-col {
  display: block;
  border-right: 1px solid #ddd
}

#pointsMall .mallRecord-content-wrapper .mallRecord-table-block .listrecord .list-td>.el-col>.el-col:last-child {
  border-right: 0
}

#pointsMall .mallRecord-content-wrapper.mob {
  padding: 0 10px;
  margin-top: 0
}

#pointsMall .mallRecord-content-wrapper.mob .mallRecord-searchway-block {
  margin-top: 0
}

#pointsMall .mallRecord-content-wrapper.mob .mallRecord-table-block .listrecord .list-td>.el-col>.el-col {
  display: inline-block
}

#pointsMall .mallRecord-content-wrapper.mob .mallRecord-table-block {
  width: 100%
}

#pointsMall .mallRecord-content-wrapper.mob .mallRecord-table-block .norecord {
  border-radius: 5px;
  border: 1px solid #ddd
}

#missionCenter .list-wrap {
  width: 100%;
  height: 60px
}

#missionCenter .list-wrap .win-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 5px;
  overflow: auto
}

#missionCenter .list-wrap .win-list>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

[dir=rtl] #missionCenter .list-wrap .win-list>div {
  right: auto !important;
  left: 100% !important
}

#missionCenter .list-wrap .win-list::-webkit-scrollbar {
  display: none
}

#missionCenter .list-wrap .win-list .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  padding: 10px;
  width: 140px
}

#missionCenter .list-wrap .win-list .item:after {
  content: "";
  position: absolute;
  top: 10px;
  right: 0;
  width: 1px;
  bottom: 10px;
  background: #409eff
}

#missionCenter .list-wrap .win-list .item .name {
  color: #333;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 400;
  padding-right: 10px;
  z-index: 1;
  width: 80px;
  overflow: hidden
}

#missionCenter .list-wrap .win-list .item .right-box {
  width: 60px;
  z-index: 1;
  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-align: center;
  -ms-flex-align: center;
  align-items: center
}

#missionCenter .list-wrap .win-list .item .right-box .reward-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 2px;
  gap: 2px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#missionCenter .list-wrap .win-list .item .right-box .icon {
  width: 20px;
  margin-right: .5333333333vmin
}

#missionCenter .list-wrap .win-list .item .right-box .icon img {
  width: 100%
}

#missionCenter .list-wrap .win-list .item .right-box .num {
  white-space: nowrap;
  color: #409eff;
  font-weight: 700;
  font-size: 14px
}

.mobile-app #missionCenter .list-wrap {
  height: 16vmin;
  margin-bottom: 2.6666666667vmin
}

.mobile-app #missionCenter .list-wrap .win-list {
  padding: 2.6666666667vmin 0;
  border-width: .2666666667vmin;
  border-radius: 2.6666666667vmin
}

.mobile-app #missionCenter .list-wrap .win-list>div {
  display: block
}

.mobile-app #missionCenter .list-wrap .win-list .item {
  width: 100%;
  padding: 2.6666666667vmin 5.3333333333vmin
}

.mobile-app #missionCenter .list-wrap .win-list .item:after {
  display: none
}

.mobile-app #missionCenter .list-wrap .win-list .item .name {
  font-size: 3.2vmin;
  width: auto;
  padding-right: 2.6666666667vmin
}

.mobile-app #missionCenter .list-wrap .win-list .item .right-box {
  width: auto
}

.mobile-app #missionCenter .list-wrap .win-list .item .right-box .icon {
  width: 5.3333333333vmin;
  margin-right: .5333333333vmin
}

.mobile-app #missionCenter .list-wrap .win-list .item .right-box .num {
  font-size: 3.7333333333vmin
}

#missionCenter .noMission {
  margin-top: 100px;
  text-align: center;
  font-weight: 600
}

#missionCenter .el-progress-bar__inner {
  background: -webkit-gradient(linear, left top, right top, color-stop(62.5%, #a67fb6), to(#8b93ec));
  background: linear-gradient(90deg, #a67fb6 62.5%, #8b93ec);
  background: var(--miss-center-card-progressbar, linear-gradient(90deg, var(--miss-center-card-progressbar-01, #a67fb6) 62.5%, var(--miss-center-card-progressbar-02, #8b93ec)));
  max-width: 100%
}

#missionCenter .el-progress-bar__outer {
  background-color: #4a4f60;
  background-color: var(--miss-center-daily-mission-progressbar-outer-bg, #4a4f60)
}

#missionCenter .missionCenter-content-wrapper {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #fff;
  position: relative;
  overflow: hidden;
  border-radius: 2.6666666667vmin;
  height: 100%;
  width: 100%;
  padding: 3.2vmin
}

#missionCenter .missionCenter-content-wrapper.record .table-block .listrecord .list-td {
  border: 1px solid #000 !important
}

#missionCenter .missionCenter-content-wrapper.record .table-block .listrecord .even-list-row {
  border-right: 1px solid #000 !important
}

#missionCenter .missionCenter-content-wrapper.record .table-block .listrecord .list-th {
  background: #f7f7f7;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border: 1px solid #ddd
}

#missionCenter .missionCenter-content-wrapper.record .table-block .listrecord .list-th>.el-col {
  border-right: 1px solid #ddd;
  font-weight: 600
}

#missionCenter .missionCenter-content-wrapper.record .table-block .listrecord .list-th>.el-col:last-child {
  border-right: 0
}

#missionCenter .missionCenter-content-wrapper.record .table-block .listrecord .norecord {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background: #fff;
  border: 1px solid #ddd;
  border-top: 0;
  padding: 50px 10px;
  text-align: center
}

#missionCenter .missionCenter-content-wrapper.record .table-block .listrecord .list-td {
  background: #fff;
  border: 1px solid #ddd;
  border-top: 0
}

#missionCenter .missionCenter-content-wrapper.record .table-block .listrecord .list-td:last-child {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px
}

#missionCenter .missionCenter-content-wrapper.record .table-block .listrecord .list-td>.el-col {
  border-right: 1px solid #ddd;
  padding: 0
}

#missionCenter .missionCenter-content-wrapper.record .table-block .listrecord .list-td>.el-col:last-child {
  border-right: 0
}

#missionCenter .missionCenter-content-wrapper.record .table-block .listrecord .list-td>.el-col>.el-col {
  display: block;
  border-right: 1px solid #ddd
}

#missionCenter .missionCenter-content-wrapper.record .table-block .listrecord .list-td>.el-col>.el-col:last-child {
  border-right: 0
}

#missionCenter .missionCenter-content-wrapper.record.mob {
  padding: 0 10px
}

#missionCenter .missionCenter-content-wrapper.record.mob .table-block .listrecord .list-td>.el-col>.el-col {
  display: inline-block
}

#missionCenter .missionCenter-content-wrapper.record.mob .table-block {
  width: 100%
}

#missionCenter .missionCenter-content-wrapper.record.mob .table-block .norecord {
  border-radius: 5px;
  border: 1px solid #ddd
}

#missionCenter .missionCenter-content-wrapper .receive-all-btn {
  margin-top: 3.2vmin;
  width: 100%;
  position: relative;
  border-radius: 13.3333333333vmin;
  padding: .5333333333vmin 3.2vmin;
  background: -webkit-gradient(linear, left top, left bottom, from(#5e41c1), to(#4423b3));
  background: linear-gradient(180deg, #5e41c1, #4423b3);
  border-image-source: linear-gradient(270deg, #afadab 99%, #fff 0, #bbb 0, #f9f9f7 0, #c3c3c3 0);
  border-image-slice: 1
}

#missionCenter .missionCenter-content-wrapper .receive-all-btn:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 4;
  left: 2px;
  top: 2px;
  right: 2px;
  bottom: 2px;
  border-radius: 13.3333333333vmin;
  border: .2666666667vmin solid #eeeded;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(17%, #ad9de4), color-stop(37%, #7d61dc), color-stop(98%, #4c0f6c)), -webkit-gradient(linear, right top, left top, color-stop(99%, #afadab), color-stop(76%, #fff), color-stop(57%, #bbb), color-stop(32%, #f9f9f7), color-stop(16%, #c3c3c3));
  background: linear-gradient(180deg, #ad9de4 17%, #7d61dc 37%, #4c0f6c 98%), linear-gradient(270deg, #afadab 99%, #fff 0, #bbb 0, #f9f9f7 0, #c3c3c3 0)
}

#missionCenter .missionCenter-content-wrapper .receive-all-btn span {
  position: relative;
  display: block;
  z-index: 5;
  padding: 1.3333333333vmin 4.2666666667vmin;
  text-align: center;
  color: #fff;
  font-size: 4.2666666667vmin
}

#missionCenter .activity {
  padding-bottom: 0
}

#missionCenter .activity .activity-wrap {
  color: #1e1e1e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 35px;
  gap: 35px;
  padding: 65px 0
}

#missionCenter .activity .activity-wrap .iconText {
  margin-right: 0
}

#missionCenter .activity .activityValMob {
  display: none
}

#missionCenter .activity .activityNum {
  display: inline-block;
  position: relative;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/ring_bg_2950c30.webp) no-repeat;
  background-size: 90px;
  height: 90px;
  background-position-x: 50%
}

#missionCenter .activity .activityNum .activityVal {
  display: block;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  padding: 27px 0 10px
}

#missionCenter .activity .activityNum .activityTitle {
  background: radial-gradient(circle at 100%, at 100%, #fff 0, #fff 16px, transparent 0) 0 0/18px 18px no-repeat, radial-gradient(circle at 0, at 100%, #fff 0, #fff 16px, transparent 0) 100% 0/18px 18px no-repeat, radial-gradient(circle at 100%, at 0, #fff 0, #fff 16px, transparent 0) 0 100%/18px 18px no-repeat, radial-gradient(circle at 0, at 0, #fff 0, #fff 16px, transparent 0) 100% 100%/18px 18px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 50% 50%/calc(100% - 4px) calc(100% - 36px) no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 50% 50%/calc(100% - 36px) calc(100% - 4px) no-repeat, -webkit-gradient(linear, left top, right top, from(#f6d965), to(#c78b11));
  background: radial-gradient(circle at 100%, at 100%, #fff 0, #fff 16px, transparent 0) 0 0/18px 18px no-repeat, radial-gradient(circle at 0, at 100%, #fff 0, #fff 16px, transparent 0) 100% 0/18px 18px no-repeat, radial-gradient(circle at 100%, at 0, #fff 0, #fff 16px, transparent 0) 0 100%/18px 18px no-repeat, radial-gradient(circle at 0, at 0, #fff 0, #fff 16px, transparent 0) 100% 100%/18px 18px no-repeat, linear-gradient(#fff, #fff) 50% 50%/calc(100% - 4px) calc(100% - 36px) no-repeat, linear-gradient(#fff, #fff) 50% 50%/calc(100% - 36px) calc(100% - 4px) no-repeat, linear-gradient(90deg, #f6d965, #c78b11);
  background: radial-gradient(circle at 100% 100%, #fff 0, #fff 16px, transparent 0) 0 0/18px 18px no-repeat, radial-gradient(circle at 0 100%, #fff 0, #fff 16px, transparent 0) 100% 0/18px 18px no-repeat, radial-gradient(circle at 100% 0, #fff 0, #fff 16px, transparent 0) 0 100%/18px 18px no-repeat, radial-gradient(circle at 0 0, #fff 0, #fff 16px, transparent 0) 100% 100%/18px 18px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 50% 50%/calc(100% - 4px) calc(100% - 36px) no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 50% 50%/calc(100% - 36px) calc(100% - 4px) no-repeat, -webkit-gradient(linear, left top, right top, from(#f6d965), to(#c78b11));
  background: radial-gradient(circle at 100% 100%, #fff 0, #fff 16px, transparent 0) 0 0/18px 18px no-repeat, radial-gradient(circle at 0 100%, #fff 0, #fff 16px, transparent 0) 100% 0/18px 18px no-repeat, radial-gradient(circle at 100% 0, #fff 0, #fff 16px, transparent 0) 0 100%/18px 18px no-repeat, radial-gradient(circle at 0 0, #fff 0, #fff 16px, transparent 0) 100% 100%/18px 18px no-repeat, linear-gradient(#fff, #fff) 50% 50%/calc(100% - 4px) calc(100% - 36px) no-repeat, linear-gradient(#fff, #fff) 50% 50%/calc(100% - 36px) calc(100% - 4px) no-repeat, linear-gradient(90deg, #f6d965, #c78b11);
  border-radius: 18px;
  padding: 6px 15px;
  white-space: nowrap
}

#missionCenter .activity .activityBar-wrap {
  width: calc(100% - 235px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
  margin-top: 75px
}

#missionCenter .activity .activityBar {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
  position: relative
}

[dir=rtl] #missionCenter .activity .activityBar {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}

#missionCenter .activity .activityBar .el-progress-bar {
  padding: 0;
  padding: var(--miss-center-activity-progress-padding, 0);
  background: transparent;
  background: var(--miss-center-activity-progress-bg, transparent)
}

#missionCenter .activity .activityBar .el-progress-bar__inner {
  background: -webkit-gradient(linear, left top, right top, from(#34d1e0), color-stop(25%, #34d6da), color-stop(50%, #34dad5), color-stop(75%, #34dfcf), to(#34e4c8));
  background: linear-gradient(90deg, #34d1e0, #34d6da 25%, #34dad5 50%, #34dfcf 75%, #34e4c8);
  background: var(--miss-center-card-activity-progressbar, linear-gradient(90deg, #34d1e0, #34d6da 25%, #34dad5 50%, #34dfcf 75%, #34e4c8))
}

#missionCenter .activity .activityBar .el-progress-bar__outer {
  background: #919699;
  background: var(--miss-center-activity-progressbar-outer-bg, #919699)
}

#missionCenter .activity .activityBar .box {
  width: 60px;
  height: 60px;
  top: 50%;
  -webkit-transform: translateY(-64%);
  transform: translateY(-64%)
}

#missionCenter .activity .activityBar .box.pos4:not(.reward4) {
  width: 87px;
  height: 87px;
  margin-top: -12px;
  margin-left: -14px
}

#missionCenter .activity .activityBar .shakeBox {
  -webkit-animation: shine03 2s infinite both;
  animation: shine03 2s infinite both;
  cursor: pointer
}

#missionCenter .activity .activityBar .iconText {
  width: 60px;
  margin-top: 10px;
  text-align: center
}

#missionCenter .activity .activityBar .starting-point {
  width: 40px;
  height: 40px;
  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;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

#missionCenter .activity .activityBar .starting-point .icon {
  width: 16px;
  height: 16px;
  -o-object-fit: contain;
  object-fit: contain;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

#missionCenter .activity .activityBar .diamond-wrap {
  padding: 2px;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 32px;
  height: 32px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  grid-gap: 10px;
  gap: 10px;
  aspect-ratio: 1/1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background: -webkit-gradient(linear, left bottom, left top, from(#77c0ff), to(#dfdeff));
  background: linear-gradient(0deg, #77c0ff, #dfdeff);
  background: var(--miss-center-activity-progress-bdr, linear-gradient(0deg, var(--miss-center-activity-progress-icon-bdr-01, #77c0ff), var(--miss-center-activity-progress-icon-bdr-02, #dfdeff)))
}

.mobile-app #missionCenter .activity .activityBar .diamond-wrap {
  padding: .2666666667vmin;
  border-radius: 1.0666666667vmin
}

#missionCenter .activity .activityBar .diamond-wrap .diamond-inner {
  border-radius: 6px;
  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;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  background: radial-gradient(60.41% 60.41% at 50%, at 50%, #ffefce 0, #ecf9ff 100%);
  background: radial-gradient(60.41% 60.41% at 50% 50%, #ffefce 0, #ecf9ff 100%);
  background: var(--miss-center-activity-progress-icon-bg, radial-gradient(60.41% 60.41% at 50%, at 50%, var(--miss-center-activity-progress-icon-bg-02, #ffefce) 0, var(--miss-center-activity-progress-icon-bg-01, #ecf9ff) 100%));
  background: var(--miss-center-activity-progress-icon-bg, radial-gradient(60.41% 60.41% at 50% 50%, var(--miss-center-activity-progress-icon-bg-02, #ffefce) 0, var(--miss-center-activity-progress-icon-bg-01, #ecf9ff) 100%))
}

.mobile-app #missionCenter .activity .activityBar .diamond-wrap .diamond-inner {
  border-radius: .8vmin
}

#missionCenter .activity .activityBar .final-reward-wrap {
  margin-top: -12px;
  width: 120px;
  height: 100px;
  position: absolute;
  left: calc(100% - 25px)
}

#missionCenter .activity .activityBar .final-reward-wrap, #missionCenter .activity .activityBar .final-reward-wrap .final-reward-wrap-point {
  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-align: center;
  -ms-flex-align: center;
  align-items: center
}

#missionCenter .activity .activityBar .final-reward-wrap .final-reward-wrap-point {
  margin-bottom: 10px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.mobile-app #missionCenter .activity .activityBar .final-reward-wrap .final-reward-wrap-point {
  margin-bottom: 8px
}

#missionCenter .activity .activityBar .final-reward-wrap .final-icon {
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain
}

#missionCenter .activity .activityBar .final-reward-wrap .final-point {
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  position: relative
}

#missionCenter .activity .activityBar .final-reward-wrap .final-point:before {
  content: attr(data-text);
  position: absolute;
  z-index: 2;
  background: #fff;
  background: var(--miss-center-reward-last-text, #fff);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

#missionCenter .activity .activityBar .final-reward-wrap .final-point:after {
  content: attr(data-text);
  position: absolute;
  z-index: 1;
  -webkit-text-stroke: 4px #e15402;
  -webkit-text-stroke: 4px var(--miss-center-reward-last-active-text-bdr, #e15402);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

#missionCenter .activity .activityBar .final-reward-wrap .final-reward {
  grid-gap: 12px;
  gap: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

#missionCenter .activity .activityBar .final-reward-wrap.opened .final-point:after {
  -webkit-text-stroke: 4px #5a5a5a;
  -webkit-text-stroke: 4px var(--miss-center-reward-last-disable-text-bdr, #5a5a5a)
}

#missionCenter .activity .activityBar .final-reward-wrap.opened:after {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  background-image: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/finish_4372c38.webp);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  position: absolute;
  top: calc(50% + 12px);
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 16
}

.mobile-app #missionCenter .activity .activityBar .final-reward-wrap.opened:after {
  top: 50%
}

#missionCenter .activity .activityBar .reward-wrap-border {
  border-radius: 16px;
  padding: 2px;
  top: -140px;
  background: -webkit-gradient(linear, left bottom, left top, from(#77c0ff), to(#dfdeff));
  background: linear-gradient(0deg, #77c0ff, #dfdeff);
  background: var(--miss-center-reward-bdr, linear-gradient(0deg, var(--miss-center-reward-bdr-01, #77c0ff), var(--miss-center-reward-bdr-02, #dfdeff)));
  width: auto;
  height: 85px;
  min-width: 85px;
  -webkit-transform: none;
  transform: none
}

#missionCenter .activity .activityBar .reward-wrap-border .reward-wrap-bg {
  border-radius: 14px;
  grid-gap: 12px;
  gap: 12px;
  padding: 6px 12px;
  width: auto;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  background: #f2f8ff;
  background: var(--miss-center-reward-bg, #f2f8ff);
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative
}

#missionCenter .activity .activityBar .reward-wrap-border .reward-wrap-bg:after {
  width: 2px;
  height: 14px;
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: block;
  border-radius: 2px;
  background: #77c0ff;
  background: var(--miss-center-reward-bdr-01, #77c0ff)
}

#missionCenter .activity .activityBar .reward-wrap-border.opened:before {
  content: "";
  border-radius: 14px;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: hsla(0, 0%, 68.2%, .4);
  z-index: 16
}

#missionCenter .activity .activityBar .reward-wrap-border.opened:after {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  background-image: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/finish_4372c38.webp);
  background-size: 25px 25px;
  background-repeat: no-repeat;
  background-position: 50%;
  position: absolute;
  right: 0;
  top: -6.5px;
  z-index: 16
}

#missionCenter .activity .activityBar .reward-wrap-border.available-effect {
  -webkit-animation-name: updown;
  animation-name: updown;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  cursor: pointer
}

#missionCenter .activity .activityBar .reward-zIndex {
  z-index: 1
}

#missionCenter .activity .activityBar .pos0 {
  position: absolute;
  left: -15px
}

#missionCenter .activity .activityBar .pos1 {
  position: absolute;
  left: calc(25% - 30px)
}

#missionCenter .activity .activityBar .pos1.reward1 {
  left: 25%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

#missionCenter .activity .activityBar .pos2 {
  position: absolute;
  left: calc(50% - 30px)
}

#missionCenter .activity .activityBar .pos2.reward2 {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

#missionCenter .activity .activityBar .pos3 {
  position: absolute;
  left: calc(75% - 30px)
}

#missionCenter .activity .activityBar .pos3.reward3 {
  left: 75%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

#missionCenter .activity .activityBar .pos4 {
  position: absolute;
  left: calc(100% - 10px);
  white-space: nowrap
}

#missionCenter .activity .activityBar .pos4.reward4 {
  left: calc(100% + 10px);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

#missionCenter .activity .link-box {
  width: 100%;
  border-radius: 10px;
  margin: 10px 0;
  padding: 15px 10px;
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, .1);
  border: .5px solid #ddd;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#missionCenter .activity .link-box .gift {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/gift_58cf757.webp) no-repeat;
  background-size: contain;
  height: 50px;
  width: 50px;
  margin-right: 5px;
  z-index: 1
}

#missionCenter .activity .link-box .link-box-title {
  font-size: 16px;
  color: #333;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

#missionCenter .activity .link-box .missionCenter-btn {
  border: 1px solid #74cdcd;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#74cdcd), to(#1c9595));
  background-image: linear-gradient(180deg, #74cdcd, #1c9595)
}

#missionCenter .dailyMission {
  font-size: 16px
}

#missionCenter .dailyMission .memberform-wrap {
  position: relative
}

#missionCenter .dailyMission .el-icon-info {
  margin-right: 5px
}

#missionCenter .dailyMission .background-color {
  border: 0
}

#missionCenter .dailyMission .el-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

#missionCenter .dailyMission [class*=el-col-] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

#missionCenter .dailyMission .top-title .fa-question-circle {
  margin: 0 5px 5px;
  font-size: 18px
}

#missionCenter .dailyMission .fa {
  font-size: 20px;
  vertical-align: middle
}

#missionCenter .dailyMission .glyphicon-question-sign {
  color: #555;
  padding-left: 5px
}

#missionCenter .dailyMission .normalBtn {
  color: #fff;
  background: #0a1
}

#missionCenter .dailyMission .receiveAll {
  text-align: center;
  margin: 10px 0
}

#missionCenter .dailyMission .receiveAll .normalBtn {
  padding: 10px 40px
}

#missionCenter .dailyMission .el-icon-info {
  color: #6b90b7
}

#missionCenter .missionCenter-btn {
  padding: 2px 8px;
  height: 32px;
  border-radius: 16px;
  -webkit-box-shadow: inset 0 -4px 3px 0 rgba(0, 0, 0, .2);
  box-shadow: inset 0 -4px 3px 0 rgba(0, 0, 0, .2);
  min-width: 120px;
  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
}

#missionCenter .missionCenter-btn span {
  position: relative;
  display: block;
  z-index: 5;
  text-align: center;
  color: #fff;
  font-size: 14px
}

#missionCenter .iconText {
  margin-right: 10px;
  display: inline-block
}

#missionCenter .iconText .icon, #missionCenter .iconText span {
  vertical-align: middle
}

#missionCenter .iconText span {
  color: #7f7766;
  color: var(--miss-center-activity-progress-value, #7f7766);
  font-family: Arial;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal
}

.mobile-app #missionCenter .iconText span {
  font-size: 14px
}

#missionCenter .iconText .icon {
  display: inline-block;
  margin-right: 5px;
  width: 20px;
  height: 20px
}

[dir=rtl] #missionCenter .iconText .icon {
  margin-right: 0;
  margin-left: 5px
}

#missionCenter .iconText.activityTitle span {
  color: #1e1e1e
}

#MissionCenterIsLockedMask .go-to-level-up {
  -webkit-box-shadow: inset 0 3px 0 0 hsla(0, 0%, 100%, .25) !important;
  box-shadow: inset 0 3px 0 0 hsla(0, 0%, 100%, .25) !important;
  border: 1px solid #1a9090 !important;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#2bb), to(#1a9090)) !important;
  background-image: linear-gradient(180deg, #2bb, #1a9090) !important;
  border-radius: 30px !important
}

.mobile-app #missionCenter .memberform-wrap {
  position: relative
}

.mobile-app #missionCenter .dailyMission {
  top: -3px;
  padding-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom: none;
  -webkit-box-shadow: 0 1.6vmin 1.6vmin 0 rgba(0, 0, 0, .24);
  box-shadow: 0 1.6vmin 1.6vmin 0 rgba(0, 0, 0, .24)
}

.mobile-app #missionCenter .activity {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding-bottom: 10px;
  border-bottom: none
}

.mobile-app #missionCenter .activity .activity-wrap {
  border-radius: 10px;
  border: 2px solid #f5ebdd;
  background-color: #fffbe7;
  padding: 10px 0;
  display: block;
  margin-bottom: 10px
}

.mobile-app #missionCenter .activity .activity-wrap .el-progress-bar__outer {
  height: 10px !important
}

.mobile-app #missionCenter .activity .activity-wrap .activityBar-wrap {
  width: 100%;
  padding-top: 5px;
  padding-left: 30px;
  padding-right: 60px;
  margin-top: 0;
  overflow: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none
}

.mobile-app #missionCenter .activity .activity-wrap .activityBar-wrap::-webkit-scrollbar {
  display: none
}

.mobile-app #missionCenter .activity .activity-wrap .activityBar {
  width: 100%;
  padding: 135px 0;
  margin-bottom: -105px
}

.mobile-app #missionCenter .activity .activity-wrap .activityBar .box {
  width: 50px;
  height: 50px
}

.mobile-app #missionCenter .activity .activity-wrap .activityBar .box.pos4:not(.reward4) {
  width: 64px;
  height: 64px;
  margin-top: -6px
}

.mobile-app #missionCenter .activity .activity-wrap .activityBar .reward-wrap-border.reward4 {
  margin-left: -30px
}

.mobile-app #missionCenter .activity .activity-wrap .activityBar .reward-wrap-border.reward4 .reward-wrap-bg:after {
  left: 75%
}

.mobile-app #missionCenter .activity .activity-wrap .activityBar .iconText {
  width: 46px
}

.mobile-app #missionCenter .activity .activity-wrap .activityBar .reward-wrap-border {
  width: auto;
  height: 87px
}

.mobile-app #missionCenter .activity .activity-wrap .activityBar .starting-point {
  width: 24px;
  height: 24px
}

.mobile-app #missionCenter .activity .activity-wrap .activityBar .starting-point .icon {
  width: 14px;
  height: 14px
}

.mobile-app #missionCenter .activity .activity-wrap .activityBar .diamond-wrap {
  width: 24px;
  height: 24px
}

.mobile-app #missionCenter .activity .activity-wrap .activityBar .final-reward-wrap {
  width: 94px;
  height: 100px;
  margin-top: -5px
}

.mobile-app #missionCenter .activity .activity-wrap .activityBar .reward-wrap-border {
  top: 0
}

.mobile-app #missionCenter .activity .activity-wrap .activityBar .pos1 {
  left: calc(25% - 30px)
}

.mobile-app #missionCenter .activity .activity-wrap .activityBar .pos1.reward1 {
  left: 22%
}

.mobile-app #missionCenter .activity .activity-wrap .activityBar .pos2 {
  left: calc(50% - 30px)
}

.mobile-app #missionCenter .activity .activity-wrap .activityBar .pos2.reward2 {
  left: 46%
}

.mobile-app #missionCenter .activity .activity-wrap .activityBar .pos3 {
  left: calc(75% - 30px)
}

.mobile-app #missionCenter .activity .activity-wrap .activityBar .pos3.reward3 {
  left: 72%
}

.mobile-app #missionCenter .activity .activityVal {
  display: none
}

.mobile-app #missionCenter .activity .activityTitle {
  position: relative;
  padding-right: 60px
}

[dir=rtl] .mobile-app #missionCenter .activity .activityTitle {
  padding-right: 15px;
  padding-left: 60px
}

.mobile-app #missionCenter .activity .activityNum {
  background: none;
  height: auto;
  text-align: center;
  display: block;
  font-size: 14px;
  font-weight: 700
}

.mobile-app #missionCenter .activity .activityValMob {
  height: 100%;
  display: inline-block;
  background: #c78b11;
  color: #fff;
  font-size: 18px;
  position: absolute;
  top: 0;
  border-radius: 20px;
  padding: 4px 20px;
  line-height: 25px;
  margin-left: 10px
}

[dir=rtl] .mobile-app #missionCenter .activity .activityValMob {
  margin-left: 0;
  margin-right: 10px
}

.mobile-app #missionCenter .activity .link-box {
  width: 100%;
  border-radius: 2.6666666667vmin;
  margin: 2.6666666667vmin 0;
  padding: 4vmin 2.6666666667vmin
}

.mobile-app #missionCenter .activity .link-box .gift {
  height: 13.3333333333vmin;
  width: 13.3333333333vmin;
  margin-right: 1.3333333333vmin
}

.mobile-app #missionCenter .activity .link-box .link-box-title {
  font-size: 4.2666666667vmin
}

.mobile-app #missionCenter .missionCenter-btn span {
  font-size: 3.7333333333vmin
}

.mobile-app #missionCenter .tips-box {
  margin-bottom: 0
}

@-webkit-keyframes shine03 {
  0% {
    -webkit-transform: rotate(0deg) translateY(-64%);
    transform: rotate(0deg) translateY(-64%)
  }

  12% {
    -webkit-transform: rotate(0deg) translateY(-64%);
    transform: rotate(0deg) translateY(-64%)
  }

  24% {
    -webkit-transform: rotate(0deg) translateY(-64%);
    transform: rotate(0deg) translateY(-64%)
  }

  25% {
    -webkit-transform: rotate(5deg) translateY(-64%);
    transform: rotate(5deg) translateY(-64%)
  }

  37% {
    -webkit-transform: rotate(5deg) translateY(-64%);
    transform: rotate(5deg) translateY(-64%)
  }

  49% {
    -webkit-transform: rotate(5deg) translateY(-64%);
    transform: rotate(5deg) translateY(-64%)
  }

  50% {
    -webkit-transform: rotate(0deg) translateY(-64%);
    transform: rotate(0deg) translateY(-64%)
  }

  62% {
    -webkit-transform: rotate(0deg) translateY(-64%);
    transform: rotate(0deg) translateY(-64%)
  }

  74% {
    -webkit-transform: rotate(0deg) translateY(-64%);
    transform: rotate(0deg) translateY(-64%)
  }

  75% {
    -webkit-transform: rotate(5deg) translateY(-64%);
    transform: rotate(5deg) translateY(-64%)
  }

  87% {
    -webkit-transform: rotate(5deg) translateY(-64%);
    transform: rotate(5deg) translateY(-64%)
  }

  99% {
    -webkit-transform: rotate(5deg) translateY(-64%);
    transform: rotate(5deg) translateY(-64%)
  }

  to {
    -webkit-transform: rotate(0deg) translateY(-64%);
    transform: rotate(0deg) translateY(-64%)
  }
}

@keyframes shine03 {
  0% {
    -webkit-transform: rotate(0deg) translateY(-64%);
    transform: rotate(0deg) translateY(-64%)
  }

  12% {
    -webkit-transform: rotate(0deg) translateY(-64%);
    transform: rotate(0deg) translateY(-64%)
  }

  24% {
    -webkit-transform: rotate(0deg) translateY(-64%);
    transform: rotate(0deg) translateY(-64%)
  }

  25% {
    -webkit-transform: rotate(5deg) translateY(-64%);
    transform: rotate(5deg) translateY(-64%)
  }

  37% {
    -webkit-transform: rotate(5deg) translateY(-64%);
    transform: rotate(5deg) translateY(-64%)
  }

  49% {
    -webkit-transform: rotate(5deg) translateY(-64%);
    transform: rotate(5deg) translateY(-64%)
  }

  50% {
    -webkit-transform: rotate(0deg) translateY(-64%);
    transform: rotate(0deg) translateY(-64%)
  }

  62% {
    -webkit-transform: rotate(0deg) translateY(-64%);
    transform: rotate(0deg) translateY(-64%)
  }

  74% {
    -webkit-transform: rotate(0deg) translateY(-64%);
    transform: rotate(0deg) translateY(-64%)
  }

  75% {
    -webkit-transform: rotate(5deg) translateY(-64%);
    transform: rotate(5deg) translateY(-64%)
  }

  87% {
    -webkit-transform: rotate(5deg) translateY(-64%);
    transform: rotate(5deg) translateY(-64%)
  }

  99% {
    -webkit-transform: rotate(5deg) translateY(-64%);
    transform: rotate(5deg) translateY(-64%)
  }

  to {
    -webkit-transform: rotate(0deg) translateY(-64%);
    transform: rotate(0deg) translateY(-64%)
  }
}

@-webkit-keyframes updown {
  0% {
    -webkit-transform: translateY(3px) translateX(-50%);
    transform: translateY(3px) translateX(-50%)
  }

  50% {
    -webkit-transform: translateY(-3px) translateX(-50%);
    transform: translateY(-3px) translateX(-50%)
  }

  to {
    -webkit-transform: translateY(3px) translateX(-50%);
    transform: translateY(3px) translateX(-50%)
  }
}

@keyframes updown {
  0% {
    -webkit-transform: translateY(3px) translateX(-50%);
    transform: translateY(3px) translateX(-50%)
  }

  50% {
    -webkit-transform: translateY(-3px) translateX(-50%);
    transform: translateY(-3px) translateX(-50%)
  }

  to {
    -webkit-transform: translateY(3px) translateX(-50%);
    transform: translateY(3px) translateX(-50%)
  }
}

#member_withdrawals #withdraw_main .form-group[\:has\(.memberAccountType-card-wrapper\)] {
  margin-bottom: 0
}

#member_withdrawals #withdraw_main .form-group:has(.memberAccountType-card-wrapper) {
  margin-bottom: 0
}

#withdraw_main .web {
  width: 100%
}

#withdraw_main .web .memberAccountType-card-wrapper {
  width: calc(100% + 15px);
  display: grid;
  grid-template-columns: repeat(2, minmax(200px, 1fr));
  grid-gap: 10px;
  gap: 10px;
  max-height: 548px;
  overflow-y: scroll;
  padding-right: 15px;
  margin-top: 15px
}

#withdraw_main .web .memberAccountType-card-wrapper .account-card-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 125px;
  border-radius: 5px;
  padding: 10px;
  position: relative;
  background: #676666;
  cursor: pointer
}

#withdraw_main .web .memberAccountType-card-wrapper .account-card-block .memberAccountType-bg-left, #withdraw_main .web .memberAccountType-card-wrapper .account-card-block .memberAccountType-bg-right {
  opacity: .3
}

#withdraw_main .web .memberAccountType-card-wrapper .account-card-block .bank-radio-active {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 18px;
  height: 18px;
  color: #f7cd57
}

[dir=rtl] #withdraw_main .web .memberAccountType-card-wrapper .account-card-block .bank-radio-active {
  right: auto;
  left: 10px
}

#withdraw_main .web .memberAccountType-card-wrapper .account-card-block .bank-radio-default {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 18px;
  height: 18px;
  stroke: #e3e3e3
}

[dir=rtl] #withdraw_main .web .memberAccountType-card-wrapper .account-card-block .bank-radio-default {
  right: auto;
  left: 10px
}

#withdraw_main .web .memberAccountType-card-wrapper .account-card-block:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 5px;
  background-size: cover
}

#withdraw_main .web .memberAccountType-card-wrapper .account-card-block.active {
  background: linear-gradient(135deg, #0c4931, #20b064)
}

#withdraw_main .web .memberAccountType-card-wrapper .account-card-block.disabled:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  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;
  border-radius: 5px;
  font-family: FontAwesome;
  color: #fff;
  background: #000;
  opacity: .8;
  z-index: 5;
  cursor: not-allowed;
  width: 100%;
  height: 100%;
  font-size: 30px
}

#withdraw_main .web .memberAccountType-card-wrapper .account-card-block .freeze-time {
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  bottom: 10px;
  color: #fff;
  z-index: 7;
  opacity: .8;
  font-size: 12px
}

#withdraw_main .web .memberAccountType-card-wrapper .account-card-block .top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

#withdraw_main .web .memberAccountType-card-wrapper .account-card-block .middle, #withdraw_main .web .memberAccountType-card-wrapper .account-card-block .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  z-index: 1
}

#withdraw_main .web .memberAccountType-card-wrapper .account-card-block .middle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#withdraw_main .web .memberAccountType-card-wrapper .account-card-block .middle .card-account-block {
  text-align: center
}

#withdraw_main .web .memberAccountType-card-wrapper .account-card-block .bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  z-index: 1
}

#withdraw_main .web .memberAccountType-card-wrapper .account-card-block span {
  color: #fff
}

#withdraw_main .web .memberAccountType-card-wrapper .account-card-block .card-type-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%
}

#withdraw_main .web .memberAccountType-card-wrapper .account-card-block .card-type-block .card-icon {
  width: 20px;
  height: 20px;
  margin-right: 10px
}

[dir=rtl] #withdraw_main .web .memberAccountType-card-wrapper .account-card-block .card-type-block .card-icon {
  margin-right: 0;
  margin-left: 10px
}

#withdraw_main .web .memberAccountType-card-wrapper .account-card-block .card-type-block .card-icon img, #withdraw_main .web .memberAccountType-card-wrapper .account-card-block .card-type-block .card-icon svg {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff
}

#withdraw_main .web .memberAccountType-card-wrapper .account-card-block .card-type-block span {
  font-weight: 700;
  font-size: 12px
}

#withdraw_main .web .memberAccountType-card-wrapper .account-card-block .card-account-block span {
  font-weight: 600;
  font-size: 20px;
  letter-spacing: .1em;
  word-break: break-word
}

#withdraw_main .web .memberAccountType-card-wrapper .account-card-block .card-name-block {
  text-align: right
}

#withdraw_main .web .memberAccountType-card-wrapper .account-card-block .card-name-block span {
  font-weight: 400;
  font-size: 14px
}

#withdraw_main .web .add-account-block {
  width: 100%;
  height: 35px;
  margin: 10px 0 30px
}

#withdraw_main .web .add-account-block .add-account-btn {
  width: 100%;
  height: 100%;
  border: 1px solid #ddd;
  border-radius: 5px;
  -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .2)
}

#withdraw_main .web .add-account-block .add-account-btn span {
  color: #ffb800;
  font-size: 18px;
  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
}

.mobile-app #member_withdrawals #withdraw_main .input-group {
  display: block
}

.mobile-app #member_withdrawals #withdraw_main .form-group[\:has\(.memberAccountType-card-wrapper\)] {
  margin-bottom: 10px
}

.mobile-app #member_withdrawals #withdraw_main .form-group:has(.memberAccountType-card-wrapper) {
  margin-bottom: 10px
}

.mobile-app #withdraw_main .accountType-block {
  width: 100%
}

.mobile-app #withdraw_main .accountType-block, .mobile-app #withdraw_main .mob {
  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
}

.mobile-app #withdraw_main .mob {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 90%
}

.mobile-app #withdraw_main .mob .memberAccountType-card-wrapper {
  width: 100%
}

.mobile-app #withdraw_main .mob .memberAccountType-card-wrapper .swiper-container {
  padding-bottom: 5.3333333333vmin;
  width: 100%
}

.mobile-app #withdraw_main .mob .memberAccountType-card-wrapper .swiper-container .swiper-wrapper .swiper-slide {
  width: 100%;
  padding: 1px;
  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
}

.mobile-app #withdraw_main .mob .memberAccountType-card-wrapper .swiper-container .swiper-wrapper .swiper-slide .account-card-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  border-radius: 1.3333333333vmin;
  height: 33.3333333333vmin;
  padding: 2.6666666667vmin;
  position: relative;
  background: linear-gradient(135deg, #0c4931, #20b064)
}

.mobile-app #withdraw_main .mob .memberAccountType-card-wrapper .swiper-container .swiper-wrapper .swiper-slide .account-card-block .memberAccountType-bg-left, .mobile-app #withdraw_main .mob .memberAccountType-card-wrapper .swiper-container .swiper-wrapper .swiper-slide .account-card-block .memberAccountType-bg-right {
  opacity: .3
}

.mobile-app #withdraw_main .mob .memberAccountType-card-wrapper .swiper-container .swiper-wrapper .swiper-slide .account-card-block.disabled:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  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;
  border-radius: 1.3333333333vmin;
  font-family: FontAwesome;
  color: #fff;
  background: #000;
  opacity: .7;
  z-index: 5;
  cursor: not-allowed;
  width: 100%;
  height: 100%;
  font-size: 8vmin
}

.mobile-app #withdraw_main .mob .memberAccountType-card-wrapper .swiper-container .swiper-wrapper .swiper-slide .account-card-block .freeze-time {
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  bottom: 2.6666666667vmin;
  font-size: 3.2vmin;
  color: #fff;
  z-index: 7;
  opacity: .8
}

.mobile-app #withdraw_main .mob .memberAccountType-card-wrapper .swiper-container .swiper-wrapper .swiper-slide .account-card-block .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  z-index: 1
}

.mobile-app #withdraw_main .mob .memberAccountType-card-wrapper .swiper-container .swiper-wrapper .swiper-slide .account-card-block .middle {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  z-index: 1
}

.mobile-app #withdraw_main .mob .memberAccountType-card-wrapper .swiper-container .swiper-wrapper .swiper-slide .account-card-block .middle .card-account-block {
  text-align: center
}

.mobile-app #withdraw_main .mob .memberAccountType-card-wrapper .swiper-container .swiper-wrapper .swiper-slide .account-card-block .bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  z-index: 1
}

.mobile-app #withdraw_main .mob .memberAccountType-card-wrapper .swiper-container .swiper-wrapper .swiper-slide .account-card-block span {
  color: #fff
}

.mobile-app #withdraw_main .mob .memberAccountType-card-wrapper .swiper-container .swiper-wrapper .swiper-slide .account-card-block .card-type-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%
}

.mobile-app #withdraw_main .mob .memberAccountType-card-wrapper .swiper-container .swiper-wrapper .swiper-slide .account-card-block .card-type-block .card-icon {
  width: 5.3333333333vmin;
  height: 5.3333333333vmin;
  margin-right: 1.3333333333vmin
}

[dir=rtl] .mobile-app #withdraw_main .mob .memberAccountType-card-wrapper .swiper-container .swiper-wrapper .swiper-slide .account-card-block .card-type-block .card-icon {
  margin-right: 0;
  margin-left: 1.3333333333vmin
}

.mobile-app #withdraw_main .mob .memberAccountType-card-wrapper .swiper-container .swiper-wrapper .swiper-slide .account-card-block .card-type-block .card-icon img, .mobile-app #withdraw_main .mob .memberAccountType-card-wrapper .swiper-container .swiper-wrapper .swiper-slide .account-card-block .card-type-block .card-icon svg {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff
}

.mobile-app #withdraw_main .mob .memberAccountType-card-wrapper .swiper-container .swiper-wrapper .swiper-slide .account-card-block .card-type-block span {
  font-weight: 700;
  font-size: 3.2vmin
}

.mobile-app #withdraw_main .mob .memberAccountType-card-wrapper .swiper-container .swiper-wrapper .swiper-slide .account-card-block .card-account-block span {
  font-weight: 600;
  font-size: 5.3333333333vmin;
  letter-spacing: .1em;
  word-break: break-word
}

.mobile-app #withdraw_main .mob .memberAccountType-card-wrapper .swiper-container .swiper-wrapper .swiper-slide .account-card-block .card-name-block {
  text-align: right
}

.mobile-app #withdraw_main .mob .memberAccountType-card-wrapper .swiper-container .swiper-wrapper .swiper-slide .account-card-block .card-name-block span {
  font-weight: 400;
  font-size: 3.7333333333vmin
}

.mobile-app #withdraw_main .mob .memberAccountType-card-wrapper .swiper-pagination {
  width: 100%
}

.mobile-app #withdraw_main .mob .memberAccountType-card-wrapper .swiper-container-horizontal>.swiper-pagination-bullets {
  bottom: 1.3333333333vmin;
  border: 0
}

.mobile-app #withdraw_main .mob .memberAccountType-card-wrapper .swiper-container-horizontal>.swiper-pagination-bullets>.swiper-pagination-bullet {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  margin: 0 .5333333333vmin;
  border: 0;
  background: #aaa
}

.mobile-app #withdraw_main .mob .memberAccountType-card-wrapper .swiper-container-horizontal>.swiper-pagination-bullets>.swiper-pagination-bullet.swiper-pagination-bullet-active {
  border: .2666666667vmin solid #aaa
}

.mobile-app #withdraw_main .mob .add-account-block {
  width: 100%;
  margin-bottom: 20px
}

.mobile-app #withdraw_main .mob .add-account-block .add-account-btn {
  width: 100%;
  height: 100%;
  border: .2666666667vmin solid #ddd;
  border-radius: 1.3333333333vmin;
  -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .2)
}

.mobile-app #withdraw_main .mob .add-account-block .add-account-btn span {
  color: #ffb800;
  font-size: 5.3333333333vmin;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline
}

.mobile-app #withdraw_main .mob .memberAccountType-card-wrapper .swiper-container-horizontal>.swiper-pagination-bullets {
  -webkit-box-shadow: none;
  box-shadow: none
}

.headerPosChange header {
  position: fixed;
  top: 0
}

.headerPosChange+.index-content-wrapper {
  padding-top: 170px
}

.headerPosChange.headerHeightChange .header-top {
  height: 60px
}

.headerPosChange.headerHeightChange .header-bottom {
  height: 50px
}

.headerPosChange.headerHeightChange .header-bottom nav {
  height: 50px;
  background-position: 0 0
}

.headerPosChange.headerHeightChange .header-bottom .swiper-slide .header-menu-btn, .headerPosChange.headerHeightChange .header-bottom .swiper-slide a {
  line-height: 30px
}

.headerPosChange.headerHeightChange .header-bottom .swiper-slide .header-menu-btn .svg-icon, .headerPosChange.headerHeightChange .header-bottom .swiper-slide .header-menu-btn i, .headerPosChange.headerHeightChange .header-bottom .swiper-slide a .svg-icon, .headerPosChange.headerHeightChange .header-bottom .swiper-slide a i {
  display: none
}

.headerPosChange.headerHeightChange .header-bottom nav:after {
  top: 23px;
  left: calc(100% + 25px)
}

.headerPosChange.headerHeightChange .header-bottom nav ul:before {
  position: absolute;
  right: -30px;
  width: 30px;
  height: 26px;
  -webkit-clip-path: polygon(0 0, 15% 0, 100% 100%, 85% 100%);
  clip-path: polygon(0 0, 15% 0, 100% 100%, 85% 100%)
}

.headerPosChange.headerHeightChange .header-bottom nav ul:after {
  right: -25px;
  height: 50px
}

.headerPosChange.headerHeightChange .header-bottom .line {
  top: 23px
}

.headerPosChange.headerHeightChange .logo a {
  width: 157.5px;
  height: 60px
}

.headerPosChange.headerHeightChange .header-top .header-top-fluid .promotionLink, .headerPosChange.headerHeightChange .lang-link, .headerPosChange.headerHeightChange .login-box {
  margin-top: 10px
}

.headerPosChange.headerHeightChange+.index-content-wrapper {
  margin-top: -60px !important
}

header {
  width: 100%;
  height: auto;
  position: relative;
  top: 0;
  z-index: 152;
  display: block;
  background: url(data:image/webp;base64,UklGRlQAAABXRUJQVlA4TEcAAAAvA8AAAHegoG0bNqW03VXQtg2bUtruKmjbhk0pbXfnP/4/ACDJ7pJEEttssw0gSVVJQhIQBEBMaFCjwYQRPUqkRfQ/qtPBAAA=) #000;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .75);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .75);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-font-smoothing: antialiased
}

header ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  *zoom: 1
}

header ul:after, header ul:before {
  content: " ";
  display: table
}

header ul:after {
  clear: both
}

header .header-top {
  height: 80px;
  background: rgba(0, 204, 255, .2);
  -webkit-transition: all .5s;
  transition: all .5s
}

header .header-top .header-top-fluid .bonusLink, header .header-top .header-top-fluid .promotionLink {
  position: relative;
  float: right;
  margin-top: 20px;
  -webkit-transition: all .5s ease;
  transition: all .5s ease
}

header .header-top .header-top-fluid .bonusLink .bonusLink-icon, header .header-top .header-top-fluid .bonusLink .promotionLink-icon, header .header-top .header-top-fluid .promotionLink .bonusLink-icon, header .header-top .header-top-fluid .promotionLink .promotionLink-icon {
  width: 40px;
  height: 40px
}

header .header-top .header-top-fluid .bonusLink .bonusLink-icon img, header .header-top .header-top-fluid .bonusLink .promotionLink-icon img, header .header-top .header-top-fluid .promotionLink .bonusLink-icon img, header .header-top .header-top-fluid .promotionLink .promotionLink-icon img {
  width: 100%;
  height: 100%
}

header .header-top .header-top-fluid .bonusLink .bonusLink-icon .news-dot, header .header-top .header-top-fluid .bonusLink .promotionLink-icon .news-dot, header .header-top .header-top-fluid .promotionLink .bonusLink-icon .news-dot, header .header-top .header-top-fluid .promotionLink .promotionLink-icon .news-dot {
  top: -1.3333333333vmin
}

header .header-top .header-top-fluid .promotionLink {
  margin-right: 20px
}

header .header-top .header-top-fluid .bonusLink {
  margin-right: 10px
}

header .header-top .header-top-fluid [class*=dot] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #dd4d4f;
  position: absolute;
  right: 5px;
  top: 5px
}

header .header-bottom {
  *zoom: 1;
  position: relative;
  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;
  height: 90px;
  background: -webkit-gradient(linear, left top, left bottom, from(#1b2123), color-stop(50%, #252c2d), color-stop(50%, #1b2123), to(#22282a));
  background: linear-gradient(180deg, #1b2123, #252c2d 50%, #1b2123 0, #22282a);
  -webkit-transition: all .1s;
  transition: all .1s
}

header .header-bottom:after, header .header-bottom:before {
  content: " ";
  display: table
}

header .header-bottom:after {
  clear: both
}

header .header-bottom .header-bottom-fluid, header .header-bottom .header-bottom-fluid .web-menu {
  height: 100%
}

header .header-bottom .header-bottom-fluid .web-menu[\:has\(.cool-event-block\:hover\)] .swiper-slide .header-menu-btn span {
  color: #0ef
}

header .header-bottom .header-bottom-fluid .web-menu:has(.cool-event-block:hover) .swiper-slide .header-menu-btn span {
  color: #0ef
}

header .header-bottom .swiper-container {
  position: relative;
  overflow: hidden;
  height: 100%
}

header .header-bottom .swiper-slide {
  width: auto !important
}

header .header-bottom .swiper-slide:not(:last-child) {
  margin-right: 30px
}

header .header-bottom .swiper-slide .header-menu-btn, header .header-bottom .swiper-slide a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 15px;
  height: 100%;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  -webkit-transition: all .2s ease;
  transition: all .2s ease
}

header .header-bottom .swiper-slide .header-menu-btn i, header .header-bottom .swiper-slide a i {
  width: 35px;
  height: 35px;
  position: relative;
  display: block;
  margin: 4px auto 8px;
  -webkit-filter: grayscale(100%) brightness(200%);
  filter: grayscale(100%) brightness(200%)
}

header .header-bottom .swiper-slide .header-menu-btn i img, header .header-bottom .swiper-slide a i img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block
}

header .header-bottom .swiper-slide .header-menu-btn .svg-icon, header .header-bottom .swiper-slide a .svg-icon {
  width: 35px;
  height: 35px;
  margin: 4px auto 8px
}

header .header-bottom .swiper-slide .header-menu-btn[\:has\(.article-icon\,\%20.custom-icon\)] i, header .header-bottom .swiper-slide a[\:has\(.article-icon\,\%20.custom-icon\)] i {
  -webkit-filter: none;
  filter: none
}

header .header-bottom .swiper-slide .header-menu-btn:has(.article-icon, .custom-icon) i, header .header-bottom .swiper-slide a:has(.article-icon, .custom-icon) i {
  -webkit-filter: none;
  filter: none
}

header .header-bottom .swiper-slide .header-menu-btn.nuxt-link-active i, header .header-bottom .swiper-slide .header-menu-btn.nuxt-link-exact-active i, header .header-bottom .swiper-slide .header-menu-btn.router-link-active i, header .header-bottom .swiper-slide .header-menu-btn:hover i, header .header-bottom .swiper-slide a.nuxt-link-active i, header .header-bottom .swiper-slide a.nuxt-link-exact-active i, header .header-bottom .swiper-slide a.router-link-active i, header .header-bottom .swiper-slide a:hover i {
  -webkit-filter: brightness(0) saturate(100%) invert(79%) sepia(25%) saturate(6250%) hue-rotate(137deg) brightness(103%) contrast(107%);
  filter: brightness(0) saturate(100%) invert(79%) sepia(25%) saturate(6250%) hue-rotate(137deg) brightness(103%) contrast(107%)
}

header .header-bottom .swiper-slide .header-menu-btn.nuxt-link-active span, header .header-bottom .swiper-slide .header-menu-btn.nuxt-link-exact-active span, header .header-bottom .swiper-slide .header-menu-btn.router-link-active span, header .header-bottom .swiper-slide .header-menu-btn:hover span, header .header-bottom .swiper-slide a.nuxt-link-active span, header .header-bottom .swiper-slide a.nuxt-link-exact-active span, header .header-bottom .swiper-slide a.router-link-active span, header .header-bottom .swiper-slide a:hover span {
  color: #0ef
}

header .header-bottom .swiper-slide .header-menu-btn.nuxt-link-active .svg-icon, header .header-bottom .swiper-slide .header-menu-btn.nuxt-link-exact-active .svg-icon, header .header-bottom .swiper-slide .header-menu-btn.router-link-active .svg-icon, header .header-bottom .swiper-slide .header-menu-btn:hover .svg-icon, header .header-bottom .swiper-slide a.nuxt-link-active .svg-icon, header .header-bottom .swiper-slide a.nuxt-link-exact-active .svg-icon, header .header-bottom .swiper-slide a.router-link-active .svg-icon, header .header-bottom .swiper-slide a:hover .svg-icon {
  fill: #0ef
}

header .header-bottom .swiper-slide .header-menu-btn.nuxt-link-active[\:has\(.custom-icon\)] i, header .header-bottom .swiper-slide .header-menu-btn.nuxt-link-exact-active[\:has\(.custom-icon\)] i, header .header-bottom .swiper-slide .header-menu-btn.router-link-active[\:has\(.custom-icon\)] i, header .header-bottom .swiper-slide .header-menu-btn:hover[\:has\(.custom-icon\)] i, header .header-bottom .swiper-slide a.nuxt-link-active[\:has\(.custom-icon\)] i, header .header-bottom .swiper-slide a.nuxt-link-exact-active[\:has\(.custom-icon\)] i, header .header-bottom .swiper-slide a.router-link-active[\:has\(.custom-icon\)] i, header .header-bottom .swiper-slide a:hover[\:has\(.custom-icon\)] i {
  -webkit-filter: none;
  filter: none
}

header .header-bottom .swiper-slide .header-menu-btn.nuxt-link-active:has(.custom-icon) i, header .header-bottom .swiper-slide .header-menu-btn.nuxt-link-exact-active:has(.custom-icon) i, header .header-bottom .swiper-slide .header-menu-btn.router-link-active:has(.custom-icon) i, header .header-bottom .swiper-slide .header-menu-btn:hover:has(.custom-icon) i, header .header-bottom .swiper-slide a.nuxt-link-active:has(.custom-icon) i, header .header-bottom .swiper-slide a.nuxt-link-exact-active:has(.custom-icon) i, header .header-bottom .swiper-slide a.router-link-active:has(.custom-icon) i, header .header-bottom .swiper-slide a:hover:has(.custom-icon) i {
  -webkit-filter: none;
  filter: none
}

header .header-bottom .menu-button-next {
  position: absolute;
  top: 50%;
  right: 5px;
  z-index: 10;
  display: inline-block;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 20px solid #fff;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

header .header-bottom .menu-button-next.swiper-button-disabled {
  opacity: 0
}

header .header-bottom .menu-button-prev {
  position: absolute;
  top: 50%;
  left: 25px;
  z-index: 10;
  display: inline-block;
  border-top: 10px solid transparent;
  border-right: 20px solid #fff;
  border-bottom: 10px solid transparent;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

header .header-bottom .menu-button-prev.swiper-button-disabled {
  opacity: 0
}

header .header-bottom .line {
  position: absolute;
  top: 44px;
  left: 80px;
  display: inline-block;
  width: calc(100% + 80px);
  height: 3px;
  background: -webkit-gradient(linear, left top, right top, from(#078), color-stop(50%, #078), to(rgba(0, 119, 136, 0)));
  background: linear-gradient(90deg, #078 0, #078 50%, rgba(0, 119, 136, 0));
  -webkit-transition: all .1s;
  transition: all .1s;
  display: none
}

header .friendlink-right {
  *zoom: 1;
  position: absolute;
  right: 5px;
  top: 95px;
  width: 60px;
  height: auto;
  -webkit-transition: all .5s ease;
  transition: all .5s ease
}

header .friendlink-right:after, header .friendlink-right:before {
  content: " ";
  display: table
}

header .friendlink-right:after {
  clear: both
}

.logo a {
  width: 210px;
  height: 80px;
  float: left;
  position: relative;
  -webkit-transition: all .5s ease;
  transition: all .5s ease
}

.logo img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block
}

.lang-link {
  width: auto;
  height: 40px;
  float: right;
  position: relative;
  margin-top: 20px;
  color: #fff;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  cursor: pointer
}

.lang-link:hover .dropdown-lang {
  display: block
}

.lang-link .lang-img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: transparent;
  overflow: hidden;
  position: relative
}

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

.lang-link i {
  position: absolute;
  left: 115%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.lang-link .dropdown-lang {
  position: absolute;
  left: -10px;
  z-index: 100;
  display: none;
  padding-top: 10px;
  border-radius: 5px;
  -webkit-transition: all .2s;
  transition: all .2s
}

.lang-link .dropdown-lang img {
  width: 40px;
  height: 40px
}

.lang-link .dropdown-lang ul {
  background: #111;
  border-radius: 5px;
  overflow: hidden
}

.lang-link .dropdown-lang ul li {
  text-align: center;
  border: 1px solid #5ef;
  -webkit-transition: all .2s;
  transition: all .2s
}

.lang-link .dropdown-lang ul li:not(:last-child) {
  border-bottom: 0
}

.lang-link .dropdown-lang ul li:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px
}

.lang-link .dropdown-lang ul li:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px
}

.lang-link .dropdown-lang ul li:hover {
  background: #078
}

.lang-link .dropdown-lang ul li .lang-content {
  display: block;
  padding: 10px;
  cursor: pointer
}

.login-box {
  *zoom: 1;
  float: right;
  position: relative;
  margin-top: 20px;
  margin-right: 20px;
  width: auto;
  -webkit-transition: all .5s ease;
  transition: all .5s ease
}

.login-box:after, .login-box:before {
  content: " ";
  display: table
}

.login-box:after {
  clear: both
}

.login-before ul li {
  display: inline-block;
  vertical-align: middle
}

.login-before ul li:first-child {
  margin-right: 15px
}

.login-before ul li .login-before-content {
  display: block;
  min-width: 150px;
  height: 40px;
  font-size: 16px;
  font-weight: 700;
  line-height: 38px;
  text-align: center;
  color: #000;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 -1px 5px 0 #fff;
  box-shadow: inset 0 -1px 5px 0 #fff;
  cursor: pointer
}

.login-before ul li .login-before-content.signin-btn {
  text-shadow: 0 0 15px rgba(255, 234, 0, .4);
  background: -webkit-gradient(linear, left top, left bottom, from(#fd0), to(#f70));
  background: linear-gradient(180deg, #fd0, #f70);
  border: 1px solid #fea
}

.login-before ul li .login-before-content.register-btn {
  text-shadow: 0 0 15px rgba(0, 240, 255, .4);
  background: -webkit-gradient(linear, left top, left bottom, from(#5ef), to(#09a));
  background: linear-gradient(180deg, #5ef, #09a);
  border: 1px solid #5ef
}

.login-after {
  *zoom: 1
}

.login-after:after, .login-after:before {
  content: " ";
  display: table
}

.login-after:after {
  clear: both
}

.login-after ul {
  border: 3px solid #cff;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 5px 1px #0cf, inset 0 0 10px 0 #0cf;
  box-shadow: 0 0 5px 1px #0cf, inset 0 0 10px 0 #0cf;
  float: left;
  background: #222
}

.login-after ul li {
  float: left;
  position: relative
}

.login-after ul li .total-item-content, .login-after ul li a {
  width: 100%;
  height: 34px;
  display: block;
  padding: 0 17px;
  font-size: 16px;
  line-height: 34px;
  text-align: center;
  color: #fff
}

.login-after ul li .total-item-content span, .login-after ul li a span {
  display: inline-block
}

.login-after ul.money-item {
  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
}

.login-after ul.money-item li.deposit-btn a {
  font-weight: 700;
  text-shadow: 1px 1px 1px #fff;
  color: #000;
  background: -webkit-gradient(linear, left bottom, left top, from(#535b5e), color-stop(#d6d6d6), color-stop(#a3bac4), color-stop(#fdfdfd), color-stop(#b0b0b0), to(#535b5e));
  background: linear-gradient(0deg, #535b5e, #d6d6d6, #a3bac4, #fdfdfd, #b0b0b0, #535b5e)
}

.login-after ul.money-item li.deposit-btn a span {
  display: inline-block;
  margin-right: 5px
}

.login-after ul.money-item li.refreshBtn-block {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 10px
}

.login-after ul.money-item li.refreshBtn-block i {
  display: block;
  width: 20px;
  height: 20px;
  cursor: pointer
}

.login-after ul.money-item li.refreshBtn-block i img {
  width: 100%;
  height: 100%
}

.login-after ul.money-item li.total-item .total-item-content {
  position: relative;
  padding-right: 47px;
  font-weight: 700;
  cursor: pointer
}

.login-after ul.money-item li.total-item .total-item-content sup {
  position: relative;
  top: -1px;
  margin-right: 2px;
  font-size: 14px;
  color: #fff
}

.login-after ul.money-item li.total-item .total-item-content span:after {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  z-index: 1;
  width: 1px;
  height: 100%;
  content: "";
  right: 30px;
  background: hsla(0, 0%, 100%, .3);
  -webkit-box-shadow: -1px 0 0 0 rgba(0, 0, 0, .3);
  box-shadow: -1px 0 0 0 rgba(0, 0, 0, .3)
}

.login-after ul.money-item li.total-item .total-item-content:after {
  content: "";
  position: absolute;
  right: 7px;
  font-family: Glyphicons Halflings;
  font-size: 14px;
  font-weight: 400;
  color: #fd0
}

.login-after ul.info-item {
  margin-left: 60px
}

.login-after ul.info-item li {
  position: relative;
  padding: 0 30px 0 15px;
  min-width: 200px;
  cursor: pointer
}

.login-after ul.info-item li:after {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  z-index: 1;
  width: 1px;
  height: 100%;
  content: "";
  right: 30px;
  background: hsla(0, 0%, 100%, .3);
  -webkit-box-shadow: -1px 0 0 0 rgba(0, 0, 0, .3);
  box-shadow: -1px 0 0 0 rgba(0, 0, 0, .3)
}

.login-after ul.info-item li .username {
  width: 100%;
  height: 34px;
  display: block;
  padding: 0 17px;
  font-size: 16px;
  line-height: 34px;
  text-align: center;
  color: #fff
}

.login-after ul.info-item li .username:after {
  content: "";
  position: absolute;
  right: 7px;
  font-family: Glyphicons Halflings;
  font-size: 14px;
  font-weight: 400;
  color: #fd0
}

.login-after ul.info-item li .level {
  width: 80px;
  height: 60px;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 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;
  color: #fff;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.login-after ul.info-item li .level img {
  position: relative;
  top: -5px;
  width: 55px
}

.login-after ul.info-item li .level .vip {
  width: 100%;
  height: auto;
  position: absolute;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  line-height: 23px;
  font-family: Arial;
  font-size: 14px;
  background: #222;
  border: 1px solid #10a6b8;
  border-radius: 13.5px
}

.login-after ul.info-item li .level .vip span {
  position: relative;
  top: 1px;
  font-size: 14px
}

.login-after ul.info-item li .level .vip b {
  margin-left: 5px;
  font-size: 18px
}

.login-after ul.info-item li .dropdown-menu {
  position: absolute;
  left: 50%;
  z-index: 120;
  padding-top: 15px;
  max-width: 300px;
  min-width: 220px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.login-after ul.info-item li .dropdown-menu .link {
  width: 100%;
  background: #222;
  border-radius: 5px;
  border: 1px solid #595959
}

.login-after ul.info-item li .dropdown-menu .link .dropdown-menu-content, .login-after ul.info-item li .dropdown-menu .link a {
  display: block;
  line-height: 28px;
  font-size: 16px;
  text-align: center
}

.login-after ul.info-item li .dropdown-menu .link a:not(:last-child) {
  border-bottom: 1px solid #444
}

.login-after ul.info-item li .dropdown-menu .link .logout-btn {
  color: #888
}

@media only screen and (max-width:1300px) {
  header .header-bottom nav ul li:not(:last-child) {
    margin-right: 10px
  }

  header .header-bottom nav ul li a {
    padding: 0 8px;
    font-size: 14px
  }

  header .header-bottom nav ul li a i {
    width: 30px;
    height: 30px
  }
}

.mobile-app .headerPosChange.headerHeightChange .header-top {
  height: auto
}

.mobile-app .headerPosChange.headerHeightChange .login-box {
  margin-top: 0
}

.mobile-app .headerPosChange.headerHeightChange+.index-content-wrapper {
  margin-top: 0 !important
}

.mobile-app .headerPosChange+.index-content-wrapper {
  overflow-x: hidden;
  padding-top: 26.6666666667vmin;
  padding-bottom: 26.6666666667vmin
}

.mobile-app header {
  -webkit-box-shadow: 0 0 2.6666666667vmin 0 rgba(0, 0, 0, .75);
  box-shadow: 0 0 2.6666666667vmin 0 rgba(0, 0, 0, .75)
}

.mobile-app header .header-top {
  width: 100%;
  height: auto
}

.mobile-app header .header-top .header-top-fluid {
  padding: 0
}

.mobile-app .login-box {
  float: none;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 13.3333333333vmin;
  -webkit-transition: none;
  transition: none;
  background: -webkit-gradient(linear, left top, left bottom, from(#1b2123), color-stop(50%, #252c2d), color-stop(50%, #1b2123), to(#22282a));
  background: linear-gradient(180deg, #1b2123, #252c2d 50%, #1b2123 0, #22282a)
}

.mobile-app .login-box .login-after ul.money-item .deposit-btn a {
  text-shadow: .2666666667vmin .2666666667vmin .2666666667vmin #fff
}

.mobile-app .login-after, .mobile-app .login-before {
  position: absolute;
  left: 2.6666666667vmin;
  right: 2.6666666667vmin;
  margin: 1.3333333333vmin auto 0
}

.mobile-app .login-before ul {
  position: relative
}

.mobile-app .login-before ul li {
  width: 48.5%;
  height: 10.6666666667vmin;
  display: inline-block
}

.mobile-app .login-before ul li:first-child {
  margin-right: 3%
}

.mobile-app .login-before ul li .login-before-content {
  width: 100%;
  height: 10.6666666667vmin;
  font-size: 4.2666666667vmin;
  font-weight: 700;
  line-height: 10.1333333333vmin;
  text-shadow: 0 0 4vmin rgba(255, 234, 0, .4);
  color: #000;
  border-radius: 1.3333333333vmin;
  -webkit-box-shadow: inset 0 -.2666666667vmin 1.3333333333vmin 0 #fff;
  box-shadow: inset 0 -.2666666667vmin 1.3333333333vmin 0 #fff
}

.mobile-app .login-before ul li .login-before-content.signin-btn {
  border: .2666666667vmin solid #fea
}

.mobile-app .login-before ul li .login-before-content.register-btn {
  border: .2666666667vmin solid #5ef
}

.mobile-app .login-after {
  margin: .5333333333vmin auto 0
}

.mobile-app .login-after ul.money-item {
  float: none;
  border: .8vmin solid #cff;
  border-radius: 1.3333333333vmin;
  -webkit-box-shadow: 0 0 1.3333333333vmin .2666666667vmin #0cf, inset 0 0 2.6666666667vmin 0 #0cf;
  box-shadow: 0 0 1.3333333333vmin .2666666667vmin #0cf, inset 0 0 2.6666666667vmin 0 #0cf
}

.mobile-app .login-after ul.money-item .deposit-btn a {
  padding: 0;
  width: 34.6666666667vmin;
  height: 10.6666666667vmin;
  font-size: 3.7333333333vmin;
  line-height: 10.6666666667vmin
}

.mobile-app .login-after ul.money-item .refreshBtn-block {
  padding-left: 2.6666666667vmin
}

.mobile-app .login-after ul.money-item .refreshBtn-block i {
  width: 5.3333333333vmin;
  height: 5.3333333333vmin
}

.mobile-app .login-after ul.money-item li.total-item .total-item-content {
  padding: 0 11.7333333333vmin 0 0;
  height: 10.6666666667vmin;
  line-height: 10.6666666667vmin;
  font-size: 3.7333333333vmin;
  text-align: right
}

.mobile-app .login-after ul.money-item li.total-item .total-item-content:after {
  right: 1.8666666667vmin;
  top: .5333333333vmin;
  font-size: 3.7333333333vmin;
  -webkit-transition: .3s ease-in;
  transition: .3s ease-in
}

.mobile-app .login-after ul.money-item li.total-item .total-item-content.open:after {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg)
}

.mobile-app .login-after ul.money-item li.total-item .total-item-content span:after {
  right: 8vmin;
  width: .2666666667vmin;
  -webkit-box-shadow: -.2666666667vmin 0 0 0 rgba(0, 0, 0, .3);
  box-shadow: -.2666666667vmin 0 0 0 rgba(0, 0, 0, .3)
}

.mobile-app .login-after ul.money-item li.total-item .total-item-content sup {
  top: 0;
  margin-right: .5333333333vmin;
  font-size: 3.7333333333vmin
}

.mobile-app .mob-header {
  float: none;
  position: relative;
  width: 100%;
  height: 13.3333333333vmin;
  background: rgba(0, 204, 255, .2)
}

.mobile-app .mob-header .logo a {
  width: 34.6666666667vmin;
  height: 13.3333333333vmin;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.mobile-app .mob-header .mob-header-icon, .mobile-app .mob-header .nav-icon {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  z-index: 1
}

.mobile-app .mob-header .nav-icon {
  width: 8vmin;
  height: 50%;
  left: 5.3333333333vmin;
  top: 45%;
  display: block;
  background: transparent;
  border-width: 0;
  cursor: pointer
}

.mobile-app .mob-header .nav-icon span {
  width: 100%;
  height: 1.3333333333vmin;
  position: absolute;
  left: 0;
  display: block;
  background: #5ef;
  border-radius: 1.2vmin;
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg)
}

.mobile-app .mob-header .nav-icon span:first-child {
  top: 0
}

.mobile-app .mob-header .nav-icon span:nth-child(2) {
  top: 50%
}

.mobile-app .mob-header .nav-icon span:nth-child(3) {
  top: 100%
}

.mobile-app .mob-header .nav-icon.isActive span:first-child {
  top: 3.4666666667vmin;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg)
}

.mobile-app .mob-header .nav-icon.isActive span:nth-child(2) {
  opacity: 0
}

.mobile-app .mob-header .nav-icon.isActive span:nth-child(3) {
  top: 3.4666666667vmin;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg)
}

.mobile-app .mob-header .quick-links {
  width: 100%;
  height: 100%
}

.mobile-app .mob-header .quick-links>.mob-header-icon {
  width: 12.2666666667vmin;
  height: 12.2666666667vmin;
  float: right;
  position: relative;
  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;
  margin-right: 2.6666666667vmin;
  text-align: center;
  line-height: 10.6666666667vmin;
  background: #222;
  border: .8vmin solid #fd0;
  border-radius: 50%
}

.mobile-app .mob-header .quick-links>.mob-header-icon a {
  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;
  width: 100%;
  height: 100%
}

.mobile-app .mob-header .quick-links>.mob-header-icon img {
  width: 6.6666666667vmin;
  height: 6.6666666667vmin;
  display: block
}

.mobile-app .mob-header .quick-links>.mob-header-icon:nth-child(3) {
  margin-right: 41.3333333333vmin
}

.mobile-app .mob-header .quick-links>.mob-header-icon:nth-child(4), .mobile-app .mob-header .quick-links>.mob-header-icon:nth-child(5) {
  display: none
}

.mobile-app .mob-header .quick-links>.mob-header-icon [class*=dot] {
  width: 4vmin;
  height: 4vmin;
  border-radius: 50%;
  background: #dd4d4f;
  position: absolute;
  right: -1.3333333333vmin;
  top: 0
}

.mobile-app .mob-header .quick-links .mob-bonusLink .bonusLink, .mobile-app .mob-header .quick-links .mob-bonusLink .promotionLink, .mobile-app .mob-header .quick-links .mob-promotionLink .bonusLink, .mobile-app .mob-header .quick-links .mob-promotionLink .promotionLink {
  position: relative;
  margin: 0
}

.mobile-app .mob-header .quick-links .mob-bonusLink .bonusLink .bonusLink-icon, .mobile-app .mob-header .quick-links .mob-bonusLink .bonusLink .promotionLink-icon, .mobile-app .mob-header .quick-links .mob-bonusLink .promotionLink .bonusLink-icon, .mobile-app .mob-header .quick-links .mob-bonusLink .promotionLink .promotionLink-icon, .mobile-app .mob-header .quick-links .mob-promotionLink .bonusLink .bonusLink-icon, .mobile-app .mob-header .quick-links .mob-promotionLink .bonusLink .promotionLink-icon, .mobile-app .mob-header .quick-links .mob-promotionLink .promotionLink .bonusLink-icon, .mobile-app .mob-header .quick-links .mob-promotionLink .promotionLink .promotionLink-icon {
  width: 9.3333333333vmin;
  height: 9.3333333333vmin
}

@media only screen and (min-width:768px) {
  .mobile-app .headerPosChange+.index-content-wrapper {
    padding-top: 13.3333333333vmin;
    padding-bottom: 24vmin
  }

  .mobile-app header {
    -webkit-box-shadow: 0 0 1.3333333333vmin 0 rgba(0, 0, 0, .75);
    box-shadow: 0 0 1.3333333333vmin 0 rgba(0, 0, 0, .75)
  }

  .mobile-app .login-box {
    height: 6.6666666667vmin
  }

  .mobile-app .login-box .login-after ul.money-item .deposit-btn a {
    text-shadow: .1333333333vmin .1333333333vmin .1333333333vmin #fff
  }

  .mobile-app .login-after, .mobile-app .login-before {
    margin: .6666666667vmin auto 0
  }

  .mobile-app .login-before ul li {
    width: 48.5%;
    height: 5.3333333333vmin
  }

  .mobile-app .login-before ul li .login-before-content {
    width: 100%;
    height: 5.3333333333vmin;
    font-size: 2.1333333333vmin;
    line-height: 5.0666666667vmin;
    text-shadow: 0 0 2vmin rgba(255, 234, 0, .4);
    border-radius: .6666666667vmin;
    -webkit-box-shadow: inset 0 -.1333333333vmin .6666666667vmin 0 #fff;
    box-shadow: inset 0 -.1333333333vmin .6666666667vmin 0 #fff
  }

  .mobile-app .login-before ul li .login-before-content.signin-btn {
    border: .1333333333vmin solid #fea
  }

  .mobile-app .login-before ul li .login-before-content.register-btn {
    border: .1333333333vmin solid #5ef
  }

  .mobile-app .login-after {
    margin: .2666666667vmin auto 0
  }

  .mobile-app .login-after ul.money-item {
    border: .4vmin solid #cff
  }

  .mobile-app .login-after ul.money-item .deposit-btn a {
    width: 34.6666666667vmin;
    height: 5.3333333333vmin;
    font-size: 1.8666666667vmin;
    line-height: 5.3333333333vmin;
    border-top-left-radius: .6666666667vmin;
    border-bottom-left-radius: .6666666667vmin
  }

  .mobile-app .login-after ul.money-item .refreshBtn-block {
    padding-left: 2.6666666667vmin
  }

  .mobile-app .login-after ul.money-item .refreshBtn-block i {
    width: 2.6666666667vmin;
    height: 2.6666666667vmin
  }

  .mobile-app .login-after ul.money-item li.total-item .total-item-content {
    height: 5.3333333333vmin;
    line-height: 5.3333333333vmin;
    font-size: 1.8666666667vmin
  }

  .mobile-app .login-after ul.money-item li.total-item .total-item-content:after {
    top: .2666666667vmin;
    font-size: 1.8666666667vmin
  }

  .mobile-app .login-after ul.money-item li.total-item .total-item-content span:after {
    right: 8vmin;
    -webkit-box-shadow: -.1333333333vmin 0 0 0 rgba(0, 0, 0, .3);
    box-shadow: -.1333333333vmin 0 0 0 rgba(0, 0, 0, .3)
  }

  .mobile-app .login-after ul.money-item li.total-item .total-item-content sup {
    font-size: 1.8666666667vmin
  }

  .mobile-app .mob-header {
    height: 6.6666666667vmin
  }

  .mobile-app .mob-header .logo a {
    width: 17.3333333333vmin;
    height: 6.6666666667vmin
  }

  .mobile-app .mob-header .nav-icon {
    width: 5.3333333333vmin;
    height: 50%;
    top: 45%
  }

  .mobile-app .mob-header .nav-icon span {
    width: 100%;
    height: .6666666667vmin;
    border-radius: .6vmin
  }

  .mobile-app .mob-header .nav-icon.isActive span:first-child {
    top: 1.7333333333vmin
  }

  .mobile-app .mob-header .nav-icon.isActive span:nth-child(3) {
    top: 1.7333333333vmin
  }

  .mobile-app .mob-header .quick-links>.mob-header-icon {
    width: 6.1333333333vmin;
    height: 6.1333333333vmin;
    margin-right: 1.3333333333vmin;
    line-height: 5.3333333333vmin;
    border-width: .4vmin
  }

  .mobile-app .mob-header .quick-links>.mob-header-icon img {
    width: 3.3333333333vmin;
    height: 3.3333333333vmin
  }

  .mobile-app .mob-header .quick-links>.mob-header-icon:nth-child(3) {
    margin-right: 66.6666666667vmin
  }

  .mobile-app .mob-header .quick-links>.mob-header-icon [class*=dot] {
    width: 2vmin;
    height: 2vmin;
    border-radius: 50%;
    background: #dd4d4f;
    right: -.6666666667vmin;
    top: 0
  }

  .mobile-app .mob-header .quick-links .mob-bonusLink .bonusLink .bonusLink-icon, .mobile-app .mob-header .quick-links .mob-bonusLink .bonusLink .promotionLink-icon, .mobile-app .mob-header .quick-links .mob-bonusLink .promotionLink .bonusLink-icon, .mobile-app .mob-header .quick-links .mob-bonusLink .promotionLink .promotionLink-icon, .mobile-app .mob-header .quick-links .mob-promotionLink .bonusLink .bonusLink-icon, .mobile-app .mob-header .quick-links .mob-promotionLink .bonusLink .promotionLink-icon, .mobile-app .mob-header .quick-links .mob-promotionLink .promotionLink .bonusLink-icon, .mobile-app .mob-header .quick-links .mob-promotionLink .promotionLink .promotionLink-icon {
    width: 4.8vmin;
    height: 4.8vmin
  }
}

.footer-wrapper-web {
  padding: 30px 0 0;
  background: #001113
}

.footer-brand-web, .footer-info-web {
  padding-bottom: 30px;
  text-align: center
}

.footer-brand-web ul, .footer-info-web ul {
  text-align: center;
  margin: 0;
  padding: 0;
  list-style-type: none
}

.footer-brand-web ul li, .footer-info-web ul li {
  display: inline-block;
  padding: 0 10px
}

.footer-brand-web h4, .footer-info-web h4 {
  margin: 0 0 10px;
  color: #fff;
  font-weight: 700;
  font-size: 18px
}

.footer-brand-web {
  padding-bottom: 20px
}

.footer-nav-web li {
  position: relative;
  padding: 0 10px
}

.footer-nav-web li:before {
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  background: #fff;
  content: "";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 80%
}

.footer-nav-web li:last-child:before {
  display: none
}

.footer-nav-web li a {
  padding: 0 10px;
  color: #fff;
  font-weight: 400;
  font-size: 16px;
  -webkit-transition: all .2s linear;
  transition: all .2s linear
}

.footer-nav-web li a.nuxt-link-exact-active, .footer-nav-web li a:hover {
  color: #5ef
}

.footer-sponsor-web li {
  margin-bottom: 10px
}

.footer-sponsor-web li img {
  height: 30px
}

.footer-copyright-web {
  background: #000;
  color: #aaa;
  text-align: center;
  font-size: 12px;
  line-height: 40px
}

.footer-copyright-web .footer-design {
  color: #fff
}

.mobile-app .footerSeo-wrapper {
  background-color: #001113
}

footer .mob_view section {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 151;
  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: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 100%
}

footer .mob_view section.isOpen {
  height: calc(100% - 70px)
}

footer .mob_view section.isOpen .footer-login-wrapper {
  display: none
}

footer .mob_view section.isOpen .footer-fix-submenu {
  visibility: visible;
  -webkit-animation-name: fade-in;
  animation-name: fade-in;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-timing-function: cubic-bezier(.39, .575, .565, 1);
  animation-timing-function: cubic-bezier(.39, .575, .565, 1);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

footer .mob_view section.isOpen .footer-fix-submenu .sub-box>div {
  visibility: visible;
  -webkit-animation-duration: .15s;
  animation-duration: .15s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

footer .mob_view section.isOpen:not(.footer-position-top) .footer-fix-submenu .sub-box {
  margin-top: auto;
  padding-top: 2.6666666667vmin
}

footer .mob_view section.isOpen:not(.footer-position-top) .footer-fix-submenu .sub-box>div {
  -webkit-animation-name: slide-in-bottom;
  animation-name: slide-in-bottom
}

footer .mob_view section.isOpen:not(.footer-position-top) .footer-fix-submenu .sub-box>div:nth-last-child(2) {
  -webkit-animation-delay: .05s;
  animation-delay: .05s
}

footer .mob_view section.isOpen:not(.footer-position-top) .footer-fix-submenu .sub-box>div:nth-last-child(3) {
  -webkit-animation-delay: .1s;
  animation-delay: .1s
}

footer .mob_view section.isOpen:not(.footer-position-top) .footer-fix-submenu .sub-box>div:nth-last-child(4) {
  -webkit-animation-delay: .15s;
  animation-delay: .15s
}

footer .mob_view section.isOpen:not(.footer-position-top) .footer-fix-submenu .sub-box>div:nth-last-child(5) {
  -webkit-animation-delay: .2s;
  animation-delay: .2s
}

footer .mob_view section.isOpen:not(.footer-position-top) .footer-fix-submenu .sub-box>div:nth-last-child(6) {
  -webkit-animation-delay: .25s;
  animation-delay: .25s
}

footer .mob_view section.isOpen:not(.footer-position-top) .footer-fix-submenu .sub-box>div:nth-last-child(7) {
  -webkit-animation-delay: .3s;
  animation-delay: .3s
}

footer .mob_view section.isOpen:not(.footer-position-top) .footer-fix-submenu .sub-box>div:nth-last-child(8) {
  -webkit-animation-delay: .35s;
  animation-delay: .35s
}

footer .mob_view section.isOpen:not(.footer-position-top) .footer-fix-submenu .sub-box>div:nth-last-child(9) {
  -webkit-animation-delay: .4s;
  animation-delay: .4s
}

footer .mob_view section.isOpen:not(.footer-position-top) .footer-fix-submenu .sub-box>div:nth-last-child(10) {
  -webkit-animation-delay: .45s;
  animation-delay: .45s
}

footer .mob_view section.isOpen.footer-position-top .footer-fix-submenu .sub-box>div {
  -webkit-animation-name: slide-in-top;
  animation-name: slide-in-top
}

footer .mob_view section.isOpen.footer-position-top .footer-fix-submenu .sub-box>div:nth-child(2) {
  -webkit-animation-delay: .1s;
  animation-delay: .1s
}

footer .mob_view section.isOpen.footer-position-top .footer-fix-submenu .sub-box>div:nth-child(3) {
  -webkit-animation-delay: .2s;
  animation-delay: .2s
}

footer .mob_view section.isOpen.footer-position-top .footer-fix-submenu .sub-box>div:nth-child(4) {
  -webkit-animation-delay: .3s;
  animation-delay: .3s
}

footer .mob_view section.isOpen.footer-position-top .footer-fix-submenu .sub-box>div:nth-child(5) {
  -webkit-animation-delay: .4s;
  animation-delay: .4s
}

footer .mob_view section.isOpen.footer-position-top .footer-fix-submenu .sub-box>div:nth-child(6) {
  -webkit-animation-delay: .5s;
  animation-delay: .5s
}

footer .mob_view section.isOpen.footer-position-top .footer-fix-submenu .sub-box>div:nth-child(7) {
  -webkit-animation-delay: .6s;
  animation-delay: .6s
}

footer .mob_view section.isOpen.footer-position-top .footer-fix-submenu .sub-box>div:nth-child(8) {
  -webkit-animation-delay: .7s;
  animation-delay: .7s
}

footer .mob_view section.isOpen.footer-position-top .footer-fix-submenu .sub-box>div:nth-child(9) {
  -webkit-animation-delay: .8s;
  animation-delay: .8s
}

footer .mob_view section.isOpen.footer-position-top .footer-fix-submenu .sub-box>div:nth-child(10) {
  -webkit-animation-delay: .9s;
  animation-delay: .9s
}

footer .mob_view section .footer-fix-submenu {
  position: relative;
  z-index: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

footer .mob_view section .footer-wrapper-mob {
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.footer-wrapper-mob .footer-btn {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%;
  padding: 1.3333333333vmin;
  min-height: 13.3333333333vmin;
  text-align: center
}

.footer-wrapper-mob .footer-btn:before {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: .8vmin
}

.footer-wrapper-mob .footer-btn.active:before {
  display: block
}

.footer-wrapper-mob .footer-btn.active p {
  color: #0ef;
  line-height: normal
}

.footer-wrapper-mob .footer-btn.active .svg-icon {
  fill: #0ef
}

.footer-wrapper-mob .footer-btn>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  height: 100%
}

.footer-wrapper-mob .footer-btn>div.no-image {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.footer-wrapper-mob .footer-btn>div.no-image img {
  display: none
}

.footer-wrapper-mob .footer-btn>div div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  height: 100%
}

.footer-wrapper-mob .footer-btn>div div.no-image {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.footer-wrapper-mob .footer-btn>div div.no-image img {
  display: none
}

.footer-wrapper-mob .footer-btn>div .svg-icon, .footer-wrapper-mob .footer-btn>div img {
  display: block;
  width: auto;
  height: 6.6666666667vmin
}

.footer-wrapper-mob .footer-btn>div .svg-icon {
  fill: #999
}

.footer-wrapper-mob .footer-btn>div p {
  margin: 0;
  font-size: 3.2vmin;
  line-height: normal
}

.footer-wrapper-mob .footer-btn .news-dot {
  content: "";
  position: absolute;
  top: 0;
  right: 20%;
  width: 10px;
  height: 10px;
  background-color: #dd4d4f;
  border-radius: 100%;
  border: 1px solid #fff;
  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
}

.footer-fix-submenu.isServiceOpen .sub-box .circle img {
  -webkit-filter: none !important;
  filter: none !important;
  width: 100%;
  height: 100%;
  padding: 20%
}

.footer-fix-submenu .sub-box-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 100%
}

.footer-fix-submenu .sub-box, .footer-fix-submenu .sub-box-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.footer-fix-submenu .sub-box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.footer-fix-submenu .sub-box>div {
  visibility: hidden;
  margin-bottom: 5.3333333333vmin
}

.footer-fix-submenu .sub-box a {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-bottom: 1.3333333333vmin
}

.footer-fix-submenu .sub-box .circle, .footer-fix-submenu .sub-box a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.footer-fix-submenu .sub-box .circle {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 2.6666666667vmin;
  border-radius: 50%;
  overflow: hidden;
  width: 14.6666666667vmin;
  height: 14.6666666667vmin
}

.footer-fix-submenu .sub-box .circle img {
  width: auto;
  height: 8vmin
}

@media only screen and (min-width:768px) {
  .footer-wrapper-mob .footer-btn {
    padding: .6666666667vmin;
    min-height: 8vmin;
    width: 20%
  }

  .footer-wrapper-mob .footer-btn:before {
    width: 100%;
    height: .4vmin
  }

  .footer-wrapper-mob .footer-btn>div img {
    height: 4vmin
  }

  .footer-wrapper-mob .footer-btn>div p {
    font-size: 1.6vmin;
    line-height: normal
  }

  .footer-fix-submenu .sub-box>div {
    margin-bottom: 2.6666666667vmin
  }

  .footer-fix-submenu .sub-box a {
    margin-bottom: .6666666667vmin
  }

  .footer-fix-submenu .sub-box .circle {
    margin-right: 1.3333333333vmin;
    width: 7.3333333333vmin;
    height: 7.3333333333vmin
  }

  .footer-fix-submenu .sub-box .circle img {
    height: 4vmin
  }
}

.mobile-app footer img {
  -webkit-transform: none;
  transform: none
}

.mobile-app .footerSeo-wrapper {
  position: relative;
  padding: 2.6666666667vmin;
  margin-top: 5.3333333333vmin;
  margin-bottom: 13.3333333333vmin
}

.mobile-app .footerSeo-wrapper .seo-box {
  background: #000;
  border-radius: 2.6666666667vmin
}

.mobile-app .footerSeo-wrapper .seo-box p {
  word-break: break-all;
  padding: 4vmin;
  color: #fff
}

.mobile-app .footer-license {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 3.7333333333vmin;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin-top: 2.6666666667vmin
}

.mobile-app .footer-license .image {
  margin: 2.6666666667vmin 0 5.3333333333vmin
}

.footer-wrapper-mob {
  background: #111
}

.footer-wrapper-mob .footer-btn:before {
  content: none;
  background: none
}

.footer-wrapper-mob .footer-btn>div {
  color: #999
}

.footer-wrapper-mob .footer-btn>div div {
  color: #999
}

.footer-wrapper-mob .footer-btn>div img {
  -webkit-filter: brightness(1) grayscale(1);
  filter: brightness(1) grayscale(1)
}

.footer-wrapper-mob .footer-btn>div img, .footer-wrapper-mob .footer-btn>div p {
  opacity: 1
}

.footer-wrapper-mob .footer-btn.active {
  background: rgba(0, 0, 0, .8);
  color: #0ef;
  -webkit-box-shadow: none;
  box-shadow: none
}

.footer-wrapper-mob .footer-btn.active:before {
  content: none;
  background: #ec4
}

.footer-wrapper-mob .footer-btn.active>div img {
  -webkit-filter: brightness(1) grayscale(0);
  filter: brightness(1) grayscale(0)
}

.footer-wrapper-mob .footer-btn.active img, .footer-wrapper-mob .footer-btn.active p {
  opacity: 1
}

.footer-fix-submenu {
  background: rgba(0, 0, 0, .8)
}

.footer-fix-submenu .sub-box a {
  color: #fff
}

.footer-fix-submenu .sub-box .circle {
  background: #02818f;
  border: 2px solid #5ef;
  -webkit-box-shadow: 0 0 10px 1px #0cf;
  box-shadow: 0 0 10px 1px #0cf
}

.footer-fix-submenu .sub-box .circle img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1)
}

.footer-license {
  color: #fff;
  font-weight: 700
}

.footer-license .image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 10px 0 20px
}

.index-section {
  overflow: hidden
}

.index-section ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  *zoom: 1
}

.index-section ul:after, .index-section ul:before {
  content: " ";
  display: table
}

.index-section ul:after {
  clear: both
}

.index-section img {
  width: 100%
}

.web_banner {
  display: block
}

.mob_banner {
  display: none
}

.index-banner {
  overflow: hidden;
  background: #000;
  -webkit-box-shadow: 0 5px 50px 0 rgba(0, 0, 0, .5);
  box-shadow: 0 5px 50px 0 rgba(0, 0, 0, .5)
}

.index-banner a {
  display: block
}

.index-banner img {
  display: inline-block
}

.index-banner .web_banner .banner-wrapper {
  overflow: hidden;
  width: 100%
}

.index-banner .web_banner .banner-content {
  position: relative;
  padding-bottom: 23.5%;
  width: 100%;
  text-align: center;
  cursor: pointer
}

.index-banner .web_banner .banner-content img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block
}

.index-banner .swiper-container-horizontal>.swiper-pagination-bullets {
  border: 5px solid #cff;
  border-radius: 20px;
  -webkit-box-shadow: 0 0 20px 1px #0cf, inset 0 0 20px 0 #0cf;
  box-shadow: 0 0 20px 1px #0cf, inset 0 0 20px 0 #0cf;
  left: 50%;
  bottom: 20px;
  padding: 5px 10px;
  width: auto;
  background: #222;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.index-banner .swiper-container-horizontal>.swiper-pagination-bullets>.swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #222;
  opacity: 1;
  display: inline-block;
  margin: 0 5px;
  border: 2px solid rgba(204, 255, 255, .5);
  cursor: pointer
}

.index-banner .swiper-container-horizontal>.swiper-pagination-bullets>.swiper-pagination-bullet:hover {
  border: 2px solid rgba(204, 255, 255, .5);
  background: rgba(204, 255, 255, .4)
}

.index-banner .swiper-container-horizontal>.swiper-pagination-bullets>.swiper-pagination-bullet.swiper-pagination-bullet-active {
  border: 2px solid #cff;
  background: #cff
}

.external-link-wrapper {
  position: relative;
  padding: 50px 10%;
  background: -webkit-gradient(linear, right top, left top, color-stop(0, transparent), color-stop(17%, rgba(0, 0, 0, .15)), color-stop(50%, rgba(0, 0, 0, .35)), color-stop(83%, rgba(0, 0, 0, .15)), to(transparent));
  background: linear-gradient(270deg, transparent 0, rgba(0, 0, 0, .15) 17%, rgba(0, 0, 0, .35) 50%, rgba(0, 0, 0, .15) 83%, transparent)
}

.external-link-wrapper .external-link-content {
  cursor: pointer
}

.external-link-wrapper.hideGoal:after {
  display: none
}

.external-link-wrapper:before {
  width: 100%;
  height: 3px;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  background: -webkit-gradient(linear, right top, left top, from(rgba(0, 119, 136, 0)), color-stop(25%, #078), color-stop(75%, #078), to(rgba(0, 119, 136, 0)));
  background: linear-gradient(270deg, rgba(0, 119, 136, 0) 0, #078 25%, #078 75%, rgba(0, 119, 136, 0))
}

.external-link-wrapper:after {
  width: 100%;
  height: 3px;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  background: -webkit-gradient(linear, right top, left top, from(rgba(0, 119, 136, 0)), color-stop(25%, #078), color-stop(75%, #078), to(rgba(0, 119, 136, 0)));
  background: linear-gradient(270deg, rgba(0, 119, 136, 0) 0, #078 25%, #078 75%, rgba(0, 119, 136, 0))
}

.external-link-wrapper .external-link {
  margin: 0 1.5%;
  width: 47%
}

.external-link-wrapper .external-link.promote_one {
  float: left
}

.external-link-wrapper .external-link.promote_two {
  float: right
}

.external-link-wrapper .external-link .img-link {
  width: 100%;
  height: 0;
  overflow: hidden;
  position: relative;
  display: block;
  padding-bottom: 62%;
  background: #000;
  border: 5px solid #cff;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 20px 1px #0cf;
  box-shadow: 0 0 20px 1px #0cf
}

.external-link-wrapper .external-link img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block
}

.socialMedia .video-content.fb-video-content {
  outline: 5px solid #cff;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 20px 1px #0cf;
  box-shadow: 0 0 20px 1px #0cf;
  outline-offset: -5px
}

.socialMedia .video-content:not(.fb-video-content) iframe {
  outline: 5px solid #cff;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 20px 1px #0cf;
  box-shadow: 0 0 20px 1px #0cf;
  outline-offset: -5px
}

@media only screen and (max-width:1300px) and (min-width:1024px) {
  .external-link-wrapper {
    padding: 50px 2%
  }
}

.mobile-app .web_banner {
  display: none
}

.mobile-app .mob_banner {
  display: block
}

.mobile-app .mob_banner a {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: auto
}

.mobile-app .mob_banner a img {
  width: 100%;
  height: 58.6666666667vmin
}

.mobile-app .index-banner {
  overflow: visible;
  overflow: initial;
  -webkit-box-shadow: 0 1.3333333333vmin 13.3333333333vmin 0 rgba(0, 0, 0, .5);
  box-shadow: 0 1.3333333333vmin 13.3333333333vmin 0 rgba(0, 0, 0, .5)
}

.mobile-app .index-banner .banner-wrapper {
  margin-bottom: 18.6666666667vmin
}

.mobile-app .index-banner .swiper-container {
  overflow: visible;
  overflow: initial
}

.mobile-app .swiper-container {
  overflow: hidden
}

.mobile-app .swiper-container-horizontal>.swiper-pagination-bullets {
  -webkit-box-sizing: unset;
  box-sizing: unset;
  border: 1.3333333333vmin solid #cff;
  border-radius: 5.3333333333vmin;
  -webkit-box-shadow: 0 0 5.3333333333vmin .2666666667vmin #0cf, inset 0 0 5.3333333333vmin 0 #0cf;
  box-shadow: 0 0 5.3333333333vmin .2666666667vmin #0cf, inset 0 0 5.3333333333vmin 0 #0cf;
  bottom: -14.6666666667vmin
}

.mobile-app .swiper-container-horizontal>.swiper-pagination-bullets>.swiper-pagination-bullet {
  width: 5.3333333333vmin;
  height: 5.3333333333vmin;
  border-radius: 50%;
  background: #222;
  margin: 0 1.3333333333vmin;
  border: .5333333333vmin solid rgba(204, 255, 255, .5);
  cursor: pointer
}

.mobile-app .swiper-container-horizontal>.swiper-pagination-bullets>.swiper-pagination-bullet:hover {
  border: .5333333333vmin solid rgba(204, 255, 255, .5)
}

.mobile-app .swiper-container-horizontal>.swiper-pagination-bullets>.swiper-pagination-bullet.swiper-pagination-bullet-active {
  border: .5333333333vmin solid #cff
}

.mobile-app .external-link-wrapper {
  padding: 8vmin 3.2vmin
}

.mobile-app .external-link-wrapper.hideGoal:after {
  display: none
}

.mobile-app .external-link-wrapper:after, .mobile-app .external-link-wrapper:before {
  width: 100%;
  height: .8vmin;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  background: -webkit-gradient(linear, right top, left top, from(rgba(0, 119, 136, 0)), color-stop(25%, #078), color-stop(75%, #078), to(rgba(0, 119, 136, 0)));
  background: linear-gradient(270deg, rgba(0, 119, 136, 0) 0, #078 25%, #078 75%, rgba(0, 119, 136, 0))
}

.mobile-app .external-link-wrapper:before {
  top: 0
}

.mobile-app .external-link-wrapper .external-link {
  margin: 0;
  width: 100%
}

.mobile-app .external-link-wrapper .external-link.promote_one, .mobile-app .external-link-wrapper .external-link.promote_two {
  float: none
}

.mobile-app .external-link-wrapper .external-link+.external-link {
  margin-top: 5.3333333333vmin
}

@media only screen and (min-width:768px) {
  .mobile-app .mob_banner a {
    padding-bottom: 64.3%;
    height: 0
  }

  .mobile-app .mob_banner a img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block
  }

  .mobile-app .index-banner {
    -webkit-box-shadow: 0 .6666666667vmin 6.6666666667vmin 0 rgba(0, 0, 0, .5);
    box-shadow: 0 .6666666667vmin 6.6666666667vmin 0 rgba(0, 0, 0, .5)
  }

  .mobile-app .index-banner .banner-wrapper {
    margin-bottom: 9.3333333333vmin
  }

  .mobile-app .swiper-container-horizontal>.swiper-pagination-bullets {
    border: .6666666667vmin solid #cff;
    border-radius: 2.6666666667vmin;
    -webkit-box-shadow: 0 0 2.6666666667vmin .1333333333vmin #0cf, inset 0 0 2.6666666667vmin 0 #0cf;
    box-shadow: 0 0 2.6666666667vmin .1333333333vmin #0cf, inset 0 0 2.6666666667vmin 0 #0cf;
    bottom: -7.3333333333vmin
  }

  .mobile-app .swiper-container-horizontal>.swiper-pagination-bullets>.swiper-pagination-bullet {
    width: 2.6666666667vmin;
    height: 2.6666666667vmin;
    border-radius: 50%;
    background: #222;
    margin: 0 .6666666667vmin;
    border: .2666666667vmin solid rgba(204, 255, 255, .5);
    cursor: pointer
  }

  .mobile-app .swiper-container-horizontal>.swiper-pagination-bullets>.swiper-pagination-bullet:hover {
    border: .2666666667vmin solid rgba(204, 255, 255, .5)
  }

  .mobile-app .swiper-container-horizontal>.swiper-pagination-bullets>.swiper-pagination-bullet.swiper-pagination-bullet-active {
    border: .2666666667vmin solid #cff
  }

  .mobile-app .external-link-wrapper {
    padding: 4vmin 1.6vmin
  }

  .mobile-app .external-link-wrapper:after, .mobile-app .external-link-wrapper:before {
    width: 100%;
    height: .4vmin;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    background: -webkit-gradient(linear, right top, left top, from(rgba(0, 119, 136, 0)), color-stop(25%, #078), color-stop(75%, #078), to(rgba(0, 119, 136, 0)));
    background: linear-gradient(270deg, rgba(0, 119, 136, 0) 0, #078 25%, #078 75%, rgba(0, 119, 136, 0))
  }

  .mobile-app .external-link-wrapper:before {
    top: 0
  }

  .mobile-app .external-link-wrapper .external-link {
    margin: 0;
    padding: 1%;
    width: 50%
  }

  .mobile-app .external-link-wrapper .external-link.promote_one {
    float: left
  }

  .mobile-app .external-link-wrapper .external-link.promote_two {
    float: right
  }

  .mobile-app .external-link-wrapper .external-link+.external-link {
    margin-top: 0
  }
}

.index-title {
  position: relative;
  z-index: 1;
  margin: 0 auto 30px;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  color: #fff
}

.index-gamelist .featuredSwiper-next, .index-gamelist .featuredSwiper-prev, .index-gamelist .hotSwiper-next, .index-gamelist .hotSwiper-prev, .index-gamelist .newSwiper-next, .index-gamelist .newSwiper-prev, .index-gamelist .promoteSwiper-next, .index-gamelist .promoteSwiper-prev {
  width: 20px;
  height: 30px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  z-index: 1;
  opacity: .5;
  z-index: 10;
  color: transparent;
  background: transparent;
  background-size: contain;
  background-repeat: no-repeat;
  border: none
}

.index-gamelist .featuredSwiper-next:hover, .index-gamelist .featuredSwiper-prev:hover, .index-gamelist .hotSwiper-next:hover, .index-gamelist .hotSwiper-prev:hover, .index-gamelist .newSwiper-next:hover, .index-gamelist .newSwiper-prev:hover, .index-gamelist .promoteSwiper-next:hover, .index-gamelist .promoteSwiper-prev:hover {
  opacity: 1
}

.index-gamelist .featuredSwiper-prev, .index-gamelist .hotSwiper-prev, .index-gamelist .newSwiper-prev, .index-gamelist .promoteSwiper-prev {
  left: -5%;
  background-image: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/arrow-left_9ed0270.webp)
}

.index-gamelist .featuredSwiper-next, .index-gamelist .hotSwiper-next, .index-gamelist .newSwiper-next, .index-gamelist .promoteSwiper-next {
  right: -5%;
  background-image: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/arrow-right_dc0cc9d.webp)
}

.index-gamelist .hot-game .swiper-slide {
  width: 25%
}

.index-gamelist .featured-game .swiper-slide, .index-gamelist .new-game .swiper-slide, .index-gamelist .promote-game .swiper-slide {
  width: 50%
}

.index-parallel {
  position: relative;
  padding: 60px 0
}

.index-parallel .featured-game, .index-parallel .new-game, .index-parallel .promote-game {
  display: inline-block;
  margin: 0 5%;
  width: 40%
}

.swiper-position {
  position: relative
}

.swiper-position .item {
  padding: 0 20px
}

.swiper-button-disabled {
  cursor: not-allowed;
  opacity: .1 !important
}

.featured-game .gamelist-img-border {
  background: #000;
  border: 2px solid #10a6b8;
  border-radius: 5px
}

.featured-game .gamelist-img-border:before {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #5fc3cf), color-stop(50%, #10a6b8));
  background: linear-gradient(0deg, #5fc3cf 50%, #10a6b8 0)
}

.featured-game .gamelist-img-border .love-icon:after {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #5fc3cf), color-stop(50%, #10a6b8));
  background: linear-gradient(180deg, #5fc3cf 50%, #10a6b8 0)
}

.new-game .gamelist-img-border, .promote-game .gamelist-img-border {
  background: #000;
  border: 2px solid #efa93c;
  border-radius: 5px
}

.new-game .gamelist-img-border:before, .promote-game .gamelist-img-border:before {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #ebbb00), color-stop(50%, #da6e01));
  background: linear-gradient(0deg, #ebbb00 50%, #da6e01 0)
}

.new-game .gamelist-img-border .love-icon:after, .promote-game .gamelist-img-border .love-icon:after {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ebbb00), color-stop(50%, #da6e01));
  background: linear-gradient(180deg, #ebbb00 50%, #da6e01 0)
}

.hot-game {
  position: relative;
  padding: 60px 10%;
  width: 100%
}

.game-block .maintain-block {
  z-index: 5;
  background: rgba(0, 0, 0, .8);
  border-radius: 5px
}

.game-block .maintain-block i {
  font-size: 50px;
  color: #fff
}

@media only screen and (max-width:1500px) {
  .swiper-position .item {
    padding: 0 10px
  }
}

@media only screen and (max-width:1300px) {
  .item .info-block .game-name {
    font-size: 14px
  }
}

@media only screen and (max-width:1200px) and (min-width:1024px) {
  .item .info-block .play-count {
    display: none
  }
}

.mobile-app .index-gamelist .container-mid {
  padding-right: 0;
  padding-left: 0
}

.mobile-app .index-gamelist .index-title {
  margin-bottom: 6.6666666667vmin;
  font-size: 4.2666666667vmin
}

.mobile-app .index-gamelist .featuredSwiper-next, .mobile-app .index-gamelist .featuredSwiper-prev, .mobile-app .index-gamelist .hotSwiper-next, .mobile-app .index-gamelist .hotSwiper-prev, .mobile-app .index-gamelist .newSwiper-next, .mobile-app .index-gamelist .newSwiper-prev, .mobile-app .index-gamelist .promoteSwiper-next, .mobile-app .index-gamelist .promoteSwiper-prev {
  display: none
}

.mobile-app .index-gamelist .featured-game .swiper-slide, .mobile-app .index-gamelist .hot-game .swiper-slide, .mobile-app .index-gamelist .new-game .swiper-slide, .mobile-app .index-gamelist .promote-game .swiper-slide {
  width: 38.4vmin;
  height: auto
}

.mobile-app .index-gamelist .hot-game {
  display: block;
  margin: 8vmin 0;
  padding: 0;
  width: 100%
}

.mobile-app .index-gamelist .swiper-position {
  min-height: 13.3333333333vmin
}

.mobile-app .index-gamelist .swiper-position .swiper-slide {
  margin-right: 4vmin
}

.mobile-app .index-gamelist .swiper-position .swiper-slide:first-child {
  margin-left: 2.6666666667vmin
}

.mobile-app .index-parallel {
  padding: 0
}

.mobile-app .index-parallel .container-mid {
  padding-right: 0
}

.mobile-app .index-parallel .index-title {
  margin-bottom: 6.6666666667vmin;
  font-size: 4.2666666667vmin
}

.mobile-app .index-parallel .featured-game, .mobile-app .index-parallel .new-game, .mobile-app .index-parallel .promote-game {
  display: block;
  margin: 8vmin 0;
  width: 100%
}

.mobile-app .index-parallel .new-game .gamelist-img-border, .mobile-app .index-parallel .promote-game .gamelist-img-border {
  border: .5333333333vmin solid #efa93c;
  border-radius: 1.3333333333vmin
}

.mobile-app .index-parallel .swiper-position {
  min-height: 13.3333333333vmin
}

.mobile-app .index-parallel .swiper-position .swiper-slide {
  margin-right: 4vmin
}

.mobile-app .swiper-position .item {
  padding: 0
}

.mobile-app .featured-game .gamelist-img-border {
  border: .5333333333vmin solid #10a6b8;
  border-radius: 1.3333333333vmin
}

.mobile-app .hot-game:after {
  display: none
}

.mobile-app .game-block .maintain-block {
  font-size: 3.7333333333vmin;
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.mobile-app .game-block .maintain-block i {
  display: none
}

.mobile-app .game-block .maintain-block p {
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

@media only screen and (min-width:768px) {
  .mobile-app .index-gamelist .index-title {
    margin-bottom: 3.3333333333vmin;
    font-size: 2.1333333333vmin
  }

  .mobile-app .index-gamelist .featured-game .swiper-slide, .mobile-app .index-gamelist .hot-game .swiper-slide, .mobile-app .index-gamelist .new-game .swiper-slide, .mobile-app .index-gamelist .promote-game .swiper-slide {
    width: 19.2vmin
  }

  .mobile-app .index-gamelist .hot-game {
    margin: 4vmin 0
  }

  .mobile-app .index-gamelist .swiper-position {
    min-height: 6.6666666667vmin
  }

  .mobile-app .index-gamelist .swiper-position .swiper-slide {
    margin-right: 2vmin
  }

  .mobile-app .index-gamelist .swiper-position .swiper-slide:first-child {
    margin-left: 1.3333333333vmin
  }

  .mobile-app .index-parallel .index-title {
    margin-bottom: 3.3333333333vmin;
    font-size: 2.1333333333vmin
  }

  .mobile-app .index-parallel .featured-game, .mobile-app .index-parallel .new-game, .mobile-app .index-parallel .promote-game {
    margin: 4vmin 0
  }

  .mobile-app .index-parallel .new-game .gamelist-img-border, .mobile-app .index-parallel .promote-game .gamelist-img-border {
    border: .2666666667vmin solid #efa93c;
    border-radius: .6666666667vmin
  }

  .mobile-app .index-parallel .swiper-position {
    min-height: 6.6666666667vmin
  }

  .mobile-app .index-parallel .swiper-position .swiper-slide {
    margin-right: 2vmin
  }

  .mobile-app .featured-game .gamelist-img-border {
    border: .2666666667vmin solid #10a6b8;
    border-radius: .6666666667vmin
  }

  .mobile-app .game-block .maintain-block {
    font-size: 1.8666666667vmin
  }
}

.index-goal {
  position: relative;
  padding: 100px 8% 60px
}

.index-goal .trophy {
  width: 270px;
  height: 110px;
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
  z-index: 2;
  margin: auto
}

.index-goal .trophy img {
  width: 100%;
  height: auto
}

.index-goal .index-goal-content {
  border: 5px solid #cff;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 20px 1px #0cf, inset 0 0 20px 0 #0ce;
  box-shadow: 0 0 20px 1px #0cf, inset 0 0 20px 0 #0ce;
  position: relative;
  z-index: 1;
  margin-bottom: 200px;
  padding: 110px 150px;
  color: #fff;
  background: rgba(0, 0, 0, .35)
}

.index-goal .index-goal-content.hideWL {
  background: none
}

.index-goal .index-goal-content.hideWL .index-ranking-wrapper {
  margin-bottom: 0;
  padding-bottom: 0
}

.index-goal .index-goal-content.hideWL .index-ranking-wrapper:after {
  display: none
}

.index-goal .index-goal-content:after, .index-goal .index-goal-content:before {
  width: 100px;
  height: 100px;
  content: "";
  position: absolute;
  bottom: 0;
  display: inline-block;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/ranking-bg_2ade077.webp);
  background-size: contain
}

.index-goal .index-goal-content:before {
  left: 0;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}

.index-goal .index-goal-content:after {
  right: 0
}

.index-goal .index-goal-content .game-img, .index-goal .index-goal-content .no-img {
  overflow: hidden;
  position: relative;
  text-align: center
}

.index-goal .index-goal-content .game-img img {
  position: absolute;
  left: -100%;
  right: -100%;
  margin: auto;
  max-width: none;
  height: 100%
}

.index-goal .index-goal-content .no-img img {
  width: 100%
}

.index-ranking-wrapper {
  position: relative;
  z-index: 1;
  margin-bottom: 60px;
  padding-bottom: 70px
}

.index-ranking-wrapper:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: block;
  height: 3px;
  background: -webkit-gradient(linear, right top, left top, color-stop(0, rgba(0, 119, 136, 0)), color-stop(25%, #078), color-stop(75%, #078), to(rgba(0, 119, 136, 0)));
  background: linear-gradient(270deg, rgba(0, 119, 136, 0) 0, #078 25%, #078 75%, rgba(0, 119, 136, 0))
}

.index-ranking-wrapper .today-icon {
  width: 110px;
  height: 40px;
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  z-index: 1;
  margin: auto;
  text-align: center
}

.index-ranking-wrapper .today-icon p {
  margin-bottom: 5px;
  font-size: 24px;
  font-weight: 700
}

.index-ranking-wrapper .today-icon a {
  display: block;
  font-size: 12px;
  line-height: 25px;
  color: #acacac;
  background: hsla(0, 0%, 100%, .1);
  border: 1px solid hsla(0, 0%, 100%, .15);
  border-radius: 3px
}

.index-ranking-wrapper .ranking-grid>li {
  position: relative;
  display: inline-block;
  padding: 5px 0;
  width: 50%;
  vertical-align: top
}

.index-ranking-wrapper .ranking-grid>li .ranking-img {
  width: 110px;
  height: 110px;
  position: absolute;
  top: -3px;
  z-index: 1
}

.index-ranking-wrapper .ranking-grid>li .ranking-img:after {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  display: block;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/border_8768f7d.webp) no-repeat 50%;
  background-size: 100%
}

.index-ranking-wrapper .ranking-grid>li .ranking-img .game-img img {
  position: relative;
  left: 0;
  right: 0;
  width: 100%;
  height: 110px
}

.index-ranking-wrapper .ranking-grid>li ul {
  position: relative;
  background: #134;
  border: 3px solid #5ef;
  border-radius: 5px
}

.index-ranking-wrapper .ranking-grid>li ul li {
  position: relative;
  z-index: 1;
  padding: 15px 0;
  color: #fff
}

.index-ranking-wrapper .ranking-grid>li ul li.winner {
  *zoom: 1;
  font-size: 20px;
  line-height: 30px
}

.index-ranking-wrapper .ranking-grid>li ul li.winner:after, .index-ranking-wrapper .ranking-grid>li ul li.winner:before {
  content: " ";
  display: table
}

.index-ranking-wrapper .ranking-grid>li ul li.winner:after {
  clear: both
}

.index-ranking-wrapper .ranking-grid>li ul li.winner .player {
  font-weight: 600;
  color: #ffd347
}

.index-ranking-wrapper .ranking-grid>li ul li.winner .score {
  color: #fff
}

.index-ranking-wrapper .ranking-grid>li ul li.no-winner {
  font-size: 18px;
  line-height: 60px
}

.index-ranking-wrapper .ranking-grid>li.dragon {
  padding-right: 80px
}

.index-ranking-wrapper .ranking-grid>li.dragon .ranking-img {
  right: 80px
}

.index-ranking-wrapper .ranking-grid>li.dragon .no-img {
  background: #4b0014
}

.index-ranking-wrapper .ranking-grid>li.dragon ul {
  margin-left: -12px;
  margin-right: 50px;
  padding-right: 70px
}

.index-ranking-wrapper .ranking-grid>li.dragon ul li {
  text-align: right
}

.index-ranking-wrapper .ranking-grid>li.tiger {
  padding-left: 80px
}

.index-ranking-wrapper .ranking-grid>li.tiger .ranking-img {
  left: 80px
}

.index-ranking-wrapper .ranking-grid>li.tiger .no-img {
  background: #122437
}

.index-ranking-wrapper .ranking-grid>li.tiger ul {
  margin-right: -12px;
  margin-left: 50px;
  padding-left: 70px
}

.winner-list-wrapper {
  position: relative;
  z-index: 1
}

.winner-list-wrapper .index-title {
  margin-bottom: 60px;
  font-size: 24px
}

.winner-list-wrapper .index-title span {
  margin-left: 5px;
  font-weight: 400
}

.winner-list-wrapper .win-news-scroll>ul {
  overflow: hidden;
  position: relative;
  height: 320px
}

.winner-list-wrapper .win-news-scroll>ul>li {
  *zoom: 1;
  padding-top: 6px
}

.winner-list-wrapper .win-news-scroll>ul>li:after, .winner-list-wrapper .win-news-scroll>ul>li:before {
  content: " ";
  display: table
}

.winner-list-wrapper .win-news-scroll>ul>li:after {
  clear: both
}

.winner-list-wrapper .winner-block {
  position: relative;
  padding: 5px 0
}

.winner-list-wrapper .winner-block .winner-img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: linear-gradient(135deg, #fdfefe, #7ebac0 50%, #215860 51%, #104049);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  margin: auto;
  padding: 6px;
  -webkit-box-shadow: 0 0 10px 0 #0cf;
  box-shadow: 0 0 10px 0 #0cf
}

.winner-list-wrapper .winner-block .winner-img:before {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: linear-gradient(315deg, #fff, #fff 50%, #aac6c8 0, #314f53 0);
  content: "";
  position: absolute;
  left: 5px;
  top: 5px;
  display: block
}

.winner-list-wrapper .winner-block .winner-img .game-img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: linear-gradient(315deg, #fff, #fff 50%, #aac6c8 0, #314f53 0);
  overflow: hidden;
  position: relative;
  text-align: center;
  z-index: 2
}

.winner-list-wrapper .winner-block .winner-article {
  font-size: 16px;
  line-height: 45px;
  border: 3px solid #5ef;
  background: #134;
  color: #999;
  border-radius: 5px
}

.winner-list-wrapper .winner-block .winner-article .winner-grid>li {
  overflow: hidden;
  display: inline-block;
  width: 50%;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top
}

.winner-list-wrapper .winner-block .winner-article .winner-grid>li:first-child {
  padding-left: 20px;
  padding-right: 55px;
  text-align: right
}

.winner-list-wrapper .winner-block .winner-article .winner-grid>li:last-child {
  padding-left: 50px;
  padding-right: 20px
}

.winner-list-wrapper .winner-block .winner-article .winner-grid>li:last-child span:first-child {
  margin-left: 0
}

.winner-list-wrapper .winner-block .winner-article .winner-grid>li span {
  margin: 0 5px;
  color: #fff
}

.winner-list-wrapper .winner-block .winner-article .winner-grid>li span.win-total {
  color: #ff0
}

.animate {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%
}

@media only screen and (max-width:1500px) {
  .index-goal .index-goal-content {
    padding: 110px 90px
  }
}

@media only screen and (max-width:1300px) and (min-width:1024px) {
  .index-goal {
    padding: 100px 2% 60px
  }

  .index-goal .index-goal-content {
    padding: 110px 30px
  }
}

.mobile-app .index-goal {
  padding: 18.6666666667vmin 0 0
}

.mobile-app .index-goal .trophy {
  top: 8vmin;
  width: 72vmin;
  height: 29.3333333333vmin
}

.mobile-app .index-goal .index-goal-content {
  margin-bottom: 0;
  padding: 22.6666666667vmin 2.6666666667vmin 0;
  border: 1.3333333333vmin solid #cff;
  border-right: none;
  border-left: none;
  border-radius: 0;
  -webkit-box-shadow: 0 0 5.3333333333vmin .2666666667vmin #0cf, inset 0 0 5.3333333333vmin 0 #0ce;
  box-shadow: 0 0 5.3333333333vmin .2666666667vmin #0cf, inset 0 0 5.3333333333vmin 0 #0ce
}

.mobile-app .index-goal .index-goal-content.hideWL .index-ranking-wrapper {
  padding-bottom: 5.3333333333vmin
}

.mobile-app .index-goal .index-goal-content:after, .mobile-app .index-goal .index-goal-content:before {
  display: none
}

.mobile-app .index-goal .index-ranking-wrapper {
  margin-bottom: 5.3333333333vmin;
  padding-bottom: 5.3333333333vmin
}

.mobile-app .index-goal .index-ranking-wrapper:after {
  left: 0;
  right: 0;
  bottom: -.8vmin;
  height: .8vmin
}

.mobile-app .index-goal .index-ranking-wrapper .today-icon {
  position: relative;
  top: 0;
  margin-bottom: 6.6666666667vmin;
  width: 29.3333333333vmin;
  height: auto
}

.mobile-app .index-goal .index-ranking-wrapper .today-icon img {
  width: 29.3333333333vmin;
  height: 10.6666666667vmin
}

.mobile-app .index-goal .index-ranking-wrapper .today-icon p {
  font-size: 4.2666666667vmin
}

.mobile-app .index-goal .index-ranking-wrapper .ranking-grid>li {
  padding: 0;
  width: 100%
}

.mobile-app .index-goal .index-ranking-wrapper .ranking-grid>li .ranking-img {
  width: 18.6666666667vmin;
  height: 18.6666666667vmin;
  left: 0;
  top: -1.3333333333vmin
}

.mobile-app .index-goal .index-ranking-wrapper .ranking-grid>li .ranking-img:after {
  top: 0
}

.mobile-app .index-goal .index-ranking-wrapper .ranking-grid>li .ranking-img .game-img img {
  position: relative;
  left: 0;
  right: 0;
  width: 100%;
  height: 18.6666666667vmin
}

.mobile-app .index-goal .index-ranking-wrapper .ranking-grid>li ul {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 16vmin
}

.mobile-app .index-goal .index-ranking-wrapper .ranking-grid>li ul li {
  padding: 0
}

.mobile-app .index-goal .index-ranking-wrapper .ranking-grid>li .no-winner {
  margin-left: 20.5333333333vmin;
  font-size: 4.8vmin;
  line-height: 13.3333333333vmin;
  text-align: left
}

.mobile-app .index-goal .index-ranking-wrapper .ranking-grid>li.dragon .winner, .mobile-app .index-goal .index-ranking-wrapper .ranking-grid>li.tiger .winner {
  padding-left: 20vmin
}

.mobile-app .index-goal .index-ranking-wrapper .ranking-grid>li.dragon .winner .player, .mobile-app .index-goal .index-ranking-wrapper .ranking-grid>li.dragon .winner .score, .mobile-app .index-goal .index-ranking-wrapper .ranking-grid>li.tiger .winner .player, .mobile-app .index-goal .index-ranking-wrapper .ranking-grid>li.tiger .winner .score {
  font-size: 4.2666666667vmin;
  line-height: 7.4666666667vmin
}

.mobile-app .index-goal .index-ranking-wrapper .ranking-grid>li.dragon {
  margin-bottom: 5.3333333333vmin
}

.mobile-app .index-goal .index-ranking-wrapper .ranking-grid>li.dragon .winner {
  text-align: left
}

.mobile-app .index-goal .winner-list-wrapper {
  padding-bottom: 5.3333333333vmin
}

.mobile-app .index-goal .winner-list-wrapper .index-title {
  margin-bottom: 2.6666666667vmin;
  font-size: 4.2666666667vmin
}

.mobile-app .index-goal .winner-list-wrapper .index-title span {
  margin-left: 1.3333333333vmin
}

.mobile-app .index-goal .winner-list-wrapper .win-news-scroll>ul {
  height: 85.3333333333vmin
}

.mobile-app .index-goal .winner-list-wrapper .win-news-scroll>ul>li {
  padding-top: 0
}

.mobile-app .index-goal .winner-list-wrapper .winner-block {
  padding: 1.3333333333vmin 0
}

.mobile-app .index-goal .winner-list-wrapper .winner-block .winner-img {
  width: 18.6666666667vmin;
  height: 18.6666666667vmin;
  top: 1.3333333333vmin;
  left: 2.6666666667vmin;
  margin: 0;
  padding: 1.6vmin;
  -webkit-box-shadow: 0 0 .8vmin 0 #0cf;
  box-shadow: 0 0 .8vmin 0 #0cf
}

.mobile-app .index-goal .winner-list-wrapper .winner-block .winner-img:before {
  left: 1.3333333333vmin;
  top: 1.3333333333vmin;
  width: 16vmin;
  height: 16vmin
}

.mobile-app .index-goal .winner-list-wrapper .winner-block .winner-article {
  padding: 3.2vmin 0;
  font-size: 3.7333333333vmin;
  line-height: normal;
  border: .8vmin solid #5ef;
  border-radius: 1.3333333333vmin
}

.mobile-app .index-goal .winner-list-wrapper .winner-block .winner-article .winner-grid>li {
  display: block;
  padding-left: 26.6666666667vmin;
  padding-right: 0;
  width: 100%;
  text-align: left
}

.mobile-app .index-goal .winner-list-wrapper .winner-block .winner-article .winner-grid>li:last-child span:not(.win-total) {
  margin: 0
}

.mobile-app .index-goal .winner-list-wrapper .winner-block .winner-article .winner-grid>li span {
  margin: 0 1.3333333333vmin
}

@media only screen and (min-width:768px) {
  .mobile-app .index-goal {
    padding: 9.3333333333vmin 0 0
  }

  .mobile-app .index-goal .trophy {
    top: 4vmin;
    width: 36vmin;
    height: 14.6666666667vmin
  }

  .mobile-app .index-goal .index-goal-content {
    padding: 11.3333333333vmin 1.3333333333vmin 0;
    border: .6666666667vmin solid #cff;
    -webkit-box-shadow: 0 0 2.6666666667vmin .1333333333vmin #0cf, inset 0 0 2.6666666667vmin 0 #0ce;
    box-shadow: 0 0 2.6666666667vmin .1333333333vmin #0cf, inset 0 0 2.6666666667vmin 0 #0ce
  }

  .mobile-app .index-goal .index-ranking-wrapper {
    margin-bottom: 2.6666666667vmin;
    padding-bottom: 2.6666666667vmin
  }

  .mobile-app .index-goal .index-ranking-wrapper:after {
    bottom: -.4vmin;
    height: .4vmin
  }

  .mobile-app .index-goal .index-ranking-wrapper .today-icon {
    margin-bottom: 3.3333333333vmin;
    width: 14.6666666667vmin
  }

  .mobile-app .index-goal .index-ranking-wrapper .today-icon img {
    width: 14.6666666667vmin;
    height: 5.3333333333vmin
  }

  .mobile-app .index-goal .index-ranking-wrapper .today-icon p {
    font-size: 2.1333333333vmin
  }

  .mobile-app .index-goal .index-ranking-wrapper .ranking-grid>li .ranking-img {
    width: 9.3333333333vmin;
    height: 9.3333333333vmin;
    top: -.6666666667vmin
  }

  .mobile-app .index-goal .index-ranking-wrapper .ranking-grid>li .ranking-img .game-img img {
    height: 9.3333333333vmin
  }

  .mobile-app .index-goal .index-ranking-wrapper .ranking-grid>li ul {
    height: 8vmin
  }

  .mobile-app .index-goal .index-ranking-wrapper .ranking-grid>li .no-winner {
    margin-left: 10.2666666667vmin;
    line-height: 6.6666666667vmin;
    font-size: 2.4vmin
  }

  .mobile-app .index-goal .index-ranking-wrapper .ranking-grid>li.dragon .winner, .mobile-app .index-goal .index-ranking-wrapper .ranking-grid>li.tiger .winner {
    padding-left: 10vmin
  }

  .mobile-app .index-goal .index-ranking-wrapper .ranking-grid>li.dragon .winner .player, .mobile-app .index-goal .index-ranking-wrapper .ranking-grid>li.dragon .winner .score, .mobile-app .index-goal .index-ranking-wrapper .ranking-grid>li.tiger .winner .player, .mobile-app .index-goal .index-ranking-wrapper .ranking-grid>li.tiger .winner .score {
    font-size: 2.1333333333vmin;
    line-height: 3.7333333333vmin
  }

  .mobile-app .index-goal .index-ranking-wrapper .ranking-grid>li.dragon {
    margin-bottom: 2.6666666667vmin
  }

  .mobile-app .index-goal .winner-list-wrapper {
    padding-bottom: 2.6666666667vmin
  }

  .mobile-app .index-goal .winner-list-wrapper .index-title {
    margin-bottom: 1.3333333333vmin;
    font-size: 2.1333333333vmin
  }

  .mobile-app .index-goal .winner-list-wrapper .index-title span {
    margin-left: .6666666667vmin
  }

  .mobile-app .index-goal .winner-list-wrapper .win-news-scroll>ul {
    height: 41.3333333333vmin
  }

  .mobile-app .index-goal .winner-list-wrapper .winner-block {
    padding: .6666666667vmin 0
  }

  .mobile-app .index-goal .winner-list-wrapper .winner-block .winner-img {
    width: 9.3333333333vmin;
    height: 9.3333333333vmin;
    top: .6666666667vmin;
    left: 1.3333333333vmin;
    padding: .8vmin;
    -webkit-box-shadow: 0 0 .4vmin 0 #0cf;
    box-shadow: 0 0 .4vmin 0 #0cf
  }

  .mobile-app .index-goal .winner-list-wrapper .winner-block .winner-img:before {
    left: .6666666667vmin;
    top: .6666666667vmin;
    width: 8vmin;
    height: 8vmin
  }

  .mobile-app .index-goal .winner-list-wrapper .winner-block .winner-article {
    padding: 1.6vmin 0;
    font-size: 1.8666666667vmin;
    border: .4vmin solid #5ef;
    border-radius: .6666666667vmin
  }

  .mobile-app .index-goal .winner-list-wrapper .winner-block .winner-article .winner-grid>li {
    padding-left: 13.3333333333vmin
  }

  .mobile-app .index-goal .winner-list-wrapper .winner-block .winner-article .winner-grid>li span {
    margin: 0 .6666666667vmin
  }
}

.slotgame-wrapper li, .slotgame-wrapper ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  *zoom: 1
}

.slotgame-wrapper li:after, .slotgame-wrapper li:before, .slotgame-wrapper ul:after, .slotgame-wrapper ul:before {
  content: " ";
  display: table
}

.slotgame-wrapper li:after, .slotgame-wrapper ul:after {
  clear: both
}

.slotgame-wrapper .slotgame-wrapper-fluid {
  padding: 20px 80px;
  background: #0e0e0e
}

.slotgame-wrapper .slotgame-wrapper-fluid .mob-platform-bar-wrapper {
  overflow: hidden;
  position: relative;
  padding: 0 30px;
  width: 100%
}

.slotgame-wrapper .slotgame-wrapper-fluid .mob-platform-bar-wrapper .platform-wrapper .swiper-container {
  overflow: hidden
}

.slotgame-wrapper .slotgame-wrapper-fluid.style2 {
  background: #1a1a1a
}

.slotgame-wrapper .gamelist-btn-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 50px -1%
}

.slotgame-wrapper .gamelist-btn-wrapper .item {
  padding: 0 1% 2%;
  width: 20%
}

.slotgame-wrapper .index-jackpot-box {
  margin-top: 20px
}

.slotgame-wrapper .index-jackpot-box button.play-now {
  display: none
}

.slotgame-wrapper .slot-game-brand-next, .slotgame-wrapper .slot-game-brand-prev, .slotgame-wrapper .slot-game-tag-next, .slotgame-wrapper .slot-game-tag-prev {
  width: 20px;
  height: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  z-index: 1;
  opacity: 1;
  background: transparent;
  background-size: contain;
  background-repeat: no-repeat;
  border: none;
  z-index: 10;
  color: transparent
}

.slotgame-wrapper .slot-game-brand-prev, .slotgame-wrapper .slot-game-tag-prev {
  background-image: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/arrow-left_9ed0270.webp);
  left: 0
}

.slotgame-wrapper .slot-game-brand-next, .slotgame-wrapper .slot-game-tag-next {
  background-image: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/arrow-right_dc0cc9d.webp);
  right: 0
}

.slotgame-wrapper .swiper-button-disabled {
  opacity: .5
}

.search-filter-wrapper {
  *zoom: 1
}

.search-filter-wrapper:after, .search-filter-wrapper:before {
  content: " ";
  display: table
}

.search-filter-wrapper:after {
  clear: both
}

.search-filter-nav {
  *zoom: 1;
  font-size: 16px
}

.search-filter-nav:after, .search-filter-nav:before {
  content: " ";
  display: table
}

.search-filter-nav:after {
  clear: both
}

.search-filter-nav .swiper-slide {
  width: auto
}

.search-filter-nav ul li {
  margin-left: 20px
}

.search-filter-nav ul li:first-child {
  margin-left: 0
}

.search-filter-nav ul li a {
  display: block;
  padding: 5px 20px;
  font-size: 18px;
  line-height: 28px;
  color: #777;
  background: #242424;
  border: 1px solid #353535;
  border-radius: 5px
}

.search-filter-nav ul li a:hover {
  color: #fff;
  background: rgba(36, 36, 36, .05);
  border: 1px solid #5ef
}

.search-filter-nav ul li.active a {
  color: #fff;
  background: rgba(17, 51, 68, .3);
  border: 1px solid #5ef;
  -webkit-box-shadow: 0 0 10px 1px #0cf, inset 0 0 15px 0 #0cf;
  box-shadow: 0 0 10px 1px #0cf, inset 0 0 15px 0 #0cf
}

.search-filter-nav ul li.input-search-wrapper {
  width: 260px;
  height: 100%;
  margin-left: 0;
  border: none
}

.search-filter-nav ul li.input-search-wrapper .input-search-detail-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.search-filter-nav ul li.input-search-wrapper input[type=text] {
  width: 220px;
  height: 40px;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  display: inline-block;
  padding-left: 15px;
  font-size: 16px;
  font-weight: 700;
  background: #dfdfdf;
  border: none;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  outline: none
}

.search-filter-nav ul li.input-search-wrapper a.search-btn {
  width: 40px;
  height: 40px;
  position: relative;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  display: inline-block;
  background: #078;
  border: 1px solid #078;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.search-filter-nav ul li.input-search-wrapper a.search-btn:hover {
  background: #242424;
  border: 1px solid #353535
}

.search-filter-nav ul li.input-search-wrapper a.search-btn i {
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 20px;
  color: #fff;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.search-filter-nav ul li.input-search-wrapper a.search-btn i:hover {
  border: none
}

.search-filter-nav .gameType-filter-wrapper {
  position: relative;
  padding: 0 30px
}

.search-filter-select {
  *zoom: 1;
  position: relative;
  margin-right: 20px;
  min-width: 150px;
  background: #333;
  border-radius: 5px;
  cursor: pointer
}

.search-filter-select:after, .search-filter-select:before {
  content: " ";
  display: table
}

.search-filter-select:after {
  clear: both
}

.search-filter-select li {
  width: 100%
}

.search-filter-select:hover .search-filter-select-option {
  display: block
}

.search-filter-select select {
  max-width: 150px;
  color: #fff;
  background: transparent;
  border: none
}

.search-filter-select select option {
  color: #000
}

.search-filter-select .search-filter-select-title {
  position: relative;
  font-size: 16px;
  line-height: 40px;
  color: #fff
}

.search-filter-select .search-filter-select-title span {
  display: inline-block;
  padding: 0 10px
}

.search-filter-select .search-filter-select-title i {
  float: right;
  position: relative;
  padding: 0 10px;
  line-height: 40px;
  color: #fd0;
  border-left: 1px solid rgba(0, 0, 0, .3)
}

.search-filter-select .search-filter-select-title i:after {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  display: block;
  width: 1px;
  height: 100%;
  background: hsla(0, 0%, 100%, .3)
}

.search-filter-select .search-filter-select-option {
  position: absolute;
  top: 38px;
  right: 0;
  z-index: 20;
  display: none;
  width: 100%;
  font-size: 14px;
  color: #999;
  background: #242424;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1)
}

.search-filter-select .search-filter-select-option li {
  margin: 0;
  cursor: pointer
}

.search-filter-select .search-filter-select-option li.active a {
  background: #333;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none
}

.search-filter-select .search-filter-select-option li a {
  border-radius: 0;
  border: 0
}

.search-filter-select .search-filter-select-option li a:hover {
  background: #333;
  border: 0
}

.gamesearch-btn {
  display: none
}

@media only screen and (max-width:1920px) {
  .search-filter-nav .gameType-filter-wrapper {
    width: 100%
  }

  .search-filter-nav .game-search-filter-wrapper, .search-filter-select {
    display: inline-block;
    margin-top: 20px
  }
}

@media only screen and (max-width:1600px) {
  .search-filter-nav ul li a {
    padding: 5px 10px
  }
}

@media only screen and (max-width:1400px) {
  .slotgame-wrapper .gamelist-btn-wrapper .item {
    width: 25%
  }
}

@media only screen and (max-width:1199px) {
  .slotgame-wrapper .slotgame-wrapper-fluid {
    padding-right: 40px;
    padding-left: 40px
  }
}

.mobile-app .slotgame-wrapper .slotgame-wrapper-fluid {
  padding: 2.6666666667vmin 0 2.6666666667vmin 2.6666666667vmin
}

.mobile-app .slotgame-wrapper .slotgame-wrapper-fluid .mob-platform-bar-wrapper {
  padding: 0
}

.mobile-app .slotgame-wrapper .gamelist-btn-wrapper {
  margin: 2.6666666667vmin -1% 0
}

.mobile-app .slotgame-wrapper .gamelist-btn-wrapper .item {
  width: 50%
}

.mobile-app .search-filter-nav {
  font-size: 4.2666666667vmin
}

.mobile-app .search-filter-nav ul li {
  margin-left: 2.6666666667vmin
}

.mobile-app .search-filter-nav ul li:first-child {
  margin-left: 0
}

.mobile-app .search-filter-nav ul li a {
  padding: 1.3333333333vmin 2.6666666667vmin;
  min-width: 26.6666666667vmin;
  font-size: 3.7333333333vmin;
  line-height: 4.8vmin;
  text-align: center;
  border: .2666666667vmin solid #353535;
  border-radius: 1.3333333333vmin
}

.mobile-app .search-filter-nav ul li a:hover {
  color: #777;
  background: #242424;
  border: .2666666667vmin solid #353535
}

.mobile-app .search-filter-nav ul li.active a {
  color: #fff;
  background: rgba(17, 51, 68, .3);
  border: .2666666667vmin solid #5ef;
  -webkit-box-shadow: 0 0 2.6666666667vmin .2666666667vmin #0cf, inset 0 0 4vmin 0 #0cf;
  box-shadow: 0 0 2.6666666667vmin .2666666667vmin #0cf, inset 0 0 4vmin 0 #0cf
}

.mobile-app .search-filter-nav .gameType-filter-wrapper {
  padding: 0;
  width: 100%
}

.mobile-app .index-jackpot-box {
  margin-top: 1.3333333333vmin
}

.mobile-app .game-search-btn-box {
  margin: 0 auto;
  padding-bottom: 2.6666666667vmin;
  background: #1a1a1a
}

.mobile-app .game-search-btn-box .gamesearch-btn {
  display: block;
  margin-left: 2.6666666667vmin;
  margin-right: 2.6666666667vmin;
  font-size: 3.7333333333vmin;
  font-weight: 700;
  line-height: 10.6666666667vmin;
  text-align: center;
  color: #fff;
  background: #2bb;
  border: none;
  border-radius: 1.3333333333vmin
}

.mobile-app .game-search-btn-box .gamesearch-btn span {
  margin-right: 1.3333333333vmin
}

.mobile-app .game-search-btn-box .gamesearch-btn i {
  top: 1.0666666667vmin;
  font-size: 4.8vmin
}

.mobile-app .slot-game-brand-next, .mobile-app .slot-game-brand-prev, .mobile-app .slot-game-tag-next, .mobile-app .slot-game-tag-prev {
  display: none
}

@media only screen and (min-width:768px) {
  .mobile-app .slotgame-wrapper .slotgame-wrapper-fluid {
    padding: 1.3333333333vmin 1.3333333333vmin 1.3333333333vmin 2.6666666667vmin
  }

  .mobile-app .slotgame-wrapper .gamelist-btn-wrapper {
    margin: 1.3333333333vmin -1% 0
  }

  .mobile-app .slotgame-wrapper .gamelist-btn-wrapper .item {
    width: 25%
  }

  .mobile-app .search-filter-nav {
    font-size: 2.1333333333vmin
  }

  .mobile-app .search-filter-nav ul li {
    margin-left: 1.3333333333vmin
  }

  .mobile-app .search-filter-nav ul li a {
    padding: .6666666667vmin 1.3333333333vmin;
    font-size: 1.8666666667vmin;
    line-height: 2.4vmin;
    border: .1333333333vmin solid #353535;
    border-radius: .6666666667vmin
  }

  .mobile-app .search-filter-nav ul li a:hover {
    border: .1333333333vmin solid #353535
  }

  .mobile-app .search-filter-nav ul li.active a {
    border: .1333333333vmin solid #5ef;
    -webkit-box-shadow: 0 0 1.3333333333vmin .1333333333vmin #0cf, inset 0 0 2vmin 0 #0cf;
    box-shadow: 0 0 1.3333333333vmin .1333333333vmin #0cf, inset 0 0 2vmin 0 #0cf
  }

  .mobile-app .index-jackpot-box {
    margin-top: .6666666667vmin
  }

  .mobile-app .game-search-btn-box {
    padding-bottom: 1.3333333333vmin
  }

  .mobile-app .game-search-btn-box .gamesearch-btn {
    margin-left: 2.6666666667vmin;
    margin-right: 2.6666666667vmin;
    font-size: 1.8666666667vmin;
    line-height: 5.3333333333vmin;
    border-radius: .6666666667vmin
  }

  .mobile-app .game-search-btn-box .gamesearch-btn span {
    margin-right: .6666666667vmin
  }

  .mobile-app .game-search-btn-box .gamesearch-btn i {
    top: .5333333333vmin;
    font-size: 2.4vmin
  }
}

.samestyle-wrapper .gametab-wrapper {
  padding: 20px 80px;
  background: #0e0e0e
}

.samestyle-wrapper .gametab-wrapper .swiper-container {
  overflow: inherit
}

.samestyle-wrapper .gametab-wrapper .swiper-slide {
  width: auto
}

.samestyle-wrapper .gametab-wrapper .gametab {
  margin: 0 10px
}

.samestyle-wrapper .gametab-wrapper .gametab:first-child {
  margin-left: 0
}

.samestyle-wrapper .gametab-wrapper .gametab a {
  display: inline-block;
  padding: 5px 20px;
  line-height: 28px;
  font-size: 18px;
  text-align: center;
  color: #888;
  background: #242424;
  border: 1px solid #353535;
  border-radius: 5px
}

.samestyle-wrapper .gametab-wrapper .gametab a:hover {
  color: #fff;
  background: rgba(36, 36, 36, .05);
  border: 1px solid #5ef
}

.samestyle-wrapper .gametab-wrapper .gametab.nav-active a {
  color: #fff;
  background: rgba(17, 51, 68, .3);
  border: 1px solid #5ef;
  -webkit-box-shadow: 0 0 10px 1px #0cf, inset 0 0 15px 0 #0cf;
  box-shadow: 0 0 10px 1px #0cf, inset 0 0 15px 0 #0cf
}

.samestyle-wrapper .gametab-wrapper .gametab.nav-active a:hover {
  background: rgba(17, 51, 68, .3)
}

.samestyle-wrapper .gametab-wrapper .gameTabIcon {
  width: 35px;
  height: 35px;
  position: relative;
  margin: 0 auto
}

.samestyle-wrapper .gametab-wrapper .gameTabIcon img {
  width: 35px;
  height: auto;
  position: absolute;
  top: 50%;
  max-width: 35px;
  max-height: 35px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.samestyle-wrapper .gametab-wrapper .gameTabIconNone {
  display: none
}

.samestyle-wrapper .gamelist-btn-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 50px -1%
}

.samestyle-wrapper .gamelist-btn-wrapper .item {
  padding: 0 1% 2%;
  width: 20%
}

.othergame-gamebranch-container {
  padding: 20px 80px;
  background: #1a1a1a
}

.loading-animate {
  margin: 0 auto;
  padding: 20px;
  width: 100vw;
  font-size: 24px;
  text-align: center;
  color: #f9d423
}

.game-banner {
  position: relative;
  padding-bottom: 13%;
  width: 100%;
  height: 0
}

.game-banner img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%
}

@media only screen and (max-width:1600px) {
  .samestyle-wrapper .gametab-wrapper .gametab a {
    padding: 5px 10px
  }
}

@media only screen and (max-width:1400px) {
  .samestyle-wrapper .gamelist-btn-wrapper .item {
    width: 25%
  }
}

@media only screen and (max-width:1199px) {
  .othergame-gamebranch-container, .samestyle-wrapper .gametab-wrapper {
    padding-left: 40px;
    padding-right: 40px
  }
}

.mobile-app .samestyle-wrapper .gametab-wrapper {
  padding: 2.6666666667vmin 0 2.6666666667vmin 2.6666666667vmin
}

.mobile-app .samestyle-wrapper .gametab-wrapper .gametab {
  margin: 0 1.3333333333vmin
}

.mobile-app .samestyle-wrapper .gametab-wrapper .gametab:first-child {
  margin-left: 0
}

.mobile-app .samestyle-wrapper .gametab-wrapper .gametab a {
  padding: 1.3333333333vmin 2.6666666667vmin;
  line-height: normal;
  font-size: 3.7333333333vmin;
  border: .2666666667vmin solid #353535;
  border-radius: 1.3333333333vmin
}

.mobile-app .samestyle-wrapper .gametab-wrapper .gametab a:hover {
  color: #888;
  background: #242424
}

.mobile-app .samestyle-wrapper .gametab-wrapper .gametab a span {
  display: inline-block;
  line-height: 4.8vmin
}

.mobile-app .samestyle-wrapper .gametab-wrapper .gametab.nav-active a {
  color: #fff;
  background: rgba(17, 51, 68, .3);
  border: .2666666667vmin solid #5ef;
  -webkit-box-shadow: 0 0 2.6666666667vmin .2666666667vmin #0cf, inset 0 0 4vmin 0 #0cf;
  box-shadow: 0 0 2.6666666667vmin .2666666667vmin #0cf, inset 0 0 4vmin 0 #0cf
}

.mobile-app .samestyle-wrapper .gametab-wrapper .gameTabIcon {
  width: 9.3333333333vmin;
  height: 9.3333333333vmin;
  margin-bottom: 0
}

.mobile-app .samestyle-wrapper .gametab-wrapper .gameTabIcon img {
  width: 9.3333333333vmin;
  height: auto;
  max-width: 9.3333333333vmin;
  max-height: 9.3333333333vmin
}

.mobile-app .samestyle-wrapper .gamelist-btn-wrapper {
  margin: 2.6666666667vmin -1% 0
}

.mobile-app .samestyle-wrapper .gamelist-btn-wrapper .item {
  width: 50%
}

.mobile-app .othergame-gamebranch-container {
  padding: 2.6666666667vmin 0 2.6666666667vmin 2.6666666667vmin
}

.mobile-app .loading-animate {
  padding: 5.3333333333vmin;
  font-size: 6.4vmin
}

.mobile-app .game-banner {
  padding-bottom: 33.33%
}

@media only screen and (min-width:768px) {
  .mobile-app .samestyle-wrapper .gametab-wrapper {
    padding: 1.3333333333vmin 1.3333333333vmin 1.3333333333vmin 2.6666666667vmin
  }

  .mobile-app .samestyle-wrapper .gametab-wrapper .gametab {
    margin: 0 .6666666667vmin
  }

  .mobile-app .samestyle-wrapper .gametab-wrapper .gametab a {
    padding: .6666666667vmin 1.3333333333vmin;
    font-size: 1.8666666667vmin;
    border: .1333333333vmin solid #353535;
    border-radius: .6666666667vmin
  }

  .mobile-app .samestyle-wrapper .gametab-wrapper .gametab a span {
    line-height: 2.4vmin
  }

  .mobile-app .samestyle-wrapper .gametab-wrapper .gametab.nav-active a {
    color: #fff;
    background: rgba(17, 51, 68, .3);
    border: .1333333333vmin solid #5ef;
    -webkit-box-shadow: 0 0 1.3333333333vmin .1333333333vmin #0cf, inset 0 0 2vmin 0 #0cf;
    box-shadow: 0 0 1.3333333333vmin .1333333333vmin #0cf, inset 0 0 2vmin 0 #0cf
  }

  .mobile-app .samestyle-wrapper .gametab-wrapper .gameTabIcon {
    width: 4.6666666667vmin;
    height: 4.6666666667vmin
  }

  .mobile-app .samestyle-wrapper .gametab-wrapper .gameTabIcon img {
    width: 4.6666666667vmin;
    height: auto;
    max-width: 4.6666666667vmin;
    max-height: 4.6666666667vmin
  }

  .mobile-app .samestyle-wrapper .gamelist-btn-wrapper {
    margin: 1.3333333333vmin -1% 0
  }

  .mobile-app .samestyle-wrapper .gamelist-btn-wrapper .item {
    width: 25%
  }

  .mobile-app .othergame-gamebranch-container {
    padding: 1.3333333333vmin 1.3333333333vmin 1.3333333333vmin 2.6666666667vmin
  }

  .mobile-app .loading-animate {
    padding: 2.6666666667vmin;
    font-size: 3.4666666667vmin
  }

  .mobile-app .game-banner {
    padding-bottom: 16.66%
  }
}

#promotion ul {
  margin: 0;
  padding: 0;
  list-style-type: none
}

#promotion .promo-menu {
  padding: 10px 80px;
  width: 100%;
  background: #0e0e0e
}

#promotion .promo-menu .web_view {
  overflow: hidden;
  position: relative
}

#promotion .promo-menu .promo-button-next, #promotion .promo-menu .promo-button-prev {
  width: 20px;
  height: 30px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  z-index: 1;
  opacity: .5;
  z-index: 10;
  color: transparent;
  background: transparent;
  background-size: contain;
  background-repeat: no-repeat;
  border: none;
  position: absolute
}

#promotion .promo-menu .promo-button-next:hover, #promotion .promo-menu .promo-button-prev:hover {
  opacity: 1
}

#promotion .promo-menu .promo-button-next:before, #promotion .promo-menu .promo-button-prev:before {
  display: none
}

#promotion .promo-menu .promo-button-prev {
  background-image: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/arrow-left_9ed0270.webp);
  left: 5px;
  top: 34px
}

#promotion .promo-menu .promo-button-next {
  background-image: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/arrow-right_dc0cc9d.webp);
  right: 5px;
  top: 34px
}

#promotion .promo-menu .swiper-button-disabled {
  opacity: .5;
  cursor: not-allowed
}

#promotion .promo-menu .swiper-button-disabled:hover {
  opacity: .5
}

#promotion .promo-menu .swiper-container {
  overflow: inherit;
  padding: 10px;
  width: 96%
}

#promotion .promo-menu .swiper-container .swiper-wrapper .swiper-slide {
  width: auto
}

#promotion .promo-menu .swiper-container .swiper-wrapper .swiper-slide:first-child a {
  margin-left: 0
}

#promotion .promo-menu .swiper-container .swiper-wrapper .swiper-slide a {
  position: relative;
  display: block;
  margin: 0 10px;
  padding: 0 30px;
  font-size: 18px;
  line-height: 40px;
  color: #888;
  background: #242424;
  border: 1px solid #353535;
  border-radius: 5px
}

#promotion .promo-menu .swiper-container .swiper-wrapper .swiper-slide a:hover {
  color: #fff;
  background: rgba(36, 36, 36, .05);
  border: 1px solid #5ef
}

#promotion .promo-menu .swiper-container .swiper-wrapper .swiper-slide a.active, #promotion .promo-menu .swiper-container .swiper-wrapper .swiper-slide a:active {
  color: #fff;
  background: rgba(17, 51, 68, .3);
  border: 1px solid #5ef;
  -webkit-box-shadow: 0 0 10px 1px #0cf, inset 0 0 15px 0 #0cf;
  box-shadow: 0 0 10px 1px #0cf, inset 0 0 15px 0 #0cf
}

#promotion .promo-menu .swiper-container .swiper-wrapper .swiper-slide a.active:hover, #promotion .promo-menu .swiper-container .swiper-wrapper .swiper-slide a:active:hover {
  background: rgba(17, 51, 68, .3)
}

#promotion .promo-list {
  margin: 50px 0
}

#promotion .promo-list>li:not(:last-child) {
  margin-bottom: 50px
}

#promotion .promo-list .promo-list-block {
  *zoom: 1;
  position: relative;
  padding: 20px;
  background: #060606;
  border: 3px solid #078;
  border-radius: 5px;
  -webkit-transition: all .4s linear;
  transition: all .4s linear
}

#promotion .promo-list .promo-list-block:after, #promotion .promo-list .promo-list-block:before {
  content: " ";
  display: table
}

#promotion .promo-list .promo-list-block:after {
  clear: both
}

#promotion .promo-list .promo-list-block.new-promo:after {
  width: 100px;
  height: 100px;
  content: "";
  position: absolute;
  top: -3px;
  left: -3px;
  z-index: 10;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/new_a86928f.webp) 50%/contain no-repeat;
  background-size: contain;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

#promotion .promo-list .promo-list-block:hover {
  border: 3px solid #5ef;
  -webkit-box-shadow: 0 0 20px 1px #0cf, inset 0 0 20px 0 #0cf;
  box-shadow: 0 0 20px 1px #0cf, inset 0 0 20px 0 #0cf;
  -webkit-transition: all .4s linear;
  transition: all .4s linear;
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px)
}

#promotion .promo-list .promo-list-block .promo-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-line-pack: stretch;
  align-content: stretch
}

#promotion .promo-list .promo-list-block .promo-grid>li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 41.66667%
}

#promotion .promo-list .promo-list-block .promo-grid>li:first-child {
  width: 58.33333%
}

#promotion .promo-list .promo-list-block .promo-grid>li:last-child {
  width: 41.66667%
}

#promotion .promo-list .promo-list-block .promo-grid .promo-banner {
  width: 100%;
  padding-bottom: 27.6%;
  height: 0;
  overflow: hidden;
  position: relative
}

#promotion .promo-list .promo-list-block .promo-grid .promo-banner img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block
}

#promotion .promo-list .promo-list-block .promo-grid .promo-banner.comingSoon, #promotion .promo-list .promo-list-block .promo-grid .promo-banner.expired {
  position: relative
}

#promotion .promo-list .promo-list-block .promo-grid .promo-banner.comingSoon:before, #promotion .promo-list .promo-list-block .promo-grid .promo-banner.expired:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, .6);
  z-index: 1
}

#promotion .promo-list .promo-list-block .promo-grid .promo-banner.comingSoon:after, #promotion .promo-list .promo-list-block .promo-grid .promo-banner.expired:after {
  content: "";
  position: absolute;
  top: 10%;
  bottom: 10%;
  left: 0;
  right: 0;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/expired_b7e368d.webp) no-repeat 50%;
  background-size: contain;
  z-index: 1
}

#promotion .promo-list .promo-list-block .promo-grid .promo-banner.comingSoon img, #promotion .promo-list .promo-list-block .promo-grid .promo-banner.expired img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%)
}

#promotion .promo-list .promo-list-block .promo-grid .promo-banner.comingSoon:after {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/coming-soon_791b4c3.webp) no-repeat 50%;
  background-size: contain
}

#promotion .promo-list .promo-list-block .promo-grid .promo-content {
  padding: 0 0 50px 20px
}

#promotion .promo-list .promo-list-block .promo-grid .promo-content .promo-title {
  margin: 0 0 20px;
  font-size: 32px;
  line-height: 1.3
}

#promotion .promo-list .promo-list-block .promo-grid .promo-content .promo-title a {
  color: #fd0
}

#promotion .promo-list .promo-list-block .promo-grid .promo-content .promo-detail p {
  word-break: break-all
}

#promotion .promo-list .promo-list-block .promo-grid .promo-content .promo-detail p b {
  color: #fff
}

#promotion .promo-list .promo-list-block .promo-grid .promo-content .promo-detail p b:after {
  content: "："
}

#promotion .promo-list .promo-list-block .promo-grid .promo-content .promo-detail p span {
  color: #fff
}

#promotion .promo-list .promo-list-block .promo-grid .promo-content .promo-detail p span:not(:last-child):after {
  content: ","
}

#promotion .promo-list .promo-list-block .promo-grid .promo-btn {
  *zoom: 1;
  position: absolute;
  right: 20px;
  bottom: 20px;
  z-index: 10;
  width: 15%
}

#promotion .promo-list .promo-list-block .promo-grid .promo-btn:after, #promotion .promo-list .promo-list-block .promo-grid .promo-btn:before {
  content: " ";
  display: table
}

#promotion .promo-list .promo-list-block .promo-grid .promo-btn:after {
  clear: both
}

#promotion .promo-list .promo-list-block .promo-grid .promo-btn a {
  display: block;
  padding: 5px 10px;
  font-weight: 600;
  line-height: 30px;
  text-align: center;
  color: #000;
  background: #5ef;
  border-radius: 5px
}

@media only screen and (max-width:1600px) {
  #promotion .promo-menu ul li a {
    padding: 5px 10px
  }
}

@media only screen and (max-width:1500px) {
  #promotion .promo-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 50px -1%
  }

  #promotion .promo-list>li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 1% 2%;
    width: 50%
  }

  #promotion .promo-list>li:not(:last-child) {
    margin-bottom: 0
  }

  #promotion .promo-list .promo-list-block {
    padding: 10px;
    width: 100%
  }

  #promotion .promo-list .promo-list-block.new-promo:after {
    width: 70px;
    height: 70px
  }

  #promotion .promo-list .promo-list-block .promo-grid {
    *zoom: 1
  }

  #promotion .promo-list .promo-list-block .promo-grid:after, #promotion .promo-list .promo-list-block .promo-grid:before {
    content: " ";
    display: table
  }

  #promotion .promo-list .promo-list-block .promo-grid:after {
    clear: both
  }

  #promotion .promo-list .promo-list-block .promo-grid>li {
    width: 100%
  }

  #promotion .promo-list .promo-list-block .promo-grid>li:first-child, #promotion .promo-list .promo-list-block .promo-grid>li:last-child {
    position: relative;
    width: 100%
  }

  #promotion .promo-list .promo-list-block .promo-grid .promo-content {
    padding: 10px 0 50px
  }

  #promotion .promo-list .promo-list-block .promo-grid .promo-content .promo-title {
    margin-bottom: 10px
  }

  #promotion .promo-list .promo-list-block .promo-grid .promo-btn {
    width: 96%;
    left: 2%;
    right: 2%;
    bottom: 10px
  }

  #promotion .promo-list.history .promo-list-block .promo-grid .promo-content {
    padding: 10px 0
  }
}

@media only screen and (max-width:1199px) {
  #promotion .promo-menu {
    padding-left: 40px;
    padding-right: 40px
  }
}

.mobile-app #promotion .promo-menu {
  padding: 2.6666666667vmin 0 2.6666666667vmin 2.6666666667vmin
}

.mobile-app #promotion .promo-menu .mob_view .swiper-container {
  overflow: inherit;
  padding: 0
}

.mobile-app #promotion .promo-menu .mob_view .swiper-slide {
  display: inline-block;
  width: auto
}

.mobile-app #promotion .promo-menu .mob_view .swiper-slide:first-child {
  margin-left: 0
}

.mobile-app #promotion .promo-menu .mob_view .swiper-slide a {
  display: inline-block;
  padding: 1.3333333333vmin 2.6666666667vmin;
  font-size: 3.7333333333vmin;
  line-height: 7.4666666667vmin;
  color: #888;
  background: #242424;
  border: .2666666667vmin solid #353535;
  border-radius: 1.3333333333vmin;
  margin: 0 5px
}

.mobile-app #promotion .promo-menu .mob_view .swiper-slide a.active {
  color: #fff;
  background: rgba(17, 51, 68, .3);
  border: .2666666667vmin solid #5ef;
  -webkit-box-shadow: 0 0 2.6666666667vmin .2666666667vmin #0cf, inset 0 0 4vmin 0 #0cf;
  box-shadow: 0 0 2.6666666667vmin .2666666667vmin #0cf, inset 0 0 4vmin 0 #0cf
}

.mobile-app #promotion .promo-menu .mob_view .swiper-slide a.active:hover {
  background: rgba(17, 51, 68, .3)
}

.mobile-app #promotion .promo-list {
  margin: 2.6666666667vmin 0 0
}

.mobile-app #promotion .promo-list>li {
  width: 100%;
  display: inline-block
}

.mobile-app #promotion .promo-list>li:not(:last-child) {
  margin-bottom: 2.6666666667vmin
}

.mobile-app #promotion .promo-list .promo-list-block {
  padding: 2.6666666667vmin;
  border: .8vmin solid #078;
  border-radius: 1.3333333333vmin
}

.mobile-app #promotion .promo-list .promo-list-block:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: none;
  transition: none;
  -webkit-transform: none;
  transform: none
}

.mobile-app #promotion .promo-list .promo-list-block .promo-grid>li {
  width: 100%
}

.mobile-app #promotion .promo-list .promo-list-block .promo-grid .promo-banner {
  padding-bottom: 64.29%
}

.mobile-app #promotion .promo-list .promo-list-block .promo-grid .promo-banner img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block
}

.mobile-app #promotion .promo-list .promo-list-block .promo-grid .promo-content {
  padding: 2.6666666667vmin 0 10.6666666667vmin
}

.mobile-app #promotion .promo-list .promo-list-block .promo-grid .promo-content .promo-title {
  margin: 0 0 2.6666666667vmin;
  font-size: 5.3333333333vmin;
  line-height: normal
}

.mobile-app #promotion .promo-list .promo-list-block .promo-grid .promo-content .promo-detail p {
  margin: 0 0 2.6666666667vmin;
  font-size: 3.7333333333vmin
}

.mobile-app #promotion .promo-list .promo-list-block .promo-grid .promo-content .promo-detail p:first-child {
  display: none
}

.mobile-app #promotion .promo-list .promo-list-block .promo-grid .promo-btn a {
  padding: 1.3333333333vmin 2.6666666667vmin;
  font-size: 3.7333333333vmin;
  line-height: 8vmin;
  border-radius: .8vmin;
  -webkit-box-shadow: none;
  box-shadow: none
}

.mobile-app #promotion .promo-list.history .promo-list-block .promo-grid .promo-content {
  padding: 2.6666666667vmin 0
}

@media only screen and (min-width:768px) {
  .mobile-app #promotion .promo-menu {
    padding: 1.3333333333vmin 1.3333333333vmin 1.3333333333vmin 2.6666666667vmin
  }

  .mobile-app #promotion .promo-menu .mob_view .swiper-slide {
    margin: 0 .6666666667vmin
  }

  .mobile-app #promotion .promo-menu .mob_view .swiper-slide a {
    padding: .6666666667vmin 1.3333333333vmin;
    font-size: 1.8666666667vmin;
    line-height: 3.7333333333vmin;
    border: .1333333333vmin solid #353535;
    border-radius: .6666666667vmin
  }

  .mobile-app #promotion .promo-menu .mob_view .swiper-slide a.active {
    border: .1333333333vmin solid #5ef;
    -webkit-box-shadow: 0 0 1.3333333333vmin .1333333333vmin #0cf, inset 0 0 2vmin 0 #0cf;
    box-shadow: 0 0 1.3333333333vmin .1333333333vmin #0cf, inset 0 0 2vmin 0 #0cf
  }

  .mobile-app #promotion .promo-list {
    margin: 1.3333333333vmin -1% 0
  }

  .mobile-app #promotion .promo-list>li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0 1% 2%;
    width: 50%
  }

  .mobile-app #promotion .promo-list>li:not(:last-child) {
    margin-bottom: 0
  }

  .mobile-app #promotion .promo-list .promo-list-block {
    padding: 1.3333333333vmin;
    border: .4vmin solid #078;
    border-radius: .6666666667vmin
  }

  .mobile-app #promotion .promo-list .promo-list-block .promo-grid>li {
    width: 100%
  }

  .mobile-app #promotion .promo-list .promo-list-block .promo-grid .promo-banner {
    width: 100%;
    height: auto
  }

  .mobile-app #promotion .promo-list .promo-list-block .promo-grid .promo-banner img {
    width: 100%;
    height: 100%
  }

  .mobile-app #promotion .promo-list .promo-list-block .promo-grid .promo-content {
    padding: 1.3333333333vmin 0 5.3333333333vmin
  }

  .mobile-app #promotion .promo-list .promo-list-block .promo-grid .promo-content .promo-title {
    margin: 0 0 1.3333333333vmin;
    font-size: 2.6666666667vmin
  }

  .mobile-app #promotion .promo-list .promo-list-block .promo-grid .promo-content .promo-detail p {
    margin: 0 0 1.3333333333vmin;
    font-size: 1.8666666667vmin
  }

  .mobile-app #promotion .promo-list .promo-list-block .promo-grid .promo-btn a {
    padding: .6666666667vmin 1.3333333333vmin;
    font-size: 1.8666666667vmin;
    line-height: 4vmin;
    border-radius: .4vmin
  }

  .mobile-app #promotion .promo-list.history .promo-list-block .promo-grid .promo-content {
    padding: 1.3333333333vmin 0
  }
}

.rankinglist {
  padding-bottom: 50px
}

.rank-tab-wrapper {
  padding: 0 25%;
  background: rgba(17, 17, 17, .5);
  height: 70px;
  text-align: center
}

.rank-tab-wrapper a {
  display: inline-block;
  padding: 10px 0;
  width: 50%;
  height: 100%;
  position: relative;
  font-size: 35px;
  font-weight: 700;
  color: #000;
  cursor: pointer;
  text-shadow: 0 0 2px #ffc107, 0 0 2px #ffc107;
  text-decoration: none
}

.rank-tab-dragon.rank-tab--active {
  background: #890c52;
  border-right: 1px solid #890c52;
  border-left: 1px solid #890c52;
  color: #ffc107;
  text-shadow: 1px 1px 0 #000;
  text-decoration: none
}

.rank-tab-dragon.rank-tab--active:after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  border-color: #890c52 transparent transparent;
  border-style: solid;
  border-width: 20px 25px 0;
  margin: auto;
  position: absolute;
  right: 0;
  left: 0
}

.rank-tab-tiger.rank-tab--active {
  background: #10448c;
  color: #ffc107;
  text-shadow: 1px 1px 0 #000;
  text-decoration: none
}

.rank-tab-tiger.rank-tab--active:after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  border-color: #10448c transparent transparent;
  border-style: solid;
  border-width: 20px 25px 0;
  margin: auto;
  position: absolute;
  right: 0;
  left: 0
}

.rank-nav {
  background: rgba(0, 0, 0, .5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-radius: 5px;
  margin: 20px auto;
  padding: 5px;
  width: 50%;
  min-width: 505px;
  text-align: center
}

.rank-nav li {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  border-radius: 5px;
  background: #1b1b1b;
  margin-right: 5px;
  line-height: 30px;
  list-style: none
}

.rank-nav li:last-child {
  margin-right: 0
}

.rank-nav li a {
  display: block;
  padding: 5px;
  min-width: 120px;
  cursor: pointer;
  color: #fff;
  line-height: 1.5
}

.dragon .rank-nav li.rank-nav--active {
  background: #890c52
}

.tiger .rank-nav li.rank-nav--active {
  background: #10448c
}

@media only screen and (min-width:768px) and (min-device-width:1440px) {
  .dragon .rank-nav li:hover {
    background: #890c52
  }

  .tiger .rank-nav li:hover {
    background: #10448c
  }
}

.rank-section {
  width: 100%;
  height: 100%;
  *zoom: 1;
  position: relative
}

.rank-section:after, .rank-section:before {
  content: " ";
  display: table
}

.rank-section:after {
  clear: both
}

.rank-box {
  width: 100%;
  height: 90px;
  margin: 0 auto 10px;
  background: #fff;
  border-radius: 5px;
  border: 2px solid #9e9e9e;
  overflow: hidden;
  position: relative;
  text-align: right;
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.rank-box .rank-box-icon {
  width: 50%;
  height: 100%;
  display: inline-block;
  position: relative;
  z-index: 10;
  overflow: hidden
}

.rank-box .rank-box-icon img {
  width: 100%;
  height: 100%
}

.rank-box .rank-box-info {
  width: 50%;
  height: 100%;
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 1px solid #9e9e9e;
  max-height: 90px;
  position: relative;
  vertical-align: top
}

.rank-box .rank-box-info li {
  width: 100%;
  height: 30px;
  background: #fff;
  list-style-type: none;
  padding-top: 3px;
  color: #000
}

.rank-box .rank-box-info li.rank-box-date, .rank-box .rank-box-info li.rank-box-score {
  font-weight: 700
}

.rank-box .rank-box-info li.rank-box-account {
  border-top: 1px solid rgba(0, 0, 0, .5);
  border-bottom: 1px solid rgba(0, 0, 0, .5)
}

.rank-box.crown:after {
  content: "";
  width: 40px;
  height: 40px;
  display: block;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/crown_58b805d.webp) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 1px;
  left: 1px;
  z-index: 10
}

.rank-box.no-result {
  background-size: cover;
  height: 90px;
  text-align: center
}

.rank-box.no-result .rank-box-icon, .rank-box.no-result ul {
  visibility: hidden
}

.rank-box.no-result p {
  margin: 0;
  padding: 0;
  position: relative;
  top: 50%;
  color: #fff;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.dragon .rank-box.no-result {
  background-image: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/star-bg-animation_987ca6b.webp), url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/dragon-plate_3657910.webp)
}

.dragon .rank-box.no-result, .tiger .rank-box.no-result {
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover
}

.tiger .rank-box.no-result {
  background-image: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/star-bg-animation_987ca6b.webp), url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/tiger-plate_a32a222.webp)
}

.day-winner .rank-box:last-child {
  margin-bottom: 0
}

.rank-frame {
  *zoom: 1;
  margin: 0 .25%;
  float: left;
  width: 19.5%;
  position: relative
}

.rank-frame:after, .rank-frame:before {
  content: " ";
  display: table
}

.rank-frame:after {
  clear: both
}

.rank-frame:last-child {
  clear: right
}

.rank-todayBg {
  background: #fff;
  border: 6px solid #9e9e9e;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 0 1px #000 inset;
  box-shadow: inset 0 0 0 1px #000
}

.rank-current {
  width: 100%;
  height: 25%;
  clear: right;
  padding: 10px 5px;
  max-height: 241px;
  overflow: hidden;
  text-align: center
}

.rank-current h3 {
  margin: 10px auto 20px;
  color: #fff099;
  text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 2px #000;
  letter-spacing: 2px;
  font-size: 36px;
  font-weight: 400;
  white-space: normal
}

.rank-current .rank-current-list {
  padding: 0;
  margin-bottom: 0;
  height: 150px;
  position: relative;
  overflow: hidden
}

.rank-current p {
  color: #000;
  font-weight: 600
}

.rank-current p span {
  color: #a00
}

.today-rank {
  width: 100%;
  height: 75%;
  margin-top: 15px;
  padding: 0 5px;
  clear: right;
  text-align: center;
  overflow: hidden
}

.today-rank .today-rank-title {
  width: 100%;
  height: auto;
  margin: 15px auto;
  padding: 0;
  max-width: 200px
}

.today-rank .today-rank-title img {
  width: 100%;
  height: auto
}

.today-rank .today-rank-player-wrapper {
  *zoom: 1;
  width: 100%;
  position: relative
}

.today-rank .today-rank-player-wrapper:after, .today-rank .today-rank-player-wrapper:before {
  content: " ";
  display: table
}

.today-rank .today-rank-player-wrapper:after {
  clear: both
}

.today-rank-player.no-result {
  color: #fff
}

.rank-lastchamp-title {
  margin: auto;
  position: relative
}

.rank-lastchamp-title h3 {
  margin: 10px auto 20px;
  color: #fff099;
  text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 2px #000;
  letter-spacing: 2px;
  font-size: 36px;
  font-weight: 400;
  white-space: nowrap
}

.rank-lastchamp-title img {
  padding: 25px 0;
  width: 80%;
  height: auto;
  max-width: 150px
}

.rank-lastchamp {
  border: 6px solid #9e9e9e;
  border-radius: 5px;
  background: #fff;
  overflow: hidden;
  -webkit-box-shadow: 0 0 0 1px #000 inset;
  box-shadow: inset 0 0 0 1px #000;
  padding: 5% 5px;
  height: 870px;
  text-align: center
}

.rank-lastchamp:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 5px;
  height: 100%
}

.rank-lastchamp-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  position: relative;
  overflow: hidden
}

.rank-lastchamp-list li {
  padding: 0 10px;
  color: #000;
  font-weight: 600
}

.rank-lastchamp-list li span {
  color: #a00
}

.rank-week-wrapper {
  padding: 10px;
  margin-bottom: 10px;
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.rank-week-winner, .rank-week-wrapper {
  background: rgba(0, 0, 0, .5);
  border-radius: 5px
}

.rank-week-winner {
  padding: 2px;
  text-align: center
}

.rank-week-winner h3 {
  color: #ffc107;
  text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 2px #000;
  letter-spacing: 1px;
  font-size: 24px;
  font-weight: unset;
  white-space: nowrap;
  margin: 5px auto;
  font-weight: 700
}

@media screen and (max-width:1600px) {
  .rank-week-winner h3 {
    font-size: 14pt
  }
}

.rank-week-winner .rank-box {
  border: none;
  margin: 0;
  padding: 0
}

.rank-week-winner .rank-box .rank-box-info {
  background: #ffe866
}

.rank-week-winner .rank-box .rank-box-info li {
  background: transparent
}

.day-winner-section {
  background: rgba(0, 0, 0, .5);
  padding: 10px;
  border-radius: 5px
}

a.champion-open-button, a.rank-box-open-button {
  display: none
}

.rank-slide {
  max-height: 2000px;
  display: block;
  overflow: hidden
}

.rank-slide-enter-active, .rank-slide-leave-active {
  -webkit-transition: max-height .5s ease;
  transition: max-height .5s ease
}

.rank-slide-enter, .rank-slide-leave-to {
  max-height: 0
}

@media only screen and (max-width:1366px) {
  .today-rank {
    padding: 20px 10px
  }

  .today-rank-player {
    display: inline-block;
    margin: 1%;
    vertical-align: top;
    width: 48%;
    max-width: 300px
  }
}

@media only screen and (min-width:988px) and (max-width:1366px) {
  .rank-frame {
    float: left;
    width: 24%;
    margin: .5%
  }

  .rank-frame:first-child {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-bottom: 5px;
    -ms-flex-item-align: center;
    align-self: center;
    width: 100%
  }

  .rank-frame:last-child {
    clear: none
  }

  .rank-frame.rank-lastchamp {
    width: 50%;
    height: 200px;
    padding: 5px;
    margin: 0 25%;
    overflow: hidden;
    text-align: left
  }

  .rank-frame.rank-lastchamp .rank-slide {
    width: 50%
  }

  .rank-frame .rank-lastchamp-title {
    display: inline-block;
    float: none;
    margin-left: 0;
    width: 50%;
    text-align: center
  }

  .rank-frame .rank-lastchamp-title h3 {
    font-size: 28px
  }

  .rank-frame .rank-lastchamp-title img {
    width: 100px;
    padding: 0
  }

  .rank-frame .rank-lastchamp-list {
    font-weight: 600;
    text-align: center
  }

  .rank-frame .rank-lastchamp-list p {
    margin: 0
  }

  .rank-week-wrapper {
    padding: 5px
  }

  .day-winner-section {
    padding: 3px
  }

  .rank-box.no-result {
    min-height: 90px
  }

  .rank-current {
    width: 30%;
    height: auto;
    float: left;
    padding: 0 5px;
    margin-bottom: 0;
    max-height: none
  }

  .rank-current h3 {
    margin: 20px auto 10px;
    font-size: 22px
  }

  .today-rank {
    width: 78%;
    height: auto;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-item-align: center;
    align-self: center;
    margin: 0 1%;
    padding: 1% .5%
  }

  .today-rank .today-rank-title {
    *zoom: 1;
    width: 29%;
    height: auto;
    padding-top: 2.5%;
    margin: 0 auto;
    position: relative;
    vertical-align: top
  }

  .today-rank .today-rank-title:after, .today-rank .today-rank-title:before {
    content: " ";
    display: table
  }

  .today-rank .today-rank-title:after {
    clear: both
  }

  .champion-open-button {
    display: none
  }
}

@media (min-width:988px) {
  .rank-slide {
    display: block !important
  }
}

@media (max-width:988px) {
  .rank-section {
    padding: 0 10%
  }

  .rank-frame {
    float: none;
    width: 100%
  }

  .rank-winlist {
    margin-bottom: 0;
    height: 50px
  }

  .rank-current {
    padding: 5px;
    margin: 10px auto;
    width: 50%;
    min-width: 290px
  }

  .today-rank {
    width: 100%
  }

  .rank-week-wrapper {
    padding: 2px;
    margin: 20px auto 10px;
    background: rgba(0, 0, 0, .5);
    width: 50%
  }

  .rank-lastchamp {
    width: 50%;
    height: auto;
    margin: 0 auto;
    padding: 5px;
    min-height: 210px;
    min-width: 300px;
    overflow: hidden
  }

  .rank-lastchamp h3 {
    padding: 10px 0;
    font-size: 36px
  }

  .rank-lastchamp img {
    padding: 10px;
    width: 100px
  }

  .rank-lastchamp-list {
    margin: 20px 0 0
  }

  @-webkit-keyframes scalea {
    0% {
      -webkit-transform: scale(1);
      transform: scale(1)
    }

    to {
      -webkit-transform: scale(1.2);
      transform: scale(1.2)
    }
  }

  @keyframes scalea {
    0% {
      -webkit-transform: scale(1);
      transform: scale(1)
    }

    to {
      -webkit-transform: scale(1.2);
      transform: scale(1.2)
    }
  }

  .champion-open-button {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: 0
  }

  .champion-open-button .glyphicon {
    width: 100%;
    height: auto;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    color: #ffe866;
    text-shadow: 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000;
    font-size: 18px;
    -webkit-animation: scalea 1s linear infinite alternate;
    animation: scalea 1s linear infinite alternate
  }
}

@media (max-width:987px) and (min-width:501px) {
  .rank-box {
    display: inline-block;
    margin: 1%;
    width: 48%
  }

  .rank-week-winner .rank-box, .today-rank-player .rank-box {
    width: 100%
  }
}

@media only screen and (min-width:769px) {
  .day-winner-section {
    display: block !important
  }
}

@media only screen and (max-width:768px) {
  .rankinglist.dragon, .rankinglist.tiger {
    margin-bottom: -20px
  }

  .rank-nav {
    padding: 0;
    min-width: 0
  }

  .rank-nav li {
    margin: 5px
  }

  .rank-nav li:last-child {
    margin-right: 5px
  }

  .rank-box-open-button {
    width: 100%;
    height: 30px;
    display: block;
    position: relative;
    text-align: center
  }

  .rank-box-open-button i[class^=el-icon-] {
    padding-top: 5px;
    color: #fff;
    text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000;
    font-weight: 700;
    font-size: large
  }
}

@media only screen and (max-width:700px) {
  .rank-section {
    padding: 0 5%
  }

  .rank-tab-wrapper {
    padding: 0 0 1px;
    height: auto
  }

  .rank-week-winner {
    padding: 5px 0 0;
    max-width: 300px
  }

  .rank-week-winner h3 {
    padding-bottom: 10px;
    margin: auto;
    color: #fff;
    font-size: 15pt
  }

  .rank-week-wrapper {
    width: 100%;
    max-width: 300px
  }
}

@media only screen and (max-width:500px) {
  .rank-current, .rank-nav {
    width: 100%
  }

  .rank-tab-wrapper a {
    font-size: 30px
  }

  .today-rank-player {
    margin: 0 auto 10px;
    width: 100%;
    max-width: none
  }
}

.description-nav {
  padding: 20px 80px !important;
  background: #0e0e0e
}

.description-nav .swiper-slide {
  display: inline-block;
  margin: 0 10px;
  width: auto
}

.description-nav .swiper-slide:first-child {
  margin-left: 0
}

.description-nav .swiper-slide a {
  display: inline-block;
  padding: 5px 20px;
  line-height: 28px;
  font-size: 18px;
  color: #888;
  background: #242424;
  border: 1px solid #353535;
  border-radius: 5px
}

.description-nav .swiper-slide a:hover {
  color: #fff;
  background: rgba(36, 36, 36, .05);
  border: 1px solid #5ef
}

.description-nav .swiper-slide a.nuxt-link-active {
  color: #fff;
  background: rgba(17, 51, 68, .3);
  border: 1px solid #5ef;
  -webkit-box-shadow: 0 0 10px 1px #0cf, inset 0 0 15px 0 #0cf;
  box-shadow: 0 0 10px 1px #0cf, inset 0 0 15px 0 #0cf
}

.description-nav .swiper-slide a.nuxt-link-active:hover {
  background: rgba(17, 51, 68, .3)
}

.web-description {
  margin: 50px 0 0
}

.web-description .wrapperBg {
  padding: 30px;
  font: 16px bold;
  color: #fff;
  background: rgba(0, 0, 0, .35);
  border: 3px solid #078;
  border-radius: 5px
}

.web-description .wrapperBg:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 10px
}

.web-description .wrapperBg .footerpgStyle .contentTitle {
  margin: 0;
  padding-bottom: 20px;
  text-align: center;
  color: #fd0
}

.card-frame .card .card-title-s, .card-title {
  position: relative;
  width: 90%;
  color: #fff;
  font-weight: 600;
  font-size: 30px;
  text-align: center;
  padding: 20px 10px;
  margin: 50px auto;
  background: -webkit-gradient(linear, right top, left top, color-stop(0, transparent), color-stop(15%, rgba(255, 209, 98, .1)), color-stop(50%, rgba(255, 209, 98, .2)), color-stop(rgba(255, 209, 98, .1)), to(transparent));
  background: linear-gradient(270deg, transparent 0, rgba(255, 209, 98, .1) 15%, rgba(255, 209, 98, .2) 50%, rgba(255, 209, 98, .1), transparent)
}

@media only screen and (max-width:768px) {
  .card-frame .card .card-title-s, .card-title {
    font-size: 24px;
    margin: 50px auto 30px
  }
}

@media only screen and (max-width:360px) {
  .card-frame .card .card-title-s, .card-title {
    font-size: 20px
  }
}

.card-frame .card .card-title-s:after, .card-title:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 2px;
  left: 0;
  right: 0;
  top: -5px;
  background: -webkit-gradient(linear, right top, left top, color-stop(0, transparent), color-stop(15%, rgba(255, 209, 98, .1)), color-stop(50%, rgba(255, 209, 98, .4)), color-stop(rgba(255, 209, 98, .1)), to(transparent));
  background: linear-gradient(270deg, transparent 0, rgba(255, 209, 98, .1) 15%, rgba(255, 209, 98, .4) 50%, rgba(255, 209, 98, .1), transparent)
}

.card-frame .card .card-title-s:before, .card-title:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 2px;
  left: 0;
  right: 0;
  bottom: -5px;
  background: -webkit-gradient(linear, right top, left top, color-stop(0, transparent), color-stop(15%, rgba(255, 209, 98, .1)), color-stop(50%, rgba(255, 209, 98, .4)), color-stop(rgba(255, 209, 98, .1)), to(transparent));
  background: linear-gradient(270deg, transparent 0, rgba(255, 209, 98, .1) 15%, rgba(255, 209, 98, .4) 50%, rgba(255, 209, 98, .1), transparent)
}

#article .article-detail-page .wrapperBg .content .article-content {
  width: 100%;
  color: #fff
}

#article .article-detail-page .wrapperBg .content .article-content p {
  color: #fff
}

@media only screen and (max-width:768px) {
  #article .article-detail-page .wrapperBg .content .article-content {
    padding-right: 5%;
    padding-left: 5%
  }
}

#article .article-page .article-list .article-content-container .article-content {
  width: 100%
}

.article-detail-page {
  margin-bottom: 50px
}

.card-frame {
  display: block;
  width: 100%;
  border-spacing: 30px 10px;
  margin: 80px 0
}

.card-frame .card {
  border-radius: 10px;
  -webkit-box-shadow: 0 0 5px 1px #000;
  box-shadow: 0 0 5px 1px #000;
  display: block;
  padding: 30px 0 0;
  background: rgba(0, 0, 0, .5);
  margin: 0 auto
}

.card-frame .card .card-title-s {
  font-weight: 300;
  font-size: 18px;
  border-bottom: none
}

.card-frame .card .card-content {
  color: #ccc;
  line-height: 1.5;
  padding: 30px
}

.card-frame .card ol, .card-frame .card ul {
  padding-left: 20px
}

.card-frame .card ol li, .card-frame .card ul li {
  padding-bottom: 10px
}

@media only screen and (max-width:1600px) {
  .description-nav .swiper-slide a {
    padding: 5px 10px
  }
}

@media only screen and (max-width:1199px) {
  .description-nav {
    padding-left: 40px !important;
    padding-right: 40px !important
  }
}

.mobile-app .description-nav {
  padding: 2.6666666667vmin 0 2.6666666667vmin 2.6666666667vmin !important
}

.mobile-app .description-nav .swiper-slide {
  margin: 0 1.3333333333vmin
}

.mobile-app .description-nav .swiper-slide:first-child {
  margin-left: 0
}

.mobile-app .description-nav .swiper-slide a {
  padding: 1.3333333333vmin 2.6666666667vmin;
  font-size: 3.7333333333vmin;
  line-height: 7.4666666667vmin;
  border: .2666666667vmin solid #353535;
  border-radius: 1.3333333333vmin
}

.mobile-app .description-nav .swiper-slide a:hover {
  color: #888;
  background: #242424
}

.mobile-app .description-nav .swiper-slide a.nuxt-link-active {
  color: #fff;
  background: rgba(17, 51, 68, .3);
  border: .2666666667vmin solid #5ef;
  -webkit-box-shadow: 0 0 2.6666666667vmin .2666666667vmin #0cf, inset 0 0 4vmin 0 #0cf;
  box-shadow: 0 0 2.6666666667vmin .2666666667vmin #0cf, inset 0 0 4vmin 0 #0cf
}

.mobile-app .description-nav .swiper-slide a.nuxt-link-active:hover {
  background: rgba(17, 51, 68, .3)
}

.mobile-app .description-nav .swiper-wrapper {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0
}

.mobile-app .description-nav .card-frame {
  display: block;
  height: auto;
  margin: 5.3333333333vmin 0
}

.mobile-app .description-nav .card-frame>div[class*=col-] {
  width: auto;
  height: 26.6666666667vmin;
  display: block
}

.mobile-app .description-nav .card-frame .card {
  padding-top: 2.6666666667vmin
}

.mobile-app .web-description {
  margin: 2.6666666667vmin 0 0
}

.mobile-app .web-description .wrapperBg {
  padding: 5.3333333333vmin 2.6666666667vmin;
  border: .8vmin solid #078
}

.mobile-app .web-description .wrapperBg .footerpgStyle .contentTitle {
  padding-bottom: 2.6666666667vmin;
  font-size: 6.4vmin
}

.mobile-app .web-description .wrapperBg .footerpgStyle p {
  font-size: 4.2666666667vmin
}

@media only screen and (min-width:768px) {
  .mobile-app .description-nav {
    padding: 1.3333333333vmin 1.3333333333vmin 1.3333333333vmin 2.6666666667vmin !important
  }

  .mobile-app .description-nav .swiper-slide {
    margin: 0 .6666666667vmin
  }

  .mobile-app .description-nav .swiper-slide a {
    padding: .6666666667vmin 1.3333333333vmin;
    font-size: 1.8666666667vmin;
    line-height: 3.7333333333vmin;
    border: .1333333333vmin solid #353535;
    border-radius: .6666666667vmin
  }

  .mobile-app .description-nav .swiper-slide a.nuxt-link-active {
    border: .1333333333vmin solid #5ef;
    -webkit-box-shadow: 0 0 1.3333333333vmin .1333333333vmin #0cf, inset 0 0 2vmin 0 #0cf;
    box-shadow: 0 0 1.3333333333vmin .1333333333vmin #0cf, inset 0 0 2vmin 0 #0cf
  }

  .mobile-app .description-nav .swiper-wrapper {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0
  }

  .mobile-app .description-nav .card-frame {
    margin: 2.6666666667vmin 0
  }

  .mobile-app .description-nav .card-frame>div[class*=col-] {
    width: auto;
    height: 13.3333333333vmin
  }

  .mobile-app .description-nav .card-frame .card {
    padding-top: 1.3333333333vmin
  }

  .mobile-app .web-description {
    margin: 1.3333333333vmin 0 0
  }

  .mobile-app .web-description .wrapperBg {
    padding: 2.6666666667vmin 1.3333333333vmin;
    border: .4vmin solid #078
  }

  .mobile-app .web-description .wrapperBg .footerpgStyle .contentTitle {
    padding-bottom: 1.3333333333vmin;
    font-size: 3.2vmin
  }

  .mobile-app .web-description .wrapperBg .footerpgStyle p {
    font-size: 2.1333333333vmin
  }
}

.highlight-text {
  color: #ffc107;
  text-align: center;
  font-weight: 100;
  word-spacing: normal;
  padding: 40px 10px 0;
  font-size: 18px
}

.androbg {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/andorid_1f0aa10.webp) no-repeat 50% cover
}

.applebg {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/apple_e6a9077.webp) no-repeat 50% cover
}

table.mobileteach {
  width: 95%;
  max-width: 920px;
  border-collapse: collapse;
  font-size: 15px;
  color: #c3c3c3;
  margin: 0 auto
}

table.mobileteach td, table.mobileteach th {
  padding: 10px 25px
}

table.mobileteach th {
  background: #3c3c3c;
  color: #c3c3c3;
  font-size: 22px
}

table.mobileteach td {
  border: 1px solid #3c3c3c
}

table.mobileteach tr {
  border: 0 solid #3c3c3c
}

table.mobileteach tr img {
  width: 100%;
  height: auto;
  margin-bottom: 18px
}

table.mobileteach span.title {
  font-size: 17px;
  line-height: 45px
}

.mobileteach-content p.description {
  font-size: 18px;
  color: #fff;
  padding-top: 25px
}

.mobileteach-content a.gotop-btn {
  border-radius: 5px;
  width: 100%;
  height: 50px;
  display: inline-block;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  margin: 0 auto;
  background: #4c4c4c;
  border: 1px solid #4c4c4c;
  color: #fff;
  text-decoration: none
}

.mobileteach-content a.gotop-btn:hover {
  background: #3a3a3a
}

.page-mobiletabs {
  padding-bottom: 50px
}

.page-mobiletabs ul.tab-select {
  width: 75%;
  margin: 25px auto;
  padding: 0;
  text-align: center
}

.page-mobiletabs ul.tab-select li, .page-mobiletabs ul.tab-select li.active {
  width: 48%;
  background: #000;
  padding: .25%;
  margin: 0 1%;
  display: inline-block
}

.page-mobiletabs ul.tab-select li.active a, .page-mobiletabs ul.tab-select li a {
  width: 100%;
  height: 250px;
  color: #fff;
  line-height: 250px;
  display: block;
  background: transparent;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
  -webkit-transform: scale(1);
  transform: scale(1)
}

.page-mobiletabs ul.tab-select li.active a:after, .page-mobiletabs ul.tab-select li.active a:before, .page-mobiletabs ul.tab-select li a:after, .page-mobiletabs ul.tab-select li a:before {
  content: "";
  width: 90%;
  height: 90%;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  border: 1px solid #ffc107
}

.page-mobiletabs ul.tab-select li.active a:after, .page-mobiletabs ul.tab-select li a:after {
  border-top: 0;
  border-bottom: 0
}

.page-mobiletabs ul.tab-select li.active a:before, .page-mobiletabs ul.tab-select li a:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  border-color: #ffc107;
  border-style: solid;
  border-width: 1px 0
}

.page-mobiletabs ul.tab-select li.active a:active, .page-mobiletabs ul.tab-select li.active a:focus, .page-mobiletabs ul.tab-select li.active a:hover, .page-mobiletabs ul.tab-select li a:active, .page-mobiletabs ul.tab-select li a:focus, .page-mobiletabs ul.tab-select li a:hover {
  background: transparent
}

.page-mobiletabs ul.tab-select li.active a:active:after, .page-mobiletabs ul.tab-select li.active a:active:before, .page-mobiletabs ul.tab-select li.active a:focus:after, .page-mobiletabs ul.tab-select li.active a:focus:before, .page-mobiletabs ul.tab-select li.active a:hover:after, .page-mobiletabs ul.tab-select li.active a:hover:before, .page-mobiletabs ul.tab-select li a:active:after, .page-mobiletabs ul.tab-select li a:active:before, .page-mobiletabs ul.tab-select li a:focus:after, .page-mobiletabs ul.tab-select li a:focus:before, .page-mobiletabs ul.tab-select li a:hover:after, .page-mobiletabs ul.tab-select li a:hover:before {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1
}

.page-mobiletabs ul.tab-select li.active a {
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  font-size: 18px
}

.page-mobiletabs ul.tab-select li.active a img {
  -webkit-transition: inherit;
  transition: inherit;
  -webkit-transform: scale(1.8);
  transform: scale(1.8);
  width: 60px;
  margin-right: 30px
}

.androbg {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/andorid_1f0aa10.webp) no-repeat 50%;
  background-size: cover
}

.applebg {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/apple_e6a9077.webp) no-repeat 50%;
  background-size: cover
}

a.andrico, a.iosico {
  font-size: 18px
}

a.andrico img, a.iosico img {
  width: 60px;
  height: auto;
  margin-right: 15px
}

@media only screen and (max-width:767px) {
  .page-mobiletabs ul.tab-select {
    width: 90%
  }

  .page-mobiletabs ul.tab-select li a {
    width: 100%;
    height: auto;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-transform: scale(1);
    transform: scale(1);
    color: #fff;
    font-size: 10px;
    line-height: 50px;
    display: block;
    background: transparent;
    padding: 15px
  }

  .page-mobiletabs ul.tab-select li a img {
    width: 30px;
    height: auto
  }

  .page-mobiletabs ul.tab-select li a span {
    display: block
  }

  .page-mobiletabs ul.tab-select li.active a {
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    font-size: 12px;
    width: 100%;
    height: auto;
    line-height: 50px
  }

  .page-mobiletabs ul.tab-select li.active a img {
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    width: 35px;
    margin: auto
  }
}

.sport-wrapper ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  *zoom: 1
}

.sport-wrapper ul:after, .sport-wrapper ul:before {
  content: " ";
  display: table
}

.sport-wrapper ul:after {
  clear: both
}

#sportGameIframe {
  width: 100%;
  height: 1200px;
  background: hsla(0, 0%, 100%, .75);
  border: 0
}

.sport-block .platform-wrapper {
  padding: 20px 80px;
  width: 100%;
  border-radius: 0;
  background: #0e0e0e
}

.sport-block .platform-wrapper .platform-menu-img {
  width: 80px
}

.sport-bet {
  position: relative;
  width: 100%
}

.sport-bet .sport-login {
  padding: 0;
  background: #000 50%/cover url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/sport-login_db94af5.webp) no-repeat
}

.sport-bet .sport-login h1 {
  margin-top: 0;
  margin-bottom: 0;
  padding: 20% 5%;
  font-size: 48px;
  text-align: center;
  text-shadow: 1px 1px 1px #000;
  color: #fff
}

.sport-bet .sport-login h1.blank {
  margin-top: 0;
  padding: 10% 5% 20%
}

.sport-bet .sport-unlogin {
  padding: 15% 5%;
  background: #000 50%/cover url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/sport-login_db94af5.webp) no-repeat;
  background-size: cover;
  background-position: 50%
}

.sport-bet .sport-unlogin:after, .sport-bet .sport-unlogin:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 3px;
  background: -webkit-gradient(linear, right top, left top, from(rgba(0, 119, 136, 0)), color-stop(25%, #078), color-stop(75%, #078), to(rgba(0, 119, 136, 0)));
  background: linear-gradient(270deg, rgba(0, 119, 136, 0) 0, #078 25%, #078 75%, rgba(0, 119, 136, 0))
}

.sport-bet .sport-unlogin:before {
  top: 0
}

.sport-bet .sport-unlogin:after {
  bottom: 0
}

.sport-bet .sport-unlogin h1 {
  margin: 0 0 38px;
  font-size: 48px;
  font-weight: 700;
  text-align: center;
  text-shadow: 0 2px 4px rgba(0, 0, 0, .5);
  color: #fff
}

.sport-bet .sport-unlogin .login-before ul {
  text-align: center
}

.sport-bet .sport-unlogin button {
  margin: 0 5px;
  padding: 0 20px;
  width: 130px;
  height: 35px;
  font-size: 16px;
  line-height: 35px;
  text-align: center;
  color: #fff;
  background: #ea9f13;
  border: 0;
  border-radius: 3px
}

.sport-bet .sport-unlogin button:last-child {
  background: #2bb
}

@media only screen and (max-width:1199px) {
  .sport-block .platform-wrapper {
    padding-right: 40px;
    padding-left: 40px
  }
}

.sport-mob {
  display: none
}

.mobile-app .sport-mob {
  *zoom: 1;
  margin: 2.6666666667vmin 0 0
}

.mobile-app .sport-mob:after, .mobile-app .sport-mob:before {
  content: " ";
  display: table
}

.mobile-app .sport-mob:after {
  clear: both
}

.mobile-app .sport-mob .item {
  display: block;
  margin: 4vmin 0
}

.mobile-app .sport-mob .item:first-child {
  margin-top: 0
}

.mobile-app .sport-mob .item .game-block {
  -webkit-box-shadow: 0 0 2.6666666667vmin .2666666667vmin #0cf, inset 0 0 4vmin 0 #0cf;
  box-shadow: 0 0 2.6666666667vmin .2666666667vmin #0cf, inset 0 0 4vmin 0 #0cf
}

.mobile-app .sport-mob .item .game-block.gamelist-img-border {
  border: .2666666667vmin solid #5ef
}

@media screen and (min-width:768px) {
  .mobile-app .sport-mob {
    margin: 1.3333333333vmin -1% 0
  }

  .mobile-app .sport-mob .item {
    display: inline-block;
    margin: 0;
    padding: 0 1% 2%;
    width: 50%
  }

  .mobile-app .sport-mob .item:first-child {
    margin-top: 0
  }

  .mobile-app .sport-mob .item .game-block {
    -webkit-box-shadow: 0 0 1.3333333333vmin .1333333333vmin #0cf, inset 0 0 2vmin 0 #0cf;
    box-shadow: 0 0 1.3333333333vmin .1333333333vmin #0cf, inset 0 0 2vmin 0 #0cf
  }

  .mobile-app .sport-mob .item .game-block.gamelist-img-border {
    border: .1333333333vmin solid #5ef
  }
}

#download-page .link-block {
  background: rgba(0, 0, 0, .65);
  -webkit-box-shadow: 0 0 0 3px hsla(0, 0%, 100%, .25);
  box-shadow: 0 0 0 3px hsla(0, 0%, 100%, .25);
  border-radius: 10px;
  text-align: center;
  padding: 0 30px;
  margin-top: 20px
}

#download-page .link-block .scanme {
  color: #eee
}

#download-page .link-block .gotoplay {
  line-height: 75px;
  color: #fc0
}

.loading-bg {
  width: 100%;
  height: 100%;
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, .95);
  z-index: 1000
}

.loading-bg .logo {
  color: #fff;
  text-align: center;
  font-size: 18px;
  width: 250px;
  height: auto;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 30%;
  background-position: top;
  background-size: contain;
  z-index: 1001;
  -webkit-animation: pulse 2s infinite;
  animation: pulse 2s infinite
}

.loading-bg .logo img, .loading-bg .logo span {
  width: 100%;
  position: relative
}

.loading-bg .logo span {
  display: block;
  text-align: center
}

.loading-bg .logo span:before {
  position: absolute;
  top: 100%;
  content: "Loading...";
  color: #fff;
  width: 100%;
  display: block;
  height: 30px;
  text-align: center;
  -webkit-animation: pulse 2s infinite;
  animation: pulse 2s infinite
}

.overlay-mask {
  width: 100%;
  height: 100%;
  display: block;
  z-index: 99;
  background-color: rgba(0, 0, 0, .8)
}

.overlay-mask, .overlay-mask .mask-icon {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.overlay-mask .mask-icon {
  height: 100px;
  margin: auto;
  text-align: center
}

.overlay-mask .spinner {
  border: .3rem solid #1e1f21;
  border-left-color: #2ecc71;
  border-radius: 50%;
  width: 2.5rem;
  margin: 10px auto;
  height: 2.5rem;
  -webkit-animation: rodar .5s linear infinite;
  animation: rodar .5s linear infinite
}

.overlay-mask .contentDefault {
  text-align: center;
  color: #fff;
  white-space: 2px
}

.overlay-mask .contentDefault:before {
  content: "";
  color: #fff;
  display: block;
  text-align: center;
  -webkit-animation: pulse 2s infinite;
  animation: pulse 2s infinite
}

.overlay-mask .contentNone {
  text-align: center;
  color: #fff;
  white-space: 2px
}

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

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

@-webkit-keyframes pulse {
  0% {
    content: "Loading.";
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  50% {
    content: "Loading..";
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
  }

  to {
    content: "Loading...";
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes pulse {
  0% {
    content: "Loading.";
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  50% {
    content: "Loading..";
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
  }

  to {
    content: "Loading...";
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

.maintenance_wrapper {
  margin-top: 80px;
  margin-bottom: 80px
}

.maintenance_wrapper .container {
  max-width: 1920px;
  min-height: 120px;
  padding: 0 20px;
  margin-bottom: 40px;
  background: #23688f
}

.maintenance_wrapper .content {
  width: 100%;
  height: auto;
  margin: 0 auto
}

.maintenance_wrapper .title {
  width: 230px;
  height: 80px;
  text-align: right;
  font-size: 36px;
  color: #ff0;
  font-weight: 700;
  float: left;
  margin-top: 15px
}

.maintenance_wrapper .ch .title {
  letter-spacing: 5px;
  line-height: 80px
}

.maintenance_wrapper .th .title {
  line-height: 80px;
  font-size: 32px
}

.maintenance_wrapper .roadblocks {
  width: 120px;
  height: 90px;
  float: left;
  margin-top: 5px;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/roadblocks_32bb322.webp) no-repeat 50%
}

.maintenance_wrapper .note {
  width: 100%;
  max-width: 630px;
  min-height: 80px;
  float: left;
  text-align: left;
  font-size: 16px;
  color: #fff;
  margin-top: 15px;
  padding-left: 20px;
  line-height: 30px
}

.maintenance_wrapper .note b {
  color: #ff0;
  margin: 0 5px
}

@media only screen and (max-width:1059px) {
  .maintenance_wrapper {
    max-width: 1020px;
    height: auto;
    padding: 20px;
    position: relative
  }

  .maintenance_wrapper .content {
    border-bottom: none;
    text-align: center
  }

  .maintenance_wrapper .note {
    text-align: center;
    max-width: 100%;
    padding: 20px 0
  }

  .maintenance_wrapper .roadblocks, .maintenance_wrapper .title {
    float: none;
    display: inline-block;
    vertical-align: top
  }
}

@media only screen and (max-width:434px) {
  .maintenance_wrapper .title {
    text-align: center;
    font-size: 24px;
    height: 60px
  }

  .maintenance_wrapper .roadblocks {
    width: 80px;
    height: 60px;
    display: block;
    margin: 0 auto;
    background-size: auto 100%
  }

  .maintenance_wrapper .note {
    line-height: 22px;
    font-size: 14px
  }
}

.warning_wrapper {
  position: relative;
  width: 100%;
  margin: 0 auto;
  background: transparent;
  min-height: 700px;
  color: #ff0
}

.warning_wrapper .container {
  position: absolute;
  width: 80%;
  left: 0;
  right: 0;
  top: 30%;
  margin: auto;
  height: 500px;
  text-align: center;
  font-size: 24px;
  line-height: 50px
}

.warning_wrapper .container img {
  display: block;
  margin: 0 auto 20px
}

.error-wrapper {
  background: transparent;
  height: 80vh;
  width: 100%
}

.error-wrapper .error-wrapper-img {
  max-width: 988px;
  margin: auto
}

.error-wrapper .error-wrapper-img img {
  width: 100%
}

.error-wrapper .error-wrapper-article {
  text-align: center;
  color: #fff
}

.cls-home {
  background: linear-gradient(241deg, #ff8c47, #0d45e4, #22e099, #ff5d36);
  color: #fff;
  font-weight: 700;
  font-size: 20pt;
  display: block;
  width: 50%;
  position: relative;
  max-width: 400px;
  line-height: 50px;
  background-size: 800%, 800%;
  -webkit-animation: rainbow 8s ease infinite;
  animation: rainbow 8s ease infinite;
  margin: 50px auto 0;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  border-radius: 5px;
  top: 0
}

.cls-home:hover {
  color: #fff;
  background: transparent;
  top: 10px;
  -webkit-animation: rainbow 0s ease infinite;
  animation: rainbow 0s ease infinite
}

@-webkit-keyframes rainbow {
  0% {
    background-position: 0 80%
  }

  50% {
    background-position: 100% 20%
  }

  to {
    background-position: 0 80%
  }
}

@keyframes rainbow {
  0% {
    background-position: 0 80%
  }

  50% {
    background-position: 100% 20%
  }

  to {
    background-position: 0 80%
  }
}

.signup-wrapper {
  max-width: 760px;
  margin: 70px auto 50px
}

.signup-wrapper .signup-title {
  margin: 0;
  color: #fd0;
  font-size: 40px;
  text-align: center
}

.signup-wrapper .gradient-bg {
  width: 100%;
  height: 40px;
  margin-bottom: 30px;
  background-image: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/signup-title-bg_a367210.webp)
}

.signup-wrapper .step-wrapper {
  margin-bottom: 45px
}

.signup-wrapper .popup-bg-one {
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 10px;
  border: 2px solid #078
}

.signup-wrapper .popup-bg-one:after {
  display: none
}

.signup-wrapper .popup-bg-one .equal-input-block {
  padding: 0
}

.signup-wrapper .popup-bg-one .equal-input-block .center-wrap, .signup-wrapper .popup-bg-one .equal-input-block .submitbtn-wrap {
  margin-top: 40px;
  margin-bottom: 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
}

.signup-wrapper .popup-bg-one .equal-input-block .center-wrap button, .signup-wrapper .popup-bg-one .equal-input-block .submitbtn-wrap button {
  margin: 0 10px
}

.signup-wrapper .popup-bg-one .equal-input-block .center-wrap .btn-cancel, .signup-wrapper .popup-bg-one .equal-input-block .submitbtn-wrap .btn-cancel {
  background: #959595;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none
}

.signup-wrapper .popup-bg-one .equal-input-block .center-wrap .btn-cancel:hover, .signup-wrapper .popup-bg-one .equal-input-block .submitbtn-wrap .btn-cancel:hover {
  background: #959595;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none
}

.signup-wrapper .popup-input-content {
  padding: 40px 45px
}

.signup-wrapper.signup-success-wrapper .popup-input-content {
  padding: 0;
  height: 400px;
  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
}

.signup-wrapper.signup-success-wrapper .popup-input-content .signUpSuccess-title {
  color: #fff;
  margin-top: 0;
  text-align: center;
  word-break: break-all
}

.signup-wrapper .popup-bg-one .equal-input-block .popup-input-content .form-group .input-group input[type=tel] {
  width: 60%
}

.signup-wrapper .popup-bg-one .equal-input-block .popup-input-content .form-group .input-group .input-addon.checknum_img {
  width: 40%
}

.signup-wrapper .popup-bg-one .equal-input-block .popup-input-content .form-group .input-group .input-addon.checknum_img img {
  width: 100%;
  height: 100%
}

.mobile-app .signup-wrapper {
  margin-top: 13.3333333333vmin
}

.mobile-app .signup-wrapper .signup-title {
  font-size: 8vmin
}

.mobile-app .signup-wrapper .gradient-bg {
  margin: 0 2.6666666667vmin 8vmin;
  background-image: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/signup-title-bg-m_5940040.webp)
}

.mobile-app .signup-wrapper .step-wrapper {
  margin-bottom: 5.3333333333vmin
}

.mobile-app .signup-wrapper .popup-input-content {
  padding: 5.3333333333vmin 5.3333333333vmin 21.3333333333vmin
}

.mobile-app .signup-wrapper .equal-input-block .center-wrap, .mobile-app .signup-wrapper .equal-input-block .submitbtn-wrap {
  margin: 10.6666666667vmin -2.1333333333vmin -2.6666666667vmin;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.mobile-app .signup-wrapper .equal-input-block .center-wrap button, .mobile-app .signup-wrapper .equal-input-block .submitbtn-wrap button {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0 2.1333333333vmin 2.6666666667vmin;
  white-space: nowrap
}

.mobile-app .signup-wrapper.signup-check-wrapper .equal-input-block .center-wrap, .mobile-app .signup-wrapper.signup-check-wrapper .equal-input-block .submitbtn-wrap {
  margin-top: 17.3333333333vmin
}

.mobile-app .signup-wrapper.signup-success-wrapper .popup-input-content {
  padding: 0 2.6666666667vmin;
  height: 300px
}

#download-page {
  @import url("https://fonts.googleapis.com/css?family=Poppins:400,700|Lato:300,400,700&display=swap")
}

#download-page body, #download-page html {
  height: 100%;
  min-height: 100%
}

#download-page body {
  font-family: Lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  overflow-x: hidden;
  position: relative;
  -ms-touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

#download-page * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

#download-page img {
  max-width: 100%
}

#download-page a:focus, #download-page button:focus, #download-page input:focus, #download-page textarea:focus {
  text-decoration: none;
  outline: none
}

#download-page a {
  -webkit-transition: all .3s;
  transition: all .3s
}

#download-page a:focus, #download-page a:hover {
  text-decoration: none
}

#download-page a, #download-page i, #download-page span {
  display: inline-block
}

#download-page audio, #download-page canvas, #download-page iframe, #download-page img, #download-page svg, #download-page video {
  vertical-align: middle
}

#download-page h1, #download-page h2, #download-page h3, #download-page h4, #download-page h5, #download-page h6 {
  font-family: Poppins, sans-serif;
  font-weight: 700;
  margin: 0
}

#download-page ol, #download-page ul {
  margin: 0;
  padding: 0;
  list-style-type: none
}

#download-page p {
  margin: 0
}

#download-page .preloader {
  position: fixed;
  top: 0;
  left: 0;
  display: table;
  height: 100%;
  width: 100%;
  background: #000;
  z-index: 99999
}

#download-page .preloader .loader {
  display: table-cell;
  vertical-align: middle;
  text-align: center
}

#download-page .preloader .loader .ytp-spinner {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 64px;
  margin-left: -32px;
  z-index: 18;
  pointer-events: none
}

#download-page .preloader .loader .ytp-spinner .ytp-spinner-container {
  pointer-events: none;
  position: absolute;
  width: 100%;
  padding-bottom: 100%;
  top: 50%;
  left: 50%;
  margin-top: -50%;
  margin-left: -50%;
  -webkit-animation: ytp-spinner-linspin 1568.23529647ms linear infinite;
  animation: ytp-spinner-linspin 1568.23529647ms linear infinite
}

#download-page .preloader .loader .ytp-spinner .ytp-spinner-container .ytp-spinner-rotator {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-animation: ytp-spinner-easespin 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
  animation: ytp-spinner-easespin 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}

#download-page .preloader .loader .ytp-spinner .ytp-spinner-container .ytp-spinner-rotator .ytp-spinner-left {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  overflow: hidden;
  right: 50%
}

#download-page .preloader .loader .ytp-spinner .ytp-spinner-container .ytp-spinner-rotator .ytp-spinner-right {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  left: 50%
}

#download-page .preloader .loader .ytp-spinner-circle {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  width: 200%;
  height: 100%;
  border-radius: 50%;
  border: 6px solid;
  border-color: #fff #fff #222
}

#download-page .preloader .loader .ytp-spinner-left .ytp-spinner-circle {
  left: 0;
  right: -100%;
  border-right-color: #222;
  -webkit-animation: ytp-spinner-left-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both;
  animation: ytp-spinner-left-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both
}

#download-page .preloader .loader .ytp-spinner-right .ytp-spinner-circle {
  left: -100%;
  right: 0;
  border-left-color: #222;
  -webkit-animation: ytp-right-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both;
  animation: ytp-right-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both
}

@-webkit-keyframes ytp-spinner-linspin {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@keyframes ytp-spinner-linspin {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@-webkit-keyframes ytp-spinner-easespin {
  12.5% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
  }

  25% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
  }

  37.5% {
    -webkit-transform: rotate(405deg);
    transform: rotate(405deg)
  }

  50% {
    -webkit-transform: rotate(540deg);
    transform: rotate(540deg)
  }

  62.5% {
    -webkit-transform: rotate(675deg);
    transform: rotate(675deg)
  }

  75% {
    -webkit-transform: rotate(810deg);
    transform: rotate(810deg)
  }

  87.5% {
    -webkit-transform: rotate(945deg);
    transform: rotate(945deg)
  }

  to {
    -webkit-transform: rotate(3turn);
    transform: rotate(3turn)
  }
}

@keyframes ytp-spinner-easespin {
  12.5% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
  }

  25% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
  }

  37.5% {
    -webkit-transform: rotate(405deg);
    transform: rotate(405deg)
  }

  50% {
    -webkit-transform: rotate(540deg);
    transform: rotate(540deg)
  }

  62.5% {
    -webkit-transform: rotate(675deg);
    transform: rotate(675deg)
  }

  75% {
    -webkit-transform: rotate(810deg);
    transform: rotate(810deg)
  }

  87.5% {
    -webkit-transform: rotate(945deg);
    transform: rotate(945deg)
  }

  to {
    -webkit-transform: rotate(3turn);
    transform: rotate(3turn)
  }
}

@-webkit-keyframes ytp-spinner-left-spin {
  0% {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg)
  }

  50% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg)
  }

  to {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg)
  }
}

@keyframes ytp-spinner-left-spin {
  0% {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg)
  }

  50% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg)
  }

  to {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg)
  }
}

@-webkit-keyframes ytp-right-spin {
  0% {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg)
  }

  50% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)
  }

  to {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg)
  }
}

@keyframes ytp-right-spin {
  0% {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg)
  }

  50% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)
  }

  to {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg)
  }
}

#download-page .wrap-content {
  overflow: hidden;
  position: relative;
  z-index: 5;
  height: 100vh;
  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
}

#download-page .wrap-content:after {
  content: "";
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/bg-dark_3f02912.webp) 50% no-repeat;
  background-size: auto 100%;
  pointer-events: none;
  z-index: -2
}

#download-page #animate-circle {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1
}

#download-page .container {
  position: relative;
  z-index: 10
}

#download-page .title {
  color: #fff;
  font-weight: 700;
  position: relative
}

#download-page .all-block {
  position: relative;
  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
}

#download-page .left-block {
  padding-right: 50px
}

#download-page .qrcode .title {
  font-size: 70px;
  margin-bottom: 100px
}

#download-page .support_btn ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#download-page .support_btn li {
  margin: 0 10px;
  padding: 10px 20px;
  border-radius: 7px;
  background: -webkit-gradient(linear, left top, left bottom, from(#545454), to(#0f0f0f));
  background: linear-gradient(#545454, #0f0f0f);
  -webkit-box-shadow: inset 0 -1px 3px #000, inset 0 1px 3px hsla(0, 0%, 100%, .5), 0 8px 8px rgba(0, 0, 0, .5);
  box-shadow: inset 0 -1px 3px #000, inset 0 1px 3px hsla(0, 0%, 100%, .5), 0 8px 8px rgba(0, 0, 0, .5);
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 40px
}

#download-page .support_btn li img {
  height: 40px;
  margin-right: 10px;
  vertical-align: top
}

#download-page .right-block {
  width: 440px;
  position: relative
}

#download-page .detail {
  position: absolute;
  left: 0;
  right: 0;
  top: 150px;
  margin: auto;
  z-index: 1;
  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-align: center;
  -ms-flex-align: center;
  align-items: center
}

#download-page .qrcode .logo {
  margin-bottom: 10px
}

#download-page .qrcode .logo img {
  height: 50px;
  position: relative !important
}

#download-page .scan-box {
  width: 270px;
  height: 270px;
  background: url(data:image/webp;base64,UklGRqoAAABXRUJQVlA4WAoAAAAYAAAAGwIAGwIAVlA4TEAAAAAvG8KGEA8QQx3zHww1bSQ5y2D5o93uPnVxIvo/ASlbE6fszc5aHv89j4T/8T/+x//4/085Xi/Gf6+jsmdKebMDRVhJRkQAAABNTQAqAAAACAABh2kABAAAAAEAAAAaAAAAAAADoAEAAwAAAAEAAQAAoAIABAAAAAEAAAIcoAMABAAAAAEAAAIcAAAAAA==);
  background-size: 100%;
  padding: 10px
}

#download-page .scan-box>div {
  width: 100%;
  height: 100%;
  background-size: 100%;
  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
}

#download-page .scan-box>div img {
  width: 70px
}

#download-page .scanme {
  font-size: 18px;
  line-height: 25px;
  min-height: 25px;
  color: #000;
  padding-top: 10px
}

#download-page .gotoplay {
  font-size: 50px;
  font-weight: 700;
  color: #05a
}

#download-page .qrcode-s {
  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-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  width: 100%
}

#download-page .qrcode-s .title {
  font-size: 34px;
  margin-bottom: 40px
}

@media only screen and (max-width:320px) {
  #download-page .qrcode-s .title {
    font-size: 28px
  }
}

#download-page .qrcode-s .scan-box {
  margin: 0 auto 40px;
  width: 240px;
  height: 240px
}

#download-page .qrcode-s .share-btn {
  color: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .5))), #07f;
  background: linear-gradient(transparent, rgba(0, 0, 0, .5)), #07f
}

#download-page .qrcode-s .back-home, #download-page .qrcode-s .share-btn {
  width: 80%;
  min-width: 260px;
  font-size: 26px;
  font-weight: 700;
  line-height: 30px;
  text-decoration: none;
  padding: 15px 20px;
  -webkit-box-shadow: 2px 5px 7px rgba(0, 0, 0, .3), inset 0 4px 2px hsla(0, 0%, 100%, .2);
  box-shadow: 2px 5px 7px rgba(0, 0, 0, .3), inset 0 4px 2px hsla(0, 0%, 100%, .2);
  border-radius: 50px
}

#download-page .qrcode-s .back-home {
  margin-top: 20px;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .5))), #e49303;
  background: linear-gradient(transparent, rgba(0, 0, 0, .5)), #e49303
}

#download-page .qrcode-s .back-home a {
  color: #fff
}

#download-page .qrcode-s .share-btn img {
  height: 30px;
  margin-right: 20px;
  vertical-align: top
}

#download-page .qrcode-s .scanme {
  color: #fff
}

#download-page .qrcode-s .gotoplay {
  color: #fd0
}

#download-page .app_icon {
  width: 120px;
  height: 120px;
  background-size: 100%;
  position: relative;
  z-index: 4;
  margin: 0 auto;
  border: 3px solid hsla(0, 0%, 100%, .7);
  border-radius: 25px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
  box-shadow: 0 0 10px rgba(0, 0, 0, .4)
}

#download-page .type {
  padding: 30px 0;
  width: 260px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

#download-page .type a {
  position: relative;
  width: 120px;
  border-radius: 5px;
  padding: 10px;
  font-size: 16px;
  line-height: 30px;
  text-decoration: none;
  text-align: center;
  color: #fff;
  text-shadow: 0 2px 1px rgba(0, 0, 0, .5);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #50ff15), color-stop(25%, #11c31a), color-stop(50%, #0d6706), color-stop(75%, #118c08), to(#1e8a00));
  background: linear-gradient(180deg, #50ff15, #11c31a 25%, #0d6706 50%, #118c08 75%, #1e8a00);
  -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, .5), inset 0 -3px 7px #19e616;
  box-shadow: 0 8px 8px rgba(0, 0, 0, .5), inset 0 -3px 7px #19e616
}

#download-page .type a:last-child {
  width: 100%;
  margin-top: 20px;
  -webkit-filter: hue-rotate(270deg);
  filter: hue-rotate(270deg)
}

#download-page .type a:before {
  content: "";
  background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, .8)), color-stop(90%, hsla(0, 0%, 100%, 0)));
  background: linear-gradient(hsla(0, 0%, 100%, .8), hsla(0, 0%, 100%, 0) 90%);
  border-radius: 5px 5px 0 0;
  width: 100%;
  height: 10px;
  margin: 0 auto;
  top: 2px;
  left: 0;
  right: 0;
  position: absolute
}

#download-page .type a:after {
  content: "";
  background: radial-gradient(ellipse at bottom, #2dfa0e, rgba(45, 250, 14, .2) 50%, hsla(0, 0%, 100%, 0) 70%);
  border-radius: 50%/100% 100% 0 0;
  width: 80%;
  height: 10px;
  margin: 0 auto;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute
}

#download-page .tips {
  font-size: 18px;
  color: #ccc
}

#article ul {
  margin: 0;
  padding: 0;
  list-style-type: none
}

#article ul.article-list {
  padding: 50px 0
}

#article ul.article-list>li {
  cursor: pointer
}

#article ul.article-list>li:not(:last-child) {
  margin-bottom: 50px
}

#article ul.article-list .article-list-block {
  *zoom: 1;
  overflow: hidden;
  position: relative;
  padding: 20px;
  background: #060606;
  border-radius: 5px;
  -webkit-transition: all .5s linear;
  transition: all .5s linear;
  height: 200px
}

#article ul.article-list .article-list-block:after, #article ul.article-list .article-list-block:before {
  content: " ";
  display: table
}

#article ul.article-list .article-list-block:after {
  clear: both
}

#article ul.article-list .article-list-block:hover {
  -webkit-box-shadow: 0 0 10px 5px #f2f2f2;
  box-shadow: 0 0 10px 5px #f2f2f2;
  -webkit-box-shadow: 0 0 10px 5px var(--article-block-hover-shadow-color, #f2f2f2);
  box-shadow: 0 0 10px 5px var(--article-block-hover-shadow-color, #f2f2f2);
  -webkit-transition: all .4s linear;
  transition: all .4s linear;
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px)
}

#article ul.article-list .article-list-block .article-banner-container .article-banner {
  position: relative;
  width: 100%
}

#article ul.article-list .article-list-block .article-banner-container .article-banner img {
  height: 100%;
  max-width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto
}

#article ul.article-list .article-list-block .article-content-container .article-content {
  padding: 0 0 35px 20px
}

#article ul.article-list .article-list-block .article-content-container .article-content .article-title {
  margin: 0 0 20px;
  font-size: 26px;
  line-height: 130%
}

#article ul.article-list .article-list-block .article-content-container .article-content .article-title a {
  color: #fd0
}

#article ul.article-list .article-list-block .article-content-container .article-content .article-detail {
  color: #fff
}

#article ul.article-list .article-list-block .article-content-container .article-content .article-detail p {
  word-break: break-all
}

#article ul.article-list .article-list-block .article-content-container .article-content .article-detail p span {
  color: #fff
}

#article ul.article-list ul.article-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  overflow: hidden
}

#article ul.article-list ul.article-grid>li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 150px
}

#article ul.article-list ul.article-grid>li:first-child {
  width: 20%;
  margin-right: 30px
}

#article ul.article-list ul.article-grid>li:last-child {
  width: 80%
}

@media only screen and (max-width:1500px) {
  #article ul.article-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    margin: 50px -1%
  }

  #article ul.article-list>li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 1% 2%;
    width: 100%
  }

  #article ul.article-list>li:not(:last-child) {
    margin-bottom: 0
  }

  #article ul.article-list .article-list-block {
    width: 100%
  }

  #article ul.article-list .article-list-block .article-content-container .article-content {
    padding: 20px 0 45px
  }

  #article ul.article-list .article-list-block .article-content-container .article-content h2.article-title {
    margin-bottom: 10px
  }

  #article ul.article-list ul.article-grid {
    *zoom: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
  }

  #article ul.article-list ul.article-grid:after, #article ul.article-list ul.article-grid:before {
    content: " ";
    display: table
  }

  #article ul.article-list ul.article-grid:after {
    clear: both
  }
}

@media only screen and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1), only screen and (max-width:768px), only screen and (min-device-width:1280px) and (max-device-width:1280px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) and (-webkit-min-device-pixel-ratio:2), only screen and (min-device-width:1280px) and (max-device-width:1280px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) and (min-resolution:192dpi), only screen and (min-device-width:1366px) and (max-device-width:1366px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:2), only screen and (min-device-width:1440px) and (max-device-width:1440px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) {
  #article ul.article-list {
    margin: 0;
    padding: 15px 0
  }

  #article ul.article-list>li {
    width: 100%
  }

  #article ul.article-list>li:not(:last-child) {
    margin-bottom: 40px
  }

  #article ul.article-list .article-list-block:hover {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  #article ul.article-list .article-list-block .article-content-container .article-content {
    padding: 10px 0 0 10px
  }

  #article ul.article-list .article-list-block .article-content-container .article-content .article-title {
    margin: 0;
    padding: 0 0 10px;
    font-size: 20px
  }

  #article ul.article-list .article-list-block .article-content-container .article-content .article-detail {
    margin: 0;
    padding: 0
  }

  #article ul.article-list .article-list-block .article-content-container .article-content .article-detail p {
    height: auto
  }

  #article ul.article-list .article-list-block .article-content-container .article-content .article-detail p b {
    display: inline-block
  }
}

@media only screen and (max-width:767px) {
  #article ul.article-list {
    display: block
  }

  #article ul.article-list>li {
    display: block;
    padding: 0;
    width: 100%
  }

  #article ul.article-list .article-list-block {
    height: 85.3333333333vmin;
    border-radius: 1.3333333333vmin
  }

  #article ul.article-list .article-list-block ul.article-grid {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
  }

  #article ul.article-list .article-list-block ul.article-grid>li {
    margin-right: 0;
    width: 100%;
    height: 37.3333333333vmin
  }

  #article ul.article-list .article-list-block .article-banner-container .article-banner {
    height: auto
  }

  #article ul.article-list .article-list-block .article-content-container .article-content {
    padding: 10px 0 0
  }

  #article ul.article-list .article-list-block .article-content-container .article-content .article-title {
    height: auto;
    font-size: 20px
  }
}

#article .article-detail-page .back-btn {
  width: 30px;
  height: 30px;
  display: block;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/back-hall_d45eb56.webp);
  background-repeat: no-repeat;
  background-position: 50%;
  z-index: 3;
  line-height: 30px;
  color: transparent;
  margin: 10px 0
}

#article .article-detail-page .wrapperBg {
  padding: 30px 0;
  font: 16px bold;
  margin-bottom: 50px
}

#article .article-detail-page .wrapperBg .contentTitle {
  margin: 0;
  padding-bottom: 30px;
  text-align: center;
  color: #fd0
}

#article .article-detail-page .wrapperBg .article-content {
  color: #fff;
  border-radius: 5px;
  padding: 30px;
  overflow-x: auto
}

#article .article-detail-page .wrapperBg .article-content a {
  color: #ffc107
}

#article .article-detail-page .wrapperBg .article-content a:hover {
  -webkit-filter: brightness(.9);
  filter: brightness(.9)
}

.reward-history.member-center .description, .reward-point-redeem.member-center .description {
  text-align: center
}

.reward-history.member-center .reward-point-wrapper.horizontal, .reward-point-redeem.member-center .reward-point-wrapper.horizontal {
  position: fixed;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: hidden;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 80px;
  padding: 10px 0;
  border-top: 1px solid rgba(0, 0, 0, .5);
  border-bottom: 1px solid rgba(0, 0, 0, .5);
  background-color: #fff
}

.reward-history.member-center .reward-point-wrapper.horizontal .description, .reward-point-redeem.member-center .reward-point-wrapper.horizontal .description {
  margin-right: 18px
}

.reward-history.member-center .reward-point-wrapper.horizontal .reward-point-container, .reward-point-redeem.member-center .reward-point-wrapper.horizontal .reward-point-container {
  width: 340px;
  margin: 0
}

.reward-history.member-center .reward-point-container, .reward-point-redeem.member-center .reward-point-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 340px;
  height: 60px;
  padding: 15px;
  margin: 10px auto 30px;
  background-color: #6bc360;
  border-radius: 40px;
  -webkit-box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, .2), -4px -4px 4px 0 hsla(0, 0%, 100%, .5);
  box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, .2), -4px -4px 4px 0 hsla(0, 0%, 100%, .5)
}

.mobile-app .reward-history.member-center .reward-point-container, .mobile-app .reward-point-redeem.member-center .reward-point-container {
  position: sticky;
  top: 0;
  z-index: 2;
  max-width: none;
  height: 50px;
  padding: 10px;
  margin: 10px
}

.mobile-app .reward-history.member-center .reward-point-container.sticky, .mobile-app .reward-point-redeem.member-center .reward-point-container.sticky {
  height: 30px;
  padding: 4px 10px;
  border-radius: 16px
}

.mobile-app .reward-history.member-center .reward-point-container.sticky .reward-point-number, .mobile-app .reward-point-redeem.member-center .reward-point-container.sticky .reward-point-number {
  font-size: 20px
}

.mobile-app .reward-history.member-center .reward-point-container.sticky .refresh-icon, .mobile-app .reward-history.member-center .reward-point-container.sticky .reward-point-logo, .mobile-app .reward-point-redeem.member-center .reward-point-container.sticky .refresh-icon, .mobile-app .reward-point-redeem.member-center .reward-point-container.sticky .reward-point-logo {
  width: 22px;
  height: 22px
}

.mobile-app .reward-history.member-center .reward-point-container.sticky .reward-point-logo, .mobile-app .reward-point-redeem.member-center .reward-point-container.sticky .reward-point-logo {
  font-size: 15px;
  line-height: 22px
}

.reward-history.member-center .reward-list-container, .reward-point-redeem.member-center .reward-list-container {
  display: grid;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  grid-template-columns: repeat(auto-fill, 230px);
  grid-gap: 20px;
  gap: 20px;
  margin: auto
}

.mobile-app .reward-history.member-center .reward-list-container, .mobile-app .reward-point-redeem.member-center .reward-list-container {
  display: block;
  margin: normal
}

.reward-history.member-center .reward-point-logo, .reward-point-redeem.member-center .reward-point-logo {
  width: 30px;
  height: 30px;
  font-size: 20px;
  text-align: center;
  line-height: 30px;
  font-weight: 700;
  border-radius: 50%;
  background-color: #fff;
  -webkit-box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, .2);
  box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, .2)
}

.reward-history.member-center .reward-point-number, .reward-point-redeem.member-center .reward-point-number {
  max-width: 75%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #fff;
  font-size: 30px
}

.reward-history.member-center .fa-angle-right, .reward-point-redeem.member-center .fa-angle-right {
  margin-left: 20px;
  font-size: 23px;
  font-weight: 900
}

.mobile-app .reward-history.member-center .fa-angle-right, .mobile-app .reward-point-redeem.member-center .fa-angle-right {
  display: none
}

.reward-history.member-center .refresh-icon-wrapper, .reward-point-redeem.member-center .refresh-icon-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.reward-history.member-center .refresh-icon, .reward-point-redeem.member-center .refresh-icon {
  width: 30px;
  height: 30px;
  cursor: pointer
}

.reward-point-redeem.member-center {
  padding-bottom: 170px
}

.reward-point-redeem.member-center.sticky.loading {
  padding-bottom: 250px
}

.reward-point-redeem.member-center.sticky .reward-point-wrapper.horizontal {
  visibility: visible
}

.reward-point-redeem.member-center.sticky .loading-animate {
  bottom: 120px
}

.reward-point-redeem.member-center.sticky.no-header .reward-point-wrapper.horizontal {
  display: none
}

.reward-point-redeem.member-center.sticky.no-header .reward-point-wrapper.vertical {
  display: block;
  position: sticky;
  top: 0;
  margin: 0 -50px;
  padding: 10px 0;
  background: #fff;
  -webkit-box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, .2), -4px -4px 4px 0 hsla(0, 0%, 100%, .5);
  box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, .2), -4px -4px 4px 0 hsla(0, 0%, 100%, .5)
}

.reward-point-redeem.member-center.sticky.no-header .reward-point-wrapper.vertical .description {
  display: none
}

.reward-point-redeem.member-center.sticky.no-header .reward-point-wrapper.vertical .reward-point-container {
  height: 40px;
  margin: 0 auto;
  padding: 5px
}

.reward-point-redeem.member-center.sticky.no-header .reward-point-wrapper.vertical .reward-point-number {
  font-size: 26px
}

.mobile-app .reward-point-redeem.member-center {
  padding-bottom: 0
}

.reward-point-redeem.member-center .memberform-fuild {
  padding: 20px 50px 0
}

.mobile-app .reward-point-redeem.member-center .memberform-fuild {
  min-height: 500px;
  padding: 20px 0
}

.reward-point-redeem.member-center .reward-no-data {
  position: absolute;
  left: 50%;
  text-align: center;
  margin-top: 50px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.mobile-app .reward-point-redeem.member-center .reward-no-data {
  position: static;
  left: auto;
  margin-top: 100px;
  -webkit-transform: none;
  transform: none
}

.reward-point-redeem.member-center .reward-item-container {
  padding: 15px 20px 20px;
  border-radius: 20px;
  -webkit-box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, .2), -4px -4px 4px 0 hsla(0, 0%, 100%, .5);
  box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, .2), -4px -4px 4px 0 hsla(0, 0%, 100%, .5);
  background-color: #f1f1f1;
  cursor: pointer
}

.mobile-app .reward-point-redeem.member-center .reward-item-container {
  padding: 10px;
  margin: 0 0 10px;
  border-radius: 5px;
  -webkit-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .2);
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .2)
}

.reward-point-redeem.member-center .reward-item-container .box {
  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-align: center;
  -ms-flex-align: center;
  align-items: center
}

.mobile-app .reward-point-redeem.member-center .reward-item-container .box {
  width: auto;
  height: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal
}

.reward-point-redeem.member-center .reward-item-container .box:last-child {
  margin-bottom: 0
}

.reward-point-redeem.member-center .reward-item-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 10px
}

.reward-point-redeem.member-center .reward-item-image {
  width: 150px;
  height: 150px;
  margin-bottom: 8px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 5px
}

.mobile-app .reward-point-redeem.member-center .reward-item-image {
  width: 17.3333333333vmin;
  height: 17.3333333333vmin;
  margin-bottom: 0
}

.reward-point-redeem.member-center .reward-item-right {
  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: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  grid-gap: 5px;
  gap: 5px
}

.reward-point-redeem.member-center .reward-item-name {
  display: -webkit-box;
  height: 60px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.43;
  font-weight: 700;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3
}

.mobile-app .reward-point-redeem.member-center .reward-item-name {
  height: 40px;
  margin-bottom: 0;
  -webkit-line-clamp: 2
}

.reward-point-redeem.member-center .reward-item-member-rank {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
  width: 100%;
  height: 30px
}

.reward-point-redeem.member-center .reward-item-member-rank span {
  margin-right: 5px;
  padding: 2px 3px;
  line-height: 16px;
  font-size: 12px;
  color: #fff;
  background: #c1c1c1;
  border-radius: 14px
}

.reward-point-redeem.member-center .reward-item-member-rank-mob {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 15px
}

.reward-point-redeem.member-center .reward-item-member-rank-mob span {
  margin-right: 2px;
  padding: 3px 5px;
  line-height: 16px;
  font-size: 12px;
  color: #fff;
  background: #c1c1c1;
  border-radius: 14px
}

.reward-point-redeem.member-center .reward-item-redeem-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  overflow: hidden;
  margin: auto;
  max-width: none;
  padding: 10px 20px;
  height: 40px;
  border: 1px solid #6bc360;
  border-radius: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, .2), -4px -4px 4px 0 hsla(0, 0%, 100%, .5);
  box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, .2), -4px -4px 4px 0 hsla(0, 0%, 100%, .5)
}

.mobile-app .reward-point-redeem.member-center .reward-item-redeem-button {
  max-width: 75%;
  padding: 10px 15px;
  margin: 0 0 0 auto
}

.reward-point-redeem.member-center .reward-item-redeem-disabled {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 40px;
  margin: auto;
  padding: 10px 20px;
  font-weight: 900;
  text-align: center;
  border-radius: 20px;
  -webkit-box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, .4), -4px -4px 4px 0 hsla(0, 0%, 100%, .5);
  box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, .4), -4px -4px 4px 0 hsla(0, 0%, 100%, .5);
  background-color: #bfbfbf;
  color: #646464
}

.mobile-app .reward-point-redeem.member-center .reward-item-redeem-disabled {
  width: auto;
  margin: 0 0 0 auto;
  padding: 10px 15px
}

.reward-point-redeem.member-center .reward-item-point-icon {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  line-height: 20px;
  color: #fff;
  background-color: #6bc360;
  border-radius: 50%
}

.reward-point-redeem.member-center .reward-item-point-number {
  font-weight: 900;
  line-height: 1.25;
  color: #1b1b1b
}

.reward-point-redeem.member-center .loading-animate {
  position: absolute;
  bottom: 45px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  padding: 20px;
  text-align: center;
  font-size: 2rem;
  font-weight: 600;
  color: #959595
}

.mobile-app .reward-point-redeem.member-center .loading-animate {
  position: static;
  left: auto;
  width: auto;
  margin-top: 0;
  padding: 5.3333333333vmin;
  font-size: 6.4vmin;
  -webkit-transform: none;
  transform: none
}

@media only screen and (min-width:768px) {
  .mobile-app .reward-point-redeem.member-center .loading-animate {
    padding: 2.6666666667vmin;
    font-size: 3.4666666667vmin
  }
}

.popup-reward-redeem .reward-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-height: 600px;
  max-width: 410px;
  padding: 5px 5px 11px;
  margin: auto auto 30px;
  background-color: #6bc360;
  border-radius: 10px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5)
}

.mobile-app .popup-reward-redeem .reward-content {
  height: auto
}

@media only screen and (max-width:767px) {
  .popup-reward-redeem .reward-content {
    max-width: 300px
  }
}

.popup-reward-redeem .reward-content-member-rank span {
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 5px;
  padding: 3px 8px;
  color: #fff;
  background-color: rgba(0, 0, 0, .1);
  border-radius: 14px
}

.popup-reward-redeem .reward-content-image-container {
  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;
  width: 100%;
  height: 360px;
  margin-bottom: 10px;
  border-radius: 10px
}

@media only screen and (max-width:767px) {
  .popup-reward-redeem .reward-content-image-container {
    height: 260px
  }
}

.popup-reward-redeem .popup-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.mobile-app .popup-reward-redeem .popup-title {
  padding-top: 5.3333333333vmin
}

.popup-reward-redeem .popup-title h1 {
  word-break: break-word;
  text-align: left
}

.popup-reward-redeem .center-wrap, .popup-reward-redeem .submitbtn-wrap {
  margin-bottom: 0 !important
}

.popup-reward-redeem .reward-content-image {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  -o-object-fit: cover;
  object-fit: cover
}

.popup-reward-redeem .submit-btn {
  font-size: 24px !important
}

.popup-reward-redeem .reward-content-point {
  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
}

.popup-reward-redeem .reward-content-point-icon {
  width: 25px;
  height: 25px;
  line-height: 25px;
  margin-right: 10px;
  font-size: 14px;
  font-weight: 900;
  text-align: center;
  color: #fff;
  background-color: #2f2f2f;
  border-radius: 50%
}

[dir=rtl] .popup-reward-redeem .reward-content-point-icon {
  margin-right: 0;
  margin-left: 10px
}

.popup-reward-redeem .reward-content-point-img {
  width: 25px;
  height: 25px;
  margin-right: 10px
}

.popup-reward-redeem .reward-content-point-number {
  font-size: 16px;
  font-weight: 900;
  line-height: 1.56;
  color: #1b1b1b
}

.popup-reward-redeem .html-content {
  color: canvastext;
  margin-top: 30px;
  padding: 22px 24px;
  border-radius: 5px;
  background-color: #fff
}

.mobile-app .popup-reward-redeem .html-content {
  padding: 20px
}

.popup-reward-redeem .equal-input-block {
  padding-bottom: 84px
}

.mobile-app .reward-history.member-center .memberform-fuild, .mobile-app .reward-history.member-center .memberform-wrap {
  padding: 20px 10px
}

.reward-history.member-center .reward-point-container {
  margin: 10px auto
}

.mobile-app .reward-history.member-center .reward-point-container {
  margin: 10px 0
}

.reward-history.member-center .tab-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 480px;
  margin: 10px auto 30px
}

.mobile-app .reward-history.member-center .tab-menu {
  max-width: none;
  margin: 10px -10px 20px
}

.reward-history.member-center .tab-menu-item {
  padding: 12px 0;
  width: 50%;
  text-align: center;
  font-weight: 700;
  border-bottom: 1px solid;
  border-color: #777;
  color: #777;
  -webkit-transition: .3s ease;
  transition: .3s ease;
  cursor: pointer
}

.reward-history.member-center .tab-menu-item.active {
  color: #6bc360;
  border-color: #6bc360
}

.reward-history.member-center .searchway-block {
  margin-bottom: 30px !important
}

.mobile-app .reward-history.member-center .searchway-block {
  margin-bottom: 15px !important
}

.reward-history.member-center .searchway-date {
  margin-bottom: 0 !important
}

.reward-history.member-center .searchway-date .searchway-select {
  padding-bottom: 0 !important
}

.popup-reward-redeem .reward-content-image-container {
  background-color: #2f2f2f
}

@media only screen and (min-width:769px) {
  .popup-reward-redeem .popup-input-content .backpack-content-inner .tag-header .tag-title {
    color: #fff;
    text-shadow: 0 0 #fff
  }
}

.balancelist-wrapper .reward-point-redeem-wrapper {
  position: relative;
  height: 100%;
  overflow: auto
}

.balancelist-wrapper .reward-point-redeem {
  overflow: visible;
  margin-top: 10px
}

.balancelist-wrapper .reward-point-redeem .reward-list-container {
  padding-bottom: 10px
}

.balancelist-wrapper .reward-point-redeem .reward-item-container {
  margin-bottom: 15px;
  border-radius: 5px;
  -webkit-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .2);
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .2)
}

.balancelist-wrapper .reward-point-redeem .reward-item-container .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 110px;
  padding: 10px;
  margin-bottom: 5px;
  cursor: pointer
}

.balancelist-wrapper .reward-point-redeem .reward-item-container .box:last-child {
  margin-bottom: 0
}

.balancelist-wrapper .reward-point-redeem .reward-item-member-rank-mob {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 10px
}

.balancelist-wrapper .reward-point-redeem .reward-item-member-rank-mob span {
  margin-bottom: 10px;
  margin-right: 2px;
  padding: 3px 5px;
  line-height: 14px;
  font-size: 12px;
  letter-spacing: 1px;
  color: #fff;
  background-color: rgba(0, 0, 0, .2);
  border-radius: 14px
}

.balancelist-wrapper .reward-point-redeem .reward-no-data {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.balancelist-wrapper .reward-point-redeem .reward-item-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 10px
}

.balancelist-wrapper .reward-point-redeem .reward-item-image {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 5px
}

.balancelist-wrapper .reward-point-redeem .reward-item-right {
  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: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%
}

.balancelist-wrapper .reward-point-redeem .reward-item-name {
  display: -webkit-box;
  height: 50px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.43;
  font-weight: 700;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2
}

.balancelist-wrapper .reward-point-redeem .reward-item-redeem-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  overflow: hidden;
  margin-left: auto;
  max-width: none;
  padding: 10px 20px;
  height: 40px;
  border-radius: 20px;
  white-space: nowrap;
  text-overflow: ellipsis
}

.balancelist-wrapper .reward-point-redeem .reward-item-redeem-disabled {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 40px;
  margin-left: auto;
  padding: 10px 20px;
  font-weight: 900;
  text-align: center;
  font-size: 16px;
  border-radius: 20px
}

.balancelist-wrapper .reward-point-redeem .reward-item-point-icon {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  line-height: 20px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 2px
}

.balancelist-wrapper .reward-point-redeem .reward-item-point-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1)
}

.balancelist-wrapper .reward-point-redeem .reward-item-point-number {
  font-size: 16px;
  font-weight: 900;
  line-height: 1.25;
  color: #1b1b1b
}

.balancelist-wrapper .reward-point-redeem .loading-animate {
  width: 100%;
  padding: 20px;
  text-align: center;
  font-size: 2rem;
  font-weight: 600
}

.mobile-app .balancelist-wrapper .reward-point-redeem .loading-animate {
  width: auto;
  margin-top: 0;
  padding: 5.3333333333vmin;
  font-size: 6.4vmin
}

@media only screen and (min-width:768px) {
  .mobile-app .balancelist-wrapper .reward-point-redeem .loading-animate {
    padding: 2.6666666667vmin;
    font-size: 3.4666666667vmin
  }
}

.balancelist-wrapper .reward-history {
  overflow: auto
}

.mobile-app .balancelist-wrapper .reward-history {
  padding: 0 10px
}

.mobile-app .balancelist-wrapper .reward-history .memberform-fuild, .mobile-app .balancelist-wrapper .reward-history .memberform-wrap {
  padding: 20px 10px
}

.balancelist-wrapper .reward-history .reward-point-container {
  margin: 10px auto
}

.mobile-app .balancelist-wrapper .reward-history .reward-point-container {
  margin: 10px 0
}

.balancelist-wrapper .reward-history .tab-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 480px;
  margin: 15px auto 10px
}

.balancelist-wrapper .reward-history .tab-menu-item {
  padding: 12px 0;
  width: 50%;
  text-align: center;
  font-weight: 700;
  background: #777;
  color: #fff;
  border-radius: 20px;
  -webkit-transition: .3s ease;
  transition: .3s ease;
  cursor: pointer;
  margin-right: 20px
}

.mobile-app .balancelist-wrapper .reward-history .tab-menu-item {
  margin-right: 10px
}

.balancelist-wrapper .reward-history .tab-menu-item:last-child {
  margin-right: 0
}

.balancelist-wrapper .reward-history .tab-menu-item.active {
  color: #000;
  background: #6bc360
}

.balancelist-wrapper .reward-history .searchway-block {
  margin-bottom: 15px !important
}

.balancelist-wrapper .reward-history .searchway-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0 !important;
  width: 100%
}

.balancelist-wrapper .reward-history .searchway-date .searchway-select {
  display: block !important;
  padding-bottom: 0 !important
}

.balancelist-wrapper .reward-history .searchway-date .searchway-btn {
  display: none !important
}

.balancelist-wrapper .reward-history .searchway-date .searchway-title {
  padding: 10px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  white-space: nowrap
}

.balancelist-wrapper .reward-history .searchway-date .searchway-title span {
  font-size: 16px
}

.balancelist-wrapper .reward-history .searchway-date .searchway-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.balancelist-wrapper .reward-history .searchway-date .searchway-btn>[class*=Btn] {
  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;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  text-align: center;
  font-size: 16px;
  padding: 10px;
  border: 2px solid #000;
  opacity: .3
}

.balancelist-wrapper .reward-history .searchway-date .searchway-btn>[class*=Btn]:first-child {
  border-top-left-radius: 5px
}

.balancelist-wrapper .reward-history .searchway-date .searchway-btn>[class*=Btn]:nth-child(2) {
  border-top-right-radius: 5px;
  border-left: none
}

.balancelist-wrapper .reward-history .searchway-date .searchway-btn>[class*=Btn]:nth-child(3) {
  border-top: none
}

.balancelist-wrapper .reward-history .searchway-date .searchway-btn>[class*=Btn]:nth-child(4) {
  border-top: none;
  border-left: none;
  border-bottom-right-radius: 5px
}

.balancelist-wrapper .reward-history .searchway-date .searchway-btn>[class*=Btn]:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top: none
}

.balancelist-wrapper .reward-history .searchway-date .searchway-btn>[class*=Btn].isActive {
  opacity: 1;
  border: 2px solid #000
}

.balancelist-wrapper .reward-history .searchway-date .searchway-btn>[class*=Btn].isActive+div {
  border-left: 2px solid #000
}

.balancelist-wrapper .reward-history .searchway-date .el-input__inner {
  background: transparent !important;
  border: none !important
}

.balancelist-wrapper .listrecord {
  margin-bottom: 0
}

.balancelist-wrapper .listrecord .list-th {
  display: none
}

.balancelist-wrapper .listrecord .norecord {
  border: none;
  border-radius: 5px;
  margin-bottom: 20px
}

.balancelist-wrapper .listrecord .el-row {
  margin-bottom: 20px;
  table-layout: auto
}

.balancelist-wrapper .listrecord .list-td {
  overflow: hidden;
  border-radius: 5px;
  border-top: 1px solid #ddd
}

.balancelist-wrapper .listrecord .list-td>.el-col {
  border-right: 0
}

.balancelist-wrapper .listrecord .even-list .list-td:nth-child(2n) {
  background: fff9eb
}

.balancelist-wrapper .listrecord .even-list .even-list-row {
  display: table;
  table-layout: fixed;
  width: 100%
}

.balancelist-wrapper .listrecord .even-list .even-list-row:nth-child(n+2) {
  border-top: 1px solid #ddd
}

.balancelist-wrapper .listrecord .even-list .even-list-row .el-col {
  display: table-cell;
  float: none;
  vertical-align: middle;
  width: 50%
}

.balancelist-wrapper .listrecord .even-list .even-list-row .el-col.hidden-sm-and-up {
  font-weight: 600
}

.balancelist-wrapper .listrecord .hidden-sm-and-up {
  display: table-cell !important
}

.balancelist-wrapper .listrecord .el-col {
  text-align: right
}

.balancelist-wrapper .listrecord .list-td>.el-col>.el-col {
  border-right: none
}

.balancelist-wrapper .reward-point-redeem .loading-animate {
  color: #959595
}

.balancelist-wrapper .reward-item-container {
  background-color: #2f2f2f
}

.balancelist-wrapper .reward-item-name {
  color: #fff
}

.balancelist-wrapper .reward-item-redeem-button {
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
  background-color: #6bc360
}

.balancelist-wrapper .reward-item-redeem-disabled {
  color: #000;
  background-color: #5b5b5b;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5)
}

.balancelist-wrapper .reward-item-point-icon {
  color: #fff;
  background-color: #434343
}

.balancelist-wrapper .listrecord .list-td {
  border: 1px solid #3a3a3a;
  background: none !important
}

.balancelist-wrapper .listrecord .hidden-sm-and-up {
  color: #fff;
  background-color: #2a2a2a
}

.balancelist-wrapper .listrecord .even-list .even-list-row:nth-child(n+2) {
  border-color: #3a3a3a
}

.balancelist-wrapper .listrecord .even-list-row:first-child .word-wrap {
  color: #fd0
}

.balancelist-wrapper .listrecord .even-list-row>.word-wrap {
  color: #aaa;
  background: #111
}

.balancelist-wrapper .listrecord .norecord {
  color: #fff;
  background: rgba(0, 0, 0, .3)
}

.balancelist-wrapper .searchway-date .searchway-title {
  color: #fff
}

.balancelist-wrapper .searchway-date .el-input {
  border-bottom: 1px solid #ccc
}

.balancelist-wrapper .searchway-date .el-input__inner {
  color: #fff
}

.balancelist-wrapper .searchway-date .el-input__inner:focus {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important
}

.balancelist-wrapper .searchway-date .el-select__caret {
  color: #c0c4cc !important
}

#tournament .container {
  background: #fff;
  border-radius: 10px;
  max-width: 1680px;
  margin: 20px auto;
  min-height: 80vh;
  padding: 20px;
  -webkit-box-shadow: 0 4px 10px 0 hsla(0, 0%, 53.3%, .25098);
  box-shadow: 0 4px 10px 0 hsla(0, 0%, 53.3%, .25098)
}

#tournament .container.depositTournament {
  background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), color-stop(78.65%, #e9e9e9), to(#fafafa));
  background: linear-gradient(180deg, #fdfdfd, #e9e9e9 78.65%, #fafafa)
}

#tournament .point-icon {
  color: #fff;
  background-color: #9d6334;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  margin-left: 5px;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  line-height: 20px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 2px;
  min-width: 20px
}

#tournament .point-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1)
}

#tournament .point-icon.current {
  background: none
}

#tournament .point-icon.current img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  width: 20px;
  height: 20px
}

#tournament .in-progress {
  height: 100%;
  overflow: hidden
}

#tournament .in-progress .user-rank {
  border: 1px solid #d2dbe5;
  border-radius: 10px;
  background: #dfeafa;
  -webkit-box-shadow: 0 -4px 12px 5px hsla(0, 0%, 100%, .73333) inset;
  box-shadow: inset 0 -4px 12px 5px hsla(0, 0%, 100%, .73333)
}

#tournament .in-progress .user-rank.depositTournament {
  background: -webkit-gradient(linear, left bottom, left top, from(#fffaf2), to(#fff));
  background: linear-gradient(0deg, #fffaf2, #fff);
  border: 1px solid #fff8ec
}

#tournament .in-progress .user-rank.depositTournament .total-reward-box {
  border-top: 3px solid #fff8ec
}

#tournament .in-progress .user-rank.depositTournament .mob-border-left:after {
  background: #fff8ec
}

#tournament .in-progress .user-rank .user-data.depositTournament {
  background: -webkit-gradient(linear, left top, left bottom, from(#ebc101), to(#f49012));
  background: linear-gradient(180deg, #ebc101, #f49012)
}

#tournament .in-progress .user-rank .user-data.depositTournament .label {
  color: #fff8ec
}

#tournament .in-progress .user-rank .info-countdown .countdown-box.depositTournament .box {
  background: -webkit-gradient(linear, left bottom, left top, from(#ebc101), color-stop(39.68%, #f49012), to(#fed001));
  background: linear-gradient(0deg, #ebc101, #f49012 39.68%, #fed001);
  border: 1px solid #fff8ec
}

#tournament .in-progress .user-rank .info-countdown .countdown-box.depositTournament .time {
  color: #fff;
  text-shadow: 0 0 4px 0 rgba(0, 0, 0, .50196)
}

#tournament .in-progress .user-rank .info-countdown .countdown-box.depositTournament .unit {
  color: #fff;
  text-shadow: none
}

#tournament .in-progress .ranking-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

#tournament .in-progress .ranking-list.depositTournament .title-row .title {
  -webkit-text-stroke: 1px #b6bbc7
}

#tournament .in-progress .ranking-list.depositTournament .list-body {
  overflow: auto
}

#tournament .in-progress .ranking-list .title-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 12px 0
}

#tournament .in-progress .ranking-list .title-row .box {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

#tournament .in-progress .ranking-list .title-row .title {
  padding: 0 20px;
  font-size: 26px;
  font-weight: 700;
  color: #313131;
  -webkit-text-stroke: 1px #feb621;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#tournament .in-progress .ranking-list .title-row .title .icon-question {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/icon-question_40f7113.webp);
  background-size: cover;
  width: 26px;
  height: 26px;
  margin-left: 10px
}

#tournament .in-progress .ranking-list .title-row .line {
  height: 6px;
  background: -webkit-gradient(linear, right top, left top, color-stop(6.69%, rgba(255, 172, 0, .872727)), to(rgba(255, 172, 0, 0)));
  background: linear-gradient(270deg, rgba(255, 172, 0, .872727) 6.69%, rgba(255, 172, 0, 0))
}

#tournament .in-progress .ranking-list .title-row .line.no-1 {
  margin-right: 100px
}

#tournament .in-progress .ranking-list .title-row .line.no-2 {
  margin: 5px 0
}

#tournament .in-progress .ranking-list .title-row .line.no-3 {
  margin-right: 20px
}

#tournament .in-progress .ranking-list .title-row .line.no-4 {
  margin-left: 100px
}

#tournament .in-progress .ranking-list .title-row .line.no-4, #tournament .in-progress .ranking-list .title-row .line.no-5 {
  background: -webkit-gradient(linear, left top, right top, color-stop(6.69%, rgba(255, 172, 0, .872727)), to(rgba(255, 172, 0, 0)));
  background: linear-gradient(90deg, rgba(255, 172, 0, .872727) 6.69%, rgba(255, 172, 0, 0))
}

#tournament .in-progress .ranking-list .title-row .line.no-5 {
  margin: 5px 0
}

#tournament .in-progress .ranking-list .title-row .line.no-6 {
  margin-left: 20px;
  background: -webkit-gradient(linear, left top, right top, color-stop(6.69%, rgba(255, 172, 0, .872727)), to(rgba(255, 172, 0, 0)));
  background: linear-gradient(90deg, rgba(255, 172, 0, .872727) 6.69%, rgba(255, 172, 0, 0))
}

#tournament .in-progress .ranking-list .last-update-time {
  color: #383838;
  font-size: 18px;
  text-align: right;
  margin: 12px 0
}

#tournament .in-progress .ranking-list .last-update-time i {
  margin-right: 10px
}

#tournament .in-progress .ranking-list.depositTournament .title-row .line {
  background: -webkit-gradient(linear, right top, left top, from(rgba(182, 187, 199, 0)), color-stop(.01%, rgba(182, 187, 199, .872727)), to(rgba(182, 187, 199, 0)));
  background: linear-gradient(270deg, rgba(182, 187, 199, 0), rgba(182, 187, 199, .872727) .01%, rgba(182, 187, 199, 0))
}

#tournament .in-progress .ranking-list.depositTournament .title-row .line.no-4, #tournament .in-progress .ranking-list.depositTournament .title-row .line.no-5, #tournament .in-progress .ranking-list.depositTournament .title-row .line.no-6 {
  background: -webkit-gradient(linear, right top, left top, from(rgba(182, 187, 199, 0)), color-stop(.01%, rgba(182, 187, 199, 0)), to(rgba(182, 187, 199, .872727)));
  background: linear-gradient(270deg, rgba(182, 187, 199, 0), rgba(182, 187, 199, 0) .01%, rgba(182, 187, 199, .872727))
}

#tournament .in-progress .ranking-list.depositTournament .list-head {
  background-color: #f49012;
  color: #fff
}

#tournament .in-progress .ranking-list.depositTournament .list-head .el-col {
  word-break: normal
}

#tournament .in-progress .ranking-list.depositTournament .list-body .list-item {
  background: -webkit-gradient(linear, left bottom, left top, from(#fffaf2), to(#fff));
  background: linear-gradient(0deg, #fffaf2, #fff);
  border: 1px solid #fff8ec
}

#tournament .in-progress .ranking-list.depositTournament .list-body .list-item .el-col {
  display: grid
}

#tournament .history .no-data {
  padding: 20px;
  height: 70vh;
  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
}

#tournament .history .no-data .empty-img {
  width: 200px;
  height: 200px;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/empty-light_a2bd080.webp) no-repeat;
  background-size: contain
}

#tournament .history .no-data .empty-text {
  font-size: 16px;
  color: #44474a;
  margin: 10px 0
}

#tournament .history .list {
  margin: 10px;
  border: 1px solid #d2dbe5;
  border-radius: 10px;
  background: -webkit-gradient(linear, left top, left bottom, from(#f2f7ff), to(#fff));
  background: linear-gradient(180deg, #f2f7ff, #fff);
  min-height: 200px
}

#tournament .history .list .img-box {
  background: #e1e7f1;
  height: 200px;
  padding: 20px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

[dir=rtl] #tournament .history .list .img-box {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px
}

#tournament .history .list .img-box .info-img {
  width: 100%;
  max-height: 100%;
  border-radius: 10px
}

#tournament .history .list .content-box {
  padding: 10px 20px
}

#tournament .history .list .content-box .title-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 20px
}

#tournament .history .list .content-box .title-row .name {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 20px;
  color: #44474a;
  font-weight: 700;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  padding-right: 10px
}

#tournament .history .list .content-box .label {
  font-size: 18px;
  color: #383838;
  font-weight: 400;
  margin-bottom: 20px
}

#tournament .history .list .content-box .text {
  font-size: 24px;
  font-weight: 700;
  color: #9d6334;
  margin: 20px 0
}

#tournament .history .list .button-box {
  -ms-flex-item-align: baseline;
  align-self: baseline;
  text-align: right
}

#tournament .history .list .button-box.mob {
  display: none
}

#tournament .history .list .button-box button {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
  background-image: linear-gradient(180deg, #666 0, #000);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF666666", endColorstr="#FF000000", GradientType=0);
  -webkit-box-shadow: inset 0 -1px 5px 0 hsla(0, 0%, 100%, .5);
  box-shadow: inset 0 -1px 5px 0 hsla(0, 0%, 100%, .5);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  cursor: pointer;
  display: inline-block;
  width: auto;
  height: auto;
  padding: 10px 40px;
  font-size: 18px;
  color: #fff;
  line-height: 30px;
  letter-spacing: 1px;
  text-shadow: 1px 2px 1px rgba(0, 0, 0, .5);
  border-radius: 5px;
  border: 1px solid grey
}

#tournament .history .list .button-box button:hover {
  -webkit-box-shadow: inset 0 -1px 20px 0 hsla(0, 0%, 100%, .5);
  box-shadow: inset 0 -1px 20px 0 hsla(0, 0%, 100%, .5)
}

@media only screen and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1), only screen and (max-width:768px), only screen and (min-device-width:1280px) and (max-device-width:1280px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) and (-webkit-min-device-pixel-ratio:2), only screen and (min-device-width:1280px) and (max-device-width:1280px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) and (min-resolution:192dpi), only screen and (min-device-width:1366px) and (max-device-width:1366px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:2), only screen and (min-device-width:1440px) and (max-device-width:1440px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:1.5) {
  #tournament .history .list .button-box button:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
    background-image: linear-gradient(180deg, #666 0, #000);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF666666", endColorstr="#FF000000", GradientType=0)
  }
}

#tournament .history .list .button-box button.disabled {
  background: #d2dbe5;
  color: #fff;
  cursor: not-allowed;
  border: 0;
  text-shadow: none
}

#tournament .history .list .button-box button.disabled:hover {
  background: #d2dbe5;
  color: #fff
}

#tournament .history.depositTournament .list {
  border: 1px solid #fff8ec;
  background: -webkit-gradient(linear, left bottom, left top, from(#fffaf2), to(#fff));
  background: linear-gradient(0deg, #fffaf2, #fff)
}

#tournament .history.depositTournament .list .img-box {
  background: #fff8ec
}

#tournament .leader-board-popup {
  background: #fff;
  padding: 20px;
  border-radius: 10px
}

#tournament .leader-board-popup .ranking-list {
  max-height: 75vh
}

.mobile-app #tournament .container {
  margin: 2.6666666667vmin 5.3333333333vmin;
  border-radius: 2.6666666667vmin;
  padding: 1.3333333333vmin
}

.mobile-app #tournament .in-progress .user-rank {
  border-radius: 2.6666666667vmin
}

.mobile-app #tournament .in-progress .info-img {
  max-height: 90.6666666667vmin;
  border-radius: 2.1333333333vmin 2.1333333333vmin 0 0
}

.mobile-app #tournament .in-progress .user-data {
  padding: 2.6666666667vmin 0
}

.mobile-app #tournament .in-progress .user-data .label {
  font-size: 3.7333333333vmin
}

.mobile-app #tournament .in-progress .content .name {
  font-size: 4.8vmin;
  margin: 3.2vmin 2.6666666667vmin 2.1333333333vmin
}

.mobile-app #tournament .in-progress .content .end-label {
  font-size: 3.7333333333vmin;
  margin-bottom: 2.6666666667vmin
}

.mobile-app #tournament .mob-border-left {
  position: relative
}

.mobile-app #tournament .history .no-data {
  padding: 0 8vmin
}

.mobile-app #tournament .history .no-data .empty-img {
  width: 53.3333333333vmin;
  height: 53.3333333333vmin
}

.mobile-app #tournament .history .no-data .empty-text {
  font-size: 3.7333333333vmin;
  margin: 2.6666666667vmin 0
}

.mobile-app #tournament .history .list {
  margin: 2.6666666667vmin;
  border-radius: 2.6666666667vmin;
  min-height: auto
}

.mobile-app #tournament .history .list .img-box {
  height: auto;
  padding: 0;
  border-radius: 2.6666666667vmin 2.6666666667vmin 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.mobile-app #tournament .history .list .img-box .info-img {
  width: 100%;
  border-radius: 2.6666666667vmin 2.6666666667vmin 0 0
}

.mobile-app #tournament .history .list .content-box {
  padding: 2.6666666667vmin 5.3333333333vmin
}

.mobile-app #tournament .history .list .content-box .title-row .name {
  font-size: 4.8vmin;
  margin-bottom: 2.6666666667vmin
}

.mobile-app #tournament .history .list .content-box .label {
  font-size: 3.7333333333vmin;
  margin-bottom: 1.3333333333vmin
}

.mobile-app #tournament .history .list .content-box .text {
  font-size: 4.2666666667vmin;
  margin: 0 0 4vmin
}

.mobile-app #tournament .history .list .content-box .button-box.web {
  display: none
}

.mobile-app #tournament .history .list .content-box .button-box.mob {
  display: block;
  text-align: center
}

.mobile-app #tournament .ranking-list .title-row {
  margin: 4vmin 0 0
}

.mobile-app #tournament .ranking-list .title-row .title {
  padding: 0 2.6666666667vmin;
  font-size: 5.3333333333vmin
}

.mobile-app #tournament .ranking-list .title-row .line.no-1 {
  margin-right: 10.6666666667vmin
}

.mobile-app #tournament .ranking-list .title-row .line.no-3 {
  margin-right: 4vmin
}

.mobile-app #tournament .ranking-list .title-row .line.no-4 {
  margin-left: 10.6666666667vmin
}

.mobile-app #tournament .ranking-list .title-row .line.no-6 {
  margin-left: 4vmin
}

.mobile-app #tournament .ranking-list .last-update-time {
  font-size: 3.7333333333vmin;
  margin: 2.6666666667vmin 0
}

.mobile-app #tournament .ranking-list .last-update-time i {
  margin-right: 1.3333333333vmin
}

.mobile-app #tournament .leader-board-popup {
  padding: 2.6666666667vmin;
  border-radius: 2.6666666667vmin
}

@media only screen and (min-width:768px) {
  .user-rank {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .user-rank .mob-border-left:after {
    display: none
  }

  .user-rank .web-border-left {
    position: relative
  }

  .user-rank .web-border-left:after {
    content: "";
    position: absolute;
    left: 0;
    top: 25px;
    width: 2px;
    height: 62px;
    background: #4c5a81
  }

  [dir=rtl] .user-rank .web-border-left:after {
    left: auto;
    right: 0
  }

  .user-rank.depositTournament .web-border-left:after {
    background: #fff8ec
  }
}

#member_invite {
  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-align: center;
  -ms-flex-align: center;
  align-items: center
}

#member_invite.before-login {
  margin: 20px;
  background: none;
  border-radius: 10px
}

#member_invite.before-login .top-title h3 {
  color: #fde265;
  letter-spacing: 1px;
  padding-bottom: 10px;
  margin-bottom: 40px
}

#member_invite .top-title h3 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  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;
  padding: 0 20px
}

#member_invite .top-title .icon-question {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/icon-question_40f7113.webp);
  background-size: cover;
  width: 26px;
  height: 26px;
  margin-left: 10px
}

#member_invite .tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 3px;
  border-radius: 100px;
  background: #f4f4f4;
  border: 1px solid #e8e8e8;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 20px
}

#member_invite .tab-list .tab {
  min-width: 80px;
  padding: 6px 20px;
  color: #a5a5a5;
  font-size: 18px;
  font-weight: 700;
  background: transparent;
  -webkit-transition: all .3s;
  transition: all .3s;
  border-radius: 100px;
  cursor: pointer;
  text-align: center;
  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
}

#member_invite .tab-list .tab.active {
  background: #7e7e7e;
  color: #fff
}

#member_invite .memberform-fuild {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%
}

#member_invite .before-login-content, #member_invite .memberform-fuild {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#member_invite .before-login-content {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/before-login-bg-web_fe2e4ae.webp) no-repeat 50%;
  background-size: cover;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 260px;
  border-radius: 10px
}

#member_invite .before-login-content .img {
  width: 240px;
  height: 240px;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/invite-friend_16d5aab.webp) no-repeat 50%;
  background-size: contain
}

#member_invite .before-login-content .text {
  padding: 0 40px 0 20px
}

#member_invite .before-login-content .text .title {
  font-size: 32px;
  font-weight: 700;
  color: #000;
  margin-bottom: 20px
}

#member_invite .before-login-content .text .invite-btn {
  padding: 5px 15px;
  background: #fff;
  color: #959595;
  font-size: 18px;
  font-weight: 700;
  border-radius: 40px;
  border: 1px solid #dedede;
  cursor: pointer;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#member_invite .before-login-content .text .invite-btn:after {
  color: #ea9f13;
  margin-left: 5px;
  font-size: 24px;
  content: "";
  font-family: element-icons
}

#member_invite .dashboard {
  width: 100%
}

#member_invite .dashboard .rebateCombin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

#member_invite .dashboard .rebateCombin>div {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

#member_invite .dashboard .summary-block {
  background-color: #fff;
  border: 1px solid #dedede;
  padding: 16px;
  border-radius: 12px;
  height: 100%
}

#member_invite .dashboard .summary-block .block-title {
  font-size: 18px;
  font-weight: 700;
  color: #000
}

#member_invite .dashboard .summary-block .block-top {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 20px
}

#member_invite .dashboard .summary-block .block-top, #member_invite .dashboard .summary-block .block-top .block-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#member_invite .dashboard .summary-block .block-top .block-right {
  font-size: 14px
}

#member_invite .dashboard .summary-block .block-top .block-right a>img {
  width: 20px
}

#member_invite .dashboard .summary-block .block-column {
  margin-bottom: 29px
}

#member_invite .dashboard .summary-block .block-column .column-title {
  font-size: 14px;
  color: #6c5f4e
}

#member_invite .dashboard .summary-block .block-column .column-value {
  color: #000;
  font-size: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline
}

#member_invite .dashboard .summary-block .block-column .column-value .symbol {
  font-size: 14px;
  font-weight: 400;
  margin-right: 5px
}

#member_invite .dashboard .summary-block .block-column .column-value .point-icon {
  width: 14px;
  height: 14px;
  line-height: 14px;
  margin-right: 5px
}

#member_invite .dashboard .summary-block .block-column .column-diff {
  color: #ea9f13;
  font-size: 12px
}

#member_invite .dashboard .recommend-now {
  margin-bottom: 0
}

#member_invite .dashboard .leader-board {
  margin-top: 15px;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/rankBg_ada0e00.webp) no-repeat 100% 100%/100% #fee7b1;
  background-size: cover;
  height: 324px;
  border-radius: 12px;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

#member_invite .dashboard .leader-board h4 {
  color: #cc6300;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  text-shadow: 0 2px 4px rgba(0, 0, 0, .25098)
}

#member_invite .dashboard .leader-board .board {
  width: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  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;
  font-size: 16px;
  font-weight: 700
}

#member_invite .dashboard .leader-board .board .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: 100%;
  background: #fff;
  text-align: center;
  margin-bottom: 1px;
  padding: 20px;
  min-height: 62px;
  grid-gap: 10px;
  gap: 10px;
  align-self: stretch;
  -webkit-box-shadow: 0 14px 24px 0 rgba(234, 146, 64, .6), 0 4px 12px 0 rgba(204, 99, 0, .16078);
  box-shadow: 0 14px 24px 0 rgba(234, 146, 64, .6), 0 4px 12px 0 rgba(204, 99, 0, .16078)
}

#member_invite .dashboard .leader-board .board .item .index {
  width: 10%;
  position: relative
}

#member_invite .dashboard .leader-board .board .item .index .img {
  position: absolute;
  top: -28px;
  left: 10px;
  width: 60px;
  height: 65px
}

#member_invite .dashboard .leader-board .board .item .index .img.no-1 {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/no-1_6a50a55.webp) no-repeat 50%;
  background-size: contain
}

#member_invite .dashboard .leader-board .board .item .index .img.no-2 {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/no-2_501eb7d.webp) no-repeat 50%;
  background-size: contain
}

#member_invite .dashboard .leader-board .board .item .index .img.no-3 {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/no-3_9e625fe.webp) no-repeat 50%;
  background-size: contain
}

#member_invite .dashboard .leader-board .board .item .username {
  width: 40%;
  color: #000;
  word-break: break-all;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

#member_invite .dashboard .leader-board .board .item .amount {
  width: 50%;
  color: #cc6300;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

#member_invite .dashboard .leader-board .board .item .amount .symbol {
  margin-right: 5px
}

#member_invite .dashboard .leader-board .board .item:first-child {
  border-radius: 12px 12px 0 0
}

#member_invite .dashboard .leader-board .board .item:last-child {
  border-radius: 0 0 12px 12px
}

#member_invite .dashboard .received {
  position: relative;
  margin-top: 15px;
  margin-left: 10px;
  border-radius: 12px;
  border: 1px solid #8b7657;
  background: -webkit-gradient(linear, left top, left bottom, from(#b29469), to(#2a2a2a)), -webkit-gradient(linear, left top, left bottom, from(#c5c5c5), to(#494949));
  background: linear-gradient(180deg, #b29469, #2a2a2a), linear-gradient(180deg, #c5c5c5, #494949);
  height: 324px;
  font-size: 16px;
  font-weight: 700;
  color: #ecd8a7;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

#member_invite .dashboard .received .noData {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  height: calc(100% - 100px);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#member_invite .dashboard .received h4 {
  text-align: center;
  font-size: 18px;
  margin: 16px 0 24px
}

#member_invite .dashboard .received .swiper {
  height: 275px;
  width: 100%
}

#member_invite .dashboard .received .swiper .swiper-container {
  height: 100%
}

#member_invite .dashboard .received .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  text-align: center;
  margin: 0 16px 16px;
  padding: 8px 12px;
  grid-gap: 16px;
  gap: 16px;
  align-self: stretch;
  background: hsla(0, 0%, 100%, .04);
  border-top: 1px solid #8b7657;
  border-radius: 100px
}

#member_invite .dashboard .received .item>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: normal
}

#member_invite .dashboard .received .username {
  color: #fff;
  word-break: break-all;
  width: 30%;
  padding-left: 20px
}

#member_invite .dashboard .received .tag {
  color: #fff;
  width: 40%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

#member_invite .dashboard .received .amount {
  width: 30%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

#member_invite .dashboard .received .amount .symbol {
  margin-right: 5px
}

#member_invite .dashboard .received .bottom-mask {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 30%;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .8)));
  background: linear-gradient(transparent, rgba(0, 0, 0, .8));
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  z-index: 1
}

#member_invite .achievement-reward {
  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-align: center;
  -ms-flex-align: center;
  align-items: center
}

#member_invite .achievement-reward .hint {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  white-space: pre-line
}

#member_invite .achievement-reward .total-reward {
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 10px
}

#member_invite .achievement-reward .total-reward .text {
  color: #5a5a5a;
  font-size: 14px;
  font-weight: 700;
  padding-right: 50px
}

#member_invite .achievement-reward .total-reward .num {
  color: #656a97;
  font-size: 14px;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#member_invite .achievement-reward .total-reward .num .total-received-reward {
  padding-left: 5px;
  color: #e79514
}

#member_invite .achievement-reward .total-reward .num .current-point-icon {
  background-color: #656a97
}

#member_invite .achievement-reward .total-reward .num .total-point-icon {
  background-color: #e79514
}

#member_invite .achievement-reward .total-reward .num .current-point-icon, #member_invite .achievement-reward .total-reward .num .total-point-icon {
  width: 18px;
  height: 18px;
  margin: 0 5px
}

#member_invite .achievement-reward .reward-list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 10px
}

#member_invite .achievement-reward .reward-list .reward-item {
  width: calc(20% - 20px);
  min-width: 208px;
  padding: 12px 20px;
  margin: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-radius: 10px;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/reward-bg-web_bddb9db.webp) no-repeat 50%;
  background-size: cover;
  overflow: hidden;
  cursor: pointer;
  position: relative
}

#member_invite .achievement-reward .reward-list .reward-item.disabled {
  cursor: not-allowed
}

#member_invite .achievement-reward .reward-list .reward-item.disabled .right-box .reward-btn {
  background: #acacac
}

#member_invite .achievement-reward .reward-list .reward-item.received {
  cursor: auto
}

#member_invite .achievement-reward .reward-list .reward-item.received:before {
  content: "";
  position: absolute;
  left: calc(50% - 25px);
  width: 50px;
  height: 50px;
  margin: 0 auto;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/received-icon_0473745.webp) no-repeat 50%;
  background-size: contain;
  z-index: 1
}

#member_invite .achievement-reward .reward-list .reward-item.received:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: hsla(0, 0%, 100%, .37647)
}

#member_invite .achievement-reward .reward-list .reward-item .reward-img {
  width: 90px;
  height: 80px;
  border-radius: 10px
}

#member_invite .achievement-reward .reward-list .reward-item .reward-img.coin {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/coin_951e68c.webp) no-repeat 50%;
  background-size: contain
}

#member_invite .achievement-reward .reward-list .reward-item .reward-img.point {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/point_e494a09.webp) no-repeat 50%;
  background-size: contain
}

#member_invite .achievement-reward .reward-list .reward-item .reward-img.ticket {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/ticket_0e52e8b.webp) no-repeat 50%;
  background-size: contain
}

#member_invite .achievement-reward .reward-list .reward-item .reward-img.diamond {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/diamond_1d1ce99.webp) no-repeat 50%;
  background-size: contain
}

#member_invite .achievement-reward .reward-list .reward-item .reward-img.scoin {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/s-coin_5ad8403.webp) no-repeat 50%;
  background-size: contain
}

#member_invite .achievement-reward .reward-list .reward-item .reward-img.jcoin {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/j-coin_caedf37.webp) no-repeat 50%;
  background-size: contain
}

#member_invite .achievement-reward .reward-list .reward-item .right-box {
  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-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

#member_invite .achievement-reward .reward-list .reward-item .right-box .reward {
  font-size: 20px;
  font-weight: 700;
  color: #000;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

#member_invite .achievement-reward .reward-list .reward-item .right-box .headcount {
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 0;
  color: #999
}

#member_invite .achievement-reward .reward-list .reward-item .right-box .headcount .current {
  font-size: 16px
}

#member_invite .achievement-reward .reward-list .reward-item .right-box .reward-btn {
  border-radius: 4px;
  padding: 4px 20px;
  background: #00b01c;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  text-align: center
}

@media only screen and (min-width:1024px) {
  #member_invite .achievement-reward .reward-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(auto, calc(50% - 3.33333px)))
  }
}

@media only screen and (min-width:1200px) {
  #member_invite .achievement-reward .reward-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(auto, calc(33.33333% - 6.66667px)))
  }
}

@media only screen and (min-width:1600px) {
  #member_invite .achievement-reward .reward-list {
    display: grid;
    grid-template-columns: repeat(4, minmax(auto, calc(25% - 7.5px)))
  }
}

#member_invite .invite-record {
  margin: 10px 0;
  padding: 10px;
  width: 100%;
  border-radius: 12px;
  border: 1px solid #dedede;
  background: #fff
}

#member_invite .invite-record .tab-list .tab.active {
  background: #fff;
  color: #e79514
}

#member_invite .invite-record .in-progress .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 20px 0 10px
}

#member_invite .invite-record .in-progress .title .label {
  color: #7e7e7e;
  font-size: 14px;
  font-weight: 700;
  margin-right: 10px
}

#member_invite .invite-record .in-progress .title .num {
  border-radius: 10px;
  background: #e79514;
  padding: 0 4px;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  min-width: 20px;
  text-align: center
}

#member_invite .invite-record .record .title-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 20px 0 10px
}

#member_invite .invite-record .record .title-row .title {
  color: #000;
  font-size: 18px;
  font-weight: 700
}

#member_invite .invite-record .record .title-row .search-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#member_invite .invite-record .record .title-row .search-date .label {
  color: #7e7e7e;
  font-size: 14px;
  font-weight: 700;
  margin-right: 10px
}

#member_invite .invite-record .record .title-row .search-date .date-picker {
  width: 240px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 8px
}

#member_invite .invite-record .record .title-row .search-date .date-picker input {
  border-radius: 5.3333333333vmin;
  width: 42%
}

#member_invite .invite-record .record .title-row .search-date .date-picker .el-range__close-icon {
  display: none
}

#member_invite .invite-record .record .title-row .search-date .date-picker .el-icon-date {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  margin-left: 0
}

#member_invite .invite-record .sum-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

#member_invite .invite-record .sum-row .text {
  color: #7e7e7e;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 10px
}

#member_invite .invite-record .sum-row .text .num {
  color: #e79514;
  margin: 0 5px
}

#member_invite .invite-record .sum-row .text .sum {
  color: #e79514;
  margin-left: 40px
}

#member_invite .invite-record .listrecord .hidden-xs-only {
  border-radius: 12px;
  border-color: transparent
}

#member_invite .invite-record .listrecord .hidden-xs-only .el-col {
  border-color: transparent;
  text-align: left;
  font-size: 16px;
  font-weight: 700;
  color: #7e7e7e
}

#member_invite .invite-record .listrecord .norecord {
  border-color: transparent
}

#member_invite .invite-record .listrecord .list-td, #member_invite .invite-record .listrecord .list-td>.el-col, #member_invite .invite-record .listrecord .list-td>.el-col>.el-col {
  border-color: transparent;
  text-align: left
}

#member_invite .invite-record .listrecord .list-td.el-row:not(:last-child) {
  border-bottom: 1px solid #dedede
}

#member_invite .invite-record .listrecord .status {
  margin: 0 10px;
  width: 30px;
  height: 30px
}

#member_invite .invite-record .listrecord .status.success {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/success_366d9eb.webp) no-repeat 50%;
  background-size: contain
}

#member_invite .invite-record .listrecord .status.fail {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/error_e8426b6.webp) no-repeat 50%;
  background-size: contain
}

.mobile-app #member_invite .before-login-content {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/before-login-bg-mob_cad6b7a.webp) no-repeat 50%;
  background-size: cover;
  height: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 2.6666666667vmin 5.3333333333vmin 5.3333333333vmin
}

.mobile-app #member_invite .before-login-content .img {
  width: 53.3333333333vmin;
  height: 53.3333333333vmin
}

.mobile-app #member_invite .before-login-content .text {
  padding: 0;
  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-align: center;
  -ms-flex-align: center;
  align-items: center
}

.mobile-app #member_invite .before-login-content .text .title {
  font-size: 6.4vmin;
  margin-bottom: 2.6666666667vmin
}

.mobile-app #member_invite .before-login-content .text .invite-btn {
  font-size: 4.8vmin
}

.mobile-app #member_invite .tab-content {
  overflow: auto;
  width: auto;
  max-width: 100%
}

.mobile-app #member_invite .tab-content::-webkit-scrollbar {
  display: none
}

.mobile-app #member_invite .tab-content .tab-list .tab {
  white-space: nowrap;
  min-width: unset
}

.mobile-app #member_invite .dashboard .summary-block {
  margin-top: 12px;
  margin-bottom: 16px
}

.mobile-app #member_invite .dashboard .leader-board {
  height: auto;
  padding: 4vmin
}

.mobile-app #member_invite .dashboard .leader-board .board {
  margin: 3.2vmin 0
}

.mobile-app #member_invite .dashboard .leader-board .item .index {
  width: 20%
}

.mobile-app #member_invite .dashboard .leader-board .item .index .img {
  left: -10px
}

.mobile-app #member_invite .dashboard .leader-board .item .amount, .mobile-app #member_invite .dashboard .leader-board .item .username {
  width: 40%
}

.mobile-app #member_invite .dashboard .received {
  font-size: 14px;
  margin-left: 0
}

.mobile-app #member_invite .dashboard .received .item {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.mobile-app #member_invite .dashboard .received .username {
  padding-left: 0;
  width: 13.31%
}

.mobile-app #member_invite .dashboard .received .tag {
  width: 49.53%
}

.mobile-app #member_invite .dashboard .received .amount {
  width: 19.81%
}

.mobile-app #member_invite .achievement-reward {
  width: 100%
}

.mobile-app #member_invite .achievement-reward .hint {
  margin-bottom: 2.6666666667vmin
}

.mobile-app #member_invite .achievement-reward .total-reward {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #f4f4f4;
  border-radius: 3.2vmin;
  padding: 4vmin;
  width: calc(100% - vmin-mob(20));
  margin: 2.6666666667vmin
}

.mobile-app #member_invite .achievement-reward .total-reward .text {
  color: #7e7e7e;
  font-size: 3.7333333333vmin
}

.mobile-app #member_invite .achievement-reward .total-reward .num {
  font-size: 3.7333333333vmin;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.mobile-app #member_invite .achievement-reward .reward-list {
  margin-top: 0
}

.mobile-app #member_invite .achievement-reward .reward-list .reward-item {
  width: 100%;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/reward-bg-mob_037fee9.webp) no-repeat 50%;
  background-size: cover
}

.mobile-app #member_invite .achievement-reward .reward-list .reward-item .right-box .headcount {
  margin: 1.3333333333vmin 0 .5333333333vmin
}

.mobile-app #member_invite .achievement-reward .reward-list .reward-item .right-box .reward-btn {
  min-width: 26.6666666667vmin
}

.mobile-app #member_invite .invite-record .tab-list .tab {
  font-size: 16px;
  padding: 6px 10px
}

.mobile-app #member_invite .invite-record .in-progress .title {
  background: #f4f4f4;
  border-radius: 3.2vmin;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 2.6666666667vmin;
  margin: 2.6666666667vmin 0
}

.mobile-app #member_invite .invite-record .record .title-row {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.mobile-app #member_invite .invite-record .record .title-row .search-date {
  margin: 2.6666666667vmin 0
}

.mobile-app #member_invite .invite-record .record .title-row .search-date .label {
  display: none
}

.mobile-app #member_invite .invite-record .record .title-row .search-date .mob-date-picker:not(:last-child) {
  margin-right: 2.6666666667vmin
}

.mobile-app #member_invite .invite-record .record .title-row .search-date .mob-date-picker input {
  border-radius: 2.1333333333vmin;
  padding-right: 2.6666666667vmin
}

.mobile-app #member_invite .invite-record .record .listrecord .list-td .even-list-row:last-child {
  border-bottom: 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.mobile-app #member_invite .invite-record .record .sum-row {
  background: #f4f4f4;
  border-radius: 3.2vmin;
  padding: 4vmin;
  margin-bottom: 2.6666666667vmin
}

.mobile-app #member_invite .invite-record .record .sum-row .text:first-child {
  padding-bottom: 2.6666666667vmin;
  border-bottom: .2666666667vmin solid #dedede
}

.mobile-app #member_invite .invite-record .record .sum-row .text:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 0
}

.mobile-app #member_invite .invite-record .record .sum-row .text:last-child .sum {
  text-align: right
}

.mobile-app #member_invite .invite-record .listrecord .headName {
  font-weight: 700;
  color: #7e7e7e
}

.mobile-app #member_invite .invite-record .listrecord .list-td {
  border-radius: 3.2vmin;
  border: .2666666667vmin solid #dedede;
  padding: 2.6666666667vmin;
  margin-bottom: 2.6666666667vmin
}

.mobile-app #member_invite .invite-record .listrecord .list-td .even-list-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-bottom: .2666666667vmin solid #dedede;
  padding: 2.6666666667vmin 1.3333333333vmin
}

.mobile-app #member_invite .invite-record .listrecord .list-td .even-list-row>.el-col {
  width: 100%;
  padding: 0;
  font-size: 4.2666666667vmin
}

.mobile-app #member_invite .invite-record .listrecord .list-td .even-list-row>.el-col:first-child {
  font-weight: 700;
  color: #7e7e7e
}

.mobile-app #member_invite .invite-record .listrecord .list-td .even-list-row>.el-col:last-child {
  font-weight: 400;
  text-align: right
}

.rebateBtn {
  border-radius: 100px;
  border: 1px solid #dedede;
  background: #fff;
  color: #959595;
  padding: 12px 20px;
  font-weight: 700;
  font-size: 18px
}

.rebateBtn:after {
  color: #ea9f13;
  font-weight: 700;
  margin-left: 5px;
  content: "";
  font-family: element-icons !important;
  speak: none;
  font-style: normal;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: baseline;
  display: inline-block;
  -webkit-font-smoothing: antialiased
}

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

.rebateCombin>div {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.beforeLogin .top-title {
  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-align: center;
  -ms-flex-align: center;
  align-items: center
}

.beforeLogin .top-title h3 {
  color: #000;
  letter-spacing: 1px;
  border-bottom: 5px solid #fd0;
  padding: 0 20px 10px;
  margin-bottom: 40px
}

.mobile-app #member-referral-container {
  margin: 10px 0 0
}

.mobile-app #member-referral-container .top-title {
  margin-bottom: 0
}

.main-bg-before {
  background: #190f00
}

.main-bg-after, header {
  background: none
}

header .header-top {
  background: #190f00
}

.login-before ul li .login-before-content {
  font-weight: 400
}

.login-before ul li .login-before-content.signin-btn {
  background: #ff9700;
  color: #fff;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: none
}

.signin-btn .third-party-dropdown i.el-icon-arrow-down {
  color: #333
}

.third-party-dropdown .community-wrap.dropdown {
  background: -webkit-gradient(linear, left bottom, left top, from(#333), to(#333)), #fff;
  background: linear-gradient(0deg, #333, #333), #fff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5);
  box-shadow: 0 0 10px rgba(0, 0, 0, .5)
}

.login-before ul li .login-before-content.register-btn {
  background: rgba(0, 0, 0, .61961);
  color: #ff9700;
  border-color: #ff9700;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: none
}

.lang-link .dropdown-lang ul li {
  border-color: #595959
}

.lang-link .dropdown-lang ul li:hover {
  background: #595959
}

.login-after ul {
  background: #252525;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none
}

.login-after ul.money-item .deposit-btn:before {
  content: "";
  display: block;
  position: absolute;
  width: 60px;
  height: 65px;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/coin-icon_fb21c54.webp) 50%/contain;
  top: -15px;
  left: -30px;
  z-index: 1
}

.login-after ul.money-item li.deposit-btn a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #164f81;
  color: #fff;
  padding: 5px 10px 5px 30px;
  text-shadow: 0 1px 1px #000;
  line-height: 10px
}

.login-after ul.money-item .deposit-btn:after {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  background: #164f81;
  -webkit-clip-path: polygon(0 0, 100% 0, 5px 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 5px 100%, 0 100%);
  float: right;
  margin-left: -5px;
  top: 0;
  right: -17px
}

.login-after ul.money-item li.refreshBtn-block {
  padding-left: 20px
}

.login-after ul.info-item li .username:after, .login-after ul.money-item li.total-item .total-item-content:after {
  color: #ffd347
}

.login-after ul.info-item li .level .vip {
  border-color: #222
}

header .header-bottom {
  background: #301e09
}

header .header-bottom .swiper-slide {
  padding: 10px
}

header .header-bottom .swiper-slide:not(:last-child) {
  margin-right: 0
}

header .header-bottom .swiper-slide a:hover {
  background: hsla(0, 0%, 100%, .1);
  border-radius: 5px
}

header .header-bottom .swiper-slide .header-menu-btn i, header .header-bottom .swiper-slide a i {
  -webkit-transition: none;
  transition: none
}

header .header-bottom .swiper-slide .header-menu-btn, header .header-bottom .swiper-slide a {
  color: #c19667
}

header .header-bottom .header-bottom-fluid .web-menu[\:has\(.cool-event-block\:hover\)] .swiper-slide .header-menu-btn span, header .header-bottom .swiper-slide .header-menu-btn.nuxt-link-exact-active span, header .header-bottom .swiper-slide .header-menu-btn.router-link-active span, header .header-bottom .swiper-slide .header-menu-btn:hover span, header .header-bottom .swiper-slide a.nuxt-link-active span, header .header-bottom .swiper-slide a.nuxt-link-exact-active span, header .header-bottom .swiper-slide a.router-link-active span, header .header-bottom .swiper-slide a:hover span {
  color: #ff9700
}

header .header-bottom .header-bottom-fluid .web-menu:has(.cool-event-block:hover) .swiper-slide .header-menu-btn span, header .header-bottom .swiper-slide .header-menu-btn.nuxt-link-exact-active span, header .header-bottom .swiper-slide .header-menu-btn.router-link-active span, header .header-bottom .swiper-slide .header-menu-btn:hover span, header .header-bottom .swiper-slide a.nuxt-link-active span, header .header-bottom .swiper-slide a.nuxt-link-exact-active span, header .header-bottom .swiper-slide a.router-link-active span, header .header-bottom .swiper-slide a:hover span {
  color: #ff9700
}

header .header-bottom .swiper-slide a.nuxt-link-active .svg-icon, header .header-bottom .swiper-slide a:hover .svg-icon {
  fill: #ff9700
}

header .header-bottom .swiper-slide .header-menu-btn[\:has\(.article-icon\)] i, header .header-bottom .swiper-slide .header-menu-btn i, header .header-bottom .swiper-slide .header-menu-btn i img:not(.custom-icon), header .header-bottom .swiper-slide a[\:has\(.article-icon\,\%20.custom-icon\)] i, header .header-bottom .swiper-slide a i {
  -webkit-filter: brightness(0) saturate(100%) invert(68%) sepia(10%) saturate(1686%) hue-rotate(351deg) brightness(91%) contrast(81%);
  filter: brightness(0) saturate(100%) invert(68%) sepia(10%) saturate(1686%) hue-rotate(351deg) brightness(91%) contrast(81%)
}

header .header-bottom .swiper-slide .header-menu-btn:has(.article-icon) i, header .header-bottom .swiper-slide .header-menu-btn i, header .header-bottom .swiper-slide .header-menu-btn i img:not(.custom-icon), header .header-bottom .swiper-slide a:has(.article-icon, .custom-icon) i, header .header-bottom .swiper-slide a i {
  -webkit-filter: brightness(0) saturate(100%) invert(68%) sepia(10%) saturate(1686%) hue-rotate(351deg) brightness(91%) contrast(81%);
  filter: brightness(0) saturate(100%) invert(68%) sepia(10%) saturate(1686%) hue-rotate(351deg) brightness(91%) contrast(81%)
}

header .header-bottom .swiper-slide a[\:has\(.article-icon\,\%20.custom-icon\)] i[\:has\(img.custom-icon\)] {
  -webkit-filter: none;
  filter: none
}

header .header-bottom .swiper-slide a:has(.article-icon, .custom-icon) i:has(img.custom-icon) {
  -webkit-filter: none;
  filter: none
}

header .header-bottom .swiper-slide a.nuxt-link-exact-active i, header .header-bottom .swiper-slide a:hover i {
  -webkit-filter: brightness(0) saturate(100%) invert(52%) sepia(75%) saturate(1670%) hue-rotate(4deg) brightness(108%) contrast(105%);
  filter: brightness(0) saturate(100%) invert(52%) sepia(75%) saturate(1670%) hue-rotate(4deg) brightness(108%) contrast(105%)
}

header .header-bottom .swiper-slide .header-menu-btn .svg-icon, header .header-bottom .swiper-slide a .svg-icon {
  fill: #c19667
}

.friendlink-menu-item ul {
  margin-bottom: 0
}

.friendlink-menu-item ul li {
  margin-bottom: 10px
}

.friendlink-menu-nav {
  width: 40px;
  height: 40px;
  background: #ff9700;
  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;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none
}

.friendlink-menu-nav:hover {
  background: #ff9700;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transform: translateY(5px);
  transform: translateY(5px)
}

.friendlink-menu-nav img {
  width: 25px
}

.friendlink-menu-nav:hover img {
  -webkit-filter: none;
  filter: none
}

.scrollToTop {
  background: #962bb1
}

.scrollToTop a {
  color: #fff
}

.index-banner .web_banner {
  position: relative
}

.index-banner .web_banner:before {
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  position: absolute;
  background: #ff9700;
  bottom: 0;
  left: 0;
  z-index: 2
}

.index-banner .swiper-container-horizontal>.swiper-pagination-bullets {
  background: none;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none
}

.index-banner .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .index-banner .swiper-container-horizontal>.swiper-pagination-bullets>.swiper-pagination-bullet {
  position: relative;
  width: 20px;
  height: 20px;
  background: hsla(0, 0%, 100%, .6);
  margin: 0 4px;
  border: 1px solid transparent;
  opacity: .2;
  -webkit-transform: scale(1) !important;
  transform: scale(1) !important
}

.index-banner .swiper-container-horizontal>.swiper-pagination-bullets>.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #ff9700;
  border: 1px solid #fff;
  opacity: 1
}

.news-wrapper {
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none
}

.news-wrapper:after, .news-wrapper:before {
  display: none
}

.news-wrapper .news-block {
  width: 100%
}

.news-wrapper .news-block .news-scroll .marquee-content {
  color: #fff
}

.news-wrapper .news-block .news-scroll .marquee-content .title {
  color: #fef89a;
  font-weight: 700
}

.index-gamelist .index-parallel {
  position: relative;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 151, 0, 0)), color-stop(25%, rgba(255, 151, 0, .1)), color-stop(50%, rgba(255, 151, 0, .2)), color-stop(76%, rgba(255, 151, 0, .1)), to(rgba(255, 151, 0, 0)));
  background: linear-gradient(90deg, rgba(255, 151, 0, 0) 0, rgba(255, 151, 0, .1) 25%, rgba(255, 151, 0, .2) 50%, rgba(255, 151, 0, .1) 76%, rgba(255, 151, 0, 0));
  margin: 0 -10% 20px;
  padding: 50px 0
}

.mobile-app .index-gamelist .index-parallel {
  padding: 0 10%
}

.index-parallel .container-mid .index-title {
  margin-bottom: 20px
}

.index-gamelist .featuredSwiper-prev, .index-gamelist .hotSwiper-prev, .index-gamelist .newSwiper-prev, .index-gamelist .promoteSwiper-prev {
  background-image: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/arrow-left_4312fdc.webp)
}

.index-gamelist .featuredSwiper-next, .index-gamelist .hotSwiper-next, .index-gamelist .newSwiper-next, .index-gamelist .promoteSwiper-next {
  background-image: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/arrow-right_8ebf13d.webp)
}

.featured-game .gamelist-img-border {
  border-color: #94d7df #5fc3cf #10a6b8 #94d7df;
  border-style: outset inset groove outset;
  -webkit-box-shadow: 0 0 10px 2px #000 inset;
  box-shadow: inset 0 0 10px 2px #000
}

.new-game .gamelist-img-border, .promote-game .gamelist-img-border {
  border-color: #ffff52 #efa93c #efa93c;
  border-style: outset inset groove outset
}

.new-game .gamelist-img-border .love-icon:after, .new-game .gamelist-img-border:before, .promote-game .gamelist-img-border .love-icon:after, .promote-game .gamelist-img-border:before {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #edba00), color-stop(50%, #ffff52));
  background: linear-gradient(0deg, #edba00 50%, #ffff52 0)
}

.index-gamelist .index-parallel:after {
  content: "";
  width: 100%;
  height: 2px;
  display: block;
  position: absolute;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 151, 0, 0)), color-stop(25%, rgba(255, 151, 0, .8)), color-stop(50%, #ff9700), color-stop(76%, rgba(255, 151, 0, .8)), to(rgba(255, 151, 0, 0)));
  background: linear-gradient(90deg, rgba(255, 151, 0, 0) 0, rgba(255, 151, 0, .8) 25%, #ff9700 50%, rgba(255, 151, 0, .8) 76%, rgba(255, 151, 0, 0));
  bottom: -10px
}

.hot-game .game-block.gamelist-img-border:before {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #dcdadb), color-stop(50%, #fff));
  background: linear-gradient(180deg, #dcdadb 50%, #fff 0)
}

.hot-game .game-block.gamelist-img-border .love-icon:after {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #dbdbdb), color-stop(50%, #b5b5b5));
  background: linear-gradient(180deg, #dbdbdb 50%, #b5b5b5 0)
}

.item .info-block .play-count {
  font-size: 12px
}

.game-block .btn-bg {
  padding: 0
}

.game-block .btn-bg .gameopenBtn {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  grid-gap: 10px;
  gap: 10px
}

.game-block .btn-bg .gameopenBtn div {
  height: 26%;
  margin: 0;
  min-height: 40px;
  max-height: 50px
}

.gameopen-wrapper .game-btn .btn-demo a, .gameopen-wrapper .game-btn .btn-play a, .gameopenBtn .btn-demo a, .gameopenbtn .btn-demo a, .gameopenBtn .btn-play a, .gameopenbtn .btn-play a {
  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;
  border-radius: 3px;
  font-size: 14px
}

.gameopen-wrapper .game-btn .btn-play a, .gameopenBtn .btn-play a, .gameopenbtn .btn-play a {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(191, 153, 34, .8)), to(rgba(255, 211, 71, .8)));
  background: linear-gradient(0deg, rgba(191, 153, 34, .8), rgba(255, 211, 71, .8));
  color: #fff;
  text-shadow: 0 2px 0 rgba(0, 0, 0, .5);
  -webkit-box-shadow: inset 0 0 15px 0 rgba(255, 222, 119, .2);
  box-shadow: inset 0 0 15px 0 rgba(255, 222, 119, .2);
  border: 1px solid rgba(255, 235, 172, .9)
}

.gameopen-wrapper .game-btn .btn-demo a, .gameopenBtn .btn-demo a, .gameopenbtn .btn-demo a {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(20, 152, 152, .8)), to(rgba(33, 189, 189, .8)));
  background: linear-gradient(0deg, rgba(20, 152, 152, .8), rgba(33, 189, 189, .8));
  color: #fff;
  text-shadow: 0 2px 0 rgba(0, 0, 0, .5);
  -webkit-box-shadow: inset 0 0 15px 0 rgba(114, 250, 250, .2);
  box-shadow: inset 0 0 15px 0 rgba(114, 250, 250, .2);
  border: 1px solid rgba(120, 226, 226, .9)
}

.external-link-wrapper {
  background: none
}

.external-link-wrapper:after, .external-link-wrapper:before {
  display: none
}

.external-link-wrapper .external-link .img-link {
  border-color: #fff;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .5);
  box-shadow: 0 5px 10px rgba(0, 0, 0, .5)
}

.index-goal .index-goal-border {
  position: relative
}

.index-goal .index-goal-border:after, .index-goal .index-goal-border:before {
  content: "";
  display: block;
  position: absolute;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(10%, #bd8355), color-stop(27%, #82523b), color-stop(45%, #fee185), color-stop(60%, #fff0c0), color-stop(90%, #b4784e), to(transparent));
  background: linear-gradient(180deg, transparent 0, #bd8355 10%, #82523b 27%, #fee185 45%, #fff0c0 60%, #b4784e 90%, transparent);
  margin: auto;
  width: 3px;
  height: 100%;
  top: 0;
  bottom: 0;
  z-index: 2
}

.index-goal .index-goal-border:before {
  left: 0
}

.index-goal .index-goal-border:after {
  right: 0
}

.index-goal .trophy {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/trophy_7bd7e52.webp)
}

.index-goal .trophy img {
  opacity: 0
}

.index-goal .index-goal-content {
  background: rgba(0, 0, 0, .5);
  padding: 80px 10% 30px;
  border: 3px solid #fff3ba;
  border-radius: 10px;
  -webkit-box-shadow: 0 -4px 13px 0 rgba(0, 0, 0, .75), inset 0 0 20px 0 rgba(31, 61, 115, .2);
  box-shadow: 0 -4px 13px 0 rgba(0, 0, 0, .75), inset 0 0 20px 0 rgba(31, 61, 115, .2)
}

.index-goal .index-goal-content:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, right top, left top, color-stop(0, transparent), color-stop(50%, hsla(0, 0%, 100%, .1)), to(transparent));
  background: linear-gradient(270deg, transparent 0, hsla(0, 0%, 100%, .1) 50%, transparent)
}

.index-goal .index-goal-content:after {
  display: none
}

.index-ranking-wrapper {
  margin-bottom: 30px;
  padding-bottom: 30px
}

.index-ranking-wrapper:after {
  height: 1px;
  background: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(25%, hsla(0, 0%, 100%, .25)), color-stop(37%, hsla(0, 0%, 100%, .5)), color-stop(50%, #fff), color-stop(62%, hsla(0, 0%, 100%, .5)), color-stop(75%, hsla(0, 0%, 100%, .25)), to(transparent));
  background: linear-gradient(90deg, transparent 0, hsla(0, 0%, 100%, .25) 25%, hsla(0, 0%, 100%, .5) 37%, #fff 50%, hsla(0, 0%, 100%, .5) 62%, hsla(0, 0%, 100%, .25) 75%, transparent)
}

.index-ranking-wrapper .today-icon p {
  font-weight: 400
}

.index-ranking-wrapper .ranking-grid>li .ranking-img {
  width: 100px;
  height: 100px;
  position: absolute;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffff52), to(#ea9f13));
  background: linear-gradient(180deg, #ffff52 0, #ea9f13);
  border-radius: 50%;
  padding: 3px;
  top: 0;
  z-index: 1
}

.index-ranking-wrapper .ranking-grid>li .ranking-img:after {
  display: none
}

.index-goal .index-goal-content .game-img, .index-goal .index-goal-content .no-img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: transparent;
  position: relative;
  text-align: center;
  overflow: hidden
}

.index-goal .index-goal-content .game-img:before, .index-goal .index-goal-content .no-img:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: transparent;
  -webkit-box-shadow: inset 0 0 10px 0 hsla(0, 0%, 100%, .75);
  box-shadow: inset 0 0 10px 0 hsla(0, 0%, 100%, .75);
  position: absolute;
  z-index: 1
}

.index-ranking-wrapper .ranking-grid>li ul {
  border: none;
  border-radius: 0
}

.index-ranking-wrapper .ranking-grid>li ul:after {
  content: "";
  display: block;
  position: absolute;
  width: 120px;
  height: 100%;
  top: 0
}

.index-ranking-wrapper .ranking-grid>li.dragon ul {
  background: linear-gradient(135deg, transparent 40px, rgba(186, 6, 97, .7) 0) 0 0, linear-gradient(45deg, transparent 40px, rgba(186, 6, 97, .7) 0) 0 100%;
  background-size: 100% 50.1%;
  background-repeat: no-repeat
}

.index-ranking-wrapper .ranking-grid>li.dragon ul:after {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/index-dragon_dfc2d8e.webp) no-repeat;
  left: 20px
}

.index-ranking-wrapper .ranking-grid>li.tiger ul {
  background: linear-gradient(-135deg, transparent 40px, rgba(13, 86, 180, .7) 0) 0 0, linear-gradient(-45deg, transparent 40px, rgba(13, 86, 180, .7) 0) 0 100%;
  background-size: 100% 50.1%;
  background-repeat: no-repeat
}

.index-ranking-wrapper .ranking-grid>li.tiger ul:after {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/index-tiger_6bde766.webp) no-repeat;
  right: 20px
}

.winner-list-wrapper .index-title {
  margin-bottom: 10px
}

.winner-list-wrapper .winner-block .winner-img {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(50%, #7e7e7e), to(#b2b2b3));
  background: linear-gradient(180deg, #fff 0, #7e7e7e 50%, #b2b2b3);
  padding: 3px;
  -webkit-box-shadow: none;
  box-shadow: none
}

.winner-list-wrapper .winner-block .winner-article {
  background: hsla(0, 0%, 100%, .1);
  color: #959595;
  border: 1px solid hsla(0, 0%, 100%, .15);
  border-radius: 3px
}

.winner-list-wrapper .winner-block .winner-article .winner-grid>li span.win-total {
  color: #ffd347
}

.footer-wrapper-web {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/footer_5c9ee60.webp) top repeat-x, linear-gradient(180deg, transparent 170px, #301e08 0, #301e08);
  padding: 170px 0 10px
}

.footer-nav-web li:before {
  display: none
}

.footer-nav-web li a {
  color: #96a3ea
}

.footer-nav-web li a.nuxt-link-exact-active, .footer-nav-web li a:hover {
  color: #ec4
}

.footer-copyright-web {
  background: #190f00;
  color: #60678e
}

#promotion .promo-menu .swiper-container .swiper-wrapper .swiper-slide a.active, #promotion .promo-menu .swiper-container .swiper-wrapper .swiper-slide a:active {
  background: none
}

.description-nav .swiper-slide a.nuxt-link-active {
  background: none
}

#tournament .history .list .button-box button {
  background: none;
  color: #ff9700;
  font-size: 16px;
  padding: 0 20px;
  border: 1px solid #ff9700;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: none
}

.web-description .wrapperBg {
  background: rgba(0, 0, 0, .8);
  padding: 30px 50px;
  border: none;
  border-radius: 10px
}

.web-description .wrapperBg .footerpgStyle .contentTitle {
  color: #fff
}

.broadcast-container .broadcast-inner article .article-content p span {
  color: #fff !important
}

#promotion .promo-list .promo-list-block {
  border: none
}

#promotion .promo-list .promo-list-block:hover {
  background: rgba(0, 0, 0, .5);
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none
}

#promotion .promo-list .promo-list-block .promo-grid .promo-content .promo-title a {
  color: #fff
}

#promotion .promo-list .promo-list-block .promo-grid .promo-content .promo-detail p b {
  color: #959595
}

#promotion .promo-list .promo-list-block .promo-grid .promo-content .promo-detail p span {
  color: #9cc2ff
}

#promotion .promo-list .promo-list-block .promo-grid .promo-btn {
  width: 12%
}

#promotion .promo-list .promo-list-block .promo-grid .promo-btn a {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(20, 152, 152, .8)), to(rgba(33, 189, 189, .8)));
  background: linear-gradient(0deg, rgba(20, 152, 152, .8), rgba(33, 189, 189, .8));
  color: #fff;
  border-radius: 3px;
  text-shadow: 0 2px 0 rgba(0, 0, 0, .5)
}

@media only screen and (max-width:1500px) {
  #promotion .promo-list .promo-list-block .promo-grid .promo-btn {
    width: calc(100% - 20px)
  }
}

#article ul.article-list .article-list-block:hover {
  background: rgba(0, 0, 0, .5);
  -webkit-box-shadow: none;
  box-shadow: none
}

#article ul.article-list .article-list-block .article-content-container .article-content .article-title a {
  color: #fff
}

#article ul.article-list .article-list-block .article-content-container .article-content .article-detail {
  color: #959595
}

#article .article-detail-page .wrapperBg {
  background: rgba(0, 0, 0, .8);
  border-radius: 10px;
  padding: 30px 20px;
  color: #fff
}

#article .article-detail-page .wrapperBg .contentTitle {
  color: #fff;
  margin: 20px 0;
  padding: 0
}

#article .article-detail-page .wrapperBg .article-content {
  background: none;
  color: #333;
  padding: 0
}

.sport-bet .sport-unlogin:after, .sport-bet .sport-unlogin:before {
  display: none
}

.sport-block .platform-wrapper {
  background: #1a1a1a
}

.signup-wrapper {
  margin: 20px auto 0;
  padding-bottom: 60px
}

.signup-wrapper .signup-title {
  color: #fff
}

.signup-wrapper .gradient-bg {
  background-repeat: no-repeat;
  background-position: 50%
}

.step-wrapper .step-ul .step-li-item.now:before {
  background: #eba013;
  color: #fff
}

.signup-wrapper .popup-bg-one {
  position: relative;
  background: -webkit-gradient(linear, left bottom, left top, from(#dca264), color-stop(14%, #bd9677), color-stop(33%, #f1d9a5), color-stop(50%, #ecb266), color-stop(64%, #ffeb8b), color-stop(82%, #ffdc7d), to(#ffeebf));
  background: linear-gradient(0deg, #dca264 0, #bd9677 14%, #f1d9a5 33%, #ecb266 50%, #ffeb8b 64%, #ffdc7d 82%, #ffeebf);
  border-color: #fff3ba;
  -webkit-box-shadow: 0 2px 5px 1px rgba(0, 0, 0, .5), inset 0 0 10px 0 rgba(0, 0, 0, .5);
  box-shadow: 0 2px 5px 1px rgba(0, 0, 0, .5), inset 0 0 10px 0 rgba(0, 0, 0, .5)
}

.signup-wrapper .popup-bg-one:after, .signup-wrapper .popup-bg-one:before {
  content: "";
  display: block;
  position: absolute;
  width: 2px;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(5%, #bd8355), color-stop(27%, #82523b), color-stop(45%, #fee185), color-stop(60%, #fff0c0), color-stop(95%, #b4784e), to(transparent));
  background: linear-gradient(180deg, transparent 0, #bd8355 5%, #82523b 27%, #fee185 45%, #fff0c0 60%, #b4784e 95%, transparent);
  margin: auto;
  top: 0;
  z-index: 1
}

.signup-wrapper .popup-bg-one:before {
  left: -2px
}

.signup-wrapper .popup-bg-one:after {
  right: -2px;
  left: unset;
  opacity: 1
}

.signup-wrapper .popup-bg-one .equal-input-block {
  position: relative;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/bg_4d5dda6.webp) 50%;
  border-radius: 10px
}

.signup-wrapper .popup-bg-one .equal-input-block:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  top: 0;
  opacity: .5;
  background: #000627
}

.popup-bg-one.popup-signup .equal-input-block .popup-input-content .checkbox .signup a {
  color: #ea9f13
}

.popup-bg-one.popup-signin .equal-input-block .popup-input-content .checkbox .signin div, .popup-bg-one.popup-signup .equal-input-block .popup-input-content .checkbox .signup div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.popup-bg-one.popup-fast-login .equal-fast-login-block .popup-fast-login-content .checkbox .signin input[name=dontShowAgain], .popup-bg-one.popup-signin .equal-input-block .popup-input-content .checkbox .signin input[name=rememberMe], .popup-bg-one.popup-signup .equal-input-block .popup-input-content .checkbox .signup input[name=agree] {
  margin-right: 3px;
  opacity: 1
}

.popup-bg-one.popup-fast-login .equal-fast-login-block .popup-fast-login-content .checkbox .signin input[type=checkbox]:checked+span:after, .popup-bg-one.popup-fast-login .equal-fast-login-block .popup-fast-login-content .checkbox .signin span:before, .popup-bg-one.popup-signin .equal-input-block .popup-input-content .checkbox .signin input[type=checkbox]:checked+span:after, .popup-bg-one.popup-signin .equal-input-block .popup-input-content .checkbox .signin span:before, .popup-bg-one.popup-signup .equal-input-block .popup-input-content .checkbox .signup input[type=checkbox]:checked+span:after, .popup-bg-one.popup-signup .equal-input-block .popup-input-content .checkbox .signup span:before {
  display: none
}

.popup-bg-one .equal-input-block .popup-input-content .form-group .input-group input, .popup-bg-one.popup-captcha .equal-input-block .popup-input-content .form-input-content .form-group .form-input, .popup-bg-one.popup-captcha .equal-input-block .popup-input-content .form-input-content .form-group input, .popup-bg-one.popup-gamesearch .equal-input-block .popup-input-content .form-input-content .form-group .form-input, .popup-bg-one.popup-gamesearch .equal-input-block .popup-input-content .form-input-content .form-group input {
  background-color: hsla(0, 0%, 100%, .15);
  color: #e8e8e8;
  border: none
}

.popup-bg-one .equal-input-block .popup-input-content .form-group .input-group .input-addon.checknum_img {
  border: none
}

.popup-bg-one .equal-input-block .popup-input-content .form-group .input-group input:focus, .popup-bg-one.popup-captcha .equal-input-block .popup-input-content .form-input-content .form-group .form-input:focus, .popup-bg-one.popup-gamesearch .equal-input-block .popup-input-content .form-input-content .form-group .form-input:focus {
  background: #edf6ff;
  color: #000
}

.popup-bg-one .equal-input-block .popup-input-content .center-wrap button, .popup-bg-one .equal-input-block .popup-input-content .submitbtn-wrap button, .popup-bg-one.popup-agree-rule .equal-color-block .popup-color-content .submitbtn-wrap button, .popup-bg-one.popup-fast-login .equal-fast-login-block .popup-fast-login-content .center-wrap button, .popup-bg-one.popup-mail-content .popup-rule-content .submitbtn-wrap button, .popup-bg-one.popup-memrank .equal-memrank-block .popup-memrank-content .center-wrap button, .popup-bg-one.popup-mobile .equal-input-block .popup-input-content form .center-wrap .mobileVerification-confirm, .popup-bg-one.popup-news .equal-news-block .popup-news-content .center-wrap button, .popup-bg-one.popup-payqrcode .equal-payqrcode-block .popup-payqrcode-content .center-wrap button, .popup-bg-one.popup-redeem .equal-redeem-block .popup-input-content .submitbtn-wrap button {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ea9f13), to(#bb7f0f));
  background-image: linear-gradient(180deg, #ea9f13 0, #bb7f0f);
  border: 2px solid #bb7f0f;
  border-radius: 50px;
  -webkit-box-shadow: inset 0 4px 0 0 hsla(0, 0%, 100%, .3);
  box-shadow: inset 0 4px 0 0 hsla(0, 0%, 100%, .3)
}

.popup-bg-one .equal-input-block .popup-input-content .center-wrap button.cancel, .popup-bg-one.popup-fast-login .equal-fast-login-block .popup-fast-login-content .center-wrap button.cancel, .popup-bg-one.popup-mobile .equal-input-block .popup-input-content form .center-wrap .mobileVerification-cancel {
  background: #959595;
  border: 2px solid #959595;
  border-radius: 50px;
  -webkit-box-shadow: inset 0 4px 0 0 hsla(0, 0%, 100%, .3);
  box-shadow: inset 0 4px 0 0 hsla(0, 0%, 100%, .3);
  text-shadow: none
}

.popup-bg-one .equal-input-block .popup-input-content .center-wrap button:hover, .popup-bg-one .equal-input-block .popup-input-content .submitbtn-wrap button:hover, .popup-bg-one.popup-agree-rule .equal-color-block .popup-color-content .submitbtn-wrap button:hover, .popup-bg-one.popup-fast-login .equal-fast-login-block .popup-fast-login-content .center-wrap button:hover, .popup-bg-one.popup-mail-content .popup-rule-content .submitbtn-wrap button:hover, .popup-bg-one.popup-memrank .equal-memrank-block .popup-memrank-content .center-wrap button:hover, .popup-bg-one.popup-mobile .equal-input-block .popup-input-content form .center-wrap .mobileVerification-confirm:hover, .popup-bg-one.popup-news .equal-news-block .popup-news-content .center-wrap button:hover, .popup-bg-one.popup-payqrcode .equal-payqrcode-block .popup-payqrcode-content .center-wrap button:hover, .popup-bg-one.popup-redeem .equal-redeem-block .popup-input-content .submitbtn-wrap button:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#bb7f0f), to(#ea9f13));
  background-image: linear-gradient(180deg, #bb7f0f 0, #ea9f13);
  -webkit-box-shadow: inset 0 4px 0 0 hsla(0, 0%, 100%, .3);
  box-shadow: inset 0 4px 0 0 hsla(0, 0%, 100%, .3)
}

.popup-bg-one .equal-input-block .popup-input-content .center-wrap button.cancel:hover, .popup-bg-one.popup-fast-login .equal-fast-login-block .popup-fast-login-content .center-wrap button.cancel:hover, .popup-bg-one.popup-mobile .equal-input-block .popup-input-content form .center-wrap .mobileVerification-cancel:hover {
  background: #959595;
  -webkit-box-shadow: inset 0 4px 0 0 hsla(0, 0%, 100%, .3);
  box-shadow: inset 0 4px 0 0 hsla(0, 0%, 100%, .3)
}

.popup-bg-one.popup-signin .equal-input-block .popup-input-content .change-icon::-webkit-input-placeholder {
  color: #aaa
}

.popup-bg-one.popup-signin .equal-input-block .popup-input-content .change-icon::-moz-placeholder {
  color: #aaa
}

.popup-bg-one.popup-signin .equal-input-block .popup-input-content .change-icon::-ms-input-placeholder {
  color: #aaa
}

.popup-bg-one.popup-signin .equal-input-block .popup-input-content .change-icon::placeholder {
  color: #aaa
}

.popup-bg-one .equal-input-block .popup-input-content .form-group .el-input.el-input--suffix.is-focus .el-select__caret.el-input__icon.el-icon-arrow-up.is-reverse, .popup-bg-one .equal-input-block .popup-input-content .form-group .el-select .el-input .el-select__caret {
  color: #c0c4cc
}

.popup-bg-one .equal-input-block .popup-input-content .form-group .el-input.el-input--suffix.is-focus .el-input__inner, .popup-bg-one.popup-forgot-password .equal-input-block .popup-input-content .form-group .input-group .input-addon .el-input.el-input--suffix.is-focus .el-input__inner, .popup-bg-one.popup-forgot-password .equal-input-block .popup-input-content .form-group .input-group .input-addon .el-input__inner:focus {
  background-color: #edf6ff;
  color: #000
}

.popup-bg-one {
  position: relative;
  background: -webkit-gradient(linear, left bottom, left top, from(#dca264), color-stop(14%, #bd9677), color-stop(33%, #f1d9a5), color-stop(50%, #ecb266), color-stop(64%, #ffeb8b), color-stop(82%, #ffdc7d), to(#ffeebf));
  background: linear-gradient(0deg, #dca264 0, #bd9677 14%, #f1d9a5 33%, #ecb266 50%, #ffeb8b 64%, #ffdc7d 82%, #ffeebf);
  padding: 5px;
  border: 2px solid #fff3ba;
  border-radius: 10px;
  -webkit-box-shadow: 0 2px 5px 1px rgba(0, 0, 0, .5), inset 0 0 10px 0 rgba(0, 0, 0, .5);
  box-shadow: 0 2px 5px 1px rgba(0, 0, 0, .5), inset 0 0 10px 0 rgba(0, 0, 0, .5)
}

.popup-bg-one:after, .popup-bg-one:before {
  content: "";
  display: block;
  position: absolute;
  width: 2px;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(5%, #bd8355), color-stop(27%, #82523b), color-stop(45%, #fee185), color-stop(60%, #fff0c0), color-stop(95%, #b4784e), to(transparent));
  background: linear-gradient(180deg, transparent 0, #bd8355 5%, #82523b 27%, #fee185 45%, #fff0c0 60%, #b4784e 95%, transparent);
  margin: auto;
  top: 0;
  z-index: 1
}

.popup-bg-one:before {
  left: -2px
}

.popup-bg-one:after {
  right: -2px;
  left: unset;
  opacity: 1
}

.popup-bg-one .popup-bg-two {
  position: relative;
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/bg_4d5dda6.webp) 50%;
  border-radius: 10px
}

.popup-bg-one .popup-bg-two:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3273c6), to(#8b3bce));
  background: linear-gradient(180deg, #3273c6 0, #8b3bce);
  border-radius: 10px;
  top: 0;
  opacity: .5
}

.popup-bg-one .equal-color-block, .popup-bg-one .equal-input-block, .popup-bg-one.popup-bank-list .equal-bank-list-block, .popup-bg-one.popup-fast-login .equal-fast-login-block, .popup-bg-one.popup-memrank .equal-memrank-block, .popup-bg-one.popup-news .equal-news-block, .popup-bg-one.popup-payqrcode .equal-payqrcode-block, .popup-bg-one.popup-qrcode .equal-qrcode-block, .popup-bg-one.popup-redeem .equal-redeem-block, .popup-bg-one.promote-block .equal-promotion-detail-block {
  position: relative
}

.popup-bg-one.popup-bank-list .equal-bank-list-block .popup-bank-list-content .remindinfo-inner .bankItem .bank-list:before {
  border-color: #ff9700
}

button.dark-close {
  background: url(data:image/webp;base64,UklGRr4DAABXRUJQVlA4WAoAAAAUAAAAHQAAHQAAVlA4TIgAAAAvHUAHEDcwiIM4iASSNnuHsxqP+soBXgTiEAOryLbaPKKgS4gDHKT8dwUh/jU84B4LEf1n4LZto7Z3vD2cvmIJpnobv0m2Yz9eRZvmNimOtzFHaeZILaMsUJbUVtTWlCp0DMfb5RQUT1bxT4aNd/ASfhD+PoeD0XGwGDsXhUpWqsBy42SgqRIBWE1QIBADAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzAxNCA3OS4xNTY3OTcsIDIwMTQvMDgvMjAtMDk6NTM6MDIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhERTJDQkIzRkYxMzExRTc4MTMzQkRFOEU4RTVGRkVBIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhERTJDQkIyRkYxMzExRTc4MTMzQkRFOEU4RTVGRkVBIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE0IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVDNDQ3NDBBRkMyQzExRTc5NkZFRjkwMEM0NDg4NUVFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjVDNDQ3NDBCRkMyQzExRTc5NkZFRjkwMEM0NDg4NUVFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+);
  background-size: contain;
  background-repeat: no-repeat
}

.popup-bg-one .popup-title h1 {
  color: #fff
}

.popup-bg-one.popup-forgot-password .equal-input-block .popup-input-content .back-box a, .popup-bg-one.popup-mobile .equal-input-block .popup-input-content form .mobileVerification-memo, .popup-bg-one.popup-signup .equal-input-block .popup-input-content .back-box a {
  color: #959595
}

.popup-bg-one.popup-mobile .equal-input-block .popup-input-content form .verification-box div .input-addon.verify_code .center-wrap button {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ea9f13), to(#bb7f0f));
  background-image: linear-gradient(180deg, #ea9f13 0, #bb7f0f);
  border: 2px solid #bb7f0f;
  -webkit-box-shadow: inset 0 4px 0 0 hsla(0, 0%, 100%, .3);
  box-shadow: inset 0 4px 0 0 hsla(0, 0%, 100%, .3)
}

.popup-bg-one.popup-mobile .equal-input-block .popup-input-content form .verification-box div .input-addon.verify_code .center-wrap button:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#bb7f0f), to(#ea9f13));
  background-image: linear-gradient(180deg, #bb7f0f 0, #ea9f13);
  -webkit-box-shadow: inset 0 4px 0 0 hsla(0, 0%, 100%, .3);
  box-shadow: inset 0 4px 0 0 hsla(0, 0%, 100%, .3)
}

.popup-bg-one .popup-title .custom-title {
  position: relative;
  margin: 0
}

.equal-custom-block {
  padding: 20px
}

.submitbtn-wrap.forceUpdateBtn button, .submitbtn-wrap.promotion-submitbtn-wrap button {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ea9f13), to(#bb7f0f));
  background-image: linear-gradient(180deg, #ea9f13, #bb7f0f);
  background-repeat: repeat-x;
  -webkit-box-shadow: inset 0 4px 0 0 hsla(0, 0%, 100%, .3);
  box-shadow: inset 0 4px 0 0 hsla(0, 0%, 100%, .3);
  border: 2px solid #bb7f0f;
  border-radius: 50px
}

.submitbtn-wrap.forceUpdateBtn button:hover, .submitbtn-wrap.promotion-submitbtn-wrap button:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bb7f0f), to(#ea9f13));
  background-image: linear-gradient(180deg, #bb7f0f, #ea9f13);
  background-repeat: repeat-x
}

.popup-bg-one.popup-signin .equal-input-block .popup-input-content .change-icon {
  background: hsla(0, 0%, 100%, .15);
  border: none
}

.popup-bg-one .equal-input-block .popup-input-content .newsList {
  background: hsla(0, 0%, 100%, .15);
  padding: 10px;
  border: none;
  -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, .5);
  box-shadow: 1px 2px 1px rgba(0, 0, 0, .5)
}

.popup-bg-one .equal-input-block .popup-input-content .newsList ul li {
  background: rgba(0, 0, 0, .1);
  padding: 10px;
  border-radius: 5px
}

.popup-bg-one.popup-forgot-password .equal-input-block .popup-input-content .form-group .input-group .input-addon:before {
  content: "";
  position: absolute;
  height: 50%;
  border-right: 1px solid hsla(0, 0%, 100%, .5);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  z-index: 1
}

.popup-bg-one.popup-forgot-password .equal-input-block .popup-input-content .form-group:not(.oauth-input-phone) .input-group .input-addon .el-input__inner:focus {
  background: hsla(0, 0%, 100%, .15)
}

.popup-bg-one.popup-forgot-password .equal-input-block .popup-input-content .form-group .input-group .input-addon .el-input__inner {
  color: #e8e8e8
}

.mobile-app .popup-bg-one.popup-forgot-password .equal-input-block .popup-input-content .form-group .input-group .input-addon:before {
  display: none
}

.mobile-app .popup-bg-one.popup-forgot-password .equal-input-block .popup-input-content .form-group.select-box .input-group input[name=email], .mobile-app .popup-bg-one.popup-forgot-password .equal-input-block .popup-input-content .form-group.select-box .input-group input[name=phoneNumber] {
  border-right: none
}

.mobile-app .popup-bg-one.popup-forgot-password .equal-input-block .popup-input-content .form-group.select-box .input-group .input-addon .el-select .el-input .el-select__caret {
  color: #c0c4cc
}

.popup-bg-one.popup-gamesearch .equal-input-block .popup-input-content .form-input-content .glyphicon-pencil {
  color: #aaa
}

.popup-bg-one.signup-check.popup-sign-up-check .equal-input-block .popup-input-content .center-wrap button.cancel {
  margin-left: 10px
}

.popup-bg-one.popup-fast-login .equal-fast-login-block .popup-fast-login-content .checkbox .signin {
  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
}

.popup-bg-one.popup-fast-login .equal-fast-login-block .popup-fast-login-content .checkbox .signin input[name=dontShowAgain] {
  margin-bottom: 0
}

.popup-bg-one.popup-news .equal-news-block .popup-news-content ul li {
  background: hsla(0, 0%, 100%, .15);
  border: none
}

.popup-bg-one.popup-news .equal-news-block .popup-news-content ul li .time {
  color: #fff
}

.popup-bg-one.popup-news .equal-news-block .popup-news-content ul li .msg-content {
  background-color: hsla(0, 0%, 100%, .15)
}

.popup-bg-one.popup-qrcode .equal-qrcode-block .popup-qrcode-content {
  color: #fff
}

.popup-bg-one.popup-custom[\:has\(.popup-content-wrapper\%20\%23check-in-wrapper\)] .popup-bg-two:before {
  display: none
}

.popup-bg-one.popup-custom:has(.popup-content-wrapper #check-in-wrapper) .popup-bg-two:before {
  display: none
}

.checkIn-wrapper .close-wrapper button.checkIn-close, .popup-empty .popup-voucherTicketDetail .voucherTicketDetail-content .voucherTicket-close-btn {
  background: #474b4e
}

#check-in-wrapper .check-in-content-block {
  background: #474b4e;
  border-color: #474b4e
}

#check-in-wrapper .check-in-content-block .top-block {
  background: #474b4e
}

#check-in-wrapper .check-in-content-block .top-block .title-block .title {
  text-shadow: -2px 0 0 #555, 0 -2px 0 #555, 2px 0 0 #555, 0 2px 0 #555, 2px -2px 0 #555, -2px 2px 0 #555, -2px -2px 0 #555, 2px 2px 0 #555
}

#check-in-wrapper .check-in-content-block .top-block .top-wave .waves01, #check-in-wrapper .check-in-content-block .top-block .top-wave .waves02 {
  fill: #000
}

#check-in-wrapper .check-in-content-block .bottom-block {
  background: #000
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item {
  border-color: #555
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item:not(.isLoading):before {
  background: #555;
  text-shadow: -1px 0 0 #333, 0 -1px 0 #333, 1px 0 0 #333, 0 1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333, -1px -1px 0 #333, 1px 1px 0 #333
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item:not(.isLoading):after {
  background: #252525
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item[\:has\(.checkInDay\)] {
  border-color: #d3d3d3
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item:has(.checkInDay) {
  border-color: #d3d3d3
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item[\:has\(.checkInDay\)]:before {
  background: #d3d3d3;
  text-shadow: -1px 0 0 #333, 0 -1px 0 #333, 1px 0 0 #333, 0 1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333, -1px -1px 0 #333, 1px 1px 0 #333
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item:has(.checkInDay):before {
  background: #d3d3d3;
  text-shadow: -1px 0 0 #333, 0 -1px 0 #333, 1px 0 0 #333, 0 1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333, -1px -1px 0 #333, 1px 1px 0 #333
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item[\:has\(.checkInDay\)]:after {
  background: #d3d3d3
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item:has(.checkInDay):after {
  background: #d3d3d3
}

#check-in-wrapper .check-in-content-block .bottom-block .check-in-list .check-in-item:last-child .last-gift {
  fill: #555
}

#check-in-wrapper .list-wrap .win-list {
  border-color: #e3b628
}

#check-in-wrapper .list-wrap .win-list .item:after, #check-in-wrapper .list-wrap .win-list:before {
  background: #e3b628
}

.balancelist-wrapper {
  background: none;
  border-color: #555;
  -webkit-box-shadow: none;
  box-shadow: none
}

.balancelist-wrapper:after {
  background: #111 !important;
  z-index: 0
}

.balancelist-wrapper .tabs-wrapper .tabs-lists {
  background: rgba(238, 204, 68, .15)
}

.balancelist-total {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/balance-total_78fb5a5.webp);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat
}

.balancelist-total .balancelist-title {
  color: #fff
}

.balancelist-btn .btn.btn-withdrawal {
  background: hsla(0, 0%, 100%, .3);
  color: #fff;
  border: 2px solid hsla(0, 0%, 100%, .5)
}

.balancelist-btn .btn.btn-deposit, .balancelist-btn .btn.btn-reward-history.active, .balancelist-btn .btn.btn-reward-redeem.active {
  background: #679a4b;
  color: #fff;
  border: 2px solid hsla(0, 0%, 100%, .5)
}

.balancelist-item ul li {
  background-color: #252525
}

.balancelist-item ul li:first-child {
  color: #fff
}

.balancelist-item ul li:last-child {
  color: #b7b7b7
}

.balancelist-item.main ul li, .balancelist-item.promote ul li {
  background: #484848
}

.balancelist-item.main ul li:first-child, .balancelist-item.promote ul li:first-child {
  color: #fd0
}

.balancelist-item.main ul li:last-child, .balancelist-item.promote ul li:last-child {
  color: #fff
}

.balancelist-item.main ul li:last-child:after, .balancelist-item.promote ul li:last-child:after {
  background-color: #595959
}

.balancelist-item.promote .lock-icon {
  background: #fd0
}

.balancelist-item.promote .lock-icon:after {
  color: #000
}

.balancelist-fixed .close-btn {
  background: #111;
  color: #959595
}

.balancelist-fixed .close-btn:before {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/close_dfd1483.webp);
  background-size: 100%
}

.balancelist-total .balancelist-btn[\:has\(.btn-reward\)] li {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none
}

.balancelist-total .balancelist-btn:has(.btn-reward) li {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none
}

.balancelist-btn .btn.btn-reward-history, .balancelist-btn .btn.btn-reward-redeem {
  background: hsla(0, 0%, 100%, .3);
  color: #fff;
  margin-right: 0;
  margin-left: 10px;
  border: 2px solid hsla(0, 0%, 100%, .5);
  font-size: 14px;
  min-width: 140px;
  min-height: auto;
  -webkit-box-shadow: none;
  box-shadow: none
}

#member-section>.container>.el-row>.el-col.member-menu {
  background: rgba(0, 11, 31, .4)
}

.member-content .top-title {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.member-content .top-title:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-bottom: 2px solid #2bb
}

.member-content .top-title h3 {
  padding: 0 20px;
  border-bottom: none;
  height: 80px;
  background: #fff
}

.member-content .top-title h3:after, .member-content .top-title h3:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 10px;
  height: 10px;
  background: #2bb;
  border-radius: 50%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1
}

.member-content .top-title h3:before {
  left: -10px
}

.member-content .top-title h3:after {
  right: -10px
}

.memberform-wrap .submitbtn-wrap button, .voucher-content-bottom .submitbtn-wrap button {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#2bb), to(#1a9090));
  background-image: linear-gradient(180deg, #2bb 0, #1a9090);
  border: 2px solid #1a9090;
  border-radius: 50px;
  -webkit-box-shadow: inset 0 4px 0 0 hsla(0, 0%, 100%, .3);
  box-shadow: inset 0 4px 0 0 hsla(0, 0%, 100%, .3)
}

.memberform-wrap .submitbtn-wrap button:hover, .voucher-content-bottom .submitbtn-wrap button:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1a9090), to(#2bb));
  background-image: linear-gradient(180deg, #1a9090 0, #2bb);
  background-repeat: no-repeat
}

#member-referral-container .bonus-tab-container .tab-navbar .nav-item.active-tab {
  background-color: #ea9f13
}

#member-referral-container {
  margin: 0
}

#member-referral-container .bonus-tab-container, #member-referral-container .rebateCombin, #member-referral-container .recommend-now {
  width: calc(100% - 76px);
  margin: 0 auto
}

.mobile-app #member-referral-container .bonus-tab-container, .mobile-app #member-referral-container .rebateCombin, .mobile-app #member-referral-container .recommend-now {
  width: 100%;
  margin: 0
}

#member-referral-container .bonus-tab-container {
  margin-top: 15px
}

.mobile-app .main-bg-after {
  background: none
}

.mobile-app .header-download {
  background: #2f2f2f
}

.mobile-app .mob-header {
  background: #190f00
}

.mobile-app .mob-header .nav-icon span {
  background: #fff;
  height: 4px
}

.mobile-app .mob-header .nav-icon {
  width: 30px
}

.mobile-app .mob-header .quick-links>.mob-header-icon {
  background: none;
  border: none
}

.mobile-app .login-box {
  background: #000;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content
}

.mobile-app .login-after, .mobile-app .login-before {
  position: relative;
  left: 0;
  right: 0;
  margin: 0
}

.mobile-app .login-before ul li {
  width: 50%
}

.mobile-app .login-before ul li:first-child {
  margin-right: 0
}

.mobile-app .login-before ul li .login-before-content.signin-btn {
  background: #ff9700;
  border: none;
  border-radius: 0
}

.mobile-app .login-before ul li .login-before-content.register-btn {
  border: 1px solid #ff9700;
  border-radius: 0
}

.mobile-app .login-before ul li .login-before-content {
  height: 100%
}

.mobile-app .login-after {
  min-height: 40px
}

.mobile-app .login-after ul {
  background: #000;
  min-height: 40px
}

.mobile-app .login-after ul.money-item {
  width: 100%;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  float: left
}

.mobile-app .login-after ul.money-item li.deposit-btn {
  position: absolute;
  left: 0;
  overflow: hidden;
  z-index: 1
}

.mobile-app .login-after ul.money-item .deposit-btn:before {
  left: -15px;
  top: -8px
}

.mobile-app .login-box .login-after ul.money-item .deposit-btn a {
  margin-right: 15px;
  padding: 5px 0 5px 45px;
  text-shadow: 0 1px 1px #000;
  line-height: 15px;
  max-width: 120px
}

.mobile-app .login-after ul.money-item .deposit-btn:after {
  right: 0
}

.mobile-app .login-after ul.money-item .refreshBtn-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 140px
}

.mobile-app .login-after ul.money-item li.total-item .total-item-content span:after {
  width: 2px;
  height: 60%
}

.mobile-app .index-banner {
  -webkit-box-shadow: 0 0 100px 0 rgba(0, 0, 0, .75);
  box-shadow: 0 0 100px 0 rgba(0, 0, 0, .75)
}

.index-banner .mob_banner {
  position: relative
}

.index-banner .mob_banner:before {
  content: "";
  display: block;
  position: absolute;
  background: #ff9700;
  width: 100%;
  height: 5px;
  bottom: 0;
  left: 0;
  z-index: 2
}

.mobile-app .game-block.gamelist-img-border {
  border: 2px outset #9d9ea1
}

.mobile-app .featured-game .gamelist-img-border {
  border-color: #94d7df #5fc3cf #10a6b8 #94d7df;
  border-style: outset inset groove outset;
  border-width: 2px
}

.mobile-app .index-parallel .new-game .gamelist-img-border, .mobile-app .index-parallel .promote-game .gamelist-img-border {
  border-color: #ffff52 #efa93c #efa93c;
  border-style: outset inset groove outset;
  border-width: 2px
}

.mobile-app .external-link-wrapper:after, .mobile-app .external-link-wrapper:before {
  display: none
}

.mobile-app .index-goal {
  padding-left: 10px;
  padding-right: 10px
}

.mobile-app .index-goal .trophy {
  background-size: contain;
  background-position: 50%
}

.mobile-app .index-goal .index-goal-border:after, .mobile-app .index-goal .index-goal-border:before {
  z-index: 2
}

.mobile-app .index-goal .index-goal-content {
  padding: 80px 10px 20px;
  border: 3px solid #fff3ba;
  border-radius: 10px;
  -webkit-box-shadow: 0 -4px 13px 0 rgba(0, 0, 0, .75), inset 0 0 20px 0 rgba(31, 61, 115, .2);
  box-shadow: 0 -4px 13px 0 rgba(0, 0, 0, .75), inset 0 0 20px 0 rgba(31, 61, 115, .2)
}

.mobile-app .index-goal .index-goal-content:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, right top, left top, color-stop(0, transparent), color-stop(50%, hsla(0, 0%, 100%, .1)), to(transparent));
  background: linear-gradient(270deg, transparent 0, hsla(0, 0%, 100%, .1) 50%, transparent);
  top: 0
}

.mobile-app .index-ranking-wrapper .ranking-grid>li.dragon .ranking-img, .mobile-app .index-ranking-wrapper .ranking-grid>li.tiger .ranking-img {
  width: 50px;
  height: 50px;
  background: transparent;
  padding: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  left: 10px
}

.mobile-app .index-ranking-wrapper .ranking-grid>li.dragon ul, .mobile-app .index-ranking-wrapper .ranking-grid>li.tiger ul {
  position: relative;
  border-radius: 10px;
  min-height: 70px
}

.mobile-app .index-ranking-wrapper .ranking-grid>li.dragon ul {
  background: rgba(186, 6, 97, .7)
}

.mobile-app .index-ranking-wrapper .ranking-grid>li.tiger ul {
  background: rgba(13, 86, 180, .7)
}

.mobile-app .index-goal .index-ranking-wrapper .ranking-grid>li ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.mobile-app .index-goal .index-ranking-wrapper .ranking-grid>li .no-winner {
  width: 100%;
  line-height: 50px
}

.mobile-app .index-ranking-wrapper .ranking-grid>li.dragon ul:after, .mobile-app .index-ranking-wrapper .ranking-grid>li.tiger ul:after {
  background-position: 100%;
  background-size: 80%;
  left: auto;
  right: 0
}

.mobile-app .index-goal .index-ranking-wrapper:after {
  height: 1px
}

.mobile-app .index-goal .winner-list-wrapper .winner-block {
  padding: 0
}

.mobile-app .index-goal .winner-list-wrapper .winner-block .winner-img {
  width: 50px;
  height: 50px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(50%, #7e7e7e), to(#b2b2b3));
  background: linear-gradient(180deg, #fff 0, #7e7e7e 50%, #b2b2b3);
  padding: 3px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  left: 10px;
  -webkit-box-shadow: none;
  box-shadow: none
}

.mobile-app .index-goal .winner-list-wrapper .winner-block .winner-img:before {
  display: none
}

.mobile-app .index-goal .winner-list-wrapper .winner-block .winner-article {
  background: hsla(0, 0%, 100%, .1);
  border: 1px solid hsla(0, 0%, 100%, .15);
  border-radius: 10px;
  padding: 10px 10px 10px 70px;
  line-height: 24px;
  min-height: 70px
}

.mobile-app .index-goal .winner-list-wrapper .winner-block .winner-article .winner-grid>li {
  padding: 0;
  text-align: left
}

.mobile-app .index-goal .winner-list-wrapper .winner-block .winner-article .winner-grid>li:last-child span:not(.win-total) {
  margin: 0 5px
}

.mobile-app .footerSeo-wrapper {
  background: transparent
}

.footer-wrapper-mob {
  background: #301e09
}

.footer-wrapper-mob .footer-btn>div, .footer-wrapper-mob .footer-btn>div div {
  color: #c19667
}

.footer-wrapper-mob .footer-btn>div div:not([class^=bonus-]), .footer-wrapper-mob .footer-btn>div img:not(.bonus-img) {
  -webkit-filter: brightness(0) saturate(100%) invert(60%) sepia(76%) saturate(236%) hue-rotate(351deg) brightness(90%) contrast(84%);
  filter: brightness(0) saturate(100%) invert(60%) sepia(76%) saturate(236%) hue-rotate(351deg) brightness(90%) contrast(84%)
}

.footer-wrapper-mob .footer-btn>div div.bonus-content .news-dot {
  -webkit-filter: unset;
  filter: unset
}

.footer-wrapper-mob .footer-btn.active {
  background: #190f00
}

.footer-wrapper-mob .footer-btn.active>div div {
  -webkit-filter: none;
  filter: none
}

.footer-wrapper-mob .footer-btn.active>div img {
  -webkit-filter: brightness(0) saturate(100%) invert(52%) sepia(75%) saturate(1670%) hue-rotate(4deg) brightness(108%) contrast(105%);
  filter: brightness(0) saturate(100%) invert(52%) sepia(75%) saturate(1670%) hue-rotate(4deg) brightness(108%) contrast(105%)
}

.footer-wrapper-mob .footer-btn.active p {
  color: #ff9700
}

.footer-fix-submenu .sub-box .circle {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(3%, #e3b628), to(#bf9922));
  background: linear-gradient(180deg, #e3b628 3%, #bf9922);
  border: 2px solid #979797;
  -webkit-box-shadow: none;
  box-shadow: none
}

.footer-fix-submenu.isServiceOpen .sub-box .circle img.service {
  -webkit-filter: brightness(0) invert(1) !important;
  filter: brightness(0) invert(1) !important
}

.mobile-app .description-nav .swiper-slide a.nuxt-link-active {
  background: none
}

.mobile-app .web-description .wrapperBg {
  border: none;
  padding: 20px 10px
}

.mobile-app .sport-mob .item .game-block.gamelist-img-border {
  border: 2px outset #9d9ea1;
  -webkit-box-shadow: 0 0 10px 2px #000 inset;
  box-shadow: inset 0 0 10px 2px #000
}

.el-dialog.gameopenStyle {
  background: rgba(0, 0, 0, .9)
}

.mobile-app .gameopen-wrapper .game-detail .game-name {
  color: #fff
}

.mobile-app .gameopen-wrapper .game-btn {
  margin: 0
}

.mobile-app .gameopen-wrapper .game-btn .btn-play {
  margin: auto
}

.mobile-app .gameopen-wrapper .game-btn .btn-demo a, .mobile-app .gameopen-wrapper .game-btn .btn-play a, .mobile-app .gameopenBtn .btn-demo a, .mobile-app .gameopenbtn .btn-demo a, .mobile-app .gameopenBtn .btn-play a, .mobile-app .gameopenbtn .btn-play a {
  height: 15.2vmin;
  padding: 0 8px;
  font-size: 18px;
  font-weight: 600;
  text-shadow: 0 2px 0 rgba(0, 0, 0, .5)
}

.mobile-app .gameopen-wrapper .game-detail .popup-close-btn {
  position: relative;
  color: #959595
}

.popup-close-btn:before {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/close_dfd1483.webp);
  background-size: 100%
}

.mobile-app .back-hall {
  background: url(https://download.ocms.cloud/v3/ho/6.39.7-fc/memDesktop/img/back-hall_d45eb56.webp);
  color: transparent
}

.mobile-app .back-hall:before {
  display: none
}

.mobile-app #member-section>.container>.el-row>.el-col.member-right {
  padding-top: 15px
}

.mobile-app #member-section>.container .member-content .top-title {
  height: auto;
  margin-bottom: 15px
}

.mobile-app #member-section>.container .member-content .top-title h3 {
  color: #fff;
  line-height: 30px
}

.mobile-app #member-section>.container>.el-row>.el-col.member-menu {
  background: none
}

.mem-slide .swiper-sub-menu .swiper-slide a {
  background: hsla(0, 0%, 100%, .05);
  border: 1px solid hsla(0, 0%, 100%, .2)
}

.mem-slide .swiper-sub-menu .swiper-slide a.nuxt-link-active {
  background: hsla(0, 0%, 100%, .2);
  color: #fff;
  border: 1px solid hsla(0, 0%, 100%, .2);
  -webkit-box-shadow: none;
  box-shadow: none
}

.mobile-app #promotion .promo-list {
  margin: 0 -10px
}

.mobile-app #promotion .promo-list>li:not(:last-child) {
  margin-bottom: 30px
}

.mobile-app #promotion .promo-list .promo-list-block {
  border: none;
  border-bottom: 1px solid rgba(80, 75, 158, .5);
  border-radius: 0;
  -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .5);
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .5)
}

#tournament .history .list .button-box button:hover {
  background: none
}

#promotion .promo-menu .swiper-container .swiper-wrapper .swiper-slide a.active, #promotion .promo-menu .swiper-container .swiper-wrapper .swiper-slide a:active, .description-nav .swiper-slide a.nuxt-link-active, .mobile-app #promotion .promo-menu .swiper-container .swiper-wrapper .swiper-slide a.active, .mobile-app .description-nav .swiper-slide a.nuxt-link-active, .mobile-app .platform-wrapper .platform-menu-nav.platform-menu-active a, .mobile-app .platform-wrapper .platform-menu-nav:active a, .mobile-app .platform-wrapper .platform-menu-nav:hover a, .mobile-app .samestyle-wrapper .gametab-wrapper .gametab.nav-active a, .mobile-app .samestyle-wrapper .gametab-wrapper .gametab:active a, .mobile-app .samestyle-wrapper .gametab-wrapper .gametab:hover a, .mobile-app .search-filter-nav ul li.active a, .platform-wrapper .platform-menu-nav.platform-menu-active a, .samestyle-wrapper .gametab-wrapper .gametab.nav-active a, .search-filter-nav ul li.active a {
  color: #fff;
  text-decoration: none;
  border: 1px solid #e3b628;
  -webkit-box-shadow: 0 0 10px 1px #bf9922, inset 0 0 15px 0 #bf9922;
  box-shadow: 0 0 10px 1px #bf9922, inset 0 0 15px 0 #bf9922
}

#promotion .promo-menu .swiper-container .swiper-wrapper .swiper-slide a:hover, .description-nav .swiper-slide a:hover, .platform-wrapper .platform-menu-nav.platform-menu-active a:hover, .platform-wrapper .platform-menu-nav a:hover, .samestyle-wrapper .gametab-wrapper .gametab a:hover, .search-filter-nav ul li a:hover {
  border: 1px solid #e3b628
}

.mobile-app #promotion .promo-menu .swiper-container .swiper-wrapper .swiper-slide a:not(.active), .mobile-app .description-nav .swiper-slide a:not(.nuxt-link-active) {
  color: #888;
  background: #242424;
  border: .2666666667vmin solid #353535;
  -webkit-box-shadow: none;
  box-shadow: none
}

.cool-event-block .item-block .icon-block .icon-bg {
  background: linear-gradient(180.12deg, transparent .11%, rgba(0, 0, 0, .5) 99.64%), linear-gradient(0deg, #ff9700, #ff9700)
}

table.common-table.message-record tr:hover {
  background: #976d00
}

.mobile-app #mob-menu .menu-item-list .menu-item a, .mobile-app #mob-menu .menu-item-list .menu-item div {
  background: #222
}

.mobile-app #mob-menu .btn-row .info-btn, .mobile-app #mob-menu .btn-row .lang-btn {
  background: #ed8a00
}

.mobile-app #mob-menu .btn-row .info-btn.active, .mobile-app #mob-menu .btn-row .lang-btn.active {
  background: linear-gradient(115.69deg, #e3b628 -2.72%, #ff9700 97.28%)
}

.mobile-app #mob-menu .info-list .item.active .lang-content div, .mobile-app #mob-menu .lang-list .item.active .lang-content div {
  color: #e3b628
}

.mobile-app #mob-menu .service-box li .mob-friendlink-nav, .mobile-app #mob-menu .service-box li .mob-friendlink-nav-social {
  position: relative;
  background: #ff9700;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  width: 30px;
  height: 30px;
  padding: 6px
}

.mobile-app #member-hall .menu .logout .logout-icon svg, .mobile-app #mob-menu .logout .logout-icon svg {
  fill: #ff9700
}

.mobile-app #member-hall .member-info .mem-row .right-box .total-amount i, .mobile-app #member-hall .menu .logout span, .mobile-app #mob-menu .logout span {
  color: #ff9700
}

#member-hall .member-info .mem-row .left-box .mem-icon, #member-hall .member-info .recommend-now, #member-hall .member-info .recommend-now .copy-link-btn:after, #member-hall .member-info .recommend-now .recommend-now-qrcode-mini-btn, #member-hall .member-info .vip-row .vip-bar .progress-bar .el-progress-bar__inner, #member-hall .member-info .vip-row .vip-bar .vip-info .play-icon, #member-hall .member-info .vip-row .vip-box, #member-hall .menu .item-group .title .edit-btn {
  background: linear-gradient(115.69deg, #e3b628 -2.72%, #ff9700 97.28%)
}

.mobile-app .swiper-container-horizontal>.swiper-pagination-bullets {
  bottom: 20px
}

.mobile-app .index-banner .banner-wrapper {
  margin-bottom: 0
}

header .header-bottom .swiper-slide a i {
  -webkit-transition: none;
  transition: none
}

.mobile-app .member-content .top-title:before, .mobile-app .member-content .top-title h3:after, .mobile-app .member-content .top-title h3:before {
  display: none
}

.member-content #member_invite .top-title h3 {
  padding: 0 20px
}

.mobile-app .member-content .top-title h3 {
  background: transparent
}

.member-content .receive-all-btn.web {
  position: absolute !important;
  top: 50px !important
}

:root {
  --deposit-receipt-text: #fff;
  --deposit-receipt-heading-color: hsla(0, 0%, 100%, 0.50196);
  --deposit-receipt-detail-bg: rgba(0, 0, 0, 0.2);
  --deposit-receipt-detail-border-width: 0;
  --deposit-receipt-detail-border-color: transparent;
  --deposit-receipt-amount-text: #ffc117;
  --deposit-receipt-note-title: rgba(255, 187, 0, 0.89804);
  --deposit-receipt-note-text: #fff;
  --deposit-receipt-note-wrap-bg: rgba(255, 187, 0, 0.10196);
  --deposit-receipt-qr-frame-border: rgba(0, 0, 0, 0.10196);
  --deposit-receipt-qr-border: #fb0;
  --deposit-receipt-qr-hint-color: hsla(0, 0%, 100%, 0.6);
  --deposit-receipt-divider-color: hsla(0, 0%, 100%, 0.05098);
  --deposit-receipt-divider-margin: 16px;
  --deposit-receipt-icon-note-style01-display: block;
  --deposit-receipt-icon-note-style02-display: none;
  --deposit-receipt-icon-copy-size: 30px;
  --deposit-receipt-icon-copy-style01-display: block;
  --deposit-receipt-icon-copy-style02-display: none;
  --deposit-receipt-icon-copy-style02-color: #fff;
  --deposit-receipt-form-group-margin-bottom: 37px;
  --deposit-receipt-form-group-margin-bottom-in-game: 37px;
  --deposit-receipt-form-group-margin-bottom-mob: 37px;
  --deposit-receipt-form-group-divider-gap: -16px;
  --deposit-receipt-form-label-font-size: 14px;
  --deposit-receipt-form-input-text-font-size: 16px;
  --deposit-receipt-form-input-text-padding: 0 50px 0 0;
  --deposit-receipt-form-input-text-height: 30px;
  --deposit-receipt-form-input-text-line-height: 30px
}

ul[data-v-56876d76] {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  margin-bottom: 0
}

.disabled-btn[data-v-015d6f8e] {
  pointer-events: none;
  opacity: .6
}

.recommend-now {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 16px 16px 20px;
  grid-gap: 20px;
  gap: 20px;
  border-radius: 10px;
  background: #f4f4f4;
  margin-bottom: 20px;
  width: 100%
}

.mobile-app .recommend-now {
  padding: 12px 12px 20px;
  -webkit-box-shadow: 0 2px 2px 0 rgba(5, 29, 61, .12);
  box-shadow: 0 2px 2px 0 rgba(5, 29, 61, .12)
}

.recommend-now-title {
  font-size: 18px;
  font-weight: 700
}

.recommend-now-qrcode-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 6px 8px;
  -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: start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-radius: 10px;
  border: 4px solid #000;
  background: #fff;
  margin-bottom: 20px
}

.mobile-app .recommend-now-qrcode-wrap {
  display: none
}

.qrcode-button-wrap {
  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;
  grid-gap: 12px;
  gap: 12px;
  width: 100%
}

.community-btn, .copy-btn, .download-btn {
  cursor: pointer
}

.recommend-now-content {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  grid-gap: 24px;
  gap: 24px;
  align-self: stretch
}

.recommend-now-content, .recommend-now-link-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.recommend-now-link-wrap {
  grid-gap: 12px;
  gap: 12px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.recommend-now-link-title {
  margin-bottom: 4px;
  color: #6c5f4e;
  font-size: 14px;
  font-weight: 700;
  text-align: left
}

.community-btn-wrap {
  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;
  grid-gap: 12px;
  gap: 12px;
  margin-left: auto
}

.mobile-app .community-btn-wrap {
  display: none
}

.recommend-now-link-input-wrap {
  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;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 8px 8px 8px 12px;
  align-items: center;
  grid-gap: 12px;
  gap: 12px;
  align-self: stretch;
  border-radius: 10px;
  border: 1px solid #dedede;
  background: #fff;
  cursor: pointer
}

.recommend-now-link-input {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  white-space: normal
}

.copy-link-btn {
  border: none;
  outline: none;
  background: none
}

.copy-link-btn>img {
  width: 24px
}

.copy-link-btn>svg {
  display: none;
  width: 24px;
  height: 24px
}

.recommend-now-link-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 8px;
  gap: 8px
}

.recommend-now-qrcode-mini-btn {
  display: none;
  border-radius: 10px;
  background: #ea9f13;
  padding: 8.8px
}

.mobile-app .recommend-now-qrcode-mini-btn {
  display: block
}

.pay-group img[data-v-089dbee7]:not(.tag):not(.bonusTag) {
  width: 30px;
  height: 30px;
  display: inline-block;
  margin: 0 5px 0 0;
  max-width: none
}

.pay-group label[data-v-089dbee7] {
  position: relative
}

.pay-group label .max-rate[data-v-089dbee7], .pay-group label .reward-rate[data-v-089dbee7] {
  position: absolute;
  font-size: 12px;
  left: 9px;
  top: -11px;
  display: inline-block;
  color: #fff;
  background-color: #ff2417;
  height: 22px;
  width: auto;
  white-space: nowrap;
  padding: 0 3px 0 5px;
  line-height: 22px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  font-style: italic;
  font-weight: 400
}

.pay-group label .max-rate[data-v-089dbee7]:before, .pay-group label .reward-rate[data-v-089dbee7]:before {
  content: "";
  position: absolute;
  left: 6px;
  top: -2px
}

.pay-group label .max-rate[data-v-089dbee7]:after, .pay-group label .reward-rate[data-v-089dbee7]:after {
  content: "";
  position: absolute;
  top: 0;
  right: -12px;
  width: 12px;
  height: 22px;
  background-image: url(data:image/webp;base64,UklGRqACAABXRUJQVlA4WAoAAAAwAAAACwAAFQAASUNDUMgBAAAAAAHIAAAAAAQwAABtbnRyUkdCIFhZWiAH4AABAAEAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAACRyWFlaAAABFAAAABRnWFlaAAABKAAAABRiWFlaAAABPAAAABR3dHB0AAABUAAAABRyVFJDAAABZAAAAChnVFJDAAABZAAAAChiVFJDAAABZAAAAChjcHJ0AAABjAAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJYWVogAAAAAAAAb6IAADj1AAADkFhZWiAAAAAAAABimQAAt4UAABjaWFlaIAAAAAAAACSgAAAPhAAAts9YWVogAAAAAAAA9tYAAQAAAADTLXBhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACAAAAAcAEcAbwBvAGcAbABlACAASQBuAGMALgAgADIAMAAxADZBTFBISQAAAAFPQBAIGnuDTEY7IiK8AzBoI0nI7Is4FHzQgASknISXgITVuxc0RPQ/vAF8VnyNVlyjFddoxTWe8f2+o9JKYbuVAruVG/BZ2QAAVlA4IGAAAABQAwCdASoMABYAPzWEuFMvKKUisAgB4CaJbACdMoEUUghFAAD+15Xphb/G7/U3i51PUoxDx59qObb3xxGydMOW62JsPMfR4n9z99dWsb8oUAoscsgPl+My9//wb/vyAAA=);
  background-repeat: no-repeat;
  background-size: auto 100%
}

.pay-group label .max-rate[data-v-089dbee7] {
  padding: 0 3px 0 8px
}

.pay-group label .pay-btn[data-v-089dbee7] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  word-break: break-all
}

@media only screen and (max-width:1199px) {
  .pay-group label .pay-btn[data-v-089dbee7] {
    padding: 10px
  }
}

.btn-method-block[data-v-089dbee7], .btn-method-block-dropdown[data-v-089dbee7], .methodBlock-dropdown-wrap.el-dropdown[data-v-089dbee7], .methodBlock-wrap[data-v-089dbee7] {
  display: none
}

.methodBlock[data-v-089dbee7] {
  position: relative;
  border-radius: 5px;
  background: #f9f9f9;
  padding: 10px 10px 20px;
  margin: 0
}

@media only screen and (max-width:480px) {
  .methodBlock[data-v-089dbee7] {
    padding: 0 5px 10px
  }
}

.methodBlock label.active .pay-btn[data-v-089dbee7], .methodBlock label:hover .pay-btn[data-v-089dbee7] {
  background: #fffef3;
  border-color: #ffc22f
}

.methodBlock[data-v-089dbee7]:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: -20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-color: transparent transparent #f9f9f9;
  border-style: solid;
  border-width: 0 10px 20px
}

.feedback[data-v-089dbee7] {
  position: absolute;
  font-size: 15px;
  left: 4px;
  top: -11px;
  display: inline-block;
  color: #fff;
  background-color: #ff2417;
  font-weight: 700;
  height: 22px;
  width: auto;
  white-space: nowrap;
  padding: 0 3px 0 6px;
  line-height: 22px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  font-style: italic
}

.feedback[data-v-089dbee7]:after {
  content: "";
  position: absolute;
  top: 0;
  right: -12px;
  width: 12px;
  height: 22px;
  background-image: url(data:image/webp;base64,UklGRqACAABXRUJQVlA4WAoAAAAwAAAACwAAFQAASUNDUMgBAAAAAAHIAAAAAAQwAABtbnRyUkdCIFhZWiAH4AABAAEAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAACRyWFlaAAABFAAAABRnWFlaAAABKAAAABRiWFlaAAABPAAAABR3dHB0AAABUAAAABRyVFJDAAABZAAAAChnVFJDAAABZAAAAChiVFJDAAABZAAAAChjcHJ0AAABjAAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJYWVogAAAAAAAAb6IAADj1AAADkFhZWiAAAAAAAABimQAAt4UAABjaWFlaIAAAAAAAACSgAAAPhAAAts9YWVogAAAAAAAA9tYAAQAAAADTLXBhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACAAAAAcAEcAbwBvAGcAbABlACAASQBuAGMALgAgADIAMAAxADZBTFBISQAAAAFPQBAIGnuDTEY7IiK8AzBoI0nI7Is4FHzQgASknISXgITVuxc0RPQ/vAF8VnyNVlyjFddoxTWe8f2+o9JKYbuVAruVG/BZ2QAAVlA4IGAAAABQAwCdASoMABYAPzWEuFMvKKUisAgB4CaJbACdMoEUUghFAAD+15Xphb/G7/U3i51PUoxDx59qObb3xxGydMOW62JsPMfR4n9z99dWsb8oUAoscsgPl+My9//wb/vyAAA=);
  background-repeat: no-repeat;
  background-size: auto 100%
}

.category-group .pay-group.custom-40[data-v-089dbee7], .methodBlock-btn[data-v-089dbee7] {
  display: none
}

.tag[data-v-089dbee7] {
  width: 54px;
  height: 33px;
  right: 5px;
  top: -20px
}

.bonusTag[data-v-089dbee7], .tag[data-v-089dbee7] {
  position: absolute;
  -o-object-fit: contain;
  object-fit: contain
}

.bonusTag[data-v-089dbee7] {
  width: 65px;
  height: 32px;
  top: -17px;
  left: 9px;
  margin: 0
}

.mobile-app .pay-group label .tag[data-v-089dbee7] {
  width: 9.6vmin;
  height: 5.3333333333vmin;
  top: -3.7333333333vmin
}

.mobile-app .pay-group label .bonusTag[data-v-089dbee7] {
  width: 12.8vmin;
  height: 5.3333333333vmin;
  top: -2.4vmin
}

.mobile-app .pay-group label .max-rate[data-v-089dbee7], .mobile-app .pay-group label .reward-rate[data-v-089dbee7] {
  height: 4.2666666667vmin;
  font-size: 2.6666666667vmin;
  line-height: 4.2666666667vmin;
  top: -2.4vmin
}

.mobile-app .pay-group label .max-rate[data-v-089dbee7]:before, .mobile-app .pay-group label .reward-rate[data-v-089dbee7]:before {
  top: -.2666666667vmin;
  left: 1.3333333333vmin
}

.mobile-app .pay-group label .max-rate[data-v-089dbee7]:after, .mobile-app .pay-group label .reward-rate[data-v-089dbee7]:after {
  width: 2.6666666667vmin;
  height: 4.2666666667vmin;
  right: -2.6666666667vmin
}

.mobile-app .feedback[data-v-089dbee7] {
  height: 4.2666666667vmin;
  font-size: 2.6666666667vmin;
  line-height: 4.2666666667vmin;
  top: -2.4vmin;
  padding-left: 3.2vmin
}

.mobile-app .feedback[data-v-089dbee7]:before {
  top: -.2666666667vmin;
  left: 1.3333333333vmin
}

.mobile-app .feedback[data-v-089dbee7]:after {
  width: 2.6666666667vmin;
  height: 4.2666666667vmin;
  right: -2.6666666667vmin
}