@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, div, button, input, select, textarea, p {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  background: none;
  text-decoration: none;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

img {
  border: 0;
}

body, html {
  width: 7.5rem;
  overflow-x: hidden;
  background-color: #1f191b;
}

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: #6a6a6a;
  font-weight: normal;
}

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

@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.1rem;
  color: #3487d7;
}

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

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

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

.text-color6 {
  font-size: 0.38rem;
  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.38rem;
  color: #452570;
}

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

@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 {
    padding-right: 0rem;
    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 top, left bottom, color-stop(9%, #bb5eff), color-stop(91%, #e657fa));
    background-image: linear-gradient(to bottom, #bb5eff 9%, #e657fa 91%);
    -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;
  }
}
.g-wrap {
  height: 295.86rem;
  overflow-y: hidden;
}

/* ??? */
.fz12 {
  font-size: 0.14rem;
}

.fz14 {
  font-size: 0.14rem;
}

.fz16 {
  font-size: 0.16rem;
}

.fz18 {
  font-size: 0.18rem;
}

.fz19 {
  font-size: 0.19rem;
}

.fz20 {
  font-size: 0.2rem;
}

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

/* ?????? */
.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 {
  width: 7.5rem;
  overflow-x: hidden;
  margin: auto;
}

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

#container {
  width: 100%;
  height: 4.3rem;
  display: block;
  visibility: visible;
  position: fixed;
  z-index: 9999;
  left: 50%;
  top: 50%;
  margin-top: -2.15rem;
  margin-left: -3.75rem;
}

.vclose {
  display: block;
  width: 0.63rem;
  height: 0.63rem;
  line-height: 0;
  padding: 0.3rem 0;
  position: absolute;
  right: -3.6rem;
  top: -3rem;
  font-size: 0;
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/btn_close.png) no-repeat;
  background-size: 100% 100%;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.vclose:hover {
  color: #fff;
  text-decoration: none;
}

.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;
  pointer-events: none;
}

.side_nav a {
  display: block;
  width: 2.27rem;
  height: 0.58rem;
  margin-left: auto;
  margin-bottom: 0.03rem;
  position: relative;
  opacity: 0.45;
}

.side_nav a:not(.logo_go) {
  display: none;
}

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

.nav-show {
  right: -296px;
}

.side_nav .logo_go {
  margin-top: 9.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;
  pointer-events: 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);
  }
}
/* ????? ---------------------------------------------------------------------------------------------------------------------*/
.iconrole1,
.iconrole2,
.iconrole3,
.iconrole4,
.iconrole5,
.iconrole6,
.iconrole7,
.iconrole8,
.iconrole9,
.role_icons_pc {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250429spiritblossomsell/role_icons_pc.png);
  background-size: 9.76rem 7.32rem;
  background-repeat: no-repeat;
}

.iconrole1 {
  background-position: 0 0;
  width: 1.04rem;
  height: 7.32rem;
}

.iconrole2 {
  background-position: -1.09rem 0;
  width: 1.04rem;
  height: 7.32rem;
}

.iconrole3 {
  background-position: -2.18rem 0;
  width: 1.04rem;
  height: 7.32rem;
}

.iconrole4 {
  background-position: -3.27rem 0;
  width: 1.04rem;
  height: 7.32rem;
}

.iconrole5 {
  background-position: -4.36rem 0;
  width: 1.04rem;
  height: 7.32rem;
}

.iconrole6 {
  background-position: -5.45rem 0;
  width: 1.04rem;
  height: 7.32rem;
}

.iconrole7 {
  background-position: -6.54rem 0;
  width: 1.04rem;
  height: 7.32rem;
}

.iconrole8 {
  background-position: -7.63rem 0;
  width: 1.04rem;
  height: 7.32rem;
}

.iconrole9 {
  background-position: -8.72rem 0;
  width: 1.04rem;
  height: 7.32rem;
}

.iconrole_m1,
.iconrole_m2,
.iconrole_m3,
.iconrole_m4,
.iconrole_m5,
.iconrole_m6,
.iconrole_m7,
.iconrole_m8,
.iconrole_m9,
.role_icons_m {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250429spiritblossomsell/role_icons_m.png);
  background-size: 7.22rem 5.28rem;
  background-repeat: no-repeat;
}

.iconrole_m1 {
  background-position: 0 0;
  width: 0.76rem;
  height: 5.28rem;
}

.iconrole_m2 {
  background-position: -0.81rem 0;
  width: 0.76rem;
  height: 5.28rem;
}

.iconrole_m3 {
  background-position: -1.62rem 0;
  width: 0.76rem;
  height: 5.28rem;
}

.iconrole_m4 {
  background-position: -5.67rem 0;
  width: 0.75rem;
  height: 5.28rem;
}

.iconrole_m5 {
  background-position: -2.43rem 0;
  width: 0.76rem;
  height: 5.28rem;
}

.iconrole_m6 {
  background-position: -3.24rem 0;
  width: 0.76rem;
  height: 5.28rem;
}

.iconrole_m7 {
  background-position: -4.05rem 0;
  width: 0.76rem;
  height: 5.28rem;
}

.iconrole_m8 {
  background-position: -6.47rem 0;
  width: 0.75rem;
  height: 5.28rem;
}

.iconrole_m9 {
  background-position: -4.86rem 0;
  width: 0.76rem;
  height: 5.28rem;
}

.nav_pc,
.pick1,
.pick10,
.pick11,
.pick12,
.pick2,
.pick3,
.pick4,
.pick5,
.pick6,
.pick7,
.pick8,
.pick9 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250429spiritblossomsell/nav_pc.png);
  background-size: 4.59rem 3.73rem;
  background-repeat: no-repeat;
}

.pick1 {
  background-position: 0 -0.63rem;
  width: 2.27rem;
  height: 0.58rem;
}

.pick10 {
  background-position: 0 -1.89rem;
  width: 2.27rem;
  height: 0.58rem;
}

.pick11 {
  background-position: 0 -1.26rem;
  width: 2.27rem;
  height: 0.58rem;
}

.pick12 {
  background-position: -2.32rem 0;
  width: 2.27rem;
  height: 0.58rem;
}

.pick2 {
  background-position: -2.32rem -0.63rem;
  width: 2.27rem;
  height: 0.58rem;
}

.pick3 {
  background-position: -2.32rem -1.26rem;
  width: 2.27rem;
  height: 0.58rem;
}

.pick4 {
  background-position: 0 0;
  width: 2.27rem;
  height: 0.58rem;
}

.pick5 {
  background-position: -2.32rem -1.89rem;
  width: 2.27rem;
  height: 0.58rem;
}

.pick6 {
  background-position: 0 -2.52rem;
  width: 2.27rem;
  height: 0.58rem;
}

.pick7 {
  background-position: -2.32rem -2.52rem;
  width: 2.27rem;
  height: 0.58rem;
}

.pick8 {
  background-position: 0 -3.15rem;
  width: 2.27rem;
  height: 0.58rem;
}

.pick9 {
  background-position: -2.32rem -3.15rem;
  width: 2.27rem;
  height: 0.58rem;
}

.close,
.icon10,
.icon11,
.icon12,
.icon3,
.icon4,
.icon5,
.icon7,
.icon8,
.icon9,
.icons_pc,
.label2,
.label3 {
  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-position: -6.32rem -0.12rem;
  width: 0.3rem;
  height: 0.3rem;
}

.content-price {
  position: absolute;
  top: 2.95rem;
  left: -1.3rem;
}

.part04 .content-price {
  top: 2.95rem;
}

.part05 .content-price {
  top: 3.15rem;
}

.part06 .content-price {
  top: 2.9rem;
}

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

.currency-box2 {
  position: relative;
  -webkit-transform: translateY(-0.1rem);
      -ms-transform: translateY(-0.1rem);
          transform: translateY(-0.1rem);
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/sj.png) no-repeat;
  width: 0.17rem;
  height: 0.69rem;
  background-size: 100% 100%;
}

