@charset "UTF-8";
@font-face {
  font-family: "BeaufortforLOL-Bold";
  src: url("//lol.qq.com/client/lcu/font/BeaufortForLoL-Bold.otf");
}
.ff-bflol {
  font-family: "BeaufortforLOL-Bold";
}

@font-face {
  font-family: "fzxiaos";
  src: url("//game.gtimg.cn/images/lol/act/a20260409tftset17/fzxiaos.ttf");
}
@font-face {
  font-family: "BeaufortforLOL-Bold";
  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");
}
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 {
  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;
}

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

a:hover {
  text-decoration: none;
  filter: brightness(1.1);
  -webkit-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;
}

.hidden {
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}

body {
  font: 12px "Microsoft Yahei", "微软雅黑", TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
  color: #a09b8c;
  background-color: #000;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

body {
  min-width: 1200px;
}

.wrap {
  position: relative;
  display: block;
  overflow: hidden;
}

.clearfix {
  zoom: 1;
}

.clearfix::after {
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}

div {
  outline: 0;
}

.content {
  width: 100%;
  padding-top: 500rem;
  box-sizing: border-box;
  margin: 0 auto;
  position: relative;
  z-index: 20;
}

.inner {
  width: 100%;
  height: 100%;
  margin: 0 auto 0;
  padding-top: 0.35rem;
  box-sizing: border-box;
  position: relative;
  z-index: 0;
}

.bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/bg.jpg) no-repeat center center;
  background-size: cover;
  opacity: 1;
}

/*!style*/
.main-nav {
  width: 200px;
  height: 438px;
  position: fixed;
  top: 140px;
  left: 0;
  bottom: 0;
  z-index: 9999;
}

/* frame */
.main-fame {
  height: 100%;
}

/* frame end */
/* footer */
#afooter {
  text-align: center;
  line-height: 20px;
  color: #eff5fe;
  background-color: #000000;
  padding: 40px 0;
  font-size: 12px;
}

#afooter a {
  color: #eff5fe;
}

/* login */
.login-container {
  width: 100%;
  position: absolute;
  left: 0;
  top: 1220rem;
  z-index: 300;
  display: flex;
  align-items: center;
  justify-content: center;
}

.loginbox {
  color: #ffffff;
  font-size: 20rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  box-sizing: border-box;
}

.loginbox .center {
  display: flex;
  justify-content: center;
}

.loginbox a {
  color: #e9ddae;
  margin: 0 2px;
}

/* page style! */
.ff-bflol {
  font-family: "BeaufortforLOL-Bold";
}

*[class^=m-] {
  display: none !important;
}

.bg video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.logo {
  display: block;
  width: 434rem;
  height: 85rem;
  position: absolute;
  left: 20rem;
  top: 20rem;
  background: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/logo.png) no-repeat center top/100% 100%;
  display: flex;
  z-index: 50;
}
.logo a {
  display: block;
  width: 50%;
  height: 85rem;
}

.page {
  overflow: hidden;
}

.page .bg {
  z-index: 0;
}

.page .inner {
  z-index: 1;
}

.bgbox {
  width: 1920rem;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -960rem;
  z-index: 0;
}
.bgbox > div {
  height: 1326rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  margin-bottom: -1px;
}
.bgbox > div.bg1 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/bg_01.jpg);
}
.bgbox > div.bg2 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/bg_02.jpg);
}
.bgbox > div.bg3 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/bg_03.jpg);
}
.bgbox > div.bg4 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/bg_04.jpg);
}
.bgbox > div.bg5 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/bg_05.jpg);
}
.bgbox > div.bg6 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/bg_06.jpg);
}
.bgbox > div.bg7 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/bg_07.jpg);
}
.bgbox > div.bg8 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/bg_08.jpg);
}
.bgbox > div.bg9 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/bg_09.jpg);
}
.bgbox > div.bg10 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/bg_10.jpg);
}
.bgbox > div.bg11 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/bg_11.jpg);
}
.bgbox > div.bg12 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/bg_12.jpg);
}
.bgbox > div.bg13 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/bg_13.jpg);
}
.bgbox > div.bg14 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/bg_14.jpg);
}
.bgbox > div.bg15 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/bg_15.jpg);
}

.slogan {
  background: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/slogan.png) no-repeat center top/100%;
  width: 511rem;
  height: 433rem;
  margin: 0 auto 0;
  font-size: 0;
  text-indent: -9999px;
}

