/* reset */
body,
div,
p,
ul,
li,
table,
tbody,
tr,
td,
textarea,
form,
input,
h1,
h2,
h3,
h4,
h5,
dl,
dt,
dd,
img,
iframe,
header,
nav,
section,
article,
footer,
figure,
figcaption,
menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

body {
  -webkit-text-size-adjust: none;
  font-size: 0.24rem;
}

header,
nav,
section,
article,
footer,
figure,
figcaption {
  display: block;
}

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

ol,
ul {
  margin: 0;
  padding: 0;
}

fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

a,
li,
ul,
[onclick] {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

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

em,
strong {
  font-weight: normal;
  font-style: normal;
}

a {
  text-decoration: none;
}

/*comm*/
.hide {
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}

:focus {
  outline: none;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.pr {
  position: relative;
}

.pa {
  position: absolute;
}

.db {
  display: block;
  text-indent: -9999em;
}

.pf {
  position: fixed;
}

.hide,
.hid {
  text-indent: -99.99rem;
  font-size: 0;
  overflow: hidden;
  width: 0;
  height: 0;
  opacity: 0;
}

input,
textarea,
section {
  border-radius: 0;
  outline: none;
}

body,
html {
  width: 100%;
  -webkit-user-select: none;
  user-select: none;
  -webkit-text-size-adjust: none;
  font-variant-numeric: tabular-nums;
}

html {
  -webkit-text-size-adjust: 100%;
}

.wrapper {
  overflow-x: hidden;
  width: 7.5rem;
  margin: 0 auto;
  background-color: #300c69;
  background-image: url(//game.gtimg.cn/images/lol/act/a20260611eventpass/m/header_small.jpg?v=1693224), url(//game.gtimg.cn/images/lol/act/a20260611eventpass/m/bg_small.jpg?v=1693224);
  background-size: 100% 6.9rem, 100% 79.22rem;
  background-repeat: no-repeat, no-repeat;
  background-position: center top, center 6.9rem;
}

i {
  font-style: normal;
}

@font-face {
  font-family: "sellnum-1";
  src: url(//game.gtimg.cn/images/lol/act/a20260611eventpass/font/sellnum-1.ttf) format("truetype");
}

@font-face {
  font-family: "agencybold";
  src: url(//game.gtimg.cn/images/lol/act/a20260611eventpass/font/agency-bold.otf);
}

.section {
  width: 100%;
  /* margin-top: -0.01rem; */
  display: block;
  position: relative;
  box-sizing: border-box;
}
.bg {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@keyframes rotates {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.pop_up,
.pop_up .pop_con {
  width: 7.39rem;
  height: 4.2rem;
  position: relative;
}

.pop_up .pop_con {
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.pop_up .pop_close {
  width: 0.57rem;
  height: 0.57rem;
  position: absolute;
  right: 0rem;
  top: -0.6rem;
  font-size: 0.6rem;
  line-height: 0.45rem;
  text-align: center;
  color: #fff;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.pop_up .pop_close:hover {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

#afooter {
  margin-top: -0.01rem;
  padding: 0.3rem 0;
  text-align: center;
  font-size: 0.18rem;
  background-color: #000;
  color: #c0c0c0;
  font-family: "Microsoft YaHei";
}

#afooter a,
#afooter a:hover {
  color: #c0c0c0;
  text-decoration: none;
}

@keyframes rotates {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* 通用样式 */
.only-pc {
  display: none !important;
}

.only-m {
  display: initial;
}

.section > .center {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.price {
  display: flex;
  align-items: flex-end;
  color: #cb349c;
  font-size: 0.22rem;
  line-height: 1;
}

.price .num {
  position: relative;
  font-size: 1.2rem;
  color: #720751;
  font-family: "sellnum-1";
  top: 0.15rem;
  background-image: linear-gradient(to bottom, #720751 20%, #e113b8 80%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  letter-spacing: -0.04rem;
}

.price .num2 {
  position: relative;
  font-size: 1.12rem;
  color: #720751;
  font-family: 'sellnum-1';
  top: 0.15rem;
  background-image: linear-gradient(to bottom, #ff3cc2 20%, #ff7de4 80%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  letter-spacing: -0.04rem;
}

.price .price-right {
  display: flex;
  flex-direction: column;
}
.price .price-right .desc {
  font-size: 0.16rem;
  color: #fe3cc2;
  margin-top: 0.08rem;
}
.price-tag {
  width: 0.3rem;
  height: 0.78rem;
  writing-mode: tb-rl;
  text-align: center;
  color: #88adc4;
  font-size: 0.2rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20260611eventpass/price-tag.png);
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.price-tag .c2 {
  margin-top: 0.1rem;
}

.sell-box {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: 0;
  left: 50%;
  bottom: 0.5rem;
  transform: translateX(-50%);
  background-size: 100% 100%;
  box-sizing: border-box;
}

.sell-box .left,
.sell-box .right {
  display: flex;
  flex-direction: column;
}

.sell-box .right {
  margin-bottom: auto;
}

.sell-box .sell-info {
  width: 100%;
  font-size: 0.16rem;
  font-weight: bold;
  margin-top: 0.2rem;
}

.sell-box .sell-info span {
  font-weight: normal;
  margin-right: 0.1rem;
}

.sell-box .sell-info li {
  position: relative;
  padding-left: 0.2rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  line-height: 1;
}

.sell-box .sell-info li::before {
  content: "";
  position: absolute;
  width: 0.05rem;
  height: 0.05rem;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  border-radius: 50%;
}

.sell-box .sell-info li:nth-child(n + 2) {
  margin-top: 0.15rem;
}

.sell-box .right .price,
.sell-box .right .lock-btn {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
}

.sell-box .right .price .c2 {
  margin-top: 0.02rem;
}

.sell-box .right .price .price-right {
  margin-left: 0.06rem;
}

.sell-box .right .lock-btn {
  margin: 0.42rem auto 0;
}

.header {
  height: 6.9rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20260611eventpass/m/header.jpg);
  background-size: 100% 100%;
  position: relative;
}

.header .logo {
  width: 1.32rem;
  height: 0.39rem;
  background: url(//game.gtimg.cn/images/lol/act/a20260611eventpass/logo.png) 0 0 / 100% 100% no-repeat;
  position: absolute;
  right: 0.39rem;
  top: 0.37rem;
}

.content {
  background: url(//game.gtimg.cn/images/lol/act/a20260611eventpass/m/bg.jpg);
  height: 79.22rem;
  background-size: 100% 79.22rem;
  background-repeat: no-repeat;
  background-position: top center;
}

/*萨科*/
.module1 {
  height: 9.16rem;
}

.module1 .module1-awards {
  position: absolute;
  display: block;
  background-image: url(//game.gtimg.cn/images/lol/act/a20260611eventpass/m/module1-awards.png);
  background-size: 100% 100%;
  width: 7.5rem;
  height: 6rem;
  left: 0rem;
  top: 3.1rem;
}

.module1 .module1-name {
  position: absolute;
  display: block;
  background-image: url(//game.gtimg.cn/images/lol/act/a20260611eventpass/m/module1-name.png);
  background-size: 100% 100%;
  width: 2.39rem;
  height: 5.25rem;
  right: 0rem;
  top: -0.72rem;
}

.module1 .module1-name .play-btn1 {
  position: absolute;
  display: block;
  background-image: url(//game.gtimg.cn/images/lol/act/a20260611eventpass/m/play-btn1.png);
  background-size: 100% 100%;
  width: 1.35rem;
  height: 1.16rem;
  left: 0.77rem;
  top: 4rem;
  z-index: 22;
}

.module1 .module1-name .tip {
  position: absolute;
  display: block;
  left: 1.96rem;
  top: 1.46rem;
  color: #ffffff;
  font-size: 0.16rem;
  width: fit-content;
  height: fit-content;
  text-align: center;
  writing-mode: tb-rl;
  vertical-align: middle;
  white-space: nowrap;
}

.module1 .module1-name .tip span {
  writing-mode: horizontal-tb;
  line-height: 1;
}

@keyframes ani-scale1 {
  0% {
      transform: scale(1);
  }
  50% {
      transform: scale(1.15);
  }
  100% {
      transform: scale(1);
  }
}

/* 薇恩 */
.module2 {
  height: 12.95rem;
}

.module2-name {
  position: absolute;
  display: block;
  background-image: url(//game.gtimg.cn/images/lol/act/a20260611eventpass/m/module2-name.png);
  background-size: 100% 100%;
  width: 7.5rem;
  height: 3.02rem;
  left: 50%;
  transform: translateX(-50%);
  top: 3.11rem;
}

.module2 .play {
  position: absolute;
  display: block;
  width: 1.35rem;
  height: 1.16rem;
  right: 2.72rem;
  top: 4.44rem;
  transform: scale(0.8);
}

.module2 .play-btn2 {
  position: absolute;
  display: block;
  background-image: url(//game.gtimg.cn/images/lol/act/a20260611eventpass/m/play-btn1.png);
  background-size: 100% 100%;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  animation: 2s linear 0s infinite normal none running ani-scale1;
  transform-origin: 0.515rem 0.455rem;
}

.module2 .play .play-btn2-center {
  position: absolute;
  display: block;
  background-image: url(//game.gtimg.cn/images/lol/act/a20260611eventpass/play-btn2-icon.png);
  background-size: 100% 100%;
  width: 0.23rem;
  height: 0.56rem;
  left: 60%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.module2 .center > .price {
  position: absolute;
  left: 1.19rem;
  top: 5.78rem;
}
.lock-btn1 {
  position: absolute;
  right: 0.16rem;
  z-index: 33;
  display: block;
  width: 4.47rem;
  height: 1.21rem;
  font-size: 0;
  background-image: url(//game.gtimg.cn/images/lol/act/a20260611eventpass/lock-btn1.png);
  background-size: 100% 100%;
}

.lock-btn1::before {
  content: "";
  position: absolute;
  display: block;
  width: 6.7rem;
  height: 1.93rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20260611eventpass/m/btn-border.png);
  background-size: 100% 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.module2 .center > .lock-btn1 {
  top: 6rem;
  /* right: 0.16rem; */
}

.module2 .sell-box {
  width: 7.5rem;
  height: 6.69rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20260611eventpass/m/sell-box1.png);
  background-size: 100% 100%;
  padding: 1.8rem 0.81rem 0 0.81rem;
  bottom: -0.28rem;
}

.module2 .sell-box .mid {
  display: none;
}

.module2 .sell-box .sell-name {
  width: 2.98rem;
  height: 1.01rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20260611eventpass/m/module2-sellbox-name.png);
  background-size: 100% 100%;
}

.module2 .sell-box .sell-info {
  color: #ff7ce3;
}

.module2 .sell-box .sell-info span {
  color: #cb349b;
}

.module2 .sell-box .sell-info li::before {
  background-color: #cb349d;
}

/* 千钰 */

.module3 {
  height: 14.33rem;
}

.module3 .lock-btn1 {
  top: 7.44rem;
  /* right: 0.16rem; */
}

.module3-name {
  position: absolute;
  display: block;
  background-image: url(//game.gtimg.cn/images/lol/act/a20260611eventpass/m/module3-name.png);
  background-size: 100% 100%;
  width: 7.5rem;
  height: 2.86rem;
  left: 50%;
  transform: translateX(-50%);
  top: 4.74rem;
}

.module3 .play {
  position: absolute;
  display: block;
  width: 1.35rem;
  height: 1.16rem;
  right: 3.82rem;
  top: 5.9rem;
  transform: scale(0.8);
}

.module3 .play-btn2 {
  position: absolute;
  display: block;
  background-image: url(//game.gtimg.cn/images/lol/act/a20260611eventpass/m/play-btn1.png);
  background-size: 100% 100%;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  animation: 2s linear 0s infinite normal none running ani-scale1;
  transform-origin: 0.515rem 0.455rem;
}

.module3 .play .play-btn3-center {
  position: absolute;
  display: block;
  background-image: url(//game.gtimg.cn/images/lol/act/a20260611eventpass/play-btn3-icon.png);
  background-size: 100% 100%;
  width: 0.23rem;
  height: 0.56rem;
  left: 60%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.module3 .center > .price {
  position: absolute;
  left: 1.19rem;
  top: 7.18rem;
}
.lock-btn2 {
  position: absolute;
  display: block;
  width: 3.5rem;
  height: 1.15rem;
  font-size: 0;
  background-image: url(//game.gtimg.cn/images/lol/act/a20260611eventpass/lock-btn2.png);
  background-size: 100% 100%;
}

.module3 .center > .lock-btn2 {
  top: 6.38rem;
  right: 0.5rem;
}

.module3 .sell-box {
  width: 7.5rem;
  height: 6.72rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20260611eventpass/m/sell-box2.png);
  background-size: 100% 100%;
  padding: 1.7rem 0.84rem 0 0.84rem;
  bottom: -0.36rem;
}

.module3 .price .price-tag {
  margin-right: 0.08rem;
}

.module3 .sell-box .sell-name {
  width: 2.56rem;
  height: 1.15rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20260611eventpass/m/module3-sellbox-name.png);
  background-size: 100% 100%;
}

.module3 .sell-box .sell-info {
  color: #ff7ce3;
}

.module3 .sell-box .sell-info span {
  color: #cb349b;
}

.module3 .sell-box .sell-info li::before {
  background-color: #cb349b;
}

/* 安妮 */
/* .module4 {
  height: 13.3rem;
}

.module4-name {
  position: absolute;
  display: block;
  background-image: url(//game.gtimg.cn/images/lol/act/a20260611eventpass/m/module4-name.png);
  background-size: 100% 100%;
  width: 2.37rem;
  height: 2.64rem;
  left: 50%;
  transform: translateX(-50%);
  top: 3.78rem;
}

.module4 .play {
  position: absolute;
  display: block;
  width: 0.93rem;
  height: 0.93rem;
  right: 1.47rem;
  top: 5.2rem;
  transform: scale(0.8);
}

.module4 .play-btn4 {
  position: absolute;
  display: block;
  background-image: url(//game.gtimg.cn/images/lol/act/a20260611eventpass/play-btn4.png);
  background-size: 100% 100%;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  animation: 2s linear 0s infinite normal none running ani-scale1;
  transform-origin: 0.515rem 0.455rem;
}

.module4 .play .play-btn4-center {
  position: absolute;
  display: block;
  background-image: url(//game.gtimg.cn/images/lol/act/a20260611eventpass/play-btn4-icon.png);
  background-size: 100% 100%;
  width: 0.23rem;
  height: 0.56rem;
  left: 60%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.module4 .center > .price {
  position: absolute;
  left: 0.83rem;
  top: 6.5rem;
}

.lock-btn3 {
  position: absolute;
  display: block;
  width: 3.5rem;
  height: 1.15rem;
  font-size: 0;
  background-image: url(//game.gtimg.cn/images/lol/act/a20260611eventpass/lock-btn3.png);
  background-size: 100% 100%;
}

.module4 .center > .lock-btn3 {
  top: 6.58rem;
  right: 0.5rem;
}

.module4 .sell-box {
  width: 7.46rem;
  height: 4.96rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20260611eventpass/m/sell-box3.png);
  background-size: 100% 100%;
  padding: 0.96rem 0.81rem 0 0.81rem;
  bottom: 0.38rem;
}

.module4 .price .price-tag {
  margin-right: 0.08rem;
}

.module4 .sell-box .sell-name {
  width: 2.39rem;
  height: 1.05rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20260611eventpass/m/module4-sellbox-name.png);
  background-size: 100% 100%;
}

.module4 .sell-box .sell-info {
  color: #f1ced2;
}

.module4 .sell-box .sell-info span {
  color: #fd0472;
}

.module4 .sell-box .sell-info li::before {
  background-color: #fd0472;
} */

/* 通行�? */
.module5 {
  width: 100%;
  position: relative;
  padding-top: 0.2rem;
  height: 17.7rem;
}

.module5 .passport-list {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 11.88rem;
}

.module5 .passport-list .item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 4.08rem;
  padding-left: 3.4rem;
  box-sizing: border-box;
}

.module5 .passport-list .item.item2{
  padding-top: 0.08rem;
}

.module5 .passport-list .item.item3{
  padding-top: 0.04rem;
}

.module5 .passport-list .price {
  position: relative;
  font-size: 0.16rem;
  color: #ab2b8a;
  margin-top: 0.2rem;
  white-space: nowrap;
}

.module5 .passport-list .tips {
  position: absolute;
  bottom: -0.23rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.15rem;
  color: #ab2b8a;
  width: 100%;
  text-align: center;
  white-space: nowrap;
}

.module5 .passport-list .price .num {
  letter-spacing: 0;
  font-family: "agencybold";
  font-size: 0.8429rem;
  margin-right: 0.09rem;
  margin-left: 0.08rem;
  top: 0.09rem;
}

.module5 .passport-list .price .decimal {
  font-size: 0.32rem;
}

.module5 .passport-list .price .price-tag {
  width: 0.2rem;
  height: 0.64rem;
  font-size: 0.13rem;
}

.module5 .passport-list .passport-img {
  position: absolute;
  left: 0.45rem;
  top: 0;
  background-image: url(//game.gtimg.cn/images/lol/act/a20260611eventpass/passport-img.png);
  background-size: 100% 100%;
  width: 2.56rem;
  height: 2.81rem;
}

.module5 .passport-list .item1 {
  padding-top: 0.83rem;
}

.module5 .passport-list .item1 .passport-img {
  top: 0.97rem;
}

.module5 .passport-list .item2 .passport-img {
  top: 0.41rem;
}

.module5 .passport-list .item3 .passport-img {
  top: 0.6rem;
}

.module5 .passport-list .passport-img .role-img1 {
  position: absolute;
  background-image: url(//game.gtimg.cn/images/lol/act/a20260611eventpass/role-img1.png);
  background-size: 100% 100%;
  width: 1.04rem;
  height: 2.17rem;
  right: 0.06rem;
  bottom: -0.2rem;
}

.module5 .passport-list .passport-img .tag1 {
  position: absolute;
  background-image: url(//game.gtimg.cn/images/lol/act/a20260611eventpass/tag1.png);
  background-size: 100% 100%;
  width: 0.94rem;
  height: 0.94rem;
  left: 0;
  bottom: 0;
}

.module5 .passport-list .item .lock-btn1 {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
}
.module5 .passport-list .item .title {
  font-size: 0.24rem;
  font-weight: bold;
  color: #b98fff;
  text-align: center;
  line-height: 1;
  margin-top: 0.4rem;
}

.module5 .passport-list .item.item1 .title {
  margin-top: 0.15rem;
}

.module5 .passport-list .item .time {
  font-size: 0.16rem;
  line-height: 1;
  color: #b98fff;
  opacity: 0.8;
  margin-top: 0.12rem;
  margin-bottom: 0.22rem;
}

.module5 .passport-list .item:nth-child(n + 2)::before {
  content: "";
  position: absolute;
  height: 0.08rem;
  width: 100%;
  background: url(//game.gtimg.cn/images/lol/act/a20260611eventpass/m/pass-award-line.png);
  background-size: 100% 100%;
  left: 50%;
  top: 0.06rem;
  transform: translateX(-50%);
}

.module5 .passport-list .tips2 {
  font-size: 0.14rem;
  /* color: rgba(200, 168, 255, 0.8); */
  line-height: 0.22rem;
  text-align: center;
  margin-top: 0rem;
  color: white;
}

.module5 .passport-list .lock-btn4 {
  width: 3.8rem;
  height: 1.02rem;
  display: block;
  background-image: url(//game.gtimg.cn/images/lol/act/a20260611eventpass/lock-btn1.png);
  background-size: 100% 100%;
  font-size: 0;
  margin-right: 0.38rem;
  margin-top: -0.04rem;
  position: relative;
}

.module5 .passport-list .lock-btn4::before {
  content: "";
  position: absolute;
  display: block;
  width: 5.78rem;
  height: 1.68rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20260611eventpass/m/btn-border.png);
  background-size: 100% 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.module5 .pass-award-title {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260611eventpass/m/pass-award-title.png);
  background-size: 100% 100%;
  width: 7.5rem;
  height: 0.45rem;
  margin: 1.32rem auto 0;
}

.module5 .pass-award-list {
  display: flex;
  justify-content: space-between;
  width: 7.41rem;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 0.28rem;
}

.module5 .pass-award-item {
  width: 2.47rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 3rem;
  position: relative;
}

.module5 .pass-award-item.item1 .pass-award-bg {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260611eventpass/m/pass-award-bg1.png);
  background-size: 100% 100%;
  width: 2.67rem;
  height: 3rem;
}

.module5 .pass-award-item.item2 .pass-award-bg {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260611eventpass/m/pass-award-bg2.png);
  background-size: 100% 100%;
  width: 2.67rem;
  height: 3rem;
}

.module5 .pass-award-item.item3 .pass-award-bg {
  background-image: url(//game.gtimg.cn/images/lol/act/a20260611eventpass/m/pass-award-bg3.png);
  background-size: 100% 100%;
  width: 2.67rem;
  height: 3rem;
}

.module5 .pass-award-item .pass-award-num {
  font-size: 0.18rem;
  position: absolute;
  text-align: center;
  color: #ffffff;
  bottom: 0.37rem;
}

.module5 .pass-award-item .pass-award-num span {
  position: relative;
}

.module5 .pass-award-item .pass-award-num span::before,
.module5 .pass-award-item .pass-award-num span::after {
  content: "";
  position: absolute;
  background-color: #7e48fd;
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 100%;
  top: 50%;
  transform: translateY(-50%);
}

.module5 .pass-award-item .pass-award-num span::before {
  left: -0.2rem;
}

.module5 .pass-award-item .pass-award-num span::after {
  right: -0.2rem;
}

.module5 .pass-award-list .pass-award-item:nth-child(n + 2)::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 0.08rem;
  background: url(//game.gtimg.cn/images/lol/act/a20260611eventpass/m/pass-award-line2.png);
  background-size: 100% 100%;
  left: 0;
  top: 0;
  transform: translateX(-50%);
}

/* 里程点奖�? */
.module6 {
}
.module6 .lc-box {
  margin: 0 auto 0;
  width: 7.5rem;
  height: 10.51rem;
  background: url(//game.gtimg.cn/images/lol/act/a20260611eventpass/m/module6-box.png);
  background-size: 100% 100%;
  box-sizing: border-box;
  padding: 0 0 0 0;
  overflow: hidden;
}

.module6 .lc-box .tit {
  margin: 0.88rem auto 0;
  width: 2.3rem;
  height: 0.94rem;
  background: url(//game.gtimg.cn/images/lol/act/a20260611eventpass/m/module6-name.png);
  background-size: 100% 100%;
}

.lc-award-list {
  margin: 0 auto 0;
  display: flex;
  justify-content: space-between;
}

.lc-award-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.lc-award-item .award-name {
  font-size: 0.14rem;
  color: #e3b1ff;
  display: flex;
  justify-content: center;
  white-space: nowrap;
  line-height: 0.18rem;
  text-align: center;
  min-height: 0.36rem;
}

.lc-award-list .lc-img,
.lc-award-list .lc-img img {
  position: relative;
  display: block;
}

.lc-award-list .lc-award-item .lc-img img {
  width: 100%;
  object-fit: cover;
}

.lc-award-list1 {
  width: 5.82rem;
  height: 2.1rem;
  margin-top: 0.43rem;
}

.lc-award-list1 .award-name {
  margin-top: 0.1rem;
}

.lc-award-list1 .lc-award-item {
  width: 1.1rem;
}

.lc-award-list1 .lc-award-item:nth-child(3) .lc-img {
  margin-top: 0.4rem;
}

.lc-award-list2 {
  width: 5.5rem;
  height: 1.3rem;
  margin-top: 0.35rem;
}

.lc-award-list2 .lc-award-item {
  width: 0.8rem;
}

.lc-award-list3 {
  width: 6.04rem;
  margin-top: 0.25rem;
  flex-wrap: wrap;
  justify-content: center;
}

.lc-award-list1 .lc-award-item {
  justify-content: flex-end;
}

.lc-award-list3 .lc-award-item {
  width: 0.98rem;
  position: relative;
  /* height: 1.35rem; */
  margin-left: 0.22rem;
  justify-content: center;
}

.lc-award-list3 .lc-award-item .award-name {
  margin-top: 0;
  height: 0.4rem;
  position: absolute;
  bottom: -0.44rem;
}

.lc-award-list3 .lc-award-item.special .lc-img {
  position: relative;
  width: 1.2rem;
  height: 0.9rem;
}

.lc-award-list3 .lc-award-item.special .lc-img img {
  top: -0.48rem;
  left: -0.09rem;
}

.lc-award-list3 .lc-award-item:nth-child(1),
.lc-award-list3 .lc-award-item:nth-child(7) {
  margin-left: 0;
}

.lc-award-list3 .lc-award-item:nth-child(6) {
  margin-left: 0;
}
.lc-award-list3 .lc-award-item:nth-child(n + 6) {
  margin-top: 0.6rem;
}

.lc-award-list3 .lc-award-item:nth-last-child(5) .lc-img img,
.lc-award-list3 .lc-award-item:nth-last-child(4) .lc-img img {
  width: 80%;
}

.lc-award-list3 .lc-award-item:nth-last-child(4) .lc-img img{
  margin-left: 0.12rem;
}

.lc-award-list3 .lc-award-item:nth-last-child(5) .award-name{
  left: 0.11rem;
}

.lc-award-list3 .lc-award-item:nth-last-child(4) .award-name{
  left: 0.23rem;
}

/* 法球礼包 */
.module7 .tit {
  margin: 1.1rem auto 0;
  width: 7.5rem;
  height: 0.82rem;
  background: url(//game.gtimg.cn/images/lol/act/a20260611eventpass/m/module7-name.png);
  background-size: 100% 100%;
}
.pbty-btn {
  margin: 0.18rem auto 0;
  font-size: 0.18rem;
  color: #8d1dd4;
  text-decoration: underline;
  text-align: center;
  display: block;
}

.ball-list {
  width: 6.64rem;
  margin: 0rem auto 0;
  padding: 0 0.44rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.ball-list .item {
  position: relative;
  width: 3.32rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ball-list .item:nth-child(n + 3) {
  margin-top: 0.3rem;
}

.ball-list .item .img {
  position: relative;
  width: 2.5rem;
  height: 2.38rem;
  background: url(//game.gtimg.cn/images/lol/act/a20260611eventpass/ball-bg.png);
  background-size: 100% 100%;
  margin-bottom: 0.4rem;
}

.ball-list .item.item1 .img,
.ball-list .item.item2 .img {
  margin-bottom: 0.05rem;
}

.ball-list .item .img .fudai1,
.ball-list .item .img .fudai2 {
  position: absolute;
  width: 0.77rem;
  height: 0.94rem;
  background: url(//game.gtimg.cn/images/lol/act/a20260611eventpass/fudai1.png);
  background-size: 100% 100%;
  left: 23px;
  bottom: 29px;
}

.ball-list .item .img .fudai2 {
  width: 0.7rem;
  height: 0.86rem;
  background: url(//game.gtimg.cn/images/lol/act/a20260611eventpass/fudai2.png);
  background-size: 100% 100%;
  right: 32px;
  bottom: 26px;
  left: auto;
}

.ball-list .item .img .num {
  position: absolute;
  top: 0.38rem;
  right: 0.24rem;
  font-size: 0.3rem;
  color: #730752;
}

.ball-list .item .img .num span {
  font-size: 0.3rem;
  font-weight: bold;
  font-family: "agencybold";
  margin-left: 0.03rem;
}

.ball-list .item .img .name {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 2.32rem;
  font-size: 0.16rem;
  color: #4e1764;
  line-height: 0.22rem;
  width: 100%;
  text-align: center;
}

.ball-list .price {
  font-size: 0.18rem;
  margin-top: 0.24rem;
}

.ball-list .price .num {
  font-size: 0.71rem;
  font-family: "agencybold";
  margin-right: 0.03rem;
}

.ball-list .price .unit {
  position: relative;
  top: 0.03rem;
}

.ball-list .lock-btn4 {
  width: 3.36rem;
  height: 0.91rem;
  display: block;
  background-image: url(//game.gtimg.cn/images/lol/act/a20260611eventpass/lock-btn1.png);
  background-size: 100% 100%;
  font-size: 0;
  margin-top: 0.32rem;
  position: relative;
}

.ball-list .lock-btn4::before {
  content: "";
  position: absolute;
  display: block;
  width: 5.38rem;
  height: 1.58rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20260611eventpass/btn-border.png);
  background-size: 100% 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.ball-list .item:nth-child(2)::before,
.ball-list .item:nth-child(4)::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 0.09rem;
  background: url(//game.gtimg.cn/images/lol/act/a20260611eventpass/pass-award-line.png);
  background-size: 100% 100%;
  left: 0;
  top: 0;
  transform: translateX(-50%);
}