.game-subscribe iframe[data-v-46fce309] {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 101
}

.qoo-tabs__bar__container {
  align-items: center;
  border-bottom: 1px solid #f5f5f5;
  display: flex;
  height: 40px;
  justify-content: space-around;
  position: relative
}

.qoo-tabs__bar__container .active-bar {
  background-color: #00c6e6;
  border-radius: 6px;
  bottom: 0;
  height: 3px;
  left: 0;
  position: absolute;
  transform: translateX(0);
  transition: transform .1s ease;
  visibility: hidden;
  width: 24px;
  will-change: transform
}

.qoo-tabs__bar__container__tab {
  height: 100%;
  line-height: 40px;
  position: relative
}

.qoo-tabs__bar__container__tab .tab-title,
.qoo-tabs__bar__container__tab .tab-title a {
  color: #333
}

.qoo-tabs__bar__container__tab.active:after {
  background-color: #00c6e6;
  bottom: 0;
  content: "";
  display: none;
  height: 3px;
  left: 50%;
  position: absolute;
  transform: translate(-50%);
  width: 24px
}

.qoo-tabs__bar__container__tab.active .qoo-tabs__bar__container__tab_num,
.qoo-tabs__bar__container__tab.active .tab-title {
  color: #00c6e6;
  font-weight: 600
}

.qoo-tabs__bar__container__tab.active .qoo-tabs__bar__container__tab_num a,
.qoo-tabs__bar__container__tab.active .tab-title a {
  color: #00c6e6
}

.qoo-tabs__bar__container__tab.flag:after {
  background-color: #f33 !important;
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 6px;
  left: 100%;
  margin-left: 6px;
  margin-top: -3px;
  position: absolute;
  top: 50%;
  width: 6px
}

.qoo-tabs__bar__container__tab_num {
  color: #333;
  font-size: 10px;
  font-weight: 100;
  margin-left: 1px;
  position: relative;
  top: -2px
}

.qoo-tabs__content {
  display: flex;
  flex-wrap: nowrap;
  transition: transform .3s cubic-bezier(.645, .045, .355, 1);
  width: 100%
}

.qoo-tabs__content__wrap {
  overflow: hidden;
  width: 100%
}

.qoo-tabs__content__panel {
  flex-shrink: 0;
  width: 100%
}

.app-brand.qoo-tabs {
  background-color: rgb(var(--background-color))
}

.app-brand.qoo-tabs .qoo-tabs__bar__container {
  border-color: rgba(var(--text-color), .1)
}

.app-brand.qoo-tabs .qoo-tabs__bar__container__tab,
.app-brand.qoo-tabs .qoo-tabs__bar__container__tab .tab-title,
.app-brand.qoo-tabs .qoo-tabs__bar__container__tab .tab-title a {
  color: rgba(var(--text-color), .4)
}

.app-brand.qoo-tabs .qoo-tabs__bar__container__tab.active,
.app-brand.qoo-tabs .qoo-tabs__bar__container__tab.active .qoo-tabs__bar__container__tab_num,
.app-brand.qoo-tabs .qoo-tabs__bar__container__tab.active .qoo-tabs__bar__container__tab_num a,
.app-brand.qoo-tabs .qoo-tabs__bar__container__tab.active .tab-title,
.app-brand.qoo-tabs .qoo-tabs__bar__container__tab.active .tab-title a {
  color: rgb(var(--theme-color))
}

.app-brand.qoo-tabs .qoo-tabs__bar__container .active-bar,
.app-brand.qoo-tabs .qoo-tabs__bar__container__tab.active:after {
  background-color: rgb(var(--theme-color))
}

.qoo-link {
  color: #fff
}

.account-box {
  background-image: url(data:image/png;base64,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);
  background-size: 100% 100%;
  padding: 32px 0 24px 8px;
  position: relative;
  width: 100%
}

.account-box__cancel {
  color: #fff;
  cursor: pointer;
  font-size: 22px;
  padding: 10px 16px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3
}

.account-box__message {
  bottom: 24px;
  cursor: pointer;
  position: absolute;
  right: 16px
}

.account-box__message i {
  color: hsla(0, 0%, 100%, .8);
  font-size: 22px
}

.account-box__message__badge:before {
  background-color: red;
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 6px;
  position: absolute;
  right: 0;
  top: 0;
  width: 6px
}

.account-box-content {
  align-items: center;
  display: flex;
  flex-direction: row;
  height: 72px;
  position: relative
}

.account-box-content>.qoo-link__mask {
  width: 200px
}

.account-box-content-header {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  height: 72px;
  justify-content: center;
  margin: 0 8px 0 0;
  width: 72px
}

.account-box-content-header-img {
  height: 51px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 45px
}

.account-box-content-noaccount {
  color: #fff
}

.account-box-content-uid {
  color: hsla(0, 0%, 100%, .8);
  font-size: 12px;
  margin-top: 6px;
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.account-box-content-profile {
  color: hsla(0, 0%, 100%, .9);
  font-size: 14px;
  margin-top: 10px
}

.account-box-content-span {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #fff;
  display: -webkit-box;
  font-size: 16px;
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis
}

.account-box-content-span i {
  font-size: 16px
}

.sidebar {
  background: #fff;
  height: 100%;
  left: 0;
  max-width: 320px;
  min-width: 260px;
  overflow-y: auto;
  position: fixed;
  top: 0;
  width: 80%;
  z-index: 999
}

.sidebar .slide-item {
  align-items: center;
  border-bottom: 1px solid #f5f5f5;
  color: #333;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  font-size: 14px;
  justify-content: space-between;
  min-height: 60px;
  padding-left: 16px
}

.sidebar .slide-item strong {
  font-weight: 400
}

.sidebar .slide-item.active,
.sidebar .slide-item.active a {
  color: #00c6e6
}

.sidebar .slide-item-children {
  padding-left: 52px;
  padding-right: 32px;
  position: relative
}

.sidebar .slide-item-children span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.sidebar .slide-item-children .selected-arrow {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: block;
  font-size: 16px;
  position: absolute;
  right: 16px;
  top: 22px;
  z-index: 3
}

.sidebar .slide-item__i {
  font-size: 24px;
  margin-right: 12px;
  vertical-align: middle
}

.sidebar .slide-item__i_right {
  color: #999;
  font-size: 16px;
  margin-right: 16px
}

.sidebar .slide-item__anima_rotate {
  transform: rotate(180deg);
  transition: transform .3s linear
}

.sidebar .slide-item__anima_rotate_close {
  transform: rotate(0deg);
  transition: transform .3s linear
}

.sidebar .slide-item__label {
  font-size: 14px;
  vertical-align: middle
}

.sidebar button.slide-item {
  background: none;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  width: 100%
}

.qoo-tpgs2024-entrance {
  height: 60px;
  min-width: 60px;
  overflow: hidden
}

.qoo-tpgs2024-entrance .slide-item__label {
  animation: vvm-move 8s infinite;
  display: inline-block;
  height: 60px;
  line-height: 60px
}

.qoo-tpgs2024-entrance .slide-item__label:after,
.qoo-tpgs2024-entrance .slide-item__label:before {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOUAAAD9CAYAAABDTLDgAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFu2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDEgNzkuMTQ2Mjg5OSwgMjAyMy8wNi8yNS0yMDowMTo1NSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI1LjIgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyNC0wMS0xN1QxMjozNzoyNiswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjQtMDEtMTdUMTQ6MDc6MTMrMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjQtMDEtMTdUMTQ6MDc6MTMrMDg6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY3Y2Y4OWVkLTgzMjUtMDA0NS1hNTU1LTZhZjU1NTIzOGM0ZSIgeG1wTU06RG9jdW1lbnRJRD0i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");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 80%;
  content: "";
  display: block;
  height: 60px;
  width: 60px
}

.qoo-tpgs2024-entrance .slide-item__label:before {
  margin-bottom: 1px
}

@keyframes vvm-move {
  0% {
    transform: translateY(0)
  }

  40% {
    transform: translateY(0)
  }

  50% {
    transform: translateY(-100%)
  }

  90% {
    transform: translateY(-100%)
  }

  to {
    transform: translateY(-200%)
  }
}

.top[data-v-64ed4e12] {
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  bottom: 60px;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .12);
  color: #00c6e6;
  cursor: pointer;
  display: flex;
  height: 48px;
  justify-content: center;
  position: fixed;
  right: 12px;
  width: 48px;
  z-index: 88
}

