diff --git a/demo/nav.html b/demo/nav.html
index 8aea7ae..bb75b1b 100644
--- a/demo/nav.html
+++ b/demo/nav.html
@@ -69,4 +69,20 @@
       </div>
     </div>
   </div>
-</fieldset>
\ No newline at end of file
+</fieldset>
+<fieldset class="layui-elem-field layui-field-title">
+  <legend>无底色简约导航</legend>
+  <div class="layui-field-box">
+    <ul class="layui-nav layui-nav-tree ul-nav-easy" lay-filter="user-nav">
+      <li class="layui-nav-item"><a href="">概况</a></li>
+      <li class="layui-nav-item layui-this"><a href="">文章管理</a></li>
+      <li class="layui-nav-item" ><a href="">素材管理</a></li>
+      <li class="layui-nav-item"><a href="">评论管理</a></li>
+      <li class="layui-nav-item"><a href="">消息通知</a></li>
+      <li class="layui-nav-item"><a href="">数据分析</a></li>
+      <li class="layui-nav-item"><a href="">粉丝管理</a></li>
+      <li class="layui-nav-item"><a href="">私信管理</a></li>
+      <li class="layui-nav-item"><a href="">帐号设置</a></li>
+    </ul>
+  </div>
+</fieldset>
diff --git a/public/cdn/layui-ul.css b/public/cdn/layui-ul.css
index d0c2ab5..0a64909 100644
--- a/public/cdn/layui-ul.css
+++ b/public/cdn/layui-ul.css
@@ -387,14 +387,17 @@
 .ul-message-item-right {
   width: calc(100% - 120px);
 }
-.ul-message-item-info{
+
+.ul-message-item-info {
   position: relative;
 }
-.ul-message-item-options{
+
+.ul-message-item-options {
   position: absolute;
-  right: 0;
-  top: 0;
+  right   : 0;
+  top     : 0;
 }
+
 .ul-message-item-avatar {
   background-size    : cover;
   background-position: center;
@@ -422,10 +425,10 @@
   margin-top      : 10px;
 }
 
-.ul-message-item-img-list{
-  
+.ul-message-item-img-list {
+
   margin-top: 10px;
-  
+
 }
 
 .ul-message-item-img {
@@ -433,7 +436,36 @@
   height             : 120px;
   background-size    : cover;
   background-position: center;
-  margin-right: 10px;
-  display: inline-block;
-  
+  margin-right       : 10px;
+  display            : inline-block;
+
+}
+
+.ul-nav-easy {
+  background-color: transparent;
+}
+
+
+.layui-nav-tree.ul-nav-easy .layui-nav-item>a {
+  color: #666;
+}
+
+.layui-nav-tree.ul-nav-easy .layui-this {
+  background-color: transparent;
+}
+
+.layui-nav-tree.ul-nav-easy .layui-this>a {
+  background-color: transparent;
+  color           : #6cf;
+}
+.layui-nav-tree.ul-nav-easy .layui-nav-item.layui-this a:hover{
+  color: #6cf;
+}
+.layui-nav-tree.ul-nav-easy .layui-nav-item a:hover {
+  color: #fff;
+}
+
+.layui-nav-tree.ul-nav-easy .layui-nav-item a {
+  height     : 45px;
+  line-height: 45px;
 }
\ No newline at end of file