/*!
  AppId: tvYVvuho0PzXsQPn

  Update: 2021/7/26 上午11:45:30
  Version: v-r4i0
  Created: MaquCreator V3 <Vace(ocdo@qq.com)>
  此文件自动生成，如果不是特殊情况，尽量不要修改此文件。
*/

/* Global - CSS Code */

html,
body {
  background-color: #000610
}

/* Loading - CSS Code */

.loading-progress-bar {
  background-color: #FFFFFF;
}

.loading-progress-bar span {
  background-color: #E64340;
}

.loading-progress-num span {
  color: #FFFFFF;
}

/* App: 750×1280 Page: 17 —— Css Code */

/* Page: ps1, Children: 5 —— Css Code*/

.x__ximg-01 {
  height: 3.168rem;
  left: 0;
  position: absolute;
  top: 0.832rem;
  width: 15.52rem;
}

.page-leave-to .x__ximg-02 {
  animation: fadeOut 300ms both;
}

.x__ximg-02 {
  animation: flash 1400ms infinite both;
  height: 2.144rem;
  left: 7.616rem;
  position: absolute;
  top: 0.256rem;
  width: 1.92rem;
}

.page-leave-to .x__ximg-03 {
  animation: fadeOut 300ms linear both;
}

.x__ximg-03 {
  animation: floatX 1500ms linear infinite both;
  height: 2.784rem;
  left: 11.904rem;
  position: absolute;
  top: 0;
  width: 2.432rem;
}

.x__ximg-04 {
  height: 0.864rem;
  left: 1.376rem;
  position: absolute;
  top: 1.792rem;
  width: 3.328rem;
}

.page-leave-to .x__p1 {
  animation: fadeOutLeft 360ms 160ms both;
}

.x__p1 {
  animation: fadeInLeft 1200ms 1600ms both;
  bottom: 1.44rem;
  height: 4rem;
  left: 0;
  position: absolute;
  width: 15.52rem;
}

.page-leave-to .x__ximg-05 {
  animation: fadeOutLeft 300ms 80ms both;
}

.x__ximg-05 {
  animation: fadeInLeft 1000ms 800ms both;
  height: 1.76rem;
  left: 0.224rem;
  position: absolute;
  top: 0.992rem;
  width: 2.56rem;
}

.page-leave-to .x__ximg-06 {
  animation: fadeOutLeft 360ms 100ms both;
}

.x__ximg-06 {
  animation: fadeInLeft 1200ms 1000ms both;
  height: 11.68rem;
  left: 10.304rem;
  position: absolute;
  top: 0;
  width: 11.008rem;
}

.page-leave-to .x__ximg-07 {
  animation: fadeOutRight 360ms 100ms both;
}

.x__ximg-07 {
  animation: fadeInRight 1200ms 1000ms both;
  height: 11.584rem;
  left: 0;
  position: absolute;
  top: 2.816rem;
  width: 13.024rem;
}

.page-leave-to .x__ximg-08 {
  animation: fadeOutRight 360ms 120ms both;
}

.x__ximg-08 {
  animation: fadeInRight 1200ms 1200ms both;
  height: 8.448rem;
  left: 3.584rem;
  position: absolute;
  top: 6.752rem;
  width: 8.608rem;
}

.page-leave-to .x__ximg-09 {
  animation: fadeOutUp 360ms 140ms both;
}

.x__ximg-09 {
  animation: fadeInUp 1200ms 1400ms both;
  height: 18.24rem;
  left: 11.456rem;
  position: absolute;
  top: 4.416rem;
  width: 10.816rem;
}

.page-leave-to .x__ximg-10 {
  animation: fadeOut 300ms both;
}

.x__ximg-10 {
  animation: swap 1300ms 1400ms both;
  height: 7.68rem;
  left: 5.792rem;
  position: absolute;
  top: 13.888rem;
  width: 18.56rem;
}

.page-leave-to .x__ximg-11 {
  animation: fadeOut 390ms 160ms both;
}

.x__ximg-11 {
  animation: fadeIn 1300ms 1600ms both;
  height: 1.984rem;
  left: 17.44rem;
  position: absolute;
  top: 17.664rem;
  width: 2.048rem;
}

.page-leave-to .x__ximg-12 {
  animation: fadeOut 300ms linear both;
}

.x__ximg-12 {
  animation: flash 1500ms linear infinite both;
  height: 3.008rem;
  left: 20.768rem;
  position: absolute;
  top: 15.904rem;
  width: 0.8rem;
}

.page-leave-to .x__ximg-13 {
  animation: fadeOut 300ms both;
}

.x__ximg-13 {
  animation: flash 1600ms infinite both;
  height: 1.92rem;
  left: 20.096rem;
  position: absolute;
  top: 2.848rem;
  width: 1.504rem;
}

.page-leave-to .x__ximg-14 {
  animation: fadeOutLeft 360ms 120ms both;
}

.x__ximg-14 {
  animation: fadeInLeft 1200ms 1200ms both;
  height: 3.2rem;
  left: 0.032rem;
  position: absolute;
  top: 15.776rem;
  width: 5.376rem;
}

.page-leave-to .x__ximg-15 {
  animation: fadeOutLeft 360ms 140ms both;
}

.x__ximg-15 {
  animation: fadeInLeft 1200ms 1400ms both;
  height: 3.232rem;
  left: 0.032rem;
  position: absolute;
  top: 19.264rem;
  width: 2.112rem;
}

.x__group-01 {
  height: 22.656rem;
  left: 1.088rem;
  position: absolute;
  top: 13.312rem;
  width: 22.912rem;
}

.page-leave-to .x__ximg-16 {
  animation: fadeOutRight 450ms 60ms both;
}

.x__ximg-16 {
  animation: fadeInRight 1500ms 600ms both;
  height: 2.56rem;
  left: 2.88rem;
  position: absolute;
  top: 4.832rem;
  width: 18.368rem;
}

.page-leave-to .x__ximg-17 {
  animation: fadeOutRight 360ms 40ms both;
}

.x__ximg-17 {
  animation: fadeInRight 1200ms 400ms both;
  height: 2.912rem;
  left: 15.936rem;
  position: absolute;
  top: 0.672rem;
  width: 4.512rem;
}

.page-leave-to .x__ximg-18 {
  animation: fadeOut 300ms linear both;
}

.x__ximg-18 {
  animation: swing 2000ms linear infinite both;
  height: 3.392rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 4.512rem;
}

.page-leave-to .x__group1 {
  animation: fadeOutLeft 360ms 40ms both;
}

.x__group1 {
  animation: fadeInLeft 1200ms 400ms both;
  height: 3.392rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 4.512rem;
}

.page-leave-to .x__ximg-19 {
  animation: fadeOutLeft 360ms 60ms both;
}

.x__ximg-19 {
  animation: fadeInLeft 1200ms 600ms both;
  height: 0.448rem;
  left: 5.632rem;
  position: absolute;
  top: 0.864rem;
  width: 5.92rem;
}

.x__group-02 {
  height: 7.392rem;
  left: 1.6rem;
  position: absolute;
  top: 4.096rem;
  width: 21.248rem;
}

.page-leave-to .x__logo2 {
  animation: fadeOutRight 360ms both;
}

.x__logo2 {
  animation: fadeInRight 1200ms both;
  height: 1.472rem;
  left: 16.928rem;
  position: absolute;
  top: 1.472rem;
  width: 5.504rem;
}

.page-leave-to .x__logo1 {
  animation: fadeOutLeft 360ms both;
}

.x__logo1 {
  animation: fadeInLeft 1200ms both;
  height: 0.704rem;
  left: 1.568rem;
  position: absolute;
  top: 1.76rem;
  width: 5.12rem;
}

.x__ps1 {
  background-image: url(bg.png);
  background-repeat: no-repeat;
  background-size: cover;
}

/* Page: ps2, Children: 5 —— Css Code*/

.page-leave-to .x__ximg-20 {
  animation: fadeOut 300ms both;
}

.x__ximg-20 {
  animation: pulse 1200ms infinite both;
  height: 3.168rem;
  left: 0;
  position: absolute;
  top: 1.76rem;
  width: 15.712rem;
}

.page-leave-to .x__ximg-21 {
  animation: fadeOutLeft 360ms 180ms both;
}

.x__ximg-21 {
  animation: fadeInLeft 1200ms 1800ms both;
  height: 1.248rem;
  left: 1.44rem;
  position: absolute;
  top: 0;
  width: 6.912rem;
}

.page-leave-to .x__p2 {
  animation: fadeOutLeft 360ms 140ms both;
}

.x__p2 {
  animation: fadeInLeft 1200ms 1400ms both;
  bottom: 2.144rem;
  height: 4.928rem;
  left: 0;
  position: absolute;
  width: 15.712rem;
}

.page-leave-to .x__ximg-22 {
  animation: fadeOutLeft 360ms 60ms both;
}

.x__ximg-22 {
  animation: fadeInLeft 1200ms 600ms both;
  height: 0.864rem;
  left: 0;
  position: absolute;
  top: 4.768rem;
  width: 4.192rem;
}

.page-leave-to .x__ximg-23 {
  animation: fadeOutLeft 360ms 40ms both;
}

.x__ximg-23 {
  animation: fadeInLeft 1200ms 400ms both;
  height: 0.896rem;
  left: 0;
  position: absolute;
  top: 3.168rem;
  width: 7.68rem;
}

.page-leave-to .x__ximg-24 {
  animation: fadeOutLeft 360ms 20ms both;
}

.x__ximg-24 {
  animation: fadeInLeft 1200ms 200ms both;
  height: 0.896rem;
  left: 0;
  position: absolute;
  top: 1.568rem;
  width: 14.176rem;
}

.page-leave-to .x__ximg-25 {
  animation: fadeOutLeft 360ms both;
}

.x__ximg-25 {
  animation: fadeInLeft 1200ms both;
  height: 0.896rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 7.136rem;
}

.x__group-03 {
  height: 5.632rem;
  left: 1.696rem;
  position: absolute;
  top: 3.424rem;
  width: 14.176rem;
}

.page-leave-to .x__ximg-26 {
  animation: fadeOutRight 360ms 120ms both;
}

.x__ximg-26 {
  animation: fadeInRight 1200ms 1200ms both;
  height: 3.68rem;
  left: 12.8rem;
  position: absolute;
  top: 23.392rem;
  width: 9.664rem;
}

.page-leave-to .x__ximg-27 {
  animation: fadeOutRight 360ms 20ms both;
}

.x__ximg-27 {
  animation: fadeInRight 1200ms 200ms both;
  height: 6.016rem;
  left: 17.472rem;
  position: absolute;
  top: 0;
  width: 6.016rem;
}

.page-leave-to .x__ximg-28 {
  animation: fadeOut 360ms 140ms both;
}

.x__ximg-28 {
  animation: fadeIn 1200ms 1400ms both;
  height: 9.696rem;
  left: 2.752rem;
  position: absolute;
  top: 18.144rem;
  width: 0.512rem;
}

.page-leave-to .x__ximg-29 {
  animation: fadeOutDown 360ms 80ms both;
}

.x__ximg-29 {
  animation: fadeInDown 1200ms 800ms both;
  height: 18.304rem;
  left: 0;
  position: absolute;
  top: 3.136rem;
  width: 22.88rem;
}

.page-leave-to .x__ximg-30 {
  animation: fadeOut 300ms linear both;
}

.x__ximg-30 {
  animation: flash 2600ms linear infinite both;
  height: 12.384rem;
  left: 0;
  position: absolute;
  top: -0.288rem;
  width: 5.088rem;
}

.page-leave-to .x__group2 {
  animation: fadeOut 360ms 100ms both;
}

.x__group2 {
  animation: fadeIn 1200ms 1000ms both;
  height: 11.104rem;
  left: 17.728rem;
  position: absolute;
  top: 10.528rem;
  width: 3.712rem;
}

