@charset "UTF-8";
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;
}

i, em {
  font-style: normal;
}

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,
html {
  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;
}

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

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

.header {
  position: relative;
  width: 784px;
  margin: 0 0 0 35px;
  padding-top: 79px;
  z-index: 1000;
}

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

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

.inner {
  width: 100%;
  height: 640px;
  padding-top: 1px;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  z-index: 0;
}

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

.bg::before {
  content: "";
  position: absolute;
  z-index: 100;
  width: 100%;
  height: 81px;
}

::-webkit-scrollbar {
  width: 5px;
  border-radius: 4px;
  background: transparent;
}

::-webkit-scrollbar-thumb {
  height: 1px;
  border-radius: 4px;
  background-color: #AD9C68;
}

::-webkit-scrollbar-thumb:hover {
  height: 1px;
  border-radius: 4px;
  background-color: #d9c67a;
}

::-webkit-scrollbar-thumb:disabled {
  background-color: #463c76;
}

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

.loading .sprite-spinner {
  width: 40px;
  height: 40px;
  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 */
.login-container {
  display: none;
}

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

.logo {
  display: none;
}

.page {
  overflow: hidden;
}
.page .bg {
  z-index: 0;
}
.page .inner {
  z-index: 1;
}

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

.time {
  width: 384px;
  text-align: center;
  line-height: 24px;
  font-size: 15px;
  color: #ffffff;
  position: absolute;
  left: 339px;
  top: 79px;
  letter-spacing: 1px;
  font-family: "BeaufortforLOL";
}

.time span {
  text-shadow: 0 0 5px #b78d0e;
}

.time em {
  text-shadow: 0 0 5px #932135;
}

.left-con {
  width: 335px;
  position: absolute;
  left: 0;
  top: 78px;
}

.left-con h2 {
  width: 230px;
  height: 59px;
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/sub-tit1.png) no-repeat center top/100% 100%;
  font-size: 0;
  margin: 0 0 0 52px;
}

.hero-name-box {
  width: 53px;
  height: 168px;
  position: relative;
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/name-bg.png) no-repeat center top/100% 100%;
  margin: 47px 0 0 26px;
  font-weight: bold;
  overflow: hidden;
}

.unlock-tips-txt, .unlocked-tips-txt {
  width: 29px;
  height: 99px;
  font-size: 10px;
  letter-spacing: 1px;
  color: #97643e;
  display: flex;
  writing-mode: vertical-rl;
  justify-content: center;
  align-items: center;
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/unlock-tips.png) no-repeat center top/100% 100%;
  position: absolute;
  left: -3.5px;
  top: 27px;
}

.unlocked-tips-txt {
  display: none;
}

.goted-btn .unlock-tips-txt {
  display: none;
}

.goted-btn .unlocked-tips-txt {
  display: flex;
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/unlock-tips2.png) no-repeat center top/100% 100%;
}

.hero-name {
  width: 18px;
  height: 110px;
  font-size: 12px;
  color: #fffbf2;
  display: flex;
  writing-mode: vertical-rl;
  justify-content: center;
  float: left;
  margin: 18px 0 0 18.5px;
  letter-spacing: 2px;
}

.video-btn {
  display: block;
  width: 48px;
  height: 48px;
  position: absolute;
  left: 4px;
  bottom: 0;
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/play-btn1.png) no-repeat center top/100% 100%;
}

.unlock-btn {
  width: 278px;
  height: 91px;
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/unlock-btn.png) no-repeat center top/100% 100%;
  margin: 103px auto 0;
}

.unlock-in {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-left: 8px;
  overflow: hidden;
}

.unlock-in a, .unlock-free-in a {
  display: block;
  width: 94px;
  height: 40px;
  text-align: center;
  line-height: 17px;
  font-size: 14px;
  color: #fff7d2;
  font-weight: bold;
  margin-top: 28px;
}

.unlock-in a span, .unlock-free-in a span {
  font-size: 20px;
  color: #fff3bd;
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff3bd), to(#fffefa));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "BeaufortforLOL";
}

.unlock-in a i, .unlock-free-in a i {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/dj-icon.png) no-repeat center top/100% 100%;
  vertical-align: top;
  margin: 0.5px 3px 0 0;
}

.unlock-in a strong, .unlock-free-in a strong {
  font-weight: bold;
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff4be), to(#fffefa));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.unlock-btn.unlocked-btn {
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/unlocked-btn.png) no-repeat center top/100% 100%;
}

.unlocked-btn .unlock-in, .unlock-free-btn .unlock-in {
  display: none;
}

.unlock-free-btn {
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/unlock-free-btn.png) no-repeat center top/100% 100%;
}

.unlock-free-btn a {
  width: 270px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 20px;
  margin: 22px auto 0;
}

.unlock-free-in {
  display: none;
  padding-left: 0;
}

.unlock-free-btn a strong {
  display: inline-block;
  margin-left: 10px;
}

.unlock-free-btn .unlock-free-in {
  display: flex;
}

.right-con {
  left: auto;
  right: 0;
}

.right-con h2 {
  width: 230px;
  height: 59px;
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/sub-tit2.png) no-repeat center top/100% 100%;
  font-size: 0;
  margin: 0 0 0 52px;
}

.right-con .hero-name-box {
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/name-bg2.png) no-repeat center top/100% 100%;
  margin-left: 258px;
}

.right-con .hero-name {
  margin: 22px 0 0 14px;
}

.right-con .unlock-tips-txt, .right-con .unlocked-tips-txt {
  left: 27.5px;
}

.right-con .video-btn {
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/play-btn2.png) no-repeat center top/100% 100%;
  left: -1px;
  bottom: -6px;
}

.right-con .unlock-btn {
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/unlock-btn2.png) no-repeat center top/100% 100%;
}

.right-con .unlock-btn.unlocked-btn {
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/unlocked-btn2.png) no-repeat center top/100% 100%;
}

.right-con .unlock-in a, .right-con .unlock-free-in a {
  margin-top: 27px;
}

.sow-con {
  width: 406px;
  height: 560px;
  margin: 43px auto 0;
  position: relative;
  overflow: hidden;
}

.sow-con .swiper-container, .sow-con .sow-inner {
  width: 406px;
  height: 560px;
  position: relative;
  overflow: hidden;
}

.sow-con .swiper-container {
  -webkit-mask: linear-gradient(to top, black 0%, black 85%, rgba(0, 0, 0, 0) 88%);
}

.sow-con .sow-inner {
  -webkit-mask: linear-gradient(to bottom, black 0%, black 85%, rgba(0, 0, 0, 0) 87%);
}

.sow-con .swiper-pagination {
  width: 100%;
  height: 10px;
  font-size: 0;
  top: 150px;
  left: 0;
}

