@charset "UTF-8";
body,
dl,
dd,
ul,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
p,
form,
header,
section,
article,
footer {
  margin: 0;
}

body,
button,
input,
select,
textarea {
  font: 12px/1.5 tahoma, "微软雅黑", sans-serif;
}

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

em,
b {
  font-style: normal;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

img {
  border: 0;
}

body {
  padding-top: 42px;
  background-color: #1f191b;
  max-width: 25.6rem;
  overflow-x: hidden;
}

button,
input,
select,
textarea {
  font-size: 100%;
  outline: none;
}

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

td,
th,
ul,
ol {
  padding: 0;
  list-style: none;
}

p,
a,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #434343;
}

/* reset end */
/* foot */
#afooter {
  position: relative;
  padding: 30px 0;
  text-align: center;
  font: normal 12px/19px Tahoma;
  z-index: 10;
  background-color: #191219;
}

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

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

@font-face {
  font-family: "sellnum-1";
  src: url("//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/fonts/blolm.otf");
}
.sellnum-1 {
  font-family: "sellnum-1";
}

@font-face {
  font-family: "FZBYSJT-1";
  src: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/fonts/fzby.TTF);
}
@font-face {
  font-family: "sellnum-name1";
  src: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/fonts/fzby.TTF);
}
@font-face {
  font-family: "fzss";
  src: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/fonts/FZSHENGSKSJW_DA.TTF);
}
.sellnum-name1 {
  font-family: "sellnum-name1";
}

.fzbys {
  font-family: "FZBYSJT-1";
}

.share-fontfamily {
  font-family: "FZBYSJT-1";
}

.text-color1 {
  font-size: 1.75rem;
  color: #e269b4;
}

.text-color2 {
  font-size: 1.45rem;
  color: #3487d7;
}

.text-color3 {
  font-size: 1.35rem;
  color: #452570;
}

.text-color4 {
  font-size: 1.75rem;
  color: #e269b4;
}

.text-color5 {
  font-size: 1.1rem;
  line-height: 1;
  color: #fff;
}

.text-color6 {
  font-size: 0.4rem;
  color: #e46ab5;
}

.text-color7 {
  font-size: 1.6rem;
  color: #d68cda;
}

.text-color8 {
  font-size: 1rem;
  color: #e1c5f9;
}

.text-color9 {
  font-size: 0.46rem;
  color: #7e54de;
}

.text-color10 {
  font-size: 1rem;
  color: #8343d1;
}

.text-color11 {
  font-size: 0.54rem;
  color: #fe43bb;
}

@supports (-webkit-background-clip: text) {
  /* .text-color1 {
    background-image: linear-gradient(to top, #e9a7e4 10%, #4f8cd9 70%);
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
  } */
}
@supports (-webkit-background-clip: text) {
  .text-color2 {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eabc6e), color-stop(80%, #c79659));
    background-image: linear-gradient(to bottom, #eabc6e 50%, #c79659 80%);
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
  }
}
.part01 .text-color2:first-letter,
.part02 .text-color2:first-letter {
  letter-spacing: -0.05rem;
}

@supports (-webkit-background-clip: text) {
  .text-color3 {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#bb5eff), to(#e457fa));
    background-image: linear-gradient(to top, #bb5eff, #e457fa);
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
  }
}
@supports (-webkit-background-clip: text) {
  /* .text-color4 {
    background-image: linear-gradient(to top, #0c57ac 40%, #de8dca 75%);
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
  } */
}
@supports (-webkit-background-clip: text) {
  .text-color5 {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eabc6e), color-stop(80%, #c79659));
    background-image: linear-gradient(to bottom, #eabc6e 50%, #c79659 80%);
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
  }
}
@supports (-webkit-background-clip: text) {
  /* .text-color6 {
    background-image: linear-gradient(142deg, #007dc7, #1058ac 100%);
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
  } */
}
@supports (-webkit-background-clip: text) {
  .text-color7 {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #fff), to(#d68cda));
    background-image: linear-gradient(to bottom, #fff 30%, #d68cda);
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
  }
}
@supports (-webkit-background-clip: text) {
  .text-color8 {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(20%, #e1c5f9), color-stop(80%, #fff));
    background-image: linear-gradient(to top, #e1c5f9 20%, #fff 80%);
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
  }
}
@supports (-webkit-background-clip: text) {
  .text-color9 {
    background-image: linear-gradient(142deg, #5910ac, #5910ac 70%);
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
  }
}
@supports (-webkit-background-clip: text) {
  .text-color10 {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(9%, #8041c7), color-stop(91%, #5910ac));
    background-image: linear-gradient(to top, #8041c7 9%, #5910ac 91%);
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
  }
}
@supports (-webkit-background-clip: text) {
  /* .text-color11 {
    background-image: linear-gradient(142deg, #58e2ff, #43e0d6 100%);
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
  } */
}
@media (max-width: 1400px) {
  .g-wrap .side_nav {
    display: none;
  }
}
/* ??? */
.fz12 {
  font-size: 0.12rem;
}

.fz14 {
  font-size: 0.19rem;
}

.fz16 {
  font-size: 0.22rem;
}

.fz18 {
  font-size: 0.18rem;
}

.fz19 {
  font-size: 0.29rem;
}

.fz20 {
  font-size: 0.2rem;
}

/* ??????? */
.tac {
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}

/* ?????? */
.fw600 {
  font-weight: 600;
}

/* ?????? */
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.zhong {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.space-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.space-around {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.flex-warp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.flex-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}

.flex-end {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.flex-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.dibb {
  display: inline-block;
  vertical-align: bottom;
}

.dibm {
  display: inline-block;
  vertical-align: middle;
}

.floatl {
  float: left;
}

.floatr {
  float: right;
}

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

/* ???閿熸枻鎷??閿熸枻鎷? */
.absolute-content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

/* ??閿熸枻鎷? */
.relative {
  position: relative;
}

.mauto {
  margin: auto;
}

.mt10 {
  margin-top: 0.0757575758rem;
}

.ml10 {
  margin-left: 0.0757575758rem;
}

.ml6 {
  margin-left: 0.0454545455rem;
}

.mr18 {
  margin-right: 0.1363636364rem;
}

.mr10 {
  margin-right: 0.0757575758rem;
}

.mb10 {
  margin-bottom: 0.0757575758rem;
}

.mt20 {
  margin-top: 0.1515151515rem;
}

.ml20 {
  margin-left: 0.1515151515rem;
}

.mr20 {
  margin-right: 0.1515151515rem;
}

.mb20 {
  margin-bottom: 0.1515151515rem;
}

.mt30 {
  margin-top: 0.2272727273rem;
}

.ml30 {
  margin-left: 0.2272727273rem;
}

.mr30 {
  margin-right: 0.2272727273rem;
}

.mb30 {
  margin-bottom: 0.2272727273rem;
}

.g-wrap {
  margin: auto;
}

.g-wrap a {
  display: inline-block;
}

#container {
  width: 1000px;
  height: 563px;
  display: block;
  visibility: visible;
}

#videotc {
  width: 1000px;
  height: 563px;
}

.vclose {
  display: block;
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/btn_close.png) no-repeat;
  width: 0.55rem;
  height: 0.55rem;
  background-size: 100% 100%;
  position: absolute;
  top: -0.98rem;
  right: 0;
  z-index: 999;
}

.side_nav {
  position: fixed;
  top: 50%;
  right: 0%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
  z-index: 999;
}

.side_nav a:hover {
  width: 2.27rem;
  height: 0.58rem;
  opacity: 1;
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
}

.side_nav .active {
  width: 2.27rem;
  height: 0.58rem;
  opacity: 1;
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
}

.side_nav .logo_go {
  margin-top: 0.2rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/logo_go.png);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 1.82rem;
  height: 1.48rem;
  opacity: 1;
  margin-left: auto;
}

.side_nav .logo_go:hover {
  width: 1.82rem;
  height: 1.48rem;
  opacity: 1;
}

.logo_go_m {
  display: none;
}

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

@keyframes breath {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
}
.hide {
  font-size: 0;
  text-indent: -999em;
  visibility: hidden;
  display: none;
  width: 0;
  height: 0;
  position: absolute;
  left: -99.99rem;
  top: -99.99rem;
  z-index: -9999;
}

/* ????? ---------------------------------------------------------------------------------------------------------------------*/
.side_nav {
  position: fixed;
  top: 50%;
  right: 0%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
  z-index: 999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.side_nav.nav-show {
  right: -296px;
}
.side_nav .item {
  width: 2.27rem;
  height: 0.58rem;
  background-size: 100% 100% !important;
  opacity: 0.45;
  -webkit-filter: brightness(0.8);
          filter: brightness(0.8);
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
  margin-bottom: 0.02rem;
}
.side_nav .item:hover, .side_nav .item.active {
  opacity: 1;
  -webkit-filter: brightness(1.15);
          filter: brightness(1.15);
}
.side_nav .item.pick1 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/nav1.png);
}
.side_nav .item.pick2 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/nav2.png);
}
.side_nav .item.pick3 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/nav3.png);
}
.side_nav .item.pick4 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/nav4.png);
}
.side_nav .item.pick5 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/nav5.png);
}
.side_nav .item.pick6 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/nav6.png);
}
.side_nav .item.pick7 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/nav7.png);
}
.side_nav .item.pick8 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/nav8.png);
}
.side_nav .item.pick9 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/nav9.png);
}
.side_nav .item.pick10 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/nav10.png);
}
.side_nav .item.pick11 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/nav11.png);
}
.side_nav .item.pick12 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/nav12.png);
}

.icon10,
.icon11,
.icon12,
.icon3,
.icon4,
.icon5,
.icon7,
.icon8,
.icon9,
.icons_pc,
.label2 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250429spiritblossomsell/icons_pc.png);
  background-size: 7.21rem 1.86rem;
  background-repeat: no-repeat;
}

.close {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/btn_close.png) no-repeat;
  width: 0.94rem;
  height: 0.94rem;
  background-size: 100% 100%;
}

.currency-box {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/sj.png) no-repeat;
  width: 0.25rem;
  height: 1.02rem;
  background-size: 100% 100%;
}

.currency-box2 {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/sj.png) no-repeat;
  width: 0.24rem;
  height: 0.74rem;
  background-size: 100% 100%;
  margin-bottom: 0.1rem;
}

.currency-box3 {
  background: url(//game.gtimg.cn/images/lol/act/a20250429spiritblossomsell/sj3.png) no-repeat;
  width: 0.17rem;
  height: 0.69rem;
  background-size: 100% 100%;
}

.currency-box4 {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/sj.png) no-repeat;
  width: 0.23rem;
  height: 0.92rem;
  background-size: 100% 100%;
  margin-bottom: 0.15rem;
}
.currency-box4 p {
  color: #c69955;
  font-size: 0.21rem;
  text-align: center;
  line-height: 0.3rem;
  margin-top: 0.15rem;
}

.part10 .currency-box3 {
  margin-bottom: 0.05rem;
}

.part10 .baohan {
  width: 6.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.part10 .baohan li {
  margin-bottom: 0.1rem;
}
.part10 .baohan li:nth-child(4) {
  width: 100%;
}
.part10 .baohan li:nth-child(5) {
  width: 100%;
  height: 0.64rem !important;
  border-radius: 0.6rem !important;
  padding: 0.08rem 0.6rem 0 !important;
  line-height: 1.3 !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.icon10 {
  background-position: -2.12rem -0.8rem;
  width: 0.29rem;
  height: 0.19rem;
}

.icon11 {
  background-position: -1.39rem -0.12rem;
  width: 1.34rem;
  height: 0.48rem;
}

.icon12 {
  background-position: -3.97rem -0.12rem;
  width: 1.14rem;
  height: 0.34rem;
}

.icon3 {
  background-position: 0 -0.65rem;
  width: 2.84rem;
  height: 0.1rem;
}

.icon4 {
  width: 0.08rem;
  height: 0.08rem;
  background: #dac7a9;
}

.icon5 {
  background-position: 0 0;
  width: 7.21rem;
  height: 0.07rem;
}

.icon7 {
  background-position: 0 -0.12rem;
  width: 1.34rem;
  height: 0.48rem;
}

.icon8 {
  background-position: -2.78rem -0.12rem;
  width: 1.14rem;
  height: 0.34rem;
}

.icon9 {
  background-position: -6.67rem -0.12rem;
  width: 0.33rem;
  height: 0.32rem;
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/caihuan.png);
  background-size: 100% 100%;
}

.label2 {
  background-position: -1.06rem -0.8rem;
  width: 1.01rem;
  height: 0.31rem;
}

.icon10,
.icon11,
.icon12,
.icon7,
.icon8,
.icon9,
.icons_m {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250429spiritblossomsell/icons_m.png);
  background-size: 2.69rem 1.5rem;
  background-repeat: no-repeat;
}

.icon10 {
  background-position: -2.2rem -1.11rem;
  width: 0.29rem;
  height: 0.19rem;
}

.icon11 {
  background-position: 0 -1.16rem;
  width: 1.14rem;
  height: 0.34rem;
}

.icon12 {
  background-position: 0 0;
  width: 1.5rem;
  height: 0.53rem;
}

.icon7 {
  background-position: -1.55rem 0;
  width: 1.14rem;
  height: 0.34rem;
}

.icon8 {
  background-position: 0 -0.58rem;
  width: 1.5rem;
  height: 0.53rem;
}

.icon9 {
  background-position: -1.9rem -1.11rem;
  width: 0.25rem;
  height: 0.24rem;
}

.label1 {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/wqt2.png) no-repeat;
  width: 1.4rem;
  height: 0.44rem;
  background-size: 100% 100%;
}

.part04 .label1, .part05 .label1 {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/wqt1.png) no-repeat;
  background-size: 100% 100%;
}

.label3 {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/xclb1.png) no-repeat;
  width: 1.49rem;
  height: 0.42rem;
  background-size: 100% 100%;
  margin-left: 0.1rem;
}

