/** mixins **/

#home .yuyue-animation-body {
  -webkit-animation: yuyueAnimation 2s steps(1) infinite;
  animation: yuyueAnimation 2s steps(1) infinite;
}

@-webkit-keyframes downloadAnimation {
  0% {
    background-position: 0 0;
    /* no */
  }

  4.2% {
    background-position: -356px 0;
  }

  8.3% {
    background-position: -712px 0;
  }

  12.5% {
    background-position: -1068px 0;
  }

  16.7% {
    background-position: -1424px 0;
  }

  20.8% {
    background-position: 0 -156px;
  }

  25% {
    background-position: -356px -156px;
  }

  29.2% {
    background-position: -712px -156px;
  }

  33.3% {
    background-position: -1068px -156px;
  }

  37.5% {
    background-position: -1424px -156px;
  }

  41.7% {
    background-position: 0 -312px;
  }

  45.8% {
    background-position: -356px -312px;
  }

  50% {
    background-position: -712px -312px;
  }

  54.2% {
    background-position: -1068px -312px;
  }

  58.3% {
    background-position: -1424px -312px;
  }

  62.5% {
    background-position: 0 -468px;
  }

  66.7% {
    background-position: -356px -468px;
  }

  70.8% {
    background-position: -712px -468px;
  }

  75% {
    background-position: -1068px -468px;
  }

  79.2% {
    background-position: -1424px -468px;
  }

  83.3% {
    background-position: 0 -624px;
  }

  87.5% {
    background-position: -356px -624px;
  }

  91.7% {
    background-position: -712px -624px;
  }

  95.8% {
    background-position: -1068px -624px;
  }

  100% {
    background-position: -1068px -624px;
  }
}

@keyframes downloadAnimation {
  0% {
    background-position: 0 0;
    /* no */
  }

  4.2% {
    background-position: -356px 0;
  }

  8.3% {
    background-position: -712px 0;
  }

  12.5% {
    background-position: -1068px 0;
  }

  16.7% {
    background-position: -1424px 0;
  }

  20.8% {
    background-position: 0 -156px;
  }

  25% {
    background-position: -356px -156px;
  }

  29.2% {
    background-position: -712px -156px;
  }

  33.3% {
    background-position: -1068px -156px;
  }

  37.5% {
    background-position: -1424px -156px;
  }

  41.7% {
    background-position: 0 -312px;
  }

  45.8% {
    background-position: -356px -312px;
  }

  50% {
    background-position: -712px -312px;
  }

  54.2% {
    background-position: -1068px -312px;
  }

  58.3% {
    background-position: -1424px -312px;
  }

  62.5% {
    background-position: 0 -468px;
  }

  66.7% {
    background-position: -356px -468px;
  }

  70.8% {
    background-position: -712px -468px;
  }

  75% {
    background-position: -1068px -468px;
  }

  79.2% {
    background-position: -1424px -468px;
  }

  83.3% {
    background-position: 0 -624px;
  }

  87.5% {
    background-position: -356px -624px;
  }

  91.7% {
    background-position: -712px -624px;
  }

  95.8% {
    background-position: -1068px -624px;
  }

  100% {
    background-position: -1068px -624px;
  }
}

@-webkit-keyframes yuyueAnimation {
  0% {
    background-position: 0 0;
    /* no */
  }

  4.2% {
    background-position: -198px 0;
  }

  8.3% {
    background-position: -396px 0;
  }

  12.5% {
    background-position: -594px 0;
  }

  16.7% {
    background-position: -792px 0;
  }

  20.8% {
    background-position: 0 -172px;
  }

  25% {
    background-position: -198px -172px;
  }

  29.2% {
    background-position: -396px -172px;
  }

  33.3% {
    background-position: -594px -172px;
  }

  37.5% {
    background-position: -792px -172px;
  }

  41.7% {
    background-position: 0 -344px;
  }

  45.8% {
    background-position: -198px -344px;
  }

  50% {
    background-position: -396px -344px;
  }

  54.2% {
    background-position: -594px -344px;
  }

  58.3% {
    background-position: -792px -344px;
  }

  62.5% {
    background-position: 0 -516px;
  }

  66.7% {
    background-position: -198px -516px;
  }

  70.8% {
    background-position: -396px -516px;
  }

  75% {
    background-position: -594px -516px;
  }

  79.2% {
    background-position: -792px -516px;
  }

  83.3% {
    background-position: 0 -688px;
  }

  87.5% {
    background-position: -198px -688px;
  }

  91.7% {
    background-position: -396px -688px;
  }

  95.8% {
    background-position: -594px -688px;
  }

  100% {
    background-position: -594px -688px;
  }
}

