table {
  width: 100%;
  text-align: center;
  .cdk-header-cell {
    text-align: center;
  }
}

.content {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #F2F5F6;
}
.header {
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;
  box-sizing: border-box;
  .queryBox {
    box-sizing: border-box;
    padding: 5px 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items:center;
    justify-content:center;
    .queryField {
      margin: 0 25px;
      font-size: 14px;
      input {
        width: 160px;
        height: 34px;
        line-height: 34px;
        border-radius: 5px;
        padding-left: 5px;
        outline: none;
        border: 1px solid rgb(226, 211, 211);
      }
      button { color: #fff; }
    }
  } //queryBox
}

.operationSpan{
  margin: 0 10px;
  .spanbtn {
    font-weight: 550;
    cursor: pointer;
  }
  .green{ color: #04ced1; }
  .red{ color: #FF8678 }
  .gray{ color: gray; }
}