/* @font-face {
    font-family: 'PingFang-SC-Medium,Microsoft YaHei';
    src: url('./font/PingFang Medium.eot');
    src:
      url('./font/PingFang Medium.eot?#font-spider') format('embedded-opentype'),
      url('./font/PingFang Medium.woff') format('woff'),
      url('./font/PingFang Medium.ttf') format('truetype'),
      url('./font/PingFang Medium.svg') format('svg');
    font-weight: normal;
    font-style: normal;
  } */
  /* @font-face {
    font-family: 'PingFangSC-Semibold,Microsoft YaHei';
    src: url('./font/PingFangBold.eot');
    src:
      url('./font/PingFangBold.eot?#font-spider') format('embedded-opentype'),
      url('./font/PingFangBold.woff') format('woff'),
      url('./font/PingFangBold.ttf') format('truetype'),
      url('./font/PingFangBold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
  } */
  @font-face {
    font-family: 'bebasneueregular';
    src: url('./font/new_iot/bebasneueregular-vm3oz.ttf');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'SourceHanSansCN';
    src: url('./font/new_iot/SourceHanSansCN-Normal.otf');
    font-weight: normal;
    font-style: normal;
  }
  
 /* @font-face {
    font-family: 'PingFangSC-Regular,Microsoft YaHei';
    src: url('./font/PingFangRegular.eot');
    src:
      url('./font/PingFangRegular.eot?#font-spider') format('embedded-opentype'),
      url('./font/PingFangRegular.woff') format('woff'),
      url('./font/PingFangRegular.ttf') format('truetype'),
      url('./font/PingFangRegular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
  }*/

  .clearfix:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
  }
  html,body,p,h1,h2,h3,h4,h5,ul,li{
      margin: 0px;
      padding: 0px;
  }
  html{
    overflow: hidden !important;
  }
  html,body,#app{
      height: 100% !important;
      width: 100%;
      padding: 0 !important;
  }
  #app{
    overflow: auto;
  }
  li{
    list-style:none;/*li去点*/
    box-sizing: border-box;
  }
  a{
    text-decoration: none;
    box-sizing: border-box;
  }
  i{
    font-style: inherit;
  }
  input{
    padding:0;
    outline-style: none;
    box-sizing: border-box;
  }
  html p{
    padding: 0;margin:0;
  }
  html ul, ol{
    margin: 0;
  }
  html button{
    /*font:normal;*/
    line-height:normal;
  }
  /*滚动条样式*/

  .el-table__body-wrapper::-webkit-scrollbar-button{
    width: 6px;
    height: 10px;
  }
  .el-table__body-wrapper::-webkit-scrollbar {/*滚动条整体样式*/
      width: 6px;     /*高宽分别对应横竖滚动条的尺寸*/
      height: 10px;
  }
  .el-table__body-wrapper::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
      border-radius: 6px;
      /*// -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);*/
      background: #D8D8D8;
  }
  .el-table__body-wrapper::-webkit-scrollbar-track {/*滚动条里面轨道*/
      /*-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
      border-radius: 10px;
      background: #EDEDED;*/
  }
  .el-table__fixed-right{
    right: 6px !important;
    height: calc(100% - 8px) !important;
  }
  .el-table__fixed-body-wrapper{
    height: calc(100% - 8px) !important;
  }

  .scrollbar_style{
    overflow: auto;
  }
  /*.scrollbar_style::-webkit-scrollbar-button{
     width: 10px;
     height: 10px;
  }*/
  .scrollbar_style::-webkit-scrollbar {/*滚动条整体样式*/
      width: 6px;     /*高宽分别对应横竖滚动条的尺寸*/
      height: 10px;
  }
  .scrollbar_style::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
      border-radius: 6px;
      /*// -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);*/
      background: #D8D8D8;
  }
  .scrollbar_style::-webkit-scrollbar-track {/*滚动条里面轨道*/
      /*-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
      border-radius: 10px;
      background: #EDEDED;*/
  }
  .float_r{
    float: right;
  }
  .float_l{
    float: left;
    color: var(--my-cool-color);
  }
  :root {
    --my-cool-color: #73a4f4;
  }