.table_outer {
  position: relative;

  ::v-deep .el-table {

    .el-table__fixed-right {
      .el-table__cell {
        height: 40px;
        line-height: 40px;
      }

      .cell {
        display: flex;
      }
    }

    .caret-wrapper {
      height: 22px;

      .sort-caret.ascending {
        top: 0;
      }

      .sort-caret.descending {
        bottom: 0;
      }
    }



    .cell {
      max-width: 100%;
      color: #62606E;
      padding: 0;
      font-family: "'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',SimSun,sans-serif";
      line-height: 24px;
      overflow: hidden !important;
      white-space: nowrap !important;


      .el-button--text {
        padding: 0;
        align-items: center;
      }

      .ellipBtn {
        border: 0;

        span {
          display: flex;
          align-items: center;
          height: 100%;
        }

        .el-dropdown {
          height: 100%;
        }

        .ellipOuter {
          width: 16px;
          display: flex;
          height: 100%;
          align-items: center;
          justify-content: space-between;
          vertical-align: middle;

          div {
            width: 4px;
            height: 4px;
            background: #3A86FF;
            border-radius: 50%;
          }
        }
      }
    }

    .el-table__fixed-right-patch {
      border-bottom: 0;
    }

    .el-table__cell {
      height: 40px;
      padding: 0px 16px;

      .el-tag {
        height: 24px;
        line-height: 22px;
      }

      .el-switch {
        height: 16px;
        line-height: 16px;

        .el-switch__core {
          height: 16px;
          width: 28px !important;
        }

        &.is-checked .el-switch__core:after {
          width: 12px;
          height: 12px;
          margin-left: -13px;
        }

        .el-switch__core:after {
          width: 12px;
          height: 12px;
        }
      }

      &:first-child {
        .cell {
          padding: 0;
        }
      }
    }


    th.el-table__cell.is-leaf {
      font-size: 14px;
      font-weight: normal;
      -webkit-transform: perspective(1px) translateZ(0);
      transform: perspective(1px) translateZ(0);
      box-shadow: 0 0 1px rgba(0, 0, 0, 0);
      position: relative;
      -webkit-transition-duration: 0.3s;
      transition-duration: 0.3s;
      -webkit-transition-property: transform;
      transition-property: transform;
      .cell {
        line-height: 22px;
      }
      &:hover{
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
        background: #e7f4ff !important;
        .cell{
          color:#3A86FF !important
        }
      }
    }
    .firefly_ghost {
      opacity: 0.6;
      background: #e7f4ff !important;
      .cell{
        color:#3A86FF !important
      }
    }
    td {
      .cell {
        color: #24222F;
        font-size: 14px;
      }
    }

    &.el-table--border {
      .el-table__cell {
        border-right: 1px solid transparent;

        &:last-child {
          border-right: 1px solid #EAEAEC;
        }
      }

      &.isBorder {
        .el-table__cell {
          border-right: 1px solid #EAEAEC;
        }
      }
    }
  }


  ::v-deep .isImg.el-table {

    td.el-table__cell,
    .el-table th.el-table__cell.is-leaf {
      height: 48px;
      .cell{
        align-items: center;
        display: flex;
      }
      .el-image__inner{
        border-radius: 4px;
        height: 36px;
        width: 36px;
      }
    }
  }

  ::v-deep .el-table__body {
    .el-table__row.selectRow {
      background-color: #f5f7fa;
    }
  }

  ::v-deep .el-table__body {
    .el-table__row.hover-row td {
      background-color: #ecf7ff;
    }

  }

  ::v-deep .el-table--border,
  .el-table--group {
    border-radius: 6px;
  }



  ::v-deep .el-table {
    tr {
      &:last-child {

        td.el-table__cell {
          &:first-child {
            border-bottom-left-radius: 6px;
          }

          &:last-child {
            border-bottom-right-radius: 6px;
          }

        }
      }
    }

    th {
      &.el-table__cell.is-leaf {
        &:nth-last-child(2) {
          border-top-right-radius: 6px;
        }
      }
    }

  }


}
.is_full_screen{
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  z-index: 9999;
  background-color: #fff;
  padding: 12px;
  box-sizing: border-box;
  .leftTopBtnWarp{
    top: 12px;
    right: 44px;
  }
  .settingBox{
    top: 12px;
    right: 12px;
  }
}
.settingBox {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 1px solid #EAEAEC;
  font-size: 16px;
  border-radius: 16px;
  text-align: center;
  z-index: 99;
  font-size: 20px;
  position: absolute;
  top: 0px;
  right: 0;
  cursor: pointer;

  >i{
    color: #62606E;
    font-size: 16px;
  }

  &:hover {
    >i{
      color: #619eff;
      cursor: pointer;
    }
  }
}
.leftTopBtnWarp{
  position: absolute;
  top: 0px;
  right: 32px;
  display: flex;
}
.downloadBox, .printBox {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 1px solid #EAEAEC;
  border-radius: 16px;
  text-align: center;
  z-index: 99;
  margin-right: 12px;
  cursor: pointer;

  >i {
    font-size: 16px;
    color: #62606E;
  }

  &:hover {
    >i {
      color: #619eff;
      cursor: pointer;
    }
  }
}
.print_table_container {
  width: 100%;
  position: absolute;
  // top: -10000px;
  // display: none;
}