.nav {
  width: 1727rem;
  height: 232rem;
  background-image: url("//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/nav-spr.png");
  background-position: 0rem 0rem;
  background-size: 1727rem 445rem;
  margin: 30rem auto 0;
}
.nav ul {
  display: flex;
  width: 100%;
  height: 100%;
  padding: 64rem 210rem 0 212rem;
  box-sizing: border-box;
}
.nav ul li {
  width: 200rem;
}
.nav ul li:nth-child(1), .nav ul li:nth-child(6) {
  width: 250rem;
}
.nav ul li a {
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 40rem;
  box-sizing: border-box;
}
.nav ul li a span {
  display: block;
  font-size: 0;
  text-indent: -9999px;
  margin: 0 auto 0;
}
.nav ul li:hover:nth-child(1), .nav ul li.on:nth-child(1) {
  width: 250rem;
  height: 144rem;
  background-image: url("//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/nav-spr.png");
  background-position: 0rem -234rem;
  background-size: 1727rem 445rem;
}
.nav ul li:hover:nth-child(1) span, .nav ul li.on:nth-child(1) span {
  width: 92rem;
  height: 65rem;
  background-image: url("//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/nav-spr.png");
  background-position: -1544rem -234rem;
  background-size: 1727rem 445rem;
}
.nav ul li:nth-child(1) span {
  width: 92rem;
  height: 65rem;
  background-image: url("//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/nav-spr.png");
  background-position: -1312rem -301rem;
  background-size: 1727rem 445rem;
}
.nav ul li:hover:nth-child(2), .nav ul li.on:nth-child(2) {
  width: 200rem;
  height: 144rem;
  background-image: url("//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/nav-spr.png");
  background-position: -504rem -234rem;
  background-size: 1727rem 445rem;
}
.nav ul li:hover:nth-child(2) span, .nav ul li.on:nth-child(2) span {
  width: 91rem;
  height: 65rem;
  background-image: url("//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/nav-spr.png");
  background-position: -1592rem -301rem;
  background-size: 1727rem 445rem;
}
.nav ul li:nth-child(2) span {
  width: 91rem;
  height: 65rem;
  background-image: url("//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/nav-spr.png");
  background-position: 0rem -380rem;
  background-size: 1727rem 445rem;
}
.nav ul li:hover:nth-child(3), .nav ul li.on:nth-child(3) {
  width: 200rem;
  height: 144rem;
  background-image: url("//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/nav-spr.png");
  background-position: -706rem -234rem;
  background-size: 1727rem 445rem;
}
.nav ul li:hover:nth-child(3) span, .nav ul li.on:nth-child(3) span {
  width: 114rem;
  height: 65rem;
  background-image: url("//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/nav-spr.png");
  background-position: -1312rem -234rem;
  background-size: 1727rem 445rem;
}
.nav ul li:nth-child(3) span {
  width: 114rem;
  height: 65rem;
  background-image: url("//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/nav-spr.png");
  background-position: -1428rem -234rem;
  background-size: 1727rem 445rem;
}
.nav ul li:hover:nth-child(4), .nav ul li.on:nth-child(4) {
  width: 200rem;
  height: 144rem;
  background-image: url("//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/nav-spr.png");
  background-position: -1110rem -234rem;
  background-size: 1727rem 445rem;
}
.nav ul li:hover:nth-child(4) span, .nav ul li.on:nth-child(4) span {
  width: 91rem;
  height: 65rem;
  background-image: url("//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/nav-spr.png");
  background-position: -1406rem -301rem;
  background-size: 1727rem 445rem;
}
.nav ul li:nth-child(4) span {
  width: 91rem;
  height: 65rem;
  background-image: url("//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/nav-spr.png");
  background-position: -93rem -380rem;
  background-size: 1727rem 445rem;
}
.nav ul li:hover:nth-child(5), .nav ul li.on:nth-child(5) {
  width: 200rem;
  height: 144rem;
  background-image: url("//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/nav-spr.png");
  background-position: -908rem -234rem;
  background-size: 1727rem 445rem;
}
.nav ul li:hover:nth-child(5) span, .nav ul li.on:nth-child(5) span {
  width: 90rem;
  height: 65rem;
  background-image: url("//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/nav-spr.png");
  background-position: -279rem -380rem;
  background-size: 1727rem 445rem;
}
.nav ul li:nth-child(5) span {
  width: 90rem;
  height: 65rem;
  background-image: url("//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/nav-spr.png");
  background-position: -371rem -380rem;
  background-size: 1727rem 445rem;
}
.nav ul li:hover:nth-child(6), .nav ul li.on:nth-child(6) {
  width: 250rem;
  height: 144rem;
  background-image: url("//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/nav-spr.png");
  background-position: -252rem -234rem;
  background-size: 1727rem 445rem;
}
.nav ul li:hover:nth-child(6) span, .nav ul li.on:nth-child(6) span {
  width: 91rem;
  height: 65rem;
  background-image: url("//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/nav-spr.png");
  background-position: -1499rem -301rem;
  background-size: 1727rem 445rem;
}
.nav ul li:nth-child(6) span {
  width: 91rem;
  height: 65rem;
  background-image: url("//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/nav-spr.png");
  background-position: -186rem -380rem;
  background-size: 1727rem 445rem;
}

.part1-title {
  background: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part1-title.png) no-repeat center top/100%;
  width: 817rem;
  height: 218rem;
  margin: 60rem auto 0;
}
.part1-time {
  text-align: center;
  color: #fff;
  font-size: 26rem;
  margin-top: 10rem;
}
.part1-desc {
  background: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part1-descbg.png) no-repeat center top/100%;
  width: 1019rem;
  height: 65rem;
  line-height: 58rem;
  text-align: center;
  color: #f7f6fb;
  font-size: 24rem;
  margin: 10rem auto 0;
}
.part1-desc span {
  color: #fffb9b;
}
.part1-content {
  width: 1600rem;
  margin: 0 auto;
  position: relative;
}
.part1-nav {
  display: flex;
  position: absolute;
  right: 120rem;
  top: -120rem;
  z-index: 2;
}
.part1-nav .nav-btn-wanfa,
.part1-nav .nav-btn-rule {
  display: block;
  width: 95rem;
  height: 155rem;
  background: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part1-wf.png) no-repeat center top/100%;
}
.part1-nav .nav-btn-rule {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part1-rule.png);
}
.part1 .main-box {
  margin: 20rem auto 0;
  justify-content: center;
}

.main-box {
  display: flex;
}

.choice {
  background: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/gods-choice-bg.png) no-repeat center top/100%;
  width: 806.4rem;
  height: 624rem;
  position: relative;
  margin-left: -12.8rem;
}
.choice-btn {
  width: 284.8rem;
  height: 73.6rem;
  background-image: url("//game.gtimg.cn/images/lol/act/a20260409tftset17/main-spr.png");
  background-position: 0rem -108rem;
  background-size: 531.2rem 512rem;
  width: 284.8rem;
  height: 73.6rem;
  line-height: 65.6rem;
  color: #e8faff;
  font-size: 28.8rem;
  font-weight: bold;
  text-align: center;
  position: absolute;
  left: 50%;
  bottom: 64rem;
  margin-left: -134.4rem;
  text-indent: -9999px;
}

.gods {
  display: flex;
  width: 806.4rem;
  height: 624rem;
  position: relative;
  margin-left: -12.8rem;
  padding-top: 35.2rem;
  box-sizing: border-box;
}
.gods-left {
  width: 582.4rem;
  margin-left: 12.8rem;
}
.gods .gods-pic {
  width: 582.4rem;
  height: 616rem;
  margin: -27.2rem 0 0 -59.2rem;
}
.gods .gods-pic img {
  width: 100%;
  height: 100%;
}
.gods .gods-right {
  width: 224rem;
  margin-left: -48rem;
  margin-top: 8rem;
}
.gods .avatar {
  width: 113.6rem;
  height: 120rem;
  background-image: url("//game.gtimg.cn/images/lol/act/a20260409tftset17/main-spr.png");
  background-position: -305.6rem -75.2rem;
  background-size: 531.2rem 512rem;
  width: 113.6rem;
  height: 120rem;
  margin: 49.6rem auto 0;
  overflow: hidden;
}
.gods .avatar img {
  display: block;
  border-radius: 50%;
  width: 68.8rem;
  height: 68.8rem;
  margin: 27.2rem auto 0;
}
.gods .nickname {
  color: #fff;
  font-size: 19.2rem;
  text-align: center;
  margin-top: 0rem;
}
.gods .avatar-gapline {
  width: 206.4rem;
  height: 15.2rem;
  background-image: url("//game.gtimg.cn/images/lol/act/a20260409tftset17/main-spr.png");
  background-position: -120rem -425.6rem;
  background-size: 531.2rem 512rem;
  width: 206.4rem;
  height: 15.2rem;
  margin: 24rem auto 0;
}
.gods-nt {
  color: #ebfaff;
  font-size: 19.2rem;
  font-weight: bold;
  text-align: center;
  text-shadow: 0 0 16rem rgba(0, 0, 0, 0.1);
  margin-top: 25.6rem;
}
.gods-name {
  width: 228.8rem;
  height: 49.6rem;
  background-image: url("//game.gtimg.cn/images/lol/act/a20260409tftset17/main-spr.png");
  background-position: 0rem -258.4rem;
  background-size: 531.2rem 512rem;
  text-align: center;
  color: #8072ea;
  font-size: 22.4rem;
  font-weight: bold;
  line-height: 49.6rem;
  position: absolute;
  left: 160rem;
  top: 520rem;
}
.gods-desc {
  background: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/gods-desc-bg.png) no-repeat center top/100% 100%;
  width: 224rem;
  height: 280.8rem;
  margin: 24rem auto 0;
  overflow: hidden;
}
.gods-desc .gods-keyword {
  width: 208rem;
  height: 41.6rem;
  background-image: url("//game.gtimg.cn/images/lol/act/a20260409tftset17/main-spr.png");
  background-position: -230.4rem -258.4rem;
  background-size: 531.2rem 512rem;
  line-height: 41.6rem;
  margin: 24rem auto 0;
  color: #5b7668;
  font-size: 20.8rem;
  font-weight: bold;
  text-align: center;
}
.gods-desc p {
  color: #769585;
  font-size: 17.6rem;
  line-height: 27.2rem;
  text-align: center;
  width: 80%;
  height: 108.8rem;
  margin: 32rem auto 0;
  display: flex;
  align-items: center;
}
.gods-detail-btn {
  display: block;
  width: 124.8rem;
  height: 44.8rem;
  background-image: url("//game.gtimg.cn/images/lol/act/a20260409tftset17/main-spr.png");
  background-position: -352rem -369.6rem;
  background-size: 531.2rem 512rem;
  width: 124.8rem;
  height: 44.8rem;
  line-height: 40rem;
  text-align: center;
  color: #fff;
  font-size: 16rem;
  margin: -22.4rem auto 0;
}