.part04 .label3, .part05 .label3 {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/xclb2.png) no-repeat;
  background-size: 100% 100%;
}

.btn-video1,
.btn-video2,
.btn-video3,
.btn-video4,
.btn-video5,
.btn-video6,
.btn-video7,
.btn_video_pc {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250429spiritblossomsell/btn_video_pc.png);
  background-size: 5.83rem 3.59rem;
  background-repeat: no-repeat;
}

.btn-video1 {
  background-position: 0 0;
  width: 1.91rem;
  height: 1.95rem;
}

.btn-video2 {
  background-position: 0 -2rem;
  width: 1.55rem;
  height: 1.59rem;
}

.btn-video3 {
  background-position: -3.2rem -2rem;
  width: 1.23rem;
  height: 1.27rem;
}

.btn-video4 {
  background-position: -1.96rem 0;
  width: 1.91rem;
  height: 1.95rem;
}

.btn-video5 {
  background-position: -3.92rem 0;
  width: 1.91rem;
  height: 1.95rem;
}

.btn-video6 {
  background-position: -1.6rem -2rem;
  width: 1.55rem;
  height: 1.59rem;
}

.btn-video7 {
  background-position: -4.48rem -2rem;
  width: 1.23rem;
  height: 1.27rem;
}

.btn,
.btn-cancel,
.btn2,
.btn4,
.btn_pc {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250429spiritblossomsell/btn_pc.png);
  background-size: 5.95rem 2.44rem;
  background-repeat: no-repeat;
}

.btn-cancel {
  background-position: -3rem -0.83rem;
  width: 2.84rem;
  height: 0.65rem;
}

.btn {
  background-position: -3rem -1.53rem;
  width: 2.84rem;
  height: 0.64rem;
}

.btn1 {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/btn_unlock1.png) no-repeat;
  width: 4.13rem;
  height: 1.06rem;
  background-size: 100% 100%;
}

.btn_know {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/btn_know.png) no-repeat;
  width: 4.13rem;
  height: 1.06rem;
  background-size: 100% 100%;
}

.part04 .btn1,
.part05 .btn1,
.part08 .btn1 {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/btn_unlock2.png) no-repeat;
  background-size: 100% 100%;
}

.btn2 {
  background-position: 0 -0.83rem;
  width: 2.95rem;
  height: 0.78rem;
}

.btn3 {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/btn_unlock1.png) no-repeat;
  width: 4.13rem;
  height: 1.06rem;
  background-size: 100% 100%;
}

.btn4 {
  background-position: -3rem 0;
  width: 2.95rem;
  height: 0.78rem;
}

.icon11,
.icon12,
.icon3,
.icon4,
.icon5,
.icon7,
.icon8,
.icon9,
.icons_pc,
.label2 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250429spiritblossomsell/icons_pc.png);
  background-size: 7.21rem 1.86rem;
  background-repeat: no-repeat;
}

.icon10 {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/sq_icon.png);
  background-size: 100% 100%;
  width: 0.39rem;
  height: 0.26rem;
  margin-bottom: 0.02rem;
}

.icon11 {
  background-position: -1.39rem -0.12rem;
  width: 1.34rem;
  height: 0.48rem;
}

.icon12 {
  background-position: -3.97rem -0.12rem;
  width: 1.14rem;
  height: 0.34rem;
}

.icon3 {
  background-position: 0 -0.65rem;
  width: 2.84rem;
  height: 0.1rem;
}

.icon4 {
  width: 0.07rem;
  height: 0.07rem;
  background: #dac7a9;
  -webkit-transform: rotateZ(45deg);
      -ms-transform: rotate(45deg);
          transform: rotateZ(45deg);
}

.icon5 {
  background-position: 0 0;
  width: 7.21rem;
  height: 0.07rem;
}

.icon7 {
  background-position: 0 -0.12rem;
  width: 1.34rem;
  height: 0.48rem;
}

.icon8 {
  background-position: -2.78rem -0.12rem;
  width: 1.14rem;
  height: 0.34rem;
}

.icon9 {
  background-position: -6.67rem -0.12rem;
  width: 0.25rem;
  height: 0.24rem;
}

.label2 {
  background-position: -1.06rem -0.8rem;
  width: 1.01rem;
  height: 0.31rem;
}

.btn-video1,
.btn-video2,
.btn-video3,
.btn-video4,
.btn-video5,
.btn-video6,
.btn-video7,
.btn_video_pc {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250429spiritblossomsell/btn_video_pc.png);
  background-size: 5.83rem 3.59rem;
  background-repeat: no-repeat;
}

.btn-video1 {
  background-position: 0 0;
  width: 1.91rem;
  height: 1.95rem;
}

.btn-video2 {
  background-position: 0 -2rem;
  width: 1.55rem;
  height: 1.59rem;
}

.btn-video3 {
  background-position: -3.2rem -2rem;
  width: 1.23rem;
  height: 1.27rem;
}

.btn-video4 {
  background-position: -1.96rem 0;
  width: 1.91rem;
  height: 1.95rem;
}

.btn-video5 {
  background-position: -3.92rem 0;
  width: 1.91rem;
  height: 1.95rem;
}

.btn-video6 {
  background-position: -1.6rem -2rem;
  width: 1.55rem;
  height: 1.59rem;
}

.btn-video7 {
  background-position: -4.48rem -2rem;
  width: 1.23rem;
  height: 1.27rem;
}

/*!# sourceMappingURL=index.css.map */
/* ????? --------------------------------------------------------------------------------------------------------------------*/
.g-wrap a {
  -webkit-transition: -webkit-filter 0.3s;
  transition: -webkit-filter 0.3s;
  transition: filter 0.3s;
  transition: filter 0.3s, -webkit-filter 0.3s;
}

.g-wrap a:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}

.g-wrap > .head {
  margin: auto;
  width: 25.6rem;
  height: 16.5rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/bg_01.jpg);
  background-repeat: no-repeat;
  background-size: 25.6rem 100%;
  background-repeat: no-repeat;
  position: relative;
}

.g-wrap > .head > .logo {
  display: block;
  position: absolute;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/lol_logo1.png);
  background-repeat: no-repeat;
  background-size: 100%;
  top: 0.42rem;
  left: 0.34rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  outline: 0;
  z-index: 999;
  width: 2.22rem;
  height: 0.62rem;
}

.g-wrap > .head > .logo2025 {
  display: block;
  position: absolute;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/lol_logo2.png);
  background-repeat: no-repeat;
  background-size: 100%;
  top: 0.42rem;
  left: 2.8rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  outline: 0;
  z-index: 999;
  width: 2.53rem;
  height: 0.48rem;
}

/* .g-wrap>.head>.djc {
    display: block;
    position: absolute;
    background-image: url(//game.gtimg.cn/images/lol/act/a20250429spiritblossomsell/logo-djc.png);
    background-repeat: no-repeat;
    background-size: 100%;
    top: 0.48rem;
    left: 3.08rem;
    width: 1.20rem;
 height: 0.44rem;
} */
.g-wrap > .head > .loginContainer {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 15.6rem;
  right: 0%;
  z-index: 999;
  color: #ffffff;
  font-size: 0.22rem;
}

.loginContainer * {
  display: inline;
}

.g-wrap > .head > .loginContainer > span,
.g-wrap > .head > .loginContainer a,
.g-wrap > .head > .loginContainer > span,
.g-wrap > .head > .loginContainer > div {
  display: inline-block;
  vertical-align: bottom;
}

.g-wrap > .head > .loginContainer a {
  color: #ff00a3;
  text-decoration: underline;
}

.g-wrap > .main > .part01 > .part-title {
  width: 17.88rem;
  height: 4.26rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/part_title1.png);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: -1.7rem;
  left: 50%;
  margin-left: -8.94rem;
}

.g-wrap > .main > .part07 > .part-title {
  width: 20.25rem;
  height: 4.26rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/part_title2.png);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: -1rem;
  left: 50%;
  margin-left: -10.12rem;
}

.g-wrap > .main > .part01 > .part-title > p,
.g-wrap > .main > .part07 > .part-title > p {
  text-align: center;
  color: #5c327d;
  font-size: 0.7rem;
  margin-top: 1.65rem;
}

.g-wrap > .main > .part10 > div {
  width: 19.9rem;
  position: absolute;
  top: 0.1rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.g-wrap > .main > .part10 > div > div {
  text-align: center;
}

.g-wrap > .main > .part10 > div > div > div {
  margin: auto;
}

.g-wrap > .main > .part10 > div > div > .btn1 {
  margin-top: 0.3rem;
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/btn_unlock2.png) no-repeat;
  background-size: 100% 100%;
}

.g-wrap > .main > .part10 > div > div > p:nth-last-child(1) {
  margin-top: 0.3rem;
  font-size: 0.16rem;
}

.g-wrap > .main > .part10 > div > div > p:nth-last-child(1) > span {
  color: #1058ad;
  font-weight: 600;
}

.g-wrap > .main > .part10 > div > div:nth-child(1) > div:nth-child(1) {
  width: 6.4rem;
  height: 3.84rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/text.png);
  background-size: 100%;
  background-position: 0% 0%;
  background-repeat: no-repeat;
  margin: auto;
  margin-top: 0.6rem;
  margin-bottom: 0.27rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 2.42rem;
}

.g-wrap > .main > .part10 > div > div:nth-child(1) > div:nth-child(1) > p:nth-child(1) {
  font-size: 0.16rem;
  color: #d6e6f0;
  margin-right: 0.22rem;
}

.g-wrap > .main > .part10 > div > div:nth-child(1) > div:nth-child(1) > p:nth-child(2) {
  font-size: 0.21rem;
  font-weight: bold;
  color: #d6e6f0;
}

.g-wrap > .main > .part10 > div > div:nth-child(1) > .icon3 {
  margin: auto;
  line-height: 0.0757575758rem;
  text-align: center;
  margin-top: 0.2045454545rem;
  margin-bottom: 0.1666666667rem;
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/gift_icon.png);
  background-size: 100% 100%;
  background-position: 0 0;
  width: 3.79rem;
  height: 0.13rem;
}
.g-wrap > .main > .part10 > div > div:nth-child(1) > .icon3 p {
  font-size: 0.19rem;
  color: #d8ecf7;
}

.g-wrap > .main .currency-box > p,
.g-wrap > .main .currency-box3 > p {
  margin-top: 0.18rem;
  font-size: 0.23rem;
  line-height: 0.34rem;
}

.g-wrap > .main .currency-box > p {
  color: #c19055;
}

.g-wrap > .main .currency-box2 > p {
  color: #ca9b5b;
  font-size: 0.22rem;
  text-align: center;
  line-height: 0.26rem;
  margin-top: 0.13rem;
}

.g-wrap > .main .currency-box3 > p {
  color: #515151;
}

/* 
.g-wrap>.main>.part10>div>div>div .currency-box>p {
    margin-left: -0.01rem;
    line-height: 0.14rem;
    font-size: 0.12rem;
    margin-top: 0.06rem;
} */
.g-wrap .price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.g-wrap .price > div:nth-child(2) > p:nth-child(2) {
  font-size: 0.54rem;
  line-height: 1;
}

.g-wrap .part10 .price > div:nth-child(2) > p:nth-child(2) {
  font-size: 0.72rem;
  line-height: 1;
  margin-bottom: 0.05rem;
}

.g-wrap .price > div:nth-child(2) {
  height: 0.98rem;
  margin-left: 0.1515151515rem;
}

.g-wrap .price > div:nth-child(3) > p:nth-child(1) {
  color: #cfa15f;
  font-size: 0.26rem;
}

.g-wrap .price > div:nth-child(3) > p:nth-child(2) {
  color: #83a1b2;
  font-size: 0.18rem;
}

.g-wrap .part10 .price > p:nth-child(3) {
  margin-bottom: -0.08rem;
  margin-left: 0.04rem;
}

.g-wrap .price > div:nth-child(3) {
  margin-left: 0.1rem;
  text-align: left;
}

.g-wrap .bg-show-price > div:nth-child(2) {
  height: 1.33rem;
  line-height: 1;
}

