@charset "UTF-8";
.popup-celebrity-team .celebrity-list .btn-view, .popup-reward .btn-confirm, .popup-team-guess .btn-confirm, .popup-receive .btn-cancel,
.popup-receive .btn-confirm, .popup-unlock .btn-confirm, .popup-entity .entity-get, .popup-convert .btn-group a, .popup-convert .entity-get, .base-milo-form .milo-form-submit, .popup-share .btn-share-copy, .popup-choose .btn-choose-init, .popup-team .team-confirm, .popup-inquiry .btn-cancel,
.popup-inquiry .btn-confirm, .module-guess .knockout-list .knockout-item .btn-submit, .module-encore .card-panel .card-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 185px;
  height: 47px;
  font-weight: bold;
  font-size: 26px;
  text-align: center;
  color: #fff6e7;
}
.popup-celebrity-team .celebrity-list .btn-view::before, .popup-reward .btn-confirm::before, .popup-team-guess .btn-confirm::before, .popup-receive .btn-cancel::before,
.popup-receive .btn-confirm::before, .popup-unlock .btn-confirm::before, .popup-entity .entity-get::before, .popup-convert .btn-group a::before, .popup-convert .entity-get::before, .base-milo-form .milo-form-submit::before, .popup-share .btn-share-copy::before, .popup-choose .btn-choose-init::before, .popup-team .team-confirm::before, .popup-inquiry .btn-cancel::before,
.popup-inquiry .btn-confirm::before, .module-guess .knockout-list .knockout-item .btn-submit::before, .module-encore .card-panel .card-btn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  background-color: #fe4754;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  clip-path: polygon(6px 6px, 6px 0, 100% 0, 100% 100%, 0 100%, 0 6px);
}
.popup-celebrity-team .celebrity-list .btn-view::after, .popup-reward .btn-confirm::after, .popup-team-guess .btn-confirm::after, .popup-receive .btn-cancel::after,
.popup-receive .btn-confirm::after, .popup-unlock .btn-confirm::after, .popup-entity .entity-get::after, .popup-convert .btn-group a::after, .popup-convert .entity-get::after, .base-milo-form .milo-form-submit::after, .popup-share .btn-share-copy::after, .popup-choose .btn-choose-init::after, .popup-team .team-confirm::after, .popup-inquiry .btn-cancel::after,
.popup-inquiry .btn-confirm::after, .module-guess .knockout-list .knockout-item .btn-submit::after, .module-encore .card-panel .card-btn::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 6px;
  height: 6px;
  background-color: #f2f6ef;
}
.popup-celebrity-team .celebrity-list .gray.btn-view, .popup-reward .gray.btn-confirm, .popup-team-guess .gray.btn-confirm, .popup-receive .gray.btn-cancel,
.popup-receive .gray.btn-confirm, .popup-unlock .gray.btn-confirm, .popup-entity .gray.entity-get, .popup-convert .btn-group a.gray, .popup-convert .gray.entity-get, .base-milo-form .gray.milo-form-submit, .popup-share .gray.btn-share-copy, .popup-choose .gray.btn-choose-init, .popup-team .gray.team-confirm, .popup-inquiry .gray.btn-cancel,
.popup-inquiry .gray.btn-confirm, .module-guess .knockout-list .knockout-item .gray.btn-submit, .module-encore .card-panel .gray.card-btn {
  pointer-events: none;
}
.popup-celebrity-team .celebrity-list .gray.btn-view::before, .popup-reward .gray.btn-confirm::before, .popup-team-guess .gray.btn-confirm::before, .popup-receive .gray.btn-cancel::before,
.popup-receive .gray.btn-confirm::before, .popup-unlock .gray.btn-confirm::before, .popup-entity .gray.entity-get::before, .popup-convert .btn-group a.gray::before, .popup-convert .gray.entity-get::before, .base-milo-form .gray.milo-form-submit::before, .popup-share .gray.btn-share-copy::before, .popup-choose .gray.btn-choose-init::before, .popup-team .gray.team-confirm::before, .popup-inquiry .gray.btn-cancel::before,
.popup-inquiry .gray.btn-confirm::before, .module-guess .knockout-list .knockout-item .gray.btn-submit::before, .module-encore .card-panel .gray.card-btn::before {
  background-color: #6f717a;
}
.popup-celebrity-team .celebrity-list .btn-view span, .popup-reward .btn-confirm span, .popup-team-guess .btn-confirm span, .popup-receive .btn-cancel span,
.popup-receive .btn-confirm span, .popup-unlock .btn-confirm span, .popup-entity .entity-get span, .popup-convert .btn-group a span, .popup-convert .entity-get span, .base-milo-form .milo-form-submit span, .popup-share .btn-share-copy span, .popup-choose .btn-choose-init span, .popup-team .team-confirm span, .popup-inquiry .btn-cancel span,
.popup-inquiry .btn-confirm span, .module-guess .knockout-list .knockout-item .btn-submit span, .module-encore .card-panel .card-btn span {
  position: relative;
  line-height: 1;
}

.module-guess .btn-rank, .module-guess .knockout-group a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 340px;
  height: 100px;
  border: 1px solid #fe4754;
}
.module-guess .btn-rank::before, .module-guess .knockout-group a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  background-color: #fe4754;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  clip-path: polygon(6px 6px, 6px 0, 100% 0, 100% 100%, 0 100%, 0 6px);
}
.module-guess .btn-rank::after, .module-guess .knockout-group a::after {
  content: "";
  position: absolute;
  bottom: 4px;
  right: 4px;
  width: 6px;
  height: 6px;
  background-color: #fff6e7;
}
.module-guess .purple.btn-rank, .module-guess .knockout-group a.purple {
  border: 1px solid #472abb;
}
.module-guess .purple.btn-rank::before, .module-guess .knockout-group a.purple::before {
  background-color: #472abb;
}
.module-guess .gray.btn-rank, .module-guess .knockout-group a.gray {
  pointer-events: none;
  -webkit-filter: grayscale(1) brightness(0.8);
          filter: grayscale(1) brightness(0.8);
}
.module-guess .btn-rank span, .module-guess .knockout-group a span {
  position: relative;
  line-height: 50px;
  font-weight: bold;
  font-size: 22px;
  letter-spacing: 10px;
  color: #fff6e7;
}

.module-encore .pool-panel .pool-title, .module-encore .card-panel .card-title, .module-task .task-panel .task-title, .module-task .lottery-panel .lottery-title, .module-task .prop-panel .prop-title {
  line-height: 1;
  font-weight: bold;
  font-size: 27px;
  color: #d7d1c7;
}
.module-encore .pool-panel .pool-title span, .module-encore .card-panel .card-title span, .module-task .task-panel .task-title span, .module-task .lottery-panel .lottery-title span, .module-task .prop-panel .prop-title span {
  color: #fe4754;
}

.module-guess, .module-live, .module-encore, .module-task {
  position: relative;
}
.module-guess::before, .module-live::before, .module-encore::before, .module-task::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 1282px;
  height: 6px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/module-line.png");
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

/* reset start */
html, body, div, p, ul, li, dl, dt, dd, em, i, span, a, img, input, h1, h2, h3, h4, h5 {
  margin: 0;
  padding: 0;
}

a, img, input {
  border: none;
}

ul, li {
  list-style: none;
}

a {
  text-decoration: none;
  color: #d7d1c7;
}
a:hover {
  -webkit-filter: brightness(1);
          filter: brightness(1);
}

picture {
  display: block;
}

img[src=""], img:not([src]) {
  opacity: 0;
  visibility: hidden;
}

img {
  display: block;
}

button, input, select, textarea {
  font-size: 100%;
  outline: none;
}

html {
  -ms-touch-action: none;
      touch-action: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: #000;
}

body {
  background-color: #000;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-text-size-adjust: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* reset end */
html,
body {
  min-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

body {
  font-family: "ya hei";
  font-size: 16px;
}

.hidden {
  display: none;
}

.lock {
  pointer-events: none;
}

html,
body {
  position: relative;
  width: 100%;
}

/* 登录 */
.page-login {
  position: absolute;
  top: 38px;
  right: 160px;
  z-index: 2;
  line-height: 1;
  padding-left: 30px;
  font-size: 15px;
  color: #f7f6f6;
}
.page-login a {
  color: #ff4352;
}

#milo-logined {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#milo-logout, .areaContainer {
  margin-left: 0px;
}

#milo-userUin,
#milo-roleName {
  max-width: 100px;
  color: #ff4352;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* 自定义弹窗 */
.dialog {
  display: none;
}

#dialog-wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed;
  left: 0;
  top: 0;
  margin: 0;
  display: none;
  z-index: 1002;
}

#dialog-wrapper .dialog-mask {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.8);
  margin: 0;
  backdrop-filter: blur(2px);
}

#dialog-wrapper .popup {
  position: relative;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.popup {
  display: none;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.popup *,
.popup ::before,
.popup ::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.popup .popup-body {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 40px 50px;
}
.popup .popup-close {
  position: absolute;
  top: 0;
  left: calc(100% + 14px);
  width: 35px;
  height: 34px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/popup-close.png");
}

.body-popup-mask {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(2px);
}

.body-popup-mask *, .body-popup-mask ::before, .body-popup-mask ::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none;
}

.body-popup-mask .popup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@font-face {
  font-family: "din-bold";
  src: url("//game.gtimg.cn/images/val/act/a20260108act/fonts/din-bold.ttf");
}
.screenshots-html {
  position: fixed;
  top: 0;
  left: -9999em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.screenshots-html *,
.screenshots-html ::before,
.screenshots-html ::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.screenshots-preview {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  opacity: 0;
}

.screenshots-tips {
  position: absolute;
  top: calc(100% + 30px);
  left: 50%;
  padding-left: 10px;
  border-left: 4px solid #f94554;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  white-space: nowrap;
  color: #fff;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.wrap {
  position: relative;
  width: 100%;
  margin: 0 auto;
  margin-top: 80px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/bg-1.jpg"), url("//game.gtimg.cn/images/val/act/a20260108act/bg-2.jpg"), url("//game.gtimg.cn/images/val/act/a20260108act/bg-3.jpg"), url("//game.gtimg.cn/images/val/act/a20260108act/bg-4.jpg"), url("//game.gtimg.cn/images/val/act/a20260108act/bg-5.jpg");
  background-size: 1920px 1080px, 1920px 1080px, 1920px 1080px, 1920px 1080px, 1920px 1093px;
  background-position: 0 0, 0 1080px, 0 2160px, 0 3240px, 0 4320px;
  background-repeat: no-repeat;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.wrap *,
.wrap ::before,
.wrap ::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

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

.module-inner {
  position: relative;
  width: 1280px;
  margin: 0 auto;
}

.page-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: fixed;
  top: 50%;
  right: 0;
  z-index: 99;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  pointer-events: none;
}
.page-nav .nav-item {
  position: relative;
  min-width: 245px;
  height: 46px;
  padding-right: 20px;
  padding-left: 55px;
  text-align: center;
  cursor: pointer;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
  pointer-events: auto;
}
.page-nav .nav-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fe4754;
  clip-path: polygon(4px 0%, 100% 0, 100% 100%, 0 100%, 0% 4px);
}
.page-nav .nav-item::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: calc(100% - 2px);
  height: calc(100% - 0px);
  background-color: #472abb;
  clip-path: polygon(4px 0%, 100% 0, 100% 100%, 0 100%, 0% 4px);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.page-nav .nav-item:not(:first-of-type) {
  margin-top: 8px;
}
.page-nav .nav-item:hover::after, .page-nav .nav-item.active::after {
  background-color: #d7d1c7;
}
.page-nav .nav-item:hover span, .page-nav .nav-item.active span {
  color: #fe4754;
}
.page-nav .nav-item.active {
  pointer-events: none;
}
.page-nav .nav-item i {
  position: absolute;
  top: 50%;
  left: 30px;
  z-index: 2;
  width: 6px;
  height: 6px;
  background-color: #fe4754;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.page-nav .nav-item span {
  position: relative;
  z-index: 2;
  line-height: 46px;
  font-weight: bold;
  font-size: 18px;
  color: #f7f6f6;
}
.page-nav .nav-item br {
  display: none;
}

.page-logo {
  position: absolute;
  top: 19px;
  left: 160px;
  z-index: 99;
  width: 160px;
  height: 59px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/page-logo.png");
}

.module-title {
  position: relative;
}
.module-title .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  line-height: 1;
  font-weight: bold;
  font-size: 73px;
  color: #d7d1c7;
}
.module-title .title span {
  color: #fe4754;
}
.module-title .desc {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  max-width: 800px;
  min-height: 40px;
  line-height: 1.5;
  margin-top: 11px;
  padding: 5px 25px 5px 20px;
  border-top: 1px solid #fe4754;
  border-right: 1px solid #fe4754;
  border-bottom: 1px solid #fe4754;
  border-left: 6px solid #fe4754;
  font-size: 15px;
  color: #d7d1c7;
  clip-path: polygon(100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 0);
}
.module-title .desc::before {
  content: "";
  position: absolute;
  top: 4px;
  right: 4px;
  width: 5px;
  height: 5px;
  background-color: #fe4754;
}
.module-title .desc::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  border: 4px solid transparent;
  border-right-color: #fe4754;
  border-bottom-color: #fe4754;
}
.module-title .desc br {
  display: none;
}
.module-title .adorn {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 132px;
  height: 30px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/module-title-adorn.png");
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.module-title .now-site {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  margin-left: 20px;
}
.module-title .now-site .icon-site {
  position: relative;
}
.module-title .now-site .icon-site.site-1 {
  width: 52px;
  height: 64px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/site-1.png");
}
.module-title .now-site .icon-site.site-2 {
  width: 59px;
  height: 62px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/site-2.png");
}

.val-adorn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 21px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/val-adorn-logo.png");
  background-size: 84px 13px;
  background-position: right top;
}
.val-adorn.no-logo {
  background-image: none;
}
.val-adorn::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 1px;
  width: calc(100% - 51px);
  height: 1px;
  background-color: #d7d1c7;
}
.val-adorn::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 3px;
  height: 3px;
  background-color: #d7d1c7;
}
.val-adorn i {
  position: absolute;
  bottom: 0;
  left: 33px;
  width: 5px;
  height: 3px;
  background-color: #d7d1c7;
}
.val-adorn i::after {
  content: "";
  position: absolute;
  top: 0;
  right: calc(100% + 8px);
  width: 25px;
  height: 3px;
  background: #d7d1c7;
}

