.category-tree-sider {
  position: relative;
  .sider-title {
    height: 22px;
    font-size: 16px;
    font-weight: 500;
    color: #000000;
    line-height: 22px;
    margin-bottom: 16px;
  }
  .sider-search {
    margin-bottom: 16px;
    width: 230px;
  }
  .sider-btn {
    margin-bottom: 16px;
  }

  .modal-sider-tree {
    height: calc(60vh - 61px);
  }
  .page-sider-tree {
    height: calc(100vh - 300px);
  }

  .sider-tree {
    width: 244px;
    overflow: scroll;
    .empty-tree-tip {
      text-align: center;
      margin-top: 100%;
      .empty-tree-btn {
        color: #2966FF;
        cursor: pointer;
      }
    }
    .ant-tree.ant-tree-directory {
      font-size: 14px;
      font-weight: 400;
      color: #666666;
      width: 234px;
      overflow-x: scroll;
      overflow-y: hidden;
      .anticon {
        color: #999999;
      }
      .ant-tree-treenode {
        height: 44px;
        padding: 0;
        span {
          line-height: 44px;
          white-space: nowrap;
        }
        .ant-tree-node-content-wrapper.ant-tree-node-selected {
          color: #2966FF;
        }
      }
      .ant-tree-treenode-selected:hover::before,
      .ant-tree-treenode-selected::before {
        background: rgba(238, 243, 255, 1);
      }
    }
  }

  .ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle {
    line-height: 37px !important;
    margin-right: 8px;
  }

  .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
    background-color: #f3f6fa;
  }
}