.g-wrap > .main > .content > .bg-show > .show-content > .top > .right .bg-show-price > div:nth-child(2) > .text-color4 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(28%, #0d57ac), color-stop(70%, #4874c9));
  background-image: linear-gradient(to bottom, #0d57ac 28%, #4874c9 70%);
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.g-wrap .bg-show-price > div:nth-child(2) > p:nth-child(1) {
  font-size: 1.33rem;
  letter-spacing: -0.05rem;
  margin-left: -0.0909090909rem;
}

.g-wrap .bg-show-price > div:nth-child(2) > p:nth-child(2) {
  font-size: 0.6rem;
  margin-bottom: 0.1rem;
  margin-left: -0.14rem;
}

.g-wrap .btn1 {
  display: block;
  margin: auto;
  margin-top: 0.35rem;
}

.g-wrap .bottom .btn1 {
  margin-top: 0.2rem;
}

.g-wrap .btn4 {
  display: block;
  margin: auto;
  margin-top: 0.3939393939rem;
}

.g-wrap > .main > .content > .bnttom-night > .right .btn4 {
  margin-top: 0.1515151515rem;
}

.g-wrap > .main > .part10 > div > div:nth-child(1) > ul > li {
  height: 0.38rem;
  border-radius: 0.22rem;
  border: 1px solid #83a1b2;
  text-align: center;
  line-height: 0.38rem;
  display: inline-block;
  vertical-align: top;
  margin-right: 0.06rem;
  padding: 0.02rem 0.2rem;
  font-size: 0.18rem;
  color: #83a1b2;
}

.g-wrap > .main > .part10 > div > div:nth-child(1) > ul > li > span {
  color: #83a1b2;
  font-weight: bold;
}

.g-wrap > .main > .part10 > div > div:nth-child(1) > ul > li:nth-last-child(1) {
  margin-right: 0rem;
}

.g-wrap > .main > .part10 > div > .inbetweening-list {
  width: 12.2rem;
  height: 9.77rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}

.g-wrap > .main > .part10 > div > .inbetweening-list > img {
  display: inline-block;
  width: 2.23rem;
  height: 9.77rem;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.g-wrap > .main > .part10 > div > .inbetweening-list .jiange {
  display: inline-block;
  width: 0.13rem;
  height: 9.77rem;
  margin: 0 0.06rem;
}

.g-wrap > .main > .part09 > .scenery {
  width: 25.6rem;
  height: 7.89rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/scenery.png);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 11.42rem;
  left: 0rem;
  z-index: 20;
  pointer-events: none;
}

.g-wrap > .main > .part09 > .Progress-indication {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 0rem;
  left: 0%;
  font-size: 0.16rem;
  color: #6a6673;
  line-height: 0.2rem;
}

.g-wrap > .main > .part09 > .Progress-indication > p > span {
  font-size: 0.3rem;
  color: #b48a5e;
  margin: 0 0.15rem;
}

.g-wrap > .main > .part09 > .skinnumtext {
  width: 100%;
  position: absolute;
  top: 18.9rem;
  text-align: center;
  color: #d8ebf7;
  font-size: 0.21rem;
}

.g-wrap > .main > .part09 > .skinnumtext span {
  color: #ff00a3;
  font-weight: bold;
}

.g-wrap > .main > .part09 > .btn-flex {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 19.5rem;
}

.g-wrap > .main > .part09 > .btn-flex .btn-share {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/btn_share.png) no-repeat;
  width: 4.13rem;
  height: 1.06rem;
  background-size: 100% 100%;
  margin: 0 0.58rem;
}

.g-wrap > .main > .part09 > .btn-flex .btn-getface {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/btn_getface.png) no-repeat;
  width: 4.13rem;
  height: 1.06rem;
  background-size: 100% 100%;
  margin: 0 0.58rem;
}
.g-wrap > .main > .part09 > .btn-flex .btn-getface.gray {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  pointer-events: none;
}

.g-wrap > .main > .part09 > .rule {
  width: 23.79rem;
  height: 2.36rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/rule_box.png);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 21.2rem;
  left: 50%;
  margin-left: -11.9rem;
  z-index: 24;
}

.g-wrap > .main > .part09 > .rule > h3 {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/giftbox_rule_tit.png) no-repeat;
  background-size: 100% 100%;
  width: 1.47rem;
  height: 1.35rem;
  font-size: 0.28rem;
  color: #5c327c;
  position: absolute;
  top: 0.55rem;
  left: 5.1rem;
  font-size: 0;
}

.g-wrap > .main > .part09 > .rule > p {
  position: absolute;
  bottom: -0.5rem;
  width: 100%;
  text-align: center;
  font-size: 0.18rem;
}

.g-wrap > .main > .part09 > .rule > p > a {
  color: #ff00a3;
  font-weight: 600;
}

.g-wrap > .main > .part09 > .rule > ul {
  width: 10rem;
  font-size: 0.2rem;
  color: #d8ecf7;
  position: absolute;
  position: absolute;
  top: 0.4rem;
  left: 7.7rem;
}

.g-wrap > .main > .part09 > .rule > ul li::before {
  content: "";
  width: 0.07rem;
  height: 0.07rem;
  background-color: #f0c47c;
  margin-right: 0.15rem;
  display: inline-block;
  vertical-align: 0.05rem;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.g-wrap > .main > .part09 > .btn-share > p {
  font-size: 0.22rem;
  color: #4e4e4e;
  position: absolute;
  top: -0.5rem;
}

.g-wrap > .main > .part09 > .btn-share > p:nth-of-type(1) {
  left: 0.85rem;
}

.g-wrap > .main > .part09 > .btn-share > p:nth-of-type(1) > span {
  color: #ff00a3;
  font-weight: 600;
}

.g-wrap > .main > .part09 > .btn-share > p:nth-of-type(2) > span {
  color: #9839d5;
  font-weight: 600;
}

.g-wrap > .main > .part09 > .btn-share > p:nth-of-type(2) {
  right: 2.6rem;
}

.g-wrap > .main > .part09 > .btn-share > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 0.78rem;
}

.g-wrap > .main > .part09 > .btn-share > div > a {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.g-wrap .content > .content-role {
  position: absolute;
  top: 3rem;
  left: 0rem;
  /* background-image: url(//game.gtimg.cn/images/lol/act/a20250429spiritblossomsell/role3.png); */
  background-repeat: no-repeat;
  background-size: 19.2rem 100%;
  background-position: 0% 0%;
  width: 100%;
  height: 12.21rem;
  pointer-events: none;
}

.g-wrap > .main > .content > .top {
  width: 4.13rem;
  margin-top: 0rem;
  position: absolute;
  top: 5.5rem;
  z-index: 1;
}

.g-wrap > .main > .part01 > .top {
  z-index: 26;
}

.g-wrap > .main > .part02 > .top {
  top: 2.85rem;
  z-index: 26;
}

.g-wrap > .main > .part04 > .top {
  top: 4.48rem;
}

.g-wrap > .main > .part05 > .top {
  top: 1.85rem;
}

.g-wrap > .main > .part06 > .top {
  top: 2.5rem;
}

.g-wrap > .main > .part07 > .top {
  top: 23rem;
}

.g-wrap > .main > .part08 > .top {
  top: 3rem;
}

.g-wrap > .main > .part11 > .top {
  margin-top: 0.5rem;
}

.g-wrap > .main > .content > .top-right {
  right: 4.7rem;
}

.g-wrap > .main > .content.part01 > .top-right {
  right: 3.34rem;
}

.g-wrap > .main > .content > .top-left {
  left: 4.2rem;
}

.g-wrap > .main > .content > .top .buy-tips {
  text-align: center;
  color: #939393;
  font-size: 0.195rem;
  line-height: 0.3rem;
  text-decoration: underline;
  margin-top: 0.2rem;
  cursor: pointer;
  position: relative;
}

.g-wrap > .main > .content > .top .buy-tips .xc-float {
  background: url(//game.gtimg.cn/images/lol/act/a20250429spiritblossomsell/xc_float1.png) no-repeat;
  width: 3.86rem;
  height: 3.21rem;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: -3.25rem;
  text-align: center;
  color: #5b3080;
  font-size: 0.21rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 2.3rem;
  z-index: 10;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  pointer-events: none;
}

.g-wrap > .main > .part02 > .top .buy-tips .xc-float {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/xc-float2.png) no-repeat;
  background-size: 100% 100%;
}

.g-wrap > .main > .content > .top .buy-tips:hover .xc-float {
  opacity: 1;
}

.g-wrap > .main > .content > .top > .name > .video {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/btn_play1.png) no-repeat;
  width: 1.3rem;
  height: 1.42rem;
  background-size: 100% 100%;
  position: absolute;
  left: 3.22rem;
  top: 1.3rem;
  z-index: 2;
  -webkit-animation: 1.8s ease infinite breath;
          animation: 1.8s ease infinite breath;
}

.g-wrap > .main > .part02 > .top > .name > .video {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/btn_play2.png) no-repeat;
  width: 1.3rem;
  height: 1.42rem;
  background-size: 100% 100%;
  position: absolute;
  left: 5.2rem;
  top: 2.65rem;
  z-index: 2;
  -webkit-animation: 1.8s ease infinite breath;
          animation: 1.8s ease infinite breath;
}

.g-wrap > .main > .part01 > .top > .name > .video {
  top: 2.8rem;
}

.g-wrap > .main > .part04 > .top > .name > .video {
  top: 1.95rem;
  left: 5.04rem;
}

.g-wrap > .main > .part05 > .top > .name > .video {
  left: -1rem;
  top: 2.15rem;
}

.g-wrap > .main > .part06 > .top > .name > .video {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/btn_play2.png) no-repeat;
  left: 5.4rem;
  top: 2.15rem;
  background-size: 100% 100%;
}

.g-wrap > .main > .part07 > .top > .name > .video {
  left: 4.7rem;
  top: 1.2rem;
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/btn_play3.png) no-repeat;
  background-size: 100% 100%;
}

.g-wrap > .main > .part08 > .top > .name > .video {
  top: 0.85rem;
  left: -1.5rem;
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/btn_play3.png) no-repeat;
  background-size: 100% 100%;
}

.g-wrap > .main > .content > .top > .name1 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/name1.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0% 0%;
  width: 3.16rem;
  height: 4.38rem;
}

.g-wrap > .main > .content > .top > .name2 {
  /* background-image: url(//game.gtimg.cn/images/lol/act/a20250429spiritblossomsell/name2.png); */
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0% 0%;
  width: 2.15rem;
  height: 3.35rem;
  position: relative;
}

.g-wrap > .main > .content > .top > .content-price > div:nth-child(2) {
  margin-bottom: -0.52rem;
  margin-left: 0.0454545455rem;
}

.g-wrap > .main > .content .content-price > div:nth-child(2) {
  margin-bottom: -0.52rem;
  margin-left: 0.0454545455rem;
}

.fcprice {
  color: #c19055;
}

.g-wrap > .main > .content > .top > .name > p {
  width: 5rem;
  text-align: center;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 2rem;
  left: 50%;
  display: none;
}

.g-wrap .content > .bottom .buy-tips2 {
  position: absolute;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -0.4rem;
  color: #939393;
  font-size: 0.195rem;
  text-decoration: underline;
  cursor: pointer;
}

.g-wrap .content > .bottom .buy-tips2 .xc-float {
  background: url(//game.gtimg.cn/images/lol/act/a20250429spiritblossomsell/xc_float1.png) no-repeat;
  width: 3.86rem;
  height: 3.21rem;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: -3.25rem;
  text-align: center;
  color: #5b3080;
  font-size: 0.21rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 2.3rem;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  pointer-events: none;
}

.g-wrap .part02 > .bottom .buy-tips2 .xc-float {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/xc-float2.png) no-repeat;
  background-size: 100% 100%;
}

.g-wrap .content > .bottom .buy-tips2:hover .xc-float {
  opacity: 1;
}

.g-wrap .content > .bottom {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250429spiritblossomsell/grown_bg1.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0% 0%;
  width: 19.31rem;
  height: 5.48rem;
  position: absolute;
  left: 50%;
  top: 10.05rem;
  margin-left: -9.655rem;
  z-index: 25;
}

.g-wrap .part01 > .bottom {
  top: 10rem;
}

.g-wrap > .main > .part02 > .bnttom-night {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/grown_bg2.png);
  width: 19.31rem;
  height: 5.48rem;
  top: 11.16rem;
}

.g-wrap > .main > .part03 > .bnttom-three {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/grown_bg3.png);
  width: 19.31rem;
  height: 6.01rem;
  top: 11.26rem;
}

.g-wrap .part04 > .bottom {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/grown_bg4.png);
  width: 19.31rem;
  height: 5.38rem;
  top: 13.1rem;
}

.g-wrap .part05 > .bottom {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/grown_bg5.png);
  width: 19.31rem;
  height: 4.27rem;
  top: 10.75rem;
}

.g-wrap .part06 > .bottom {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/grown_bg6.png);
  width: 19.31rem;
  height: 5.3rem;
  top: 11.32rem;
}

.g-wrap > .main > .content > .bottom > .right {
  width: 4.13rem;
  text-align: center;
  padding-top: 0.95rem;
  margin-right: 1.6rem;
}

.g-wrap > .main > .content > .bottom > .right .bottom-price {
  text-align: left;
  padding-left: 0.17rem;
}

.g-wrap > .main > .part01 > .bottom > .right {
  width: 3.38rem;
  text-align: center;
  padding-top: 1.1rem;
  margin-right: 1rem;
}

.g-wrap > .main > .part02 > .bottom > .right {
  width: 4.13rem;
  text-align: center;
  padding-top: 1.8rem;
  margin-right: 1.6rem;
}

.g-wrap > .main > .part04 > .bottom > .right {
  padding-top: 1.9rem;
}

.g-wrap > .main > .part06 > .bottom > .right {
  padding-top: 1.75rem;
}

.g-wrap > .main > .part07 > .bottom > .right {
  padding-top: 0.55rem;
}

.g-wrap > .main > .part08 > .bottom > .right {
  padding-top: 0.84rem;
}

.g-wrap > .main > .content > .bottom > .left {
  padding-top: 2.15rem;
  margin-left: 1.38rem;
}

.g-wrap > .main > .part01 > .bottom > .left {
  padding-top: 1.45rem;
}

.g-wrap > .main > .part03 > .bottom > .left {
  padding-top: 1.85rem;
}

.g-wrap > .main > .part03 > .bottom > .right {
  padding-top: 1.6rem;
}

.g-wrap > .main > .part04 > .bottom > .left {
  padding-top: 2.3rem;
}

.g-wrap > .main > .content > .bottom > .right .bottom-price > div:nth-child(2) > p::first-letter {
  letter-spacing: -0.05rem;
}

.g-wrap > .main > .part05 > .bottom > .left {
  padding-top: 1.4rem;
}

.g-wrap > .main > .part06 > .bottom > .left {
  padding-top: 2.15rem;
}

.g-wrap > .main > .part07 > .bottom > .left {
  padding-top: 1.2rem;
}

.g-wrap > .main > .part08 > .bottom > .left {
  padding-top: 1.5rem;
}

.g-wrap > .main > .part02 > .bottom > .left {
  padding-top: 2.15rem;
}

.g-wrap > .main > .content > .bottom > .left > p:nth-child(1) {
  margin-right: 0.1rem;
}

.g-wrap > .main > .content.part04 > .bottom > .left > p:nth-child(1),
.g-wrap > .main > .content.part05 > .bottom > .left > p:nth-child(1) {
  color: #6700ff;
}

.g-wrap > .main > .content > .bottom > .left > ul > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.g-wrap > .main > .content > .bottom > .left > ul > li:nth-child(1) {
  margin-bottom: 0.1557575758rem;
  margin-top: 0.1512121212rem;
}