.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 {
  position: relative;
  -webkit-transform: translateY(0.11rem);
      -ms-transform: translateY(0.11rem);
          transform: translateY(0.11rem);
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/sj.png) no-repeat;
  width: 0.2rem;
  height: 0.67rem;
  background-size: 100% 100%;
  margin-bottom: 0.1rem;
}
.currency-box4 p {
  color: #a17742;
  font-size: 0.16rem;
  text-align: center;
  line-height: 0.22rem;
  margin-top: 0.12rem;
}

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

.part10 .price .currency-box {
  position: relative;
  -webkit-transform: translateY(0.1rem);
      -ms-transform: translateY(0.1rem);
          transform: translateY(0.1rem);
}

.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 {
  background: #dac7a9;
  -webkit-transform: rotateZ(45deg);
      -ms-transform: rotate(45deg);
          transform: rotateZ(45deg);
  width: 0.06rem;
  height: 0.06rem;
}

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

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

.close {
  background-position: -1.55rem -1.11rem;
  width: 0.3rem;
  height: 0.3rem;
}

.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.01rem;
  height: 0.32rem;
  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-position: -1.55rem -0.39rem;
  width: 1.11rem;
  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;
}

.btn,
.btn-cancel,
.btn2,
.btn4,
.btn_pc {
  background: url(//game.gtimg.cn/images/lol/act/a20250429spiritblossomsell/m/btn-common.png) no-repeat center/100% auto;
}

.btn-cancel {
  display: block;
  width: 3.02rem;
  height: 0.69rem;
  margin-left: 0.25rem;
  background: url(//game.gtimg.cn/images/lol/act/a20250429spiritblossomsell/m/btn-common2.png) no-repeat center/100% auto;
}
.btn-cancel p {
  font-size: 0.24rem;
  line-height: 0.64rem;
  text-align: center;
  color: #fff;
}

.btn {
  display: block;
  width: 3.02rem;
  height: 0.69rem;
  margin: 0.33rem auto 0;
  text-align: center;
}

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

.btn2 {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/btn_unlock2.png) no-repeat;
  width: 3.35rem;
  height: 0.86rem;
  background-size: 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%;
}

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

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

.nav_pc,
.pick1,
.pick10,
.pick11,
.pick12,
.pick2,
.pick3,
.pick4,
.pick5,
.pick6,
.pick7,
.pick8,
.pick9 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250429spiritblossomsell/nav_pc.png);
  background-size: 4.59rem 3.73rem;
  background-repeat: no-repeat;
}

.pick1 {
  background-position: 0 -0.63rem;
  width: 2.27rem;
  height: 0.58rem;
}

.pick10 {
  background-position: 0 -1.89rem;
  width: 2.27rem;
  height: 0.58rem;
}

.pick11 {
  background-position: 0 -1.26rem;
  width: 2.27rem;
  height: 0.58rem;
}

.pick12 {
  background-position: -2.32rem 0;
  width: 2.27rem;
  height: 0.58rem;
}

.pick2 {
  background-position: -2.32rem -0.63rem;
  width: 2.27rem;
  height: 0.58rem;
}

.pick3 {
  background-position: -2.32rem -1.26rem;
  width: 2.27rem;
  height: 0.58rem;
}

.pick4 {
  background-position: 0 0;
  width: 2.27rem;
  height: 0.58rem;
}

.pick5 {
  background-position: -2.32rem -1.89rem;
  width: 2.27rem;
  height: 0.58rem;
}

.pick6 {
  background-position: 0 -2.52rem;
  width: 2.27rem;
  height: 0.58rem;
}

.pick7 {
  background-position: -2.32rem -2.52rem;
  width: 2.27rem;
  height: 0.58rem;
}

.pick8 {
  background-position: 0 -3.15rem;
  width: 2.27rem;
  height: 0.58rem;
}

.pick9 {
  background-position: -2.32rem -3.15rem;
  width: 2.27rem;
  height: 0.58rem;
}

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

.close {
  width: 0.49rem;
  height: 0.49rem;
}

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

.icon10 {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/sq_icon.png);
  background-size: 100% 100%;
  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;
}

.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: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/caihuan.png);
  background-size: 100% 100%;
  width: 0.25rem;
  height: 0.24rem;
}

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

.label3 {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/xclb1.png) no-repeat;
  width: 1.34rem;
  height: 0.38rem;
  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;
}

.iconrole1,
.iconrole2,
.iconrole3,
.iconrole4,
.iconrole5,
.iconrole6,
.iconrole7,
.iconrole8,
.iconrole9,
.role_icons_pc {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250429spiritblossomsell/role_icons_pc.png);
  background-size: 9.76rem 7.32rem;
  background-repeat: no-repeat;
}

.iconrole1 {
  background-position: 0 0;
  width: 1.04rem;
  height: 7.32rem;
}

.iconrole2 {
  background-position: -1.09rem 0;
  width: 1.04rem;
  height: 7.32rem;
}

.iconrole3 {
  background-position: -2.18rem 0;
  width: 1.04rem;
  height: 7.32rem;
}

.iconrole4 {
  background-position: -3.27rem 0;
  width: 1.04rem;
  height: 7.32rem;
}

.iconrole5 {
  background-position: -4.36rem 0;
  width: 1.04rem;
  height: 7.32rem;
}

.iconrole6 {
  background-position: -5.45rem 0;
  width: 1.04rem;
  height: 7.32rem;
}

.iconrole7 {
  background-position: -6.54rem 0;
  width: 1.04rem;
  height: 7.32rem;
}

.iconrole8 {
  background-position: -7.63rem 0;
  width: 1.04rem;
  height: 7.32rem;
}

.iconrole9 {
  background-position: -8.72rem 0;
  width: 1.04rem;
  height: 7.32rem;
}

