#dataCenterTableBox {
    background-color: #ffffff;
    position: relative;
  }
  .data-center-table-box .el-input--small .el-input__inner {
    line-height: 32px;
    font-family: "Microsoft YaHei";
    font-size: 14px;
    color: #303133;
    padding-left: 9px;
  }
  .table {
    width: 100%;
  }
  .table .el-table th {
    padding: 7px 0;
  }
  .has-gutter tr th:nth-last-child(2) {
    border-right: none !important;
  }
  
  .table .gutter {
    background: rgb(250, 250, 250);
  }
  .table .del-btn-show {
    display: block !important;
  }
  .table .el-table td.is-center,
  .table .el-table td.is-center .checkBox-box,
  .table .el-table th.is-center .checkBox-box,
  .table .el-table th.is-center {
    justify-content: center;
  }
  .table .el-table td.is-right,
  .table .el-table td.is-right .checkBox-box,
  .table .el-table th.is-right .checkBox-box,
  .table .el-table th.is-right {
    justify-content: right;
  }
  .table a:hover {
    text-decoration: none;
  }
  .table .el-table th > .cell {
    color: #303133;
    padding: 0 15px;
    height: 34px;
    line-height: 34px;
  }
  .table .el-table {
    color: #303133;
  }
  .table .el-table td {
    padding: 8px 0;
  }
  .table .el-table td .cell {
    overflow: visible;
    width: calc(100% - 2px) !important;
  }
  .table .el-table .cell,
  .table .el-table--border th:first-child .cell {
    padding: 0 15px;
  }
  .table .el-table__fixed {
    height: auto !important;
    bottom: 8px;
  }
  .table .el-table__fixed:before {
    height: 0;
  }
  // .table .el-table__fixed:after {
  //     background-color: #ebeef5;
  //     bottom: 0;
  //     content: "";
  //     height: 1px;
  //     left: 0;
  //     position: absolute;
  //     width: 100%;
  //     z-index: 4;
  // }
  .data-center-table-header-box {
    display: flex;
    align-items: center;
  }
  .data-center-table-header-box .data-center-table-header-choose-box {
    /* width: 260px; */
    padding-right: 20px;
    flex-shrink: 0;
  }
  .data-center-table-header-box
    .data-center-table-header-choose-box
    .data-center-table-header-choose-box-div {
    /* width: 260px; */
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .data-center-table-header-box .data-center-table-header-tool-box {
    max-width: 100%;
    width: 100%;
  }
  .data-center-table-header-box .data-center-table-header-choose-box a:hover {
    text-decoration: none;
  }
  .data-center-table-header {
    display: flex;
    justify-content: flex-end;
    padding: 16px 0;
    overflow: hidden;
  }
  .data-center-table-header .more .el-button {
    border-color: #409eff;
    color: #409eff;
  }
  .data-center-table-header .el-button + .el-button {
    margin-left: 16px;
  }
  .query-condition-area-baffle {
    width: 100%;
    height: 64px;
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
  .data-center-table-pagination {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 10px;
    margin-top: 20px;
  }
  .data-center-table-condition {
    padding: 16px 0;
    flex-shrink: 1;
  }
  .data-center-table-condition .data-center-table-condition-label {
    display: flex;
    align-items: center;
    margin-right: 10px;
    flex-shrink: 0;
    color: #303133;
  }
  .data-center-table-condition .data-center-table-condition-date {
    display: flex;
    align-items: center;
  }
  .data-center-table-condition
    .data-center-table-condition-date
    .el-input--small
    .el-input__inner {
    padding-left: 30px;
    cursor: pointer;
  }
  .data-center-table-condition
    .data-center-table-condition-date
    .el-date-editor.el-input {
    max-width: 185px;
    min-width: 100px;
    width: auto;
  }
  .data-center-table-condition
    .data-center-table-condition-date
    .el-input__prefix {
    cursor: pointer;
  }
  .data-center-table-condition .data-center-table-condition-date-span {
    display: inline-block;
    margin-right: 10px;
    flex-shrink: 0;
    cursor: default;
  }
  .data-center-table-condition .el-select {
    max-width: 120px;
    min-width: 60px;
    margin-right: 12px;
  }
  .data-center-table-condition .el-date-editor {
    max-width: 256px;
    margin-right: 10px;
  }
  .data-center-table-condition .data-center-table-condition-input {
    max-width: 240px;
    margin-right: 10px;
    min-width: 80px;
  }
  .data-center-table-condition-change .el-input__inner {
    padding-left: 30px !important;
  }
  .el-table__row .item-hover .item-edit-target {
    display: block;
  }
  .el-table__row .now-focus .item-edit-target {
    display: block;
  }
  .el-table__row .now-select-focus .item-edit-target {
    display: block;
  }
  .el-table__row .verification-failed .item-edit-target {
    display: block;
  }
  .verification-failed .el-input__inner {
    border-color: red;
  }
  .el-table__row .item-edit-target {
    display: none;
  }
  .el-table__row .item-hover .item-span {
    display: none;
  }
  .el-table__row .now-focus .item-span {
    display: none;
  }
  .el-table__row .now-select-focus .item-span {
    display: none;
  }
  .el-table__row .verification-failed .item-span {
    display: none;
  }
  .el-table__row .item-hide-span {
    display: none;
  }
  .el-table__row .item-span {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 32px;
    line-height: 32px;
    padding-left: 10px;
    cursor: default;
  }
  .el-table .el-table__row .cell.el-tooltip {
    /* line-height: 32px;
          height: 32px; */
    display: flex;
    align-items: center;
    height: 32px;
    padding: 0 6px;
  }
  .data-center-table-label {
    width: 100%;
    height: 32px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 32px;
    line-height: 32px;
    cursor: pointer;
  }
  .data-center-table-label-item-box {
    width: 100%;
    height: 100%;
  }
  .data-center-table-label .default-label-span {
    color: #c0c4cc;
    width: 90%;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 10px;
  }
  .data-center-table-label .sssssspan {
    color: #303133;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .data-center-table-label .label-span {
    display: none;
  }
  .data-center-table-label .el-input__inner {
    cursor: text;
  }
  .table .label-item-disabled {
    cursor: default;
  }
  .data-center-table-box .table .label-item-show-icon .el-input__inner {
    padding-left: 20px;
  }
  .data-center-table-box .table .label-item-show-icon-span {
    padding-left: 21px;
  }
  /* .table .item-hover .data-center-table-label {
          background-color: #FFF;
          background-image: none;
          border-radius: 4px;
          border-color: #DCDFE6;
          transition: border-color .2s cubic-bezier(.645,.045,.355,1);
          font-family: "Microsoft YaHei";
          font-size: 14px;
          color: #303133;
      } */
  .table .item-hover .data-center-table-label .default-label-span {
    display: none;
  }
  .table .item-hover .data-center-table-label .label-span {
    display: block;
  }
  .table
    .item-hover
    .data-center-table-label
    .label-item-disabled
    .default-label-span {
    display: block;
  }
  .table .item-hover .data-center-table-label .label-item-disabled .label-span {
    display: none;
  }
  .data-center-table-link-box,
  .data-center-table-dynamicLink-box {
    padding-left: 10px;
    padding-right: 9px;
  }
  .data-center-table-dynamicLink-box {
    width: 100%;
    .el-link {
      width: 100%;
      margin-left: 10px;
    }
    .el-link:first-child {
      width: 100%;
      margin-left: 0;
    }
    .el-link--inner {
      width: auto;
    }
    span {
      display: inline-block;
      width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  }
  .data-center-table-link-box .el-link {
    margin-left: 10px;
  }
  .data-center-table-link-box .el-link:first-child {
    margin-left: 0;
  }
  .data-center-table-icon {
    padding-left: 10px;
    padding-right: 9px;
  }
  .data-center-table-icon-list {
      display: flex;
      align-items: center;
      justify-content: space-around;
  }
  .data-center-table-icon a {
    font-size: 16px;
  }
  .show-header-toolTip {
    display: inline-flex;
  }
  .table span.frozen-div {
    display: none;
    width: 12px;
  }
  .table .frozen-div:hover {
    color: #1890ff;
  }
  .table .has-frozen-colums .el-table__body-wrapper.is-scrolling-left~.el-table__fixed {
    box-shadow: 0 -4px 10px rgb(0 0 0 / 12%);
  }
  .table .has-frozen-colums .el-table__body-wrapper.is-scrolling-none~.el-table__fixed {
    box-shadow: 0 -4px 10px rgb(0 0 0 / 12%);
    bottom: 1px;
  }
  // .table .el-table__fixed-body-wrapper .el-table__row>:not(.is-hidden):not(:last-child){
  //   color: red;
  // }
  
  .baffle-foundation {
    width: calc(100% - 10px);
    height: 23px;
    background-color: transparent;
    position: absolute;
    top: 0;
  }
  .baffle-foundation-show {
    z-index: 2;
  }
  
  .install-icon-del {
    position: absolute;
    width: 53px;
    height: 48px;
    background: white;
    z-index: 3;
    padding: 13px 0;
    box-sizing: border-box;
    text-align: center;
    font-size: 16px;
    top: 0;
    left: 1px;
    color: #f56c6c;
    cursor: pointer;
  }
  .default-span {
    padding-left: 10px;
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
  }
  .default-span {
    cursor: default;
    overflow: hidden;
    width: 100%;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 9px;
  }
  .table .el-select {
    width: 100%;
  }
  /* .data-center-table-box .table .el-select .el-select-dropdown {
          position: absolute !important;
          left: 0 !important;
          top: 32px !important;
      } */
  .data-center-table-box .table .el-select .el-select-dropdown .popper__arrow {
    left: 35px !important;
  }
  div.table .el-table .el-table-column--selection .cell {
    padding-left: 15px;
  }
  .table .el-table .cell:hover .frozen-div {
    display: inline-flex;
  }
  .table .el-checkbox__input.is-focus .el-checkbox__inner {
    border-color: #dcdfe6;
  }
  .table .el-checkbox__input.is-checked .el-checkbox__inner {
    border-color: #409eff;
  }
  .table .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
    border-color: #dcdfe6;
  }
  .table .out-empty-box {
    display: flex;
    width: 100%;
    min-height: 60px;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
  }
  .table .empty-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transform: translate(0, -10%);
  }
  .table .empty-box span {
    line-height: 60px;
    color: #909399;
  }
  .table .el-table__empty-block {
    height: 90% !important;
  }
  .long-title {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex-shrink: 0;
  }
  .table .el-input.is-active .el-input__inner,
  .table .el-input__inner:focus {
    border-color: #409eff;
  }
  .table .bouble-click-clear-button {
    width: 18px;
    height: 32px;
    line-height: 32px;
    margin-left: 6px;
    font-size: 16px;
  }
  .table .bouble-click-clear-button:hover {
    color: red;
  }
  .el-picker-panel__icon-btn {
    padding: 1px 6px;
  }
  .icon-default .el-icon-error {
    cursor: default;
  }
  .table .table-role {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .table .table-role .table-role-add {
    width: 32px;
    height: 32px;
    color: #909399;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #909399;
    border-radius: 4px;
    cursor: pointer;
    .el-icon-plus {
      font-size: 18px;
    }
    &:hover {
      color: #1890ff
    }
  }
  .table .table-role-label {
    color: #1890ff; 
    margin-right: 10px; 
    flex-shrink: 0;
    cursor: pointer;
    span {
      margin-left: 5px;
    }
  }
  .table .table-role-item {
    margin-right: 20px; 
    flex-shrink: 0;
    position: relative;
    padding: 8px 0;
    cursor: default;
    max-width: 100%;
    i {
      position: absolute;
      top: 0;
      right: -10px;
      display: none;
      cursor: pointer;
      color: red;
    }
    &:hover {
      i {
        display: block;
      }
    }
    .table .del-align-center {
      display: flex;
      align-items: center;
      justify-content: center;
    }
  }