.common-tips {
  line-height: 1;
  font-size: 14px;
  color: #d7d1c7;
}
.common-tips span {
  margin-left: 5px;
  font-weight: bold;
}

.module-tour {
  position: relative;
  width: 100%;
  height: 1080px;
}
.module-tour .tour-swiper {
  position: relative;
  width: 100%;
  height: 100%;
}
.module-tour .tour-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: absolute;
  bottom: 84px;
  left: 50%;
  z-index: 2;
  width: 1280px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.module-tour .tour-pagination .pagination-item {
  position: relative;
  width: 143px;
  height: 103px;
  font-size: 0;
  text-indent: -999em;
  cursor: pointer;
}
.module-tour .tour-pagination .pagination-item:nth-of-type(1) {
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/tour-pagination-1.png");
}
.module-tour .tour-pagination .pagination-item:nth-of-type(2) {
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/tour-pagination-2.png");
}
.module-tour .tour-pagination .pagination-item:nth-of-type(3) {
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/tour-pagination-3.png");
}
.module-tour .tour-pagination .pagination-item:nth-of-type(4) {
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/tour-pagination-4.png");
}
.module-tour .tour-pagination .pagination-item:nth-of-type(5) {
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/tour-pagination-5.png");
}
.module-tour .tour-pagination .pagination-item:nth-of-type(6) {
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/tour-pagination-6.png");
}
.module-tour .tour-pagination .pagination-item:nth-of-type(7) {
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/tour-pagination-7.png");
}
.module-tour .tour-pagination .pagination-item:hover::before, .module-tour .tour-pagination .pagination-item.active::before {
  opacity: 1;
  visibility: visible;
}
.module-tour .tour-pagination .pagination-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/tour-pagination-active.png");
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.module-tour .tour-prev {
  position: absolute;
  top: 60%;
  left: 240px;
  z-index: 99;
  width: 50px;
  height: 40px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/tour-prev.png");
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.module-tour .tour-next {
  position: absolute;
  top: 60%;
  right: 240px;
  z-index: 99;
  width: 50px;
  height: 40px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/tour-next.png");
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.module-tour .tour-inner {
  position: relative;
  width: 1280px;
  margin: 0 auto;
}
.module-tour .tour-subtitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 30px;
}
.module-tour .tour-subtitle .text {
  position: relative;
  line-height: 1;
  margin-right: 38px;
  padding-left: 15px;
  font-weight: bold;
  font-size: 35px;
  color: #d7d1c7;
}
.module-tour .tour-subtitle .text::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 7px;
  height: 32px;
  background-color: #fe4754;
  clip-path: polygon(0 0, 100% 6px, 100% calc(100% - 6px), 0% 100%);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.module-tour .tour-subtitle .text span {
  position: relative;
  color: #fe4754;
}

.module-1 {
  height: 1080px;
  padding-top: 170px;
}
.module-1 .module-title {
  margin-bottom: 88px;
}
.module-1 .site-rule {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  right: 84px;
  height: 30px;
  line-height: 1.1;
  padding: 7px;
  font-weight: bold;
  font-size: 15px;
  text-align: center;
  color: #fff;
  background-color: #fe4754;
  clip-path: polygon(100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%, 0 0);
}
.module-1 .btn-platform {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  height: 30px;
  line-height: 1.1;
  padding: 7px;
  font-weight: bold;
  font-size: 15px;
  text-align: center;
  color: #fff;
  background-color: #fe4754;
  clip-path: polygon(100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%, 0 0);
}
.module-1 .module-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.module-1 .match-banner {
  position: relative;
  width: 706px;
  height: 383px;
}
.module-1 .match-banner::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/match-banner-border.png");
}
.module-1 .match-banner img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.module-1 .task-banner {
  position: relative;
}
.module-1 .task-banner .task-award {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 535px;
  height: 285px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/task-award.png");
}
.module-1 .task-banner .task-award li {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.module-1 .task-banner .task-award li:nth-of-type(2) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 174px;
          flex: 0 0 174px;
  width: 174px;
}
.module-1 .task-banner .task-award .image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  height: 190px;
}
.module-1 .task-banner .task-award .name {
  line-height: 1;
  font-size: 16px;
  text-align: center;
  color: #d7d1c7;
}
.module-1 .task-banner .task-award .btn-get {
  position: absolute;
  bottom: 30px;
  left: 50%;
  width: 90px;
  height: 27px;
  line-height: 27px;
  text-align: center;
  color: #fff7e9;
  background-color: #6f717a;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  clip-path: polygon(100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%, 0 0);
  pointer-events: none;
}
.module-1 .task-banner .task-award .btn-get.active {
  color: #fff6e7;
  background-color: #fe4754;
}
.module-1 .task-banner .task-progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 533px;
  height: 75px;
  margin-top: 23px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/task-progress.png");
}
.module-1 .task-banner .task-progress .value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 0 50px;
  font-weight: bold;
  font-size: 35px;
  color: #d7d1c7;
}
.module-1 .task-banner .task-progress .value span {
  margin-left: 30px;
  font-family: "din-bold";
  font-size: 42px;
  color: #fe4754;
}
.module-1 .task-banner .task-progress .value i {
  position: absolute;
  top: 50%;
  width: 4px;
  height: 4px;
  background-color: #fe4754;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.module-1 .task-banner .task-progress .value i::after {
  content: "";
  position: absolute;
  top: 0;
  width: 20px;
  height: 4px;
  background-color: #fe4754;
}
.module-1 .task-banner .task-progress .value i:nth-of-type(1) {
  left: 0px;
}
.module-1 .task-banner .task-progress .value i:nth-of-type(1)::after {
  left: calc(100% + 4px);
}
.module-1 .task-banner .task-progress .value i:nth-of-type(2) {
  right: 0px;
}
.module-1 .task-banner .task-progress .value i:nth-of-type(2)::after {
  right: calc(100% + 4px);
}

.module-2 {
  height: 1080px;
  padding-top: 170px;
}
.module-2 .module-title {
  margin-bottom: 50px;
}
.module-2 .module-inner {
  height: 692.5px;
}
.module-2 .module-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.module-2 .module-row .module-col:not(:first-of-type) {
  margin-left: 40px;
}
.module-2 .tour-inner {
  position: absolute;
  bottom: 0;
  left: 0;
}
.module-2 .site-panel {
  position: relative;
  height: 414px;
}
.module-2 .site-panel .site-banner {
  position: absolute;
  top: 0;
  left: 50%;
  width: 838px;
  height: 414px;
  background-color: #101010;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.module-2 .site-panel .site-banner::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/site-banner-border.png");
}
.module-2 .site-panel .site-banner .site-image {
  position: relative;
  width: 100%;
  height: 100%;
}
.module-2 .site-panel .site-banner .site-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.module-2 .site-panel .site-banner-left,
.module-2 .site-panel .site-banner-right {
  display: block;
  position: absolute;
  top: 50%;
  width: 636px;
  height: 314px;
  background-color: #101010;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.module-2 .site-panel .site-banner-left .swiper,
.module-2 .site-panel .site-banner-right .swiper {
  width: 100%;
  height: 100%;
}
.module-2 .site-panel .site-banner-left .site-image,
.module-2 .site-panel .site-banner-right .site-image {
  position: relative;
  width: 100%;
  height: 100%;
  opacity: 0.3;
}
.module-2 .site-panel .site-banner-left .site-image img,
.module-2 .site-panel .site-banner-right .site-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.module-2 .site-panel .site-banner-left {
  left: 0;
}
.module-2 .site-panel .site-banner-right {
  right: 0;
}
.module-2 .site-banner-preview {
  display: none;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 20px;
}
.module-2 .site-banner-preview .preview-image {
  position: relative;
  width: 310px;
  height: 150px;
  border: 1px solid #fe4754;
  cursor: pointer;
}
.module-2 .site-banner-preview .preview-image:not(:nth-of-type(-n + 2)) {
  margin-top: 20px;
}
.module-2 .site-banner-preview .preview-image:not(:nth-of-type(2n)) {
  margin-right: 20px;
}
.module-2 .site-banner-preview .preview-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.module-2 .task-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 310px;
  height: 660px;
  padding-top: 60px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/task-banner-bg.png");
}
.module-2 .task-banner .task-value {
  line-height: 1;
  font-size: 52px;
  text-align: center;
  color: #fe4754;
}
.module-2 .task-banner .task-value span {
  font-family: "din-bold";
  font-size: 120px;
}
.module-2 .task-banner .task-label {
  line-height: 1;
  font-weight: bold;
  font-size: 40px;
  text-align: center;
  color: #d7d1c7;
}
.module-2 .task-banner .task-tips {
  position: relative;
  width: 197px;
  height: 35px;
  line-height: 35px;
  margin-top: 15px;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  color: #fff6e7;
  background-color: #ff4656;
  clip-path: polygon(100% 0, 100% calc(100% - 5px), calc(100% - 5px) 100%, 0 100%, 0 0);
}
.module-2 .task-banner .task-award {
  position: relative;
  width: 240px;
  height: 240px;
  background-color: #ccc;
}
.module-2 .task-banner .task-award img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.module-2 .task-banner .btn-go {
  position: relative;
  width: 241px;
  height: 59px;
  line-height: 59px;
  margin-top: 30px;
  font-weight: bold;
  font-size: 30px;
  text-align: center;
  color: #fff6e7;
  background-color: #ff4656;
  clip-path: polygon(8px 8px, 8px 0, 100% 0, 100% 100%, 0 100%, 0 8px);
}
.module-2 .task-banner .btn-go::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 8px;
  height: 8px;
  background-color: #f2f6ef;
}

.module-3 {
  height: 1080px;
  padding-top: 170px;
}
.module-3 .module-inner {
  height: 100%;
}
.module-3 .module-title {
  margin-bottom: 120px;
}
.module-3 .tour-subtitle {
  margin-bottom: 25px;
}
.module-3 .event-panel {
  position: absolute;
  right: 0;
  bottom: 226px;
  width: 839px;
}
.module-3 .event-panel.event-2::before {
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/event-hero-1.png");
}
.module-3 .event-panel.event-3::before {
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/event-hero-2.png");
}
.module-3 .event-panel.event-4::before {
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/event-hero-3.png");
}
.module-3 .event-panel.event-5::before {
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/event-hero-4.png");
}
.module-3 .event-panel.event-6::before {
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/event-hero-5.png");
}
.module-3 .event-panel.event-7 {
  width: 100%;
}
.module-3 .event-panel.event-7::before, .module-3 .event-panel.event-7::after {
  content: "";
  position: absolute;
  top: auto;
  bottom: 0;
  width: 106px;
  height: 383px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/site-banner-adorn.png");
}
.module-3 .event-panel.event-7::before {
  left: 80px;
}
.module-3 .event-panel.event-7::after {
  right: 80px;
}
.module-3 .event-panel.event-7 .event-banner {
  width: 839px;
  margin: 0 auto;
}
.module-3 .event-panel::before {
  content: "";
  position: absolute;
  top: -65px;
  right: calc(100% - 490px);
  width: 1082px;
  height: 720px;
}
.module-3 .event-panel .event-banner {
  position: relative;
  height: 416px;
  overflow: hidden;
}
.module-3 .event-panel .event-banner::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/event-banner-border.png");
}
.module-3 .event-panel .event-banner img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center 100%;
     object-position: center 100%;
}
.module-3 .task-banner {
  display: none;
}

