.dark-blue {

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

  // 默认下滚动条的样式
  ::-webkit-scrollbar-thumb {
    background: #aaaaaa;
    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: #aaaaaa;
    border: none;
  }
}