@charset "UTF-8";
:root {
  --pop-title-color: #D9D9D9;
  --pop-btn-color: #F0E6D2;
  --pop-text-color: #A09B8C;
  --pop-bold-color: #F0E6D2;
}

blockquote,
body,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
li,
ol,
p,
pre,
select,
td,
textarea,
th,
ul {
  padding: 0;
  margin: 0;
}

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

fieldset,
img {
  border: 0;
}

address,
b,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
i {
  font-weight: 400;
  font-style: normal;
}

ol,
ul {
  list-style: none;
}

caption,
th {
  text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  font-size: 100%;
}

q:after,
q:before {
  content: "";
}

abbr,
acronym {
  border: 0;
}

strong,
th {
  font-weight: 700;
}

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

a {
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: color 0.5s ease-out;
  transition: color 0.5s ease-out;
}

a:hover {
  -webkit-filter: brightness(1.1);
  filter: brightness(1.1);
}

button,
input,
option,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}

input:focus,
textarea:focus {
  outline: 0;
}

body,
html {
  overflow: hidden;
  -webkit-user-drag: none;
}

body {
  font: 12px "Microsoft YaHei", "LoL Display", TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  background-color: #000;
}

.wrapper {
  position: relative;
  width: 1055px;
  height: 640px;
  display: block;
  overflow: hidden;
}

div {
  outline: 0;
}

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

.m,
.pc,
.top-box {
  display: none !important;
}

@font-face {
  font-family: "lol-bold";
  src: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/fonts/lol-bold.ttf") format("truetype");
  font-weight: normal;
}
@font-face {
  font-family: "sellnum-1";
  src: url("//game.gtimg.cn/images/lol/common/sell/font/sellnum-1.eot");
  src: url("//game.gtimg.cn/images/lol/common/sell/font/sellnum-1.woff") format("woff"), url("//game.gtimg.cn/images/lol/common/sell/font/sellnum-1.ttf") format("truetype"), url("//game.gtimg.cn/images/lol/common/sell/font/sellnum-1.svg") format("svg");
}
.gray {
  -webkit-filter: brightness(0.6);
          filter: brightness(0.6);
  pointer-events: none;
}

.loading {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}

.loading::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/loading.webp");
  -webkit-animation: load-rotate 2s infinite;
  animation: load-rotate 2s infinite;
  background-size: cover;
  z-index: 990;
}