.module-task {
  position: relative;
  padding-bottom: 90px;
  padding-top: 120px;
}
.module-task .module-title {
  margin-bottom: 70px;
}
.module-task .module-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.module-task .prop-panel {
  position: relative;
}
.module-task .prop-panel .prop-title {
  position: relative;
  margin-bottom: 15px;
}
.module-task .prop-panel .prop-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 310px;
}
.module-task .prop-panel .prop-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 196px;
  height: 310px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/prop-list-li.png");
}
.module-task .prop-panel .prop-list li:not(:first-of-type) {
  margin-left: 10px;
}
.module-task .prop-panel .prop-list li.has-more-tips .prop-tips::after {
  content: "三月内发放";
  position: absolute;
  bottom: calc(100% + 5px);
  left: 0;
  width: 100%;
  line-height: 1;
  font-size: 14px;
  text-align: center;
  color: #d7d1c7;
}
.module-task .prop-panel .prop-list .award-info {
  position: relative;
  width: 100%;
  padding-top: 10px;
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}
.module-task .prop-panel .prop-list .award-info .image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  height: 180px;
}
.module-task .prop-panel .prop-list .award-info .image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.module-task .prop-panel .prop-list .award-info .name {
  position: relative;
  line-height: 1;
  font-size: 16px;
  text-align: center;
  color: #d7d1c7;
}
.module-task .prop-panel .prop-list .btn-get {
  position: relative;
  width: 124px;
  height: 27px;
  line-height: 27px;
  margin: 15px auto;
  font-size: 16px;
  text-align: center;
  color: #fff6e7;
  background-color: #393f51;
  clip-path: polygon(100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%, 0 0);
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}
.module-task .prop-panel .prop-list .btn-get.active {
  background-color: #fe4754;
}
.module-task .prop-panel .prop-list .btn-get.gray {
  background-color: #6f717a;
  pointer-events: none;
}
.module-task .prop-panel .prop-list .prop-tips {
  position: relative;
  width: 159px;
  height: 35px;
  line-height: 35px;
  font-size: 17px;
  text-align: center;
  color: #d7d1c7;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/prop-tips.png");
}
.module-task .prop-panel .prop-list .prop-tips span {
  color: #fe4754;
}
.module-task .prop-panel .prop-list .tips {
  position: absolute;
  top: 8px;
  right: 10px;
  z-index: 2;
  width: 20px;
  height: 19px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/lottery-tips.png");
  cursor: pointer;
}
.module-task .prop-panel .prop-list .tips:hover span {
  display: block;
}
.module-task .prop-panel .prop-list .tips span {
  display: none;
  position: absolute;
  bottom: calc(100% + 10px);
  left: 50%;
  z-index: 2;
  width: 230px;
  padding: 10px;
  text-align: center;
  font-size: 14px;
  color: #fff6e7;
  background-color: #fe4754;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.module-task .prop-panel .prop-list .tips span::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  width: 10px;
  height: 10px;
  border: 5px solid transparent;
  border-top-color: #fe4754;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.module-task .lottery-panel {
  position: relative;
  margin-top: 50px;
}
.module-task .lottery-panel .lottery-title {
  position: relative;
  margin-bottom: 15px;
}
.module-task .lottery-panel .lottery-tool {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}
.module-task .lottery-panel .lottery-tool .btn-record {
  position: relative;
  line-height: 24px;
  padding-left: 20px;
  font-weight: normal;
  font-size: 16px;
  color: #d7d1c7;
}
.module-task .lottery-panel .lottery-tool .btn-record::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 18px;
  height: 18px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/icon-record.png");
}
.module-task .lottery-panel .lottery-tool .btn-record::after {
  content: "";
  position: absolute;
  top: calc(100% + 2px);
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #d7d1c7;
}
.module-task .lottery-panel .lottery-inner {
  pointer-events: none;
}
.module-task .lottery-panel .lottery-inner_hover {
  opacity: 0;
}
.module-task .lottery-panel .lottery-body {
  position: relative;
  width: 608px;
  height: 392px;
}
.module-task .lottery-panel .lottery-award {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.module-task .lottery-panel .lottery-award li {
  position: absolute;
  width: 196px;
  height: 124px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/lottery-award-li.png");
}
.module-task .lottery-panel .lottery-award li.active::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(254, 71, 84, 0.2);
}
.module-task .lottery-panel .lottery-award li:nth-of-type(1) {
  top: 0;
  left: 0;
}
.module-task .lottery-panel .lottery-award li:nth-of-type(2) {
  top: 0;
  left: 206px;
}
.module-task .lottery-panel .lottery-award li:nth-of-type(3) {
  top: 0;
  right: 0;
}
.module-task .lottery-panel .lottery-award li:nth-of-type(4) {
  top: 134px;
  left: 0;
}
.module-task .lottery-panel .lottery-award li:nth-of-type(5) {
  top: 134px;
  right: 0;
}
.module-task .lottery-panel .lottery-award li:nth-of-type(6) {
  bottom: 0;
  left: 0;
}
.module-task .lottery-panel .lottery-award li:nth-of-type(7) {
  bottom: 0;
  left: 206px;
}
.module-task .lottery-panel .lottery-award li:nth-of-type(8) {
  bottom: 0;
  right: 0;
}
.module-task .lottery-panel .lottery-award .image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
}
.module-task .lottery-panel .lottery-award .image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.module-task .lottery-panel .lottery-award .name {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 2;
  width: 100%;
  line-height: 1.2;
  font-size: 16px;
  text-align: center;
  color: #d7d1c7;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.module-task .lottery-panel .lottery-award .tips {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 2;
  width: 20px;
  height: 19px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/lottery-tips.png");
  cursor: pointer;
}
.module-task .lottery-panel .lottery-award .tips:hover span {
  display: block;
}
.module-task .lottery-panel .lottery-award .tips span {
  display: none;
  position: absolute;
  bottom: calc(100% + 10px);
  left: 50%;
  z-index: 2;
  width: 230px;
  padding: 10px;
  text-align: center;
  font-size: 14px;
  color: #fff6e7;
  background-color: #fe4754;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.module-task .lottery-panel .lottery-award .tips span::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  width: 10px;
  height: 10px;
  border: 5px solid transparent;
  border-top-color: #fe4754;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.module-task .lottery-panel .btn-lottery {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 196px;
  height: 124px;
  font-size: 0;
  text-indent: -999em;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/btn-lottery.png");
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.module-task .lottery-panel .lottery-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  height: 30px;
  margin-top: 10px;
}
.module-task .lottery-panel .lottery-number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  font-weight: normal;
  font-size: 18px;
  color: #d7d1c7;
}
.module-task .lottery-panel .lottery-number .integral {
  position: relative;
  min-width: 80px;
  line-height: 1;
  margin-left: 10px;
  padding: 0 20px;
  font-family: "din-bold";
  font-size: 36px;
  text-align: center;
}
.module-task .lottery-panel .lottery-number .integral::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 14px;
  border-right: 3px solid #fe4754;
  background-color: rgba(255, 255, 255, 0.2);
}
.module-task .lottery-panel .lottery-number .integral span {
  position: relative;
  color: #fe4754;
}
.module-task .lottery-panel .lottery-tips {
  line-height: 1;
  font-size: 16px;
  text-align: center;
  color: #d7d1c7;
}
.module-task .lottery-panel .lottery-tips span {
  font-family: "din-bold";
  font-size: 24px;
  color: #fe4754;
}
.module-task .task-panel {
  position: relative;
  width: 640px;
}
.module-task .task-panel .task-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: relative;
  margin-bottom: 15px;
}
.module-task .task-panel .task-title .tips {
  font-weight: normal;
  font-size: 18px;
}
.module-task .task-panel .task-group {
  position: relative;
}
.module-task .task-panel .task-group + .task-group {
  margin-top: 93px;
}
.module-task .task-panel .task-group .group-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  height: 58px;
  padding: 0 25px;
  background-color: #fe4754;
}
.module-task .task-panel .task-group .group-name span {
  position: relative;
  line-height: 1;
  padding-left: 10px;
  font-weight: bold;
  font-size: 18px;
  color: #fff4e3;
}
.module-task .task-panel .task-group .group-name span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 4px;
  height: 21px;
  background-color: #fff8ec;
  clip-path: polygon(0 0, 100% 4px, 100% calc(100% - 4px), 0% 100%);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.module-task .task-panel .task-group .group-name .date {
  font-size: 18px;
  color: #fff4e3;
}
.module-task .task-panel .task-group .group-name i {
  position: absolute;
  top: 50%;
  right: 25px;
  width: 4px;
  height: 4px;
  background-color: #d7d1c7;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.module-task .task-panel .task-group .group-name i::after {
  content: "";
  position: absolute;
  top: 0;
  right: calc(100% + 3px);
  width: 20px;
  height: 4px;
  background-color: #d7d1c7;
}
.module-task .task-panel .daily-task-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  height: 247px;
  margin-top: 5px;
}
.module-task .task-panel .daily-task-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  height: 58px;
  padding-right: 140px;
  padding-left: 22px;
  border-left: 5px solid #fe4754;
  background-color: #1c243a;
}
.module-task .task-panel .daily-task-list li:not(:first-of-type) {
  margin-top: 5px;
}
.module-task .task-panel .daily-task-list li.active .status {
  color: #fff6e7;
  background-color: #fe4754;
  cursor: pointer;
}
.module-task .task-panel .daily-task-list li.active .status.finish {
  background-color: #384874;
}
.module-task .task-panel .daily-task-list li.active .status.finish i {
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/icon-task-active-red.png");
}
.module-task .task-panel .daily-task-list .value {
  width: 60px;
  line-height: 1;
  font-size: 15px;
  color: #d7d1c7;
}
.module-task .task-panel .daily-task-list .value span {
  margin-right: 5px;
  color: #fe4754;
}
.module-task .task-panel .daily-task-list .label {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 1;
  font-size: 16px;
  color: #d7d1c7;
}
.module-task .task-panel .daily-task-list .label span {
  color: #fe4754;
}
.module-task .task-panel .daily-task-list .status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  width: 140px;
  height: 100%;
  padding: 0 13px 0 40px;
  font-size: 16px;
  color: #d7d1c7;
  background-color: #232b42;
  clip-path: polygon(38px 0%, 100% 0%, 100% 100%, 0% 100%);
}
.module-task .task-panel .daily-task-list .status.finish {
  background-color: #384874;
}
.module-task .task-panel .daily-task-list .status.finish i {
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/icon-task-active.png");
}
.module-task .task-panel .daily-task-list .status i {
  position: relative;
  width: 23px;
  height: 22px;
  margin-right: 5px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/icon-task.png");
}
.module-task .task-panel .limited-task-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  height: 329px;
  margin-top: 5px;
}
.module-task .task-panel .limited-task-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  padding-top: 22px;
  background-color: #1c243a;
}
.module-task .task-panel .limited-task-list li:not(:nth-of-type(-n + 2)) {
  margin-top: 5px;
}
.module-task .task-panel .limited-task-list li:nth-of-type(1), .module-task .task-panel .limited-task-list li:nth-of-type(2) {
  width: 317px;
  height: 170px;
}
.module-task .task-panel .limited-task-list li:nth-of-type(3), .module-task .task-panel .limited-task-list li:nth-of-type(4), .module-task .task-panel .limited-task-list li:nth-of-type(5) {
  width: 210px;
  height: 154px;
}
.module-task .task-panel .limited-task-list li:nth-of-type(3) .status,
.module-task .task-panel .limited-task-list li:nth-of-type(3) a, .module-task .task-panel .limited-task-list li:nth-of-type(4) .status,
.module-task .task-panel .limited-task-list li:nth-of-type(4) a, .module-task .task-panel .limited-task-list li:nth-of-type(5) .status,
.module-task .task-panel .limited-task-list li:nth-of-type(5) a {
  height: 48px;
  -webkit-mask-image: url("//game.gtimg.cn/images/val/act/a20260108act/limited-task-status-small.png");
          mask-image: url("//game.gtimg.cn/images/val/act/a20260108act/limited-task-status-small.png");
}
.module-task .task-panel .limited-task-list li:nth-of-type(2), .module-task .task-panel .limited-task-list li:nth-of-type(4), .module-task .task-panel .limited-task-list li:nth-of-type(5) {
  margin-left: 5px;
}
.module-task .task-panel .limited-task-list li.active .status,
.module-task .task-panel .limited-task-list li.active a {
  color: #fff6e7;
  background-color: #fe4754;
  cursor: pointer;
}
.module-task .task-panel .limited-task-list li.active .status.finish,
.module-task .task-panel .limited-task-list li.active a.finish {
  background-color: #384874;
}
.module-task .task-panel .limited-task-list li.active .status.finish i,
.module-task .task-panel .limited-task-list li.active a.finish i {
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/icon-task-active-red.png");
}
.module-task .task-panel .limited-task-list .value {
  position: absolute;
  top: 80px;
  left: 0;
  width: 100%;
  line-height: 1;
  font-size: 16px;
  text-align: center;
  color: #d7d1c7;
}
.module-task .task-panel .limited-task-list .value span {
  margin-right: 5px;
  color: #fe4754;
}
.module-task .task-panel .limited-task-list .label {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 1.2;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  color: #d7d1c7;
}
.module-task .task-panel .limited-task-list .label span {
  color: #fe4754;
}
.module-task .task-panel .limited-task-list .status,
.module-task .task-panel .limited-task-list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 53px;
  font-size: 16px;
  color: #d7d1c7;
  background-color: #232b42;
  -webkit-mask-image: url("//game.gtimg.cn/images/val/act/a20260108act/limited-task-status.png");
          mask-image: url("//game.gtimg.cn/images/val/act/a20260108act/limited-task-status.png");
  -webkit-mask-size: 100% auto;
          mask-size: 100% auto;
}
.module-task .task-panel .limited-task-list .status.finish,
.module-task .task-panel .limited-task-list a.finish {
  background-color: #384874;
}
.module-task .task-panel .limited-task-list .status.finish i,
.module-task .task-panel .limited-task-list a.finish i {
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/icon-task-active.png");
}
.module-task .task-panel .limited-task-list .status i,
.module-task .task-panel .limited-task-list a i {
  position: relative;
  width: 23px;
  height: 22px;
  margin-right: 5px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/icon-task.png");
}
.module-task .task-panel .limited-task-list a {
  background-color: #4729bb;
}
.module-task .task-panel .limited-task-list a span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 0 28px;
}
.module-task .task-panel .limited-task-list a span i {
  position: absolute;
  top: 50%;
  width: 3px;
  height: 3px;
  background: #fff;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.module-task .task-panel .limited-task-list a span i::after {
  content: "";
  position: absolute;
  top: 0;
  width: 10px;
  height: 3px;
  background: #fff;
}
.module-task .task-panel .limited-task-list a span i:nth-of-type(1) {
  left: 0px;
}
.module-task .task-panel .limited-task-list a span i:nth-of-type(1)::after {
  right: calc(100% + 3px);
}
.module-task .task-panel .limited-task-list a span i:nth-of-type(2) {
  right: 0px;
}
.module-task .task-panel .limited-task-list a span i:nth-of-type(2)::after {
  left: calc(100% + 3px);
}

