diff --git a/src/components/Tools/FooterContent.vue b/src/components/Tools/FooterContent.vue
index da6fff5..388c950 100644
--- a/src/components/Tools/FooterContent.vue
+++ b/src/components/Tools/FooterContent.vue
@@ -3,24 +3,13 @@
     <div id="title" style="text-align: left">
       <strong>期待与您共创</strong>
     </div>
-    <div id="CAL">
-      <span class="itemtitle">CAL</span>
-      <br/>
-      <span class="itemcontent">13161374111 田先生<br/>
-        13520956868 武先生</span>
-    </div>
     <div id="EMAIL">
       <span class="itemtitle">EMAIL</span>
       <br/>
       <span class="itemcontent">
-        kdbd@kdesign.top&nbsp;商务<br/>kdhr@kdesign.top&nbsp;招聘
+        kdbd@kdesign.top&nbsp;商务<br/>kdhr@kdesign.top&nbsp; 招聘
       </span>
     </div>
-    <div id="WECHAT">
-      <span class="itemtitle">WECHAT</span>
-      <br/>
-      <span class="itemcontent">K&nbsp;Design&nbsp;Studio</span>
-    </div>
     <div id="ADDRESS">
       <span class="itemtitle">ADDRESS</span>
       <br/>
@@ -49,7 +38,9 @@ export default {
 
 #footercontent
 {
-  display: grid;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
   color:white;
 }
 
@@ -84,64 +75,50 @@ export default {
   white-space: nowrap;
   line-height: 48px;
   @include media-breakpoint-between(xs, md) {
-    grid-column: 1;
-    grid-row: 1;
     font-size: 24px;
   }
   @include media-breakpoint-up(md) {
-    grid-column: 1;
-    grid-row: 1;
     font-size: 48px;
   }
 }
 #CAL{
   @include media-breakpoint-between(xs, md) {
-    grid-column: 1;
-    grid-row: 2;
+
   }
   @include media-breakpoint-up(md) {
-    grid-column: 1;
-    grid-row: 2;
+
   }
 }
 #EMAIL{
   @include media-breakpoint-between(xs, md) {
-    grid-column: 1;
-    grid-row: 3;
+
   }
   @include media-breakpoint-up(md) {
-    grid-column: 1;
-    grid-row: 3;
+
   }
 }
 #WECHAT{
   @include media-breakpoint-between(xs, md) {
-    grid-column: 1;
-    grid-row: 4;
+
   }
   @include media-breakpoint-up(md) {
-    grid-column: 1;
-    grid-row: 4;
+
   }
 }
 #ADDRESS{
   @include media-breakpoint-between(xs, md) {
-    grid-column: 1;
-    grid-row: 5;
+
   }
   @include media-breakpoint-up(md) {
-    grid-column: 2;
-    grid-row: 2;
+
   }
 }
 #QRCODE{
   @include media-breakpoint-between(xs, md) {
-    grid-column: 1;
-    grid-row: 6;
+
   }
   @include media-breakpoint-up(md) {
-    grid-column: 2;
-    grid-row: 3 / span 2;
+
   }
 }