@media print {
  #print_table_container{
    width: 1200px;
    zoom: 0.8;
    margin: 0 auto;
  }
  .el-table{
    border: 3px solid #606060;
  }
  .el-table__header-wrapper {
    border-bottom: 3px solid #606060;
  }
  .el-table > .el-table__header-wrapper > .el-table__header > thead > tr > th{
    border-right: 3px solid #606060 !important;
  }
  .el-table > .el-table__body-wrapper > .el-table__body > tbody > .el-table__row > td{
    border-bottom: 3px solid #606060 !important;
    border-right: 3px solid #606060 !important;
  }
}

.printBoxLeft {
  right: 64px;
}

::v-deep .el-table__empty-block {
  width: 100% !important;
}
::v-deep .el-table {
  //拖拽点击颜色
// .chosen{
//   background: #e7f4ff !important;
//   color:#3A86FF !important;
//   .cell{
//     color:#3A86FF !important
//   }
// }
  .el-button--medium {
    padding: 6px 14px;
    font-size: 12px;
    height: 26px;
  }

  .el-button {
    border: 0;
  }

  .el-button+span {
    margin-left: 12px;
  }

  span+span {
    margin-left: 12px;
  }

  span+.el-button {
    margin-left: 12px;
  }

  .el-table__body {
    height: 1px;
  }
}


/* 拖拽列样式 */
.sortable-ghost {
  opacity: 0.8;
  color: #fff !important;
  background: none !important;
}


/* table顶部样式 */

.table_top {
  height: 32px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;

  .table_do {
    width: 440px;
    padding-right: 0;

    &.table_showSort {
      padding-right: 36px;
    }
    &.table_showSort_download {
      padding-right: 68px;
    }
  }
}

/* table Tips的样式 */

.table_tips {
  box-sizing: content-box;
  height: 20px;
  border: 1px solid rgba(58, 134, 255, 0.5);
  background: linear-gradient(0deg, rgba(58, 134, 255, 0.05), rgba(58, 134, 255, 0.05)), rgba(255, 255, 255, 0.05);
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 16px;
  gap: 8px;
  border-radius: 6px;
  line-height: 20px;
  font-size: 12px;
  margin-bottom: 12px;

  .corlor_icon {
    color: #3A86FF;
    font-size: 14px;
  }

  .choose_result {
    font-weight: 700;
    font-size: 12;
  }

  .choose_num {
    font-weight: 700;
    font-size: 12;
    color: #3A86FF;
  }
}