@cellWidth: calc(100% + 32px + 33px - 48px - 200px - 344px);

.tableExpandBox {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0 0 0 33px;
  color: @text-color;
  font-size: 14px;

  & > div {
    padding: 0 16px;
  }

  .check {
    width: calc(@cellWidth * 3 / 20); // 15%
  }

  .index {
    width: calc(@cellWidth * 3 / 20); // 15%
  }

  .description {
    display: flex;
    align-items: center;
    width: calc(@cellWidth / 2); // 50%
  }

  .startTime {
    .singleLine();
    width: calc(@cellWidth / 5); // 20%
  }

  .status {
    width: 200px;
  }

  .operation {
    position: relative;
    width: 344px;
  }
}

.tableExpandBoxContent {
  height: 45px;
  background-color: #fff;
  border: 1px solid #eaeaea;

  & + & {
    border-top: none;
  }

  .statusBox {
    display: flex;
    align-items: center;
    width: 200px;
  }
}

.loadMoreBox {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 16px auto 0;
}
