@charset "UTF-8";
@keyframes iwan-loading-360 {
  0% {
    transform: rotate(0deg);
    /*动画起始的时候旋转了0度*/
  }
  25% {
    transform: rotate(60deg);
  }
  50% {
    transform: rotate(120deg);
  }
  75% {
    transform: rotate(240deg);
  }
  100% {
    transform: rotate(360deg);
    /*动画结束的时候旋转了360度*/
  }
}
.page-B9m1eV {
  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
  margin-bottom: 20px;
}

.page-B9m1eV .title-2aAbUt {
  height: 28px;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

html .page-B9m1eV {
  color: #000028;
}

html.__darkmode__ .page-B9m1eV {
  color: #e6e9f0;
}

html.at-darkmode .page-B9m1eV {
  color: #e6e9f0;
}

.game-banner-1oTSww {
  cursor: pointer;
}

.game-banner-1oTSww .poster-3ovdtp {
  width: 100%;
  height: 169px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.game-banner-1oTSww .info-wrapper-3iq68e {
  box-sizing: border-box;
  height: 68px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  padding: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.game-banner-1oTSww .icon-3GGNDi {
  width: 44px;
  height: 44px;
  border-radius: 12px;
}

.game-banner-1oTSww .desc-1oDrVO {
  width: 0px;
  flex: 1;
  padding: 0px 8px;
}

.game-banner-1oTSww .desc-1oDrVO .title-3A_pzj {
  height: 21px;
  font-weight: 400;
  font-size: 15px;
  line-height: 21px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.game-banner-1oTSww .desc-1oDrVO .sub-title-2d5VeE {
  margin-top: 2px;
  height: 18px;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.game-banner-1oTSww .btn-HnPuyk {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 62px;
  height: 32px;
  border-radius: 16px;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
}

html .game-banner-1oTSww:hover .desc-1oDrVO .title-3A_pzj {
  color: #ff6022;
}

html .game-banner-1oTSww .info-wrapper-3iq68e {
  background: #f6f8fa;
}

html .game-banner-1oTSww .desc-1oDrVO .sub-title-2d5VeE {
  color: #848494;
}

html .game-banner-1oTSww .btn-HnPuyk {
  background-color: #ffffff;
  color: #000028;
}

html.__darkmode__ .game-banner-1oTSww:hover .desc-1oDrVO .title-3A_pzj {
  color: #f25b20;
}

html.__darkmode__ .game-banner-1oTSww .info-wrapper-3iq68e {
  background-color: rgba(255, 255, 255, 0.08);
}

html.__darkmode__ .game-banner-1oTSww .desc-1oDrVO .sub-title-2d5VeE {
  color: rgba(230, 233, 240, 0.45);
}

html.__darkmode__ .game-banner-1oTSww .btn-HnPuyk {
  background-color: rgba(255, 255, 255, 0.08);
  color: #FFF;
}

html.at-darkmode .game-banner-1oTSww:hover .desc-1oDrVO .title-3A_pzj {
  color: #f25b20;
}

html.at-darkmode .game-banner-1oTSww .info-wrapper-3iq68e {
  background-color: rgba(255, 255, 255, 0.08);
}

html.at-darkmode .game-banner-1oTSww .desc-1oDrVO .sub-title-2d5VeE {
  color: rgba(230, 233, 240, 0.45);
}

html.at-darkmode .game-banner-1oTSww .btn-HnPuyk {
  background-color: rgba(255, 255, 255, 0.08);
  color: #FFF;
}

.game-item-2O8kyK {
  display: flex;
  align-items: center;
  height: 44px;
  margin-top: 20px;
  cursor: pointer;
}

.game-item-2O8kyK:first-child {
  margin-top: 0px;
}

.game-item-2O8kyK .num-7n6yah {
  width: 24px;
  height: 23px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: numFont, PingFangSC-Regular, Microsoft Yahei;
  font-weight: 400;
  font-size: 20px;
  line-height: 23px;
  margin-right: 6px;
  margin-bottom: 1px;
}

.game-item-2O8kyK .highlight-3UgvUI {
  color: #ff6022 !important;
}

.game-item-2O8kyK .icon-qPwYUX {
  width: 44px;
  height: 44px;
  border-radius: 10px;
}

.game-item-2O8kyK .desc-1PD-8n {
  width: 0px;
  flex: 1;
  padding: 0px 8px;
}

.game-item-2O8kyK .desc-1PD-8n .title-3eG36L {
  height: 21px;
  font-weight: 400;
  font-size: 15px;
  line-height: 21px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.game-item-2O8kyK .desc-1PD-8n .sub-title-13islN {
  margin-top: 2px;
  height: 18px;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.game-item-2O8kyK .btn-1qYyAw {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 62px;
  height: 32px;
  border-radius: 16px;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
}

html .game-item-2O8kyK:hover .desc-1PD-8n .title-3eG36L {
  color: #ff6022;
}

html .game-item-2O8kyK .num-7n6yah {
  color: #848494;
}

html .game-item-2O8kyK .highlight-3UgvUI {
  color: #ff6022 !important;
}

html .game-item-2O8kyK .desc-1PD-8n .sub-title-13islN {
  color: #848494;
}

html .game-item-2O8kyK .btn-1qYyAw {
  color: #000028;
  background-color: #f6f8fa;
}

html.__darkmode__ .game-item-2O8kyK:hover .desc-1PD-8n .title-3eG36L {
  color: #f25b20;
}

html.__darkmode__ .game-item-2O8kyK .num-7n6yah {
  color: rgba(230, 233, 240, 0.45);
}

html.__darkmode__ .game-item-2O8kyK .highlight-3UgvUI {
  color: #F25B20 !important;
}

html.__darkmode__ .game-item-2O8kyK .desc-1PD-8n .sub-title-13islN {
  color: rgba(230, 233, 240, 0.45);
}

html.__darkmode__ .game-item-2O8kyK .btn-1qYyAw {
  background-color: rgba(255, 255, 255, 0.08);
  color: #FFF;
}

html.at-darkmode .game-item-2O8kyK:hover .desc-1PD-8n .title-3eG36L {
  color: #f25b20;
}

html.at-darkmode .game-item-2O8kyK .num-7n6yah {
  color: rgba(230, 233, 240, 0.45);
}

html.at-darkmode .game-item-2O8kyK .highlight-3UgvUI {
  color: #F25B20 !important;
}

html.at-darkmode .game-item-2O8kyK .desc-1PD-8n .sub-title-13islN {
  color: rgba(230, 233, 240, 0.45);
}

html.at-darkmode .game-item-2O8kyK .btn-1qYyAw {
  background-color: rgba(255, 255, 255, 0.08);
  color: #FFF;
}