.page-leave-to .x__ximg-31 {
  animation: zoomOut 360ms 100ms both;
}

.x__ximg-31 {
  animation: zoomIn 1200ms 1000ms both;
  height: 2.208rem;
  left: 5.792rem;
  position: absolute;
  top: 14.08rem;
  width: 16.832rem;
}

.x__group-04 {
  height: 27.84rem;
  left: 0;
  position: absolute;
  top: 3.232rem;
  width: 23.488rem;
}

.x__ximg-32 {
  height: 11.328rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 15.264rem;
}

.x__sex {
  background-image: url(sex.png);
  background-repeat: no-repeat;
  background-size: contain;
  font-size: 1.2rem;
  height: 5.408rem;
  left: 1.472rem;
  position: absolute;
  top: 1.536rem;
  width: 11.904rem;
}

.x__username {
  background-image: url(username.png);
  background-repeat: no-repeat;
  background-size: contain;
  height: 1.248rem;
  left: 4.128rem;
  position: absolute;
  top: 4.032rem;
  width: 9.184rem;
}

.x__ximg-33 {
  height: 1.28rem;
  left: 4.128rem;
  position: absolute;
  top: 5.856rem;
  width: 9.184rem;
}

.page-leave-to .x__btn {
  animation: fadeOut 300ms both;
}

.x__btn {
  animation: pulse 1200ms infinite both;
  height: 1.728rem;
  left: 1.504rem;
  position: absolute;
  top: 8.48rem;
  width: 12.128rem;
}

.page-leave-to .x__group-05 {
  animation: zoomOut 240ms both;
}

.x__group-05 {
  animation: zoomIn 800ms both;
  height: 11.328rem;
  left: 4.384rem;
  position: absolute;
  top: 13.92rem;
  width: 15.264rem;
}

.page-leave-to .x__ximg-34 {
  animation: fadeOutRight 300ms both;
}

.x__ximg-34 {
  animation: fadeInRight 1000ms both;
  height: 6.112rem;
  left: 4.8rem;
  position: absolute;
  top: 0;
  width: 5.024rem;
}

.page-leave-to .x__ximg-35 {
  animation: fadeOutLeft 300ms both;
}

.x__ximg-35 {
  animation: fadeInLeft 1000ms both;
  height: 6.112rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 5.024rem;
}

.x__group-06 {
  height: 6.112rem;
  left: 7.104rem;
  position: absolute;
  top: 16.544rem;
  width: 9.824rem;
}

.x__ps2 {
  background-image: url(bg-01.png);
  background-repeat: no-repeat;
  background-size: cover;
}

/* Page: ps3, Children: 1 —— Css Code*/

.page-leave-to .x__ximg-36 {
  animation: swashOut 360ms 60ms both;
}

.x__ximg-36 {
  animation: swashIn 1200ms 600ms both;
  height: 6.56rem;
  left: 14.048rem;
  position: absolute;
  top: 1.152rem;
  width: 6.56rem;
}

.page-leave-to .x__ximg-37 {
  animation: fadeOut 300ms both;
}

.x__ximg-37 {
  animation: flash 1200ms infinite both;
  height: 2.24rem;
  left: 18.656rem;
  position: absolute;
  top: 0;
  width: 2.24rem;
}

.x__ximg-38 {
  height: 0.896rem;
  left: 0;
  position: absolute;
  top: 1.408rem;
  width: 18.016rem;
}

.x__ximg-39 {
  height: 0.672rem;
  left: 0.032rem;
  position: absolute;
  top: 0.128rem;
  width: 1.728rem;
}

.page-leave-to .x__title1 {
  animation: fadeOutDown 300ms both;
}

.x__title1 {
  animation: fadeInDown 1000ms both;
  height: 2.304rem;
  left: 0.128rem;
  position: absolute;
  top: 0;
  width: 20.896rem;
}

.x__ximg-40 {
  height: 1.984rem;
  left: 0.032rem;
  position: absolute;
  top: 12.832rem;
  width: 8.384rem;
}

.x__ximg-41 {
  height: 10.24rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 8.16rem;
}

.page-leave-to .x__option1-4 {
  animation: fadeOutRight 360ms 80ms both;
}

.x__option1-4 {
  animation: fadeInRight 1200ms 800ms both;
  height: 14.816rem;
  left: 9.248rem;
  position: absolute;
  top: 15.04rem;
  width: 8.416rem;
}

.x__ximg-42 {
  height: 4.16rem;
  left: 0.96rem;
  position: absolute;
  top: 2.528rem;
  width: 8.16rem;
}

.x__ximg-43 {
  height: 1.952rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 9.152rem;
}

.page-leave-to .x__option1-3 {
  animation: fadeOutLeft 360ms 80ms both;
}

.x__option1-3 {
  animation: fadeInLeft 1200ms 800ms both;
  height: 6.592rem;
  left: 0;
  position: absolute;
  top: 23.136rem;
  width: 9.152rem;
}

.x__ximg-44 {
  height: 9.28rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 9.6rem;
}

.x__ximg-45 {
  height: 1.984rem;
  left: 2.496rem;
  position: absolute;
  top: 6.56rem;
  width: 8.096rem;
}

.page-leave-to .x__option1-2 {
  animation: fadeOutRight 360ms 40ms both;
}

.x__option1-2 {
  animation: fadeInRight 1200ms 400ms both;
  height: 9.024rem;
  left: 9.248rem;
  position: absolute;
  top: 5.216rem;
  width: 10.592rem;
}

.x__ximg-46 {
  height: 3.776rem;
  left: 1.536rem;
  position: absolute;
  top: 1.216rem;
  width: 7.36rem;
}

.x__ximg-47 {
  height: 2.016rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 8.064rem;
}

.page-leave-to .x__option1-1 {
  animation: fadeOutLeft 360ms 40ms both;
}

.x__option1-1 {
  animation: fadeInLeft 1200ms 400ms both;
  height: 4.896rem;
  left: 0;
  position: absolute;
  top: 9.216rem;
  width: 8.864rem;
}

.page-leave-to .x__ximg-48 {
  animation: zoomOut 360ms 100ms both;
}

.x__ximg-48 {
  animation: zoomIn 1200ms 1000ms both;
  height: 1.952rem;
  left: 0;
  position: absolute;
  top: 9.568rem;
  width: 1.952rem;
}

.page-leave-to .x__ximg-49 {
  animation: zoomOut 360ms 80ms both;
}

.x__ximg-49 {
  animation: zoomIn 1200ms 800ms both;
  height: 3.456rem;
  left: 14.24rem;
  position: absolute;
  top: 0;
  width: 4.544rem;
}

.page-leave-to .x__ximg-50 {
  animation: fadeOutRight 360ms 100ms both;
}

.x__ximg-50 {
  animation: fadeInRight 1200ms 1000ms both;
  height: 7.68rem;
  left: 2.752rem;
  position: absolute;
  top: 12.16rem;
  width: 18.56rem;
}

.x__group-07 {
  height: 16.544rem;
  left: 0.8rem;
  position: absolute;
  top: 3.552rem;
  width: 18.784rem;
}

.x__group-08 {
  height: 29.856rem;
  left: 2.112rem;
  position: absolute;
  top: 5.504rem;
  width: 21.024rem;
}

.x__ps3 {
  background-image: url(bg-02.png);
  background-repeat: no-repeat;
  background-size: cover;
}

/* Page: ps4, Children: 3 —— Css Code*/

.page-leave-to .x__ximg-51 {
  animation: fadeOutRight 300ms 140ms both;
}

.x__ximg-51 {
  animation: fadeInRight 1000ms 1400ms both;
  height: 10.688rem;
  left: 13.248rem;
  position: absolute;
  top: 10.816rem;
  width: 10.688rem;
}

.page-leave-to .x__ximg-52 {
  animation: fadeOutDown 300ms 120ms both;
}

.x__ximg-52 {
  animation: fadeInDown 1000ms 1200ms both;
  height: 5.92rem;
  left: 21.632rem;
  position: absolute;
  top: 19.584rem;
  width: 0.416rem;
}

.page-leave-to .x__ximg-53 {
  animation: fadeOutDown 300ms 40ms both;
}

.x__ximg-53 {
  animation: fadeInDown 1000ms 400ms both;
  height: 9.536rem;
  left: 8.64rem;
  position: absolute;
  top: 0;
  width: 13.344rem;
}

.page-leave-to .x__ximg-54 {
  animation: fadeOutUp 300ms 40ms both;
}

.x__ximg-54 {
  animation: fadeInUp 1000ms 400ms both;
  height: 9.792rem;
  left: 0;
  position: absolute;
  top: 11.616rem;
  width: 14.4rem;
}

.page-leave-to .x__ximg-55 {
  animation: zoomOut 300ms 20ms both;
}

.x__ximg-55 {
  animation: zoomIn 1000ms 200ms both;
  height: 18.912rem;
  left: 1.504rem;
  position: absolute;
  top: 0.832rem;
  width: 18.368rem;
}

.page-leave-to .x__ximg-56 {
  animation: fadeOutRight 360ms 80ms both;
}

.x__ximg-56 {
  animation: fadeInRight 1200ms 800ms both;
  height: 2.816rem;
  left: 13.344rem;
  position: absolute;
  top: 4.576rem;
  width: 9.824rem;
}

.page-leave-to .x__ximg-57 {
  animation: fadeOut 300ms linear both;
}

.x__ximg-57 {
  animation: pulse 1500ms linear 200ms infinite both;
  height: 15.424rem;
  left: -0.16rem;
  position: absolute;
  top: -0.896rem;
  width: 19.424rem;
}

.page-leave-to .x__group3 {
  animation: zoomOut 360ms 60ms both;
}

.x__group3 {
  animation: zoomIn 1200ms 600ms both;
  height: 14.08rem;
  left: 1.472rem;
  position: absolute;
  top: 8.064rem;
  width: 18.048rem;
}

.x__group-09 {
  height: 25.504rem;
  left: 0;
  position: absolute;
  top: 3.296rem;
  width: 23.936rem;
}

.page-leave-to .x__ximg-58 {
  animation: fadeOutLeft 300ms 20ms both;
}

.x__ximg-58 {
  animation: fadeInLeft 1000ms 200ms both;
  height: 3.296rem;
  left: 0;
  position: absolute;
  top: 1.408rem;
  width: 18.304rem;
}

.page-leave-to .x__ximg-59 {
  animation: fadeOutLeft 300ms both;
}

.x__ximg-59 {
  animation: fadeInLeft 1000ms both;
  height: 1.568rem;
  left: 0.192rem;
  position: absolute;
  top: 0;
  width: 2.688rem;
}

.x__title2 {
  height: 4.704rem;
  left: 1.536rem;
  position: absolute;
  top: 2.752rem;
  width: 18.304rem;
}

.page-leave-to .x__option2-1 {
  animation: fadeOutRight 360ms 100ms both;
}

.x__option2-1 {
  animation: fadeInRight 1200ms 1000ms both;
  height: 2.144rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 18.368rem;
}

.page-leave-to .x__option2-2 {
  animation: fadeOutRight 360ms 120ms both;
}

.x__option2-2 {
  animation: fadeInRight 1200ms 1200ms both;
  height: 2.176rem;
  left: 0;
  position: absolute;
  top: 2.624rem;
  width: 18.368rem;
}

.page-leave-to .x__option2-3 {
  animation: fadeOutRight 360ms 140ms both;
}

.x__option2-3 {
  animation: fadeInRight 1200ms 1400ms both;
  height: 2.144rem;
  left: 0;
  position: absolute;
  top: 5.184rem;
  width: 18.368rem;
}

.page-leave-to .x__option2-4 {
  animation: fadeOutRight 360ms 160ms both;
}

.x__option2-4 {
  animation: fadeInRight 1200ms 1600ms both;
  height: 2.176rem;
  left: 0;
  position: absolute;
  top: 7.744rem;
  width: 18.368rem;
}

