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:left;
      .queryField {
        margin: 0 25px;
        font-size: 14px;
        input {
          width: 320px;
          height: 44px;
          line-height: 34px;
          border-radius: 5px;
          padding-left: 5px;
          outline: none;
          border: 1px solid rgb(226, 211, 211);
        }
        button { 
          border: none;
          color: white;
          padding: 10px 25px;
          text-align: center;
          text-decoration: none;
          display: inline-block;
          font-size: 16px;
          margin: 4px 2px;
          cursor: pointer;
          border-radius: 8px;
          outline:0 none !important;
         }
      }
      .headerright{
        float: right;
      }
    } //queryBox
  }
  .centertable{
    width: 1632px;
    margin-right: 40px;
    margin-left: 40px;
    background-color: #FFFFFF;
    table{
      td,th{
        height: 48px;
        font-size: 18px;
      }
      td{
        border-bottom: 1px solid #F2F5F6;
      }
      thead{
        background-color:#F5FDFE;
      }
      .green{
        color: #07CDCF;
    }
    .red{
        color: #FF8678;
    }
    }
  }
  
  .operationSpan{
    margin: 0 10px;
    .spanbtn {
      font-weight: 550;
      cursor: pointer;
    }
    .green{ color: #04ced1; }
    .red{ color: #FF8678 }
    .gray{ color: gray; }
  }