@charset "UTF-8";
@font-face {
  font-family: "mk";
  src: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/font/mk.ttf);
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "sy";
  src: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/font/sy.ttf);
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "sybold";
  src: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/font/sybold.ttf);
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "syhv";
  src: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/font/syhv.ttf);
  font-style: normal;
  font-weight: normal;
}
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;
}

em, i {
  font-style: normal;
}

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;
}

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;
  font-family: "sy";
}

.wrap {
  width: 100%;
  position: relative;
  display: block;
  overflow: hidden;
  background: #e2ffea;
}

.Menu {
  margin-top: 9px;
}

.Menu-list {
  display: -webkit-flex;
  display: flex;
  height: 40px;
  text-shadow: 0 0 2px #000;
  font-size: 12px;
}

.Menu-list li {
  display: flex;
  position: relative;
  cursor: pointer;
  margin-right: 30px;
  min-width: 28px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.Menu-list a {
  position: relative;
  color: #cdbe91;
  text-align: center;
  letter-spacing: 0.1em;
  -webkit-font-smoothing: subpixel-antialiased;
  font-family: "LoL Display", "微软雅黑", "Times New Roman", Times, Baskerville, Georgia, serif;
}

.Menu-list li a:hover {
  color: #f0e6d2;
}

.header-base .tft.active a {
  color: #f0e6d2;
}

.SubNavList a {
  color: #c1b99e;
}

.header-base .tft.active a:before {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  height: 1px;
  width: 100%;
  background: linear-gradient(to left, transparent, #cdbe91, transparent);
}

.clearfix {
  zoom: 1;
}

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

div {
  outline: 0;
}

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

.bg1 {
  position: relative;
}
.bg1 video {
  display: none;
}
.bg1:after {
  display: none;
}

.loading {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  background-color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
}

.loading .sprite-spinner {
  width: 40rem;
  height: 40rem;
  background: url("https://game.gtimg.cn/images/lol/client/lcu/loading.png") no-repeat center/100% 100%;
}

.spin {
  -webkit-animation: spin 4s linear infinite;
  animation: spin 4s linear infinite;
}

@keyframes spin {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
/*!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: 0.28rem;
  color: #eff5fe;
  background-color: #000000;
  padding: 0.2rem 0;
  font-size: 0.2rem;
}

#afooter a {
  color: #eff5fe;
}

.hide {
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
  font-size: 0;
}

/* page style! */
@font-face {
  font-family: "BeaufortforLOL";
  src: url("data:font/woff2;charset=utf-8;base64,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") format("woff2"), url("data:font/woff;charset=utf-8;base64,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") format("woff"), url("BeaufortforLOL-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
*[class^=m-] {
  display: none !important;
}

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

.page {
  overflow: hidden;
}

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

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

.gray {
  pointer-events: none;
  filter: brightness(0.5) saturate(0.5);
}

.qConnectLogin {
  z-index: 9999;
}

.bg_box {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  top: 0;
  z-index: 0;
}
.bg_box {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/m/bg1.jpg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.bg_box {
  background-position: 50% 0 !important;
}
.bg_box div {
  display: none;
}
.bg_box.bg_box2 div {
  height: 20.52rem;
  margin-bottom: -1px;
}
.bg_box.bg_box2 div.bg1 {
  display: block;
  height: 19.79rem;
}
.bg_box.bg_box2 div.bg1 {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/m/bg2_01_2.jpg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.bg_box.bg_box2 div.bg2 {
  display: block;
}
.bg_box.bg_box2 div.bg2 {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/m/bg2_02.jpg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.bg_box.bg_box2 div.bg3 {
  display: block;
  height: 16.21rem;
}
.bg_box.bg_box2 div.bg3 {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/m/bg2_03_2.jpg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.bg_box.bg_box2 div.bg4 {
  display: block;
}
.bg_box.bg_box2 div.bg4 {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/m/bg2_04.jpg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.bg_box.bg_box2 div.bg5 {
  display: block;
}
.bg_box.bg_box2 div.bg5 {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/m/bg2_05.jpg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.bg_box.bg_box2 div.bg6 {
  display: block;
}
.bg_box.bg_box2 div.bg6 {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/m/bg2_06.jpg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.wrap_in {
  width: 100%;
  position: relative;
  z-index: 20;
}

.header {
  width: 100%;
  height: 12.4rem;
  position: relative;
}

.side_bar {
  display: none;
}

.logo {
  width: 4.34rem;
  height: 0.85rem;
}
.logo {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/logo.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.logo {
  position: absolute;
  left: 0.44rem;
  top: 0.3rem;
  z-index: 20;
  text-indent: -9999px;
  display: none;
}

.loginbox {
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  top: 9.46rem;
  font-size: 0.22rem;
  color: #4e4d4d;
  line-height: 0.26rem;
  filter: drop-shadow(0 0 0.1rem #fff) drop-shadow(0 0 0.1rem #fff) drop-shadow(0 0 0.1rem #fff);
}
.loginbox a {
  color: #b09457;
}

.header_top_nav {
  width: 15.12rem;
  height: 2.05rem;
}
.header_top_nav {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/top_nav.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.header_top_nav {
  position: absolute;
  left: 2.32rem;
  top: 12.29rem;
  z-index: 20;
  box-sizing: border-box;
  padding: 0.42rem 1.14rem 0 0.62rem;
  display: flex;
  justify-content: space-between;
  display: none;
}
.header_top_nav li {
  height: 1.31rem;
  cursor: pointer;
}
.header_top_nav li:nth-child(1) {
  width: 2.49rem;
}
.header_top_nav li:nth-child(2) {
  width: 2.1rem;
}
.header_top_nav li:nth-child(3) {
  width: 2.1rem;
}
.header_top_nav li:nth-child(4) {
  width: 2.1rem;
}
.header_top_nav li:nth-child(5) {
  width: 2.1rem;
}
.header_top_nav li:nth-child(6) {
  width: 2.49rem;
}
.header_top_nav li:nth-child(1):hover, .header_top_nav li:nth-child(1).light {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/nav_ite1_light.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.header_top_nav li:nth-child(2):hover, .header_top_nav li:nth-child(2).light {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/nav_ite2_light.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.header_top_nav li:nth-child(3):hover, .header_top_nav li:nth-child(3).light {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/nav_ite3_light.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.header_top_nav li:nth-child(4):hover, .header_top_nav li:nth-child(4).light {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/nav_ite4_light.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.header_top_nav li:nth-child(5):hover, .header_top_nav li:nth-child(5).light {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/nav_ite5_light.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.header_top_nav li:nth-child(6):hover, .header_top_nav li:nth-child(6).light {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/nav_ite6_light.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.header_top_tab {
  width: 7.48rem;
  height: 1.32rem;
}
.header_top_tab {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/m/m_tab.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.header_top_tab {
  position: absolute;
  left: 50%;
  top: 10.58rem;
  z-index: 20;
  transform: translate(-50%, 0);
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  padding-top: 0.28rem;
}
.header_top_tab a {
  width: 3.36rem;
  height: 0.83rem;
  text-indent: -9999px;
  position: relative;
}
.header_top_tab a.tab_btn1 {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/m/tab1.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.header_top_tab a.tab_btn1:after {
  content: "";
  width: 0.11rem;
  height: 0.62rem;
}
.header_top_tab a.tab_btn1:after {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/m/tab_line.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.header_top_tab a.tab_btn1:after {
  position: absolute;
  right: -0.055rem;
  top: 50%;
  transform: translateY(-50%);
}
.header_top_tab a.tab_btn2 {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/m/tab2.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.header_top_tab a.active.tab_btn1 {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/m/tab1_light.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.header_top_tab a.active.tab_btn2 {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/m/tab2_light.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.cont1 {
  height: 14.98rem;
  position: relative;
  box-sizing: border-box;
  paddingtop: 1px;
}

.cont_title {
  display: block;
  width: 6.4rem;
  height: 0.97rem;
  text-indent: -9999px;
  margin: 0 auto;
  position: relative;
}
.cont_title1 {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/m/title1.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.cont_title2 {
  width: 5.42rem;
  height: 1.38rem;
}
.cont_title2 {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/m/title2.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.cont_title3 {
  width: 6.47rem;
  height: 1.9rem;
}
.cont_title3 {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/m/title3.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.cont_title4 {
  width: 5.09rem;
}
.cont_title4 {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/m/title4.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.cont_title5 {
  width: 4.53rem;
}
.cont_title5 {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/m/title5.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.cont_title6 {
  width: 4.52rem;
  height: 0.97rem;
}
.cont_title6 {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/m/title6.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.cont_title7 {
  width: 5.53rem;
  height: 0.97rem;
}
.cont_title7 {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/m/title7.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.cont_title8 {
  width: 6.17rem;
  height: 0.97rem;
}
.cont_title8 {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/m/title8.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.cont_title9 {
  width: 5.08rem;
  height: 0.97rem;
}
.cont_title9 {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/m/title9.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.cont_title10 {
  width: 5.64rem;
  height: 0.97rem;
}
.cont_title10 {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/m/title10.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.cont_title11 {
  width: 3.37rem;
  height: 0.97rem;
}
.cont_title11 {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/m/title11.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.cont_title12 {
  width: 4.91rem;
  height: 0.89rem;
}
.cont_title12 {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/m/title12.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.cont_title13 {
  width: 5.65rem;
  height: 1.38rem;
}
.cont_title13 {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/m/title13.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.cont1_help {
  display: block;
  width: 0.32rem;
  height: 0.32rem;
  background: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/title_help.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: -0.32rem;
  top: 0.14rem;
}

.cont1_in {
  width: 100%;
  margin: 0.28rem auto 0;
}

.cont1_left {
  width: 6.66rem;
  height: 5.94rem;
}
.cont1_left {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/m/part1_ibg1.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.cont1_left {
  position: relative;
  margin: 0 auto;
}
.cont1_left p {
  font-size: 1rem;
  color: #39806a;
  font-family: "mk";
  position: absolute;
  right: 1.6rem;
  bottom: 0.48rem;
  line-height: 0.78rem;
  background: linear-gradient(to bottom, #3b7b75, #57a147);
  -webkit-background-clip: text;
  color: transparent;
  background-clip: text;
}
.cont1_left.ove {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/m/part1_ibg1_ove.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.cont1_left.ove p {
  display: none;
}

.cont1_right {
  width: 6.82rem;
  margin: 0.24rem auto 0;
}

.cont1_right_list {
  width: 100%;
}
.cont1_right_list li {
  width: 6.82rem;
  height: 1.99rem;
}
.cont1_right_list li {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/m/part1_ibg2.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.cont1_right_list li {
  position: relative;
  margin-bottom: 0.14rem;
  box-sizing: border-box;
  padding: 0.34rem 0 0 0.34rem;
}

.cont1_right_tit {
  font-size: 0.2rem;
  color: #4d4c51;
  font-family: "sybold";
  line-height: 0.26rem;
  padding-left: 0.1rem;
}

.cont1_right_bgbox {
  width: 1.06rem;
  height: 0.98rem;
  background: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/lcu/part1_djbg.png) no-repeat;
  background-size: 100% 100%;
  margin: 0.22rem 0 0 0;
  position: relative;
  padding-top: 0.01rem;
}
.cont1_right_bgbox p {
  text-align: center;
  font-size: 0.2rem;
  color: #4e7076;
  font-family: "sybold";
  line-height: 0.26rem;
  margin-top: -0.08rem;
  position: absolute;
  left: 1.16rem;
  top: 0.46rem;
  white-space: nowrap;
}

.cont1_right_icon {
  display: block;
  width: 0.66rem;
  height: 0.61rem;
  margin: 0.2rem 0 0 0.2rem;
}
.cont1_right_icon2 {
  width: 0.79rem;
  height: 0.84rem;
  margin: 0.09rem 0 0 0.13rem;
}

.cont1_right_btn {
  display: flex;
  width: 1.8rem;
  height: 0.64rem;
}
.cont1_right_btn {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/part1_order_btn1.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.cont1_right_btn {
  position: absolute;
  left: 4.66rem;
  top: 1rem;
  text-indent: -9999px;
}
.cont1_right_btn.djsord {
  background: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/lcu/ord_btn.png) no-repeat;
  background-size: 100% 100%;
}
.cont1_right_btn.djsord.unfinished {
  background: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/lcu/xhh_unwc_btn.png) no-repeat;
  background-size: 100% 100%;
  pointer-events: none;
}
.cont1_right_btn.djsord.gray {
  background: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/lcu/ord_btn_gray.png) no-repeat;
  background-size: 100% 100%;
  filter: unset !important;
}
.cont1_right_btn.djslq {
  background: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/lcu/ord_lq_btn.png) no-repeat;
  background-size: 100% 100%;
}
.cont1_right_btn.djslq.unfinished {
  background: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/lcu/xhh_unwc_btn.png) no-repeat;
  background-size: 100% 100%;
  pointer-events: none;
}
.cont1_right_btn.djslq.gray {
  background: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/lcu/ord_lq_btn_gray.png) no-repeat;
  background-size: 100% 100%;
  filter: unset !important;
}
.cont1_right_btn.unlock {
  background: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/lcu/ord_unlock_btn.png) no-repeat;
  background-size: 100% 100%;
}

.cont_right_bata {
  display: inline-block;
  vertical-align: top;
  width: 0.42rem;
  height: 0.18rem;
  background: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/lcu/beta_icon.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 0.02rem;
}

.cont_right_help_hov {
  display: inline-block;
  width: 0.22rem;
  height: 0.22rem;
  background: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/cont_right_help_hov.png) no-repeat;
  background-size: 100% 100%;
  vertical-align: top;
  position: relative;
  margin-top: 0;
  z-index: 50;
}
.cont_right_help_hov:hover .cont_right_help_hov_tips {
  display: flex;
}

.cont_right_help_hov_tips {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.2rem;
  height: 1.02rem;
  background: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/lcu/hov_tips.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: -0.16rem;
  top: 0.32rem;
  font-size: 0.2rem;
  color: #ffffff;
  line-height: 0.26rem;
  box-sizing: border-box;
  padding: 0.08rem 0.3rem 0;
  font-family: "sy";
  text-align: center;
  display: none;
}

.cont2 {
  height: 17.14rem;
  position: relative;
  box-sizing: border-box;
  padding-top: 1px;
}

.cont2_in {
  margin: 0.38rem auto 0;
}

.cont_cardbox {
  width: 7.2738rem;
  height: 6.8526rem;
  position: relative;
  margin: 0 0 0 0.42rem;
  transform: scale(0.92);
  transform-origin: 0 0;
}
.cont_cardbox li {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}
.cont_cardbox li:nth-child(1) {
  width: 2.6082rem;
  height: 3.9042rem;
  background: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/lcu/xjl_card1.png) no-repeat;
  background-size: 100% 100%;
  left: 2.3004rem;
  top: 0.4212rem;
  z-index: 30;
}
.cont_cardbox li:nth-child(2) {
  width: 2.9484rem;
  height: 4.1229rem;
  background: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/lcu/xjl_card2.png) no-repeat;
  background-size: 100% 100%;
  left: 0.6399rem;
  top: 2.3166rem;
  z-index: 25;
}
.cont_cardbox li:nth-child(2) .cont_card_jsbtn {
  margin-left: -0.68445rem;
  top: 2.6892rem;
  transform: rotate(-5deg);
  transform-origin: 50% 50%;
}
.cont_cardbox li:nth-child(3) {
  width: 2.9484rem;
  height: 4.0743rem;
  background: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/lcu/xjl_card3.png) no-repeat;
  background-size: 100% 100%;
  left: 3.6612rem;
  top: 2.268rem;
  z-index: 20;
}
.cont_cardbox li:nth-child(3) .cont_card_jsbtn {
  margin-left: -0.91125rem;
  top: 2.6892rem;
  transform: rotate(5deg);
  transform-origin: 50% 50%;
}
.cont_cardbox li:nth-child(4) {
  width: 2.9484rem;
  height: 4.1229rem;
  background: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/lcu/xjl_card4.png) no-repeat;
  background-size: 100% 100%;
  left: 0;
  top: 0.0729rem;
  z-index: 15;
}
.cont_cardbox li:nth-child(4) .cont_card_jsbtn {
  margin-left: -0.94365rem;
  top: 0.5508rem;
  transform: rotate(-5deg);
  transform-origin: 50% 50%;
}
.cont_cardbox li:nth-child(5) {
  width: 2.9484rem;
  height: 4.0743rem;
  background: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/lcu/xjl_card5.png) no-repeat;
  background-size: 100% 100%;
  left: 4.3092rem;
  top: 0.0243rem;
  z-index: 10;
}
.cont_cardbox li:nth-child(5) .cont_card_jsbtn {
  margin-left: -0.70065rem;
  top: 0.648rem;
  transform: rotate(5deg);
  transform-origin: 50% 50%;
}
.cont_cardbox li.open:nth-child(1) {
  background: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/lcu/xjl_card1_1.png) no-repeat;
  background-size: 100% 100%;
}
.cont_cardbox li.open:nth-child(2) {
  background: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/lcu/xjl_card2_1.png) no-repeat;
  background-size: 100% 100%;
}
.cont_cardbox li.open:nth-child(3) {
  background: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/lcu/xjl_card3_1.png) no-repeat;
  background-size: 100% 100%;
}
.cont_cardbox li.open:nth-child(4) {
  background: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/lcu/xjl_card4_1.png) no-repeat;
  background-size: 100% 100%;
}
.cont_cardbox li.open:nth-child(5) {
  background: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/lcu/xjl_card5_1.png) no-repeat;
  background-size: 100% 100%;
}
.cont_cardbox li.open .cont_card_jsbtn {
  display: none;
}

.cont_card_jsbtn {
  display: block;
  width: 1.6281rem;
  height: 0.648rem;
  background: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/lcu/unlock_btn.png) no-repeat;
  background-size: 100% 100%;
  text-indent: -9999px;
  position: absolute;
  left: 50%;
  top: 2.5596rem;
  margin-left: -0.81405rem;
}
.cont_card_jsbtn.gray {
  background: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/lcu/unlock_btn_gray.png) no-repeat;
  background-size: 100% 100%;
  pointer-events: none;
  filter: unset !important;
}

.cont_card_tj {
  width: 100%;
  position: absolute;
  left: 0;
  top: 7.66rem;
  z-index: 50;
  box-sizing: border-box;
  padding-top: 0.28rem;
}

.ctj_p1 {
  width: 100%;
  text-align: center;
  font-size: 0.22rem;
  color: #2c7561;
  font-family: "sybold";
  line-height: 0.28rem;
}
.ctj_p1 .cyel {
  color: #2c7561;
}

.ctj_p2 {
  font-size: 0.18rem;
  color: #2c7561;
  line-height: 0.28rem;
  margin: 0.04rem auto 0;
  text-align: center;
  font-family: "sy";
}

.ctj_p2_st {
  display: inline-block;
  padding: 0 0.04rem;
  background: #2c7561;
  border-radius: 0.06rem;
  color: #fff;
}

.cont_card_tj2 {
  width: 100%;
  box-sizing: border-box;
  padding-top: 0.12rem;
}

.part2_rightbox {
  width: 100%;
  position: absolute;
  left: 0;
  top: 8.68rem;
  padding-top: 5.7rem;
}

.part2_rightimg {
  display: block;
  width: 6.62rem;
  height: 5.63rem;
}
.part2_rightimg {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/m/part2_right_card.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.part2_rightimg {
  position: absolute;
  left: 0.4rem;
  top: 0;
}

.part2_rightimg_para {
  width: 4.92rem;
  height: 1.45rem;
  font-size: 0.2rem;
  line-height: 0.26rem;
  color: #4e4e4e;
  font-family: "sy";
  position: relative;
}
.part2_rightimg_para {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/m/part2_rightimg_para.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.part2_rightimg_para {
  box-sizing: border-box;
  padding: 0.28rem 0 0 0.5rem;
}
.part2_rightimg_para strong {
  display: block;
  font-size: 0.26rem;
  color: #739f60;
  font-family: "syhv";
  display: flex;
  align-items: center;
  line-height: 0.32rem;
}
.part2_rightimg_para strong:before {
  content: "";
  width: 0.19rem;
  height: 0.24rem;
}
.part2_rightimg_para strong:before {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/m/p2_yz.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.part2_rightimg_para strong:before {
  margin-right: 0.06rem;
}
.part2_rightimg_para span {
  display: block;
  width: 2.86rem;
  position: relative;
  z-index: 10;
}
.part2_rightimg_para i, .part2_rightimg_para b {
  font-style: normal;
  color: #d08d35;
}

.part2_rightimg_para_lqbtn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.41rem;
  height: 0.54rem;
}
.part2_rightimg_para_lqbtn {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/m/p2_klq_btn.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.part2_rightimg_para_lqbtn {
  position: absolute;
  right: 0.26rem;
  top: 0.44rem;
  box-sizing: border-box;
  padding-top: 0.09rem;
  font-size: 0.22rem;
  color: #e19d44;
  font-family: "syhv";
  text-shadow: #ffffff 0 2px 0;
}
.part2_rightimg_para_lqbtn.gray {
  filter: grayscale(1);
}

.cont2_collect_btn {
  display: flex;
  width: 3.2rem;
  height: 1.12rem;
}
.cont2_collect_btn {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/collect_btn.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.cont2_collect_btn {
  text-indent: -9999px;
  position: absolute;
  left: 50%;
  top: 6.6rem;
  transform: translate(-50%, 0);
}
.cont2_collect_btn.klq {
  background: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/lcu/ord_lq_btn.png) no-repeat;
  background-size: 100% 100%;
}
.cont2_collect_btn.unfinished {
  background: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/lcu/xhh_unwc_btn.png) no-repeat;
  background-size: 100% 100%;
  pointer-events: none;
}
.cont2_collect_btn.gray {
  background: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/lcu/ord_lq_btn_gray.png) no-repeat;
  background-size: 100% 100%;
  filter: unset !important;
}

.cont3 {
  height: 10.3rem;
  box-sizing: border-box;
  padding-top: 1px;
  position: relative;
}

.part3_box {
  width: 6.95rem;
  height: 5.38rem;
}
.part3_box {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/m/part3_bx.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.part3_box {
  position: absolute;
  left: 0.3rem;
  top: 1.96rem;
}
.part3_box a {
  display: block;
  width: 3.16rem;
  height: 3rem;
  position: absolute;
  left: 1.92rem;
  top: 2.1rem;
}

.lsh_tpa_bg {
  width: 100%;
  box-sizing: border-box;
  padding-top: 0.34rem;
  font-family: "sy";
  margin: 4.8rem auto 0;
}
.lsh_tpa_bg p {
  text-align: left;
  padding-left: 1.6rem;
}

.lsh_tpa_bg_para1 {
  text-align: center;
  font-size: 0.2rem;
  color: #2c7561;
  line-height: 0.26rem;
}
.lsh_tpa_bg_para1 strong {
  font-family: "sybold";
}
.lsh_tpa_bg_para1 .cyel {
  color: #2c7561;
  font-family: "sybold";
}

.part3_para {
  width: 7.48rem;
  height: 0.712rem;
}
.part3_para {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/part3_tj.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.part3_para {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.2rem;
  color: #fdfdf3;
  font-family: "sy";
  position: absolute;
  left: 50%;
  top: 5.16rem;
  transform: translate(-50%, 0);
}
.part3_para strong {
  font-family: "sybold";
}
.part3_para .cyel {
  color: #ffff00;
  font-family: "sybold";
}
.part3_para:before, .part3_para:after {
  content: "";
  width: 0.17rem;
  height: 0.21rem;
}
.part3_para:before, .part3_para:after {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/yz_icon.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.part3_para:before, .part3_para:after {
  margin: 0 0.08rem;
}
.part3_para:after {
  transform: scale(-1, 1);
}

.part3_btn {
  display: flex;
  width: 3.2rem;
  height: 1.12rem;
}
.part3_btn {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/part3_btn.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.part3_btn {
  text-indent: -9999px;
  position: absolute;
  left: 50%;
  top: 8.01rem;
  transform: translate(-50%, 0);
}
.part3_btn.klq {
  background: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/lcu/ord_lq_btn.png) no-repeat;
  background-size: 100% 100%;
}
.part3_btn.unfinished {
  background: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/lcu/xhh_unwc_btn.png) no-repeat;
  background-size: 100% 100%;
  pointer-events: none;
}
.part3_btn.gray {
  background: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/lcu/ord_lq_btn_gray.png) no-repeat;
  background-size: 100% 100%;
  filter: unset !important;
}

.cont4 {
  height: 5.42rem;
  box-sizing: border-box;
  padding-top: 1px;
  position: relative;
}

.cont4_para {
  width: 6.92rem;
  text-align: center;
  font-size: 0.2rem;
  color: #464847;
  line-height: 0.26rem;
  font-family: "sy";
  margin: 0.1rem auto 0;
}

.part4_box {
  width: 7.04rem;
  height: 3.47rem;
}
.part4_box {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/m/part4_box.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.part4_box {
  margin: 0.14rem auto 0;
}

.cont5 {
  height: 5.74rem;
  box-sizing: border-box;
  padding-top: 1px;
  position: relative;
}

.part5_vplay {
  display: block;
  width: 7.26rem;
  height: 3.9rem;
}
.part5_vplay {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/part5_box.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.part5_vplay {
  margin: 0.2rem auto 0;
}

.cont6 {
  height: 10.82rem;
  box-sizing: border-box;
  padding-top: 1px;
  position: relative;
}

.cont6_para {
  width: 100%;
  text-align: center;
  font-size: 0.18rem;
  color: #464847;
  line-height: 0.24rem;
  font-family: "sy";
  position: absolute;
  left: 0;
  top: 1rem;
}

.p6_dw {
  position: absolute;
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
}
.p6_dw1 {
  width: 1.34rem;
  height: 2.74rem;
}
.p6_dw1 {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/p6_dw_icon1.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.p6_dw1 {
  left: 3.9rem;
  top: 2.94rem;
  -webkit-mask-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/p6_dw_icon1.png);
}
.p6_dw2 {
  width: 2.06rem;
  height: 2.74rem;
}
.p6_dw2 {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/p6_dw_icon2.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.p6_dw2 {
  left: 0.5rem;
  top: 2.34rem;
  -webkit-mask-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/p6_dw_icon2.png);
}
.p6_dw3 {
  width: 2.68rem;
  height: 2.2rem;
}
.p6_dw3 {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/p6_dw_icon3.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.p6_dw3 {
  left: 0.3rem;
  top: 5.06rem;
  -webkit-mask-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/p6_dw_icon3.png);
}
.p6_dw4 {
  width: 1.96rem;
  height: 1.72rem;
}
.p6_dw4 {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/p6_dw_icon4.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.p6_dw4 {
  left: 2.78rem;
  top: 6.2rem;
  -webkit-mask-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/p6_dw_icon4.png);
}
.p6_dw5 {
  width: 1.18rem;
  height: 3rem;
}
.p6_dw5 {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/p6_dw_icon5.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.p6_dw5 {
  left: 5.72rem;
  top: 3.68rem;
  -webkit-mask-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/p6_dw_icon5.png);
}
.p6_dw:after {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.37);
  position: absolute;
  left: 0;
  top: 0;
}
.p6_dw:hover:after {
  display: none;
}

.p6_parabox {
  width: 7.3rem;
  height: 0.95rem;
}
.p6_parabox {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/p6_parabox.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.p6_parabox {
  box-sizing: border-box;
  padding: 0.08rem 0.48rem 0 0.56rem;
  font-family: "sy";
  font-size: 0.24rem;
  color: #464847;
  line-height: 0.28rem;
  position: absolute;
  left: 0.14rem;
  top: 8.12rem;
  display: flex;
  align-items: center;
}

.p6_sbicon {
  width: 3.8rem;
  height: 0.6rem;
}
.p6_sbicon {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/sb_icon.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.p6_sbicon {
  position: absolute;
  left: 50%;
  top: 11.96rem;
  transform: translate(-50%, 0);
  display: none;
}

.part6_para {
  width: 7.5rem;
  height: 0.89rem;
}
.part6_para {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/p6_parabox2.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.part6_para {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.24rem;
  color: #fdfdf3;
  font-family: "sy";
  position: absolute;
  left: 50%;
  top: 9.2rem;
  transform: translate(-50%, 0);
}
.part6_para strong {
  font-family: "sybold";
}
.part6_para .cyel {
  color: #ffff00;
  font-family: "sybold";
}
.part6_para:before, .part6_para:after {
  content: "";
  width: 0.17rem;
  height: 0.21rem;
}
.part6_para:before, .part6_para:after {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/yz_icon.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.part6_para:before, .part6_para:after {
  margin: 0 0.08rem;
}
.part6_para:after {
  transform: scale(-1, 1);
}

.cont7 {
  height: 7.24rem;
  box-sizing: border-box;
  padding-top: 1px;
  position: relative;
}

.p7_box {
  width: 7.5rem;
  height: 5.08rem;
}
.p7_box {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/m/p7_box.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.p7_box {
  position: absolute;
  left: 0;
  top: 1.22rem;
  z-index: 0;
}

.part7_para {
  width: 6.5rem;
  height: 0.95rem;
}
.part7_para {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/m/part7_para.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.part7_para {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.22rem;
  line-height: 0.24rem;
  color: #fdfdf3;
  font-family: "sy";
  position: absolute;
  left: 50%;
  top: 5rem;
  transform: translate(-50%, 0);
  text-align: center;
}
.part7_para strong {
  font-family: "sybold";
}
.part7_para .cyel {
  color: #ffff00;
  font-family: "sybold";
}

.cont8 {
  height: 13.04rem;
  box-sizing: border-box;
  padding-top: 1px;
  position: relative;
}

.p8_ss_list {
  width: 100%;
  margin: 0.5rem auto 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
}
.p8_ss_list .p8_ss_list_item {
  width: 1.22rem;
  height: 5.18rem;
  margin-bottom: 0.3rem;
}
.p8_ss_list .p8_ss_list_item.active .p8_ssbox {
  display: block;
}

.p8_m_line {
  width: 100%;
  height: 1px;
}

.p8_ssline {
  display: block;
  width: 1.22rem;
  height: 5.18rem;
  position: relative;
  z-index: 20;
  cursor: pointer;
}
.p8_ssline1 {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/p8_ss_line1.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.p8_ssline2 {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/p8_ss_line2.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.p8_ssline3 {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/p8_ss_line3.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.p8_ssline4 {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/p8_ss_line4.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.p8_ssline5 {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/p8_ss_line5.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.p8_ssline6 {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/p8_ss_line6.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.p8_ssbox {
  width: 7.19rem;
  height: 4.38rem;
}
.p8_ssbox {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/m/p8_ss_det.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.p8_ssbox {
  position: absolute;
  left: 50%;
  top: 5.6rem;
  transform: translate(-50%, 0);
  z-index: 0;
  box-sizing: border-box;
  padding: 0.54rem 0.62rem 0;
  display: none;
}

.p8_ssbox_t {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  font-size: 0.34rem;
  font-family: "syhv";
  color: #4c7467;
}
.p8_ssbox_t:before, .p8_ssbox_t:after {
  content: "";
  width: 0.35rem;
  height: 0.36rem;
}
.p8_ssbox_t:before, .p8_ssbox_t:after {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/p8_ssbox_ticon.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.p8_ssbox_t:before, .p8_ssbox_t:after {
  margin: 0 0.04rem;
}
.p8_ssbox_t:after {
  transform: scale(-1, 1);
}

.p8_ssbox_tpara {
  width: 100%;
  height: 1.56rem;
  margin: 0.1rem auto 0;
  text-align: center;
  font-size: 0.24rem;
  color: #90aa99;
  line-height: 0.3rem;
}

.p8_ss_herolist {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto;
}
.p8_ss_herolist li {
  width: 0.84rem;
}

.p8_ss_herolist_item {
  width: 0.64rem;
  height: 0.64rem;
  border-radius: 50%;
  overflow: hidden;
  box-sizing: border-box;
  border: #739f60 solid 2px;
  margin: 0 auto;
}
.p8_ss_herolist_item img {
  display: block;
  width: 100%;
  height: 100%;
}

.p8_ss_herolist_item_name {
  width: 100%;
  height: 0.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.2rem;
  color: #90aa99;
  font-family: "sy";
  white-space: nowrap;
}

.p8_swip {
  width: 6.38rem;
  height: 3.42rem;
  position: relative;
  margin: 0.08rem auto 0;
}
.p8_swip ul {
  width: 10000%;
  display: flex;
}
.p8_swip ul li {
  width: 6.38rem;
  height: 3.42rem;
}
.p8_swip ul li {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/p8_imgbox.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.p8_imgbox {
  width: 5.9rem;
  height: 3.06rem;
  -webkit-mask-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/p8_imgmask.png);
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  position: absolute;
  left: 0.26rem;
  top: 0.21rem;
}
.p8_imgbox img {
  display: block;
  width: 100%;
  height: 100%;
}

.p8_prev, .p8_next {
  width: 0.42rem;
  height: 0.42rem;
  position: absolute;
  top: 1.64rem;
}
.p8_prev, .p8_next {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/p8_prev.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.p8_prev {
  left: -0.44rem;
}

.p8_next {
  transform: scale(-1, 1);
  right: -0.44rem;
}

.p8_prg {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.16rem auto 0;
}
.p8_prg span {
  width: 0.18rem;
  height: 0.18rem;
  background: none;
  opacity: 1 !important;
  border-radius: 0 !important;
  border: none !important;
}
.p8_prg span {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/p8_circle.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.p8_prg span {
  margin: 0 0.15rem;
  cursor: pointer;
}
.p8_prg span.swiper-pagination-bullet-active {
  width: 0.3rem;
  height: 0.36rem;
}
.p8_prg span.swiper-pagination-bullet-active {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/p8_circle_light.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.cont9 {
  height: 12.76rem;
  box-sizing: border-box;
  padding-top: 1px;
  position: relative;
}

.p9_box {
  width: 7.43rem;
  height: 4.46rem;
}
.p9_box {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/m/p9_linebg.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.p9_box {
  position: absolute;
  left: 50%;
  top: 4.72rem;
  transform: translateX(-50%);
}
.p9_box li {
  width: 1.66rem;
  height: 1.66rem;
}
.p9_box li {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/p9_bg.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.p9_box li {
  position: absolute;
  transform: scale(0.78);
  transform-origin: 0 0;
}
.p9_box li:after {
  content: "";
  width: 2.71rem;
  height: 3.04rem;
}
.p9_box li:after {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/p9_bg.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.p9_box li:after {
  position: absolute;
  left: -0.54rem;
  top: -0.46rem;
  z-index: 0;
  pointer-events: none;
}
.p9_box li:nth-child(1) {
  left: 1.94rem;
  top: -0.18rem;
}
.p9_box li:nth-child(2) {
  left: 0.28rem;
  top: 0.92rem;
}
.p9_box li:nth-child(3) {
  left: 2.16rem;
  top: 1.74rem;
}
.p9_box li:nth-child(4) {
  left: 4rem;
  top: 1.22rem;
}
.p9_box li:nth-child(5) {
  left: 5.78rem;
  top: 0.78rem;
}
.p9_box li:nth-child(6) {
  left: 0.38rem;
  top: 3.16rem;
}
.p9_box li:nth-child(7) {
  left: 2.2rem;
  top: 3.48rem;
}
.p9_box li:nth-child(8) {
  left: 4.12rem;
  top: 2.94rem;
}
.p9_box li:nth-child(9) {
  left: 5.94rem;
  top: 3.56rem;
}

.p9_imgbox {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 20;
  -webkit-mask-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/p9_hd_mask.png);
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
}
.p9_imgbox img {
  display: block;
  width: 100%;
  height: 100%;
}

.p9_imginfo {
  width: 100%;
  height: 0.58rem;
}
.p9_imginfo {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/p9_imgmask.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.p9_imginfo {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 20;
  overflow: hidden;
}

.p9_imginfo_icon {
  display: block;
  width: 0.23rem;
  height: 0.2rem;
  margin: 0.04rem auto 0;
}
.p9_imginfo_icon1 {
  width: 0.23rem;
  height: 0.2rem;
}
.p9_imginfo_icon1 {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/p9_jbicon1.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.p9_imginfo_icon2 {
  width: 0.19rem;
  height: 0.18rem;
}
.p9_imginfo_icon2 {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/p9_jbicon2.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.p9_imginfo_icon3 {
  width: 0.19rem;
  height: 0.2rem;
}
.p9_imginfo_icon3 {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/p9_jbicon3.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.p9_imginfo_icon4 {
  width: 0.19rem;
  height: 0.2rem;
}
.p9_imginfo_icon4 {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/p9_jbicon4.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.p9_imginfo_icon5 {
  width: 0.21rem;
  height: 0.2rem;
}
.p9_imginfo_icon5 {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/p9_jbicon5.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.p9_imginfo_icon6 {
  width: 0.23rem;
  height: 0.22rem;
}
.p9_imginfo_icon6 {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/p9_jbicon6.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.p9_imginfo_icon7 {
  width: 0.21rem;
  height: 0.21rem;
}
.p9_imginfo_icon7 {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/p9_jbicon7.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.p9_imginfo_icon8 {
  width: 0.23rem;
  height: 0.23rem;
}
.p9_imginfo_icon8 {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/p9_jbicon8.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.p9_imginfo_icon9 {
  width: 0.21rem;
  height: 0.21rem;
}
.p9_imginfo_icon9 {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/p9_jbicon9.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.p9_imginfo_name {
  width: 100%;
  text-align: center;
  font-size: 0.19rem;
  color: #ffffff;
  font-family: "sybold";
  line-height: 0.26rem;
}

.p9_box_para {
  width: 7.3rem;
  height: 0.95rem;
}
.p9_box_para {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/p9_pbg.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.p9_box_para {
  position: absolute;
  left: 50%;
  top: 9.8rem;
  transform: translate(-50%, 0);
  box-sizing: border-box;
  padding: 0.22rem 0.96rem 0 0.64rem;
  font-size: 0.24rem;
  line-height: 0.28rem;
  color: #464847;
  font-family: "sy";
}
.p9_box_para strong {
  font-family: "sybold";
}

.p9_box_para2 {
  width: 7.5rem;
  height: 1.42rem;
}
.p9_box_para2 {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/p9_pbg2.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.p9_box_para2 {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.21rem;
  line-height: 0.28rem;
  color: #fdfdf3;
  font-family: "sy";
  position: absolute;
  left: 50%;
  top: 10.8rem;
  transform: translate(-50%, 0);
  text-align: center;
}
.p9_box_para2 .cyel {
  color: #ffff00;
}
.p9_box_para2 p {
  box-sizing: border-box;
  padding: 0 0.8rem;
}

.cont10 {
  height: 8.94rem;
  box-sizing: border-box;
  padding-top: 1px;
  position: relative;
}

.p10_swip {
  width: 4.936rem;
  height: 6.088rem;
  position: relative;
  overflow: visible; /* 允许叠加的卡片溢出显示 */
  margin: 0.34rem auto 0;
}

.p10_swip .swiper-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 4.936rem;
  height: 6.088rem;
  opacity: 0 !important;
  z-index: 0;
}

.p10_swip .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
}

.p10_swip .swiper-slide.swiper-slide-prev {
  opacity: 1 !important;
  z-index: 1;
  transform: scale(0.8) translateX(-1.1rem) !important; /* 上一个卡片向左偏移 1.10rem */
  transform-origin: 0 50%;
}

.p10_swip .swiper-slide.swiper-slide-next {
  opacity: 1 !important;
  z-index: 1;
  transform: scale(0.8) translateX(1.1rem) !important; /* 下一个卡片向右偏移 1.10rem */
  transform-origin: 100% 50%;
}

.p10_swip .swiper-slide.swiper-slide-active {
  opacity: 1 !important;
  z-index: 2;
  transform: scale(1) translateX(-50%); /* 当前卡片居中，层级最高 */
}

.p10_prev, .p10_next {
  width: 0.44rem;
  height: 0.42rem;
  position: absolute;
  top: 2.98rem;
}
.p10_prev, .p10_next {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/p8_prev.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.p10_prev {
  left: -1.26rem;
}

.p10_next {
  transform: scale(-1, 1);
  right: -1.26rem;
}

.page10_tg_swiper_prg {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.36rem auto 0;
}
.page10_tg_swiper_prg span {
  width: 0.18rem;
  height: 0.18rem;
  background: none;
  opacity: 1 !important;
  border-radius: 0 !important;
  border: none !important;
}
.page10_tg_swiper_prg span {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/p8_circle.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.page10_tg_swiper_prg span {
  margin: 0 0.15rem;
  cursor: pointer;
}
.page10_tg_swiper_prg span.swiper-pagination-bullet-active {
  width: 0.3rem;
  height: 0.36rem;
}
.page10_tg_swiper_prg span.swiper-pagination-bullet-active {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/p8_circle_light.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.cont11 {
  height: 41.56rem;
  box-sizing: border-box;
  padding-top: 1px;
  position: relative;
}

.p11_vbox {
  position: absolute;
  transform: scale(0.62);
  transform-origin: 0 0;
}
.p11_vbox1 {
  width: 2.68rem;
  height: 6.14rem;
}
.p11_vbox1 {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/p11_vtip1.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.p11_vbox1 {
  left: 0.64rem;
  top: 0.94rem;
}
.p11_vbox1 .p11_vplay {
  left: 0.84rem;
  top: 4.9rem;
}
.p11_vbox2 {
  width: 1.49rem;
  height: 5.13rem;
}
.p11_vbox2 {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/p11_vtip2.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.p11_vbox2 {
  left: 5.2rem;
  top: 8.36rem;
}
.p11_vbox3 {
  width: 1.49rem;
  height: 5.13rem;
}
.p11_vbox3 {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/p11_vtip3.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.p11_vbox3 {
  left: 4.72rem;
  top: 14.12rem;
}
.p11_vbox4 {
  width: 1.49rem;
  height: 5.13rem;
}
.p11_vbox4 {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/p11_vtip4.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.p11_vbox4 {
  left: 1.24rem;
  top: 21.02rem;
}
.p11_vbox5 {
  width: 1.49rem;
  height: 5.13rem;
}
.p11_vbox5 {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/p11_vtip5.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.p11_vbox5 {
  left: 4.74rem;
  top: 27.44rem;
}
.p11_vbox6 {
  width: 1.49rem;
  height: 5.13rem;
}
.p11_vbox6 {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/p11_vtip6.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.p11_vbox6 {
  left: 1.26rem;
  top: 34.15rem;
}

.p11_vplay {
  width: 0.85rem;
  height: 0.85rem;
  position: absolute;
  left: 0.38rem;
  top: 3.9rem;
}

.p11_btn {
  width: 3.2rem;
  height: 1.12rem;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  text-indent: -9999px;
}
.p11_btn1 {
  top: 6.14rem;
}
.p11_btn1 {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/p11_vbtn1.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.p11_btn2 {
  top: 12.54rem;
}
.p11_btn2 {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/p11_vbtn1.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.p11_btn3 {
  top: 19.14rem;
}
.p11_btn3 {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/p11_vbtn1.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.p11_btn4 {
  top: 25.74rem;
}
.p11_btn4 {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/p11_vbtn2.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.p11_btn5 {
  top: 32.38rem;
}
.p11_btn5 {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/p11_vbtn2.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.p11_btn6 {
  top: 38.88rem;
}
.p11_btn6 {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/p11_vbtn2.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.cont12 {
  height: 9.02rem;
  box-sizing: border-box;
  padding-top: 1px;
  position: relative;
}

.p12_para1 {
  width: 100%;
  display: flex;
  justify-content: center;
  font-size: 0.22rem;
  color: #4e4e4e;
  line-height: 0.26rem;
  margin: 0.1rem auto 0;
}

.p12_list {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 0.3rem auto 0;
}
.p12_list li {
  width: 2.34rem;
  margin: 0 0.06rem;
}

.p12_item {
  width: 2.34rem;
  height: 4.05rem;
  position: relative;
}
.p12_item img {
  display: block;
  width: 100%;
  height: 100%;
}

.p12_dy_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.41rem;
  height: 0.54rem;
}
.p12_dy_btn {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/m/p2_klq_btn.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.p12_dy_btn {
  box-sizing: border-box;
  padding-top: 0.09rem;
  font-size: 0.22rem;
  color: #e19d44;
  font-family: "syhv";
  text-shadow: #ffffff 0 2px 0;
  margin: 0.18rem auto 0;
}
.p12_dy_btn.gray {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/m/p12_dy_btn_gray.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.p12_dy_btn.gray {
  pointer-events: none;
  color: #458b6c;
  filter: unset !important;
}

.p12_para {
  width: 4.1rem;
  height: 0.68rem;
}
.p12_para {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/m/p12_pra.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.p12_para {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.26rem;
  color: #fdfdf3;
  font-family: "sy";
  margin: 0.38rem auto 0;
  box-sizing: border-box;
  padding-bottom: 0.04rem;
}
.p12_para strong {
  font-family: "sybold";
}
.p12_para .cyel {
  color: #ffff00;
  font-family: "sybold";
}
.p12_para:before, .p12_para:after {
  content: "";
  width: 0.17rem;
  height: 0.21rem;
}
.p12_para:before, .p12_para:after {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/yz_icon.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.p12_para:before, .p12_para:after {
  margin: 0 0.08rem;
}
.p12_para:after {
  transform: scale(-1, 1);
}

.p12_para2 {
  width: 100%;
  display: flex;
  justify-content: center;
  font-size: 0.24rem;
  color: #4e4e4e;
  line-height: 0.28rem;
  margin: 0.36rem auto 0;
}
.p12_para2 span {
  color: #d08d35;
  text-decoration: underline;
}

.p12_prg {
  width: 3.93rem;
  height: 0.52rem;
}
.p12_prg {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/m/p12_prg.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.p12_prg {
  margin: 0.3rem 0 0 0.28rem;
  position: relative;
}

.p12_prg_in {
  width: 3.4rem;
  height: 0.08rem;
  border-radius: 0.04rem;
  position: absolute;
  left: 0.26rem;
  top: 0.24rem;
}

.p12_prg_in_line {
  display: block;
  width: 33.33%;
  height: 0.08rem;
  border-radius: 0.04rem;
  background: #fcfb37;
}

.p12_prg_num {
  font-family: "syhv";
  font-style: italic;
  position: absolute;
  left: 3.98rem;
  top: 50%;
  transform: translate(0, -50%);
  font-size: 0.4rem;
  color: #739f60;
}
.p12_prg_num span {
  color: #4e4e4e;
}

.p12_lqtxbtn {
  display: block;
  width: 2.18rem;
  height: 0.76rem;
  background: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/lcu/ord_lq_btn.png) no-repeat;
  background-size: 100% 100%;
  text-indent: -9999px;
  position: absolute;
  left: 5.04rem;
  top: 7.14rem;
}
.p12_lqtxbtn.gray {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/m/p12_lqtxbtn_gray.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.p12_lqtxbtn.gray {
  filter: none;
}

.cont13 {
  height: 9.62rem;
  box-sizing: border-box;
  padding-top: 1px;
  position: relative;
}

.p13_ailist {
  width: 6.96rem;
  height: 1.98rem;
  margin: 0.3rem auto 0;
  overflow: hidden;
}
.p13_ailist ul {
  display: flex;
  width: 100000%;
}
.p13_ailist li {
  width: 1.74rem;
  height: 1.59rem;
  position: relative;
  background: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/m/ai_icon_bg.png) no-repeat;
  background-size: 100% 100%;
}
.p13_ailist li img {
  display: block;
  width: 100%;
  height: 100%;
}
.p13_ailist li p {
  position: absolute;
  left: 0;
  top: 1.72rem;
  font-size: 0.2rem;
  color: #739f60;
  font-family: "sybold";
  line-height: 0.26rem;
  text-align: center;
  width: 100%;
}

.p13_aitst_list {
  width: 6.88rem;
  margin: 0.62rem auto 0;
}
.p13_aitst_list li {
  width: 6.88rem;
  height: 1.45rem;
}
.p13_aitst_list li {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/m/p13_item.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.p13_aitst_list li {
  position: relative;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0 0 0 0.66rem;
  margin-bottom: 0.14rem;
}

.p13_ailot_btnbox {
  width: 3.19rem;
  height: 1.12rem;
  margin: 0.24rem auto 0;
  position: relative;
}

.p13_ailot_btn {
  display: block;
  width: 3.19rem;
  height: 1.12rem;
  text-indent: -9999px;
}
.p13_ailot_btn {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/m/p13_lot_btn.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.p13_ailot_num {
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  top: 1.2rem;
  font-size: 0.24rem;
  color: #4e4e4e;
}
.p13_ailot_num span {
  color: #d08d35;
}

.p13_aitst_para {
  color: #4e4e4e;
  width: 3.56rem;
  font-size: 0.18rem;
  line-height: 0.22rem;
  font-family: "sy";
  position: relative;
  box-sizing: border-box;
}
.p13_aitst_para strong {
  display: block;
  font-size: 0.26rem;
  color: #739f60;
  font-family: "syhv";
  display: flex;
  align-items: center;
  line-height: 0.32rem;
}
.p13_aitst_para strong:before {
  content: "";
  width: 0.19rem;
  height: 0.24rem;
}
.p13_aitst_para strong:before {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/m/p2_yz.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.p13_aitst_para strong:before {
  margin-right: 0.06rem;
}
.p13_aitst_para a {
  text-decoration: underline;
  color: #4e4e4e;
}
.p13_aitst_para span {
  color: #d08d35;
}

.p13_klq_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.41rem;
  height: 0.54rem;
}
.p13_klq_btn {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/m/p2_klq_btn.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.p13_klq_btn {
  box-sizing: border-box;
  padding-top: 0.09rem;
  font-size: 0.22rem;
  color: #e19d44;
  font-family: "syhv";
  text-shadow: #ffffff 0 2px 0;
  margin-left: 0.7rem;
}
.p13_klq_btn.gray {
  filter: grayscale(1);
}

.dia {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.7);
}

.dia_in {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.dia_rule {
  width: 7.5rem;
  height: 8.96rem;
}
.dia_rule {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/m/rule_dia.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.dia_rule {
  box-sizing: border-box;
  padding-top: 1.36rem;
  padding-left: 1.08rem;
  padding-right: 0.96rem;
}

.dia_close {
  display: block;
  width: 0.46rem;
  height: 0.46rem;
  background: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/pop/dia_close2.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 0.1rem;
  top: -0.5rem;
  text-indent: -9999px;
}

.dia_rule_t {
  display: block;
  width: 3.01rem;
  height: 0.61rem;
}
.dia_rule_t {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/m/dia_rule_t.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.dia_rule_t {
  text-indent: -9999px;
  margin: 0 auto;
  transform: translate(0.3rem, 0);
}

.dia_rule_box {
  width: 100%;
  height: 6.24rem;
  box-sizing: border-box;
  padding-left: 0.28rem;
  overflow: hidden;
  margin: 0.18rem auto 0;
  font-size: 0.21rem;
  color: #000000;
  line-height: 0.26rem;
  position: relative;
}
.dia_rule_box p {
  margin: 0 0 0.1rem 0;
}
.dia_rule_box strong {
  display: block;
  font-family: "sybold";
  font-weight: normal;
  margin: 0 0 0.1rem 0;
}

.dia_prg {
  width: 0.04rem;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #d3d3d3;
}
.dia_prg .swiper-scrollbar-drag {
  background: #e848ee;
}

.dia_tips {
  width: 6.85rem;
  height: 4.5rem;
  background: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/pop/dia_com_bg1.png) no-repeat;
  background-size: 100% 100%;
}

.dia_ctit {
  display: block;
  width: 3.02rem;
  height: 0.68rem;
  background: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/pop/pop_tit1.png) no-repeat;
  background-size: 100% 100%;
  text-indent: -9999px;
  margin: 0.64rem auto 0;
}

.dia_tips_para {
  width: 5.2rem;
  height: 1.02rem;
  font-size: 0.27rem;
  color: #000000;
  line-height: 0.32rem;
  margin: 1.84rem 0 0 1.22rem;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.dia_surebtn {
  display: block;
  width: 2.36rem;
  height: 0.83rem;
  background: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/pop/dia_com_sure_btn.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto 0;
  text-indent: -9999px;
}
.dia_surebtn2 {
  margin: 0.28rem auto 0;
}

.dia_dtnbox {
  display: flex;
  justify-content: center;
  margin: 0 auto;
}
.dia_dtnbox a {
  margin: 0 0.2rem;
}
.dia_dtnbox a.dia_canclebtn {
  display: block;
  width: 2.36rem;
  height: 0.83rem;
  background: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/pop/cancle_btn.png) no-repeat;
  background-size: 100% 100%;
  text-indent: -9999px;
}

.pop-reward-bgbox-name {
  width: 100%;
  text-align: center;
  font-size: 0.24rem;
  color: #4e7076;
  font-weight: bold;
  margin: 0.12rem auto 0;
  line-height: 0.3rem;
}

.dia_tab {
  width: 100%;
  margin-bottom: 0.1rem;
}
.dia_tab th {
  font-family: "sybold";
  font-weight: normal;
}
.dia_tab th, .dia_tab td {
  width: 25%;
  border: #000 solid 1px;
  font-size: 0.16rem;
  line-height: 0.2rem;
  text-align: center;
  vertical-align: middle;
  padding: 0.1rem 0;
}

.bottom_xdbar {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 300;
  width: 100%;
  height: 1.08rem;
}
.bottom_xdbar {
  background-image: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/m/xd_float.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.bottom_xdbar {
  box-sizing: border-box;
  padding-top: 0.26rem;
}

.bottom_xdlist {
  width: 100%;
  display: flex;
}
.bottom_xdlist li {
  width: 20%;
  height: 0.82rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.22rem;
  color: #4e4e4e;
  line-height: 0.26rem;
  font-family: "sy";
  text-align: center;
}
.bottom_xdlist li.active {
  font-family: "sybold";
  color: #d08d35;
}

.dia_vcont {
  width: 6rem;
  height: 3.4rem;
}

.dia_videobox {
  width: 6rem;
  height: 3.4rem;
  position: relative;
}

.dia_vclose {
  width: 0.5rem;
  height: 0.5rem;
  position: absolute;
  right: -0.6rem;
  top: -0.2rem;
  text-align: center;
  font-size: 0.5rem;
  line-height: 0.5rem;
  color: #fff;
}

.dia_com_para {
  width: 5.04rem;
  height: 1.36rem;
  margin: 0.32rem auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.24rem;
  color: #4e7076;
  line-height: 0.32rem;
  font-weight: bold;
  font-family: "Microsoft Yahei", "微软雅黑", TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
  text-align: center;
}

.pop-reward {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.pop-reward-title {
  font-size: 0.34rem;
  display: flex;
  justify-content: center;
  margin: 0.72rem auto 0;
  font-family: "sybold";
}
.pop-reward-title span {
  background: linear-gradient(to bottom, #fdfffd, #dbfddf);
  -webkit-background-clip: text;
  color: transparent;
  background-clip: text;
}

.pop-reward-line {
  display: block;
  width: 5.94rem;
  height: 0.32rem;
  background: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/lcu/reward_pop_line.png) no-repeat;
  background-size: 100% 100%;
  margin: 0.08rem auto 0;
}

.pop-reward-box {
  position: relative;
  width: 6.16rem;
  height: 3.54rem;
  margin: 2.66rem auto 0;
}
.pop-reward-box img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pop-reward-box:after {
  content: "";
  width: 6.64rem;
  height: 3.98rem;
  background: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/pop/reward_kk.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: -0.21rem;
  top: -0.22rem;
  z-index: 50;
}
.pop-reward-box.reward-type2 {
  width: 5.18rem;
  height: 5.16rem;
}
.pop-reward-box.reward-type2:after {
  content: "";
  width: 6.02rem;
  height: 5.81rem;
  background: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/pop/reward_kk2.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: -0.5rem;
  top: -0.32rem;
  z-index: 50;
}

.pop-reward-name {
  width: 100%;
  text-align: center;
  font-size: 0.34rem;
  color: #ffffed;
  font-weight: bold;
  line-height: 0.36rem;
  margin: 0.56rem auto 0;
}

.pop-lg-text {
  width: 100%;
  text-align: center;
  font-size: 0.22rem;
  color: #ffffed;
  font-weight: bold;
  line-height: 0.28rem;
  margin: 0.16rem auto 0;
  font-family: "sybold";
}
.pop-lg-text a {
  color: #b09457;
}

.pop-reward-btn {
  display: block;
  width: 2.36rem;
  height: 0.83rem;
  background: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/lcu/pop_sure_btn.png) no-repeat;
  background-size: 100% 100%;
  text-indent: -9999px;
  position: absolute;
  left: 50%;
  bottom: 0.62rem;
  transform: translateX(-50%);
}

.dia_ctit2 {
  display: block;
  width: 3.02rem;
  height: 0.68rem;
  background: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/pop/pop_tit2.png) no-repeat;
  background-size: 100% 100%;
  text-indent: -9999px;
  margin: 0.64rem auto 0;
}

.pop-get-reward {
  width: 6.85rem;
  height: 6.2rem;
  background: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/pop/dia_com_bg2.png) no-repeat;
  background-size: 100% 100%;
}

.dia_reward_cglist {
  width: 6.36rem;
  height: 0.6rem;
  margin: 0.2rem auto 0;
  display: flex;
  background: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/dia_tb1.png) no-repeat center center;
  background-size: 100% 100%;
}
.dia_reward_cglist li {
  width: 50%;
  height: 0.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.24rem;
  line-height: 0.28rem;
  color: #4e7076;
  font-family: "sy";
  cursor: pointer;
  color: #418f65;
  font-family: "sybold";
  cursor: pointer;
}
.dia_reward_cglist li:nth-child(1) {
  color: #418f65;
}
.dia_reward_cglist li:nth-child(2) {
  color: #c1e2b5;
}
.dia_reward_cglist.status2 {
  background: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/dia_tb2.png) no-repeat center center;
  background-size: 100% 100%;
}
.dia_reward_cglist.status2 li:nth-child(1) {
  color: #c1e2b5;
}
.dia_reward_cglist.status2 li:nth-child(2) {
  color: #418f65;
}

.pop-reward-bgbox {
  width: 2.53rem;
  height: 2.32rem;
  background: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/pop/dia_reward_get_bg.png) no-repeat;
  background-size: 100% 100%;
  margin: 0.32rem auto 0;
  position: relative;
  box-sizing: border-box;
  padding: 0.22rem 0.32rem 0.22rem 0.34rem;
}
.pop-reward-bgbox img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.dia_ctit3 {
  display: block;
  width: 4.02rem;
  height: 0.68rem;
  background: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/pop/pop_tit3.png) no-repeat;
  background-size: 100% 100%;
  text-indent: -9999px;
  margin: 0.64rem auto 0;
}

.dia_ctit_para {
  width: 100%;
  text-align: center;
  margin: 0.1rem auto 0;
  font-size: 0.24rem;
  line-height: 0.32rem;
  color: #4e7076;
  font-family: "sybold";
}

.pop-reward-codebox {
  width: 2.32rem;
  height: 2.32rem;
  background: #fff;
  border: #439361 solid 0.04rem;
  margin: 0.18rem auto 0;
}
.pop-reward-codebox img {
  display: block;
  width: 100%;
  height: 100%;
}

body.no-scroll {
  overflow: hidden;
}

.intro-video {
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-size: 100%;
  background-repeat: no-repeat;
  background-color: #000;
  z-index: 10000;
}

.intro-video video {
  width: 100%;
}

.intro-video-skip {
  color: #fff;
  font-size: 0.24rem;
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  z-index: 2;
  text-decoration: underline;
}

.pcshow {
  display: none;
}

.m_br {
  display: block;
}

.pop-reward-pool {
  width: 7.25rem;
  height: 12.68rem;
  max-height: calc(100vh - 2.5rem);
  background: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/pop/pop_poolbgm.png) no-repeat;
  background-size: 100% 100%;
}

.dia_ctit4 {
  display: block;
  width: 3.38rem;
  height: 0.68rem;
  background: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/pop/pop_tit4.png) no-repeat;
  background-size: 100% 100%;
  text-indent: -9999px;
  margin: 0.64rem auto 0;
}

.dia_pool_list {
  width: 6.36rem;
  height: 10.7rem;
  max-height: calc(100vh - 4.5rem);
  margin: 0.18rem 0 0 0.6rem;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  overflow-y: auto;
}
.dia_pool_list2 {
  max-height: calc(100vh - 5.5rem);
}
.dia_pool_list::-webkit-scrollbar {
  width: 0.08rem;
  background: transparent;
}
.dia_pool_list::-webkit-scrollbar-thumb {
  width: 0.08rem;
  background-color: #439361;
  border-radius: 0.04rem;
}
.dia_pool_list::-webkit-scrollbar-track {
  background-color: #fdfdf3;
}
.dia_pool_list li {
  width: 1.38rem;
  height: 2.16rem;
  overflow: hidden;
  margin: 0 0.08rem;
}

.dia_pool_itemimg {
  width: 1.38rem;
  height: 1.38rem;
  border-radius: 0.1rem;
  box-sizing: border-box;
  border: 0.04rem solid #419560;
  overflow: hidden;
}
.dia_pool_itemimg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dia_pool_itemimg_name {
  width: 200%;
  height: 1.56rem;
  text-align: center;
  font-size: 0.32rem;
  color: #4e7076;
  line-height: 0.44rem;
  box-sizing: border-box;
  padding-top: 0.1rem;
  transform: scale(0.5);
  transform-origin: 0 0;
}

.pop-bd.pop-bd--middle.pop-bd--drawer, .pop-bd.pop-bd--large, .pop-bd.pop-bd--xlarge {
  top: auto;
  left: 0;
  bottom: -0.1rem;
  transform: translate(0, 100%);
  animation: ani-pop-drawer 0.3s ease-out both;
}

@keyframes ani-pop-drawer {
  0% {
    transform: translate(0, 100%);
  }
  100% {
    transform: translate(0, 0);
  }
}
.pop-title {
  font-family: "sybold";
  font-size: 0.28rem;
  font-weight: bold;
  line-height: 0.36rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.1rem;
  margin-bottom: 0.6rem;
  position: relative;
}
.pop-title span {
  color: #F0E6D2;
}

.pop-scrollbar {
  overflow-x: hidden;
  overflow-y: auto;
}

.pop-scrollbar::-webkit-scrollbar {
  width: 0.08rem;
  background: transparent;
}

.pop-scrollbar::-webkit-scrollbar-thumb {
  width: 0.08rem;
  background-color: #785A28;
  border-radius: 0.04rem;
}

.pop-scrollbar::-webkit-scrollbar-track {
  background-color: transparent;
}

.pop-bd {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.pop-bd {
  position: absolute;
}

.pop-bd.pop-bd--xlarge {
  width: 7.5rem;
  height: 10.88rem;
  background: #010A13 url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/pop/popbg-drawer-xlarge.png) no-repeat center top/100%;
  padding-top: 0.2rem;
}

.pop-bd.pop-bd--large {
  width: 7.5rem;
  height: 8.16rem;
  padding-top: 0.4rem;
}

.pop-bd.pop-bd--middle.pop-bd--drawer {
  width: 7.5rem;
  height: 8.42rem;
  padding-top: 0.2rem;
}

.pop-close {
  width: 0.64rem;
  height: 0.64rem;
  background: url(https://game.gtimg.cn/images/lol/act/a20260814tftset18/pop/rule_close.png) no-repeat center top/100% 100%;
  position: absolute;
  top: 0.14rem;
  right: 0.14rem;
  z-index: 5;
  text-indent: -9999px;
  transition: transform 0.3s ease-out;
}

.pop {
  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-rule-bd {
  color: #A09B8C;
  font-size: 0.24rem;
  line-height: 0.44rem;
  margin-top: 0.53rem;
  width: 7.27rem;
  height: 12rem;
  padding-left: 0.43rem;
  padding-right: 0.14rem;
  text-align: justify;
  padding-bottom: 0.3rem;
  box-sizing: border-box;
}

.pop-rule-bd h3 {
  font-size: 0.27rem;
  margin-top: 0.2rem;
  padding-bottom: 0.1rem;
  color: var(--pop-btn-color);
}

.pop-rule-bd a {
  color: #f8d29d;
  text-decoration: underline;
}

.pop-rule-bd p strong {
  display: block;
  font-size: 0.26rem;
  margin-top: 0.05rem;
}

.pop-rule-bd b {
  font-weight: bold;
}

.pop-rule .pop-rule-bd ul li {
  list-style: disc;
}
.pop-rule .pop-rule-bd ul {
  list-style: disc;
  padding-left: 1em;
}

.pop-rule-table {
  width: 100%;
  border: #A09B8C solid 1px;
  font-size: 0.2rem;
  margin: 0.05rem auto 0.1rem;
  text-align: center;
  color: #A09B8C;
}

.pop-rule-table:last-child {
  margin-bottom: 0.2rem;
}

.pop-rule-table th {
  font-weight: 700;
  width: 33.33%;
  height: 0.44rem;
  line-height: 0.44rem;
  border: #A09B8C solid 1px;
  text-align: center;
  color: #A09B8C;
  text-align: center;
}

.pop-rule-table td {
  width: 33.33%;
  height: 0.44rem;
  line-height: 0.44rem;
  border: #A09B8C solid 1px;
  text-align: center;
  color: #A09B8C;
}