html {
  padding: 0;
  margin: 0;
}
body {
  padding: 0;
  margin: 0;
  min-width: 1rem;
}
.navigation {
  height: 0.5125rem;
  background-color: #FFFFFF;
  display: flex;
  justify-content: center;
}
.navigation-page {
  padding: 0.1875rem;
  font-size: 0.1rem;
  line-height: .1375rem;
}
.page {
  color: #A8A8A8;
  white-space: nowrap;
  text-decoration: none;
}
.current {
  color: #ffffff;
  white-space: nowrap;
  text-decoration: none;
}
.download {
  background-color: #59CCD5;
  color: #ffffff;
}
.big-pic {
  width: 100%;
  height: 4.6875rem;
  background: #DBF3F4;
}
.banner {
  display: flex;
  justify-content: center;
}
.banner-left {
  width: 43%;
  height: 4.6875rem;
  background-image: url(../img/vision_app.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.banner-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-right: 0.125rem;
  width: 21%;
}
.banner-title {
  font-size: 0.375rem;
  font-weight: 600;
  color: #444444;
  line-height: 0.4375rem;
}
.banner-subtitle {
  font-size: 0.2rem;
  font-weight: 400;
  color: #229DAB;
  line-height: 0.2375rem;
  margin: 0.075rem 0 0.2rem 0;
}
.qrcode-pic {
  width: 1.2rem;
  height: 1.45rem;
  background-image: url(../img/qrcode.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.v-item {
  display: flex;
  justify-content: center;
  height: 3.75rem;
  margin-top: 1.375rem;
}
.item-left {
  margin-right: 0.8125rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.item-title {
  display: flex;
  font-size: 0.2125rem;
  font-weight: 600;
  color: #444;
  line-height: 0.25rem;
  align-items: center;
}
.item-title img {
  width: 0.3375rem;
  height: 0.3375rem;
}
.item-content {
  width: 2.55rem;
  font-size: 0.1375rem;
  font-weight: 400;
  color: #666;
  line-height: 0.1625rem;
  margin: 0.1875rem 0 0 0;
}
.item-content li {
  margin-top: 0.125rem;
}
.img-box {
  width: 3.9125rem;
  height: 3.75rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.task .right {
  background-image: url('../img/task_bg.png');
}
.device .left {
  background-image: url('../img/device_bg.png');
}
.device .right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 0.75rem;
}
.report {
  margin-bottom: 1.35rem;
}
.report .right {
  background-image: url('../img/vision_bg.png');
}
.report .content {
  width: 2.7375rem;
  height: 0.6375rem;
  font-size: 0.15rem;
  font-weight: 400;
  color: #666;
  line-height: 0.175rem;
  margin-top: 0.1875rem;
}
.contact {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2.5rem;
  background: #272727;
}
.contact-detail {
  margin-right: 1.5rem;
}
.contact-detail img {
  width: 0.15rem;
  height: 0.15rem;
}
.contact-content {
  height: 0.175rem;
  font-size: 0.125rem;
  color: #FFF;
  font-weight: 400;
  line-height: 0.1438rem;
}
.contact-email {
  height: 0.175rem;
  font-size: 0.125rem;
  font-weight: 400;
  color: #FFF;
  line-height: 0.1438rem;
  margin: 0.15rem 0;
}
.contact-pic img {
  width: 1.1125rem;
  height: 1.1125rem;
}
.contact-pic {
  display: flex;
}
.contact-pic div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.contact-pic div:first-child {
  margin-right: 0.25rem;
}
.contact-pic span {
  font-size: 0.1rem;
  font-weight: 400;
  color: #FFF;
  line-height: 0.125rem;
  margin-top: 0.075rem;
}
.foot {
  height: 0.35rem;
  background-color: #333;
  display: flex;
  justify-content: center;
}
.foot-text {
  font-size: 0.0875rem;
  font-weight: 400;
  color: #CCC;
  line-height: 0.35rem;
  text-decoration: none;
}
.copyright {
  margin-right: 0.25rem
}

@media (max-width:760px) {
  .page {
    display: block;
    transform: scale(0.8);
  }

  .contact-pic span {
    line-height: normal;
  }

  .banner-subtitle {
    line-height: normal;
  }

  .item-content {
    line-height: normal;
  }

  .report .content {
    line-height: normal;
  }

  .contact {
    height: 2.1875rem;
  }

  .contact-email {
    line-height: 0.3125rem;
  }

  .contact-address {
    line-height: 0.3125rem;
  }

  .contact-pic {
    right: 0.3125rem;
  }

  .foot {
    height: 0.5rem;
  }

  .foot-text {
    line-height: 0.5rem;
  }
}

@media (max-width:280px) {
  .report .content {
    width: 10rem;
    line-height: 0.625rem;
  }
  .foot-text {
    white-space: nowrap;
  }
}