@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-1gNvJO {
  height: 100%;
  position: relative;
  box-sizing: border-box;
}

.page-1gNvJO .container-2BUi8r {
  -ms-overflow-style: -ms-autohiding-scrollbar;
  scrollbar-base-color: #000;
  scrollbar-face-color: #ccc;
  scrollbar-arrow-color: #666;
  scrollbar-3dlight-color: #ccc;
  scrollbar-highlight-color: #ccc;
  scrollbar-shadow-color: #ccc;
  scrollbar-darkshadow-color: #ccc;
  scrollbar-track-color: #f8f8f8;
}

.page-1gNvJO .container-2BUi8r::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background: #f8f8f8;
}

.page-1gNvJO .container-2BUi8r::-webkit-scrollbar-track-piece {
  background: 0 0;
}

.page-1gNvJO .container-2BUi8r::-webkit-scrollbar-button {
  display: none;
}

.page-1gNvJO .container-2BUi8r::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #ccc;
}

.page-web-nTT4SE.page-dark-2QA2wi .container-2BUi8r {
  padding-top: 20px;
}

.page-web-nTT4SE.page-dark-2QA2wi .btn-mod-29T7TH {
  padding: 0px 16px 12px;
}

.page-win-2Quth4, .page-dark-2QA2wi {
  padding: 0 2px;
  background-color: #292929;
}

.page-win-2Quth4.page-login-2g_YSF, .page-dark-2QA2wi.page-login-2g_YSF {
  padding-bottom: 80px;
}

.page-win-2Quth4.page-nologin-2-m8s4, .page-dark-2QA2wi.page-nologin-2-m8s4 {
  padding-bottom: 136px;
}

.page-win-2Quth4 .container-2BUi8r, .page-dark-2QA2wi .container-2BUi8r {
  padding: 8px 14px 0px 14px;
  height: 100%;
  overflow-y: auto;
  scrollbar-track-color: #292929;
}

.page-win-2Quth4 .container-2BUi8r::-webkit-scrollbar, .page-dark-2QA2wi .container-2BUi8r::-webkit-scrollbar {
  background: #292929;
}

.page-win-2Quth4 .container-2BUi8r .title-mod-277ewC, .page-dark-2QA2wi .container-2BUi8r .title-mod-277ewC {
  margin-bottom: 10px;
}

.page-win-2Quth4 .btn-mod-29T7TH, .page-dark-2QA2wi .btn-mod-29T7TH {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0px 16px;
  box-sizing: border-box;
}

.page-win-2Quth4 .btn-mod-29T7TH .btn-item-2BurMF, .page-dark-2QA2wi .btn-mod-29T7TH .btn-item-2BurMF {
  box-sizing: border-box;
  height: 58px;
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #292929;
}

