#ReportTableHome {
  // 一个div宽高
  @height: 30px;
  @width: 100px;
  // 边框颜色
  @boder-color: #000;

  position: relative;
  display: flex;
  justify-items: center;
  #reportTable {
    border-left: 1px solid @boder-color;
    border-top: 1px solid @boder-color;
    div {
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      border-bottom: 1px solid @boder-color;
      border-right: 1px solid @boder-color;
    }
  }
  // 循环编写
  .generBase(@i) when (@i <= 20) {
    .hs(@i);
    .ws(@i);
    .ts(@i);
    .ls(@i);
    .generBase(@i+1);
  }
  .hs(@size) {
    .h-@{size} {
      height: @height * @size
    }
  }
  .ws(@size) {
    .w-@{size} {
      width: @width * @size
    }
  }
  .ts(@size) {
    .t-@{size} {
      top: @height * @size
    }
  }
  .ls(@size) {
    .l-@{size} {
      left: @width * @size
    }
  }
  .generBase(0);
  .title {
    background: #80add9;
  }
  .bold {
    font-weight: bold;
  }
}