.x__group-10 {
  height: 9.92rem;
  left: 1.728rem;
  position: absolute;
  top: 28.384rem;
  width: 18.368rem;
}

.x__ps4 {
  background-image: url(bg-03.png);
  background-repeat: no-repeat;
  background-size: cover;
}

/* Page: ps5, Children: 1 —— Css Code*/

.x__ximg-60 {
  height: 0.864rem;
  left: 0;
  position: absolute;
  top: 1.28rem;
  width: 18.368rem;
}

.x__ximg-61 {
  height: 0.672rem;
  left: 0.032rem;
  position: absolute;
  top: 0;
  width: 1.728rem;
}

.page-leave-to .x__title3 {
  animation: fadeOutDown 360ms both;
}

.x__title3 {
  animation: fadeInDown 1200ms both;
  height: 2.144rem;
  left: 0.608rem;
  position: absolute;
  top: 0;
  width: 18.368rem;
}

.x__ximg-62 {
  height: 11.904rem;
  left: 2.528rem;
  position: absolute;
  top: 0.416rem;
  width: 6.88rem;
}

.x__ximg-63 {
  height: 2.016rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 9.024rem;
}

.page-leave-to .x__option3-1 {
  animation: fadeOutLeft 360ms 40ms both;
}

.x__option3-1 {
  animation: fadeInLeft 1200ms 400ms both;
  height: 10.944rem;
  left: 0.8rem;
  position: absolute;
  top: 4.224rem;
  width: 9.28rem;
}

.x__ximg-64 {
  height: 9.44rem;
  left: 2.208rem;
  position: absolute;
  top: 0.512rem;
  width: 10.272rem;
}

.x__ximg-65 {
  height: 2.016rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 8.32rem;
}

.page-leave-to .x__option3-2 {
  animation: fadeOutRight 360ms 60ms both;
}

.x__option3-2 {
  animation: fadeInRight 1200ms 600ms both;
  height: 10.208rem;
  left: 9.44rem;
  position: absolute;
  top: 8.992rem;
  width: 11.84rem;
}

.x__ximg-66 {
  height: 6.368rem;
  left: 3.328rem;
  position: absolute;
  top: 1.568rem;
  width: 11.008rem;
}

.x__ximg-67 {
  height: 1.984rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 9.856rem;
}

.page-leave-to .x__option3-3 {
  animation: fadeOutLeft 360ms 80ms both;
}

.x__option3-3 {
  animation: fadeInLeft 1200ms 800ms both;
  height: 7.904rem;
  left: 0;
  position: absolute;
  top: 18.272rem;
  width: 13.856rem;
}

.x__ximg-68 {
  height: 5.408rem;
  left: 3.52rem;
  position: absolute;
  top: 0;
  width: 8.992rem;
}

.x__ximg-69 {
  height: 1.984rem;
  left: 0;
  position: absolute;
  top: 4.576rem;
  width: 8.384rem;
}

.page-leave-to .x__option3-4 {
  animation: fadeOutRight 360ms 100ms both;
}

.x__option3-4 {
  animation: fadeInRight 1200ms 1000ms both;
  height: 6.56rem;
  left: 8.608rem;
  position: absolute;
  top: 23.712rem;
  width: 11.36rem;
}

.x__group-11 {
  height: 30.272rem;
  left: 1.12rem;
  position: absolute;
  top: 5.056rem;
  width: 21.28rem;
}

.x__ps5 {
  background-image: url(bg-04.png);
  background-repeat: no-repeat;
  background-size: cover;
}

/* Page: ps6, Children: 1 —— Css Code*/

.page-leave-to .x__ximg-70 {
  animation: fadeOutLeft 360ms 80ms both;
}

.x__ximg-70 {
  animation: fadeInLeft 1200ms 800ms both;
  height: 6.56rem;
  left: 0;
  position: absolute;
  top: 4.256rem;
  width: 6.56rem;
}

.x__ximg-71 {
  height: 0.896rem;
  left: 0;
  position: absolute;
  top: 1.28rem;
  width: 13.664rem;
}

.x__ximg-72 {
  height: 0.672rem;
  left: 0.032rem;
  position: absolute;
  top: 0;
  width: 1.728rem;
}

.page-leave-to .x__title4 {
  animation: fadeOutLeft 360ms both;
}

.x__title4 {
  animation: fadeInLeft 1200ms both;
  height: 2.176rem;
  left: 1.696rem;
  position: absolute;
  top: 0;
  width: 13.664rem;
}

.x__ximg-73 {
  height: 8.8rem;
  left: 0.448rem;
  position: absolute;
  top: 0;
  width: 8.64rem;
}

.x__ximg-74 {
  height: 1.984rem;
  left: 0;
  position: absolute;
  top: 7.104rem;
  width: 13.44rem;
}

.page-leave-to .x__option4-1 {
  animation: fadeOutLeft 360ms 20ms both;
}

.x__option4-1 {
  animation: fadeInLeft 1200ms 200ms both;
  height: 9.088rem;
  left: 1.92rem;
  position: absolute;
  top: 7.424rem;
  width: 13.44rem;
}

.x__ximg-75 {
  height: 10.304rem;
  left: 1.984rem;
  position: absolute;
  top: -0.032rem;
  width: 8.704rem;
}

.x__ximg-76 {
  height: 1.984rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 12rem;
}

.page-leave-to .x__option4-2 {
  animation: fadeOutRight 360ms 40ms both;
}

.x__option4-2 {
  animation: fadeInRight 1200ms 400ms both;
  height: 10.272rem;
  left: 10.048rem;
  position: absolute;
  top: 4.32rem;
  width: 12rem;
}

.x__ximg-77 {
  height: 6.88rem;
  left: 0.128rem;
  position: absolute;
  top: 6.464rem;
  width: 13.92rem;
}

.x__ximg-78 {
  height: 2.016rem;
  left: 3.968rem;
  position: absolute;
  top: 11.552rem;
  width: 12.864rem;
}

.page-leave-to .x__option4-4 {
  animation: fadeOutLeft 360ms 60ms both;
}

.x__option4-4 {
  animation: fadeInLeft 1200ms 600ms both;
  height: 13.568rem;
  left: 1.504rem;
  position: absolute;
  top: 17.792rem;
  width: 16.832rem;
}

.x__ximg-79 {
  height: 7.04rem;
  left: 0;
  position: absolute;
  top: 0.64rem;
  width: 12.32rem;
}

.x__ximg-80 {
  height: 2.016rem;
  left: 0.832rem;
  position: absolute;
  top: 0;
  width: 13.6rem;
}

.page-leave-to .x__option4-3 {
  animation: fadeOutRight 360ms 80ms both;
}

.x__option4-3 {
  animation: fadeInRight 1200ms 800ms both;
  height: 7.648rem;
  left: 8.352rem;
  position: absolute;
  top: 17.152rem;
  width: 14.432rem;
}

.page-leave-to .x__ximg-81 {
  animation: fadeOutDown 360ms 100ms both;
}

.x__ximg-81 {
  animation: fadeInDown 1200ms 1000ms both;
  height: 3.2rem;
  left: 17.504rem;
  position: absolute;
  top: 27.52rem;
  width: 3.232rem;
}

.x__group-12 {
  height: 31.36rem;
  left: 0.768rem;
  position: absolute;
  top: 5.056rem;
  width: 22.784rem;
}

.x__ps6 {
  background-image: url(bg-05.png);
  background-repeat: no-repeat;
  background-size: cover;
}

/* Page: ps7, Children: 2 —— Css Code*/

.page-leave-to .x__ximg-83 {
  animation: fadeOutDown 360ms both;
}

.x__ximg-83 {
  animation: fadeInDown 1200ms both;
  height: 6.496rem;
  left: 14.624rem;
  position: absolute;
  top: 0;
  width: 7.68rem;
}

.x__ximg-82 {
  height: 41.568rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 24.384rem;
}

.page-leave-to .x__option5-4 {
  animation: fadeOutLeft 360ms 140ms both;
}

.x__option5-4 {
  animation: fadeInLeft 1200ms 1400ms both;
  height: 2.144rem;
  left: 0;
  position: absolute;
  top: 7.776rem;
  width: 18.368rem;
}

.page-leave-to .x__option5-3 {
  animation: fadeOutLeft 360ms 120ms both;
}

.x__option5-3 {
  animation: fadeInLeft 1200ms 1200ms both;
  height: 2.176rem;
  left: 0;
  position: absolute;
  top: 5.184rem;
  width: 18.368rem;
}

.page-leave-to .x__option5-2 {
  animation: fadeOutLeft 360ms 100ms both;
}

.x__option5-2 {
  animation: fadeInLeft 1200ms 1000ms both;
  height: 2.176rem;
  left: 0;
  position: absolute;
  top: 2.656rem;
  width: 18.368rem;
}

.page-leave-to .x__option5-1 {
  animation: fadeOutLeft 360ms 80ms both;
}

.x__option5-1 {
  animation: fadeInLeft 1200ms 800ms both;
  height: 2.176rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 18.368rem;
}

.x__group-13 {
  height: 9.92rem;
  left: 2.272rem;
  position: absolute;
  top: 28.416rem;
  width: 18.368rem;
}

.page-leave-to .x__ximg-84 {
  animation: fadeOutLeft 360ms 140ms both;
}

.x__ximg-84 {
  animation: fadeInLeft 1200ms 1400ms both;
  height: 1.44rem;
  left: 3.232rem;
  position: absolute;
  top: 25.408rem;
  width: 10.048rem;
}

.page-leave-to .x__ximg-85 {
  animation: fadeOutLeft 360ms 90ms both;
}

.x__ximg-85 {
  animation: fadeInLeft 1200ms 900ms both;
  height: 12.256rem;
  left: 9.728rem;
  position: absolute;
  top: 8.928rem;
  width: 12.256rem;
}

.page-leave-to .x__ximg-86 {
  animation: fadeOutLeft 360ms 50ms both;
}

.x__ximg-86 {
  animation: fadeInLeft 1200ms 500ms both;
  height: 17.44rem;
  left: 1.824rem;
  position: absolute;
  top: 1.824rem;
  width: 14.304rem;
}

.page-leave-to .x__ximg-87 {
  animation: zoomOut 500ms 50ms both;
}

.x__ximg-87 {
  animation: zoomIn 1900ms 500ms both;
  height: 4.384rem;
  left: 7.712rem;
  position: absolute;
  top: 6.176rem;
  width: 14.592rem;
}

.page-leave-to .x__ximg-88 {
  animation: fadeOut 300ms both;
}

.x__ximg-88 {
  animation: flash 1900ms 100ms infinite both;
  height: 9.504rem;
  left: 17.44rem;
  position: absolute;
  top: 3.776rem;
  width: 3.2rem;
}

.page-leave-to .x__ximg-89 {
  animation: zoomOut 360ms 80ms both;
}

.x__ximg-89 {
  animation: zoomIn 1200ms 800ms both;
  height: 14.656rem;
  left: 2.624rem;
  position: absolute;
  top: 9.984rem;
  width: 12.704rem;
}

.page-leave-to .x__ximg-90 {
  animation: fadeOut 300ms both;
}

.x__ximg-90 {
  animation: flash 3100ms 200ms infinite both;
  height: 3.808rem;
  left: 0;
  position: absolute;
  top: 13.056rem;
  width: 3.488rem;
}

.page-leave-to .x__ximg-91 {
  animation: fadeOut 300ms both;
}

.x__ximg-91 {
  animation: swing 2200ms 200ms infinite both;
  height: 2.496rem;
  left: 3.456rem;
  position: absolute;
  top: 10.592rem;
  width: 2.4rem;
}

.page-leave-to .x__ximg-92 {
  animation: fadeOut 300ms both;
}

