diff --git a/login-base/src/main/resources/templates/default-main.html b/login-base/src/main/resources/templates/default-main.html
index b6490af3..6309090e 100644
--- a/login-base/src/main/resources/templates/default-main.html
+++ b/login-base/src/main/resources/templates/default-main.html
@@ -14,11 +14,19 @@
     <link rel="stylesheet" href="assets/layuiadmin/style/default-main.css" media="all">
     <style>
         .system-nav-box {}
-        .system-nav-box .system-box {display:none;background-color: #fff;width: 260px;position: absolute;top: 50px;left: -50px;border: 1px solid #f6f6f6; overflow: hidden;}
-        .system-nav-box .system-box .system-item-list {width: 280px; max-height: 140px; overflow: auto;}
-        .system-nav-box .system-box .system-item-list .system-item {text-align: left; padding: 0 35px 0 15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom: 1px solid #f6f6f6;}
-        .system-nav-box .system-box .system-item-list .system-item:last-child {border-bottom: none;}
-        .system-nav-box .system-box .system-item-list .system-item i {}
+        .system-nav-box .system-box {display:none;background-color: #fff;width: 310px;position: absolute;top: 50px;left: -50px;border: 1px solid #f6f6f6; overflow: hidden;}
+        .system-nav-box .system-box .system-item-list {width: 330px; max-height: 310px; overflow: auto; padding-bottom: 10px;}
+        .system-nav-box .system-box .system-item-list .system-item {background-color: red; color: #FFF; text-align: left; width: 60px; height: 60px; margin-left: 10px; margin-top: 10px; padding: 15px;border-bottom: 1px solid #f6f6f6; float: left}
+        .system-nav-box .system-box .system-item-list .system-item .icon {text-align: center; line-height: 40px;}
+        .system-nav-box .system-box .system-item-list .system-item .icon i{font-size: 30px;}
+        .system-nav-box .system-box .system-item-list .system-item .text {text-align: center; line-height: 20px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+        .system-nav-box .system-box .system-item-list .system-item-bg0 {background-color: #3D69FF}
+        .system-nav-box .system-box .system-item-list .system-item-bg1 {background-color: #797FF5}
+        .system-nav-box .system-box .system-item-list .system-item-bg2 {background-color: #DF610D}
+        .system-nav-box .system-box .system-item-list .system-item-bg3 {background-color: #1AA7EC}
+        .system-nav-box .system-box .system-item-list .system-item-bg4 {background-color: #1E2F96}
+        .system-nav-box .system-box .system-item-list .system-item-bg5 {background-color: #2C67CC}
+        .system-nav-box .system-box .system-item-list .system-item-bg6 {background-color: #EA4A5D}
     </style>
     <style th:if="${menuMode eq 'floatLeft'}">
         .layui-side-menu-hidden {display: none;}
@@ -54,11 +62,11 @@
                     </a>
                     <div class="system-box">
                         <div class="system-item-list">
-                            <a th:href="${system.menuUrl}" class="system-item" th:title="${system.menuName}" th:each="system: ${systems}" style="color: #000 !important;">
-                                <span>
+                            <a th:href="${system.menuUrl}" class="system-item" th:classappend="${'system-item-bg'+ userStat.index}" th:title="${system.menuName}" th:each="system,userStat: ${systems}">
+                                <div class="icon">
                                     <i th:class="${system.menuIcon}"></i>
-                                </span>
-                                <span th:text="${system.menuName}"></span>
+                                </div>
+                                <div class="text" th:text="${system.menuName}"></div>
                             </a>
                         </div>
                     </div>