.collections {
  background: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/collections-bg.png) no-repeat center top/100%;
  width: 802.4rem;
  height: 224.8rem;
  margin-left: -14.4rem;
  margin-top: 0rem;
  padding-top: 8rem;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
}
.collections-title {
  width: 215.2rem;
  height: 73.6rem;
  background-image: url("//game.gtimg.cn/images/lol/act/a20260409tftset17/main-spr.png");
  background-position: 0rem -183.2rem;
  background-size: 531.2rem 512rem;
  margin: -28.8rem auto 0;
  pointer-events: none;
}
.collections-gap-hover {
  position: absolute;
  left: -48rem;
  top: -60rem;
  width: 208rem;
  height: 58.4rem;
  background-image: url("//game.gtimg.cn/images/lol/act/a20260409tftset17/main-spr.png");
  background-position: -305.6rem -196.8rem;
  background-size: 531.2rem 512rem;
  color: #fff;
  font-size: 16rem;
  line-height: 1.2;
  padding: 0rem 8rem 8rem;
  text-align: center;
  box-sizing: border-box;
  pointer-events: none;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  display: none;
}
.collections-list {
  width: 572rem;
  height: 136rem;
  margin: 0 0 0 40rem;
  overflow: hidden;
}
.collections-list li {
  width: 112rem;
  height: 112rem;
}
.collections-list li img {
  width: 112rem;
  height: 112rem;
}
.collections-list li + li {
  margin-left: 16rem;
}
.collections-list .collections-list-scrollbar {
  height: 6.4rem;
  background: linear-gradient(to bottom, transparent 0%, rgba(64, 56, 124, 0.3) 50%, rgba(64, 56, 124, 0.3) 50%, transparent 100%);
}
.collections-list .collections-list-scrollbar .swiper-scrollbar-drag {
  background: #d5f1f9;
  border-radius: 0.2rem;
  height: 6.4rem;
}
.collections-box {
  width: 160rem;
  height: 100%;
  position: absolute;
  left: 624rem;
  top: 0;
}
.collections-box::before {
  display: block;
  content: "";
  width: 8.8rem;
  height: 134.4rem;
  background-image: url("//game.gtimg.cn/images/lol/act/a20260409tftset17/main-spr.png");
  background-position: -522.4rem 0rem;
  background-size: 531.2rem 512rem;
  width: 8.8rem;
  height: 134.4rem;
  position: absolute;
  left: 0;
  top: 48rem;
}
.collections-btn {
  display: block;
  width: 124.8rem;
  height: 44.8rem;
  background-image: url("//game.gtimg.cn/images/lol/act/a20260409tftset17/main-spr.png");
  background-position: -352rem -369.6rem;
  background-size: 531.2rem 512rem;
  width: 124.8rem;
  height: 44.8rem;
  line-height: 40rem;
  text-align: center;
  color: #fff;
  font-size: 16rem;
  margin-top: 80rem;
  margin-left: 16rem;
}
.collections-times {
  color: #ebfaff;
  font-size: 16rem;
  font-weight: bold;
  text-align: center;
  text-shadow: 0 0 16rem rgba(0, 0, 0, 0.1);
  margin-top: 9.6rem;
  margin-left: 16rem;
  display: flex;
  align-items: center;
}
.collections-times p {
  font-size: 17.6rem;
}
.collections-icon-q {
  display: block;
  width: 32rem;
  height: 32rem;
  background-image: url("//game.gtimg.cn/images/lol/act/a20260409tftset17/main-spr.png");
  background-position: -473.6rem -75.2rem;
  background-size: 531.2rem 512rem;
  width: 32rem;
  height: 32rem;
  position: relative;
  z-index: 5;
}
.collections-icon-q span {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  top: -99.2rem;
  width: 304rem;
  height: 106.4rem;
  background-image: url("//game.gtimg.cn/images/lol/act/a20260409tftset17/main-spr.png");
  background-position: 0rem 0rem;
  background-size: 531.2rem 512rem;
  width: 304rem;
  height: 106.4rem;
  color: #fff;
  font-size: 16rem;
  padding: 16rem;
  box-sizing: border-box;
  visibility: hidden;
}
.collections-icon-q:hover span {
  visibility: visible;
}

.bg-cover {
  background: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/bg-cover.png) no-repeat center top/100%;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  pointer-events: none;
}