.module-encore {
  position: relative;
  padding: 80px 0;
}
.module-encore .module-title {
  margin-bottom: 70px;
}
.module-encore .module-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.module-encore .card-panel {
  position: relative;
  width: 612px;
}
.module-encore .card-panel .card-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  margin-bottom: 15px;
}
.module-encore .card-panel .lottery-number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: absolute;
  right: 0;
  bottom: 0;
  font-weight: normal;
  font-size: 18px;
  text-align: center;
}
.module-encore .card-panel .lottery-number .integral {
  position: relative;
  min-width: 80px;
  line-height: 1;
  margin-left: 10px;
  padding: 0 20px;
  font-family: "din-bold";
  font-size: 36px;
}
.module-encore .card-panel .lottery-number .integral::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 14px;
  border-right: 3px solid #fe4754;
  background-color: rgba(255, 255, 255, 0.2);
}
.module-encore .card-panel .lottery-number .integral span {
  position: relative;
  color: #fe4754;
}
.module-encore .card-panel .btn-rule {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  right: calc(100% + 16px);
  width: 31px;
  height: 79px;
  line-height: 1.1;
  padding: 7px;
  font-weight: bold;
  font-size: 15px;
  text-align: center;
  color: #fff;
  background-color: #fe4754;
  clip-path: polygon(100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%, 0 0);
}
.module-encore .card-panel .btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 40px;
}
.module-encore .card-panel .card-btn {
  position: relative;
  width: 298px;
  height: 54px;
}
.module-encore .card-panel .card-btn span {
  font-size: 27px;
}
.module-encore .card-panel .card-btn.btn-share::before {
  background-color: #4729bb;
}
.module-encore .card-panel .card-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 310px;
}
.module-encore .card-panel .card-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 196px;
  height: 310px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/card-list-li.png");
}
.module-encore .card-panel .card-list li:not(:first-of-type) {
  margin-left: 12px;
}
.module-encore .card-panel .card-list li.unlock {
  cursor: pointer;
}
.module-encore .card-panel .card-list li.unlock .award-info .image img {
  display: none;
}
.module-encore .card-panel .card-list li.unlock .award-info .name {
  display: none;
}
.module-encore .card-panel .card-list li.unlock .btn-get {
  display: none;
}
.module-encore .card-panel .card-list li.share {
  pointer-events: none;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/card-list-li-gray.png");
}
.module-encore .card-panel .card-list li.share .award-info .image img {
  display: none;
}
.module-encore .card-panel .card-list li.share .award-info .name {
  display: none;
}
.module-encore .card-panel .card-list li.share .btn-get {
  display: none;
}
.module-encore .card-panel .card-list li.share .card-animate {
  display: none !important;
}
.module-encore .card-panel .card-list li.gray {
  pointer-events: none;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/card-list-li-gray.png");
}
.module-encore .card-panel .card-list li.again .tips-text {
  display: block;
}
.module-encore .card-panel .card-list li.again .card-animate {
  display: none !important;
}
.module-encore .card-panel .card-list .tips-text {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  line-height: 1.2;
  margin-top: -30px;
  font-weight: bold;
  font-size: 38px;
  color: #d7d1c7;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.module-encore .card-panel .card-list .share-text {
  position: absolute;
  top: 50%;
  left: 50%;
  line-height: 1.2;
  font-weight: bold;
  font-size: 38px;
  color: #d7d1c7;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.module-encore .card-panel .card-list .card-animate {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.module-encore .card-panel .card-list .award-info {
  position: relative;
  width: 100%;
  height: 230px;
}
.module-encore .card-panel .card-list .award-info .image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
}
.module-encore .card-panel .card-list .award-info .image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.module-encore .card-panel .card-list .award-info .name {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  line-height: 1;
  font-weight: bold;
  font-size: 15px;
  text-align: center;
  color: #d7d1c7;
}
.module-encore .card-panel .card-list .btn-get {
  position: absolute;
  bottom: 44px;
  left: 28px;
  width: 139px;
  height: 36px;
  line-height: 36px;
  font-weight: bold;
  font-size: 17px;
  text-align: center;
  color: #fff4e3;
  background-color: #ff4352;
  clip-path: polygon(5px 5px, 5px 0, 100% 0, 100% 100%, 0 100%, 0 5px);
}
.module-encore .card-panel .card-list .btn-get::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 5px;
  height: 5px;
  background-color: #fff4e3;
}
.module-encore .card-panel .card-list .btn-get.gray {
  background-color: #898989;
}
.module-encore .card-panel .card-tips {
  position: absolute;
  left: 0;
  width: 100%;
  line-height: 1;
  margin-top: 12px;
  font-size: 14px;
  text-align: center;
  color: rgba(255, 246, 231, 0.3);
}
.module-encore .pool-panel {
  position: relative;
  width: 640px;
}
.module-encore .pool-panel .pool-title {
  position: relative;
  margin-bottom: 15px;
  opacity: 0;
}
.module-encore .pool-panel .pool-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.module-encore .pool-panel .pool-tab .pool-tab-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 45px;
  line-height: 45px;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  color: #fff8ec;
  background-color: #1c243a;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
}
.module-encore .pool-panel .pool-tab .pool-tab-item:not(:first-of-type) {
  margin-left: 5px;
}
.module-encore .pool-panel .pool-tab .pool-tab-item:hover, .module-encore .pool-panel .pool-tab .pool-tab-item.active {
  color: #fff8ec;
  background-color: #fe4754;
}
.module-encore .pool-panel .pool-tab .pool-tab-item:hover span i, .module-encore .pool-panel .pool-tab .pool-tab-item.active span i {
  opacity: 1;
  visibility: visible;
}
.module-encore .pool-panel .pool-tab .pool-tab-item.active {
  pointer-events: none;
}
.module-encore .pool-panel .pool-tab .pool-tab-item span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 0 20px;
}
.module-encore .pool-panel .pool-tab .pool-tab-item span i {
  position: absolute;
  top: 50%;
  width: 3px;
  height: 3px;
  background: #fff;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.module-encore .pool-panel .pool-tab .pool-tab-item span i::after {
  content: "";
  position: absolute;
  top: 0;
  width: 10px;
  height: 3px;
  background: #fff;
}
.module-encore .pool-panel .pool-tab .pool-tab-item span i:nth-of-type(1) {
  left: 0px;
}
.module-encore .pool-panel .pool-tab .pool-tab-item span i:nth-of-type(1)::after {
  left: calc(100% + 3px);
}
.module-encore .pool-panel .pool-tab .pool-tab-item span i:nth-of-type(2) {
  right: 0px;
}
.module-encore .pool-panel .pool-tab .pool-tab-item span i:nth-of-type(2)::after {
  right: calc(100% + 3px);
}
.module-encore .pool-panel .pool-body {
  position: relative;
  width: 639px;
  height: 326px;
  margin-top: 15px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/pool-body.png");
}
.module-encore .pool-panel .pool-body .pool-body-item {
  display: none;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.module-encore .pool-panel .pool-body .pool-body-item.active {
  display: block;
  opacity: 1;
  visibility: visible;
}
.module-encore .pool-panel .pool-body .tips {
  position: absolute;
  left: 0;
  width: 100%;
  line-height: 1;
  margin-top: 10px;
  font-size: 14px;
  text-align: center;
  color: rgba(255, 246, 231, 0.3);
}
.module-encore .pool-award-panel {
  position: relative;
  height: 100%;
}
.module-encore .pool-award-panel .image {
  position: relative;
  width: 100%;
  height: 100%;
}
.module-encore .pool-award-panel .image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.module-live {
  position: relative;
  padding: 80px 0;
}
.module-live .module-title {
  margin-bottom: 56px;
}
.module-live .live-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  margin: 0 auto;
  padding-top: 60px;
}
.module-live .live-left {
  position: relative;
  width: 870px;
}
.module-live .live-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 32px;
}
.module-live .live-status {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  width: 97px;
  height: 32px;
  line-height: 32px;
  padding-left: 20px;
  font-weight: bold;
  font-size: 17px;
  color: #d7d1c7;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/live-status.png");
}
.module-live .live-status::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  width: 5px;
  height: 5px;
  background-color: #fe4754;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.module-live .live-title {
  position: relative;
  margin-right: 50px;
  margin-left: 15px;
  font-weight: bold;
  font-size: 17px;
  color: #d7d1c7;
}
.module-live .live-content {
  position: relative;
  width: 870px;
  height: 489.375px;
  background-color: #000;
}
.module-live .live-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  width: 400px;
  padding: 15px;
  background-color: #1c243a;
}
.module-live .schedule-title {
  position: relative;
  height: 32px;
  line-height: 32px;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  color: #fff6e7;
  background-color: #fe4754;
}
.module-live .schedule-type {
  position: relative;
  height: 44px;
  line-height: 44px;
  border-bottom: 1px solid rgba(137, 137, 137, 0.2);
  font-size: 20px;
  text-align: center;
  color: #fff6e7;
}
.module-live .schedule-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.module-live .schedule-tab .tab-item {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  color: #afb9c0;
  cursor: pointer;
}
.module-live .schedule-tab .tab-item.active {
  color: #fff6e7;
  pointer-events: none;
}
.module-live .schedule-tab .tab-item.active::before {
  display: block;
}
.module-live .schedule-tab .tab-item::before {
  content: "";
  display: none;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: calc(100% - 0px);
  height: 4px;
  background-color: #fe4754;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.module-live .schedule-content {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.module-live .schedule-content .content-item {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% + 12px);
  height: 100%;
  margin-right: -12px;
  padding-right: 6px;
  overflow-y: auto;
}
.module-live .schedule-content .content-item::-webkit-scrollbar-thumb {
  background-color: #d7d1c7;
}
.module-live .schedule-content .content-item::-webkit-scrollbar-track {
  background-color: #050b0f;
}
.module-live .schedule-content .content-item::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.module-live .schedule-content .content-item.active {
  display: block;
}
.module-live .match-card {
  position: relative;
}
.module-live .match-card:not(:first-of-type) {
  margin-top: 12px;
}
.module-live .match-card.status--coming .match-info {
  background-color: #0b1822;
}
.module-live .match-card.status--coming .match-round .date {
  color: #d7d1c7;
}
.module-live .match-card.status--coming .match-round .time {
  color: #d7d1c7;
}
.module-live .match-card.status--coming .match-round .status {
  color: #d7d1c7;
}
.module-live .match-card.status--coming .match-score .score {
  color: #d7d1c7;
}
.module-live .match-card.status--coming .match-team .name {
  color: #d7d1c7;
}
.module-live .match-card.status--coming .btn-coming {
  display: block;
}
.module-live .match-card.status--conduct .match-info {
  background-color: rgba(254, 71, 84, 0.5);
}
.module-live .match-card.status--conduct .match-round .date {
  color: #fff6e7;
}
.module-live .match-card.status--conduct .match-round .time {
  color: #fff6e7;
}
.module-live .match-card.status--conduct .match-round .status {
  color: #fff6e7;
}
.module-live .match-card.status--conduct .match-score .score {
  color: #fff6e7;
}
.module-live .match-card.status--conduct .match-team .name {
  color: #fff6e7;
}
.module-live .match-card.status--conduct .btn-conduct {
  display: block;
}
.module-live .match-card.status--ending .match-info {
  background-color: #0b1822;
}
.module-live .match-card.status--ending .match-round .date {
  color: #d7d1c7;
}
.module-live .match-card.status--ending .match-round .time {
  color: #d7d1c7;
}
.module-live .match-card.status--ending .match-round .status {
  color: #d7d1c7;
}
.module-live .match-card.status--ending .match-score .score {
  color: #d7d1c7;
}
.module-live .match-card.status--ending .match-team .name {
  color: #d7d1c7;
}
.module-live .match-card.status--ending .btn-ending {
  display: block;
}
.module-live .match-button {
  position: relative;
  height: 27px;
  line-height: 27px;
  font-size: 12px;
  text-align: center;
  color: #d7d1c7;
  background-color: #29324b;
}
.module-live .btn-coming,
.module-live .btn-conduct,
.module-live .btn-ending {
  display: none;
}
.module-live .match-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 84px;
  padding: 0 15px;
}
.module-live .match-round {
  position: relative;
  text-align: center;
}
.module-live .match-round .date {
  line-height: 1;
  font-family: "din-bold";
  font-size: 14px;
}
.module-live .match-round .time {
  line-height: 1;
  font-family: "din-bold";
  font-size: 30px;
}
.module-live .match-round .status {
  line-height: 1;
  font-size: 14px;
}
.module-live .match-battle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.module-live .match-score {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 15px;
}
.module-live .match-score .score {
  position: relative;
  line-height: 1;
  font-family: "din-bold";
  font-size: 40px;
  text-align: center;
}
.module-live .match-score .dot {
  position: relative;
  width: 6px;
  height: 14px;
  margin: 0 6px;
}
.module-live .match-score .dot::before, .module-live .match-score .dot::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 6px;
  height: 6px;
  background-color: #d7d1c7;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.module-live .match-score .dot::before {
  margin-top: -6px;
}
.module-live .match-score .dot::after {
  margin-top: 6px;
}
.module-live .match-team {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.module-live .match-team:nth-of-type(1) .name {
  margin-left: 10px;
}
.module-live .match-team:nth-of-type(3) .name {
  margin-right: 10px;
}
.module-live .match-team .image {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40px;
          flex: 0 0 40px;
  width: 40px;
  height: 40px;
}
.module-live .match-team .image img {
  display: block;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.module-live .match-team .name {
  width: 100%;
  font-weight: bold;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.module-guess {
  padding-top: 100px;
  padding-bottom: 100px;
}
.module-guess .module-title {
  margin-bottom: 50px;
}
.module-guess .module-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.module-guess .module-row .module-col {
  position: relative;
}
.module-guess .btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 200px;
  height: 30px;
  background-color: #1c243a;
  clip-path: polygon(5px 0%, 100% 0, 100% calc(100% - 5px), calc(100% - 5px) 100%, 0 100%, 0% 5px);
}
.module-guess .btn-group .btn-guess-record {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 30px;
  text-align: center;
  background-color: #fe4754;
}
.module-guess .btn-group .btn-guess-rule {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 30px;
  text-align: center;
}
.module-guess .prize-panel {
  position: relative;
  margin-bottom: 80px;
}
.module-guess .prize-panel .prize-subtitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: relative;
  margin-bottom: 18px;
}
.module-guess .prize-panel .prize-subtitle .text {
  position: relative;
  line-height: 1;
  margin-right: 38px;
  padding-left: 22px;
  font-weight: bold;
  font-size: 35px;
  color: #d7d1c7;
}
.module-guess .prize-panel .prize-subtitle .text::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 7px;
  height: 32px;
  background-color: #fe4754;
  clip-path: polygon(0 0, 100% 6px, 100% calc(100% - 6px), 0% 100%);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.module-guess .prize-panel .prize-subtitle .text span {
  position: relative;
  color: #fe4754;
}
.module-guess .prize-panel .prize-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.module-guess .prize-panel .prize-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 418px;
  height: 321px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/prize-list-li.png");
  cursor: pointer;
}
.module-guess .prize-panel .prize-list li:not(:first-of-type) {
  margin-left: 13px;
}
.module-guess .prize-panel .prize-list li.active .status {
  opacity: 1;
  visibility: visible;
}
.module-guess .prize-panel .prize-list .tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  min-width: 76px;
  height: 24px;
  padding: 0 13px;
  padding-left: 27px;
  background-color: #fe4754;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 20px 100%);
}
.module-guess .prize-panel .prize-list .tag .icon-integral {
  display: none;
  position: relative;
  width: 10px;
  height: 15px;
  margin-right: 5px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/icon-integral.png");
}
.module-guess .prize-panel .prize-list .tag span {
  font-size: 16px;
  color: #fff8ec;
}
.module-guess .prize-panel .prize-list .status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 34px;
  right: 4px;
  z-index: 2;
  min-width: 76px;
  height: 24px;
  padding: 0 13px;
  padding-left: 27px;
  background-color: #472abb;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 20px 100%);
  opacity: 0;
  visibility: hidden;
}
.module-guess .prize-panel .prize-list .status span {
  font-size: 16px;
  color: #fff8ec;
}
.module-guess .prize-panel .prize-list .award-info {
  position: relative;
  width: 100%;
}
.module-guess .prize-panel .prize-list .award-info .image {
  position: relative;
  height: 266px;
}
.module-guess .prize-panel .prize-list .award-info .image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center 55%;
     object-position: center 55%;
}
.module-guess .prize-panel .prize-list .award-info .name {
  position: absolute;
  bottom: 27px;
  left: 0;
  width: 100%;
  line-height: 1;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  color: #d7d1c7;
}
.module-guess .prize-panel .prize-list .desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  height: 54px;
  line-height: 1.2;
  padding: 0 20px;
  font-size: 18px;
  text-align: center;
  color: #fff6e7;
}
.module-guess .module-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.module-guess .primary-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding-top: 66px;
}
.module-guess .primary-panel.step-1.active {
  pointer-events: none;
}
.module-guess .primary-panel.step-1.active .team-info .image img,
.module-guess .primary-panel.step-1.active .team-info .name {
  opacity: 1;
}
.module-guess .primary-panel.step-1.active .team-info .tips {
  display: none;
}
.module-guess .primary-panel.step-1.active .primary-data {
  display: block;
}
.module-guess .primary-panel.step-1.active .primary-rule {
  display: block;
}
.module-guess .primary-panel.step-1.active .primary-none,
.module-guess .primary-panel.step-1.active .primary-tips {
  display: none;
}
.module-guess .primary-panel.step-2.active .team-info .image img,
.module-guess .primary-panel.step-2.active .team-info .name {
  opacity: 1;
}
.module-guess .primary-panel.step-2.active .team-info .tips {
  display: none;
}
.module-guess .primary-panel.step-2.active .primary-rank {
  display: block;
}
.module-guess .primary-panel.step-2.active .primary-none,
.module-guess .primary-panel.step-2.active .primary-tips {
  display: none;
}
.module-guess .primary-panel .team-info {
  position: relative;
  width: 385px;
  height: 383px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/primary-panel.png");
  cursor: pointer;
}
.module-guess .primary-panel .team-info .image {
  position: absolute;
  top: 14px;
  left: 16px;
  width: 357px;
  height: 356px;
}
.module-guess .primary-panel .team-info .image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.module-guess .primary-panel .team-info .tips,
.module-guess .primary-panel .team-info .name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  bottom: calc(100% + 30px);
  left: 16px;
  width: 357px;
  line-height: 1;
  font-weight: bold;
  font-size: 26px;
  text-align: center;
  color: #d7d1c7;
}
.module-guess .primary-panel .team-info .tips span,
.module-guess .primary-panel .team-info .name span {
  margin-left: 10px;
  font-size: 34px;
}
.module-guess .primary-panel .primary-data {
  position: relative;
  min-width: 283px;
  line-height: 1;
  margin: 25px auto 0;
  font-size: 38px;
  text-align: center;
  color: #d7d1c7;
}
.module-guess .primary-panel .primary-data span {
  font-family: "din-bold";
  font-size: 45px;
}
.module-guess .primary-panel .primary-data .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.module-guess .primary-panel .primary-data .row + .row {
  margin-top: 36px;
}
.module-guess .primary-panel .primary-data .row + .row::after {
  content: "";
  position: absolute;
  top: -17px;
  left: 50%;
  width: calc(100% - 30px);
  height: 3px;
  background-color: #fe4754;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.module-guess .primary-panel .primary-data .row + .row > i {
  position: absolute;
  top: -19px;
  left: 0;
  width: 100%;
  height: 7px;
}
.module-guess .primary-panel .primary-data .row + .row > i::before, .module-guess .primary-panel .primary-data .row + .row > i::after {
  content: "";
  position: absolute;
  top: 0;
  width: 7px;
  height: 7px;
  background-color: #fe4754;
}
.module-guess .primary-panel .primary-data .row + .row > i::before {
  left: 0;
}
.module-guess .primary-panel .primary-data .row + .row > i::after {
  right: 0;
}
.module-guess .primary-panel .primary-data .label {
  font-weight: normal;
  font-size: 32px;
  white-space: nowrap;
}
.module-guess .primary-panel .primary-data .label.end {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}
.module-guess .primary-panel .primary-data .text {
  font-weight: bold;
  margin-left: 10px;
  white-space: nowrap;
}
.module-guess .primary-panel .primary-rank {
  position: relative;
  min-width: 283px;
  line-height: 1;
  margin: 25px auto 0;
  font-weight: bold;
  font-size: 38px;
  text-align: center;
  color: #d7d1c7;
}
.module-guess .primary-panel .primary-rank span {
  color: #fe4754;
}
.module-guess .primary-panel .primary-rank .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.module-guess .primary-panel .primary-rank .row + .row {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 36px;
}
.module-guess .primary-panel .primary-rank .row + .row::after {
  content: "";
  position: absolute;
  top: -17px;
  left: 50%;
  width: calc(100% - 30px);
  height: 3px;
  background-color: #fe4754;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.module-guess .primary-panel .primary-rank .row + .row > i {
  position: absolute;
  top: -19px;
  left: 0;
  width: 100%;
  height: 7px;
}
.module-guess .primary-panel .primary-rank .row + .row > i::before, .module-guess .primary-panel .primary-rank .row + .row > i::after {
  content: "";
  position: absolute;
  top: 0;
  width: 7px;
  height: 7px;
  background-color: #fe4754;
}
.module-guess .primary-panel .primary-rank .row + .row > i::before {
  left: 0;
}
.module-guess .primary-panel .primary-rank .row + .row > i::after {
  right: 0;
}
.module-guess .primary-panel .primary-rank .label {
  font-weight: bold;
  font-size: 38px;
  white-space: nowrap;
}
.module-guess .primary-panel .primary-rank .label.end {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}
.module-guess .primary-panel .primary-rank .text {
  position: relative;
  width: 120px;
  line-height: 1;
  margin-left: 10px;
  padding: 0 10px;
  font-weight: normal;
  font-family: "din-bold";
  font-size: 36px;
  text-align: center;
  white-space: nowrap;
}
.module-guess .primary-panel .primary-rank .text::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 14px;
  border-right: 3px solid #fe4754;
  background-color: rgba(255, 255, 255, 0.2);
}
.module-guess .primary-panel .primary-rank .text span {
  position: relative;
  color: #fe4754;
}
.module-guess .primary-panel .primary-rank .text span em {
  line-height: 1.5;
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
}
.module-guess .primary-panel .primary-rank .data-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  font-weight: bold;
  font-size: 18px;
}
.module-guess .primary-panel .primary-rank .data-row + .data-row {
  margin-top: 5px;
}
.module-guess .primary-panel .primary-none {
  position: absolute;
  top: 50%;
  left: 50%;
  line-height: 1.2;
  font-weight: bold;
  font-size: 50px;
  color: #d7d1c7;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.module-guess .primary-panel .primary-tips {
  line-height: 1.2;
  margin-top: 25px;
  font-weight: bold;
  font-size: 38px;
  text-align: center;
  color: #d7d1c7;
}
.module-guess .primary-panel .primary-rule {
  display: none;
  line-height: 1.2;
  margin-top: 15px;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  color: rgba(215, 209, 199, 0.8);
}
.module-guess .primary-panel .team-info .image img,
.module-guess .primary-panel .team-info .name {
  opacity: 0;
}
.module-guess .primary-panel .primary-data {
  display: none;
}
.module-guess .primary-panel .primary-rank {
  display: none;
}
.module-guess .play-panel {
  position: relative;
  width: 840px;
}
.module-guess .play-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #122533;
  clip-path: polygon(8px 8px, 8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0% 8px);
}
.module-guess .play-tab .play-tab-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 61px;
  line-height: 61px;
  font-weight: bold;
  font-size: 27px;
  text-align: center;
  color: #fff8ec;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
}
.module-guess .play-tab .play-tab-item:hover, .module-guess .play-tab .play-tab-item.active {
  color: #fff8ec;
  background-color: #fe4754;
}
.module-guess .play-tab .play-tab-item:hover span i, .module-guess .play-tab .play-tab-item.active span i {
  opacity: 1;
  visibility: visible;
}
.module-guess .play-tab .play-tab-item.active {
  pointer-events: none;
}
.module-guess .play-tab .play-tab-item span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 0 55px;
}
.module-guess .play-tab .play-tab-item span i {
  position: absolute;
  top: 50%;
  width: 3px;
  height: 3px;
  background: #fff;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.module-guess .play-tab .play-tab-item span i::after {
  content: "";
  position: absolute;
  top: 0;
  width: 24px;
  height: 3px;
  background: #fff;
}
.module-guess .play-tab .play-tab-item span i:nth-of-type(1) {
  left: 0px;
}
.module-guess .play-tab .play-tab-item span i:nth-of-type(1)::after {
  left: calc(100% + 3px);
}
.module-guess .play-tab .play-tab-item span i:nth-of-type(2) {
  right: 0px;
}
.module-guess .play-tab .play-tab-item span i:nth-of-type(2)::after {
  right: calc(100% + 3px);
}
.module-guess .play-tab .select-list {
  position: absolute;
  top: calc(100% + 0px);
  z-index: 99;
}
.module-guess .play-body {
  position: relative;
  height: 423px;
  margin-top: 20px;
}
.module-guess .play-body .play-body-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.module-guess .play-body .play-body-item.active {
  opacity: 1;
  visibility: visible;
}
.module-guess .knockout-list {
  position: relative;
  height: 100%;
  padding-right: 10px;
  overflow-y: auto;
}
.module-guess .knockout-list::-webkit-scrollbar-thumb {
  background-color: #d7d1c7;
}
.module-guess .knockout-list::-webkit-scrollbar-track {
  background-color: #333d58;
}
.module-guess .knockout-list::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.module-guess .knockout-list .knockout-range + .knockout-range {
  margin-top: 20px;
}
.module-guess .knockout-list .range-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  margin-bottom: 20px;
}
.module-guess .knockout-list .range-title span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  line-height: 1;
  padding: 0 55px;
  font-weight: bold;
  font-size: 27px;
  color: #d7d1c7;
}
.module-guess .knockout-list .range-title span i {
  position: absolute;
  top: 50%;
  width: 4px;
  height: 4px;
  background: #fe4754;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.module-guess .knockout-list .range-title span i::after {
  content: "";
  position: absolute;
  top: 0;
  width: 24px;
  height: 4px;
  background: #fe4754;
}
.module-guess .knockout-list .range-title span i:nth-of-type(1) {
  left: 0px;
}
.module-guess .knockout-list .range-title span i:nth-of-type(1)::after {
  left: calc(100% + 4px);
}
.module-guess .knockout-list .range-title span i:nth-of-type(2) {
  right: 0px;
}
.module-guess .knockout-list .range-title span i:nth-of-type(2)::after {
  right: calc(100% + 4px);
}
.module-guess .knockout-list .knockout-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  height: 120px;
  background-color: #1c243a;
}
.module-guess .knockout-list .knockout-item:not(:first-of-type) {
  margin-top: 6px;
}
.module-guess .knockout-list .knockout-item.lock {
  pointer-events: none;
}
.module-guess .knockout-list .knockout-item.lock .select-tips {
  display: none;
}
.module-guess .knockout-list .knockout-item.is-guess {
  pointer-events: none;
}
.module-guess .knockout-list .knockout-item .match-round {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 180px;
  text-align: center;
}
.module-guess .knockout-list .knockout-item .match-round .date {
  line-height: 1;
  font-family: "din-bold";
  font-size: 15px;
  color: #d7d1c7;
}
.module-guess .knockout-list .knockout-item .match-round .time {
  line-height: 1;
  font-family: "din-bold";
  font-size: 38px;
  color: #d7d1c7;
}
.module-guess .knockout-list .knockout-item .match-score {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.module-guess .knockout-list .knockout-item .match-score .vs {
  position: relative;
  line-height: 1;
  font-family: "din-bold";
  font-size: 38px;
  color: #fe4754;
}
.module-guess .knockout-list .knockout-item .match-score .status {
  position: relative;
  line-height: 1;
  margin-top: 5px;
  font-size: 14px;
  text-align: center;
  color: #d7d1c7;
}
.module-guess .knockout-list .knockout-item .match-battle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 440px;
}
.module-guess .knockout-list .knockout-item .match-team {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  cursor: pointer;
}
.module-guess .knockout-list .knockout-item .match-team.select .image::after {
  opacity: 1;
  visibility: visible;
}
.module-guess .knockout-list .knockout-item .match-team:nth-of-type(1) .name {
  margin-left: 10px;
}
.module-guess .knockout-list .knockout-item .match-team:nth-of-type(1) .select-tips {
  left: 0px;
}
.module-guess .knockout-list .knockout-item .match-team:nth-of-type(2) .name {
  margin-right: 10px;
}
.module-guess .knockout-list .knockout-item .match-team:nth-of-type(2) .select-tips {
  right: 0px;
}
.module-guess .knockout-list .knockout-item .match-team .image {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50px;
          flex: 0 0 50px;
  width: 50px;
  height: 50px;
}
.module-guess .knockout-list .knockout-item .match-team .image::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 64px;
  height: 64px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/knockout-select-bg.png");
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  opacity: all 0.3s;
}
.module-guess .knockout-list .knockout-item .match-team .image img {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.module-guess .knockout-list .knockout-item .match-team .name {
  width: 100%;
  font-family: "din-bold";
  font-size: 23px;
  color: #d7d1c7;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.module-guess .knockout-list .knockout-item .select-tips {
  position: absolute;
  bottom: calc(100% + 5px);
  z-index: 2;
  line-height: 23px;
  padding: 0 5px;
  border: 1px solid #5a5f6d;
  font-size: 14px;
  color: #d7d1c7;
  white-space: nowrap;
  background-color: #0e1822;
}
.module-guess .knockout-list .knockout-item .integral {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  width: 76px;
  height: 24px;
  padding: 0 3px;
  padding-left: 20px;
  background-color: #fe4754;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 20px 100%);
}
.module-guess .knockout-list .knockout-item .integral .icon-integral {
  position: relative;
  width: 15px;
  height: 16px;
  margin-right: 5px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/icon-integral.png");
}
.module-guess .knockout-list .knockout-item .integral span {
  font-size: 16px;
  color: #fff8ec;
}
.module-guess .knockout-list .knockout-item .btn-submit {
  width: 149px;
  height: 46px;
  margin-left: 28px;
}
.module-guess .knockout-list .knockout-item .btn-submit i {
  position: relative;
  width: 21px;
  height: 21px;
  margin-right: 5px;
}
.module-guess .knockout-list .knockout-item .btn-submit span {
  font-weight: normal;
  font-size: 18px;
}
.module-guess .knockout-list .knockout-item .btn-submit.none, .module-guess .knockout-list .knockout-item .btn-submit.gray {
  pointer-events: none;
}
.module-guess .knockout-list .knockout-item .btn-submit.right i {
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/icon-right.png");
}
.module-guess .knockout-list .knockout-item .btn-submit.wrong i {
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/icon-wrong.png");
}
.module-guess .knockout-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 10px;
}
.module-guess .knockout-group a {
  width: 410px;
  height: 60px;
}
.module-guess .rank-panel {
  position: relative;
  height: 413px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/rank-panel.png");
}
.module-guess .rank-panel.panel-1::before {
  content: "";
  position: absolute;
  top: 58px;
  left: 120px;
  width: 151px;
  height: 151px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/rank-panel-logo.png");
}
.module-guess .rank-panel.panel-2::before {
  content: "";
  position: absolute;
  top: -15px;
  left: -26px;
  width: 343px;
  height: 262px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/rank-panel-hero.png");
}
.module-guess .rank-panel .my-rank {
  position: absolute;
  top: 235px;
  left: 35px;
}
.module-guess .rank-panel .my-rank .tips {
  position: absolute;
  top: calc(100% + 25px);
  left: 50%;
  line-height: 1;
  font-size: 14px;
  white-space: nowrap;
  color: rgba(215, 209, 199, 0.3);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.module-guess .rank-panel .my-rank .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.module-guess .rank-panel .my-rank .row + .row {
  height: 36px;
  margin-top: 5px;
}
.module-guess .rank-panel .my-rank .rank-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 320px;
  height: 40px;
  background-color: #101629;
  clip-path: polygon(5px 0%, 100% 0, 100% calc(100% - 5px), calc(100% - 5px) 100%, 0 100%, 0% 5px);
}
.module-guess .rank-panel .my-rank .rank-tab .rank-item {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 40px;
  font-size: 20px;
  text-align: center;
  color: #fff8ec;
  cursor: pointer;
}
.module-guess .rank-panel .my-rank .rank-tab .rank-item.active {
  font-weight: bold;
  background-color: #fe4754;
  pointer-events: none;
}
.module-guess .rank-panel .my-rank .rank-tab .btn-guess-rule {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 30px;
  text-align: center;
}
.module-guess .rank-panel .my-rank .label {
  font-size: 18px;
  color: #d7d1c7;
}
.module-guess .rank-panel .my-rank .value {
  position: relative;
  width: 120px;
  line-height: 1;
  margin-left: 10px;
  padding: 0 10px;
  font-family: "din-bold";
  font-size: 36px;
  text-align: center;
  white-space: nowrap;
}
.module-guess .rank-panel .my-rank .value::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 14px;
  border-right: 3px solid #fe4754;
  background-color: rgba(255, 255, 255, 0.2);
}
.module-guess .rank-panel .my-rank .value span {
  position: relative;
  color: #fe4754;
}
.module-guess .rank-panel .my-rank .value span em {
  line-height: 1.5;
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
}
.module-guess .rank-panel .rank-table {
  position: absolute;
  top: 20px;
  right: 70px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 392px;
          flex: 0 0 392px;
  width: 392px;
  color: #d7d1c7;
}
.module-guess .rank-panel .rank-table .rank-head {
  position: relative;
  line-height: 1;
  font-weight: bold;
  font-size: 15px;
}
.module-guess .rank-panel .rank-table .rank-body {
  height: 310px;
  margin-top: 10px;
  margin-right: -20px;
  padding-right: 10px;
  font-size: 14px;
  overflow-y: auto;
}
.module-guess .rank-panel .rank-table .rank-body::-webkit-scrollbar-thumb {
  background-color: #d7d1c7;
}
.module-guess .rank-panel .rank-table .rank-body::-webkit-scrollbar-track {
  background-color: #050b0f;
}
.module-guess .rank-panel .rank-table .rank-body::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.module-guess .rank-panel .rank-table .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.module-guess .rank-panel .rank-table .col:nth-of-type(1) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 202px;
          flex: 0 0 202px;
  padding-left: 28px;
}
.module-guess .rank-panel .rank-table .col:nth-of-type(2) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 120px;
          flex: 0 0 120px;
}
.module-guess .rank-panel .rank-table .col:nth-of-type(3) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 70px;
          flex: 0 0 70px;
}
.module-guess .rank-panel .rank-list {
  position: relative;
  width: 392px;
}
.module-guess .rank-panel .rank-list li {
  position: relative;
  height: 40px;
  line-height: 40px;
}
.module-guess .rank-panel .rank-list li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 3px;
  background-color: rgba(86, 93, 98, 0.6);
  -webkit-filter: drop-shadow(389px 0 0 rgba(86, 93, 98, 0.6));
          filter: drop-shadow(389px 0 0 rgba(86, 93, 98, 0.6));
}
.module-guess .rank-panel .rank-list li::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 50%;
  width: calc(100% - 8px);
  height: 1px;
  background-color: rgba(86, 93, 98, 0.6);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.module-guess .rank-panel .rank-list .name {
  width: 160px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.module-guess .rank-panel .rank-list .integral {
  color: #fe4754;
}
.module-guess .rank-panel .rank-rule {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  width: 100%;
  line-height: 1.2;
  font-size: 14px;
  text-align: center;
  color: rgba(215, 209, 199, 0.3);
}
.module-guess .btn-rank {
  width: 100%;
  height: 60px;
  margin-top: 10px;
}

.popup-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  height: 58px;
  line-height: 58px;
  margin-bottom: 40px;
}
.popup-title .popup-adorn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.popup-title .popup-adorn::before, .popup-title .popup-adorn::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 10px;
  height: 10px;
}
.popup-title .popup-adorn::before {
  left: 0;
  border-bottom: 2px solid #fe4754;
  border-left: 2px solid #fe4754;
}
.popup-title .popup-adorn::after {
  right: 0;
  border-bottom: 2px solid #fe4754;
  border-right: 2px solid #fe4754;
}
.popup-title span {
  position: relative;
  padding: 0 38px;
  font-weight: bold;
  font-size: 42px;
  color: #d7d1c7;
}
.popup-title span::before, .popup-title span::after {
  content: "";
  position: absolute;
  top: 0;
  width: 10px;
  height: 10px;
}
.popup-title span::before {
  left: 0;
  border-top: 2px solid #fe4754;
  border-left: 2px solid #fe4754;
}
.popup-title span::after {
  right: 0;
  border-top: 2px solid #fe4754;
  border-right: 2px solid #fe4754;
}

