html,
body {
  width: 100%;
  height: 100%;
}

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

.swiper-container .swiper-slide {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding-top: 0;
  position: relative;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.swiper-container .slide1 {
  background-image: url(../img/download1.png);
}

.swiper-container .slide2{
  background-image: url(../img/download2.png);
  background-color: #f8f3ed;
}

.swiper-container .slide3{
  background-image: url(../img/download3.png);
  background-color: #fdfbf9;
}

.swiper-container .slide4{
  background-image: url(../img/download4.png);
  background-color: #f8f3ed;
}

.swiper-container .slide5 {
  background-image: url(../img/download5.png);
  background-color: #fdfbf9;
}
.swiper-container .slide6 {
  background-image: url(../img/download6.png);
  background-color: #fdfbf9;
}
.swiper-container .slide7 {
  background-image: url(../img/download7.png);
  background-color: #fdfbf9;
}

.swiper-container .slide2,
.swiper-container .slide4 {
  /*background-color: #fff; */
}

.swiper-container .slide1,
.swiper-container .slide3,
.swiper-container .slide5 {
  /*background-color: #f2f9ff;*/
}

/*.swiper-container .slide img {
	display: block;
	margin: 0 auto;
} */

.swiper-container .slide .slide-tit {
  padding-top: 15%;
  font-size: 0.533333rem;
  color: #1c3e58;
}

.swiper-container .slide .slide-hint {
  font-size: 0.333333rem;
  color: #1c3e58;
  margin-top: 0.6rem;
}

.swiper-container .download-btn {
  width: 100%;
  position: absolute;
  top: 80.5%;
}

.swiper-container .download-btn a {
  display: block;
  text-align: center;
  line-height: 1.333333rem;
  width: 7.733333rem;
  height: 1.333333rem;
  border-radius: 0.666667rem;
  margin: 0 auto;
}

.swiper-container .jiantou {
  width: 100%;
  position: absolute;
  bottom: 4%;
  z-index: 20;
  animation-name: stylie-transform-keyframes;
  animation-duration: 1600ms;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  -webkit-animation-name: stylie-transform-keyframes;
  -webkit-animation-duration: 1600ms;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -o-animation-name: stylie-transform-keyframes;
  -o-animation-duration: 1600ms;
  -o-animation-fill-mode: forwards;
  -o-animation-iteration-count: infinite;
  -moz-animation-name: stylie-transform-keyframes;
  -moz-animation-duration: 1600ms;
  -moz-animation-fill-mode: forwards;
  -moz-animation-iteration-count: infinite;
}

.swiper-container .jiantou span {
  display: block;
  margin: 0 auto;
  width: 0.666667rem;
  height: 0.613333rem;
  background: url(../img/download-jiantou.png) no-repeat;
  background-size: cover;
}

.swiper-container .slide1 .jiantou span {
  background-image: url(../img/download-jiantou-white.png);
}

.footer-wrap{
  padding-top: 40vh;
  margin-top: 60vh;
}

@keyframes stylie-transform-keyframes {
  0% {
    bottom: 4%;
  }

  50% {
    bottom: 3%;
  }

  100% {
    bottom: 4%;
  }
}

@-webkit-keyframes stylie-transform-keyframes {
  0% {
    bottom: 4%;
  }

  50% {
    bottom: 3%;
  }

  100% {
    bottom: 4%;
  }
}

@-o-keyframes stylie-transform-keyframes {
  0% {
    bottom: 4%;
  }

  50% {
    bottom: 3%;
  }

  100% {
    bottom: 4%;
  }
}

@-moz-keyframes stylie-transform-keyframes {
  0% {
    bottom: 4%;
  }

  50% {
    bottom: 3%;
  }

  100% {
    bottom: 4%;
  }
}