* {
  margin: 0;
  padding: 0;
}
i {
  display: block;
  font-style: normal;
}
body {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.container {
  max-width: 25.6rem;
  background-color: #000;
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  overflow: hidden;
  position: relative;
  opacity: 0;
}
.container .nav_box {
  max-width: 25.6rem;
  width: 7.5rem;
  height: 0.98rem;
  background: url('../img/page1/nav_box.png');
  background-size: 100% 100%;
  position: absolute;
  top: -0.98rem;
  z-index: 8;
  display: flex;
  justify-content: center;
  align-items: center;
}
.container .nav_box .link_btn {
  display: flex;
  align-items: center;
}
.container .nav_box .link_btn a {
  transform: translateY(-0.12rem);
  font-size: 0.24rem;
  color: #FFFFFF;
  text-decoration: none;
}
.container .nav_box .link_btn .facebook {
  margin: 0 0.26rem;
}
.container .nav_box .link_btn a:hover {
  opacity: 1;
}
.container .nav_box .link_btn .nav_menu {
  display: flex;
  align-items: center;
}
.container .nav_box .link_btn .nav_menu a:nth-child(2) {
  margin: 0 0.26rem;
}
.container .arrow_i {
  width: 1.32rem;
  height: 1.38rem;
  background: url('../img/arrow.png');
  background-size: 100% 100%;
  position: absolute;
  top: -0.3rem;
  z-index: 8;
  cursor: pointer;
  animation: arrowAni 3s infinite linear;
}
.container .recharge_btn {
  width: 1.7rem;
  height: 0.56rem;
  background: url('../img/page1/recharge_btn.png');
  background-size: 100% 100%;
  position: fixed;
  top: 0.2rem;
  right: 0.2rem;
  z-index: 8;
  cursor: pointer;
  display: none;
  justify-content: center;
  align-items: center;
}
.container .recharge_btn a {
  display: block;
  width: 100%;
  height: 100%;
}
.container .recharge_btn .recharge_ani {
  width: 4rem;
  height: 2rem;
  animation: rechargeAni 3s infinite linear;
  position: absolute;
  transform: scale(0.66);
  pointer-events: none;
  background: url('../img/page1/recharge/ios1.png');
  background-size: 100% 100%;
}
.container .recharge_btn .recharge_ani_1 {
  opacity: 0;
  z-index: -1;
  background: url('../img/page1/recharge/ios1.png'), url('../img/page1/recharge/ios2.png'), url('../img/page1/recharge/ios3.png'), url('../img/page1/recharge/ios4.png'), url('../img/page1/recharge/ios5.png'), url('../img/page1/recharge/ios6.png'), url('../img/page1/recharge/ios7.png'), url('../img/page1/recharge/ios8.png'), url('../img/page1/recharge/ios9.png'), url('../img/page1/recharge/ios10.png'), url('../img/page1/recharge/ios11.png'), url('../img/page1/recharge/ios12.png'), url('../img/page1/recharge/ios13.png'), url('../img/page1/recharge/ios14.png'), url('../img/page1/recharge/ios15.png'), url('../img/page1/recharge/ios16.png'), url('../img/page1/recharge/ios17.png'), url('../img/page1/recharge/ios18.png'), url('../img/page1/recharge/ios19.png'), url('../img/page1/recharge/ios20.png'), url('../img/page1/recharge/ios21.png'), url('../img/page1/recharge/ios22.png'), url('../img/page1/recharge/ios23.png'), url('../img/page1/recharge/ios24.png'), url('../img/page1/recharge/ios25.png'), url('../img/page1/recharge/ios26.png'), url('../img/page1/recharge/ios27.png'), url('../img/page1/recharge/ios28.png'), url('../img/page1/recharge/ios29.png'), url('../img/page1/recharge/ios30.png'), url('../img/page1/recharge/ios31.png'), url('../img/page1/recharge/ios32.png'), url('../img/page1/recharge/ios33.png'), url('../img/page1/recharge/ios34.png'), url('../img/page1/recharge/ios35.png'), url('../img/page1/recharge/ios36.png'), url('../img/page1/recharge/ios37.png'), url('../img/page1/recharge/ios38.png'), url('../img/page1/recharge/ios39.png'), url('../img/page1/recharge/ios40.png'), url('../img/page1/recharge/ios41.png'), url('../img/page1/recharge/ios42.png'), url('../img/page1/recharge/ios43.png'), url('../img/page1/recharge/ios44.png'), url('../img/page1/recharge/ios45.png'), url('../img/page1/recharge/ios46.png'), url('../img/page1/recharge/ios47.png'), url('../img/page1/recharge/ios48.png'), url('../img/page1/recharge/ios49.png'), url('../img/page1/recharge/ios50.png'), url('../img/page1/recharge/ios51.png'), url('../img/page1/recharge/ios52.png'), url('../img/page1/recharge/ios53.png'), url('../img/page1/recharge/ios54.png'), url('../img/page1/recharge/ios55.png'), url('../img/page1/recharge/ios56.png'), url('../img/page1/recharge/ios57.png'), url('../img/page1/recharge/ios58.png'), url('../img/page1/recharge/ios59.png'), url('../img/page1/recharge/ios60.png');
  background-size: 100% 100%;
  position: absolute;
  animation: rechargeAni 4s infinite linear;
}
@keyframes rechargeAni {
  0% {
    background: url('../img/page1/recharge/ios1.png');
    background-size: 100% 100%;
  }
  2% {
    background: url('../img/page1/recharge/ios2.png');
    background-size: 100% 100%;
  }
  3.33% {
    background: url('../img/page1/recharge/ios3.png');
    background-size: 100% 100%;
  }
  5% {
    background: url('../img/page1/recharge/ios4.png');
    background-size: 100% 100%;
  }
  6.67% {
    background: url('../img/page1/recharge/ios5.png');
    background-size: 100% 100%;
  }
  8.33% {
    background: url('../img/page1/recharge/ios6.png');
    background-size: 100% 100%;
  }
  10% {
    background: url('../img/page1/recharge/ios7.png');
    background-size: 100% 100%;
  }
  11.67% {
    background: url('../img/page1/recharge/ios8.png');
    background-size: 100% 100%;
  }
  13.33% {
    background: url('../img/page1/recharge/ios9.png');
    background-size: 100% 100%;
  }
  15% {
    background: url('../img/page1/recharge/ios10.png');
    background-size: 100% 100%;
  }
  16.67% {
    background: url('../img/page1/recharge/ios11.png');
    background-size: 100% 100%;
  }
  18.33% {
    background: url('../img/page1/recharge/ios12.png');
    background-size: 100% 100%;
  }
  20% {
    background: url('../img/page1/recharge/ios13.png');
    background-size: 100% 100%;
  }
  21.67% {
    background: url('../img/page1/recharge/ios14.png');
    background-size: 100% 100%;
  }
  23.33% {
    background: url('../img/page1/recharge/ios15.png');
    background-size: 100% 100%;
  }
  25% {
    background: url('../img/page1/recharge/ios16.png');
    background-size: 100% 100%;
  }
  26.67% {
    background: url('../img/page1/recharge/ios17.png');
    background-size: 100% 100%;
  }
  28.33% {
    background: url('../img/page1/recharge/ios18.png');
    background-size: 100% 100%;
  }
  30% {
    background: url('../img/page1/recharge/ios19.png');
    background-size: 100% 100%;
  }
  31.67% {
    background: url('../img/page1/recharge/ios20.png');
    background-size: 100% 100%;
  }
  33.33% {
    background: url('../img/page1/recharge/ios21.png');
    background-size: 100% 100%;
  }
  35% {
    background: url('../img/page1/recharge/ios22.png');
    background-size: 100% 100%;
  }
  36.67% {
    background: url('../img/page1/recharge/ios23.png');
    background-size: 100% 100%;
  }
  38.33% {
    background: url('../img/page1/recharge/ios24.png');
    background-size: 100% 100%;
  }
  40% {
    background: url('../img/page1/recharge/ios25.png');
    background-size: 100% 100%;
  }
  41.67% {
    background: url('../img/page1/recharge/ios26.png');
    background-size: 100% 100%;
  }
  43.33% {
    background: url('../img/page1/recharge/ios27.png');
    background-size: 100% 100%;
  }
  45% {
    background: url('../img/page1/recharge/ios28.png');
    background-size: 100% 100%;
  }
  46.67% {
    background: url('../img/page1/recharge/ios29.png');
    background-size: 100% 100%;
  }
  48.33% {
    background: url('../img/page1/recharge/ios30.png');
    background-size: 100% 100%;
  }
  50% {
    background: url('../img/page1/recharge/ios31.png');
    background-size: 100% 100%;
  }
  51.67% {
    background: url('../img/page1/recharge/ios32.png');
    background-size: 100% 100%;
  }
  53.33% {
    background: url('../img/page1/recharge/ios33.png');
    background-size: 100% 100%;
  }
  55% {
    background: url('../img/page1/recharge/ios34.png');
    background-size: 100% 100%;
  }
  56.67% {
    background: url('../img/page1/recharge/ios35.png');
    background-size: 100% 100%;
  }
  58.33% {
    background: url('../img/page1/recharge/ios36.png');
    background-size: 100% 100%;
  }
  60% {
    background: url('../img/page1/recharge/ios37.png');
    background-size: 100% 100%;
  }
  61.67% {
    background: url('../img/page1/recharge/ios38.png');
    background-size: 100% 100%;
  }
  63.33% {
    background: url('../img/page1/recharge/ios39.png');
    background-size: 100% 100%;
  }
  65% {
    background: url('../img/page1/recharge/ios40.png');
    background-size: 100% 100%;
  }
  66.67% {
    background: url('../img/page1/recharge/ios41.png');
    background-size: 100% 100%;
  }
  68.33% {
    background: url('../img/page1/recharge/ios42.png');
    background-size: 100% 100%;
  }
  70% {
    background: url('../img/page1/recharge/ios43.png');
    background-size: 100% 100%;
  }
  71.67% {
    background: url('../img/page1/recharge/ios44.png');
    background-size: 100% 100%;
  }
  73.33% {
    background: url('../img/page1/recharge/ios45.png');
    background-size: 100% 100%;
  }
  75% {
    background: url('../img/page1/recharge/ios46.png');
    background-size: 100% 100%;
  }
  76.67% {
    background: url('../img/page1/recharge/ios47.png');
    background-size: 100% 100%;
  }
  78.33% {
    background: url('../img/page1/recharge/ios48.png');
    background-size: 100% 100%;
  }
  80% {
    background: url('../img/page1/recharge/ios49.png');
    background-size: 100% 100%;
  }
  81.67% {
    background: url('../img/page1/recharge/ios50.png');
    background-size: 100% 100%;
  }
  83.33% {
    background: url('../img/page1/recharge/ios51.png');
    background-size: 100% 100%;
  }
  85% {
    background: url('../img/page1/recharge/ios52.png');
    background-size: 100% 100%;
  }
  86.67% {
    background: url('../img/page1/recharge/ios53.png');
    background-size: 100% 100%;
  }
  88.33% {
    background: url('../img/page1/recharge/ios54.png');
    background-size: 100% 100%;
  }
  90% {
    background: url('../img/page1/recharge/ios55.png');
    background-size: 100% 100%;
  }
  91.67% {
    background: url('../img/page1/recharge/ios56.png');
    background-size: 100% 100%;
  }
  93.33% {
    background: url('../img/page1/recharge/ios57.png');
    background-size: 100% 100%;
  }
  95% {
    background: url('../img/page1/recharge/ios58.png');
    background-size: 100% 100%;
  }
  96.67% {
    background: url('../img/page1/recharge/ios59.png');
    background-size: 100% 100%;
  }
  98.33% {
    background: url('../img/page1/recharge/ios60.png');
    background-size: 100% 100%;
  }
  100% {
    background: url('../img/page1/recharge/ios1.png');
    background-size: 100% 100%;
  }
}
@keyframes arrowAni {
  0% {
    opacity: 1;
    transform: translateY(0rem);
  }
  50% {
    opacity: 0.6;
    transform: translateY(0.2rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0rem);
  }
}
.container .ad_img {
  width: 2.6rem;
  position: fixed;
  right: 0;
  top: 5rem;
  z-index: 5;
}
.container .ad_img img {
  width: 100%;
  height: auto;
}
.container .ad_img a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.content {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.content .section {
  width: 100% !important;
  height: 10.8rem !important;
  display: flex !important;
  justify-content: center;
  position: relative;
}
.content .section .fp-tableCell {
  width: 19.2rem !important;
  height: 10.8rem !important;
  position: relative;
}
.content .page1 {
  background: url('../img/page1/bg.jpg');
  background-size: cover;
}
.content .page1 video {
  width: 100%;
  min-width: 19.2rem;
  height: 10.8rem;
  position: absolute;
  top: 0;
  z-index: 0;
  object-fit: cover;
}
.content .page1 .fp-tableCell {
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 2;
}
.content .page1 .logo {
  width: 2.96rem;
  height: 0.68rem;
  background: url('../img/page1/logo.png');
  background-size: 100% 100%;
  position: absolute;
  top: 0.2rem;
  left: 0.4rem;
  z-index: 2;
}
.content .page1 .btn_box {
  display: flex;
  align-items: center;
  margin-top: 8.4rem;
}
.content .page1 .btn_box .ios_btn {
  width: 3.19rem;
  height: 1.06rem;
  background: url('../img/page1/ios_btn.png');
  background-size: 100% 100%;
  margin-right: 0.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.content .page1 .btn_box .ios_btn a {
  display: block;
  width: 100%;
  height: 100%;
}
.content .page1 .btn_box .ios_btn .ios_i {
  width: 6rem;
  height: 4rem;
  background: url('../img/page1/ios/ios00.png');
  background-size: 100% 100%;
  animation: iosAni 4s infinite linear;
  position: absolute;
  pointer-events: none;
}
@keyframes iosAni {
  0% {
    background: url('../img/page1/ios/ios00.png');
    background-size: 100% 100%;
  }
  1.39% {
    background: url('../img/page1/ios/ios01.png');
    background-size: 100% 100%;
  }
  2.78% {
    background: url('../img/page1/ios/ios02.png');
    background-size: 100% 100%;
  }
  4.17% {
    background: url('../img/page1/ios/ios03.png');
    background-size: 100% 100%;
  }
  5.56% {
    background: url('../img/page1/ios/ios04.png');
    background-size: 100% 100%;
  }
  6.94% {
    background: url('../img/page1/ios/ios05.png');
    background-size: 100% 100%;
  }
  8.33% {
    background: url('../img/page1/ios/ios06.png');
    background-size: 100% 100%;
  }
  9.72% {
    background: url('../img/page1/ios/ios07.png');
    background-size: 100% 100%;
  }
  11.11% {
    background: url('../img/page1/ios/ios08.png');
    background-size: 100% 100%;
  }
  12.50% {
    background: url('../img/page1/ios/ios09.png');
    background-size: 100% 100%;
  }
  13.89% {
    background: url('../img/page1/ios/ios10.png');
    background-size: 100% 100%;
  }
  15.28% {
    background: url('../img/page1/ios/ios11.png');
    background-size: 100% 100%;
  }
  16.67% {
    background: url('../img/page1/ios/ios12.png');
    background-size: 100% 100%;
  }
  18.06% {
    background: url('../img/page1/ios/ios13.png');
    background-size: 100% 100%;
  }
  19.44% {
    background: url('../img/page1/ios/ios14.png');
    background-size: 100% 100%;
  }
  20.83% {
    background: url('../img/page1/ios/ios15.png');
    background-size: 100% 100%;
  }
  22.22% {
    background: url('../img/page1/ios/ios16.png');
    background-size: 100% 100%;
  }
  23.61% {
    background: url('../img/page1/ios/ios17.png');
    background-size: 100% 100%;
  }
  25% {
    background: url('../img/page1/ios/ios18.png');
    background-size: 100% 100%;
  }
  26.39% {
    background: url('../img/page1/ios/ios19.png');
    background-size: 100% 100%;
  }
  27.78% {
    background: url('../img/page1/ios/ios20.png');
    background-size: 100% 100%;
  }
  29.17% {
    background: url('../img/page1/ios/ios21.png');
    background-size: 100% 100%;
  }
  30.56% {
    background: url('../img/page1/ios/ios22.png');
    background-size: 100% 100%;
  }
  31.94% {
    background: url('../img/page1/ios/ios23.png');
    background-size: 100% 100%;
  }
  33.33% {
    background: url('../img/page1/ios/ios24.png');
    background-size: 100% 100%;
  }
  34.72% {
    background: url('../img/page1/ios/ios25.png');
    background-size: 100% 100%;
  }
  36.11% {
    background: url('../img/page1/ios/ios26.png');
    background-size: 100% 100%;
  }
  37.50% {
    background: url('../img/page1/ios/ios27.png');
    background-size: 100% 100%;
  }
  38.89% {
    background: url('../img/page1/ios/ios28.png');
    background-size: 100% 100%;
  }
  40.28% {
    background: url('../img/page1/ios/ios29.png');
    background-size: 100% 100%;
  }
  41.67% {
    background: url('../img/page1/ios/ios30.png');
    background-size: 100% 100%;
  }
  43.06% {
    background: url('../img/page1/ios/ios31.png');
    background-size: 100% 100%;
  }
  44.44% {
    background: url('../img/page1/ios/ios32.png');
    background-size: 100% 100%;
  }
  45.83% {
    background: url('../img/page1/ios/ios33.png');
    background-size: 100% 100%;
  }
  47.22% {
    background: url('../img/page1/ios/ios34.png');
    background-size: 100% 100%;
  }
  48.61% {
    background: url('../img/page1/ios/ios35.png');
    background-size: 100% 100%;
  }
  50% {
    background: url('../img/page1/ios/ios36.png');
    background-size: 100% 100%;
  }
  51.39% {
    background: url('../img/page1/ios/ios37.png');
    background-size: 100% 100%;
  }
  52.78% {
    background: url('../img/page1/ios/ios38.png');
    background-size: 100% 100%;
  }
  54.17% {
    background: url('../img/page1/ios/ios39.png');
    background-size: 100% 100%;
  }
  55.56% {
    background: url('../img/page1/ios/ios40.png');
    background-size: 100% 100%;
  }
  56.94% {
    background: url('../img/page1/ios/ios41.png');
    background-size: 100% 100%;
  }
  58.33% {
    background: url('../img/page1/ios/ios42.png');
    background-size: 100% 100%;
  }
  59.72% {
    background: url('../img/page1/ios/ios43.png');
    background-size: 100% 100%;
  }
  61.11% {
    background: url('../img/page1/ios/ios44.png');
    background-size: 100% 100%;
  }
  62.50% {
    background: url('../img/page1/ios/ios45.png');
    background-size: 100% 100%;
  }
  63.89% {
    background: url('../img/page1/ios/ios46.png');
    background-size: 100% 100%;
  }
  65.28% {
    background: url('../img/page1/ios/ios47.png');
    background-size: 100% 100%;
  }
  66.67% {
    background: url('../img/page1/ios/ios48.png');
    background-size: 100% 100%;
  }
  68.06% {
    background: url('../img/page1/ios/ios49.png');
    background-size: 100% 100%;
  }
  69.44% {
    background: url('../img/page1/ios/ios50.png');
    background-size: 100% 100%;
  }
  70.83% {
    background: url('../img/page1/ios/ios51.png');
    background-size: 100% 100%;
  }
  72.22% {
    background: url('../img/page1/ios/ios52.png');
    background-size: 100% 100%;
  }
  73.61% {
    background: url('../img/page1/ios/ios53.png');
    background-size: 100% 100%;
  }
  75% {
    background: url('../img/page1/ios/ios54.png');
    background-size: 100% 100%;
  }
  76.39% {
    background: url('../img/page1/ios/ios55.png');
    background-size: 100% 100%;
  }
  77.78% {
    background: url('../img/page1/ios/ios56.png');
    background-size: 100% 100%;
  }
  79.17% {
    background: url('../img/page1/ios/ios57.png');
    background-size: 100% 100%;
  }
  80.56% {
    background: url('../img/page1/ios/ios58.png');
    background-size: 100% 100%;
  }
  81.94% {
    background: url('../img/page1/ios/ios59.png');
    background-size: 100% 100%;
  }
  83.33% {
    background: url('../img/page1/ios/ios60.png');
    background-size: 100% 100%;
  }
  84.72% {
    background: url('../img/page1/ios/ios61.png');
    background-size: 100% 100%;
  }
  86.11% {
    background: url('../img/page1/ios/ios62.png');
    background-size: 100% 100%;
  }
  87.50% {
    background: url('../img/page1/ios/ios63.png');
    background-size: 100% 100%;
  }
  88.89% {
    background: url('../img/page1/ios/ios64.png');
    background-size: 100% 100%;
  }
  90.28% {
    background: url('../img/page1/ios/ios65.png');
    background-size: 100% 100%;
  }
  91.67% {
    background: url('../img/page1/ios/ios66.png');
    background-size: 100% 100%;
  }
  93.06% {
    background: url('../img/page1/ios/ios67.png');
    background-size: 100% 100%;
  }
  94.44% {
    background: url('../img/page1/ios/ios68.png');
    background-size: 100% 100%;
  }
  95.83% {
    background: url('../img/page1/ios/ios69.png');
    background-size: 100% 100%;
  }
  97.22% {
    background: url('../img/page1/ios/ios70.png');
    background-size: 100% 100%;
  }
  98.61% {
    background: url('../img/page1/ios/ios71.png');
    background-size: 100% 100%;
  }
  100% {
    background: url('../img/page1/ios/ios72.png');
    background-size: 100% 100%;
  }
}
.content .page1 .btn_box .google_btn {
  width: 3.54rem;
  height: 1.05rem;
  background: url('../img/page1/google_btn.png');
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.content .page1 .btn_box .google_btn a {
  display: block;
  width: 100%;
  height: 100%;
}
.content .page1 .btn_box .google_btn .google_i {
  width: 6rem;
  height: 4rem;
  background: url('../img/page1/google/google00.png');
  background-size: 100% 100%;
  position: absolute;
  animation: googleAni 4s infinite linear;
  pointer-events: none;
}
@keyframes googleAni {
  0% {
    background: url('../img/page1/google/google00.png');
    background-size: 100% 100%;
  }
  1.39% {
    background: url('../img/page1/google/google01.png');
    background-size: 100% 100%;
  }
  2.78% {
    background: url('../img/page1/google/google02.png');
    background-size: 100% 100%;
  }
  4.17% {
    background: url('../img/page1/google/google03.png');
    background-size: 100% 100%;
  }
  5.56% {
    background: url('../img/page1/google/google04.png');
    background-size: 100% 100%;
  }
  6.94% {
    background: url('../img/page1/google/google05.png');
    background-size: 100% 100%;
  }
  8.33% {
    background: url('../img/page1/google/google06.png');
    background-size: 100% 100%;
  }
  9.72% {
    background: url('../img/page1/google/google07.png');
    background-size: 100% 100%;
  }
  11.11% {
    background: url('../img/page1/google/google08.png');
    background-size: 100% 100%;
  }
  12.50% {
    background: url('../img/page1/google/google09.png');
    background-size: 100% 100%;
  }
  13.89% {
    background: url('../img/page1/google/google10.png');
    background-size: 100% 100%;
  }
  15.28% {
    background: url('../img/page1/google/google11.png');
    background-size: 100% 100%;
  }
  16.67% {
    background: url('../img/page1/google/google12.png');
    background-size: 100% 100%;
  }
  18.06% {
    background: url('../img/page1/google/google13.png');
    background-size: 100% 100%;
  }
  19.44% {
    background: url('../img/page1/google/google14.png');
    background-size: 100% 100%;
  }
  20.83% {
    background: url('../img/page1/google/google15.png');
    background-size: 100% 100%;
  }
  22.22% {
    background: url('../img/page1/google/google16.png');
    background-size: 100% 100%;
  }
  23.61% {
    background: url('../img/page1/google/google17.png');
    background-size: 100% 100%;
  }
  25% {
    background: url('../img/page1/google/google18.png');
    background-size: 100% 100%;
  }
  26.39% {
    background: url('../img/page1/google/google19.png');
    background-size: 100% 100%;
  }
  27.78% {
    background: url('../img/page1/google/google20.png');
    background-size: 100% 100%;
  }
  29.17% {
    background: url('../img/page1/google/google21.png');
    background-size: 100% 100%;
  }
  30.56% {
    background: url('../img/page1/google/google22.png');
    background-size: 100% 100%;
  }
  31.94% {
    background: url('../img/page1/google/google23.png');
    background-size: 100% 100%;
  }
  33.33% {
    background: url('../img/page1/google/google24.png');
    background-size: 100% 100%;
  }
  34.72% {
    background: url('../img/page1/google/google25.png');
    background-size: 100% 100%;
  }
  36.11% {
    background: url('../img/page1/google/google26.png');
    background-size: 100% 100%;
  }
  37.50% {
    background: url('../img/page1/google/google27.png');
    background-size: 100% 100%;
  }
  38.89% {
    background: url('../img/page1/google/google28.png');
    background-size: 100% 100%;
  }
  40.28% {
    background: url('../img/page1/google/google29.png');
    background-size: 100% 100%;
  }
  41.67% {
    background: url('../img/page1/google/google30.png');
    background-size: 100% 100%;
  }
  43.06% {
    background: url('../img/page1/google/google31.png');
    background-size: 100% 100%;
  }
  44.44% {
    background: url('../img/page1/google/google32.png');
    background-size: 100% 100%;
  }
  45.83% {
    background: url('../img/page1/google/google33.png');
    background-size: 100% 100%;
  }
  47.22% {
    background: url('../img/page1/google/google34.png');
    background-size: 100% 100%;
  }
  48.61% {
    background: url('../img/page1/google/google35.png');
    background-size: 100% 100%;
  }
  50% {
    background: url('../img/page1/google/google36.png');
    background-size: 100% 100%;
  }
  51.39% {
    background: url('../img/page1/google/google37.png');
    background-size: 100% 100%;
  }
  52.78% {
    background: url('../img/page1/google/google38.png');
    background-size: 100% 100%;
  }
  54.17% {
    background: url('../img/page1/google/google39.png');
    background-size: 100% 100%;
  }
  55.56% {
    background: url('../img/page1/google/google40.png');
    background-size: 100% 100%;
  }
  56.94% {
    background: url('../img/page1/google/google41.png');
    background-size: 100% 100%;
  }
  58.33% {
    background: url('../img/page1/google/google42.png');
    background-size: 100% 100%;
  }
  59.72% {
    background: url('../img/page1/google/google43.png');
    background-size: 100% 100%;
  }
  61.11% {
    background: url('../img/page1/google/google44.png');
    background-size: 100% 100%;
  }
  62.50% {
    background: url('../img/page1/google/google45.png');
    background-size: 100% 100%;
  }
  63.89% {
    background: url('../img/page1/google/google46.png');
    background-size: 100% 100%;
  }
  65.28% {
    background: url('../img/page1/google/google47.png');
    background-size: 100% 100%;
  }
  66.67% {
    background: url('../img/page1/google/google48.png');
    background-size: 100% 100%;
  }
  68.06% {
    background: url('../img/page1/google/google49.png');
    background-size: 100% 100%;
  }
  69.44% {
    background: url('../img/page1/google/google50.png');
    background-size: 100% 100%;
  }
  70.83% {
    background: url('../img/page1/google/google51.png');
    background-size: 100% 100%;
  }
  72.22% {
    background: url('../img/page1/google/google52.png');
    background-size: 100% 100%;
  }
  73.61% {
    background: url('../img/page1/google/google53.png');
    background-size: 100% 100%;
  }
  75% {
    background: url('../img/page1/google/google54.png');
    background-size: 100% 100%;
  }
  76.39% {
    background: url('../img/page1/google/google55.png');
    background-size: 100% 100%;
  }
  77.78% {
    background: url('../img/page1/google/google56.png');
    background-size: 100% 100%;
  }
  79.17% {
    background: url('../img/page1/google/google57.png');
    background-size: 100% 100%;
  }
  80.56% {
    background: url('../img/page1/google/google58.png');
    background-size: 100% 100%;
  }
  81.94% {
    background: url('../img/page1/google/google59.png');
    background-size: 100% 100%;
  }
  83.33% {
    background: url('../img/page1/google/google60.png');
    background-size: 100% 100%;
  }
  84.72% {
    background: url('../img/page1/google/google61.png');
    background-size: 100% 100%;
  }
  86.11% {
    background: url('../img/page1/google/google62.png');
    background-size: 100% 100%;
  }
  87.50% {
    background: url('../img/page1/google/google63.png');
    background-size: 100% 100%;
  }
  88.89% {
    background: url('../img/page1/google/google64.png');
    background-size: 100% 100%;
  }
  90.28% {
    background: url('../img/page1/google/google65.png');
    background-size: 100% 100%;
  }
  91.67% {
    background: url('../img/page1/google/google66.png');
    background-size: 100% 100%;
  }
  93.06% {
    background: url('../img/page1/google/google67.png');
    background-size: 100% 100%;
  }
  94.44% {
    background: url('../img/page1/google/google68.png');
    background-size: 100% 100%;
  }
  95.83% {
    background: url('../img/page1/google/google69.png');
    background-size: 100% 100%;
  }
  97.22% {
    background: url('../img/page1/google/google70.png');
    background-size: 100% 100%;
  }
  98.61% {
    background: url('../img/page1/google/google71.png');
    background-size: 100% 100%;
  }
  100% {
    background: url('../img/page1/google/google72.png');
    background-size: 100% 100%;
  }
}
.content .page1 .ios_1 {
  opacity: 0;
  z-index: -1;
  width: 6rem;
  height: 4rem;
  background: url('../img/page1/ios/ios00.png'), url('../img/page1/ios/ios01.png'), url('../img/page1/ios/ios02.png'), url('../img/page1/ios/ios03.png'), url('../img/page1/ios/ios04.png'), url('../img/page1/ios/ios05.png'), url('../img/page1/ios/ios06.png'), url('../img/page1/ios/ios07.png'), url('../img/page1/ios/ios08.png'), url('../img/page1/ios/ios09.png'), url('../img/page1/ios/ios10.png'), url('../img/page1/ios/ios11.png'), url('../img/page1/ios/ios12.png'), url('../img/page1/ios/ios13.png'), url('../img/page1/ios/ios14.png'), url('../img/page1/ios/ios15.png'), url('../img/page1/ios/ios16.png'), url('../img/page1/ios/ios17.png'), url('../img/page1/ios/ios18.png'), url('../img/page1/ios/ios19.png'), url('../img/page1/ios/ios20.png'), url('../img/page1/ios/ios21.png'), url('../img/page1/ios/ios22.png'), url('../img/page1/ios/ios23.png'), url('../img/page1/ios/ios24.png'), url('../img/page1/ios/ios25.png'), url('../img/page1/ios/ios26.png'), url('../img/page1/ios/ios27.png'), url('../img/page1/ios/ios28.png'), url('../img/page1/ios/ios29.png'), url('../img/page1/ios/ios30.png'), url('../img/page1/ios/ios31.png'), url('../img/page1/ios/ios32.png'), url('../img/page1/ios/ios33.png'), url('../img/page1/ios/ios34.png'), url('../img/page1/ios/ios35.png'), url('../img/page1/ios/ios36.png'), url('../img/page1/ios/ios37.png'), url('../img/page1/ios/ios38.png'), url('../img/page1/ios/ios39.png'), url('../img/page1/ios/ios40.png'), url('../img/page1/ios/ios41.png'), url('../img/page1/ios/ios42.png'), url('../img/page1/ios/ios43.png'), url('../img/page1/ios/ios44.png'), url('../img/page1/ios/ios45.png'), url('../img/page1/ios/ios46.png'), url('../img/page1/ios/ios47.png'), url('../img/page1/ios/ios48.png'), url('../img/page1/ios/ios49.png'), url('../img/page1/ios/ios50.png'), url('../img/page1/ios/ios51.png'), url('../img/page1/ios/ios52.png'), url('../img/page1/ios/ios53.png'), url('../img/page1/ios/ios54.png'), url('../img/page1/ios/ios55.png'), url('../img/page1/ios/ios56.png'), url('../img/page1/ios/ios57.png'), url('../img/page1/ios/ios58.png'), url('../img/page1/ios/ios59.png'), url('../img/page1/ios/ios60.png'), url('../img/page1/ios/ios61.png'), url('../img/page1/ios/ios62.png'), url('../img/page1/ios/ios63.png'), url('../img/page1/ios/ios64.png'), url('../img/page1/ios/ios65.png'), url('../img/page1/ios/ios66.png'), url('../img/page1/ios/ios67.png'), url('../img/page1/ios/ios68.png'), url('../img/page1/ios/ios69.png'), url('../img/page1/ios/ios70.png'), url('../img/page1/ios/ios71.png'), url('../img/page1/ios/ios72.png');
  background-size: 100% 100%;
  position: absolute;
  animation: iosAni 4s infinite linear;
}
.content .page1 .google_1 {
  opacity: 0;
  z-index: -1;
  width: 6rem;
  height: 4rem;
  background: url('../img/page1/google/google00.png'), url('../img/page1/google/google01.png'), url('../img/page1/google/google02.png'), url('../img/page1/google/google03.png'), url('../img/page1/google/google04.png'), url('../img/page1/google/google05.png'), url('../img/page1/google/google06.png'), url('../img/page1/google/google07.png'), url('../img/page1/google/google08.png'), url('../img/page1/google/google09.png'), url('../img/page1/google/google10.png'), url('../img/page1/google/google11.png'), url('../img/page1/google/google12.png'), url('../img/page1/google/google13.png'), url('../img/page1/google/google14.png'), url('../img/page1/google/google15.png'), url('../img/page1/google/google16.png'), url('../img/page1/google/google17.png'), url('../img/page1/google/google18.png'), url('../img/page1/google/google19.png'), url('../img/page1/google/google20.png'), url('../img/page1/google/google21.png'), url('../img/page1/google/google22.png'), url('../img/page1/google/google23.png'), url('../img/page1/google/google24.png'), url('../img/page1/google/google25.png'), url('../img/page1/google/google26.png'), url('../img/page1/google/google27.png'), url('../img/page1/google/google28.png'), url('../img/page1/google/google29.png'), url('../img/page1/google/google30.png'), url('../img/page1/google/google31.png'), url('../img/page1/google/google32.png'), url('../img/page1/google/google33.png'), url('../img/page1/google/google34.png'), url('../img/page1/google/google35.png'), url('../img/page1/google/google36.png'), url('../img/page1/google/google37.png'), url('../img/page1/google/google38.png'), url('../img/page1/google/google39.png'), url('../img/page1/google/google40.png'), url('../img/page1/google/google41.png'), url('../img/page1/google/google42.png'), url('../img/page1/google/google43.png'), url('../img/page1/google/google44.png'), url('../img/page1/google/google45.png'), url('../img/page1/google/google46.png'), url('../img/page1/google/google47.png'), url('../img/page1/google/google48.png'), url('../img/page1/google/google49.png'), url('../img/page1/google/google50.png'), url('../img/page1/google/google51.png'), url('../img/page1/google/google52.png'), url('../img/page1/google/google53.png'), url('../img/page1/google/google54.png'), url('../img/page1/google/google55.png'), url('../img/page1/google/google56.png'), url('../img/page1/google/google57.png'), url('../img/page1/google/google58.png'), url('../img/page1/google/google59.png'), url('../img/page1/google/google60.png'), url('../img/page1/google/google61.png'), url('../img/page1/google/google62.png'), url('../img/page1/google/google63.png'), url('../img/page1/google/google64.png'), url('../img/page1/google/google65.png'), url('../img/page1/google/google66.png'), url('../img/page1/google/google67.png'), url('../img/page1/google/google68.png'), url('../img/page1/google/google69.png'), url('../img/page1/google/google70.png'), url('../img/page1/google/google71.png'), url('../img/page1/google/google72.png');
  background-size: 100% 100%;
  position: absolute;
  animation: googleAni 4s infinite linear;
}
.content .page2 .page_title {
  width: 4.07rem;
  height: 1.16rem;
  background: url('../img/page2/m_i.png');
  background-size: 100% 100%;
  position: absolute;
  top: 0.54rem;
  right: 0.54rem;
  z-index: 9;
}
.content .page2 .camp_box {
  width: 19.2rem;
  height: 10.8rem;
  background: url('../img/page2/silde.png');
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0.2rem 0;
  box-sizing: border-box;
  z-index: 5;
  position: relative;
}
.content .page2 .camp_box > div {
  width: 1.7rem;
  height: 1.71rem;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.content .page2 .camp_box > div i {
  width: 1.7rem;
  height: 1.71rem;
  z-index: 2;
  opacity: 0.5;
}
@keyframes shineAni {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(0.9);
    opacity: 0.6;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.content .page2 .camp_box .camp_1 {
  transform: translateY(0.1rem);
  margin-left: 1.5rem;
}
.content .page2 .camp_box .camp_1 i {
  background: url('../img/page2/camp1.png');
  background-size: 100% 100%;
}
.content .page2 .camp_box .camp_1.on i {
  background: url('../img/page2/camp1_on.png');
  background-size: 100% 100%;
  opacity: 1;
}
.content .page2 .camp_box .camp_1.on .shine {
  width: 2.6rem;
  height: 2.6rem;
  background: url('../img/page2/shine_1.png');
  background-size: 100% 100%;
  position: absolute;
  pointer-events: none;
  animation: shineAni 3s infinite linear;
}
.content .page2 .camp_box .camp_2 {
  margin-left: 0.8rem;
  margin-top: -0.3rem;
}
.content .page2 .camp_box .camp_2 i {
  background: url('../img/page2/camp2.png');
  background-size: 100% 100%;
}
.content .page2 .camp_box .camp_2.on i {
  background: url('../img/page2/camp2_on.png');
  background-size: 100% 100%;
  opacity: 1;
}
.content .page2 .camp_box .camp_2.on .shine {
  width: 2.6rem;
  height: 2.6rem;
  background: url('../img/page2/shine_2.png');
  background-size: 100% 100%;
  position: absolute;
  pointer-events: none;
  animation: shineAni 3s infinite linear;
}
.content .page2 .camp_box .camp_3 {
  margin-left: 0.68rem;
  margin-top: -0.2rem;
}
.content .page2 .camp_box .camp_3 i {
  background: url('../img/page2/camp3.png');
  background-size: 100% 100%;
}
.content .page2 .camp_box .camp_3.on i {
  background: url('../img/page2/camp3_on.png');
  background-size: 100% 100%;
  opacity: 1;
}
.content .page2 .camp_box .camp_3.on .shine {
  width: 2.6rem;
  height: 2.6rem;
  background: url('../img/page2/shine_3.png');
  background-size: 100% 100%;
  position: absolute;
  pointer-events: none;
  animation: shineAni 3s infinite linear;
  left: -0.36rem;
}
.content .page2 .camp_box .camp_4 {
  margin-top: -0.34rem;
  margin-left: 1.14rem;
}
.content .page2 .camp_box .camp_4 i {
  background: url('../img/page2/camp4.png');
  background-size: 100% 100%;
}
.content .page2 .camp_box .camp_4.on i {
  background: url('../img/page2/camp4_on.png');
  background-size: 100% 100%;
  opacity: 1;
}
.content .page2 .camp_box .camp_4.on .shine {
  width: 2.6rem;
  height: 2.6rem;
  background: url('../img/page2/shine_4.png');
  background-size: 100% 100%;
  position: absolute;
  pointer-events: none;
  animation: shineAni 3s infinite linear;
}
.content .page2 .camp_box .camp_5 {
  transform: translateY(-0.6rem);
  margin-left: 2.1rem;
}
.content .page2 .camp_box .camp_5 i {
  background: url('../img/page2/camp5.png');
  background-size: 100% 100%;
}
.content .page2 .camp_box .camp_5.on i {
  background: url('../img/page2/camp5_on.png');
  background-size: 100% 100%;
  opacity: 1;
}
.content .page2 .camp_box .camp_5.on .shine {
  width: 2.6rem;
  height: 2.6rem;
  background: url('../img/page2/shine_5.png');
  background-size: 100% 100%;
  position: absolute;
  pointer-events: none;
  animation: shineAni 3s infinite linear;
}
.content .page2 .head_box {
  display: flex;
  align-items: center;
  position: absolute;
  left: 5.11rem;
  bottom: 0.42rem;
  z-index: 6;
}
.content .page2 .head_box .head_i {
  width: 1.15rem;
  height: 1.15rem;
  margin-right: 0.15rem;
  cursor: pointer;
}
.content .page2 .head_box .head_i.on {
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.content .page2 .head_box .head_i.on .shine_i {
  width: 1.9rem;
  height: 1.9rem;
  background: url('../img/page2/head/head1.png');
  background-size: 100% 100%;
  position: absolute;
  animation: headAni 5s infinite linear;
}
@keyframes headAni {
  0% {
    background: url('../img/page2/head/head1.png');
    background-size: 100% 100%;
  }
  2% {
    background: url('../img/page2/head/head2.png');
    background-size: 100% 100%;
  }
  4% {
    background: url('../img/page2/head/head3.png');
    background-size: 100% 100%;
  }
  6% {
    background: url('../img/page2/head/head4.png');
    background-size: 100% 100%;
  }
  8% {
    background: url('../img/page2/head/head5.png');
    background-size: 100% 100%;
  }
  10% {
    background: url('../img/page2/head/head6.png');
    background-size: 100% 100%;
  }
  12% {
    background: url('../img/page2/head/head7.png');
    background-size: 100% 100%;
  }
  14% {
    background: url('../img/page2/head/head8.png');
    background-size: 100% 100%;
  }
  16% {
    background: url('../img/page2/head/head9.png');
    background-size: 100% 100%;
  }
  18% {
    background: url('../img/page2/head/head10.png');
    background-size: 100% 100%;
  }
  20% {
    background: url('../img/page2/head/head11.png');
    background-size: 100% 100%;
  }
  22% {
    background: url('../img/page2/head/head12.png');
    background-size: 100% 100%;
  }
  24% {
    background: url('../img/page2/head/head13.png');
    background-size: 100% 100%;
  }
  26% {
    background: url('../img/page2/head/head14.png');
    background-size: 100% 100%;
  }
  28% {
    background: url('../img/page2/head/head15.png');
    background-size: 100% 100%;
  }
  30% {
    background: url('../img/page2/head/head16.png');
    background-size: 100% 100%;
  }
  32% {
    background: url('../img/page2/head/head17.png');
    background-size: 100% 100%;
  }
  34% {
    background: url('../img/page2/head/head18.png');
    background-size: 100% 100%;
  }
  36% {
    background: url('../img/page2/head/head19.png');
    background-size: 100% 100%;
  }
  38% {
    background: url('../img/page2/head/head20.png');
    background-size: 100% 100%;
  }
  40% {
    background: url('../img/page2/head/head21.png');
    background-size: 100% 100%;
  }
  42% {
    background: url('../img/page2/head/head22.png');
    background-size: 100% 100%;
  }
  44% {
    background: url('../img/page2/head/head23.png');
    background-size: 100% 100%;
  }
  46% {
    background: url('../img/page2/head/head24.png');
    background-size: 100% 100%;
  }
  48% {
    background: url('../img/page2/head/head25.png');
    background-size: 100% 100%;
  }
  50% {
    background: url('../img/page2/head/head26.png');
    background-size: 100% 100%;
  }
  52% {
    background: url('../img/page2/head/head27.png');
    background-size: 100% 100%;
  }
  54% {
    background: url('../img/page2/head/head28.png');
    background-size: 100% 100%;
  }
  56% {
    background: url('../img/page2/head/head29.png');
    background-size: 100% 100%;
  }
  58% {
    background: url('../img/page2/head/head30.png');
    background-size: 100% 100%;
  }
  60% {
    background: url('../img/page2/head/head31.png');
    background-size: 100% 100%;
  }
  62% {
    background: url('../img/page2/head/head32.png');
    background-size: 100% 100%;
  }
  64% {
    background: url('../img/page2/head/head33.png');
    background-size: 100% 100%;
  }
  66% {
    background: url('../img/page2/head/head34.png');
    background-size: 100% 100%;
  }
  68% {
    background: url('../img/page2/head/head35.png');
    background-size: 100% 100%;
  }
  70% {
    background: url('../img/page2/head/head36.png');
    background-size: 100% 100%;
  }
  72% {
    background: url('../img/page2/head/head37.png');
    background-size: 100% 100%;
  }
  74% {
    background: url('../img/page2/head/head38.png');
    background-size: 100% 100%;
  }
  76% {
    background: url('../img/page2/head/head39.png');
    background-size: 100% 100%;
  }
  78% {
    background: url('../img/page2/head/head40.png');
    background-size: 100% 100%;
  }
  80% {
    background: url('../img/page2/head/head41.png');
    background-size: 100% 100%;
  }
  82% {
    background: url('../img/page2/head/head42.png');
    background-size: 100% 100%;
  }
  84% {
    background: url('../img/page2/head/head43.png');
    background-size: 100% 100%;
  }
  86% {
    background: url('../img/page2/head/head44.png');
    background-size: 100% 100%;
  }
  88% {
    background: url('../img/page2/head/head45.png');
    background-size: 100% 100%;
  }
  90% {
    background: url('../img/page2/head/head46.png');
    background-size: 100% 100%;
  }
  92% {
    background: url('../img/page2/head/head47.png');
    background-size: 100% 100%;
  }
  94% {
    background: url('../img/page2/head/head48.png');
    background-size: 100% 100%;
  }
  96% {
    background: url('../img/page2/head/head49.png');
    background-size: 100% 100%;
  }
  98% {
    background: url('../img/page2/head/head1.png');
    background-size: 100% 100%;
  }
  100% {
    background: url('../img/page2/head/head2.png');
    background-size: 100% 100%;
  }
}
.content .page2 .shine_i_i {
  opacity: 0;
  z-index: -1;
  width: 1.9rem;
  height: 1.9rem;
  background: url('../img/page2/head/head1.png'), url('../img/page2/head/head2.png'), url('../img/page2/head/head3.png'), url('../img/page2/head/head4.png'), url('../img/page2/head/head5.png'), url('../img/page2/head/head6.png'), url('../img/page2/head/head7.png'), url('../img/page2/head/head8.png'), url('../img/page2/head/head9.png'), url('../img/page2/head/head10.png'), url('../img/page2/head/head11.png'), url('../img/page2/head/head12.png'), url('../img/page2/head/head13.png'), url('../img/page2/head/head14.png'), url('../img/page2/head/head15.png'), url('../img/page2/head/head16.png'), url('../img/page2/head/head17.png'), url('../img/page2/head/head18.png'), url('../img/page2/head/head19.png'), url('../img/page2/head/head20.png'), url('../img/page2/head/head21.png'), url('../img/page2/head/head22.png'), url('../img/page2/head/head23.png'), url('../img/page2/head/head24.png'), url('../img/page2/head/head25.png'), url('../img/page2/head/head26.png'), url('../img/page2/head/head27.png'), url('../img/page2/head/head28.png'), url('../img/page2/head/head29.png'), url('../img/page2/head/head30.png'), url('../img/page2/head/head31.png'), url('../img/page2/head/head32.png'), url('../img/page2/head/head33.png'), url('../img/page2/head/head34.png'), url('../img/page2/head/head35.png'), url('../img/page2/head/head36.png'), url('../img/page2/head/head37.png'), url('../img/page2/head/head38.png'), url('../img/page2/head/head39.png'), url('../img/page2/head/head40.png'), url('../img/page2/head/head41.png'), url('../img/page2/head/head42.png'), url('../img/page2/head/head43.png'), url('../img/page2/head/head44.png'), url('../img/page2/head/head45.png'), url('../img/page2/head/head46.png'), url('../img/page2/head/head47.png'), url('../img/page2/head/head48.png'), url('../img/page2/head/head49.png');
  background-size: 100% 100%;
  position: absolute;
  animation: headAni 5s infinite linear;
}
.content .page2 .camp1 div:nth-child(1) {
  background: url('../img/page2/hero1_1_i.png');
  background-size: 100% 100%;
}
.content .page2 .camp1 div:nth-child(2) {
  background: url('../img/page2/hero1_2_i.png');
  background-size: 100% 100%;
}
.content .page2 .camp1 div:nth-child(3) {
  background: url('../img/page2/hero1_3_i.png');
  background-size: 100% 100%;
}
.content .page2 .camp1 div:nth-child(4) {
  background: url('../img/page2/hero1_4_i.png');
  background-size: 100% 100%;
}
.content .page2 .camp1 div:nth-child(5) {
  background: url('../img/page2/hero1_5_i.png');
  background-size: 100% 100%;
}
.content .page2 .camp1 div:nth-child(6) {
  background: url('../img/page2/hero1_6_i.png');
  background-size: 100% 100%;
}
.content .page2 .camp2 div:nth-child(1) {
  background: url('../img/page2/hero2_1_i.png');
  background-size: 100% 100%;
}
.content .page2 .camp2 div:nth-child(2) {
  background: url('../img/page2/hero2_2_i.png');
  background-size: 100% 100%;
}
.content .page2 .camp2 div:nth-child(3) {
  background: url('../img/page2/hero2_3_i.png');
  background-size: 100% 100%;
}
.content .page2 .camp2 div:nth-child(4) {
  background: url('../img/page2/hero2_4_i.png');
  background-size: 100% 100%;
}
.content .page2 .camp2 div:nth-child(5) {
  background: url('../img/page2/hero2_5_i.png');
  background-size: 100% 100%;
}
.content .page2 .camp2 div:nth-child(6) {
  background: url('../img/page2/hero2_6_i.png');
  background-size: 100% 100%;
}
.content .page2 .camp3 div:nth-child(1) {
  background: url('../img/page2/hero3_1_i.png');
  background-size: 100% 100%;
}
.content .page2 .camp3 div:nth-child(2) {
  background: url('../img/page2/hero3_2_i.png');
  background-size: 100% 100%;
}
.content .page2 .camp3 div:nth-child(3) {
  background: url('../img/page2/hero3_3_i.png');
  background-size: 100% 100%;
}
.content .page2 .camp3 div:nth-child(4) {
  background: url('../img/page2/hero3_4_i.png');
  background-size: 100% 100%;
}
.content .page2 .camp3 div:nth-child(5) {
  background: url('../img/page2/hero3_5_i.png');
  background-size: 100% 100%;
}
.content .page2 .camp3 div:nth-child(6) {
  background: url('../img/page2/hero3_6_i.png');
  background-size: 100% 100%;
}
.content .page2 .camp4 div:nth-child(1) {
  background: url('../img/page2/hero4_1_i.png');
  background-size: 100% 100%;
}
.content .page2 .camp4 div:nth-child(2) {
  background: url('../img/page2/hero4_2_i.png');
  background-size: 100% 100%;
}
.content .page2 .camp4 div:nth-child(3) {
  background: url('../img/page2/hero4_3_i.png');
  background-size: 100% 100%;
}
.content .page2 .camp4 div:nth-child(4) {
  background: url('../img/page2/hero4_4_i.png');
  background-size: 100% 100%;
}
.content .page2 .camp4 div:nth-child(5) {
  background: url('../img/page2/hero4_5_i.png');
  background-size: 100% 100%;
}
.content .page2 .camp4 div:nth-child(6) {
  background: url('../img/page2/hero4_6_i.png');
  background-size: 100% 100%;
}
.content .page2 .camp5 div:nth-child(1) {
  background: url('../img/page2/hero5_1_i.png');
  background-size: 100% 100%;
}
.content .page2 .camp5 div:nth-child(2) {
  background: url('../img/page2/hero5_2_i.png');
  background-size: 100% 100%;
}
.content .page2 .camp5 div:nth-child(3) {
  background: url('../img/page2/hero5_3_i.png');
  background-size: 100% 100%;
}
.content .page2 .camp5 div:nth-child(4) {
  background: url('../img/page2/hero5_4_i.png');
  background-size: 100% 100%;
}
.content .page2 .camp5 div:nth-child(5) {
  background: url('../img/page2/hero5_5_i.png');
  background-size: 100% 100%;
}
.content .page2 .camp5 div:nth-child(6) {
  background: url('../img/page2/hero5_6_i.png');
  background-size: 100% 100%;
}
.content .page2 .character_i {
  width: 7.29rem;
  height: 2.74rem;
  background: url('../img/page2/character_i.png');
  background-size: 100% 100%;
  position: absolute;
  top: 4.6rem;
  right: 0.76rem;
}
.content .page2 .hero_status_4 {
  width: 19.2rem;
  height: 10.8rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}
.content .page2 .hero_peple {
  width: 19.2rem;
  height: 10.8rem;
  position: absolute;
  top: 0;
  left: 0;
}
.content .page2 .hero_text {
  width: 19.2rem;
  height: 10.8rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}
.content .page2 .hero_info {
  display: flex;
  flex-direction: column;
  position: absolute;
  bottom: 2.07rem;
  left: 10rem;
  z-index: 3;
}
.content .page2 .hero_info .text1_box {
  position: relative;
  display: flex;
  align-items: center;
}
.content .page2 .hero_info .text1_box .point {
  width: 0.15rem;
  height: 0.15rem;
  background: url('../img/page2/point.png');
  background-size: 100% 100%;
}
.content .page2 .hero_info .text1_box span {
  font-weight: 300;
  font-size: 0.28rem;
  color: #FFFFFF;
  margin: 0 0.06rem;
}
.content .page2 .hero_info .text2_box {
  margin-top: 0.1rem;
  max-width: 8.4rem;
  position: relative;
}
.content .page2 .hero_info .text2_box span {
  display: flex;
  font-weight: 300;
  font-size: 0.24rem;
  color: #FFFFFF;
  line-height: 0.32rem;
}
.content .page2 .hero_info .text2_box .top_i {
  width: 2.01rem;
  height: 0.04rem;
  background: url('../img/page2/top_i.png');
  background-size: 100% 100%;
  position: absolute;
  top: -0.05rem;
  left: 0;
}
.content .page2 .hero_info .text2_box .bottom_i {
  width: 1.97rem;
  height: 0.04rem;
  background: url('../img/page2/bottom_i.png');
  background-size: 100% 100%;
  position: absolute;
  bottom: -0.05rem;
  left: 3rem;
}
.content .page2 .hero_name_box {
  height: 0.57rem;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 1.9rem;
  left: 7rem;
}
.content .page2 .hero_name_box .hero_name {
  white-space: nowrap;
  min-width: 2.32rem;
  height: 0.57rem;
  background: url('../img/page2/hero_name_i.png');
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  font-size: 0.38rem;
  color: #F9F2D3;
}
.content .page2 .hero_name_box .star {
  position: absolute;
  bottom: 0.6rem;
}
.content .page2 .hero_name_box .star_3 {
  width: 1.35rem;
  height: 0.55rem;
  background: url('../img/page2/star_3.png');
  background-size: 100% 100%;
}
.content .page2 .hero_name_box .star_4 {
  width: 1.74rem;
  height: 0.55rem;
  background: url('../img/page2/star_4.png');
  background-size: 100% 100%;
}
.content .page2 .hero_name_box .star_5 {
  width: 2.11rem;
  height: 0.55rem;
  background: url('../img/page2/star_5.png');
  background-size: 100% 100%;
}
.content .page2 .hero_name::before {
  display: flex;
  content: '';
  width: 0.4rem;
  height: 0.57rem;
  background: url('../img/page2/hero_name_il.png');
  background-size: 100% 100%;
  position: absolute;
  left: -0.4rem;
}
.content .page2 .hero_name::after {
  display: flex;
  content: '';
  width: 0.4rem;
  height: 0.57rem;
  background: url('../img/page2/hero_name_ir.png');
  background-size: 100% 100%;
  position: absolute;
  right: -0.4rem;
}
.content .page2.bg_1 {
  background: url('../img/page2/bg_1.jpg');
  background-size: cover;
}
.content .page2.bg_2 {
  background: url('../img/page2/bg_2.jpg');
  background-size: cover;
}
.content .page2.bg_3 {
  background: url('../img/page2/bg_3.jpg');
  background-size: cover;
}
.content .page2.bg_4 {
  background: url('../img/page2/bg_4.jpg');
  background-size: cover;
}
.content .page2.bg_5 {
  background: url('../img/page2/bg_5.jpg');
  background-size: cover;
}
.content .page2.bg_6 {
  background: url('../img/page2/bg_6.jpg');
  background-size: cover;
}
.content .page3 .fp-tableCell {
  display: flex;
  justify-content: center;
  z-index: 2;
  position: relative;
}
.content .page3 .fp-tableCell .page3_title {
  width: 4.26rem;
  height: 1.53rem;
  background: url('../img/page3/page3_title.png');
  background-size: 100% 100%;
  position: absolute;
  right: 0.62rem;
  top: 0.2rem;
  z-index: 3;
}
.content .page3 .fp-tableCell .right_i {
  width: 0.47rem;
  height: 0.88rem;
  background: url('../img/page3/right.png');
  background-size: 100% 100%;
  position: absolute;
  right: 1.28rem;
  z-index: 4;
  top: 4rem;
  cursor: pointer;
}
.content .page3 .fp-tableCell .left_i {
  width: 0.46rem;
  height: 0.89rem;
  background: url('../img/page3/left.png');
  background-size: 100% 100%;
  position: absolute;
  left: 1.4rem;
  z-index: 4;
  top: 4rem;
  display: none;
  cursor: pointer;
}
.content .page3 .fp-tableCell .point_box {
  display: flex;
  position: absolute;
  bottom: 4.3rem;
  z-index: 4;
  right: 4.8rem;
}
.content .page3 .fp-tableCell .point_box .point {
  width: 0.12rem;
  height: 0.12rem;
  border-radius: 50%;
  background-color: #FFFFFF;
  opacity: 0.6;
  margin: 0 0.03rem;
}
.content .page3 .fp-tableCell .point_box .point.on {
  opacity: 1;
}
.content .page3 .fp-tableCell .train_box {
  width: 74.79rem;
  height: 10.8rem;
  background: url('../img/page3/train.png');
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left: -0.79rem;
}
.content .page3 .fp-tableCell .train_box .cover {
  width: 10.15rem;
  height: 5.23rem;
  background: url('../img/page3/cover.png');
  background-size: 100% 100%;
  position: absolute;
  opacity: 0.5;
  top: 1.8rem;
}
.content .page3 .fp-tableCell .train_box .cover_1 {
  left: 6.8rem;
}
.content .page3 .fp-tableCell .train_box .cover_2 {
  left: 20.2rem;
}
.content .page3 .fp-tableCell .train_box .cover_3 {
  left: 33.6rem;
}
.content .page3 .fp-tableCell .train_box .cover_4 {
  left: 47rem;
}
.content .page3 .fp-tableCell .train_box .cover_5 {
  left: 60.4rem;
  top: 1.9rem;
}
.content .page3 .fp-tableCell .train_box .cover.on {
  opacity: 0;
}
.content .page3 .fp-tableCell .train_people {
  position: absolute;
  z-index: 3;
  pointer-events: none;
}
.content .page3 .fp-tableCell .train_text {
  position: absolute;
  z-index: 4;
  pointer-events: none;
}
.content .page3 .fp-tableCell .train1_people {
  width: 16.04rem;
  height: 6.6rem;
  background: url('../img/page3/train1_people.png');
  background-size: 100% 100%;
  left: 0;
  bottom: 0.2rem;
}
.content .page3 .fp-tableCell .train1_text {
  width: 10.43rem;
  height: 1.99rem;
  background: url('../img/page3/train1_text.png');
  background-size: 100% 100%;
  bottom: 0.9rem;
  right: 0.76rem;
}
.content .page3 .fp-tableCell .train2_people {
  width: 14.3rem;
  height: 10.8rem;
  background: url('../img/page3/train2_people.png');
  background-size: 100% 100%;
  right: -3.5rem;
  bottom: 0rem;
}
.content .page3 .fp-tableCell .train2_text {
  width: 9.57rem;
  height: 2.05rem;
  background: url('../img/page3/train2_text.png');
  background-size: 100% 100%;
  bottom: 1.1rem;
  right: 9.13rem;
}
.content .page3 .fp-tableCell .train3_people {
  width: 15.89rem;
  height: 9.91rem;
  background: url('../img/page3/train3_people.png');
  background-size: 100% 100%;
  left: -0.1rem;
  bottom: 0.16rem;
}
.content .page3 .fp-tableCell .train3_text {
  width: 10.96rem;
  height: 2.63rem;
  background: url('../img/page3/train3_text.png');
  background-size: 100% 100%;
  bottom: 1.1rem;
  right: 0rem;
}
.content .page3 .fp-tableCell .train4_people {
  width: 11.28rem;
  height: 6.49rem;
  background: url('../img/page3/train4_people.png');
  background-size: 100% 100%;
  left: -2.3rem;
  bottom: 0rem;
}
.content .page3 .fp-tableCell .train4_text {
  width: 12.37rem;
  height: 2.01rem;
  background: url('../img/page3/train4_text.png');
  background-size: 100% 100%;
  bottom: 1.42rem;
  right: -0.12rem;
}
.content .page3 .fp-tableCell .train5_people {
  width: 8.46rem;
  height: 4rem;
  background: url('../img/page3/train5_people.png');
  background-size: 100% 100%;
  left: -0.6rem;
  bottom: 0.4rem;
}
.content .page3 .fp-tableCell .train5_text {
  width: 11.17rem;
  height: 2.01rem;
  background: url('../img/page3/train5_text.png');
  background-size: 100% 100%;
  bottom: 0.9rem;
  right: 0.9rem;
}
.content .page3 .train_bg {
  width: 25.6rem;
  height: 10.8rem;
  background: url('../img/page3/bg.png');
  background-size: 100% 100%;
  position: absolute;
}
.content .page4 {
  height: 1.23rem !important;
  background-color: #000;
}
.content .page4 .fp-tableCell {
  height: 1.23rem !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.content .page4 .fp-tableCell .bottom_i {
  width: 0.33rem;
  height: 0.3rem;
  background: url('../img/nova.png');
  background-size: 100% 100%;
}
.content .page4 .fp-tableCell span {
  font-size: 0.18rem;
  color: #FFFFFF;
  opacity: 0.42;
  margin: 0 0.3rem;
}
.content .page4 .fp-tableCell a {
  font-size: 0.18rem;
  text-decoration: none;
  color: #FFFFFF;
  opacity: 0.42;
}
.content .page4 .fp-tableCell .link_a {
  margin: 0 0.3rem;
}
.content .page4 .fp-tableCell .lang_box {
  margin-left: 0.3rem;
  width: 1.32rem;
  height: 0.32rem;
  position: relative;
}
.content .page4 .fp-tableCell .lang_box .lang_i {
  width: 1.32rem;
  height: 0.32rem;
  background: url('../img/lang.png');
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 0.14rem;
}
.content .page4 .fp-tableCell .lang_box select {
  background-color: transparent;
  width: 1.32rem;
  height: 0.32rem;
  outline: none;
  border: none;
  display: flex;
}
.container.de .recharge_btn {
  background: url('../img/de/recharge_btn.png');
  background-size: 100% 100%;
}
.container.de .page2 .page_title {
  background: url('../img/de/m_i.png');
  background-size: 100% 100%;
}
.container.de .page3 .train1_text {
  width: 10.41rem;
  height: 2rem;
  background: url('../img/de/train1_text.png');
  background-size: 100% 100%;
}
.container.de .page3 .train2_text {
  width: 11.47rem;
  height: 2.07rem;
  background: url('../img/de/train2_text.png');
  background-size: 100% 100%;
}
.container.de .page3 .train3_text {
  width: 9.94rem;
  height: 2.08rem;
  background: url('../img/de/train3_text.png');
  background-size: 100% 100%;
}
.container.de .page3 .train4_text {
  width: 10.36rem;
  height: 1.61rem;
  background: url('../img/de/train4_text.png');
  background-size: 100% 100%;
}
.container.de .page3 .train5_text {
  width: 11.76rem;
  height: 1.58rem;
  background: url('../img/de/train5_text.png');
  background-size: 100% 100%;
}
.container.fr .recharge_btn {
  background: url('../img/fr/recharge_btn.png');
  background-size: 100% 100%;
}
.container.fr .page2 .page_title {
  background: url('../img/fr/m_i.png');
  background-size: 100% 100%;
}
.container.fr .page3 .train1_text {
  width: 10.45rem;
  height: 2.31rem;
  background: url('../img/fr/train1_text.png');
  background-size: 100% 100%;
}
.container.fr .page3 .train2_text {
  width: 9.29rem;
  height: 2.45rem;
  background: url('../img/fr/train2_text.png');
  background-size: 100% 100%;
}
.container.fr .page3 .train3_text {
  width: 11.05rem;
  height: 2.04rem;
  background: url('../img/fr/train3_text.png');
  background-size: 100% 100%;
}
.container.fr .page3 .train4_text {
  width: 11.88rem;
  height: 1.84rem;
  background: url('../img/fr/train4_text.png');
  background-size: 100% 100%;
}
.container.fr .page3 .train5_text {
  width: 11.03rem;
  height: 2.9rem;
  background: url('../img/fr/train5_text.png');
  background-size: 100% 100%;
}
.container.pt .recharge_btn {
  background: url('../img/pt/recharge_btn.png');
  background-size: 100% 100%;
}
.container.pt .page2 .page_title {
  background: url('../img/pt/m_i.png');
  background-size: 100% 100%;
}
.container.pt .page3 .train1_text {
  width: 9.87rem;
  height: 2.06rem;
  background: url('../img/pt/train1_text.png');
  background-size: 100% 100%;
}
.container.pt .page3 .train2_text {
  width: 9.9rem;
  height: 2.94rem;
  background: url('../img/pt/train2_text.png');
  background-size: 100% 100%;
}
.container.pt .page3 .train3_text {
  width: 9.29rem;
  height: 2.34rem;
  background: url('../img/pt/train3_text.png');
  background-size: 100% 100%;
}
.container.pt .page3 .train4_text {
  width: 10.59rem;
  height: 1.81rem;
  background: url('../img/pt/train4_text.png');
  background-size: 100% 100%;
}
.container.pt .page3 .train5_text {
  width: 10.94rem;
  height: 2.46rem;
  background: url('../img/pt/train5_text.png');
  background-size: 100% 100%;
}
.container.es .recharge_btn {
  background: url('../img/es/recharge_btn.png');
  background-size: 100% 100%;
}
.container.es .page2 .page_title {
  background: url('../img/es/m_i.png');
  background-size: 100% 100%;
}
.container.es .page3 .train1_text {
  width: 10.75rem;
  height: 2rem;
  background: url('../img/es/train1_text.png');
  background-size: 100% 100%;
}
.container.es .page3 .train2_text {
  width: 11.14rem;
  height: 1.9rem;
  background: url('../img/es/train2_text.png');
  background-size: 100% 100%;
}
.container.es .page3 .train3_text {
  width: 9.86rem;
  height: 2.46rem;
  background: url('../img/es/train3_text.png');
  background-size: 100% 100%;
}
.container.es .page3 .train4_text {
  width: 10.26rem;
  height: 1.48rem;
  background: url('../img/es/train4_text.png');
  background-size: 100% 100%;
}
.container.es .page3 .train5_text {
  width: 11.67rem;
  height: 2.65rem;
  background: url('../img/es/train5_text.png');
  background-size: 100% 100%;
}