.g-wrap > .main > .content > .bottom > .left > ul > li > p:nth-child(2) {
  margin-left: 0.12rem;
  margin-right: 0.12rem;
  color: #646464;
}

.g-wrap > .main > .content > .bottom > .left > ul > li > .fz16 {
  color: #5b3080;
}

.g-wrap > .main > .content > .bottom > .right > .bottom-price > p {
  color: #c8985a;
}

.g-wrap > .main > .content > .bottom > .right > .bottom-price > .fcprice {
  margin-bottom: 0.38rem;
  font-size: 0.27rem;
}

.g-wrap > .main > .content > .bottom > .right > .bottom-price > p:nth-of-type(2) {
  width: 100%;
  font-size: 0.19rem;
  color: #8f8f8f;
  position: absolute;
  left: 2.2rem;
  top: 0.74rem;
}

.g-wrap > .main > .content > .bottom-night > .right > .bottom-price > p:nth-of-type(2) {
  font-size: 0.14rem;
  color: #b2c0e2;
  margin-top: 0.1rem;
  text-align: left;
  padding-left: 0.75rem;
}

.g-wrap > .main > .content > .bottom > .right .btn3,
.g-wrap > .main > .content > .bnttom-night > .right .btn4 {
  margin: auto;
  margin-top: 0.2rem;
  position: relative;
  z-index: 999;
}

.g-wrap > .main > .content > .bottom > .right > p {
  line-height: 0.2727272727rem;
  font-size: 0.14rem;
  color: #dbe6ff;
}

.g-wrap > .main > .content > .bnttom-night > .right > p {
  line-height: 0.2727272727rem;
  font-size: 0.14rem;
  color: #8794b3;
}

.g-wrap > .main > .content > .bottom .bottom-price > div:nth-child(2) {
  /* margin-left: -0.06rem; */
}

.g-wrap > .main > .content > .bg-show {
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0 0;
  width: 13.11rem;
  height: 2.21rem;
  position: absolute;
  bottom: 0rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 20;
}
.g-wrap > .main > .content > .bg-show .show-icon {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/color_show1.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0 0;
  width: 17.41rem;
  height: 2.35rem;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  cursor: pointer;
  z-index: 10;
}

.g-wrap > .main > .content > .bg-show:hover .show-icon {
  -webkit-transform: translateX(-50%) scale(1.08);
      -ms-transform: translateX(-50%) scale(1.08);
          transform: translateX(-50%) scale(1.08);
  -webkit-filter: brightness(1.05);
          filter: brightness(1.05);
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.g-wrap > .main > .part02 > .bg-show {
  bottom: -0.65rem;
}

.g-wrap > .main > .part03 > .bg-show {
  bottom: 1.5rem;
}

.g-wrap > .main > .part04 > .bg-show {
  bottom: 0.85rem;
}

.g-wrap > .main > .part05 > .bg-show {
  bottom: 3.25rem;
}

.g-wrap > .main > .part06 > .bg-show {
  width: 13.05rem;
  height: 1.76rem;
  position: absolute;
  bottom: 2.1rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 20;
}

.g-wrap > .main > .part02 > .bg-show .show-icon,
.g-wrap > .main > .part03 > .bg-show .show-icon {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/color_show2.png);
}

.g-wrap > .main > .part06 > .bg-show .show-icon {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/color_show2.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0 0;
  width: 17.41rem;
  height: 2.35rem;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  cursor: pointer;
  z-index: 10;
}

.g-wrap > .main > .part06 > .bg-show > div > p {
  color: #cdcdcd;
}

.g-wrap > .main > .content.part06 > .bg-show > div {
  bottom: -0.1rem;
}

.g-wrap > .main > .content > .bg-show .h-show {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/color_show1.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0% 0%;
  width: 2.6742424242rem;
  height: 1.6666666667rem;
  margin-top: 0.6060606061rem;
  margin-left: 0.8939393939rem;
  margin-bottom: -0.2272727273rem;
  display: none;
}

.g-wrap > .main > .content > .bg-show-night .h-show {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250429spiritblossomsell/color_show3.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0% 0%;
  width: 2.6136363636rem;
  height: 2.0757575758rem;
  margin-top: -0.0909090909rem;
  margin-left: 0.4545454545rem;
  margin-bottom: -0.2272727273rem;
  display: none;
}

.g-wrap > .main > .content > .bg-show-night > div > p {
  /* color: #f2dabd; */
}

.g-wrap > .main > .content > .bg-show-night > div > p::after {
  background-color: #f2dabd !important;
}

.g-wrap > .main > .content > .bg-show-night > div > p::before {
  background-color: #f2dabd !important;
}

.g-wrap > .main > .content > .bg-show > div {
  width: 5rem;
  position: absolute;
  bottom: -0.1rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.g-wrap > .main > .content > .bg-show > div > p {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  margin: auto;
  font-size: 0.22rem;
  color: #cdcdcd;
  top: 0.6rem;
}

.g-wrap > .main > .content > .bg-show > div > p::after {
  display: block;
  content: "";
  width: 0.03rem;
  height: 0.03rem;
  background-color: #cdcdcd;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  left: -0.4rem;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.g-wrap > .main > .content > .bg-show > div > p::before {
  display: block;
  content: "";
  width: 0.03rem;
  height: 0.03rem;
  background-color: #cdcdcd;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  right: -0.4rem;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.g-wrap > .main > .content.part02 > .bg-show > div > p,
.g-wrap > .main > .content.part03 > .bg-show > div > p,
.g-wrap > .main > .content.part06 > .bg-show > div > p {
  color: #323232;
}

.g-wrap > .main > .content.part02 > .bg-show > div > p::before,
.g-wrap > .main > .content.part02 > .bg-show > div > p::after,
.g-wrap > .main > .content.part03 > .bg-show > div > p::before,
.g-wrap > .main > .content.part03 > .bg-show > div > p::after,
.g-wrap > .main > .content.part06 > .bg-show > div > p::before,
.g-wrap > .main > .content.part06 > .bg-show > div > p::after {
  content: "";
  background-color: #323232;
}

.g-wrap > .main > .part01 > .top > .logo3 {
  width: 1.56rem;
  position: absolute;
  top: 1.92rem;
  left: 3.6rem;
}

.g-wrap > .main > .part02 > .top > .logo2 {
  width: 1.3rem;
  position: absolute;
  top: 1.88rem;
  left: 4.75rem;
}

.g-wrap > .main > .content > .top > a:nth-last-child(1) {
  text-align: center;
  color: #404040;
  -webkit-text-decoration: revert;
          text-decoration: revert;
  width: 100%;
}

.g-wrap > .main > .content > .top > p:nth-last-child(1) > span {
  cursor: pointer;
  color: #3687d7;
}

.g-wrap > .main > .part07 > .top > a:nth-last-child(1),
.g-wrap > .main > .part08 > .top > a:nth-last-child(1),
.g-wrap > .main > .part11 > .top > a:nth-last-child(1) {
  color: #b2c0e2;
}

.fb2 {
  color: #b2c0e2;
}

.g-wrap .part01 {
  margin: auto;
  width: 25.6rem;
  height: 18rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/bg_02.jpg);
  background-repeat: no-repeat;
  position: relative;
}

.g-wrap .part02 {
  margin: auto;
  height: 18rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/bg_03.jpg);
  background-repeat: no-repeat;
  position: relative;
  z-index: 4;
}

.g-wrap .part03 {
  margin: auto;
  height: 20rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/bg_04.jpg);
  background-position: 0% 0%;
  background-repeat: no-repeat;
  position: relative;
}

.g-wrap .part04 {
  margin: auto;
  height: 21.8rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/bg_05.jpg);
  background-repeat: no-repeat;
  position: relative;
}

.g-wrap .part05 {
  margin: auto;
  height: 21rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/bg_06.jpg);
  background-repeat: no-repeat;
  position: relative;
}

.g-wrap .part06 {
  margin: auto;
  height: 21rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/bg_07.jpg);
  background-repeat: no-repeat;
  position: relative;
  z-index: 7;
}

#morgana {
  width: 100%;
  height: 0.1rem;
  position: absolute;
  left: 0;
  top: 2.6rem;
  pointer-events: none;
}

.g-wrap > .main > .content.partnew > .top > .name1 {
  width: 4.92rem;
  height: 3.75rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/name7.png);
}

.g-wrap > .main > .content.partnew > .top > .name > .video {
  left: 5.08rem;
  top: 1.9rem;
}

.g-wrap > .main > .content.partnew > .top-left {
  left: 3.6rem;
  top: 11.9rem;
}

.g-wrap .partnew {
  margin: auto;
  height: 29.5rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/bg_08.jpg);
  background-repeat: no-repeat;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 16.35rem;
}
.g-wrap .partnew .btn_know {
  position: absolute;
  left: 15.2rem;
  top: 2.1rem;
}
.g-wrap .partnew .khd-tips {
  width: 11.82rem;
  height: 1.38rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/khd-rule2.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  left: 7.5rem;
  top: 1.93rem;
  text-indent: -999em;
}
.g-wrap .partnew .khd-tips p {
  font-size: 0.22rem;
  color: #d8ebf7;
  line-height: 0.34rem;
}
.g-wrap .partnew .khd-tips p span {
  font-weight: bold;
  color: #ffffff;
}
.g-wrap .partnew .khd-tips p:nth-child(2) {
  font-size: 0.18rem;
}
.g-wrap .partnew .skill-list {
  width: 17.56rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.g-wrap .partnew .skill-list .skill-item {
  width: 8.3rem;
  height: 5.66rem;
}
.g-wrap .partnew .skill-list .skill-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
  font-size: 0.22rem;
  color: #d8ebf7;
  height: 0.62rem;
}
.g-wrap .partnew .skill-list .skill-txt::before {
  content: "";
  width: 0.25rem;
  height: 0.17rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/skill-de.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin: 0 0.16rem;
}
.g-wrap .partnew .skill-list .skill-txt::after {
  content: "";
  width: 0.25rem;
  height: 0.17rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/skill-de.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
  margin: 0 0.16rem;
}
.g-wrap .partnew .skill-list .skill-pic {
  width: 8.3rem;
  height: 4.67rem;
  position: relative;
}
.g-wrap .partnew .skill-list .skill-pic::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 8.33rem;
  height: 4.8rem;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/skill-mask.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.g-wrap .partnew .skill-list .skill-pic img {
  width: 100%;
  height: 100%;
  border-radius: 0.22rem;
  -o-object-fit: cover;
     object-fit: cover;
}

.g-wrap .part07 {
  margin: auto;
  height: 34rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/bg_09.jpg);
  background-repeat: no-repeat;
  position: relative;
  z-index: 6;
}

.g-wrap .part08 {
  margin: auto;
  height: 42.5rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/bg_10.jpg);
  background-repeat: no-repeat;
  position: relative;
}

.g-wrap .part09 {
  margin: auto;
  height: 24.3rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/bg_11.jpg);
  background-repeat: no-repeat;
  position: relative;
}

.g-wrap .part10 {
  margin: auto;
  height: 11rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/bg_12.jpg);
  background-repeat: no-repeat;
  position: relative;
  z-index: 3;
}

.g-wrap .part11 {
  margin: auto;
  height: 19.4rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/bg_13.jpg);
  background-repeat: no-repeat;
  position: relative;
  z-index: 2;
}

.g-wrap .part12 {
  margin: auto;
  height: 16.2rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/bg_14.jpg);
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
}

.g-wrap > .main > .part02 > .top > .name > p {
  width: 6rem;
  top: 1.85rem;
}

.pop-content h4 {
  font-family: "fzss";
  font-size: 0.58rem;
  color: #5d317d;
  text-align: center;
  font-weight: normal;
  line-height: 1;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(43%, #fa319e), to(#fa7fff));
  background-image: linear-gradient(to bottom, #fa319e 43%, #fa7fff 100%);
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.pop-content .btn-cancel,
.pop-content .btn {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/dia_btn1.png) no-repeat;
  width: 4.83rem;
  height: 1.25rem;
  background-size: 100% 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-bottom: 0.2rem;
}
.pop-content .btn-cancel::before,
.pop-content .btn::before {
  content: "";
  width: 0.08rem;
  height: 0.08rem;
  border-radius: 50%;
  background-color: #f8ebc4;
  -webkit-filter: drop-shadow(0.03rem 0.03rem rgba(0, 0, 0, 0.14));
          filter: drop-shadow(0.03rem 0.03rem rgba(0, 0, 0, 0.14));
  margin-right: 0.35rem;
}
.pop-content .btn-cancel::after,
.pop-content .btn::after {
  margin-left: 0.35rem;
  content: "";
  width: 0.08rem;
  height: 0.08rem;
  border-radius: 50%;
  background-color: #f8ebc4;
  -webkit-filter: drop-shadow(0.03rem 0.03rem rgba(0, 0, 0, 0.14));
          filter: drop-shadow(0.03rem 0.03rem rgba(0, 0, 0, 0.14));
}

.pop-content .btn:nth-of-type(2) {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/dia_btn2.png) no-repeat;
  background-size: 100% 100%;
}

.pop-content .btn-cancel:hover,
.pop-content .btn:hover {
  text-decoration: none;
}

.pop-content .btn-cancel > p,
.pop-content .btn > p {
  color: #ffffff;
  line-height: 1;
  font-size: 0.5rem;
  text-align: center;
  font-family: "fzss";
  font-weight: normal;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fbf0c8));
  background-image: linear-gradient(to bottom, #ffffff, #fbf0c8);
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  -webkit-filter: drop-shadow(0.03rem 0.03rem rgba(0, 0, 0, 0.34));
          filter: drop-shadow(0.03rem 0.03rem rgba(0, 0, 0, 0.34));
}

.pop-content .btn-cancel {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/dia_btn2.png) no-repeat;
  background-size: 100% 100%;
}

.pop-content .btn-cancel:hover {
  text-decoration: none;
}

