.msfd-content-grid{
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 81px;
        margin-top:60px;
        position: relative;
    }
    .msfd-content-box-one{
        display: flex;
        justify-content: center;
        align-items:center;

    }
    .msfd-content-box-second-one{
        position: relative;
        width: 232px;
        height: 340px;
        background-color: #ffffff;
        display: grid;
        grid-template-rows: repeat(2, 1fr);
        box-shadow: 0 0 5px 1px #dddcf0;
        border-top:5px solid #6b85fe;
    }
    
        .msfd-content-box-second-two{
                    position: relative;

        width: 232px;
        height: 340px;
        background-color: #ffffff;
                display: grid;
        grid-template-rows: repeat(2, 1fr);
        box-shadow: 0 0 5px 1px #f0e5dc;
        border-top:5px solid #f9c929;
    }
    
    .msfd-quarter-circle-two {
    width: 38px;
    height: 28px;
    background-color: #6b85fe;
    border-bottom-right-radius: 38px 30px;
}

    .msfd-quarter-circle-one {
    width: 38px;
    height: 28px;
    background-color: #6b85fe;

    border-bottom-left-radius: 38px 30px;
}

    .msfd-quarter-circle-twoo {
    width: 38px;
    height: 28px;
    background-color: #f9c929;
    border-bottom-right-radius: 38px 30px;
}

    .msfd-quarter-circle-onee {
    width: 38px;
    height: 28px;
    background-color: #f9c929;

    border-bottom-left-radius: 38px 30px;
}

    .msfd-quarter-circle-box{
        position: absolute;
        top: 0;
        left: 34%;
        display: flex;
        width:77px;
        height: 28px;
        justify-content: center;
        align-items: center;
        
    }
    
    .jiange1{
     top: 40%;
    right: 73%;
    position: absolute;
    width: 91px;
    height: 100px;
    background-color: #f9c929;
    }
    
     
.triangle1 {
    width: 0;
    height: 0;
    /* border-left: 50px solid transparent; */
    border-left: 90px solid transparent;
    border-top: 30px solid #f6fafd;
    position: absolute;
    top: 40%;
    right: 73%;

}

.triangle2 {
width: 0;
    height: 0;
    /* border-left: 50px solid transparent; */
    border-right: 90px solid transparent;
    border-bottom: 30px solid #f6fafd;
    position: absolute;
    top: 57.5%;
    right: 73%;

}


.triangle111 {
    width: 0;
    height: 0;
    /* border-left: 50px solid transparent; */
    border-left: 90px solid transparent;
    border-top: 30px solid #f6fafd;
    position: absolute;
    top: 30%;
    left: 73.2%;

}

.triangle222 {
width: 0;
    height: 0;
    /* border-left: 50px solid transparent; */
    border-right: 90px solid transparent;
    border-bottom: 30px solid #f6fafd;
    position: absolute;
    top: 47.5%;
    left: 73%;

}

    .jiange111{
     top: 30%;
    left: 73%;
    position: absolute;
    width: 91px;
    height: 100px;
    background-color: #f9c929;
    }
    
    
    .triangle11 {
    width: 0;
    height: 0;
    /* border-left: 50px solid transparent; */
    border-right: 90px solid transparent;
    border-top: 30px solid #f6fafd;
    position: absolute;
    top: 35%;
    left: 46.3%;

}

.triangle22 {
width: 0;
    height: 0;
    /* border-left: 50px solid transparent; */
    border-left: 90px solid transparent;
    border-bottom: 30px solid #f6fafd;
    position: absolute;
    top: 52.5%;
    left: 46.4%;

}

    .jiange11{
     top: 35%;
    left: 46.3%;
    position: absolute;
    width: 91px;
    height: 100px;
    background-color: #f9c929;
    }
    
.msfd-circle {

  width: 413px;
  height: 413px;
  background-color: #ecefff; /* 设置圆的背景颜色 */
  border-radius: 50%; /* 使元素呈现为圆形 */
  position: relative;
}

.msfd-circle::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 115px; /* 刀切线的高度 */
  background-color: #ffffff; /* 刀切线的颜色 */
}

.msfd-box-one{
    width: 262px;
    height: 106px;
        display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.msfd-box-two{
    width: 262px;
    height: 106px;
        display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.msfd-box-three{
    width: 262px;
    height: 106px;
        display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


    
    .msfd-adv{
               background-image: url("https://www.jiuyetong.net/wp-content/uploads/jldz/content-background.png");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50% 50%; 
    }
    
        .msfd-process{
               background-image: url("https://www.jiuyetong.net/wp-content/uploads/msfd/mdv-process.png");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50% 50%; 
    }
    
    .msfd-process-grid{
                        display: grid;
        grid-template-columns: repeat(6, 1fr);
        margin-top:120px;
    }
    .msfd-process-grid-box{
        width:160px;
        height: 344px;
        background-color:#ffffff;
        border-radius:100px;
        box-shadow: 0 0 5px 1px #e1e6ff;
        grid-template-rows: repeat(3, 1fr);
         display: grid;
        
    }
    
    .hexagon {
  width: 120px;
  height: 70px;
  background-color: #ffffff;
  position: relative;
          box-shadow: 0 0 5px 1px #f6f7fc;

}

.hexagon:before,
.hexagon:after {
  content: "";
  position: absolute;
  left: 0;
  width: 0;
  border-left: 60px solid transparent;
  border-right: 60px solid transparent;
          box-shadow: 0 0 5px 1px #f6f7fc;

}

.hexagon:before {
  top: -35px;
  border-bottom: 35px solid #ffffff;
          box-shadow: 0 0 5px 1px #f6f7fc;

}

.hexagon:after {
  bottom: -35px;
  border-top: 35px solid #ffffff;
          box-shadow: 0 0 5px 1px #f6f7fc;

}
.hexagon-grid{
          /*grid-template-columns: repeat(5, 1fr);*/
          /*              display: grid;*/
      margin-top:60px;
      position: absolute;
      display: flex;
      flex-direction: conlumn;
}