html body {
  background-color: #1c70d8;

}

.banner {
  /*padding-top: .9rem;*/
}

.banner img {
  width: 7.5rem;
  height: 9.87rem;
}




.middle {
  width: 7.5rem;
  margin-top: -0.02rem;
  background-color: #1c70d8
}

.middle .m_top {
  padding: .2rem 0 0.5rem 0;
}

.middle .m_m1 {
  width: 7.1rem;
  /* height: 4.45rem; */
}

.middle .m_m1 .m_img {
  position: relative;
}

.middle .m_m1 img {
  width: 7.1rem;
  /* height: 4.68rem; */
  margin: 0 .2rem .2rem .2rem;
}

.m_text {
  position: absolute;
  top: 1.1rem;
  left: 2.9rem;
  width: 4.2rem;
  height: 1.5rem;
  margin-top: .1rem;


}

.m_text .m_t1 {
  text-align: left;
}

.m_text .m_t1 img {
  width: .16rem;
  height: .21rem;
  margin: 0 .1rem;



}

.m_text .m_t1 span {

  font-size: .22rem;
  line-height: .35rem;
  color: #333333;
  text-align: left;
}
.m_text .m_t1 p{
    display: contents;
    font-size: 0.14rem;
}
.m_text .m_bottom {
  display: flex;
  width: 4.2rem;
  height: 1.2rem;
  margin-top: -.2rem;
  justify-content: center;

}

.m_text .m_bottom .m_b1 {
  flex: 1;
  margin: 0 auto;
  justify-content: center;
  text-align: center;
}
.hzzj{
  margin-bottom: .5rem;
}
.hzzj .m_text {
  position: absolute;
  top: 1rem;
  left: 2.9rem;
  width: 4.2rem;
  height: 1.5rem;
  /* margin-top: 0.1rem; */
}

.m_text .m_bottom .m_b1 img {
  width: .56rem;
  height: 0.55rem;
  margin: 0 !important;

}

.m_text .m_bottom .m_b1 p {

  font-size: .16rem;
  color: #333;
  margin-top: .05rem;
  line-height: .22rem;

}




.foot {
  height: 6.15rem;
  padding-top: .66rem;
  text-align: center;
  color: #ffffff;
  background-color: #0f50c7;
}

.foot img {
  width: 3.02rem;
  height: .12rem;
  margin-top: .3rem;
}

.foot h1 {
  font-size: .56rem;
  line-height: .56rem;
}

.foot p {
  font-size: .3rem;
  line-height: .56rem;
}