body {
  width: 7.5rem;
  font-family: "MiSans";
  overflow-x: hidden;
  background: #0fbbde;
  margin: 0 auto;
}
section {
  padding: 0.01rem 0;
  margin: 0 auto;
}
.banner {
  padding-bottom: 0.5rem;
  background: #0fbbde url("../images/banner.jpg") no-repeat top center;
  background-size: 100%;
}
.banner .tit {
  display: block;
  height: 0.85rem;
  margin: -0.4rem auto 0.2rem;
}
.banner .action {
  padding-top: 0.01rem;
  width: 7.04rem;
  height: 8.19rem;
  background: url("../images/actionbg.png") no-repeat center center;
  background-size: 100% 100%;
  margin: 9.74rem auto 0;
}
.banner .action .mian {
  margin-left: 0.46rem;
}
.banner .action .mian h2 {
  display: flex;
  align-items: center;
  margin-bottom: 0.1rem;
}
.banner .action .mian h2 span {
  width: 1.66rem;
  line-height: 0.46rem;
  background: #00b8df;
  font-size: 0.24rem;
  text-align: center;
  color: #ffffff;
  margin-right: 0.2rem;
  border-radius: 0.5rem;
}
.banner .action .mian h2 img {
  height: 0.21rem;
}
.banner .action .mian p {
  font-size: 0.24rem;
  line-height: 0.36rem;
  margin-bottom: 0.25rem;
}
.banner .action .mian .actbtm {
  display: flex;
  align-items: flex-start;
  margin-top: 0.55rem;
}
.banner .action .mian .actbtm b {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.5rem;
  height: 0.5rem;
  font-size: 0.24rem;
  color: #ffffff;
  border-radius: 0.08rem;
  margin: 0.06rem 0.25rem 0 0;
  background: #fa5357;
  background: -webkit-linear-gradient(to right, #fd7179, #f63435);
  background: linear-gradient(to right, #fd7179, #f63435);
}
.banner .action .mian .actbtm .tips {
  font-size: 0.22rem;
  color: #666666;
  line-height: 0.36rem;
}
.banner .ban_btm {
  padding-top: 0.01rem;
  width: 6.9rem;
  height: 3.05rem;
  margin: 0.58rem auto 0;
  background: url("../images/ban_btm.png") no-repeat center center;
  background-size: 100% 100%;
}
.banner .ban_btm .tit2 {
  display: block;
  height: 0.85rem;
  margin: -0.4rem auto 0.1rem;
}
.banner .ban_btm .youli {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  text-align: center;
  font-size: 0.24rem;
  color: #ffffff;
}
.banner .ban_btm .youli img {
  display: block;
  margin: 0 auto 0.17rem;
  width: 1.6rem;
  border-radius: 1rem;
  -webkit-box-shadow: 0 0.05rem 0.1rem 0.02rem #0095bb;
  box-shadow: 0 0.05rem 0.1rem 0.02rem #0095bb;
}
.banner .ban_btm .youli a {
  color: #ffffff;
}
.banner .ban_btm .youli a img {
  animation: scale1 1s linear infinite alternate;
  -webkit-animation: scale1 1s linear infinite alternate;
}
.banner .ban_btm .youli i {
  width: 0.01rem;
  height: 0.2rem;
  margin: 0 0.54rem;
  background: #12d7ff;
}
@keyframes scale1 {
  from {
    transform: scale(0.95);
  }
  to {
    transform: scale(1.05);
  }
}
@-webkit-keyframes scale1 {
  from {
    transform: scale(0.9);
  }
  to {
    transform: scale(1.05);
  }
}
/*# sourceMappingURL=main.css.map */