.x__ximg-92 {
  animation: swing 2200ms infinite both;
  height: 3.296rem;
  left: 7.008rem;
  position: absolute;
  top: 5.216rem;
  width: 4.864rem;
}

.page-leave-to .x__group-14 {
  animation: fadeOut 360ms 40ms both;
}

.x__group-14 {
  animation: fadeIn 1200ms 400ms both;
  height: 26.848rem;
  left: 0.192rem;
  position: absolute;
  top: 0.32rem;
  width: 22.304rem;
}

.page-leave-to .x__ximg-93 {
  animation: fadeOut 300ms linear both;
}

.x__ximg-93 {
  animation: spinner 8200ms linear infinite both;
  height: 5.6rem;
  left: 9.184rem;
  position: absolute;
  top: 0;
  width: 5.632rem;
}

.x__ximg-94 {
  height: 2.944rem;
  left: 0.896rem;
  position: absolute;
  top: 3.776rem;
  width: 14.784rem;
}

.x__ximg-95 {
  height: 1.568rem;
  left: 0;
  position: absolute;
  top: 2.688rem;
  width: 2.688rem;
}

.page-leave-to .x__title5 {
  animation: fadeOutLeft 360ms 100ms both;
}

.x__title5 {
  animation: fadeInLeft 1200ms 1000ms both;
  height: 6.72rem;
  left: 6.976rem;
  position: absolute;
  top: 19.84rem;
  width: 15.68rem;
}

.x__group-15 {
  animation-delay: 800ms;
  animation-durtaion: 1200ms;
  animation-fill-mode: both;
  height: 41.568rem;
  left: -0.192rem;
  position: absolute;
  top: -0.32rem;
  width: 24.384rem;
}

/* Page: ps8, Children: 1 —— Css Code*/

.x__ximg-96 {
  height: 40.96rem;
  left: 0;
  opacity: 0.3;
  position: absolute;
  top: 0;
  width: 24rem;
}

.page-leave-to .x__ximg-97 {
  animation: fadeOutLeft 360ms both;
}

.x__ximg-97 {
  animation: fadeInLeft 1200ms both;
  height: 9.92rem;
  left: 0;
  position: absolute;
  top: 9.984rem;
  width: 9.888rem;
}

.x__ximg-98 {
  height: 15.968rem;
  left: 3.296rem;
  position: absolute;
  top: 11.36rem;
  width: 17.92rem;
}

.page-leave-to .x__ximg-99 {
  animation: fadeOut 300ms both;
}

.x__ximg-99 {
  animation: flash 1500ms infinite both;
  height: 2.88rem;
  left: 12.224rem;
  position: absolute;
  top: 6.976rem;
  width: 2.208rem;
}

.x__ximg-100 {
  height: 1.312rem;
  left: 4.896rem;
  position: absolute;
  top: 2.08rem;
  width: 4.48rem;
}

.x__ximg-101 {
  height: 1.92rem;
  left: 0;
  position: absolute;
  top: 4.032rem;
  width: 14.272rem;
}

.x__ximg-102 {
  height: 1.28rem;
  left: 1.728rem;
  position: absolute;
  top: -0.224rem;
  width: 11.2rem;
}

.x__group-16 {
  height: 9.856rem;
  left: 5.152rem;
  position: absolute;
  top: 16.256rem;
  width: 14.432rem;
}

.page-leave-to .x__ximg-103 {
  animation: fadeOut 300ms both;
}

.x__ximg-103 {
  animation: swing 1700ms infinite both;
  height: 3.584rem;
  left: 2.88rem;
  position: absolute;
  top: 24.768rem;
  width: 3.648rem;
}

.x__group-17 {
  height: 40.96rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 24rem;
}

.x__ps8 {
  background-image: url(bg-06.png);
  background-repeat: no-repeat;
  background-size: cover;
}

/* Page: hm1, Children: 4 —— Css Code*/

.page-leave-to .x__ximg-104 {
  animation: fadeOutUp 360ms 100ms both;
}

.x__ximg-104 {
  animation: fadeInUp 1200ms 1000ms both;
  height: 2.304rem;
  left: 21.696rem;
  position: absolute;
  top: 0.48rem;
  width: 0.608rem;
}

.page-leave-to .x__ximg-105 {
  animation: fadeOutRight 360ms 100ms both;
}

.x__ximg-105 {
  animation: fadeInRight 1200ms 1000ms both;
  height: 3.296rem;
  left: 1.472rem;
  position: absolute;
  top: 26.784rem;
  width: 21.856rem;
}

.page-leave-to .x__ximg-106 {
  animation: fadeOutRight 360ms 120ms both;
}

.x__ximg-106 {
  animation: fadeInRight 1200ms 1200ms both;
  height: 3.264rem;
  left: 1.472rem;
  position: absolute;
  top: 29.856rem;
  width: 21.856rem;
}

.x__ximg-107 {
  height: 14.944rem;
  left: 2.144rem;
  position: absolute;
  top: 8.32rem;
  width: 20.672rem;
}

.x__ximg-108 {
  height: 4.096rem;
  left: 2.144rem;
  position: absolute;
  top: 4.288rem;
  width: 20.672rem;
}

.x__ximg-109 {
  height: 10.688rem;
  left: 0.512rem;
  position: absolute;
  top: 8.8rem;
  width: 10.72rem;
}

.x__ximg-110 {
  height: 3.616rem;
  left: 1.44rem;
  position: absolute;
  top: 1.28rem;
  width: 15.296rem;
}

.x__ximg-111 {
  height: 2.016rem;
  left: 9.504rem;
  position: absolute;
  top: 0;
  width: 10.88rem;
}

.x__ximg-112 {
  height: 4.832rem;
  left: 0;
  position: absolute;
  top: 3.968rem;
  width: 4.32rem;
}

.page-leave-to .x__group-18 {
  animation: fadeOutLeft 360ms 60ms both;
}

.x__group-18 {
  animation: fadeInLeft 1200ms 600ms both;
  height: 23.264rem;
  left: 0;
  position: absolute;
  top: 1.728rem;
  width: 22.816rem;
}

.x__ximg-113 {
  height: 2.144rem;
  left: 4.576rem;
  position: absolute;
  top: 13.984rem;
  width: 17.856rem;
}

.x__ximg-114 {
  height: 4.576rem;
  left: 20.224rem;
  position: absolute;
  top: 11.2rem;
  width: 0.608rem;
}

.x__ximg-115 {
  height: 4.416rem;
  left: 18.976rem;
  position: absolute;
  top: 4.448rem;
  width: 2.656rem;
}

.x__ximg-116 {
  height: 3.584rem;
  left: 4.416rem;
  position: absolute;
  top: 1.184rem;
  width: 3.584rem;
}

.x__ximg-117 {
  height: 1.312rem;
  left: 20.32rem;
  position: absolute;
  top: 9.504rem;
  width: 0.928rem;
}

.x__ximg-118 {
  height: 0.672rem;
  left: 9.216rem;
  position: absolute;
  top: 3.552rem;
  width: 1.184rem;
}

.x__ximg-119 {
  height: 0.576rem;
  left: 21.536rem;
  position: absolute;
  top: 4.448rem;
  width: 0.544rem;
}

.x__ximg-120 {
  height: 1.664rem;
  left: 17.248rem;
  position: absolute;
  top: 4.736rem;
  width: 0.96rem;
}

.x__ximg-121 {
  height: 0.896rem;
  left: 5.44rem;
  position: absolute;
  top: 9.728rem;
  width: 0.896rem;
}

.x__ximg-122 {
  height: 3.648rem;
  left: 0;
  position: absolute;
  top: 8.992rem;
  width: 4.064rem;
}

.x__ximg-123 {
  height: 18.56rem;
  left: -0.832rem;
  position: absolute;
  top: -1.728rem;
  width: 24rem;
}

.page-leave-to .x__group-19 {
  animation: fadeOutRight 360ms 60ms both;
}

.x__group-19 {
  animation: fadeInRight 1200ms 600ms both;
  height: 16.128rem;
  left: 1.44rem;
  position: absolute;
  top: 10.048rem;
  width: 22.432rem;
}

.page-leave-to .x__ximg-124 {
  animation: zoomOut 360ms 120ms both;
}

.x__ximg-124 {
  animation: zoomIn 1200ms 1200ms both;
  height: 2.016rem;
  left: 3.2rem;
  position: absolute;
  top: 13.088rem;
  width: 3.68rem;
}

.x__ximg-125 {
  height: 0.928rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 7.872rem;
}

.page-leave-to .x__name {
  animation: fadeOutLeft 360ms 20ms both;
}

.x__name {
  animation: fadeInLeft 1200ms 200ms both;
  height: 0.928rem;
  left: 2.784rem;
  position: absolute;
  top: 0;
  width: 7.872rem;
}

.x__group-20 {
  height: 33.12rem;
  left: 0;
  position: absolute;
  top: 4.064rem;
  width: 23.872rem;
}

.x__ximg-126 {
  height: 1.952rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 7.04rem;
}

.x__ximg-127 {
  height: 1.952rem;
  left: 6.656rem;
  position: absolute;
  top: 0;
  width: 8.064rem;
}

.page-leave-to .x__p10 {
  animation: fadeOutLeft 360ms 80ms both;
}

.x__p10 {
  animation: fadeInLeft 1200ms 800ms both;
  bottom: 0.8rem;
  height: 1.952rem;
  left: 0;
  position: absolute;
  width: 14.72rem;
}

.page-leave-to .x__logo2-01 {
  animation: fadeOutRight 360ms both;
}

.x__logo2-01 {
  animation: fadeInRight 1200ms both;
  height: 1.344rem;
  left: 17.504rem;
  position: absolute;
  top: 0.992rem;
  width: 4.928rem;
}

.page-leave-to .x__logo1-01 {
  animation: fadeOutLeft 360ms both;
}

.x__logo1-01 {
  animation: fadeInLeft 1200ms both;
  height: 0.64rem;
  left: 1.568rem;
  position: absolute;
  top: 1.248rem;
  width: 4.48rem;
}

.x__hm1 {
  background-image: url(bg-07.png);
  background-repeat: no-repeat;
  background-size: cover;
}

/* Page: hg2, Children: 4 —— Css Code*/

.page-leave-to .x__ximg-128 {
  animation: fadeOutRight 360ms 120ms both;
}

.x__ximg-128 {
  animation: fadeInRight 1200ms 1200ms both;
  height: 3.296rem;
  left: 1.056rem;
  position: absolute;
  top: 28.672rem;
  width: 21.856rem;
}

.page-leave-to .x__ximg-129 {
  animation: fadeOutRight 360ms 100ms both;
}

.x__ximg-129 {
  animation: fadeInRight 1200ms 1000ms both;
  height: 3.264rem;
  left: 1.056rem;
  position: absolute;
  top: 25.632rem;
  width: 21.856rem;
}

.page-leave-to .x__ximg-130 {
  animation: fadeOutRight 390ms 100ms both;
}

.x__ximg-130 {
  animation: fadeInRight 1300ms 1000ms both;
  height: 12.544rem;
  left: 7.328rem;
  position: absolute;
  top: 8.704rem;
  width: 15.104rem;
}

.page-leave-to .x__ximg-131 {
  animation: fadeOutUp 360ms 100ms both;
}

.x__ximg-131 {
  animation: fadeInUp 1200ms 1000ms both;
  height: 4.608rem;
  left: 21.696rem;
  position: absolute;
  top: 19.136rem;
  width: 0.608rem;
}

.page-leave-to .x__ximg-132 {
  animation: fadeOutLeft 480ms 80ms both;
}

.x__ximg-132 {
  animation: fadeInLeft 1600ms 800ms both;
  height: 16.128rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 16.096rem;
}

.page-leave-to .x__ximg-133 {
  animation: fadeOutRight 360ms 40ms both;
}