.chibi {
  background: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/chibi-bg.png) no-repeat center top/100%;
  width: 581.6rem;
  height: 300rem;
  margin: 0 0 0 -11.2rem;
  position: relative;
  padding-top: 8rem;
  box-sizing: border-box;
}
.chibi-pic {
  background: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/chibi-pic.png) no-repeat center top/100%;
  width: 556rem;
  height: 299.2rem;
  margin: -24rem 0 0 11.2rem;
}
.chibi-btn {
  width: 80rem;
  height: 80rem;
  position: absolute;
  left: 142.4rem;
  top: 164rem;
}
.chibi-btn2 {
  left: 350.4rem;
}
.chibi-btn:hover .chibi-hover {
  visibility: visible;
}
.chibi-hover {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  top: 80rem;
  width: 128rem;
  height: 58.4rem;
  background-image: url("//game.gtimg.cn/images/lol/act/a20260409tftset17/main-spr.png");
  background-position: -355.2rem -309.6rem;
  background-size: 531.2rem 512rem;
  width: 128rem;
  height: 58.4rem;
  color: #fff;
  font-size: 16rem;
  padding: 20rem 16rem 16rem;
  text-align: center;
  box-sizing: border-box;
  visibility: hidden;
}
.chibi-hover2 {
  width: 176rem;
  height: 58.4rem;
  background-image: url("//game.gtimg.cn/images/lol/act/a20260409tftset17/main-spr.png");
  background-position: 0rem -309.6rem;
  background-size: 531.2rem 512rem;
  width: 176rem;
}

.task {
  background: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/task-bg.png) no-repeat center top/100%;
  width: 582.4rem;
  height: 532.8rem;
  margin: 16rem 0 0 -9.6rem;
  position: relative;
  padding-top: 8rem;
  box-sizing: border-box;
}
.task-title {
  width: 215.2rem;
  height: 73.6rem;
  background-image: url("//game.gtimg.cn/images/lol/act/a20260409tftset17/main-spr.png");
  background-position: -305.6rem 0rem;
  background-size: 531.2rem 512rem;
  margin: -30.4rem auto 0;
}
.task-list {
  overflow-x: hidden;
  overflow-y: auto;
  width: 508rem;
  height: 440rem;
  padding-right: 8rem;
  box-sizing: border-box;
  margin-left: 40rem;
}
.task-list::-webkit-scrollbar {
  width: 6.4rem;
  background: linear-gradient(to right, transparent 0%, rgba(64, 56, 124, 0.3) 45%, rgba(64, 56, 124, 0.3) 55%, transparent 100%);
}
.task-list::-webkit-scrollbar-thumb {
  background: #d5f1f9;
  border-radius: 0.2rem;
  width: 6.4rem;
}
.task-list li {
  width: 498.4rem;
  height: 96rem;
  color: #fff;
  font-size: 19.2rem;
  display: flex;
  align-items: center;
  position: relative;
}
.task-list li::before {
  display: block;
  content: "";
  width: 486.4rem;
  height: 7.2rem;
  background-image: url("//game.gtimg.cn/images/lol/act/a20260409tftset17/main-spr.png");
  background-position: 0rem -504.8rem;
  background-size: 531.2rem 512rem;
  width: 486.4rem;
  height: 7.2rem;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.task-list li:first-child::before {
  display: none;
}
.task-hover {
  position: absolute;
  left: 24rem;
  top: -48rem;
  width: 176rem;
  height: 58.4rem;
  background-image: url("//game.gtimg.cn/images/lol/act/a20260409tftset17/main-spr.png");
  background-position: -177.6rem -309.6rem;
  background-size: 531.2rem 512rem;
  color: #fff;
  font-size: 16rem;
  line-height: 1.2;
  padding: 0rem 8rem 8rem;
  text-align: center;
  box-sizing: border-box;
  pointer-events: none;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
}
.task-gift {
  width: 118.4rem;
  height: 77.6rem;
  background-image: url("//game.gtimg.cn/images/lol/act/a20260409tftset17/main-spr.png");
  background-position: 0rem -425.6rem;
  background-size: 531.2rem 512rem;
  width: 118.4rem;
  height: 77.6rem;
  overflow: hidden;
  margin-left: -24rem;
  flex: none;
  position: relative;
}
.task-gift img {
  display: block;
  width: 64rem;
  height: 64rem;
  object-fit: contain;
  margin: 8rem auto 0;
}
.task-gift img[src*=task-award-xxjl], .task-gift img[src*=task-award-gsjl], .task-gift img[src*=task-award-shjl] {
  width: 56.8rem;
  height: 45.6rem;
  margin-top: 16rem;
}
.task-gift img[src*=task-award-fz] {
  width: 48.8rem;
  height: 48rem;
  margin-top: 12.8rem;
}
.task-gift span {
  color: #fff;
  text-shadow: 0 0 2px #000;
  font-size: 16rem;
  font-weight: bold;
  position: absolute;
  right: 36rem;
  bottom: 8rem;
  text-align: right;
}
.task-name {
  font-size: 19.2rem;
  width: 256rem;
  margin-left: -16rem;
  margin-right: 8rem;
}
.task-btn {
  display: block;
  width: 174.4rem;
  height: 54.4rem;
  background-image: url("//game.gtimg.cn/images/lol/act/a20260409tftset17/main-spr.png");
  background-position: -176rem -369.6rem;
  background-size: 531.2rem 512rem;
  line-height: 48rem;
  color: #fff;
  font-size: 19.2rem;
  text-align: center;
  flex: none;
}
.task-btn.not {
  width: 174.4rem;
  height: 54.4rem;
  background-image: url("//game.gtimg.cn/images/lol/act/a20260409tftset17/main-spr.png");
  background-position: 0rem -369.6rem;
  background-size: 531.2rem 512rem;
  pointer-events: none;
  color: #fff;
}
.task-btn.gray {
  filter: grayscale(100%);
  pointer-events: none;
}

.gods-desc .gods-keyword {
  background: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/gods-keywords-bg.png) no-repeat center top/100%;
  color: #607a87;
}

.gods-desc p {
  color: #607a87;
}

.pop,
.pop-notice,
.pop-collect,
.pop-link,
.pop-get,
.pop-common,
.pop-rule {
  outline: 0;
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1000;
}
.pop *,
.pop-notice *,
.pop-collect *,
.pop-link *,
.pop-get *,
.pop-common *,
.pop-rule * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.pop a,
.pop-notice a,
.pop-collect a,
.pop-link a,
.pop-get a,
.pop-common a,
.pop-rule a {
  text-decoration: none;
}

.pop-get-bd, .pop-common-bd, .pop-notice-bd, .pop-collect-bd, .pop-link-bd, .pop-rule-bd {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding-top: 20px;
  box-sizing: border-box;
}

.pop-rule-bd {
  width: 1228.8rem;
  height: 924rem;
  background-image: url("//game.gtimg.cn/images/lol/act/a20260409tftset17/pop-bg4.png");
}
.webp .pop-rule-bd {
  background-image: url("//game.gtimg.cn/images/lol/act/a20260409tftset17/pop-bg4.webp");
}
.pop-rule-bd {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-size: 100% 100%;
  padding-top: 32rem;
}