.top img[data-v-64ed4e12] {
  height: 20px;
  -o-object-fit: contain;
  object-fit: contain;
  width: 20px
}

.top.app-brand[data-v-64ed4e12] {
  color: rgba(var(--theme-color))
}

.login-layer {
  background: rgba(0, 0, 0, .9);
  border-radius: 8px;
  color: hsla(0, 0%, 100%, .8);
  display: inline-flex;
  flex-direction: column;
  max-height: 100%;
  max-width: 300px;
  min-width: 259px;
  text-align: left;
  vertical-align: middle;
  width: 99%
}

.login-layer-page-slide-leave-active {
  transition: transform .4s cubic-bezier(.645, .045, .355, 1), opacity .4s cubic-bezier(.645, .045, .355, 1)
}

.login-layer-page-slide-leave-to {
  opacity: 0;
  transform: translateX(-50%)
}

.login-layer-page-slide-enter-active {
  transition: opacity .4s cubic-bezier(.645, .045, .355, 1)
}

.login-layer-page-slide-enter-from {
  opacity: 0
}

.login-layer__toast .qoo-toast__content {
  pointer-events: none
}

.login-layer__container {
  height: 100%;
  left: 0;
  min-width: 260px;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 101;
  z-index: 50
}

.login-layer__container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle
}

.login-layer__header {
  padding: 10px 16px;
  position: relative
}

.login-layer__header>.qoofont {
  color: hsla(0, 0%, 100%, .8);
  cursor: pointer;
  font-size: 26px;
  opacity: .5;
  padding: 8px;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity .2s
}

.login-layer__header>.qoofont:hover {
  opacity: 1
}

@media screen and (max-width: 414px) {
  .login-layer__header>.qoofont {
    padding: 6px
  }
}

.login-layer__title {
  color: hsla(0, 0%, 100%, .8);
  cursor: default;
  display: inline-block;
  font-size: 16px;
  margin-right: 44px;
  padding: 6px 0;
  white-space: nowrap
}

@media screen and (max-width: 414px) {
  .login-layer__title {
    font-size: 14px
  }
}

.login-layer__title .qoofont {
  font-size: 20px;
  line-height: 1;
  margin-right: 4px;
  transition: width .3s cubic-bezier(.645, .045, .355, 1), opacity .3s cubic-bezier(.645, .045, .355, 1)
}

@media screen and (max-width: 414px) {
  .login-layer__title .qoofont {
    font-size: 16px
  }
}

.login-layer__title .qoofont,
.login-layer__title strong {
  display: inline-block;
  vertical-align: middle
}

.login-layer__title strong {
  font-weight: 400;
  white-space: normal
}

.login-layer--has-history .login-layer__title {
  cursor: pointer
}

.login-layer__body {
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  flex: 1 1;
  overflow: auto;
  padding: 2px 16px 16px
}

.login-layer__body>div {
  transition: height .4s cubic-bezier(.645, .045, .355, 1)
}

.login-layer__body::-webkit-scrollbar {
  border-radius: 5px;
  display: inherit;
  height: 13px;
  width: 6px
}

.login-layer__body::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  background-color: #00c6e6;
  border-radius: 5px;
  min-height: 28px
}

.login-layer__third-party {
  display: flex;
  justify-content: space-around;
  margin: 0 auto;
  width: 70%
}

.login-layer__third-party button {
  color: hsla(0, 0%, 100%, .8);
  font-size: 12px;
  padding: 0 2%;
  position: relative;
  width: 38%
}

.login-layer__third-party button span {
  display: block;
  margin: 0 auto;
  max-width: 48px;
  position: relative;
  transition: opacity .4s;
  width: 100%
}

.login-layer__third-party button span:before {
  background-position: top;
  background-repeat: no-repeat;
  background-size: 99%;
  content: "";
  display: inline-block;
  padding-bottom: 112%;
  vertical-align: top;
  width: 100%
}

.login-layer__third-party button i {
  font-size: 18px;
  left: 50%;
  margin-left: -9px;
  margin-top: -9px;
  position: absolute;
  top: 50%
}

.login-layer__third-party button em {
  display: inline-block;
  font-style: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: opacity .4s;
  white-space: nowrap;
  width: 100%
}

.login-layer__third-party--loading em,
.login-layer__third-party--loading span:before {
  opacity: .6
}

.login-layer__third-party--facebook span:before {
  background-image: url(data:image/png;base64,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)
}

.login-layer__third-party--google span:before {
  background-image: url(data:image/png;base64,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)
}

.login-layer__third-party--line span:before {
  background-image: url(data:image/png;base64,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)
}

.login-layer__third-party--guest span:before {
  background-image: url(data:image/png;base64,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)
}

.login-layer__button {
  border-radius: 8px;
  height: 40px;
  min-width: 100px;
  padding: 0 16px
}

.login-layer__button>span {
  font-size: 14px
}

.login-layer__button--large {
  min-width: 120px
}

.login-layer__button--large>span {
  font-size: 16px
}