.sow-con .btn-prev1, .sow-con .btn-next1 {
  width: 39px;
  height: 25px;
  position: absolute;
  left: 184px;
  font-size: 0;
  cursor: pointer;
  z-index: 99;
}

.sow-con .btn-prev1 {
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/prev-btn.png) no-repeat center top 100%/100%;
  top: 77px;
}

.sow-con .btn-next1 {
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/next-btn.png) no-repeat center top 100%/100%;
  top: 452px;
}

.sow-con .swiper-slide {
  width: 406px;
  height: 112px;
}

.sow-rew-box1, .sow-rew-box2 {
  width: 188px;
  height: 112px;
  position: relative;
  overflow: hidden;
}

.sow-rew-box1 {
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/ls-pro-bg.png) no-repeat center top 100%/100%;
  float: left;
}

.sow-rew-box2 {
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/fs-pro-bg.png) no-repeat center top 100%/100%;
  float: right;
}

.sow-con .swiper-button-disabled {
  cursor: default;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
}

.sow-rew-pic {
  display: block;
  width: 125px;
  height: 54px;
  margin: 15px 0 0 28px;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  transform: scale(1.2);
}

.sow-rew-name {
  width: 160px;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  color: #ffffff;
  position: absolute;
  left: 13px;
  top: 71px;
  z-index: 99;
}

.sow-pool-btn {
  width: 58px;
  height: 19px;
  text-align: center;
  line-height: 19px;
  font-size: 11px;
  position: absolute;
  left: 62px;
  top: 52px;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.5);
}

.sow-rew-pic2 {
  width: 156px;
  height: 92px;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
  margin: 0 0 0 0;
}

.sow-pool-btn2 {
  background: none;
  top: 9px;
  text-decoration: underline;
  text-shadow: 0 0 15px #000000;
}

.sow-rew-mask2 {
  width: 156px;
  height: 92px;
  mask: url(//game.gtimg.cn/images/lol/act/a20250626treasures/sow-left-mask.png) no-repeat center top/100%;
  -webkit-mask: url(//game.gtimg.cn/images/lol/act/a20250626treasures/sow-left-mask.png) no-repeat center top/100%;
  margin: 9px 0 0 15.5px;
}

.sow-rew-box2 .sow-rew-mask2 {
  mask: url(//game.gtimg.cn/images/lol/act/a20250626treasures/sow-right-mask.png) no-repeat center top/100%;
  -webkit-mask: url(//game.gtimg.cn/images/lol/act/a20250626treasures/sow-right-mask.png) no-repeat center top/100%;
  margin: 9.5px 0 0 16px;
}

.sow-rew-box1 .locked-btn, .sow-rew-box2 .locked-btn {
  display: block;
  width: 72px;
  height: 20px;
  position: absolute;
  left: 56px;
  bottom: 0;
  text-align: center;
  line-height: 22px;
  font-size: 12px;
  font-weight: bold;
}

.sow-rew-box1 .locked-btn {
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/unlocked-icon.png) no-repeat center top 100%/100%;
}

.sow-rew-box2 .locked-btn {
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/unlocked-icon2.png) no-repeat center top 100%/100%;
}

.sow-rew-box1 .unlocked-btn, .sow-rew-box2 .unlocked-btn {
  display: none;
}

.sow-rew-box1 .free-btn {
  display: block;
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/free-btn.png) no-repeat center top 100%/100%;
}

.sow-rew-box2 .free-btn {
  display: block;
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/free-btn2.png) no-repeat center top 100%/100%;
}

.sow-rew-box1 .canget, .sow-rew-box2 .canget, .sow-rew-box1 .got-btn, .sow-rew-box2 .got-btn {
  display: block;
}

.sow-rew-box1 .canget {
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/get-btn.png) no-repeat center top 100%/100%;
}

.sow-rew-box2 .canget {
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/get-btn2.png) no-repeat center top 100%/100%;
}

.sow-rew-box1 .got-btn {
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/rew-mask.png) no-repeat center top 100%/100%;
}

.sow-rew-box2 .got-btn {
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/rew-mask2.png) no-repeat center top 100%/100%;
}

.sow-rew-box1 .got-btn, .sow-rew-box2 .got-btn {
  pointer-events: none;
  font-size: 0;
}

.sow-rew-box1 .got-btn, .sow-rew-box2 .got-btn {
  width: 156px;
  height: 92px;
  position: absolute;
  left: 16px;
  top: 9px;
}

.sow-rew-box1.box-bg2 {
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/ls-pro-bg2.png) no-repeat center top 100%/100%;
}

.sow-rew-box2.box-bg2 {
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/fs-pro-bg2.png) no-repeat center top 100%/100%;
}

.sow-rew-num {
  width: 56px;
  height: 35px;
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/md-num-bg.png) no-repeat center top 100%/100%;
  position: absolute;
  left: 175px;
  top: 37px;
  text-align: center;
  line-height: 35px;
  font-size: 15px;
  font-weight: bold;
  color: #a67c45;
  filter: brightness(0.6) saturate(0.6);
  font-family: "BeaufortforLOL";
}

.sow-rew-num.light {
  filter: brightness(1) saturate(1);
}

.level-con {
  width: 460px;
  height: 114px;
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/grade-bg.png) no-repeat center top 100%/100%;
  position: absolute;
  left: 288px;
  bottom: 7px;
  overflow: hidden;
}

.level-txt {
  width: 230px;
  display: flex;
  margin: 31px 0 0 50px;
  line-height: 18px;
  font-size: 12px;
}

.level-txt i {
  display: block;
  font-style: normal;
  width: 80px;
  color: #f3e5c1;
}

.level-txt p {
  width: 119px;
  color: #f3e5c1;
}

.level-txt p strong {
  display: inline-block;
  padding-left: 5px;
  font-size: 14px;
  color: #fcda7e;
  font-family: "BeaufortforLOL";
}

.level-box {
  width: 431px;
  display: flex;
  margin: 3.5px 0 0 35px;
  clear: both;
}

.level-box strong {
  display: block;
  width: 94px;
  line-height: 34px;
  font-size: 26px;
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffe8aa), to(#fffcf1));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "BeaufortforLOL";
}

.level-list {
  width: 330px;
  margin-top: 6px;
}

.level-list li {
  width: 22px;
  height: 22px;
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/level-icon.png) no-repeat center top 100%/100%;
  float: left;
  margin-right: 8px;
}

.level-list li.act {
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/level-light.png) no-repeat center top 100%/100%;
}

.buy-level-btn {
  display: block;
  width: 94px;
  height: 22px;
  font-weight: bold;
  line-height: 22px;
  text-align: center;
  position: absolute;
  right: 37px;
  top: 28px;
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/buy-level-btn.png) no-repeat center top 100%/100%;
}

