
.pagination {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    margin-top: 16px;
}
.mccsLighttable {
  width: 100%;
  border-radius: 4px;
  border:1px solid #CFD6E6;
  overflow: hidden;
  .columns {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: #F0F2F5;
    border-bottom:1px solid #CFD6E6;
    .columnBlock {
      position: relative;
      text-align: center;
      height: 40px;
      line-height: 40px;
      font-size: 14px;
      font-family: SourceHanSansCN-Medium, SourceHanSansCN;
      font-weight: 500;
      color: #17181A;

      &::after {
          display: block;
          position: absolute;
          right: 0;
          top:0;
          content: '';
          width: 1px;
          height:1000px;
          border-left:1px solid #CFD6E6;
      }

      &:last-child {
          border-right: none;
          &::after {
              display: none;
          }
      }
    }
  }
  .listWrap {
      width: 100%;
      .empty {
           display: flex;
           justify-content: center;
           align-items: center;
           min-height:172px;
      }
      .listRow {
        width: 100%;
        font-size: 0;
          .list {
              position: relative;
              display: flex;
              width: 100%;
              flex-direction: row;
              justify-content: flex-start;
              align-items: center;
              border-bottom: 1px solid #CFD6E6;
              font-size: 0;
              .head {
                position: absolute;
                left:0;
                top:0;
                display: flex;
                height: 100%;
                justify-content: center;
                align-items: center;
                font-size: 14px;
                font-family: SourceHanSansCN-Normal, SourceHanSansCN;
                font-weight: 400;
                color: #17181A;
              }
              
              .headRelaData {
                  display: flex;
                  width: 100%;
                  flex-direction: column;
                  font-size: 0;
                  .subList {
                      width: 100%;
                      display: flex;
                      flex-direction: row;
                      border-bottom:1px solid #CFD6E6;
                    //   border-top: none;
                    //   border-right: none;
                      font-size: 0;
                      .cell {
                        text-align: center;
                        height: 40px;
                        line-height: 40px;
                        font-size: 14px;
                        font-family: SourceHanSansCN-Normal, SourceHanSansCN;
                        font-weight: 400;
                        color: #17181A;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        // border:1px solid #CFD6E6;
                      }

                      &:last-child {
                          border-bottom: none;
                      }
                  }
              }

              &:last-child {
                  border-bottom: none;
              }
          }
      }
  }
}
