wenhuayun/app/culture/view/szwjs/assets/sass/scss/_table.scss

.table-trips-f9 {
  & > thead > tr > th {
    border-bottom: 1px solid $border-dd;
    line-height: 1.2rem;
    color: $black;
  }
  & > thead > tr {
    border-top: 2px solid $border-dd;
    background-color: $bg-ee;
  }
  & > tbody > tr:nth-of-type(even) {
    background-color: $bg-ee;
    line-height: 1.85rem;
  }
  & > tbody > tr > th, & > tbody > tr > td {
    line-height: 1.25rem;
    font-weight: 400;
  }
  & > tbody > tr:hover {
    color: $orange;
    cursor: pointer;
  }
}

.table-1 {
  & > thead > tr > th {
    border-top: 0;
    border-bottom: 1px solid #DDDDDD;
    background-color: $bg-ee;
    font-weight: 400;
    line-height: 1.7rem;
    color: $black;
  }
  & > thead > tr > th:nth-child(1) {
    padding-left: 0.6rem;
  }
  & > tbody > tr > th {
    font-weight: 400;
    padding-left: 0.6rem;
  }
  & > tbody > tr:hover, & > tbody > tr.active {
    color: $orange;
    cursor: pointer;
  }
  & > tbody > tr > th, & > tbody > tr > td {
    line-height: 1.2rem;
  }
}

.company-table1 {
  margin: 1rem auto;
  th {
    background-color: $bg-ee;
    width: 7rem;
    color: $font-66;
    font-weight: 400;
  }
  td {
    color: $font-00;
  }
  th, td {
    padding: 0.5rem 0 0.5rem 1rem;
  }
}

//div table
.table-div {
  &.qianyin-table{
    .tbody{
      .tr,.qdtr{
        height: 2.05rem;
        background-color: $bg-ff;
        -webkit-transition: all 0.35s;
        -moz-transition: all 0.35s;
        -ms-transition: all 0.35s;
        -o-transition: all 0.35s;
        transition: all 0.35s;
        &:hover{
          //height: 19.55rem;
        }
        &.active{
          height: 19.55rem;
        }
      }
    ;
    }
  }
  &.qudong-table{
    .tbody{
      width: 100%;
      min-height: 1rem;
      .tr,.qdtr{
        height: 2.05rem;
        background-color: $bg-ff;
        -webkit-transition: all 0.35s;
        -moz-transition: all 0.35s;
        -ms-transition: all 0.35s;
        -o-transition: all 0.35s;
        transition: all 0.35s;
        padding: 0.4rem 0;
        line-height: 1.2rem;
        border-top: 1px solid $border-dd;
        overflow: hidden;
        &:hover{
          //height: 19.55rem;
        }
        &.active{
          height: 19.55rem;
        }
        .qdtr{
          .qd-title{
            padding-top: 0.5rem;;
          }
        }
      }
      .qdtr{
        &>div[class^="cols"]{
          white-space: nowrap;
          overflow: hidden;
          -ms-text-overflow: ellipsis;
          text-overflow: ellipsis;
        }
      }
    }
  }
  .thead {
    border-top: 2px solid $border-dd;
    font-weight: 400;
    background-color: $bg-fb;
    line-height: 1.2rem;
    padding: 0.65rem 0;
    color: $navy;
  }
  .tbody {
    //min-height: 10rem;
    overflow: hidden;
    .tr {
      position: relative;
      display: block;
      padding: 0.4rem 0;
      line-height: 1.2rem;
      border-top: 1px solid $border-dd;
      overflow: hidden;
      &:hover {
        color: $orange;
        cursor: pointer;
      }
      & > div[class^="cols"] {
        white-space: nowrap;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
      }
    }
  }
  .thead:after, .thead:before, .tr:after, .tr:before {
    display: table;
    content: " ";
  }
  .thead:after, .tr:after {
    clear: both;
  }
}

.table-div-trips {
  .tbody {
    .tr:nth-child(even) {
      background-color: rgb(238, 238, 238);;
    }
  }
}
.xm-qd-xq{
  padding: 2rem 0;
  width:50%;
  margin:0 auto;
}