.dark-blue {

  // 滚动条基础样式
  ::-webkit-scrollbar {
    width: 8px; // 纵向的宽度
    height: 12px; // 横向的高度
  }

  //解决固定列不能拖拽问题
  .el-table__fixed{
    height: calc(100% - 12px) !important;
  }

  // 默认下滚动条的样式
  ::-webkit-scrollbar-thumb {
    background: #eaeaea;
    border: none;
    border-radius: 4px;
  }

  // 鼠标悬停在滚动条时的样式
  ::-webkit-scrollbar-thumb:hover {
    background: rgba(157, 165, 183, 0.7)
  }

  // 滚动条区域 空白地方的样式
  ::-webkit-scrollbar-track {
    background-color: transparent;
    border: none;
  }

  // 鼠标悬停在滚动条时 滚动条区域 空白地方的样式
  ::-webkit-scrollbar-track:hover {
    background-color: #eaeaea;
    border: none;
  }
}