.mobile-index-banner {
  padding-top: 1.173333rem;
  box-sizing: border-box;
  width: 100%;
  height: 15.066667rem;
  overflow: hidden;
  background: linear-gradient(298deg, #3269eb 0%, #104fe6 100%);
}
.mobile-index-banner .m-banner-text {
  margin-top: 1.066667rem;
}
.mobile-index-banner .m-banner-text p {
  text-align: center;
  font-size: 0.96rem;
  color: #fff;
  font-weight: bold;
  line-height: 1.04rem;
}
.mobile-index-banner .m-desrc-title {
  height: 0.4rem;
  font-size: 0.346667rem;
  line-height: 0.4rem;
  color: #fff;
  opacity: 0.6;
  margin: 0.4rem 0 0.666667rem;
  text-align: center;
}
.mobile-index-banner .m-banner-btn {
  width: 4rem;
  height: 1.066667rem;
  background: linear-gradient(270deg, #ff9783 0%, #ff613d 100%);
  border-radius: 0.586667rem;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 0.453333rem;
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  color: #fff;
}
.mobile-index-banner .m-banner-poster {
  width: 8.933333rem;
  height: 6.72rem;
  margin: 0.96rem auto 0;
  background-image: url('../../../img/index/banner插图@2x.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.m-rank {
  width: 100%;
  height: 2.933333rem;
  display: flex;
  background-color: #F7FAFF;
}
.m-rank > div {
  flex: 1;
  overflow: hidden;
}
.m-rank > div .m-num {
  position: relative;
  text-align: center;
  color: #222;
  font-size: 0.693333rem;
  height: 0.88rem;
  line-height: 0.88rem;
  margin: 0.48rem 0 0.106667rem;
  /* span {
      } */
}
.m-rank > div .m-num.font-num {
  font-size: 0.666667rem;
}
.m-rank > div .m-num .m-symbol {
  font-size: 0.266667rem;
  margin-left: -0.186667rem;
  font-weight: bold;
}
.m-rank > div .m-num .m-plus {
  font-size: 0.4rem;
  margin-left: 0;
  position: absolute;
  top: -0.133333rem;
  font-weight: bold;
}
.m-rank > div .m-rank-desrc p {
  color: #888;
  font-size: 0.32rem;
  line-height: 0.453333rem;
  text-align: center;
}
.m-title {
  margin-top: 0.693333rem;
  width: 100%;
  text-align: center;
  font-size: 0.533333rem;
  font-weight: bold;
  height: 0.746667rem;
  line-height: 0.746667rem;
}
.m-function {
  width: 100%;
  height: 19.733333rem;
  overflow: hidden;
}
.m-function .m-function-list {
  width: 100%;
}
.m-function .m-function-list .m-function-item {
  float: left;
  width: 50%;
  height: 3.413333rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.m-function .m-function-list .m-function-item:nth-child(1) {
  margin-top: 0.533333rem;
}
.m-function .m-function-list .m-function-item:nth-child(2) {
  margin-top: 0.533333rem;
}
.m-function .m-function-list .m-function-item:nth-child(n+3) {
  margin-top: 0.666667rem;
}
.m-function .m-function-list .m-function-item img {
  width: 1.413333rem;
  height: 1.413333rem;
}
.m-function .m-function-list .m-function-item .m-function-title {
  margin: 0.266667rem 0;
  color: #333;
  font-size: 0.4rem;
  line-height: 0.4rem;
  font-weight: bold;
}
.m-function .m-function-list .m-function-item .m-function-desrc {
  font-size: 0.346667rem;
  color: #aaa;
  line-height: 0.533333rem;
}
.m-function .m-more {
  margin: 0.666667rem auto 0;
  width: 2.933333rem;
  height: 0.8rem;
  border-radius: 0.4rem;
  opacity: 0.6;
  border: 0.026667rem solid rgba(26, 90, 216, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1A5AD8;
  font-size: 0.346667rem;
}
.m-solution {
  overflow: hidden;
  width: 100%;
  height: 28.893333rem;
  background-color: #F7FAFF;
}
.m-solution .m-title {
  margin-bottom: 0.533333rem;
}
.m-solution .m-solution-item {
  overflow: hidden;
  width: 9.2rem;
  height: 8.36rem;
  margin: 0 auto 0.533333rem;
  background-color: #fff;
  box-shadow: 0px 6px 20px 0px rgba(0, 82, 177, 0.1);
  border-radius: 0.133333rem;
}
.m-solution .m-solution-item .m-item-title {
  font-size: 0.453333rem;
  color: #222;
  height: 0.64rem;
  line-height: 0.64rem;
  text-align: center;
  margin: 0.4rem 0;
  font-weight: bold;
}
.m-solution .m-solution-item img {
  width: 100%;
  height: 5.053333rem;
  min-height: 5.053333rem;
  margin-bottom: 0.266667rem;
}
.m-solution .m-solution-item p {
  color: #333;
  font-size: 0.373333rem;
  line-height: 0.533333rem;
  text-align: center;
}
.m-advantage {
  width: 100%;
  /*height: 10rem;*/
}
.m-advantage .m-advantage-list {
  box-sizing: border-box;
  padding: 0 0.84rem;
}
.m-advantage .m-advantage-list .m-adv-item {
  margin-top: 0.533333rem;
  float: left;
  width: 3.813333rem;
  height: 3.706667rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.m-advantage .m-advantage-list .m-adv-item img {
  width: 1.173333rem;
  height: 1.173333rem;
  min-height: 1.173333rem;
}
.m-advantage .m-advantage-list .m-adv-item span {
  margin: 0.186667rem 0 0.266667rem;
  color: #222;
  font-size: 0.4rem;
  font-weight: bold;
}
.m-advantage .m-advantage-list .m-adv-item p {
  text-align: center;
  color: #aaa;
  font-size: 0.32rem;
  line-height: 0.533333rem;
  letter-spacing: normal;
}
.m-advantage .m-advantage-list .m-adv-item:nth-child(2) p {
  text-align: center;
  width: 5.2rem;
}
.m-advantage .m-advantage-list .m-adv-item:nth-child(2n) {
  margin-left: 0.693333rem;
}
@media screen and (max-width: 321px) {
  .m-advantage {
    height: 11rem;
  }
}