.x__ximg-133 {
  animation: fadeInRight 1200ms 400ms both;
  height: 1.728rem;
  left: 18.112rem;
  position: absolute;
  top: 13.664rem;
  width: 3.168rem;
}

.x__group-21 {
  height: 23.744rem;
  left: 0;
  position: absolute;
  top: 1.056rem;
  width: 22.432rem;
}

.x__ximg-134 {
  height: 3.36rem;
  left: 1.024rem;
  position: absolute;
  top: 1.824rem;
  width: 17.984rem;
}

.x__ximg-135 {
  height: 2.016rem;
  left: 9.568rem;
  position: absolute;
  top: 0;
  width: 10.848rem;
}

.x__ximg-136 {
  height: 2.304rem;
  left: 0;
  position: absolute;
  top: 0.992rem;
  width: 0.64rem;
}

.page-leave-to .x__group-22 {
  animation: fadeOutRight 390ms 80ms both;
}

.x__group-22 {
  animation: fadeInRight 1300ms 800ms both;
  height: 5.184rem;
  left: 2.016rem;
  position: absolute;
  top: 1.12rem;
  width: 20.416rem;
}

.x__ximg-137 {
  height: 3.68rem;
  left: 2.496rem;
  position: absolute;
  top: 16.832rem;
  width: 17.728rem;
}

.x__ximg-138 {
  height: 17.696rem;
  left: 0.032rem;
  position: absolute;
  top: 0.736rem;
  width: 17.216rem;
}

.x__ximg-139 {
  height: 19.2rem;
  left: -0.608rem;
  position: absolute;
  top: -0.16rem;
  width: 24rem;
}

.x__ximg-140 {
  height: 11.264rem;
  left: 4.384rem;
  position: absolute;
  top: 2.528rem;
  width: 12.448rem;
}

.x__group-23 {
  height: 18.432rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 22.624rem;
}

.x__ximg-141 {
  height: 4.832rem;
  left: 0.192rem;
  position: absolute;
  top: 16.256rem;
  width: 4.832rem;
}

.page-leave-to .x__group-24 {
  animation: zoomOut 500ms 60ms both;
}

.x__group-24 {
  animation: zoomIn 1700ms 600ms both;
  height: 21.088rem;
  left: 0.16rem;
  position: absolute;
  top: 4.48rem;
  width: 22.624rem;
}

.x__ximg-142 {
  height: 0.928rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 7.872rem;
}

.page-leave-to .x__name-01 {
  animation: fadeOutLeft 360ms 20ms both;
}

.x__name-01 {
  animation: fadeInLeft 1200ms 200ms both;
  height: 0.928rem;
  left: 1.472rem;
  position: absolute;
  top: 0;
  width: 7.872rem;
}

.x__group-25 {
  height: 31.968rem;
  left: 0;
  position: absolute;
  top: 4.448rem;
  width: 22.912rem;
}

.x__ximg-143 {
  height: 1.952rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 7.04rem;
}

.x__ximg-144 {
  height: 1.952rem;
  left: 6.656rem;
  position: absolute;
  top: 0;
  width: 8.064rem;
}

.page-leave-to .x__p10-01 {
  animation: fadeOutLeft 360ms 60ms both;
}

.x__p10-01 {
  animation: fadeInLeft 1200ms 600ms both;
  bottom: 0.8rem;
  height: 1.952rem;
  left: 0;
  position: absolute;
  width: 14.72rem;
}

.page-leave-to .x__logo2-02 {
  animation: fadeOutRight 360ms both;
}

.x__logo2-02 {
  animation: fadeInRight 1200ms both;
  height: 1.344rem;
  left: 17.504rem;
  position: absolute;
  top: 0.992rem;
  width: 4.928rem;
}

.page-leave-to .x__logo1-02 {
  animation: fadeOutLeft 360ms both;
}

.x__logo1-02 {
  animation: fadeInLeft 1200ms both;
  height: 0.64rem;
  left: 1.568rem;
  position: absolute;
  top: 1.248rem;
  width: 4.48rem;
}

.x__hg2 {
  background-image: url(bg-08.png);
  background-repeat: no-repeat;
  background-size: cover;
}

/* Page: hg3, Children: 4 —— Css Code*/

.x__ximg-145 {
  height: 1.888rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 7.136rem;
}

.x__ximg-146 {
  height: 1.888rem;
  left: 6.752rem;
  position: absolute;
  top: 0;
  width: 8.096rem;
}

.page-leave-to .x__p12 {
  animation: zoomOut 450ms 160ms both;
}

.x__p12 {
  animation: zoomIn 1500ms 1600ms both;
  bottom: 0;
  height: 1.888rem;
  left: 4.576rem;
  position: absolute;
  width: 14.848rem;
}

.page-leave-to .x__ximg-147 {
  animation: fadeOutLeft 450ms 140ms both;
}

.x__ximg-147 {
  animation: fadeInLeft 1500ms 1400ms both;
  height: 3.296rem;
  left: 0;
  position: absolute;
  top: 29.824rem;
  width: 22.08rem;
}

.page-leave-to .x__ximg-148 {
  animation: fadeOutLeft 450ms 120ms both;
}

.x__ximg-148 {
  animation: fadeInLeft 1500ms 1200ms both;
  height: 3.296rem;
  left: 0;
  position: absolute;
  top: 26.752rem;
  width: 22.08rem;
}

.x__ximg-149 {
  height: 4.576rem;
  left: 17.44rem;
  position: absolute;
  top: 10.592rem;
  width: 0.64rem;
}

.x__ximg-150 {
  height: 18.4rem;
  left: 0.832rem;
  position: absolute;
  top: 0;
  width: 16.32rem;
}

.x__ximg-151 {
  height: 18.24rem;
  left: -0.16rem;
  position: absolute;
  top: -0.096rem;
  width: 18.56rem;
}

.x__ximg-152 {
  height: 3.584rem;
  left: 0;
  position: absolute;
  top: 16.544rem;
  width: 17.984rem;
}

.x__ximg-153 {
  height: 1.696rem;
  left: 4.544rem;
  position: absolute;
  top: 14.976rem;
  width: 8.896rem;
}

.x__ximg-154 {
  height: 1.728rem;
  left: 12.224rem;
  position: absolute;
  top: 1.184rem;
  width: 3.136rem;
}

.page-leave-to .x__group-26 {
  animation: zoomOut 450ms 100ms both;
}

.x__group-26 {
  animation: zoomIn 1500ms 1000ms both;
  height: 20.128rem;
  left: 2.048rem;
  position: absolute;
  top: 5.504rem;
  width: 18.08rem;
}

.page-leave-to .x__ximg-155 {
  animation: fadeOutLeft 360ms 60ms both;
}

.x__ximg-155 {
  animation: fadeInLeft 1200ms 600ms both;
  height: 3.36rem;
  left: 0;
  position: absolute;
  top: 1.824rem;
  width: 17.984rem;
}

.page-leave-to .x__ximg-156 {
  animation: fadeOutRight 360ms 80ms both;
}

.x__ximg-156 {
  animation: fadeInRight 1200ms 800ms both;
  height: 2.016rem;
  left: 8.512rem;
  position: absolute;
  top: 0;
  width: 10.88rem;
}

.x__group-27 {
  height: 5.184rem;
  left: 1.184rem;
  position: absolute;
  top: 0.544rem;
  width: 19.392rem;
}

.page-leave-to .x__ximg-157 {
  animation: fadeOutLeft 360ms 40ms both;
}

.x__ximg-157 {
  animation: fadeInLeft 1200ms 400ms both;
  height: 0.928rem;
  left: 0.672rem;
  position: absolute;
  top: 0;
  width: 7.968rem;
}

.x__group-28 {
  height: 33.12rem;
  left: 0.96rem;
  position: absolute;
  top: 4.032rem;
  width: 22.08rem;
}

.page-leave-to .x__logo2-03 {
  animation: fadeOutRight 360ms both;
}

.x__logo2-03 {
  animation: fadeInRight 1200ms both;
  height: 1.344rem;
  left: 17.504rem;
  position: absolute;
  top: 0.992rem;
  width: 4.928rem;
}

.page-leave-to .x__logo1-03 {
  animation: fadeOutLeft 360ms both;
}

.x__logo1-03 {
  animation: fadeInLeft 1200ms both;
  height: 0.64rem;
  left: 1.568rem;
  position: absolute;
  top: 1.248rem;
  width: 4.48rem;
}

.x__hg3 {
  background-image: url(bg-09.png);
  background-repeat: no-repeat;
  background-size: cover;
}

/* Page: hm4, Children: 4 —— Css Code*/

.page-leave-to .x__ximg-158 {
  animation: fadeOutLeft 360ms 120ms both;
}

.x__ximg-158 {
  animation: fadeInLeft 1200ms 1200ms both;
  height: 3.264rem;
  left: 0.928rem;
  position: absolute;
  top: 30.4rem;
  width: 22.08rem;
}

.page-leave-to .x__ximg-159 {
  animation: fadeOutLeft 360ms 100ms both;
}

.x__ximg-159 {
  animation: fadeInLeft 1200ms 1000ms both;
  height: 3.328rem;
  left: 0.928rem;
  position: absolute;
  top: 27.296rem;
  width: 22.08rem;
}

.page-leave-to .x__ximg-160 {
  animation: fadeOutRight 360ms 60ms both;
}

.x__ximg-160 {
  animation: fadeInRight 1200ms 600ms both;
  height: 3.328rem;
  left: 3.872rem;
  position: absolute;
  top: 3.584rem;
  width: 18.528rem;
}

.page-leave-to .x__ximg-161 {
  animation: fadeOutLeft 360ms 40ms both;
}

.x__ximg-161 {
  animation: fadeInLeft 1200ms 400ms both;
  height: 2.016rem;
  left: 1.696rem;
  position: absolute;
  top: 1.76rem;
  width: 10.88rem;
}

.page-leave-to .x__ximg-162 {
  animation: fadeOutUp 300ms 80ms both;
}

.x__ximg-162 {
  animation: fadeInUp 1000ms 800ms both;
  height: 2.304rem;
  left: 21.184rem;
  position: absolute;
  top: 2.112rem;
  width: 0.64rem;
}

.x__ximg-163 {
  height: 14.656rem;
  left: 1.664rem;
  position: absolute;
  top: 2.4rem;
  width: 20.64rem;
}

.x__ximg-164 {
  height: 2.08rem;
  left: 3.456rem;
  position: absolute;
  top: 0;
  width: 1.632rem;
}

.x__ximg-165 {
  height: 2.112rem;
  left: 0;
  position: absolute;
  top: 11.264rem;
  width: 1.632rem;
}

.x__ximg-166 {
  height: 1.024rem;
  left: 4.896rem;
  position: absolute;
  top: 1.472rem;
  width: 0.8rem;
}

.x__ximg-167 {
  height: 0.992rem;
  left: 16rem;
  position: absolute;
  top: 10.08rem;
  width: 0.8rem;
}

.x__ximg-168 {
  height: 11.808rem;
  left: 2.272rem;
  position: absolute;
  top: 2.528rem;
  width: 15.136rem;
}

.x__group-29 {
  height: 14.336rem;
  left: 2.016rem;
  position: absolute;
  top: 0.608rem;
  width: 17.408rem;
}

.x__ximg-169 {
  height: 18.24rem;
  left: -0.736rem;
  position: absolute;
  top: -0.672rem;
  width: 20.8rem;
}

.x__group-30 {
  height: 16.832rem;
  left: 1.632rem;
  position: absolute;
  top: 0;
  width: 19.424rem;
}

.x__ximg-170 {
  height: 1.76rem;
  left: 5.536rem;
  position: absolute;
  top: 2.944rem;
  width: 3.136rem;
}

.x__ximg-171 {
  height: 3.68rem;
  left: 3.232rem;
  position: absolute;
  top: 15.872rem;
  width: 18.816rem;
}

