/* body {
  min-width: 320px;
  max-width: 750px;
  width: 10rem;
  margin: 0 auto;
  line-height: 1.5;
  font-family: Arial, Helvetica;
  color: #4E5969;
  background-color: #fff;
} */
/* 如果屏幕超过了750px,就按照750px显示 */
/* @media screen and (min-width: 750px) {
  html {
    
      font-size: 75px!important;
  }
} */


nav {
  padding: .213rem .533rem;
  /* line-height: .373rem; */
  /* height: .907rem; */
  background: #E8FFFB;
  text-align: center;
  color: #00AA72;
  font-size: .32rem /* 12/37.5 */;
}
.banner {
  height: 3.733rem /* 140/37.5 */;
  padding-left: .533rem /* 20/37.5 */;
  background: url('../images/banner.png') no-repeat center center;
  background-size: cover;
  font-size: .373rem /* 14/37.5 */;
  color: #fff;
  font-weight: 500;
}
.banner .banner-title {
  padding-top: .933rem /* 35/37.5 */;
  font-size: .533rem /* 20/37.5 */;
  color: #14FF74;
}

.contain {
  padding: .933rem .48rem 1.867rem .533rem;
  border-radius: .533rem .533rem 0 0;
  margin-top: -0.4rem;
  background-color: #fff;
}
.contain .logo {
  display: flex;
  justify-content: flex-start;
}
.contain .logo img {
  width: 1.733rem /* 65/37.5 */;
  height: 1.733rem /* 65/37.5 */;
  padding-right: .373rem /* 14/37.5 */;
}
.contain .logo .logo-title {
  font-size: .373rem /* 14/37.5 */;
  color: #4E5969;
}
.logo-title h5 {
  margin-top: .213rem /* 8/37.5 */;
  font-size: .48rem /* 18/37.5 */;
  color: #1D2129;
  font-weight: 500;
}

.info-title {
  margin: .587rem 0 .267rem;
  font-size: .533rem /* 20/37.5 */;
  color: #1D2129;
  font-weight: 500;
}
.info-detail {
  font-size: .32rem /* 12/37.5 */;
  margin-bottom: .4rem /* 15/37.5 */;
}

.imgs {
  /* display: flex;
  justify-content: start; */
  overflow-x: auto;
  white-space: nowrap;
}
.imgs li {
  display: inline-block;
  width: 4rem /* 150/37.5 */;
  height: 8.32rem /* 312/37.5 */;
  margin-right: .533rem /* 20/37.5 */;
}
.imgs img {
  display: inline-block;
  width: 100%;
  height: 100%;
}

footer {
  position:fixed;
  bottom: 0;
  z-index: 100;
  box-sizing: border-box;
  min-width: 320px;
  max-width: 750px;
  width: 100%;
  height: 1.867rem /* 70/37.5 */;
  /* line-height: 1.867rem 70/37.5; */
  background-color: #fff;
  padding: .32rem 1.92rem;
  box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
}
.btn {
  display:flex;
  justify-content:center;
  align-items:center;
  height: 100%;
  text-align: center;
  font-size: .427rem /* 16/37.5 */;
  color: #fff;
  border-radius: 1.36rem;
  box-shadow: 0px 2px 5px 0px #CDFFE1;
  background: linear-gradient(180deg, #69D28F 0%, #00AA72 100%);
}