diff --git a/service/Application/Home/View/Default/Index/Index.html b/service/Application/Home/View/Default/Index/Index.html
index 07f3f9956..56d42970e 100755
--- a/service/Application/Home/View/Default/Index/Index.html
+++ b/service/Application/Home/View/Default/Index/Index.html
@@ -258,4 +258,8 @@
 
 <!-- footer start -->
 <include file="Public/Footer" />
-<!-- footer end -->
\ No newline at end of file
+<!-- footer end -->
+
+<!-- nav start -->
+<include file="Public/Nav" />
+<!-- nav end -->
\ No newline at end of file
diff --git a/service/Application/Home/View/Default/Public/FooterNav.html b/service/Application/Home/View/Default/Public/FooterNav.html
index 6463c2eab..a26446a91 100755
--- a/service/Application/Home/View/Default/Public/FooterNav.html
+++ b/service/Application/Home/View/Default/Public/FooterNav.html
@@ -1,4 +1,3 @@
-<hr data-am-widget="divider" class="am-divider am-divider-default" />
 <footer data-am-widget="footer" class="am-footer am-footer-default" data-am-footer="{}">
 	<div class="footer-nav-list">
 		<foreach name="nav_footer" key="k" item="v">
diff --git a/service/Application/Home/View/Default/Public/Nav.html b/service/Application/Home/View/Default/Public/Nav.html
new file mode 100644
index 000000000..cb321641d
--- /dev/null
+++ b/service/Application/Home/View/Default/Public/Nav.html
@@ -0,0 +1,14 @@
+<div class="navCir">
+    <li class="active">
+        <a href="home.html"><i class="am-icon-home"></i>首页</a>
+    </li>
+    <li>
+        <a href="sort.html"><i class="am-icon-list"></i>分类</a>
+    </li>
+    <li>
+        <a href="shopcart.html"><i class="am-icon-shopping-basket"></i>购物车</a>
+    </li>
+    <li>
+        <a href="../person/index.html"><i class="am-icon-user"></i>我的</a>
+    </li>
+</div>
\ No newline at end of file
diff --git a/service/Public/Home/Default/Css/Common.css b/service/Public/Home/Default/Css/Common.css
index b89ac80e6..caf5647d8 100755
--- a/service/Public/Home/Default/Css/Common.css
+++ b/service/Public/Home/Default/Css/Common.css
@@ -111,6 +111,7 @@ color: #F5F5F2;font-size: 14px;cursor:pointer;border-radius:0px 0px ;}
 .header-top { background-color: #eee; }
 .header{ display:none; max-width:1000px; margin:0px auto; font-size:12px;}  
 
+.am-footer { border-top: 2px solid #FF5400; }
 .footer-bd{ display:none}
 .footer{ text-align: center;border-top: 2px solid #F8F8F8 margin-top:20px; padding-top: 5px;margin-bottom:60px ;}
 .footer-hd{ display: block;}
@@ -122,6 +123,12 @@ color: #F5F5F2;font-size: 14px;cursor:pointer;border-radius:0px 0px ;}
 .navCir li i{display: block;font-size: 18px;}
 .navCir li.active a{color:#F03726 ;}
 
+
+@media only screen and (max-width: 640px) 
+{
+    .am-footer { margin-bottom: 45px; }
+}
+
 @media only screen and (min-width: 640px) 
 {
     /*公共*/
@@ -161,11 +168,11 @@ color: #F5F5F2;font-size: 14px;cursor:pointer;border-radius:0px 0px ;}
     .nav.white{ position:relative;top:0px;z-index:0;margin-bottom: 5px;}
      #ai-topsearch{ font-size:18px;}
      /*底部*/
-    .footer {text-align:left; display:block;position: relative;margin: 0px auto; padding: 7px 0px 9px;border-top: 2px solid #FF5400; margin-top:20px;}
-    .footer .footer-bd p, .footer .footer-hd p {margin-bottom: 8px;line-height: 27px;border-bottom: 1px solid #DDD; text-align:left;}
-    .footer .footer-hd a { margin: 0px 4px;white-space: nowrap;color: #6C6C6C;}
-    .footer .footer-hd b { margin: 0px 3px;font-weight: 400;color: #DDD;}
-    .footer .footer-bd p{ border-bottom:none;}
+    .am-footer {text-align:center; display:block;position: relative;margin: 0px auto; padding: 7px 0px 9px; margin-top:20px;}
+    .am-footer .footer-bd p, .footer .footer-hd p {margin-bottom: 8px;line-height: 27px;border-bottom: 1px solid #DDD; text-align:left;}
+    .am-footer .footer-hd a { margin: 0px 4px;white-space: nowrap;color: #6C6C6C;}
+    .am-footer .footer-hd b { margin: 0px 3px;font-weight: 400;color: #DDD;}
+    .am-footer .footer-bd p{ border-bottom:none;}
     .footer-bd{ display:block;}
     .bloglist{ margin-top:0px;}
     .shopMain {margin:0px 5px;}