.pop-notice-bd, .pop-collect-bd, .pop-link-bd {
  width: 684rem;
  height: 400.8rem;
  background-image: url("//game.gtimg.cn/images/lol/act/a20260409tftset17/pop-bg2.png");
}
.webp .pop-notice-bd, .webp .pop-collect-bd, .webp .pop-link-bd {
  background-image: url("//game.gtimg.cn/images/lol/act/a20260409tftset17/pop-bg2.webp");
}
.pop-notice-bd, .pop-collect-bd, .pop-link-bd {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-size: 100% 100%;
  padding-top: 56rem;
}

.pop-get-bd, .pop-common-bd {
  width: 572rem;
  height: 464.8rem;
  background-image: url("//game.gtimg.cn/images/lol/act/a20260409tftset17/pop-bg.png");
}
.webp .pop-get-bd, .webp .pop-common-bd {
  background-image: url("//game.gtimg.cn/images/lol/act/a20260409tftset17/pop-bg.webp");
}
.pop-get-bd, .pop-common-bd {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-size: 100% 100%;
  padding-top: 56rem;
}

.pop-collect .pop-title, .pop-link .pop-title, .pop-get .pop-title, .pop-common .pop-title, .pop-rule .pop-title {
  width: 336rem;
  height: 39.2rem;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 100%;
}

.pop-notice .pop-close, .pop-collect .pop-close, .pop-link .pop-close, .pop-get .pop-close, .pop-common .pop-close, .pop-rule .pop-close {
  display: block;
  width: 20rem;
  height: 20rem;
  width: 20rem;
  height: 20rem;
  background-image: url("//game.gtimg.cn/images/lol/act/a20260409tftset17/pop-spr.png");
  background-position: -324rem -44.8rem;
  background-size: 633.6rem 181.6rem;
  position: absolute;
  top: 16rem;
  right: -8rem;
  z-index: 5;
  text-indent: -9999px;
}

.pop-notice .pop-btn-cancel, .pop-notice .pop-btn-confirm, .pop-collect .pop-btn-confirm, .pop-get .pop-btn-confirm {
  display: block;
  margin: 16rem auto 0;
  line-height: 54.4rem;
  padding-bottom: 3.2rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 19.2rem;
  font-weight: bold;
  letter-spacing: 3.2rem;
  color: #ffffff;
}

.pop-notice .pop-btn-confirm, .pop-collect .pop-btn-confirm, .pop-get .pop-btn-confirm {
  width: 158.4rem;
  height: 54.4rem;
  width: 158.4rem;
  height: 54.4rem;
  background-image: url("//game.gtimg.cn/images/lol/act/a20260409tftset17/pop-spr.png");
  background-position: -160rem -127.2rem;
  background-size: 633.6rem 181.6rem;
}

.pop-notice .pop-btn-cancel {
  width: 158.4rem;
  height: 54.4rem;
  width: 158.4rem;
  height: 54.4rem;
  background-image: url("//game.gtimg.cn/images/lol/act/a20260409tftset17/pop-spr.png");
  background-position: 0rem -127.2rem;
  background-size: 633.6rem 181.6rem;
}

.pop-notice .gray.pop-btn-confirm, .pop-collect .gray.pop-btn-confirm, .pop-get .gray.pop-btn-confirm,
.pop-notice .gray.pop-btn-cancel {
  filter: grayscale(100%);
  pointer-events: none;
}

.pop-rule .pop-title {
  width: 322.4rem;
  height: 40rem;
  background-image: url("//game.gtimg.cn/images/lol/act/a20260409tftset17/pop-spr.png");
  background-position: -311.2rem 0rem;
  background-size: 633.6rem 181.6rem;
}
.pop-rule-box {
  width: 1040rem;
  margin: 16rem auto 0;
  color: #f0fcff;
  font-size: 16rem;
  line-height: 1.5;
  padding-bottom: 48rem;
  padding-right: 32rem;
  height: 816rem;
  overflow: auto;
}
.pop-rule-box::-webkit-scrollbar {
  width: 6.4rem;
  background: linear-gradient(to right, transparent 0%, rgba(64, 56, 124, 0.3) 45%, rgba(64, 56, 124, 0.3) 55%, transparent 100%);
}
.pop-rule-box::-webkit-scrollbar-thumb {
  background: #d5f1f9;
  border-radius: 0.2rem;
  width: 6.4rem;
}
.pop-rule-box h3 {
  margin-top: 2em;
  font-weight: bold;
  font-size: 22.4rem;
  color: #F0E6D2;
}
.pop-rule-box h3:first-child {
  margin-top: 0;
}
.pop-rule-box a {
  color: #f8d29d;
  text-decoration: underline;
}
.pop-rule-box p strong {
  display: block;
  font-size: 1.2em;
  margin-top: 0.5em;
}
.pop-rule-box b {
  font-weight: bold;
}
.pop-rule-box ul {
  list-style: none;
  padding-left: 1em;
}
.pop-rule-box ul li {
  padding-left: 24rem;
  position: relative;
  margin-top: 0.8em;
}
.pop-rule-box ul li::before {
  display: block;
  content: "";
  width: 16rem;
  height: 16rem;
  width: 16rem;
  height: 16rem;
  background-image: url("//game.gtimg.cn/images/lol/act/a20260409tftset17/pop-spr.png");
  background-position: -345.6rem -44.8rem;
  background-size: 633.6rem 181.6rem;
  position: absolute;
  left: 0;
  top: 1.6rem;
}
.pop-rule-box table {
  width: 100%;
  border: #f0fcff solid 1.6rem;
  font-size: 16rem;
  margin: 8rem auto 16rem;
  text-align: center;
  color: #f0fcff;
  border-collapse: collapse;
}
.pop-rule-box table:last-child {
  margin-bottom: 16rem;
}
.pop-rule-box table th {
  font-weight: 700;
  padding: 4.8rem 0;
  border: #f0fcff solid 1.6rem;
  text-align: center;
  color: #f0fcff;
}
.pop-rule-box table td {
  padding: 4.8rem 0;
  border: #f0fcff solid 1.6rem;
  text-align: center;
  color: #f0fcff;
  font-size: 16rem;
}