/*!# 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: 7.5rem;
  height: 12.5rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/m/bg_01.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
  z-index: 11;
}

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

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

/* .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: 11.35rem;
  right: 0%;
  z-index: 999;
  color: #000000;
  font-size: 0.18rem;
}

.g-wrap > .head > .loginContainer > span,
.g-wrap > .head > .loginContainer a,
.g-wrap > .head > .loginContainer > span,
.g-wrap > .head > .loginContainer > div {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: bottom;
}

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

.g-wrap > .main > .part01 > .part-title {
  width: 6.46rem;
  height: 2.88rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/m/part-title1.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
  position: absolute;
  top: -0.65rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 999;
}

.g-wrap > .main > .part07 > .part-title {
  width: 5.87rem;
  height: 2.88rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/m/txz-title2.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
  position: absolute;
  top: 0.15rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

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

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

.g-wrap > .main > .part10 > div > div {
  width: 100%;
  height: 10.3rem;
  text-align: center;
}

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

.g-wrap > .main > .part10 > div > div > .btn1 {
  top: 9.8rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  right: 0;
  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: 4.99rem;
  height: 2.98rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/m/text.png);
  background-size: 100%;
  background-position: 0% 0%;
  background-repeat: no-repeat;
  margin: -0.7rem auto 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.52rem;
  line-height: 0.45rem;
}

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

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

.g-wrap > .main > .part10 > div > div:nth-child(1) > .icon3 {
  margin: auto;
  line-height: 0.075rem;
  text-align: center;
  padding-top: 4.5rem;
  margin-bottom: 0.16rem;
  background: none;
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/gift_icon.png) bottom no-repeat;
  background-size: 100% auto;
}

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

.g-wrap > .main .currency-box > p,
.g-wrap > .main .currency-box2 > p,
.g-wrap > .main .currency-box3 > p,
.g-wrap > .main .currency-box4 > p {
  margin-top: 0.11rem;
  font-size: 0.16rem;
  line-height: 0.24rem;
}

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

.g-wrap > .main .currency-box2 > p {
  color: #a17742;
}

.g-wrap > .main .currency-box4 > p {
  color: #c69955;
}

.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) {
  margin-bottom: 0.1rem;
  font-size: 0.54rem;
}

.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: #e7be6e;
}

.g-wrap .price > div:nth-child(3) > p:nth-child(2) {
  color: #4e4e4e;
  font-size: 0.14rem;
}

.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 .part10 .price > div:nth-child(3) {
  position: relative;
  -webkit-transform: translateY(0.2rem);
      -ms-transform: translateY(0.2rem);
          transform: translateY(0.2rem);
}

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

.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: 1rem;
  letter-spacing: -0.05rem;
  margin-left: -0.0909090909rem;
  width: 1.6rem;
}

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

.g-wrap .btn1 {
  position: absolute;
  top: 3.75rem;
  right: 3.5rem;
  display: block;
  margin: auto;
}

.g-wrap .part01 .btn1 {
  right: -1.66rem;
  top: 3.45rem;
}

.g-wrap .part01 .bottom .btn1 {
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  right: auto;
  top: 3.62rem;
}

.g-wrap .part02 .btn1 {
  right: -1.66rem;
  top: 3.45rem;
}

.g-wrap .part03 .bottom .btn1 {
  right: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 4.22rem;
}

.g-wrap .part02 .bottom .btn1 {
  right: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 3.58rem;
}

.g-wrap .part04 .btn1 {
  right: -1.66rem;
  top: 3.45rem;
}

.g-wrap .part04 .bottom .btn1 {
  right: 3.5rem;
  top: 3.75rem;
}

.g-wrap .part05 .btn1 {
  right: -1.46rem;
  top: 3.7rem;
}

.g-wrap .part06 .btn1 {
  right: -1.46rem;
  top: 3.4rem;
}

.g-wrap .part06 .bottom .btn1 {
  right: 3.5rem;
  top: 3.75rem;
}

.g-wrap .part04 .bottom .btn1 {
  right: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 3.95rem;
}

.g-wrap .part05 .bottom .btn1 {
  right: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 3.6rem;
}

.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 .price > div:nth-child(2) > p:nth-child(1) {
  margin-top: -0.2rem;
  margin-bottom: -0.1060606061rem;
}

.g-wrap > .main > .part10 > div > div:nth-child(1) > ul > li {
  height: 0.25rem;
  border-radius: 0.2rem;
  border: 1px solid #83a1b2;
  text-align: center;
  line-height: 0.25rem;
  display: inline-block;
  vertical-align: top;
  margin-right: 0.06rem;
  margin-bottom: 0.1rem;
  padding: 0.02rem 0.2rem;
  font-size: 0.16rem;
  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 {
  position: absolute;
  width: 100%;
  top: -8.2rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 7.21rem;
  height: 6.73rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  float: none;
  pointer-events: none;
}

.g-wrap > .main > .part10 > div > .inbetweening-list > img {
  display: inline-block;
  width: 1.3rem;
  height: 5.28rem;
}

.g-wrap > .main > .part10 > div > .inbetweening-list .jiange {
  display: inline-block;
  width: 0.17rem;
  height: 5.28rem;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center top;
     object-position: center top;
}

.g-wrap > .main > .part09 > .scenery {
  width: 7.5rem;
  height: 2.73rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/m/scenery.png);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 6.45rem;
  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 > .btn-share {
  width: 10.57rem;
  height: 0.78rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250429spiritblossomsell/btn_share.png);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  bottom: 4.05rem;
  left: 50%;
  margin-left: -5.28rem;
  z-index: 22;
}

.g-wrap > .main > .part09 > .skinnumtext {
  width: 100%;
  position: absolute;
  top: 9.6rem;
  text-align: center;
  color: #d8ebf7;
  font-size: 0.18rem;
  pointer-events: none;
}

.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: 10.4rem;
}

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

.g-wrap > .main > .part09 > .btn-flex .btn-getface {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/btn_getface.png) no-repeat;
  width: 3.35rem;
  height: 0.86rem;
  background-size: 100% 100%;
}
.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: 7.5rem;
  height: 2.76rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/m/rule_box.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 11.7rem;
  left: 0;
  z-index: 24;
}

.g-wrap > .main > .part09 > .rule > h3 {
  font-size: 0.32rem;
  color: #5c327c;
  position: absolute;
  top: 0.45rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  display: none;
}

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

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

.g-wrap > .main > .part09 > .rule > ul {
  width: 6.2rem;
  height: 1.75rem;
  font-size: 0.18rem;
  color: #d8ecf7;
  position: absolute;
  position: absolute;
  top: 0.85rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.g-wrap > .main > .part09 > .rule > ul li {
  margin-bottom: 0.05rem;
}

.g-wrap > .main > .part09 > .rule > ul li::before {
  content: "";
  width: 0.06rem;
  height: 0.06rem;
  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.16rem;
  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: #9839d5;
  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: 7.5rem 100%;
  background-position: 0% 0%;
  width: 100%;
  height: 12.21rem;
  pointer-events: none;
}

.g-wrap .part01 > .content-role {
  top: 1.9rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250429spiritblossomsell/m/role1.png);
  height: 10rem;
}

.g-wrap .part02 > .content-role {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250429spiritblossomsell/m/role2.png);
  height: 10.35rem;
  top: 0rem;
}

.g-wrap .part03 > .content-role {
  top: 0rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250429spiritblossomsell/m/role3.png);
  height: 10.61rem;
}

.g-wrap .part04 > .content-role {
  top: 0rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250429spiritblossomsell/m/role4.png);
  height: 11.11rem;
}

.g-wrap .part05 > .content-role {
  top: 0rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250429spiritblossomsell/m/role5.png);
  height: 10.78rem;
}

.g-wrap .part06 > .content-role {
  top: 0rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250429spiritblossomsell/m/role6.png);
  height: 10.8rem;
}

.g-wrap .part07 > .content-role {
  top: 1rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250429spiritblossomsell/m/role7.png);
  height: 10.12rem;
}

.g-wrap .part08 > .content-role {
  top: 0rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250429spiritblossomsell/m/role8.png);
  height: 12.4rem;
  z-index: 6;
}

.g-wrap > .main > .content > .top {
  width: 3.35rem;
  margin-top: 0rem;
  position: absolute;
  top: 10.25rem;
  z-index: 7;
}

.g-wrap > .main > .part02 > .top {
  margin-top: 0rem;
  top: 8.6rem;
}

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

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

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

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

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

.g-wrap > .main > .content > .top-right {
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

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

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

.g-wrap > .main > .content > .top-left {
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 99;
}

.part02 .buy-tips {
  position: absolute;
  top: 4.33rem;
  right: -1.95rem;
  width: 3.9rem;
  text-align: center;
  font-size: 0.18rem;
  color: #939393;
  text-decoration: underline;
  line-height: 0.3rem;
}

.part02 .buy-tips2 {
  position: absolute;
  top: 4.5rem;
  right: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  text-align: center;
  font-size: 0.14rem;
  color: #939393;
}

.g-wrap > .main > .content > .top .buy-tips .xc-float {
  background: url(//game.gtimg.cn/images/lol/act/a20250429spiritblossomsell/xc_float1.png) no-repeat;
  width: 2.89rem;
  height: 2.4rem;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -2.5rem;
  text-align: center;
  color: #5b3080;
  font-size: 0.18rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 1.9rem;
  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/a20250429spiritblossomsell/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/m/btn_play1.png) no-repeat;
  width: 1.08rem;
  height: 1.2rem;
  background-size: 100% 100%;
  position: absolute;
  left: 2.3rem;
  top: 1.32rem;
  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/m/btn_play2.png) no-repeat;
  width: 1.09rem;
  height: 1.2rem;
  background-size: 100% 100%;
  position: absolute;
  left: 3.8rem;
  top: 1.36rem;
  z-index: 2;
  -webkit-animation: 1.8s ease infinite breath;
          animation: 1.8s ease infinite breath;
}

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

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

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

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

.g-wrap > .main > .part08 > .top > .name > .video {
  left: 3.9rem;
  top: 0.54rem;
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/m/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/m/name1.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0% 0%;
  width: 2.37rem;
  height: 2.73rem;
}

.part01 .logo3 {
  width: 1.17rem;
  position: absolute;
  top: -0.9rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.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-zz > .content-price > div:nth-child(2),
.g-wrap > .main > .content > .top > .content-price > div:nth-child(2) {
  margin-bottom: -0.38rem;
  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: 1.95rem;
  left: 50%;
  display: none;
}

.g-wrap > .main > .part07.content > .top > .name > p {
  top: 1.85rem;
  font-size: 1.3rem;
}

.g-wrap > .main > .part08.content > .top > .name > p {
  top: 1.05rem;
  font-size: 1.3rem;
}

.g-wrap .content > .bottom .buy-tips2 .xc-float {
  background: url(//game.gtimg.cn/images/lol/act/a20250429spiritblossomsell/xc_float1.png) no-repeat;
  width: 2.89rem;
  height: 2.4rem;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -2.5rem;
  text-align: center;
  color: #5b3080;
  font-size: 0.18rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 1.9rem;
  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/a20250429spiritblossomsell/xc_float2.png) no-repeat;
  background-size: 100% 100%;
}

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

.g-wrap .content.part02 > .bottom .buy-tips2 {
  color: #c0c0c0;
  text-decoration: underline;
}

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

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

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

.g-wrap .part03 > .bottom {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/m/grown_bg3.png);
  width: 7.41rem;
  height: 5.02rem;
  top: 12.1rem;
}

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

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

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

.g-wrap .part07 > .bottom {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250429spiritblossomsell/grown_bg7.png);
  width: 10.7803030303rem;
  height: 2.7878787879rem;
  bottom: 3rem;
  z-index: 3;
  /* padding-top:0.30303030303030304rem;
  box-sizing:border-box;
  */
}