.buy-level-btn i {
  font-style: normal;
  font-size: 12px;
  color: #3d334a;
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#463224), to(#b17147));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.right-top-btn {
  width: 154px;
  position: absolute;
  right: 0;
  top: 25px;
}

.right-top-btn a {
  display: block;
  width: 32px;
  height: 38px;
  float: left;
  margin-right: 11.5px;
}

.right-top-btn a.rule-btn {
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/rule-btn.png) no-repeat center top 100%/100%;
}

.right-top-btn a.task-btn {
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/task-btn.png) no-repeat center top 100%/100%;
}

.right-top-btn a.record-btn {
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/record-btn.png) no-repeat center top 100%/100%;
}

:root {
  --main-color: #ffee8f;
  --other-color:#2646a8;
  --progress-color:#ffee8f;
  --progress-bg-color:#FDC119;
  --pop-title-color:#C89B3C;
  --pop-main-color:#E6DFE0;
  --pop-btn-color:#F0E6D2;
  --pop-text-color:#A09B8C;
}

.pop {
  outline: none;
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.85);
  z-index: 999;
}

.pop-bd {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding-top: 5px;
  box-sizing: border-box;
}

.pop-close {
  display: block;
  width: 20px;
  height: 20px;
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/close-btn.png) no-repeat center top/100% 100%;
  background-size: 100% auto;
  position: absolute;
  top: 4px;
  right: -21px;
  text-indent: -9999px;
  z-index: 20;
}

.pop-close {
  transition: transform 0.4s;
  transform: rotate(0deg);
}

.pop-close:hover {
  transform: rotate(180deg);
}

.pop-bd.pop1 {
  width: 457px;
  height: 233px;
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/pop1.png) no-repeat center top/100% 100%;
}

.pop-bd.pop2 {
  width: 457px;
  height: 323px;
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/pop2.png) no-repeat center top/100% 100%;
}

.pop-bd.pop3 {
  width: 541px;
  height: 290px;
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/pop3.png) no-repeat center top/100% 100%;
}

.pop-bd.pop4 {
  width: 770px;
  height: 577px;
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/pop4.png) no-repeat center top/100% 100%;
}

.pop-bd.pop5 {
  width: 770px;
  height: 537px;
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/pop5.png) no-repeat center top/100% 100%;
}

.pop-bd.pop6 {
  width: 522px;
  height: 398px;
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/lky-img1.png) no-repeat center top/100% 100%;
}

.pop-bd.pop7 {
  width: 522px;
  height: 398px;
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/lky-img2.png) no-repeat center top/100% 100%;
}

.pop-msg {
  width: 360px;
  height: 218px;
  text-align: center;
  line-height: 19px;
  font-size: 13px;
  color: #ebfafe;
  margin: 0 auto 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.pop-tit {
  text-align: center;
  line-height: 35px;
  font-size: 20px;
  font-weight: bold;
  color: #ffefc4;
  margin: 34px auto 0;
}

.pop-tit2 {
  margin: 70px auto 41px;
}

.pop-tit3 {
  margin-top: 22px;
}

.pop-tit4 {
  margin-top: 14px;
}

.pop-txt {
  width: 360px;
  height: 75px;
  text-align: center;
  line-height: 19px;
  font-size: 12px;
  color: #ebfafe;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 0 auto 0;
}

.pop-txt2 {
  margin-top: 67px;
}

.pop-txt3 {
  height: 84px;
}

.pop-boxbtn {
  margin-top: 5px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.pop-boxbtn a {
  display: block;
  width: 125px;
  height: 29px;
  text-align: center;
  line-height: 29px;
  font-size: 15px;
  font-weight: bold;
  margin: 0 21px 0 21px;
}

.pop-boxbtn a.pop-sure-btn {
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/pop-btn1.png) no-repeat center top/100% 100%;
}

.pop-boxbtn a.pop-cancel-btn {
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/pop-btn2.png) no-repeat center top/100% 100%;
}

.pop-boxbtn .pop-sure-btn i {
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#422f22), to(#b37247));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.pop-boxbtn .pop-cancel-btn i {
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#355062), to(#618399));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.pop-line {
  width: 432px;
  height: 8px;
  margin: 3px auto 0;
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/pop-line.png) no-repeat center top/100% 100%;
}

.pop-pt-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 32px;
}

.pop-pt-list li {
  width: 150px;
  height: 135px;
}

.pop-pt-list li img {
  display: block;
  width: 71px;
  height: 71px;
  border-radius: 50%;
  margin: 0 auto 9px;
  border: #f7e1b1 solid 2px;
}

.pop-pt-list li p {
  text-align: center;
  line-height: 17px;
  font-size: 15px;
  color: #ffffff;
}

.pop-inv-in {
  width: 288px;
  height: 29px;
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/inv-ipt-bg.png) no-repeat center top/100% 100%;
  margin: 0 auto 0;
  position: relative;
}

.pop-copy-tips {
  display: none;
  width: 100px;
  height: 26px;
  text-align: center;
  line-height: 26px;
  position: absolute;
  right: 14px;
  top: -33px;
  color: #999999;
  letter-spacing: 1px;
  font-size: 13px;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 6px;
}

.pop-inv-num {
  width: 138px;
  float: left;
  line-height: 29px;
  color: #ffffff;
  font-size: 12px;
  margin: 0 3px 0 9px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: text;
  user-select: text;
}

.pop-copy-btn {
  display: block;
  width: 12px;
  height: 12px;
  float: left;
  margin-top: 9px;
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/copy-icon.png) no-repeat center top/100% 100%;
}

.pop-inv-btn {
  display: block;
  width: 125px;
  height: 29px;
  position: absolute;
  right: 0;
  top: 0;
  font-weight: bold;
  text-align: center;
  font-size: 15px;
  line-height: 29px;
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#355062), to(#618399));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.pop-pt-tips {
  margin: 38px auto 42px;
  text-align: center;
  line-height: 20px;
  color: #ebfafe;
  font-size: 12px;
}

.pop-spl-orders {
  width: 424px;
  height: 167px;
  background: #1a2a62;
  border: 1px solid #e4c580;
  margin: 16px auto 0;
  overflow: hidden;
}

.pop-spl-txt {
  width: 386px;
  height: 35px;
  line-height: 35px;
  font-size: 14px;
  color: #b9c3e4;
  border-bottom: #2d3e77 solid 1px;
  margin: 2px auto 0;
}

.pop-spl-txt span {
  color: #ffe23f;
}

.pop-spl-list {
  width: 386px;
  height: 108px;
  margin: 11px auto 0;
  overflow: auto;
  overflow-x: hidden;
}