.pop-common .pop-msg {
  height: 128rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  color: #F0E6D2;
  font-size: 19.2rem;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  margin: 25.6rem auto 0;
  padding: 0 48rem;
  box-sizing: border-box;
}
.pop-get .pop-title {
  width: 322.4rem;
  height: 39.2rem;
  background-image: url("//game.gtimg.cn/images/lol/act/a20260409tftset17/pop-spr.png");
  background-position: 0rem -86.4rem;
  background-size: 633.6rem 181.6rem;
}
.pop-get .pop-get-img img {
  display: block;
  width: 238.4rem;
  height: 215.2rem;
  margin: 16rem auto 0;
  object-fit: contain;
}
.pop-get .pop-get-img img[src*="award-icon4.png"] {
  width: 180.8rem;
  height: 184rem;
  margin-top: 40rem;
}
.pop-get .pop-get-img img[src*="award-icon5.png"] {
  width: 184rem;
  height: 200rem;
  margin-top: 32rem;
  margin-bottom: -16rem;
}
.pop-get .pop-get-name {
  color: #f0fcff;
  font-size: 16rem;
  text-align: center;
  margin-top: -8rem;
  padding: 0 48rem;
  box-sizing: border-box;
}
.pop-get .pop-get-tip {
  color: #F0E6D2;
  text-align: center;
  font-size: 16rem;
  margin-top: 16rem;
}
.pop-get .pop-btns {
  margin-top: 32rem;
  display: flex;
  justify-content: space-around;
}
.pop-get .pop-get-img-box {
  display: flex;
  justify-content: center;
  margin-top: 40rem;
}
.pop-get .pop-get-img-box .pop-get-img {
  margin: 16rem auto 0;
}
.pop-link-bd {
  padding-top: 48rem;
}
.pop-link .pop-title {
  width: 322.4rem;
  height: 40rem;
  background-image: url("//game.gtimg.cn/images/lol/act/a20260409tftset17/pop-spr.png");
  background-position: 0rem -44.8rem;
  background-size: 633.6rem 181.6rem;
}
.pop-link-box {
  display: flex;
  justify-content: center;
}
.pop-link-god {
  width: 232.8rem;
  height: 246.4rem;
  margin-top: -8rem;
}
.pop-link-god img {
  width: 100%;
  height: 100%;
}
.pop-link-r {
  width: 320rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.pop-link-name {
  color: #f0fcff;
  font-size: 19.2rem;
  text-align: center;
}
.pop-link-r .pop-link-input {
  width: 309.6rem;
  height: 43.2rem;
  background-image: url("//game.gtimg.cn/images/lol/act/a20260409tftset17/pop-spr.png");
  background-position: 0rem 0rem;
  background-size: 633.6rem 181.6rem;
  height: 43.2rem;
  line-height: 43.2rem;
  padding: 0 24rem;
  margin-top: 16rem;
}
.pop-link-r .pop-link-input input {
  pointer-events: none;
  background: none;
  border: none;
  appearance: none;
  color: #323232;
  font-size: 16rem;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pop-link-r a {
  display: block;
  width: 158.4rem;
  height: 54.4rem;
  background-image: url("//game.gtimg.cn/images/lol/act/a20260409tftset17/pop-spr.png");
  background-position: -320rem -127.2rem;
  background-size: 633.6rem 181.6rem;
  width: 158.4rem;
  height: 54.4rem;
  margin-top: 16rem;
  line-height: 54.4rem;
  padding-bottom: 3.2rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 19.2rem;
  font-weight: bold;
  color: #ffffff;
}
.pop-link-desc {
  color: #f0fcff;
  font-size: 16rem;
  line-height: 1.5;
  text-align: center;
  margin-top: -4rem;
}
.pop-link-desc p {
  margin-bottom: 1em;
}

.pop-collect-bd {
  padding-top: 48rem;
}
.pop-collect .pop-title {
  width: 322.4rem;
  height: 40rem;
  background-image: url("//game.gtimg.cn/images/lol/act/a20260409tftset17/pop-spr.png");
  background-position: 0rem -44.8rem;
  background-size: 633.6rem 181.6rem;
}
.pop-collect-img {
  width: 132.8rem;
  height: 132.8rem;
  margin: 16rem auto 0;
}
.pop-collect-img img {
  width: 100%;
  height: 100%;
}
.pop-collect-name {
  color: #f0fcff;
  font-size: 19.2rem;
  font-weight: bold;
  text-align: center;
  margin-top: 16rem;
}
.pop-notice .pop-msg {
  width: 80%;
  height: 160rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #f0fcff;
  font-size: 19.2rem;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  margin: 25.6rem auto 0;
  padding: 0 48rem;
  box-sizing: border-box;
}
.pop-notice .pop-btns {
  display: flex;
  width: 70%;
  justify-content: space-between;
  margin: 0 auto;
}
.part2-title {
  background: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part2-title.png) no-repeat center top/100%;
  width: 1097rem;
  height: 251rem;
  margin: 60rem auto 0;
}
.part2-time {
  text-align: center;
  color: #fff;
  font-size: 26rem;
  margin-top: -20rem;
}
.part2-desc {
  background: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part2-descbg.png) no-repeat center top/100%;
  width: 1019rem;
  height: 56rem;
  line-height: 56rem;
  text-align: center;
  color: #f7f6fb;
  font-size: 24rem;
  margin: 10rem auto 0;
}
.part2-desc span {
  color: #fffb9b;
}
.part2-pic {
  background: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part2-pic.png) no-repeat center top/100%;
  width: 1512rem;
  height: 786rem;
  margin: -10rem auto 0;
  transform: translate(-50rem, 0);
}
.part2-join {
  background: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part2-join.png) no-repeat center top/100%;
  width: 542rem;
  height: 61rem;
  margin: 30rem auto 0;
}

.part3-title {
  background: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part3-title.png) no-repeat center top/100%;
  width: 877rem;
  height: 217rem;
  margin: 100rem auto 0;
}
.part3-vid {
  display: block;
  background: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part3-video.png) no-repeat center top/100%;
  width: 1463rem;
  height: 882rem;
  margin: 20rem auto 0;
  position: relative;
}
.part3-vid span {
  display: block;
  background: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part3-video-icon.png) no-repeat center top/100%;
  width: 128rem;
  height: 128rem;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -64rem 0 0 -64rem;
}