.login-layer__button--small {
  height: 24px;
  min-width: auto;
  padding: 0 6px
}

.login-layer__button--small>span {
  font-size: 12px
}

.login-layer__button--solid {
  background-color: #00c6e6;
  border: 1px solid transparent;
  transition: background-color .4s
}

.login-layer__button--solid>i,
.login-layer__button--solid>span {
  color: #fff
}

.login-layer__button--solid:not([disabled]):not(.qoo-button--loading):focus,
.login-layer__button--solid:not([disabled]):not(.qoo-button--loading):hover {
  background-color: #00dcff
}

.login-layer__button--solid:not([disabled]):not(.qoo-button--loading):active {
  background-color: #00b7d3
}

.login-layer__button--solid.qoo-button--loading {
  background-color: #00dcff
}

.login-layer__button--bordered {
  border: 1px solid #00c6e6;
  transition: border-color .4s
}

.login-layer__button--bordered>span {
  transition: color .4s
}

.login-layer__button--bordered>i,
.login-layer__button--bordered>span {
  color: #00c6e6
}

.login-layer__button--bordered:not([disabled]):not(.qoo-button--loading):focus,
.login-layer__button--bordered:not([disabled]):not(.qoo-button--loading):hover {
  border-color: #00dcff
}

.login-layer__button--bordered:not([disabled]):not(.qoo-button--loading):focus>span,
.login-layer__button--bordered:not([disabled]):not(.qoo-button--loading):hover>span {
  color: #00dcff
}

.login-layer__button--bordered:not([disabled]):not(.qoo-button--loading):active {
  border-color: #00b7d3
}

.login-layer__button--bordered:not([disabled]):not(.qoo-button--loading):active>span {
  color: #00b7d3
}

.login-layer__button--bordered.qoo-button--loading {
  border-color: #00dcff
}

.login-layer__button--bordered[disabled] {
  border: 0
}

.login-layer__button--bordered[disabled]>span {
  color: #fff
}

.login-layer__button--link {
  color: #00c6e6;
  transition: color .4s
}

.login-layer__button--link:not([disabled]):not(.qoo-button--loading):focus,
.login-layer__button--link:not([disabled]):not(.qoo-button--loading):hover {
  color: #00dcff
}

.login-layer__button--link:not([disabled]):not(.qoo-button--loading):active {
  color: #00b7d3
}

.login-layer__button[disabled] {
  background: #666;
  cursor: not-allowed
}

.login-layer .qoo-input {
  background: transparent;
  color: #fff
}

.login-layer .qoo-input::-moz-placeholder {
  color: hsla(0, 0%, 100%, .4)
}

.login-layer .qoo-input::placeholder {
  color: hsla(0, 0%, 100%, .4)
}

.login-layer .qoo-form__item__explain {
  font-size: 12px
}

.login-layer__find-password-entr {
  margin-bottom: 14px;
  margin-left: -6px
}

.login-layer p {
  margin-bottom: 4px;
  text-align: center
}

.login-layer p.login-layer__third-party-title {
  margin-bottom: 14px;
  margin-top: 16px
}

.login-layer__term {
  color: hsla(0, 0%, 100%, .6);
  font-size: 12px;
  margin-top: 36px;
  text-align: center
}

.login-layer__term>span {
  display: inline-block;
  text-align: left
}

.login-layer__term a {
  margin-right: 4px
}

.login-layer__term .qoo-checkbox__inner {
  border-color: hsla(0, 0%, 100%, .6)
}

.login-layer__veri-code {
  display: flex;
  margin-bottom: 18px
}

.login-layer__veri-code .qoo-form__item:first-child {
  margin-right: 8px
}

.login-layer__veri-code .qoo-form__item:last-child {
  flex: 1 1
}

.login-layer__veri-code .qoo-form__item:last-child .qoo-button {
  white-space: nowrap
}

.login-layer__veri-code .qoo-form__item:last-child .qoo-form__item__explain {
  color: hsla(0, 0%, 100%, .6);
  text-align: center
}

.login-layer__veri-code .qoo-form__item:last-child .qoo-form__item__explain span {
  text-align: left
}

.login-layer__register__wrapper {
  padding-bottom: 40px;
  padding-top: 40px
}

.login-layer__loading {
  padding-bottom: 40px;
  padding-top: 40px;
  transform: translateX(0) !important
}

.login-layer__loading>.qoo-loading {
  margin: 0 auto
}

.login-layer__error {
  padding-bottom: 4%;
  text-align: center
}

.login-layer__error span {
  color: hsla(0, 0%, 100%, .8);
  display: block
}

.login-layer__error span:empty {
  margin-bottom: -4%
}