.x__ximg-172 {
  height: 1.728rem;
  left: 0;
  position: absolute;
  top: 14.816rem;
  width: 8.832rem;
}

.page-leave-to .x__group-31 {
  animation: puffOut 360ms 80ms both;
}

.x__group-31 {
  animation: puffIn 1200ms 800ms both;
  height: 19.552rem;
  left: 0;
  position: absolute;
  top: 6.176rem;
  width: 22.304rem;
}

.page-leave-to .x__ximg-173 {
  animation: fadeOutRight 360ms 20ms both;
}

.x__ximg-173 {
  animation: fadeInRight 1200ms 200ms both;
  height: 0.96rem;
  left: 14.336rem;
  position: absolute;
  top: 0;
  width: 7.52rem;
}

.x__group-32 {
  height: 33.664rem;
  left: 0;
  position: absolute;
  top: 3.552rem;
  width: 23.008rem;
}

.x__ximg-174 {
  height: 1.888rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 7.104rem;
}

.x__ximg-175 {
  height: 1.888rem;
  left: 6.688rem;
  position: absolute;
  top: 0;
  width: 8.096rem;
}

.page-leave-to .x__p13 {
  animation: zoomOut 360ms 160ms both;
}

.x__p13 {
  animation: zoomIn 1200ms 1600ms both;
  bottom: 0;
  height: 1.888rem;
  left: 4.608rem;
  position: absolute;
  width: 14.784rem;
}

.page-leave-to .x__logo2-04 {
  animation: fadeOutRight 360ms both;
}

.x__logo2-04 {
  animation: fadeInRight 1200ms both;
  height: 1.376rem;
  left: 17.472rem;
  position: absolute;
  top: 1.088rem;
  width: 4.96rem;
}

.page-leave-to .x__logo1-04 {
  animation: fadeOutLeft 360ms both;
}

.x__logo1-04 {
  animation: fadeInLeft 1200ms both;
  height: 0.608rem;
  left: 1.568rem;
  position: absolute;
  top: 1.376rem;
  width: 4.48rem;
}

.x__hm4 {
  background-image: url(bg-10.png);
  background-repeat: no-repeat;
  background-size: cover;
}

/* Page: ps13, Children: 5 —— Css Code*/

.x__ximg-176 {
  height: 40.96rem;
  left: 0;
  opacity: 0.3;
  position: absolute;
  top: 0;
  width: 24rem;
}

.x__p14 {
  bottom: 0.736rem;
  height: 1.472rem;
  left: 0.544rem;
  opacity: 0.4;
  position: absolute;
  width: 22.912rem;
}

.page-leave-to .x__ximg-177 {
  animation: fadeOutDown 360ms 40ms both;
}

.x__ximg-177 {
  animation: fadeInDown 1200ms 400ms both;
  height: 9.6rem;
  left: 1.472rem;
  position: absolute;
  top: -1.056rem;
  width: 5.12rem;
}

.page-leave-to .x__ximg-178 {
  animation: fadeOutDown 360ms 80ms both;
}

.x__ximg-178 {
  animation: fadeInDown 1200ms 800ms both;
  height: 8.96rem;
  left: 8.288rem;
  position: absolute;
  top: 3.328rem;
  width: 5.44rem;
}

.page-leave-to .x__ximg-179 {
  animation: fadeOutDown 360ms 100ms both;
}

.x__ximg-179 {
  animation: fadeInDown 1200ms 1000ms both;
  height: 9.6rem;
  left: 12.096rem;
  position: absolute;
  top: -0.352rem;
  width: 5.44rem;
}

.page-leave-to .x__ximg-180 {
  animation: fadeOutLeft 360ms 100ms both;
}

.x__ximg-180 {
  animation: fadeInLeft 1200ms 1000ms both;
  height: 8.96rem;
  left: 5.408rem;
  position: absolute;
  top: 9.44rem;
  width: 5.76rem;
}

.page-leave-to .x__ximg-181 {
  animation: fadeOutLeft 360ms 120ms both;
}

.x__ximg-181 {
  animation: fadeInLeft 1200ms 1200ms both;
  height: 10.56rem;
  left: -0.704rem;
  position: absolute;
  top: 11.584rem;
  width: 6.72rem;
}

.page-leave-to .x__ximg-182 {
  animation: fadeOutRight 360ms 140ms both;
}

.x__ximg-182 {
  animation: fadeInRight 1200ms 1400ms both;
  height: 9.12rem;
  left: 14.368rem;
  position: absolute;
  top: 9.824rem;
  width: 5.6rem;
}

.page-leave-to .x__ximg-183 {
  animation: fadeOutUp 360ms 160ms both;
}

.x__ximg-183 {
  animation: fadeInUp 1200ms 1600ms both;
  height: 8.288rem;
  left: 10.432rem;
  position: absolute;
  top: 16.704rem;
  width: 6.304rem;
}

.page-leave-to .x__ximg-184 {
  animation: fadeOutDown 360ms 180ms both;
}

.x__ximg-184 {
  animation: fadeInDown 1200ms 1800ms both;
  height: 9.28rem;
  left: 8.064rem;
  position: absolute;
  top: 21.472rem;
  width: 4.16rem;
}

.page-leave-to .x__ximg-185 {
  animation: fadeOutDown 360ms 200ms both;
}

.x__ximg-185 {
  animation: fadeInDown 1200ms 2000ms both;
  height: 11.2rem;
  left: 13.632rem;
  position: absolute;
  top: 22.4rem;
  width: 6.08rem;
}

.page-leave-to .x__ximg-186 {
  animation: fadeOutLeft 360ms 200ms both;
}

.x__ximg-186 {
  animation: fadeInLeft 1200ms 2200ms both;
  height: 10.88rem;
  left: -0.448rem;
  position: absolute;
  top: 24.032rem;
  width: 8.32rem;
}

.x__group-33 {
  height: 34.912rem;
  left: 2.368rem;
  position: absolute;
  top: 0;
  width: 19.488rem;
}

.page-leave-to .x__ximg-187 {
  animation: fadeOutLeft 360ms 180ms both;
}

.x__ximg-187 {
  animation: fadeInLeft 1200ms 1800ms both;
  height: 1.056rem;
  left: 0;
  position: absolute;
  top: 4.448rem;
  width: 11.328rem;
}

.page-leave-to .x__ximg-188 {
  animation: fadeOutRight 360ms 160ms both;
}

.x__ximg-188 {
  animation: fadeInRight 1200ms 1600ms both;
  height: 1.536rem;
  left: 8.128rem;
  position: absolute;
  top: 0;
  width: 7.584rem;
}

.page-leave-to .x__ximg-189 {
  animation: fadeOutRight 360ms 140ms both;
}

.x__ximg-189 {
  animation: fadeInRight 1200ms 1400ms both;
  height: 1.92rem;
  left: 9.472rem;
  position: absolute;
  top: 1.376rem;
  width: 13.728rem;
}

.x__group-34 {
  height: 5.504rem;
  left: 0;
  position: absolute;
  top: 26.56rem;
  width: 23.2rem;
}

.x__ximg-190 {
  height: 4.96rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 9.024rem;
}

.x__ximg-191 {
  height: 2.368rem;
  left: 7.552rem;
  position: absolute;
  top: 3.392rem;
  width: 2.72rem;
}

.page-leave-to .x__group-35 {
  animation: fadeOutLeft 360ms 100ms both;
}

.x__group-35 {
  animation: fadeInLeft 1200ms 1000ms both;
  height: 5.76rem;
  left: 1.888rem;
  position: absolute;
  top: 13.952rem;
  width: 10.272rem;
}

.x__ximg-192 {
  height: 1.696rem;
  left: 0;
  position: absolute;
  top: 1.856rem;
  width: 9.216rem;
}

.x__ximg-193 {
  height: 1.664rem;
  left: 4.64rem;
  position: absolute;
  top: 0;
  width: 4.608rem;
}

.page-leave-to .x__group-36 {
  animation: fadeOutRight 360ms 120ms both;
}

.x__group-36 {
  animation: fadeInRight 1200ms 1200ms both;
  height: 3.552rem;
  left: 10.944rem;
  position: absolute;
  top: 6.496rem;
  width: 9.248rem;
}

.page-leave-to .x__ximg-194 {
  animation: fadeOutLeft 360ms 60ms both;
}

.x__ximg-194 {
  animation: fadeInLeft 1200ms 600ms both;
  height: 2.496rem;
  left: 0;
  position: absolute;
  top: 3.648rem;
  width: 10.912rem;
}

.page-leave-to .x__ximg-195 {
  animation: fadeOutLeft 360ms 40ms both;
}

.x__ximg-195 {
  animation: fadeInLeft 1200ms 400ms both;
  height: 2.496rem;
  left: 1.088rem;
  position: absolute;
  top: 0;
  width: 9.568rem;
}

.page-leave-to .x__ximg-196 {
  animation: fadeOutRight 360ms 60ms both;
}

.x__ximg-196 {
  animation: fadeInRight 1200ms 600ms both;
  height: 1.6rem;
  left: 8.576rem;
  position: absolute;
  top: 2.208rem;
  width: 3.52rem;
}

.x__group-37 {
  height: 6.144rem;
  left: 1.376rem;
  position: absolute;
  top: 0;
  width: 12.096rem;
}

.x__group-38 {
  height: 32.064rem;
  left: 0;
  position: absolute;
  top: 2.112rem;
  width: 23.2rem;
}

.x__group-39 {
  height: 34.912rem;
  left: 0;
  position: absolute;
  top: 2.976rem;
  width: 23.2rem;
}

.page-leave-to .x__logo2-05 {
  animation: fadeOutRight 360ms both;
}

.x__logo2-05 {
  animation: fadeInRight 1200ms both;
  height: 1.344rem;
  left: 17.504rem;
  position: absolute;
  top: 1.12rem;
  width: 4.928rem;
}

.page-leave-to .x__logo1-05 {
  animation: fadeOutLeft 360ms both;
}

.x__logo1-05 {
  animation: fadeInLeft 1200ms both;
  height: 0.608rem;
  left: 1.568rem;
  position: absolute;
  top: 1.376rem;
  width: 4.48rem;
}

.x__ps13 {
  background-image: url(bg-11.png);
  background-repeat: no-repeat;
  background-size: cover;
}

/* Page: hg1, Children: 3 —— Css Code*/

.x__ximg-197 {
  height: 1.92rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 7.04rem;
}

.x__ximg-198 {
  height: 1.92rem;
  left: 6.656rem;
  position: absolute;
  top: 0;
  width: 8.032rem;
}

.page-leave-to .x__group-40 {
  animation: fadeOutLeft 360ms 180ms both;
}

.x__group-40 {
  animation: fadeInLeft 1200ms 1800ms both;
  bottom: 0.832rem;
  height: 1.92rem;
  left: 0;
  position: absolute;
  width: 14.688rem;
}

.page-leave-to .x__ximg-199 {
  animation: fadeOutLeft 360ms 140ms both;
}

.x__ximg-199 {
  animation: fadeInLeft 1200ms 1400ms both;
  height: 3.264rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 21.856rem;
}

.page-leave-to .x__ximg-200 {
  animation: fadeOutLeft 360ms 160ms both;
}

.x__ximg-200 {
  animation: fadeInLeft 1200ms 1600ms both;
  height: 3.232rem;
  left: 0;
  position: absolute;
  top: 3.072rem;
  width: 21.856rem;
}

.x__group-41 {
  animation-durtaion: 1000ms;
  animation-fill-mode: both;
  height: 6.304rem;
  left: 1.472rem;
  position: absolute;
  top: 27.296rem;
  width: 21.856rem;
}

.page-leave-to .x__ximg-201 {
  animation: zoomOut 360ms 80ms both;
}

.x__ximg-201 {
  animation: zoomIn 1200ms 800ms both;
  height: 18.944rem;
  left: 2.176rem;
  position: absolute;
  top: 6.528rem;
  width: 20.608rem;
}