.part4-title {
  background: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part4-title.png) no-repeat center top/100%;
  width: 1195rem;
  height: 209rem;
  margin: 0 auto;
}
.part4-desc {
  background: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part4-desc.png) no-repeat center top/100%;
  width: 1019rem;
  height: 56rem;
  line-height: 56rem;
  margin: 10rem auto 0;
  color: #f7f6fb;
  font-size: 26rem;
  text-align: center;
}
.part4-prev, .part4-next {
  background: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part4-prev.png) no-repeat center top/100%;
  width: 107rem;
  height: 101rem;
  position: absolute;
  top: 50%;
  margin-top: -50rem;
  z-index: 2;
}
.part4-prev {
  left: 150rem;
}
.part4-next {
  right: 150rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part4-next.png);
}
.part4-swiper {
  height: 1100rem;
  position: relative;
}
.part4-switem {
  width: 1460rem;
  height: 1117rem;
  background-size: 100%;
  background-repeat: no-repeat;
  margin: -170rem auto;
}
.part4-switem-yasuo {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part4-sw-yasuo.png);
}
.part4-switem-varus {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part4-sw-varus.png);
}
.part4-switem-thresh {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part4-sw-thresh.png);
}
.part4-switem-ahri {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part4-sw-ahri.png);
}
.part4-switem-asol {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part4-sw-asol.png);
}
.part4-switem-soraka {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part4-sw-soraka.png);
}
.part4-switem-kayle {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part4-sw-kayle.png);
}
.part4-switem-eve {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part4-sw-eve.png);
}
.part4-switem-ekko {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part4-sw-ekko.png);
}
.part4-switem-qie {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part4-sw-qie.png);
}
.part4-circle {
  background: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part4-circle.png) no-repeat center top/100%;
  width: 1903rem;
  height: 803rem;
  position: absolute;
  left: 0;
  top: 150rem;
  pointer-events: none;
  z-index: 2;
}
.part4-pagination {
  position: absolute;
  bottom: 200rem;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  z-index: 2;
}
.part4-pagination-item {
  background: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part4-pg-bg.png) no-repeat center top/100%;
  width: 192rem;
  height: 192rem;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -96rem;
  margin-top: -96rem;
  padding-top: 12rem;
  padding-left: 6rem;
  box-sizing: border-box;
  cursor: pointer;
  will-change: transform, margin-left;
  transition: transform 0.3s ease, opacity 0.3s ease, margin-left 0.3s ease;
}
.part4-pagination-item[data-index="1"] {
  margin-left: -36rem;
}
.part4-pagination-item[data-index="2"] {
  margin-left: -36rem;
}
.part4-pagination-item[data-index="3"] {
  margin-left: -56rem;
}
.part4-pagination-item[data-index="-1"] {
  margin-left: -156rem;
}
.part4-pagination-item[data-index="-2"] {
  margin-left: -156rem;
}
.part4-pagination-item[data-index="-3"] {
  margin-left: -136rem;
}
.part4-pagination-item.on {
  background: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part4-pg-bg-on.png) no-repeat center top/100%;
  width: 279rem;
  height: 276rem;
  margin-left: -140rem;
  margin-top: -138rem;
  padding-top: 52rem;
  padding-left: 42rem;
}
.part4-pagination-item.on span {
  width: 202rem;
  height: 202rem;
}
.part4-pagination-item span {
  display: block;
  width: 172rem;
  height: 172rem;
  background-repeat: no-repeat;
  background-size: 100%;
}
.part4-pagination-yasuo span {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part4-pg-yasuo.png);
}
.part4-pagination-varus span {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part4-pg-varus.png);
}
.part4-pagination-thresh span {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part4-pg-thresh.png);
}
.part4-pagination-ahri span {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part4-pg-ahri.png);
}
.part4-pagination-asol span {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part4-pg-asol.png);
}
.part4-pagination-soraka span {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part4-pg-soraka.png);
}
.part4-pagination-kayle span {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part4-pg-kayle.png);
}
.part4-pagination-eve span {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part4-pg-eve.png);
}
.part4-pagination-ekko span {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part4-pg-ekko.png);
}
.part4-pagination-qie span {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part4-pg-qie.png);
}
.part4-info {
  background: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part4-info.png) no-repeat center top/100%;
  width: 1314rem;
  height: 190rem;
  margin: -50rem auto 0;
  display: flex;
  justify-content: center;
  padding: 50rem 120rem;
}
.part4-info-keyword {
  width: 350rem;
  margin-right: 50rem;
}
.part4-info-keyword-title {
  background: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part4-keyword.png) no-repeat center top/100%;
  width: 239rem;
  height: 49rem;
  margin: 0 auto;
}
.part4-info-keyword p {
  color: #000000;
  font-size: 38rem;
  text-align: center;
  margin-top: 12rem;
}
.part4-info-item {
  display: flex;
  margin-bottom: 20rem;
}
.part4-info-item-t {
  background: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part4-dbg.png) no-repeat center top/100%;
  width: 199rem;
  height: 52rem;
  line-height: 52rem;
  color: #eeeff5;
  font-size: 34rem;
  text-align: center;
  font-family: "fzxiaos";
  letter-spacing: -1px;
  transform: scale(1, 1.2);
  flex: none;
}
.part4-info-item-d {
  width: 500rem;
  margin-left: 20rem;
  color: #020202;
  font-size: 26rem;
  line-height: 1.25;
  display: flex;
  align-items: center;
}
.part4-pic {
  height: 759rem;
  position: relative;
}
.part4-pic::before {
  display: block;
  content: "";
  background: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part4-pic-border.png) no-repeat center top/100%;
  width: 1212rem;
  height: 759rem;
  position: absolute;
  left: 50%;
  margin-left: -606rem;
  top: -20rem;
  z-index: 2;
  pointer-events: none;
}
.part4-pic .swiper-slide {
  width: 1197rem;
  height: 714rem;
  position: absolute;
  opacity: 0 !important;
  transition: transform 0.3s ease;
  filter: brightness(0.3);
  -webkit-filter: brightness(0.3);
}
.part4-pic .swiper-slide.swiper-slide-active {
  transform: translate(0, 0) scale(1) !important;
  opacity: 1 !important;
  z-index: 80;
  filter: brightness(1);
  -webkit-filter: brightness(1);
}
.part4-pic .swiper-slide-visible, .part4-pic .swiper-slide-prev {
  transform: translate(-320rem, 0) scale(0.6) !important;
  opacity: 1 !important;
}
.part4-pic .swiper-slide-next {
  transform: translate(320rem, 0) scale(0.6) !important;
  opacity: 1 !important;
}
.part4-pic-box img {
  display: block;
  width: 1197rem;
  height: 714rem;
  margin: 0 auto;
}
.part4-pic-prev {
  left: 200rem;
}
.part4-pic-next {
  right: 200rem;
}

