@charset "UTF-8";
:root {
  --lobby__px: 1px;
}
html[data-ui-contain="1"] {
  max-width: var(--lobby__max-width);
  margin: 0 auto;
  font-size: calc(var(--lobby__max-width) / (750 / var(--lobby__rem-unit))) !important;
}
html[data-ui-contain="1"] .wg-fixed-no-desktop,
html[data-ui-contain="1"] #nprogress {
  max-width: var(--lobby__max-width);
  margin: 0 auto;
  left: auto !important;
}
html[dir="rtl"][data-ui-contain="1"] .wg-fixed-no-desktop,
html[dir="rtl"][data-ui-contain="1"] #nprogress {
  left: auto !important;
  right: auto !important;
}
html[data-ui-contain="1"] body {
  width: 100% !important;
}
html[data-preview-mode="1"] .wg-fixed-no-desktop,
html[data-preview-mode="1"] .lobby-fixed-view,
html[data-preview-mode="1"] .ui-overlay,
html[data-preview-mode="1"] .float-bar-main,
html[data-preview-mode="1"] #ukefu-point,
html[data-preview-mode="1"] #chat-widget-container,
html[data-preview-mode="1"] #meiqia-container,
html[data-preview-mode="1"] #icEntry,
html[data-tgrp-mode="1"] .lobby-fixed-view,
html[data-tgrp-mode="1"] .float-bar-main,
html[data-tgrp-mode="1"] .red-pocket-mask,
html[data-tgrp-mode="1"] #ukefu-point,
html[data-tgrp-mode="1"] #chat-widget-container,
html[data-tgrp-mode="1"] #meiqia-container,
html[data-tgrp-mode="1"] #icEntry {
  display: none !important;
}
html[data-isTGMicroApp="1"][data-isdesktop="1"] ::-webkit-scrollbar {
  width: 0px !important;
}
:root {
  --lobby__rem-unit: 100;
  --lobby__max-width: 100%;
  --lobby__vh: 1vh;
  --lobby__screen-height: calc(var(--lobby__vh, 1vh) * 100);
  --skin__disabled-bg-color__custom: var(--skin__neutral_2);
  --skin__bg-shadow__custom: "rgba(0, 0, 0, 0.06)";
  --skin__disabled-font-color__custom: #fff;
  --skin__event-text-color__custom: #fff;
  --skin__safe-area-inset-bottom: env(safe-area-inset-bottom);
}
body {
  margin: 0;
}
a {
  text-decoration: none;
}
input,
button,
textarea {
  color: inherit;
  font: inherit;
}
a:focus,
input:focus,
button:focus,
textarea:focus,
[class*="ui-"]:focus {
  outline: none;
}
input[class*="ui-"],
[class*="ui-"] input {
  background-color: transparent;
  border: 0;
}
ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
._page_dn8vw_82 {
  display: flex;
  flex-direction: column;
  height: 100%;
  font-size: 0.22rem;
}
._page_dn8vw_82 ._page-tab-container_dn8vw_88 {
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
._page_dn8vw_82 ._page-tab-container_dn8vw_88 .ui-badge__content {
  line-height: 0.3rem;
}
._page_dn8vw_82 ._page-tab-container_dn8vw_88 .ui-tabs__content {
  flex: 1;
  overflow: hidden;
}
._page_dn8vw_82 ._page-tab-container_dn8vw_88 .ui-tab__panel {
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
._page_dn8vw_82 ._page-tab-container_dn8vw_88 .ui-tab {
  padding: 0 0.2rem;
  font-size: 0.24rem;
}
._page_dn8vw_82 ._page-tab-container_dn8vw_88 .ui-tabs__wrap {
  height: 0.7rem;
  font-size: 0.24rem;
  color: var(--skin__lead);
  background-color: var(--skin__bg_2);
  border-bottom: 0.01rem solid var(--skin__border);
}
._page_dn8vw_82 .ui-retry__block,
._page_dn8vw_82 .ui-empty {
  height: 100%;
}
._page_dn8vw_82 .ui-checkbox--checked .ui-checkbox__label {
  color: var(--skin__lead);
}
._page_dn8vw_82 .ui-checkbox__icon-wrap {
  margin-right: 0;
}
[dir="rtl"] ._page_dn8vw_82 .ui-checkbox__icon-wrap {
  margin-right: 0;
  margin-left: 0;
}
._page_dn8vw_82 .ui-checkbox__label {
  margin-left: 0.1rem;
}
[dir="rtl"] ._page_dn8vw_82 .ui-checkbox__label {
  margin-left: 0;
  margin-right: 0.1rem;
}
._page_dn8vw_82 ._content_dn8vw_131 {
  padding: 0.2rem;
  flex: 1;
  height: 100%;
  overflow-y: auto;
}
._page_dn8vw_82 ._content_dn8vw_131._with-footer-bar_dn8vw_137 {
  padding-bottom: 1.6rem;
}
._page_dn8vw_82 ._content_dn8vw_131._with-filter_dn8vw_140 {
  padding-top: 0;
}
._page_dn8vw_82 ._content_dn8vw_131._with-footer-bar-lg_dn8vw_143 {
  padding-bottom: 2.4rem;
}
._page_dn8vw_82 ._content_dn8vw_131 .ui-list__container > * {
  margin-bottom: 0.2rem;
}
._page_dn8vw_82 ._content_dn8vw_131 .ui-list__container > *:last-child {
  margin-bottom: 0;
}
._page_dn8vw_82 ._content_dn8vw_131 .ui-pull-refresh {
  min-height: 100%;
}
._fixed-footer-bar_dn8vw_156 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: var(--skin__bg_2);
  padding: 0.2rem 0.2rem 0.4rem;
  box-shadow: 0 -0.03rem 0.1rem rgba(0, 0, 0, 0.1);
  font-size: 0.24rem;
  z-index: 2;
}
[dir="rtl"] ._fixed-footer-bar_dn8vw_156 {
  left: auto;
  right: 0;
}
._link_dn8vw_168 {
  color: var(--skin__primary);
  text-decoration: underline;
  text-underline-offset: 0.02rem;
  line-height: 1.3;
  cursor: pointer;
}
._form_dn8vw_176 .lobby-form-item__label {
  margin-bottom: 0.2rem;
  color: var(--skin__lead);
  font-size: 0.26rem;
}
._form_dn8vw_176 .lobby-form-item--style:last-child {
  margin-bottom: 0;
}
._form_dn8vw_176 .ui-input {
  border-radius: 0.14rem;
}
._form_dn8vw_176 ._multiple-form-item_dn8vw_187 .lobby-form-item__input {
  flex-direction: column;
}
._multiple-account-container_dn8vw_191 {
  padding: 0.2rem;
  background-color: var(--skin__bg_1);
  border-radius: 0.14rem;
  border: var(--lobby__px) solid var(--skin__border);
  color: var(--skin__lead);
  line-height: 1.6;
  word-wrap: break-word;
}
._popover_dn8vw_201 .ui-popover__action {
  font-size: 0.24rem;
  width: 1.6rem;
  height: 0.8rem;
  padding: 0;
}
._popover_dn8vw_201 .ui-popover__content {
  border: var(--lobby__px) solid var(--skin__border);
}
._icon-arrow_dn8vw_211 {
  position: absolute;
  top: 0;
  right: 0.2rem;
  height: 100%;
  display: flex;
  width: 0.2rem;
  align-items: center;
  justify-content: center;
  line-height: 1.2;
  color: var(--skin__neutral_2);
}
[dir="rtl"] ._icon-arrow_dn8vw_211 {
  right: auto;
  left: 0.2rem;
}
._icon-arrow_dn8vw_211 i {
  transform: rotate(180deg);
}
[dir="rtl"] ._icon-arrow_dn8vw_211 i {
  transform: rotate(-180deg);
}
._button-small_dn8vw_227 {
  border-radius: 0.1rem !important;
}
html[lang="es"] ._button-small_dn8vw_227,
html[lang="kn"] ._button-small_dn8vw_227 {
  line-height: 1;
}
._icon-with-bg_dn8vw_236 {
  display: inline-block;
  border-radius: 50%;
  flex-shrink: 0;
  height: 0.27rem;
  width: 0.27rem;
}
._icon-with-bg_dn8vw_236._success_dn8vw_243 {
  background-color: var(--skin__accent_1);
}
._icon-with-bg_dn8vw_236._warning_dn8vw_246 {
  background-color: var(--skin__accent_3);
}
._icon-with-bg_dn8vw_236._failed_dn8vw_249 {
  background-color: var(--skin__accent_2);
}
._icon-with-bg_dn8vw_236._gray_dn8vw_252 {
  background: var(--skin__neutral_2);
}
._select-popover_dn8vw_256 {
  min-width: 1.6rem;
  max-width: 3.15rem;
}
._select-popover_dn8vw_256 .ui-options__option-content {
  line-height: 0.36rem;
  white-space: unset;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
._select-wrap_dn8vw_271 {
  min-width: 1.6rem;
  max-width: 1.9rem !important;
}
._select-wrap_dn8vw_271 .ui-select-single__content {
  height: auto;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
._select-wrap_dn8vw_271 .ui-select__reference--middle {
  min-width: 1.6rem;
}
._select-wrap_dn8vw_271 .ui-select__reference {
  border-radius: 1rem;
}
._base-header_dn8vw_289 {
  justify-content: center !important;
}
._base-header_dn8vw_289 .lobby-base-header__section--center {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 4.1rem;
  text-align: center;
  line-height: 1;
  white-space: pre-line;
  line-break: anywhere;
}
._base-header_dn8vw_289 .lobby-base-header__section--right {
  max-width: 1.7rem;
  padding-right: 0.2rem;
  font-size: 0.24rem;
  text-align: right;
}
[dir="rtl"] ._base-header_dn8vw_289 .lobby-base-header__section--right {
  padding-right: 0;
  padding-left: 0.2rem;
  text-align: left;
}
._base-header-title_dn8vw_308 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
._line_dn8vw_317 {
  height: 0.01rem;
  border-bottom: 0.01rem solid var(--skin__border);
}
html[lang="my"] ._button_dn8vw_227,
html[lang="pa"] ._button_dn8vw_227,
html[lang="ar"] ._button_dn8vw_227 {
  line-height: 1.6;
}
html[lang="my"] ._button_dn8vw_227.ui-button--normal,
html[lang="pa"] ._button_dn8vw_227.ui-button--normal,
html[lang="ar"] ._button_dn8vw_227.ui-button--normal {
  font-size: 0.2rem;
}
html[lang="my"] ._button_dn8vw_227.ui-button--small,
html[lang="pa"] ._button_dn8vw_227.ui-button--small,
html[lang="ar"] ._button_dn8vw_227.ui-button--small {
  font-size: 0.16rem;
}
._icon_dn8vw_211 {
  height: 0.33rem;
  width: 0.33rem;
  vertical-align: middle;
}
._grid-2_w7emh_82 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
}
._grid-2_w7emh_82 > * {
  width: calc((100% - 0.2rem) / 2);
  margin-left: 0.2rem;
  margin-top: 0.2rem;
}
[dir="rtl"] ._grid-2_w7emh_82 > * {
  margin-left: 0;
  margin-right: 0.2rem;
}
._grid-2_w7emh_82 > *:nth-child(odd) {
  margin-left: 0;
}
[dir="rtl"] ._grid-2_w7emh_82 > *:nth-child(odd) {
  margin-left: 0;
  margin-right: 0;
}
._grid-2_w7emh_82 > *:nth-child(1) {
  margin-top: 0;
}
._grid-2_w7emh_82 > *:nth-child(2) {
  margin-top: 0;
}
._grid-3_w7emh_102 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
}
._grid-3_w7emh_102 > * {
  width: calc((100% - 0.4rem) / 3);
  margin-left: 0.2rem;
  margin-top: 0.2rem;
}
[dir="rtl"] ._grid-3_w7emh_102 > * {
  margin-left: 0;
  margin-right: 0.2rem;
}
._grid-3_w7emh_102 > *:nth-child(3n + 1) {
  margin-left: 0;
}
[dir="rtl"] ._grid-3_w7emh_102 > *:nth-child(3n + 1) {
  margin-left: 0;
  margin-right: 0;
}
._grid-3_w7emh_102 > *:nth-child(1) {
  margin-top: 0;
}
._grid-3_w7emh_102 > *:nth-child(2) {
  margin-top: 0;
}
._grid-3_w7emh_102 > *:nth-child(3) {
  margin-top: 0;
}
._grid-4_w7emh_125 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
}
._grid-4_w7emh_125 > * {
  width: calc((100% - 0.6rem) / 4);
  margin-left: 0.2rem;
  margin-top: 0.2rem;
}
[dir="rtl"] ._grid-4_w7emh_125 > * {
  margin-left: 0;
  margin-right: 0.2rem;
}
._grid-4_w7emh_125 > *:nth-child(4n + 1) {
  margin-left: 0;
}
[dir="rtl"] ._grid-4_w7emh_125 > *:nth-child(4n + 1) {
  margin-left: 0;
  margin-right: 0;
}
._grid-4_w7emh_125 > *:nth-child(1) {
  margin-top: 0;
}
._grid-4_w7emh_125 > *:nth-child(2) {
  margin-top: 0;
}
._grid-4_w7emh_125 > *:nth-child(3) {
  margin-top: 0;
}
._grid-4_w7emh_125 > *:nth-child(4) {
  margin-top: 0;
}
._flex_w7emh_152 {
  display: flex;
}
._flex-1_w7emh_155 {
  flex: 1;
}
._flex-center_w7emh_158 {
  display: flex;
  align-items: center;
  justify-content: center;
}
._flex-col_w7emh_163 {
  flex-direction: column;
}
._align-self-center_w7emh_167 {
  align-self: center;
}
._align-self-start_w7emh_170 {
  align-self: flex-start;
}
._align-self-end_w7emh_173 {
  align-self: flex-end;
}
._items-start_w7emh_177 {
  align-items: start;
}
._items-center_w7emh_180 {
  align-items: center;
}
._items-end_w7emh_183 {
  align-items: flex-end;
}
._justify-center_w7emh_187 {
  justify-content: center;
}
._justify-between_w7emh_190 {
  justify-content: space-between;
}
._justify-end_w7emh_193 {
  justify-content: flex-end;
}
._shrink-0_w7emh_197 {
  flex-shrink: 0;
}
._leading-1_w7emh_201 {
  line-height: 1 !important;
}
._leading-18_w7emh_204 {
  line-height: 1.8;
}
._leading-16_w7emh_207 {
  line-height: 1.6;
}
._font-20_w7emh_211 {
  font-size: 0.2rem;
}
._font-22_w7emh_214 {
  font-size: 0.22rem;
}
._font-24_w7emh_217 {
  font-size: 0.24rem;
}
._font-26_w7emh_220 {
  font-size: 0.26rem;
}
._font-bold_w7emh_223 {
  font-weight: 700;
}
._font-normal_w7emh_226 {
  font-weight: 400;
}
._ellipsis-1_w7emh_230 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
._ellipsis-2_w7emh_235 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
._text-primary_w7emh_244 {
  color: var(--skin__primary);
}
._text-warning_w7emh_247 {
  color: var(--skin__accent_3);
}
._text-success_w7emh_250 {
  color: var(--skin__accent_1);
}
._text-error_w7emh_253 {
  color: var(--skin__accent_2);
}
._text-neutral2_w7emh_256 {
  color: var(--skin__neutral_2);
}
._text-neutral1_w7emh_259 {
  color: var(--skin__neutral_1);
}
._text-lead_w7emh_262 {
  color: var(--skin__lead);
}
._text-white_w7emh_265 {
  color: #fff;
}
._text-right_w7emh_268 {
  text-align: right;
}
[dir="rtl"] ._text-right_w7emh_268 {
  text-align: left;
}
._text-center_w7emh_271 {
  text-align: center;
}
._text-indent-44_w7emh_274 {
  text-indent: 0.44rem;
}
._text-underline_w7emh_277 {
  text-decoration: underline;
}
._space-x-20_w7emh_281 > * + * {
  margin-left: 0.2rem;
}
[dir="rtl"] ._space-x-20_w7emh_281 > * + * {
  margin-left: 0;
  margin-right: 0.2rem;
}
._space-x-10_w7emh_284 > * + * {
  margin-left: 0.1rem;
}
[dir="rtl"] ._space-x-10_w7emh_284 > * + * {
  margin-left: 0;
  margin-right: 0.1rem;
}
._space-x-40_w7emh_287 > * + * {
  margin-left: 0.4rem;
}
[dir="rtl"] ._space-x-40_w7emh_287 > * + * {
  margin-left: 0;
  margin-right: 0.4rem;
}
._space-y-20_w7emh_290 > * + * {
  margin-top: 0.2rem;
}
._space-y-10_w7emh_293 > * + * {
  margin-top: 0.1rem;
}
._mt-10_w7emh_297 {
  margin-top: 0.1rem;
}
._mt-20_w7emh_300 {
  margin-top: 0.2rem;
}
._mt-30_w7emh_303 {
  margin-top: 0.3rem;
}
._mt-40_w7emh_306 {
  margin-top: 0.4rem;
}
._mx-10_w7emh_310 {
  margin-left: 0.1rem;
  margin-right: 0.1rem;
}
._mx-4_w7emh_314 {
  margin-left: 0.04rem;
  margin-right: 0.04rem;
}
._mb-0_w7emh_319 {
  margin-bottom: 0;
}
._mr-10_w7emh_323 {
  margin-right: 0.1rem;
}
[dir="rtl"] ._mr-10_w7emh_323 {
  margin-right: 0;
  margin-left: 0.1rem;
}
._r-20_w7emh_327 {
  right: 0.2rem;
}
[dir="rtl"] ._r-20_w7emh_327 {
  right: auto;
  left: 0.2rem;
}
._ml-4_w7emh_331 {
  margin-left: 0.04rem;
}
[dir="rtl"] ._ml-4_w7emh_331 {
  margin-left: 0;
  margin-right: 0.04rem;
}
._ml-10_w7emh_334 {
  margin-left: 0.1rem;
}
[dir="rtl"] ._ml-10_w7emh_334 {
  margin-left: 0;
  margin-right: 0.1rem;
}
._ml-20_w7emh_337 {
  margin-left: 0.2rem;
}
[dir="rtl"] ._ml-20_w7emh_337 {
  margin-left: 0;
  margin-right: 0.2rem;
}
._ml-30_w7emh_340 {
  margin-left: 0.3rem;
}
[dir="rtl"] ._ml-30_w7emh_340 {
  margin-left: 0;
  margin-right: 0.3rem;
}
._p-20_w7emh_344 {
  padding: 0.2rem;
}
._px-20_w7emh_347 {
  padding: 0 0.2rem;
}
._pr-140_w7emh_351 {
  padding-right: 1.4rem;
}
[dir="rtl"] ._pr-140_w7emh_351 {
  padding-right: 0;
  padding-left: 1.4rem;
}
._pl-40_w7emh_355 {
  padding-left: 0.4rem;
}
[dir="rtl"] ._pl-40_w7emh_355 {
  padding-left: 0;
  padding-right: 0.4rem;
}
._w-full_w7emh_359 {
  width: 100%;
}
._w-200_w7emh_362 {
  width: 2rem;
}
._w-max300_w7emh_365 {
  max-width: 3rem;
}
._h-full_w7emh_369 {
  height: 100%;
}
._bg-1_w7emh_373 {
  background: var(--skin__bg_1);
}
._bg-2_w7emh_376 {
  background: var(--skin__bg_2);
}
._absolute_w7emh_380 {
  position: absolute;
}
._overflow-hidden_w7emh_384 {
  overflow: hidden;
}
._break-all_w7emh_388 {
  word-break: break-all;
}
._break-anywhere_w7emh_391 {
  white-space: pre-line;
  line-break: anywhere;
}
._inline-block_w7emh_396 {
  display: inline-block;
}
._inline-flex_w7emh_399 {
  display: inline-flex;
}
._display-webkit-box_w7emh_403 {
  display: -webkit-box !important;
}
._resize-vertical_w7emh_407 {
  resize: vertical;
}
._rounded-20_w7emh_411 {
  border-radius: 0.2rem;
}
._vertical-middle_w7emh_415 {
  vertical-align: middle;
}
._hideEntry_57aj5_82 .ui-dialog__header__icon svg {
  fill: var(--skin__accent_2);
}
.lobby-image[data-status="wait"] {
  opacity: 0;
}
.lobby-image--use-bg {
  position: relative;
  z-index: 0;
}
.lobby-image__status {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
}
.lobby-image[data-status="loading-set"] {
  background-repeat: no-repeat;
}
.lobby-image--blur {
  transition: filter 0.3s;
}
.lobby-image--blur[data-status="wait"],
.lobby-image--blur[data-status="loading"] {
  filter: blur(0.15rem);
}
.lobby-image--blur[data-status="loading-set"],
.lobby-image--blur[data-status="success"],
.lobby-image--blur[data-status="error"] {
  filter: blur(0);
}
.lobby-image--skeleton[data-status="loading"][data-thumb="0"] {
  background-image: linear-gradient(
    90deg,
    var(--skin__border),
    var(--skin__border),
    var(--skin__border),
    var(--skin__bg_2),
    var(--skin__border),
    var(--skin__border),
    var(--skin__border)
  ) !important;
  background-size: 200% 100% !important;
  border-radius: 0.04rem;
  opacity: 0.5;
  animation: common_bganimation 0.9s linear infinite;
}
[dir="rtl"] .lobby-image--skeleton[data-status="loading"][data-thumb="0"] {
  background-image: linear-gradient(
    -90deg,
    var(--skin__border),
    var(--skin__border),
    var(--skin__border),
    var(--skin__bg_2),
    var(--skin__border),
    var(--skin__border),
    var(--skin__border)
  ) !important;
}
[data-page-active="0"] .lobby-image[data-hide-on-popup="1"] {
  visibility: hidden;
}
._editor-base-style_1r8a7_82 * {
  word-break: break-word;
}
._editor-base-style_1r8a7_82 img,
._editor-base-style_1r8a7_82 picture {
  max-width: 100%;
}
._revert-system-style_1r8a7_90 * {
  all: revert;
}
._icon-currency_7oh9z_82 {
  color: var(--skin__accent_3);
  font-size: 0.24rem;
}
._main_18utx_82 {
  --end-offset: 0;
  overflow: hidden;
}
._main_18utx_82 > div {
  position: relative;
  display: inline-block;
  overflow: hidden;
}
._main_18utx_82 ._placeholder_18utx_91 {
  display: flex;
  visibility: hidden;
}
._main_18utx_82 ._mainScroller_18utx_95 {
  will-change: transform;
  position: absolute;
  top: 0;
  left: 0;
}
[dir="rtl"] ._main_18utx_82 ._mainScroller_18utx_95 {
  left: auto;
  right: 0;
}
._main_18utx_82 ._mainScroller_18utx_95 > span {
  display: block;
}
._main_18utx_82 ._scroll-pasued_18utx_104 {
  animation-play-state: paused;
}
._main_18utx_82[data-direction="left"],
._main_18utx_82[data-direction="right"] {
  width: 100%;
  display: inline-block;
}
._main_18utx_82[data-direction="left"] > div,
._main_18utx_82[data-direction="right"] > div {
  min-width: 100%;
}
._main_18utx_82[data-direction="left"] ._mainScroller_18utx_95,
._main_18utx_82[data-direction="right"] ._mainScroller_18utx_95 {
  min-width: 200%;
  display: inline-block;
  white-space: nowrap;
}
._main_18utx_82[data-direction="left"] ._mainScroller_18utx_95 > span,
._main_18utx_82[data-direction="right"] ._mainScroller_18utx_95 > span {
  min-width: 50%;
  display: inline-block;
}
._main_18utx_82[data-direction="up"],
._main_18utx_82[data-direction="down"] {
  height: 100%;
  display: inline-block;
}
._main_18utx_82[data-direction="up"] > div,
._main_18utx_82[data-direction="down"] > div {
  min-height: 100%;
}
._main_18utx_82[data-direction="up"] ._mainScroller_18utx_95,
._main_18utx_82[data-direction="down"] ._mainScroller_18utx_95 {
  min-height: 200%;
}
._main_18utx_82[data-direction="up"] ._mainScroller_18utx_95 > span,
._main_18utx_82[data-direction="down"] ._mainScroller_18utx_95 > span {
  min-height: 50%;
}
._main_18utx_82[data-direction="right"] ._mainScroller_18utx_95 {
  right: 0;
  left: auto;
}
[dir="rtl"] ._main_18utx_82[data-direction="right"] ._mainScroller_18utx_95 {
  left: 0;
  right: auto;
}
._main_18utx_82[data-direction="down"] ._mainScroller_18utx_95 {
  top: auto;
  bottom: 0;
}
@keyframes _dynamicScrollUp_18utx_1 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, calc(-1 * calc(50% - var(--end-offset, 0))), 0);
  }
}
@keyframes _dynamicScrollRight_18utx_1 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(calc(calc(50% - var(--end-offset, 0))), 0, 0);
  }
}
@keyframes _dynamicScrollDown_18utx_1 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, calc(calc(50% - var(--end-offset, 0))), 0);
  }
}
@keyframes _dynamicScrollLeft_18utx_1 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(calc(-1 * calc(50% - var(--end-offset, 0))), 0, 0);
  }
}
._main_18utx_82 ._scrollUp_18utx_176 {
  animation-name: _dynamicScrollUp_18utx_1;
  animation-timing-function: linear;
}
._main_18utx_82 ._scrollRight_18utx_180 {
  animation-name: _dynamicScrollRight_18utx_1;
  animation-timing-function: linear;
}
._main_18utx_82 ._scrollDown_18utx_184 {
  animation-name: _dynamicScrollDown_18utx_1;
  animation-timing-function: linear;
}
._main_18utx_82 ._scrollLeft_18utx_188 {
  animation-name: _dynamicScrollLeft_18utx_1;
  animation-timing-function: linear;
}
._category-icon-text_1mx03_82 {
  --category-icon-size: 0.28rem;
  --category-text-margin: 0 0 0 0.06rem;
  --category-text-font-size: 0.2rem;
  --category-icon-font-size: calc(var(--category-icon-size) * 0.92);
  --category-text-vertical-margin: 0;
  --category-text-disabled-color: var(--skin__neutral_3);
  --category-text-width: fit-content;
  --category-text-line-height: normal;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
}
._category-icon-text_1mx03_82._vertical_1mx03_95 {
  flex-direction: column;
}
._category-icon-text_1mx03_82._vertical_1mx03_95 ._seamless-scroll_1mx03_98 {
  text-align: center;
}
._category-icon-text_1mx03_82._vertical_1mx03_95 ._category-text_1mx03_101 {
  margin: var(--category-text-vertical-margin);
}
._category-icon-text_1mx03_82._disabled_1mx03_104 ._category-text_1mx03_101 {
  color: var(--category-text-disabled-color);
}
._category-icon-text_1mx03_82._bold_1mx03_107 ._category-text_1mx03_101 {
  font-weight: 700;
}
._category-icon-text_1mx03_82 ._category-icon_1mx03_82 {
  width: var(--category-icon-size);
  height: var(--category-icon-size);
  color: var(--category-icon-color);
  font-size: var(--category-icon-font-size);
  text-align: center;
}
._category-icon-text_1mx03_82 ._category-icon_1mx03_82 > svg {
  width: inherit;
}
._category-icon-text_1mx03_82 ._seamless-scroll_1mx03_98 {
  display: inline-flex;
  max-width: var(--category-text-width);
}
._category-icon-text_1mx03_82 ._seamless-scroll_1mx03_98 ._category-text_1mx03_101 {
  display: inline-block;
}
._category-icon-text_1mx03_82 ._category-text_1mx03_101 {
  margin: var(--category-text-margin);
  color: var(--category-text-color);
  font-size: var(--category-text-font-size);
  line-height: var(--category-text-line-height);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
._category-icon-text_1mx03_82 ._category-text_1mx03_101._has-value_1mx03_136 {
  display: flex;
  align-items: baseline;
  justify-content: center;
  overflow: visible;
  white-space: normal;
}
._category-icon-text_1mx03_82
  ._category-text_1mx03_101._has-value_1mx03_136
  ._category-text-name_1mx03_143 {
  flex: 0 1 auto;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
._category-icon-text_1mx03_82
  ._category-text_1mx03_101._has-value_1mx03_136
  ._category-text-value_1mx03_150 {
  flex: 0 0 auto;
  margin-left: 0.04rem;
  white-space: nowrap;
}
[dir="rtl"]
  ._category-icon-text_1mx03_82
  ._category-text_1mx03_101._has-value_1mx03_136
  ._category-text-value_1mx03_150 {
  margin-left: 0;
  margin-right: 0.04rem;
}
._rewardPopup_cox93_82 {
  position: relative;
  margin-top: 3.5rem;
  padding: 0.2rem;
  border-radius: 0.14rem;
  width: 6.9rem;
  display: flex;
  gap: 0.12rem;
  align-items: center;
  font-size: 0.28rem;
}
._rewardPopup_cox93_82 ._icon-img_cox93_93 {
  width: 0.4rem;
  height: 0.4rem;
}
._rewardPopup_cox93_82 ._text_cox93_97 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
  min-height: 0.65rem;
  line-height: 0.32rem;
  text-align: left;
}
[dir="rtl"] ._rewardPopup_cox93_82 ._text_cox93_97 {
  text-align: right;
}
._rewardPopup_cox93_82 ._rightContent_cox93_106 {
  max-width: 2.8rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.1rem;
}
._rewardPopup_cox93_82 ._rightContent_cox93_106 ._currency_cox93_114,
._rewardPopup_cox93_82 ._rightContent_cox93_106 ._activity_cox93_115 {
  display: flex;
  align-items: center;
  color: #ffaa09;
  font-weight: 700;
  line-height: 1.67;
  letter-spacing: normal;
  text-align: left;
}
[dir="rtl"] ._rewardPopup_cox93_82 ._rightContent_cox93_106 ._currency_cox93_114,
[dir="rtl"] ._rewardPopup_cox93_82 ._rightContent_cox93_106 ._activity_cox93_115 {
  text-align: right;
}
._rewardPopup_cox93_82 ._rightContent_cox93_106 ._currency_cox93_114 > i,
._rewardPopup_cox93_82 ._rightContent_cox93_106 ._activity_cox93_115 > i {
  margin-top: 0.06rem;
  margin-right: 0.05rem;
  display: block !important;
}
[dir="rtl"] ._rewardPopup_cox93_82 ._rightContent_cox93_106 ._currency_cox93_114 > i,
[dir="rtl"] ._rewardPopup_cox93_82 ._rightContent_cox93_106 ._activity_cox93_115 > i {
  margin-right: 0;
  margin-left: 0.05rem;
}
._rewardPopup_cox93_82 ._rightContent_cox93_106 ._activity_cox93_115 {
  margin: 0;
}
._rewardPopup_cox93_82 ._rightContent_cox93_106 ._activity_cox93_115 ._icon_cox93_93 {
  --category-icon-size: 0.3rem;
  --category-icon-font-size: 0.3rem;
  --category-text-font-size: 0.24rem;
  --category-text-width: 2.8rem;
}
._rewardPopup_cox93_82 ._rightContent_cox93_106 ._activity_cox93_115 ._text-class_cox93_139 {
  font-size: 0.24rem;
}
@keyframes _receiveCurrencyIconRotateY_cox93_1 {
  0% {
    transform: rotateY(0);
  }
  to {
    transform: rotateY(-360deg);
  }
}
._rewardPopup_cox93_82 ._rightContent_cox93_106 ._iconAnime_cox93_150 {
  animation: _receiveCurrencyIconRotateY_cox93_1 1s linear 1;
  transform-origin: center;
  color: #ffaa09;
}
._rewardPopup_cox93_82 ._anime_cox93_155 {
  position: absolute;
  width: 8rem;
  height: 2rem;
  top: calc(50% - 1rem);
  left: calc(50% - 4rem);
}
[dir="rtl"] ._rewardPopup_cox93_82 ._anime_cox93_155 {
  left: auto;
  right: calc(50% - 4rem);
}
html[data-skin-bg="1"] ._rewardPopup_cox93_82 {
  background: #fff;
}
html[data-skin-bg="1"] ._rewardPopup_cox93_82 ._text_cox93_97 {
  color: #333;
}
html[data-skin-bg="0"] ._rewardPopup_cox93_82 {
  background: rgba(0, 0, 0, 0.8);
}
html[data-skin-bg="0"] ._rewardPopup_cox93_82 ._text_cox93_97 {
  color: #fff;
}
._animatePopup_1m5gv_82 {
  justify-content: flex-start !important;
}
._animatePopup_1m5gv_82 .ui-toast__toast.ui-toast__toast--container {
  pointer-events: none;
  max-width: 7.5rem !important;
}
._animatePopup_1m5gv_82 .ui-toast__toast.ui-toast__toast--container .ui-toast__toast--instance {
  background-color: transparent !important;
  border: none !important;
  padding: 0;
  pointer-events: none;
}
._animatePopup_1m5gv_82
  .ui-toast__toast.ui-toast__toast--container
  .ui-toast__toast--instance
  .ui-toast__toast-message {
  max-width: 7.5rem !important;
}
._animatePopup_1m5gv_82
  .ui-toast__toast.ui-toast__toast--container
  .ui-toast__toast--instance
  .ui-toast__toast-message.rtl-flip-text {
  direction: ltr;
}
[dir="rtl"]
  ._animatePopup_1m5gv_82
  .ui-toast__toast.ui-toast__toast--container
  .ui-toast__toast--instance
  .ui-toast__toast-message.rtl-flip-text {
  direction: rtl;
}
._animatePopup_1m5gv_82
  .ui-toast__toast.ui-toast__toast--container
  .ui-toast__toast--instance
  .ui-toast__toast--icon {
  display: none;
}
._errorMessageModal_1m5gv_105 .largeAmountContent {
  color: var(--skin__lead);
  font-weight: 700;
  font-size: 0.22rem;
  line-height: 1.64;
  text-align: center;
}
._errorMessageModal_1m5gv_105 .largeAmountContent b {
  color: var(--skin__accent_1);
}
._errorMessageModal_1m5gv_105 .largeAmountContent span {
  color: var(--skin__accent_3);
}
._errorMessageModal_1m5gv_105 .forbidContent {
  min-height: 0.69rem;
}
._errorMessageModal_1m5gv_105 .ui-dialog__confirm {
  color: var(--skin__text_primary);
}
._task-order-tips_1m5gv_125 span {
  color: var(--skin__primary);
}
._largeAmountModal_1m5gv_129 {
  width: 7.5rem;
}
._largeAmountModal_1m5gv_129 .ui-dialog__main {
  background-color: transparent;
  border-radius: 0;
  border: unset !important;
  min-height: 6rem;
}
._largeAmountModal_1m5gv_129 .ui-dialog__content {
  padding: 0;
}
._largeAmountModal_1m5gv_129 .ui-dialog__message {
  display: flex;
  justify-content: center;
}
._reviewNotifyDialog_1m5gv_146 .ui-dialog__header--title {
  font-size: 0.34rem;
  line-height: 1.3;
}
._reviewNotifyDialog_1m5gv_146 .ui-dialog__header__icon {
  width: 0.36rem;
  height: 0.36rem;
  background: var(--skin__accent_3);
  border-radius: 50%;
  top: 0;
}
._reviewNotifyDialog_1m5gv_146 ._reviewNotify_1m5gv_146 {
  font-size: 0.24rem;
  font-weight: 400;
  line-height: 0.36rem;
  text-indent: 0.48rem;
  text-align: left;
}
[dir="rtl"] ._reviewNotifyDialog_1m5gv_146 ._reviewNotify_1m5gv_146 {
  text-align: right;
}
._reviewNotifyDialog_1m5gv_146 ._reviewNotify_1m5gv_146 ._success_1m5gv_164 {
  color: var(--skin__accent_1);
  font-weight: 600;
}
._reviewNotifyDialog_1m5gv_146 ._reviewNotify_1m5gv_146 ._success_1m5gv_164 ._icon_1m5gv_168 {
  font-size: 0.28rem;
  vertical-align: text-top;
  margin-right: 0.1rem;
}
[dir="rtl"]
  ._reviewNotifyDialog_1m5gv_146
  ._reviewNotify_1m5gv_146
  ._success_1m5gv_164
  ._icon_1m5gv_168 {
  margin-right: 0;
  margin-left: 0.1rem;
}
._reviewNotifyDialog_1m5gv_146 ._reviewNotify_1m5gv_146 ._text_1m5gv_173 {
  color: var(--skin__lead);
}
._reviewNotifyDialog_1m5gv_146 ._reviewNotify_1m5gv_146 ._text_1m5gv_173 > span {
  color: var(--skin__accent_3);
}
:root {
  --animate-duration: 0.3s;
  --animate-delay: 0.3s;
  --animate-repeat: 1;
}
.animate__animated {
  animation-duration: 1s;
  animation-duration: calc(var(--animate-duration) * 1);
  animation-fill-mode: both;
}
.animate__animated.animate__infinite {
  animation-iteration-count: infinite;
}
.animate__animated.animate__forwards {
  animation-fill-mode: forwards;
}
.animate__animated.animate__faster {
  animation-duration: 0.5s;
  animation-duration: calc(var(--animate-duration) * 0.5);
}
.animate__animated.animate__fast {
  animation-duration: 0.8s;
  animation-duration: calc(var(--animate-duration) * 0.8);
}
.animate__animated.animate__slow {
  animation-duration: 2s;
  animation-duration: calc(var(--animate-duration) * 2);
}
.animate__animated.animate__slower {
  animation-duration: 3s;
  animation-duration: calc(var(--animate-duration) * 3);
}
.animate__animated.animate__direction_normal {
  animation-direction: normal;
}
.animate__animated.animate__direction_reverse {
  animation-direction: reverse;
}
.animate__animated.animate__direction_alternate {
  animation-direction: alternate;
}
.animate__animated.animate__direction_alternate-reverse {
  animation-direction: alternate-reverse;
}
.animate__animated.animate__repeat-1 {
  animation-iteration-count: 1;
  animation-iteration-count: calc(var(--animate-repeat) * 1);
}
.animate__animated.animate__repeat-2 {
  animation-iteration-count: 2;
  animation-iteration-count: calc(var(--animate-repeat) * 2);
}
.animate__animated.animate__repeat-3 {
  animation-iteration-count: 3;
  animation-iteration-count: calc(var(--animate-repeat) * 3);
}
.animate__animated.animate__repeat-4 {
  animation-iteration-count: 4;
  animation-iteration-count: calc(var(--animate-repeat) * 4);
}
.animate__animated.animate__repeat-5 {
  animation-iteration-count: 5;
  animation-iteration-count: calc(var(--animate-repeat) * 5);
}
.animate__animated.animate__delay-50ms {
  animation-delay: 0.05s;
  animation-delay: calc(var(--animate-delay) * 0.05);
}
.animate__animated.animate__delay-100ms {
  animation-delay: 0.1s;
  animation-delay: calc(var(--animate-delay) * 0.1);
}
.animate__animated.animate__delay-150ms {
  animation-delay: 0.15s;
  animation-delay: calc(var(--animate-delay) * 0.15);
}
.animate__animated.animate__delay-200ms {
  animation-delay: 0.2s;
  animation-delay: calc(var(--animate-delay) * 0.2);
}
.animate__animated.animate__delay-250ms {
  animation-delay: 0.25s;
  animation-delay: calc(var(--animate-delay) * 0.25);
}
.animate__animated.animate__delay-300ms {
  animation-delay: 0.3s;
  animation-delay: calc(var(--animate-delay) * 0.3);
}
.animate__animated.animate__delay-350ms {
  animation-delay: 0.35s;
  animation-delay: calc(var(--animate-delay) * 0.35);
}
.animate__animated.animate__delay-400ms {
  animation-delay: 0.4s;
  animation-delay: calc(var(--animate-delay) * 0.4);
}
.animate__animated.animate__delay-450ms {
  animation-delay: 0.45s;
  animation-delay: calc(var(--animate-delay) * 0.45);
}
.animate__animated.animate__delay-500ms {
  animation-delay: 0.5s;
  animation-delay: calc(var(--animate-delay) * 0.5);
}
.animate__animated.animate__delay-550ms {
  animation-delay: 0.55s;
  animation-delay: calc(var(--animate-delay) * 0.55);
}
.animate__animated.animate__delay-600ms {
  animation-delay: 0.6s;
  animation-delay: calc(var(--animate-delay) * 0.6);
}
.animate__animated.animate__delay-650ms {
  animation-delay: 0.65s;
  animation-delay: calc(var(--animate-delay) * 0.65);
}
.animate__animated.animate__delay-700ms {
  animation-delay: 0.7s;
  animation-delay: calc(var(--animate-delay) * 0.7);
}
.animate__animated.animate__delay-750ms {
  animation-delay: 0.75s;
  animation-delay: calc(var(--animate-delay) * 0.75);
}
.animate__animated.animate__delay-800ms {
  animation-delay: 0.8s;
  animation-delay: calc(var(--animate-delay) * 0.8);
}
.animate__animated.animate__delay-850ms {
  animation-delay: 0.85s;
  animation-delay: calc(var(--animate-delay) * 0.85);
}
.animate__animated.animate__delay-900ms {
  animation-delay: 0.9s;
  animation-delay: calc(var(--animate-delay) * 0.9);
}
.animate__animated.animate__delay-950ms {
  animation-delay: 0.95s;
  animation-delay: calc(var(--animate-delay) * 0.95);
}
.animate__animated.animate__delay-1000ms {
  animation-delay: 1s;
  animation-delay: calc(var(--animate-delay) * 1);
}
.animate__animated.animate__delay-1050ms {
  animation-delay: 1.05s;
  animation-delay: calc(var(--animate-delay) * 1.05);
}
.animate__animated.animate__delay-1100ms {
  animation-delay: 1.1s;
  animation-delay: calc(var(--animate-delay) * 1.1);
}
.animate__animated.animate__delay-1150ms {
  animation-delay: 1.15s;
  animation-delay: calc(var(--animate-delay) * 1.15);
}
.animate__animated.animate__delay-1200ms {
  animation-delay: 1.2s;
  animation-delay: calc(var(--animate-delay) * 1.2);
}
.animate__animated.animate__delay-1250ms {
  animation-delay: 1.25s;
  animation-delay: calc(var(--animate-delay) * 1.25);
}
.animate__animated.animate__delay-1300ms {
  animation-delay: 1.3s;
  animation-delay: calc(var(--animate-delay) * 1.3);
}
.animate__animated.animate__delay-1350ms {
  animation-delay: 1.35s;
  animation-delay: calc(var(--animate-delay) * 1.35);
}
.animate__animated.animate__delay-1400ms {
  animation-delay: 1.4s;
  animation-delay: calc(var(--animate-delay) * 1.4);
}
.animate__animated.animate__delay-1450ms {
  animation-delay: 1.45s;
  animation-delay: calc(var(--animate-delay) * 1.45);
}
.animate__animated.animate__delay-1500ms {
  animation-delay: 1.5s;
  animation-delay: calc(var(--animate-delay) * 1.5);
}
.animate__animated.animate__delay-1550ms {
  animation-delay: 1.55s;
  animation-delay: calc(var(--animate-delay) * 1.55);
}
.animate__animated.animate__delay-1600ms {
  animation-delay: 1.6s;
  animation-delay: calc(var(--animate-delay) * 1.6);
}
.animate__animated.animate__delay-1650ms {
  animation-delay: 1.65s;
  animation-delay: calc(var(--animate-delay) * 1.65);
}
.animate__animated.animate__delay-1700ms {
  animation-delay: 1.7s;
  animation-delay: calc(var(--animate-delay) * 1.7);
}
.animate__animated.animate__delay-1750ms {
  animation-delay: 1.75s;
  animation-delay: calc(var(--animate-delay) * 1.75);
}
.animate__animated.animate__delay-1800ms {
  animation-delay: 1.8s;
  animation-delay: calc(var(--animate-delay) * 1.8);
}
.animate__animated.animate__delay-1850ms {
  animation-delay: 1.85s;
  animation-delay: calc(var(--animate-delay) * 1.85);
}
.animate__animated.animate__delay-1900ms {
  animation-delay: 1.9s;
  animation-delay: calc(var(--animate-delay) * 1.9);
}
.animate__animated.animate__delay-1950ms {
  animation-delay: 1.95s;
  animation-delay: calc(var(--animate-delay) * 1.95);
}
.animate__animated.animate__delay-2000ms {
  animation-delay: 2s;
  animation-delay: calc(var(--animate-delay) * 2);
}
@media print, (prefers-reduced-motion: reduce) {
  .animate__animated:not(.animate__no_reduce) {
    transition-duration: 1ms !important;
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
  }
  .animate__animated:not(.animate__no_reduce)[class*="Out"] {
    opacity: 0;
  }
}
@keyframes spin {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.animate__spin {
  animation-name: spin;
  animation-timing-function: linear;
}
@keyframes beatUpAndDown {
  0% {
    translate: 0 -0.02rem;
  }
  to {
    translate: 0 0.02rem;
  }
}
.animate__beatUpAndDown {
  animation-name: beatUpAndDown;
}
@keyframes beatLeftAndRight {
  25% {
    translate: -0.05rem 0;
  }
  50% {
    translate: 0 0;
  }
  75% {
    translate: 0.05rem 0;
  }
  to {
    translate: 0 0;
  }
}
@keyframes heartBeat {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
  }
  to {
    transform: scale(1);
  }
}
.animate__heartBeat,
.animate__heartBeat__hover:hover,
.animate__heartBeat__hover:focus,
.animate__heartBeat__hover:active {
  animation-name: heartBeat;
  animation-duration: calc(var(--animate-duration) * 1.8);
  animation-timing-function: ease-in-out;
}
.animate__heartBeat__hover:hover,
.animate__heartBeat__hover:focus,
.animate__heartBeat__hover:active {
  animation-duration: 1s;
  animation-duration: calc(var(--animate-duration) * 1);
  animation-fill-mode: both;
}
@keyframes zoomIn {
  0% {
    transform: scale3d(0.3, 0.3, 0.3);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    transform: scale3d(0.3, 0.3, 0.3);
    opacity: 0;
  }
  to {
    opacity: 0;
  }
}
.animate__zoomIn {
  animation-name: zoomIn;
}
.animate__zoomOut {
  animation-name: zoomOut;
}
.animate-zoom-enter-active {
  animation: var(--animate-duration) zoomIn both;
}
.animate-zoom-leave-active {
  animation: var(--animate-duration) zoomOut both;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.animate__fadeIn {
  animation-name: fadeIn;
}
.animate__fadeOut {
  animation-name: fadeOut;
}
.animate-fade-enter-active {
  animation: var(--animate-duration) fadeIn both;
}
.animate-fade-leave-active {
  animation: var(--animate-duration) fadeOut both;
}
.animate-fade__without-normal-flow-enter-active {
  animation: var(--animate-duration) fadeIn both;
}
.animate-fade__without-normal-flow-leave-active {
  position: absolute !important;
  animation: var(--animate-duration) fadeOut both;
}
@keyframes slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes slideOutUp {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
  }
}
.animate__slideInUp {
  animation-name: slideInUp;
}
.animate__slideOutUp {
  animation-name: slideOutUp;
}
@keyframes slideInDown {
  0% {
    transform: translate3d(0, -100%, 0);
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, 100%, 0);
  }
}
.animate__slideInDown {
  animation-name: slideInDown;
}
.animate__slideOutDown {
  animation-name: slideOutDown;
}
@keyframes slideInLeft {
  0% {
    transform: translate3d(-100%, 0, 0);
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes slideOutLeft {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__slideInLeft {
  animation-name: slideInLeft;
}
.animate__slideOutLeft {
  animation-name: slideOutLeft;
}
@keyframes slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(100%, 0, 0);
  }
}
.animate__slideInRight {
  animation-name: slideInRight;
}
.animate__slideOutRight {
  animation-name: slideOutRight;
}
.animate-slide-up-enter-active {
  animation: var(--animate-duration) slideInUp both;
}
.animate-slide-up-leave-active {
  animation: var(--animate-duration) slideOutDown both;
}
.animate-slide-down-enter-active {
  animation: var(--animate-duration) slideInDown both;
}
.animate-slide-down-leave-active {
  animation: var(--animate-duration) slideOutUp both;
}
.animate-slide-left-enter-active {
  animation: var(--animate-duration) slideInRight both;
}
.animate-slide-left-leave-active {
  animation: var(--animate-duration) slideOutRight both;
}
.animate-slide-right-enter-active {
  animation: var(--animate-duration) slideInLeft both;
}
.animate-slide-right-leave-active {
  animation: var(--animate-duration) slideOutLeft both;
}
.animate-slide-up-same-enter-active {
  animation: var(--animate-duration) slideInUp both;
}
.animate-slide-up-same-leave-active {
  animation: var(--animate-duration) slideOutUp both;
}
.animate-slide-down-same-enter-active {
  animation: var(--animate-duration) slideInDown both;
}
.animate-slide-down-same-leave-active {
  animation: var(--animate-duration) slideOutDown both;
}
.animate-slide-left-same-enter-active {
  animation: var(--animate-duration) slideInRight both;
}
.animate-slide-left-same-leave-active {
  animation: var(--animate-duration) slideOutLeft both;
}
.animate-slide-right-same-enter-active {
  animation: var(--animate-duration) slideInLeft both;
}
.animate-slide-right-same-leave-active {
  animation: var(--animate-duration) slideOutRight both;
}
.animate-page-push-enter-active {
  animation: var(--animate-duration) slideInRight both linear;
}
.animate-page-push-leave-active {
  position: absolute !important;
  top: 0;
  width: 100%;
  animation: var(--animate-duration) slideOutLeft both linear;
}
.animate-page-pop-enter-active {
  animation: var(--animate-duration) slideInLeft both linear;
}
.animate-page-pop-leave-active {
  position: absolute !important;
  top: 0;
  width: 100%;
  animation: var(--animate-duration) slideOutRight both linear;
}
.animate-page-fade-enter-active {
  animation: var(--animate-duration) fadeIn both;
}
.animate-page-fade-leave-active {
  position: absolute !important;
  top: 0;
  width: 100%;
  animation: var(--animate-duration) fadeOut both;
}
.animate-flip-list-move,
.animate-flip-list-enter-active,
.animate-flip-list-leave-active {
  transition:
    opacity var(--animate-duration),
    transform var(--animate-duration);
}
.animate-flip-list-enter-from,
.animate-flip-list-leave-to {
  opacity: 0 !important;
}
.animate-flip-list-leave-active {
  position: absolute !important;
}
.drop-down-enter-from,
.drop-down-leave-to {
  opacity: 0.8;
  transform: scaleY(0.8) translateY(-0.04rem);
}
.drop-down-enter-to,
.drop-down-leave-from {
  opacity: 1;
  transform: scaleY(0.9999) translateY(0);
}
.drop-down-enter-active {
  transition:
    transform 0.2s cubic-bezier(0.16, 0.75, 0.5, 1),
    opacity 0.2s cubic-bezier(0.16, 0.75, 0.5, 1);
}
.drop-down-leave-active {
  transition:
    transform 0.2s cubic-bezier(0.5, 0, 0.84, 0.25),
    opacity 0.2s cubic-bezier(0.5, 0, 0.84, 0.25);
}
.drop-up-enter-from,
.drop-up-leave-to {
  opacity: 0.8;
  transform: scaleY(0.8) translateY(0.04rem);
}
.drop-up-enter-to,
.drop-up-leave-from {
  opacity: 1;
  transform: scaleY(0.9999) translateY(0);
}
.drop-up-enter-active {
  transition:
    transform 0.2s cubic-bezier(0.16, 0.75, 0.5, 1),
    opacity 0.2s cubic-bezier(0.16, 0.75, 0.5, 1);
}
.drop-up-leave-active {
  transition:
    transform 0.2s cubic-bezier(0.5, 0, 0.84, 0.25),
    opacity 0.2s cubic-bezier(0.5, 0, 0.84, 0.25);
}
@keyframes common_bganimation {
  0% {
    background-position-x: 125%;
  }
  to {
    background-position-x: -32%;
  }
}
:root {
  --lobby__full-vh: 100vh;
}
@supports (height: 100dvh) {
  :root {
    --lobby__full-vh: 100dvh;
  }
}
:root {
  --tabbar-height: 1.24rem;
  --tabbar-delta-height: 0rem;
  --babbar-big-icon-offset-top: 0.67rem;
  --tabbar-bulge-height: 0rem;
  --event-bar-card-height: 0.9rem;
}
html {
  overflow: hidden;
  touch-action: pan-x pan-y;
  -webkit-text-size-adjust: none;
  height: 100%;
}
html html[data-isdesktop="0"] {
  scrollbar-color: var(--skin__border) transparent;
  scrollbar-width: none;
}
html html[data-isdesktop="0"] > * {
  scrollbar-color: auto;
}
html ::-webkit-scrollbar {
  z-index: 11;
  width: 0;
}
html ::-webkit-scrollbar-thumb {
  width: 0;
  background: var(--skin__border);
  border-radius: 0;
}
html ::-webkit-scrollbar-corner {
  background: transparent;
}
html ::-webkit-scrollbar-track {
  background: transparent;
}
html ::-webkit-scrollbar-track-piece {
  width: 0;
  background: transparent;
}
html ::-webkit-scrollbar:horizontal {
  height: 0;
}
html ::-webkit-scrollbar-thumb:horizontal {
  border-radius: 0;
}
html #nprogress {
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000000000000;
  width: 100%;
}
html[dir="rtl"] #nprogress {
  left: auto;
  right: 0;
}
html #nprogress .bar {
  height: 0.03rem;
  background: var(--skin__primary);
}
html #nprogress .bar .peg {
  box-shadow:
    0 0 0.1rem var(--skin__primary),
    0 0 0.05rem var(--skin__primary);
}
html #nprogress .spinner .spinner-icon {
  border-top-color: var(--skin__primary);
  border-left-color: var(--skin__primary);
}
html[dir="rtl"] #nprogress .spinner .spinner-icon {
  border-left-color: currentcolor;
  border-right-color: var(--skin__primary);
}
html body {
  height: 100%;
  -webkit-tap-highlight-color: transparent;
  overflow: hidden;
  color: var(--skin__neutral_1);
  background-color: var(--skin__bg_1);
  font-size: 0.24rem;
  user-select: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    Helvetica Neue,
    Helvetica,
    Segoe UI,
    Arial,
    Roboto,
    PingFang SC,
    miui,
    Hiragino Sans GB,
    Microsoft Yahei,
    sans-serif;
}
html body.safe-area-inset-bottom {
  height: calc(100% - var(--skin__safe-area-inset-bottom));
}
html body.safe-area-inset-bottom:after {
  content: "";
  display: block;
  width: 100%;
  height: var(--skin__safe-area-inset-bottom);
  background-color: var(--skin__web_btmnav_db);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
}
html[dir="rtl"] body.safe-area-inset-bottom:after {
  left: auto;
  right: 0;
}
html body [data-route-view="1"][data-full-screen="1"] header {
  transition: transform 0.3s;
  position: fixed;
  top: 0;
  transform: translateY(-100%);
  width: var(--lobby__max-width);
  margin: 0 auto;
}
html body [data-route-view="1"][data-full-screen="1"] footer.layout-footer {
  position: fixed;
  bottom: 0;
  transform: translateY(calc(100% + var(--babbar-big-icon-offset-top)));
  width: var(--lobby__max-width);
  margin: 0 auto;
  transition: transform 0.3s;
}
html body #app {
  height: 100%;
  position: relative;
  overflow: hidden;
}
html:lang(ur) .rtl-flip-text,
html:lang(ar) .rtl-flip-text {
  direction: rtl;
}
html:lang(ur) .rtl-flip-text-indent,
html:lang(ar) .rtl-flip-text-indent {
  direction: rtl;
  text-align: right;
}
html[dir="rtl"]:lang(ur) .rtl-flip-text-indent,
html[dir="rtl"]:lang(ar) .rtl-flip-text-indent {
  direction: ltr;
  text-align: left;
}
html:lang(ur) .geetest_bind_container,
html:lang(ar) .geetest_bind_container {
  direction: ltr;
}
html:lang(ur) .geetest_captcha {
  direction: ltr;
}
div[style="border: 0.5px dotted transparent;"]:not([class]) {
  display: none;
}
:root {
  --tabbar-height: 1.4rem;
}
._home-pattern_1irfz_82 {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-position: center;
}
[data-ui-contain="1"] ._home-pattern_1irfz_82 {
  max-width: var(--lobby__max-width);
}
.ui-swipe {
  position: relative;
  overflow: hidden;
  transform: translateZ(0);
  user-select: none;
}
.ui-swipe--coverflow {
  overflow: visible !important;
  perspective: 12rem;
  perspective-origin: 50% 50%;
}
.ui-swipe--coverflow .ui-swipe__track {
  transform-style: preserve-3d;
  will-change: transform;
}
.ui-swipe__track {
  display: flex;
  height: 100%;
  transition-property: transform;
  will-change: transform;
  transform: translateZ(0);
}
.ui-swipe__track--vertical {
  flex-direction: column;
}
.ui-swipe__indicators {
  position: absolute;
  bottom: 0.24rem;
  left: 50%;
  display: flex;
  transform: translate(-50%);
}
[dir="rtl"] .ui-swipe__indicators {
  left: auto;
  right: 50%;
  transform: translate(50%);
}
.ui-swipe__indicators--vertical {
  top: 50%;
  bottom: auto;
  left: 0.24rem;
  flex-direction: column;
  transform: translateY(-50%);
}
[dir="rtl"] .ui-swipe__indicators--vertical {
  left: auto;
  right: 0.24rem;
}
.ui-swipe__indicators--vertical .ui-swipe__indicator:not(:last-child) {
  margin-bottom: 0.12rem;
}
.ui-swipe__indicator {
  width: 0.12rem;
  height: 0.12rem;
  background-color: #ebedf0;
  border-radius: 100%;
  opacity: 0.3;
  transition:
    opacity 0.2s,
    background-color 0.2s;
}
.ui-swipe__indicator:not(:last-child) {
  margin-right: 0.12rem;
}
[dir="rtl"] .ui-swipe__indicator:not(:last-child) {
  margin-right: 0;
  margin-left: 0.12rem;
}
.ui-swipe__indicator--active {
  background-color: var(--skin__primary);
  opacity: 1;
}
.ui-swipe.ui-swipe--coverflow {
  overflow: visible !important;
}
.ui-swipe-item {
  position: relative;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  transform: translateZ(0);
  will-change: transform;
  backface-visibility: hidden;
}
.ui-swipe-item--hiddenItem {
  display: none !important;
}
._banner-skeleton_1gbcw_82 {
  background-image: linear-gradient(
    90deg,
    var(--skin__border),
    var(--skin__border),
    var(--skin__border),
    var(--skin__bg_2),
    var(--skin__border),
    var(--skin__border),
    var(--skin__border)
  ) !important;
  background-size: 200% 100% !important;
  border-radius: 0.04rem;
  opacity: 0.5;
  animation: _common_bganimation_1gbcw_1 0.9s linear infinite;
  border-radius: 0.16rem;
}
[dir="rtl"] ._banner-skeleton_1gbcw_82 {
  background-image: linear-gradient(
    -90deg,
    var(--skin__border),
    var(--skin__border),
    var(--skin__border),
    var(--skin__bg_2),
    var(--skin__border),
    var(--skin__border),
    var(--skin__border)
  ) !important;
}
._banner-skeleton-3_1gbcw_90 {
  height: var(--banner-box-3-height);
  border-radius: var(--banner-box-3-border-radius);
}
._banner-skeleton-4_1gbcw_94 {
  height: var(--banner-box-4-height);
  border-radius: var(--banner-box-4-border-radius);
}
._banner-skeleton-5_1gbcw_98 {
  height: var(--banner-box-5-height);
  border-radius: var(--banner-box-5-border-radius);
}
._banner-skeleton-6_1gbcw_102 {
  height: var(--banner-box-6-height);
  border-radius: var(--banner-box-6-border-radius);
}
._banner-skeleton-7_1gbcw_106 {
  height: var(--banner-box-7-height);
  border-radius: var(--banner-box-7-border-radius);
}
._banner-item_1w3dp_83 {
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
}
._banner-item_1w3dp_83 ._bg-img_1w3dp_89 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  background-size: cover;
}
._banner-item_1w3dp_83 ._bg-img_1w3dp_89._bg-img-1_1w3dp_97 {
  flex-flow: row-reverse;
}
._banner-item_1w3dp_83 ._bg-img_1w3dp_89._bg-img-2_1w3dp_100 {
  flex-flow: row;
}
._banner-item_1w3dp_83 ._bg-img_1w3dp_89._bg-img-3_1w3dp_103 {
  height: 100%;
}
._banner-item_1w3dp_83 ._bg-img_1w3dp_89._bg-cusomize-correction_1w3dp_106 {
  background-size: contain;
  background-repeat: no-repeat;
}
._banner-item_1w3dp_83
  ._bg-img_1w3dp_89
  ._content_1w3dp_110
  ._text_1w3dp_110._hidden-title-text_1w3dp_110 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  -webkit-line-clamp: unset;
  line-clamp: unset;
}
._banner-item_1w3dp_83
  ._bg-img_1w3dp_89
  ._content_1w3dp_110
  ._text_1w3dp_110._hidden-title-text_1w3dp_110
  .innerHTMLContainer {
  -webkit-line-clamp: unset;
  line-clamp: unset;
  margin: 0 0.2rem;
}
._banner-item_1w3dp_83 ._inner-img-box_1w3dp_122 {
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
._banner-item_1w3dp_83 ._inner-img-box_1w3dp_122 ._inner-img_1w3dp_122 {
  max-width: 100%;
  max-height: 100%;
}
._banner-item_1w3dp_83 ._inner-img-box_1w3dp_122 ._inner-null_1w3dp_132 {
  width: 2.4rem;
}
._banner-item_1w3dp_83 ._content_1w3dp_110 {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  text-align: center;
  box-sizing: border-box;
  height: 100%;
  -webkit-text-stroke: var(--banner-stroke-width) var(--banner-stroke-color);
  paint-order: stroke fill;
}
._banner-item_1w3dp_83 ._content_1w3dp_110 ._publicity-name_1w3dp_148 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 0;
  font-weight: 700;
  white-space: pre-line;
  word-break: break-all;
}
._banner-item_1w3dp_83 ._content_1w3dp_110 ._text_1w3dp_110 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-wrap: break-word;
}
._banner-item_1w3dp_83 ._customer-bg_1w3dp_166 {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
._banner-item_1w3dp_83._mode-3_1w3dp_173,
._banner-item_1w3dp_83._mode-7_1w3dp_173 {
  justify-content: space-around;
}
._banner-item_1w3dp_83._mode-3_1w3dp_173 ._bg-img_1w3dp_89,
._banner-item_1w3dp_83._mode-7_1w3dp_173 ._bg-img_1w3dp_89 {
  justify-content: space-evenly;
}
._banner-item_1w3dp_83._mode-3_1w3dp_173 ._inner-img-box_1w3dp_122,
._banner-item_1w3dp_83._mode-7_1w3dp_173 ._inner-img-box_1w3dp_122 {
  height: 100%;
}
._banner-item_1w3dp_83._mode-3_1w3dp_173 ._content_1w3dp_110,
._banner-item_1w3dp_83._mode-7_1w3dp_173 ._content_1w3dp_110 {
  width: 4.1rem;
}
._banner-item_1w3dp_83._mode-3_1w3dp_173 ._content_1w3dp_110 ._publicity-name_1w3dp_148,
._banner-item_1w3dp_83._mode-7_1w3dp_173 ._content_1w3dp_110 ._publicity-name_1w3dp_148 {
  font-size: 0.32rem;
}
._banner-item_1w3dp_83._mode-3_1w3dp_173 ._content_1w3dp_110 ._text_1w3dp_110,
._banner-item_1w3dp_83._mode-7_1w3dp_173 ._content_1w3dp_110 ._text_1w3dp_110 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 0.16rem;
  font-size: 0.22rem;
  max-height: 1.1rem;
  white-space: normal;
}
._banner-item_1w3dp_83._mode-3_1w3dp_173
  ._content_1w3dp_110
  ._text_1w3dp_110._hidden-title-text_1w3dp_110,