@-webkit-keyframes load-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes load-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.container {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.page-swiper {
  width: 100%;
  height: 100%;
}
.page-swiper .swiper-slide .swiper-slide {
  pointer-events: none !important;
}
.page-swiper .swiper-slide.swiper-slide-active .swiper-slide {
  pointer-events: auto !important;
}

.page1 {
  width: 100%;
  height: 100%;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/bg1.jpg");
}

.page2 {
  width: 100%;
  height: 100%;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/bg1.jpg");
}

.page3 {
  width: 100%;
  height: 100%;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/bg2.jpg");
}

.page4 {
  width: 100%;
  height: 100%;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/bg1.jpg");
}

.main-title {
  position: absolute;
  top: 29.5px;
  left: 0;
  width: 137px;
  height: 119px;
  z-index: 22;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/main_title.png");
}

.nav-box {
  position: absolute;
  left: 0;
  top: 139px;
  z-index: 22;
}
.nav-box .nav {
  position: relative;
  display: block;
  width: 146.5px;
  height: 41px;
  padding-left: 27px;
  padding-right: 36px;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  line-height: 41px;
  color: #fff;
  letter-spacing: -0.28px;
  text-indent: -0.28px;
  margin-bottom: 6px;
}
.nav-box span {
  display: block;
  position: relative;
  z-index: 22;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/liner-img1.jpg");
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.nav-box .active span {
  background-image: none;
  -webkit-background-clip: none;
  -webkit-text-fill-color: #fff;
}
.nav-box .active::before {
  content: attr(data-text);
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  padding-left: 27px;
  letter-spacing: -0.28px;
  text-indent: -0.28px;
  padding-right: 36px;
  top: 0;
  font-size: 14px;
  z-index: 1;
  text-shadow: 0px 0px 2.31px rgba(0, 0, 0, 0.6);
}
.nav-box .active::after {
  pointer-events: none;
  content: "";
  position: absolute;
  top: -14px;
  left: 0;
  width: 146.5px;
  height: 64.5px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/nav_active.png");
}

/* 敖兴试炼 */
.aoxing {
  width: 100%;
  height: 100%;
  padding-left: 123.5px;
}
.aoxing .box1 {
  overflow: hidden;
  width: 924.5px;
  height: 417.5px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/aoxing_box_bg1.png");
  margin-left: 7.5px;
  margin-top: 32.5px;
}
.aoxing .box1 .energy-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-top: 59px;
  margin-left: 53.5px;
  height: 17px;
}
.aoxing .box1 .energy-info {
  font-size: 14px;
  color: #e2f7ff;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 144px;
}
.aoxing .box1 .energy-info span {
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/liner-img4.jpg");
  background-size: 100% 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.aoxing .box1 .proccess-box {
  width: 559px;
  height: 17px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/proccess_bg.png");
  margin-left: 2px;
  margin-right: 8px;
}
.aoxing .box1 .proccess-box .proccess-bar {
  width: 100%;
  height: 12px;
  margin-top: 2.5px;
  margin-left: 2.5px;
  border-radius: 8.5px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/proccess_bar.png");
  background-size: 554px 12px;
}
.aoxing .box1 .btn-que {
  position: relative;
  font-size: 14px;
  font-weight: bold;
  color: #e2f7ff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.aoxing .box1 .btn-que::after {
  content: "";
  width: 16px;
  height: 16px;
  margin-left: 4px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/icon1.png");
}
.aoxing .left-box {
  margin-top: 3px;
  margin-left: 71px;
}
.aoxing .left-box ul {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 254px;
}
.aoxing .left-box li {
  margin-right: 43px;
}
.aoxing .left-box li:nth-child(2n) {
  margin-right: 0;
}
.aoxing .left-box li .img-box {
  position: relative;
  width: 102.5px;
  height: 116px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/award_box2.png");
}
.aoxing .left-box li .img-box img {
  width: 100%;
  height: 100%;
}
.aoxing .left-box li .img-box::before {
  content: "";
  position: absolute;
  top: 10px;
  left: -21px;
  width: 128.5px;
  height: 112px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/icon3.png");
}
.aoxing .left-box li .award-name {
  font-size: 12px;
  font-weight: bold;
  width: 140%;
  margin-left: -20%;
  text-align: center;
  line-height: 12px;
  color: #dfebf0;
}
.aoxing .left-box li .btn-box {
  margin-top: 5.5px;
  height: 26px;
  width: 100%;
}
.aoxing .left-box li .btn-box .receive-status,
.aoxing .left-box li .btn-box .btn-receive {
  display: none;
}
.aoxing .left-box li.active .btn-receive {
  display: block;
}
.aoxing .left-box li.active .target_num,
.aoxing .left-box li.active .receive-status {
  display: none;
}
.aoxing .left-box li.on .receive-status {
  display: block;
}
.aoxing .left-box li.on .target_num,
.aoxing .left-box li.on .btn-receive {
  display: none;
}
.aoxing .left-box li.on .img-box {
  position: relative;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/award_box1.png");
}
.aoxing .left-box li.on .img-box img {
  -webkit-filter: brightness(0.6);
          filter: brightness(0.6);
}
.aoxing .left-box li.on .img-box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 102.5px;
  height: 116px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/icon2.png");
}
.aoxing .left-box li .btn-receive {
  position: relative;
  display: block;
  height: 26px;
  width: 85.5px;
  margin: 0 auto 0;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/btn1.png");
}
.aoxing .left-box li .btn-receive::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 93.5px;
  height: 26px;
  pointer-events: none;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/btn1_icon.png");
}
.aoxing .left-box li .target_num,
.aoxing .left-box li .receive-status {
  text-align: center;
  font-size: 12px;
  line-height: 12px;
  margin-top: 2px;
  color: rgba(228, 239, 244, 0.5);
}
.aoxing .left-box li:last-child {
  position: absolute;
  top: 3px;
  left: 269px;
}
.aoxing .left-box li:last-child::before {
  display: none;
}
.aoxing .left-box li:last-child.on .img-box {
  -webkit-filter: brightness(0.6);
          filter: brightness(0.6);
}
.aoxing .left-box li:last-child .img-box {
  width: 549px;
  height: 270.5px;
  background-image: none !important;
}
.aoxing .left-box li:last-child .img-box::before {
  display: none !important;
}
.aoxing .left-box li:last-child .img-box::after {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.aoxing .left-box li:last-child .img-box .img {
  width: 100%;
  height: 100%;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/aoxing/5.png");
}
.aoxing .left-box li:last-child .award-name {
  margin-top: 4px;
}
.aoxing .left-box li:last-child .tag_name {
  position: absolute;
  top: 56.5px;
  right: 85.5px;
  width: 39.5px;
  height: 143px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/tag_name.png");
  background-size: 100% 100%;
}
.aoxing .left-box li:last-child .btn-play {
  display: none;
}
.aoxing .bottom-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1px;
}
.aoxing .box2 {
  position: relative;
  width: 612px;
  height: 168.5px;
  margin-left: 0;
  margin-top: 8px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/aoxing_box_bg2.png");
}
.aoxing .box2 .btn-check {
  position: absolute;
  top: 86.5px;
  right: 24px;
  width: 127px;
  height: 38.5px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/btn2.png");
}
.aoxing .box2 .btn-check::after {
  content: "";
  position: absolute;
  top: -16.5px;
  left: -24px;
  width: 164.5px;
  height: 89px;
  pointer-events: none;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/btn2_icon.png");
}
.aoxing .box2 img {
  display: block;
  width: 528px;
  height: 204.5px;
  margin-top: -25px;
  margin-left: 39.5px;
}
.aoxing .box3 {
  position: relative;
  width: 302px;
  height: 166.5px;
  margin-top: 5.5px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/aoxing_box_bg3.png");
}
.aoxing .box3.on {
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/aoxing_box_bg3_2.png");
}
.aoxing .box3.on .avatar-box::after {
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/avatar_bd2.png");
}
.aoxing .box3.on .status {
  width: 140px;
  background: none;
  margin-left: -41px;
  color: #134172;
  position: relative;
}
.aoxing .box3.on .status span {
  position: relative;
  z-index: 2;
}
.aoxing .box3.on .status::after {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  width: 149.5px;
  height: 29.5px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/status_bg.png");
}
.aoxing .box3 .user-info {
  position: absolute;
  top: 40.5px;
  left: 179px;
  width: 58px;
  height: auto;
}
.aoxing .box3 .avatar-box {
  width: 58px;
  height: 58px;
  position: relative;
}
.aoxing .box3 .avatar-box img {
  width: 100%;
  height: 100%;
  -webkit-mask-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/mask3.png");
          mask-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/mask3.png");
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.aoxing .box3 .avatar-box::after {
  content: "";
  position: absolute;
  top: 0;
  left: -3px;
  width: 88px;
  height: 73px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/avatar_bd1.png");
}
.aoxing .box3 .user-name {
  width: 280%;
  height: 12px;
  line-height: 12px;
  color: #dfebf0;
  font-weight: bold;
  margin-top: 6px;
  margin-left: -90%;
  text-align: center;
}
.aoxing .box3 .status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 53.5px;
  height: 20px;
  border-radius: 10px;
  background-color: rgba(8, 9, 38, 0.8);
  margin: 9.5px auto 0;
  color: #dfebf0;
}
.aoxing .box3 .status span {
  font-size: 12px;
  -webkit-transform: scale(0.9166666667);
      -ms-transform: scale(0.9166666667);
          transform: scale(0.9166666667);
}
.aoxing .hover-box {
  position: absolute;
  overflow: hidden;
  top: 110.5px;
  right: 23px;
  display: none;
  width: 444px;
  height: 251px;
  pointer-events: none;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/pop-task.png");
}
.aoxing .hover-box .task-top {
  margin-top: 21px;
  margin-bottom: 9px;
}
.aoxing .hover-box .task-top p {
  font-size: 12px;
  line-height: 12px;
  text-align: center;
}
.aoxing .hover-box .task-top p span {
  display: block;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f9ffcc), to(#fefff8));
  background-image: linear-gradient(to bottom, #f9ffcc, #fefff8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.aoxing .hover-box .task-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  height: 66px;
  margin-bottom: 1.5px;
  padding-left: 41px;
}
.aoxing .hover-box .task-name {
  font-size: 12px;
  color: #fff;
  font-weight: bold;
  line-height: 16px;
  width: 194px;
}
.aoxing .hover-box .task-type {
  font-size: 12px;
  line-height: 14px;
  color: #dfebf0;
  width: 160px;
}
.aoxing .hover-box .task-type p {
  width: 100%;
  position: relative;
}
.aoxing .hover-box .task-type p:first-child {
  margin-bottom: 11.5px;
}
.aoxing .hover-box .task-type span {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 14px;
  font-family: 'sellnum-1"';
}
.aoxing .hover-box .integral {
  width: 83px;
  text-align: center;
  font-size: 18px;
  font-family: "lol-bold";
  color: #fff;
  margin-left: 40px;
}
.aoxing .hover-box .integral.no-data {
  color: #dfebf0;
  font-size: 12px;
  font-family: "Microsoft YaHei";
}

/* 敖兴之峰简介 */
.introduction {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.introduction .intro-box {
  position: relative;
  width: 924.5px;
  height: 604.5px;
  margin-top: 32.5px;
  margin-left: 130.5px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/intro_bg.png");
}
.introduction .intro-box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 22;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/intro_bd.png");
}
.introduction .intro-box .navigation-box {
  position: absolute;
  bottom: 22.5px;
  left: 20.5px;
  width: 881px;
  height: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 10;
}
.introduction .intro-box .navigation-box .nav-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  line-height: 41px;
  color: #e2f7ff;
  cursor: pointer;
  position: relative;
}
.introduction .intro-box .navigation-box .nav-item::after {
  content: "";
  display: none;
  position: absolute;
}
.introduction .intro-box .navigation-box .nav-item:first-child::after {
  top: -17.5px;
  left: -7.5px;
  width: 281px;
  height: 79px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/nav_on1.png");
}
.introduction .intro-box .navigation-box .nav-item:nth-child(2)::after {
  left: -54px;
  top: -17.5px;
  width: 293.5px;
  height: 84px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/nav_on2.png");
}
.introduction .intro-box .navigation-box .nav-item:nth-child(3)::after {
  width: 293.5px;
  height: 84px;
  top: -17.5px;
  left: -30px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/nav_on3.png");
}
.introduction .intro-box .navigation-box .nav-item:nth-child(4)::after {
  width: 271px;
  height: 84px;
  top: -17.5px;
  left: -29.5px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/nav_on4.png");
}
.introduction .intro-box .navigation-box .nav-item.on {
  pointer-events: none;
}
.introduction .intro-box .navigation-box .nav-item.on::after {
  display: block;
}
.introduction .intro-tit {
  position: absolute;
  top: 12px;
  left: 301.5px;
  width: 335.5px;
  height: 40px;
  padding-left: 39px;
  padding-right: 55.5px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #f8f9fc;
  line-height: 29px;
  z-index: 33;
  letter-spacing: 1.28px;
  text-indent: 1.28px;
}
.introduction .intro-tit span {
  display: inline-block;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f4fda6), to(#fffffd));
  background-image: linear-gradient(to bottom, #f4fda6, #fffffd);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.introduction .intro-item {
  display: none;
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative;
}
.introduction .intro-item .intro-tit {
  display: none;
}
.introduction .cg-box {
  position: relative;
  width: 767.5px;
  height: 432.5px;
  margin-top: 69px;
  margin-left: 78px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/cg_bg.png");
}
.introduction .cg-box:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.introduction .cg-box .btn-play-cg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.introduction .cg-box .btn-play-cg::before {
  content: "";
  position: absolute;
  top: 339.5px;
  left: 664.5px;
  width: 70px;
  height: 75px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/btn-play.png");
}
.introduction .cg-box .btn-play-cg::after {
  content: "";
  position: absolute;
  top: -6px;
  left: -24px;
  width: 139px;
  height: 87.5px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/play_icon.png");
}
.introduction .swiper {
  width: 707.5px;
  height: 397.5px;
  margin-top: 69px;
  margin-left: 108px;
  border-radius: 14px;
}
.introduction .swiper::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10;
  pointer-events: none;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/swiper_bd.png");
}
.introduction .swiper .swiper-slide {
  width: 100%;
  height: 100%;
  -webkit-mask-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/swiper_mask.png");
          mask-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/swiper_mask.png");
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  overflow: hidden;
}
.introduction .swiper .swiper-slide p {
  width: 100%;
  height: 100%;
}
.introduction .hero_icon1 {
  position: absolute;
  top: 339px;
  left: 133.5px;
  width: 232.5px;
  height: 235.5px;
  z-index: 9;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/hero_icon1.png");
}
.introduction .hero_icon2 {
  position: absolute;
  z-index: 9;
  top: 349px;
  left: 146.5px;
  width: 191.5px;
  height: 200.5px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/hero_icon2.png");
}
.introduction .hero_icon2.icon2 {
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/hero_icon2_2.png");
}
.introduction .hero_icon3 {
  position: absolute;
  z-index: 9;
  top: 349px;
  left: 146.5px;
  width: 191.5px;
  height: 200.5px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/hero_icon3.png");
}
.introduction .intro-prev {
  position: absolute;
  top: 240.5px;
  left: 82.5px;
  z-index: 10;
  width: 44px;
  height: 56px;
  cursor: pointer;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/intro_prev.png");
}
.introduction .intro-next {
  position: absolute;
  top: 240.5px;
  left: 796.5px;
  z-index: 10;
  width: 44px;
  height: 56px;
  cursor: pointer;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/intro_next.png");
}
.introduction .text-box1 {
  position: absolute;
  top: 395px;
  left: 248px;
  width: 532px;
  height: 141px;
  z-index: 11;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/text_bg1.png");
  padding-left: 60.5px;
  padding-right: 69.5px;
  padding-top: 54px;
  font-size: 12px;
  line-height: 17px;
  color: #1e1f6a;
}
.introduction .swiper-challenge .img1 {
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/challenge_1.jpg");
}
.introduction .swiper-challenge .img2 {
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/challenge_2.jpg");
}
.introduction .swiper-challenge .img3 {
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/challenge_3.jpg");
}
.introduction .swiper-star .img1 {
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/star_1.jpg");
}
.introduction .swiper-star .img2 {
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/star_2.jpg");
}
.introduction .intro-item4 .info-box {
  width: 767.5px;
  height: 432.5px;
  margin-top: 69px;
  margin-left: 78px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/intro_bg2.png");
}

