.x__bgP1,
.x__bgP2,
.x__bgP3,
.x__bgP4,
.x__bgP5,
.x__bgP6,
.x__bgP7,
.x__bgP8,
.x__bgP9,
.x__bgP10,
.x__bgP11,
.x__bgP12,
.x__bgP13,
.x__bgP14,
.x__bgP15,
.x__bgP16,
.x__yun2,
.x__yun1 {
  height: 100%;
}
.x__bgP1 img,
.x__bgP2 img,
.x__bgP3 img,
.x__bgP4 img,
.x__bgP5 img,
.x__bgP6 img,
.x__bgP7 img,
.x__bgP8 img,
.x__bgP9 img,
.x__bgP10 img,
.x__bgP11 img,
.x__bgP12 img,
.x__bgP13 img,
.x__bgP14 img,
.x__bgP15 img,
.x__bgP16 img,
.x__yun2 img,
.x__yun1 img {
  height: 100%;
}
.x__group-05 {
  height: 100%;
}
.x__niao,
.x__niao-03 {
  top: 0;
  z-index: 9;
  animation: fadeInDown3 7500ms 400ms infinite linear both;
}
.x__niao img,
.x__niao-03 img {
  animation: fadeInLeft2 1400ms linear infinite alternate-reverse both;
}
.x__niao-01,
.x__niao-02 {
  top: 0;
  animation: fadeInDown3 7500ms 400ms infinite linear both;
}
.x__niao-01 img,
.x__niao-02 img {
  animation: fadeInLeft2 1400ms linear infinite alternate-reverse both;
}
.x__ximg-10,
.x__ximg-31 {
  animation: backmove1 70s 1.8s infinite linear both;
}
.x__ximg-56 > img {
  animation: zoomIn 4000ms linear infinite alternate-reverse both;
  transform-origin: top left;
}
.x__ximg-02 {
  z-index: 9;
  animation: fadeInLeft 1000ms 1000ms both;
}
.x__ximg-02 {
  height: 19.616rem;
  left: 0.672rem;
  position: absolute;
  top: 2.784rem;
  width: 0.768rem;
}
.x__ximg-147 {
  top: 8.36rem;
  height: 19.616rem;
  animation: fadeInLeft 1200ms 800ms both;
}
.active > img {
  transition: all 0.5s ease-in-out;
  transform: scale3d(1.18, 1.18, 1.18);
}
@keyframes backmove1 {
  to {
    background-position-y: 119.696rem;
  }
}
@keyframes fadeInLeft2 {
  from {
    transform: translate3d(-40%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown3 {
  from {
    opacity: 0.8;
    transform: translate3d(0, -20rem, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 28rem, 0);
  }
}
.auto {
  position: absolute;
  top: 0rem;
  bottom: 0rem;
  margin: auto;
}
.loading-logo {
  position: absolute;
  bottom: 9rem;
  transform: rotate(-90deg);
}
#loading {
  transform: rotate(90deg);
}
.page-leave-to .fadeout {
  animation: fadeOut 0.3s both;
}
.x-mask-view > .x-group {
  position: relative;
  left: 0;
  top: 0;
}
.ix {
  padding-bottom: env(safe-area-inset-bottom);
  padding-bottom: constant(safe-area-inset-bottom);
}