page-do-supervise {
  .dblist {
    background-color: #fff;
    .item {
      padding: 15px;
    }
  }

  .item + .item {
    border-top: 1px solid #dddddd;
  }

  .handle {
    margin-top: 5px;
    display: flex;
    align-items: center;
    justify-content: center;

    .process {
      width: 70%;

      .out-process {
        width: 100%;
        background-color: #e3e3e3;
        height: 5px;
      }

      .inner-process {
        height: 5px;
        background: rgba(89, 145, 202, 1);
      }

      .green {
        background: #34c84a;
      }

      .yellow {
        background: #fdbc40;
      }

      .red {
        background: #fc605c;
      }
    }

    .handle-btn {
      width: 30%;
      text-align: right;

      span {
        display: inline-block;
        background: rgba(89, 145, 202, 1);
        border-radius: 5px;
        color: #fff;
        font-size: 13px;
        width: 80%;
        text-align: center;
        height: 25px;
        line-height: 25px;
      }
    }
  }

  .item-box {
    border: none;
  }

  .activity-title {
    background-color: #f5f5f5;
    font-size: 1.6rem;
    color: #333;
    padding-bottom: 15px;
    margin: 0;
  }
}