.g-wrap > .main > .content > .bottom > .right {
  width: 3.35rem;
  text-align: center;
  padding-top: 0rem;
  margin-top: -0.2rem;
  margin-right: 4.02rem;
}

.part01 .rule {
  width: 6.34rem;
  text-align: center;
  margin-left: -1.52rem;
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
}
.part01 .rule span {
  display: block;
  color: #d2a684;
  font-size: 0.18rem;
  text-align: center;
}
.part01 .rule p {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/m/rule_box1.png) no-repeat;
  width: 6.34rem;
  height: 0.77rem;
  background-size: 100% 100%;
  text-align: center;
  color: #5e5e5e;
  font-size: 0.17rem;
  -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;
}

.part01 .buy-tips {
  position: absolute;
  top: 4.3rem;
  right: -1.65rem;
  width: 100%;
  text-align: center;
  font-size: 0.14rem;
  color: #939393;
  text-decoration: underline;
}

.part01 .buy-tips2 {
  position: absolute;
  top: 4.56rem;
  right: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  text-align: center;
  font-size: 0.14rem;
  color: #939393;
  text-decoration: underline;
}

.g-wrap > .main > .part01 > .bottom > .right {
  width: 3.35rem;
  text-align: center;
  padding-top: 0rem;
  margin-top: -0.2rem;
  margin-right: 3.9rem;
}

.g-wrap > .main > .part05 > .bottom > .right {
  padding-top: 0.1rem;
}

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

.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: 1.5rem;
  margin-left: 0.55rem;
}

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

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

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

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

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

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

.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: 0.83rem;
}

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

.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.0757575758rem;
  margin-top: 0.1212121212rem;
}

.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 {
  font-size: 0.21rem;
  color: #c19055;
}

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

.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 {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 3.5rem;
}

.g-wrap > .main > .content.part06 > .bottom > .right .btn3 {
  top: 3.75rem;
}

.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-bottom: -0.35rem;
  /* margin-left: -0.06rem; */
}

.g-wrap > .main > .content > .bg-show {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/m/color_show1.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0rem 0;
  width: 7.5rem;
  height: 1.35rem;
  position: absolute;
  bottom: 0.7rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 20;
}

.g-wrap > .main > .part01 > .bg-show {
  bottom: -0.68rem;
}

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

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

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

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

.g-wrap > .main > .part06 > .bg-show {
  bottom: 1.2rem;
}

.g-wrap > .main > .content > .bg-show-night {
  /* background-image: url(//game.gtimg.cn/images/lol/act/a20250429spiritblossomsell/color_show4.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0% 0%;
  width: 16.72rem;
  height: 3rem;
  margin-left: -8.36rem; */
}

.g-wrap > .main > .part07 > .bnttom-night {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250429spiritblossomsell/grown_bg7.png);
  width: 14.23rem;
  height: 3.48rem;
}

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

.g-wrap > .main > .content > .bg-show .h-show {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/m/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: 4.053030303rem;
  position: absolute;
  bottom: -0.3rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.g-wrap > .main > .content > .bg-show > div > p {
  width: 2.2rem;
  text-align: center;
  margin: auto;
  color: #eff0e8;
  font-size: 0.18rem;
}

.g-wrap > .main > .content > .bg-show > div > p::after {
  display: block;
  content: "";
  width: 0.0303030303rem;
  height: 0.0303030303rem;
  background-color: #eff0e8;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  left: -0.0757575758rem;
  -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.0303030303rem;
  height: 0.0303030303rem;
  background-color: #eff0e8;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  right: -0.0757575758rem;
  -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 > .content > .bg-show > div:nth-last-child(1) {
  width: 100%;
  height: 1.18rem;
  position: absolute;
  top: 0.2rem;
  left: 50%;
  z-index: 222;
  cursor: pointer;
}

.g-wrap > .main > .part01 > .top > .logo2 {
  width: 1.45rem;
  position: absolute;
  top: -0.9rem;
  left: 0.93rem;
}

.g-wrap > .main > .part02 > .top > .logo2 {
  width: 1.45rem;
  position: absolute;
  top: -1rem;
  left: 1.06rem;
}

.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: 7.5rem;
  height: 16rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/m/bg_02.jpg);
  background-repeat: no-repeat;
  position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

.g-wrap > .main > .part02 > .top > .name > p {
  padding-right: 0.2rem;
  width: 5.2rem;
  top: 1.9rem;
  font-size: 1.24rem;
}

/* ?????------------------------------------------------------------------------------------------------------------------------- */
.g-wrap > .head > .logo {
  width: 1.55rem;
  height: 0.45rem;
  top: 0.24rem;
  left: 0.26rem;
  outline: 0;
  z-index: 999;
}

/* .g-wrap>.head>.djc {
  top: 0.20rem;
  left: 1.61rem;
  outline: 0;
  z-index: 999;
} */
.g-wrap > .head > .login {
  top: 8.15rem;
  font-size: 0.18rem;
  color: #30414c;
}

/* ???? */
.pop-content .btn > p {
  font-size: 0.24rem;
  line-height: 0.64rem;
  color: #fff;
}

.pop-content h4 {
  text-align: center;
  font-size: 0.48rem;
  line-height: 1;
  color: #5d317d;
  font-weight: normal;
  font-family: "fzss";
  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-list.pop-content h4 {
  color: #5d317d;
}

.pop-list {
  width: 6.91rem;
  height: 11.33rem;
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/m/pop3.png) no-repeat center/100% auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 0.5rem;
}

.pop-list.list-pick {
  width: 6.91rem;
  height: 12.51rem;
  background: url(//game.gtimg.cn/images/lol/act/a20250429spiritblossomsell/m/pop4.png) no-repeat center/100% auto;
}

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

.pop-list > ul li > p {
  width: 1.8rem;
  margin-left: -0.1rem;
  text-align: center;
  line-height: 0.6rem;
  font-size: 0.2rem;
}

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

.pop-list > ul li:nth-child(3),
.pop-list > ul li:nth-child(6),
.pop-list > ul li:nth-child(9) {
  margin-right: 0rem;
}

.pop-list > ul li:last-child {
  margin-left: 2.15rem;
}

.pop-pay {
  width: 7.18rem;
  height: 5.72rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250429spiritblossomsell/pop_bg2_m.png);
}

.pop-pay h4 {
  line-height: 1.5rem;
}

.pop-pay > div:nth-child(2) {
  width: 7.18rem;
  height: 1.79rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250429spiritblossomsell/icon_11_m.png);
}

