* {
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
}

body::-webkit-scrollbar {
  display: none;
}

html,
body {
  position: relative;
  height: 100%;
  font-size: 14px;
  color: #fff;
  margin: 0;
  padding: 0;
  letter-spacing: 2px;
}

img{pointer-events: none; }

* {
  moz-user-select: -moz-none;
  -moz-user-select: none;
  -o-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: PingFang-SC-Bold, PingFang-SC;
}

.hide {
  display: none;
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section {
  display: block;
}

.weixin-guide-mask {position: fixed;top: 0;left: 0;right: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 99;}
.weixin-guide {margin-left: -10.7rem;left: 50%;z-index: 999;width: 21.4rem;height: 8.2rem;background-color: #EDEDED;border-radius: 0.36rem;font-size: 0.54rem;color: #333;position: fixed;top: 0;}
.weixin-guide p {padding-top: 0.92rem;padding-left: 1.2rem;}
.isad {width: 1.78rem;height: 1rem;display: inline-block;}
.iguide {width: 8.92rem;height: 3.78rem;display: inline-block;position: absolute;top: 0.72rem;left: 11.58rem;}
.ismile {width: 1.78rem;height: 1rem;display: inline-block;}
.mod-invite-code{width: 12.14rem;margin: 2.14rem auto 0;border-radius: 0.76rem;border:2px solid #ECECEC;color:#939393;text-align: center;padding: 1.06rem 0;font-weight: bold;}
.mod-invite-code em{color:#2CC34C; font-weight: bold;}

header .banner-top .btn-withdraw {right: 108px; display: none;}
header .banner-top{position:relative; float: right;height: 1.43rem;}
header .banner-top .btn-pay {font-size: 0.928rem;position: absolute;color: #fff;text-decoration: none;width: 4.6rem;top: 1.26rem;white-space: nowrap; text-align: center;}
header .banner-top .btn-pay1{right: 7.14rem;}
header .banner-top .btn-pay2{right: 1.14rem;}
header .banner-top .banner-gap {
  width: 2px;
  height: 0.714rem;
  background: rgba(255, 255, 255, 0.2);
  position: absolute;
  top: 1.6rem;
  right: 6.4rem;
}

.swiper-container {
  width: 100%;
  height: 100%;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.swiper-wrapper {
  width: 100%;
  height: 100%;
}

.auto {
  overflow: auto!important;
}

.swiper-slide {
  width: 100%;
  height: 100%;
  position: relative;
}

.top-nav {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 98;
  height: 3.8rem;
  max-width: 42.8rem;
}

.top-nav-gap {
  width: 24.5rem;
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
  position: absolute;
  top: 3.8rem;
  left: 50%;
  transform: translateX(-50%);
}

.nav-white {
  width: 100%;
  display: block;
}

.logo {
  float: left;
  width: 8rem;
  margin: 0.714rem 0 0 1.14rem;
}

.menu {
  float: right;
  width: 1.43rem;
  padding: 1.14rem 1rem 1rem 1.14rem;
}

.menu-close {
  position: absolute;
  right: 0rem;
  z-index: 100;
  float: right;
  width: 1.43rem;
  padding: 1.14rem 1rem 1rem 1rem;
  display: none;
}

.menu-view {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: -100%;
  margin: auto;
  z-index: 99;
  display: none;
  transition: right 0.3s;
}

.menu-view-active {
  right: 0;
}

.menu-detail {
  position: absolute;
  right: 0;
  width: 17.86rem;
  height: 100%;
  background-color: white;
}

.menu-list {
  width: 100%;
  font-size: 1.14rem;
  position: absolute;
  top: 16.6%;
  font-weight: 400;
  overflow: hidden;
}

.menu-list li {
  margin-bottom: 2.2rem;
  padding-left: 2.14rem;
}

.menu-list li a {
  display: inline-block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  line-height: 2rem;
  color: #999999;
  font-family: PingFangSC-Regular;
}

.company-des {
  position: absolute;
  width: 100%;
  padding-left: 2.14rem;
  bottom: .6rem;
  color: #B7B7B7;
  font-size: .8rem;
  font-family: PingFangSC-Regular;
}

.member_bg {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
/* 			
.bg_black {
  background: rgba(0, 0, 0, .8);
} */

.bg2-bottom,
.bg3-bottom,
.bg4-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}


/* 页面图片定位 尺寸 */
.bg1-text {
  position: absolute;
  top: 7.5rem;
  left: 50%;
  width: 24.286rem;
  margin-left: -12.143rem;
}

.airship {
  position: absolute;
  bottom: 11rem;
  right: 1.93rem;
  width: 14.214rem;
  z-index: 2;
  animation: airship-animate 4s infinite;
}

@keyframes airship-animate {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
  }
}

.airship-light {
  position: absolute;
  bottom: 3.32rem;
  right: -0.929rem;
  width: 13.64rem;
  opacity: 0.5;
  animation: airship-light-animate 4s infinite;
}

@keyframes airship-light-animate {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

.bg-logo-pos {
  position: absolute;
  top: 10.85%;
  left: 0;
}

.center-detail .bg7-logo-pos {
  position: absolute;
  top: 29.6%;
  left: 50%;
  width: 20.36rem;
  margin-left: -10.18rem;
}

.bg-dec {
  /* position: absolute; */
  /* bottom: 21.16%; */
  width: 100%;
  margin-bottom: 1.43rem;
  text-align: center;
  font-size: 1.286rem;
  font-weight: bold;
}

.bg-dec-fullscreen {
  margin-bottom: 2.86rem;
}

.bg-w100 {
  width: 100%;
}

.bottom-view {
  width: 100%;
  position: absolute;
  bottom: .4rem;
  z-index: 66;
}

.download {
  display: block;
  width: 14.3rem;
  height: 3.57rem;
  text-align: center;
  line-height: 3.57rem;
  background: white;
  color: #000;
  margin: 0 auto;
  font-size: 1.4rem;
  font-weight: bold;
  -moz-border-radius: 2rem;
  -webkit-border-radius: 2rem;
  border-radius: 2rem;
  margin-bottom: 5rem;
  text-decoration: none;
}

.download1 {
  width: 9.28rem;
  height: 3.14rem;
  line-height: 3.14rem;
  font-size: 1.14rem;
  font-weight: 400;
}

.download-fullscreen {
  margin-bottom: 5.357rem
}

.bg3_color {
  z-index: 89;
}

.animate {
  position: absolute;
  display: block;
  left: 50%;
  width: 2.14rem;
  height: 2.14rem;
  bottom: 2.1rem;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  background: url(../mobile_img/down.png) 0 0/cover no-repeat;
  animation: animate 2s linear 0.1s infinite;
  animation-fill-mode: backwards;
}

@keyframes animate {
  0% {
    bottom: 2.1rem;
    opacity: 0;
  }
  5% {
    bottom: 2.1rem;
    opacity: 1;
  }
  25% {
    opacity: 0.9;
  }
  50% {
    bottom: 1.1rem;
    opacity: 0;
  }
  100% {
    bottom: 1.1rem;
    opacity: 0;
  }
}

.bg2-1 {
  width: 21.07rem;
  position: absolute;
  bottom: 12rem;
  left: 1.07rem;
  opacity: 0;
}

.bg2-2 {
  width: 22.28rem;
  position: absolute;
  bottom: 12.36rem;
  right: 1.65rem;
  opacity: 0;
}

.bg2-3 {
  width: 22.18rem;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -11.09rem;
}

.bg2-4 {
  width: 16.4rem;
  position: absolute;
  bottom: -1.43rem;
  left: 50%;
  margin-left: -8.2rem;
}

.bg2_color.swiper-slide-active .bg2-1 {
  animation: bg2-1-animate 1s 0.4s;
  z-index: 2;
  animation-fill-mode:forwards;
}

.bg2_color.swiper-slide-active .bg2-2 {
  animation: bg2-1-animate 1s 0.8s;
  z-index: 2;
  animation-fill-mode:forwards;
}

.bg2_color.swiper-slide-active .bg2-3 {
  animation: bg2-3-animate 6s 0.3s infinite;
}

.bg2_color.swiper-slide-active .bg2-4 {
  animation: bg2-1-animate 1s;
  z-index: 3;
  animation-fill-mode:forwards;
}

@keyframes bg2-1-animate {
  0% {
    transform: translateY(30px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes bg2-3-animate {
  0% {
    transform: translateY(0);
    opacity: 1;
  }

  83% {
    transform: translateY(-167px);
    opacity: 0;
  }

  100% {
    transform: translateY(-200px);
    opacity: 0;
  }
}

@keyframes bg2-4-animate {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(10px);
  }
}

.bg3-1 {
  width: 4.9rem;
  position: absolute;
  bottom: 20.89rem;
  left: 9.5rem;
  opacity: 0;
}

.bg3-2 {
  width: 12.65rem;
  position: absolute;
  bottom: 14.32rem;
  left: 2.86rem;
}

.bg3-3 {
  width: 10.6rem;
  position: absolute;
  bottom: 20.57rem;
  right: 2.8rem;
}

.bg3-4 {
  width: 7.75rem;
  position: absolute;
  bottom: 7.14rem;
  left: -1.1rem;
  transform: scale(0);
}

.bg3-5 {
  width: 7.35rem;
  position: absolute;
  bottom: 13.85rem;
  right: 7.07rem;
  transform: scale(0);
}

.bg3-6 {
  width: 9.75rem;
  position: absolute;
  bottom: 9.8rem;
  right: -0.5rem;
  transform: scale(0);
}

.bg3_color.swiper-slide-active .bg3-1 {
  animation: bg3-1-animate 1s 0.8s;
  z-index: 2;
  animation-fill-mode:forwards;
}

.bg3_color.swiper-slide-active .bg3-2 {
  animation: bg3-2-animate 4s infinite;
  z-index: 2;
}

.bg3_color.swiper-slide-active .bg3-3 {
  animation: bg3-3-animate 4s infinite;
  z-index: 2;
}

.bg3_color.swiper-slide-active .bg3-4 {
  animation: bg3-4-animate 0.5s 1.4s;
  animation-fill-mode:forwards;
}

.bg3_color.swiper-slide-active .bg3-5 {
  animation: bg3-4-animate 0.5s 1.6s;
  animation-fill-mode:forwards;
}

.bg3_color.swiper-slide-active .bg3-6 {
  animation: bg3-4-animate 0.5s 1.8s;
  animation-fill-mode:forwards;
}

@keyframes bg3-1-animate {
  0% {
    transform: translateY(30px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes bg3-2-animate {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(10px, -10px);
  }
  100% {
    transform: translate(0, 0);
  }
}

@keyframes bg3-3-animate {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-10px, 10px);
  }
  100% {
    transform: translate(0, 0);
  }
}

@keyframes bg3-4-animate {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.bg4-1 {
  width: 17.14rem;
  position: absolute;
  bottom: 10.89rem;
  left: 50%;
  margin-left: -8.57rem;
}

.bg4-2 {
  width: 11.07rem;
  position: absolute;
  bottom: 11.78rem;
  right: 5.6rem;
  z-index: 2;
  transform: scale(0);
  transform-origin: right center;
}

.bg4-3 {
  width: 10rem;
  position: absolute;
  bottom: 15.07rem;
  left: 3.96rem;
  z-index: 2;
  transform: scale(0);
  transform-origin: left center;
}

.bg4-4 {
  width: 7.57rem;
  position: absolute;
  bottom: 7.64rem;
  right: 0.5rem;
  transform: scale(0);
  opacity: 0;
}

.bg4-5 {
  width: 6.5rem;
  position: absolute;
  bottom: 14.5rem;
  left: 0.607rem;
  transform: scale(0);
  opacity: 0;
}

.bg4-6 {
  width: 10.64rem;
  position: absolute;
  bottom: 20.79rem;
  right: 1.179rem;
  z-index: 2;
}

.bg4-7 {
  width: 2.93rem;
  position: absolute;
  bottom: 24.86rem;
  right: 4.39rem;
  z-index: 2;
}

.bg4_color.swiper-slide-active .bg4-1 {
  animation: bg4-1-animate 1s;
}

.bg4_color.swiper-slide-active .bg4-2 {
  animation: bg4-2-animate 0.5s 1.2s;
  animation-fill-mode:forwards;
}

.bg4_color.swiper-slide-active .bg4-3 {
  animation: bg4-2-animate 0.5s 1s;
  animation-fill-mode:forwards;
}

.bg4_color.swiper-slide-active .bg4-4 {
  animation: bg4-2-animate 0.5s 0.8s;
  animation-fill-mode:forwards;
}

.bg4_color.swiper-slide-active .bg4-5 {
  animation: bg4-2-animate 0.5s 0.4s;
  animation-fill-mode:forwards;
}

.bg4_color.swiper-slide-active .bg4-7 {
  animation: bg4-7-animate 0.6s 0.6s infinite;
}


@keyframes bg4-1-animate {
  0% {
    transform: translateY(30px);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes bg4-2-animate {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes bg4-7-animate {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}

.bg5-1 {
  width: 8.57rem;
  position: absolute;
  top: 9.25rem;
  left: 50%;
  margin-left: -4.285rem;
}

.logo-text {
  color: rgba(255, 255, 255, 0.6);
  position: absolute;
  top: 18.8rem;
  text-align: center;
  width: 100%;
  font-weight: normal;
  font-size: 14px;
}

.bottom-right {
  position: absolute;
  bottom: 1.14rem;
  width: 100%;
  text-align: center;
  line-height: 1.429rem;
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.5);
  z-index: 69;
  letter-spacing: 0;
}

.download3 {
  margin-bottom: 7.88rem;
}

.bottom-right a {
  color: rgba(255, 255, 255, 0.5);
}

.row1 {
  margin-top: 26%;
  text-align: center;
  font-size: 2.14rem;
  font-weight: bold;
  color: #FFFFFF;
  position: relative;
  z-index: 9;
}

.row2 {
  margin-top: 0.29rem;
  text-align: center;
  font-size: 1rem;
  color: #FFFFFF;
  position: relative;
  z-index: 9;
  font-weight: normal;
}

.center-view {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 10;
}

.center-screen {
  width: 100%;
  height: 100%;
  position: relative;
}

.align-center {
  /* position: relative; */
  text-align: center;
}

.center-detail {
  width: 100%;
  height: 100%;
}

.title {
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  color: rgba(255, 255, 255, 1);
  margin: 1rem;
}

.des {
  font-size: 1.2rem;
  text-align: center;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
}

.logo-view {
  width: 100%;
  position: absolute;
  top: 30%;
  left: 0;
}

.new-logo {
  width: 30%!important;
  max-width: 200px;
  margin: 0 auto!important;
  left: 0;
  right: 0;
}

.title-img {
  width: 80%;
  margin: 3.6rem 0;
}

.test {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 0.6rem;
  color: rgba(0, 0, 0, .6);
}

.last-title {
  font-size: 20px;
  font-family: PingFangSC-Light;
  font-weight: 300;
  color: rgba(255, 255, 255, 1);
  margin-top: 50px;
}