.login-layer__error span:before {
  background-image: url(https://o.qoo-img.com/statics.qoo-img.com/m-web/client/static/images/error.88d09e9e.png);
  background-position: top;
  background-repeat: no-repeat;
  background-size: 50%;
  content: "";
  display: inline-block;
  margin-bottom: 4%;
  padding-top: 50%;
  vertical-align: top;
  width: 100%
}

.login-layer__bind-email,
.login-layer__pre-done,
.login-layer__reset-password {
  padding-bottom: 10px
}

.login-layer__reset-password>form {
  padding-bottom: 18px
}

.login-layer__pre-done p:first-child {
  margin-bottom: 60px;
  text-align: left
}

.login-layer__pre-done p:last-child {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin-bottom: -10px
}

.login-layer__pre-done p:last-child>button {
  margin-bottom: 10px;
  white-space: nowrap
}

.login-layer__register-set-password .login-layer__reset-password {
  padding-bottom: 0
}

.qoo-form__item {
  font-size: 0;
  margin-bottom: 24px
}

.qoo-form__item--with-explain {
  margin-bottom: 0
}

.qoo-form__item__label {
  display: inline-block;
  font-size: 14px;
  margin-bottom: 4px;
  vertical-align: top
}

.qoo-form__item__help {
  color: #666;
  padding-top: 4px
}

.qoo-form__item__explain,
.qoo-form__item__help {
  font-size: 14px;
  line-height: 18px
}

.qoo-form__item__explain span {
  display: inline-block;
  padding: 2px 0 4px;
  transition: color .4s
}

.qoo-form__item--required .qoo-form__item__label:before {
  color: #ff4d4f;
  content: "*";
  display: inline-block;
  font-family: SimSun, sans-serif;
  font-size: 14px;
  line-height: 1;
  margin-right: 4px;
  vertical-align: middle
}

.qoo-form__item--error.qoo-form__item .qoo-input__control,
.qoo-form__item--error.qoo-form__item .qoo-input__control--focused,
.qoo-form__item--error.qoo-form__item .qoo-input__control:hover {
  border-color: #f03030 !important
}

.qoo-form__item--error.qoo-form__item .qoo-input__control--focused {
  box-shadow: 0 0 0 2px rgba(240, 48, 48, .2)
}

.qoo-form__item--error .qoo-form__item__explain {
  color: #f03030
}

.qoo-input {
  background: transparent;
  border: 0;
  font-size: 14px;
  line-height: 1.5715;
  outline: 0;
  padding: 8px 0;
  width: 100%
}

.qoo-input::-webkit-inner-spin-button,
.qoo-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

.qoo-input[type=number] {
  -moz-appearance: textfield
}

.qoo-input__prefix,
.qoo-input__suffix {
  align-items: center;
  display: inline-flex
}

.qoo-input__prefix .qoofont,
.qoo-input__prefix .qooicon,
.qoo-input__suffix .qoofont,
.qoo-input__suffix .qooicon {
  font-size: 20px;
  line-height: 0;
  vertical-align: middle
}

.qoo-input__prefix {
  margin-left: -11px;
  padding-left: 11px;
  padding-right: 4px
}

.qoo-input__suffix {
  margin-right: -11px;
  padding-left: 4px;
  padding-right: 11px
}

.qoo-input__suffix--show-count {
  font-size: 12px;
  line-height: 1.5;
  margin-right: -6px;
  transition: color .2s
}

.qoo-input__suffix--show-count-danger {
  color: #ff4d4f
}

.qoo-input__suffix--show-count+* {
  margin-left: 12px
}

.qoo-input__control {
  align-items: stretch;
  border: 1px solid hsla(0, 0%, 56%, .6);
  border-radius: 8px;
  display: inline-flex;
  font-size: 14px;
  line-height: 1.5715;
  padding: 0 11px;
  transition: border-color .4s, box-shadow .4s;
  width: 100%
}

.qoo-input__control--readonly input,
.qoo-input__control--readonly textarea {
  cursor: default
}

.qoo-input__control--focused,
.qoo-input__control:not(.qoo-input__control--readonly):hover {
  border-color: #00c6e6 !important
}

.qoo-input__control--focused {
  box-shadow: 0 0 0 2px rgba(0, 198, 230, .2)
}

.qoo-input-password__trigger {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  height: 100%;
  margin-left: -4px;
  margin-right: -11px;
  padding-left: 4px;
  padding-right: 11px
}

.qoo-textarea {
  height: 104px;
  padding: 0
}

.qoo-textarea.qoo-textarea--show-count {
  position: relative
}

.qoo-textarea.qoo-textarea--show-count textarea {
  margin-bottom: 20px
}

.qoo-textarea.qoo-textarea--show-count .qoo-input__suffix--show-count {
  bottom: 1px;
  margin-right: 0;
  position: absolute;
  right: 5px
}

.qoo-textarea textarea {
  border-radius: inherit;
  padding-left: 11px;
  padding-right: 11px;
  resize: none
}

.qoo-button {
  vertical-align: middle
}

.qoo-button>i,
.qoo-button>span {
  display: inline-block
}

.qoo-button__icon {
  transition: opacity .3s cubic-bezier(.645, .045, .355, 1)
}

.qoo-button__loading-icon {
  transition: width .3s cubic-bezier(.645, .045, .355, 1), opacity .3s cubic-bezier(.645, .045, .355, 1)
}

.qoo-button__loading-icon>.qooicon {
  margin-right: 4px
}

.qoo-button--with-icon {
  position: relative
}

.qoo-button--with-icon .qoo-button__loading-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity .3s cubic-bezier(.645, .045, .355, 1)
}

.qoo-button--loading {
  cursor: default
}

.qoo-checkbox {
  display: inline-block;
  font-size: 0;
  line-height: 20px;
  vertical-align: top
}

.qoo-checkbox input {
  bottom: 0;
  cursor: pointer;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1
}

.qoo-checkbox+span {
  padding-left: 4px;
  padding-right: 4px
}

.qoo-checkbox__inner {
  border: 1px solid #d9d9d9;
  border-collapse: separate;
  border-radius: 2px;
  display: inline-block;
  height: 16px;
  line-height: 1;
  position: relative;
  transition: background .2s, border-color .2s;
  vertical-align: middle;
  width: 16px
}

.qoo-checkbox__inner:before {
  color: #fff;
  font-size: 12px;
  font-weight: bolder;
  left: 50%;
  margin-left: -6px;
  margin-top: -6px;
  position: absolute;
  top: 50%;
  transform: scale(0);
  transition: transform .2s
}

.qoo-checkbox__wrapper {
  font-size: 14px;
  position: relative
}

.qoo-checkbox__wrapper:not(.qoo-checkbox__wrapper--disabled):hover .qoo-checkbox__inner {
  border-color: #00c6e6
}

.qoo-checkbox__wrapper--small {
  font-size: 12px
}

.qoo-checkbox__wrapper--small .qoo-checkbox {
  line-height: 16px
}

.qoo-checkbox__wrapper--small .qoo-checkbox__inner {
  height: 13px;
  width: 13px
}

.qoo-checkbox__wrapper--round .qoo-checkbox__inner {
  border-radius: 50%
}

.qoo-checkbox__wrapper--checked .qoo-checkbox__inner {
  background: #00c6e6;
  border-color: #00c6e6
}

.qoo-checkbox__wrapper--checked .qoo-checkbox__inner:before {
  transform: scale(.82)
}

.qoo-checkbox__wrapper--checked.qoo-checkbox__wrapper--small .qoo-checkbox__inner:before {
  transform: scale(.65)
}

.qoo-checkbox__wrapper--disabled input {
  cursor: not-allowed
}

.qoo-checkbox__wrapper--disabled .qoo-checkbox__inner {
  background: #e2e2e2;
  border-color: #d9d9d9
}

.captcha-slider {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, .125);
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(0, 0, 0, .125);
  display: inline-block;
  max-width: 360px;
  text-align: left;
  vertical-align: middle;
  width: 99%
}

.captcha-slider__header {
  background-color: rgba(0, 0, 0, .03);
  border-bottom: 1px solid rgba(0, 0, 0, .125);
  font-size: 16px;
  padding: 10px 16px;
  position: relative
}

@media screen and (max-width: 414px) {
  .captcha-slider__header {
    font-size: 14px
  }
}

.captcha-slider__header span {
  display: inline-block;
  margin-right: 44px
}

.captcha-slider__header .qoofont {
  cursor: pointer;
  font-size: 26px;
  opacity: .5;
  padding: 8px;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity .2s
}

.captcha-slider__header .qoofont:hover {
  opacity: 1
}

@media screen and (max-width: 414px) {
  .captcha-slider__header .qoofont {
    padding: 6px
  }
}

.captcha-slider__body {
  padding: 16px
}

