html, body {
  font-size: 14px; // 防止html根元素 影响本身DOM元素字体大小继承
  padding: 0;
  margin: 0;
  height: 100%;
  width: 100%;
  background: #fff;
}
/* 统一字体样式 */
* {
  font-family:
    "Source Han Sans CN",
    "PingFang SC",
    -apple-system,
    "Microsoft YaHei",
    "Helvetica",
    "Arial",
    Verdana,
    "Hiragino Sans GB",
    "Wenquanyi Micro Hei",
    sans-serif;
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) {}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px) {}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}

/* 改变主题色变量 */
$--color-primary: #b80037;
/* 改变 icon 字体路径变量，必需 */
$--font-path: '~element-ui/lib/theme-chalk/fonts';
/* 引入element-ui对应scss文件，重新编译 */
@import "~element-ui/packages/theme-chalk/src/index";
/* 引入隐藏显示样式 */
@import "~element-ui/lib/theme-chalk/display.css";

/* 引入三方 自定义图标库，方法 vue -> 第三方 自建图标库 中有 */
@import "~@/assets/font-icons/iconfont.css";
[class^="el-icon-self-"], [class*="el-icon-self-"] {
  font-family: "selfAllIcon" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
