.directional-logic-content { .input-search { width: 240px; margin: 10px 0 10px 0; } .tree-select-class { display: flex; justify-content: space-between; .class-left-header { height: 50px; line-height: 50px; background-color: #fafafa; border-bottom: 1px solid #eee; text-indent: 10px; } .no-data-class { height: 340px; line-height: 340px; text-align: center; } .select-class-left { width: 68%; height: 400px; border: 1px solid #eee; .class-left-content { overflow-y: auto; height: 340px; } .example { text-align: center; line-height: 200px; } } .select-class-right { width: 28%; height: 400px; border: 1px solid #eee; .class-left-content { padding: 0 10px; height: 348px; overflow-y: auto; .apply-right-tree { display: flex; justify-content: space-between; align-items: baseline; .left-content-p { display: inline-block; width: 85%; height: 25px; line-height: 25px; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .delete-type-class { color: #1890ff; cursor: pointer; } } } } } }