.add-query-component[data-v-56ff3d0d] {
    margin: 16px auto 0;
}
.add-query-component[data-v-56ff3d0d]::after,
.pre-button-box[data-v-56ff3d0d]::after,
.post-button-box[data-v-56ff3d0d]::after,
.last-condition-box[data-v-56ff3d0d]::after {
    content: "";
    display: block;
    clear: both;
}
.el-button > i[data-v-56ff3d0d] {
    font-size: 16px;
}
.add-query-component .el-button[data-v-56ff3d0d]:hover {
    opacity: 0.8;
}
.el-button[data-v-56ff3d0d]:active {
    opacity: 0.8;
}
.add-query-component .el-button[data-v-56ff3d0d],
.middle-condition-box[data-v-56ff3d0d] {
    float: left;
}
.last-condition-box[data-v-56ff3d0d] {
    clear: both;
}
.add-query-component .el-button[data-v-56ff3d0d] {
    padding: 0;
    height: 32px;
    margin-left: 0;
}
.add-query-component .condition-box[data-v-56ff3d0d],
.add-query-component .el-button[data-v-56ff3d0d] {
    margin-right: 16px;
}
.add-query-component .condition-box[data-v-56ff3d0d],
.pre-button-box[data-v-56ff3d0d],
.post-button-box[data-v-56ff3d0d] {
    float: left;
    margin-bottom: 16px;
}
.search-button[data-v-56ff3d0d] {
    float: left;
    margin-bottom: 16px;
}