diff --git a/demo/pc/list.html b/demo/pc/list.html
index f30ec4e..5aaa92d 100644
--- a/demo/pc/list.html
+++ b/demo/pc/list.html
@@ -368,6 +368,38 @@
                     </div>
                 </div>
             </div>
+        </div>
+    </div>
+</fieldset>
+
+<fieldset class="layui-elem-field layui-field-title">
+    <legend>站点导航</legend>
+    <div class="layui-field-box">
+        <div class="ul-site-group" data-repeat="3">
+            <div class="ul-site-group-header">
+                新上线
+            </div>
+            <div class="ul-site-list">
+
+                <div class="ul-site-item" data-repeat="6">
+                    <div class="ul-site-item-logo" style="background-image: url('/static/images/view.jpg')">
+
+                    </div>
+                    <div class="ul-site-item-info">
+                        <div class="ul-site-item-title">
+                            layui奥宏样式库
+                        </div>
+                        <div class="ul-site-item-desc">
+                            纯CSS的组件案例样式大全
+                        </div>
+
+                    </div>
+                </div>
+
+
+            </div>
+
+
         </div>
     </div>
 </fieldset>
\ No newline at end of file
diff --git a/public/cdn/layui-ul.css b/public/cdn/layui-ul.css
index d1b6c18..71016dd 100644
--- a/public/cdn/layui-ul.css
+++ b/public/cdn/layui-ul.css
@@ -1426,4 +1426,51 @@ body .layui-quote-gray {
 .ul-nav-button-desc {
     color    : #666;
     font-size: 14px;
+}
+
+.ul-site-group {
+    margin-bottom: 4px;
+}
+
+.ul-site-list {
+    display        : flex;
+    align-items    : flex-start;
+    justify-content: flex-start;
+    flex-wrap      : wrap;
+    margin-top     : 8px;
+}
+
+.ul-site-item {
+    width          : 24%;
+    margin-right   : 1%;
+    display        : flex;
+    align-items    : flex-start;
+    justify-content: flex-start;
+    margin-bottom  : 14px;
+}
+
+.ul-site-item-logo {
+    width              : 24px;
+    height             : 24px;
+    margin-right       : 4px;
+    margin-top         : 4px;
+    background-size    : cover;
+    background-position: center;
+}
+
+
+.ul-site-item-info {
+    width: calc(100% - 34px);
+
+}
+
+.ul-site-item-title {
+    color          : #4662d9;
+    font-weight    : bold;
+    text-decoration: none;
+}
+
+.ul-site-item-desc {
+    font-size: 12px;
+    color    : #666;
 }
\ No newline at end of file