.pop-pay > div:nth-child(2) > p:nth-child(1) {
  font-size: 0.22rem;
  line-height: 0.2rem;
  padding-top: 0.6rem;
}

.pop-pay > div:nth-child(4) {
  width: 6rem;
  margin-top: 0.4rem;
}

.pop-pay > div:nth-child(3) {
  font-size: 0.22rem;
  color: #6a6a6a;
}

.pop-pay > div:nth-child(4) > p:nth-of-type(1) {
  font-size: 0.22rem;
}

.pop-pay > div:nth-child(4) > p:nth-of-type(2) {
  font-size: 0.22rem;
}

.pop-get {
  width: 6.91rem;
  height: 7.44rem;
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/m/pop1.png) no-repeat center/100% auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 0.55rem;
}

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

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

.pop-get > p {
  position: relative;
  padding: 0.2rem 0;
  font-size: 0.26rem;
  color: #c39965;
  text-align: center;
  font-weight: bold;
}

.pop-get > p::after {
  content: "";
  position: absolute;
  width: 4.59rem;
  height: 0.19rem;
  top: 0.75rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/m/name-desc.png) no-repeat center/100% auto;
}

.pop-get > div:nth-last-child(2) > p:nth-of-type(1) {
  font-size: 0.22rem;
  top: -0.6rem;
  text-align: center;
  color: #6a6a6a;
  margin-top: 0.25rem;
  margin-bottom: -0.1rem;
}

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

.pop-get > div:nth-last-child(2) {
  bottom: 1rem;
}

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

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

.pop-record {
  width: 6.91rem;
  height: 7.55rem;
  background: url(//game.gtimg.cn/images/lol/act/a20250429spiritblossomsell/m/pop2.png) no-repeat center/100% auto;
}

.pop-record table {
  width: 6.4rem;
  margin: 0 auto;
}

.pop-record > h4 {
  padding: 0.55rem 0 0;
}

.pop-record > table tr th,
.pop-record > table tr td,
.pop-record > table tr td a {
  font-size: 0.2rem !important;
}

.pop-record > table tr td a {
  color: #a17d51;
}

.pop-record > table > thead > tr:nth-child(1) {
  width: 6.66rem;
  height: 0.42rem;
  background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(195, 176, 140, 0)), color-stop(15%, rgba(195, 176, 140, 0.8)), color-stop(99%, rgba(195, 176, 140, 0)));
  background: linear-gradient(to right, rgba(195, 176, 140, 0) 0 1%, rgba(195, 176, 140, 0.8) 15% 85%, rgba(195, 176, 140, 0) 99% 0);
  line-height: 0.42rem;
  color: #fff;
}

.pop-record > table tr {
  width: 6.66rem;
  height: 0.8rem;
  line-height: 0.8rem;
  color: #a17d51;
}

.pop-record > table tr td:nth-child(1) {
  text-align: center;
  line-height: 1.2;
  width: 2.47rem;
}

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

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

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

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

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

.pop-record > table tr td:nth-child(3) p {
  display: block;
  line-height: 0.22rem;
  color: #585858;
}

.pop-record .pop-pager > span {
  margin-right: 0.04rem;
}

.pop-record .pop-pager > a {
  margin-right: 0.04rem;
}

.pop-reminder {
  width: 6.91rem;
  height: 3.72rem;
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/m/pop5.png) no-repeat center/100% auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 0.55rem;
}

.pop-reminder > p {
  font-size: 0.2rem;
  margin-top: 0.2rem;
}

.pop-reminder > p {
  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;
  font-size: 0.2rem;
  line-height: 1.3;
  height: 1rem;
  padding: 0 0.6rem;
  color: #6a6a6a;
}

.pop-list > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 6.2rem;
  margin: 0.25rem auto 0;
}

.pop-list > ul li > p {
  width: 2rem;
  font-size: 0.18rem;
}

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

/* 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/m/bg-show.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0% 0%;
  width: 6.98rem;
  height: 8.94rem;
  position: absolute;
  top: 0.8rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
  display: none;
  margin-left: 0.08rem;
}

.g-wrap > .main > .content > .bg-show > .show-content > .show-go {
  width: 2.7rem;
  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.5rem;
  cursor: pointer;
}

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

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

.g-wrap > .main > .content > .bg-show > .show-content > .top > .right {
  /* box-sizing: content-box;
    padding-right: 1rem;
    padding-top: 0.67rem; */
  position: absolute;
  top: 6rem;
  right: 3.9rem;
}

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

.g-wrap > .main > .content > .bg-show > .show-content > .top > .left > div:nth-of-type(2) > p:nth-child(1) {
  color: #fff;
  font-size: 0.2rem;
  margin-left: 0.25rem;
  line-height: 0.42rem;
  margin-right: 0.6rem;
}

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

.g-wrap > .main > .content > .bg-show > .show-content > .top > .left > div:nth-of-type(3) > p {
  font-size: 0.14rem;
  color: #9762de;
  line-height: 0.24rem;
  border: 1px solid #9762de;
  border-radius: 0.12rem;
  padding: 0 0.1rem;
  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.24rem;
  color: #9762de;
  font-weight: 600;
  border: none !important;
}

.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: 1.5rem;
}

.g-wrap > .main > .content > .bg-show > .show-content > .top > .right > .bg-show-price > p:nth-of-type(2) {
  width: 2rem;
  text-align: center;
  font-size: 0.16rem;
  color: #6d6d6d;
  position: absolute;
  bottom: 0rem;
  left: 39%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

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

.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.2rem;
  right: -3.5rem;
  top: 0.5rem;
  width: 2.99rem;
  height: 0.77rem;
}

.g-wrap > .main > .content > .bg-show > .show-content > .bottom {
  position: relative;
  bottom: -3.2rem;
  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: 4.47rem;
  height: 1.36rem;
  position: absolute;
  bottom: -1.7rem;
  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: 6.2rem;
  left: 50%;
  bottom: -1.5rem;
}

.g-wrap > .main > .part05 > .bg-show > .show-content > .bottom > ul {
  width: 6.25rem;
  left: 50%;
  bottom: -1.5rem;
}

.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 {
  left: 50%;
  width: 6.13rem;
  bottom: -1.6rem;
}

.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.2rem;
  color: #535353;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

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

.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) {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/m/rule-label1.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0% 0%;
  width: 5.81rem;
  height: 0.42rem;
}

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

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

.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 {
  font-size: 0.16rem;
  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;
}

.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: #e6bf70;
  position: relative;
  top: 0.08rem;
}

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

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

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

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

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

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

.g-wrap > .main > .part06 > .bg-show > .show-content > .bottom > div:nth-child(1) {
  width: 6.05rem;
  height: 1.54rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/m/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: 4.47rem;
  height: 1.64rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/m/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: 6.05rem;
  height: 1.51rem;
}

/* .g-wrap>.main>.part04>.bg-show>.show-content>.bottom>ul {
    width: 12.5rem;
    left: 48%;
} */
.g-wrap > .main > .part05 > .bg-show > .show-content > .bottom {
  width: 6.13rem;
  height: 1.7rem;
}

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

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

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

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

.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/m/name2.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0% 0%;
  width: 3.5rem;
  height: 3.02rem;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.g-wrap > .main > .part04 > .top > .name1 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/m/name4.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0% 0%;
  width: 3.48rem;
  height: 2.86rem;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

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

.g-wrap > .main > .part06 > .top > .name1 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/m/name6.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0% 0%;
  width: 3.53rem;
  height: 2.87rem;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

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

.g-wrap > .main > .part08 > .top > .name1 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/m/name9.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0% 0%;
  width: 3.76rem;
  height: 1.99rem;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.g-wrap > .main > .part11 > .top > .name {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250429spiritblossomsell/m/name1.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0% 0%;
  width: 2.8rem;
  height: 1.78rem;
}

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

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

.list-pick > ul > li {
  position: relative;
}

