update1

components/common/freeTrialBtn.vue

@@ -81,4 +81,11 @@ export default {
   }
 }
 
+.free-btn.shouye {
+  height: 55px;
+  width: 180px;
+  line-height: 55px;
+  color: #00b96b;
+  background: #fff;
+}
 </style>

components/common/onlineInformationBtn.vue

@@ -1,5 +1,5 @@
 <template>
-  <span class="zxzx-btn" @click="btnClick" :class="topClass">在线咨询</span>
+  <span class="zxzx-btn" @click="btnClick">在线咨询</span>
 
 </template>
 
@@ -17,17 +17,6 @@ export default {
       this.$router.push({name: 'courseware'});
     }
   },
-  computed: {
-    topClass() {
-      const obj = {
-        1: 'level_1',
-        2: 'level_2',
-        3: 'level_3',
-        4: 'level_4',
-      }
-      return [obj[this.myType]];
-    }
-  }
 }
 </script>
 
@@ -41,17 +30,17 @@ export default {
   cursor: pointer;
   display: inline-block;
   text-align: center;
-  &.level_1 {
-    color: #00b96b;
-    background: #fff;
-  }
-  &.level_2 {
-    color: #fff;
-    background: #00B96B;
-  }
+
   @media (max-width: 768px) {
     width: 44%;height:35px;line-height:35px;max-width: 120px;margin: 0 3%;font-size: 14px;
   }
 }
 
+.zxzx-btn.shouye {
+  height: 55px;
+  width: 180px;
+  line-height: 55px;
+  color: #fff;
+  background: #00b96b;
+}
 </style>

pages/index.vue

@@ -7,14 +7,15 @@
 
     <!-- 首页banner栏 -->
     <div class="client-banner-box">
-      <el-carousel trigger="click">
+      <el-carousel :interval="3333333" trigger="click">
         <el-carousel-item v-for="(item,index) in bannerList" :key="index">
           <div @click="clickBanner(item)" :style="{backgroundImage: 'url(' + item.pic + ')'}"
                class="index-carousel-box">
             <div class="client-container">
-              <div class="banner-btn-groups">
-                <freeTrialBtn class="free-train-btn btn-item" myType="kaoshi" :select="true" @need-select="onNeedSelect" />
-                <onlineInformationBtn class="online-information-btn btn-item" />
+              <div class="banner-btn-groups" :class="[`btn-${index}`]">
+                <freeTrialBtn class="free-train-btn btn-item shouye" myType="kaoshi" :select="true" v-if="index !==3"
+                              @need-select="onNeedSelect"/>
+                <onlineInformationBtn class="online-information-btn btn-item shouye"/>
               </div>
             </div>
           </div>
@@ -56,10 +57,12 @@
     <!-- 产品和服务 -->
     <div class="client-products-services client-container">
       <h4 class="client-title">产品和服务</h4>
-      <imgCardLv1 class="img-card" :option="item" v-for="(item,index) in productList" :key="index" :col-pc="3" :col-h5="2">
+      <imgCardLv1 class="img-card" :option="item" v-for="(item,index) in productList" :key="index" :col-pc="3"
+                  :col-h5="2">
 
         <div class="btn-groups">
-          <applyBtn class="apply-btn btn-item" v-if="item.shenqing" @active-pc="onApplyBtnActive" @active-h5="onApplyBtnActiveH5"/>
+          <applyBtn class="apply-btn btn-item" v-if="item.shenqing" @active-pc="onApplyBtnActive"
+                    @active-h5="onApplyBtnActiveH5"/>
           <freeTrialBtn class="free-train-btn btn-item" v-if="item.mianfei" :myType="item.myType"/>
           <onlineInformationBtn class="online-information-btn btn-item" v-if="item.zixun"/>
         </div>
@@ -186,7 +189,7 @@ export default {
             order: 2,
           },
           img: {
-            url:  require(`~/static/productImage/p04.png`),
+            url: require(`~/static/productImage/p04.png`),
             order: 1,
           },
           mianfei: true,
@@ -227,7 +230,7 @@ export default {
             order: 1,
           },
           img: {
-            url:  require(`~/static/productImage/p03.png`),
+            url: require(`~/static/productImage/p03.png`),
             order: 2,
           },
           mianfei: true,