.page-leave-to .x__ximg-202 {
  animation: fadeOutDown 360ms 60ms both;
}

.x__ximg-202 {
  animation: fadeInDown 1200ms 600ms both;
  height: 2.272rem;
  left: 21.696rem;
  position: absolute;
  top: 0.992rem;
  width: 0.608rem;
}

.x__ximg-203 {
  height: 3.616rem;
  left: 0;
  position: absolute;
  top: 1.28rem;
  width: 15.264rem;
}

.x__ximg-204 {
  height: 1.984rem;
  left: 8.064rem;
  position: absolute;
  top: 0;
  width: 10.848rem;
}

.page-leave-to .x__group-42 {
  animation: fadeOutLeft 360ms 40ms both;
}

.x__group-42 {
  animation: fadeInLeft 1200ms 400ms both;
  height: 4.896rem;
  left: 1.472rem;
  position: absolute;
  top: 2.208rem;
  width: 18.912rem;
}

.page-leave-to .x__ximg-205 {
  animation: fadeOutUp 360ms 80ms both;
}

.x__ximg-205 {
  animation: fadeInUp 1200ms 800ms both;
  height: 4.576rem;
  left: 21.664rem;
  position: absolute;
  top: 21.728rem;
  width: 0.608rem;
}

.page-leave-to .x__ximg-206 {
  animation: fadeOutLeft 360ms 100ms both;
}

.x__ximg-206 {
  animation: fadeInLeft 1200ms 1000ms both;
  height: 10.72rem;
  left: 0.512rem;
  position: absolute;
  top: 10.976rem;
  width: 10.72rem;
}

.page-leave-to .x__ximg-207 {
  animation: fadeOutLeft 360ms 80ms both;
}

.x__ximg-207 {
  animation: fadeInLeft 1200ms 800ms both;
  height: 4.832rem;
  left: 0;
  position: absolute;
  top: 6.176rem;
  width: 4.32rem;
}

.page-leave-to .x__ximg-208 {
  animation: fadeOutLeft 360ms 60ms both;
}

.x__ximg-208 {
  animation: fadeInLeft 1200ms 600ms both;
  height: 1.952rem;
  left: 3.2rem;
  position: absolute;
  top: 13.568rem;
  width: 3.648rem;
}

.x__ximg-209 {
  height: 17.92rem;
  left: -0.384rem;
  position: absolute;
  top: -0.384rem;
  width: 17.92rem;
}

.page-leave-to .x__group-43 {
  animation: fadeOutDown 360ms 40ms both;
}

.x__group-43 {
  animation: fadeInDown 1200ms 400ms both;
  height: 16.992rem;
  left: 6.08rem;
  position: absolute;
  top: 9.216rem;
  width: 16.384rem;
}

.x__ximg-210 {
  height: 0.896rem;
  left: 0;
  position: absolute;
  top: 0.48rem;
  width: 2.176rem;
}

.x__ximg-211 {
  height: 0.064rem;
  left: 0.032rem;
  position: absolute;
  top: 1.344rem;
  width: 5.536rem;
}

.x__ximg-212 {
  height: 1.344rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 8.576rem;
}

.x__group-44 {
  height: 1.408rem;
  left: 2.272rem;
  position: absolute;
  top: 0;
  width: 8.576rem;
}

.page-leave-to .x__group-45 {
  animation: fadeOutLeft 360ms 20ms both;
}

.x__group-45 {
  animation: fadeInLeft 1200ms 200ms both;
  height: 1.408rem;
  left: 2.784rem;
  position: absolute;
  top: 0;
  width: 10.848rem;
}

.x__group-46 {
  height: 26.304rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 22.784rem;
}

.x__group-47 {
  height: 33.6rem;
  left: 0;
  position: absolute;
  top: 3.584rem;
  width: 23.328rem;
}

.page-leave-to .x__ximg-213 {
  animation: fadeOutRight 360ms both;
}

.x__ximg-213 {
  animation: fadeInRight 1200ms both;
  height: 1.312rem;
  left: 15.936rem;
  position: absolute;
  top: 0;
  width: 4.928rem;
}

.page-leave-to .x__ximg-214 {
  animation: fadeOutLeft 360ms both;
}

.x__ximg-214 {
  animation: fadeInLeft 1200ms both;
  height: 0.576rem;
  left: 0;
  position: absolute;
  top: 0.288rem;
  width: 4.448rem;
}

.x__group-48 {
  height: 1.312rem;
  left: 1.568rem;
  position: absolute;
  top: 0.992rem;
  width: 20.864rem;
}

.x__hg1 {
  background-image: url(bg-12.png);
  background-repeat: no-repeat;
  background-size: cover;
}

/* Page: hm2, Children: 3 —— Css Code*/

.x__ximg-215 {
  height: 1.92rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 7.04rem;
}

.x__ximg-216 {
  height: 1.92rem;
  left: 6.656rem;
  position: absolute;
  top: 0;
  width: 8.064rem;
}

.page-leave-to .x__group-49 {
  animation: fadeOutLeft 360ms 200ms both;
}

.x__group-49 {
  animation: fadeInLeft 1200ms 2000ms both;
  bottom: 0.832rem;
  height: 1.92rem;
  left: 0;
  position: absolute;
  width: 14.72rem;
}

.page-leave-to .x__ximg-217 {
  animation: fadeOutLeft 360ms 180ms both;
}

.x__ximg-217 {
  animation: fadeInLeft 1200ms 1800ms both;
  height: 3.264rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 21.824rem;
}

.page-leave-to .x__ximg-218 {
  animation: fadeOutRight 360ms 180ms both;
}

.x__ximg-218 {
  animation: fadeInRight 1200ms 1800ms both;
  height: 3.264rem;
  left: 0;
  position: absolute;
  top: 3.072rem;
  width: 21.824rem;
}

.x__group-50 {
  height: 6.336rem;
  left: 1.088rem;
  position: absolute;
  top: 26.08rem;
  width: 21.824rem;
}

.page-leave-to .x__ximg-219 {
  animation: zoomOut 360ms 160ms both;
}

.x__ximg-219 {
  animation: zoomIn 1200ms 1600ms both;
  height: 12.48rem;
  left: 7.328rem;
  position: absolute;
  top: 10.24rem;
  width: 15.072rem;
}

.page-leave-to .x__ximg-220 {
  animation: fadeOutDown 360ms 140ms both;
}

.x__ximg-220 {
  animation: fadeInDown 1200ms 1400ms both;
  height: 2.272rem;
  left: 2.016rem;
  position: absolute;
  top: 2.592rem;
  width: 0.608rem;
}

.page-leave-to .x__ximg-221 {
  animation: fadeOutDown 360ms 120ms both;
}

.x__ximg-221 {
  animation: fadeInDown 1200ms 1200ms both;
  height: 4.544rem;
  left: 21.696rem;
  position: absolute;
  top: 20.672rem;
  width: 0.608rem;
}

.page-leave-to .x__ximg-222 {
  animation: fadeOutLeft 360ms 100ms both;
}

.x__ximg-222 {
  animation: fadeInLeft 1200ms 1000ms both;
  height: 16.128rem;
  left: 0;
  position: absolute;
  top: 1.504rem;
  width: 16.064rem;
}

.x__ximg-223 {
  height: 3.328rem;
  left: 0;
  position: absolute;
  top: 1.856rem;
  width: 17.952rem;
}

.x__ximg-224 {
  height: 1.984rem;
  left: 8.544rem;
  position: absolute;
  top: 0;
  width: 10.848rem;
}

.page-leave-to .x__group-51 {
  animation: fadeOutRight 360ms 80ms both;
}

.x__group-51 {
  animation: fadeInRight 1200ms 800ms both;
  height: 5.184rem;
  left: 3.04rem;
  position: absolute;
  top: 1.568rem;
  width: 19.392rem;
}

.page-leave-to .x__ximg-225 {
  animation: fadeOutRight 360ms 60ms both;
}

.x__ximg-225 {
  animation: fadeInRight 1200ms 600ms both;
  height: 1.696rem;
  left: 18.144rem;
  position: absolute;
  top: 14.432rem;
  width: 3.136rem;
}

.x__ximg-226 {
  height: 3.616rem;
  left: 1.504rem;
  position: absolute;
  top: 16.16rem;
  width: 18.496rem;
}

.x__ximg-227 {
  height: 18.176rem;
  left: -0.672rem;
  position: absolute;
  top: -0.768rem;
  width: 18.912rem;
}

.x__ximg-228 {
  height: 4.8rem;
  left: 0;
  position: absolute;
  top: 15.552rem;
  width: 4.8rem;
}

.page-leave-to .x__group-52 {
  animation: fadeOutDown 360ms 60ms both;
}

.x__group-52 {
  animation: fadeInDown 1200ms 600ms both;
  height: 20.352rem;
  left: 0.384rem;
  position: absolute;
  top: 5.664rem;
  width: 20.096rem;
}

.x__ximg-229 {
  height: 0.864rem;
  left: 0;
  position: absolute;
  top: 0.448rem;
  width: 2.176rem;
}

.x__ximg-230 {
  height: 0.064rem;
  left: 0;
  position: absolute;
  top: 1.312rem;
  width: 5.152rem;
}

.x__ximg-231 {
  height: 1.28rem;
  left: 0.032rem;
  position: absolute;
  top: 0;
  width: 8.8rem;
}

.x__group-53 {
  height: 1.376rem;
  left: 2.336rem;
  position: absolute;
  top: 0;
  width: 8.832rem;
}

.page-leave-to .x__group-54 {
  animation: fadeOutLeft 360ms 40ms both;
}

.x__group-54 {
  animation: fadeInLeft 1200ms 400ms both;
  height: 1.376rem;
  left: 1.472rem;
  position: absolute;
  top: 0;
  width: 11.168rem;
}

.x__group-55 {
  height: 26.016rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 22.432rem;
}

.x__group-56 {
  height: 32.416rem;
  left: 0;
  position: absolute;
  top: 4rem;
  width: 22.912rem;
}

.page-leave-to .x__ximg-232 {
  animation: fadeOutRight 360ms both;
}

.x__ximg-232 {
  animation: fadeInRight 1200ms both;
  height: 1.312rem;
  left: 15.904rem;
  position: absolute;
  top: 0;
  width: 4.896rem;
}

.page-leave-to .x__ximg-233 {
  animation: fadeOutLeft 360ms both;
}

.x__ximg-233 {
  animation: fadeInLeft 1200ms both;
  height: 0.576rem;
  left: 0;
  position: absolute;
  top: 0.288rem;
  width: 4.448rem;
}

.x__group-57 {
  height: 1.312rem;
  left: 1.6rem;
  position: absolute;
  top: 0.992rem;
  width: 20.8rem;
}

.x__hm2 {
  background-image: url(bg-13.png);
  background-repeat: no-repeat;
  background-size: cover;
}

/* Page: hm3, Children: 3 —— Css Code*/

.x__ximg-234 {
  height: 1.856rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 7.072rem;
}

.x__ximg-235 {
  height: 1.856rem;
  left: 6.72rem;
  position: absolute;
  top: 0;
  width: 8.064rem;
}

.page-leave-to .x__group-58 {
  animation: fadeOutUp 360ms 140ms both;
}

.x__group-58 {
  animation: fadeInUp 1200ms 1400ms both;
  bottom: 0;
  height: 1.856rem;
  left: 4.608rem;
  position: absolute;
  width: 14.784rem;
}

.page-leave-to .x__ximg-236 {
  animation: fadeOutLeft 360ms 120ms both;
}

.x__ximg-236 {
  animation: fadeInLeft 1200ms 1200ms both;
  height: 3.232rem;
  left: 0;
  position: absolute;
  top: 3.072rem;
  width: 22.048rem;
}

