.app-tree-exp-bar {
  > .ivu-split-horizontal {
      > .ivu-split-trigger-con {
          height: 100%;
          width: 1px;
      }
      > .ivu-split-pane {
          > div {
              height: 100%;
              overflow-y: auto;
              overflow-x: hidden;
              display: flex;
              flex-direction: column;
              .tree-exp-bar-header {
                  line-height: 50px;
                  border-bottom: 1px solid var(--ctrl-font-color-light);
                  display: flex;
                  justify-content: space-between;
                  .tree-exp-bar-title {
                      font-size: 18px;
                      padding-left: 8px;
                      flex-shrink: 0;
                      i {
                          font-size: 20px;
                          margin-top: -2px;
                      }
                  } 
                  .toolbar-container{
                      margin-left: auto;
                      margin-right: 10px;
                      display: flex;
                      flex-wrap: wrap;
                      align-items: center;
                      .ivu-badge-count{
                          top: 2px;
                      }
                  }
              }
              .search-content {
                  width: 100%;
                  height: 48px;
                  padding: 10px 5px 10px 5px;
              }
              .tree-exp-content {
                  // 计算高度
                  height: 100%;
                  overflow: auto;
                  padding: 16px 0;
                  margin-bottom: 10px;
              }
              .tree-exp-content2 {
                  height: 100%;
                  overflow: auto;
                  flex-grow: 1;
              }
          }
      }
      > .right-pane.ivu-split-pane {
          > div {
              padding-left: 16px;
          }
      }
      > .left-pane.ivu-split-pane {
          padding-right: 10px;
      }
  }
}

.view-default {
    .app-treeview-exp-bar.treeexpbar {
        >div .tree-exp-content {
            padding: 0;
        }
        .has-search {
            margin-top: 10px;
        }
        .container-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: nowrap;
            .search-container {
                height: 48px;
                flex-grow: 1;
                padding: 10px 2px 10px 0;
            }
            .toolbar-container{
                padding: 4px;
                display: flex;
                flex-wrap: nowrap;
                align-items: center;
            }
            .quick-group-container {
                padding-top: 8px;
                padding-right: 20px;
            }
        }
        .treeview {
            >.context-menu-container >.el-tree {
                .el-tree-node >.el-tree-node__content {
                    height: 32px;
                    &:hover {
                        background-color: #f0f7ff;
                        color: #57A3FD;
                    }
                    >.context-menu-component .tree-node {
                        font-size: 12px;
                        font-weight: 400;
                        .icon {
                            padding-right: 6px;
                        }
                        >i{
                            padding-right: 7px;
                        }
                    }
                }
                //选中节点
                .el-tree-node.is-current >.el-tree-node__content {
                    background-color: #f0f7ff;
                    color: #57A3FD;
                }
                //子节点图标
                .el-tree-node >.el-tree-node__children >.el-tree-node >.el-tree-node__content >.context-menu-component .tree-node .icon{
                    padding-left: 2px;
                }
            }
        }
    }
}