fix修改

src/views/home/home.vue

@@ -54,23 +54,25 @@
             </div>
           </el-carousel-item>
         </el-carousel>
-        
-        <div class="button-line-box" :class="{buttonLineBox:isStart}">
-          <div class="button-line">
-            <div class="about-line">
-              <h3>ABOUT</h3>
-              <h4>Mainstream reliable trading currencies</h4>
-              <p class="word">交易币种</p>
-              <hr>
-              <p class="word-tip">精选主流币种</p>
-              <p class="word-tip">多种报价模式</p>
-            </div>
+        <div class="button-line2" v-show="isStart">
+          <button class="btn1">申请代理</button>
+          <!-- <button class="btn2">在线咨询</button> -->
+          <span class="phoneNum">热线电话：4001-566-899</span>
+        </div>
+        <div class="button-line-box"><!--  :class="{buttonLineBox:isStart}" -->
+          <div class="about-line">
+            <h3>ABOUT</h3>
+            <h4>Mainstream reliable trading currencies</h4>
+            <p class="word">交易币种</p>
+            <hr>
+            <p class="word-tip">精选主流币种</p>
+            <p class="word-tip">多种报价模式</p>
           </div>
-          <div class="button-line" v-show="isStart">
-            <button class="btn1">申请代理</button>
-            <!-- <button class="btn2">在线咨询</button> -->
-            <span class="phoneNum">热线电话：4001-566-899</span>
-          </div>    
+          <!-- <div class="button-line" v-show="isStart">
+                <button class="btn1">申请代理</button>
+                <button class="btn2">在线咨询</button>
+                <span class="phoneNum">热线电话：4001-566-899</span>
+              </div> -->    
         </div>       
         <loginPart></loginPart>                
       </div>
@@ -351,7 +353,7 @@ export default{
   /*padding-top: 75px;*/
   .fixLine{
     position: fixed;
-    bottom: 0px;
+    bottom: -1px;
     height: 80px;
     background-color: rgba(0,0,0,0.6);
     z-index: 11;
@@ -822,7 +824,7 @@ export default{
     /* height: 100px;
     background-color: rgba(0,0,0,0.46); */
     position: absolute;
-    bottom: 0;
+    bottom: 25px;
     z-index: 10;
     text-align: center;
     width: 100%;
@@ -830,7 +832,8 @@ export default{
     padding: 30px 0;
     .about-line{
       position: absolute;
-      top:-20px;
+      top: 20px;
+      left: 260px;
       width: 200px;
       height: 450px;
       background:#1a6fa6 url("../../assets/img/home/aboutBg.png") no-repeat left 125%;
@@ -890,5 +893,38 @@ export default{
       font-weight: bold;
     }
   }
+  .button-line2{
+    height: 100px;
+    background-color: rgba(0,0,0,0.5);
+    width: 100%;
+    margin: 0 auto;
+    line-height: 100px;
+    position: absolute;
+    top: 800px;
+    z-index: 10;
+    button{
+      width: 140px;
+      height: 40px;
+      border-radius: 20px;
+      border: 0;
+      font-size: 18px;
+      font-weight: bold;
+      margin-right: 60px;
+      cursor: pointer;
+    }
+    .btn1{
+      background-color: #1a6fa6;
+      color: #fff;
+    }
+    .btn2{
+      color: #1a6fa6;
+      background-color: #fff;
+    }
+    .phoneNum{
+      color: #fff;
+      font-size: 25px;
+      font-weight: bold;
+    }
+  }
 }
 </style>