.banner1{
  height: 7.32rem;
  margin-top: 0.88rem;
  background: #F9FCFF;
}
.banner1 .left{
  padding: 0.66rem 0.55rem 00.55rem;
}
.banner1 .left .egn{
  font-size: 0.26rem;
  font-weight: 600;
  color: #1C184E;
  line-height: 0.37rem;
  position: relative;
}
.banner1 .left .egn .mask{
  display: block;
  width: 1.18rem;
  height: 0.14rem;
  background: #D3DFFF;
  border-radius: 0.07rem;
  position: absolute;
  bottom: 0px;
  left: 0px;
  opacity: 0.8;
}
.salesman{
  font-size: 0.4rem;
  font-weight: 600;
  color: #1C184E;
  line-height: 0.6rem;
}
.banner1 .right{
  text-align: center;
}
.banner1 .right img{
  width: 5.16rem;
  height: 3.25rem;
}
.banner1 .left .list {
  margin-top: 0.2rem;
}
.banner1 .left .list li {
  width: 100% ;
  margin-bottom: 0.2rem;
  overflow: hidden;
  display: flex;
}
.banner1 .left .list li:last-child{
  margin-bottom: 0px;
}
.banner1 .left .list li i{
  width: 0.12rem;
  height: 0.12rem;
  background: #5182FF;
  opacity: 0.7;
  border-radius: 50%;
  display: inline-block;
  margin-top: 0.1rem;
  margin-right: 0.1rem;
}
.banner1 .left .list li span{
  font-size: 0.22rem;
  font-weight: 400;
  color: #000000;
  line-height: 0.3rem;
  display: inline-block;
}


.banner2{
  margin: 0.6rem 0.56rem 0 0.56rem;
}
.banner2 .center h2{
  font-size: 0.4rem;
  font-weight: 600;
  color: #1C184E;
  line-height: 0.6rem;
}
.banner2 .center .des{
  margin-top: 0.2rem;
  font-size: 0.22rem;
  font-weight: 400;
  color: #000000;
  line-height: 0.3rem;
}
.banner2 .list{
}

.banner2 .list li{
  width: 6.4rem;
  height: 1.7rem;
  background: #FFFFFF;
  box-shadow: 0rem 0.04rem 0.1rem 0rem rgba(62, 143, 255, 0.1);
  border-radius: 0.2rem;
  display: flex;
  align-items: center;
  margin-top: 0.4rem;
  padding: 0 0.35rem;
}
.banner2 .list li .l_left{
  width: 0.86rem;
  height: 0.86rem;
  background: #F4F4F4;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.banner2 .list li .l_left img{
  width: 0.4rem;
  height: 0.4rem;
}
.banner2 .list li .l_right{
  margin-left: 0.3rem;
  width: 4.6rem;
}
.banner2 .list li .l_right h4{
  font-size: 0.26rem;
  font-weight: 500;
  color: #000000;
  line-height: 0.3rem;
}