.unselected-portrayal-change {
  width: 0.36rem;
  height: 0.36rem;
  border-radius: 0.36rem;
  border: 0.02rem solid #8b7356;
  background-color: #202a4a;
  position: absolute;
  bottom: 0.55rem;
  left: 0.65rem;
}

.pick-portrayal-change {
  width: 2.1rem;
  height: 2.1rem;
  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.39rem;
  left: -0.2rem;
  display: none;
}

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

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

.list-pick > div:nth-child(3) {
  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;
  margin: auto;
  margin-top: 0.2rem;
}

.list-pick .btn {
  margin: 0 0 0 0;
}

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

.reminder-hint > div:nth-child(3) {
  width: 6rem;
  height: 0.69rem;
  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.7rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.reminder-hint > div:nth-child(3) a {
  margin-top: 0;
}

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

.reminder-hint {
  width: 6.91rem;
  height: 3.73rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/m/pop5.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.55rem;
}

.reminder-hint > p {
  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;
  line-height: 1.35;
  height: 1rem;
  width: 5.5rem;
  font-size: 0.2rem;
  color: #6a6a6a;
  text-align: center;
  margin: auto;
  margin-top: 0.2rem;
}

.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/share/tujian_title1.png) no-repeat;
  width: 3.22rem;
  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/share/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.7rem;
  -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.81rem;
  height: 0.81rem;
  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.81rem;
  height: 0.81rem;
  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.7;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.page-icon-box .page-icon.on {
  opacity: 1;
}

#share {
  width: 11rem;
  height: 6.18rem;
  outline: none;
  border: none;
}

.shareimg-box {
  position: relative;
  width: 11rem;
  height: 6.18rem;
  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.4rem;
  height: 0.4rem;
  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;
}

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

#share {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translate(-50%, -50%) !important;
      -ms-transform: translate(-50%, -50%) !important;
          transform: translate(-50%, -50%) !important;
  margin: 0 !important;
}

@media screen and (orientation: landscape) {
  #share {
    -webkit-transform: translate(-50%, -50%) scale(0.8) rotateZ(90deg) !important;
        -ms-transform: translate(-50%, -50%) scale(0.8) rotate(90deg) !important;
            transform: translate(-50%, -50%) scale(0.8) rotateZ(90deg) !important;
  }
}
@media screen and (orientation: portrait) {
  #share {
    -webkit-transform: translate(-50%, -50%) scale(0.8) rotateZ(90deg) !important;
        -ms-transform: translate(-50%, -50%) scale(0.8) rotate(90deg) !important;
            transform: translate(-50%, -50%) scale(0.8) rotateZ(90deg) !important;
  }
}
.ShareImage__dom {
  /* width: 3335px;
    height: 1875px; */
  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__dom img {
  width: 100% !important;
  height: 100% !important;
}

.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;
  background-size: 100% 100% !important;
}
.ShareImage__fg .si__keyword.keyword1 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/share/keywords/keyword1.png);
}
.ShareImage__fg .si__keyword.keyword2 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/share/keywords/keyword2.png);
}
.ShareImage__fg .si__keyword.keyword3 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/share/keywords/keyword3.png);
}
.ShareImage__fg .si__keyword.keyword4 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/share/keywords/keyword4.png);
}
.ShareImage__fg .si__keyword.keyword5 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/share/keywords/keyword5.png);
}
.ShareImage__fg .si__keyword.keyword6 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/share/keywords/keyword6.png);
}
.ShareImage__fg .si__keyword.keyword7 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/share/keywords/keyword7.png);
}
.ShareImage__fg .si__keyword.keyword8 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/share/keywords/keyword8.png);
}
.ShareImage__fg .si__keyword.keyword9 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/share/keywords/keyword9.png);
}
.ShareImage__fg .si__keyword.keyword10 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/share/keywords/keyword10.png);
}
.ShareImage__fg .si__keyword.keyword11 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/share/keywords/keyword11.png);
}
.ShareImage__fg .si__keyword.keyword12 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/share/keywords/keyword12.png);
}
.ShareImage__fg .si__keyword.keyword13 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/share/keywords/keyword13.png);
}
.ShareImage__fg .si__keyword.keyword14 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/share/keywords/keyword14.png);
}

.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-bottom: 0.05rem;
}

.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 {
  width: 7.5rem;
  background-size: 7.5rem 100%;
  margin-top: -0.01rem;
}

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

.g-wrap .part10 .price > div:nth-child(2) > p:nth-child(1) {
  padding-right: 0.03rem;
}

.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: 3.35rem;
  position: absolute;
  top: 7.15rem;
  z-index: 2;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.g-wrap .part01 .btn-topass {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/btn_pass.png) no-repeat;
  width: 3.35rem;
  height: 0.86rem;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 4.5rem;
}

.part03 .name {
  position: relative;
  width: 3.8rem;
  margin: 0 auto;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/m/name3.png);
  background-repeat: no-repeat;
  background-size: 2.37rem auto;
  background-position: center;
  height: 3.49rem;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.part03 .name .sellnum-name1 {
  color: #e269b4;
  font-size: 1.26rem;
  padding-top: 1.25rem;
  position: relative;
  display: none;
}

.part03 .logo3 {
  width: 1.17rem;
  position: absolute;
  top: -0.55rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.part03 .video {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/m/btn_play2.png) no-repeat;
  width: 1.09rem;
  height: 1.2rem;
  background-size: 100% 100%;
  -webkit-animation: 1.8s ease infinite breath;
          animation: 1.8s ease infinite breath;
  position: absolute;
  left: 3.45rem;
  top: 1.62rem;
}

.part03 .content-price {
  color: #362644;
  font-size: 0.14rem;
  position: absolute;
  top: 3.05rem;
  left: -1.3rem;
}

.part03 .rule {
  width: 5.81rem;
  height: 1.25rem;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 3.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: url(//game.gtimg.cn/images/lol/act/a20250429spiritblossomsell/m/txt-line2.png) no-repeat center 0.35rem/100% auto;
}

.part03 .rule span {
  width: 1.91rem;
  margin-bottom: 0.19rem;
  color: #b4a68b;
  font-size: 0.2rem;
  text-align: center;
}

.part03 .rule .dibb {
  width: 4.7rem;
  color: #5e5e5e;
  font-size: 0.2rem;
}

.part03 .btn1 {
  left: auto;
  right: -1.66rem;
  top: 3.55rem;
}

.part07 .rule,
.part08 .rule {
  width: 6.24rem;
  height: 0.92rem;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 3.4rem;
  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;
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/m/txt-line1.png) no-repeat center 100%/100% auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-bottom: 0.2rem;
}

.part07 .rule {
  top: 2.7rem;
}

.part08 .rule {
  top: 2.7rem;
}

.part07 .rule span,
.part08 .rule span {
  width: 1.91rem;
  color: #b4a68b;
  font-size: 0.2rem;
  text-align: center;
  position: absolute;
  left: 50%;
  top: -0.3rem;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.part07 .rule .dibb,
.part08 .rule .dibb {
  width: 4.7rem;
  color: #d4e5ef;
  font-size: 0.18rem;
  text-align: center;
}

.part08 .pass-box {
  width: 7.5rem;
  height: 15.43rem;
  background-size: 100% 100%;
  position: absolute;
  top: 11.35rem;
  left: 50%;
  margin-left: -3.75rem;
  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;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  padding-top: 0.8rem;
}
.part08 .pass-box .pass-list .pass-item {
  width: 50%;
  position: relative;
}
.part08 .pass-box .pass-list .pass-item:nth-child(1) {
  width: 100%;
  margin-bottom: 1.3rem;
}
.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: 3.12rem;
  height: 2.89rem;
  margin: 0 auto;
}
.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.17rem;
  height: 0.69rem;
  background-size: 100% 100%;
  font-size: 0.16rem;
  text-align: center;
  line-height: 0.24rem;
  color: #c19055;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 0.11rem;
  margin-top: 0.2rem;
}
.part08 .pass-box .pass-list .pass-item .pass-price-box .pass-price_num1 {
  color: #cf9f5d;
  font-size: 1rem;
  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.4rem;
  font-family: "sellnum-1";
  line-height: 0.4rem;
  color: #cf9f5d;
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin-bottom: 0.06rem;
  margin-left: -0.08rem;
}
.part08 .pass-box .pass-list .pass-item .pass-price-box .pass-price-num3 {
  width: 100%;
  position: absolute;
  bottom: -0.2rem;
  color: #c89759;
  font-size: 0.18rem;
  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.2rem;
  margin-bottom: 0.06rem;
  margin-left: 0.06rem;
}
.part08 .pass-box .pass-list .pass-item .pass-name {
  color: #b4cbf9;
  font-size: 0.26rem;
  text-align: center;
  font-weight: bold;
  line-height: 1.2;
  margin-top: 0.38rem;
}
.part08 .pass-box .pass-list .pass-item .pass-time {
  color: #aebccb;
  font-size: 0.18rem;
  text-align: center;
  margin-top: 0.1rem;
}
.part08 .pass-box .pass-list .pass-item .btn1 {
  top: 5.6rem;
  left: 50%;
  right: 0;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  margin: 0;
  margin-top: 0.05rem;
}
.part08 .pass-box .pass-list .pass-item .pass-tips {
  color: #cacaca;
  opacity: 0.6;
  font-size: 0.16rem;
  text-align: center;
  margin-top: 1.1rem;
}

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