.pop-spl-list::-webkit-scrollbar-track {
  background-color: #2d3e77;
}

.pop-spl-list::-webkit-scrollbar {
  width: 2px;
  background-color: #2d3e77;
}

.pop-spl-list::-webkit-scrollbar-thumb {
  background-color: #e4c580;
}

.pop-spl-list li {
  width: 424px;
  height: 45px;
  margin-bottom: 14px;
  display: flex;
  align-items: center;
}

.pop-spl-list li:last-child {
  margin-bottom: 0;
}

.pop-spl-list li img {
  display: block;
  width: 43px;
  height: 43px;
  float: left;
  border: 1px solid #dfd298;
  border-radius: 50%;
}

.pop-spl-name {
  width: 127px;
  font-size: 15px;
  color: #ffffff;
  margin-left: 8px;
}

.pop-spl-tm {
  width: 113px;
  color: #dee2ff;
  font-size: 12px;
  line-height: 18px;
}

.pop-spl-tm i {
  display: block;
}

.pop-spl-tm span {
  color: #ffe23f;
}

.pop-spl-tm em {
  color: #f3e9b9;
  padding-left: 3px;
}

.pop-spl-list li a {
  display: block;
  width: 87px;
  height: 24.5px;
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/btn-go-group.png) no-repeat center top/100% 100%;
  text-align: center;
  line-height: 24.5px;
  font-size: 13px;
  font-weight: bold;
  color: #ffffff;
}

.pop-join-box {
  margin-top: 21px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.pop-ini-btn {
  display: block;
  width: 145px;
  height: 29px;
  text-align: center;
  line-height: 29px;
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/pop-btn3.png) no-repeat center top/100% 100%;
  font-size: 15px;
  font-weight: bold;
}

.pop-ini-btn i {
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#422f22), to(#b37247));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.pop-jion-fri {
  width: 283.5px;
  height: 30px;
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/join-ipt-bg.png) no-repeat center top/100% 100%;
  margin-left: 17px;
  position: relative;
  font-size: 0;
}

.pop-ptid {
  width: 125px;
  line-height: 30px;
  color: #568ab6;
  font-size: 12px;
  text-indent: 11px;
  background: none;
  outline: none;
  border: none;
}

.pop-ptid::-webkit-input-placeholder {
  color: #568ab6;
}

.pop-ptid:-moz-placeholder {
  color: #568ab6;
}

.pop-ptid::-moz-placeholder {
  color: #568ab6;
}

.pop-ptid:-ms-input-placeholder {
  color: #568ab6;
}

.pop-jion-fri a {
  display: block;
  width: 145px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #355062;
  font-size: 15px;
  font-weight: bold;
  position: absolute;
  right: 0;
  top: 0;
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#355062), to(#618399));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.pop-task-con {
  width: 706px;
  height: 66px;
  margin: 12px auto 0;
  display: flex;
  align-items: center;
  font-size: 14px;
}

.pop-task-tit {
  width: 109px;
  text-align: center;
  font-size: 16px;
  color: #ffffff;
  font-weight: bold;
}

.pop-task-txt {
  width: 340px;
  color: #dee2ff;
  line-height: 18px;
}

.pop-task-num {
  width: 105px;
  color: #dee2ff;
}

.pop-task-con .bea {
  font-size: 15px;
  font-family: "BeaufortforLOL";
}

.pop-task-con .bd-icon {
  display: inline-block;
  width: 16px;
  height: 14px;
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/bd-icon.png) no-repeat center top/100% 100%;
  vertical-align: top;
  margin: 3px 2px 0 4px;
}

.pop-cum-txt {
  width: 151px;
  text-align: center;
  color: #ffffff;
}

.pop-cum-txt2 {
  float: right;
  margin-top: -5px;
}

.pop-task-con2 {
  height: 166px;
  margin-top: 10px;
}

.pop-task-con3 {
  height: 90px;
}

.pop-task-left {
  width: 109px;
}

.pop-logo1 {
  width: 50px;
  height: 50px;
  margin: 14px auto 0;
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/pop-logo1.png) no-repeat center top/100% 100%;
}

.pop-logo2 {
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/pop-logo2.png) no-repeat center top/100% 100%;
  margin-top: 5px;
}

.pop-logo3 {
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/pop-logo3.png) no-repeat center top/100% 100%;
  margin-top: 5px;
}

.pop-task-md {
  width: 590px;
}

.pop-task-txt2 {
  width: 590px;
  margin: -5px 0 5px 0;
  float: left;
}

.pop-task-txt2 strong {
  color: #ffffff;
  font-size: 14px;
}

.pop-task-txt2 .bd-icon {
  margin-top: 1px;
}

.pop-task-txt3 {
  margin-top: 28px;
}

.pop-task-box {
  width: 109px;
  float: left;
  text-indent: 6px;
  color: #dee2ff;
  font-size: 14px;
}

.pop-task-box em {
  font-size: 12px;
}

.pop-buy-list {
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.pop-buy-list li {
  width: 230px;
  position: relative;
}

.pop-buy-list li strong {
  display: block;
  height: 25px;
  text-align: center;
  line-height: 25px;
  color: #f0e6b8;
  font-size: 14px;
  font-weight: bold;
}

.pop-buy-list li::after {
  content: "";
  width: 1px;
  height: 336px;
  background: #40739c;
  position: absolute;
  right: 0;
  top: 8px;
}

.pop-buy-list li:last-child:after {
  background: none;
}

.pop-energy-num {
  width: 100%;
  color: #ffffff;
  text-align: center;
  line-height: 20px;
  position: absolute;
  left: 0;
  top: 148px;
  font-size: 16px;
}

.pop-lv-box {
  width: 130px;
  height: 130px;
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/pop-lv-bg.png) no-repeat center top/100% 100%;
  margin: 18px auto 0;
}

.pop-lv-box div {
  width: 130px;
  height: 130px;
}

.pop-buy-list li:last-child .pop-lv-price {
  margin-top: 60px;
}

.pop-lv-img1 {
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/pop-lv-img1.png) no-repeat center top/100% 100%;
}

.pop-lv-img2 {
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/pop-lv-img2.png) no-repeat center top/100% 100%;
}

.pop-lv-img3 {
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/pop-lv-img3.png) no-repeat center top/100% 100%;
}

.pop-add-minus {
  width: 85px;
  height: 22px;
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/add-minus-icon.png) no-repeat center top/100% 100%;
  margin: 20px auto 0;
}

.pop-add-minus a {
  display: block;
  width: 22px;
  height: 22px;
  font-size: 0;
  float: left;
  cursor: pointer;
}

