:root {
  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
  color-scheme: light dark;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html,
body,
#app {
  height: 100%;
  width: 100%;
}
html {
  font-size: 16px; /*设置html字体大小为16px*/
}
body {
  line-height: 1.5em;
  font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif !important;
  line-height: 25px;
  letter-spacing: 1px;
  font-size: 14px;
  // font-size: 1rem;
  color: #4e4e4e;
}

.m-0 {
  margin: 0 !important;
}
.m-b-6 {
  margin-bottom: 24px !important;
}
.margin-left-0 {
  margin-left: 0 !important;
}

.margin-left-3 {
  margin-left: 0.75rem;
}

.margin-right-0 {
  margin-right: 0 !important;
}
.margin-top-0 {
  margin-top: 0;
}
.margin-bottom-0 {
  margin-bottom: 0;
}
.p-0 {
  margin: 0 !important;
}
.padding-left-0 {
  padding-left: 0 !important;
}

.padding-left-3 {
  padding-left: 12px !important;
}

.padding-right-0 {
  padding-right: 0 !important;
}
.padding-top-0 {
  padding-top: 0 !important;
}
.padding-bottom-0 {
  padding-bottom: 0 !important;
}
.w-100 {
  width: 100%;
}
.h-100 {
  height: 100%;
}

.m-b-3 {
  margin-bottom: 0.75rem;
}
.m-b-5 {
  margin-bottom: 1.25rem;
}
.f-1 {
  flex: 1;
}

.d-flex {
  display: flex !important;
}

::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
::-webkit-scrollbar-track {
  width: 3px;
  background-color: #f9f9f9;
}
::-webkit-scrollbar-thumb {
  background-color: #999;
}

.picker-date {
  .el-date-picker__header {
    display: none;
    span:nth-child(2) {
      display: none;
    }
    button:nth-child(1) {
      display: none;
    }
    button:nth-child(5) {
      display: none;
    }
  }
}

.my-date-picker {
  // width: 100% !important;
  .el-input__wrapper {
    width: 100%;
  }
}

@media only screen and (max-width: 600px) {
  body {
    font-size: 14px;
  }
}

@media only screen and (min-width: 600px) and (max-width: 1200px) {
  body {
    font-size: 16px;
  }
}

@import '@/assets/iconfont.css';
