diff --git a/novel-front/src/main/resources/templates/common/footer.html b/novel-front/src/main/resources/templates/common/footer.html
index b3784c0..ecf062f 100644
--- a/novel-front/src/main/resources/templates/common/footer.html
+++ b/novel-front/src/main/resources/templates/common/footer.html
@@ -2,10 +2,10 @@
     <div class="box_center cf">
         <div class="copyright">
             <ul>
-                <li class="menu"><a href="/?to=mobile">手机站</a><i class="line">|</i><a href="/">网站首页</a><i
+                <li class="menu"><!--<a href="/?to=mobile">手机站</a><i class="line">|</i>--><a href="/">网站首页</a><i
                         class="line">|</i><a href="/user/feedback.html">反馈留言</a><i class="line">|</i><a
-                        href="/author/index.html">作家专区</a><i class="line">|</i><a
-                        href="/mobile/fiction_house.apk">客户端</a></li>
+                        href="/author/index.html">作家专区</a><!--<i class="line">|</i><a
+                        href="/mobile/fiction_house.apk">客户端</a>--></li>
                 <li th:text="'Copyright (C) '+${application.website.domain}+' All rights reserved&nbsp;&nbsp;'+${application.website.name}+'版权所有'"></li>
 
             </ul>
diff --git a/novel-front/src/main/resources/templates/mobile/book/book_content.html b/novel-front/src/main/resources/templates/mobile/book/book_content.html
index 4c7658d..46fbe77 100644
--- a/novel-front/src/main/resources/templates/mobile/book/book_content.html
+++ b/novel-front/src/main/resources/templates/mobile/book/book_content.html
@@ -161,11 +161,6 @@
             text-align: center;
         }
 
-        #footer {
-            padding-top: 10px;
-            line-height: 43px;
-        }
-
 
     </style>
 </head>
@@ -320,8 +315,6 @@
             }
         })
 
-        $("#content").css("min-height", ($(window).height() - 60) + "px");
-
 
     })();
 
diff --git a/novel-front/src/main/resources/templates/mobile/book/book_detail.html b/novel-front/src/main/resources/templates/mobile/book/book_detail.html
index aff86f0..824d863 100644
--- a/novel-front/src/main/resources/templates/mobile/book/book_detail.html
+++ b/novel-front/src/main/resources/templates/mobile/book/book_detail.html
@@ -289,8 +289,6 @@
     }
 
 