.page-leave-to .x__ximg-237 {
  animation: fadeOutRight 360ms 120ms both;
}

.x__ximg-237 {
  animation: fadeInRight 1200ms 1200ms both;
  height: 3.264rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 22.048rem;
}

.x__group-59 {
  height: 6.304rem;
  left: 0;
  position: absolute;
  top: 27.04rem;
  width: 22.048rem;
}

.page-leave-to .x__ximg-238 {
  animation: fadeOutDown 360ms 80ms both;
}

.x__ximg-238 {
  animation: fadeInDown 1200ms 800ms both;
  height: 4.544rem;
  left: 19.488rem;
  position: absolute;
  top: 16.384rem;
  width: 0.608rem;
}

.x__ximg-239 {
  height: 18.4rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 15.104rem;
}

.x__ximg-240 {
  height: 4.992rem;
  left: 0.8rem;
  opacity: 0.47;
  position: absolute;
  top: 1.056rem;
  width: 13.6rem;
}

.x__ximg-241 {
  height: 4.992rem;
  left: 0.8rem;
  opacity: 0.47;
  position: absolute;
  top: 6.88rem;
  width: 13.6rem;
}

.x__ximg-242 {
  height: 4.992rem;
  left: 0.8rem;
  opacity: 0.47;
  position: absolute;
  top: 12.416rem;
  width: 13.6rem;
}

.page-leave-to .x__group-60 {
  animation: fadeOutDown 360ms 60ms both;
}

.x__group-60 {
  animation: fadeInDown 1200ms 600ms both;
  height: 18.4rem;
  left: 3.456rem;
  position: absolute;
  top: 5.792rem;
  width: 15.104rem;
}

.page-leave-to .x__ximg-243 {
  animation: fadeOutDown 360ms 60ms both;
}

.x__ximg-243 {
  animation: fadeInDown 1200ms 600ms both;
  height: 13.536rem;
  left: 2.88rem;
  position: absolute;
  top: 7.36rem;
  width: 16.256rem;
}

.page-leave-to .x__ximg-244 {
  animation: fadeOutLeft 360ms 80ms both;
}

.x__ximg-244 {
  animation: fadeInLeft 1200ms 800ms both;
  height: 3.328rem;
  left: 0;
  position: absolute;
  top: 1.824rem;
  width: 17.952rem;
}

.page-leave-to .x__ximg-245 {
  animation: fadeOutRight 360ms 80ms both;
}

.x__ximg-245 {
  animation: fadeInRight 1200ms 800ms both;
  height: 1.984rem;
  left: 8.512rem;
  position: absolute;
  top: 0;
  width: 10.848rem;
}

.x__group-61 {
  height: 5.152rem;
  left: 1.184rem;
  position: absolute;
  top: 0.832rem;
  width: 19.36rem;
}

.page-leave-to .x__ximg-246 {
  animation: zoomOut 360ms 100ms both;
}

.x__ximg-246 {
  animation: zoomIn 1200ms 1000ms both;
  height: 3.648rem;
  left: 2.016rem;
  position: absolute;
  top: 22.24rem;
  width: 17.952rem;
}

.x__ximg-247 {
  height: 18.24rem;
  left: -0.672rem;
  position: absolute;
  top: -0.16rem;
  width: 17.92rem;
}

.page-leave-to .x__group-62 {
  animation: zoomOut 360ms 120ms both;
}

.x__group-62 {
  animation: zoomIn 1200ms 1200ms both;
  height: 17.536rem;
  left: 2.08rem;
  position: absolute;
  top: 5.024rem;
  width: 16.256rem;
}

.page-leave-to .x__ximg-248 {
  animation: fadeOutLeft 360ms 140ms both;
}

.x__ximg-248 {
  animation: fadeInLeft 1200ms 1400ms both;
  height: 1.696rem;
  left: 4.352rem;
  position: absolute;
  top: 6.592rem;
  width: 3.136rem;
}

.page-leave-to .x__ximg-249 {
  animation: fadeOut 300ms linear both;
}

.x__ximg-249 {
  animation: floatX 4100ms linear infinite both;
  height: 1.696rem;
  left: 6.56rem;
  position: absolute;
  top: 20.768rem;
  width: 8.864rem;
}

.x__ximg-250 {
  height: 0.864rem;
  left: 0;
  position: absolute;
  top: 0.288rem;
  width: 2.144rem;
}

.x__ximg-251 {
  height: 0.032rem;
  left: 0;
  position: absolute;
  top: 1.184rem;
  width: 5.632rem;
}

.x__ximg-252 {
  height: 1.152rem;
  left: 0.032rem;
  position: absolute;
  top: 0;
  width: 6.816rem;
}

.x__group-63 {
  height: 1.216rem;
  left: 2.336rem;
  position: absolute;
  top: 0;
  width: 6.848rem;
}

.page-leave-to .x__group-64 {
  animation: fadeOutLeft 360ms 20ms both;
}

.x__group-64 {
  animation: fadeInLeft 1200ms 200ms both;
  height: 1.216rem;
  left: 0.64rem;
  position: absolute;
  top: 0;
  width: 9.184rem;
}

.page-leave-to .x__group-65 {
  animation: fadeOut 360ms 40ms both;
}

.x__group-65 {
  animation: fadeIn 1200ms 400ms both;
  height: 33.344rem;
  left: 0.992rem;
  position: absolute;
  top: 3.744rem;
  width: 22.048rem;
}

.page-leave-to .x__ximg-253 {
  animation: fadeOutRight 360ms both;
}

.x__ximg-253 {
  animation: fadeInRight 1200ms both;
  height: 1.312rem;
  left: 15.904rem;
  position: absolute;
  top: 0;
  width: 4.896rem;
}

.page-leave-to .x__ximg-254 {
  animation: fadeOutLeft 360ms both;
}

.x__ximg-254 {
  animation: fadeInLeft 1200ms both;
  height: 0.576rem;
  left: 0;
  position: absolute;
  top: 0.288rem;
  width: 4.448rem;
}

.x__group-66 {
  height: 1.312rem;
  left: 1.6rem;
  position: absolute;
  top: 0.992rem;
  width: 20.8rem;
}

.x__hm3 {
  background-image: url(bg-14.png);
  background-repeat: no-repeat;
  background-size: cover;
}

/* Page: hg4, Children: 3 —— Css Code*/

.x__ximg-255 {
  height: 1.856rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 7.072rem;
}

.x__ximg-256 {
  height: 1.856rem;
  left: 6.72rem;
  position: absolute;
  top: 0;
  width: 8.064rem;
}

.page-leave-to .x__group-67 {
  animation: fadeOutUp 360ms 160ms both;
}

.x__group-67 {
  animation: fadeInUp 1200ms 1600ms both;
  bottom: 0;
  height: 1.856rem;
  left: 4.608rem;
  position: absolute;
  width: 14.784rem;
}

.page-leave-to .x__ximg-257 {
  animation: fadeOutLeft 360ms 80ms both;
}

.x__ximg-257 {
  animation: fadeInLeft 1200ms 800ms both;
  height: 14.624rem;
  left: 1.696rem;
  position: absolute;
  top: 8.896rem;
  width: 20.608rem;
}

.page-leave-to .x__ximg-258 {
  animation: fadeOutDown 360ms 100ms both;
}

.x__ximg-258 {
  animation: fadeInDown 1200ms 1000ms both;
  height: 2.272rem;
  left: 21.216rem;
  position: absolute;
  top: 2.464rem;
  width: 0.608rem;
}

.page-leave-to .x__ximg-259 {
  animation: fadeOutLeft 360ms 160ms both;
}

.x__ximg-259 {
  animation: fadeInLeft 1200ms 1600ms both;
  height: 3.264rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 22.048rem;
}

.x__ximg-260 {
  height: 3.232rem;
  left: 0;
  position: absolute;
  top: 3.072rem;
  width: 22.048rem;
}

.page-leave-to .x__group-68 {
  animation: fadeOutLeft 360ms 140ms both;
}

.x__group-68 {
  animation: fadeInLeft 1200ms 1400ms both;
  height: 6.304rem;
  left: 0.96rem;
  position: absolute;
  top: 27.68rem;
  width: 22.048rem;
}

.x__ximg-261 {
  height: 3.296rem;
  left: 2.144rem;
  position: absolute;
  top: 1.824rem;
  width: 18.496rem;
}

.x__ximg-262 {
  height: 1.984rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 10.848rem;
}

.page-leave-to .x__group-69 {
  animation: fadeOutLeft 360ms 120ms both;
}

.x__group-69 {
  animation: fadeInLeft 1200ms 1200ms both;
  height: 5.12rem;
  left: 1.728rem;
  position: absolute;
  top: 2.08rem;
  width: 20.64rem;
}

.page-leave-to .x__ximg-263 {
  animation: zoomOut 360ms 100ms both;
}

.x__ximg-263 {
  animation: zoomIn 1200ms 1000ms both;
  height: 20.8rem;
  left: 0.992rem;
  position: absolute;
  top: 5.344rem;
  width: 22.4rem;
}

.page-leave-to .x__ximg-264 {
  animation: fadeOutRight 360ms 80ms both;
}

.x__ximg-264 {
  animation: fadeInRight 1200ms 800ms both;
  height: 3.616rem;
  left: 3.232rem;
  position: absolute;
  top: 22.432rem;
  width: 18.784rem;
}

.page-leave-to .x__ximg-265 {
  animation: fadeOutLeft 360ms 60ms both;
}

.x__ximg-265 {
  animation: fadeInLeft 1200ms 600ms both;
  height: 1.696rem;
  left: 0;
  position: absolute;
  top: 21.312rem;
  width: 8.8rem;
}

.page-leave-to .x__ximg-266 {
  animation: fadeOutLeft 360ms 40ms both;
}

.x__ximg-266 {
  animation: fadeInLeft 1200ms 400ms both;
  height: 1.696rem;
  left: 18.144rem;
  position: absolute;
  top: 9.408rem;
  width: 3.136rem;
}

.x__ximg-267 {
  height: 0.864rem;
  left: 0;
  position: absolute;
  top: 0.352rem;
  width: 2.144rem;
}

.x__ximg-268 {
  height: 0.032rem;
  left: 0;
  position: absolute;
  top: 1.248rem;
  width: 5.152rem;
}

.x__ximg-269 {
  height: 1.152rem;
  left: 0.064rem;
  position: absolute;
  top: 0;
  width: 7.008rem;
}

.x__group-70 {
  height: 1.28rem;
  left: 2.304rem;
  position: absolute;
  top: 0;
  width: 7.072rem;
}

.page-leave-to .x__group-71 {
  animation: fadeOutLeft 360ms 20ms both;
}

.x__group-71 {
  animation: fadeInLeft 1200ms 200ms both;
  height: 1.28rem;
  left: 14.368rem;
  position: absolute;
  top: 0;
  width: 9.376rem;
}

.x__group-72 {
  height: 33.984rem;
  left: 0;
  position: absolute;
  top: 3.232rem;
  width: 23.744rem;
}

.page-leave-to .x__ximg-270 {
  animation: fadeOutRight 360ms both;
}

.x__ximg-270 {
  animation: fadeInRight 1200ms both;
  height: 1.312rem;
  left: 15.904rem;
  position: absolute;
  top: 0;
  width: 4.896rem;
}

.page-leave-to .x__ximg-271 {
  animation: fadeOutLeft 360ms both;
}

.x__ximg-271 {
  animation: fadeInLeft 1200ms both;
  height: 0.576rem;
  left: 0;
  position: absolute;
  top: 0.288rem;
  width: 4.448rem;
}

.x__group-73 {
  height: 1.312rem;
  left: 1.6rem;
  position: absolute;
  top: 1.12rem;
  width: 20.8rem;
}

.x__hg4 {
  background-image: url(bg-15.png);
  background-repeat: no-repeat;
  background-size: cover;
}