.records {
  display: flex;
  height: 100%;
  overflow: hidden;
  .records-table {
    z-index: 1;
    :deep(.table-header) {
      margin-bottom: 0;
    }
  }
  .records-container {
    z-index: 0;
  }
  .el-card,
  .content {
    border-radius: 8px;
  }
  .inline-flex {
    white-space: nowrap;
    display: inline-flex;
  }
  .d-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
  }
  .btn {
    margin-top: 2rem;
    display: flex;
    justify-content: center;
  }
  .userTable {
    width: 290px;
    display: flex;
    padding: 20px;
    background: #fff;
    flex-direction: column;
  }
  .title {
    width: 100%;
    // text-align: left;
  }
  .content {
    width: 99.9%;
    height: 700px;
    background: #fff;
    overflow-y: auto;
    :deep(.table-header) {
      border: none;
      padding: 0;
    }
    .content-table-item {
      padding: 20px;
      .font-large {
        // font-size: var(--el-font-size-extra-large);
        margin-bottom: 10px;
        // display: inline-block;
      }
    }
  }
  .info-content {
    display: flex;
    color: #606266;
    .info-name {
      flex: 1;
      display: flex;
      justify-content: space-around;
      align-items: center;
      padding-left: 0.75rem;
    }
  }
}
