.gass-vehiche {
  .el-table {
    background-color: rgba(0, 0, 0, 0) !important;
    .el-table__body {
      width: 100% !important;
    }
    &::before {
      height: 0px !important;
    }
    td {
      border-bottom: none !important;
    }

    .el-table__header-wrapper,
    .el-table__fixed-header-wrapper {
      tr {
        background-color: #213b52 !important;
      }
      th {
        word-break: break-word;
        background-color: #213b52 !important;
        color: rgba(123, 248, 244, 1);
        height: 30px;
        font-size: 13px;
        padding: 0;
        &.is-leaf {
          border-bottom: none;
        }
      }
    }
    .el-table__body-wrapper {
      .el-table__row:nth-child(2n + 1) {
        background-color: #213b52;
        &:hover td {
          background-color: #7bf8f430 !important;
        }
        td {
          .cell {
            // color: #525252;
            color: rgba(123, 248, 244, 1);
          }
        }
      }
      .el-table__row:nth-child(2n) {
        background-color:#063157 !important;
        &:hover td {
          background-color: #7bf8f430 !important;
        }
        td {
          background-color: #213b52 !important;
          .cell {

            color: #fff;
          }
        }
      }
    }
    .el-table__body-wrapper {
      .el-button [class*="el-icon-"] + span {
        // margin-left: 1px;
      }
    }
  }

  // 滚动条样式



  .drawer{
    ::-webkit-scrollbar {
      width: 10px;
      background: #012a53;
      position: absolute;
      top: 0;
      //display:none

    }
    ::-webkit-scrollbar-thumb {
      /*滚动条里面小方块*/
      // border-radius: 10px;
      // box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
      background: #cccccccc;
      border-radius: 8px;
    }
    ::-webkit-scrollbar-track {
      /*滚动条里面轨道*/
      // box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
      // border-radius: 10px;
      // background-color: red;
    }

    ::-webkit-scrollbar-button:start {
      // overflow: hidden;
    }
    ::-webkit-scrollbar-button:end {
      // overflow: hidden;
    }
  }





  .el-pagination {
    button:disabled {
      background-color: rgba(0, 0, 0, 0);
    }
    .el-pager li {
      background-color: rgba(0, 0, 0, 0);
      color: #fff;
      cursor: pointer;
      &.active {
        color: #1890ff;
      }
      &:hover {
        color: #7bf8f4;
      }
    }
    .btn-prev,
    .el-pagination .btn-next {
      background-color: rgba(0, 0, 0, 0);
    }
  }
  .el-pagination .btn-prev,
  .el-pagination .btn-next {
    background-color: rgba(0, 0, 0, 0);
  }
  // 禁用状态的左箭头
  button[disabled] {
    &:hover {
      .el-icon-arrow-left,
      .el-icon-arrow-right {
        &::before {
          color: #909399 !important;
        }
      }
    }
    .el-icon-arrow-left,
    .el-icon-arrow-right {
      &::before {
        color: #909399;
      }
    }
  }
  button {
    &:hover {
      .el-icon-arrow-left,
      .el-icon-arrow-right {
        &::before {
          color: #7bf8f4 !important;
        }
      }
    }
  }
  // 平常状态下的
  .el-icon-arrow-left,
  .el-icon-arrow-right {
    &::before {
      color: #ffffff;
    }
  }
  .el-pagination__jump {
    color: #fff;
  }
  .el-input__inner {
    background-color: rgba(0, 0, 0, 0);
    border-color: #1890ff;
    //color: #fff;
  }
}
