/* 表格样式 */
table th, table td {
	border-top: none !important;
}
.cmx-content-table {
  color: var(--cmx-table-text-color);
  /* 表头样式 */
  thead {
    th {
      font-weight: 700;
    }
    th:first-child {
      border-top-left-radius: 16px;
    }
    th:last-child {
      border-top-right-radius: 16px;
    }
  }
  th, td {
    padding: 16px;
  }
  th {
    color: var(--cimx-black);
    font-size: 16px;
    line-height: 1.5;
    background-color: var(--cimx-table-th-color);
  }
  tbody tr td {
    color: #00000099;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    padding: 12px 16px;
    background-color: #DCE5FF3D;
  }
  tbody tr:last-child>:first-child {
    border-bottom-left-radius: 16px;
  }
  tbody tr:last-child>:last-child {
    border-bottom-right-radius: 16px;
  }
}
/* 鼠标悬停效果 tr: 整行, td: 一格 */
.cmx-content-table--hover-tr {
  tbody {
    tr:hover {
      background-color: var(--cimx-primary-color3)!important;
    }
    tr:hover td {
      color: var(--cimx-white);
    }
  }
}
.cmx-content-table--hover-td {
  tbody {
    tr td:hover {
      background-color: var(--cimx-primary-color3);
    }
  }
}
/* 十字高亮 */
.cmx-content-table--cross-highlight {
  border: none;
  /* border-collapse: collapse; */
  tbody {
    td.highlight {
      color: var(--cimx-white);
      background-color: var(--cimx-primary-color3);
      background-clip: border-box;
    }
    td.active {
      background-color: var(--cimx-primary-color3);
    }
  }
}
/* 斑马纹 */
.cmx-content-table--zebra {
  tbody {
    tr:nth-child(even) {
      background-color: var(--cimx-table-zebra-even);
    }
    tr:nth-child(odd) {
      background-color: var(--cimx-table-zebra-odd);
    }
  }
}
/* 对其方式 */
.cmx-content-table {
  /* 表格的第一列居左 */
  tr > th:first-child {
    text-align: left;
  }
  tr > td:first-child {
    text-align: left;
  }
}
/* 整体对其方式 */
.cmx-content-table--align-left tr th, .cmx-content-table--align-left tr td {
  text-align: left;
}
.cmx-content-table--align-center tr th, .cmx-content-table--align-center tr td {
  text-align: center;
}
.cmx-content-table--align-right tr th, .cmx-content-table--align-right tr td {
  text-align: right;
}
/* 每一格对其方式 */
.cmx-content-table__col--align-left {
  text-align: left;
}
.cmx-content-table__col--align-center {
  text-align: center;
}
.cmx-content-table__col--align-right {
  text-align: right;
}
/* 指定强调某一格 */
.cmx-content-table__col-em {
  color: var(--cimx-primary-color4);
  font-weight: bold;
}
.cimx-content-table__tips {
  color: var(--cimx-primary-color4);
  padding-left: 0 !important;
}