diff --git a/App/Views/blog/basic.html b/App/Views/blog/basic.html
index f371a07..05e8cef 100644
--- a/App/Views/blog/basic.html
+++ b/App/Views/blog/basic.html
@@ -29,11 +29,11 @@
 	bottom: auto;
 	left: 0px;
 	right: 0px;
-	width: 1280px;
-	height: 50px;
+	width: 100%;
+	height: 80px;
 	z-index: 0;
 	padding:  24px 0px 0px 0px;
-	background: #0b58a2;
+	background: #20375f;
 	border: 1px solid rgb(187, 187, 187);
 	overflow: auto;
 	display: block;
@@ -58,41 +58,34 @@
 	display: block;
 	position:absolute;
 	left:50%;
-	margin-left: -640px;
-	top:74px;
-	width:1280px;
-	height: 860px;
-	margin-top: 3px;
+	margin-left: -50%;
+	top:104px;
+	width:100%;
+	height:auto!important;
+	min-height:600px;
 }
 #footer{
-	position: absolute;
 	bottom: 0px;
 	background: #FFFDFF;
-	left:50%;
-	top: 940px;
-	margin-left: -400px;
-	width: 800px;
+	left:35%;
 	height: 50px;
 }
 #container #left{
-	border: #0b93d5 solid 1px;
 	display: inline-block;
 	text-align: center;
 	margin: 0 auto;
-	width:240px;
-	height: 860px;
-	background: #0b58a2;
+	width: 14%;
+	height: auto;
+	background: #d9d6cb;
 }
 
 #container #right{
 	vertical-align:top;
 	top: 0px;
 	display: inline-block;
-	width: 1024px;
-	height: 860px;
+	width: 85%;
+	height: auto;
 	float: top;
-	border: #0b93d5 solid 1px;
-	border-radius: 1px;
 }
 ul li a{
 	color: white;
@@ -134,7 +127,7 @@ ul li a{
 	<div id="right" style="overflow:hidden">
 		{% if index == true %}
 		{% for doc in docs %}
-		<div style="width: 1024px; height: 160px; border-bottom: #0b58a2 solid 2px ;margin: 5px 5px 5px 0px; overflow:hidden;padding-bottom: 4px;">
+		<div style="width: 100%; height: 160px; margin: 5px 5px 5px 0px; overflow:hidden;padding-bottom: 4px;">
 			<div class="title" style="font-size: 12px;font-weight: bold">
 				<p style="display: inline;margin-left: 5px;">2019-08-04  </p>
 				{% if debug == true %}
@@ -152,13 +145,13 @@ ul li a{
 		{% endfor %}
 		{% endif %}
 		{% if article == true %}
-			<div style="width: 1024px; height: 100%; border-bottom: #0b58a2 solid 1px ;margin: 5px 5px 5px 5px;">
-				<p style="display: block;font-size: 16px;text-align: center;font-family: 黑体;">
+			<div style="width: 100%; height: 100%; margin: 5px 5px 5px 5px;">
+				<p style="display: block;font-size: 20px ; font-family: 宋体 bold ;text-align: center;font-family: 黑体;">
 					<br>{{ title }}</br>
 				</p>
-				<div  style="width: 1024px;height: 800px;
-				display: block;font-size: 14px;text-align:  left;
-				font-family: 'Droid Sans Mono'; word-break: break-all; word-wrap:break-word;overflow-y: scroll">
+				<div  style="width: 100%;height: auto;
+				display: block;font-size: 16px;text-align:  left;
+				word-break: break-all; word-wrap:break-word;">
 					{{ content | raw}}
 				</div>
 			</div>
@@ -168,6 +161,11 @@ ul li a{
 			 style="width: 300px;height: 420px;margin-left: 25%;">
 		{% endif %}
 	</div>
+	<div id="footer">
+		<p style="font-size: 5px;margin: auto;width: 250px;text-align: center">个人网站,备案号: 闽ICP备19002644号-1</p>
+		<p style="font-size: 5px;margin: auto;width: 150px;text-align: center">testingcloud.club</p>
+		<p style="font-size: 5px;margin: auto;width: 150px;text-align: center">联系方式290198252@qq.com</p>
+	</div>
 </div>
 <script type="text/javascript" async>
 	setTimeout( function(){
@@ -177,9 +175,5 @@ ul li a{
 		console.log({{type}});
 	},400);
 </script>
-<div id="footer">
-	<p style="font-size: 5px;margin: auto;width: 250px;text-align: center">个人网站,备案号: 闽ICP备19002644号-1</p>
-	<p style="font-size: 5px;margin: auto;width: 150px;text-align: center">testingcloud.club</p>
-	<p style="font-size: 5px;margin: auto;width: 150px;text-align: center">联系方式290198252@qq.com</p>
-</div>
+
 </body>
diff --git a/App/Views/blog/css/left.css b/App/Views/blog/css/left.css
index 1eba7a2..7a7a3dc 100644
--- a/App/Views/blog/css/left.css
+++ b/App/Views/blog/css/left.css
@@ -1,60 +1,70 @@
 
 .navMenuBox {
     overflow: hidden;
+    background: #eee;
+    color: lightgrey;
+
 }
 ul.navMenu{
     overflow: hidden;
     padding-left: 0px;
+    background: #eee;
 }
 /*去掉默认样式*/
 .navMenuBox ul,
 .navMenuBox li {
-    width: 240px;
+    width: 100%;
     list-style: none;
     padding: 0px;
-    margin: 2px;
+    margin-top: 2px;
     overflow: hidden;
+    color: lightgrey;
+    line-height: 50px;
+
 }
 
 .navMenu>li>a {
     text-align: center;
     display: block;
     line-height: 40px;
-    font-size: 16px;
     text-decoration: none;
-    color:   #ffffff;
-    border-top: 1px solid #222932;
+    color: lightgrey;
+    font: bold 16px "宋体" ;
+    background: #0a0a0a;
+    line-height: 50px;
 }
 
 .navMenu>li.active>a,
 .navMenu>li>a:hover,
 .subMenu>li.active>a,
 .subMenu>li>a:hover {
-    color: #f5f8f9;
+    color: #0b3e6f;
+
     cursor:default;
-    width: 240px;
+    width: 100%;
 }
 
 .subMenu>li>a {
     text-align: center;
     display: block;
-    line-height: 36px;
-    font-size: 13px;
+    line-height: 30px;
     text-decoration: none;
-    color: #ffffff;
+    color: #0a0a0a;
+    font-size: 16px;
+    font-family: "宋体";
 }
 
 ul.subMenu {
     margin-top: 8px;
     padding-bottom: 5px;
-    width: 240px;
+    width: 100%;
 
 }
 
 .subMenu>li>a {
     padding-left: 0px;
     padding-right: 30px;
-    width: 240px;
+    width: 100%;
 
 }
 a #arrow{
@@ -62,7 +72,7 @@ a #arrow{
     float: right;
     margin-right: 15px;
     font-size: 25px;
-    line-height: 40px;
+    line-height: 60px;
     font-weight: 300;
     text-shadow: none;
     width: 200px;