.box{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  .echartsbox{
      width: 100%;
      height: 100%;
      // overflow: auto;
  }
  #Line{
      width: 50%;
      height: 420px;
      margin: 50px auto;
  }
}
.publicCss{
  height: 350px;
  width: 50%;
  display: inline-block;
  box-sizing: border-box;
  padding: 20px;
}

//头部搜索栏
.header {
  border-bottom: 1px solid #999;
  height: 80px;
  min-height: 81px;;
  box-sizing: border-box;
  // padding: 0 15px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items:center;
  justify-content:center;
  .queryField {
    margin: 0 10px;
    font-size: 14px;
    .mat-form-field {
      width: 130px;
      max-height: 50px;;
      margin: 0 15px 0 10px;
    }
  }
  .btnbox{
      height: 80px;
      display: flex;
      flex-direction:column;
      justify-content: space-around;
      position: fixed;
      top: 64px;
      right: 4%;
      width: 88px;
      button{
          width: 88px;
          height: 36px;
      }

  }
}
.zhu{
  width: 100%;
  height: 100%;
  overflow: auto;
  #zhidui{
      width: 100%;
      height: 550px;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%,-50%);
  }
}