@mixin clearfix {
  // 影响flex布局注释掉
  // :after {
  //   content: "";
  //   display: table;
  //   clear: both;
  // }
}

@mixin scrollBar {
  ::-webkit-scrollbar-track-piece {
    background: rgba(157, 165, 183, 0.7);
  }
  ::-webkit-scrollbar {
    width: 6px;
  }
  ::-webkit-scrollbar-thumb {
    background: #aaaaaa;
    border-radius: 20px;
  }
}

@mixin relative {
  position: relative;
  width: 100%;
  height: 100%;
}