* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
body {
  font-family: "Microsoft Yahei", "PingFang SC" tahoma, arial,
    "Hiragino Sans GB", "\5b8b\4f53", sans-serif;
  font-size: 14px;
  width: 100%;
  max-width: 750px;
  margin: 0px auto;
  background: #fff;
}
a {
  color: #fff;
  text-decoration: none;
}
.main img {
  width: 100%;
  display: block;
}
.top {
  position: relative;
}
.top .btn {
  width: 47.7vw;
  position: absolute;
  top: 68%;
  left:28vw;
  margin: 0 auto;
  cursor: pointer;
  animation:3s ease-in-out 0s infinite normal none running cMFrpC;
}
@keyframes cMFrpC {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.swiper-box {
  position: relative;
}
.swiper-box .swiper-wrap {
  position: absolute;
}
.swiper-wrap {
  width: 80%;
  height: 60%;
  bottom:28%;
  left: 50%;
  transform: translateX(-50%);
}
.swiper-wrap .swiper {
  width: 100%;
  height: 100%;
}
.swiper .swiper-slide {
  height: 100%;
  width: auto;
}
.swiper .swiper-slide img {
  height: 100%;
}
.bottom {
  position: relative;
}
.bottom .bottom-img1 {
  width: 40vw;
  position: absolute;
  left: 9%;
  bottom:10vw;
}
.bottom .bottom-img2 {
  width:33vw;
  position: absolute;
  right: 10%;
  bottom: 10vw;
}