-    $("#content").css("min-height", ($(window).height() - 60) + "px");
-
     function downloadFile() {
         var fileUrl = '/book/download?bookId=' + $("#bookIdHidden").val() + '&bookName=' + $("#bookNamedHidden").val();
         window.location.href = fileUrl;
diff --git a/novel-front/src/main/resources/templates/mobile/book/book_index.html b/novel-front/src/main/resources/templates/mobile/book/book_index.html
index 7f9de7b..e9cd2c1 100644
--- a/novel-front/src/main/resources/templates/mobile/book/book_index.html
+++ b/novel-front/src/main/resources/templates/mobile/book/book_index.html
@@ -36,41 +36,43 @@
     </div>
 
 
-
 </head>
 <body>
 
 <div id="content">
-<input type="hidden" id="bookIdHidden" th:value="${book.id}"/>
-<div style="height: 50px;line-height: 50px;text-align: center" class="layui-header header header-doc  layui-bg-cyan">
+    <input type="hidden" id="bookIdHidden" th:value="${book.id}"/>
+    <div style="height: 50px;line-height: 50px;text-align: center"
+         class="layui-header header header-doc  layui-bg-cyan">
 
-    <div style="float: left;margin-left: 10px">
-        <a href="javascript:history.go(-1)">
-            <i style="font-size: 20px;color: #fff;" class="layui-icon">&#xe65c;</i></a>
+        <div style="float: left;margin-left: 10px">
+            <a href="javascript:history.go(-1)">
+                <i style="font-size: 20px;color: #fff;" class="layui-icon">&#xe65c;</i></a>
+        </div>
+        <a style="color: #ffffff;" th:href="'/book/'+ ${book.id} + '.html'"><b class="layui-icon"
+                                                                               th:utext="${book.bookName}"></b></a>
+        <div style="float: right;margin-right: 10px">
+            <a href="/"><i style="font-size: 20px;color: #fff;" class="layui-icon">&#xe68e;</i></a>
+        </div>
     </div>
-    <a style="color: #ffffff;" th:href="'/book/'+ ${book.id} + '.html'"><b class="layui-icon" th:utext="${book.bookName}"></b></a>
-    <div style="float: right;margin-right: 10px">
-        <a href="/"><i style="font-size: 20px;color: #fff;" class="layui-icon">&#xe68e;</i></a>
-    </div>
-</div>
 
 
-<p style="height: 30px;line-height: 30px;padding: 10px">
+    <p style="height: 30px;line-height: 30px;padding: 10px">
 
-    <a href="#buttom" style="color: red">&nbsp;&nbsp;↓直达页面底部</a>
-</p>
-
-
-<div class="layui-colla-content layui-show indexP layui-row">
-    <p class="line-limit-length layui-col-xs12 layui-col-sm4 layui-col-md3 layui-col-lg2" style="padding-left:10px;height: 50px;line-height: 50px;" th:each="index : ${bookIndexList}">
-        <a style="color:#333;" th:href="'/book/'+${index.bookId}+'/'+${index.id}+'.html'" th:utext="${index.indexName}">
-
-        </a>
+        <a href="#buttom" style="color: red">&nbsp;&nbsp;↓直达页面底部</a>
     </p>
 
 
+    <div class="layui-colla-content layui-show indexP layui-row">
+        <p class="line-limit-length layui-col-xs12 layui-col-sm4 layui-col-md3 layui-col-lg2"
+           style="padding-left:10px;height: 50px;line-height: 50px;" th:each="index : ${bookIndexList}">
+            <a style="color:#333;" th:href="'/book/'+${index.bookId}+'/'+${index.id}+'.html'"
+               th:utext="${index.indexName}">
 
-</div>
+            </a>
+        </p>
+
+
+    </div>
 </div>
 <div th:replace="mobile/common/footer :: footer">
 </div>
@@ -80,13 +82,14 @@
 <div th:replace="mobile/common/js :: js">
 </div>
 <script>
-    $("#content").css("min-height",($(window).height()-60)+"px");
-    $.get("/book/addVisit",{"bookId":$("#bookIdHidden").val()},function(){});
-    function toMyCollect(){
+    $.get("/book/addVisit", {"bookId": $("#bookIdHidden").val()}, function () {
+    });
+
+    function toMyCollect() {
         var token = localStorage.getItem("token");
-        if(token) {
+        if (token) {
             window.location.href = "/book/search?token=" + token;
-        }else{
+        } else {
             window.location.href = "/user/login.html";
         }
     }
diff --git a/novel-front/src/main/resources/templates/mobile/book/book_ranking.html b/novel-front/src/main/resources/templates/mobile/book/book_ranking.html
index 1a938b3..f43f4ab 100644
--- a/novel-front/src/main/resources/templates/mobile/book/book_ranking.html
+++ b/novel-front/src/main/resources/templates/mobile/book/book_ranking.html
@@ -62,10 +62,6 @@
             height: 180px;
         }
 
-        #footer {
-            padding-top: 10px;
-            line-height: 43px;
-        }
     </style>
 </head>
 <body>
diff --git a/novel-front/src/main/resources/templates/mobile/common/css.html b/novel-front/src/main/resources/templates/mobile/common/css.html
index 9876886..e40c070 100644
--- a/novel-front/src/main/resources/templates/mobile/common/css.html
+++ b/novel-front/src/main/resources/templates/mobile/common/css.html
@@ -1,6 +1,11 @@
 <div th:fragment="css">
     <link rel="stylesheet" href="/mobile/layui/css/layui.css">
     <style type="text/css">
+        body {
+            min-height: 100vh;
+            position: relative;
+        }
+
         .app {
             display: none;
         }
@@ -22,9 +27,12 @@
         }
 
         #footer {