._banner-item_1w3dp_83._mode-7_1w3dp_173
  ._content_1w3dp_110
  ._text_1w3dp_110._hidden-title-text_1w3dp_110 {
  max-height: 1.7rem;
  margin-top: 0;
}
._banner-item_1w3dp_83._mode-3_1w3dp_173 ._content_1w3dp_110 ._text_1w3dp_110 .innerHTMLContainer,
._banner-item_1w3dp_83._mode-7_1w3dp_173 ._content_1w3dp_110 ._text_1w3dp_110 .innerHTMLContainer {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 0.22rem !important;
}
._banner-item_1w3dp_83._mode-7_1w3dp_173 ._inner-img-box_1w3dp_122 {
  width: 2.52rem;
}
._banner-item_1w3dp_83._mode-7_1w3dp_173 ._content_1w3dp_110 {
  width: 4.38rem;
}
._banner-item_1w3dp_83._mode-4_1w3dp_219 ._bg-img_1w3dp_89 {
  justify-content: space-between;
}
._banner-item_1w3dp_83._mode-4_1w3dp_219
  ._bg-img_1w3dp_89._bg-img-2_1w3dp_100
  ._inner-img-box_1w3dp_122 {
  right: initial;
  left: 0;
}
._banner-item_1w3dp_83._mode-4_1w3dp_219
  ._bg-img_1w3dp_89._bg-img-2_1w3dp_100
  ._inner-img-box_1w3dp_122
  ._inner-img_1w3dp_122 {
  right: unset;
  left: -0.4rem;
}
._banner-item_1w3dp_83._mode-4_1w3dp_219 ._bg-img_1w3dp_89._bg-img-2_1w3dp_100 ._content_1w3dp_110 {
  right: 0;
  left: unset;
  margin: 0 0.1rem 0 0;
}
._banner-item_1w3dp_83._mode-4_1w3dp_219 ._inner-img-box_1w3dp_122 {
  position: absolute;
  right: 0;
  width: 1.66rem;
  height: 100%;
}
._banner-item_1w3dp_83._mode-4_1w3dp_219 ._inner-img-box_1w3dp_122 ._inner-img_1w3dp_122 {
  position: relative;
  right: -0.4rem;
  width: 1.66rem;
}
._banner-item_1w3dp_83._mode-4_1w3dp_219 ._content_1w3dp_110 {
  width: 1.04rem;
  height: 100%;
  margin-left: 0.1rem;
  padding: 0.1rem 0;
  position: absolute;
  left: 0;
}
._banner-item_1w3dp_83._mode-4_1w3dp_219 ._content_1w3dp_110 ._publicity-name_1w3dp_148 {
  font-weight: bolder;
  font-size: 0.21rem;
  line-height: 0.3rem;
}
._banner-item_1w3dp_83._mode-4_1w3dp_219 ._content_1w3dp_110 ._text_1w3dp_110 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 0.06rem;
  font-size: 0.13rem;
  max-height: 0.72rem;
  white-space: normal;
}
._banner-item_1w3dp_83._mode-4_1w3dp_219
  ._content_1w3dp_110
  ._text_1w3dp_110._hidden-title-text_1w3dp_110 {
  max-height: 1.25rem;
  margin-top: 0;
}
._banner-item_1w3dp_83._mode-4_1w3dp_219 ._content_1w3dp_110 ._text_1w3dp_110 .innerHTMLContainer {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 0.13rem !important;
}
._banner-item_1w3dp_83._mode-5_1w3dp_284 ._bg-img-1_1w3dp_97 ._inner-img-box_1w3dp_122 {
  margin: 0 0.18rem 0 0;
}
._banner-item_1w3dp_83._mode-5_1w3dp_284 ._inner-img-box_1w3dp_122 {
  width: 2.15rem;
  margin-left: 0.18rem;
}
._banner-item_1w3dp_83._mode-5_1w3dp_284 ._inner-img-box_1w3dp_122 ._inner-img_1w3dp_122 {
  width: 2.15rem;
  height: 100%;
  object-fit: contain;
}
._banner-item_1w3dp_83._mode-5_1w3dp_284 ._content_1w3dp_110 {
  width: 3.67rem;
  margin: 0 0.2rem;
}
._banner-item_1w3dp_83._mode-5_1w3dp_284 ._content_1w3dp_110 ._publicity-name_1w3dp_148 {
  font-size: 0.3rem;
}
._banner-item_1w3dp_83._mode-5_1w3dp_284 ._content_1w3dp_110 ._text_1w3dp_110 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 0.7rem;
  margin-top: 0.16rem;
  font-size: 0.2rem;
  white-space: normal;
}
._banner-item_1w3dp_83._mode-5_1w3dp_284
  ._content_1w3dp_110
  ._text_1w3dp_110._hidden-title-text_1w3dp_110 {
  max-height: 1.48rem;
  margin-top: 0;
}
._banner-item_1w3dp_83._mode-5_1w3dp_284 ._content_1w3dp_110 ._text_1w3dp_110 .innerHTMLContainer {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 0.2rem !important;
}
._banner-item_1w3dp_83._mode-6_1w3dp_328 ._inner-img-box_1w3dp_122 {
  width: 3.6rem;
  padding-top: 0.26rem;
}
._banner-item_1w3dp_83._mode-6_1w3dp_328 ._inner-img-box_1w3dp_122 ._inner-img_1w3dp_122 {
  width: 3.6rem;
  height: 3.14rem;
}
._banner-item_1w3dp_83._mode-6_1w3dp_328 ._content_1w3dp_110 {
  width: 3.5rem;
  height: 100%;
  margin: 0 0.2rem;
}
._banner-item_1w3dp_83._mode-6_1w3dp_328 ._content_1w3dp_110 ._publicity-name_1w3dp_148 {
  font-size: 0.4rem;
}
._banner-item_1w3dp_83._mode-6_1w3dp_328 ._content_1w3dp_110 ._text_1w3dp_110 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 1.2rem;
  margin-top: 0.16rem;
  font-size: 0.26rem;
  white-space: break-spaces;
}
._banner-item_1w3dp_83._mode-6_1w3dp_328
  ._content_1w3dp_110
  ._text_1w3dp_110._hidden-title-text_1w3dp_110 {
  max-height: 2.6rem;
  margin-top: 0;
}
._banner-item_1w3dp_83._mode-6_1w3dp_328 ._content_1w3dp_110 ._text_1w3dp_110 .innerHTMLContainer {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-size: 0.26rem !important;
}
.ui-button {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  height: 0.7rem;
  padding: 0;
  font-size: 0.24rem;
  line-height: 1.2;
  text-align: center;
  border-radius: 0.14rem;
  cursor: pointer;
  transition: opacity 0.2s;
  -webkit-appearance: none;
  appearance: none;
  -webkit-font-smoothing: auto;
}
.ui-button:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  background: #000;
  border-color: #000;
  border-radius: inherit;
  transform: translate(-50%, -50%);
  opacity: 0;
  content: " ";
}
[dir="rtl"] .ui-button:before {
  left: auto;
  right: 50%;
  transform: translate(50%, -50%);
}
.ui-button:active:before {
  opacity: 0.1;
}
.ui-button--loading:before,
.ui-button--disabled:before {
  display: none;
}
.ui-button--default,
.ui-button--primary {
  color: var(--skin__text_primary);
  background: var(--skin__primary);
  border: var(--lobby__px) solid var(--skin__primary);
}
.ui-button--success {
  color: #fff;
  background: var(--skin__accent_1);
  border: var(--lobby__px) solid var(--skin__accent_1);
}
.ui-button--danger {
  color: #fff;
  background: var(--skin__accent_2);
  border: var(--lobby__px) solid var(--skin__accent_2);
}
.ui-button--warning {
  color: var(--skin__text_accent3);
  background: var(--skin__accent_3);
  border: var(--lobby__px) solid var(--skin__accent_3);
}
.ui-button--plain {
  background: transparent;
}
.ui-button--plain.ui-button--primary {
  color: var(--skin__primary);
}
.ui-button--plain.ui-button--default {
  border-color: var(--skin__border);
  color: var(--skin__neutral_1);
}
.ui-button--plain.ui-button--success {
  color: var(--skin__accent_1);
}
.ui-button--plain.ui-button--danger {
  color: var(--skin__accent_2);
}
.ui-button--plain.ui-button--warning {
  color: var(--skin__accent_3);
}
.ui-button--plain.ui-button--disabled {
  color: var(--skin__disabled-bg-color__custom);
}
.ui-button--large {
  width: 100%;
  height: 0.7rem;
}
.ui-button--normal {
  height: 0.7rem;
  width: 2.2rem;
  padding: 0 0.15rem;
  font-size: 0.24rem;
}
.ui-button--small {
  height: 0.5rem;
  width: 1.2rem;
  padding: 0 0.05rem;
  font-size: 0.2rem;
  border-radius: 0.1rem;
}
.ui-button--mini {
  height: 0.4rem;
  width: 1rem;
  padding: 0 0.04rem;
  font-size: 0.18rem;
  border-radius: 0.08rem;
}
.ui-button--mini + .ui-button--mini {
  margin-left: 0.04rem;
}
[dir="rtl"] .ui-button--mini + .ui-button--mini {
  margin-left: 0;
  margin-right: 0.04rem;
}
.ui-button__loading {
  color: inherit;
  font-size: inherit;
  margin-right: 0.04rem;
}
[dir="rtl"] .ui-button__loading {
  margin-right: 0;
  margin-left: 0.04rem;
}
.ui-button--block {
  display: block;
  width: 100%;
}
.ui-button--disabled {
  cursor: not-allowed;
  color: var(--skin__bg_2);
  background: var(--skin__neutral_2);
  border: var(--lobby__px) solid var(--skin__neutral_2);
}
.ui-button--loading {
  cursor: default;
}
.ui-button--round {
  border-radius: 9.99rem;
}
.ui-button--square {
  border-radius: 0;
}
.ui-button__content {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.ui-button__icon {
  font-size: inherit;
  line-height: inherit;
  margin-right: 0.04rem;
}
[dir="rtl"] .ui-button__icon {
  margin-right: 0;
  margin-left: 0.04rem;
}
.ui-button__text {
  word-break: break-word;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ui-button--hairline {
  border-width: 0;
}
.ui-button--hairline:after {
  border-color: inherit;
  border-radius: 0.08rem;
}
.ui-button--hairline.ui-button--round:after {
  border-radius: 9.99rem;
}
.ui-button--hairline.ui-button--square:after {
  border-radius: 0;
}
.ui-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
}
.ui-loading__icon {
  font-size: inherit;
}
._top-download_y4453_82 {
  --top_bg_color: var(--skin__bg_2);
  width: 100%;
  height: 0.6rem;
  display: flex;
  align-items: center;
  background: var(--top_bg_color);
  padding-right: 0.2rem;
}
[dir="rtl"] ._top-download_y4453_82 {
  padding-right: 0;
  padding-left: 0.2rem;
}
._top-download-close_y4453_91 {
  padding: 0 0.3rem;
  font-size: 0.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
._top-download-content_y4453_98 {
  flex: 1;
  display: flex;
  align-items: center;
}
._top-download-content_y4453_98 img {
  max-height: 0.5rem;
}
._top-download-inner-html_y4453_106 {
  text-align: start;
  margin: 0 0.1rem;
  max-height: 0.5rem;
  position: relative;
  line-height: 0.25rem;
  width: 4.4rem;
  max-width: 4.4rem;
  flex: 1;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
._top-download-info_y4453_123 {
  padding: 0 0.2rem;
  font-size: 0.16rem;
  flex: 1;
}
._top-download-title_y4453_128 {
  font-size: 0.22rem;
  line-height: 0.3rem;
  position: relative;
  height: 0.3rem;
}
._top-download-title_y4453_128 p {
  position: absolute;
  left: 0;
  right: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
._top-download-msg_y4453_142 {
  position: relative;
  height: 0.2rem;
}
._top-download-msg_y4453_142 p {
  position: absolute;
  left: 0;
  right: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
._top-download_y4453_82 button {
  height: 0.4rem;
  width: 1.2rem;
  font-size: 0.18rem;
  border-radius: 0.1rem;
  line-height: 1.33;
  padding: 0 0.1rem;
}
._top-download_y4453_82 button :not(:lang(zh)):not(:lang(zh_hk)) {
  font-size: 0.16rem;
  line-height: 1.13;
}
._top-download_y4453_82 button .ui-button__text {
  word-break: break-word;
}
._download-mode-1_y4453_171 {
  --top_bg_color: rgba(0, 0, 0, 0.6);
  --top_close_icon_color: var(--skin__primary);
  color: var(--skin__text_primary);
  padding-right: 0.1rem;
}
[dir="rtl"] ._download-mode-1_y4453_171 {
  padding-right: 0;
  padding-left: 0.1rem;
}
._download-mode-1_y4453_171 ._top-download-close_y4453_91 {
  padding: 0 0.2rem;
  color: var(--top_close_icon_color);
}
._download-mode-1_y4453_171 ._top-download-inner-html_y4453_106 {
  margin: 0 0.2rem 0 0.1rem;
}
[dir="rtl"] ._download-mode-1_y4453_171 ._top-download-inner-html_y4453_106 {
  margin: 0 0.1rem 0 0.2rem;
}
._download-mode-1_y4453_171 button {
  border: thin solid var(--top_close_icon_color);
  background: transparent;
  color: var(--top_close_icon_color);
}
._download-mode-0_y4453_190 {
  --top_close_icon_color: #666666;
  --top_download_icon_color: var(--skin__primary);
  color: var(--skin__lead);
  padding-right: 0.1rem;
}
[dir="rtl"] ._download-mode-0_y4453_190 {
  padding-right: 0;
  padding-left: 0.1rem;
}
._download-mode-0_y4453_190 ._top-download-close_y4453_91 {
  padding: 0 0.2rem;
  color: var(--top_close_icon_color);
}
._download-mode-0_y4453_190 button {
  color: #fff;
  background: var(--top_download_icon_color);
  border: thin solid var(--top_download_icon_color);
}
._banner-container_hnq9a_82 {
  --banner-box-3-height: 2.1rem;
  --banner-box-4-height: 1.46rem;
  --banner-box-5-height: 1.893rem;
  --banner-box-7-height: 2.2rem;
  --banner-box-6-height: 3.4rem;
  --banner-box-3-border-radius: 0.16rem;
  --banner-box-4-border-radius: 0.16rem;
  --banner-box-5-border-radius: 0.16rem;
  --banner-box-6-border-radius: 0;
  --banner-box-7-border-radius: 0;
  --banner-box-5-swiper-slide-width: 6.42rem;
  --banner-box-3-margin: 0.2rem;
  --banner-box-4-margin: 0.2rem;
  --banner-box-5-margin: 0.2rem;
  --banner-box-6-margin: 0;
  --banner-box-7-margin: 0;
}
._banner-container_hnq9a_82 .ui-swipe__indicators {
  padding-bottom: 0.06rem;
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  z-index: 10;
  transform: translate(-50%);
}
[dir="rtl"] ._banner-container_hnq9a_82 .ui-swipe__indicators {
  transform: translate(50%);
}
._banner-container_hnq9a_82 .ui-swipe__indicator {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
._banner-container_hnq9a_82 .ui-swipe__indicator--active {
  opacity: 1;
  width: 0.24rem;
  border: solid thin rgba(0, 0, 0, 0.2);
}
._banner-container_hnq9a_82 ._banner-skeleton_hnq9a_126 {
  background-image: linear-gradient(
    90deg,
    var(--skin__border),
    var(--skin__border),
    var(--skin__border),
    var(--skin__bg_2),
    var(--skin__border),
    var(--skin__border),
    var(--skin__border)
  ) !important;
  background-size: 200% 100% !important;
  border-radius: 0.04rem;
  opacity: 0.5;
  animation: _common_bganimation_hnq9a_1 0.9s linear infinite;
  border-radius: 0.16rem;
}
[dir="rtl"] ._banner-container_hnq9a_82 ._banner-skeleton_hnq9a_126 {
  background-image: linear-gradient(
    -90deg,
    var(--skin__border),
    var(--skin__border),
    var(--skin__border),
    var(--skin__bg_2),
    var(--skin__border),
    var(--skin__border),
    var(--skin__border)
  ) !important;
}
._banner-container_hnq9a_82 ._banner-skeleton-3_hnq9a_134 {
  height: var(--banner-box-3-height);
  border-radius: var(--banner-box-3-border-radius);
}
._banner-container_hnq9a_82 ._banner-skeleton-4_hnq9a_138 {
  height: var(--banner-box-4-height);
  border-radius: var(--banner-box-4-border-radius);
}
._banner-container_hnq9a_82 ._banner-skeleton-5_hnq9a_142 {
  height: var(--banner-box-5-height);
  border-radius: var(--banner-box-5-border-radius);
}
._banner-container_hnq9a_82 ._banner-skeleton-6_hnq9a_146 {
  height: var(--banner-box-6-height);
  border-radius: var(--banner-box-6-border-radius);
}
._banner-container_hnq9a_82 ._banner-skeleton-7_hnq9a_150 {
  height: var(--banner-box-6-height);
  border-radius: var(--banner-box-7-border-radius);
}
._banner-container_hnq9a_82 > ._banner-box-3_hnq9a_154 {
  margin: var(--banner-box-3-margin);
}
._banner-container_hnq9a_82 > ._banner-box-4_hnq9a_157 {
  margin: var(--banner-box-4-margin);
}
._banner-container_hnq9a_82 > ._banner-box-5_hnq9a_160 {
  margin: var(--banner-box-5-margin);
}
._banner-container_hnq9a_82 > ._banner-box-6_hnq9a_163 {
  margin: var(--banner-box-6-margin);
}
._banner-container_hnq9a_82 > ._banner-box-7_hnq9a_166 {
  margin: var(--banner-box-7-margin);
}
._banner-container_hnq9a_82 ._banner-box-3_hnq9a_154 {
  height: var(--banner-box-3-height);
  min-height: var(--banner-box-3-height);
  border-radius: var(--banner-box-3-border-radius);
  position: relative;
  overflow: hidden;
}
._banner-container_hnq9a_82 ._banner-box-3_hnq9a_154 .ui-swipe__indicator--active {
  width: 0.24rem;
}
._banner-container_hnq9a_82 ._banner-box-4_hnq9a_157 {
  min-height: var(--banner-box-4-height);
  position: relative;
}
._banner-container_hnq9a_82 ._banner-box-4_hnq9a_157 .swiper-slide,
._banner-container_hnq9a_82 ._banner-box-4_hnq9a_157 .ui-swipe-item {
  height: var(--banner-box-4-height);
  border-radius: var(--banner-box-4-border-radius);
  overflow: hidden;
}
._banner-container_hnq9a_82 ._banner-box-4_hnq9a_157 ._topAd_hnq9a_189 {
  border-radius: 0.16rem 0.16rem 0 0;
}
._banner-container_hnq9a_82 ._banner-box-5_hnq9a_160 {
  position: relative;
  min-height: var(--banner-box-5-height);
}
._banner-container_hnq9a_82 ._banner-box-5_hnq9a_160:has(.ui-swipe--coverflow) {
  overflow: visible !important;
}
._banner-container_hnq9a_82 ._banner-box-5_hnq9a_160 .swiper-slide,
._banner-container_hnq9a_82 ._banner-box-5_hnq9a_160 .ui-swipe-item {
  height: var(--banner-box-5-height);
  border-radius: var(--banner-box-5-border-radius);
  overflow: hidden;
}
._banner-container_hnq9a_82 ._banner-box-5_hnq9a_160 .swiper-slide:not(.swiper-slide-active):after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  content: "";
  border-radius: var(--banner-box-5-border-radius);
  pointer-events: none;
}
[dir="rtl"]
  ._banner-container_hnq9a_82
  ._banner-box-5_hnq9a_160
  .swiper-slide:not(.swiper-slide-active):after {
  left: auto;
  right: 0;
}
._banner-container_hnq9a_82 ._banner-box-5_hnq9a_160 .ui-swipe--coverflow {
  overflow: visible !important;
  perspective: 12rem !important;
}
._banner-container_hnq9a_82 ._banner-box-5_hnq9a_160 .swiper-pagination span {
  width: 0.12rem;
  height: 0.12rem;
  background-color: transparent;
  border: solid 0.015rem #fff;
  box-shadow: 0 0.01rem 0.01rem rgba(0, 0, 0, 0.5);
  opacity: 0.7;
}
._banner-container_hnq9a_82
  ._banner-box-5_hnq9a_160
  .swiper-pagination
  span.swiper-pagination-bullet-active {
  background-color: #fff;
  box-shadow: 0 0.01rem 0.01rem rgba(0, 0, 0, 0.5);
  opacity: 1;
}
._banner-container_hnq9a_82 ._banner-box-5_hnq9a_160 ._topAd_hnq9a_189 {
  border-radius: 0.2rem 0.2rem 0 0;
}
._banner-container_hnq9a_82 ._banner-box-6_hnq9a_163 {
  position: relative;
  min-height: var(--banner-box-6-height);
  border-radius: var(--banner-box-6-border-radius);
}
._banner-container_hnq9a_82 ._banner-box-6_hnq9a_163 .swiper-slide,
._banner-container_hnq9a_82 ._banner-box-6_hnq9a_163 .ui-swipe-item {
  height: var(--banner-box-6-height);
}
._banner-container_hnq9a_82 ._banner-box-7_hnq9a_166 {
  height: var(--banner-box-7-height);
  min-height: var(--banner-box-7-height);
  border-radius: var(--banner-box-7-border-radius);
  position: relative;
  overflow: hidden;
}
._banner-container_hnq9a_82 ._banner-box-7_hnq9a_166 .swiper-pagination-bullet-active {
  width: 0.24rem;
}
._topAd_hnq9a_189 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  overflow: hidden;
}
._skeleton_5q9q7_82 {
  background-image: linear-gradient(
    90deg,
    var(--skin__border),
    var(--skin__border),
    var(--skin__border),
    var(--skin__bg_2),
    var(--skin__border),
    var(--skin__border),
    var(--skin__border)
  ) !important;
  background-size: 200% 100% !important;
  border-radius: 0.04rem;
  opacity: 0.5;
  animation: _common_bganimation_5q9q7_1 0.9s linear infinite;
  width: 100%;
}
[dir="rtl"] ._skeleton_5q9q7_82 {
  background-image: linear-gradient(
    -90deg,
    var(--skin__border),
    var(--skin__border),
    var(--skin__border),
    var(--skin__bg_2),
    var(--skin__border),
    var(--skin__border),
    var(--skin__border)
  ) !important;
}
._skeleton_5q9q7_82._is-unoccupied_5q9q7_90 {
  width: 0;
  height: 0;
}
._debugger-wrap_rmupk_82 {
  display: contents;
}
._nav-arrow_1uh4p_82 {
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.36rem;
  height: 0.36rem;
  background-color: rgba(0, 0, 0, 0.1);
  border: var(--lobby__px) solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
}
._nav-arrow_1uh4p_82._is-hidden_1uh4p_96 {
  display: none;
}
._nav-arrow_1uh4p_82 ._arrow-icon_1uh4p_99 {
  font-size: 0.14rem;
  color: #fff;
}
._nav-arrow_1uh4p_82._nav-arrow-left_1uh4p_104 {
  left: -0.02rem;
}
._nav-arrow_1uh4p_82._nav-arrow-left_1uh4p_104 ._arrow-icon_1uh4p_99 {
  transform: translate(-0.02rem, -0.01rem);
}
[dir="rtl"] ._nav-arrow_1uh4p_82._nav-arrow-left_1uh4p_104 ._arrow-icon_1uh4p_99 {
  transform: translate(0.02rem, -0.01rem);
}
._nav-arrow_1uh4p_82._nav-arrow-right_1uh4p_111 {
  right: -0.02rem;
  transform: translateY(-50%) rotate(180deg);
}
.ui-placeholder__loading-icon {
  width: 100%;
  height: 100%;
  font-size: 0.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ui-placeholder--nested {
  position: relative;
  min-height: 4rem;
}
.ui-placeholder__nested-loading {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  z-index: 4;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lobby-base-loading__spinning {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #1677ff;
  font-size: 0.14rem;
  line-height: 1.5714285714;
  list-style: none;
  text-align: center;
  vertical-align: middle;
  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  display: inline-block;
  opacity: 1;
}
.lobby-base-loading__image {
  width: 1rem;
  height: 1rem;
}
.lobby-base-loading__global-bg {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translate(-50%);
  width: 100%;
  height: 100%;
  max-width: var(--lobby__max-width, 100%);
  z-index: -1;
}
[dir="rtl"] .lobby-base-loading__global-bg {
  left: auto;
  right: 50%;
  transform: translate(50%);
}
.lobby-base-loading--background {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 0.4rem 0.7rem;
  border-radius: 0.14rem;
  z-index: 9999;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-flow: column;
  align-items: center;
}
[dir="rtl"] .lobby-base-loading--background {
  left: auto;
  right: 50%;
  transform: translate(50%, -50%);
}
.lobby-base-loading--background:before {
  position: fixed;
  display: block;
  content: "";
  top: 50%;
  left: 50%;
  width: var(--lobby__max-width);
  height: 100vh;
  opacity: 1;
  transform: translate(-50%, -50%);
}
[dir="rtl"] .lobby-base-loading--background:before {
  left: auto;
  right: 50%;
  transform: translate(50%, -50%);
}
.lobby-base-loading__bottom-text {
  font-size: 0.28rem;
  margin-top: 0.25rem;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #fff;
  max-width: 5.2rem;
}
@keyframes css-17yhhjv-antSpinMove {
  to {
    opacity: 1;
  }
}
.ui-empty {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ui-empty__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.ui-empty__text {
  display: flex;
  align-items: center;
  color: var(--skin__neutral_2);
  font-size: 0.26rem;
  margin-bottom: 0.6rem;
}
.ui-empty__text--large {
  font-size: 0.3rem;
}
.ui-empty__image {
  width: 2.1rem;
  height: 2.1rem;
  margin-bottom: 0.2rem;
  margin-top: 0.6rem;
}
.ui-empty__image--large {
  width: 3rem;
  height: 3rem;
  margin-top: 0.8rem;
}
.ui-retry__icon {
  vertical-align: middle;
  color: var(--skin__primary);
}
.ui-retry__inline .ui-retry__icon,
.ui-retry__block .ui-retry__icon,
.ui-retry__updata .ui-retry__icon {
  margin-left: 0.16rem;
}
[dir="rtl"] .ui-retry__inline .ui-retry__icon,
[dir="rtl"] .ui-retry__block .ui-retry__icon,
[dir="rtl"] .ui-retry__updata .ui-retry__icon {
  margin-left: 0;
  margin-right: 0.16rem;
}
.ui-retry__block {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 4rem;
  font-size: 0.24rem;
}
.ui-retry__block--with-image {
  font-size: 0.26rem;
  flex-direction: column;
}
.ui-retry__block__image,
.ui-retry__image {
  width: 2.1rem;
  height: 2.1rem;
}
.ui-retry__text-btn {
  color: var(--skin__primary);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}
.ui-retry__text-btn:not(:lang(zh)):not(:lang(zh_hk)) {
  margin-left: 0.06rem;
}
[dir="rtl"] .ui-retry__text-btn:not(:lang(zh)):not(:lang(zh_hk)) {
  margin-left: 0;
  margin-right: 0.06rem;
}
.ui-retry__text {
  text-align: center;
  color: var(--skin__neutral_2);
}
.ui-tab__panel,
.ui-tab__panel-wrapper {
  flex-shrink: 0;
  box-sizing: border-box;
  width: 100%;
}
.ui-tab__panel-wrapper--inactive {
  overflow: visible;
}
._favorite-area_1czxk_82 {
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  height: fit-content;
  margin: -0.06rem;
  padding: 0.06rem;
  line-height: 0;
  cursor: pointer;
}
@keyframes _icon-animation_q84ev_99 {
  0%,
  to {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
}
._circle-star-icon_q84ev_90 {
  width: var(--circle-star-icon-side);
  height: var(--circle-star-icon-side);
  font-size: var(--circle-star-icon-side);
  border-radius: 50%;
  box-shadow: 0 0 0.04rem rgba(0, 0, 0, 0.3);
  background-size: 100% 100%;
}
._circle-star_q84ev_90._icon-animation_q84ev_99 {
  animation: _icon-animation_q84ev_99 0.4s ease-in-out infinite alternate;
}
._game-name-normal_1c6yk_82 {
  width: 100%;
  text-align: center;
  overflow: hidden;
}
._game-name-normal_1c6yk_82._game-height_1c6yk_87 {
  height: var(--game-height-size);
}
._game-name-normal_1c6yk_82 ._name-inner_1c6yk_90 {
  width: 100%;
}
._game-name-normal_1c6yk_82._line-one_1c6yk_93 ._name-inner_1c6yk_90 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
._game-name-normal_1c6yk_82._line-two_1c6yk_98 ._name-inner_1c6yk_90 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
._game-name-normal_oa7pg_83 {
  --game-name-normal-width: calc(var(--card-benchmark) * var(--game-name-normal-width-ratio));
  --game-name-normal-font-size: calc(
    var(--card-benchmark) * var(--game-name-normal-font-size-ratio)
  );
  flex-shrink: 0;
  margin-top: 0.08rem;
  width: var(--game-name-normal-width);
  color: var(--skin__cards_text);
  font-size: var(--game-name-normal-font-size);
  line-height: 1.36;
  text-align: center;
  word-wrap: break-word;
}
._game-status-label-img_q60ta_82 {
  position: absolute;
  top: -0.01rem;
  left: -0.01rem;
  z-index: 8;
  width: var(--label-icon-width);
  height: var(--label-icon-height);
  background-size: 100% 100%;
}
[dir="rtl"] ._game-status-label-img_q60ta_82 {
  left: auto;
  right: -0.01rem;
}
._label-wrap_18366_82 {
  min-width: 0.62rem;
  max-width: 1.43rem;
  min-height: 0.503rem;
  max-height: 1.16rem;
}
._label-wrap_18366_82._rounded_18366_88 {
  min-width: 0.52rem;
  max-width: 1.12rem;
  min-height: 0.41086rem;
  max-height: 0.88493rem;
}
._img-top-text-bot-layout_rop65_83 {
  --img-top-text-bot-layout-width: calc(
    var(--card-benchmark) * var(--img-top-text-bot-layout-size)
  );
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: var(--img-top-text-bot-layout-width);
  cursor: pointer;
}
._mask-maintain_18uz1_83 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 0;
  cursor: not-allowed;
  opacity: 1;
  transition: opacity 0.6s;
}
._mask-maintain_18uz1_83 ._maintain-icon_18uz1_97 {
  width: var(--maintain-icon-size);
  height: var(--maintain-icon-size);
  background-size: 100% 100%;
}
._position-top-left_18uz1_104 > ._maintain-icon_18uz1_97 {
  position: absolute;
  top: 0;
  left: 0;
}
[dir="rtl"] ._position-top-left_18uz1_104 > ._maintain-icon_18uz1_97 {
  left: auto;
  right: 0;
}
._position-top-center_18uz1_111 > ._maintain-icon_18uz1_97 {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
}
[dir="rtl"] ._position-top-center_18uz1_111 > ._maintain-icon_18uz1_97 {
  left: auto;
  right: 50%;
  transform: translate(50%);
}
._position-center_18uz1_119 > ._maintain-icon_18uz1_97 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
[dir="rtl"] ._position-center_18uz1_119 > ._maintain-icon_18uz1_97 {
  left: auto;
  right: 50%;
  transform: translate(50%, -50%);
}
._badge-box_hez04_82 {
  width: fit-content;
  height: fit-content;
  margin: -0.06rem;
  padding: 0.06rem;
}
._badge-box_hez04_82 ._game-badge-icon_hez04_88 {
  width: var(--platform-badge-icon-side);
  height: var(--platform-badge-icon-side);
  border-radius: 50%;
  box-shadow: 0 0 0.04rem rgba(0, 0, 0, 0.3);
  background-size: 100% 100%;
}
._poster-image-floors_1afyu_86 {
  --poster-image-floors-border-width: 0;
  --poster-image-floors-border-color: var(--skin__web_plat_line);
  --poster-image-floors-border-radius: var(--poster-image-floors-border-base-radius);
  width: fit-content;
  height: fit-content;
  overflow: hidden;
  color: var(--skin__ddt_icon);
  background-color: var(--skin__ddt_bg);
  background-size: 100% 100%;
  border-style: solid;
  border-width: var(--poster-image-floors-border-width);
  border-color: var(--poster-image-floors-border-color);
  border-radius: var(--poster-image-floors-border-radius);
}
._poster-image_zrup2_86 {
  --poster-image-border-width: 0;
  --poster-image-border-color: var(--skin__web_plat_line);
  --poster-image-border-radius: var(--poster-image-border-base-radius);
  color: var(--skin__ddt_icon);
  border-style: solid;
  border-width: var(--poster-image-border-width);
  border-color: var(--poster-image-border-color);
  border-radius: var(--poster-image-border-radius);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
}
._poster-image_zrup2_86._shrink-bg-img_zrup2_103 {
  background-size: calc(100% - var(--poster-image-shrink-background-size))
    calc(100% - var(--poster-image-shrink-background-size));
}
._poster-image_zrup2_86.lobby-image--skeleton[data-status="loading"] {
  border-radius: var(--poster-image-border-radius);
}
._poster-image_zrup2_86._is-has-background-color_zrup2_109 {
  background-color: var(--skin__ddt_bg);
}
._core-img_dp82c_85 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  width: calc(var(--card-benchmark) * var(--core-img-width-ratio));
  height: calc(var(--card-benchmark) * var(--core-img-height-ratio));
}
._landscape-below-name_pzhr0_82 ._favorite-icon_pzhr0_82 {
  position: absolute;
  top: calc(var(--card-benchmark) * 0.025);
  right: calc(var(--card-benchmark) * 0.025);
}
[dir="rtl"] ._landscape-below-name_pzhr0_82 ._favorite-icon_pzhr0_82 {
  right: auto;
  left: calc(var(--card-benchmark) * 0.025);
}
._landscape-below-name_pzhr0_82 ._game-name_pzhr0_87 {
  font-size: 0.22rem;
}
._landscape-below-name_pzhr0_82 ._platform-badge_pzhr0_90 {
  position: absolute;
  left: calc(var(--card-benchmark) * 0.025);
  bottom: calc(var(--card-benchmark) * 0.025);
}
[dir="rtl"] ._landscape-below-name_pzhr0_82 ._platform-badge_pzhr0_90 {
  left: auto;
  right: calc(var(--card-benchmark) * 0.025);
}
._list-ordinary_1ldg5_82 {
  width: fit-content;
}
._list-ordinary_1ldg5_82 > ._list-ordinary-layout_1ldg5_85 {
  display: flex;
  flex-wrap: wrap;
}
html[data-gap-supported="1"] ._list-ordinary_1ldg5_82 > ._list-ordinary-layout_1ldg5_85 {
  width: var(--list-ordinary-width);
  height: var(--list-ordinary-height);
  column-gap: calc(
    var(--list-ordinary-left-right-spacing) - var(--list-ordinary-left-right-spacing-adapt)
  );
  row-gap: var(--list-ordinary-top-bot-spacing);
}
html[data-gap-supported="0"] ._list-ordinary_1ldg5_82 > ._list-ordinary-layout_1ldg5_85 {
  width: calc(var(--list-ordinary-width) + var(--list-ordinary-left-right-spacing));
  height: calc(var(--list-ordinary-height) + var(--list-ordinary-top-bot-spacing));
  margin: calc(0% - var(--list-ordinary-top-bot-spacing) / 2)
    calc(0% - var(--list-ordinary-left-right-spacing) / 2);
}
html[data-gap-supported="0"] ._list-ordinary_1ldg5_82 > ._list-ordinary-layout_1ldg5_85 > * {
  margin: calc(var(--list-ordinary-top-bot-spacing) / 2)
    calc(
      var(--list-ordinary-left-right-spacing) / 2 - var(--list-ordinary-left-right-spacing-adapt)
    );
}
._title_3m1o0_82 {
  display: flex;
  align-items: center;
  color: var(--skin__lead);
  min-height: 0.52rem;
  min-width: 0;
}
._title_3m1o0_82 > ._title-text_3m1o0_89 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 0.3rem;
}
._title_3m1o0_82 > ._title-icon_3m1o0_95 {
  position: relative;
  color: var(--skin__neutral_2);
  margin-right: 0.05rem;
  width: 0.52rem;
  font-size: 0.52rem;
}
[dir="rtl"] ._title_3m1o0_82 > ._title-icon_3m1o0_95 {
  margin-right: 0;
  margin-left: 0.05rem;
}
._title_3m1o0_82 > ._title-text_3m1o0_89 {
  font-size: 0.36rem;
}
._title_3m1o0_82 > ._title-icon_3m1o0_95 {
  width: 0.7rem;
  font-size: 0.7rem;
  margin-right: 0.1rem;
}
[dir="rtl"] ._title_3m1o0_82 > ._title-icon_3m1o0_95 {
  margin-right: 0;
  margin-left: 0.1rem;
}
._game-headline_1gih9_82 {
  padding: 0 0.2rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  height: 0.52rem;
}
._game-headline_1gih9_82 ._trigger-text_1gih9_91 {
  flex-shrink: 0;
  height: 0.52rem;
  line-height: 0.52rem;
  color: var(--skin__neutral_2);
  font-size: 0.24rem;
  cursor: pointer;
}
._game-headline_1gih9_82 ._trigger-text_1gih9_91 ._click-area_1gih9_99 {
  margin: -0.12rem -0.2rem;
  padding: 0.12rem 0.2rem;
}
._game-headline_1gih9_82 ._trigger-text_1gih9_91 ._click-area_1gih9_99:lang(ur) {
  font-size: 0.3rem;
}
._layout-box_1nh74_82 {
  --div-div-margin-top: 0.2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
._layout-box_1nh74_82 {
  --div-div-margin-top: 0.2rem;
}
._layout-box_1nh74_82 > div + div,
._layout-box_1nh74_82 > section + section,
._layout-box_1nh74_82 > div + section,
._layout-box_1nh74_82 > section + div {
  margin-top: var(--div-div-margin-top);
}
._load-more-expand_106ip_82 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.26rem;
  cursor: pointer;
}
._load-more-expand_106ip_82 ._expand-text_106ip_89 {
  color: var(--skin__neutral_2);
}
._load-more-expand_106ip_82 ._expand-action_106ip_92 {
  display: inline-flex;
  align-items: center;
  margin-left: 0.1rem;
  color: var(--skin__primary);
}
[dir="rtl"] ._load-more-expand_106ip_82 ._expand-action_106ip_92 {
  margin-left: 0;
  margin-right: 0.1rem;
}
._load-more-expand_106ip_82 ._expand-action_106ip_92 ._down-arrow_106ip_98 {
  position: relative;
  top: 0.02rem;
  margin-left: 0.1rem;
  width: 0.2rem;
  height: 0.2rem;
}
[dir="rtl"] ._load-more-expand_106ip_82 ._expand-action_106ip_92 ._down-arrow_106ip_98 {
  margin-left: 0;
  margin-right: 0.1rem;
}
._load-finish_106ip_106 {
  color: var(--skin__neutral_1);
  font-size: 0.26rem;
}
._list-pagination-box_ov5gg_82._is-below-name_ov5gg_82 .load-more-button {
  margin-top: 0.2rem;
}
._game-platform-name_lpvjc_83 {
  --game-name-width: calc(var(--card-benchmark) * 0.442);
  --game-name-height: calc(var(--card-benchmark) * 0.149);
  --game-name-left: calc(var(--card-benchmark) * 0.046);
  --game-name-bottom: calc(var(--card-benchmark) * 0.032);
  --game-name-font-size: calc(var(--card-benchmark) * 0.057);
  position: absolute;
  bottom: var(--game-name-bottom);
  left: var(--game-name-left);
  width: var(--game-name-width);
  height: var(--game-name-height);
  margin: var(--game-name-margin);
  color: #fff;
  font-size: var(--game-name-font-size);
  line-height: 1.25;
  text-align: center;
}
._game-platform-name_lpvjc_83:lang(ne) {
  --game-name-font-size: calc(var(--card-benchmark) * 0.0615);
}
._game-platform-name_lpvjc_83._is-follow-skin-color_lpvjc_104 {
  color: var(--skin__cards_text);
}
._game-platform-name_lpvjc_83._is-white-bg-color_lpvjc_107 {
  color: #666;
}
._game-platform-name_lpvjc_83:lang(my) {
  line-height: 1.4;
}
._poster-box-core_is8qj_83 {
  --poster-box-core-width: calc(var(--card-benchmark));
  --poster-box-core-height: calc(var(--card-benchmark) * 0.39);
  --game-name-width: calc(var(--card-benchmark) * 0.442);
  --game-name-height: calc(var(--card-benchmark) * 0.153);
  --game-name-left: calc(var(--card-benchmark) * 0.046);
  --game-name-bottom: calc(var(--card-benchmark) * 0.032);
  --game-name-font-size: calc(var(--card-benchmark) * 0.057);
  position: relative;
  width: var(--poster-box-core-width);
  height: var(--poster-box-core-height);
  overflow: hidden;
}
._poster-box-core_is8qj_83 > ._game-name_is8qj_99 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  position: absolute;
  bottom: var(--game-name-bottom);
  left: var(--game-name-left);
  width: var(--game-name-width);
  height: var(--game-name-height);
  margin: var(--game-name-margin);
  color: #fff;
  font-size: var(--game-name-font-size);
  line-height: 1.25;
  text-align: center;
}
._poster-box-core_is8qj_83 > ._game-name_is8qj_99._is-follow-skin-color_is8qj_117 {
  color: var(--skin__neutral_1);
}
._poster-box-core_is8qj_83 > ._game-name_is8qj_99._is-white-bg-color_is8qj_120 {
  color: #666;
}
._is-show-box-shadow_is8qj_125 {
  box-shadow: 0 0.03rem 0.07rem 0 var(--skin__web_left_bg_shadow);
}
._landscape-left-right_gbrxs_82 {
  opacity: 1;
}
._landscape-rectangle-below-name_gq6ej_82 ._favorite-icon_gq6ej_82 {
  position: absolute;
  top: calc(var(--card-benchmark) * 0.025);
  right: calc(var(--card-benchmark) * 0.025);
}
[dir="rtl"] ._landscape-rectangle-below-name_gq6ej_82 ._favorite-icon_gq6ej_82 {
  right: auto;
  left: calc(var(--card-benchmark) * 0.025);
}
._landscape-rectangle-below-name_gq6ej_82 ._poster_gq6ej_87 {
  border-radius: 0.1rem;
}
._landscape-rectangle-below-name_gq6ej_82 ._game-name_gq6ej_90 {
  font-size: 0.22rem;
}
._game-platform-name_18y3j_83 {
  --game-name-width: calc(var(--card-benchmark) * 0.442);
  --game-name-height: calc(var(--card-benchmark) * 0.149);
  --game-name-right: calc(var(--card-benchmark) * 0.046);
  --game-name-bottom: calc(var(--card-benchmark) * 0.032);
  --game-name-font-size: calc(var(--card-benchmark) * 0.057);
  position: absolute;
  bottom: var(--game-name-bottom);
  right: var(--game-name-right);
  width: var(--game-name-width);
  height: var(--game-name-height);
  margin: var(--game-name-margin);
  color: #fff;
  font-size: var(--game-name-font-size);
  line-height: 1.25;
  text-align: center;
}
._game-platform-name_18y3j_83._is-follow-skin-color_18y3j_100 {
  color: var(--skin__cards_text);
}
._game-platform-name_18y3j_83._is-white-bg-color_18y3j_103 {
  color: #666;
}
._game-platform-name_18y3j_83:lang(my) {
  line-height: 1.4;
}
._poster-box-core_jb2o8_83 {
  --poster-box-core-width: calc(var(--card-benchmark));
  --poster-box-core-height: calc(var(--card-benchmark) * 0.39);
  position: relative;
  width: var(--poster-box-core-width);
  height: var(--poster-box-core-height);
  overflow: hidden;
}
._is-show-box-shadow_jb2o8_92 {
  box-shadow: 0 0.03rem 0.07rem 0 var(--skin__web_left_bg_shadow);
}
._landscape-right-left_1731u_82 {
  opacity: 1;
}
._rounded-below-name_1oo6q_82 ._favorite-icon_1oo6q_82 {
  position: absolute;
  top: calc(var(--card-benchmark) * 0.133333);
  right: calc(var(--card-benchmark) * 0.133333);
}
[dir="rtl"] ._rounded-below-name_1oo6q_82 ._favorite-icon_1oo6q_82 {
  right: auto;
  left: calc(var(--card-benchmark) * 0.133333);
}
._rounded-below-name_1oo6q_82 ._platform-badge_1oo6q_87 {
  position: absolute;
  left: calc(var(--card-benchmark) * 0.133333);
  bottom: calc(var(--card-benchmark) * 0.133333);
}
[dir="rtl"] ._rounded-below-name_1oo6q_82 ._platform-badge_1oo6q_87 {
  left: auto;
  right: calc(var(--card-benchmark) * 0.133333);
}
._rounded-below-name_1oo6q_82 ._label-remember_1oo6q_92 {
  top: 0.01rem;
  left: 0.01rem;
}
[dir="rtl"] ._rounded-below-name_1oo6q_82 ._label-remember_1oo6q_92 {
  left: auto;
  right: 0.01rem;
}
._rounded-below-name_1oo6q_82 ._poster-core_1oo6q_96 {
  border-radius: 50%;
}
._square-angle-below-name_1ajox_82 ._favorite-icon_1ajox_82 {
  position: absolute;
  top: calc(var(--card-benchmark) * 0.039);
  right: calc(var(--card-benchmark) * 0.039);
}
[dir="rtl"] ._square-angle-below-name_1ajox_82 ._favorite-icon_1ajox_82 {
  right: auto;
  left: calc(var(--card-benchmark) * 0.039);
}
._square-angle-below-name_1ajox_82 ._platform-badge_1ajox_87 {
  position: absolute;
  left: calc(var(--card-benchmark) * 0.039);
  bottom: calc(var(--card-benchmark) * 0.039);
}
[dir="rtl"] ._square-angle-below-name_1ajox_82 ._platform-badge_1ajox_87 {
  left: auto;
  right: calc(var(--card-benchmark) * 0.039);
}
._square-below-name_t273v_82 ._favorite-icon_t273v_82 {
  position: absolute;
  top: calc(var(--card-benchmark) * 0.03);
  right: calc(var(--card-benchmark) * 0.03);
}
[dir="rtl"] ._square-below-name_t273v_82 ._favorite-icon_t273v_82 {
  right: auto;
  left: calc(var(--card-benchmark) * 0.03);
}
._square-below-name_t273v_82 ._game-name_t273v_87 {
  line-height: 1.454545;
}
._square-below-name_t273v_82 ._platform-badge_t273v_90 {
  position: absolute;
  left: calc(var(--card-benchmark) * 0.046);
  bottom: calc(var(--card-benchmark) * 0.046);
}
[dir="rtl"] ._square-below-name_t273v_82 ._platform-badge_t273v_90 {
  left: auto;
  right: calc(var(--card-benchmark) * 0.046);
}
._tab-item-game-list_zuico_82 .load-more-button {
  margin-top: 0.14rem;
}
._vertical-below-name_15vee_82 ._favorite-icon_15vee_82 {
  position: absolute;
  top: calc(var(--card-benchmark) * 0.04);
  right: calc(var(--card-benchmark) * 0.04);
}
[dir="rtl"] ._vertical-below-name_15vee_82 ._favorite-icon_15vee_82 {
  right: auto;
  left: calc(var(--card-benchmark) * 0.04);
}
._vertical-below-name_15vee_82 ._platform-badge_15vee_87 {
  position: absolute;
  left: calc(var(--card-benchmark) * 0.04);
  bottom: calc(var(--card-benchmark) * 0.04);
}
[dir="rtl"] ._vertical-below-name_15vee_82 ._platform-badge_15vee_87 {
  left: auto;
  right: calc(var(--card-benchmark) * 0.04);
}
._type-platform_10nlg_82 {
  --game-platform-name-height: calc(var(--card-benchmark) * 0.3);
  --game-platform-name-padding: 0 calc(var(--card-benchmark) * 0.0375);
  --game-platform-name-font-size: calc(var(--card-benchmark) * 0.1142857);
}
._type-game_10nlg_88 {
  --game-platform-name-height: calc(var(--card-benchmark) * 0.325);
  --game-platform-name-padding: 0 calc(var(--card-benchmark) * 0.0375)
    calc(var(--card-benchmark) * 0.0375);
  --game-platform-name-font-size: calc(var(--card-benchmark) * 0.1125);
}
._game-platform-name_10nlg_95 {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: var(--game-platform-name-height);
  margin-bottom: var(--game-platform-name-margin-bottom);
  padding: var(--game-platform-name-padding);
  color: #fff;
  font-size: var(--game-platform-name-font-size);
  word-wrap: break-word;
  text-shadow: 0 0.02rem 0.04rem rgba(0, 0, 0, 0.3);
  line-height: 1.25;
}
._game-platform-name_10nlg_95 .name-inner {
  font-weight: 700;
}
._vertical-bottom-name_oad5o_82 ._favorite-icon_oad5o_82 {
  position: absolute;
  top: calc(var(--card-benchmark) * 0.038);
  right: calc(var(--card-benchmark) * 0.038);
}
[dir="rtl"] ._vertical-bottom-name_oad5o_82 ._favorite-icon_oad5o_82 {
  right: auto;
  left: calc(var(--card-benchmark) * 0.038);
}
._vertical-bottom-name_oad5o_82 ._platform-badge_oad5o_87 {
  position: absolute;
  left: calc(var(--card-benchmark) * 0.038);
  bottom: calc(var(--card-benchmark) * 0.038);
}
[dir="rtl"] ._vertical-bottom-name_oad5o_82 ._platform-badge_oad5o_87 {
  left: auto;
  right: calc(var(--card-benchmark) * 0.038);
}
._arrow-btn_1fijh_83 {
  --arrow-btn-color: var(--skin__lead);
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.6rem;
  height: 100%;
  font-size: 0.16rem;
  color: var(--arrow-btn-color);
}
._arrow-btn_1fijh_83._is-disable_1fijh_95 {
  color: var(--skin__neutral_2);
  cursor: not-allowed;
  pointer-events: none;
}
[dir="ltr"] ._direction-left_1fijh_101 ._arrow_1fijh_83 {
  transform: rotate(180deg);
}
[dir="rtl"] [dir="ltr"] ._direction-left_1fijh_101 ._arrow_1fijh_83 {
  transform: rotate(-180deg);
}
[dir="rtl"] ._direction-right_1fijh_105 ._arrow_1fijh_83 {
  transform: rotate(180deg);
}
[dir="rtl"] [dir="rtl"] ._direction-right_1fijh_105 ._arrow_1fijh_83 {
  transform: rotate(-180deg);
}
._switch-pagination-box_1s97r_83 {
  --btn-all-color: var(--skin__lead);
  --btn-all-font-size: 0.2rem;
  display: flex;
}
._switch-pagination-box_1s97r_83 ._btn-all-outside_1s97r_90 {
  padding: 0 0.3rem;
  display: flex;
  align-items: center;
  height: 0.46rem;
  font-size: var(--btn-all-font-size);
  color: var(--btn-all-color);
  white-space: nowrap;
}
._switch-pagination_1s97r_83 {
  display: flex;
  align-items: center;
  width: fit-content;
  height: 0.46rem;
  border-radius: 1rem;
  border: thin solid var(--skin__border);
}
._switch-pagination_1s97r_83 ._btn-all-inside_1s97r_108 {
  width: 1rem;
  border-left: thin solid var(--skin__border);
  border-right: thin solid var(--skin__border);
  font-size: var(--btn-all-font-size);
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: var(--btn-all-color);
}
._switch-pagination_1s97r_83 ._line_1s97r_121 {
  border-left: solid thin var(--skin__border);
  height: 100%;
}
._title_tbo7i_82 {
  display: flex;
  align-items: center;
  color: var(--skin__lead);
  min-height: 0.52rem;
  min-width: 0;
}
._title_tbo7i_82 > ._title-text_tbo7i_89 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 0.3rem;
}
._title_tbo7i_82 > ._title-icon_tbo7i_95 {
  position: relative;
  margin-right: 0.05rem;
  width: 0.52rem;
  font-size: 0.52rem;
}
[dir="rtl"] ._title_tbo7i_82 > ._title-icon_tbo7i_95 {
  margin-right: 0;
  margin-left: 0.05rem;
}
._game-headline_1yn0r_82 {
  padding: 0 0.2rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  height: 0.52rem;
}
._game-headline_1yn0r_82 ._mini-jackpot_1yn0r_91 {
  margin: inherit;
}
._layout-box_177si_82 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
._layout-box_177si_82 > div + div,
._layout-box_177si_82 > section + section,
._layout-box_177si_82 > div + section,
._layout-box_177si_82 > section + div {
  margin-top: 0.2rem;
}
._arrow-load-view_hq9tj_82 {
  opacity: 1;
}
._list-slide-layout_1wj43_83 {
  width: fit-content;
}
._list-slide-layout_1wj43_83 > ._list-slide-layout-inner_1wj43_86 {
  box-sizing: content-box;
  display: grid;
  grid-auto-flow: var(--list-slide-grid-auto-flow);
  grid-template-rows: var(--list-slide-grid-template-rows);
  grid-template-columns: var(--list-slide-grid-template-columns);
}
html[data-gap-supported="1"] ._list-slide-layout_1wj43_83 > ._list-slide-layout-inner_1wj43_86 {
  width: var(--list-slide-width);
  height: var(--list-slide-height);
  column-gap: calc(var(--list-slide-column-gap));
  row-gap: var(--list-slide-row-gap);
}
html[data-gap-supported="0"] ._list-slide-layout_1wj43_83 > ._list-slide-layout-inner_1wj43_86 {
  width: var(--list-slide-width);
  height: var(--list-slide-height);
  grid-column-gap: calc(var(--list-slide-column-gap));
  grid-row-gap: var(--list-slide-row-gap);
}
._list-slide-layout-inner_1wj43_86 {
  justify-items: center;
  align-items: center;
}
.slide-center-magnify ._list-slide-layout-inner_1wj43_86 > div,
.slide-center-magnify ._list-slide-layout-inner_1wj43_86 > section {
  transition:
    margin 0s,
    transform 0.5s;
}
._list-slide-layout_1yoem_83 {
  width: fit-content;
}
._list-slide-layout_1yoem_83 > ._list-slide-layout-inner_1yoem_86 {
  box-sizing: content-box;
  display: grid;
  grid-auto-flow: var(--list-slide-grid-auto-flow);
  grid-template-rows: var(--list-slide-grid-template-rows);
  grid-template-columns: var(--list-slide-grid-template-columns);
}
html[data-gap-supported="1"] ._list-slide-layout_1yoem_83 > ._list-slide-layout-inner_1yoem_86 {
  width: var(--list-slide-width);
  height: var(--list-slide-height);
  column-gap: calc(var(--list-slide-column-gap));
  row-gap: var(--list-slide-row-gap);
}
html[data-gap-supported="0"] ._list-slide-layout_1yoem_83 > ._list-slide-layout-inner_1yoem_86 {
  width: var(--list-slide-width);
  height: var(--list-slide-height);
  grid-column-gap: calc(var(--list-slide-column-gap));
  grid-row-gap: var(--list-slide-row-gap);
}
html[data-gap-supported="1"] ._scroll-box-transform_1yoem_108,
html[data-gap-supported="0"] ._scroll-box-transform_1yoem_108 {
  box-sizing: content-box;
  width: var(--list-slide-width);
  height: var(--list-slide-height);
  user-select: none;
  overflow: hidden;
}
html[data-gap-supported="1"]
  ._scroll-box-transform_1yoem_108
  ._scroll-box-transform-inner_1yoem_116,
html[data-gap-supported="0"]
  ._scroll-box-transform_1yoem_108
  ._scroll-box-transform-inner_1yoem_116 {
  width: var(--list-slide-inner-content-width);
  cursor: grab;
  transform: var(--list-slide-transform-scroll-area-transform);
  transition-duration: 0.5s;
}
._list-slide-typesetting_bzpvb_82._is-slide-one-screen_bzpvb_82
  .slide-pagination
  .slide-pagination {
  scroll-snap-align: initial;
}
._list-slide-all_152k0_82 {
  display: flex;
  align-items: center;
}
._list-slide-all_152k0_82 ._all-text_152k0_86 {
  color: var(--skin__neutral_1);
  font-size: 0.24rem;
  margin-left: 0.16rem;
}
[dir="rtl"] ._list-slide-all_152k0_82 ._all-text_152k0_86 {
  margin-left: 0;
  margin-right: 0.16rem;
}
._list-slide-all_152k0_82 ._arrow-right_152k0_91 {
  position: relative;
  top: 0.01rem;
  margin-left: 0.1rem;
  transform: rotate(-90deg);
  color: var(--skin__neutral_1);
}
[dir="rtl"] ._list-slide-all_152k0_82 ._arrow-right_152k0_91 {
  margin-left: 0;
  margin-right: 0.1rem;
  transform: rotate(90deg);
}
._list-slide-dot_amwt0_82 {
  width: var(--list-slide-dot-width);
  height: var(--list-slide-dot-height);
  background-color: var(--skin__border);
  border-radius: 10rem;
  will-change: transform;
  transition: all 0.3s;
  opacity: 0.98;
}
._list-slide-dot_amwt0_82._is-active_amwt0_91 {
  width: var(--list-slide-dot-active-width);
  background-color: var(--skin__primary);
}
._slide-indicator_14bbr_82 {
  box-sizing: content-box;
  width: fit-content;
  padding-right: calc(var(--slide-indicator-padding-right) + 0.02rem);
  padding-left: 0.02rem;
  padding-top: 0.02rem;
  padding-bottom: 0.02rem;
}
[dir="rtl"] ._slide-indicator_14bbr_82 {
  padding-left: calc(var(--slide-indicator-padding-right) + 0.02rem);
  padding-right: 0.02rem;
}
._load-more-button_stnr4_82 {
  margin-top: 0.3rem !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
._load-more-button_stnr4_82 ._list-slide-box_stnr4_88 {
  width: fit-content;
}
._list-slide-box_1y662_82,
._tab-item-game-list-design_1xrwc_82 {
  opacity: 1;
}
._tab-item-title_1rlbj_82 {
  padding-top: 0.06rem;
  width: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--skin__alt_neutral_2);
}
._tab-item-title_1rlbj_82 ._icon_1rlbj_90 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.6rem;
  height: 0.46rem;
  font-size: 0.6rem;
}
._tab-item-title_1rlbj_82 ._icon_1rlbj_90 > img {
  width: 0.6rem;
  height: 0.46rem;
  user-drag: none;
  -webkit-user-drag: none;
}
._tab-item-title_1rlbj_82 ._icon_1rlbj_90 > i {
  width: 0.6rem;
  height: 0.6rem;
}
._tab-item-title_1rlbj_82 ._text_1rlbj_108 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 0.06rem;
  height: 2em;
  width: 100%;
  font-size: 0.24rem;
  line-height: 1;
  text-align: center;
  word-break: break-word;
  z-index: 3;
}
._tab-item-title_1rlbj_82 ._text_1rlbj_108:lang(vi),
._tab-item-title_1rlbj_82 ._text_1rlbj_108:lang(my) {
  font-size: 0.2rem;
  line-height: 1.4;
  min-height: 0.44rem;
  max-height: 0.57rem;
  margin-bottom: 0.04rem;
}
._tab-item-title_1rlbj_82._is-active_1rlbj_132 ._text_1rlbj_108 {
  color: var(--skin__primary);
}
._tab-item-title_1rlbj_82 {
  width: auto;
  min-width: 0.8rem;
  max-width: 3rem;
}
._tab-item-title_1rlbj_82 ._text_1rlbj_108 {
  display: block;
  white-space: nowrap;
  --webkit-line-clamp: 1;
  font-size: 0.26rem;
  line-height: 1.2;
}
._tab-item-title_1rlbj_82 ._icon_1rlbj_90 {
  width: 0.7rem;
  height: 0.54rem;
  font-size: 0.7rem;
}
._tab-item-title_1rlbj_82 ._icon_1rlbj_90 > img {
  user-drag: none;
  -webkit-user-drag: none;
  width: 0.7rem;
  height: 0.54rem;
}
._tab-item-title_1rlbj_82 ._icon_1rlbj_90 > i {
  width: 0.7rem;
  height: 0.7rem;
}
.ui-tabs__track {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  will-change: left;
}
.ui-tabs__content--animated {
  overflow: hidden;
}
._main_9p7mn_93.lobby-scroll.lobby-scroll--all {
  overflow: scroll;
}
._main_9p7mn_93.lobby-scroll.lobby-scroll--x {
  overflow-x: scroll;
  overflow-y: hidden;
}
._main_9p7mn_93.lobby-scroll.lobby-scroll--y {
  overflow-x: hidden;
  overflow-y: scroll;
}
html[data-isdesktop="0"] ._main_9p7mn_93.lobby-scroll.lobby-scroll--system-scrollbar {
  scrollbar-color: var(--skin__border) transparent;
  scrollbar-width: thin;
}
html[data-isdesktop="0"] ._main_9p7mn_93.lobby-scroll.lobby-scroll--system-scrollbar > * {
  scrollbar-color: auto;
}
._main_9p7mn_93.lobby-scroll.lobby-scroll--system-scrollbar::-webkit-scrollbar {
  z-index: 11;
  width: 0.06rem;
}
._main_9p7mn_93.lobby-scroll.lobby-scroll--system-scrollbar::-webkit-scrollbar-thumb {
  width: 0.06rem;
  background: var(--skin__border);
  border-radius: 0.06rem;
}
._main_9p7mn_93.lobby-scroll.lobby-scroll--system-scrollbar::-webkit-scrollbar-corner {
  background: transparent;
}
._main_9p7mn_93.lobby-scroll.lobby-scroll--system-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}
._main_9p7mn_93.lobby-scroll.lobby-scroll--system-scrollbar::-webkit-scrollbar-track-piece {
  width: 0.06rem;
  background: transparent;
}
._main_9p7mn_93.lobby-scroll.lobby-scroll--system-scrollbar::-webkit-scrollbar:horizontal {
  height: 0.06rem;
}
._main_9p7mn_93.lobby-scroll.lobby-scroll--system-scrollbar::-webkit-scrollbar-thumb:horizontal {
  border-radius: 0.06rem;
}
._main_9p7mn_93.lobby-scroll.lobby-scroll--is-desktop.lobby-scroll--is-firefox,
._main_9p7mn_93.lobby-scroll.lobby-scroll--is-desktop.lobby-scroll--is-tg.lobby-scroll--hide-in-tg {
  scrollbar-width: none;
}
.ps {
  position: relative;
}
.ps.ps-scrollbar-always > .ps__rail-x,
.ps.ps-scrollbar-always > .ps__rail-y {
  opacity: 1;
}
.ps__rail-x {
  display: none;
  opacity: 0;
  transition:
    background-color 0.2s linear,
    opacity 0.2s linear;
  -webkit-transition:
    background-color 0.2s linear,
    opacity 0.2s linear;
  height: 0.2rem;
  bottom: 0;
  position: absolute;
  z-index: 10;
}
.ps__rail-y {
  display: none;
  opacity: 0;
  transition:
    background-color 0.2s linear,
    opacity 0.2s linear;
  -webkit-transition:
    background-color 0.2s linear,
    opacity 0.2s linear;
  width: 0.2rem;
  right: 0;
  position: absolute;
  z-index: 10;
  left: auto !important;
}
[dir="rtl"] .ps__rail-y {
  left: 0;
  right: auto !important;
}
.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}
.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 1;
}
.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  opacity: 1;
}
.ps__thumb-x {
  background-color: var(--skin__border, #aaa);
  border-radius: 0.06rem;
  transition:
    background-color 0.2s linear,
    height 0.2s ease-in-out;
  -webkit-transition:
    background-color 0.2s linear,
    height 0.2s ease-in-out;
  height: 0.06rem;
  bottom: 0.07rem;
  position: absolute;
}
.ps__thumb-y {
  background-color: var(--skin__border, #aaa);
  border-radius: 0.06rem;
  transition:
    background-color 0.2s linear,
    width 0.2s ease-in-out;
  -webkit-transition:
    background-color 0.2s linear,
    width 0.2s ease-in-out;
  width: 0.06rem;
  right: 0.07rem;
  position: absolute;
}
[dir="rtl"] .ps__thumb-y {
  right: auto;
  left: 0.07rem;
}
.ui-tabs {
  position: relative;
}
.ui-tabs__position--left {
  display: flex;
}
.ui-tabs__position--left > .ui-tabs__wrap,
.ui-tabs__position--left > .ui-sticky {
  flex-shrink: 0;
}
.ui-tabs--line .ui-tabs__wrap {
  min-height: 0.6rem;
}
.ui-tabs--card > .ui-tabs__wrap {
  min-height: 0.6rem;
}
.ui-tabs__navigation-prev,
.ui-tabs__navigation-next {
  z-index: 3;
  position: absolute;
  display: flex;
  align-items: center;
}
.ui-tabs__navigation-prev--left,
.ui-tabs__navigation-prev--right,
.ui-tabs__navigation-next--left,
.ui-tabs__navigation-next--right {
  height: 0.3rem;
  top: calc(50% - 0.15rem);
}
.ui-tabs__navigation-prev--top,
.ui-tabs__navigation-prev--down,
.ui-tabs__navigation-next--top,
.ui-tabs__navigation-next--down {
  width: 0.3rem;
  left: calc(50% - 0.15rem);
}
[dir="rtl"] .ui-tabs__navigation-prev--top,
[dir="rtl"] .ui-tabs__navigation-prev--down,
[dir="rtl"] .ui-tabs__navigation-next--top,
[dir="rtl"] .ui-tabs__navigation-next--down {
  left: auto;
  right: calc(50% - 0.15rem);
}
.ui-tabs__navigation-prev--left {
  left: 0.1rem;
}
[dir="rtl"] .ui-tabs__navigation-prev--left {
  left: auto;
  right: 0.1rem;
}
.ui-tabs__navigation-prev--top {
  top: 0.1rem;
}
.ui-tabs__navigation-next--right {
  right: 0.1rem;
}
[dir="rtl"] .ui-tabs__navigation-next--right {
  right: auto;
  left: 0.1rem;
}
.ui-tabs__navigation-next--down {
  bottom: 0.1rem;
}
.ui-arrow--up {
  transform: rotate(90deg);
}
[dir="rtl"] .ui-arrow--up,
.ui-arrow--down {
  transform: rotate(-90deg);
}
[dir="rtl"] .ui-arrow--down {
  transform: rotate(90deg);
}
.ui-arrow--left {
  transform: rotate(0);
}
.ui-arrow--right {
  transform: rotate(180deg);
}
[dir="rtl"] .ui-arrow--right {
  transform: rotate(-180deg);
}
.ui-arrow--flip {
  transition: transform 0.3s linear;
}
.ui-tabs__wrap {
  overflow: hidden;
  position: relative;
}
.ui-tabs__wrap--has-pinned {
  display: flex;
  align-items: stretch;
}
.ui-tabs__pinned {
  display: flex;
  flex: none;
  align-items: center;
}
.ui-tabs__nav {
  position: relative;
  display: flex;
  background: transparent;
  user-select: none;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.ui-tabs__nav::-webkit-scrollbar {
  display: none;
}
.ui-tabs__nav--left {
  flex-direction: column;
}
.ui-tabs__nav--left > .ui-tab {
  padding: 0;
}
.ui-tabs__nav--left > .ui-tab > span {
  width: 100%;
}
.ui-tabs__nav--line {
  box-sizing: content-box;
  height: 100%;
  padding-bottom: 0.15rem;
}
.ui-tabs__nav--line--shrink,
.ui-tabs__nav--line--complete {
  padding-right: 0.08rem;
  padding-left: 0.08rem;
}
.ui-tabs__nav--card {
  box-sizing: border-box;
  height: 0.3rem;
  margin: 0 0.16rem;
  border: var(--lobby__px) solid var(--skin__primary);
  border-radius: 0.02rem;
}
.ui-tabs__nav--card--shrink {
  display: inline-flex;
}
.ui-tab {
  position: relative;
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0 0.02rem;
  color: inherit;
  font-size: 0.28rem;
  line-height: 0.2rem;
  cursor: pointer;
}
.ui-tab--active {
  color: var(--skin__primary);
  font-weight: 400;
}
.ui-tab--disabled {
  color: var(--skin__neutral_2);
  cursor: not-allowed;
}
.ui-tab--grow {
  flex: 1 0 auto;
  padding: 0 0.12rem;
}
.ui-tab--shrink {
  flex: none;
  padding: 0 0.08rem;
}
.ui-tab--card {
  color: var(--skin__primary);
  border-right: var(--lobby__px) solid var(--skin__primary);
}
[dir="rtl"] .ui-tab--card {
  border-right: none;
  border-left: var(--lobby__px) solid var(--skin__primary);
}
.ui-tab--card:last-child {
  border-right: none;
}
[dir="rtl"] .ui-tab--card:last-child {
  border-right: none;
  border-left: none;
}
.ui-tab--card.ui-tab--active {
  color: var(--skin__text_primary);
  background-color: var(--skin__primary);
}
.ui-tab--card.ui-tab--disabled {
  color: var(--skin__neutral_2);
}
.ui-badge {
  display: inline-block;
  box-sizing: border-box;
  min-width: 0.32rem;
  padding: 0 0.08rem;
  color: #fff;
  height: 0.28rem;
  text-align: center;
  background: var(--skin__accent_2);
  border-radius: 0.13rem 0.13rem 0.13rem 0;
  font-size: 0.18rem;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.28rem;
  letter-spacing: normal;
  overflow: visible;
  vertical-align: middle;
  position: relative;
}
.ui-badge[style*="--badge-bg-color: var(--skin__accent_3)"] {
  color: var(--skin__text_accent3);
}
.ui-badge:before {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -0.06rem;
  z-index: 20;
  left: 0;
  width: 0;
  height: 0;
  border-left: 0.079rem solid var(--badge-bg-color);
  border-top: 0.066rem solid transparent;
  border-bottom: 0.066rem solid transparent;
  font-size: 0;
}
.ui-badge__content {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  z-index: 1;
}
.ui-badge--fixed {
  position: absolute;
  transform-origin: 100%;
}
.ui-badge--auto {
  top: 0;
  right: 0;
  transform: translate(0.1rem, -50%);
}
.ui-badge--top-left {
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
}
.ui-badge--top-center {
  top: 0;
  left: 50%;
  transform: translateY(-50%);
}
.ui-badge--top-right {
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
}
.ui-badge--bottom-left {
  bottom: 0;
  left: 0;
  transform: translate(-50%, 50%);
}
.ui-badge--bottom-right {
  bottom: 0;
  right: 0;
  transform: translate(50%, 50%);
}
.ui-badge--dot {
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  width: 0.16rem;
  min-width: 0;
  height: 0.16rem;
  background: var(--skin__accent_2);
  border-radius: 100%;
  border: none;
  padding: 0;
}
.ui-badge--dot:before {
  display: none;
}
.ui-badge__wrapper {
  position: relative;
  display: inline-block;
}
.ui-badge--design {
  background: transparent !important;
}
.ui-badge--design:before {
  content: initial;
}
.ui-badge__bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  display: flex;
}
.ui-badge__bg-center {
  flex: 1;
  margin: 0 -0.01rem;
}
.ui-badge--gift_normal {
  font-weight: 600;
  font-size: 0.2rem;
  line-height: 0.3rem;
  height: 0.28rem;
  padding: 0 0.08rem;
  border-radius: 0.13rem 0.13rem 0.13rem 0;
}
.ui-badge--gift_normal .ui-badge__gift {
  left: 0.06rem;
  transform: translate(-100%, 0.08rem);
  width: 0.38rem;
  height: 0.38rem;
}
.ui-badge--gift_large {
  font-weight: 600;
  font-size: 0.22rem;
  line-height: 0.26rem;
  height: 0.34rem;
  padding: 0.05rem 0.08rem;
  border-radius: 0.17rem 0.17rem 0.17rem 0;
}
.ui-badge--gift_large .ui-badge__gift {
  left: 0.07rem;
  transform: translate(-100%, 0.04rem);
  width: 0.48rem;
  height: 0.48rem;
}
.ui-badge--gift_two_line {
  width: max-content;
  max-width: 2.56rem;
  height: auto;
}
.ui-badge--gift_two_line .ui-badge__content {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 0.26rem;
  white-space: normal;
  word-break: break-word;
  text-align: left;
}
.ui-badge__gift {
  position: absolute;
  top: 0;
  z-index: 21;
}
.ui-badge__gift .lobby-image {
  width: 100%;
}
.ui-badge__gift--space {
  width: 100%;
  background: transparent;
}
.ui-badge--arrow_center {
  transform: translate(-50%, -50%);
  border-radius: 0.13rem;
}
.ui-badge--arrow_center:before {
  border-left: 0.12rem solid transparent;
  border-right: 0.12rem solid transparent;
  border-top: 0.12rem solid var(--badge-bg-color);
  left: calc(50% - 0.12rem);
  top: 0.22rem;
}
.ui-badge--design_arrow_center:before {
  --badge-bg-color: #ffefac;
  content: "";
  z-index: 0;
}
[dir="rtl"] .ui-badge {
  border-radius: 0.13rem 0.13rem 0;
}
[dir="rtl"] [dir="rtl"] .ui-badge {
  border-radius: 0.13rem 0.13rem 0.13rem 0;
}
[dir="rtl"] .ui-badge:before {
  left: auto;
  right: 0;
  border-left: none;
  border-right: 0.079rem solid var(--badge-bg-color);
}
[dir="rtl"] [dir="rtl"] .ui-badge:before {
  right: auto;
  left: 0;
  border-right: none;
  border-left: 0.079rem solid var(--badge-bg-color);
}
[dir="rtl"] .ui-badge--auto {
  left: 0;
  right: auto;
  transform: translate(-0.1rem, -50%);
}
[dir="rtl"] [dir="rtl"] .ui-badge--auto {
  right: 0;
  left: auto;
  transform: translate(0.1rem, -50%);
}
[dir="rtl"] .ui-badge--top-left.ui-badge--rtl {
  top: 0;
  right: 0;
  left: auto;
  transform: translate(50%, -50%);
}
[dir="rtl"] [dir="rtl"] .ui-badge--top-left.ui-badge--rtl {
  left: 0;
  right: auto;
  transform: translate(-50%, -50%);
}
[dir="rtl"] .ui-badge--bottom-left.ui-badge--rtl {
  bottom: 0;
  left: auto;
  right: 0;
  transform: translate(50%, 50%);
}
[dir="rtl"] [dir="rtl"] .ui-badge--bottom-left.ui-badge--rtl {
  right: auto;
  left: 0;
  transform: translate(-50%, 50%);
}
[dir="rtl"] .ui-badge--top-right.ui-badge--rtl {
  top: 0;
  right: auto;
  left: 0;
  transform: translate(-50%, -50%);
}
[dir="rtl"] [dir="rtl"] .ui-badge--top-right.ui-badge--rtl {
  left: auto;
  right: 0;
  transform: translate(50%, -50%);
}
[dir="rtl"] .ui-badge--bottom-right.ui-badge--rtl {
  bottom: 0;
  right: auto;
  left: 0;
  transform: translate(-50%, 50%);
}
[dir="rtl"] [dir="rtl"] .ui-badge--bottom-right.ui-badge--rtl {
  left: auto;
  right: 0;
  transform: translate(50%, 50%);
}
[dir="rtl"] .ui-badge--dot.ui-badge--rtl {
  transform: translate(-50%, -50%);
}
[dir="rtl"] [dir="rtl"] .ui-badge--dot.ui-badge--rtl {
  transform: translate(50%, -50%);
}
[dir="rtl"] .ui-badge--gift_large {
  border-radius: 0.17rem 0.17rem 0;
}
[dir="rtl"] [dir="rtl"] .ui-badge--gift_large {
  border-radius: 0.17rem 0.17rem 0.17rem 0;
}
[dir="rtl"] .ui-badge--gift_large .ui-badge__gift {
  right: 0.07rem;
}
[dir="rtl"] [dir="rtl"] .ui-badge--gift_large .ui-badge__gift {
  right: auto;
  left: 0.07rem;
}
[dir="rtl"] .ui-badge__gift {
  left: unset;
  right: 0.06rem;
  transform: translate(100%, 0.04rem) rotate(30deg);
}
[dir="rtl"] [dir="rtl"] .ui-badge__gift {
  right: unset;
  left: 0.06rem;
  transform: translate(-100%, 0.04rem) rotate(-30deg);
}
[dir="rtl"] .ui-badge--arrow_center {
  transform: translate(-50%, -50%);
  border-radius: 0.13rem;
}
[dir="rtl"] [dir="rtl"] .ui-badge--arrow_center {
  transform: translate(50%, -50%);
}
[dir="rtl"] .ui-badge--arrow_center:before {
  border-left: 0.12rem solid transparent;
  border-right: 0.12rem solid transparent;
  border-top: 0.12rem solid var(--badge-bg-color);
  left: calc(50% - 0.12rem);
  top: 0.22rem;
}
[dir="rtl"] [dir="rtl"] .ui-badge--arrow_center:before {
  left: auto;
  right: calc(50% - 0.12rem);
}
.ui-tabs__line {
  position: absolute;
  bottom: 0.15rem;
  left: 0;
  z-index: 1;
  width: 0.5556rem;
  height: 0.04rem;
  background: var(--skin__primary);
  border-radius: 0.04rem;
}
[dir="rtl"] .ui-tabs__line {
  left: auto;
  right: 0;
}
[dir="rtl"] .ui-tabs__line {
  left: 0;
  right: unset;
}
[dir="rtl"] [dir="rtl"] .ui-tabs__line {
  right: 0;
  left: unset;
}
.ui-sticky {
  height: fit-content;
}
.ui-sticky--fixed {
  pointer-events: none;
}
.ui-sticky--fixed > * {
  pointer-events: auto;
}
.ui-sticky--fixed[data-mode="fixed"] {
  position: fixed;
}
.ui-sticky--fixed[data-mode="absolute"] {
  position: absolute;
}
._game-exhibition_n6guv_82 {
  padding-bottom: 0.3rem;
}
._game-exhibition_n6guv_82 .ui-tabs__wrap {
  position: relative;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  border-bottom: var(--lobby__px) solid var(--skin__border);
}
._game-exhibition_n6guv_82 .ui-sticky--fixed {
  z-index: 1;
}
._game-exhibition_n6guv_82 .ui-tabs__nav {
  padding-bottom: 0;
}
._game-exhibition_n6guv_82 .ui-tabs__nav .ui-tab {
  padding: 0 0.05rem;
}
._game-exhibition_n6guv_82 .ui-tabs__nav .ui-tabs__line {
  bottom: 0;
  height: 0.04rem;
  border-radius: 10rem;
}
._game-exhibition_n6guv_82 .ui-tabs__collect-nav {
  display: flex;
  align-items: center;
  border-bottom: var(--lobby__px) solid var(--skin__border);
  position: relative;
}
._game-exhibition_n6guv_82 ._game-list-box_n6guv_111 {
  padding-top: 0.2rem;
}
._game-exhibition_n6guv_82 ._game-list-box_n6guv_111 .pagination-load-more .load-more-button {
  margin-bottom: 0.2rem;
}
._game-exhibition_n6guv_82 ._jackpot_n6guv_117 + div,
._game-exhibition_n6guv_82 ._jackpot_n6guv_117 + section {
  margin-top: 0.2rem;
}
._game-exhibition_n6guv_82 ._placeholder-box_n6guv_121 {
  min-height: 3.8rem;
}
._game-exhibition_n6guv_82 ._hot-top-marketing_n6guv_124 .marketing-box-item {
  margin-top: 0;
}
._game-exhibition_n6guv_82 ._hot-bottom-marketing_n6guv_127:last-child .marketing-box-item {
  margin-bottom: 0;
}
html[data-device="mobile"] ._game-exhibition_n6guv_82 .ui-tabs__nav .ui-tabs__line {
  bottom: -0.04rem;
  height: 0.08rem;
  border-radius: 0.04rem;
}
._game-exhibition_n6guv_82 {
  padding-bottom: 0;
  margin-bottom: 0.2rem;
}
._game-exhibition_n6guv_82 .ui-tabs__navigation-next > section > i,
._game-exhibition_n6guv_82 .ui-tabs__navigation-prev > section > i {
  transform: unset !important;
}
._game-exhibition_n6guv_82 .ui-tabs__wrap {
  padding-left: 0;
  padding-right: 0;
}
._game-exhibition_n6guv_82 .ui-tab {
  padding: 0 0.225rem !important;
}
._game-exhibition_n6guv_82 .ui-tabs__pinned > .ui-tab:first-of-type {
  padding-left: 0.2rem !important;
}
[dir="rtl"] ._game-exhibition_n6guv_82 .ui-tabs__pinned > .ui-tab:first-of-type {
  padding-left: 0 !important;
  padding-right: 0.2rem !important;
}
._game-exhibition_n6guv_82 .ui-tabs__nav > .ui-tab:last-of-type {
  padding-right: 0.2rem !important;
}
[dir="rtl"] ._game-exhibition_n6guv_82 .ui-tabs__nav > .ui-tab:last-of-type {
  padding-right: 0 !important;
  padding-left: 0.2rem !important;
}
._game-exhibition_n6guv_82 ._game-list-box_n6guv_111 {
  padding-top: 0.2rem;
  margin-bottom: 0.2rem;
}
._game-exhibition_n6guv_82 ._game-list-box_n6guv_111 .pagination-load-more .load-more-button {
  margin-top: 0.2rem;
  margin-bottom: 0;
}
._game-exhibition_n6guv_82 ._game-list-box_n6guv_111:has(> :first-child.jackpot-global) {
  padding-top: 0.1rem;
}
._bage-insert_1lpq6_82 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
[dir="rtl"] ._bage-insert_1lpq6_82 {
  left: auto;
  right: 0;
}
._bage-insert_1lpq6_82 ._bage-insert-panel_1lpq6_90,
._bage-insert_1lpq6_82 .ui-badge__wrapper {
  width: 100%;
  height: 100%;
}
._bage-insert_1lpq6_82 .ui-badge__wrapper .ui-badge {
  max-width: var(--menu-item-bage-max-width);
}
._bage-insert_1lpq6_82._right-top_1lpq6_101 .ui-badge {
  transform: translateY(-50%);
}
._bage-insert_1lpq6_82._top-right_1lpq6_104 .ui-badge {
  transform: translate(100%, -50%);
}
[dir="rtl"] ._bage-insert_1lpq6_82._top-right_1lpq6_104 .ui-badge {
  transform: translate(-100%, -50%);
}
._bage-insert_1lpq6_82._top_1lpq6_104 .ui-badge {
  right: 50%;
  transform: translate(100%, -90%);
}
[dir="rtl"] ._bage-insert_1lpq6_82._top_1lpq6_104 .ui-badge {
  right: auto;
  left: 50%;
  transform: translate(-100%, -90%);
}
._aside-toggle-button_1gqk3_82 {
  --aside-toggle-button-padding: 0 0.08rem 0 0.1rem;
  --aside-toggle-button-height: 100%;
  --aside-toggle-button-size: 0.36rem;
  --aside-toggle-button-color: var(--skin__alt_border);
  position: relative;
  padding: var(--aside-toggle-button-padding);
  height: var(--aside-toggle-button-height);
  display: flex;
  align-items: center;
}
._aside-toggle-button_1gqk3_82 ._icon-box_1gqk3_93 {
  display: inline-block;
  position: relative;
  line-height: 0;
}
._aside-toggle-button_1gqk3_82 ._icon_1gqk3_93 {
  font-size: var(--aside-toggle-button-size);
  transition: all 0.3s;
  color: var(--aside-toggle-button-color);
}
._aside-toggle-button_1gqk3_82 ._icon-active_1gqk3_103 {
  transform: rotate(180deg);
}
[dir="rtl"] ._aside-toggle-button_1gqk3_82 ._icon-active_1gqk3_103 {
  transform: rotate(-180deg);
}
[dir="rtl"] ._aside-toggle-button_1gqk3_82 ._icon_1gqk3_93 {
  transform: rotate(180deg);
}
[dir="rtl"] [dir="rtl"] ._aside-toggle-button_1gqk3_82 ._icon_1gqk3_93 {
  transform: rotate(-180deg);
}
[dir="rtl"] ._aside-toggle-button_1gqk3_82 ._icon-active_1gqk3_103 {
  transform: rotate(0);
}
._img-text-logo_50ryk_82 {
  --img-text-logo-img-width: 0.74rem;
  --img-text-logo-img-height: 0.74rem;
  --img-text-logo-img-title-size: 0.28rem;
  --img-text-logo-img-content-size: 0.22rem;
  --img-text-logo-width: 2.64rem;
  --img-text-logo-img-margin-right: 0.08rem;
  --img-text-logo-img-title-color: var(--skin__alt_lead);
  --img-text-logo-img-content-color: var(--skin__alt_border);
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 4.15rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
._img-text-logo_50ryk_82._img-logo-only_50ryk_99 img {
  width: auto;
}
._img-text-logo_50ryk_82 img {
  margin-right: var(--img-text-logo-img-margin-right);
  width: var(--img-text-logo-img-width);
  height: var(--img-text-logo-img-height);
  object-fit: contain;
}
[dir="rtl"] ._img-text-logo_50ryk_82 img {
  margin-right: 0;
  margin-left: var(--img-text-logo-img-margin-right);
}
._img-text-logo_50ryk_82 ._img-title_50ryk_108 {
  max-width: calc(
    0.1rem + var(--img-text-logo-width) - var(--img-text-logo-img-width) -
      var(--img-text-logo-img-margin-right)
  );
  color: var(--img-text-logo-img-title-color);
  font-weight: 700;
  line-height: 1;
  padding: 0.02rem 0.03rem 0 0;
  font-size: var(--img-text-logo-img-title-size);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
[dir="rtl"] ._img-text-logo_50ryk_82 ._img-title_50ryk_108 {
  padding: 0.02rem 0 0 0.03rem;
}
._logo-box_1qeqb_82 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
._logo-box_1qeqb_82 ._custom-logo_1qeqb_90 {
  object-fit: contain;
  cursor: pointer;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
._marqueeLogo_1fwuo_82 {
  display: flex;
  align-items: center;
  justify-content: center;
}
._marqueeLogo_1fwuo_82 ._logoImg_1fwuo_87 {
  cursor: pointer;
  max-width: 100%;
  max-height: 100%;
}
._content_1fwuo_93 {
  display: flex;
  align-items: center;
}
._logoWrapper_1fwuo_98 {
  height: 100%;
  display: flex;
  align-items: center;
}
._logoArea_1a4qj_82 {
  --assembly-logo-default-height: 0.7rem;
  --assembly-logo-default-width: 4.2rem;
  height: var(--assembly-logo-area-height, var(--assembly-logo-default-height));
  width: var(--assembly-logo-area-width, var(--assembly-logo-default-width));
  flex-direction: row;
}
._currency-info-box_s86mb_82 {
  --currency-info-box-border-radius: 0.2rem;
  --currency-info-box-border-color: var(--skin__border);
  --currency-info-box-height: 0.4rem;
  --currency-info-box-background-color: transparent;
  --currency-info-box-padding: 0 0 0 0.02rem;
  --currency-info-currency-count-size: 0.24rem;
  --currency-info-currency-count-margin: 0 0 0 0.08rem;
  --currency-sign-margin: 0 0 0 0.08rem;
  --currency-info-currency-count-color: var(--skin__accent_3);
  --currency-info-currency-count-max-width: 1.64rem;
  --currency-info-currency-count-border-color: var(--skin__accent_3);
  --currency-info-currency-font-weight: normal;
  --currency-info-refresh-icon-color: var(--skin__alt_primary);
  --currency-info-refresh-icon-size: 0.22rem;
  --currency-info-refresh-icon-width: 0.22rem;
  --currency-info-gaming-color: var(--skin__neutral_2);
  --currency-info-gaming-size: 0.18rem;
  --currency-info-refresh-icon-margin: 0 0.08rem;
  --currency-info-popover-icon-margin: 0 0.15rem;
  --currency-info-popover-icon-color: var(--skin__alt_primary);
  --currency-info-popover-icon-active-color: var(--currency-info-popover-icon-color);
  --currency-info-popover-icon-size: 0.22rem;
  --currency-info-currency-box-width: 0.34rem;
  --currency-info-currency-box-height: 0.34rem;
  --currency-info-icon-currency-width: 0.3rem;
  --currency-info-icon-currency-height: 0.3rem;
  --currency-info-right-icon-image-bg-width: 0.4rem;
  --currency-info-right-icon-image-bg-height: 0.4rem;
  --currency-info-currency-count-size: 0.22rem;
  --currency-info-currency-text-size: 0.12rem;
  --currency-info-currency-text-color: var(--skin__home_bg);
  --currency-info-currency-margin-left: 0.08rem;
  border: solid thin var(--currency-info-box-border-color);
  border-radius: var(--currency-info-box-border-radius);
  height: var(--currency-info-box-height);
  padding: var(--currency-info-box-padding);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  position: relative;
  background-color: var(--currency-info-box-background-color);
}
._currency-info-box_s86mb_82._no-border_s86mb_127 {
  border: none;
}
._currency-info-box_s86mb_82 ._currency-box_s86mb_130 {
  width: var(--currency-info-currency-box-width);
  height: var(--currency-info-currency-box-height);
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-size: cover;
}
._currency-info-box_s86mb_82 ._currency-box_s86mb_130 ._icon-currency_s86mb_140 {
  width: var(--currency-info-icon-currency-width);
  height: var(--currency-info-icon-currency-height);
}
._currency-info-box_s86mb_82 ._currency-info_s86mb_82 {
  display: flex;
  align-items: center;
  height: 100%;
  position: relative;
}
._currency-info-box_s86mb_82 ._currency-info_s86mb_82 ._currency-count_s86mb_150 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: var(--currency-info-currency-count-max-width);
  font-size: var(--currency-info-currency-count-size);
  margin: var(--currency-info-currency-count-margin);
  color: var(--currency-info-currency-count-color);
  border-bottom: 0.02rem solid var(--currency-info-currency-count-border-color);
  font-weight: var(--currency-info-currency-font-weight);
}
._currency-info-box_s86mb_82
  ._currency-info_s86mb_82
  ._currency-count_s86mb_150._no-underline_s86mb_161 {
  border-bottom: none;
  margin-top: 0;
}
._currency-info-box_s86mb_82 ._currency-info_s86mb_82 ._currency-count_s86mb_150 > span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  max-width: var(--currency-info-currency-count-max-width);
}
._currency-info-box_s86mb_82 ._currency-info_s86mb_82 ._gaming_s86mb_172 {
  width: max-content;
  padding: 0 0.13rem;
  color: var(--currency-info-gaming-color);
  font-size: var(--currency-info-gaming-size);
}
._currency-info-box_s86mb_82 ._currency-info_s86mb_82 ._icon-content_s86mb_178 {
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
._currency-info-box_s86mb_82 ._currency-info_s86mb_82 ._icon-content_s86mb_178:after {
  content: "";
  position: absolute;
  width: 200%;
  height: 100%;
  left: 50%;
  transform: translate(-50%);
}
[dir="rtl"] ._currency-info-box_s86mb_82 ._currency-info_s86mb_82 ._icon-content_s86mb_178:after {
  left: auto;
  right: 50%;
  transform: translate(50%);
}
._currency-info-box_s86mb_82 ._currency-info_s86mb_82 ._currency-content-wrap_s86mb_192 {
  position: relative;
}
._currency-info-box_s86mb_82 ._currency-info_s86mb_82 ._pay-bonus_s86mb_195 {
  position: absolute;
  left: 0;
  bottom: 100%;
  z-index: 1;
  margin: var(--currency-info-currency-count-margin);
}
[dir="rtl"] ._currency-info-box_s86mb_82 ._currency-info_s86mb_82 ._pay-bonus_s86mb_195 {
  left: auto;
  right: 0;
}
._currency-info-box_s86mb_82 ._currency-info_s86mb_82 ._pay-bonus_s86mb_195 .ui-badge {
  transform: translate(0);
  right: auto;
}
[dir="rtl"] ._currency-info-box_s86mb_82 ._currency-info_s86mb_82 ._pay-bonus_s86mb_195 .ui-badge {
  right: auto;
  left: auto;
}
._currency-info-box_s86mb_82 ._currency-info_s86mb_82 ._pay-bonus_s86mb_195 ._pay-tips_s86mb_206 {
  display: flex;
  align-items: center;
  justify-content: center;
}
._currency-info-box_s86mb_82
  ._currency-info_s86mb_82
  ._pay-bonus_s86mb_195
  ._pay-tips_s86mb_206
  span {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
._currency-info-box_s86mb_82
  ._currency-info_s86mb_82
  ._pay-bonus_s86mb_195
  ._pay-tips_s86mb_206
  span:nth-child(1) {
  max-width: 1.22rem;
}
._currency-info-box_s86mb_82
  ._currency-info_s86mb_82
  ._pay-bonus_s86mb_195
  ._pay-tips_s86mb_206
  span:nth-child(2) {
  max-width: 0.72rem;
}
._currency-info-box_s86mb_82 ._currency-info_s86mb_82 ._pay-bonus-bottom-right_s86mb_223 {
  right: 0;
  left: auto;
  bottom: 100%;
  margin: 0;
}
[dir="rtl"]
  ._currency-info-box_s86mb_82
  ._currency-info_s86mb_82
  ._pay-bonus-bottom-right_s86mb_223 {
  left: 0;
  right: auto;
}
._currency-info-box_s86mb_82 ._currency-info_s86mb_82 ._pay-bonus-bottom-right_s86mb_223 .ui-badge {
  border-radius: 0.13rem 0.13rem 0;
}
[dir="rtl"]
  ._currency-info-box_s86mb_82
  ._currency-info_s86mb_82
  ._pay-bonus-bottom-right_s86mb_223
  .ui-badge {
  border-radius: 0.13rem 0.13rem 0.13rem 0;
}
._currency-info-box_s86mb_82
  ._currency-info_s86mb_82
  ._pay-bonus-bottom-right_s86mb_223
  .ui-badge:before {
  border-left: none;
  border-right: 0.08rem solid var(--skin__accent_1);
  right: 0;
  left: auto;
}
[dir="rtl"]
  ._currency-info-box_s86mb_82
  ._currency-info_s86mb_82
  ._pay-bonus-bottom-right_s86mb_223
  .ui-badge:before {
  border-right: none;
  border-left: 0.08rem solid var(--skin__accent_1);
  left: 0;
  right: auto;
}
._currency-info-box_s86mb_82 ._currency-info_s86mb_82 ._currency-sign_s86mb_238 {
  margin: var(--currency-sign-margin);
  color: var(--currency-info-currency-count-color);
  font-size: var(--currency-info-currency-count-size);
}
._currency-info-box_s86mb_82 ._currency-info_s86mb_82 ._currency-text_s86mb_243 {
  font-size: var(--currency-info-currency-text-size);
  color: var(--currency-info-currency-text-color);
  margin-left: var(--currency-info-currency-margin-left);
  font-weight: 700;
}
[dir="rtl"] ._currency-info-box_s86mb_82 ._currency-info_s86mb_82 ._currency-text_s86mb_243 {
  margin-left: 0;
  margin-right: var(--currency-info-currency-margin-left);
}
._currency-info-box_s86mb_82 ._refresh-icon_s86mb_249,
._currency-info-box_s86mb_82 ._popover-icon_s86mb_250 {
  cursor: pointer;
  transition: all 0.3s;
}
._currency-info-box_s86mb_82 ._refresh-icon_s86mb_249 {
  color: var(--currency-info-refresh-icon-color);
  font-size: var(--currency-info-refresh-icon-size);
  margin: var(--currency-info-refresh-icon-margin);
  width: var(--currency-info-refresh-icon-width);
}
._currency-info-box_s86mb_82 ._right-icon-style_s86mb_260 {
  display: flex;
  justify-content: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  width: var(--currency-info-right-icon-image-bg-width);
  height: var(--currency-info-right-icon-image-bg-height) !important;
}
._currency-info-box_s86mb_82 ._popover-icon_s86mb_250 {
  color: var(--currency-info-popover-icon-color);
  font-size: var(--currency-info-popover-icon-size);
  margin: var(--currency-info-popover-icon-margin);
}
._currency-info-box_s86mb_82 ._popover-icon-active_s86mb_274 {
  transform: rotate(-180deg);
  color: var(--currency-info-popover-icon-active-color);
}
[dir="rtl"] ._currency-info-box_s86mb_82 ._popover-icon-active_s86mb_274 {
  transform: rotate(180deg);
}
._encrypt_s86mb_279 {
  height: 0.25rem;
  display: inline-block;
}
._encrypt_s86mb_279._isBlack_s86mb_283 {
  height: auto;
}
._currency-popover_s86mb_288 ._arrow_s86mb_288 {
  position: absolute;
  top: -0.1rem;
  width: 0.22rem;
  height: 0.22rem;
  left: 0;
  background: var(--currency-popover-arrow-background, var(--skin__border));
  border-color: var(--currency-popover-arrow-border-color, var(--skin__neutral_3));
  border-style: solid;
  border-width: var(--lobby__px) 0 0 var(--lobby__px);
  transform: translate(-50%) rotate(45deg);
  z-index: 2;
}
._currency-popover_s86mb_288 .ui-popover__content {
  background: none;
  border-radius: 0.2rem;
  position: relative;
}
._currency-popover_s86mb_288 [data-popper-placement="top-start"] ._arrow_s86mb_288 {
  top: unset;
  bottom: -0.1rem;
  border-width: 0 var(--lobby__px) var(--lobby__px) 0;
}
.lobby-home-header-container {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
  height: 0.8rem;
  background-color: var(--skin__bs_topnav_bg);
}
.lobby-home-header-container__section--left {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  z-index: 2;
}
.lobby-home-header-container__section--right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
  z-index: 2;
}
._un-login_3s4tn_82 {
  display: flex;
  align-items: center;
  --btn-login-background: var(--skin__primary);
  --btn-login-color: var(--skin__text_primary);
  --btn-login-margin: 0 0.15rem 0 0;
  --btn-register-background: transparent;
  --btn-register-color: var(--skin__primary);
  --btn-width: 1.36rem;
  --btn-height: 0.52rem;
  --btn-font-size: 0.22rem;
  --btn-border-color: var(--skin__primary);
  --btn-border-radius: 0.1rem;
}
._un-login_3s4tn_82 ._btn_3s4tn_96 {
  width: var(--btn-width);
  height: var(--btn-height);
  padding: 0 0.1rem;
  font-size: var(--btn-font-size);
  white-space: pre-wrap;
  background-color: var(--skin__primary);
  border: thin solid var(--btn-border-color);
  color: var(--skin__text_primary);
  border-radius: var(--btn-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: contain;
  background-repeat: no-repeat;
  text-align: center;
  word-wrap: break-word;
  cursor: pointer;
}
._un-login_3s4tn_82 ._btn_3s4tn_96:lang(vi),
._un-login_3s4tn_82 ._btn_3s4tn_96:lang(my) {
  font-size: 0.2rem;
  line-height: 1.3;
}
._un-login_3s4tn_82 ._btn_3s4tn_96 span {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.1;
}
._un-login_3s4tn_82 ._btn_3s4tn_96 span:lang(vi),
._un-login_3s4tn_82 ._btn_3s4tn_96 span:lang(my) {
  line-height: 1.3;
}
._un-login_3s4tn_82 ._btn_3s4tn_96._login-btn_3s4tn_131 {
  margin-right: 0.15rem;
}
[dir="rtl"] ._un-login_3s4tn_82 ._btn_3s4tn_96._login-btn_3s4tn_131 {
  margin-right: 0;
  margin-left: 0.15rem;
}
._un-login_3s4tn_82 ._btn_3s4tn_96._register-btn_3s4tn_134 {
  background-color: transparent;
  color: var(--skin__primary);
}
._un-login_3s4tn_82 ._btn_3s4tn_96._login_3s4tn_131 {
  margin: var(--btn-login-margin);
  background-color: var(--btn-login-background);
  color: var(--btn-login-color);
}
._un-login_3s4tn_82 ._btn_3s4tn_96._register_3s4tn_134 {
  background-color: var(--btn-register-background);
  color: var(--btn-register-color);
}
._un-login_3s4tn_82 ._btn_3s4tn_96._isHidden_3s4tn_147 {
  display: none;
}
._un-login_3s4tn_82 ._register-badge_3s4tn_150 .ui-badge {
  transform: none;
  right: -0.1rem;
}
[dir="rtl"] ._un-login_3s4tn_82 ._register-badge_3s4tn_150 .ui-badge {
  right: auto;
  left: -0.1rem;
}
html[data-skin-bg="0"] ._un-login_3s4tn_82 ._btn_3s4tn_96 {
  color: var(--skin__alt_text_primary);
  border-color: var(--skin__alt_primary);
  background-color: var(--skin__alt_primary);
}
html[data-skin-bg="0"] ._un-login_3s4tn_82 ._btn_3s4tn_96._register-btn_3s4tn_134 {
  background-color: transparent;
  color: var(--skin__alt_primary);
}
html[data-club="1"][data-skin-layout="10"][data-skin-id="2"]
  ._un-login_3s4tn_82
  ._btn_3s4tn_96._login-btn_3s4tn_131 {
  color: var(--skin__text_primary);
}
html[data-club="1"][data-skin-layout="21"][data-skin-id="1"]
  ._un-login_3s4tn_82
  ._btn_3s4tn_96._login-btn_3s4tn_131 {
  color: var(--skin__alt_text_primary);
}
html[data-club="1"][data-skin-id="1"][data-skin-layout="40"]
  ._un-login_3s4tn_82
  ._btn_3s4tn_96._login-btn_3s4tn_131,
html[data-club="1"][data-skin-id="1"][data-skin-layout="48"]
  ._un-login_3s4tn_82
  ._btn_3s4tn_96._login-btn_3s4tn_131 {
  border-color: var(--skin__alt_primary);
  background-color: var(--skin__alt_primary);
  color: var(--skin__alt_text_primary);
}
html[data-club="1"][data-skin-id="1"][data-skin-layout="40"]
  ._un-login_3s4tn_82
  ._btn_3s4tn_96._register-btn_3s4tn_134,
html[data-club="1"][data-skin-id="1"][data-skin-layout="48"]
  ._un-login_3s4tn_82
  ._btn_3s4tn_96._register-btn_3s4tn_134 {
  border-color: var(--skin__alt_primary);
  background-color: transparent;
  color: var(--skin__alt_primary);
}
html[data-club="1"][data-skin-id="1"][data-skin-layout="21"]
  ._un-login_3s4tn_82
  ._btn_3s4tn_96:first-child,
html[data-club="1"][data-skin-layout="26"][data-skin-bg="0"]
  ._un-login_3s4tn_82
  ._btn_3s4tn_96._login-btn_3s4tn_131,
html[data-club="1"][data-skin-layout="25"] ._un-login_3s4tn_82 ._btn_3s4tn_96._login-btn_3s4tn_131 {
  color: var(--skin__alt_text_primary);
}
html[data-club="1"][data-skin-layout="64"] ._un-login_3s4tn_82 ._btn_3s4tn_96 {
  border-color: var(--skin__alt_primary);
  color: var(--skin__alt_primary);
}
html[data-club="1"][data-skin-layout="64"] ._un-login_3s4tn_82 ._btn_3s4tn_96._login-btn_3s4tn_131 {
  color: var(--skin__alt_text_primary);
  background-color: var(--skin__alt_primary);
}
._un-login_3s4tn_82 ._btn_3s4tn_96 {
  --btn-font-size: 0.24rem;
  --btn-border-color: var(--skin__alt_primary);
  border-radius: 0.14rem;
  padding: 0 0.05rem;
  background-color: var(--skin__alt_primary);
  color: var(--skin__alt_text_primary);
}
._un-login_3s4tn_82 ._btn_3s4tn_96:lang(vi),
._un-login_3s4tn_82 ._btn_3s4tn_96:lang(my) {
  font-size: 0.24rem;
  line-height: 1;
}
._un-login_3s4tn_82 ._btn_3s4tn_96._register-btn_3s4tn_134 {
  color: var(--skin__alt_primary);
}
._un-login_3s4tn_82 ._register-badge_3s4tn_150 .ui-badge {
  right: -0.04rem;
}
[dir="rtl"] ._un-login_3s4tn_82 ._register-badge_3s4tn_150 .ui-badge {
  right: auto;
  left: -0.04rem;
}
._user-action-box_10ol7_82 {
  margin-left: 0.1rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
[dir="rtl"] ._user-action-box_10ol7_82 {
  margin-left: 0;
  margin-right: 0.1rem;
}
._user-action-box-bg_10ol7_89 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.1rem;
}
[dir="rtl"] ._user-action-box-bg_10ol7_89 {
  left: auto;
  right: 0;
}
._user-action-box_10ol7_82 button {
  width: 1.21rem;
  height: 0.54rem;
  padding: 0 0.05rem;
  font-size: 0.22rem;
  line-height: 1;
  border-radius: 0.1rem 0 0 0.1rem;
  word-wrap: break-word;
}
[dir="rtl"] ._user-action-box_10ol7_82 button {
  border-radius: 0 0.1rem 0.1rem 0;
}
._user-action-box_10ol7_82 button._reCharge_10ol7_106:not(:lang(zh)):not(:lang(zh_hk)) {
  font-size: 0.2rem;
}
._user-action-box_10ol7_82 ._user-action-popover_10ol7_112 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.4rem;
  height: 0.54rem;
  margin-left: -0.01rem;
  font-size: 0.14rem;
  color: var(--skin__text_primary);
  background-color: var(--skin__primary);
  border-color: var(--skin__primary);
  border-radius: 0 0.1rem 0.1rem 0;
  transition: transform 0.3s linear;
}
[dir="rtl"] ._user-action-box_10ol7_82 ._user-action-popover_10ol7_112 {
  margin-left: 0;
  margin-right: -0.01rem;
  border-radius: 0.1rem 0 0 0.1rem;
}
._user-action-box_10ol7_82 ._user-action-popover_10ol7_112:before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  right: -0.1rem;
  content: "";
}
[dir="rtl"] ._user-action-box_10ol7_82 ._user-action-popover_10ol7_112:before {
  right: 0;
  left: -0.1rem;
}
._user-action-box_10ol7_82 ._user-action-popover_10ol7_112:after {
  position: absolute;
  top: 0.15rem;
  left: 0;
  display: block;
  width: 0.01rem;
  height: 0.24rem;
  background: var(--skin__text_primary);
  opacity: 0.3;
  content: "";
}
[dir="rtl"] ._user-action-box_10ol7_82 ._user-action-popover_10ol7_112:after {
  left: auto;
  right: 0;
}
._user-action-box_10ol7_82 ._user-action-popover_10ol7_112._active_10ol7_147 i {
  transform: rotate(-180deg);
}
[dir="rtl"] ._user-action-box_10ol7_82 ._user-action-popover_10ol7_112._active_10ol7_147 i {
  transform: rotate(180deg);
}
._user-action-box_10ol7_82 ._user-action-popover_10ol7_112 i {
  transition: all 0.3s;
}
._user-action-box_10ol7_82 .ui-badge--top-right {
  max-width: 1rem;
  transform: translate(100%, -50%);
}
[dir="rtl"] ._user-action-box_10ol7_82 .ui-badge--top-right {
  transform: translate(-100%, -50%);
}
._have-bg_10ol7_158 button,
._have-bg_10ol7_158 ._user-action-popover_10ol7_112 {
  background-color: transparent;
  border: 0;
}
._user-action-content_10ol7_164 ._popover-content_10ol7_164 {
  background: var(--skin__bg_2);
  border: thin solid var(--skin__border);
  border-radius: 0.15rem;
  padding: 0.15rem 0;
}
._user-action-content_10ol7_164 ._popover-content_10ol7_164 > div {
  min-width: 1.7rem;
  height: 0.8rem;
  margin: 0;
  color: var(--skin__lead);
  font-size: 0.24rem;
  line-height: 0.8rem;
  text-align: left;
  padding: 0 0.19rem;
  cursor: pointer;
}
[dir="rtl"] ._user-action-content_10ol7_164 ._popover-content_10ol7_164 > div {
  text-align: right;
}
html[data-skin-bg="0"] ._user-action-box_10ol7_82 ._user-action-popover_10ol7_112 {
  background-color: var(--skin__alt_primary);
  color: var(--skin__primary);
}
html[data-skin-bg="0"] ._user-action-box_10ol7_82 ._user-action-popover_10ol7_112:after {
  background: var(--skin__primary);
}
html[data-skin-bg="0"] ._user-action-box_10ol7_82 button {
  background-color: var(--skin__alt_primary);
  color: var(--skin__primary);
  text-shadow: none;
  border-color: var(--skin__alt_primary);
}
html[data-club="1"][data-skin-id="1"][data-skin-layout="48"] button {
  background-color: var(--skin__alt_primary);
  color: var(--skin__alt_text_primary);
  text-shadow: none;
  border-color: var(--skin__alt_primary);
}
html[data-club="1"][data-skin-id="1"][data-skin-layout="48"] ._user-action-popover_10ol7_112 {
  background-color: var(--skin__alt_primary);
  color: var(--skin__alt_text_primary);
}
html[data-club="1"][data-skin-id="1"][data-skin-layout="48"] ._user-action-popover_10ol7_112:after {
  background: var(--skin__alt_text_primary);
}
html[data-club="1"][data-skin-layout="64"] ._user-action-box_10ol7_82 button,
html[data-club="1"][data-skin-layout="64"]
  ._user-action-box_10ol7_82
  ._user-action-popover_10ol7_112 {
  color: var(--skin__alt_text_primary);
  background-color: var(--skin__alt_primary);
  border-color: var(--skin__alt_primary);
}
html[data-club="1"][data-skin-layout="64"] ._user-action-box_10ol7_82 button:after,
html[data-club="1"][data-skin-layout="64"]
  ._user-action-box_10ol7_82
  ._user-action-popover_10ol7_112:after {
  background: var(--skin__alt_text_primary);
}
._user-action-box_10ol7_82 {
  margin-left: 0.14rem;
  display: flex;
  justify-content: center;
  width: 1.5rem;
  border-radius: 0.14rem;
  background: var(--skin__alt_primary);
  border: var(--lobby__px) solid var(--skin__alt_primary);
  color: var(--skin__alt_text_primary);
}
[dir="rtl"] ._user-action-box_10ol7_82 {
  margin-left: 0;
  margin-right: 0.14rem;
}
._user-action-box_10ol7_82 button {
  max-width: 1.1rem;
  width: auto;
  height: 0.54rem;
  text-align: center;
  padding-right: 0;
  padding-left: 0.1rem;
  font-size: 0.24rem;
}
[dir="rtl"] ._user-action-box_10ol7_82 button {
  padding-left: 0;
  padding-right: 0.1rem;
}
._user-action-box_10ol7_82 button:lang(zh),
._user-action-box_10ol7_82 button:lang(zh_hk),
._user-action-box_10ol7_82 button:lang(pa) {
  max-width: 0.95rem;
}
._user-action-box_10ol7_82 button._reCharge_10ol7_106 {
  background-color: transparent;
  color: inherit;
  border: none;
}
._user-action-box_10ol7_82 button._reCharge_10ol7_106:not(:lang(zh)):not(:lang(zh_hk)) {
  font-size: 0.24rem;
}
._user-action-box_10ol7_82 button._reCharge_10ol7_106:lang(my) {
  font-size: 0.18rem !important;
  line-height: 1.7;
}
._user-action-box_10ol7_82 button .ui-button__content:lang(mr) {
  font-size: 0.22rem;
}
._user-action-box_10ol7_82 ._user-action-popover_10ol7_112 {
  font-size: 0.16rem;
  width: fit-content;
  padding: 0 0.1rem;
  background-color: transparent;
  color: inherit;
  border: none;
}
._user-action-box_10ol7_82 ._user-action-popover_10ol7_112:after {
  display: none;
}
._user-action-box_10ol7_82 .ui-badge__wrapper {
  position: initial;
}
._user-action-box_10ol7_82 .ui-badge {
  max-width: 1rem;
  transform: translate(0.1rem, -0.18rem);
}
[dir="rtl"] ._user-action-box_10ol7_82 .ui-badge {
  transform: translate(-0.1rem, -0.18rem);
}
[dir="rtl"] ._user-action-box_10ol7_82 .ui-badge {
  transform: translateY(-0.2rem);
}
._header_f5zus_82 {
  height: 0.9rem;
  padding-right: 0.2rem;
  background-color: var(--skin__bs_topnav_bg);
  border-bottom: 0.01rem solid var(--skin__border);
}
[dir="rtl"] ._header_f5zus_82 {
  padding-right: 0;
  padding-left: 0.2rem;
}
._header_f5zus_82 ._icon-wrap_f5zus_88 {
  padding: 0 0.15rem 0 0.2rem;
  height: 100%;
  display: flex;
  align-items: center;
}
[dir="rtl"] ._header_f5zus_82 ._icon-wrap_f5zus_88 {
  padding: 0 0.2rem 0 0.15rem;
}
._header_f5zus_82 ._icon-wrap_f5zus_88 ._arrow-icon_f5zus_94 {
  font-size: 0.36rem;
  transition: all 0.3s;
  color: var(--skin__alt_border);
}
._header_f5zus_82 ._icon-wrap_f5zus_88 ._arrow-icon-active_f5zus_99 {
  transform: rotate(180deg);
}
[dir="rtl"] ._header_f5zus_82 ._icon-wrap_f5zus_88 ._arrow-icon-active_f5zus_99 {
  transform: rotate(-180deg);
}
._header_f5zus_82 ._assemblyLogo_f5zus_102 {
  --assembly-logo-area-height: 0.7rem;
  --assembly-logo-area-width: 2.63rem;
  justify-content: flex-start;
}
._header_f5zus_82 ._clubLogo_f5zus_107 {
  --assembly-logo-area-height: 0.7rem;
  --img-text-logo-width: 2.63rem;
  --img-text-logo-img-width: 0.7rem;
  --img-text-logo-img-height: 0.7rem;
  --img-text-logo-img-content-margin: 0;
}
._header_f5zus_82 .lobby-aside-toggle-button {
  --aside-toggle-button-padding: 0 0.15rem 0 0.25rem;
}
._header_f5zus_82 .currency-info-box {
  --currency-info-currency-count-size: 0.24rem;
  --currency-info-refresh-icon-size: 0.3rem;
  --currency-info-refresh-icon-margin: 0 0.16rem 0 0.08rem;
  --currency-info-currency-count-max-width: 1.61rem;
  --currency-info-popover-icon-color: var(--skin__alt_neutral_2);
}
._header_f5zus_82 ._rechargeImg_f5zus_124 {
  display: flex;
  margin-left: 0.2rem;
  width: 0.5rem;
  padding-top: 0.04rem;
}
[dir="rtl"] ._header_f5zus_82 ._rechargeImg_f5zus_124 {
  margin-left: 0;
  margin-right: 0.2rem;
}
._header_f5zus_82 ._rechargeBadge_f5zus_130 {
  position: absolute;
  width: 0.56rem;
  max-width: 0.56rem;
  top: 0;
  right: 0;
}
[dir="rtl"] ._header_f5zus_82 ._rechargeBadge_f5zus_130 {
  right: auto;
  left: 0;
}
._header-no-bottom-border_f5zus_138 {
  border-bottom: 0 none;
}
[dir="rtl"] ._header_f5zus_82 ._icon-wrap_f5zus_88 ._arrow-icon_f5zus_94 {
  transform: rotate(180deg);
}
[dir="rtl"] [dir="rtl"] ._header_f5zus_82 ._icon-wrap_f5zus_88 ._arrow-icon_f5zus_94 {
  transform: rotate(-180deg);
}
[dir="rtl"] ._header_f5zus_82 ._icon-wrap_f5zus_88 ._arrow-icon-active_f5zus_99 {
  transform: rotate(0);
}
[dir="rtl"] ._header_f5zus_82 .currency-info-box {
  --currency-info-currency-count-margin: 0 0.08rem 0 0;
  --currency-info-box-padding: 0 0.02rem 0 0;
}
html[data-club="1"][data-skin-layout="62"]
  ._header_f5zus_82
  ._icon-wrap_f5zus_88
  ._arrow-icon_f5zus_94 {
  color: var(--skin__neutral_1);
}
._header_1x96c_82 {
  color: var(--skin__lead);
  padding: 0 0.2rem 0 0.1rem;
  border-bottom: var(--lobby__px) solid var(--skin__border);
}
[dir="rtl"] ._header_1x96c_82 {
  padding: 0 0.1rem 0 0.2rem;
}
._header_1x96c_82 ._assemblyLogo_1x96c_87 {
  --assembly-logo-area-height: 0.76rem;
  --assembly-logo-area-width: 4.15rem;
  justify-content: flex-start;
}
._header_1x96c_82 ._clubLogo_1x96c_92 {
  --img-text-logo-width: 3.875rem;
  --img-text-logo-img-width: 0.76rem;
  --img-text-logo-img-height: 0.76rem;
  --img-text-logo-img-margin-right: 0.115rem;
}
._header_1x96c_82 ._right_1x96c_98 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 0.22rem;
  height: 100%;
  color: var(--skin__neutral_1);
  cursor: pointer;
}
._header_1x96c_82 ._right_1x96c_98 img {
  width: 0.54rem;
}
._header-wrap_1x96c_112 {
  position: relative;
}
._header_1x96c_82 {
  height: 0.9rem;
  padding-right: 0.2rem;
  background-color: var(--skin__bs_topnav_bg);
  border-bottom: 0.01rem solid var(--skin__border);
}
[dir="rtl"] ._header_1x96c_82 {
  padding-right: 0;
  padding-left: 0.2rem;
}
._header_1x96c_82 ._icon-wrap_1x96c_122 {
  padding: 0 0.15rem 0 0.2rem;
  height: 100%;
  display: flex;
  align-items: center;
}
[dir="rtl"] ._header_1x96c_82 ._icon-wrap_1x96c_122 {
  padding: 0 0.2rem 0 0.15rem;
}
._header_1x96c_82 ._icon-wrap_1x96c_122 ._arrow-icon_1x96c_128 {
  font-size: 0.36rem;
  transition: all 0.3s;
  color: var(--skin__alt_border);
}
._header_1x96c_82 ._icon-wrap_1x96c_122 ._arrow-icon-active_1x96c_133 {
  transform: rotate(180deg);
}
[dir="rtl"] ._header_1x96c_82 ._icon-wrap_1x96c_122 ._arrow-icon-active_1x96c_133 {
  transform: rotate(-180deg);
}
._header_1x96c_82 ._assemblyLogo_1x96c_87 {
  --assembly-logo-area-height: 0.7rem;
  --assembly-logo-area-width: 2.63rem;
  justify-content: flex-start;
}
._header_1x96c_82 ._clubLogo_1x96c_92 {
  --assembly-logo-area-height: 0.7rem;
  --img-text-logo-width: 2.63rem;
  --img-text-logo-img-width: 0.7rem;
  --img-text-logo-img-height: 0.7rem;
  --img-text-logo-img-content-margin: 0;
}
._header_1x96c_82 .lobby-aside-toggle-button {
  --aside-toggle-button-padding: 0 0.15rem 0 0.25rem;
}
._header_1x96c_82 .currency-info-box {
  --currency-info-currency-count-size: 0.24rem;
  --currency-info-refresh-icon-size: 0.3rem;
  --currency-info-refresh-icon-margin: 0 0.16rem 0 0.08rem;
  --currency-info-currency-count-max-width: 1.61rem;
  --currency-info-popover-icon-color: var(--skin__alt_neutral_2);
}
._header_1x96c_82 ._rechargeImg_1x96c_158 {
  display: flex;
  margin-left: 0.2rem;
  width: 0.5rem;
  padding-top: 0.04rem;
}
[dir="rtl"] ._header_1x96c_82 ._rechargeImg_1x96c_158 {
  margin-left: 0;
  margin-right: 0.2rem;
}
._header_1x96c_82 ._rechargeBadge_1x96c_164 {
  position: absolute;
  width: 0.56rem;
  max-width: 0.56rem;
  top: 0;
  right: 0;
}
[dir="rtl"] ._header_1x96c_82 ._rechargeBadge_1x96c_164 {
  right: auto;
  left: 0;
}
._header-no-bottom-border_1x96c_172 {
  border-bottom: 0 none;
}
[dir="rtl"] ._header_1x96c_82 ._icon-wrap_1x96c_122 ._arrow-icon_1x96c_128 {
  transform: rotate(180deg);
}
[dir="rtl"] [dir="rtl"] ._header_1x96c_82 ._icon-wrap_1x96c_122 ._arrow-icon_1x96c_128 {
  transform: rotate(-180deg);
}
[dir="rtl"] ._header_1x96c_82 ._icon-wrap_1x96c_122 ._arrow-icon-active_1x96c_133 {
  transform: rotate(0);
}
[dir="rtl"] ._header_1x96c_82 .currency-info-box {
  --currency-info-currency-count-margin: 0 0.08rem 0 0;
  --currency-info-box-padding: 0 0.02rem 0 0;
}
html[data-club="1"][data-skin-layout="62"]
  ._header_1x96c_82
  ._icon-wrap_1x96c_122
  ._arrow-icon_1x96c_128 {
  color: var(--skin__neutral_1);
}
._main_m3n06_82.lobby-fixed-view {
  width: 100vw;
  height: var(--lobby__screen-height);
  position: fixed;
  left: 0;
  top: 0;
  overflow: hidden;
  pointer-events: none;
}
[dir="rtl"] ._main_m3n06_82.lobby-fixed-view {
  left: auto;
  right: 0;
}
._main_m3n06_82.lobby-fixed-view > * {
  pointer-events: auto;
}
._base-layout_1hrli_82 {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}
._base-layout_1hrli_82 > header {
  flex-shrink: 0;
  width: 100%;
  z-index: 10;
  position: relative;
}
._base-layout_1hrli_82 > footer {
  flex-shrink: 0;
  width: 100%;
  z-index: 10;
  transition: transform 0.3s;
}
._base-layout_1hrli_82 > ._section-content_1hrli_100 {
  width: 100%;
  flex: 1;
  max-height: 100%;
  position: relative;
  z-index: 1;
}
._home-layout_rgj1t_82 {
  background-color: var(--skin__home_bg);
}
._home-layout_rgj1t_82 ._main_rgj1t_85 > div {
  margin-top: 0.2rem;
}
._home-layout_rgj1t_82 ._main_rgj1t_85 > div:first-of-type[data-big="1"] {
  margin-top: 0;
}
html[data-ui-contain="1"] ._home-layout_rgj1t_82 .lobby-scroll--y::-webkit-scrollbar {
  width: 0;
}
:has([data-jackpot-common-space="1"])
  ._home-layout_rgj1t_82
  ._main_rgj1t_85
  :is(section, div):not(.jackpot-content)
  + :is(.jackpot-content, .jackpot-global),
:has([data-jackpot-common-space="1"])
  ._home-layout_rgj1t_82
  ._main_rgj1t_85
  :is(.jackpot-content, .jackpot-global)
  + :is(section, div):not(.jackpot-content) {
  margin-top: 0.1rem;
}
:has([data-jackpot-common-space="1"])
  ._home-layout_rgj1t_82
  ._main_rgj1t_85
  :is(section, div):not(.jackpot-content):has(+ :is(.jackpot-content, .jackpot-global)),
:has([data-jackpot-common-space="1"])
  ._home-layout_rgj1t_82
  ._main_rgj1t_85
  :is(.jackpot-content, .jackpot-global):has(+ :is(section, div):not(.jackpot-content)) {
  margin-bottom: 0;
}
:has([data-jackpot-common-space="1"])
  ._home-layout_rgj1t_82
  ._main_rgj1t_85
  :is(.jackpot-content, .jackpot-global)
  + .marketing-box
  .marketing-box-item:first-child {
  margin-top: 0;
}
:has([data-jackpot-common-space="1"])
  ._home-layout_rgj1t_82
  ._main_rgj1t_85
  .marketing-box:has(+ :is(.jackpot-content, .jackpot-global))
  .marketing-box-item:last-child {
  margin-bottom: 0;
}
:has([data-jackpot-common-space="1"])
  ._home-layout_rgj1t_82
  ._main_rgj1t_85
  section[class*="banner-container"]:has(+ :is(.jackpot-content, .jackpot-global))
  div[class*="banner-box-"] {
  margin-bottom: 0;
}
:has([data-jackpot-common-space="1"])
  ._home-layout_rgj1t_82
  ._main_rgj1t_85
  :is(.jackpot-content, .jackpot-global)
  + section[class*="banner-container"]
  div[class*="banner-box-"] {
  margin-top: 0;
}
:has([data-jackpot-common-space="1"])
  ._home-layout_rgj1t_82
  ._main_rgj1t_85
  .global-home-live-stream:has(+ :is(.jackpot-content, .jackpot-global)) {
  --home-live-stream-margin: 0.2rem auto 0;
}
._skeleton-wrapper_yfzeo_82 {
  width: 7.1rem;
  margin: 0 auto;
}
._home-live-stream_yfzeo_87 {
  position: relative;
  width: 7.1rem;
  margin: var(--home-live-stream-margin, 0.2rem auto);
  overflow: hidden;
  border-radius: 0.16rem;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  isolation: isolate;
}
._home-live-stream_yfzeo_87 video {
  object-fit: cover !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 0.16rem !important;
}
._home-live-stream_yfzeo_87 .live-player,
._home-live-stream_yfzeo_87 .live-player *:not(video),
._home-live-stream_yfzeo_87 .dplayer,
._home-live-stream_yfzeo_87 .dplayer *:not(video) {
  background: transparent !important;
  background-color: transparent !important;
  border-radius: 0 !important;
}
._home-live-stream_yfzeo_87 .live-player,
._home-live-stream_yfzeo_87 .live-player__container,
._home-live-stream_yfzeo_87 .dplayer,
._home-live-stream_yfzeo_87 .dplayer-video-wrap {
  width: 100% !important;
  height: 100% !important;
  overflow: visible !important;
}
._home-live-stream_yfzeo_87 .dplayer-video-wrap {
  border-radius: 0.16rem !important;
  transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
._home-live-stream_yfzeo_87 .dplayer-bezel,
._home-live-stream_yfzeo_87 .dplayer-play-icon,
._home-live-stream_yfzeo_87 .dplayer-mobile-play,
._home-live-stream_yfzeo_87 .dplayer-controller,
._home-live-stream_yfzeo_87 .dplayer-controller-mask,
._home-live-stream_yfzeo_87 .dplayer-info-panel,
._home-live-stream_yfzeo_87 .dplayer-mask,
._home-live-stream_yfzeo_87 .live-player__controls,
._home-live-stream_yfzeo_87 .live-player__loading,
._home-live-stream_yfzeo_87 .live-player__fallback {
  display: none !important;
}
._home-live-stream_yfzeo_87:fullscreen video,
._home-live-stream_yfzeo_87:-webkit-full-screen video {
  object-fit: contain !important;
}
._home-live-stream_yfzeo_87._fullscreen-active_yfzeo_141 video {
  object-fit: contain !important;
  border-radius: 0 !important;
}
._home-live-stream_yfzeo_87._fullscreen-active_yfzeo_141 .dplayer-video-wrap {
  border-radius: 0 !important;
}
._home-live-stream_yfzeo_87._fullscreen-active_yfzeo_141 ._player-fallback_yfzeo_148 {
  border-radius: 0;
}
._style1_yfzeo_152 {
  height: 3.04rem;
}
._style2_yfzeo_156 {
  height: 4rem;
}
._style3_yfzeo_160 {
  height: 1.8rem;
}
._cover-img_yfzeo_164 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 40;
  pointer-events: none;
  overflow: hidden;
  transition: opacity 0.3s ease;
}
[dir="rtl"] ._cover-img_yfzeo_164 {
  left: auto;
  right: 0;
}
._cover-img-hidden_yfzeo_175 {
  opacity: 0;
}
._cover-img-inner_yfzeo_178 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
._controls-overlay_yfzeo_184 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 50;
  pointer-events: none;
  opacity: 1;
  transition: opacity 0.3s ease;
}
._controls-overlay_yfzeo_184._hidden_yfzeo_195 {
  opacity: 0;
  pointer-events: none;
}
._controls-mask_yfzeo_200 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.1);
  pointer-events: none;
}
._pause-mask_yfzeo_211 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.5);
  pointer-events: none;
}
._btn-bg_yfzeo_222 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 0;
}
._btn-icon_yfzeo_233 {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
._play-btn_yfzeo_241 {
  position: absolute;
  z-index: 1;
  pointer-events: auto;
  cursor: pointer;
  width: 0.48rem;
  height: 0.48rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.96rem;
  height: 0.96rem;
}
[dir="rtl"] ._play-btn_yfzeo_241 {
  left: auto;
  right: 50%;
  transform: translate(50%, -50%);
}
._play-btn_yfzeo_241 ._btn-bg_yfzeo_222 {
  top: 0.01rem;
  right: 0.01rem;
  bottom: 0.01rem;
  left: 0.01rem;
  background-color: rgba(0, 0, 0, 0.5);
  border: thin solid #fff;
}
._play-btn_yfzeo_241 ._btn-icon_yfzeo_233 {
  width: 0.48rem;
  height: 0.48rem;
  font-size: 0.48rem;
}
._play-btn_yfzeo_241 ._btn-icon-play_yfzeo_273 {
  padding-left: 0.04rem;
}
[dir="rtl"] ._play-btn_yfzeo_241 ._btn-icon-play_yfzeo_273 {
  padding-left: 0;
  padding-right: 0.04rem;
}
._fullscreen-btn_yfzeo_277 {
  position: absolute;
  z-index: 1;
  pointer-events: auto;
  cursor: pointer;
  width: 0.48rem;
  height: 0.48rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  bottom: 0.16rem;
  right: 0.16rem;
}
[dir="rtl"] ._fullscreen-btn_yfzeo_277 {
  right: auto;
  left: 0.16rem;
}
._fullscreen-btn_yfzeo_277 ._btn-icon_yfzeo_233 {
  width: 0.28rem;
  height: 0.28rem;
  font-size: 0.28rem;
}
._volume-btn_yfzeo_299 {
  position: absolute;
  z-index: 1;
  pointer-events: auto;
  cursor: pointer;
  width: 0.48rem;
  height: 0.48rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  bottom: 0.16rem;
  right: 0.84rem;
}
[dir="rtl"] ._volume-btn_yfzeo_299 {
  right: auto;
  left: 0.84rem;
}
._volume-btn_yfzeo_299 ._btn-icon_yfzeo_233 {
  width: 0.28rem;
  height: 0.28rem;
  font-size: 0.28rem;
}
._close-btn_yfzeo_321 {
  position: absolute;
  z-index: 1;
  pointer-events: auto;
  cursor: pointer;
  width: 0.48rem;
  height: 0.48rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  top: 0.16rem;
  right: 0.16rem;
}
[dir="rtl"] ._close-btn_yfzeo_321 {
  right: auto;
  left: 0.16rem;
}
._menu-btn_yfzeo_338 {
  position: absolute;
  z-index: 1;
  pointer-events: auto;
  cursor: pointer;
  width: 0.48rem;
  height: 0.48rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  top: 0.16rem;
  left: 0.16rem;
}
[dir="rtl"] ._menu-btn_yfzeo_338 {
  left: auto;
  right: 0.16rem;
}
._menu-panel-mask_yfzeo_355 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 60;
  pointer-events: auto;
}
._menu-panel_yfzeo_355 {
  position: absolute;
  top: 0.4rem;
  right: 0.4rem;
  bottom: 0.4rem;
  left: 0.4rem;
  z-index: 60;
  background-color: rgba(0, 0, 0, 0.85);
  display: flex;
  flex-direction: column;
  pointer-events: auto;
  border-radius: 0.08rem;
}
._menu-header_yfzeo_379 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0.12rem 0.16rem;
  flex-shrink: 0;
}
._menu-close-btn_yfzeo_387 {
  cursor: pointer;
  width: 0.28rem;
  height: 0.28rem;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
._menu-list_yfzeo_395 {
  flex: 1;
  overflow-y: auto;
  padding: 0 0.16rem 0.12rem;
  -webkit-overflow-scrolling: touch;
}
._menu-item_yfzeo_402 {
  display: flex;
  align-items: center;
  gap: 0.12rem;
  padding: 0.1rem 0.12rem;
  border-radius: 0.08rem;
  cursor: pointer;
  color: #fff;
  font-size: 0.14rem;
  transition: background-color 0.2s ease;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
._menu-item_yfzeo_402:active {
  background-color: rgba(255, 255, 255, 0.15);
}
._menu-item_yfzeo_402._active_yfzeo_418 {
  background-color: rgba(255, 255, 255, 0.2);
}
._menu-item-thumbnail_yfzeo_422 {
  width: 0.6rem;
  height: 0.34rem;
  border-radius: 0.04rem;
  object-fit: cover;
  flex-shrink: 0;
  background-color: rgba(255, 255, 255, 0.1);
}
._menu-item-info_yfzeo_431 {
  flex: 1;
  min-width: 0;
}
._menu-item-label_yfzeo_436 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._menu-item-description_yfzeo_442 {
  font-size: 0.12rem;
  color: rgba(255, 255, 255, 0.6);
  margin-top: 0.02rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._menu-empty_yfzeo_451 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.14rem;
}
.dplayer:fullscreen video,
.dplayer:-webkit-full-screen video {
  object-fit: contain !important;
}
.dplayer:fullscreen .dplayer-bezel,
.dplayer:fullscreen .dplayer-play-icon,
.dplayer:fullscreen .dplayer-mobile-play,
.dplayer:fullscreen .dplayer-controller,
.dplayer:fullscreen .dplayer-controller-mask,
.dplayer:fullscreen .dplayer-info-panel,
.dplayer:fullscreen .dplayer-mask,
.dplayer:-webkit-full-screen .dplayer-bezel,
.dplayer:-webkit-full-screen .dplayer-play-icon,
.dplayer:-webkit-full-screen .dplayer-mobile-play,
.dplayer:-webkit-full-screen .dplayer-controller,
.dplayer:-webkit-full-screen .dplayer-controller-mask,
.dplayer:-webkit-full-screen .dplayer-info-panel,
.dplayer:-webkit-full-screen .dplayer-mask {
  display: none !important;
}
@media (orientation: landscape) {
  ._home-live-stream_yfzeo_87._fullscreen-active_yfzeo_141 ._play-btn_yfzeo_241 {
    width: 1.92rem;
    height: 1.92rem;
  }
  ._home-live-stream_yfzeo_87._fullscreen-active_yfzeo_141
    ._play-btn_yfzeo_241
    ._btn-icon_yfzeo_233 {
    width: 0.96rem;
    height: 0.96rem;
    font-size: 0.96rem;
  }
  ._home-live-stream_yfzeo_87._fullscreen-active_yfzeo_141
    ._play-btn_yfzeo_241
    ._btn-icon-play_yfzeo_273 {
    padding-left: 0.08rem;
  }
  [dir="rtl"]
    ._home-live-stream_yfzeo_87._fullscreen-active_yfzeo_141
    ._play-btn_yfzeo_241
    ._btn-icon-play_yfzeo_273 {
    padding-left: 0;
    padding-right: 0.08rem;
  }
  ._home-live-stream_yfzeo_87._fullscreen-active_yfzeo_141 ._fullscreen-btn_yfzeo_277 {
    width: 0.96rem;
    height: 0.96rem;
    bottom: 0.32rem;
    right: 0.32rem;
  }
  [dir="rtl"] ._home-live-stream_yfzeo_87._fullscreen-active_yfzeo_141 ._fullscreen-btn_yfzeo_277 {
    right: auto;
    left: 0.32rem;
  }
  ._home-live-stream_yfzeo_87._fullscreen-active_yfzeo_141
    ._fullscreen-btn_yfzeo_277
    ._btn-icon_yfzeo_233 {
    width: 0.56rem;
    height: 0.56rem;
    font-size: 0.56rem;
  }
  ._home-live-stream_yfzeo_87._fullscreen-active_yfzeo_141 ._volume-btn_yfzeo_299 {
    width: 0.96rem;
    height: 0.96rem;
    bottom: 0.32rem;
    right: 1.68rem;
  }
  [dir="rtl"] ._home-live-stream_yfzeo_87._fullscreen-active_yfzeo_141 ._volume-btn_yfzeo_299 {
    right: auto;
    left: 1.68rem;
  }
  ._home-live-stream_yfzeo_87._fullscreen-active_yfzeo_141
    ._volume-btn_yfzeo_299
    ._btn-icon_yfzeo_233 {
    width: 0.56rem;
    height: 0.56rem;
    font-size: 0.56rem;
  }
  ._home-live-stream_yfzeo_87._fullscreen-active_yfzeo_141 ._close-btn_yfzeo_321 {
    width: 0.96rem;
    height: 0.96rem;
    top: 0.32rem;
    right: 0.32rem;
  }
  [dir="rtl"] ._home-live-stream_yfzeo_87._fullscreen-active_yfzeo_141 ._close-btn_yfzeo_321 {
    right: auto;
    left: 0.32rem;
  }
  ._home-live-stream_yfzeo_87._fullscreen-active_yfzeo_141 ._menu-btn_yfzeo_338 {
    width: 0.96rem;
    height: 0.96rem;
    top: 0.32rem;
    left: 0.32rem;
  }
  [dir="rtl"] ._home-live-stream_yfzeo_87._fullscreen-active_yfzeo_141 ._menu-btn_yfzeo_338 {
    left: auto;
    right: 0.32rem;
  }
  ._home-live-stream_yfzeo_87._fullscreen-active_yfzeo_141 ._menu-panel_yfzeo_355 {
    top: 0.8rem;
    right: 0.8rem;
    bottom: 0.8rem;
    left: 0.8rem;
  }
  ._home-live-stream_yfzeo_87._fullscreen-active_yfzeo_141 ._menu-close-btn_yfzeo_387 {
    width: 0.56rem;
    height: 0.56rem;
  }
}
._player-fallback_yfzeo_148 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 45;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.85);
  border-radius: 0.16rem;
  pointer-events: none;
}
._retry_gma8t_82 {
  margin-left: 0.3rem;
}
[dir="rtl"] ._retry_gma8t_82 {
  margin-left: 0;
  margin-right: 0.3rem;
}
._marquee_gma8t_86 {
  --marquee-swiper-container-content-font-size: 0.24rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.24rem 0 0.25rem;
  font-size: 0.24rem;
  box-shadow: 0 0.03rem 0.09rem rgba(0, 0, 0, 0);
  height: 0.5rem;
}
[dir="rtl"] ._marquee_gma8t_86 {
  padding: 0 0.25rem 0 0.24rem;
}
._marquee_gma8t_86 a,
._marquee_gma8t_86 a:visited {
  color: var(--skin__primary);
}
._marquee_gma8t_86 ._retry_gma8t_82 {
  display: flex;
  align-items: center;
  width: 100%;
}
._marquee_gma8t_86 ._left-icon_gma8t_104 {
  width: 0.36rem;
  margin-right: 0.1rem;
  flex-shrink: 0;
}
[dir="rtl"] ._marquee_gma8t_86 ._left-icon_gma8t_104 {
  margin-right: 0;
  margin-left: 0.1rem;
}
._marquee_gma8t_86 ._swiper-container_gma8t_109 {
  display: inline-block;
  white-space: nowrap;
  height: 0.35rem;
  max-width: 100%;
  flex: 1;
}
._marquee_gma8t_86 ._swiper-container_gma8t_109 ._content_gma8t_116 {
  line-height: 0.35rem;
  padding-right: 0.1rem;
  cursor: pointer;
  min-width: 100%;
}
[dir="rtl"] ._marquee_gma8t_86 ._swiper-container_gma8t_109 ._content_gma8t_116 {
  padding-right: 0;
  padding-left: 0.1rem;
}
._marquee_gma8t_86 ._swiper-container_gma8t_109 ._content_gma8t_116 br {
  display: contents;
}
._marquee_gma8t_86 ._swiper-container_gma8t_109 ._content_gma8t_116 p {
  display: inline-block;
  margin-right: 0.1rem;
}
[dir="rtl"] ._marquee_gma8t_86 ._swiper-container_gma8t_109 ._content_gma8t_116 p {
  margin-right: 0;
  margin-left: 0.1rem;
}
._marquee_gma8t_86 ._swiper-container_gma8t_109 ._content_gma8t_116 div,
._marquee_gma8t_86 ._swiper-container_gma8t_109 ._content_gma8t_116 p,
._marquee_gma8t_86 ._swiper-container_gma8t_109 ._content_gma8t_116 strong,
._marquee_gma8t_86 ._swiper-container_gma8t_109 ._content_gma8t_116 span {
  font-size: var(--marquee-swiper-container-content-font-size) !important;
}
._marquee_gma8t_86 ._swiper-container_gma8t_109 ._content_gma8t_116 img {
  width: auto !important;
  height: var(--marquee-swiper-container-content-font-size) !important;
}
._marquee_gma8t_86 ._right_gma8t_139 {
  width: 0.6rem;
  flex-shrink: 0;
  cursor: pointer;
}
._marquee_gma8t_86 ._right_gma8t_139 ._message-icon_gma8t_144 {
  width: 0.58rem;
}
[dir="rtl"] ._marquee_gma8t_86 ._left-icon_gma8t_104 {
  transform: scaleX(-1);
}
._marquee_gma8t_86 {
  border-radius: 0.5rem;
  margin: 0 0.2rem;
  padding: 0 0 0 0.1rem;
  height: 0.5rem;
}
[dir="rtl"] ._marquee_gma8t_86 {
  padding: 0 0.1rem 0 0;
}
._marquee_gma8t_86 ._left-icon_gma8t_104 {
  margin-right: 0.14rem;
}
[dir="rtl"] ._marquee_gma8t_86 ._left-icon_gma8t_104 {
  margin-right: 0;
  margin-left: 0.14rem;
}
._marquee_gma8t_86 ._right_gma8t_139 {
  margin-left: 0.14rem;
}
[dir="rtl"] ._marquee_gma8t_86 ._right_gma8t_139 {
  margin-left: 0;
  margin-right: 0.14rem;
}
._marquee_gma8t_86 ._right_gma8t_139 ._message-icon_gma8t_144 {
  width: 0.52rem;
}
._bindNoWallet_6qbmn_82[aria-expanded="false"] {
  background-color: transparent;
  --no-wallet-top-border-color: transparent;
}
html[data-skin-bg="0"] ._bindNoWallet_6qbmn_82 {
  margin-top: -0.01rem !important;
}
html[data-skin-bg="0"] ._bindNoWallet_6qbmn_82[aria-expanded="false"] {
  --no-wallet-background-color: transparent !important;
}
html[data-skin-bg="0"] ._bindNoWallet_6qbmn_82 {
  --no-wallet-background-color: var(--skin__bs_topnav_bg) !important;
  --no-wallet-button-common-bg-color: var(--skin__alt_primary);
  --no-wallet-button-common-font-color: var(--skin__alt_text_primary);
  --no-wallet-label-font-color: var(--skin__alt_neutral_2);
  --no-wallet-retry-color: var(--skin__alt_primary);
  --no-wallet-logo-color: #ffffff;
  --no-wallet-arrowIcon-isCollapse-color: var(--skin__neutral_2);
  --no-wallet-arrowIcon-opacity: 0.6;
  --no-wallet-arrowIcon-collapse-opacity: 1;
  --no-wallet-logo2-color: #1678ff;
  --no-wallet-content-font-color: #ffffff;
  --no-wallet-box-border-top-width: calc(100% - 0.4rem);
}
html[data-skin-bg="1"] ._bindNoWallet_6qbmn_82 {
  margin-top: 0 !important;
}
html[data-skin-bg="1"] ._bindNoWallet_6qbmn_82 {
  --no-wallet-background-color: var(--skin__bs_topnav_bg);
  --no-wallet-button-common-bg-color: var(--skin__alt_primary);
  --no-wallet-button-common-font-color: var(--skin__alt_text_primary);
  --no-wallet-label-font-color: var(--skin__alt_neutral_2);
  --no-wallet-retry-color: var(--skin__alt_primary);
  --no-wallet-logo-color: #ffffff;
  --no-wallet-arrowIcon-isCollapse-color: var(--skin__neutral_2);
  --no-wallet-arrowIcon-color-open: #ffffff;
  --no-wallet-arrowIcon-opacity: 0.6;
  --no-wallet-arrowIcon-collapse-opacity: 0.6;
  --no-wallet-logo2-isCollapse-color: #ffffff;
  --no-wallet-logo2-opacity: 0.8;
  --no-wallet-box-border-top-width: calc(100% - 0.4rem);
  --no-wallet-bottom-border-height: 0.01rem;
}
[dir="rtl"] ._bindNoWallet_6qbmn_82 {
  padding-left: 0.2rem;
}
[dir="rtl"] [dir="rtl"] ._bindNoWallet_6qbmn_82 {
  padding-left: 0;
  padding-right: 0.2rem;
}
._third-bottom-marketing_6qbmn_141 .marketing-box-item:first-child,
._foot-top-marketing_6qbmn_145 .marketing-box-item:first-child {
  margin-top: 0;
}
._recharge-fund_klky6_82 {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0.2rem;
}
:has([data-show-tabbar="1"]) ._recharge-fund_klky6_82 {
  padding-bottom: calc(var(--tabbar-bulge-height) + var(--tabbar-delta-height) + 0.2rem);
}
:has([data-show-tabbar="1"][data-show-big-icon="1"]) ._recharge-fund_klky6_82 {
  padding-bottom: calc(var(--babbar-big-icon-offset-top) + 0.2rem);
}
._recharge-fund_klky6_82 .recharge-fund-tabs {
  flex: 1;
  overflow: hidden;
  background-color: var(--skin__bg_2);
  border-radius: 0.14rem;
  box-shadow: 0 0.03rem 0.07rem 0 var(--skin__web_left_bg_shadow);
}
._recharge-fund_klky6_82 .recharge-fund-tabs .ui-tabs__wrap {
  height: 0.8rem;
  padding: 0 0.1rem;
  border-bottom: var(--lobby__px) solid var(--skin__border);
}
._recharge-fund_klky6_82 .recharge-fund-tabs .ui-tabs__wrap .ui-tabs__nav {
  gap: 0.4rem;
}
._recharge-fund_klky6_82 .recharge-fund-tabs .ui-tabs__wrap .ui-tab {
  flex: none;
  font-size: 0.26rem;
  color: var(--skin__lead);
}
._recharge-fund_klky6_82 .recharge-fund-tabs .ui-tabs__wrap .ui-tab--active {
  color: var(--skin__primary);
}
._recharge-fund_klky6_82 .recharge-fund-tabs .ui-tabs__content {
  height: calc(100% - 0.8rem);
}
._recharge-fund_klky6_82 .recharge-fund-tabs .ui-tab__panel {
  height: 100%;
}
._animateDialog_klky6_124 .ui-dialog__main {
  background-color: transparent;
  border: none !important;
}
html[data-gap-supported="0"]
  ._recharge-fund_klky6_82
  .recharge-fund-tabs
  .ui-tabs__wrap
  .ui-tabs__nav
  > *
  + * {
  margin-left: 0.4rem;
}
html[dir="rtl"][data-gap-supported="0"]
  ._recharge-fund_klky6_82
  .recharge-fund-tabs
  .ui-tabs__wrap
  .ui-tabs__nav
  > *
  + * {
  margin-left: 0;
  margin-right: 0.4rem;
}
._modal_klky6_133 {
  padding-bottom: 0;
}
.recharge-out .ui-dialog__header {
  color: var(--skin__lead);
}
.recharge-out .ui-dialog__content {
  padding: 0 0.2rem 0.2rem;
}
._base-view_oco7r_82 {
  --subpage-tabbar-height: 0rem;
  --subpage-tabbar-base-height: 0rem;
}
._base-view_oco7r_82 > section {
  position: relative;
  overflow: hidden;
}
._base-view_oco7r_82._hollowing-out_oco7r_90
  > section[class*="section-content"]
  > div[class*="main"] {
  height: 100%;
  padding-bottom: 0;
}
._base-view_oco7r_82[data-full-screen-layout="1"] > section {
  overflow: visible;
}
._base-view_oco7r_82[data-show-tabbar="1"] {
  --subpage-tabbar-height: var(--tabbar-height);
  --subpage-tabbar-base-height: calc(
    var(--tabbar-height) - var(--tabbar-delta-height) - var(--tabbar-bulge-height)
  );
}
._base-view_oco7r_82[data-show-tabbar="1"][data-show-big-icon="1"] {
  --subpage-tabbar-height: calc(var(--tabbar-height) + var(--babbar-big-icon-offset-top));
}
._tabbar_1jxml_86 {
  background-color: var(--skin__web_btmnav_db);
  width: 100%;
  height: 1.24rem;
  box-shadow: 0.02rem 0 0.06rem rgba(0, 0, 0, 0.1);
  z-index: 2;
  position: relative;
  background-position: bottom;
  background-repeat: no-repeat;
  --icon-size: 0.5rem;
  --cutOneImageWidth: 1.24rem;
  --cutOneImageHeight: 1.24rem;
  --expand_tabbar_festival_height: 1.24rem;
}
[dir="rtl"] ._tabbar_1jxml_86 {
  box-shadow: -0.02rem 0 0.06rem rgba(0, 0, 0, 0.1);
}
._tabbar_1jxml_86 ._tabbar-item_1jxml_100 {
  box-sizing: border-box;
}
._tabbar_1jxml_86 ._tabbar-item_1jxml_100 ._itemContent_1jxml_103 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
._tabbar_1jxml_86 ._tabbar-item_1jxml_100 ._itemContent_1jxml_103 .ui-badge {
  max-width: 1.2rem;
}
._tabbar_1jxml_86 ._tabbar-item_1jxml_100 ._itemContent_1jxml_103 .ui-badge--top-right {
  transform: translate(100%, -50%);
  right: 0.1rem;
}
[dir="rtl"] ._tabbar_1jxml_86 ._tabbar-item_1jxml_100 ._itemContent_1jxml_103 .ui-badge--top-right {
  transform: translate(-100%, -50%);
  right: auto;
  left: 0.1rem;
}
._tabbar_1jxml_86 ._tabbar-item_1jxml_100 ._itemContent_1jxml_103 ._dot_1jxml_118 .ui-badge--dot {
  width: 0.2rem;
  height: 0.2rem;
  left: auto;
}
[dir="rtl"]
  ._tabbar_1jxml_86
  ._tabbar-item_1jxml_100
  ._itemContent_1jxml_103
  ._dot_1jxml_118
  .ui-badge--dot {
  left: auto;
  right: auto;
}
._tabbar_1jxml_86 ._tabbar-item_1jxml_100 ._itemContent_1jxml_103 ._last-badge_1jxml_123 .ui-badge {
  max-width: 0.66rem;
  right: 0.19rem;
}
[dir="rtl"]
  ._tabbar_1jxml_86
  ._tabbar-item_1jxml_100
  ._itemContent_1jxml_103
  ._last-badge_1jxml_123
  .ui-badge {
  right: auto;
  left: 0.19rem;
}
._tabbar_1jxml_86
  ._tabbar-item_1jxml_100
  ._itemContent_1jxml_103
  ._last-badge_1jxml_123
  .ui-badge--top-center {
  right: unset;
}
[dir="rtl"]
  ._tabbar_1jxml_86
  ._tabbar-item_1jxml_100
  ._itemContent_1jxml_103
  ._last-badge_1jxml_123
  .ui-badge--top-center {
  right: auto;
  left: unset;
}
._tabbar-bg_1jxml_131 {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
._tabbar-bg_1jxml_131 ._tabbar_1jxml_86 {
  background-color: transparent;
}
._expand-tabar_1jxml_140 {
  position: relative;
}
._expand-tabar_1jxml_140 ._expand-list_1jxml_143 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  align-content: flex-start;
  flex-wrap: wrap;
}
._expand-tabar_1jxml_140 ._tabbar_1jxml_86 {
  position: unset;
}
._expand-tabar_1jxml_140 ._tabbar_1jxml_86 .tabbar-festival-box {
  top: unset;
  bottom: 0;
  height: var(--expand_tabbar_festival_height);
}
._expand-tabar_1jxml_140 ._dot_1jxml_118 .ui-badge--dot {
  width: 0.2rem;
  height: 0.2rem;
  left: auto;
}
[dir="rtl"] ._expand-tabar_1jxml_140 ._dot_1jxml_118 .ui-badge--dot {
  left: auto;
  right: auto;
}
._mode-expand_1jxml_164 ._expand-wrapper_1jxml_164 {
  height: 0;
  transition: height 0.3s;
}
._mode-popover_1jxml_169 ._expand-wrapper_1jxml_164 {
  display: none;
  position: fixed;
  left: auto;
  top: 0;
  width: var(--lobby__max-width);
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
[dir="rtl"] ._mode-popover_1jxml_169 ._expand-wrapper_1jxml_164 {
  left: auto;
  right: auto;
}
._mode-popover_1jxml_169 ._expand-wrapper_1jxml_164._expand-open_1jxml_178 {
  display: block;
}
._mode-popover_1jxml_169 ._expand-list_1jxml_143 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  transform: translate(-50%);
  left: 50%;
  bottom: 0;
}
[dir="rtl"] ._mode-popover_1jxml_169 ._expand-list_1jxml_143 {
  transform: translate(50%);
  left: auto;
  right: 50%;
}
body[class="safe-area-inset-bottom"] ._mode-popover_1jxml_169 ._expand-list_1jxml_143 {
  margin-bottom: var(--skin__safe-area-inset-bottom);
}
._item_1jxml_103 {
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: center;
  justify-content: flex-end;
  text-align: center;
  padding: 0 0.05rem;
}
._item_1jxml_103:nth-last-child(1) ._ui-badge__content_1jxml_207 {
  max-width: 0.52rem;
}
._item_1jxml_103 ._specialBox_1jxml_210 {
  width: 1rem;
  height: var(--icon-size);
}
._item_1jxml_103 ._specialImg_1jxml_214 {
  width: 1rem;
  height: 1rem;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: -0.08rem;
  z-index: 5;
}
[dir="rtl"] ._item_1jxml_103 ._specialImg_1jxml_214 {
  left: auto;
  right: 50%;
  transform: translate(50%);
}
._item_1jxml_103 ._assembly_1jxml_223 {
  position: relative;
  display: block;
  z-index: 1;
  line-height: 0;
}
._item_1jxml_103 ._assembly_1jxml_223 ._itemOutsideImg_1jxml_229 {
  position: absolute;
  color: var(--skin__btmnav_def);
}
._item_1jxml_103 ._assembly_1jxml_223 ._itemCoreImg_1jxml_233 {
  color: var(--skin__btmnav_active);
}
._item_1jxml_103 .ui-badge__wrapper {
  line-height: 0;
}
._item_1jxml_103 ._itemImg_1jxml_239 {
  width: auto;
  height: var(--icon-size);
  font-size: 0.48rem;
  z-index: 1;
  position: relative;
  display: block;
  line-height: 0;
}
._item_1jxml_103 ._itemActiveImg_1jxml_248 {
  color: var(--skin__btmnav_active);
}
._item_1jxml_103 ._text_1jxml_251 {
  color: var(--skin__btmnav_def);
  font-size: 0.24rem;
  word-break: break-word;
  display: -webkit-box;
  text-overflow: ellipsis;
  vertical-align: middle;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 0.54rem;
  line-height: 1.2;
  overflow: hidden;
  z-index: 2;
}
._item_1jxml_103 ._text_1jxml_251:lang(vi) {
  font-size: 0.2rem;
  line-height: 1.3;
  margin-top: 0.06rem;
}
._item_1jxml_103 ._text_1jxml_251:lang(ne) {
  line-height: 1.5;
}
._item_1jxml_103 ._active_1jxml_274 {
  color: var(--skin__btmnav_active);
}
._item_1jxml_103._cutOne_1jxml_277 {
  align-items: center;
  height: 100%;
  z-index: 4;
}
._item_1jxml_103._cutOne_1jxml_277 .specialBox {
  height: var(--cutOneImageHeight);
  width: var(--cutOneImageWidth);
}
._item_1jxml_103._cutOne_1jxml_277 ._specialImg_1jxml_214 {
  height: 100%;
  width: 100%;
  position: unset;
  transform: unset;
}
._specail-badge_1jxml_293 {
  width: var(--icon-size);
  aspect-ratio: 1/1;
  position: relative;
}
._specail-badge_1jxml_293 ._specialBox_1jxml_210 {
  width: inherit;
  height: inherit;
}
._specail-badge_1jxml_293 ._specialImg_1jxml_214 {
  max-width: max-content;
  top: 50%;
  transform: translate(-50%, -50%);
}
[dir="rtl"] ._specail-badge_1jxml_293 ._specialImg_1jxml_214 {
  transform: translate(50%, -50%);
}
._specail-badge_1jxml_293 .ui-badge {
  z-index: 5;
}
._specail-badge_1jxml_293 .ui-badge__wrapper {
  width: 100%;
  height: 100%;
  position: unset;
}
._big-item_1jxml_316 {
  height: 100%;
}
._big-item_1jxml_316 .ui-badge__wrapper {
  height: var(--icon-size);
  width: var(--icon-size);
  position: relative;
}
._big-item_1jxml_316 .ui-badge {
  margin-top: -0.7rem;
  top: 0;
  bottom: unset;
  left: 50%;
  right: unset !important;
  transform: translateY(-50%) !important;
}
[dir="rtl"] ._big-item_1jxml_316 .ui-badge {
  right: 50%;
  left: unset !important;
}
._big-item_1jxml_316 ._big-icon-badge_1jxml_332 {
  width: 1.2rem;
  height: 1.2rem;
  bottom: 0%;
  left: 50%;
  transform: translate(-50%);
  position: absolute;
}
[dir="rtl"] ._big-item_1jxml_316 ._big-icon-badge_1jxml_332 {
  left: auto;
  right: 50%;
  transform: translate(50%);
}
._big-item_1jxml_316 ._big-item-img_1jxml_340 {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
[dir="rtl"] ._big-item_1jxml_316 ._big-item-img_1jxml_340 {
  left: auto;
  right: 0;
}
html[data-club="1"][data-skin-layout="11"] ._tabbar_1jxml_86 {
  background: var(--skin__bs_topnav_bg);
}
._tabbar_1jxml_86 {
  background-position: center bottom;
  background-size: 100% auto !important;
  height: 1.4rem;
}
._tabbar_1jxml_86 ._tabbar-item_1jxml_100 {
  padding-top: 0.14rem;
  padding-bottom: 0.06rem;
}
._tabbar_1jxml_86 ._itemContent_1jxml_103 ._lucky_1jxml_362 ._specialImg_1jxml_214 {
  top: 40%;
}
._item_1jxml_103 .ui-badge__wrapper {
  height: 0.5rem;
}
._item_1jxml_103._bindBox_1jxml_369 ._specialImg_1jxml_214 {
  top: -0.24rem;
}
._item_1jxml_103 ._text_1jxml_251 {
  margin-top: 0.1rem;
  height: 0.6rem;
  line-height: 0.3rem;
}
._item_1jxml_103 ._text_1jxml_251:lang(hi) {
  line-height: 0.33rem;
}
._item_1jxml_103 ._text_1jxml_251:lang(mr),
._item_1jxml_103 ._text_1jxml_251:lang(pa) {
  line-height: 0.31rem;
}
._item_1jxml_103 ._text_1jxml_251:lang(vi) {
  font-size: 0.24rem;
  line-height: 0.3rem;
  margin-top: 0.1rem;
}
._imgBadge_1a47q_82 {
  width: 0.57rem;
  position: absolute;
  top: -0.14rem;
  left: 50%;
  z-index: 1;
}
[dir="rtl"] ._imgBadge_1a47q_82 {
  left: auto;
  right: 50%;
}
._hideBadge_1a47q_90 .ui-badge {
  display: none;
}
.ui-tabbar {
  z-index: 1;
  display: flex;
  box-sizing: content-box;
  width: 100%;
}
.ui-tabbar--fixed {
  position: fixed;
  bottom: 0;
  left: 0;
}
[dir="rtl"] .ui-tabbar--fixed {
  left: auto;
  right: 0;
}
.ui-safe-area-top {
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top);
}
.ui-safe-area-bottom {
  padding-bottom: var(--skin__safe-area-inset-bottom);
}
.ui-tabbar-item {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: inherit;
  font-size: 0.28rem;
  line-height: 1;
  cursor: pointer;
}
.ui-tabbar-item--active {
  color: var(--skin__primary);
}
._pwa-iframe_o46tk_82 {
  width: 100%;
  height: 100%;
  border: none;
  position: relative;
}