.captcha-slider__box {
  border-radius: 4px;
  margin-bottom: 10px;
  overflow: hidden;
  padding-bottom: 60%;
  position: relative
}

.captcha-slider__box-control {
  background-color: rgba(0, 0, 0, .1);
  height: 32px;
  position: absolute;
  right: 0;
  top: 0;
  transition: background-color .2s;
  z-index: 2
}

.captcha-slider__box-control button {
  color: #fff;
  font-size: 20px;
  height: 100%;
  opacity: .6;
  transition: opacity .2s;
  width: 32px
}

.captcha-slider__box canvas {
  left: 0;
  position: absolute;
  top: 0;
  vertical-align: top
}

.captcha-slider__box-base {
  width: 100%
}

.captcha-slider__box-handler {
  cursor: grab
}

.captcha-slider__box-handler:active {
  cursor: grabbing
}

.captcha-slider__bar {
  height: 40px;
  position: relative
}

.captcha-slider__bar:before {
  background: #f7f9fa;
  border: 1px solid #e6e8eb;
  border-radius: 4px;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.captcha-slider__bar-mask {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 0;
  z-index: 2
}

.captcha-slider__bar-mask:before {
  background: #f7f9fa;
  border: 1px solid #e6e8eb;
  border-radius: 4px;
  border-right: 0;
  content: "";
  display: inline-block;
  height: 100%;
  width: 100%
}

.captcha-slider__bar-handler {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 0 3px rgba(0, 0, 0, .3);
  color: #666;
  cursor: grab;
  font-size: 16px;
  height: 40px;
  position: absolute;
  transition: 0s;
  width: 40px;
  z-index: 2
}

.captcha-slider__bar-handler .qoofont,
.captcha-slider__bar-handler .qooicon {
  margin-left: 1px;
  vertical-align: middle
}

.captcha-slider__bar-handler .qoofont {
  font-size: 28px
}

.captcha-slider__bar-handler .qooicon__loading {
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
  position: absolute;
  top: 50%
}

.captcha-slider__bar-handler .qoo-a-ic_checkon1 {
  font-size: 16px
}

.captcha-slider__bar-handler .qooicon__arrowRight {
  transition: opacity .2s
}

.captcha-slider__bar-handler:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  width: 0
}

.captcha-slider__bar>span {
  color: #666;
  display: block;
  height: 100%;
  margin-left: 40px;
  overflow: hidden;
  padding: 1px 6px;
  position: relative;
  text-align: center
}

@media screen and (max-width: 414px) {
  .captcha-slider__bar>span {
    font-size: 12px
  }
}

.captcha-slider__bar>span:before {
  content: attr(data-text);
  display: inline-block;
  vertical-align: middle
}

.captcha-slider__bar>span:after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle
}

.captcha-slider__info {
  background: #f5f5f5;
  color: #8a8a8a;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%
}

.captcha-slider__info:before {
  content: "";
  height: 100%;
  width: 0
}

.captcha-slider__info span,
.captcha-slider__info:before {
  display: inline-block;
  vertical-align: middle
}

@media screen and (max-width: 414px) {
  .captcha-slider__info span {
    font-size: 12px
  }
}

.captcha-slider__info .qooicon {
  font-size: 40px
}

.captcha-slider__info .qooicon__loading {
  font-size: 30px;
  opacity: .5
}

.captcha-slider__info em {
  display: inline-block;
  padding: 2px 16px;
  width: 100%
}

.captcha-slider--pic-loading .captcha-slider__bar-handler {
  background: #fff;
  color: #666
}

.captcha-slider--drag-start .captcha-slider__bar-mask:before,
.captcha-slider--validate-loading .captcha-slider__bar-mask:before {
  background: #d2e9fe;
  border-color: #1b91fb
}

.captcha-slider--drag-start .captcha-slider__bar-handler,
.captcha-slider--validate-loading .captcha-slider__bar-handler {
  background-color: #1b91fb;
  color: #fff;
  transition: background-color .2s, color .2s
}

.captcha-slider--validate-loading .captcha-slider__bar-handler .qooicon__arrowRight {
  opacity: .2
}

.captcha-slider--validate-error .captcha-slider__bar-mask:before {
  background: #fde1e3;
  border-color: #f57a7c
}

.captcha-slider--validate-error .captcha-slider__bar-handler {
  background: #f57a7c;
  color: #fff
}

.captcha-slider--animating .captcha-slider__bar-handler {
  cursor: default
}

.captcha-slider--done .captcha-slider__bar-mask:before {
  background: #d4f4ef;
  border-color: #52cdba
}

.captcha-slider--done .captcha-slider__bar-handler {
  background-color: #52cdba;
  color: #fff;
  cursor: default
}

.captcha-slider--done .captcha-slider__box-handler {
  cursor: default
}

.captcha-slider--animating .captcha-slider__bar-handler,
.captcha-slider--animating .captcha-slider__box-control button,
.captcha-slider--animating .captcha-slider__box-handler,
.captcha-slider--drag-start .captcha-slider__box-control button,
.captcha-slider--pic-error .captcha-slider__bar-handler,
.captcha-slider--pic-error .captcha-slider__box-handler,
.captcha-slider--pic-loading .captcha-slider__bar-handler,
.captcha-slider--pic-loading .captcha-slider__box-control button,
.captcha-slider--pic-loading .captcha-slider__box-handler,
.captcha-slider--validate-error .captcha-slider__bar-handler,
.captcha-slider--validate-error .captcha-slider__box-control button,
.captcha-slider--validate-error .captcha-slider__box-handler,
.captcha-slider--validate-loading .captcha-slider__bar-handler,
.captcha-slider--validate-loading .captcha-slider__box-control button,
.captcha-slider--validate-loading .captcha-slider__box-handler {
  cursor: no-drop
}

.captcha-slider:not(.captcha-slider--pic-loading):not(.captcha-slider--pic-error):not(.captcha-slider--validate-loading):not(.captcha-slider--validate-error):not(.captcha-slider--done):not(.captcha-slider--animating) .captcha-slider__bar-handler:hover {
  background-color: #1b91fb;
  color: #fff;
  transition: background-color .2s, color .2s
}

.captcha-slider:not(.captcha-slider--pic-loading):not(.captcha-slider--pic-error):not(.captcha-slider--validate-loading):not(.captcha-slider--validate-error):not(.captcha-slider--done):not(.captcha-slider--animating) .captcha-slider__bar-handler:active {
  cursor: grabbing
}

.captcha-slider:not(.captcha-slider--pic-loading):not(.captcha-slider--drag-start):not(.captcha-slider--validate-loading):not(.captcha-slider--validate-error):not(.captcha-slider--done):not(.captcha-slider--animating) .captcha-slider__box-control:hover {
  background-color: rgba(0, 0, 0, .15)
}