.part09 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 0.01rem;
}

.part09-title .p1 {
  background: url(//game.gtimg.cn/images/lol/act/a20250429spiritblossomsell/m/part09_title1.png) no-repeat center top/auto 0.12rem;
  height: 1.01rem;
  margin: 0 auto;
  color: #5f367e;
  font-size: 0.6rem;
  text-align: center;
  font-family: "sellnum-name1";
  line-height: 1.32rem;
}
.part09-title .p2 {
  width: 7.5rem;
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/m/part09_title2.png) no-repeat center top;
  background-size: 100% 100%;
  height: 3.39rem;
  margin: 0 auto;
  color: #5c327c;
  font-size: 0.2rem;
  text-align: center;
  line-height: 0.52rem;
  letter-spacing: 0.05rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 2.43rem;
}

.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/m/part09_roles1.png);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 6.91rem;
  height: 6.46rem;
  position: absolute;
  top: 2.7rem;
  left: 0.2rem;
}
.part09-roles-box .part09-roles2 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/m/part09_roles2.png);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 7.5rem;
  height: 4.67rem;
  position: absolute;
  top: 3.9rem;
  left: 0;
}

.btn-arrow-box {
  width: 95%;
  margin: 0 auto;
  position: absolute;
  top: 9.01rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  -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-arrow-box .btn-arrow-prev {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/m/btn_arrow1.png) no-repeat;
  width: 0.6rem;
  height: 0.6rem;
  background-size: 100% 100%;
}
.btn-arrow-box .btn-arrow-next {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/m/btn_arrow2.png) no-repeat;
  width: 0.6rem;
  height: 0.6rem;
  background-size: 100% 100%;
}

.part11 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 0.4rem;
}
.part11 .giftbox-top {
  position: relative;
}
.part11 .giftbox-top .giftbox-img {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/m/giftbox_img.png) no-repeat;
  width: 7.5rem;
  height: 3.21rem;
  background-size: 100% 100%;
  display: block;
  margin: 0 auto;
}
.part11 .giftbox-top .giftbox-xc {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/m/giftbox_xc.png) no-repeat;
  width: 6.8rem;
  height: 2.93rem;
  background-size: 100% 100%;
  position: absolute;
  left: 0.35rem;
  top: 2.4rem;
  z-index: 2;
}
.part11 .giftbox-top .baoxiang {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/m/baoxiang.png) no-repeat;
  width: 3.78rem;
  height: 3.4rem;
  background-size: 100% 100%;
  position: absolute;
  left: 1.85rem;
  top: 1.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: 100%;
  margin: 0 auto;
  margin-top: 2.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.part11 .giftbox-bottom .giftbox-text {
  width: 100%;
}
.part11 .giftbox-bottom .giftbox-text .p1 {
  color: #ffd69e;
  font-size: 0.2rem;
  line-height: 1;
  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.05rem;
  height: 0.05rem;
  background-color: #ffd69e;
  border-radius: 0.5rem;
  margin-right: 0.25rem;
}
.part11 .giftbox-bottom .giftbox-text .p1::after {
  content: "";
  width: 0.05rem;
  height: 0.05rem;
  background-color: #ffd69e;
  border-radius: 0.5rem;
  margin-left: 0.25rem;
}
.part11 .giftbox-bottom .giftbox-text .p2 {
  width: 100%;
  color: #feebff;
  font-size: 0.57rem;
  font-family: "fzss";
  line-height: 0.76rem;
  text-align: center;
  margin: 0.15rem 0 0.12rem;
}
.part11 .giftbox-bottom .giftbox-text .p3 {
  width: 100%;
  text-align: center;
  color: #ffffff;
  font-size: 0.16rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.part11 .giftbox-bottom .selling-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1rem;
  margin-left: 0.45rem;
  margin-top: 0.3rem;
}
.part11 .giftbox-bottom .selling-price .selling-price-icon {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/sj2.png) no-repeat;
  width: 0.2rem;
  height: 0.78rem;
  background-size: 100% 100%;
  font-size: 0.18rem;
  line-height: 0.24rem;
  color: #ffd6a0;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 0.11rem;
  margin-top: 0.2rem;
}
.part11 .giftbox-bottom .selling-price .selling-price-num {
  color: #cf9f5d;
  font-size: 1.13rem;
  font-family: "sellnum-1";
  line-height: 1.13rem;
  display: block;
  height: 1.13rem;
  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.2rem;
  color: #ffd69e;
  margin-left: 0.1rem;
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin-bottom: 0rem;
}
.part11 .giftbox-bottom .unlock-box {
  width: 3.35rem;
  height: 0.77rem;
  position: relative;
  margin-top: 0.5rem;
  margin-right: 0.4rem;
}
.part11 .giftbox-bottom .unlock-box .btn1 {
  left: 0;
  top: 0;
  margin: 0;
}
.part11 .giftbox-bottom .unlock-box .btn-jackpot {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 0.18rem;
  position: absolute;
  text-decoration: underline;
  bottom: -0.4rem;
  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/m/rule_box2.png) no-repeat;
  width: 7.5rem;
  height: 4.46rem;
  background-size: 100% 100%;
  margin: 1.05rem auto 0;
  position: relative;
}
.part11 .giftbox-rule h2 {
  font-family: "sellnum-name1";
  font-size: 0.32rem;
  color: #5c327c;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  top: 0.4rem;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  display: none;
}
.part11 .giftbox-rule .rule-text {
  padding-top: 0.85rem;
  width: 7.05rem;
  margin: 0 auto;
  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;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.part11 .giftbox-rule .rule-text p {
  color: #d8bcfb;
  font-size: 0.18rem;
  line-height: 0.3rem;
  margin-bottom: 0.08rem;
}
.part11 .giftbox-rule .rule-text p::before {
  content: "";
  width: 0.05rem;
  height: 0.05rem;
  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;
  padding-top: 0.16rem;
}
.part12 .part12-title .p1 {
  width: 100%;
  height: 1.01rem;
  background-size: 100% 100%;
  margin: 0 auto;
  color: #5f367e;
  font-size: 0.6rem;
  text-align: center;
  font-family: "sellnum-name1";
  line-height: 1.32rem;
}
.part12 .part12-title .p2 {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/m/part12_title2.png) no-repeat;
  width: 100%;
  height: 3.39rem;
  background-size: 100% 100%;
  margin: 0 auto;
  color: #d8bcfb;
  font-size: 0.2rem;
  text-align: center;
  line-height: 0.52rem;
  padding-top: 2.39rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.part12 .part12-title .p2 span {
  font-weight: bold;
}
.part12 .part12-title .gailv {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  margin: 0 auto;
  color: #74e1f9;
  font-size: 0.18rem;
  font-weight: bold;
  text-decoration: underline;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -0.3rem;
}
.part12 .fq-award-list {
  width: 6.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  margin: 0.7rem auto 0;
}
.part12 .fq-award-list .fq-award-item {
  width: 2.85rem;
  height: 5.4rem;
  position: relative;
}
.part12 .fq-award-list .fq-award-item::after {
  content: "";
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/m/jiange3.png) no-repeat;
  width: 0.09rem;
  height: 4.75rem;
  background-size: 100% 100%;
  position: absolute;
  right: -0.14rem;
  top: -0.4rem;
}
.part12 .fq-award-list .fq-award-item:last-child::after {
  display: none;
}
.part12 .fq-award-list .fq-award-item:nth-child(2n)::after {
  display: none;
}
.part12 .fq-award-list .fq-award-item .fq-award-img {
  width: 2.25rem;
  height: 2.12rem;
  display: block;
  margin: 0 auto;
  position: relative;
}
.part12 .fq-award-list .fq-award-item .fq-award-img img {
  width: 3.25rem;
  height: 3.12rem;
  -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: 1rem;
  color: #ffffff;
  font-size: 0.18rem;
  text-align: center;
  line-height: 1.3;
}
.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: #cf9f5d;
  font-size: 0.8rem;
  font-family: "sellnum-1";
  line-height: 0.8rem;
  margin-left: 0.1rem;
}
.part12 .fq-award-list .fq-award-item .fq-award-price .fq-award-price_p1 span {
  display: block;
  height: 0.8rem;
  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: 2.55rem;
  height: 0.66rem;
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/btn_unlock2.png) no-repeat;
  background-size: 100% 100%;
  background-size: 100% 100%;
  left: 50%;
  top: 4.05rem;
  right: 0;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.pop_jackpot {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/m/pop6.png) no-repeat;
  width: 6.91rem;
  height: 9.43rem;
  background-size: 100% 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 0.5rem;
}
.pop_jackpot .pop-tit {
  font-family: "fzss";
  font-size: 0.48rem;
  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: 6.3rem;
  height: 7.6rem;
  margin: 0.2rem auto 0;
  overflow-y: scroll;
}
.pop_jackpot .jackpot-list::-webkit-scrollbar {
  width: 0.04rem;
  background: #c3b1ce;
}
.pop_jackpot .jackpot-list::-webkit-scrollbar-thumb {
  width: 0.04rem;
  background-color: #5d317d;
}
.pop_jackpot .jackpot-list .jackpot-item {
  width: 6.15rem;
  height: 5.97rem;
  background-size: 100% 100% !important;
  margin-bottom: 0.4rem;
}
.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/m/jackpot_item1.png);
}
.pop_jackpot .jackpot-list .jackpot-item.jackpot-item2 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/m/jackpot_item2.png);
}
.pop_jackpot .jackpot-list .jackpot-item.jackpot-item3 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/m/jackpot_item3.png);
}
.pop_jackpot .jackpot-list .jackpot-item.jackpot-item4 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/m/jackpot_item4.png);
}
.pop_jackpot .jackpot-list .jackpot-item.jackpot-item5 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/m/jackpot_item5.png);
}

