@keyframes tea_arrow {
  0%{transform: rotateZ(180deg);}
  25%{transform: rotateZ(135deg);}
  50%{transform: rotateZ(90deg);}
  75%{transform: rotateZ(45deg);}
  100%{transform: rotateZ(0deg);}
}
.header_table_top_warp{
    width: 100%;
    display: flex;
    flex-direction: row;
    // padding:20px 0px 0px 0px;
    :deep(.el-form){
        display: flex;
      flex-direction: row;
      flex-wrap: wrap;
    }
    .btn_warp{
      height: 56px;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      line-height: 32px;
      // min-width: 200px;
      // align-self:flex-end;
      align-items: baseline;
      margin-left: auto
      // border: 1px solid #3A86FF;
    }
    .flex_btn_warp{
      height: 32px;
      // min-width: 200px;
      margin-left:auto;
      align-self:flex-end;
      margin-right: 0px;
    }
    .search_warp{
      width: calc(100% - 200px);
    }
    .close{
      height: 56px;
      overflow: hidden;
    }
    .open{
      width: 100%;
      height: auto;
      // overflow: scroll;
    }
    .open_close_btn{
      display: flex;
      align-items: center;
      width: 50px;
      font-size: 14px;
      margin-left: 20px;
      color: #3A86FF;
      user-select:none;
      cursor: pointer;
      .btn_icon{
        margin-left: 2px;
        color: #3A86FF;
        font-size: 16px;
      }
      .rotateDown {
        transform: rotate(180deg);
    }
    
    .rotateUp {
        transform: rotate(0deg);
    }
    }
}