/*** 通用提示 ***/
.popup-toast {
  width: 496px;
  height: 210px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/popup-toast.png");
}
.popup-toast .toast-desc {
  line-height: 1;
  font-size: 20px;
  text-align: center;
  color: #d7d1c7;
}

/*** 弹窗 - 二次确认弹窗 ***/
.popup-inquiry {
  width: 496px;
  height: 323px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/popup-inquiry.png");
}
.popup-inquiry .inquiry-desc {
  line-height: 1.2;
  font-size: 22px;
  text-align: center;
  color: #d7d1c7;
}
.popup-inquiry .inquiry-desc span {
  padding: 0 10px;
  font-weight: bold;
}
.popup-inquiry .inquiry-tips {
  line-height: 1;
  margin-top: 5px;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  color: #fe4754;
}
.popup-inquiry .inquiry-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 40px;
}
.popup-inquiry .btn-cancel,
.popup-inquiry .btn-confirm {
  width: 218px;
  height: 54px;
}
.popup-inquiry .btn-cancel span,
.popup-inquiry .btn-confirm span {
  font-size: 27px;
}
.popup-inquiry .btn-cancel {
  margin-left: 18px;
}
.popup-inquiry .btn-cancel::before {
  background-color: #472abb;
}

/*** 弹窗 - 主队选择 ***/
.popup-team {
  width: 1053px;
  height: 685px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/popup-team.png");
}
.popup-team .team-tips {
  display: none;
  font-size: 16px;
  color: #d7d1c7;
}
.popup-team .team-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.popup-team .team-list li {
  position: relative;
  width: 216px;
  height: 124px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/team-list-li.png");
  cursor: pointer;
}
.popup-team .team-list li:not(:nth-of-type(-n + 4)) {
  margin-top: 20px;
}
.popup-team .team-list li:not(:nth-of-type(4n)) {
  margin-right: 28px;
}
.popup-team .team-list li:hover, .popup-team .team-list li.active {
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/team-list-li-active.png");
}
.popup-team .team-list .image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 20px;
}
.popup-team .team-list .image img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.popup-team .team-list .name {
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
  line-height: 1;
  padding: 0 15px;
  font-size: 16px;
  color: #fff6e7;
}
.popup-team .team-confirm {
  width: 298px;
  height: 54px;
  margin: 40px auto 0;
}
.popup-team .team-confirm span {
  font-size: 27px;
}

