diff --git a/application/index/view/default/public/footer_nav.html b/application/index/view/default/public/footer_nav.html
index 34f0a3f0d..f7b3ff1c5 100755
--- a/application/index/view/default/public/footer_nav.html
+++ b/application/index/view/default/public/footer_nav.html
@@ -34,18 +34,20 @@
 	<div class="am-container">
 		<!-- 底部导航 -->
 		{{if !empty($nav_footer)}}
-			<ul class="footer-nav-list am-u-md-8">
+			<ul data-am-widget="gallery" class="am-gallery am-avg-sm-2 am-avg-md-4 am-avg-lg-4 am-gallery-overlay am-no-layout am-u-md-8 footer-nav-list" data-am-gallery="{}">
 				{{foreach $nav_footer as $k=>$v}}
 					{{if $k lt 4}}
-						<li class="am-fl">
-							<p class="footer-nav-title ellipsis">{{$v.name}}</p>
-							{{if !empty($v['items'])}}
-								{{foreach $v.items as $vs}}
-									<p class="ellipsis">
-										<a href="{{$vs.url}}" {{if $vs['is_new_window_open'] eq 1}}target="_blank"{{/if}}>{{$vs.name}}</a>
-									</p>
-								{{/foreach}}
-							{{/if}}
+						<li>
+							<div class="am-gallery-item">
+								<p class="footer-nav-title ellipsis">{{$v.name}}</p>
+								{{if !empty($v['items'])}}
+									{{foreach $v.items as $vs}}
+										<p class="ellipsis">
+											<a href="{{$vs.url}}" {{if $vs['is_new_window_open'] eq 1}}target="_blank"{{/if}}>{{$vs.name}}</a>
+										</p>
+									{{/foreach}}
+								{{/if}}
+							</div>
 						</li>
 					{{/if}}
 				{{/foreach}}
diff --git a/public/static/index/default/css/common.css b/public/static/index/default/css/common.css
index c4d331b16..cc1cac735 100755
--- a/public/static/index/default/css/common.css
+++ b/public/static/index/default/css/common.css
@@ -436,28 +436,16 @@ background:url(../images/ibar_sprites.png) no-repeat;background-position:0px -23
     color: #b1b1b1;
 }
 .footer-nav-list {
-    overflow: hidden;
+    padding: 0;
 }
-.footer-nav-list li {
-    width: 25%;
+.footer-nav-list .am-gallery-item {
     text-align: left;
-    padding: 0 5px;
 }
-.footer-nav-list li .footer-nav-title {
+.footer-nav-list .am-gallery-item .footer-nav-title {
     font-weight: 500;
     font-size: 14px;
     color: #fff;
 }
-.footer-nav-list li p {
-    line-height: 26px;
-}
-.footer-nav-list li p a {
-    color: #c4c4c4;
-}
-.footer-nav-list li p a:hover {
-    color: #fff;
-    text-decoration: underline;
-}
 .am-footer-miscs {
     padding: 10px 0 5px 0;
     margin-top: 10px;
@@ -492,9 +480,6 @@ background:url(../images/ibar_sprites.png) no-repeat;background-position:0px -23
     }
 }
 @media only screen and (max-width:640px) {
-    .footer-nav-list li {
-        
-    }
     .footer-about {
         border-top: 1px solid #383838;
         padding-top: 10px;