@@ -309,7 +312,7 @@ export default {
             order: 1,
           },
           img: {
-            url:  require(`~/static/productImage/p02.png`),
+            url: require(`~/static/productImage/p02.png`),
             order: 2,
           },
           mianfei: false,
@@ -472,13 +475,19 @@ export default {
 
 <style lang="scss" scoped>
 .client-index-page {
-  .free-train-btn,.apply-btn{margin-right: 16px;}
-    .btn-groups {
-      margin-top: 48px;
-    }
+  .free-train-btn, .apply-btn {
+    margin-right: 16px;
+  }
+
+  .btn-groups {
+    margin-top: 48px;
+  }
+
   @media (max-width: 768px) {
     .btn-groups {
-      display: flex;justify-content: center;margin-top: 30px;
+      display: flex;
+      justify-content: center;
+      margin-top: 30px;
     }
   }
 
@@ -499,7 +508,60 @@ export default {
 .banner-btn-groups {
   position: absolute;
   left: 0;
-  top: 400px;
+  top: 406px;
+}
+
+.banner-btn-groups.btn-0 {
+  .free-train-btn {
+    background: #ffbb1a;
+    color: #fff;
+  }
+
+  .online-information-btn {
+    background: #3dd281;
+    color: #fff;
+    border-color: #fff;
+  }
+
+}
+
+.banner-btn-groups.btn-1 {
+
+  .free-train-btn {
+    background: #ffbb1a;
+    color: #fff;
+  }
+
+  .online-information-btn {
+    background: #2a846a;
+    color: #fff;
+    border-color: #fff;
+  }
+
+}
+
+.banner-btn-groups.btn-2 {
+  top: 444px;
+
+  .free-train-btn {
+    background: #ffbb1a;
+    color: #fff;
+  }
+
+  .online-information-btn {
+    background: #8ec754;
+    color: #fff;
+    border-color: #fff;
+  }
 }
 
+.banner-btn-groups.btn-3 {
+  top: 470px;
+
+  .online-information-btn {
+    background: #3ef897;
+    color: #007e37;
+    border-color: #3ef897;
+  }
+}
 </style>

pages/news/_id.vue

@@ -11,7 +11,7 @@
         </p>
         <div class="client-content-box" v-html="infoData.content"></div>
         <!--    关键字    -->
-        <div class="client-link-json">
+        <div class="client-link-json" v-if="linkJson.length">
           <span>关键词：</span>
           <a :href="item.url" v-for="item in linkJson">{{item.text}}</a>
         </div>

pages/product/caiWuGuanLi.vue

@@ -173,9 +173,12 @@ export default {
   color: #565656;
   text-align: center;
   margin-top: 150px;
-  border: 1px solid #00b96b;
   padding: 100px;
   border-radius: 10px;
+  background-image: url("~static/productImage/p43.png");
+  background-repeat: no-repeat;
+  background-size: contain;
+  background-position: center;
 }
 
 .platform-course-list {

pages/product/chanPinYunYing.vue

@@ -12,7 +12,7 @@
     <!--  能力提升  -->
     <div class="client-nengli-box client-container">
       <h4>能力提升</h4>
-      <img src="#" alt="能力提升">
+      <img :src="img1" alt="能力提升">
     </div>
 
     <!--  部分课程列表  -->
@@ -114,6 +114,7 @@ export default {
       ],
       curVideo: '',
       visible: false,
+      img1: require("~/static/productImage/p45.png")
     }
   },
   computed: {
@@ -184,6 +185,16 @@ export default {
   }
   .client-nengli-box {
     margin-bottom: 5%;
+
+    h4 {
+      font-size: 18px;
+      margin-bottom: 30px;
+    }
+
+    img {
+      height: 200px;
+      width: 100%;
+    }
   }
 }
 </style>

pages/product/exam.vue

@@ -7,7 +7,7 @@
         class="client-platform-banner">
         <div class="client-container mta-hidden-xs">
           <div class="banner-btn-groups">
-            <onlineInformationBtn />
+            <onlineInformationBtn class="product-exam-btn" />
           </div>
         </div>
       </div>
@@ -299,6 +299,16 @@ export default {
   margin-top: 48px;
 }
 
+.product-exam-btn {
+  color: #00b96b;
+  width: 200px;
+  height: 60px;
+  line-height: 60px;
+  border-radius: 8px;
+  background: #fff;
+  border-color: #fff;
+}
+
 // 辅助功能
 .client-fuzhu-gongneng {
     margin-top: 130px;

pages/product/keFuFuWu.vue

@@ -13,7 +13,7 @@
     <!--  能力提升  -->
     <div class="client-nengli-box client-container">
       <h4>能力提升</h4>
-      <img src="#" alt="能力提升">
+      <img :src="img1" alt="能力提升">
     </div>
 
     <!--  部分课程列表  -->
@@ -126,6 +126,7 @@ export default {
       ],
       curVideo: '',
       visible: false,
+      img1: require("~/static/productImage/p46.png")
     }
   },
   computed: {
@@ -198,6 +199,18 @@ export default {
   }
   .client-nengli-box {
     margin-bottom: 5%;
+
+    h4 {
+      font-size: 18px;
+      margin-bottom: 30px;
+    }
+
+    img {
+      height: 200px;
+      width: 100%;
+    }
   }
+
+
 }
 </style>

pages/product/lingDaoNengLi.vue

@@ -13,8 +13,8 @@
       <ul>
         <li>
           <div class="products-services-box">
-            <img src="#" alt="能力提升">
-            <img src="#" alt="能力提升">
+            <img :src="img1" alt="能力提升">
+            <img :src="img2" alt="能力提升">
           </div>
         </li>
         <li>
@@ -105,7 +105,7 @@ export default {
           order: 2,
         },
         img: {
-          url: require('~/static/codeImage/code-jingli.png'),
+          url: require("~/static/productImage/p42.png"),
           order: 1,
         },
         mianfei: true,
@@ -191,6 +191,8 @@ export default {
       ],
       curVideo: '',
       visible: false,
+      img1: require("~/static/productImage/p47.png"),
+      img2: require("~/static/productImage/p41.png"),
     }
   },
   methods: {
@@ -203,14 +205,6 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.client-banner-box {
-  width: 100%;
-  height: 736px;
-  .client-platform-banner {
-    height: 100%;
-    width: 100%;
-  }
-}
 
 .client-xuexishouyi-box {
   .client-title {
@@ -234,6 +228,41 @@ export default {
   }
 }
 
+.products-services-box {
+  display: flex;
+  margin-bottom: 90px;
+  justify-content: flex-start;
+
+  img {
+    width: 446px;
+    height: 342px;
+
+    &:first-child {
+      margin-right: 190px;
+    }
+  }
+
+
+  @media (max-width: 768px) {
+    flex-direction: column;
+    justify-content: center;
+    margin-bottom: 3%;
+    img {
+      width: 100%;
+      height: 200px;
+      margin: 0;
+
+      &:nth-child(1) {
+        order: 2
+      }
+
+      &:nth-child(2) {
+        order: 1;
+      }
+    }
+  }
+}
+
 @media (max-width: 768px) {
 
   .client-xuexishouyi-box {

pages/product/peixun.vue

@@ -7,7 +7,7 @@
         class="client-platform-banner">
         <div class="client-container mta-hidden-xs">
           <div class="banner-btn-groups">
-            <onlineInformationBtn />
+            <onlineInformationBtn class="product-exam-btn" />
           </div>
         </div>
       </div>
@@ -201,6 +201,16 @@ export default {
 
 <style lang="scss" scoped>
 
+.product-exam-btn {
+  color: #00b96b;
+  width: 200px;
+  height: 60px;
+  line-height: 60px;
+  border-radius: 8px;
+  background: #fff;
+  border-color: #fff;
+}
+
 .platform-products-services {
 
   .btn-groups {
@@ -210,6 +220,7 @@ export default {
     }
   }
 
+
   .client-title {
     font-weight: 800;
     font-size: 30px;

pages/product/renLiZiYuan.vue

@@ -13,8 +13,8 @@
       <ul>
         <li>
           <div class="products-services-box">
-            <img src="#" alt="能力提升">
-            <img src="#" alt="能力提升">
+            <img :src="img1" alt="能力提升">
+            <img :src="img2" alt="能力提升">
           </div>
         </li>
         <li>
@@ -104,7 +104,7 @@ export default {
           order: 2,
         },
         img: {
-          url: require('~/static/codeImage/code-jingli.png'),
+          url: require("~/static/productImage/p01.png"),
           order: 1,
         },
       },
@@ -186,6 +186,8 @@ export default {
       ],
       curVideo: '',
       visible: false,
+      img1: require("~/static/productImage/p48.png"),
+      img2: require("~/static/productImage/p02.png"),
     }
   },
   methods: {
@@ -198,14 +200,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.client-banner-box {
-  width: 100%;
-  height: 736px;
-  .client-platform-banner {
-    height: 100%;
-    width: 100%;
-  }
-}
+
 .client-xuexishouyi-box {
   .client-title {
     font-size: 30px;
@@ -229,6 +224,41 @@ export default {
   }
 }
 
+.products-services-box {
+  display: flex;
+  margin-bottom: 90px;
+  justify-content: flex-start;
+
+  img {
+    width: 446px;
+    height: 342px;
+
+    &:first-child {
+      margin-right: 190px;
+    }
+  }
+
+
+  @media (max-width: 768px) {
+    flex-direction: column;
+    justify-content: center;
+    margin-bottom: 3%;
+    img {
+      width: 100%;
+      height: 200px;
+      margin: 0;
+
+      &:nth-child(1) {
+        order: 2
+      }
+
+      &:nth-child(2) {
+        order: 1;
+      }
+    }
+  }
+}
+
 @media (max-width: 768px) {
 
   .client-xuexishouyi-box {

pages/product/zhiYeSuYang.vue

@@ -13,8 +13,8 @@
       <ul>
         <li>
           <div class="products-services-box">
-            <img src="#" alt="能力提升">
-            <img src="#" alt="能力提升">
+            <img :src="img1" alt="能力提升">
+            <img :src="img2" alt="能力提升">
           </div>
         </li>
         <li>
@@ -106,7 +106,7 @@ export default {
           order: 2,
         },
         img: {
-          url: require('~/static/codeImage/code-jingli.png'),
+          url: require('~/static/productImage/p03.png'),
           order: 1,
         },
         mianfei: true,
@@ -180,6 +180,8 @@ export default {
       ],
       curVideo: '',
       visible: false,
+      img1: require("~/static/productImage/p49.png"),
+      img2: require("~/static/productImage/p04.png"),
     }
   },
   methods: {
@@ -192,14 +194,6 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.client-banner-box {
-  width: 100%;
-  height: 736px;
-  .client-platform-banner {
-    height: 100%;
-    width: 100%;
-  }
-}
 
 .client-xuexishouyi-box {
   .client-title {
@@ -209,6 +203,7 @@ export default {
     text-align: center;
     margin-bottom: 140px;
   }
+
   .products-services-box {
     display: flex;
   }
@@ -224,6 +219,41 @@ export default {
   }
 }
 
+.products-services-box {
+  display: flex;
+  margin-bottom: 90px;
+  justify-content: flex-start;
+
+  img {
+    width: 446px;
+    height: 342px;
+
+    &:first-child {
+      margin-right: 190px;
+    }
+  }
+
+
+  @media (max-width: 768px) {
+    flex-direction: column;
+    justify-content: center;
+    margin-bottom: 3%;
+    img {
+      width: 100%;
+      height: 200px;
+      margin: 0;
+
+      &:nth-child(1) {
+        order: 2
+      }
+
+      &:nth-child(2) {
+        order: 1;
+      }
+    }
+  }
+}
+
 @media (max-width: 768px) {
   .client-xuexishouyi-box {
     .client-title {
@@ -233,6 +263,7 @@ export default {
 
     .products-services-box {
       flex-direction: column;
+
       img {
         width: 100%;
         margin-bottom: 5%;

pages/solution/biteAndSup.vue

@@ -7,7 +7,7 @@
         class="client-platform-banner">
         <div class="client-container mta-hidden-xs">
           <div class="banner-btn-groups">
-            <onlineInformationBtn class="online-information-btn btn-item" />
+            <onlineInformationBtn class="online-information-btn btn-item solution-biteAndSup" />
           </div>
         </div>
       </div>
@@ -250,6 +250,20 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.banner-btn-groups {
+  left: 0;
+  top: 450px !important;
+  .solution-biteAndSup {
+    color: #00b96b;
+    border-color: #fff;
+    width: 190px;
+    height: 60px;
+    line-height: 60px;
+    border-radius: 30px;
+    background: #fff;
+  }
+}
+
 .client-tongdian-box {
   ul {
     li {

pages/solution/education.vue

@@ -7,7 +7,7 @@
         class="client-platform-banner">
         <div class="client-container mta-hidden-xs">
           <div class="banner-btn-groups">
-            <onlineInformationBtn class="online-information-btn btn-item" />
+            <onlineInformationBtn class="online-information-btn btn-item solution-education" />
           </div>
         </div>
       </div>
@@ -246,6 +246,19 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.banner-btn-groups {
+  left: 0;
+  top: 450px !important;
+  .solution-education {
+    color: #00b96b;
+    border-color: #fff;
+    width: 190px;
+    height: 60px;
+    line-height: 60px;
+    border-radius: 30px;
+    background: #fff;
+  }
+}
 
   .client-tongdian-box {
     ul {

pages/solution/energy.vue

@@ -7,7 +7,7 @@
         class="client-platform-banner">
         <div class="client-container mta-hidden-xs">
           <div class="banner-btn-groups">
-            <onlineInformationBtn class="online-information-btn btn-item" />
+            <onlineInformationBtn class="online-information-btn btn-item solution-energy" />
           </div>
         </div>
       </div>
@@ -244,6 +244,19 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.banner-btn-groups {
+  left: 0;
+  top: 450px !important;
+  .solution-energy {
+    color: #00b96b;
+    border-color: #fff;
+    width: 190px;
+    height: 60px;
+    line-height: 60px;
+    border-radius: 30px;
+    background: #fff;
+  }
+}
 
 .client-tongdian-box {
   ul {

pages/solution/erupt.vue

@@ -7,7 +7,7 @@
         class="client-platform-banner">
         <div class="client-container mta-hidden-xs">
           <div class="banner-btn-groups left">
-            <onlineInformationBtn class="online-information-btn btn-item" />
+            <onlineInformationBtn class="online-information-btn btn-item solution-erupt" />
           </div>
         </div>
       </div>
@@ -215,8 +215,18 @@ export default {
 <style lang="scss" scoped>
 .client-banner-box div.client-platform-banner {
   .banner-btn-groups.left {
-    left: 255px;
-    top: 500px;
+    left: 100px;
+    top: 466px;
+
+    .solution-erupt {
+      background: #eef106;
+      color: #00b96b;
+      width: 180px;
+      height: 60px;
+      line-height: 60px;
+      border-radius: 30px;
+      border-color: #eef106;
+    }
   }
 }
 

pages/solution/exam.vue

@@ -8,7 +8,7 @@
         class="client-platform-banner">
         <div class="client-container mta-hidden-xs">
           <div class="banner-btn-groups left">
-            <onlineInformationBtn class="online-information-btn btn-item"/>
+            <onlineInformationBtn class="online-information-btn solution-exam btn-item"/>
           </div>
         </div>
       </div>
@@ -325,8 +325,16 @@ export default {
 
 .client-banner-box {
   .banner-btn-groups.left {
-    left: 300px;
-    top: 500px;
+    left: 88px;
+    top: 472px;
+    .solution-exam {
+      color:#0a924a;
+      width: 180px;
+      height: 50px;
+      line-height: 50px;
+      background: #3ef897;
+      border-color: #3ef897;
+    }
   }
 }
 

pages/solution/financial.vue

@@ -7,7 +7,7 @@
         class="client-platform-banner">
         <div class="client-container mta-hidden-xs">
           <div class="banner-btn-groups">
-            <onlineInformationBtn class="online-information-btn btn-item" />
+            <onlineInformationBtn class="online-information-btn btn-item solution-financial" />
           </div>
         </div>
       </div>
@@ -245,6 +245,20 @@ export default {
 
 <style lang="scss" scoped>
 
+.banner-btn-groups {
+  left: 0;
+  top: 450px !important;
+  .solution-financial {
+    color: #00b96b;
+    border-color: #fff;
+    width: 190px;
+    height: 60px;
+    line-height: 60px;
+    border-radius: 30px;
+    background: #fff;
+  }
+}
+
 .client-tongdian-box {
   ul {
     li {

pages/solution/government.vue

@@ -7,7 +7,7 @@
         class="client-platform-banner">
         <div class="client-container mta-hidden-xs">
           <div class="banner-btn-groups">
-            <onlineInformationBtn class="online-information-btn btn-item"/>
+            <onlineInformationBtn class="online-information-btn btn-item solution-government"/>
           </div>
         </div>
       </div>
@@ -262,6 +262,21 @@ export default {
 
 <style lang="scss" scoped>
 
+.banner-btn-groups {
+  left: 0;
+  top: 450px !important;
+  .solution-government {
+      color: #00b96b;
+      border-color: #fff;
+      width: 190px;
+      height: 60px;
+      line-height: 60px;
+      border-radius: 30px;
+      background: #fff;
+  }
+}
+
+
 .client-tongdian-box {
   ul {
     li {

pages/solution/medical.vue

@@ -7,7 +7,7 @@
         class="client-platform-banner">
         <div class="client-container mta-hidden-xs">
           <div class="banner-btn-groups">
-            <onlineInformationBtn class="online-information-btn btn-item" />
+            <onlineInformationBtn class="online-information-btn btn-item solution-medical" />
           </div>
         </div>
       </div>
@@ -243,6 +243,22 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+
+.banner-btn-groups {
+  left: 0;
+  top: 450px !important;
+  .solution-medical {
+    color: #00b96b;
+    border-color: #fff;
+    width: 190px;
+    height: 60px;
+    line-height: 60px;
+    border-radius: 30px;
+    background: #fff;
+  }
+}
+
+
 .client-tongdian-box {
   ul {
     li {

pages/solution/peixun.vue

@@ -7,7 +7,7 @@
         class="client-platform-banner">
         <div class="client-container mta-hidden-xs">
           <div class="banner-btn-groups left">
-            <onlineInformationBtn class="online-information-btn btn-item"/>
+            <onlineInformationBtn class="online-information-btn btn-item solution-peixun"/>
           </div>
         </div>
       </div>
@@ -259,8 +259,18 @@ export default {
 // banner 图
 .client-banner-box {
   .banner-btn-groups.left {
-    left: 300px;
-    top: 460px;
+    left: 110px;
+    top: 467px;
+
+    .solution-peixun {
+      height: 60px;
+      line-height: 60px;
+      width: 210px;
+      color: #fff;
+      background: #d7db00;
+      border-color: #d7db00;
+      border-radius: 30px;
+    }
   }
 }
 

pages/solution/privatization.vue

@@ -7,7 +7,7 @@
         class="client-platform-banner">
         <div class="client-container mta-hidden-xs">
           <div class="banner-btn-groups left">
-            <onlineInformationBtn class="online-information-btn btn-item" />
+            <onlineInformationBtn class="online-information-btn btn-item solution-privatization" />
           </div>
         </div>
       </div>
@@ -180,8 +180,18 @@ export default {
 <style lang="scss" scoped>
 .client-banner-box div.client-platform-banner {
   .banner-btn-groups.left {
-    left: 255px;
-    top: 500px;
+    left: 100px;
+    top: 440px;
+
+    .solution-privatization {
+      background: #eef106;
+      color: #00b96b;
+      width: 180px;
+      height: 60px;
+      line-height: 60px;
+      border-radius: 30px;
+      border-color: #eef106;
+    }
   }
 }
 

pages/solution/transportation.vue

@@ -7,7 +7,7 @@
         class="client-platform-banner">
         <div class="client-container mta-hidden-xs">
           <div class="banner-btn-groups">
-            <onlineInformationBtn class="online-information-btn btn-item" />
+            <onlineInformationBtn class="online-information-btn btn-item solution-transportation" />
           </div>
         </div>
       </div>
@@ -278,6 +278,21 @@ export default {
 
 <style lang="scss" scoped>
 
+.banner-btn-groups {
+  left: 0;
+  top: 450px !important;
+  .solution-transportation {
+    color: #00b96b;
+    border-color: #fff;
+    width: 190px;
+    height: 60px;
+    line-height: 60px;
+    border-radius: 30px;
+    background: #fff;
+  }
+}
+
+
 .client-tongdian-box {
   ul {
     li {