.yu-table {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
  border-collapse: collapse; }
  .yu-table thead tr th {
    font-size: 14px;
    color: #606266;
    box-sizing: border-box;
    padding: 14px 0;
    border-bottom: 1px solid #E4E7ED; }
    .yu-table thead tr th .cell {
      padding: 0 8px;
      text-align: left; }
  .yu-table tfoot tr {
    background-color: #f5f5f9; }
    .yu-table tfoot tr td {
      font-size: 14px;
      color: #606266;
      box-sizing: border-box;
      padding: 14px 0;
      border-bottom: 1px solid #E4E7ED; }
      .yu-table tfoot tr td .cell {
        padding: 0 8px;
        text-align: left; }
  .yu-table tbody tr {
    transition: background-color .4s; }
    .yu-table tbody tr td {
      font-size: 14px;
      color: #606266;
      box-sizing: border-box;
      padding: 14px 0;
      border-bottom: 1px solid #E4E7ED; }
      .yu-table tbody tr td .cell {
        padding: 0 8px; }
      .yu-table tbody tr td a {
        color: #409EFF;
        cursor: pointer; }
        .yu-table tbody tr td a:hover {
          color: #73b8ff; }
    .yu-table tbody tr.primary {
      background-color: #f3f9ff; }
      .yu-table tbody tr.primary:hover {
        background-color: #fff; }
    .yu-table tbody tr.success {
      background-color: #eef8e9; }
      .yu-table tbody tr.success:hover {
        background-color: #fff; }
    .yu-table tbody tr.warning {
      background-color: #fffbeb; }
      .yu-table tbody tr.warning:hover {
        background-color: #fff; }
    .yu-table tbody tr.info {
      background-color: #f2f3f3; }
      .yu-table tbody tr.info:hover {
        background-color: #fff; }
    .yu-table tbody tr.danger {
      background-color: #feeded; }
      .yu-table tbody tr.danger:hover {
        background-color: #fff; }
    .yu-table tbody tr:hover {
      background-color: #f5f5f9; }
  .yu-table.celled {
    border: 1px solid #E4E7ED; }
    .yu-table.celled td, .yu-table.celled th {
      border-right: 1px solid #E4E7ED; }
  .yu-table.stripe tbody tr:nth-child(2n) {
    background-color: #fafafa; }
    .yu-table.stripe tbody tr:nth-child(2n):hover {
      background-color: #f5f5f9; }