.pop-add-minus input {
  display: block;
  width: 41px;
  height: 22px;
  text-align: center;
  line-height: 22px;
  float: left;
  border: none;
  background: none;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}

.pop-lv-price {
  text-align: center;
  line-height: 30px;
  font-weight: bold;
  font-size: 20px;
  color: #ffffff;
  margin-top: 19px;
}

.pop-lv-tips {
  text-align: center;
  margin: 5px auto 33px;
  font-size: 14px;
  color: #bbd6dd;
}

.pop-buy-list li a {
  position: relative;
}

.pop-buy-list .dis-num {
  display: block;
  width: 24px;
  height: 39px;
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/dis-icon.png) no-repeat center top/100% 100%;
  position: absolute;
  left: 15px;
  top: 0;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  line-height: 12px;
  padding-top: 4px;
  box-sizing: border-box;
}

.pop-lky-tips {
  text-align: center;
  line-height: 20px;
  font-size: 15px;
  font-weight: bold;
  color: #ffffff;
  margin-top: 200px;
  text-shadow: 0 0 7px #000000;
}

.pop-lky-btn {
  display: block;
  width: 168px;
  height: 54px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  line-height: 55px;
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/lky-btn1.png) no-repeat center top/100% 100%;
  margin: 6px auto 0;
}

.pop-lky-btn2 {
  background: url(//game.gtimg.cn/images/lol/act/a20250626treasures/lky-btn2.png) no-repeat center top/100% 100%;
}

.pop-lky-btn i {
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffd7be), to(#fffcfa));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.pop-lky-btn2 i {
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff3bd), to(#fffef8));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.pop-txt4 {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
}

.pop-txt4 span, .pop-txt5 span {
  color: #ffe23f;
}

.pop-txt5 {
  display: block;
  flex-direction: initial;
  justify-content: initial;
  align-items: initial;
  box-sizing: border-box;
  padding-top: 19px;
}

.pop-video {
  outline: none;
  width: 640px;
  height: 370px;
  float: left;
  position: relative;
  border: #ffe6aa solid 2px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.3);
  -webkit-transform: translate(-50%, -50%) scale(1.3);
  -moz-transform: translate(-50%, -50%) scale(1.3);
  z-index: 9991;
}

.pop-video .pop-close {
  right: -38px;
}

.pop-video #video {
  width: 100%;
  height: 100%;
}