.captcha-slider:not(.captcha-slider--pic-loading):not(.captcha-slider--drag-start):not(.captcha-slider--validate-loading):not(.captcha-slider--validate-error):not(.captcha-slider--done):not(.captcha-slider--animating) .captcha-slider__box-control button:hover {
  opacity: 1
}

.qoo-captcha__container {
  text-align: center;
  z-index: 50
}

.qoo-captcha__container,
.qoo-captcha__mask {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%
}

.qoo-captcha__mask {
  background: rgba(0, 0, 0, .4);
  z-index: 999
}

.qoo-captcha__wrap {
  height: 100%;
  position: relative;
  z-index: 1000
}

.qoo-captcha__wrap>.qoo-loading__nested,
.qoo-captcha__wrap>.qoo-loading__nested>.qoo-loading__container {
  height: 100%
}

.qoo-captcha__wrap>.qoo-loading__nested>.qoo-loading__container {
  align-items: center;
  display: flex;
  justify-content: center
}

.qoo-captcha__loading .qoo-loading__container--mask {
  background: none
}

.qoo-captcha__captcha-slider {
  pointer-events: none;
  width: 100%
}

.qoo-captcha__captcha-slider .captcha-slider {
  pointer-events: auto
}

.qoo-age-level-confirm {
  background-color: #fff;
  bottom: 0;
  height: 100vh;
  max-width: 760px;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 999
}

.qoo-age-level-confirm:before {
  background: url(https://o.qoo-img.com/statics.qoo-img.com/m-web/client/static/images/game-page-bg.44ae7659.png) 0 0/cover no-repeat;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.qoo-age-level-confirm__mask {
  background-color: rgba(0, 0, 0, .6);
  height: 100vh;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.qoo-age-level-confirm__box {
  background-color: #fff;
  border-radius: 8px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 300px
}

.qoo-age-level-confirm__box__content {
  padding: 16px
}

.qoo-age-level-confirm__box__content h3 {
  font-size: 16px;
  font-stretch: normal;
  font-weight: 600;
  line-height: 1.5;
  margin: 8px 0 16px
}

.qoo-age-level-confirm__box__content .input-wrap {
  align-items: center;
  color: #333;
  display: flex;
  font-size: 14px;
  position: relative
}

.qoo-age-level-confirm__box__content .input-wrap:before {
  content: "";
  display: inline-block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  vertical-align: middle;
  width: 0
}

.qoo-age-level-confirm__box__content .input-wrap span {
  display: inline-block;
  margin-top: 1px;
  vertical-align: middle
}

.qoo-age-level-confirm__box__content .checkbox {
  display: none;
  vertical-align: middle
}

.qoo-age-level-confirm__box__content .checkbox+label {
  cursor: pointer;
  display: flex
}

.qoo-age-level-confirm__box__content label>.qoofont {
  color: #00c6e6;
  font-size: 22px;
  margin-right: 10px;
  vertical-align: middle
}

.qoo-age-level-confirm__box__content label>.qoofont.qoo-checkoff {
  color: #ccc;
  vertical-align: middle
}

.qoo-age-level-confirm__box__footer {
  align-items: center;
  border-top: 1px solid #f5f5f5;
  display: flex;
  height: 47px;
  justify-content: flex-end;
  padding: 0 16px
}

.qoo-age-level-confirm__box__footer button {
  background: transparent;
  border: none;
  color: #999;
  cursor: pointer;
  font-weight: 600;
  height: 32px;
  margin-left: 8px;
  min-width: 64px;
  outline: none
}

.qoo-age-level-confirm__box__footer button.confirm-btn {
  color: #00c6e6
}

.qoo-age-level-confirm .error-msg {
  color: #f33;
  font-size: 12px;
  margin-top: 4px
}

.qoo-age-level-confirm.app-brand .qoo-age-level-confirm__box {
  background-color: rgba(var(--background-color))
}

.qoo-age-level-confirm.app-brand .qoo-age-level-confirm__box__content h3 {
  color: rgba(var(--text-color), .8)
}

.qoo-age-level-confirm.app-brand .qoo-age-level-confirm__box__content .input-wrap {
  color: rgba(var(--text-color), .6)
}

.qoo-age-level-confirm.app-brand .qoo-age-level-confirm__box__content label>.qoofont.qoo-checkon {
  color: rgba(var(--theme-color))
}

.qoo-age-level-confirm.app-brand .qoo-age-level-confirm__box__footer {
  border-color: rgba(var(--text-color), .1)
}

.qoo-age-level-confirm.app-brand .qoo-age-level-confirm__box__footer button {
  color: rgba(var(--text-color), .6)
}

.qoo-age-level-confirm.app-brand .qoo-age-level-confirm__box__footer button.confirm-btn {
  color: rgba(var(--theme-color))
}

.qoo-popover[data-v-0dfff48c] {
  width: 108px;
  z-index: 1
}

.qoo-popover__container[data-v-0dfff48c] {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
  position: relative
}

.qoo-popover__container[data-v-0dfff48c]:after {
  background-color: #fff;
  box-shadow: 0 -1px 1px 0 hsla(0, 1%, 73%, .1), 1px 0 1px 0 hsla(0, 0%, 61%, .1);
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  width: 8px
}

.qoo-popover__container.Top[data-v-0dfff48c]:after,
.qoo-popover__container[data-v-0dfff48c]:after {
  left: 50%;
  margin-left: -4px;
  top: -4px;
  transform: rotate(-45deg)
}

.qoo-popover__container.Right[data-v-0dfff48c]:after {
  left: inherit;
  margin-top: -4px;
  right: -4px;
  top: 50%;
  transform: rotate(45deg)
}

.qoo-popover__container.Bottom[data-v-0dfff48c]:after {
  bottom: -4px;
  top: inherit;
  transform: rotate(135deg)
}

.qoo-popover__container.Left[data-v-0dfff48c]:after {
  left: -4px;
  margin-left: 0;
  margin-top: -4px;
  top: 50%;
  transform: rotate(-135deg)
}

.qoo-popover__container__content[data-v-0dfff48c] {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 8px 12px;
  position: relative;
  z-index: 2
}

.qoo-popover__container__content img[data-v-0dfff48c] {
  height: 24px;
  vertical-align: middle;
  width: 24px
}

.qoopop-share_copy .qooicon[data-v-0dfff48c] {
  font-size: 28px;
  margin: 0 -1px
}

.game-detail__header {
  background: transparent;
  border-bottom: 0;
  position: absolute;
  width: 100%
}

.game-detail__header .qoo-breadcrumb {
  color: #fff
}

.game-detail__header .qoo-breadcrumb a {
  color: hsla(0, 0%, 100%, .8)
}

.game-detail__header .qoo-breadcrumb span,
.game-detail__header .qoo-header__wrap__suffix__item {
  color: #fff
}

.game-detail__header .nav_menu {
  border-color: #fff
}

.game-detail__header .nav_menu:before {
  background-color: #fff;
  border-color: #fff
}

.game-detail__header.brand-header,
.game-detail__header.not-brand-header {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .4) 2%, transparent)
}