.banner3{
  margin-top: 1rem;
}
.banner3 h2{
  font-size: 0.4rem;
  font-weight: 600;
  color: #1C184E;
  line-height: 0.6rem;
  text-align: center;
}
.banner3 .list{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 0.4rem;
  padding: 0 0.56rem;
}
.banner3 .list li{
  width: 2.88rem;
  height: 3.26rem;
  background: #FFFFFF;
  box-shadow: 0rem 0.06rem 0.21rem 0rem rgba(62, 143, 255, 0.22);
  border-radius: 0.2rem;
  padding: 0.21rem;
  margin-bottom: 0.4rem;
}
.banner3 .list li .l_left img{
  width: 1.18rem;
  height: 1.18rem;
}
.banner3 .list li .l_right{

  margin-left: 0.1rem;
}
.banner3 .list li .l_right h4{
  font-size: 0.3rem;
  font-weight: 500;
  color: #6473FF;
  line-height: 0.42rem;
}
.banner3 .list li .l_right p{
  font-size: 0.22rem;
  font-weight: 400;
  color: #000000;
  line-height: 0.3rem;
  margin-top: 0.2rem;
}
.banner4 {
  margin-top: 1rem;
}
.banner4 h2{
  font-weight: 600;
  color: #1C184E;
  line-height: 0.6rem;
  text-align: center;
}
.banner4 .center{
  padding: 0 0.84rem;
}
.banner4 .left img{
  width: 5.82rem;
  height: 2.88rem;
  margin-top: 0.4rem;
}
.banner4 .left {
  text-align: center;
}
.banner4 .right {
  margin-top: 0.4rem;
}
.banner4 .right .list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.banner4 .right li{
  font-size: 0.24rem;
  font-weight: 600;
  color: #1C184E;
  line-height: 0.3rem;
  width: 2rem;
  margin-bottom: 0.4rem;
}
.banner4 .right li span{
  font-size: 0.6rem;
  font-weight: 600;
  color: #6473FF;
  line-height: 0.6rem;
  letter-spacing: 3px;
  margin-top: 0.3rem;
  display: inline-block;
}
.banner5{
  height: 9.04rem;
  background: #F9FCFF;
  text-align: center;
  padding: 0.6rem 0.55rem 0 0.55rem;
}
.banner5 .center{

}
.banner5 .left{
  text-align: left;
}
.banner5 .left .salesman {
  font-size: 0.4rem;
  font-weight: 600;
  color: #1C184E;
  line-height: 0.6rem;
}
.banner5 .left .list  {
  margin-top: 0.4rem;
}
.banner5 .left .list li {
  display: flex;
  margin-bottom: 0.4rem;
}
.banner5 .left .list li div i{
  width: 0.22rem;
  height: 0.22rem;
  background: #5182FF;
  opacity: 0.7;
  border-radius: 50%;
  display: inline-block;
  margin-top: 0.1rem;
}
.banner5 .left .list li span{
  font-size: 0.22rem;
  font-weight: 400;
  color: #000000;
  line-height: 0.3rem;
  letter-spacing: 2px;
  margin-left: 0.2rem;
}
.banner5 .left .mfty{
  text-align: center;
  margin-top: 0.4rem;
}
.banner5 .left .mfty a {
  width: 1.82rem;
  height: 0.58rem;
  line-height: 0.58rem;
  background: linear-gradient(90deg, #6386FF 0%, #5259FF 100%);
  box-shadow: 0rem 0.06rem 0.14rem 0rem rgba(116, 142, 255, 0.72);
  border-radius: 0.29rem;
  color: #FFFFFF;
  text-align: center;
  font-size: 0.26rem;
  font-weight: 400;
}
.banner5 .right img{
  width: 4.75rem;
  height: 3.56rem;
  margin-top: 0.4rem;
}
.banner6{
  text-align: center;
  margin-top: 0.8rem;
}
.banner6 h2{
  font-size: 0.4rem;
  font-weight: 600;
  color: #1C184E;
  line-height: 0.6rem;
}
.banner6 .list{
  margin-top: 0.4rem;
  height: 0.76rem;
  background: #F6FBFF;
  display: flex;
  flex-wrap:nowrap;
  overflow-x: scroll;
}
.banner6 .list::-webkit-scrollbar {
  display: none;
}
.banner6 .list li{
  min-width: 2rem;
  text-align: center;
  float: left;
  font-size: 0.26rem;
  font-weight: 600;
  color: #6473FF;
  line-height: 0.76rem;
  letter-spacing: 1px;
  cursor: pointer;
}
.banner6 .list li.current{
  color:#6473FF;
  position: relative;
}
.banner6 .list li::before{
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  content: '';
  border-radius: 5px;
  width: 0px;
  height: 0.08rem;
  background: linear-gradient(90deg, #6386FF 0%, #5259FF 100%);
  border-radius: 0.05rem;
}
.banner6 .list li.current::before {
  width: 0.68rem;
  transition: all  0.5s;
}
.banner6 .world {
  margin-top: 1rem;
}
.banner6 .world img {
  width: 7.5rem;
  height: 3.46rem;
}
.banner6 .world .step{
  position: relative;
  margin-top: -2.5rem;
}
.banner6 .world .step img {
  width: 6.47rem;
  height: 1.13rem;
}
.banner6 .world .step li {
  margin-top: -2.5rem;
  display: inline-block;
}
.banner6 .world .step li i{
  display: inline-block;
  border-radius: 50%;
  background-color: #ffffff;
}
.banner6 .world .step li .hide{
  display: none;
}
.banner6 .world .step li .show{
  display: block;
}
.banner6 .world .step li .message{
  width: 2.66rem;
  background: #FFFFFF;
  box-shadow: 0rem 0.06rem 0.21rem 0rem rgba(62, 143, 255, 0.22);
  padding: 0.2rem;
  border-radius: 0.2rem;
  margin: 0.3rem 0;
}
.banner6 .world .step li .message h4{
  font-size: 0.26rem;
  font-weight: 600;
  color: #000000;
  line-height: 0.37rem;
  margin: 0.1rem 0;
}
.banner6 .world .step li .message p{
  font-size: 0.22rem;
  font-weight: 400;
  color: #000000;
  line-height: 0.3rem;
}


.banner6 .world .step .step1 {
  position: absolute;
  bottom: 0.04rem;
  left: 0.8rem;
}
.banner6 .world .step .step1 i{
  width: 0.16rem;
  height: 0.16rem;
}
.banner6 .world .step .active1 {
  position: absolute;
  bottom: -0.02rem;
  left: -0.3rem;
}
.banner6 .world .step .active1 i{
  width: 0.24rem;
  height: 0.24rem;
  background-color: #fff;
}
.banner6 .world .step .active1 i::before{
  position: absolute;
  bottom: 0.14rem;
  left: 1.27rem;
  content: '';
  border-radius: 50%;
  width: 0.12rem;
  height: 0.12rem;
  background-color: #6386FF;
}


.banner6 .world .step .step2 {
  position: absolute;
  bottom: 0rem;
  left: 1.4rem;
}
.banner6 .world .step .step2 i{
  width: 0.16rem;
  height: 0.16rem;
}
.banner6 .world .step .active2 {
  position: absolute;
  bottom: -1.9rem;
  left: 0.12rem;
}
.banner6 .world .step .active2 i{
  width: 0.24rem;
  height: 0.24rem;
  background-color: #fff;
}
.banner6 .world .step .active2 i::before{
  position: absolute;
  bottom: 2rem;
  left: 1.27rem;
  content: '';
  border-radius: 50%;
  width: 0.12rem;
  height: 0.12rem;
  background-color: #6386FF;
}

.banner6 .world .step .step3 {
  position: absolute;
  bottom: 0.36rem;
  left: 2rem;
}
.banner6 .world .step .step3 i{
  width: 0.16rem;
  height: 0.16rem;
}
.banner6 .world .step .active3 {
  position: absolute;
  bottom: 0.3rem;
  left: 0.7rem;
}
.banner6 .world .step .active3 i{
  width: 0.24rem;
  height: 0.24rem;
  background-color: #fff;
}
.banner6 .world .step .active3 i::before{
  position: absolute;
  bottom: 0.14rem;
  left: 1.27rem;
  content: '';
  border-radius: 50%;
  width: 0.12rem;
  height: 0.12rem;
  background-color: #6386FF;
}

.banner6 .world .step .step4 {
  position: absolute;
  bottom: 0.44rem;
  left: 2.6rem;
}
.banner6 .world .step .step4 i{
  width: 0.16rem;
  height: 0.16rem;
}
.banner6 .world .step .active4 {
  position: absolute;
  bottom: -1.78rem;
  left: 1.32rem;
}
.banner6 .world .step .active4 i{
  width: 0.24rem;
  height: 0.24rem;
  background-color: #fff;
}
.banner6 .world .step .active4 i::before{
  position: absolute;
  bottom: 2.32rem;
  left: 1.27rem;
  content: '';
  border-radius: 50%;
  width: 0.12rem;
  height: 0.12rem;
  background-color: #6386FF;
}

.banner6 .world .step .step5 {
  position: absolute;
  bottom: 0.3rem;
  left: 3.2rem;
}
.banner6 .world .step .step5 i{
  width: 0.16rem;
  height: 0.16rem;
}
.banner6 .world .step .active5 {
  position: absolute;
  bottom: 0.26rem;
  left: 1.9rem;
}
.banner6 .world .step .active5 i{
  width: 0.24rem;
  height: 0.24rem;
  background-color: #fff;
}
.banner6 .world .step .active5 i::before{
  position: absolute;
  bottom: 0.14rem;
  left: 1.27rem;
  content: '';
  border-radius: 50%;
  width: 0.12rem;
  height: 0.12rem;
  background-color: #6386FF;
}



.banner6 .world .step .step6 {
  position: absolute;
  bottom: 0.4rem;
  left: 3.67rem;
}
.banner6 .world .step .step6 i{
  width: 0.16rem;
  height: 0.16rem;
}
.banner6 .world .step .active6 {
  position: absolute;
  bottom: -1.75rem;
  left: 2.52rem;
}
.banner6 .world .step .active6 i{
  width: 0.24rem;
  height: 0.24rem;
  background-color: #fff;
}
.banner6 .world .step .active6 i::before{
  position: absolute;
  bottom: 2.31rem;
  left: 1.27rem;
  content: '';
  border-radius: 50%;
  width: 0.12rem;
  height: 0.12rem;
  background-color: #6386FF;
}


.banner6 .world .step .step7 {
  position: absolute;
  bottom: 0.75rem;
  left: 4.1rem;
}
.banner6 .world .step .step7 i{
  width: 0.16rem;
  height: 0.16rem;
}
.banner6 .world .step .active7 {
  position: absolute;
  bottom: 0.76rem;
  left: 2.9rem;
}
.banner6 .world .step .active7 i{
  width: 0.24rem;
  height: 0.24rem;
  background-color: #fff;
}
.banner6 .world .step .active7 i::before{
  position: absolute;
  bottom: 0.14rem;
  left: 1.27rem;
  content: '';
  border-radius: 50%;
  width: 0.12rem;
  height: 0.12rem;
  background-color: #6386FF;
}



.banner6 .world .step .step8 {
  position: absolute;
  bottom: 0.89rem;
  left: 4.67rem;
}
.banner6 .world .step .step8 i{
  width: 0.16rem;
  height: 0.16rem;
}
.banner6 .world .step .active8 {
  position: absolute;
  bottom: -1.91rem;
  left: 3.42rem;
}
.banner6 .world .step .active8 i{
  width: 0.24rem;
  height: 0.24rem;
  background-color: #fff;
}
.banner6 .world .step .active8 i::before{
  position: absolute;
  bottom: 2.9rem;
  left: 1.28rem;
  content: '';
  border-radius: 50%;
  width: 0.12rem;
  height: 0.12rem;
  background-color: #6386FF;
}


.banner6 .world .step .step9 {
  position: absolute;
  bottom: 0.61rem;
  left: 5.4rem;
}
.banner6 .world .step .step9 i{
  width: 0.16rem;
  height: 0.16rem;
}
.banner6 .world .step .active9 {
  position: absolute;
  bottom: 0.6rem;
  left: 4.2rem;
}
.banner6 .world .step .active9 i{
  width: 0.24rem;
  height: 0.24rem;
  background-color: #fff;
}
.banner6 .world .step .active9 i::before{
  position: absolute;
  bottom: 0.14rem;
  left: 1.27rem;
  content: '';
  border-radius: 50%;
  width: 0.12rem;
  height: 0.12rem;
  background-color: #6386FF;
}


.banner6 .world .step .step10 {
  position: absolute;
  bottom: 0.64rem;
  left: 5.99rem;
}
.banner6 .world .step .step10 i{
  width: 0.16rem;
  height: 0.16rem;
}
.banner6 .world .step .active10 {
  position: absolute;
  bottom: -2.76rem;
  left: 4.8rem;
}
.banner6 .world .step .active10 i{
  width: 0.24rem;
  height: 0.24rem;
  background-color: #fff;
}
.banner6 .world .step .active10 i::before{
  position: absolute;
  bottom: 3.5rem;
  left: 1.28rem;
  content: '';
  border-radius: 50%;
  width: 0.12rem;
  height: 0.12rem;
  background-color: #6386FF;
}


.banner6 .world .step .step11 {
  position: absolute;
  bottom: -2.1rem;
  left: 5.5rem;
}
.banner6 .world .step .step11 i::before{
  position: absolute;
  bottom: 2.98rem;
  left: 0.96rem;
  content: '';
  border-radius: 50%;
  width: 0.16rem;
  height: 0.16rem;
  background-color: #fff;
}
.banner6 .world .step .step11 i{
  width: 0rem;
  height: 0rem;
}
.banner6 .world .step .active11 i::after{
  position: absolute;
  bottom: 2.98rem;
  left: 0.96rem;
  content: '';
  border-radius: 50%;
  width: 0.24rem;
  height: 0.24rem;
  background-color: #fff;

  /* position: absolute;
  bottom: -1.9rem;
  left: 5.4rem; */
}
.banner6 .world .step .active11 .message{
  padding: 0.1rem;
  width: 2rem;
}
.banner6 .world .step .active11 i{
  width: 0rem;
  height: 0rem;
  background-color: #fff;
}
.banner6 .world .step .active11 i::before{
  position: absolute;
  bottom: 3.04rem;
  left: 1.02rem;
  content: '';
  border-radius: 50%;
  width: 0.12rem;
  height: 0.12rem;
  background-color: #6386FF;
  z-index: 2;
}




.banner7 {
  margin-top: 2rem;
  padding: 0 0.4rem;
  text-align: center;
}
.banner7 h2{
  font-size: 0.4rem;
  font-weight: 600;
  color: #1C184E;
  line-height: 0.6rem;
}
.banner7 .des{
  margin-top: 0.2rem;
  font-weight: 400;
  color: #000000;
  line-height: 0.3rem;
  text-align: left;
}
.banner7 .center{
  margin-top: 0.4rem;

}
.banner7 .center .left {
  position: relative;
}
.banner7 .center .left img{
  width: 5.3rem;
  height: 5.2rem;
}
.banner7 .center .right {
  text-align: center;
}
.banner7 .center .right #baiduMap_container{
  width: 5.7rem;
  height: 4.38rem;
  margin-top: 0.4rem;
  left: 50%;
  transform: translateX(-50%);
}
.banner7 .center .left .cu_class{
  width: 0.2rem;
  height: 0.2rem;
  display: inline-block;
  position: absolute;
  top: 2.5rem;
  left: 4.65rem;
  border-radius: 50%;
  background:white;
  border:8px solid #ff0000;
  transform: scale(0.1);
  animation: qa 1.2s forwards cubic-bezier(0,0,0.25,0.1) infinite  normal;
}
@keyframes qa {
  0% {
      transform: scale(0.3);
      opacity: 1;
     }
  100% { 
      transform: scale(1.8);
      opacity: 0;
     }
  }

.banner8{
  text-align: center;
  margin-top: 1rem;
}
.banner8 h2{
  font-size: 0.4rem;
  font-weight: 600;
  color: #1C184E;
  line-height: 0.6rem;
}
.banner8 .imgList{
  padding: 0 1.19rem;
  margin-top: 0.29rem;
}
.banner8 .imgList img{
  width: 2.45rem;
  height: 1.5rem;
}
 .mfsy{
  position: relative;
  width: 100%;
  height: 1.77rem;
}
.mfsy .onTrial{
  width: 6.6rem;
  height: 2.3rem;
  background: #FFFFFF;
  box-shadow: 0rem 0.05rem 0.2rem 0rem rgba(135, 225, 255, 0.16);
  border-radius: 0.08rem;
  position: absolute;
  left: 50%;
  top: 0.36rem;
  margin-left: -3.3rem;
  text-align: center;
}
.mfsy .onTrial .title{
  font-size: 0.3rem;
  font-weight: 600;
  color: #000000;
  line-height: 0.42rem;
  text-align: center;
  margin-top: 0.34rem;
}
.mfsy .onTrial .title span{
  color: #6473FF;
}
.mfsy .onTrial .phone{
  width: 5.19rem;
  height: 0.8rem;
  margin-top: 0.35rem;
  overflow: hidden;
  position: relative;
  display: inline-block;
  background: #F6FAFF;
  box-shadow: 0rem 0.1rem 0.2rem 0rem rgba(73, 130, 255, 0.11), 0rem 0.01rem 0.05rem 0rem rgba(116, 172, 255, 0.16);
  border-radius: 0.4rem;
  border: 0.01rem solid rgba(110, 158, 255, 0.14);

}
.mfsy .onTrial .phone input{
  width: 3rem;
  float: left;
  height: 100%;
  margin-left: 0.33rem;
  background: #F6FAFF;
  font-size: 0.2rem;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.8);
  line-height: 0.28rem;
  letter-spacing: 1px;
}
.mfsy .onTrial .phone .btn{
  width: 1.77rem;
  height: 0.66rem;
  border-radius: 0.5rem;
  display: inline-block;
  text-align: center;
  font-size: 0.26rem;
  font-weight: 400;
  color: #FFFFFF;
  letter-spacing: 2px;
  line-height: 0.66rem;
  color: white;
  position: absolute;
  right: 7px;
  top: 50%;
  transform: translateY(-50%);
  background: linear-gradient(90deg, #6386FF 0%, #5259FF 100%);
  box-shadow: 0rem 0.1rem 0.2rem 0rem rgba(73, 130, 255, 0.11);
}