.pop-list {
  width: 17.37rem;
  height: 10.03rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/pop_bg1.png);
  background-position: 0% 0%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 0.75rem;
}

.pop-list > ul {
  margin: 0.8rem auto 0;
  width: 13.84rem;
  text-align: center;
}

.pop-list > ul li {
  display: inline-block;
  vertical-align: bottom;
  margin-right: 0.5rem;
}

.pop-list > ul li > img {
  width: 2.24rem;
}

.pop-list > ul li > p {
  line-height: 0.5rem;
  font-size: 0.21rem;
  color: #1b1c30;
  text-align: center;
}

.pop-list > ul li {
  margin-bottom: 0.6rem;
}

.pop-list > ul li:nth-child(5),
.pop-list > ul li:nth-child(10) {
  margin-right: 0;
}

.dia-close {
  display: block;
  position: absolute;
  top: -1.18rem;
  right: 0;
  z-index: 999;
}

.pop-pay {
  width: 10.32rem;
  height: 4.92rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250429spiritblossomsell/pop_bg2.png);
  background-position: 0% 0%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
}

.pop-pay h4 {
  line-height: 1;
  padding-top: 0.55rem;
}

.pop-pay > div:nth-child(2) {
  margin: auto;
  width: 9.71rem;
  height: 1.79rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250429spiritblossomsell/icon_11.png);
  background-position: 0% 0%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  text-align: center;
}

.pop-pay > div:nth-child(2) > p:nth-child(1) {
  color: #6a6a6a;
  font-size: 0.16rem;
  line-height: 0.4rem;
  padding-top: 0.44rem;
}

.pop-pay > div:nth-child(2) > p:nth-child(2) {
  color: #c39965;
  font-size: 0.36rem;
  font-weight: 600;
}

.pop-pay > div:nth-child(3) {
  margin: auto;
  width: 7.21rem;
  height: 0.07rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250429spiritblossomsell/icon5.png);
  background-position: 0% 0%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  line-height: 0.07rem;
  margin-top: 0.27rem;
  color: #6a6a6a;
  font-size: 0.16rem;
  text-align: center;
}

.pop-pay > div:nth-child(4) {
  width: 8.13rem;
  height: 0.88rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: auto;
  margin-top: 0.2rem;
}

.pop-pay > div:nth-child(4) i {
  display: block;
  width: 0.04rem;
  height: 0.04rem;
  background-color: #847d7b;
  border-radius: 0.12rem;
}

.pop-pay > div:nth-child(4) > p:nth-of-type(1) {
  font-size: 0.16rem;
  color: #6a6a6a;
  width: 38%;
  position: absolute;
  top: 0.9rem;
  left: 0rem;
  text-align: center;
}

.pop-pay > div:nth-child(4) > p:nth-of-type(2) {
  font-size: 0.16rem;
  color: #6a6a6a;
  width: 38%;
  position: absolute;
  top: 0.8rem;
  right: 0rem;
  text-align: center;
}

.pop-pay > div:nth-child(4) > p > span {
  color: #c39965;
}

.pop-get {
  width: 11rem;
  height: 9.76rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/pop_bg3.png);
  background-position: 0% 0%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 0.75rem;
}

.pop-get > img {
  width: 3.42rem;
  height: 3.42rem;
  margin: 0.5rem auto 0;
  display: block;
}

.pop-get > p {
  height: 1rem;
  font-size: 0.34rem;
  font-weight: 600;
  color: #c39965;
  text-align: center;
  line-height: 1rem;
  position: relative;
}
.pop-get > p::after {
  content: "";
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/dia_icon1.png) no-repeat;
  width: 5.39rem;
  height: 0.21rem;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -0.2rem;
}

.pop-get > div:nth-last-child(2) {
  width: 100%;
  height: 1.25rem;
  position: absolute;
  left: 0rem;
  bottom: 1.1rem;
  text-align: center;
}

.pop-get > div:nth-last-child(2) > p {
  width: 100%;
  position: absolute;
  color: #6a6a6a;
  text-align: center;
}

.pop-get > div:nth-last-child(2) > p:nth-of-type(1) {
  font-size: 0.21rem;
  top: -0.6rem;
}

.pop-get > div:nth-last-child(2) > p:nth-of-type(1) > a {
  color: #6a6a6a;
  -webkit-text-decoration: revert;
          text-decoration: revert;
}

.pop-get > div:nth-last-child(2) > p:nth-of-type(1) > span {
  color: #5d317d;
  font-weight: bold;
}

.pop-get > div:nth-last-child(2) > p:nth-of-type(2) {
  font-size: 0.21rem;
  bottom: -0.5rem;
  color: #6a6a6a;
}

.pop-get .btn {
  margin: 0 auto;
}

.pop-record {
  width: 13.32rem;
  height: 7.52rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250429spiritblossomsell/pop_bg4.png);
  background-position: 0% 0%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
}

.pop-record h4 {
  line-height: 1;
  padding-top: 0.6rem;
  margin-bottom: 0.3rem;
}

.pop-record > table {
  margin: auto;
}

.pop-record > table tr {
  display: block;
  width: 9.54rem;
  height: 0.8rem;
  line-height: 0.8rem;
  border-bottom: 0.01rem solid #999999;
  margin: auto;
}

.pop-record > table > thead > tr:nth-child(1) {
  display: block;
  width: 10.88rem;
  height: 0.36rem;
  line-height: 0.36rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250429spiritblossomsell/icon_12.png);
  background-position: 0% 0%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
  border-bottom: none;
}

.pop-record table .record-get > a {
  font-size: 0.16rem;
  color: #a17d51;
  text-decoration: underline;
  cursor: pointer;
}

.pop-record > table > thead th {
  display: inline-block;
  text-align: center;
  font-size: 0.16rem;
  color: #fff;
}

.pop-record > table > thead th:nth-child(1) {
  text-align: left;
  padding-left: 1.65rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 0.36rem;
}

.pop-record > table tr td {
  text-align: left;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.16rem;
  color: #a17d51;
}

.pop-record > table tr td:nth-child(1) {
  padding-left: 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 4.13rem;
}

.pop-record > table tr td:nth-child(2) {
  width: 3.2rem;
  text-align: center;
}

.pop-record > table tr td:nth-child(3) {
  width: 2.03rem;
  text-align: center;
  color: #585858;
}

.pop-record > table tr th:nth-child(1) {
  width: 4.8rem;
}

.pop-record > table tr th:nth-child(2) {
  width: 3.2rem;
  text-align: center;
}

.pop-record > table tr th:nth-child(3) {
  width: 2.27rem;
  text-align: center;
}

.pop-record .pop-pager {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  left: 50%;
  bottom: 0.5rem;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.pop-record .pop-pager > span {
  display: block;
  color: #848484;
  padding: 0.04rem 0.1rem 0.04rem 0.1rem;
  margin-right: 0.1rem;
  text-align: center;
  cursor: pointer;
}

.pop-record .pop-pager > a {
  display: block;
  color: #848484;
  margin-right: 0.1rem;
  padding: 0.04rem 0.1rem 0.04rem 0.1rem;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
}

.pop-record .pop-pager .on {
  color: #fff;
  background-color: #b49167;
}

.pop-reminder {
  width: 13.11rem;
  height: 4.97rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/pop_bg5.png);
  background-position: 0% 0%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 1rem;
}

.dialog {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.pop-reminder > p {
  width: 10rem;
  height: 1.5rem;
  line-height: 0.45rem;
  font-size: 0.29rem;
  color: #6a6a6a;
  text-align: center;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.05rem;
}

.pop-reminder .btn {
  position: absolute;
  bottom: 0.5rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

/* body {
    min-width: 1800px;
} */
.g-wrap > .main > .part11 > .top > .name > p {
  font-size: 1.4rem;
}

.g-wrap > .main > .content > .bg-show > .show-content {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/bg-show.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0% 0%;
  width: 19.63rem;
  height: 8.69rem;
  position: absolute;
  top: 2.5rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
  display: none;
}

.g-wrap > .main > .content > .bg-show > .show-content > .show-go {
  width: 3rem;
  height: 1rem;
  position: absolute;
  bottom: 0rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 0.35rem;
  cursor: pointer;
}

.g-wrap > .main > .content > .bg-show > .show-content > .show-go > p {
  color: #b3987a;
  font-size: 0.26rem;
  font-weight: 600;
}

.g-wrap > .main > .content > .bg-show > .show-content > .top > .left {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  padding-left: 1.7rem;
  padding-top: 0.75rem;
}

.g-wrap > .main > .content > .bg-show > .show-content > .top > .right {
  position: absolute;
  top: 1.2rem;
  right: 1.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.g-wrap > .main > .content > .bg-show > .show-content > .top > .left > div:nth-of-type(2) {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/rule-label3.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0% 0%;
  width: 6.46rem;
  height: 0.46rem;
  font-size: 0.18rem;
  line-height: 0.43rem;
  margin-top: 0.1rem;
  margin-bottom: 0.3rem;
}

.g-wrap > .main > .content.part04 > .bg-show > .show-content > .top > .left > div:nth-of-type(2),
.g-wrap > .main > .content.part05 > .bg-show > .show-content > .top > .left > div:nth-of-type(2) {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/rule-label3_2.png);
}

.g-wrap > .main > .content > .bg-show > .show-content > .top > .left > div:nth-of-type(2) > p:nth-child(1) {
  color: #ffffff;
  margin-left: 0.32rem;
  margin-right: 1rem;
}

.g-wrap > .main > .content > .bg-show > .show-content > .top > .left > div:nth-of-type(2) > p:nth-child(2) {
  color: #ff42ba;
}

.g-wrap > .main > .content > .bg-show > .show-content > .top > .left > div:nth-of-type(3) > p {
  font-size: 0.18rem;
  color: #ff42ba;
  line-height: 0.28rem;
  border: 1px solid #ff42ba;
  border-radius: 0.15rem;
  padding: 0 0.2rem;
  font-weight: 600;
}

.g-wrap > .main > .content > .bg-show > .show-content > .top > .left > div:nth-of-type(3) > p:nth-child(2) {
  font-size: 0.2rem;
  color: #9762de;
  font-weight: 600;
  border: none;
}

.g-wrap > .main > .content > .bg-show > .show-content > .top > .left > p:nth-of-type(2) {
  font-size: 0.14rem;
  color: #6d6d6d;
  margin-top: 0.12rem;
  /* text-indent: -0.08rem; */
}

.g-wrap > .main > .content > .bg-show > .show-content > .top > .left > p:nth-of-type(3) {
  font-size: 0.14rem;
  color: #676767;
  margin-top: 0.06rem;
  /* text-indent: -0.08rem; */
}

.g-wrap > .main > .content > .bg-show > .show-content > .top > .left > p:nth-of-type(2) > span {
  font-weight: 600;
}

.g-wrap > .main > .content > .bg-show > .show-content > .top > .right > .bg-show-price {
  height: 1rem;
  position: relative;
}

.g-wrap > .main > .content > .bg-show > .show-content > .top > .right > .bg-show-price > p:nth-of-type(2) {
  width: 100%;
  text-align: center;
  font-size: 0.18rem;
  color: #6d6d6d;
  position: absolute;
  bottom: -0.55rem;
}

.g-wrap > .main > .content > .bg-show > .show-content > .top > .right > .bg-show-price > p:nth-of-type(1) {
  color: #a780dd;
}

.g-wrap > .main > .content > .bg-show > .show-content > .top > .right > .btn4,
.g-wrap > .main > .content > .bg-show > .show-content > .top > .right > .btn1 {
  display: inline-block;
  margin-left: 0.8rem;
  margin-top: 0.2rem;
}

.g-wrap > .main > .content > .bg-show > .show-content > .bottom {
  position: relative;
  bottom: -3.5rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.g-wrap > .main > .content > .bg-show-night > .show-content > .bottom {
  bottom: -3.5rem;
}

.g-wrap > .main > .content > .bg-show > .show-content > .bottom > div:nth-child(1) {
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0% 0%;
}

.g-wrap > .main > .content > .bg-show > .show-content > .bottom > ul {
  width: 6.3rem;
  height: 1.36rem;
  position: absolute;
  bottom: -1.5rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.g-wrap > .main > .part04 > .bg-show > .show-content > .bottom > ul {
  width: 8.7rem;
  bottom: -1.6rem;
}

.g-wrap > .main > .part05 > .bg-show > .show-content > .bottom > ul {
  width: 8.7rem;
  bottom: -1.6rem;
}

.g-wrap > .main > .part07 > .bg-show > .show-content > .bottom > ul {
  left: 51.5%;
  width: 12.8rem;
}

.g-wrap > .main > .part11 > .bg-show > .show-content > .bottom > ul {
  bottom: -1.4rem;
}

.g-wrap > .main > .part02 > .bg-show > .show-content > .bottom > ul {
  bottom: -1.6rem;
}

.g-wrap > .main > .part06 > .bg-show > .show-content > .bottom > ul {
  width: 8.7rem;
}

.g-wrap > .main > .part08 > .bg-show > .show-content > .bottom > ul {
  width: 12.6rem;
  left: 51%;
}

.g-wrap > .main > .part11 > .bg-show > .show-content > .bottom > ul {
  left: 52%;
}

.g-wrap > .main > .content > .bg-show > .show-content > .bottom > ul > li {
  text-align: center;
  width: 1.5rem;
  font-size: 0.18rem;
  color: #535353;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.g-wrap > .main > .content > .bg-show > .show-content > .bottom > ul > li p {
  color: #535353;
}

.g-wrap > .main > .part03 > .bg-show > .show-content > .bottom > ul > li.colorbox1 {
  width: 1.5rem;
}

.g-wrap > .main > .content > .bg-show > .show-content > .bottom > ul > li.colorbox1 > div {
  margin: auto;
  padding-top: 0.1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 0.12rem;
  color: #ffffff;
}

.g-wrap > .main > .content > .bg-show > .show-content > .bottom > ul > li.colorbox1 > div > p {
  color: #ffffff;
}

.g-wrap > .main > .content > .bg-show > .show-content > .bottom > ul > li > p:nth-child(2) {
  color: #ff42ba;
  font-weight: 600;
  margin-top: 0.08rem;
}

.g-wrap > .main > .content.part04 > .bg-show > .show-content > .bottom > ul > li > p:nth-child(2),
.g-wrap > .main > .content.part05 > .bg-show > .show-content > .bottom > ul > li > p:nth-child(2) {
  color: #6700ff;
}

.g-wrap > .main > .content > .bg-show-night > .show-content > .bottom > ul > li > p:nth-child(2) {
  color: #9762de;
  font-weight: 600;
}

.g-wrap > .main > .part03 > .bg-show > .show-content > .bottom > ul > li.colorbox2 {
  width: 1.5rem;
}

.g-wrap > .main > .content > .bg-show > .show-content > .bottom > ul > li.colorbox2 > div {
  margin: auto;
  padding-top: 0.09rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 0.12rem;
  color: #ffffff;
}

.g-wrap > .main > .content > .bg-show > .show-content > .bottom > ul > li.colorbox2 > div > p {
  color: #ffffff;
  line-height: 0.18rem;
}

.g-wrap > .main > .content > .bg-show-daytime > .show-content > .top > .left > div:nth-of-type(2) > p:nth-child(2) {
  color: #ff42ba;
}

.g-wrap > .main > .content.part04 > .bg-show-daytime > .show-content > .top > .left > div:nth-of-type(2) > p:nth-child(2),
.g-wrap > .main > .content.part05 > .bg-show-daytime > .show-content > .top > .left > div:nth-of-type(2) > p:nth-child(2) {
  color: #6700ff;
}

.g-wrap > .main > .content > .bg-show-daytime > .show-content > .top > .left > div:nth-of-type(3) > p {
  color: #ff42ba;
  border: 1px solid #ff42ba;
}

.g-wrap > .main > .content.part04 > .bg-show-daytime > .show-content > .top > .left > div:nth-of-type(3) > p,
.g-wrap > .main > .content.part05 > .bg-show-daytime > .show-content > .top > .left > div:nth-of-type(3) > p {
  color: #6700ff;
  border: 1px solid #6700ff;
}

.g-wrap > .main > .content > .bg-show-daytime > .show-content > .top > .left > div:nth-of-type(3) > p:nth-child(2) {
  color: #ff42ba;
  font-size: 0.26rem;
  border: none !important;
}

.g-wrap > .main > .content.part04 > .bg-show-daytime > .show-content > .top > .left > div:nth-of-type(3) > p:nth-child(2),
.g-wrap > .main > .content.part05 > .bg-show-daytime > .show-content > .top > .left > div:nth-of-type(3) > p:nth-child(2) {
  color: #6700ff;
}

.g-wrap > .main > .content > .bg-show-daytime > .show-content > .top > .right > .bg-show-price > p:nth-of-type(1) {
  color: #c69955;
  margin-bottom: 0.12rem;
  font-size: 0.26rem;
}

.g-wrap > .main > .part03 > .bg-show > .show-content > .bottom > div:nth-child(1) {
  width: 8.93rem;
  height: 2.78rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/icons3.png);
}

.g-wrap > .main > .part03 > .bg-show > .show-content > .bottom {
  width: 8.93rem;
  height: 2.78rem;
}

.g-wrap > .main > .part03 > .bg-show > .show-content > .bottom > ul {
  width: 8.75rem;
}

.g-wrap > .main > .part04 > .bg-show > .show-content > .bottom > div:nth-child(1) {
  width: 8.93rem;
  height: 2.03rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/icons4.png);
}

.g-wrap > .main > .part05 > .bg-show > .show-content > .bottom > div:nth-child(1) {
  width: 8.93rem;
  height: 2.21rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/icons5.png);
}

.g-wrap > .main > .part06 > .bg-show > .show-content > .bottom > div:nth-child(1) {
  width: 8.93rem;
  height: 2.08rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/icons6.png);
}