/*** 弹窗 - 选择道具卡 ***/
.popup-choose {
  width: 596px;
  height: 673px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/popup-choose.png");
}
.popup-choose .popup-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.popup-choose .common-tips {
  margin-top: 30px;
}
.popup-choose .choose-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 20px 0;
}
.popup-choose .choose-list li {
  position: relative;
  cursor: pointer;
}
.popup-choose .choose-list li:not(:first-of-type) {
  margin-left: 30px;
}
.popup-choose .choose-list li:hover .award-info, .popup-choose .choose-list li.active .award-info {
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/card-list-li.png");
}
.popup-choose .choose-list .award-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 196px;
  height: 310px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/card-list-li-gray.png");
}
.popup-choose .choose-list .award-info .image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  height: 180px;
}
.popup-choose .choose-list .award-info .image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.popup-choose .choose-list .award-info .name {
  position: relative;
  line-height: 1;
  font-size: 16px;
  text-align: center;
  color: #d7d1c7;
}
.popup-choose .btn-choose-init {
  width: 298px;
  height: 54px;
  margin-top: 40px;
}
.popup-choose .btn-choose-init span {
  font-size: 27px;
}

/*** 弹窗 - 助威卡分享 ***/
.popup-share {
  width: 496px;
  height: 323px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/popup-share.png");
}
.popup-share .popup-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.popup-share .share-desc {
  line-height: 1;
  padding: 15px 0;
  font-weight: bold;
  font-size: 22px;
  text-align: center;
  color: #d7d1c7;
}
.popup-share .share-desc span {
  color: #fe4754;
}
.popup-share .btn-share-copy {
  width: 298px;
  height: 54px;
  margin-top: 40px;
}
.popup-share .btn-share-copy span {
  font-size: 27px;
}

