.cloud .section_1 {
  width: 100%;
  height: 812px;
  position: relative;
  background: #CFD7EF;
  overflow-y: hidden;
  /* background: linear-gradient(to right, #CFD7EF 50%, rgba(207, 215, 239, 0) 70%); */
}
.cloud .box_13 .thumbnail_5{
  background: url('../about/Icon_Arrow@2x copy.png');
  background-size: 100%;
}

.cloud .box_13 .image_17{
  background: url('../about/Img_FairyMo_LoGo@2x\(1\).png');
  background-size: 100%;
}

.cloud .text_4 {
  display: inline-block;
  width: 459px;
  height: auto;
  font-size: 46px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  line-height: 65px;
}
.cloud .image-wrapper_1{
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 816px;
}
.cloud .image-wrapper_1::before{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 400px;
  background: linear-gradient( 90deg, #CFD7EF 0%, rgba(207,215,239,0) 100%);
}
.cloud .image-wrapper_1 img{
  width: 100%;
  /* width: 800px; */
  height: 812px;
  object-fit: cover
}

.cloud .image-text_7{
 margin: 0;
}

.text-wrapper_1 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 28px;
  height: 56px;
  margin-top: 32px;
  width: 152px;
  text-align: center;
  line-height: 56px;
  font-weight: 600;
  margin-top: 32px;
}

.cloud .nav_title {
  font-size: 20px;
  color: #849DFF;
  line-height: 28px;
  margin-bottom: 32px;
}
.cloud .text-group_11{
  margin-top: 194px;
}





.could_container{
  padding: 100px 0;
}
.img2{
  width: 782px;
  height: 600px;
}
.img3{
  width: 746px;
  height: 510px;
}
.img4{
  width: 615px;
  height: 510px;
}
.img5{
  width: 596px;
  height: 680px;
}
.could_color{
  color: #849DFF;
}
.info{
  width: 560px;
  text-align: left;
}

.cloud .title {
  font-size: 32px;
  margin-top: 16px;
  margin-bottom: 40px;
  line-height: 45px;
}

.cloud .title2 {
  margin-bottom: 8px;
}

.cloud .text2{
  line-height: 22px;
  margin-bottom: 32px;
  font-size: 16px;
}
.text2 :last-child{
  margin-bottom: 0;
}

.last .info{
    width: 732px;
    margin:  0 auto;
}

.flex .align-center {
  width: 460px;
}
.flex{
  display: flex;
}
.around{
  justify-content: space-around;
}
.two_con{
  padding: 0 162px;
  gap: 120px;
}


.img6, .img7{
  width: 188px;
  height: 140px;
  margin-bottom: 24px;
}

@media (max-width: 768px) {
  .img2, .img3, .img4, .img5{
    width: 100%;
    height: auto;
  }
  .could_color{
    margin-top: 64px;
  }
  .info{
    width: 100%;
  }
  .cloud .title{
    text-align: left;
    font-size: 24px;
    margin-bottom: 32px;
    line-height: 33px;
  }

  .cloud .title2{
    text-align: left;
    font-size: 20px;
    line-height: 28px;
  }

  .last .info{
    width: 100%;
  }
  .last .info .title{
    text-align: center;
  }

  .img6, .img7{
    margin-bottom: 16px;
  }

  .flex .align-center{
    width: 100%;
  }

  .cloud .text2{
    font-size: 14px;
  }

  .cloud .top-bottom {
    flex-direction: column-reverse!important;
    gap: 0;
  }

  .bottom-top {
    flex-direction: column!important;
  }

.cloud .group_1{
  background: #CFD7EF;
  position: relative;
  /* padding: 0 24px 0 24px; */
}
.cloud .text_1{
  height: 135px;
  color: #23262F;
}
.cloud .image_2{
  width: 100vw;
  height: auto;
  position: relative;
  left: -24px;
  top: 2px;
}
.cloud .nav_title{
  margin-bottom: 20px;
  margin-top: 24px;
}
.cloud .image-wrapper_8 .image_16{
  background: url("../about/Img_FairyMo_LoGo@2x(1).png");
  background-size: 100%;
}
.cloud .image-wrapper_8 .thumbnail_1{
  background: url("../about/icon_Menu@2x_w.png");
  background-size: 100%;
}
.cloud .menu_app_contin .image-wrapper_8 .image_16{
  background: url("../about/Img_FairyMo_LoGo@2x.png");
  background-size: 100%;
}

.two_con{
  padding: 0 0;
  gap: 0;
}

.cloud .last_text2{
  margin-bottom: 24px!important;
}
.global_bg{
  padding-top: 1px;
  padding-bottom: 32px;
}
.mb32 {
  margin-bottom: 0!important;
}
.cloud_app {
  margin-bottom: 32px;
}
}

.mb32{
  margin-bottom: 32px;
}