.main {
  width: 100%;
  .table-header {
    display: flex;
    height: 70px;
    color: #00ffff;
    border: 1px solid #00ffff;

    .fiexd-column {
      height: 68px;
      line-height: 68px;
    }
    .generate-column {
      display: flex;
      flex: 1;
      height: 100%;
      line-height: 68px;
      .table-cell {
        flex: 1;
      }
    }
  }

  .table-cell {
    height: 100%;
    font-size: 20px;
    text-align: center;
    border-right: 1px solid #00ffff;
  }

  .table-body {
    overflow: hidden;
    font-size: 20px;
    text-align: center;
    .row-container {
      display: flex;
      height: 60px;
      border-bottom: 1px solid #00ffff;
      border-left: 1px solid #00ffff;
      .generate-column {
        display: flex;
        flex: 1;
      }
      .table-b-cell {
        flex: 1;
        height: 60px;
        line-height: 58px;
        text-align: center;
        border-right: 1px solid #00ffff;
        .item-cell {
          flex: 1;
          &:first-child {
            border-right: 1px solid #00ffff;
          }
        }
      }
      .flex-column {
        .table-b-cell {
          display: block;
        }
      }
    }
  }
}