.g-wrap > .main > .part07 > .bg-show > .show-content > .bottom > div:nth-child(1) {
  width: 12.69rem;
  height: 1.76rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250429spiritblossomsell/icons5.png);
}

.g-wrap > .main > .part08 > .bg-show > .show-content > .bottom > div:nth-child(1) {
  width: 12.49rem;
  height: 1.59rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250429spiritblossomsell/icons6.png);
}

.g-wrap > .main > .part01 > .bg-show > .show-content > .bottom > div:nth-child(1) {
  width: 12.36rem;
  height: 1.56rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250429spiritblossomsell/icons7.png);
}

.g-wrap > .main > .part02 > .bg-show > .show-content > .bottom > div:nth-child(1) {
  width: 6.52rem;
  height: 2.37rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/icons2.png);
}

.g-wrap > .main > .part11 > .bg-show > .show-content > .bottom > div:nth-child(1) {
  width: 12.73rem;
  height: 1.52rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250429spiritblossomsell/icons9.png);
}

.g-wrap > .main > .part04 > .bg-show > .show-content > .bottom {
  width: 8.93rem;
  height: 2.03rem;
}

.g-wrap > .main > .part05 > .bg-show > .show-content > .bottom {
  width: 8.93rem;
  height: 2.21rem;
}

.g-wrap > .main > .part06 > .bg-show > .show-content > .bottom {
  width: 8.93rem;
  height: 2.08rem;
}

.g-wrap > .main > .part07 > .bg-show > .show-content > .bottom {
  width: 12.47rem;
  height: 1.6rem;
}

.g-wrap > .main > .part08 > .bg-show > .show-content > .bottom {
  width: 12.39rem;
  height: 1.39rem;
}

.g-wrap > .main > .part02 > .bg-show > .show-content > .bottom {
  width: 6.52rem;
  height: 2.37rem;
}

.g-wrap > .main > .part11 > .bg-show > .show-content > .bottom {
  width: 12.76rem;
  height: 1.59rem;
}

.g-wrap > .main > .part02 > .top > .name2 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/name2.png);
  width: 5.04rem;
  height: 4.18rem;
  position: relative;
  left: 50%;
  margin-left: -2.52rem;
}

.g-wrap > .main > .part04 > .top > .name1 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/name4.png);
  width: 4.82rem;
  height: 3.75rem;
  position: relative;
  left: 50%;
  margin-left: -2.41rem;
}

.g-wrap > .main > .part05 > .top > .name1 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/name5.png);
  width: 3.16rem;
  height: 4.12rem;
}

.g-wrap > .main > .part06 > .top > .name1 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/name6.png);
  width: 5.09rem;
  height: 4.18rem;
  position: relative;
  left: 50%;
  margin-left: -2.545rem;
}

.g-wrap > .main > .part07 > .top > .name1 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/name8.png);
  width: 4.41rem;
  height: 3.29rem;
  position: relative;
  left: 50%;
  margin-left: -2.2rem;
}

.g-wrap > .main > .part08 > .top > .name1 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/name9.png);
  width: 5.2rem;
  height: 2.8rem;
  position: relative;
  left: 50%;
  margin-left: -2.6rem;
}

.g-wrap > .main > .part08 > .top > .name1 p {
  top: 1.3rem;
}

.g-wrap > .main > .part11 > .top > .name {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250429spiritblossomsell/name9.png);
}

.g-wrap > .main > .part08 > .bnttom-night {
  bottom: 3rem;
}

.g-wrap > .main > .part11 > .bnttom-night {
  bottom: 3rem;
}

.list-pick > ul {
  margin-top: 0.3rem;
}

.list-pick > ul > li {
  position: relative;
  margin-bottom: 0.3rem;
}

.unselected-portrayal-change {
  width: 0.46rem;
  height: 0.46rem;
  border-radius: 0.46rem;
  border: 0.03rem solid #8b7356;
  background-color: #202a4a;
  position: absolute;
  bottom: 0.52rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.pick-portrayal-change {
  width: 2.81rem;
  height: 2.81rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/pick-portrayal-change.png);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  bottom: 0.3rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  display: none;
}

.picked .unselected-portrayal-change {
  display: none;
}

.picked .pick-portrayal-change {
  display: block;
}

.list-pick > div:nth-child(3) {
  width: 10.5rem;
  height: 1.25rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: auto;
  margin-top: 0.2rem;
}

.list-pick > div:nth-child(3) i {
  display: block;
  width: 0.04rem;
  height: 0.04rem;
  background-color: #847d7b;
  border-radius: 0.12rem;
}

.reminder-hint > div:nth-child(3) {
  width: 10.5rem;
  height: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: auto;
  position: absolute;
  bottom: 0.5rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.reminder-hint > div:nth-child(3) i {
  display: block;
  width: 0.08rem;
  height: 0.08rem;
  background-color: #d9caa9;
  border-radius: 0.12rem;
}

.reminder-hint {
  width: 13.11rem;
  height: 4.97rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/pop_bg5.png);
  background-position: 0% 0%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
  padding-top: 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.reminder-hint > p {
  width: 10rem;
  height: 1.5rem;
  line-height: 0.45rem;
  font-size: 0.29rem;
  color: #6a6a6a;
  text-align: center;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.05rem;
}

.get-portrayal > img {
  width: 2.56rem;
}

/* 閿熸枻鎷峰垹 */
.part09 {
  position: relative;
}

.part09-btn {
  width: 6rem;
  height: 100px;
  position: absolute;
  bottom: 100px;
  left: 50%;
  -webkit-transform: translateX(-50%) !important;
      -ms-transform: translateX(-50%) !important;
          transform: translateX(-50%) !important;
  cursor: pointer;
  /* background: #000; */
}

.tujian-title {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/tujian_title1.png) no-repeat;
  width: 3.36rem;
  height: 0.77rem;
  background-size: 100% 100%;
  margin: -1rem auto 0.2rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.tujian-title2 {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/tujian_title2.png) no-repeat;
  background-size: 100% 100%;
}

.btn-share-arrow {
  width: 125%;
  height: 0.93rem;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 2.64rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.btn-share-arrow a {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.btn-share-arrow a:hover {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.btn-share-arrow .share-arrow-prev {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/share_btn_arrow1.png) no-repeat;
  width: 0.94rem;
  height: 0.93rem;
  background-size: 100% 100%;
}
.btn-share-arrow .share-arrow-next {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/share_btn_arrow2.png) no-repeat;
  width: 0.94rem;
  height: 0.93rem;
  background-size: 100% 100%;
}

.page-icon-box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 0.2rem;
}
.page-icon-box .page-icon {
  width: 0.33rem;
  height: 0.3rem;
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/share/icon5.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 0.1rem;
  opacity: 0.6;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.page-icon-box .page-icon.on {
  opacity: 1;
}

#share {
  width: 14rem;
  height: 7.86rem;
  outline: none;
  border: none;
}

.shareimg-box {
  position: relative;
  width: 14rem;
  height: 7.86rem;
  outline: none;
  border: none;
}

.shareimg-box .img-box {
  width: 100%;
  height: 100%;
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/share/holderimg.jpg) no-repeat;
  background-size: 100% 100%;
  z-index: 2;
  position: absolute;
  top: 0;
  right: -0.22rem;
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
  -webkit-transform-origin: center right;
      -ms-transform-origin: center right;
          transform-origin: center right;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  cursor: pointer;
  outline: none;
  border: none;
  -webkit-filter: brightness(0.6);
          filter: brightness(0.6);
}

.shareimg-box .img-box.img-box1 {
  z-index: 2;
}

.shareimg-box .img-box.img-box2 {
  position: absolute;
  z-index: 1;
}

.shareimg-box .img-box.top {
  z-index: 2;
  top: 0;
  right: 0;
  -webkit-filter: none;
          filter: none;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.shareImgShower {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.shareImgShower2 {
  opacity: 0;
}

.share__close {
  width: 0.5rem;
  height: 0.5rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/btn_close.png);
  background-size: 100% 100%;
  position: absolute;
  right: -0.65rem;
  top: -0.35rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  cursor: pointer;
}

.share__close:hover {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.share__tips {
  color: #f0f0f0;
  font-size: 0.33rem;
  font-family: "FZBYSJT-1";
  text-align: center;
  margin-top: 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.share__tips::before {
  content: "";
  width: 0.07rem;
  height: 0.07rem;
  background-color: #f0f0f0;
  margin-right: 0.2rem;
  display: block;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.share__tips::after {
  content: "";
  width: 0.07rem;
  height: 0.07rem;
  background-color: #f0f0f0;
  margin-left: 0.2rem;
  display: block;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.ShareImage {
  position: absolute;
  width: 1334px;
  height: 750px;
  top: -300vh;
}

.ShareImage__dom {
  /* width: 13.34rem;
    height: 7.5rem; */
  width: 100%;
  height: 100%;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/share/share-bg.jpg);
  background-size: 100% 100%;
  position: absolute;
  z-index: 1;
  opacity: 1;
}

.ShareImage .dom2img-result {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  /* display: none; */
}

.ShareImage__fg {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 100;
  /* pointer-events: none; */
  font-family: "FZBYSJT-1";
}

.ShareImage__fg .si__icon {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/share/icon1.png) no-repeat;
  width: 303px;
  height: 267px;
  background-size: 100% 100%;
  position: absolute;
  left: 53px;
  top: 443px;
}

.ShareImage__fg .si__title1 {
  position: absolute;
  left: 80px;
  top: 437px;
  font-size: 18px;
  color: #7852b5;
}

.ShareImage__fg .si__tujiannum {
  color: #a767df;
  font-size: 24px;
  position: absolute;
  left: 53px;
  top: 608px;
}

.ShareImage__fg .si__keyword {
  width: 500px;
  position: absolute;
  left: 53px;
  top: 470px;
  color: #c088f0;
  font-size: 0;
  width: 248px;
  height: 122px;
}
.ShareImage__fg .si__keyword img {
  width: 100%;
  height: 100%;
}

.ShareImage2 .ShareImage__dom {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/share/share-bg2.jpg);
}
.ShareImage2 .ShareImage__fg .si__icon {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/share/icon1_2.png) no-repeat;
  width: 300px;
  height: 266px;
  background-size: 100% 100%;
  position: absolute;
  left: 53px;
  top: 443px;
}
.ShareImage2 .ShareImage__fg .si__title1 {
  color: #b4cbf9;
}
.ShareImage2 .ShareImage__fg .si__tujiannum {
  color: #e737a0;
}
.ShareImage2 .ShareImage__fg .si__dian,
.ShareImage2 .ShareImage__fg .si__title2 span,
.ShareImage2 .ShareImage__fg .si__countCN,
.ShareImage2 .ShareImage__fg .si__nickname {
  color: #ffffff;
}
.ShareImage2 .ShareImage__fg .si__desc {
  color: #bfcbd9;
}
.ShareImage2 .ShareImage__fg .si__title2 {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/share/icon4_2.png) no-repeat;
  background-size: 100% 100%;
}
.ShareImage2.ShareImage .si__kuohao {
  width: 9px;
  height: 15px;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/share/kuohao-n2.png);
  background-position: 0 0;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.ShareImage2.ShareImage .si__qrtext {
  left: 1170px;
}
.ShareImage2.ShareImage .si__qrcode {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/share/qrbg2.png) no-repeat;
  background-size: 100% 100%;
  left: 1168px;
}
.ShareImage2.ShareImage .si__qrtext p {
  color: #b4cbf9;
}

