/* reset */
html,
body,
div,
p,
ul,
li,
dl,
dt,
dd,
em,
i,
span,
a,
img,
input,
h1,
h2,
h3,
h4,
h5 {
  margin: 0;
  padding: 0;
}

a,
img,
input {
  border: none;
}

body {
  font: 14px/1.75 -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a {
  text-decoration: none;
}

ul,
li {
  list-style: none;
}

a,
img {
  -webkit-touch-callout: none;
  /* 禁止长按链接与图片弹出菜单，根据需要选择是否删除 */
}

html,
body {
  -webkit-user-select: none;
  /* 禁止选中文本（如无文本选中需求，此为必选项） */
  user-select: none;
  background: #19121c;
}

/* reset end */
#afooter {
  background-color: #0c0704;
  text-align: center;
  font-size: 16px;
  padding: 30px 0;
}

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

html {
  font-size: 50px;
  /* 兼容不支持vw的系统 */
  font-size: 13.33333333vw;
  /* 7.5rem === 100vw */
}
.side-bar {
  display: none;
}

@media (max-width: 1024px) {
  html,
  body {
    max-width: 1024px;
    padding-top: 0;
  }
}

@font-face {
  font-family: 'sellnum-2';
  src: url('//game.gtimg.cn/images/lol/common/sell/font/sellnum-2.eot');
  src: url('//game.gtimg.cn/images/lol/common/sell/font/sellnum-2.woff')
      format('woff'),
    url('//game.gtimg.cn/images/lol/common/sell/font/sellnum-2.ttf')
      format('truetype'),
    url('//game.gtimg.cn/images/lol/common/sell/font/sellnum-2.svg')
      format('svg');
}

