diff --git a/static/mrdoc.css b/static/mrdoc.css
index c91b5d6..4d438e0 100644
--- a/static/mrdoc.css
+++ b/static/mrdoc.css
@@ -253,7 +253,7 @@ body, html {
     text-decoration: underline;
 }
 li.active > a,li.active > div > a{
-  color: #1E9FFF;
+  color: #5FB878;
 }
 .bq a {
     padding: 15px;
diff --git a/template/app_doc/doc.html b/template/app_doc/doc.html
index 5247c94..69d7299 100644
--- a/template/app_doc/doc.html
+++ b/template/app_doc/doc.html
@@ -78,16 +78,23 @@
     //初始化悬浮目录
     var toc = $("#toc-container").find('li');
     if(toc.length > 0){
-        layer.open({
+        var toc_index = layer.open({
              title: '目录',
              type:1,
              offset:'r',//坐标
              maxmin:true, //最大最小化
-             area: ['170px','200px'],
+             area: ['170px','0.8'],
              shade: 0,
              content: $("#toc-container"),
         });
     };
+    // 手机屏幕上默认最小化目录
+    if(window.outerWidth < 768){
+        console.log('最小化目录');
+        setTimeout(function(){
+            layer.min(toc_index);
+        },500)
+    }
     //修改a标签链接新窗口打开
     $('#content').on('click','a',function(e){
         e.target.target = '_blank';
diff --git a/template/app_doc/docs_base.html b/template/app_doc/docs_base.html
index 131c866..b888753 100644
--- a/template/app_doc/docs_base.html
+++ b/template/app_doc/docs_base.html
@@ -253,24 +253,6 @@
 </div>
 
 <script src="{% static 'jquery/3.1.1/jquery.min.js' %}"></script>
-<script src="{% static 'layui/layui.all.js' %}"></script>
-<script src="{% static 'editor.md/lib/marked.min.js' %}"></script>
-<script src="{% static 'editor.md/lib/prettify.min.js' %}"></script>
-<script src="{% static 'editor.md/lib/raphael.min.js' %}"></script>
-<script src="{% static 'editor.md/lib/underscore.min.js' %}"></script>
-<script src="{% static 'editor.md/lib/sequence-diagram.min.js' %}"></script>
-<script src="{% static 'editor.md/lib/flowchart.min.js' %}"></script>
-<script src="{% static 'editor.md/lib/jquery.flowchart.min.js' %}"></script>
-<script src="{% static 'editor.md/lib/echarts.min.js' %}"></script>
-<!-- 脑图开始 -->
-<script src="{% static 'mindmap/d3@5.js' %}"></script>
-<script src="{% static 'mindmap/transform.min.js' %}"></script>
-<script src="{% static 'mindmap/view.min.js' %}"></script>
-<!-- 脑图结束 -->
-
-<!-- <script src="{% static 'editor.md/editormd.min.js' %}"></script> -->
-<script src="{% static 'editor.md/editormd.js' %}?version={{mrdoc_version}}"></script>
-<script src="{% static 'share.js/js/social-share.min.js' %}"></script>
 <script>
     //加载页面时执行一次
     changeSidebar();
@@ -290,7 +272,26 @@
             $("body").removeClass("big-page");
         }
     }
-    </script>
+</script>
+<script src="{% static 'layui/layui.all.js' %}"></script>
+<script src="{% static 'editor.md/lib/marked.min.js' %}"></script>
+<script src="{% static 'editor.md/lib/prettify.min.js' %}"></script>
+<script src="{% static 'editor.md/lib/raphael.min.js' %}"></script>
+<script src="{% static 'editor.md/lib/underscore.min.js' %}"></script>
+<script src="{% static 'editor.md/lib/sequence-diagram.min.js' %}"></script>
+<script src="{% static 'editor.md/lib/flowchart.min.js' %}"></script>
+<script src="{% static 'editor.md/lib/jquery.flowchart.min.js' %}"></script>
+<script src="{% static 'editor.md/lib/echarts.min.js' %}"></script>
+<!-- 脑图开始 -->
+<script src="{% static 'mindmap/d3@5.js' %}"></script>
+<script src="{% static 'mindmap/transform.min.js' %}"></script>
+<script src="{% static 'mindmap/view.min.js' %}"></script>
+<!-- 脑图结束 -->
+
+<!-- <script src="{% static 'editor.md/editormd.min.js' %}"></script> -->
+<script src="{% static 'editor.md/editormd.js' %}?version={{mrdoc_version}}"></script>
+<script src="{% static 'share.js/js/social-share.min.js' %}"></script>
+
     <script>
         $.ajaxSetup({
             data: {csrfmiddlewaretoken: '{{ csrf_token }}' },