.process_flow_chart {
  display: flex;
  padding-bottom: 20px;
  margin-bottom: 5px;
  position: relative;
  overflow: hidden;

  .process_icon {
    margin-right: 5px;

    .process_icon_icon {
      width: 20px;
      text-align: center;
      font-size: 19px;

      svg {
        top: -2px;
        left: 1px;

        path {
          fill: rgb(24, 144, 255)
        }
      }
    }

    .process_icon_line {
      height: 100%;
      border-left: 2px solid #ccc;
      position: absolute;
      left: 9px;
    }
  }

  .process_cosntent {
    flex: 1;
    overflow: hidden;

    .process_head_area {
      display: flex;
      justify-content: space-between;

      .process_head_area_head {
        display: flex;
        overflow: hidden;

        .process_head_area_constent {
          flex: 1;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;

          .process_head_area_name {
            min-width: 50px;
            display: inline-block;
          }

          .process_head_operation,
          .process_head_demand,
          .process_head_action {
            margin-right: 5px;
          }

          .process_head_demand:nth-last-child(1) {
            margin-right: 0px;
          }

          @media screen and (min-width:1280px) and (max-width:1440px) {
            font-size: 12px;
          }


        }

        .process_head_demand_button {
          display: inline-block;
          width: 16px;
          height: 16px;

          button {
            padding: 0;
            vertical-align: middle;

            @media screen and (min-width:1280px) and (max-width:1440px) {
              vertical-align: top;
            }

            &::after {
              color: #fff;
            }

            svg {
              path {
                fill: #ccc
              }
            }
          }
        }
      }

      .process_head_time {
        min-width: 150px;
        text-align: right;
      }
    }

    .process_drop_down_area {
      padding: 5px 0px;

      .process_drop_down_area_div {
        background-color: rgb(242, 244, 246);

        .process_drop_down_area_conteng {
          padding: 5px 10px;
          border-bottom: 1px solid #ccc;

          p {
            font-size: 12px;

            >span {
              margin-right: 5px;
            }

            >span:nth-last-child(1) {
              margin-right: 0px;
            }

          }
        }

        .process_drop_down_area_conteng:nth-last-child(1) {
          border-bottom: none;
        }
      }
    }
  }
}

.process_flow_chart:nth-last-child(1) {
  .process_icon {
    .process_icon_line {
      border: none;
    }
  }
}