<!DOCTYPE html>
<!-- 路径 -->
<div style="display: none">
    <a id="flexible1" href="#" class="tree-flexible" style="display: none;color: orange" title="展开">
        <i class="layui-icon layui-icon-spread-left"></i>
    </a>
    <div id="leftDiv">
        <span id="tab" class="layui-breadcrumb" style="visibility: visible;" lay-separator="|" hidden>
          <a id="org" style="cursor: pointer" class="org-tab org-active">机构</a>
          <a class="separator estate">|</a>
          <a id="estate" style="cursor: pointer" class="org-tab">物业</a>
          <a class="separator ad" hidden>|</a>
          <a id="ad" style="cursor: pointer" class="org-tab" hidden>广告商</a>
          <a class="separator agency">|</a>
          <a id="agency" style="cursor: pointer" class="org-tab">社区</a>
          <a class="separator park">|</a>
          <a id="park" style="cursor: pointer" class="org-tab">园区</a>
        </span>
            <span style="visibility: visible;" id="path-org"></span>
            <span id="path-estate" hidden></span>
            <span id="path-ad" hidden></span>
            <span id="path-agency" hidden></span>
            <span id="path-park" hidden></span>
            <div style="position: relative;top: 5px;">
                <input id="search" type="text" autocomplete="off" class="layui-input">
                <a id="flexible2" href="#" class="tree-flexible" title="收起">
                    <i class="layui-icon layui-icon-shrink-right"></i>
                </a>
            </div>
            <!-- 树形 -->
            <ul id="per-tree-org"></ul>
            <ul id="per-tree-estate" hidden></ul>
            <ul id="per-tree-ad" hidden></ul>
            <ul id="per-tree-agency" hidden></ul>
            <ul id="per-tree-park" hidden></ul>
    </div>

</div>
<style>
    .org-tab,.separator{
        margin-right: 10px;
    }
    .org-active {
        border-bottom: 2px solid black;
    }
    #search{
        height: 25px;
        width: 135px;
        /*margin: 5px 0;*/
        font-size: 13px;
        position: absolute;
        left: 20px;
    }
    #flexible2{
        position: absolute;
        color: orange;
        top: 5px;
    }
    .layui-tree li .layui-tree-spread, .layui-tree li a{
        display: inline ;
    }
</style>