.pop-bd.pop-bd--xlarge {
  width: 740px;
  height: 566px;
  background: url(//game.gtimg.cn/images/lol/act/a20250613checkerboards/popbg-xlarge.png) no-repeat center top/100%;
  padding-top: 10px;
}

.pop-bd.pop-bd--large {
  width: 432.5px;
  height: 421px;
  background: url(//game.gtimg.cn/images/lol/act/a20250613checkerboards/popbg-large.png) no-repeat center top/100%;
  margin-top: 16px;
  padding-top: 30px;
}
.pop-bd.pop-bd--large .pop-close {
  position: absolute;
  top: 20px;
  right: -40px;
  width: 20px;
  height: 20px;
  background: url(//game.gtimg.cn/images/lol/act/a20250613checkerboards/pop-colse4.png) no-repeat center top/100%;
}

.pop-bd, .pop-bd.pop-bd--middle {
  width: 404px;
  height: 358px;
  background: url(//game.gtimg.cn/images/lol/act/a20250613checkerboards/popbg-middle.png) no-repeat center top/100% 100%;
  padding-top: 10px;
}

.pop-bd.pop-bd--small {
  width: 440px;
  height: 226px;
  background: url(//game.gtimg.cn/images/lol/act/a20250613checkerboards/popbg-small.png) no-repeat center top/100% 100%;
  padding-top: 10px;
}

.pop-bd.pop-bd-gxhd {
  width: 576px;
  height: 411px;
  background: url(//game.gtimg.cn/images/lol/act/a20250613checkerboards/pop-gxhd-bg.png) no-repeat center top/100% 100%;
  padding-top: 30px;
}

.pop-rule .pop-close, .pop-pool .pop-close, .pop-history .pop-close, .pop-exchange .pop-close {
  width: 32px;
  height: 32px;
  background: url(//game.gtimg.cn/images/lol/act/a20250613checkerboards/pop-close.png) no-repeat center top/100% 100%;
  position: absolute;
  top: 7px;
  right: 7px;
  z-index: 5;
  text-indent: -9999px;
  transition: transform 0.3s ease-out;
}

.pop-close:hover {
  transform: rotate(90deg);
}

.pop-title {
  font-family: "Microsoft Yahei";
  font-size: 22px;
  font-weight: bold;
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 30px;
  position: relative;
}
.pop-title span {
  color: var(--pop-btn-color);
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
}

.pop-scrollbar {
  width: 668px;
  height: 480px;
  padding-right: 20px;
  margin: 10px auto 0;
  overflow-y: auto;
  overflow-x: hidden;
  color: #785A28;
  padding-left: 20px;
}

.pop-scrollbar::-webkit-scrollbar {
  width: 4px;
  background: transparent;
}

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

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

.pop-rule .pop-rule-bd {
  color: #A09B8C;
  line-height: 22px;
}

.pop-rule-bd h3 {
  margin-top: 2em;
  font-weight: bold;
  font-size: 14px;
  color: var(--pop-btn-color);
}

.pop-rule-bd h3:first-child {
  margin-top: 0;
}

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

.pop-rule-bd p strong {
  display: block;
  font-size: 1.2em;
  margin-top: 0.5em;
}

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

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

.pop-rule-table {
  width: 100%;
  border: #A09B8C solid 1px;
  font-size: 14px;
  margin: 5px auto 10px;
  text-align: center;
  color: #A09B8C;
}

.pop-rule-table:last-child {
  margin-bottom: 10px;
}

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

.pop-rule-table td {
  height: 42px;
  line-height: 42px;
  border: #A09B8C solid 1px;
  text-align: center;
  color: #A09B8C;
  font-size: 12px;
}

.pop-pool .pop-bd {
  text-align: center;
}

.pop-pool .pop-stit {
  color: var(--pop-btn-color);
  font-size: 14px;
  margin-bottom: 1px;
  font-weight: 700;
}

.pop-pool .pop-pool-special-list .pop-pool-bd-center {
  margin-bottom: 0;
}

.pop-pool .pop-pool-special-list {
  display: flex;
  justify-content: space-around;
  width: 575px;
  margin: 0 auto 15px;
}

.pop-pool .pop-pool-special-list-big-center {
  justify-content: center;
}

.pop-pool .pop-pool-special-list-big {
  width: 100%;
  justify-content: center;
}

.pop-pool .odds {
  color: var(--pop-title-color);
  font-size: 11px;
  line-height: 1.5;
  margin-bottom: 7px;
}

.pop-pool .big {
  width: 325px;
  position: relative;
}

.pop-pool .pop-pool-bd-center li {
  width: 100%;
  height: 210px;
  position: relative;
}

.pop-pool .pop-pool-bd-center li:after {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}

.pop-pool .pop-pool-bd-center .img-box {
  height: 208px;
  width: 100%;
  position: relative;
}

.pop-pool .pop-pool-bd-center .img {
  width: 100%;
  height: 100%;
  position: relative;
}

.pop-pool .pop-pool-bd-center .img img {
  width: 98%;
  height: 98%;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 5px;
  transform: translate(-50%, -50%) scale(1.01);
}

.pop-pool .mid .pop-pool-bd-center .img img {
  width: 98%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.01);
}

.pop-pool .big .pop-pool-bd-center li:after {
  background: url(//game.gtimg.cn/images/lol/act/a20250613checkerboards/pop-pool-img-border-xxlarge.png) no-repeat center center/100% 100%;
  width: 325px;
  height: 214px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.pop-pool .mid .pop-pool-bd-center li:after {
  background: url(//game.gtimg.cn/images/lol/act/a20250613checkerboards/pop-img-border-middle2.png) no-repeat center center/100% 100%;
  width: 214px;
  height: 214px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.pop-pool .mid {
  width: 214px;
}

.pop-pool .mid .img {
  width: 214px;
}

.pop-pool .img img {
  width: 96%;
  height: 97%;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 2.5px;
  transform: translate(-50%, -50%) scale(1.01);
  object-fit: cover;
}

.pop-pool .pop-pool-bd-center {
  display: flex;
  justify-content: center;
  margin-bottom: 15px;
}

.pop-pool .pop-pool-bd-lg {
  font-size: 0;
  text-align: center;
  width: 104%;
  margin-left: -2%;
}

.pop-pool .pop-pool-bd-lg li {
  width: 114px;
  height: 144px;
  display: inline-block;
  vertical-align: top;
  position: relative;
}

.pop-pool .pop-pool-bd-lg .img {
  width: 103px;
  height: 103px;
  margin: 0 auto;
  position: relative;
}
.pop-pool .pop-pool-bd-lg .img::after {
  content: "";
  background: url(//game.gtimg.cn/images/lol/act/a20250613checkerboards/pop-pool-img-border-xlarge.png) no-repeat center center/100% 100%;
  width: 103px;
  height: 103px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.pop-pool .pop-pool-bd-lg .name {
  color: var(--pop-text-color);
  font-size: 12px;
  text-align: center;
  line-height: 1.2;
  word-break: keep-all;
  width: 85px;
  margin: 5px auto 0;
}

.pop-history .pop-bd {
  text-align: center;
}

.pop-history .dialog-history__table {
  width: 645px;
  color: #A09B8C;
  margin: 0 auto;
}

.pop-history .dialog-history__empty {
  width: 645px;
  height: 200px;
  color: #A09B8C;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pop-history .dialog-history__li {
  height: 39px;
  text-align: center;
  position: relative;
  font-size: 12px;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  align-items: center;
  border-bottom: 1px solid #3C3C41;
}

.pop-history .dialog-history__li:nth-last-of-type(1) {
  border-bottom: none;
}

.pop-history .dialog-history__li a {
  color: #c08822;
}

.pop-history .dialog-history__li_th {
  width: 645px;
  font-size: 12px;
  line-height: 1;
  margin: 0 auto;
  border-bottom: 1px solid #3C3C41;
}
.pop-history .dialog-history__li_th > * {
  color: var(--pop-title-color);
}
.pop-history .dialog-history__li_th .dialog-history__name {
  color: var(--pop-title-color);
}

.pop-history#expopHistory .dialog-history__li_th,
.pop-history#expopHistory .dialog-history__li {
  justify-content: space-between;
}

.pop-history#expopHistory .dialog-history__name {
  text-align: right;
}

.pop-history .dialog-history__li_th .dialog-history__date {
  opacity: 1;
}

.pop-history .dialog-history__date {
  width: 31%;
  text-align: left;
}

.pop-history .dialog-history__name {
  width: 34%;
  text-align: left;
  color: var(--pop-btn-color);
}

.pop-history .dialog-history__status {
  width: 15%;
  text-align: right;
}

.pop-history .dialog-history__area {
  width: 20%;
  text-align: right;
}

.pop-history .dialog-history__bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #A09B8C;
  font-size: 0;
  text-align: center;
  margin-top: 20px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 30px;
}

.pop-history .pagination__pages {
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
  height: 24px;
  line-height: 24px;
  color: #F0E6D2;
}

.pop-history .pagination__btn-page {
  display: inline-block;
  vertical-align: top;
  margin: 0 10px;
  text-decoration: underline;
  color: var(--pop-btn-color);
}
.pop-history .pagination__btn-page:hover {
  filter: none;
  color: var(--pop-title-color);
}

.pop-history .pagination__btn-page.on {
  color: #5B5A56;
  text-decoration: none;
  cursor: default;
}

.pop-history .pagination__btn-next,
.pop-history .pagination__btn-prev {
  display: inline-block;
  vertical-align: top;
  margin: 0 10px;
}

.pop-history .pagination__btn-prev, .pop-history .dialog-history__bottom2 .previouspage {
  background: url(//game.gtimg.cn/images/lol/act/a20250613checkerboards/pop-pagination-prev.png) no-repeat center center/100% 100%;
  width: 32px;
  height: 32px;
  margin-left: 20px;
}

.pop-history .pagination__btn-next, .pop-history .dialog-history__bottom2 .pagenext {
  background: url(//game.gtimg.cn/images/lol/act/a20250613checkerboards/pop-pagination-next.png) no-repeat center center/100% 100%;
  width: 32px;
  height: 32px;
  margin-right: 20px;
}

.pop-history .pagination__ellipsis {
  display: inline-block;
  vertical-align: top;
}

.pop-history .dialog-history__bottom2 {
  font-size: 14px;
  color: #F0E6D2;
}

.pop-history .dialog-history__bottom2 a, .pop-history .dialog-history__bottom2 span {
  display: inline-block;
  color: #F0E6D2;
  margin: 0 9.5px 0 9.5px;
  cursor: pointer;
}

.pop-history .dialog-history__bottom2 span {
  color: #5B5A56;
  text-decoration: none;
  cursor: default;
}

.pop-history .dialog-history__bottom2 .previouspageone, .pop-history .dialog-history__bottom2 .pagenextnone {
  display: none;
}

.pop-history .dialog-history__bottom2 .previouspage, .pop-history .dialog-history__bottom2 .pagenext {
  font-size: 0;
}

#popExchange1 .pop-bd,
#popExchange2 .pop-bd {
  width: 404px;
  height: 426px;
  background: url(//game.gtimg.cn/images/lol/act/a20250613checkerboards/pop-exchange-num-bg.png) no-repeat center top/100%;
  padding-top: 10px;
  padding-right: 0;
}

.pop-exchange .pop-exchange-stit {
  color: #efe1b9;
  font-size: 14px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 16px auto 0;
  padding: 0 10px;
  flex-direction: row;
  margin-top: 6px;
}

.pop-exchange .pop-exchange-stit2 {
  color: #78727e;
}

.pop-exchange .pop-iconlist {
  width: 152px;
  height: 152px;
  margin: 40px auto 0;
  text-align: center;
  position: relative;
}
.pop-exchange .pop-iconlist::after {
  content: "";
  background: url(//game.gtimg.cn/images/lol/act/a20250613checkerboards/pop-img-border-middle.png) no-repeat center center/100% 100%;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
#popExchange1 .pop-iconlist,
#popExchange2 .pop-iconlist {
  width: 214px;
  height: 214px;
}

#popExchange1 .pop-exchange-notice-txt,
#popExchange2 .pop-exchange-notice-txt {
  margin: 5px auto 30px;
}

#popExchange1 .pop-exchange-notice-btns,
#popExchange2 .pop-exchange-notice-btns {
  display: flex;
  justify-content: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 30px;
}

.pop-exchange .pop-iconlist img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 10px;
}

.pop-exchange .pop-btn-confirm {
  display: block;
  text-align: center;
  margin: 10px auto 0;
}

.pop-exchange-notice-txt {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  font-size: 14px;
  font-weight: bold;
  color: #efdbbd;
  padding: 0 15px;
  box-sizing: border-box;
  margin: 10px 0 20px;
}

.pop-exchange .pop-btns {
  text-align: center;
  font-size: 0;
  margin-top: 35px;
}

.pop-exchange .pop-giftList {
  display: flex;
  width: 720px;
  height: 444px;
  margin: 18px auto 0;
  flex-direction: row;
  flex-wrap: wrap;
  padding-bottom: 40px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 15px;
}

.pop-exchange .pop-giftList .item {
  width: 150px;
  height: 260px;
  text-align: center;
  color: var(--pop-title-color);
  position: relative;
  margin: 0 10px;
}

.pop-exchange .pop-giftList .item:nth-of-type(1),
.pop-exchange .pop-giftList .item:nth-of-type(2) {
  width: 320px;
}

.pop-giftList .item .box {
  width: 100%;
  height: 152.5px;
  margin: 0 auto;
  position: relative;
}

.pop-giftList .item .box {
  height: 152px;
  width: 152px;
}
.pop-giftList .item .box::after {
  content: "";
  background: url(//game.gtimg.cn/images/lol/act/a20250613checkerboards/pop-img-border-middle.png) no-repeat center center/100% 100%;
  width: 152px;
  height: 152px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pop-giftList .item .box img {
  border-radius: 5px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.pop-giftList .item:nth-of-type(1) .box,
.pop-giftList .item:nth-of-type(2) .box {
  width: 320px;
  position: relative;
}
.pop-giftList .item:nth-of-type(1) .box::after,
.pop-giftList .item:nth-of-type(2) .box::after {
  content: "";
  background: url(//game.gtimg.cn/images/lol/act/a20250613checkerboards/pop-exchange-img-border-large.png) no-repeat;
  background-size: 100% 100%;
  width: 320px;
  height: 152px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pop-giftList .item:nth-of-type(1) .box img,
.pop-giftList .item:nth-of-type(2) .box img {
  width: 98%;
}

.pop-giftList .item .name {
  font-size: 14px;
  color: var(--pop-btn-color);
  margin: 5px auto;
  line-height: 18px;
  font-weight: bold;
  height: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pop-giftList .item .num {
  color: var(--pop-title-color);
  text-align: center;
  font-size: 12px;
  line-height: 20px;
  height: 20px;
}

.pop-giftList .item .num span {
  font-family: BeaufortforLOL-Bold;
}

.pop-giftList .item .num img {
  height: 25px;
  display: inline-block;
  vertical-align: top;
  margin-top: -2px;
}

.pop-giftList .item .btn-list {
  font-size: 0;
  text-align: center;
  width: 120%;
  margin-left: -10%;
}

.pop-giftList .item .btn-list li {
  display: inline-block;
  vertical-align: top;
  *zoom: 1;
  *display: inline;
  width: 166px;
}

.pop-giftList .item .btn-list p {
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  color: #9b4535;
}

.pop-giftList .item .btn-list .dh-iocn2 {
  margin-left: 4px;
}

.pop-giftList .item .dh-wh2 {
  display: inline-block;
  cursor: pointer;
  background: url(//game.gtimg.cn/images/lol/act/a20250613checkerboards/pop-exchange-icon-tip.png) no-repeat;
  background-size: 100% 100%;
  width: 16px;
  height: 16px;
  position: relative;
  margin-left: 5px;
  transform: translateY(3px);
}

.pop-giftList .item .dh-wh2:hover .nav-zs-hover,
.pop-giftList .item .dh-wh2:hover .nav-zs-hover2 {
  opacity: 1;
  transform: translate(-50%, 0);
}

.pop-giftList .item .exchange-btn {
  font-size: 13px;
  line-height: 34px;
  font-weight: bold;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  margin: 3px auto 0;
  background: url(//game.gtimg.cn/images/lol/act/a20250613checkerboards/pop-btn-confirm.png) no-repeat center/100% 100%;
  width: 140px;
  height: 32px;
  color: var(--pop-btn-color);
}
.pop-giftList .item .exchange-btn span {
  color: var(--pop-btn-color);
}
.pop-giftList .item .exchange-btn:hover {
  filter: none;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250613checkerboards/pop-btn-confirm-hover.png);
}
.pop-giftList .item .exchange-btn.gray {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250613checkerboards/pop-btn-gray.png);
  filter: none;
  pointer-events: none;
  color: #5B5A56;
}
.pop-giftList .item .exchange-btn.gray span {
  color: #5B5A56;
}

.pop-exchange .pop-giftList .imitate-li {
  width: 150px;
  float: left;
}

.pop-exchange .pop-giftList .imitate-li:nth-of-type(2n) {
  float: right;
}

.pop-exchange .pop-giftList::-webkit-scrollbar,
.pop-exchange .pop-scrollbar::-webkit-scrollbar {
  width: 4px;
  background: transparent;
}

.pop-exchange .pop-giftList::-webkit-scrollbar-thumb,
.pop-exchange .pop-scrollbar::-webkit-scrollbar-thumb {
  width: 4px;
  background-color: #785A28;
  border-radius: 2px;
}

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

.pop-exchange .pop-scrollbar table {
  width: 100%;
}

.pop-exchange .pop-scrollbar table th {
  background: #c08822;
  color: #000;
  font-size: 14px;
  text-align: center;
  padding: 10px 0;
}

.pop-exchange .pop-scrollbar table td {
  color: #fff;
  font-size: 12px;
  text-align: center;
  padding: 10px 0;
}

.pop-exchange .pop-exchange-stit .btn-box {
  width: 104px;
  box-sizing: border-box;
  height: 26px;
  border-radius: 15px;
  background: #1E2328;
  margin: 0 5px;
  line-height: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  color: var(--pop-btn-color);
  font-family: BeaufortforLOL-Bold;
}

.pop-exchange .pop-exchange-stit .btn-box img.icon {
  height: 30px;
  margin-right: 2px;
  margin-left: -5px;
}

.pop-exchange .dh-add {
  width: 12px;
  height: 12px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250613checkerboards/pop-spr.png");
  background-position: -1133px -243px;
  background-size: 1146.5px 903.5px;
  position: absolute;
  right: 8px;
  top: 50%;
  margin-top: -8px;
  display: none;
}

.pop-exchange .dh-zl {
  width: 16px;
  height: 16px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250613checkerboards/pop-spr.png");
  background-position: -1106.5px -327px;
  background-size: 1146.5px 903.5px;
  position: absolute;
  right: 8px;
  top: 50%;
  margin-top: -8px;
}

.pop-exchange .dh-wh {
  width: 13.5px;
  height: 13px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250613checkerboards/pop-spr.png");
  background-position: -1133px -217.5px;
  background-size: 1146.5px 903.5px;
  position: absolute;
  right: 27px;
  top: 50%;
  margin-top: -8px;
  cursor: pointer;
}

.pop-exchange .dh-wh:hover .nav-zs-hover {
  opacity: 1;
  transform: translateY(0);
}

.pop-exchange .pop-exchange-stit .btn {
  color: var(--pop-title-color);
  position: absolute;
  top: 14px;
  right: 50px;
  font-size: 12px;
  text-decoration: underline;
  margin-left: 4px;
  transition: none;
}
.pop-exchange .pop-exchange-stit .btn:hover {
  color: var(--pop-btn-color);
}

.pop-exchange.pop-close {
  right: 0;
}

.pop-exchange-select .pop-tips {
  font-size: 12px;
  color: #efdbbd;
  line-height: 16px;
  text-align: center;
  margin-top: 40px;
  height: 30px;
}

.pop-exchange-select .select-list {
  font-size: 0;
  text-align: center;
}

.pop-exchange-select .select-list li {
  display: inline-block;
  vertical-align: top;
  *zoom: 1;
  *display: inline;
  width: 142.5px;
  position: relative;
  height: 160px;
  margin: 0 10px;
  transition: 0.3s ease-out opacity;
  cursor: pointer;
}
.pop-exchange-select .select-list li .select-box {
  width: 144.5px;
  height: 144px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250613checkerboards/pop-spr.png");
  background-position: -838px -145px;
  background-size: 1146.5px 903.5px;
  padding-top: 8px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.pop-exchange-select .select-list li img {
  height: 98px;
  display: block;
  margin: 0 auto;
}
.pop-exchange-select .select-list li .name {
  color: #efdbbd;
  font-size: 12px;
  line-height: 18px;
  height: 18px;
}
.pop-exchange-select .select-list li .select-box-checkbox {
  margin-right: 5px;
  display: block;
  width: 18px;
  height: 18px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250613checkerboards/pop-spr.png");
  background-position: -1107.5px -289px;
  background-size: 1146.5px 903.5px;
}
.pop-exchange-select .select-list li .num {
  color: #efdbbd;
  font-size: 12px;
  line-height: 18px;
  width: 96px;
  margin: 5px auto 0;
}
.pop-exchange-select .select-list li .select-box-txt {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 3px;
}
.pop-exchange-select .select-list li.sel .select-box, .pop-exchange-select .select-list li:hover .select-box {
  width: 144.5px;
  height: 144px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250613checkerboards/pop-spr.png");
  background-position: -838px 0px;
  background-size: 1146.5px 903.5px;
}
.pop-exchange-select .select-list li.sel .select-box-checkbox {
  width: 18px;
  height: 18px;
  background-image: url("//game.gtimg.cn/images/lol/act/a20250613checkerboards/pop-spr.png");
  background-position: -1128px -268.5px;
  background-size: 1146.5px 903.5px;
}
.pop-exchange-select .select-list li.sel .name {
  color: #efdbbd;
}

.pop-exchange-select .pop-btns {
  margin-top: 23px;
}

.pop-exchange-select .continue-img-box {
  height: 150px;
}

.pop-exchange-select .continue-img-box img {
  height: 100%;
  display: block;
  margin: 0 auto;
}

.pop-exchange-select .continue-tips {
  color: var(--pop-btn-color);
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.pop-exchange-select .continue-tips span {
  color: var(--pop-btn-color);
  font-weight: bold;
}

.nav-zs-hover2 {
  position: absolute;
  left: -45px;
  bottom: 25px;
  width: 160px;
  border-style: solid;
  background: #010A13;
  border-width: 1px;
  border-image: linear-gradient(to bottom, #785A28, #C89B3C) 2;
  font-size: 10px;
  color: #fff;
  text-align: left;
  line-height: 1.2;
  padding: 6px 5px 10px;
  box-sizing: border-box;
  opacity: 0;
  transform: translate(-50%, 10%);
  transition: 0.3s ease-out opacity, 0.3s ease-out transform;
  pointer-events: none;
  z-index: 4;
}
.nav-zs-hover2::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 40px;
  height: 19px;
  right: 4px;
  bottom: -19px;
  transform: rotate(180deg);
  background: url(//game.gtimg.cn/images/lol/act/a20250613checkerboards/hover-arrow.png) no-repeat center top/100% 100%;
}

.pop-btn-confirm {
  width: 140px;
  height: 32px;
  background: url(//game.gtimg.cn/images/lol/act/a20250613checkerboards/pop-btn-confirm.png) no-repeat center top/100% 100%;
}
.pop-btn-confirm:hover {
  filter: none;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250613checkerboards/pop-btn-confirm-hover.png);
}

.pop-btn {
  display: block;
  margin: 0 10px;
  line-height: 29px;
  padding-bottom: 2px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pop-btn span {
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 2px;
  color: var(--pop-btn-color);
}

.midas_minipay_dialog_wrap_no_border, .midas_minipay_dialog_wrap_no_border_noani {
  top: 30px !important;
}

/*# sourceMappingURL=index.css.map */