@keyframes yuyueAnimation {
  0% {
    background-position: 0 0;
    /* no */
  }

  4.2% {
    background-position: -198px 0;
  }

  8.3% {
    background-position: -396px 0;
  }

  12.5% {
    background-position: -594px 0;
  }

  16.7% {
    background-position: -792px 0;
  }

  20.8% {
    background-position: 0 -172px;
  }

  25% {
    background-position: -198px -172px;
  }

  29.2% {
    background-position: -396px -172px;
  }

  33.3% {
    background-position: -594px -172px;
  }

  37.5% {
    background-position: -792px -172px;
  }

  41.7% {
    background-position: 0 -344px;
  }

  45.8% {
    background-position: -198px -344px;
  }

  50% {
    background-position: -396px -344px;
  }

  54.2% {
    background-position: -594px -344px;
  }

  58.3% {
    background-position: -792px -344px;
  }

  62.5% {
    background-position: 0 -516px;
  }

  66.7% {
    background-position: -198px -516px;
  }

  70.8% {
    background-position: -396px -516px;
  }

  75% {
    background-position: -594px -516px;
  }

  79.2% {
    background-position: -792px -516px;
  }

  83.3% {
    background-position: 0 -688px;
  }

  87.5% {
    background-position: -198px -688px;
  }

  91.7% {
    background-position: -396px -688px;
  }

  95.8% {
    background-position: -594px -688px;
  }

  100% {
    background-position: -594px -688px;
  }
}

#leihuo-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
}

#leihuo-top.on {
  -webkit-animation: bgmIcon 0.4s linear forwards;
  animation: bgmIcon 0.4s linear forwards;
  opacity: 1;
}

#leihuo-top .hasLogo {
  position: absolute;
  left: 0.28rem;
  top: 1.32rem;
  display: none;
  width: 2.25rem;
  height: 0.78rem;
}

#leihuo-top .hasLogo img {
  width: 100%;
  height: 100%;
}

#leihuo-top #leihuo_top_content {
  position: absolute;
  right: 1.1rem;
  top: 1.36rem;
}

#leihuo-top #leihuo_top_content #btn_gw,
#leihuo-top #leihuo_top_content #btn_download,
#leihuo-top #leihuo_top_content .wrap_share {
  opacity: 0;
  display: none;
}

#leihuo-top #leihuo_top_content #btn_audio {
  background: url(https://h.res.netease.com/pc/zt/20230619120507/assets/sprite-296667_2966670a.png) no-repeat;
  background-size: 8.99rem 6.26rem;
  background-position: -7.92rem -4.81rem;
  width: 0.51rem;
  height: 0.52rem;
}

#leihuo-top #leihuo_top_content #btn_audio.pause {
  background: url(https://h.res.netease.com/pc/zt/20230619120507/assets/sprite-296667_2966670a.png) no-repeat;
  background-size: 8.99rem 6.26rem;
  background-position: -6.96rem -3.12rem;
  width: 0.51rem;
  height: 0.52rem;
}

#leihuo-top #leihuo_top_content #btn_audio .icon {
  width: 100%;
  height: 100%;
  opacity: 0;
}

#leihuo-top #leihuo_top_content #btn_audio .icon .border,
#leihuo-top #leihuo_top_content #btn_audio .icon .leihuotopiconfont {
  width: 100%;
  height: 100%;
}

