fix: footer显示问题

docs/.vuepress/theme/styles/footer.styl

@@ -66,7 +66,7 @@ $html5Color = #fb6f18
 		display flex
 		flex-direction column
 		align-items flex-start
-		margin 20px 50px 0 0
+		margin 20px 45px 0 0
 
 	.navLine
 		width 100%
@@ -181,6 +181,7 @@ $html5Color = #fb6f18
 
 			.navItemDetail
 				margin-right 0px
+				width 131px
 
 		#aboutusBox
 			height 420px
@@ -189,20 +190,26 @@ $html5Color = #fb6f18
 			margin-right 20px
 
 @media screen and (min-width $MQMobile)
+
+	#footNavBox 
+		.navLine
+			width 80%
+		.footNavItem
+			margin 20px 18px 0 0
 	#footNavClassify
 		width 30%
 
 		.footNavItem
-			min-width 290px
+			min-width 240px
 
 		.navItemDetailBox
 			height 300px
 			display flex
-			justify-content center
+			justify-content flex-start
 			flex-direction column
 
 			.navItemDetail
-				margin-right 70px
+				margin-right 1rem
 
 	#aboutusBox
 		width 70%