.pc_br {
  display: none;
}
.spr-name {
  width: 653px;
  height: 500px;
  background: url(//game.gtimg.cn/images/lol/act/a20230224astronaut/m/spr-m-name.png)
    no-repeat;
  font-size: 0;
}

.spr-name::before {
  content: '';
  position: absolute;
  left: 50%;
  top: -50px;
  transform: translateX(-50%);
  width: 266px;
  height: 29px;
  background: url(//game.gtimg.cn/images/lol/act/a20230224astronaut/m/split.png)
    no-repeat;
}

.spr-btn {
  display: block;
  width: 321px;
  height: 761px;
  background: url(//game.gtimg.cn/images/lol/act/a20230224astronaut/m/buy-btn.png)
    no-repeat center center / 100% auto;
}

.logo {
  display: block;
  background: url(//game.gtimg.cn/images/lol/logo/middle-white.png) no-repeat;
  width: 190px;
  height: 61px;
  position: absolute;
  top: 10px;
  left: 15px;
  font-size: 0;
  transition: all 0.3s;
  z-index: 999;
}

.hidden {
  display: none;
  font-size: 0;
  text-indent: -999em;
}

.wrap {
  width: 100%;
  height: 100%;
  position: relative;
}

.videotc {
  width: 674px;
  height: 380px;
  position: relative;
  outline: none;
  border: #5de2f7 solid 2px;
}

.dia-close {
  position: absolute;
  right: 0px;
  top: -55px;
  font-size: 0px;
  background: url(//game.gtimg.cn/images/lol/act/a20230224astronaut/close.png)
    no-repeat;
  width: 35px;
  height: 35px;
  position: absolute;
  right: 0px;
  top: -55px;
}

.container {
  width: 674px;
  height: 380px;
}

.head,
.con1,
.con2,
.con3,
.con4,
.con5 {
  width: 100%;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0);
}

.wrap {
  width: 100%;
  height: 100%;
}

.head,
.content {
  width: 100%;
}

.head {
  height: 1223px;
  background: url(//game.gtimg.cn/images/lol/act/a20230224astronaut/m/m-head.jpg)
    no-repeat;
}

.content {
  height: 13299px;
  background: url(//game.gtimg.cn/images/lol/act/a20230224astronaut/m/m-content.jpg)
    no-repeat center bottom;
  margin-top: -0.01rem;
}

.login-info {
  width: 100%;
  text-align: center;
  line-height: 40px;
  font-size: 24px;
  margin-top: 20px;
  color: #c7ebff;
}

.login-info a {
  color: #c7ebff;
}

.login {
  text-align: center;
}

.con1 {
  height: 2787px;
}

.con2 {
  height: 1992px;
  z-index: 5;
}

.con3 {
  height: 1985px;
  z-index: 4;
}

.con4 {
  height: 3570px;
  z-index: 3;
}

.con5 {
  height: 2950px;
}

.c-t1 {
  position: relative;
  width: 269px;
  height: 129px;
  margin: 980px auto 53px;
  background-position: 0 0;
}

.c-t2 {
  width: 412px;
  height: 134px;
  background-position: 0 -150px;
  margin: 670px auto 53px;
}

.c-t3 {
  width: 412px;
  height: 132px;
  background-position: 0 -300px;
  margin: 1300px auto 53px;
}

.c-t4 {
  width: 271px;
  height: 129px;
  background-position: 0 -450px;
  margin: 1850px auto 53px;
}

.c-t5 {
  width: 268px;
  height: 127px;
  background-position: 0 -600px;
  margin: 1040px auto 53px;
}

.c-link {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 1295px;
  line-height: 36px;
  font-size: 20px;
  text-align: left;
}

.c-link a {
  color: #d3f9ff;
  text-decoration: underline;
  font-weight: bold;
}

.c-link2 {
  top: 970px;
}

.c-link3 {
  top: 1600px;
}
.c-link4 {
  top: 2160px;
}
.c-link5 {
  top: 1330px;
}
.play-btn {
  width: 124px;
  height: 116px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 752px;
}

.con2 .play-btn {
  top: 420px;
}
.con2 .c-price {
  top: 830px;
}
.con2 .buy-btn {
  top: 830px;
}
.con2 .c-in2 .c-price {
  top: 1000px;
}
.con2 .c-in2 .buy-btn {
  top: 1010px;
}
.con3 .play-btn {
  top: 1050px;
}
.con3 .c-price {
  top: 1460px;
}
.con3 .buy-btn {
  top: 1460px;
}
.con3 .c-in3 .c-price {
  top: 1000px;
}
.con3 .c-in3 .buy-btn {
  top: 1010px;
}
.con4 .play-btn {
  top: 1600px;
}
.con4 .c-price {
  top: 2000px;
}
.con4 .buy-btn {
  top: 2000px;
}
.con4 .c-in4 .c-price {
  top: 1000px;
}
.con4 .c-in4 .buy-btn {
  top: 1010px;
}

.con5 .play-btn {
  top: 780px;
}
.con5 .c-price {
  top: 1176px;
}
.con5 .buy-btn {
  top: 1176px;
}
.con5 .c-in5 .c-price {
  top: 1000px;
}
.con5 .c-in5 .buy-btn {
  top: 1010px;
}

.play-btn .bg {
  display: block;
  width: 124px;
  height: 116px;
  background: url(//game.gtimg.cn/images/lol/act/a20230224astronaut/play-btn.png)
    no-repeat;
  -webkit-animation: 1.8s ease infinite breath;
  animation: 1.8s ease infinite breath;
}

.play-btn span {
  position: absolute;
  top: 118px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  color: #d7f9ff;
  font-size: 20px;
  text-align: center;
}

@-webkit-keyframes breath {
  0%,
  100% {
    -webkit-transform: scale(1);
  }

  50% {
    -webkit-transform: scale(0.9);
  }
}

@keyframes breath {
  0%,
  100% {
    transform: scale(1);
  }

  50% {
    transform: scale(0.9);
  }
}

@-webkit-keyframes arrow {
  0% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
    opacity: 0.6;
  }

  80%,
  100% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
    opacity: 1;
  }
}

.c-price {
  width: 224px;
  line-height: 132px;
  height: 132px;
  position: absolute;
  left: 114px;
  top: 1139px;
}

.c-price span {
  font-size: 122px;
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 bottom,
    from(#fdf9cb),
    to(#fef6a8)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'sellnum-2';
}

.c-price em {
  display: inline-block;
  width: 1em;
  vertical-align: top;
  margin: 37px 0 0 15px;
  font-family: 'sellnum-2';
  font-size: 22px;
  line-height: 1.25;
  text-align: center;
  font-weight: bold;
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 bottom,
    from(#fdf9cb),
    to(#fef6a8)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.c-price i {
  position: absolute;
  top: 24px;
  left: -53px;
  width: 1em;
  padding: 18px 4px;
  font-style: normal;
  line-height: 1.25;
  font-size: 22px;
  color: #d7f9ff;
  border-radius: 20px;
  border: 1px solid #d7f9ff;
}

.c-in1 {
  width: 100%;
  height: 1219px;
  background: url(//game.gtimg.cn/images/lol/act/a20230224astronaut/m/m-c-in1.png)
      no-repeat center top,
    url(//game.gtimg.cn/images/lol/act/a20230224astronaut/m/skin-bg.png)
      no-repeat center top;
  margin-top: 250px;
  position: relative;
  overflow: hidden;
}

.c-in2 {
  background: url(//game.gtimg.cn/images/lol/act/a20230224astronaut/m/m-c-in2.png)
      no-repeat center top,
    url(//game.gtimg.cn/images/lol/act/a20230224astronaut/m/skin-bg.png)
      no-repeat center top;
  margin-top: 240px;
}

.c-in3 {
  background: url(//game.gtimg.cn/images/lol/act/a20230224astronaut/m/m-c-in3.png)
      no-repeat center top,
    url(//game.gtimg.cn/images/lol/act/a20230224astronaut/m/skin-bg.png)
      no-repeat center top;
  margin-top: 240px;
}

.c-in4 {
  background: url(//game.gtimg.cn/images/lol/act/a20230224astronaut/m/m-c-in4.png)
      no-repeat center top,
    url(//game.gtimg.cn/images/lol/act/a20230224astronaut/m/skin-bg.png)
      no-repeat center top;
}
.c-in5 {
  background: url(//game.gtimg.cn/images/lol/act/a20230224astronaut/m/m-c-in5.png)
      no-repeat center top,
    url(//game.gtimg.cn/images/lol/act/a20230224astronaut/m/skin-bg.png)
      no-repeat center top;
}

.c-txt {
  width: 600px;
  text-align: justify;
  margin: 208px 0 0 56px;
  line-height: 30px;
  font-size: 20px;
  color: #dcfaff;
}
.c-txt > p:nth-child(1) {
  width: 411px;
  height: 27px;
  line-height: 28px;
  font-size: 18px;
  text-align: center;
  color: #1f86c3;
  background: url(//game.gtimg.cn/images/lol/act/a20230224astronaut/m/timebg.png)
    no-repeat center center / 100% auto;
  margin-bottom: 20px;
}
.c-txt > p:nth-child(2) {
  margin-bottom: 10px;
}
.c-txt > p:nth-child(1) > span {
  color: #1f86c3;
}
.c-txt .strong {
  font-weight: bold;
}

.c-txt .border {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 4px 15px;
  margin-right: 8px;
  font-size: 18px;
  line-height: 1;
  border-radius: 11px;
  border: 1px solid #fff;
}

.c-txt .border::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #fff;
}

.c-txt .border::before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  border: 1px solid;
}

.c-txt i {
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  margin-top: -4px;
  margin-right: 4px;
  background: url(//game.gtimg.cn/images/lol/act/a20230224astronaut/icon1.png)
    no-repeat center center;
}

.c-txt span {
  color: #dcfaff;
}

.c-price-gift {
  width: 388px;
  left: 118px;
  top: 999px;
}

.c-price-gift span {
  font-size: 80px;
  margin-left: -8px;
}

.c-price-gift span .small {
  font-size: 60px;
}

.c-price-gift em {
  margin-top: 46px;
  margin-left: 0px;
}

.c-price-hero {
  width: 300px;
  line-height: 36px;
  color: #ffd85e;
  font-size: 24px;
  position: absolute;
  left: 56px;
  top: 1122px;
}

.buy-btn {
  display: block;
  width: 288px;
  height: 109px;
  position: absolute;
  left: 416px;
  top: 1135px;
  z-index: 999;
}

.buy-btn-gift {
  width: 274px;
  height: 103px;
  left: 412px;
  top: 1024px;
}

.her-ul {
  width: 100%;
  margin-top: 144px;
  overflow: hidden;
}

.her-ul li {
  width: 140px;
  height: 50px;
  text-align: center;
  line-height: 30px;
  float: left;
  color: #dcfaff;
  font-size: 20px;
  position: relative;
  margin: 80px 0 140px 0;
}

.her-ul li:nth-child(1) {
  margin-left: 76px;
}

.her-ul li:nth-child(2) {
  margin-left: 12px;
}

.her-ul li:nth-child(3) {
  margin-left: 18px;
}

.her-ul li:nth-child(4) {
  margin-left: 18px;
}

.her-ul li:nth-child(5) {
  margin-left: 76px;
}

.her-ul li:nth-child(6) {
  margin-left: 21px;
}

.her-ul li:nth-child(7) {
  margin-left: 22px;
}

.her-ul li span {
  color: #fff8aa;
}

.her-ul li i {
  display: block;
  width: 123px;
  height: 30px;
  padding-top: 1px;
  line-height: 30px;
  position: absolute;
  left: 0;
  top: 60px;
  color: #0266d2;
  font-style: normal;
  font-size: 14px;
  text-align: center;
  background: url(//game.gtimg.cn/images/lol/act/a20230224astronaut/m/m-lb-tips1.png)
    no-repeat;
}

.her-ul li:nth-child(2) i {
  width: 103px;
  height: 46px;
  padding-top: 7px;
  background: url(//game.gtimg.cn/images/lol/act/a20230224astronaut/m/m-lb-tips2.png)
    no-repeat;
  top: 33px;
  left: 14px;
  line-height: 1.25;
}
/* .con2 .her-ul{
  margin-top: 84px;
} */
/* .con2 .her-ul li {
  margin: 139px 0 118px 0;
}

.con2 .her-ul li:nth-child(1) {
  margin-left: 46px;
}

.con2 .her-ul li:nth-child(2) {
  margin-left: 22px;
}

.con2 .her-ul li:nth-child(3) {
  margin-left: 33px;
}

.con2 .her-ul li:nth-child(4) {
  margin-left: 28px;
}

.con2 .her-ul li:nth-child(5) {
  margin-left: 51px;
}

.con2 .her-ul li:nth-child(6) {
  margin-left: 18px;
}

.con2 .her-ul li:nth-child(7) {
  margin-left: 33px;
}

.con2 .her-ul li:nth-child(8) {
  margin-left: 25px;
} */

/* .con2 .play-btn {
  top: 548px;
}

.con2 .c-price {
  top: 960px;
}

.con2 .buy-btn {
  top: 967px;
}

.con2 .c-price-gift {
  left: 45px;
  top: 990px;
}

.con2 .buy-btn-gift {
  left: 416px;
  top: 281px;
} */

.con4 .her-ul li:nth-child(1) {
  margin-left: 136px;
}

.con4 .her-ul li:nth-child(2) {
  margin-left: 22px;
}

.con4 .her-ul li:nth-child(3) {
  margin-left: 35px;
}

.con4 .her-ul li:nth-child(4) {
  margin-left: 70px;
}

.con4 .her-ul li:nth-child(5) {
  margin-left: 17px;
}

.con4 .her-ul li:nth-child(6) {
  margin-left: 17px;
}

.con4 .her-ul li:nth-child(7) {
  margin-left: 17px;
}

/* .con4 .her-ul {
  margin-top: 250px;
} */

/* .con4 .her-ul li {
  margin-bottom: 89px;
}

.con4 .her-ul li:nth-child(1) {
  margin-left: 52px;
}

.con4 .her-ul li:nth-child(2) {
  margin-left: 28px;
}

.con4 .her-ul li:nth-child(3) {
  margin-left: 28px;
}

.con4 .her-ul li:nth-child(4) {
  margin-left: 29px;
}

.con4 .her-ul li:nth-child(5) {
  margin-left: 52px;
}

.con4 .her-ul li:nth-child(6) {
  margin-left: 30px;
}

.con4 .her-ul li:nth-child(7) {
  margin-left: 31px;
} */

.con5 .gift-packs {
  width: 750px;
  height: 620px;
  background: url(//game.gtimg.cn/images/lol/act/a20230224astronaut/m/m-gift-packs.png)
    no-repeat;
  position: relative;
  overflow: hidden;
}

/* .con5 .c-txt {
  width: 495px;
  margin: 70px 0 0 140px;
  line-height: 30px;
  font-size: 20px;
} */

/* .con5 .c-txt i {
  display: inline-block;
  padding-bottom: 10px;
  font-style: normal;
} */

.con5 .price {
  width: 300px;
  line-height: 62px;
  margin: 302px 0 0 50px;
}

.con5 .price em {
  color: #ffc651;
  font-size: 70px;
  font-style: normal;
  font-family: 'sellnum-2';
}

.con5 .price span {
  display: inline-block;
  width: 62px;
  height: 35px;
  background: url(//game.gtimg.cn/images/lol/act/a20230224astronaut/m/m-qb-icon.png)
    no-repeat;
  vertical-align: top;
  margin: 10px 0 0 19px;
  font-size: 20px;
  color: #f4d05d;
  line-height: 35px;
  text-align: center;
}

.con5 .price-her {
  line-height: 20px;
  color: #ffd45b;
  margin-top: 0;
  font-size: 24px;
}

.con5 .gift-packs a {
  background-position: 0 0;
  left: 386px;
  top: 485px;
}

.con5 .tit {
  width: 650px;
  height: 100px;
  background-position: 0 -400px;
  margin: 0 auto 20px;
}

.con5 .tit-tm {
  text-align: center;
  line-height: 28px;
  color: #41a3ff;
  font-size: 20px;
}

.con5 .tit-tm i {
  display: block;
}

.con5 .her-icon-in {
  width: 750px;
  height: 930px;
  margin-top: 40px;
  background: url(//game.gtimg.cn/images/lol/act/a20230224astronaut/m/m-line-bg.png)
    no-repeat;
  overflow: hidden;
}

.con5 .her-list {
  width: 100%;
}

.con5 .her-list li {
  width: 375px;
  height: 930px;
  float: left;
  text-align: center;
  position: relative;
}

.con5 .nm-tit {
  margin-top: 15px;
  height: 110px;
  font-size: 36px;
  font-weight: bold;
  line-height: 46px;
  text-align: left;
  color: #a1f2ff;
  background-image: linear-gradient(to right, #a1f2ff, #ccf8ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.con5 .nm-tit i {
  display: block;
}

.con5 .cn-txt {
  width: 290px;
  line-height: 30px;
  color: #41a3ff;
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 0 60px;
  text-align: justify;
}

.con5 .cn-txt strong {
  font-size: 24px;
  color: #c2f6ff;
}

.con5 .cn-txt2 {
  margin-top: 20px;
}

.con5 .cn-txt3 {
  line-height: 26px;
}

.con5 .her-list li:nth-child(1) .nm-tit {
  padding-left: 62px;
}

.con5 .her-list li:nth-child(2) .nm-tit {
  padding-left: 30px;
}

.con5 .her-list li:nth-child(2) .cn-txt {
  width: 301px;
  margin-left: 30px;
}

.con5 .her-list li:nth-child(2) .not-btn {
  left: 39px;
}

.con5 .not-btn {
  width: 288px;
  height: 80px;
  left: 58px;
  top: 795px;
}

/* .con5 .buy-btn {
  background-position: 0 -681px;
} */

.con5 .buy-has-btn {
  background-position: 0 -594px;
}

.con5 .dis-tit {
  display: block;
  margin-top: 75px;
  height: 58px;
  font-size: 48px;
  font-weight: bold;
  line-height: 58px;
  text-align: center;
  color: #a1f2ff;
  background-image: linear-gradient(to right, #a1f2ff, #ccf8ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.con5 .dis-p {
  text-align: center;
  line-height: 36px;
  color: #146cbe;
  font-weight: bold;
  font-size: 20px;
  margin-top: 8px;
}

.con5 .skin-list {
  margin-top: 36px;
}

.con5 .skin-list li {
  width: 321px;
  height: 480px;
  float: left;
  margin-right: 17px;
  position: relative;
}

.con5 .skin-list li:nth-child(1),
.con5 .skin-list li:nth-child(3) {
  margin-left: 48px;
}

.con5 .skin-list li:nth-child(5) {
  margin-left: 221px;
}

.con5 .skin-list li:nth-child(5) .s-nm {
  font-size: 24px;
}

.con5 .her-img1 {
  width: 306px;
  height: 193px;
  background: url(//game.gtimg.cn/images/lol/act/a20230224astronaut/m/m-her-img1.png)
    no-repeat;
  margin: 0 auto;
}

.con5 .her-img2 {
  background: url(//game.gtimg.cn/images/lol/act/a20230224astronaut/m/m-her-img2.png)
    no-repeat;
}

.con5 .her-img3 {
  background: url(//game.gtimg.cn/images/lol/act/a20230224astronaut/m/m-her-img3.png)
    no-repeat;
}

.con5 .her-img4 {
  background: url(//game.gtimg.cn/images/lol/act/a20230224astronaut/m/m-her-img4.png)
    no-repeat;
}

.con5 .her-img5 {
  background: url(//game.gtimg.cn/images/lol/act/a20230224astronaut/m/m-her-img5.png)
    no-repeat;
}

.con5 .s-nm {
  width: 100%;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  position: absolute;
  left: 0;
  top: 150px;
  line-height: 40px;
  color: #ffcb47;
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 bottom,
    from(#ffde61),
    to(#ffcd48)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.con5 .s-price {
  width: 100%;
  margin-top: 20px;
  text-align: center;
  line-height: 32px;
  color: #146cbe;
  font-size: 20px;
  text-decoration: line-through;
}

.con5 .s-price-now {
  text-decoration: none;
  margin-top: 14px;
  line-height: 40px;
}

.con5 .s-price-now span {
  font-size: 20px;
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 bottom,
    from(#ffde61),
    to(#ffcd48)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.con5 .s-price-now strong {
  font-size: 36px;
  font-weight: bold;
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 bottom,
    from(#ffe585),
    to(#ffc154)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.con5 .skin-list li a {
  display: block;
  width: 289px;
  height: 80px;
  background-position: 0 -447px;
  position: absolute;
  left: 17px;
  top: 310px;
}

.pop {
  width: 516px;
  height: 290px;
  background: url(//game.gtimg.cn/images/lol/act/a20230224astronaut/m/pop.png)
    no-repeat;
  position: relative;
}

.pop .pop-close {
  width: 30px;
  height: 31px;
  background: url(//game.gtimg.cn/images/lol/act/a20230224astronaut/m/close2.png)
    no-repeat;
  position: absolute;
  right: -24px;
  top: 0;
}

.pop-txt {
  width: 460px;
  margin: 78px 0 0 34px;
  float: left;
  text-align: center;
  line-height: 40px;
  color: #98f1ff;
  font-size: 26px;
}

.pop-txt span {
  color: #ffce6e;
}

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

.pop-btn {
  width: 225px;
  height: 63px;
  margin: 25px 0 0 145px;
  float: left;
  background-position: 0 -291px;
}

.pop-txt3 {
  text-align: left;
  margin: 63px 0 0 71px;
  line-height: 30px;
  width: 410px;
  font-size: 22px;
}

.pop-txt3 a {
  color: #fff299;
}

.pop-btn {
  width: 225px;
  height: 63px;
  margin: 25px 0 0 145px;
  float: left;
  background-position: 0 -291px;
}

.pop-btn2 {
  width: 190px;
  height: 53px;
  background-position: 0 -533px;
  margin: 25px 0 0 171px;
}

.side-btn {
  width: 184px;
  height: 168px;
  background: url(//game.gtimg.cn/images/lol/act/a20230224astronaut/m/m-side-btn.png)
    no-repeat;
  position: fixed;
  left: 0;
  bottom: 118px;
}

.ost {
  display: none;
}

.ost ost_bg {
  display: none;
}

.head {
  margin-top: -42px;
}