@charset "utf-8";
/**
 * 基准 Classes
 * --------------------------------------------------
 */
// 解决vue闪烁问题
[v-cloak]{
  display: none;
}

.hide {
  display: none !important;
}
.opacity-hide {
  opacity: 0;
}
.show {
  display: block !important;
}
.opacity-show {
  opacity: 1;
}
.invisible {
  visibility: hidden;
}

.inline{
  display: inline;
}

.inblock {
  display: inline-block;
}

.block {
  display: block;
  clear: both;
  &:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ".";
  }
}

.disable-pointer-events {
  pointer-events: none;
}

.enable-pointer-events {
  pointer-events: auto;
}

.disable-user-behavior {
  @include user-select(none);
  @include touch-callout(none);
  @include tap-highlight-transparent();

  -webkit-user-drag: none;
  -ms-touch-action: none;
  -ms-content-zooming: none;
}

.no-resize {
  resize: none;
}

// 控制网页内容选择范围,恢复选择功能
.selectable {
  -webkit-user-select: auto;
}

.scroll-y{
  overflow-y: scroll !important;
  overflow-x: hidden !important;
}

.scroll-x{
  overflow-x: scroll !important;
  overflow-y: hidden !important;
}

.scroll-hidden{
  overflow-y: hidden !important;
  overflow-x: hidden !important;
}

// 隐藏滚动条
.scrollbar-hide {
  ::-webkit-scrollbar {
    display: none !important;
  }
}