.pop_buytips {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/m/pop5.png) no-repeat;
  width: 6.91rem;
  height: 3.73rem;
  background-size: 100% 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 0.55rem;
}
.pop_buytips .pop-tit {
  font-family: "fzss";
  font-size: 0.48rem;
  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_buytips .sm-txt {
  width: 80%;
  margin: 0 auto;
  color: #6a6a6a;
  font-size: 0.22rem;
  text-align: center;
  margin: 0.4rem auto;
}
.pop_buytips .pop-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pop_buytips .pop-btns .btn-buy-continue {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/m/pop_buytips_btn1.png) no-repeat;
  width: 2.7rem;
  height: 0.69rem;
  background-size: 100% 100%;
}
.pop_buytips .pop-btns .btn-buy-cancel {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/m/pop_buytips_btn2.png) no-repeat;
  width: 2.7rem;
  height: 0.69rem;
  background-size: 100% 100%;
  margin-left: 0.22rem;
}
.pop_buytips .btn-buy-close {
  display: block;
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/m/pop_buytips_btn3.png) no-repeat;
  width: 2.7rem;
  height: 0.69rem;
  background-size: 100% 100%;
  margin: 0 auto;
}

@media screen and (orientation: landscape) {
  html {
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
    -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
            transform-origin: left top;
    width: 100vh;
    height: 100vw;
    position: absolute;
    top: 100%;
    left: 0;
    overflow-x: auto;
    overflow-y: hidden;
  }
  body {
    overflow-x: auto;
    overflow-y: hidden;
  }
  .g-wrap {
    overflow-x: auto;
    overflow-y: hidden;
  }
}
.pass-lux-tag {
  background: url(//game.gtimg.cn/images/lol/act/a20250429spiritblossomsell/m/pass_lux_tag.png) no-repeat;
  width: 0.87rem;
  height: 3.52rem;
  background-size: 100% 100%;
  position: absolute;
  left: 1rem;
  top: 5.5rem;
}

.pass-lux-awards {
  background: url(//game.gtimg.cn/images/lol/act/a20250429spiritblossomsell/m/pass_lux_awards.png) no-repeat;
  width: 7.5rem;
  height: 5.2rem;
  background-size: 100% 100%;
  position: absolute;
  left: 0rem;
  top: 9.9rem;
}

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

.pop-content .btn-cancel,
.pop-content .btn {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/dia_btn1.png) no-repeat;
  width: 2.7rem;
  height: 0.69rem;
  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.08rem;
}
.pop-content .btn-cancel::before,
.pop-content .btn::before {
  content: "";
  width: 0.06rem;
  height: 0.06rem;
  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.25rem;
}
.pop-content .btn-cancel::after,
.pop-content .btn::after {
  margin-left: 0.25rem;
  content: "";
  width: 0.06rem;
  height: 0.06rem;
  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));
}

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

.pop-content .btn-cancel > p,
.pop-content .btn > p {
  color: #ffffff;
  line-height: 1;
  font-size: 0.3rem;
  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,
.pop-content .btn:hover {
  text-decoration: none;
}

.reminder-hint .qbpay {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/dia_btn2.png) no-repeat center/100% auto;
}

.g-wrap > .main > .content > .bg-show > .show-content > .top > .left > p {
  color: #ff42ba;
  font-size: 0.56rem;
  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;
}

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

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

.g-wrap > .main > .content.partnew > .top-left {
  left: 50%;
  width: 3.7rem;
  top: 9.5rem;
}

.g-wrap .partnew {
  margin: auto;
  height: 33rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/m/bg_08.jpg);
  background-repeat: no-repeat;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 14.3rem;
}
.g-wrap .partnew .btn_know {
  margin-top: 0.3rem;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.g-wrap .partnew .khd-tips {
  width: 7.5rem;
  height: 1.07rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/m/khd-rule2.png);
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: 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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  margin: 0.4rem auto 0;
  text-indent: -999em;
}
.g-wrap .partnew .khd-tips p {
  font-size: 0.2rem;
  color: #d8ebf7;
  line-height: 0.3rem;
}
.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 {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.g-wrap .partnew .skill-list .skill-item {
  width: 6.65rem;
  height: 4.68rem;
}
.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.28rem;
  color: #d8ebf7;
  height: 0.8rem;
}
.g-wrap .partnew .skill-list .skill-txt::before {
  content: "";
  width: 0.33rem;
  height: 0.23rem;
  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.33rem;
  height: 0.23rem;
  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: 6.65rem;
  height: 3.75rem;
  position: relative;
}
.g-wrap .partnew .skill-list .skill-pic::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 6.66rem;
  height: 3.84rem;
  -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;
}

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

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

.pass-zed-awards {
  background: url(//game.gtimg.cn/images/lol/act/a20250626spiritblossomsell/m/pass_zed_awards.png) no-repeat;
  width: 6.34rem;
  height: 5.15rem;
  background-size: 100% 100%;
  position: absolute;
  left: 0.6rem;
  top: 9.3rem;
}

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