/*** 弹窗 - 助威卡接收 ***/
.popup-accept {
  width: 496px;
  height: 323px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/popup-accept.png");
}
.popup-accept .popup-title {
  margin-bottom: 60px;
}
.popup-accept .common-tips {
  position: absolute;
  bottom: calc(100% + 30px);
  left: 0;
  width: 100%;
  text-align: center;
}
.popup-accept .base-milo-form .message-table .milo-form-row {
  width: 394px;
  padding-left: 66px;
}
.popup-accept .base-milo-form .message-table .milo-form-row label {
  width: 66px;
}
.popup-accept .base-milo-form .milo-form-submit {
  margin-top: 30px;
}

/*** 弹窗 - 活动规则 ***/
.popup-rule {
  width: 776px;
  height: 427px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/popup-rule.png");
}
.popup-rule .rule-content {
  position: relative;
  height: 250px;
  line-height: 1.5;
  padding-right: 20px;
  padding-left: 10px;
  overflow-y: auto;
}
.popup-rule .rule-content::-webkit-scrollbar-thumb {
  background-color: #fe4754;
}
.popup-rule .rule-content::-webkit-scrollbar-track {
  background-color: #030507;
}
.popup-rule .rule-content::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.popup-rule .rule-group + .rule-group {
  margin-top: 30px;
}
.popup-rule .rule-title {
  position: relative;
  line-height: 1;
  margin-bottom: 8px;
  font-weight: bold;
  font-size: 20px;
  color: #fe4754;
}
.popup-rule .rule-title::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -10px;
  width: 4px;
  height: 21px;
  background-color: #fe4754;
  clip-path: polygon(0 0, 100% 3px, 100% calc(100% - 3px), 0% 100%);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.popup-rule .rule-desc {
  line-height: 1.5;
  font-size: 16px;
  color: #d7d1c7;
}
.popup-rule .rule-desc p + p {
  margin-top: 10px;
}
.popup-rule .rule-desc span {
  display: block;
  color: #fe4754;
}
.popup-rule .bold {
  font-weight: bold;
}
.popup-rule .probability-table {
  position: relative;
  width: 100%;
  margin: 10px auto;
  font-size: 16px;
  color: #d7d1c7;
  border-collapse: collapse;
  border-spacing: 0;
}
.popup-rule .probability-table thead {
  background-color: rgba(254, 71, 84, 0.2);
}
.popup-rule .probability-table td {
  line-height: 1.5;
  padding: 5px 10px;
  border: 1px solid #d7d1c7;
}
.popup-rule .probability-table td span {
  color: #fe4754;
}

/*** 弹窗 - 获奖记录 ***/
.popup-record {
  width: 786px;
  height: 539px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/popup-record.png");
}
.popup-record .record-table {
  position: relative;
  width: 100%;
}
.popup-record .record-table-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.popup-record .record-table-col {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  padding: 0 10px;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.popup-record .record-table-head {
  position: relative;
  line-height: 45px;
  font-weight: bold;
  font-size: 18px;
  color: #fff6e7;
  background-color: #fe4754;
}
.popup-record .record-table-head .record-table-col:not(:first-of-type)::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 27px;
  background-color: #0d1620;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.popup-record .record-table-body {
  position: relative;
  height: 272px;
}
.popup-record .record-table-body .record-table-row {
  height: 68px;
  line-height: 68px;
  font-size: 16px;
  color: #d7d1c7;
  border-bottom: 1px solid rgba(254, 71, 84, 0.5);
}
.popup-record .record-table-body a {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90px;
  height: 27px;
  line-height: 27px;
  color: #fff6e7;
  background-color: #fe4754;
  clip-path: polygon(100% 0, 100% calc(100% - 4px), calc(100% - 4px) 100%, 0 100%, 0 0);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.popup-record .record-table-none {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-weight: bold;
  font-size: 16px;
  color: #d7d1c7;
}
.popup-record .record-table-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 30px;
  line-height: 30px;
  margin-top: 30px;
  font-size: 16px;
  color: #d7d1c7;
}
.popup-record .record-table-pagination .my-page-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.popup-record .record-table-pagination .my-page-prev,
.popup-record .record-table-pagination .my-page-next {
  margin: 0 10px;
  padding: 0 10px;
  font-size: 0;
  text-indent: -999em;
  background-size: 14px 13px;
  background-position: center;
}
.popup-record .record-table-pagination .my-page-prev {
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/my-page-prev.png");
}
.popup-record .record-table-pagination .my-page-next {
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/my-page-next.png");
}
.popup-record .record-table-pagination .my-page-cell {
  margin: 0 5px;
  padding: 0 5px;
}
.popup-record .record-table-pagination .my-page-checked {
  color: #fe4754;
  border-bottom: 1px solid;
}

/*** 弹窗 - 积分获奖记录 ***/
.popup-integral-record {
  width: 786px;
  height: 539px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/popup-record.png");
}
.popup-integral-record .record-table {
  position: relative;
  width: 100%;
}
.popup-integral-record .record-table-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.popup-integral-record .record-table-col {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  padding: 0 10px;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.popup-integral-record .record-table-head {
  position: relative;
  line-height: 45px;
  font-weight: bold;
  font-size: 18px;
  color: #fff6e7;
  background-color: #fe4754;
}
.popup-integral-record .record-table-head .record-table-col:not(:first-of-type)::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 27px;
  background-color: #0d1620;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.popup-integral-record .record-table-body {
  position: relative;
  height: 272px;
}
.popup-integral-record .record-table-body .record-table-row {
  height: 68px;
  line-height: 68px;
  font-size: 16px;
  color: #d7d1c7;
  border-bottom: 1px solid rgba(254, 71, 84, 0.5);
}
.popup-integral-record .record-table-body a {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90px;
  height: 27px;
  line-height: 27px;
  color: #fff6e7;
  background-color: #fe4754;
  clip-path: polygon(100% 0, 100% calc(100% - 4px), calc(100% - 4px) 100%, 0 100%, 0 0);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.popup-integral-record .record-table-none {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-weight: bold;
  font-size: 16px;
  color: #d7d1c7;
}
.popup-integral-record .record-table-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 30px;
  line-height: 30px;
  margin-top: 30px;
  font-size: 16px;
  color: #d7d1c7;
}
.popup-integral-record .record-table-pagination .my-page-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.popup-integral-record .record-table-pagination .my-page-prev,
.popup-integral-record .record-table-pagination .my-page-next {
  margin: 0 10px;
  padding: 0 10px;
  font-size: 0;
  text-indent: -999em;
  background-size: 14px 13px;
  background-position: center;
}
.popup-integral-record .record-table-pagination .my-page-prev {
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/my-page-prev.png");
}
.popup-integral-record .record-table-pagination .my-page-next {
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/my-page-next.png");
}
.popup-integral-record .record-table-pagination .my-page-cell {
  margin: 0 5px;
  padding: 0 5px;
}
.popup-integral-record .record-table-pagination .my-page-checked {
  color: #fe4754;
  border-bottom: 1px solid;
}

/*** Milo表单 ***/
.base-milo-form .message-table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.base-milo-form .message-table label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100px;
          flex: 0 0 100px;
  height: 46px;
  line-height: 46px;
  padding-right: 15px;
  font-weight: bold;
  font-size: 20px;
  text-align: right;
  white-space: nowrap;
  color: #d7d1c7;
}
.base-milo-form .message-table input {
  display: block;
  width: 100%;
  height: 46px;
  line-height: 46px;
  padding: 0 15px;
  font-size: 18px;
  color: rgba(215, 209, 199, 0.6);
  background: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.base-milo-form .message-table input::-webkit-input-placeholder {
  font-size: 18px;
  color: rgba(215, 209, 199, 0.6);
}
.base-milo-form .message-table input::-moz-placeholder {
  font-size: 18px;
  color: rgba(215, 209, 199, 0.6);
}
.base-milo-form .message-table input:-ms-input-placeholder {
  font-size: 18px;
  color: rgba(215, 209, 199, 0.6);
}
.base-milo-form .message-table input::-ms-input-placeholder {
  font-size: 18px;
  color: rgba(215, 209, 199, 0.6);
}
.base-milo-form .message-table input::placeholder {
  font-size: 18px;
  color: rgba(215, 209, 199, 0.6);
}
.base-milo-form .message-table select {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 46px;
  line-height: 46px;
  padding: 0 15px;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-size: 18px;
  color: rgba(215, 209, 199, 0.6);
  background: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.base-milo-form .message-table select option {
  color: #333;
}
.base-milo-form .message-table textarea {
  width: 100%;
  height: 92px;
  line-height: 46px;
  padding: 0 15px;
  border: none;
  font-family: "ya hei";
  font-size: 18px;
  color: rgba(215, 209, 199, 0.6);
  resize: none;
  background: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.base-milo-form .message-table textarea::-webkit-input-placeholder {
  font-size: 18px;
  color: rgba(215, 209, 199, 0.6);
}
.base-milo-form .message-table textarea::-moz-placeholder {
  font-size: 18px;
  color: rgba(215, 209, 199, 0.6);
}
.base-milo-form .message-table textarea:-ms-input-placeholder {
  font-size: 18px;
  color: rgba(215, 209, 199, 0.6);
}
.base-milo-form .message-table textarea::-ms-input-placeholder {
  font-size: 18px;
  color: rgba(215, 209, 199, 0.6);
}
.base-milo-form .message-table textarea::placeholder {
  font-size: 18px;
  color: rgba(215, 209, 199, 0.6);
}
.base-milo-form .message-table .milo-form-tips {
  line-height: 1;
  margin-top: 10px;
  font-size: 16px;
  text-align: center;
  color: #d7d1c7;
}
.base-milo-form .message-table .milo-form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  width: 429px;
  padding-left: 100px;
}
.base-milo-form .message-table .milo-form-contariner {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.base-milo-form .message-table .milo-form-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/milo-form-item.png");
  overflow: hidden;
}
.base-milo-form .message-table .milo-form-row + .milo-form-row {
  margin-top: 15px;
}
.base-milo-form .message-table .milo-form-item + .milo-form-item {
  margin-top: 5px;
}
.base-milo-form .message-table .select-arrow {
  position: relative;
}
.base-milo-form .message-table .select-arrow select {
  width: 100%;
}
.base-milo-form .message-table .select-arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  width: 20px;
  height: 17px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/select-arrow.png");
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.base-milo-form .milo-form-submit {
  width: 298px;
  height: 54px;
  margin-top: 22px;
}
.base-milo-form .milo-form-submit span {
  font-size: 27px;
}

/*** 弹窗 - 填写收货地址 ***/
.popup-address {
  width: 495px;
  height: 757px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/popup-address.png");
}
.popup-address .popup-title {
  margin-bottom: 20px;
}

/*** 弹窗 - 填写QQ ***/
.popup-qq {
  width: 496px;
  height: 323px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/popup-qq.png");
}
.popup-qq .base-milo-form .message-table .milo-form-row {
  width: 394px;
  padding-left: 66px;
}
.popup-qq .base-milo-form .message-table .milo-form-row label {
  width: 66px;
}
.popup-qq .base-milo-form .milo-form-submit {
  margin-top: 40px;
}

/*** 弹窗 - 奖励兑换 ***/
.popup-convert {
  width: 596px;
  height: 456px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/popup-convert.png");
}
.popup-convert .popup-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.popup-convert .convert-image {
  position: relative;
  width: 150px;
  height: 150px;
  padding: 10px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/convert-image.png");
}
.popup-convert .convert-image.entity {
  margin-top: -10px;
}
.popup-convert .convert-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.popup-convert .convert-integral {
  line-height: 1;
  margin-top: 10px;
  font-size: 16px;
  color: #d7d1c7;
}
.popup-convert .convert-integral span {
  color: #fe4754;
}
.popup-convert .convert-name {
  line-height: 1;
  margin-top: 5px;
  font-size: 16px;
  color: #d7d1c7;
}
.popup-convert .convert-name span {
  color: #fe4754;
}
.popup-convert .convert-prop {
  line-height: 1;
  margin-top: 10px;
  font-size: 18px;
  color: #d7d1c7;
}
.popup-convert .convert-prop span {
  color: #fe4754;
}
.popup-convert .convert-tips {
  line-height: 1;
  margin-top: 20px;
  font-size: 16px;
  color: #d7d1c7;
}
.popup-convert .entity-get {
  position: absolute;
  bottom: 30px;
  left: 50%;
  width: 298px;
  height: 54px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.popup-convert .btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 25px;
}
.popup-convert .btn-group a {
  width: 218px;
  height: 54px;
}
.popup-convert .btn-group a.btn-confirm {
  text-align: center;
}
.popup-convert .btn-group a.btn-cancel {
  margin-left: 18px;
}
.popup-convert .btn-group a.btn-cancel::before {
  background-color: #472abb;
}

/*** 弹窗 - 获得实物奖励 ***/
.popup-entity {
  width: 594px;
  height: 626px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/popup-entity.png");
}
.popup-entity .reward-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  height: 300px;
  margin: 0 auto;
}
.popup-entity .reward-image img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.popup-entity .entity-desc {
  line-height: 1.2;
  font-weight: bold;
  font-size: 22px;
  text-align: center;
  color: #d7d1c7;
}
.popup-entity .entity-desc span {
  color: #fe4754;
}
.popup-entity .entity-get {
  position: absolute;
  bottom: 40px;
  left: 50%;
  width: 298px;
  height: 54px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

/*** 弹窗 - 请先解锁巡回卡 ***/
.popup-unlock {
  width: 496px;
  height: 323px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/popup-inquiry.png");
}
.popup-unlock .unlock-tips {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.2;
  font-size: 22px;
  text-align: center;
  color: #d7d1c7;
  white-space: nowrap;
}
.popup-unlock .unlock-tips p + p {
  margin-top: 10px;
}
.popup-unlock .unlock-desc {
  line-height: 1.2;
  font-size: 22px;
  text-align: center;
  color: #d7d1c7;
}
.popup-unlock .unlock-desc span {
  padding: 0 10px;
  font-weight: bold;
}
.popup-unlock .btn-confirm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 218px;
  height: 54px;
  margin: 40px auto 0;
}
.popup-unlock .btn-confirm span {
  font-size: 27px;
}

/*** 弹窗 - 选择道具卡 ***/
.popup-receive {
  width: 596px;
  height: 673px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/popup-choose.png");
}
.popup-receive .popup-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.popup-receive .receive-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.popup-receive .receive-list li {
  position: relative;
  cursor: pointer;
}
.popup-receive .receive-list li:not(:first-of-type) {
  margin-left: 30px;
}
.popup-receive .receive-list .award-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 196px;
  height: 310px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/card-list-li.png");
}
.popup-receive .receive-list .award-info .image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  height: 180px;
}
.popup-receive .receive-list .award-info .image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.popup-receive .receive-list .award-info .name {
  position: relative;
  line-height: 1;
  font-size: 16px;
  text-align: center;
  color: #d7d1c7;
}
.popup-receive .receive-tips {
  line-height: 1;
  margin-top: 40px;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  color: #d7d1c7;
}
.popup-receive .receive-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 40px;
}
.popup-receive .btn-cancel,
.popup-receive .btn-confirm {
  width: 218px;
  height: 54px;
}
.popup-receive .btn-cancel span,
.popup-receive .btn-confirm span {
  font-size: 27px;
}
.popup-receive .btn-cancel {
  margin-left: 18px;
}
.popup-receive .btn-cancel::before {
  background-color: #472abb;
}