.part5 {
  position: relative;
}
.part5-title {
  background: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part5-title.png) no-repeat center top/100%;
  width: 815rem;
  height: 212rem;
  margin: 20rem auto 0;
}
.part5-sw {
  width: 1920rem;
  height: 1063rem;
}
.part5-jb {
  width: 1920rem;
  height: 1063rem;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.part5-jb-timebreaker {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part5-timebreaker.png);
}
.part5-jb-spacegroove {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part5-spacegroove.png);
}
.part5-jb-darkstar {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part5-darkstar.png);
}
.part5-jb-darklady {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part5-darklady.png);
}
.part5-jb-astronaut {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part5-astronaut.png);
}
.part5-jb-mecha {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part5-mecha.png);
}
.part5-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1918rem;
  height: 225rem;
  position: absolute;
  left: 1rem;
  top: 1162rem;
  z-index: 2;
  background: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part5-nav.png) no-repeat center top/100%;
}
.part5-nav-item:hover, .part5-nav-item.on {
  background: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part5-nav-on.png) no-repeat center top/100%;
}
.part5-nav-item {
  width: 225rem;
  height: 225rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.part5-nav-item span {
  display: block;
  width: 60rem;
  height: 60rem;
  background-repeat: no-repeat;
  background-size: 100%;
}
.part5-nav-timebreaker span {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part5-nav-icon-timebreaker.png);
}
.part5-nav-timebreaker:hover span, .part5-nav-timebreaker.on span {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part5-nav-icon-timebreaker-on.png);
}
.part5-nav-spacegroove span {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part5-nav-icon-spacegroove.png);
}
.part5-nav-spacegroove:hover span, .part5-nav-spacegroove.on span {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part5-nav-icon-spacegroove-on.png);
}
.part5-nav-darkstar span {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part5-nav-icon-darkstar.png);
}
.part5-nav-darkstar:hover span, .part5-nav-darkstar.on span {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part5-nav-icon-darkstar-on.png);
}
.part5-nav-darklady span {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part5-nav-icon-darklady.png);
}
.part5-nav-darklady:hover span, .part5-nav-darklady.on span {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part5-nav-icon-darklady-on.png);
}
.part5-nav-astronaut span {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part5-nav-icon-astronaut.png);
}
.part5-nav-astronaut:hover span, .part5-nav-astronaut.on span {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part5-nav-icon-astronaut-on.png);
}
.part5-nav-mecha span {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part5-nav-icon-mecha.png);
}
.part5-nav-mecha:hover span, .part5-nav-mecha.on span {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part5-nav-icon-mecha-on.png);
}
.part5-info {
  color: #04141c;
  font-size: 26rem;
  height: 30rem;
  text-align: center;
  margin-top: 200rem;
  display: flex;
  justify-content: center;
}
.part5-info span {
  color: #878bf7;
}

.part6 {
  height: 1350rem;
  position: relative;
}
.part6-title {
  background: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part6-title.png) no-repeat center top/100%;
  width: 815rem;
  height: 219rem;
  margin: 190rem auto 0;
}
.part6-swiper {
  width: 1380rem;
  height: 785rem;
  margin: 140rem auto 0;
}
.part6-swiper .swiper-slide-prev .part6-img, .part6-swiper .swiper-slide-next .part6-img {
  transform: scale(0.9);
}
.part6-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -20rem;
}
.part6-pagination span {
  display: block;
  opacity: 1;
  width: 18rem;
  height: 18rem;
  background: #8a8dce;
  margin: 0 10rem !important;
}
.part6-pagination .swiper-pagination-bullet-active {
  background: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part6-pagination-on.png) no-repeat center top/100%;
  width: 46rem;
  height: 48rem;
}
.part6 .part4-prev {
  top: 55%;
  left: 160rem;
}
.part6 .part4-next {
  top: 55%;
  right: 160rem;
}
.part6-img {
  width: 460rem;
  height: 705rem;
  will-change: transform;
  transition: transform 0.3s ease;
}
.part6-img img {
  display: block;
  width: 100%;
  height: 100%;
}

.part7 {
  height: 8000rem;
}
.part7-title {
  background: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part7-title.png) no-repeat center top/100%;
  width: 815rem;
  height: 221rem;
  margin: 0rem auto 0;
}
.part7-btn {
  display: block;
  background: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part7-btn.png) no-repeat center top/100%;
  width: 527rem;
  height: 155rem;
  margin: 0 auto;
}
.part7-btn.gray {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part7-btn-gray.png);
  pointer-events: none;
}
.part7 .part7-btn {
  margin-top: 1360rem;
}
.part7 .part7-btn:nth-of-type(4) {
  margin-top: 1400rem;
}

.part8 {
  height: 1480rem;
}
.part8-title {
  background: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part8-title.png) no-repeat center top/100%;
  width: 815rem;
  height: 213rem;
  margin: 40rem auto 0;
}
.part8-pic {
  background: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/part8-pic.png) no-repeat center top/100%;
  width: 1544rem;
  height: 951rem;
  margin: -10rem auto 0;
  transform: translate(40rem, 0);
}

.right-nav {
  background: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/right-nav.png) no-repeat center top/100%;
  width: 277rem;
  height: 647rem;
  position: fixed;
  top: 50%;
  margin-top: -323rem;
  right: 0rem;
  z-index: 20;
  padding: 140rem 50rem 0 66rem;
  box-sizing: border-box;
  transform: scale(0.8);
  transform-origin: 100% 50%;
  pointer-events: none;
}
.right-nav > * {
  pointer-events: auto;
}
.right-nav-item {
  height: 60rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
}
.right-nav-item::after {
  display: block;
  content: "";
  background: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/right-nav-line.png) no-repeat center top/100%;
  width: 79rem;
  height: 11rem;
  position: absolute;
  left: 50%;
  margin-left: -40rem;
  bottom: 0;
  pointer-events: none;
}
.right-nav-item i {
  display: none;
  background: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/right-nav-deco.png) no-repeat center top/100%;
  width: 17rem;
  height: 16rem;
  margin: 0 10rem;
  flex: none;
}
.right-nav-item span {
  font-family: "fzxiaos";
  color: #bbc8eb;
  font-size: 22rem;
  background: linear-gradient(to bottom, #fff, #a4dcf6);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  transform: scale(1, 1.2);
  white-space: nowrap;
  letter-spacing: -1px;
  flex: none;
}
.right-nav-item.on i {
  display: block;
}
.right-nav-item.on span, .right-nav-item:hover span {
  color: #ffffcc;
  -webkit-text-fill-color: #ffffcc;
}
.right-nav-top {
  display: block;
  background: url(//game.gtimg.cn/images/lol/act/a20260409tftset17/pc/right-nav-top.png) no-repeat center top/100%;
  width: 39rem;
  height: 65rem;
  text-indent: -9999px;
  margin: 20rem auto 0;
}

.pop-video-bd {
  width: 700px;
  height: 400px;
  margin: -200px 0 0 -350px;
  position: absolute;
  left: 57%;
  top: 50%;
}

.pop-video-bd {
  width: 1000rem;
  height: 560rem;
  margin: -280rem 0 0 -500rem;
  left: 50%;
}

.pop-video .pop-close {
  display: block;
  width: 40rem;
  height: 40rem;
  position: absolute;
  top: 0;
  right: -48rem;
  text-indent: -9999px;
  background: 0 0;
}

.pop-video .pop-close:after,
.pop-video .pop-close:before {
  position: absolute;
  left: 20.8rem;
  top: 0;
  content: " ";
  height: 44.8rem;
  width: 3.2rem;
  border-radius: 2px;
  background-color: #2590cd;
}

.pop-video .pop-close:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.pop-video .pop-close:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.pop-video .video-play {
  width: 100%;
  height: 100%;
  background: #000;
  border: 3.2rem solid transparent;
  border-image: linear-gradient(45deg, #f1bbe8, #2590cd) 1/1/0 stretch;
  position: relative;
  z-index: 2;
}