body {
  min-width: 320px;
  max-width: 750px;
  /* flexible 给我们划分了 10 等份 */
  width: 10rem;
  margin: 0 auto!important;
  background-color: #fff;
  padding-bottom: .2667rem;
}

@media screen and (min-width: 750px) {
  html {
      font-size: 75px!important;
      background-color: #f4f4f4;
  }
}

.header {
  width: 10rem;
  height: 5.7333rem;
  background: url(../img/top.png) no-repeat;
  background-size: 100%;
}

.number {
  position: absolute;
  top: 4.4667rem;
  left: 50%;
  transform: translateX(-50%);
  width: 9.5733rem;
  height: 3.2267rem;
  background: url(../img/people.png) no-repeat;
  background-size: 100%;
  z-index: 2;
}

.btn_box {
  margin: 2.4rem 0 0;
  padding: 0 .2667rem .48rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.btn_left {
  width: 4.3867rem;
  height: 1.1733rem;
  background: url(../img/Android.png) no-repeat;
  background-size: 100%;
}

.btn_right {
  width: 4.3867rem;
  height: 1.1733rem;
  background: url(../img/ios.png) no-repeat;
  background-size: 100%;
}

.text {
  box-sizing: border-box;
  margin: 0 auto .8rem;
  width: 9.12rem;
  height: 3.1467rem;
  background: #f5f5f5;
  padding: .2667rem;
  font-size: .4rem;
  color: #111111;
  line-height: .64rem;
}

.safe {
  width: 9.4667rem;
  height: 7.0133rem;
  background: url(../img/safe.png) no-repeat;
  background-size: 100%;
  margin: 0 auto;
}

.feature {
  width: 9.6rem;
  height: 8.5733rem;
  background: url(../img/feature.png) no-repeat;
  background-size: 100%;
  margin: .6rem auto 0.8rem;
}

.title {
  width: 6.6267rem;
  height: .5467rem;
  background: url(../img/tit.png) no-repeat;
  background-size: 100%;
  margin: 0 auto 0.8rem;
}

.swiper {
  width: 9.6rem;
  height: 9.7333rem;
  margin-bottom: .9333rem;
}

.swiper-slide {
  width: 5.4667rem!important;
  height: 9.7333rem!important;
}

.swiper-slide img {
  /* display: block; */
  width: 5.4667rem;
  height: 9.7333rem;
  border-radius: .5333rem;
}

.about_us {
  margin-bottom: .5333rem;
  display: flex;
  align-items: center;
  font-size: .5067rem;
  color: #2F2F2F;
}

.about_us span {
  margin: 0 .2667rem;
  display: block;
  width: .1333rem;
  height: .4rem;
  background: #ff831a;
  border-radius: .0667rem;
}

.about_content {
  box-sizing: border-box;
  padding: .2667rem;
  width: 9.4667rem;
  height: 6.9867rem;
  background: #ffffff;
  border: .0267rem dashed #e4e4e4;
  margin: 0 auto;
}

.about_content p {
  text-indent: 2em;
  font-size: .4267rem;
  color: #2F2F2F;
  line-height: .7333rem;
}

.about_content span {
  display: block;
  font-size: .4rem;
  text-align: center;
  padding-top: .9333rem;
  color: #707174;
}

.android_btn {
  width: 7.7067rem;
  height: 1.0533rem;
  background: url(../img/andr.png) no-repeat;
  background-size: 100%;
  margin: .6rem auto;
}

.ios_btn {
  width: 7.7067rem;
  height: 1.0533rem;
  background: url(../img/ip.png) no-repeat;
  background-size: 100%;
  margin: .6rem auto;
}