蓝色直角扁平路径导航使用说明：
蓝色直角扁平路径导航整体html：
<div class="ui-navs-bl">
    <div class="one"><a><span></span></a><span></span></div>
    <div class="two bl-thr"><a href="#">Leve 2</a><span></span></div>
    <div class="two"><a href="#">Leve 3</a><span></span></div>
    <div class="two"><a href="#">Leve 4</a><span></span></div>
    <div class="two"><a href="#">Leve 4</a><span></span></div>
    <div class="two"><a href="#">Leve 4</a><span></span></div>
    <div class="two"><a href="#">Leve 4</a><span></span></div>
</div>
注：
红色为需要添加的样式
上面为蓝色直角扁平路径导航（大）的html
如需换成中的,样式更改为下:
ui-navs-bl改为ui-navs-bm
bl-thr改为bm-thr
如需换成小的,样式更改为下:
ui-navs-bl改为ui-navs-bs
bl-thr改为bs-thr

绿色直角扁平路径导航使用说明：
绿色直角扁平路径导航整体html：
<div class="ui-navs-gl">
    <div class="one"><a><span></span></a><span></span></div>
    <div class="two gl-thr"><a href="#">Leve 2</a><span></span></div>
    <div class="two"><a href="#">Leve 3</a><span></span></div>
    <div class="two"><a href="#">Leve 4</a><span></span></div>
    <div class="two"><a href="#">Leve 4</a><span></span></div>
    <div class="two"><a href="#">Leve 4</a><span></span></div>
    <div class="two"><a href="#">Leve 4</a><span></span></div>
</div>
注：
红色为需要添加的样式
上面为绿色直角扁平路径导航（大）的html
如需换成中的,样式更改为下:
ui-navs-gl改为ui-navs-gm
gl-thr改为gm-thr
如需换成小的,样式更改为下:
ui-navs-gl改为ui-navs-gs
gl-thr改为gs-thr

蓝色直角渐变路径导航使用说明：
蓝色直角渐变路径导航整体html：
<div class="ui-navs-gbl">
    <div class="one"><a><span></span></a><span></span></div>
    <div class="two gbl-thr"><a href="#">Leve 2</a><span></span></div>
    <div class="two"><a href="#">Leve 3</a><span></span></div>
    <div class="two"><a href="#">Leve 4</a><span></span></div>
    <div class="two"><a href="#">Leve 4</a><span></span></div>
    <div class="two"><a href="#">Leve 4</a><span></span></div>
    <div class="two"><a href="#">Leve 4</a><span></span></div>
</div>
注：
红色为需要添加的样式
上面为蓝色直角渐变路径导航（大）的html
如需换成中的,样式更改为下:
ui-navs-gbl改为ui-navs-gbm
gbl-thr改为gbm-thr
如需换成小的,样式更改为下:
ui-navs-gbl改为ui-navs-gbs
gbl-thr改为gbs-thr

蓝色圆角扁平路径导航使用说明：
蓝色圆角扁平路径导航整体html：
<div class="ui-navs-bl">
    <div class="one"><a class="ui-radius-ltlb"><span></span></a><span></span></div>
    <div class="two bl-thr"><a href="#">Leve 2</a><span></span></div>
    <div class="two"><a href="#">Leve 3</a><span></span></div>
    <div class="two"><a href="#">Leve 4</a><span></span></div>
    <div class="two"><a href="#">Leve 4</a><span></span></div>
    <div class="two"><a href="#">Leve 4</a><span></span></div>
    <div class="two"><a href="#">Leve 4</a><span></span></div>
</div>
注：
红色为需要添加的样式
上面为蓝色圆角扁平路径导航（大）的html
如需换成中的,样式更改为下:
ui-navs-bl改为ui-navs-bm
bl-thr改为bm-thr
如需换成小的,样式更改为下:
ui-navs-bl改为ui-navs-bs
bl-thr改为bs-thr

绿色圆角扁平路径导航使用说明：
绿色圆角扁平路径导航整体html：
<div class="ui-navs-gl">
    <div class="one"><a class="ui-radius-ltlb"><span></span></a><span></span></div>
    <div class="two gl-thr"><a href="#">Leve 2</a><span></span></div>
    <div class="two"><a href="#">Leve 3</a><span></span></div>
    <div class="two"><a href="#">Leve 4</a><span></span></div>
    <div class="two"><a href="#">Leve 4</a><span></span></div>
    <div class="two"><a href="#">Leve 4</a><span></span></div>
    <div class="two ui-radius-rtrb"><a href="#">Leve 4</a><span></span></div>
</div>
注：
红色为需要添加的样式
上面为绿色圆角扁平路径导航（大）的html
如需换成中的,样式更改为下:
ui-navs-gl改为ui-navs-gm
gl-thr改为gm-thr
如需换成小的,样式更改为下:
ui-navs-gl改为ui-navs-gs
gl-thr改为gs-thr

蓝色圆角渐变路径导航使用说明：
蓝色圆角渐变路径导航整体html：
<div class="ui-navs-gbl">
    <div class="one"><a class="ui-radius-ltlb"><span></span></a><span></span></div>
    <div class="two gbl-thr"><a href="#">Leve 2</a><span></span></div>
    <div class="two"><a href="#">Leve 3</a><span></span></div>
    <div class="two"><a href="#">Leve 4</a><span></span></div>
    <div class="two"><a href="#">Leve 4</a><span></span></div>
    <div class="two"><a href="#">Leve 4</a><span></span></div>
    <div class="two ui-radius-rtrb"><a href="#">Leve 4</a><span></span></div>
</div>
注：
红色为需要添加的样式
上面为蓝色圆角渐变路径导航（大）的html
如需换成中的,样式更改为下:
ui-navs-gbl改为ui-navs-gbm
gbl-thr改为gbm-thr
如需换成小的,样式更改为下:
ui-navs-gbl改为ui-navs-gbs
gbl-thr改为gbs-thr