/* cg视频 */
.cg-video {
  display: none;
  position: absolute;
  top: 101.5px;
  left: 208.5px;
  width: 767.5px;
  height: 432.5px;
  z-index: 222;
}
.cg-video::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/video_bd.png");
}
.cg-video .video-container {
  width: 767.5px;
  height: 432.5px;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-mask-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/video_mask.png");
          mask-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/video_mask.png");
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.cg-video .video-container video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.page3 .top-right-box {
  top: 35px;
  right: 32px;
}

/* 卡皮巴拉宝典 */
.bible {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.bible .title {
  position: absolute;
  top: 40px;
  left: 205px;
  width: 225.5px;
}
.bible .title .tit {
  width: 225.5px;
  height: 46.5px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/title1.png");
}
.bible .title .sub_tit {
  text-align: center;
  font-size: 14px;
  height: 16px;
  font-weight: bold;
  line-height: 16px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/liner-img3.jpg");
  background-size: 100% 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: 1px;
  text-indent: 1px;
  margin-top: 5px;
}
.bible .title .sub_tit span {
  font-family: "lol-bold";
  font-weight: normal;
}
.bible .gif-box {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}
.bible .gif-box video {
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.bible .gif-box canvas {
  display: none;
}
.bible .tag_name1,
.bible .tag_name2,
.bible .tag_name3 {
  position: absolute;
}
.bible .tag_name1 {
  top: 105.5px;
  left: 257.5px;
  width: 65px;
  height: 151.5px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/tag_name1.png");
}
.bible .tag_name1.on {
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/tag_name1_on.png");
}
.bible .tag_name2 {
  left: 461.5px;
  top: 10.5px;
  width: 57px;
  height: 159px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/tag_name2.png");
}
.bible .tag_name2.on {
  left: 460px;
  top: 10.5px;
  width: 58px;
  height: 159px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/tag_name2_on.png");
}
.bible .tag_name3 {
  top: 58px;
  left: 840.5px;
  width: 65px;
  height: 151.5px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/tag_name3.png");
}
.bible .tag_name3.on {
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/tag_name3_on.png");
}
.bible .unlock-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 382.5px;
  margin-left: 231.5px;
}
.bible .unlock-box .btn-unlock {
  width: 197px;
  height: 51px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/btn3.png");
}
.bible .unlock-box .btn-unlock span {
  display: block;
  text-align: center;
  position: relative;
  height: 20px;
  margin-top: 13px;
  margin-left: 21px;
  width: 152px;
  line-height: 20px;
  font-size: 16px;
  font-weight: bold;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/liner-img5.jpg");
  background-size: 100% 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.bible .unlock-box .btn-unlock span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 20px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/dj_icon.png");
}
.bible .unlock-box .btn-unlock span em {
  font-family: "lol-bold";
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  padding-right: 5px;
  padding-left: 20px;
  vertical-align: top;
}
.bible .unlock-box .btn-unlock.on {
  pointer-events: none;
  -webkit-filter: brightness(0.6);
          filter: brightness(0.6);
}
.bible .unlock-box .btn-unlock.on .lock {
  display: none;
}
.bible .unlock-box .btn-unlock.on .unlock {
  display: block;
}
.bible .unlock-box .btn-unlock.on .unlock::before {
  display: none;
}
.bible .unlock-box .btn-unlock .unlock {
  display: none;
}
.bible .level-box {
  width: 49px;
  margin-left: 30px;
  position: relative;
}
.bible .level-box .level {
  font-family: "lol-bold";
  font-size: 24px;
  color: #fff;
  line-height: 24px;
  margin-top: 2px;
  text-align: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f3fda5), to(#fefff6));
  background-image: linear-gradient(to bottom, #f3fda5, #fefff6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.bible .level-box .level-desc {
  text-align: center;
  font-size: 12px;
  line-height: 12px;
  color: #c6efff;
  margin-top: 3px;
}
.bible .level-box::after {
  content: "";
  position: absolute;
  top: -2.5px;
  right: -17px;
  width: 1px;
  height: 48.5px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/line1.png");
}
.bible .energy-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 32px;
}
.bible .energy-info {
  width: 48.5px;
}
.bible .energy-info .num {
  font-family: "lol-bold";
  font-size: 18px;
  color: #fff;
  line-height: 18px;
  margin-top: 5px;
  text-align: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f3fda5), to(#fefff6));
  background-image: linear-gradient(to bottom, #f3fda5, #fefff6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.bible .energy-info .desc {
  text-align: center;
  font-size: 12px;
  line-height: 12px;
  color: #c6efff;
  margin-top: 5px;
}
.bible .energy-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 236px;
  height: 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 13.5px;
  margin-left: 12px;
}
.bible .energy-list li {
  position: relative;
  width: 22px;
  height: 22px;
}
.bible .energy-list li::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 22px;
  height: 22px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/energy_icon1.png");
}
.bible .energy-list li.on::after {
  content: "";
  position: absolute;
  top: -1px;
  left: -6.5px;
  width: 28px;
  height: 23px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/energy_icon2.png");
}
.bible .btn-get {
  width: 92px;
  height: 26.5px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/btn4.png");
  margin-left: 12.5px;
  margin-top: 10px;
}
.bible .award-container {
  margin-top: 15px;
  margin-left: 149px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.bible .award-container .big-award {
  width: 130px;
}
.bible .award-container .big-tit {
  position: relative;
  z-index: 22;
  width: 122px;
  height: 33px;
  margin: 0 auto 0;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/big_tit.png");
}
.bible .award-container .big-box {
  position: relative;
  width: 130px;
  height: 131.5px;
  margin: 1.5px auto 0;
}
.bible .award-container .big-box .img {
  width: 100%;
  height: 100%;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/big_award.png");
  -webkit-mask-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/mask1.png");
          mask-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/mask1.png");
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.bible .award-container .big-box::after {
  content: "";
  position: absolute;
  top: -8.5px;
  left: -8.5px;
  width: 146.5px;
  height: 148px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/big_bd.png");
}
.bible .award-container .big-box .big-name {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 20px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: #e6f8ff;
  line-height: 12px;
  z-index: 2;
}
.bible .award-container .big-box.active .lock,
.bible .award-container .big-box.active .unlock {
  display: none;
}
.bible .award-container .big-box.active .btn-unlock {
  bottom: -13px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 92px;
  height: 26.5px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/mile_btn2_1.png");
}
.bible .award-container .big-box.active .active {
  display: block !important;
  letter-spacing: 0;
  text-indent: 0;
  width: 130px;
  font-size: 0;
}
.bible .award-container .big-box.active .active::before {
  display: none;
}
.bible .award-container .big-box.on {
  pointer-events: none;
}
.bible .award-container .big-box.on .lock {
  display: none;
}
.bible .award-container .big-box.on .img {
  -webkit-filter: brightness(0.5);
          filter: brightness(0.5);
}
.bible .award-container .big-box.on::after {
  -webkit-filter: brightness(0.5);
          filter: brightness(0.5);
}
.bible .award-container .big-box.on .big-name {
  -webkit-filter: brightness(0.5);
          filter: brightness(0.5);
}
.bible .award-container .big-box.on::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 38px;
  height: 31.5px;
  z-index: 22;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/icon4.png");
}
.bible .award-container .big-box.on .btn-unlock {
  -webkit-filter: brightness(0.6);
          filter: brightness(0.6);
  bottom: -13px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 92px;
  height: 26.5px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/mile_btn2_2.png");
}
.bible .award-container .big-box.on .unlock {
  font-size: 0;
  display: block !important;
  letter-spacing: 0;
  text-indent: 0;
  width: 130px;
  display: none;
}
.bible .award-container .big-box.on .unlock::before {
  display: none;
}
.bible .award-container .btn-unlock {
  position: absolute;
  left: -20.5px;
  bottom: -17.5px;
  width: 170px;
  height: 34px;
  z-index: 22;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/btn5.png");
}
.bible .award-container .btn-unlock span {
  display: block;
  text-align: center;
  position: relative;
  height: 16.5px;
  margin-top: 8.5px;
  margin-left: 19px;
  width: 152px;
  line-height: 16.5px;
  font-size: 14px;
  font-weight: bold;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/liner-img5.jpg");
  background-size: 100% 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.bible .award-container .btn-unlock span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 16.5px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/dj_icon.png");
}
.bible .award-container .btn-unlock span i {
  font-style: normal;
}
.bible .award-container .btn-unlock span em {
  font-family: "lol-bold";
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  padding-right: 5px;
  padding-left: 3px;
  vertical-align: top;
}
.bible .award-container .btn-unlock span i {
  font-weight: bold;
}
.bible .award-container .btn-unlock .unlock,
.bible .award-container .btn-unlock .active {
  display: none;
}
.bible .award-cont {
  position: relative;
  width: 581px;
  margin-left: 12px;
}
.bible .award-cont.lock .pay .mile-btn {
  pointer-events: none;
  display: block !important;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/mile_btn3.png");
}
.bible .swiper-award {
  width: 100%;
  height: 177px;
  margin-top: 4px;
  -webkit-mask-image: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(10%, #000), color-stop(97%, transparent));
  -webkit-mask-image: linear-gradient(to right, transparent 0 1%, #000 10% 90%, transparent 97% 100%);
          mask-image: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(10%, #000), color-stop(97%, transparent));
          mask-image: linear-gradient(to right, transparent 0 1%, #000 10% 90%, transparent 97% 100%);
}
.bible .swiper-slide {
  position: relative;
  z-index: 22;
  width: 132px;
  height: 100%;
  margin-right: 15px;
}
.bible .swiper-slide:first-child {
  margin-left: 38px;
}
.bible .swiper-slide:nth-last-child(2) {
  margin-right: 40px;
}
.bible .mile-box.active .level-top {
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/level_bg2.png");
  color: #5e42a6;
}
.bible .mile-box.on .level-top, .bible .mile-box.unlock .level-top {
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/level_bg2.png");
  color: #5e42a6;
}
.bible .mile-box.on .mile-btn, .bible .mile-box.unlock .mile-btn {
  display: block !important;
}
.bible .mile-box.on .mile-award {
  pointer-events: none;
}
.bible .mile-box.on .mile-award img, .bible .mile-box.on .mile-award::after,
.bible .mile-box.on .mile-award .mile-btn,
.bible .mile-box.on .mile-award .mile-name {
  -webkit-filter: brightness(0.6);
          filter: brightness(0.6);
}
.bible .mile-box.on .mile-award::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 38px;
  height: 31.5px;
  z-index: 22;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/icon4.png");
}
.bible .mile-box.unlock .mile-award {
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/mile_bg2.png");
}
.bible .mile-box.unlock .mile-award::after {
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/mile_bd2.png");
}
.bible .free .unlock .mile-btn {
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/mile_btn2_1.png");
}
.bible .free .on .mile-btn {
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/mile_btn2_2.png");
}
.bible .free .mile-btn {
  display: block !important;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/mile_btn1_1.png");
}
.bible .pay .unlock .mile-btn {
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/mile_btn2_1.png");
}
.bible .pay .on .mile-btn {
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/mile_btn2_2.png");
}
.bible .mile-award {
  margin-top: 5px;
  width: 132px;
  height: 134.5px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/mile_bg1.png");
  position: relative;
}
.bible .mile-award img {
  width: 100%;
  height: 100%;
  -webkit-mask-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/mask2.png");
          mask-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/mask2.png");
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.bible .mile-award::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/mile_bd1.png");
  background-size: 100% 100%;
}
.bible .mile-award .mile-name {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  font-size: 12px;
  font-weight: bold;
  color: #e6f8ff;
  text-align: center;
}
.bible .mile-award .mile-btn {
  display: none;
  font-size: 0;
  position: absolute;
  left: 50%;
  bottom: -11.5px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 92px;
  height: 26.5px;
  z-index: 22;
}
.bible .level-top {
  width: 54px;
  height: 24px;
  font-size: 14px;
  text-align: center;
  font-family: "lol-bold";
  line-height: 24px;
  color: #fff;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/level_bg1.png");
  margin: 0 auto 0;
}
.bible .proccess-thumb {
  position: absolute;
  top: 9.5px;
  width: calc(100% - 90px);
  height: 6px;
  background-color: #0f1247;
  border: 1px solid #6a53e8;
}
.bible .proccess-bar {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0%;
  height: 3px;
  background-image: -webkit-gradient(linear, left top, right top, from(#d48dde), to(#fcdaa2));
  background-image: linear-gradient(to right, #d48dde, #fcdaa2);
}
.bible .award-prev {
  position: absolute;
  z-index: 22;
  top: 85.5px;
  left: 3.5px;
  width: 20px;
  height: 24.5px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/arrow1.png");
}
.bible .award-next {
  position: absolute;
  top: 85.5px;
  right: -3.5px;
  width: 20px;
  height: 24.5px;
  z-index: 22;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/arrow2.png");
}
.bible .next-award {
  position: relative;
  margin-left: 15px;
}
.bible .next-award .level {
  position: relative;
  width: 122px;
  margin-left: 4px;
  height: 33px;
  font-size: 12px;
  padding-left: 19px;
  line-height: 29.5px;
  font-weight: bold;
  color: #424ea6;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/next_level.png");
}
.bible .next-award .level::after {
  content: "";
  position: absolute;
  top: 6px;
  right: 48px;
  width: 1px;
  height: 18px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/line2.png");
}
.bible .next-award .level span {
  font-family: "lol-bold";
  font-weight: normal;
  padding-left: 13.5px;
}
.bible .next-award .next-box {
  position: relative;
  margin-left: -8.5px;
  margin-top: -7px;
  width: 146.5px;
  height: 148.5px;
}
.bible .next-award .next-box .img-box {
  width: 146.5px;
  height: 148.5px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/next_award_bg.png");
}
.bible .next-award .next-box .img-box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/next_award_bg2.png");
}
.bible .next-award .next-box img {
  width: 100%;
  height: 100%;
  -webkit-mask-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/mask4.png");
          mask-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/mask4.png");
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.bible .next-award .next-box.on {
  pointer-events: none;
}
.bible .next-award .next-box.on .img-box,
.bible .next-award .next-box.on .award-name,
.bible .next-award .next-box.on .btn-next-lq {
  -webkit-filter: brightness(0.6);
          filter: brightness(0.6);
}
.bible .next-award .next-box.on::before {
  content: "";
  position: absolute;
  -webkit-filter: none;
          filter: none;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 38px;
  height: 31.5px;
  z-index: 22;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/icon4.png");
}
.bible .next-award .next-box.on .btn-next-lq {
  pointer-events: none;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/mile_btn2_2.png");
}
.bible .next-award .next-box.lock .btn-next-lq {
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/mile_btn3.png");
}
.bible .next-award .next-box.unlock .btn-next-lq {
  pointer-events: auto;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/mile_btn2_1.png");
}
.bible .next-award .award-name {
  position: absolute;
  left: 0;
  width: 100%;
  color: #424ea6;
  font-size: 12px;
  font-weight: bold;
  bottom: 26px;
  text-align: center;
}
.bible .next-award.next-award2 .award-name, .bible .next-award.next-award3 .award-name {
  color: #e6f8ff;
}
.bible .next-award .btn-next-lq {
  pointer-events: none;
  position: absolute;
  left: 50%;
  bottom: -5px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 92px;
  height: 26.5px;
  z-index: 22;
}

/* 活动日历 */
.calendar {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.calendar .nav {
  position: absolute;
  right: 0;
  top: 50px;
  width: 930.5px;
  height: 37px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/calendar_tit.png");
}
.calendar .calendar-box {
  margin-top: 102px;
  margin-left: 151px;
}
.calendar .calendar-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 881px;
}
.calendar .calendar-item:nth-child(1) {
  margin-bottom: 14px;
}
.calendar .calendar-item:nth-child(1) p:nth-child(1) {
  width: 306px;
  height: 130px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/calendar1.png");
}
.calendar .calendar-item:nth-child(1) p:nth-child(2) {
  width: 564.5px;
  height: 132px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/calendar2.png");
  margin-top: -2px;
}
.calendar .calendar-item:nth-child(2) {
  margin-bottom: 14px;
}
.calendar .calendar-item:nth-child(2) p:nth-child(1) {
  width: 307.5px;
  height: 130px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/calendar3.png");
}
.calendar .calendar-item:nth-child(2) p:nth-child(2) {
  width: 310px;
  height: 130px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/calendar4.png");
}
.calendar .calendar-item:nth-child(2) p:nth-child(3) {
  width: 245px;
  height: 130px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/calendar5.png");
}
.calendar .calendar-item:nth-child(3) {
  height: 94px;
  margin-bottom: 14px;
}
.calendar .calendar-item:nth-child(3) p:nth-child(1) {
  width: 397px;
  height: 121.5px;
  margin-top: -12.5px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/calendar6.png");
}
.calendar .calendar-item:nth-child(3) p:nth-child(2) {
  width: 474px;
  height: 94px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/calendar7.png");
}
.calendar .calendar-item:nth-child(4) {
  position: relative;
  width: 881px;
  height: 96px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/calendar8.png");
}
.calendar .calendar-item:nth-child(4) a {
  position: absolute;
  top: 43.5px;
  left: 32px;
  width: 101.5px;
  height: 21px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/calendar_hover.png");
}
.calendar .more-desc {
  text-align: center;
  margin-top: 3px;
  line-height: 10px;
  width: 881px;
  padding-right: 13px;
}
.calendar .more-desc span {
  display: block;
  font-size: 12px;
  color: #d8dfe7;
  -webkit-transform: scale(0.83);
      -ms-transform: scale(0.83);
          transform: scale(0.83);
}
.calendar .baodian-hover {
  position: absolute;
  top: 465.5px;
  left: 248.5px;
  width: 222px;
  height: 75.5px;
  padding-top: 9.5px;
  display: none;
  pointer-events: none;
}
.calendar .baodian-hover::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/calendar_box.png");
}
.calendar .baodian-hover::after {
  content: "";
  position: absolute;
  top: -37px;
  left: -37px;
  z-index: 1;
  width: 296px;
  height: 144px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/calendar_float.png");
}
.calendar .baodian-hover .text-box {
  position: relative;
  z-index: 3;
  margin-left: 17.5px;
  font-weight: bold;
  line-height: 16px;
}
.calendar .baodian-hover .text-box span {
  white-space: nowrap;
  display: block;
  font-size: 12px;
  -webkit-transform: scale(0.83);
      -ms-transform: scale(0.83);
          transform: scale(0.83);
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
  color: #fff;
}
.calendar .baodian-hover .text-box em {
  color: #fcffd7;
  font-style: normal;
  font-weight: bold;
}
.calendar .calender-prev,
.calendar .calender-next {
  display: none;
}

.top-right-box {
  position: absolute;
  top: 8px;
  right: 59px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  z-index: 22;
}
.top-right-box a {
  width: 36px;
  height: 40px;
  margin-left: 4px;
}
.top-right-box .btn-task {
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/btn-task.png");
}
.top-right-box .btn-record {
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/btn-record.png");
}
.top-right-box .btn-rule {
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/btn-rule.png");
}
.top-right-box .btn-pool {
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/btn-pool.png");
}

.pop,
.dia {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 1001;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.pop .pop-close {
  position: absolute;
  top: 7px;
  right: 8px;
  width: 32px;
  height: 32px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/pop/pop-close.png");
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.pop .pop-close:hover {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.pop .pop-tit {
  width: 100%;
  height: 18px;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  color: var(--pop-title-color);
  line-height: 18px;
  margin: 14px auto 0;
}
.pop .btn-box {
  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;
}
.pop .btn-box a {
  margin: 0 10px;
}
.pop .common-btn1 {
  width: 140px;
  height: 32px;
  line-height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 15.5px;
  font-weight: bold;
  color: var(--pop-btn-color);
  letter-spacing: 8px;
  text-indent: 8px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/pop/pop-btn-confirm.png");
}
.pop .common-btn1:hover {
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/pop/pop-btn-confirm-hover.png");
}
.pop .common-btn2 {
  width: 140px;
  height: 32px;
  line-height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 15.5px;
  font-weight: bold;
  color: var(--pop-btn-color);
  letter-spacing: 8px;
  text-indent: 8px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/pop/pop-btn-cancel.png");
}
.pop .common-btn2:hover {
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/pop/pop-btn-cancel-hover.png");
}
.pop .btn1 {
  letter-spacing: 0;
  text-indent: 0;
}

.dia .dia-close {
  position: absolute;
  top: 12px;
  right: -18px;
  width: 28.5px;
  height: 28px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/pop/dia-close.png");
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.dia .dia-close:hover {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.pop1-cont {
  position: relative;
  width: 740px;
  height: 566px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/pop/pop1.png");
}

.pop-scroll::-webkit-scrollbar-thumb {
  width: 4px;
  background-color: #785a28;
  border-radius: 2px;
}
.pop-scroll::-webkit-scrollbar {
  width: 4px;
  background: transparent;
}
.pop-scroll::-webkit-scrollbar-track {
  background-color: transparent;
}

/*活动规则*/
.rule-cont .rule-box {
  width: 654px;
  height: 490px;
  margin-left: 40px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 31px;
  margin-top: 36px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  font-size: 12px;
  line-height: 20px;
  color: var(--pop-text-color);
}
.rule-cont .rule-box::after {
  content: "";
  display: block;
  margin-bottom: 40px;
}
.rule-cont .rule-box .rule-tit {
  font-size: 14px;
  font-weight: bold;
  color: var(--pop-bold-color);
  line-height: 18px;
  margin-bottom: 8px;
  margin-top: 12px;
}
.rule-cont .rule-box .rule-tit:first-child {
  margin-top: 0;
}
.rule-cont .rule-box p {
  margin-bottom: 8px;
}
.rule-cont ul {
  list-style: disc;
  padding-left: 15px;
}
.rule-cont .p-lf {
  padding-left: 20px;
}
.rule-cont .rule-table {
  width: 100%;
  border: 1px solid #A09B8C;
  font-size: 12px;
  margin: 6px auto 12px;
  text-align: center;
}
.rule-cont .rule-table td {
  height: 45px;
  line-height: 45px;
  border: 1px solid #A09B8C;
  color: #A09B8C;
  font-size: 12px;
}

/* 恭喜获得 */
.gift-cont {
  position: relative;
  width: 404px;
  height: 426px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/pop/pop2.png");
}
.gift-cont .img-box {
  width: 214px;
  height: 214px;
  margin: 52px auto 0;
  border-radius: 4px;
  border: 2px solid #3C3C41;
  background-color: #010A13;
}
.gift-cont .img-box img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.gift-cont .gift-name {
  font-size: 14px;
  line-height: 18px;
  margin-top: 8px;
  text-align: center;
  font-weight: bold;
  color: var(--pop-bold-color);
}
.gift-cont .btn-box {
  margin-top: 41px;
}

/* 通用弹窗 */
.common-cont {
  position: relative;
  width: 440px;
  height: 226px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/pop/pop3.png");
}
.common-cont .msg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 64px;
  line-height: 16px;
  text-align: center;
  margin-top: 42px;
  padding: 0 25px;
  color: var(--pop-bold-color);
  font-size: 12px;
}
.common-cont .btn-box {
  margin-top: 30px;
}

/* 领取记录 */
.record-cont .record-table {
  width: 652px;
  height: 440px;
  margin: 28px auto 0;
}
.record-cont .record-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  color: #C89B3C;
  font-size: 12px;
  border-bottom: 1px solid #3C3C41;
}
.record-cont .th,
.record-cont .td {
  height: 40px;
  line-height: 40px;
}
.record-cont .th:nth-child(1),
.record-cont .td:nth-child(1) {
  width: 144px;
}
.record-cont .th:nth-child(2),
.record-cont .td:nth-child(2) {
  width: 320px;
}
.record-cont .th:nth-child(3),
.record-cont .td:nth-child(3) {
  width: 50px;
  text-align: right;
}
.record-cont .th:nth-child(4),
.record-cont .td:nth-child(4) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: right;
}
.record-cont .tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  border-bottom: 1px solid #3C3C41;
}
.record-cont .tr:last-child {
  border-bottom: none;
}
.record-cont .td {
  font-size: 12px;
  color: #A09B8C;
}
.record-cont .td:nth-child(2) {
  color: #F0E6D2;
}
.record-cont .not-data {
  width: 100%;
  height: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 12px;
  color: #A09B8C;
}
.record-cont .record-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
  height: 32px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.record-cont .record-pagination .previouspage,
.record-cont .record-pagination .previouspageone,
.record-cont .record-pagination .pagenextnone,
.record-cont .record-pagination .pagenext {
  font-size: 0 !important;
  width: 32px;
  height: 32px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/pop/page_icon.png");
}
.record-cont .record-pagination .previouspage,
.record-cont .record-pagination .previouspageone {
  margin-right: 8px;
}
.record-cont .record-pagination .pagenextnone,
.record-cont .record-pagination .pagenext {
  margin-left: 8px;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.record-cont .record-pagination .pagepre {
  height: 24px;
  width: 20px;
  font-size: 12px;
  color: #F0E6D2;
  text-align: center;
  line-height: 24px;
  text-decoration: underline;
  margin: 0 1px;
}
.record-cont .record-pagination .pagepre:hover {
  color: #C89B3C;
}
.record-cont .record-pagination .pagenow {
  pointer-events: none !important;
  color: #5B5A56 !important;
}
.record-cont .record-pagination .record-elipse {
  width: 30px;
  text-align: center;
  pointer-events: none;
  color: #5B5A56;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
}

/* 确认付费 */
.confirm-cont,
.pay1-cont {
  position: relative;
  width: 481.5px;
  height: 255px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/pop/pop4.png");
  padding-left: 7.5px;
  padding-top: 39.5px;
}
.confirm-cont .dia-tit,
.pay1-cont .dia-tit {
  width: 195px;
  height: 37px;
  margin: 0 auto;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/pop/dia-tit1.png");
}
.confirm-cont .text,
.pay1-cont .text {
  width: 384px;
  height: 51px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 22px auto 0;
}
.confirm-cont .text .msg,
.pay1-cont .text .msg {
  text-align: center;
  color: #d9fcfe;
  font-size: 12px;
  line-height: 17px;
}
.confirm-cont .text span,
.pay1-cont .text span {
  display: inline-block;
  font-size: 12px;
  margin-left: 4px;
  font-weight: bold;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f9ffcc), to(#fefff8));
  background-image: linear-gradient(to bottom, #f9ffcc, #fefff8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.confirm-cont .text .money,
.pay1-cont .text .money {
  position: relative;
  font-size: 14px;
  font-weight: normal;
  font-family: "lol-bold";
  margin-left: 24px;
  margin-right: 5px;
}
.confirm-cont .text .money::before,
.pay1-cont .text .money::before {
  content: "";
  position: absolute;
  left: -19px;
  width: 16px;
  height: 17px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/dj_icon2.png");
}
.confirm-cont .btn-box,
.pay1-cont .btn-box {
  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;
  margin: 22px auto 0;
}
.confirm-cont .btn-box a,
.pay1-cont .btn-box a {
  font-size: 0;
  width: 150px;
  height: 34px;
  margin: 0 12.5px;
}
.confirm-cont .btn-box .btn1,
.pay1-cont .btn-box .btn1 {
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/pop/btn1.png");
}
.confirm-cont .btn-box .btn2,
.pay1-cont .btn-box .btn2 {
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/pop/btn2.png");
}

.pay1-cont .btn1 {
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/pop/btn3.png") !important;
}
.pay1-cont .btn2 {
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/pop/btn4.png") !important;
}

/* 购买能量 */
.energy-cont {
  position: relative;
  width: 647px;
  height: 421.5px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/pop/pop5.png");
  padding-left: 12.5px;
  padding-top: 43px;
}
.energy-cont .dia-close {
  right: 5px !important;
}
.energy-cont .dia-tit {
  width: 195px;
  height: 37px;
  margin: 0 auto 0;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/pop/dia-tit2.png");
}
.energy-cont .buy-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 458px;
  margin-top: 32px;
  margin-left: 94px;
}
.energy-cont .buy-box li {
  width: 229px;
  position: relative;
}
.energy-cont .buy-box li:nth-child(1) .icon {
  top: 2.5px;
  left: 37px;
  width: 152px;
  height: 151px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/pop/buy_icon1.png");
}
.energy-cont .buy-box li:nth-child(2) .icon {
  top: -10px;
  left: 29px;
  width: 165.5px;
  height: 175px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/pop/buy_icon2.png");
}
.energy-cont .buy-box li:nth-child(2) .btn-buy::after {
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/pop/price_icon1.png");
}
.energy-cont .buy-box .buy-tit {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 14px;
}
.energy-cont .buy-box .buy-tit span {
  font-size: 16px;
  font-family: "lol-bold";
  font-weight: normal;
  margin-right: 2.5px;
}
.energy-cont .buy-box .icon {
  position: absolute;
  pointer-events: none;
}
.energy-cont .buy-box .input-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 116.5px;
  height: 26.5px;
  border-radius: 13.5px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 124px auto 0;
  background-color: rgba(0, 0, 0, 0.2);
}
.energy-cont .buy-box .input-box input {
  width: 65px;
  height: 26.5px;
  line-height: 26.5px;
  border: none;
  background: transparent;
  text-align: center;
  font-size: 14px;
  color: #fff;
  font-family: "lol-bold";
}
.energy-cont .buy-box .input-box a {
  width: 21px;
  height: 21px;
}
.energy-cont .buy-box .input-box .btn-reduce {
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/pop/reduce.png");
}
.energy-cont .buy-box .input-box .btn-add {
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/pop/add.png");
}
.energy-cont .buy-box .price {
  font-size: 14px;
  font-family: "lol-bold";
  line-height: 14px;
  text-align: center;
  width: 100%;
  margin-top: 8px;
  color: #fff;
}
.energy-cont .buy-box .price-desc {
  height: 12px;
  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;
  color: #fff;
  margin-top: 5px;
}
.energy-cont .buy-box .price-desc span {
  -webkit-transform: scale(0.83);
      -ms-transform: scale(0.83);
          transform: scale(0.83);
}
.energy-cont .buy-box .btn-buy {
  position: absolute;
  top: 213px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 150px;
  height: 34px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/pop/btn5.png");
}
.energy-cont .buy-box .btn-buy::after {
  content: "";
  position: absolute;
  left: 29.5px;
  top: 0;
  width: 25px;
  height: 47.5px;
  pointer-events: none;
}

/* 选择支付方式 */
.pay2-cont {
  position: relative;
  width: 481.5px;
  height: 255px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/pop/pop4.png");
  padding-left: 7.5px;
  padding-top: 64.5px;
}
.pay2-cont .dia-tit {
  width: 195px;
  height: 37px;
  margin: 0 auto;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/pop/dia-tit3.png");
}
.pay2-cont .btn-box {
  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;
  margin: 42px auto 0;
}
.pay2-cont .btn-box a {
  font-size: 0;
  width: 150px;
  height: 34px;
  margin: 0 12.5px;
}
.pay2-cont .btn-box .btn1 {
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/pop/btn6.png");
}
.pay2-cont .btn-box .btn2 {
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/pop/btn7.png");
}

/* 宝典升级任务 */
.task-cont {
  position: relative;
  width: 788.5px;
  height: 604px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/pop/pop6.png");
  padding-top: 43px;
}
.task-cont .dia-tit {
  margin-left: 303px;
  width: 195px;
  height: 37px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/pop/dia-tit4.png");
}
.task-cont .task-name {
  width: 112px;
  text-align: center;
  font-size: 16px;
  color: #fbffdc;
  font-weight: bold;
}
.task-cont .task-desc {
  width: 375px;
  font-size: 14px;
  line-height: 20px;
  color: #c1c7f0;
}
.task-cont .num {
  height: 15px;
  line-height: 15px;
  font-size: 15px;
  font-family: "lol-bold";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #c1c7f0;
}
.task-cont .num .icon {
  width: 20.5px;
  height: 18px;
  margin-right: 2px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/pop/task_icon.png");
}
.task-cont .line {
  position: absolute;
  width: 1px;
  height: 36px;
  left: 550.5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/pop/task_line.png");
}
.task-cont .income {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 155.5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
  color: #fbffdc;
}
.task-cont .income .num {
  color: #fbffdc;
  margin-left: 4px !important;
}
.task-cont .task-item1 {
  position: relative;
  width: 706px;
  height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 47.5px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/pop/task_bg1.png");
  margin-top: 11px;
}
.task-cont .task-item1 .num {
  margin-left: 2px;
}
.task-cont .task-icon1 {
  display: block;
  width: 45px;
  height: 45px;
  margin: 15.5px auto 0;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/pop/task_icon1.png");
}
.task-cont .text1 {
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
  color: #fbffdc;
}
.task-cont .text-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 8px;
}
.task-cont .text-box .task-num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  height: 17.5px;
  color: #c1c7f0;
  font-size: 12px;
}
.task-cont .text-box .task-num .num {
  margin-left: 6px;
}
.task-cont .text-box .desc {
  font-size: 12px;
  line-height: 12px;
  color: #c1c7f0;
}
.task-cont .task-item2 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 706px;
  height: 147px;
  margin-left: 47.5px;
  margin-top: 10px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/pop/task_bg2.png");
}
.task-cont .task-item2 .task-desc {
  width: 438.5px;
}
.task-cont .task-item2 .task-box1 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 91px;
}
.task-cont .task-item2 .task-box1 .line,
.task-cont .task-item2 .task-box1 .income {
  left: 438.5px;
}
.task-cont .task-item2 .line2 {
  position: absolute;
  height: 1px;
  top: 80px;
  left: 113.5px;
  width: 570px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/pop/task_line2.png");
}
.task-cont .task-item2 .task-box2 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 74px;
}
.task-cont .task-item2 .task-box2 .text-box {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 8px;
}
.task-cont .task-item2 .task-box2 .text-box .task-num {
  margin-right: 18px;
}
.task-cont .task-item2 .task-box2 .line,
.task-cont .task-item2 .task-box2 .income {
  left: 438.5px;
}
.task-cont .task-icon2 {
  display: block;
  width: 50px;
  height: 50px;
  margin: 5px auto 0;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/pop/task_icon2.png");
}
.task-cont .task-icon3 {
  display: block;
  width: 47.5px;
  height: 47.5px;
  margin: 5.5px auto 0;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/pop/task_icon3.png");
}
.task-cont .task-item3,
.task-cont .task-item4 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 706px;
  height: 85px;
  margin-left: 47.5px;
  margin-top: 10px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/pop/task_bg3.png");
}
.task-cont .task-item3 .text-box,
.task-cont .task-item4 .text-box {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 15px;
}
.task-cont .task-item3 .text-box .task-num,
.task-cont .task-item4 .text-box .task-num {
  margin-right: 20px;
}
.task-cont .task-item3 .text-box .task-num .num,
.task-cont .task-item4 .text-box .task-num .num {
  margin-top: 2px;
}
.task-cont .task-item5 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 706px;
  height: 56px;
  position: relative;
  margin-left: 47.5px;
  margin-top: 10px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250925tftevent/pop/task_bg4.png");
}
.task-cont .task-item5 .task-desc {
  width: 103.5px;
}

/* 奖池列表 */
.pool-cont .pool-tit {
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  line-height: 14px;
  color: var(--pop-title-color);
}
.pool-cont .pool-box {
  width: 654px;
  height: 490px;
  margin-left: 47px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 26px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-top: 39px;
}
.pool-cont .pool-box ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 25px;
}
.pool-cont .pool-box li {
  width: 99px;
  height: auto;
  margin: 0 4px;
  margin-bottom: 20px;
}
.pool-cont .pool-box .img {
  width: 99px;
  height: 99px;
  border: 2px solid #3C3C41;
  background-color: #010A13;
  border-radius: 4px;
  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;
}
.pool-cont .pool-box .img img {
  width: 94px;
  height: 94px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 2px;
}
.pool-cont .pool-box .name {
  color: var(--pop-text-color);
  font-size: 12px;
  text-align: center;
  line-height: 14px;
  margin-top: 8px;
}
.pool-cont .poop-tit2 {
  margin-top: 40px;
}

/* 视频弹窗 */
.video-cont {
  width: 850px;
  height: 478px;
  position: relative;
}
.video-cont .dia-close {
  top: -40px;
  right: -40px;
}
.video-cont .video-box {
  width: 850px;
  height: 478px;
}
.video-cont .video-box video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}