.ShareImage__fg .si__row3 {
  position: absolute;
  left: 53px;
  top: 653px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 86px;
}

.ShareImage__fg .si__nickname {
  /* position: absolute;
    left: 135px;
    top: 644px; */
  font-size: 24px;
  color: #1d245e;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, Simsun, sans-serif;
  line-height: 1;
}

.ShareImage__fg .si__dian {
  font-size: 20px;
  font-weight: 600;
  margin-left: 20px;
}

.ShareImage__fg .si__title2 {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/share/icon4.png) no-repeat;
  width: 80px;
  height: 25px;
  background-size: 100% 100%;
  font-size: 14px;
  color: #04010a;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, Simsun, sans-serif;
  text-align: center;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 25px;
  margin-left: 20px;
  margin-right: 10px;
}

.ShareImage__fg .si__title2 span {
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 21px;
  color: #04010a;
}

.ShareImage__fg .si__countCN {
  /* position: absolute;
    left: 400px;
    top: 644px; */
  font-size: 24px;
  color: #04010a;
}

.ShareImage__fg .si__desc {
  position: absolute;
  left: 135px;
  top: 690px;
  font-size: 16px;
  color: #0a0c1a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ShareImage .si__kuohao {
  width: 9px;
  height: 15px;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/share/kuohao-n.png);
  background-position: 0 0;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.ShareImage .si__kuohao.right {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.ShareImage .si__desc--text1 {
  padding: 0 10px 0 15px;
}

.ShareImage .si__desc--text2 {
  padding: 0 10px 0 0;
}

.ShareImage .si__qrtext {
  position: absolute;
  left: 1185px;
  top: 550px;
  width: 123px;
  height: 34px;
}
.ShareImage .si__qrtext p {
  color: #7839a7;
  font-size: 14px;
  line-height: 1.2;
}
.ShareImage .si__qrtext p.p1 {
  text-align: center;
  letter-spacing: 6px;
}

.ShareImage .si__qrcode {
  position: absolute;
  left: 1183px;
  top: 588px;
  width: 124px;
  height: 123px;
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/share/qrbg.png) no-repeat;
  background-size: 100% 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.ShareImage .si__qrcode--img {
  width: 102px;
  height: 102px;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/share/qrcode2.png);
  background-size: 100% 100%;
}

.pop-record .pop-pager {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  left: 50%;
  bottom: 0.5rem;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.pop-record .pop-pager > span {
  display: block;
  color: #848484;
  padding: 0.04rem 0.1rem 0.04rem 0.1rem;
  margin-right: 0.1rem;
  text-align: center;
  cursor: pointer;
}

.pop-record .pop-pager > a {
  display: block;
  color: #848484;
  margin-right: 0.1rem;
  padding: 0.04rem 0.1rem 0.04rem 0.1rem;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
}

.pop-record .pop-pager .on {
  color: #fff;
  background-color: #b49167;
}

.part01 > video {
  width: 19.2rem;
  position: absolute;
  top: 0.84rem;
  left: 0rem;
}

.head > video {
  width: 19.2rem;
  position: absolute;
  left: 0rem;
  top: 0rem;
}

.head > img {
  width: 14.55rem;
  position: absolute;
  z-index: 3;
  top: 4rem;
  left: 2.4rem;
}

.part01 .video_overlay {
  /* width: 19.20rem;
    height: 15.44rem;
    background-image: url(//game.gtimg.cn/images/lol/act/a20250429spiritblossomsell/video_overlay.png);
    background-repeat: no-repeat;
    background-size: 19.20rem 100%;
    position: absolute;
    z-index: 2;
    top: -0.6rem; */
}

.pop-record > table > tfoot tr {
  border: none;
}

.g-wrap > .main > .part09 > .rule > ul > li > .color1 {
  color: #ff00a3;
  font-weight: 600;
}

.g-wrap > .main > .part09 > .rule > ul > li.mt {
  margin-top: 0.1rem;
}

.g-wrap > .main > .part09 > .rule > ul > li > a {
  color: #ff00a3;
  font-weight: 600;
  -webkit-text-decoration: revert;
          text-decoration: revert;
  margin-left: 0.13rem;
}

body > .g-wrap > .main > div {
  background-size: 25.6rem 100%;
  margin-top: -0.01rem;
}

.g-wrap .part10 .price > div:nth-child(2) {
  height: 1.32rem;
  margin-left: 0.05rem;
}

.g-wrap .part10 .price > div:nth-child(2) > p:nth-child(1) {
  padding-right: 0.03rem;
  margin-left: 0.1rem;
  line-height: 1;
  height: 1.32rem;
  font-size: 1.32rem;
  margin-top: 0.1rem;
}

.g-wrap > .head > .login .login__m {
  display: none;
}

@keyframes breath {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
}
.g-wrap .part03 .top-zz {
  width: 4.13rem;
  position: absolute;
  top: 2.5rem;
  left: auto;
  right: 4.7rem;
}

.btn-topass {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/btn_pass.png) no-repeat;
  width: 4.13rem;
  height: 1.06rem;
  background-size: 100% 100%;
}

.part03 .name {
  position: relative;
  text-align: center;
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/name3.png) no-repeat;
  width: 4.08rem;
  height: 4.09rem;
  background-size: 100% 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.part03 .name .sellnum-name1 {
  color: #e269b4;
  font-size: 1.3rem;
  line-height: 1;
  position: relative;
}

.part03 .name .sellnum-name1 {
  display: none;
}

.part03 .logo3 {
  width: 1.04rem;
  height: 0.51rem;
  position: absolute;
  left: 8.35rem;
  top: -0.5rem;
}

.part03 .video {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/btn_play2.png) no-repeat;
  width: 1.3rem;
  height: 1.42rem;
  background-size: 100% 100%;
  -webkit-animation: 1.8s ease infinite breath;
          animation: 1.8s ease infinite breath;
  position: absolute;
  left: -1.65rem;
  top: 2.12rem;
  z-index: 9;
}

.part03 .rule {
  width: 6.28rem;
  text-align: center;
  position: absolute;
  left: 9.9rem;
  top: -0.35rem;
}
.part03 .rule span {
  display: block;
  color: #ae927c;
  font-size: 0.18rem;
  text-align: center;
}
.part03 .rule p {
  background: url(//game.gtimg.cn/images/lol/act/a20250429spiritblossomsell/rule_box_lux.png) no-repeat;
  width: 5.13rem;
  height: 0.56rem;
  background-size: 100% 100%;
  text-align: center;
  color: #5e5e5e;
  font-size: 0.17rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 0.16rem;
  margin-top: 0.05rem;
}

.part01 .rule, .part07 .rule, .part08 .rule {
  width: 7.35rem;
  text-align: center;
  margin-left: -1.61rem;
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
}
.part01 .rule span, .part07 .rule span, .part08 .rule span {
  display: block;
  color: #d2a684;
  font-size: 0.24rem;
  text-align: center;
}
.part01 .rule p, .part07 .rule p, .part08 .rule p {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/rule_box1.png) no-repeat;
  width: 7.35rem;
  height: 0.87rem;
  background-size: 100% 100%;
  text-align: center;
  color: #5e5e5e;
  font-size: 0.22rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 0.05rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.part08 .rule,
.part07 .rule {
  width: 8.38rem;
  margin-left: -2.125rem;
  margin-top: 0.8rem;
}
.part08 .rule span,
.part07 .rule span {
  color: #c52c8c;
}
.part08 .rule p,
.part07 .rule p {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/rule_box2.png) no-repeat;
  width: 8.38rem;
  height: 1.24rem;
  background-size: 100% 100%;
  color: #d4e5ef;
  padding-bottom: 0.22rem;
  margin-top: -0.05rem;
}

.part08 .pass-box {
  width: 19.88rem;
  background-size: 100% 100%;
  position: absolute;
  top: 10.06rem;
  left: 50%;
  margin-left: -9.94rem;
  z-index: 7;
}

.part08 .pass-box .pass-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.part08 .pass-box .pass-list .pass-item {
  width: 6.7rem;
  position: relative;
}
.part08 .pass-box .pass-list .pass-item::after {
  content: "";
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/jiange2.png) no-repeat;
  width: 0.13rem;
  height: 8.89rem;
  background-size: 100% 100%;
  position: absolute;
  right: -0.04rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.part08 .pass-box .pass-list .pass-item:last-child::after {
  display: none;
}
.part08 .pass-box .pass-list .pass-item .pass-img {
  width: 4.52rem;
  height: 4.23rem;
  margin: 0 auto;
  position: relative;
  left: 0.1rem;
}
.part08 .pass-box .pass-list .pass-item .pass-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.part08 .pass-box .pass-list .pass-item .pass-price-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  margin-top: 0.2rem;
  height: 1rem;
}
.part08 .pass-box .pass-list .pass-item .pass-price-box .pass-price_p1 {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/sj.png) no-repeat;
  width: 0.23rem;
  height: 0.93rem;
  background-size: 100% 100%;
  font-size: 0.21rem;
  text-align: center;
  line-height: 0.31rem;
  color: #c19055;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 0.15rem;
  margin-top: 0.11rem;
}
.part08 .pass-box .pass-list .pass-item .pass-price-box .pass-price_num1 {
  color: #cf9f5d;
  font-size: 1.32rem;
  font-family: "sellnum-1";
  line-height: 1rem;
  margin-left: 0.1rem;
}
.part08 .pass-box .pass-list .pass-item .pass-price-box .pass-price_num1 span {
  display: block;
  height: 1rem;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eabc6e), color-stop(80%, #c79659));
  background-image: linear-gradient(to bottom, #eabc6e 50%, #c79659 80%);
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  letter-spacing: -0.02rem;
}
.part08 .pass-box .pass-list .pass-item .pass-price-box .pass-price_num1.lp {
  margin-left: 0.05rem;
}
.part08 .pass-box .pass-list .pass-item .pass-price-box .pass-price_num1.lp span:first-letter {
  letter-spacing: -0.05rem;
}
.part08 .pass-box .pass-list .pass-item .pass-price-box .pass-price_num2 {
  font-size: 0.53rem;
  font-family: "sellnum-1";
  line-height: 0.53rem;
  color: #cf9f5d;
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin-bottom: -0.04rem;
  margin-left: -0.08rem;
}
.part08 .pass-box .pass-list .pass-item .pass-price-box .pass-price-num3 {
  width: 100%;
  position: absolute;
  bottom: -0.35rem;
  color: #d8ebf7;
  font-size: 0.21rem;
  text-align: center;
}
.part08 .pass-box .pass-list .pass-item .pass-price-box .pass-price-type {
  -ms-flex-item-align: end;
      align-self: flex-end;
  color: #c19055;
  font-size: 0.26rem;
  margin-bottom: -0.04rem;
  margin-left: 0.06rem;
}
.part08 .pass-box .pass-list .pass-item .pass-name {
  color: #b4cbf9;
  font-size: 0.34rem;
  text-align: center;
  font-weight: bold;
  line-height: 1.2;
  margin-top: 0.58rem;
}
.part08 .pass-box .pass-list .pass-item .pass-time {
  color: #aebccb;
  font-size: 0.21rem;
  text-align: center;
  margin-top: 0.1rem;
}
.part08 .pass-box .pass-list .pass-item .btn1 {
  margin-top: 0.25rem;
}
.part08 .pass-box .pass-list .pass-item .pass-tips {
  color: #cacaca;
  font-size: 0.18rem;
  text-align: center;
  line-height: 1.2;
  margin-top: 0.12rem;
  opacity: 0.6;
}

.part08 .pass-awards {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/pass_awards.png) no-repeat;
  width: 19.88rem;
  height: 19.25rem;
  background-size: 100% 100%;
  margin: 1.4rem auto 0;
}

.part09 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.part09-title {
  width: 18.56rem;
  height: 4.86rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/part_title3.png);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: -0.82rem;
  left: 50%;
  margin-left: -9.28rem;
}
.part09-title .p1 {
  color: #5c327d;
  font-size: 0.67rem;
  font-family: "sellnum-name1";
  text-align: center;
  width: 100%;
  position: absolute;
  top: 1.7rem;
}
.part09-title .p2 {
  color: #5c327c;
  font-size: 0.24rem;
  text-align: center;
  width: 100%;
  position: absolute;
  top: 3.74rem;
}

