@mixin flexCenter(){
  display: flex;
  justify-content: center;
  align-items: center;
}
@mixin scrollbar(){
  /* 定义滚动条 */
  ::-webkit-scrollbar {
    width: 6px; /* 滚动条宽度 */
    height: 6px; /* 滚动条高度 */
  }

  /* 定义滚动条轨道 */
  ::-webkit-scrollbar-track {
    background: transparent; /* 轨道背景色 */
  }

  /* 定义滚动条滑块 */
  ::-webkit-scrollbar-thumb {
    background: #888; /* 滑块颜色 */
    border-radius: 6px; /* 滑块圆角 */
  }

  /* 定义滚动条滑块悬停状态 */
  ::-webkit-scrollbar-thumb:hover {
    background: #555; /* 悬停时的滑块颜色 */
  }
}
@mixin display-flex($align:center,$justify:flex-start){
  display: flex;
  justify-content: $justify;
  align-items: $align;
}
@mixin initBox(){
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}