.right {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  float: right;
  height: 100%;
  //   padding-right: 46px;
  white-space: nowrap;
  .title {
    color: #c4c4c4;
    font-size: 12px;
  }
  .allList {
    display: flex;
    height: 100%;
    .item {
      display: flex;
      align-items: center;
      justify-content: center;
      //width: 50px;
      margin-right: 38px;
      .circle {
        width: 18px;
        height: 18px;
        border-radius: 100%;
      }
      .normalRun {
        background: rgba(196, 196, 196, 0.2);
      }
      .overtimeWork {
        background: rgba(94, 139, 207, 0.2);
      }
      .overtimeBook {
        background: rgba(0, 220, 35, 0.2);
      }
      .title {
        margin: 0 10px;
        color: #4d5262;
        font-size: 11px;
      }
      .num {
        color: #000;
        font-size: 28px;
      }
    }
  }
  .date {
    display: flex;
    height: 100%;
    border-left: 1px solid rgba(196, 196, 196, 0.4);
  }
}