.game-detail__cover {
  font-size: 0;
  position: relative;
  height: 100%;
}

.game-detail__cover__mask {
  background-color: rgba(0, 0, 0, .1);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2
}

.game-detail__cover__mask__play {
  background-color: transparent;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA/UExURUdwTP///////////////////////////////////////////////////////////////////////////////0qNmhgAAAAUdFJOUwCZdkrgEzrtB/pmrrxSxSsvHc2GpZrIDAAAA8FJREFUaN7FW9mWgyAMBWUTFevy/986PQWt1I1EnPA2c6xXcm9CCIEx6DBdW/DGDUJXlRaDa3jRdoY9Ozpbi2l3iNp2D4FKW+vpdOjaytyopq2rqZouxvuRus1pdcX1lDw0V7lgmwk4mhzQpdvoqOG2VF0vjZF9p0rLm43iXHl3tkNMohvVLodGjS6WwHBn1pLH5JWnwjFlLAWOlrhdvSdNrh/xf7/UomD7Fbm6SP56Waw+1/UIUX1/LwqQb5riqzUNFZkZVwYDhwSzImk0ODNXOImsZAkxd7fYanhhlflaHFEkrx5qNlRV3IkBxSxwnejS5fwDcTPyqdlwVZLE2hm3vr3GyXpGbgHzLViGUSTPWQXcyrIsw87vu6Ct0xBWIIrRp9ruBUyHEB8RJ/5sXJpdgMhhzu44ho257Rxbezx8IEjQsszDhhcfTKjXGf1o16v0Ps2B4PqJpDxEEndiDyGfAJbikEWpHxD0Rtp6Oy3+GMERzXzzRWH9fW7DF9Zntf/v13PAr92plQeGyDn4njO7I+qjwCY0v6H5IF+3w/B5yBp9hm3uBrA1y34/KM7fGVxRoCO58W9oNhO+cKXvLvR1z6XUD+3aJAJjk21mdCzh8PdV7Ih2jjiqi3iGrZ+GBAAjqZY+cLbR0nG5Km0KDgiqI6ifz7gAXu1CEVRHxrVJ0pqBozIBmOogJ7ua/nW0DMDvqLsqA4kWETerehUYynTgt8UElmq/KIhPDu/NbiDA710/kmrjBdUtFDsGAmZoqt1Ccn2e8x4BY6keF4cSu4lBAjCOajWTbPzvDAYYQ/WC131lBgfGUC2CutrfNRIGDKe6CXGySE62DoChVPOwFPLkfdohMIxqG2baJMatM2AQ1WXg1qV60ykwgGoVAtawhLB7wMlUdyGv90/3GYBjqg9DYR/81z8rcwDHVB8hSy8EVqUGrhTgNdXiNHRVdMBkpn5IXNOluPK5UwlzJ7IAQhYycy8SU+oiQbYskiUCZKlPtmRvAiZ7ZOktXUJPtoW5vWmbkJu2sD796zZVE23MQxGErBSBLr5MN4svZOUmZIGthcP+GpespAguok6Ziqh0ZWNYobxFwu4UyumOBsgOQ+iOf8gOvOiO+MgONemOcckOrumO6umaE8jaMegaUOhabsiajOjaqugayeha5+iaBenaI+kaQulaYKPe6n9t+qVrc2Zkjd2MrpWdkTXvM7rrCozsgsZHZDRXUj6zprmE84GmuXa0levJVau8F628xC+vlokHrpbNqwfFZbrF6nmuD/4Bo7XieEd6zcIAAAAASUVORK5CYII=);
  background-size: 100% 100%;
  border: none;
  cursor: pointer;
  height: 40px;
  left: 50%;
  margin-left: -20px;
  margin-top: -20px;
  outline: none;
  overflow: hidden;
  position: absolute;
  top: 50%;
  width: 40px
}

.game-detail__cover img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 100% 100%;
  object-position: 100% 100%;
  width: 100%
}

.game-detail__intro {
  display: flex;
  padding: 16px;
  z-index: 2
}

.game-detail__intro .age-level-icon {
  border-radius: 2px;
  display: inline-block;
  height: 16px;
  margin-right: 8px;
  vertical-align: sub;
  width: 16px
}

.game-detail__intro__poster {
  border-radius: 12px;
  flex-shrink: 0;
  height: 80px;
  overflow: hidden;
  width: 80px
}

.game-detail__intro__poster img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

.game-detail__intro__content {
  flex: 1 1;
  justify-content: space-between;
  overflow: hidden;
  padding-left: 12px;
  position: relative
}

.game-detail__intro__content__title {
  /* -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; */
  color: #333;
  /* display: -webkit-box; */
  font-size: 16px;
  font-weight: 600;
  margin: 10px 0 20px;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap
}

.game-detail__intro__content__title:before {
  content: "";
  display: inline-block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  vertical-align: middle;
  width: 0
}

.game-detail__intro__content__developer,
.game-detail__intro__content__manufacturer {
  color: #666;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 5px;
  overflow: hidden;
  padding-right: 20px;
  text-overflow: ellipsis;
  white-space: nowrap
}

.game-detail__intro__content__manufacturer {
  color: #00c6e6
}

.game-detail__intro__content__right {
  align-items: center;
  bottom: 9px;
  width: 5rem;
  height: 1.5rem;
  display: flex;
  border-radius: 1rem;
  flex-direction: column;
  font-size: 12px;
  justify-content: flex-end;
  line-height: 1.5rem;
  position: absolute;
  right: 0;
  background-color: #6cebda;
  color: #365f6a;
  font-weight: 600;
  padding: 0 5px;
}

.game-detail__intro__content__right span {
  margin-top: 4px
}

.game-detail__intro__content__right a,
.game-detail__intro__content__right i {
  color: #00c6e6;
  cursor: pointer;
  font-size: 14px
}

.game-detail__intro__content__orther {
  color: #999;
  font-size: 12px;
  line-height: 1;
  overflow: hidden;
  padding-right: 16px;
  text-overflow: ellipsis;
  white-space: nowrap
}

.game-detail__intro__content__orther span {
  margin-right: 16px
}

.game-detail__intro__content__orther span:last-of-type {
  margin-right: 0
}

.game-detail .brand-flag {
  align-items: center;
  background-color: rgba(var(--background-color), .9);
  border: 1px solid rgb(var(--background-color));
  color: rgb(var(--text-color));
  display: flex;
  height: 24px;
  left: 16px;
  overflow: hidden;
  padding: 0 6px;
  position: absolute;
  top: 70px;
  z-index: 2
}