.page-win-2Quth4 .btn-mod-29T7TH .btn-item-2BurMF:first-child, .page-dark-2QA2wi .btn-mod-29T7TH .btn-item-2BurMF:first-child {
  padding-top: 60px;
  padding-bottom: 8px;
  height: 110px;
  background-color: transparent;
  background-image: linear-gradient(180deg, rgba(41, 41, 41, 0) 0%, #292929 40%);
}

.page-light-kbRMYd {
  padding: 20px 2px 0 2px;
  background-color: #fff;
}

.page-light-kbRMYd.page-login-2g_YSF {
  padding-bottom: 76px;
}

.page-light-kbRMYd.page-nologin-2-m8s4 {
  padding-bottom: 132px;
}

.page-light-kbRMYd .container-2BUi8r {
  box-sizing: border-box;
  height: 100%;
  overflow-y: auto;
  padding: 0px 14px;
}

.page-light-kbRMYd .container-2BUi8r .title-mod-277ewC {
  margin-bottom: 10px;
}

.page-light-kbRMYd .btn-mod-29T7TH {
  width: 100%;
  position: absolute;
  bottom: 0;
  padding: 0 16px;
  background: #fff;
  box-sizing: border-box;
}

.page-light-kbRMYd .btn-mod-29T7TH .btn-item-2BurMF:first-child {
  margin: 12px 0 16px;
}

.page-light-kbRMYd .btn-mod-29T7TH .btn-item-2BurMF:first-child button {
  height: 42px;
  background: rgba(0, 0, 0, 0.08);
  border-radius: 21px;
  font-size: 14px;
  color: #666666;
  margin: 0 auto;
}

.page-light-kbRMYd .btn-mod-29T7TH .btn-item-2BurMF:last-child {
  margin-bottom: 20px;
}

.page-1gNvJO.page-loading-1NGDVG {
  padding-top: 0px;
  padding-bottom: 0px;
}

.page-1gNvJO.page-error-34Rc3b {
  padding-top: 0px;
  padding-bottom: 0px;
}

.btn-wrapper-VrWWiu {
  width: 100%;
  height: 100%;
}

.btn-16u3fe {
  letter-spacing: 0;
  text-align: center;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn-win-3Gc_Z4, .btn-dark-28cYWq {
  background-color: rgba(255, 255, 255, 0.1);
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
}

.btn-win-3Gc_Z4.btn-login-3QerU_, .btn-dark-28cYWq.btn-login-3QerU_ {
  background: #ff6022;
}

.btn-light-LA6vzy.btn-login-3QerU_ {
  height: 42px;
  background-image: linear-gradient(90deg, #ffb821 0%, #ff5c38 48%, #ff1459 100%);
  border-radius: 21px;
  font-size: 14px;
  color: #ffffff;
  margin: 0 auto;
}

.btn-default-3yT8ZZ {
  width: 82px;
  height: 32px;
  border-radius: 16px;
}

.btn-whole-1VTICj {
  width: 100%;
  height: 100%;
  border-radius: 21px;
}

.game-list-win-111JGJ, .game-list-dark-12fRXf {
  background-color: #292929;
  border-radius: 16px;
}

.game-list-win-111JGJ .title-mod-2dMrpz, .game-list-dark-12fRXf .title-mod-2dMrpz {
  margin-bottom: 10px;
}

.game-list-win-111JGJ .game-item-mod-2sl1RQ, .game-list-dark-12fRXf .game-item-mod-2sl1RQ {
  margin-bottom: 12px;
}

.game-item-C_1al3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

@media screen and (min-width: 1400px) and (max-width: 1599px) {
  .game-item-C_1al3 .game-intro-wrapper-NoQkJ0 .game-intro-3kEgVv .game-desc-uq14Mp {
    max-width: 110px !important;
  }
}
@media screen and (max-width: 340px) {
  .game-item-C_1al3 .game-intro-wrapper-NoQkJ0 .game-intro-3kEgVv .game-name-3iLKeC, .game-item-C_1al3 .game-intro-wrapper-NoQkJ0 .game-intro-3kEgVv .game-desc-uq14Mp {
    max-width: 110px !important;
  }
}
.game-item-C_1al3 .game-intro-wrapper-NoQkJ0 {
  display: flex;
  align-items: center;
}

.game-item-C_1al3 .game-intro-wrapper-NoQkJ0 .game-icon-wrapper-NU4gD_ {
  width: 56px;
  height: 56px;
  position: relative;
}

.game-item-C_1al3 .game-intro-wrapper-NoQkJ0 .game-icon-wrapper-NU4gD_ .game-icon-1KPsxi {
  width: 100%;
  height: 100%;
  border-radius: 14px;
}

.game-item-C_1al3 .game-intro-wrapper-NoQkJ0 .game-icon-wrapper-NU4gD_ .game-secondplay-icon-UhT9yl {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 0;
  right: 0;
}

.game-item-C_1al3 .game-intro-wrapper-NoQkJ0 .game-intro-3kEgVv {
  margin-left: 12px;
}

.game-item-C_1al3 .game-intro-wrapper-NoQkJ0 .game-intro-3kEgVv .game-name-3iLKeC {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0;
  margin-bottom: 4px;
  line-height: 16px;
}

.game-item-C_1al3 .game-intro-wrapper-NoQkJ0 .game-intro-3kEgVv .game-name-3iLKeC.no-game-tag-1DAgz1 {
  margin-bottom: 8px;
}

.game-item-C_1al3 .game-intro-wrapper-NoQkJ0 .game-intro-3kEgVv .game-recent-a4Litb {
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 14px;
}

.game-item-C_1al3 .game-intro-wrapper-NoQkJ0 .game-intro-3kEgVv .game-tag-1Gxbjb {
  font-weight: 400;
  font-size: 12px;
  margin-bottom: 6px;
  height: 16px;
}

.game-item-C_1al3 .game-intro-wrapper-NoQkJ0 .game-intro-3kEgVv .game-tag-1Gxbjb .game-tag-item-3s57Kp {
  line-height: 12px;
  padding: 2px;
  margin-right: 7px;
}

.game-item-C_1al3 .game-intro-wrapper-NoQkJ0 .game-intro-3kEgVv .game-desc-uq14Mp {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  max-width: 140px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.game-item-C_1al3 .game-intro-wrapper-NoQkJ0 .game-intro-3kEgVv .game-recent-a4Litb {
  font-size: 12px;
  margin-top: 8px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 14px;
}

.game-item-C_1al3 .game-btn-Li1mTn {
  width: 82px;
  height: 32px;
  border-radius: 16px;
  border: none;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0;
}

.game-item-C_1al3 .game-btn-Li1mTn .play-icon-1ZTXDX {
  margin-right: 5px;
  height: 14px;
  width: 7px;
  fill: currentColor;
}

.game-item-C_1al3.game-item-win-_V-gpH .game-intro-wrapper-NoQkJ0 .game-intro-3kEgVv .game-name-3iLKeC, .game-item-C_1al3.game-item-dark-27Sp6F .game-intro-wrapper-NoQkJ0 .game-intro-3kEgVv .game-name-3iLKeC {
  color: #ffffff;
}

.game-item-C_1al3.game-item-win-_V-gpH .game-intro-wrapper-NoQkJ0 .game-intro-3kEgVv .game-recent-a4Litb, .game-item-C_1al3.game-item-dark-27Sp6F .game-intro-wrapper-NoQkJ0 .game-intro-3kEgVv .game-recent-a4Litb {
  color: rgba(255, 255, 255, 0.5);
}

.game-item-C_1al3.game-item-win-_V-gpH .game-intro-wrapper-NoQkJ0 .game-intro-3kEgVv .game-tag-1Gxbjb, .game-item-C_1al3.game-item-dark-27Sp6F .game-intro-wrapper-NoQkJ0 .game-intro-3kEgVv .game-tag-1Gxbjb {
  color: rgba(255, 255, 255, 0.6);
}

.game-item-C_1al3.game-item-win-_V-gpH .game-intro-wrapper-NoQkJ0 .game-intro-3kEgVv .game-tag-1Gxbjb .game-tag-item-3s57Kp, .game-item-C_1al3.game-item-dark-27Sp6F .game-intro-wrapper-NoQkJ0 .game-intro-3kEgVv .game-tag-1Gxbjb .game-tag-item-3s57Kp {
  background-color: rgba(255, 255, 255, 0.08);
}

.game-item-C_1al3.game-item-win-_V-gpH .game-intro-wrapper-NoQkJ0 .game-intro-3kEgVv .game-desc-uq14Mp, .game-item-C_1al3.game-item-dark-27Sp6F .game-intro-wrapper-NoQkJ0 .game-intro-3kEgVv .game-desc-uq14Mp {
  color: rgba(255, 255, 255, 0.5);
}

.game-item-C_1al3.game-item-win-_V-gpH .game-intro-wrapper-NoQkJ0 .game-intro-3kEgVv .game-recent-a4Litb, .game-item-C_1al3.game-item-dark-27Sp6F .game-intro-wrapper-NoQkJ0 .game-intro-3kEgVv .game-recent-a4Litb {
  color: rgba(255, 255, 255, 0.5);
}

.game-item-C_1al3.game-item-win-_V-gpH:hover .game-intro-wrapper-NoQkJ0 .game-intro-3kEgVv .game-name-3iLKeC, .game-item-C_1al3.game-item-dark-27Sp6F:hover .game-intro-wrapper-NoQkJ0 .game-intro-3kEgVv .game-name-3iLKeC {
  color: #ff6022;
}

.game-item-C_1al3.game-item-win-_V-gpH:hover button, .game-item-C_1al3.game-item-dark-27Sp6F:hover button {
  background: #ff6022;
}

.game-item-C_1al3.game-item-light-Q4UMxl:hover .game-intro-wrapper-NoQkJ0 .game-intro-3kEgVv .game-name-3iLKeC {
  color: #ff6022 !important;
}

.game-item-C_1al3.game-item-light-Q4UMxl:hover button {
  background-image: linear-gradient(90deg, #ffc44b 0%, #ff175a 100%);
  color: #ffffff;
}

.game-item-win-_V-gpH .game-intro-wrapper-NoQkJ0 .game-intro-3kEgVv .game-name-3iLKeC {
  max-width: 160px;
}

.game-item-win-_V-gpH .game-btn-Li1mTn .game-btn-text-1ERKkf {
  margin-top: -2px;
}

.game-list-light-3Jxt__ button {
  background: rgba(255, 96, 34, 0.1);
  font-size: 13px;
  color: #ff6022;
}

.game-list-light-3Jxt__ .game-item-mod-2sl1RQ {
  margin-bottom: 12px;
}

.game-list-light-3Jxt__ .game-item-mod-2sl1RQ .game-item-C_1al3 .game-intro-wrapper-NoQkJ0 .game-intro-3kEgVv .game-name-3iLKeC {
  color: #111111;
}

.game-list-light-3Jxt__ .game-item-mod-2sl1RQ .game-item-C_1al3 .game-intro-wrapper-NoQkJ0 .game-intro-3kEgVv .game-desc-uq14Mp {
  color: #666666;
}

.title-wrapper.svelte-1k2e40d {
  font-weight: 400;
  font-size: 14px;
  color: #999999;
  letter-spacing: 0;
  line-height: 16px;
}

.title-small.svelte-1k2e40d {
  font-family: PingFangSC-Regular;
  font-size: 13px;
}

.loading-wrapper-2xbZ0M {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
}

.loading-wrapper-2xbZ0M .loading-css-3ojOaK {
  width: 22px;
  height: 22px;
  display: inline-block;
  border: 4px solid transparent;
  border-top: 4px solid #fe5b34;
  border-left: 4px solid #fe5b34;
  border-radius: 50%;
  animation: iwan-loading-360 0.8s infinite linear;
}

.loading-wrapper-2xbZ0M .loading-text-1ssqDy {
  margin-top: 9px;
  opacity: 0.6;
  font-weight: 500;
  font-size: 14px;
  color: #ffffff;
  letter-spacing: 0;
}

.loading-wrapper-light-3ZtYsx .loading-text-1ssqDy {
  color: #999999;
}

.error-wrapper-ds5A0U {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #FFFFFF;
  font-weight: 500;
  letter-spacing: 0;
}

.error-wrapper-ds5A0U .error-svg-3YFP_h {
  width: 122px;
  height: 132px;
  margin-bottom: 57px;
  fill: currentColor;
}

.error-wrapper-ds5A0U .error-text-2wGsq8 {
  height: 20px;
  opacity: 0.6;
  font-size: 14px;
}

.error-wrapper-ds5A0U .error-code-3by36i {
  margin-top: 4px;
  height: 20px;
  opacity: 0.6;
  font-size: 14px;
}

.error-wrapper-ds5A0U .error-btn-3S8D1A {
  border: none;
  width: 85px;
  height: 36px;
  margin-top: 16px;
  background: #FF6022;
  border-radius: 23.5px;
  color: #FFFFFF;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.error-wrapper-ds5A0U .error-btn-3S8D1A .retry-icon-IPNS2M {
  margin-right: 6px;
  height: 16px;
  width: 16px;
  fill: currentColor;
}

.error-wrapper-light-26oDAD {
  color: #999999;
}