#leihuo-top #leihuo_top_content #btn_audio .label {
  position: absolute;
  width: 100%;
  height: 100%;
}

.home {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.home-logo {
  position: absolute;
  left: 0.28rem;
  top: 1.32rem;
  display: block;
  width: 2.25rem;
}

.home .btn-activity {
  position: absolute;
  display: block;
}

.home .btn-activity.activity-ip {
  right: 0.1rem;
  bottom: 3.8rem;
  background: url(https://h.res.netease.com/pc/zt/20230619120507/assets/sprite-296667_2966670a.png) no-repeat;
  background-size: 8.99rem 6.26rem;
  background-position: -6.96rem -0;
  width: 0.92rem;
  height: 3.08rem;
}

.home .btn-activity.activity-zhuli {
  left: 0.06rem;
  bottom: 4rem;
  background: url(https://h.res.netease.com/pc/zt/20230619120507/assets/sprite-296667_2966670a.png) no-repeat;
  background-size: 8.99rem 6.26rem;
  background-position: -7.92rem -0;
  width: 1.03rem;
  height: 2.7rem;
}

.home .slogan {
  display: none;
  width: 3.26rem;
  height: 4.94rem;
  position: absolute;
  left: 0.04rem;
  top: 1.98rem;
}

.home-title {
  display: block;
  margin: 0 auto;
  width: 1.84rem;
  height: 2.88rem;
}

.home .play-btn {
  display: none;
  position: absolute;
  top: 5.92rem;
  left: 0.96rem;
  background: url(https://h.res.netease.com/pc/zt/20230619120507/assets/sprite-296667_2966670a.png);
  background-size: 8.99rem 6.26rem;
  background-position: -7.92rem -2.74rem;
  width: 0.98rem;
  height: 0.98rem;
}

.home .home__bottom {
  position: absolute;
  bottom: -0.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

.home .home__bottom .btn-group-wrap {
  position: relative;
}

.home .home__bottom .btn-group-wrap .download-wrapper {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 0.01rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.home .home__bottom .btn-group-wrap .download-wrapper .yuyue {
  position: relative;
  top: -0.05rem;
  display: block;
  margin-right: -0.34rem;
  margin-left: -0.36rem;
  background: url(https://h.res.netease.com/pc/zt/20230619120507/assets/sprite-296667_2966670a.png) no-repeat;
  background-size: 8.99rem 6.26rem;
  background-position: -0 -0;
  width: 3.44rem;
  height: 2.92rem;
}

.home .home__bottom .btn-group-wrap .download-wrapper .yuyue.is_wx {
  background: url(https://h.res.netease.com/pc/zt/20230619120507/assets/sprite-296667_2966670a.png) no-repeat;
  background-size: 8.99rem 6.26rem;
  background-position: -3.48rem -0;
  width: 3.44rem;
  height: 2.92rem;
}

.home .home__bottom .btn-group-wrap .download-wrapper .yuyue-animation {
  height: 1.72rem;
  width: 1.98rem;
  font-size: 0;
  position: absolute;
  top: 0.66rem;
  left: 0.98rem;
}

.home .home__bottom .btn-group-wrap .download-wrapper .yuyue-animation-body {
  height: 172px;
  width: 198px;
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20230619120507/assets/award_791b3760.png);
  background-size: 500% 500%;
}

.home .home__bottom .btn-group-wrap .download-wrapper .download {
  width: 3.56rem;
  height: 1.56rem;
  font-size: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  margin-bottom: 0.05rem;
}

.home .home__bottom .btn-group-wrap .download-wrapper .download .download-animation {
  position: absolute;
  left: 0;
  top: 0;
  height: 1.56rem;
  width: 3.56rem;
  mix-blend-mode: normal;
  -webkit-transform-origin: 11% -108%;
  transform-origin: 11% -108%;
}

.home .home__bottom .btn-group-wrap .download-wrapper .download .download-animation-content {
  height: 156px;
  width: 356px;
  font-size: 0;
  -webkit-animation: downloadAnimation 2s steps(1) infinite normal;
  animation: downloadAnimation 2s steps(1) infinite normal;
  background: url(https://h.res.netease.com/pc/zt/20230619120507/assets/download-btn_89fc2092.png);
  background-size: 500% 500%;
}

.home .home__bottom .btn-group-wrap .download-wrapper .download-btn-title {
  background: url(https://h.res.netease.com/pc/zt/20230619120507/assets/sprite-296667_2966670a.png) no-repeat;
  background-size: 8.99rem 6.26rem;
  background-position: -0 -2.96rem;
  width: 3.01rem;
  height: 1.15rem;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.home .home__bottom .btn-group-wrap .download-wrapper .download-btn-title.is_wx {
  background: url(https://h.res.netease.com/pc/zt/20230619120507/assets/sprite-296667_2966670a.png) no-repeat;
  background-size: 8.99rem 6.26rem;
  background-position: -3.05rem -2.96rem;
  width: 3.01rem;
  height: 1.15rem;
}

.home .home__bottom .btn-group-wrap .btn-group {
  margin: 0.15rem 0 0 0.2rem;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.home .home__bottom .btn-group-wrap .btn-group.topbar-down {
  display: none;
}

.home .home__bottom .btn-group-wrap .btn-group > a:last-of-type {
  position: relative;
}

.home .home__bottom .btn-group-wrap .btn-group > a:last-of-type::after {
  position: absolute;
  right: -0.5rem;
  bottom: -0.35rem;
  z-index: -1;
  content: "";
  background: url(https://h.res.netease.com/pc/zt/20230619120507/assets/sprite-296667_2966670a.png) no-repeat;
  background-size: 8.99rem 6.26rem;
  background-position: -3.13rem -5.42rem;
  width: 1.49rem;
  height: 0.52rem;
}

.home .home__bottom .btn-group-wrap .btn-group .pay-btn {
  font-size: 0.28rem;
  font-weight: 600;
  background: url(https://h.res.netease.com/pc/zt/20230619120507/assets/sprite-296667_2966670a.png) no-repeat;
  background-size: 8.99rem 6.26rem;
  background-position: -2.47rem -4.15rem;
  width: 3.09rem;
  height: 0.8rem;
}

.home .home__bottom .btn-group-wrap .btn-group .game-btn {
  margin: 0 0.12rem;
  font-weight: 600;
  background: url(https://h.res.netease.com/pc/zt/20230619120507/assets/sprite-296667_2966670a.png) no-repeat;
  background-size: 8.99rem 6.26rem;
  background-position: -0 -5.42rem;
  width: 3.09rem;
  height: 0.8rem;
}

.home .home__bottom .btn-group-wrap .btn-group .game-btn.apple {
  width: 6.17rem;
  height: 0.8rem;
  background: url(https://h.res.netease.com/pc/zt/20230619120507/assets/game_btn_big_long_5b3df274.png) no-repeat;
  background-size: cover;
  margin-left: 0.04rem;
}

.home .home__bottom .next-btn {
  margin-top: 0.5rem;
  width: 0.6rem;
  height: 0.56rem;
  background: url(https://h.res.netease.com/pc/zt/20230619120507/assets/sprite-296667_2966670a.png) no-repeat;
  background-size: 7.192rem 3.470891rem;
  background-position: -6.336rem -3.008rem;
  background-size: contain;
  -webkit-animation: bounceTop 1.5s ease infinite;
  animation: bounceTop 1.5s ease infinite;
}

.home .video-wrapper {
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: -1;
  background-size: 7.5rem auto;
  background-position: top center;
}

.home .video-wrapper.nieplayer canvas {
  -o-object-fit: initial;
  object-fit: initial;
  width: 100% !important;
  height: auto;
  opacity: 0;
}

.home .video-wrapper-img {
  width: 7.5rem;
  overflow: hidden;
  position: absolute;
  top: 0;
}

.second .home-logo {
  width: 3.41rem;
  height: 0.83rem;
}

#app-info {
  display: none;
  position: absolute;
  top: 0.84rem;
  right: 0.4rem;
  background: url(https://h.res.netease.com/pc/zt/20230619120507/assets/sprite-296667_2966670a.png) no-repeat;
  background-size: 8.99rem 6.26rem;
  background-position: -5.6rem -4.15rem;
  width: 1.25rem;
  height: 0.24rem;
}

#app-info #leihuo-app-sys-info {
  width: 100%;
  height: 100%;
  min-height: 100%;
  padding: 0;
}

#app-info #leihuo-app-sys-info .leihuo-sys-pop-btn {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0;
  color: #fff;
}

#app-info #leihuo-app-sys-info .leihuo-sys-pop-btn .iconfont-app-info {
  opacity: 0;
}

#app-info #leihuo-app-sys-info .toggle-open-pop .toggle-open-wrap {
  background: url(https://h.res.netease.com/pc/zt/20230619120507/assets/bg_a6b297b3.png) no-repeat;
  background-size: 100% 100%;
  width: 6.87rem;
  height: 11.79rem;
  overflow: auto;
}

#app-info #leihuo-app-sys-info .toggle-open-pop .toggle-open-wrap::before {
  content: '';
  position: absolute;
  background: url(https://h.res.netease.com/pc/zt/20230619120507/assets/sprite-296667_2966670a.png) no-repeat;
  background-size: 8.99rem 6.26rem;
  background-position: -0 -4.15rem;
  width: 2.43rem;
  height: 1.23rem;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#app-info #leihuo-app-sys-info .toggle-open-pop .toggle-open-wrap .iconfont-app-info.icon-jiantou.sys-pop-close {
  background: url(https://h.res.netease.com/pc/zt/20230619120507/assets/sprite-296667_2966670a.png) no-repeat;
  background-size: 8.99rem 6.26rem;
  background-position: -8.47rem -4.81rem;
  width: 0.37rem;
  height: 0.36rem;
  right: 0.58rem;
  top: 0.46rem;
}

#app-info #leihuo-app-sys-info .toggle-open-pop .toggle-open-wrap .iconfont-app-info.icon-jiantou.sys-pop-close::before {
  content: '';
}

#app-info #leihuo-app-sys-info .toggle-open-pop .toggle-open-wrap .toggle-open-main {
  color: #363e45;
  margin: 1.2rem 0 0 0.4rem;
}

#app-info #leihuo-app-sys-info .toggle-open-pop .toggle-open-wrap .toggle-open-main a {
  color: #1c67b2;
  text-decoration: underline;
  text-underline-offset: 0.1rem;
}

#app-info #leihuo-app-sys-info .toggle-open-pop .toggle-open-wrap .toggle-open-main p {
  line-height: 1.6;
}

@-webkit-keyframes bounceTop {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(-0.2rem);
    transform: translateY(-0.2rem);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceTop {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(-0.2rem);
    transform: translateY(-0.2rem);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes bgmIcon {
  0% {
    -webkit-transform: translate(0, 0) scale(1, 1);
    transform: translate(0, 0) scale(1, 1);
    opacity: 0;
  }

  2.8% {
    -webkit-transform: translate(0, 0) scale(1, 1);
    transform: translate(0, 0) scale(1, 1);
    opacity: 0;
  }

  4.67% {
    -webkit-transform: translate(0, 0) scale(1, 1);
    transform: translate(0, 0) scale(1, 1);
    opacity: 0;
  }

  14.02% {
    -webkit-transform: translate(0, 0) scale(1, 1);
    transform: translate(0, 0) scale(1, 1);
    opacity: 0.5;
  }

  23.36% {
    -webkit-transform: translate(0, 0) scale(1, 1);
    transform: translate(0, 0) scale(1, 1);
    opacity: 1;
  }

  27.1% {
    -webkit-transform: translate(0, 0) scale(1, 1);
    transform: translate(0, 0) scale(1, 1);
    opacity: 1;
  }

  100% {
    -webkit-transform: translate(0, 0) scale(1, 1);
    transform: translate(0, 0) scale(1, 1);
    opacity: 1;
  }
}

@keyframes bgmIcon {
  0% {
    -webkit-transform: translate(0, 0) scale(1, 1);
    transform: translate(0, 0) scale(1, 1);
    opacity: 0;
  }

  2.8% {
    -webkit-transform: translate(0, 0) scale(1, 1);
    transform: translate(0, 0) scale(1, 1);
    opacity: 0;
  }

  4.67% {
    -webkit-transform: translate(0, 0) scale(1, 1);
    transform: translate(0, 0) scale(1, 1);
    opacity: 0;
  }

  14.02% {
    -webkit-transform: translate(0, 0) scale(1, 1);
    transform: translate(0, 0) scale(1, 1);
    opacity: 0.5;
  }

  23.36% {
    -webkit-transform: translate(0, 0) scale(1, 1);
    transform: translate(0, 0) scale(1, 1);
    opacity: 1;
  }

  27.1% {
    -webkit-transform: translate(0, 0) scale(1, 1);
    transform: translate(0, 0) scale(1, 1);
    opacity: 1;
  }

  100% {
    -webkit-transform: translate(0, 0) scale(1, 1);
    transform: translate(0, 0) scale(1, 1);
    opacity: 1;
  }
}

@media screen and (max-height: 700px) {
  #home .home__bottom {
    bottom: -1rem;
  }
}

@media screen and (max-height: 560px) {
  #home .home__bottom {
    bottom: 0.06rem;
  }

  #home .slogan {
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
    -webkit-transform-origin: top left;
    transform-origin: top left;
  }

  #home .play-btn {
    top: 5.3rem;
    left: 0.82rem;
  }
}

@media screen and (max-height: 470px) {
  #home .home__bottom {
    bottom: 0.06rem;
  }

  #home .slogan {
    -webkit-transform: scale(0.65);
    transform: scale(0.65);
    -webkit-transform-origin: top left;
    transform-origin: top left;
  }

  #home .play-btn {
    top: 4.56rem;
    left: 0.52rem;
  }
}
/** mixins **/

.award-pop {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 6;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(40, 40, 40, 0.7);
}

.award-pop .award-pop-content {
  position: absolute;
  top: 1.3rem;
  left: 50%;
  width: 6.91rem;
  height: 11.22rem;
  margin-left: -3.455rem;
  overflow: hidden;
  padding-top: 0.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.award-pop .award-pop-content[data-type="0"] {
  background: url(https://h.res.netease.com/pc/zt/20230619120507/assets/gc-2_4f54d6a2.png) no-repeat;
  background-size: 100% 100%;
}

.award-pop .award-pop-content[data-type="0"] .xchl-container {
  position: absolute;
  bottom: 1.9rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.award-pop .award-pop-content[data-type="0"] .xchl-container .xchl-link {
  background: url(https://h.res.netease.com/pc/zt/20230619120507/assets/sprite-fcab4f_fcab4f07.png) no-repeat;
  background-size: 13.58rem 11.26rem;
  background-position: -0 -0;
  width: 6.91rem;
  height: 11.22rem;
  display: block;
}

.award-pop .award-pop-content[data-type="1"] {
  background: url(https://h.res.netease.com/pc/zt/20230619120507/assets/gc-gift_e1dbcdb0.png) no-repeat;
  background-size: 100% 100%;
}

.award-pop .award-pop-content[data-type="2"] {
  background: url(https://h.res.netease.com/pc/zt/20230619120507/assets/gc-new_5982ecf4.png) no-repeat;
  background-size: 100% 100%;
}

.award-pop .award-tab {
  position: absolute;
  top: 0.42rem;
  left: 56%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: -3.3rem;
}

.award-pop .award-tab[data-type="0"] {
  background: url(https://h.res.netease.com/pc/zt/20230619120507/assets/sprite-fcab4f_fcab4f07.png) no-repeat;
  background-size: 13.58rem 11.26rem;
  background-position: -6.95rem -1.41rem;
  width: 5.88rem;
  height: 1.37rem;
}

.award-pop .award-tab[data-type="1"] {
  background: url(https://h.res.netease.com/pc/zt/20230619120507/assets/sprite-fcab4f_fcab4f07.png) no-repeat;
  background-size: 13.58rem 11.26rem;
  background-position: -6.95rem -0;
  width: 6.59rem;
  height: 1.37rem;
}

.award-pop .award-tab[data-type="2"] {
  background: url(https://h.res.netease.com/pc/zt/20230619120507/assets/sprite-fcab4f_fcab4f07.png) no-repeat;
  background-size: 13.58rem 11.26rem;
  background-position: -6.95rem -2.82rem;
  width: 5.77rem;
  height: 1.37rem;
}

.award-pop .award-tab > a {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
}

.award-pop .award-split-bg {
  position: absolute;
  top: 5.24rem;
  left: 0.5rem;
  width: 6.2rem;
  height: 4.75rem;
  z-index: -1;
}

.award-pop .award-pop-title {
  width: 2.43rem;
  height: 1.23rem;
  margin: 0 auto;
  background: url(https://h.res.netease.com/pc/zt/20230619120507/assets/sprite-fcab4f_fcab4f07.png) no-repeat;
  background-size: 13.58rem 11.26rem;
  background-position: -6.95rem -4.23rem;
}

.award-pop .award-pop-close {
  position: absolute;
  top: 0.36rem;
  right: 0.6rem;
  background: url(https://h.res.netease.com/pc/zt/20230619120507/assets/sprite-fcab4f_fcab4f07.png) no-repeat;
  background-size: 13.58rem 11.26rem;
  background-position: -12.87rem -1.41rem;
  width: 0.37rem;
  height: 0.36rem;
}

.award-pop .award-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.award-pop .award-1 {
  width: 6.51rem;
  height: 4.39rem;
  margin-left: -0.5rem;
  margin-top: -0.2rem;
}

.award-pop .award-2 {
  width: 4.62rem;
  height: 2.7rem;
  margin-top: -0.3rem;
}

.award-pop .award-3 {
  width: 5.3rem;
  height: 1.14rem;
  margin-top: -1.1rem;
}

.award-pop .award-4 {
  width: 5.17rem;
  height: 1.16rem;
  margin-top: 0.4rem;
}

.award-pop .award-more-btn {
  position: absolute;
  top: 9.2rem;
  left: 50%;
  display: none;
  margin-top: 0.2rem;
}

.award-pop .award-more-btn.on {
  display: block;
}

.award-pop .award-more-btn[data-type="0"] {
  margin-left: -2.05rem;
  background: url(https://h.res.netease.com/pc/zt/20230619120507/assets/sprite-fcab4f_fcab4f07.png) no-repeat;
  background-size: 13.58rem 11.26rem;
  background-position: -9.42rem -4.23rem;
  width: 4.1rem;
  height: 0.36rem;
}

.award-pop .award-more-btn[data-type="1"] {
  margin-left: -2.31rem;
  background: url(https://h.res.netease.com/pc/zt/20230619120507/assets/sprite-fcab4f_fcab4f07.png) no-repeat;
  background-size: 13.58rem 11.26rem;
  background-position: -6.95rem -5.5rem;
  width: 4.62rem;
  height: 0.36rem;
}

.award-pop .pop-download-btn {
  position: absolute;
  top: 9.88rem;
  left: 50%;
  display: block;
  margin-left: -1.165rem;
  background: url(https://h.res.netease.com/pc/zt/20230619120507/assets/sprite-fcab4f_fcab4f07.png) no-repeat;
  background-size: 13.58rem 11.26rem;
  background-position: -9.42rem -4.63rem;
  width: 2.33rem;
  height: 0.61rem;
  margin-top: 0.2rem;
}