-            padding-top: 6px;
-            height: 60px;
-            line-height: 54px;
+            position: absolute;
+            bottom: 0px;
+            left: 0;
+            right: 0;
+            height: 50px;
+            line-height: 48px;
             text-align: center;
         }
     </style>
diff --git a/novel-front/src/main/resources/templates/mobile/common/footer.html b/novel-front/src/main/resources/templates/mobile/common/footer.html
index a1aaf57..0d6cada 100644
--- a/novel-front/src/main/resources/templates/mobile/common/footer.html
+++ b/novel-front/src/main/resources/templates/mobile/common/footer.html
@@ -1,15 +1,19 @@
-<div th:fragment="footer" id="footer"
-     class="layui-footer footer footer-demo layui-bg-cyan">
-    <!--<a href="/mobile/book/searchSoftBook.html" style="font-size: 14px;color: #fff;">轻小说</a>
-    <a href="/mobile/book/searchSoftBook.html?catId=9" style="font-size: 14px;color: #fff;margin-left: 8px">漫画</a>-->
-    <a href="/?to=pc" style="font-size: 14px;color: #fff;margin-left: 8px">电脑站</a>
-    <a href="/user/read_history.html" style="font-size: 14px;color: #fff;margin-left: 8px">阅读记录</a>
-    <a href="/user/favorites.html" style="font-size: 14px;color: #fff;margin-left: 8px">书架</a>
-    <a href="/mobile/fiction_house.apk" style="font-size: 14px;color: #fff;margin-left: 8px">客户端</a>
-    <!--<a href="https://www.zinglizingli.xyz/me/index.html" style="font-size: 14px;color: #fff;margin-left: 8px">开发者</a>-->
+<div th:fragment="footer">
+    <div style="height: 50px"></div>
+    <div id="footer"
+         class="layui-footer footer footer-demo layui-bg-cyan">
+        <!--<a href="/mobile/book/searchSoftBook.html" style="font-size: 14px;color: #fff;">轻小说</a>
+        <a href="/mobile/book/searchSoftBook.html?catId=9" style="font-size: 14px;color: #fff;margin-left: 8px">漫画</a>-->
+        <!--<a href="/?to=pc" style="font-size: 14px;color: #fff;margin-left: 8px">电脑站</a>-->
+        <a href="/" style="font-size: 16px;color: #fff;">首页</a>
+        <a href="/user/read_history.html" style="font-size: 16px;color: #fff;margin-left: 18px">阅读记录</a>
+        <a href="/user/favorites.html" style="font-size: 16px;color: #fff;margin-left: 18px">书架</a>
+        <!--<a href="/mobile/fiction_house.apk" style="font-size: 14px;color: #fff;margin-left: 8px">客户端</a>-->
+        <!--<a href="https://www.zinglizingli.xyz/me/index.html" style="font-size: 14px;color: #fff;margin-left: 8px">开发者</a>-->
 
 
-    <div style="float: right"><a href="#top"><i class="layui-icon"
-                                                style="margin-right:15px;font-size: 30px;color:#fff ">&#xe604;</i></a>
+        <div style="margin-top:-3px;float: right"><a href="#top"><i class="layui-icon"
+                                                                    style="margin-right:15px;font-size: 25px;color:#fff ">&#xe604;</i></a>
+        </div>
     </div>
 </div>
\ No newline at end of file
diff --git a/novel-front/src/main/resources/templates/mobile/pay/index.html b/novel-front/src/main/resources/templates/mobile/pay/index.html
index c954f4e..befa955 100644
--- a/novel-front/src/main/resources/templates/mobile/pay/index.html
+++ b/novel-front/src/main/resources/templates/mobile/pay/index.html
@@ -79,11 +79,6 @@
             padding-bottom: 20px;
         }
 