.game-detail .brand-flag:after {
  background-image: linear-gradient(270deg, hsla(0, 0%, 100%, .3) 0, hsla(0, 0%, 100%, 0) 70%);
  content: "";
  display: block;
  height: 350%;
  left: 0;
  position: absolute;
  top: 0;
  transform: rotate(30deg) translate(-50%, -14%);
  width: 50%
}

.game-detail .brand-flag span {
  font-size: 12px;
  margin-left: 5px
}

.game-detail .brand-flag i {
  color: #fb3
}

.game-detail .tab-wrap.fixed {
  background-color: #fff;
  max-width: 760px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10
}

.game-detail__tabs {
  align-items: center;
  border-bottom: 1px solid #f5f5f5;
  display: flex;
  height: 40px;
  justify-content: space-around
}

.game-detail__tabs__tab {
  color: #999;
  height: 40px;
  line-height: 40px;
  position: relative
}

.game-detail__tabs__tab.active {
  color: #00c6e6;
  font-weight: 600
}

.game-detail__tabs__tab.active:after {
  background-color: #00c6e6;
  border-radius: 2px;
  bottom: 0;
  content: "";
  display: block;
  height: 3px;
  left: 50%;
  margin-left: -12px;
  position: absolute;
  width: 24px
}

.game-detail__lang-tip {
  background-color: #fb3;
  border-radius: 8px;
  color: #fff;
  font-size: 12px;
  left: 16px;
  padding: 12px 32px;
  position: absolute;
  right: 16px;
  top: 24px;
  z-index: 99
}

.game-detail__lang-tip-close {
  cursor: pointer;
  font-size: 12px;
  font-weight: bolder;
  padding: 6px;
  position: absolute;
  right: 0;
  top: 0
}

.game-detail__lang-tip-warning {
  font-size: 12px;
  left: -18px;
  position: absolute;
  top: 2px
}

.game-detail__lang-tip p {
  position: relative
}

.game-detail__lang-tip button {
  background: #fff;
  border: 0;
  border-radius: 12px;
  color: #fb3;
  cursor: pointer;
  font-size: 12px;
  margin-top: 6px;
  padding: 6px 12px
}

.game-detail .age-level-icon {
  cursor: pointer
}

.nav_share {
  margin-left: 16px;
  position: relative
}

.nav_share .qoo-share_mask {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0
}

.qoo-popover.app_share_pop {
  position: absolute;
  right: -10px;
  top: 115%
}

.app_share_pop .qoo-popover__container.Top:after {
  left: 80% !important
}

.app-brand.game-detail {
  background-color: rgb(var(--background-color));
  min-height: 100vh;
  position: relative
}

.app-brand.game-detail .brand {
  position: relative
}

.app-brand.game-detail .game-detail__cover {
  height: 361px
}

.app-brand.game-detail .game-detail__cover__mask {
  background-image: linear-gradient(to top, rgba(1) 0, rgba(var(--background-color), .1) 60%);
  background-image: linear-gradient(to top, rgba(var(--background-color, 1)) 0, rgba(var(--background-color), .1) 60%)
}

.app-brand.game-detail .game-detail__cover__mask__play {
  top: 128px
}

.app-brand.game-detail .game-detail__cover img {
  height: calc(100% - 1px)
}

.app-brand.game-detail .game-detail__intro {
  align-items: center;
  bottom: 0;
  flex-direction: column;
  position: absolute;
  width: 100%
}

.app-brand.game-detail .game-detail__intro__content {
  display: block;
  padding: 0;
  text-align: center;
  width: 100%
}

.app-brand.game-detail .game-detail__intro__content>div {
  margin-bottom: 8px;
  margin-top: 8px;
  padding-right: 0
}

.app-brand.game-detail .game-detail__intro__content__title {
  /* -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; */
  color: rgb(var(--text-color));
  /* display: -webkit-box; */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.app-brand.game-detail .game-detail__intro__content__title span {
  vertical-align: middle
}

.app-brand.game-detail .game-detail__intro__content__title .age-level-icon {
  border-radius: 2px;
  display: inline-block;
  height: 16px;
  margin-right: 8px;
  vertical-align: middle;
  width: 16px
}

.app-brand.game-detail .game-detail__intro__content__developer,
.app-brand.game-detail .game-detail__intro__content__manufacturer,
.app-brand.game-detail .game-detail__intro__content__orther {
  color: rgba(var(--text-color), .8)
}

.app-brand.game-detail .game-detail__intro__content__manufacturer {
  padding: 0 60px !important
}

.app-brand.game-detail .game-detail__intro__content__manufacturer .qoofont {
  color: #fb3;
  font-size: 12px;
  vertical-align: baseline
}

.app-brand.game-detail .game-detail__intro__content__manufacturer a {
  color: rgba(var(--text-color), .8)
}

.app-brand.game-detail .game-detail__intro__content__right {
  align-items: center;
  color: rgb(var(--text-color));
  flex-direction: row
}

.app-brand.game-detail .game-detail__intro__content__right span {
  margin-top: 0
}

.app-brand.game-detail .game-detail__intro__content__right a,
.app-brand.game-detail .game-detail__intro__content__right i {
  color: rgb(var(--theme-color));
  margin-right: 5px
}

.app-brand.game-detail .tab-view {
  background-color: rgb(var(--background-color))
}

.app-brand.game-detail .news-wrap__content:before {
  background-color: rgb(var(--theme-color))
}

.brand {
  padding-top: 55px;
}

.game-about__container {
  padding: 16px 0
}

.block-title {
  color: #333;
  display: flex;
  font-size: 16px;
  font-weight: 600;
  justify-content: space-between;
  margin: 0;
  padding: 0 16px;
}

.qoo-mr-notice {
  padding: 16px 0 16px 16px;
  position: relative
}

.qoo-mr-notice__man {
  background-image: url(https://o.qoo-img.com/statics.qoo-img.com/m-web/client/static/images/mr-qoo.b07798f8.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 66px;
  left: 0;
  position: absolute;
  top: 4px;
  width: 56px
}

.qoo-mr-notice__content {
  background-color: rgba(0, 198, 230, .1);
  border-radius: 8px;
  color: #333;
  font-size: 14px;
  padding: 16px 16px 16px 35px;
  /* white-space: pre-wrap; */
  word-break: break-word
}

.qoo-mr-notice__content span {
  display: block;
  white-space: pre-wrap;
  word-break: break-word
}

.app-brand.qoo-mr-notice .qoo-mr-notice__content {
  background-color: rgba(var(--theme-color), .1);
  color: rgb(var(--text-color))
}