/*** page ***/

body {
  overflow: hidden;
}

.layout_header,
.layout_footer {
  position: absolute;
  z-index: 1;
}

/*** pagination ***/

.pagination {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: 0.266667rem 0;
  text-align: center;
}

.pagination .pagination_item {
  display: inline-block;
  width: 0.2rem;
  height: 0.2rem;
  margin: 0 0.066667rem;
  background: rgb(125, 125, 125);
  border-radius: 100%;
  transition: all .25s ease;
  cursor: pointer;
}

.pagination .pagination_item.active {
  background: #fff000;
}

/*** slide ***/

.slide {
  position: relative;
  overflow: hidden;
}

.slide_content {
  display: -webkit-box;
  display: flex;
  flex-shrink: 0;
  position: absolute;
  white-space: nowrap;
  z-index: 9;
}

.slide_content .app_pic {
  vertical-align: top;
}

.slide_content .download_nav {
  font-size: 0.4rem;
}

.slide_content_1 .download_item.download_ios:hover,
.slide_content_2 .download_item.download_ios:hover,
.slide_content_3 .download_item.download_ios:hover {
  background: #f1c100;
}

.slide .circle_animate {
  position: absolute;
  border-radius: 100%;
}

/*** slide_1 ***/

.slide_1 {
  position: relative;
  background: rgb(244, 203, 7);
}

.slide_1::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 6.333333rem;
  background: #fff;
}

.slide_content_1 {
  height: 60%;
  top: 48%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.slide_content_1 .app_pic {
  height: 100%;
}

.slide_content_1 .download_nav {
  vertical-align: top;
  margin-left: -1.333333rem;
}

.slide_1 .circle_animate_1 {
  width: 15vw;
  height: 15vw;
  max-width: 4.8rem;
  max-height: 4.8rem;
  left: 30%;
  top: -16%;
  opacity: 0.8;
  background: linear-gradient(to bottom, #f39700, #f2c707);
}

.slide_1 .circle_animate_2 {
  width: 30vw;
  height: 30vw;
  max-width: 11.2rem;
  max-height: 11.2rem;
  right: -5%;
  bottom: 0;
  opacity: 0.4;
  background: linear-gradient(to bottom, #f39700, #f2c707);
}

.slide_1 .circle_animate_3 {
  width: 4vw;
  height: 4vw;
  max-width: 1.333333rem;
  max-height: 1.333333rem;
  right: 50%;
  top: 30%;
  background: rgba(255, 255, 255, 0.3);
}

.slide_1 .circle_animate_4 {
  width: 28vw;
  height: 28vw;
  max-width: 5.2rem;
  max-height: 5.2rem;
  right: 2%;
  bottom: 20%;
  background: rgba(255, 255, 255, 0.2);
  z-index: 2;
}

/*** slide_2 ***/

.slide_content_2 {
  top: 4.92rem;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.slide_content_2 .app_pic {
  height: 2.133333rem;
  vertical-align: middle;
}

.slide_content_2 .download_nav {
  vertical-align: middle;
  margin-right: 1.44rem;
}

/*** slide_3 ***/

.slide_content_3 {
  -webkit-box-align: center;
  align-items: center;
  top: 50%;
  left: 50%;
  height: 60%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.slide_content_3 .app_pic {
  margin-right: 0.92rem;
  width: 4.96rem;
  height: 100%;
  padding: 1.146667rem 0.32rem;
  box-sizing: border-box;
  background: url('../imgs/slide_3_2.png') no-repeat;
  background-size: contain;
  vertical-align: middle;
  overflow: hidden;
}

.slide_content_3 .app_pic img {
  position: relative;
  height: 100%;
  z-index: 1;
}

.slide_content_3 .download_nav {
  vertical-align: middle;
}

.slide .slide_back {
  height: 100%;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  transition: all 2s .9s ease-out;
}

.slide.active .slide_back {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.slide_2 .slide_back {
  background: url('../imgs/section2_back.jpg') no-repeat center;
}

.slide_3 .slide_back {
  background: url('../imgs/section3_back.jpg') no-repeat center;
}

.slide_3 .circle_animate_1 {
  width: 1.2rem;
  height: 1.2rem;
  left: 1.786667rem;
  bottom: 2.133333rem;
  opacity: 0.8;
  background: linear-gradient(to top, rgba(255,255,255,0.9), rgba(255,255,255,0.1));
}

.slide_3 .circle_animate_2 {
  width: 2.16rem;
  height: 2.16rem;
  left: 40%;
  top: 2.986667rem;
  opacity: 0.8;
  background: linear-gradient(left top, rgba(228, 90, 106,0.4), rgba(228, 90, 106,0));
}

.slide_3 .circle_animate_3 {
  width: 0.733333rem;
  height: 0.733333rem;
  left: 51%;
  bottom: 3.626667rem;
  opacity: 0.8;
  background: linear-gradient(left bottom, rgba(255,255,255,0.9), rgba(255,255,255,0.1));
}

/*** download ***/

.download_nav .download_item {
  display: inline-block;
  width: 3.706667rem;
  height: 1.08rem;
  line-height: 1.08rem;
  background: rgb(255, 246, 232);
  color: rgb(97, 97, 97);
  text-align: center;
  border-radius: 0.546667rem;
  transition: all .25s ease-out;
}

.download_item>a {
  display: block;
}

.download_item .fa {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

.download_item.download_ios:hover {
  background: #fff;
  color: rgb(49, 49, 49);
}

.download_item.download_android:hover {
  background: rgb(49, 49, 49);
  color: #fff;
}

.download_item.download_QRCode {
  position: relative;
}

.download_item.download_QRCode:hover {
  background: rgb(241, 153, 0);
  color: rgb(57, 57, 57);
}

.download_QRCode img {
  position: absolute;
  visibility: hidden;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 110%);
  transform: translate(-50%, 110%);
}

.download_QRCode:hover img {
  visibility: initial;
}

/*** media 750 ***/

@media screen and (max-device-width: 1024px) {
  .layout_header {
    text-align: center;
  }

  .slide_content .app_pic {
    display: block;
    margin-top: 0.4rem;
  }

  .slide_content_1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse;
    margin-top: 0.8rem;
    text-align: center;
    width: 70%;
  }

  .slide_content_1 .download_nav {
    margin-left: 0;
  }

  .sm_hide {
    display: none !important;
  }

  .slide_content_2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 80%;
    text-align: center;
  }

  .slide_2 .slide_back,
  .slide_3 .slide_back {
    background-size: cover;
  }

  .slide_content_2 .download_nav {
    margin: 0 0 0.533333rem 0;
  }

  .slide_content_3 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse;
  }

  .slide_content_3 .app_pic {
    margin: 0.533333rem 0 0;
  }
}