-        #footer {
-            padding-top: 10px;
-            line-height: 43px;
-        }
-
     </style>
 </head>
 <body>
@@ -170,7 +165,6 @@
 <div th:replace="mobile/common/js :: js"></div>
 
 <script>
-    $("#body").css("min-height", ($(window).height() - 110) + "px")
 
     //查询用户信息
     $.ajax({
diff --git a/novel-front/src/main/resources/templates/mobile/user/favorites.html b/novel-front/src/main/resources/templates/mobile/user/favorites.html
index d4de323..44d3d44 100644
--- a/novel-front/src/main/resources/templates/mobile/user/favorites.html
+++ b/novel-front/src/main/resources/templates/mobile/user/favorites.html
@@ -62,10 +62,6 @@
             height: 180px;
         }
 
-        #footer {
-            padding-top: 10px;
-            line-height: 43px;
-        }
     </style>
 </head>
 <body>
@@ -113,7 +109,6 @@
 <div th:replace="mobile/common/js :: js"></div>
 
 <script>
-    $("#body").css("min-height", ($(window).height() - 110) + "px")
 
     search(1, 20);
 
diff --git a/novel-front/src/main/resources/templates/mobile/user/login.html b/novel-front/src/main/resources/templates/mobile/user/login.html
index a5ac748..b5849d9 100644
--- a/novel-front/src/main/resources/templates/mobile/user/login.html
+++ b/novel-front/src/main/resources/templates/mobile/user/login.html
@@ -63,7 +63,6 @@
 <div th:replace="mobile/common/js :: js">
 </div>
 <script type="text/javascript">
-    $("#form1").css("min-height", ($(window).height() - 140) + "px")
     if (localStorage.getItem("autoLogin") == 1) {
         $("#autoLogin").prop("checked", 'true');
         layui.form.render('checkbox', 'loginForm');
diff --git a/novel-front/src/main/resources/templates/mobile/user/read_history.html b/novel-front/src/main/resources/templates/mobile/user/read_history.html
index 11a78db..77365bf 100644
--- a/novel-front/src/main/resources/templates/mobile/user/read_history.html
+++ b/novel-front/src/main/resources/templates/mobile/user/read_history.html
@@ -62,10 +62,6 @@
             height: 180px;
         }
 
-        #footer {
-            padding-top: 10px;
-            line-height: 43px;
-        }
     </style>
 </head>
 <body>
@@ -113,7 +109,6 @@
 <div th:replace="mobile/common/js :: js"></div>
 
 <script>
-    $("#body").css("min-height", ($(window).height() - 110) + "px")
 
     search(1, 20);
 
diff --git a/novel-front/src/main/resources/templates/mobile/user/register.html b/novel-front/src/main/resources/templates/mobile/user/register.html
index d9b2370..e192633 100644
--- a/novel-front/src/main/resources/templates/mobile/user/register.html
+++ b/novel-front/src/main/resources/templates/mobile/user/register.html
@@ -69,7 +69,6 @@
 <div th:replace="mobile/common/js :: js">
 </div>
 <script type="text/javascript">
-    $("#form1").css("min-height", ($(window).height() - 140) + "px")
     $("#chkd").click();
 
     $("#btnRegister").click(function () {
diff --git a/novel-front/src/main/resources/templates/mobile/user/userinfo.html b/novel-front/src/main/resources/templates/mobile/user/userinfo.html
index acfa6e1..38e9716 100644
--- a/novel-front/src/main/resources/templates/mobile/user/userinfo.html
+++ b/novel-front/src/main/resources/templates/mobile/user/userinfo.html
@@ -213,7 +213,6 @@
 
 
 <script>
-    $("#body").css("min-height", ($(window).height() - 60) + "px")
 
     //查询用户信息
     $.ajax({
