将此处按钮修改成【免费注册】和【登录】

assets/scss/cus-client/cus-client-common.scss

@@ -179,11 +179,51 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
 
   //头部右侧区域
   .head-right{
-      line-height: 80px;
-      a{width: 130px;height: 40px;line-height: 40px;@include setFontStyle(-4);border-radius: 4px;display: inline-block;border: 1px solid #0366cd;color:#0064cc;box-sizing: border-box;margin-right:10px;text-align: center;}
-      a.right-tel-btn{width:auto;color: #fff;background: #3e7ce7;border: 1px solid #3e7ce7;padding: 0 8px;margin-right: 0;}
-      a:hover{cursor: pointer;}
-      i{width: 24px;height: 24px;display:inline-block;background-image: url("~static/images/client/component/nav-phone.png");margin-right: 4px;vertical-align: middle;}
+      line-height: 80px;position: relative;
+      >a{height: 40px;line-height: 40px;@include setFontStyle(-4);padding: 0 30px;border-radius: 4px;display: inline-block;border: 1px solid #0366cd;color:#0064cc;box-sizing: border-box;text-align: center;}
+      >a.right-tel-btn{width: 130px;color: #fff;background: #3e7ce7;border: 1px solid #3e7ce7;padding: 0 8px;margin-right:10px;position: relative;}
+      >a:hover{cursor: pointer;}
+      .system-box{width: 130px;height: 60px;position: absolute;top: 20px;}
+      .system-box{
+         div{
+          display: none;position: absolute;background: #fff;border: 1px solid #b5b5b5;border-radius: 4px;padding: 10px 8px;left: 0;top:57px;transition: 3s;
+          a{
+            display: inline-block;
+            i{width: 110px;height: 84px;display: block;background-size: cover;}
+          }
+          a:nth-child(1){i{background-image:url("~static/images/client/exam/product-function-icon3.png");} }
+          a:nth-child(3){i{background-image:url("~static/images/client/train/product-function-icon6.png");} }
+          span{width: 1px;height: auto;background:#e8e8e8;@include setFontStyle(-4);margin: 10px;}
+          p{@include setFontStyle(-4);color: rgba(0,0,0,0.85);line-height: 24px;text-align: center;}
+        }
+      /*  >div:after,>div:before {
+          width: 0;
+          height: 0;
+          font-size: 0;
+          overflow: hidden;
+          position: absolute;
+          content: ' ';
+        }
+        >div:after{
+          border-width: 20px;
+          border-style: dashed dashed solid ;
+          border-color: transparent transparent #666 ;
+          left: 100px;
+          bottom: 85px;
+        }
+        >div:before{
+          border-width: 20px;
+          border-style: dashed dashed solid ;
+          border-color: transparent transparent #ffffff;
+          left: 100px;
+          bottom: 78px;
+        }*/
+      }
+    .system-box:hover{
+      >div{
+        display: flex;
+      }
+    }
   }
 }
 
@@ -464,7 +504,7 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
 // 发展现状
 .industrydetails-develop-box{
   .client-container{padding: 48px 0 80px;text-align: center;}
-  p{width: 480px;display: inline-block;@include setFontStyle(-6);color: rgba(0,0,0,0.65);line-height: 30px;vertical-align: middle;margin-right: 120px;text-align: justify;}
+  p{width: 480px;display: inline-block;@include setFontStyle(-5);color: rgba(0,0,0,0.65);line-height: 30px;vertical-align: middle;margin-right: 120px;text-align: justify;}
   img{display: inline-block;vertical-align: middle;}
 }
 // 产品和服务
@@ -505,5 +545,5 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
   li{margin-bottom: 16px;}
   i{width: 14px;height: 14px;float:left;box-sizing: border-box;opacity: 0.8;display: block;border: 1px solid #13192D;transform: rotate(45deg);margin-right: 16px;margin-top: 4px;}
   h5{@include setFontStyle(-2);color: rgba(0,0,0,0.85);margin-bottom: 24px;text-align: center;}
-  p{@include setFontStyle(-6);color: rgba(0,0,0,0.65);line-height: 22px;text-align: left;}
+  p{@include setFontStyle(-5);color: rgba(0,0,0,0.65);line-height: 22px;text-align: left;}
 }

assets/scss/cus-client/cus-client-page.scss

@@ -651,14 +651,14 @@
           margin-bottom: 16px;
           p{margin-left: 30px}
         }
-        img{width:100px;display: inline-block;vertical-align: top;margin: 85px 40px 85px 55px;}
+        img{width:100px;display: inline-block;vertical-align: top;margin: 85px 25px 85px 30px;}
       }
       .change-content-left{
         display: inline-block;padding: 32px 0 0 64px;vertical-align: top;
         h5,li,li i{color: #fff;border-color: #fff;}
         p{color: rgba(255,255,255,0.65);}
       }
-      .change-content-right{width: 500px;display: inline-block;padding-top: 64px;}
+      .change-content-right{width: 525px;display: inline-block;padding-top: 64px;}
     }
 
     // 我们的优势
@@ -689,7 +689,7 @@
           h5:first-child{margin-right: 180px;color: rgba(0,0,0,0.85);}
         }
         ul{
-          width:460px;min-height:328px;display: inline-block;border: 1px solid #2B67FD;border-radius: 4px;padding: 32px;box-sizing: border-box;vertical-align: middle;margin: 0 52px;
+          width:460px;min-height:345px;display: inline-block;border: 1px solid #2B67FD;border-radius: 4px;padding: 32px;box-sizing: border-box;vertical-align: middle;margin: 0 52px;
           i{width: 12px;height: 12px;background-image: linear-gradient(90deg, #2B5CFD 0%, #FFFFFF 100%);border-radius: 50%;border:0;transform: rotate(0deg);opacity: 1;}
           p{margin-left: 30px;}
         }
@@ -723,7 +723,7 @@
         h5,li,li i{color: #fff;border-color: #fff;}
         p{color: rgba(255,255,255,0.65);}
       }
-      .change-content-right{width: 500px;display: inline-block;padding-top: 48px;}
+      .change-content-right{width: 500px;display: inline-block;padding-top: 36px;}
     }
   }
 
@@ -747,7 +747,7 @@
         // 模块下半部分
         .change-box-bottom{
           width: 1100px;height: 368px;padding: 24px;box-sizing: border-box;border-radius: 8px;background: #FE552C;margin-left: 100px;margin-top:-24px;position: relative;
-          h5{margin-top: 70px;}
+          h5{margin-top: 55px;}
           li:nth-of-type(odd){p{margin-right: 60px}}
         }
         h5{color: rgba(255,255,255,0.85);}
@@ -755,7 +755,7 @@
           width: 50%;display: inline-block;@include setFontStyle(-6);color: rgba(255,255,255,0.65);margin-bottom: 24px;line-height: 22px;vertical-align: top;
           p{margin-left: 30px;color: rgba(255,255,255,0.65);}
         }
-        img{position: absolute;top: -55px;left: 50%;margin-left: -50px;}
+        img{position: absolute;top: -70px;left: 50%;margin-left: -50px;}
     }
   }
 

components/header.vue

@@ -27,8 +27,15 @@
 
       </div>
       <div class="head-right">
-        <a rel="nofollow" href="https://cdnks.mtavip.com/a/register?flug=1" target="_blank">免费试用</a>
-        <a class="right-tel-btn" href="http://p.qiao.baidu.com/cps/chat?siteId=11735491&amp;userId=10530011" target="_blank"><i></i>4000-522-130</a>
+        <a class="right-tel-btn">免费注册</a>
+        <div class="system-box">
+          <div>
+            <a href="https://cdnks.mtavip.com/a/register?flug=1" target="_blank"><i></i><p>考试系统</p></a>
+            <span></span>
+            <a href="https://cdnks.mtavip.com/a/register?flug=2" target="_blank"><i></i><p>培训系统</p></a>
+          </div>
+        </div>
+        <a rel="nofollow" href="https://cdnks.mtavip.com/a/register?flug=1" target="_blank">登录</a>
       </div>
     </div>
   </nav>