/*** 弹窗 - 我的队伍评级 ***/
.popup-team-guess {
  width: 594px;
  height: 601px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/popup-team-guess.png");
}
.popup-team-guess .popup-title {
  margin-bottom: 10px;
}
.popup-team-guess .player-name {
  line-height: 1;
  font-size: 16px;
  text-align: center;
  color: rgba(255, 246, 231, 0.6);
}
.popup-team-guess .guess-panel {
  position: relative;
  width: 500px;
  height: 350px;
  margin-top: 20px;
}
.popup-team-guess .guess-panel .guess-team-list {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.popup-team-guess .guess-panel .guess-team-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  height: 80px;
  padding-left: 80px;
  cursor: pointer;
}
.popup-team-guess .guess-panel .guess-team-list li:not(:first-of-type) {
  margin-top: 10px;
}
.popup-team-guess .guess-panel .guess-team-list li.S .arrow {
  fill: #fe4754;
}
.popup-team-guess .guess-panel .guess-team-list li.A .arrow {
  fill: #e69d66;
}
.popup-team-guess .guess-panel .guess-team-list li.B .arrow {
  fill: #41aee7;
}
.popup-team-guess .guess-panel .guess-team-list li.C .arrow {
  fill: #0a9679;
}
.popup-team-guess .guess-panel .guess-team-list li.active .team-group {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.popup-team-guess .guess-panel .guess-team-list li.active .arrow {
  -webkit-transform: translateY(-50%) scaleY(-1);
          transform: translateY(-50%) scaleY(-1);
}
.popup-team-guess .guess-panel .guess-team-list li.has-data .tips {
  display: none;
}
.popup-team-guess .guess-panel .guess-team-list .tips {
  line-height: 1;
  font-size: 26px;
  color: rgba(255, 246, 231, 0.3);
}
.popup-team-guess .guess-panel .guess-team-list .arrow {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 20px;
  height: 10px;
  fill: #fe4754;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.popup-team-guess .guess-panel .guess-team-list .team-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 180px;
  padding: 25px;
  background-color: #29324b;
  -webkit-box-shadow: 0 0 0 1px #8e3446 inset;
          box-shadow: 0 0 0 1px #8e3446 inset;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.popup-team-guess .guess-panel .guess-team-list .team-group .team-item {
  position: relative;
  width: 50px;
  height: 50px;
  cursor: pointer;
}
.popup-team-guess .guess-panel .guess-team-list .team-group .team-item:not(:nth-of-type(-n + 6)) {
  margin-top: 30px;
}
.popup-team-guess .guess-panel .guess-team-list .team-group .team-item:not(:nth-of-type(6n)) {
  margin-right: 30px;
}
.popup-team-guess .guess-panel .guess-team-list .team-group .team-item::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/team-item-active.png");
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.popup-team-guess .guess-panel .guess-team-list .team-group .team-item:hover::after, .popup-team-guess .guess-panel .guess-team-list .team-group .team-item.active::after {
  opacity: 1;
  visibility: visible;
}
.popup-team-guess .guess-panel .guess-team-list .team-group .team-item.has-select {
  opacity: 0.5;
  -webkit-filter: brightness(0.5);
          filter: brightness(0.5);
}
.popup-team-guess .guess-panel .guess-team-list .team-group .team-item img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.popup-team-guess .btn-confirm {
  width: 217px;
  height: 54px;
  margin: 20px auto 0;
  text-align: center;
}
.popup-team-guess .btn-confirm span {
  font-size: 27px;
}

/*** 弹窗 - 扫码下载掌瓦 ***/
.popup-qrcode {
  width: 594px;
  height: 476px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/popup-qrcode.png");
}
.popup-qrcode .qrcode-image {
  position: relative;
  width: 268px;
  height: 268px;
  margin: 0 auto;
  padding: 8px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/qrcode-image.png");
}
.popup-qrcode .qrcode-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/*** 弹窗 - 奖励预览 ***/
.popup-preview {
  width: 594px;
  height: 476px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/popup-preview.png");
}
.popup-preview .popup-title {
  margin-bottom: 15px;
}
.popup-preview .preview-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  height: 340px;
  margin: 0 auto;
}
.popup-preview .preview-image img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

/*** 弹窗 - 奖励预览 ***/
.popup-reward {
  width: 594px;
  height: 626px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/popup-reward.png");
}
.popup-reward .reward-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  height: 300px;
  margin: 0 auto;
}
.popup-reward .reward-image img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.popup-reward .reward-name {
  line-height: 1;
  font-size: 27px;
  text-align: center;
  color: #fe4754;
}
.popup-reward .btn-confirm {
  width: 218px;
  height: 54px;
  margin: 50px auto 0;
}
.popup-reward .btn-confirm span {
  font-size: 27px;
}

/*** 弹窗 - 解说参考战力评级 ***/
.popup-celebrity-team {
  width: 594px;
  height: 543px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/popup-celebrity-team.png");
}
.popup-celebrity-team .celebrity-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 74px auto 0;
}
.popup-celebrity-team .celebrity-list .celebrity-item {
  position: relative;
}
.popup-celebrity-team .celebrity-list .celebrity-item:not(:first-of-type) {
  margin-left: 10px;
}
.popup-celebrity-team .celebrity-list .celebrity-card {
  position: relative;
  width: 160px;
  height: 260px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/celebrity-card.png");
}
.popup-celebrity-team .celebrity-list .celebrity-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: absolute;
  top: -47px;
  left: -3px;
  width: 163px;
  height: 307px;
  background-size: auto 100%;
}
.popup-celebrity-team .celebrity-list .celebrity-image.image-1 {
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/celebrity-1.png");
}
.popup-celebrity-team .celebrity-list .celebrity-image.image-2 {
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/celebrity-2.png");
}
.popup-celebrity-team .celebrity-list .celebrity-image.image-3 {
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/celebrity-3.png");
}
.popup-celebrity-team .celebrity-list .celebrity-name {
  position: absolute;
  bottom: 5px;
  left: 50%;
  width: 150px;
  height: 39px;
  line-height: 39px;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  color: #fff8ec;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.popup-celebrity-team .celebrity-list .btn-view {
  position: relative;
  width: 160px;
  height: 40px;
  margin-top: 10px;
}
.popup-celebrity-team .celebrity-list .btn-view::before {
  background-color: #4729bb;
}
.popup-celebrity-team .celebrity-list .btn-view span {
  font-size: 24px;
}

.team-guess {
  position: relative;
  width: 500px;
  height: 350px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/team-guess.png");
}
.team-guess li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  height: 80px;
  padding-left: 80px;
}
.team-guess li:not(:first-of-type) {
  margin-top: 10px;
}
.team-guess .team-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 240px;
  height: 80px;
}
.team-guess .team-group .team-item {
  position: relative;
  width: 50px;
  height: 50px;
}
.team-guess .team-group .team-item:not(:first-of-type) {
  margin-left: 45px;
}
.team-guess .team-group .team-item img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/*** 弹窗 - 排名分享结果 ***/
.popup-team-share {
  width: 594px;
  height: 601px;
}
.popup-team-share .team-element .my-team-guess {
  margin-top: 20px;
}

.team-element {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 594px;
  height: 601px;
  padding-top: 40px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/screenshots-team.png");
}
.team-element .popup-title {
  position: relative;
  width: 300px;
  height: 57px;
  margin-bottom: 10px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/team-title.png");
}
.team-element .qrcode {
  position: absolute;
  top: 40px;
  right: 45px;
  width: 78px;
  height: 78px;
  padding: 3px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/team-qrcode.png");
}
.team-element .qrcode img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.team-element .player-name {
  line-height: 1;
  font-size: 16px;
  text-align: center;
  color: rgba(255, 246, 231, 0.6);
}
.team-element .my-team-guess {
  margin-top: 40px;
}
.team-element .tips {
  position: absolute;
  bottom: 40px;
  left: 0;
  width: 100%;
  line-height: 1;
  font-size: 16px;
  text-align: center;
  color: rgba(215, 209, 199, 0.6);
}
.team-element .btn-save {
  position: absolute;
  bottom: 30px;
  left: 50%;
  z-index: 2;
  width: 217px;
  height: 53px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/btn-save.png");
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

/*** 弹窗 - 排名分享结果 ***/
.popup-rank {
  width: 660px;
  height: 728px;
}

.rank-element {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 660px;
  height: 728px;
  padding-top: 60px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/screenshots-rank.png");
}
.rank-element .popup-title {
  position: relative;
  width: 320px;
  height: 57px;
  margin-bottom: 10px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/rank-title.png");
}
.rank-element .player-name {
  line-height: 1;
  font-size: 16px;
  text-align: center;
  color: rgba(255, 246, 231, 0.6);
}
.rank-element .rank-data {
  position: absolute;
  top: 240px;
  right: 47px;
  width: 290px;
  height: 180px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/rank-data.png");
}
.rank-element .rank-data .rank-number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  line-height: 1;
  margin-bottom: 40px;
  font-weight: bold;
  font-size: 32px;
  text-align: center;
  color: #d7d1c7;
  white-space: nowrap;
}
.rank-element .rank-data .rank-number span {
  position: absolute;
  bottom: 0;
  right: 10px;
  width: 133px;
  color: #fe4754;
}
.rank-element .rank-data .rank-number span.number {
  font-size: 60px;
}
.rank-element .rank-data .data-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.rank-element .rank-data .data-list .label {
  line-height: 1;
  font-size: 18px;
  text-align: center;
  color: #d7d1c7;
}
.rank-element .rank-data .data-list .value {
  position: relative;
  width: 130px;
  height: 14px;
  line-height: 1;
  margin-top: 21px;
  font-weight: bold;
  font-size: 26px;
  text-align: center;
  color: #fe4754;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/data-list-value.png");
  background-position: center bottom;
}
.rank-element .rank-data .data-list .value span {
  position: absolute;
  bottom: 5px;
  left: 0;
  width: 100%;
}
.rank-element .rank-data .update-date {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  line-height: 1;
  font-size: 14px;
  text-align: center;
  color: rgba(215, 209, 199, 0.3);
}
.rank-element .award-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 500px;
  left: 0;
  width: 100%;
}
.rank-element .award-list li {
  position: relative;
  width: 141px;
}
.rank-element .award-list li:not(:first-of-type) {
  margin-left: 15px;
}
.rank-element .award-list .image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 141px;
  height: 121px;
  padding: 10px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/award-bg.png");
}
.rank-element .award-list .image img {
  display: block;
  height: 100%;
}
.rank-element .award-list .name {
  line-height: 1.2;
  margin-top: 10px;
  padding: 0 5px;
  font-size: 16px;
  text-align: center;
  color: #d7d1c7;
}
.rank-element .btn-save {
  position: absolute;
  bottom: -80px;
  left: 50%;
  width: 217px;
  height: 53px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/btn-save.png");
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.popup-platform {
  width: 714px;
  height: 375px;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/popup-platform.png");
}
.popup-platform .platform-image {
  width: 576px;
  height: 197px;
  margin: 0 auto;
  background-image: url("//game.gtimg.cn/images/val/act/a20260108act/platform-image.png");
}