.part09-roles-box {
  width: 100%;
  position: absolute;
  top: 0;
}
.part09-roles-box .part09-roles {
  display: none;
}
.part09-roles-box .part09-roles.show {
  display: block;
}
.part09-roles-box .part09-roles1 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/part09_roles1.png);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 16.24rem;
  height: 14.35rem;
  position: absolute;
  top: 3.5rem;
  left: 50%;
  margin-left: -8.87rem;
}
.part09-roles-box .part09-roles2 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/part09_roles2.png);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 22.28rem;
  height: 13.18rem;
  position: absolute;
  top: 4.7rem;
  left: 50%;
  margin-left: -11.04rem;
}

.btn-arrow-box {
  width: 100%;
  position: absolute;
  top: 10.5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.btn-arrow-box a {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.btn-arrow-box a:hover {
  -webkit-transform: scale(1.15);
      -ms-transform: scale(1.15);
          transform: scale(1.15);
}
.btn-arrow-box .btn-arrow-prev {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/btn_arrow1.png) no-repeat;
  width: 1.08rem;
  height: 1.08rem;
  background-size: 100% 100%;
}
.btn-arrow-box .btn-arrow-next {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/btn_arrow2.png) no-repeat;
  width: 1.08rem;
  height: 1.08rem;
  background-size: 100% 100%;
}

.part11 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 0.54rem;
}
.part11 .giftbox-top {
  position: relative;
}
.part11 .giftbox-top .giftbox-img {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/giftbox_img.png) no-repeat;
  width: 18.16rem;
  height: 12.75rem;
  background-size: 100% 100%;
  display: block;
  margin: 0 auto;
}
.part11 .giftbox-top .giftbox-xc {
  display: none;
}
.part11 .giftbox-top .baoxiang {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/baoxiang.png) no-repeat;
  width: 6.26rem;
  height: 6.29rem;
  background-size: 100% 100%;
  position: absolute;
  left: 9.3rem;
  top: 4rem;
  -webkit-animation-name: wobble;
          animation-name: wobble;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.part11 .giftbox-bottom {
  width: 20rem;
  margin: 0 auto;
  margin-top: 0.35rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.part11 .giftbox-bottom .giftbox-text .p1 {
  color: #ffd69e;
  font-size: 0.26rem;
  line-height: 1.2;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.part11 .giftbox-bottom .giftbox-text .p1::before {
  content: "";
  width: 0.06rem;
  height: 0.06rem;
  background-color: #ffd69e;
  border-radius: 0.5rem;
  margin-right: 0.25rem;
}
.part11 .giftbox-bottom .giftbox-text .p1::after {
  content: "";
  width: 0.06rem;
  height: 0.06rem;
  background-color: #ffd69e;
  border-radius: 0.5rem;
  margin-left: 0.25rem;
}
.part11 .giftbox-bottom .giftbox-text .p2 {
  color: #feebff;
  font-size: 0.93rem;
  font-family: "fzss";
  line-height: 1.26rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
}
.part11 .giftbox-bottom .giftbox-text .p3 {
  text-align: center;
  width: 100%;
  line-height: 0.25rem;
  border-radius: 0.5rem;
  color: #858585;
  font-size: 0.21rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #ffffff;
}
.part11 .giftbox-bottom .selling-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1rem;
  margin-left: auto;
  margin-right: 0.4rem;
  margin-top: 0.38rem;
}
.part11 .giftbox-bottom .selling-price .selling-price-icon {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/sj2.png) no-repeat;
  width: 0.24rem;
  height: 0.92rem;
  background-size: 100% 100%;
  font-size: 0.21rem;
  line-height: 0.28rem;
  color: #ffd6a0;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 0.17rem;
  margin-top: 0.1rem;
}
.part11 .giftbox-bottom .selling-price .selling-price-num {
  color: #cf9f5d;
  font-size: 1.32rem;
  font-family: "sellnum-1";
  line-height: 1rem;
  display: block;
  height: 1rem;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ffbd62), color-stop(80%, #ffd9a7));
  background-image: linear-gradient(to bottom, #ffbd62 50%, #ffd9a7 80%);
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  letter-spacing: -0.02rem;
  margin-left: 0.12rem;
}
.part11 .giftbox-bottom .selling-price .selling-price-unit {
  font-size: 0.26rem;
  color: #ffd69e;
  margin-left: 0.1rem;
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin-bottom: -0.06rem;
}
.part11 .giftbox-bottom .unlock-box {
  width: 4.13rem;
  height: 1.06rem;
  position: relative;
  margin-top: 0.35rem;
}
.part11 .giftbox-bottom .unlock-box .btn1 {
  margin-top: 0;
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/btn_unlock2.png) no-repeat;
  background-size: 100% 100%;
}
.part11 .giftbox-bottom .unlock-box .btn-jackpot {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 0.21rem;
  position: absolute;
  text-decoration: underline;
  bottom: -0.45rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #ffd69e;
}
.part11 .giftbox-rule {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/giftbox_rule_bg.png) no-repeat;
  width: 25.6rem;
  height: 3.16rem;
  background-size: 100% 100%;
  margin: 0.5rem auto 0;
  position: relative;
}
.part11 .giftbox-rule h2 {
  font-size: 0;
  text-indent: -999em;
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/giftbox_rule_tit.png) no-repeat;
  width: 1.47rem;
  height: 1.35rem;
  background-size: 100% 100%;
  position: absolute;
  left: 5.42rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.part11 .giftbox-rule .rule-text {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 7.86rem;
}
.part11 .giftbox-rule .rule-text p {
  color: #d8bcfb;
  font-size: 0.18rem;
  line-height: 0.4rem;
}
.part11 .giftbox-rule .rule-text p::before {
  content: "";
  width: 0.07rem;
  height: 0.07rem;
  background-color: #e100b8;
  margin-right: 0.15rem;
  display: inline-block;
  vertical-align: 0.05rem;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0) rotate(0deg);
            transform: translateX(0) rotate(0deg);
  }
  15% {
    -webkit-transform: translateX(-7.5px) rotate(-1.5deg);
            transform: translateX(-7.5px) rotate(-1.5deg);
  }
  30% {
    -webkit-transform: translateX(3.75px) rotate(0.75deg);
            transform: translateX(3.75px) rotate(0.75deg);
  }
  45% {
    -webkit-transform: translateX(-3.75px) rotate(-0.75deg);
            transform: translateX(-3.75px) rotate(-0.75deg);
  }
  60% {
    -webkit-transform: translateX(2.25px) rotate(0.5deg);
            transform: translateX(2.25px) rotate(0.5deg);
  }
  75% {
    -webkit-transform: translateX(-1.5px) rotate(-0.25deg);
            transform: translateX(-1.5px) rotate(-0.25deg);
  }
  100% {
    -webkit-transform: translateX(0) rotate(0deg);
            transform: translateX(0) rotate(0deg);
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0) rotate(0deg);
            transform: translateX(0) rotate(0deg);
  }
  15% {
    -webkit-transform: translateX(-7.5px) rotate(-1.5deg);
            transform: translateX(-7.5px) rotate(-1.5deg);
  }
  30% {
    -webkit-transform: translateX(3.75px) rotate(0.75deg);
            transform: translateX(3.75px) rotate(0.75deg);
  }
  45% {
    -webkit-transform: translateX(-3.75px) rotate(-0.75deg);
            transform: translateX(-3.75px) rotate(-0.75deg);
  }
  60% {
    -webkit-transform: translateX(2.25px) rotate(0.5deg);
            transform: translateX(2.25px) rotate(0.5deg);
  }
  75% {
    -webkit-transform: translateX(-1.5px) rotate(-0.25deg);
            transform: translateX(-1.5px) rotate(-0.25deg);
  }
  100% {
    -webkit-transform: translateX(0) rotate(0deg);
            transform: translateX(0) rotate(0deg);
  }
}
.part12 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.part12 .part12-title {
  width: 18.45rem;
  height: 4.85rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/part_title4.png);
  background-repeat: no-repeat;
  background-size: 100%;
  position: relative;
  margin: 0 auto;
}
.part12 .part12-title .p1 {
  color: #5c327d;
  font-size: 0.67rem;
  font-family: "sellnum-name1";
  text-align: center;
  width: 100%;
  position: absolute;
  top: 1.7rem;
}
.part12 .part12-title .p2 {
  color: #d8bcfb;
  line-height: 1;
  font-size: 0.21rem;
  text-align: center;
  width: 100%;
  position: absolute;
  top: 3.82rem;
}
.part12 .gailv {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  margin: 0 auto;
  color: #72f0fd;
  font-size: 0.21rem;
  text-decoration: underline;
  position: absolute;
  margin-left: 0.06rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -0.5rem;
}
.part12 .fq-award-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 1rem;
}
.part12 .fq-award-list .fq-award-item {
  width: 4.98rem;
  position: relative;
}
.part12 .fq-award-list .fq-award-item::after {
  content: "";
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/jiange3.png) no-repeat;
  width: 0.09rem;
  height: 5.83rem;
  background-size: 100% 100%;
  position: absolute;
  right: -0.04rem;
  top: -0.4rem;
}
.part12 .fq-award-list .fq-award-item:last-child::after {
  display: none;
}
.part12 .fq-award-list .fq-award-item .fq-award-img {
  width: 3rem;
  height: 3rem;
  display: block;
  margin: 0 auto;
  position: relative;
}
.part12 .fq-award-list .fq-award-item .fq-award-img img {
  width: 4.5rem;
  height: 4.51rem;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
}
.part12 .fq-award-list .fq-award-item .fq-award-name {
  height: 1.2rem;
  color: #ffffff;
  font-size: 0.21rem;
  text-align: center;
  line-height: 0.29rem;
  margin-top: -0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.part12 .fq-award-list .fq-award-item .fq-award-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.part12 .fq-award-list .fq-award-item .fq-award-price .fq-award-price_p1 {
  color: #8e46c2;
  font-size: 1.07rem;
  font-family: "sellnum-1";
  line-height: 1.07rem;
  margin-left: 0.1rem;
}
.part12 .fq-award-list .fq-award-item .fq-award-price .fq-award-price_p1 span {
  display: block;
  height: 1.07rem;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #4c20ab), color-stop(80%, #a142e3));
  background-image: linear-gradient(to bottom, #4c20ab 50%, #a142e3 80%);
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  letter-spacing: -0.02rem;
}
.part12 .fq-award-list .fq-award-item .fq-award-price .fq-award-price_p1.lp {
  margin-left: 0.05rem;
}
.part12 .fq-award-list .fq-award-item .fq-award-price .fq-award-price_p1.lp span:first-letter {
  letter-spacing: -0.05rem;
}
.part12 .fq-award-list .fq-award-item .fq-award-price_p2 {
  -ms-flex-item-align: end;
      align-self: flex-end;
  color: #8e46c2;
  font-size: 0.2rem;
  margin-bottom: 0.06rem;
  margin-left: 0.06rem;
}
.part12 .fq-award-list .fq-award-item .btn1 {
  width: 3.22rem;
  height: 0.83rem;
  margin-top: 0.22rem;
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/btn_unlock2.png) no-repeat;
  background-size: 100% 100%;
}

.pop_jackpot,
#pop-portrayal-list,
#pop-portrayal-pick,
#pop-get,
.pop-reminder,
.pop-reminder-hint {
  -webkit-transform: scale(0.65);
      -ms-transform: scale(0.65);
          transform: scale(0.65);
}

.pop_jackpot {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/pop_bg4.png) no-repeat;
  width: 17.37rem;
  height: 12.7rem;
  background-size: 100% 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 0.82rem;
}
.pop_jackpot .pop-tit {
  font-family: "fzss";
  font-size: 0.58rem;
  color: #5d317d;
  text-align: center;
  font-weight: normal;
  line-height: 1;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(43%, #fa319e), to(#fa7fff));
  background-image: linear-gradient(to bottom, #fa319e 43%, #fa7fff 100%);
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
.pop_jackpot .jackpot-list {
  width: 13.38rem;
  height: 9.8rem;
  margin: 0.4rem auto 0;
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 0 0.5rem;
}
.pop_jackpot .jackpot-list::-webkit-scrollbar {
  width: 0.06rem;
  background: rgba(93, 49, 125, 0.3);
}
.pop_jackpot .jackpot-list::-webkit-scrollbar-thumb {
  width: 0.06rem;
  background-color: #5d317d;
}
.pop_jackpot .jackpot-list .jackpot-item {
  width: 13.38rem;
  height: 7.79rem;
  background-size: 100% 100% !important;
  margin-bottom: 1rem;
}
.pop_jackpot .jackpot-list .jackpot-item:last-child {
  margin-bottom: 0;
}
.pop_jackpot .jackpot-list .jackpot-item.jackpot-item1 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/jackpot_item1.png);
}
.pop_jackpot .jackpot-list .jackpot-item.jackpot-item2 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/jackpot_item2.png);
}
.pop_jackpot .jackpot-list .jackpot-item.jackpot-item3 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/jackpot_item3.png);
}
.pop_jackpot .jackpot-list .jackpot-item.jackpot-item4 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/jackpot_item4.png);
}
.pop_jackpot .jackpot-list .jackpot-item.jackpot-item5 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/jackpot_item5.png);
}

.pop_buytips {
  display: none !important;
}

.pass-zed-tag {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/pass_zed_tag.png) no-repeat;
  width: 1.56rem;
  height: 6.44rem;
  background-size: 100% 100%;
  position: absolute;
  left: 6.9rem;
  top: 6.6rem;
}

.pass-zed-awards {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/pass_zed_awards.png) no-repeat;
  width: 9.22rem;
  height: 10.59rem;
  background-size: 100% 100%;
  position: absolute;
  left: 14rem;
  top: 5.2rem;
}

.g-wrap > .main > .content > .bg-show > .show-content > .top > .left > p {
  color: #ff42ba;
  font-size: 0.61rem;
  font-family: "fzss";
}

.g-wrap > .main > .content.part05 > .bg-show > .show-content > .top > .left > p,
.g-wrap > .main > .content.part04 > .bg-show > .show-content > .top > .left > p {
  color: #6700ff;
}