@import "./theme/element.scss";

/** css初始化 **/
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,dt,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{font:16px "微软雅黑"; line-height: 1.5;background: #f0f2f6}
a{text-decoration:none; @include font_color_primary;}
li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}
*:focus { outline: none; }

/** font图标 **/
[class*="epx-icon-"], [class^=epx--icon-] {
  font-family: "epx-icon"!important;
  font-style: normal;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class*="epx-icon-color-"], [class^=epx--icon-color-] {
  font-family: "epx-icon-color"!important;
  font-style: normal;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  box-sizing: border-box;
  -webkit-overflow-scrolling: unset;
}

.body{
  flex: 1;
  overflow: auto;
  overflow-x: hidden;
  position: relative;
}

#app {
  font-family: '微软雅黑', Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 100%;
  height: 100vh;
  box-sizing: border-box;
  background: #F3F5FA;
  display: flex;
  flex-direction: column;
}

.fl {
  float: left;
}
.fr {
  float: right;
}

/***element***/
.el-tree {
  transform: translate(0, 0);
  z-index: 0;
}
.el-popconfirm__main {
  margin: 10px 0;
}
.el-table {
  font-size: 16px;
}
.el-tabs__item {
  font-size: 16px;
}
.el-button--medium {
  font-size: 16px;
}
.el-dialog__body {
  font-size: 16px;
}
input[type=number] {
    -moz-appearance:textfield;
    appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

@media screen and (min-width: 992px) {
  // 滚动背景
  ::-webkit-scrollbar {
      width: 8px;
      height: 8px;
      // background-image: linear-gradient(135deg, #1DE9B6 0%, rgba(8, 196, 219, 0.50) 72%, rgba(0, 182, 234, 0.30) 100%);
  }

  ::-webkit-scrollbar-track {
      background: none;
  }
  // 滚动条
  ::-webkit-scrollbar-thumb {
      border-radius: 0;
      background:#aebcc8;
      transition: all .2s;
      border-radius: 8px;

      &:hover {
          background-color: rgba(95, 95, 95, .7);
      }
    // text-align: center;
    @include font_color_primary
    // margin-top: 60px;
  }
}


@media only screen and (max-width: 992px) {
  body{
    font:12px
  }
  ::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    // background-image: linear-gradient(135deg, #1DE9B6 0%, rgba(8, 196, 219, 0.50) 72%, rgba(0, 182, 234, 0.30) 100%);
  }
}

/**主题色**/
.primary-color {
  @include font_color_primary;
}


@supports (bottom: env(safe-area-inset-bottom)){
  html {
    overflow: hidden;
  }
  .body, .footer{
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
  }
}