.yw-approval-process {
  padding: 25px 20px 0 37px;
  color: #999;
  &-item {
    &-avatar {
      margin: 5px 0;
    }
    &-header {
      padding-left: 4px;
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      &-title {
        font-size: 14px;
        color: #333333;
      }
      &-description,
      &-time {
        font-size: 12px;
        color: #999999;
      }
      &-right,
      &-left {
        display: flex;
        flex-direction: column;
        justify-content: center;
      }
      &-left {
        align-items: flex-start;
      }
      &-right {
        align-items: flex-end;
      }
    }
    &-content {
      min-height: 37px;

      &-remark {
        border-radius: 0px 6px 6px 6px;
        background: #f6f6f6;
        padding: 8px;
        margin-top: 8px;
        color: #666666;
        font-size: 12px;
      }
      &-user_list {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
      }
      &-user {
        width: 54px;
        padding-top: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
      }
    }
  }
  :global {
    .ant-timeline-item:last-child {
      .ant-timeline-item-tail {
        display: none;
      }
    }
  }
}