Merge branch 'master' of http://120.27.44.69/dev/pingan-life-index-pro

# Conflicts:
#	src/pages/vhis-detail/vhis-detail.vue

@@ -4,6 +4,7 @@ node_modules
 /fev
 /prod
 .DS_Store
+pulldist.sh
 sync.sh
 git.sh
 # /sandbox

-@import '@/styles/_support.scss';
+@import "@/styles/_support.scss";
 
 $borderSize: 6px;
 
@@ -69,8 +69,6 @@ $borderSize: 6px;
         letter-spacing: 1.5px;
       }
     }
-
-
   }
 }
 
@@ -101,7 +99,6 @@ $borderSize: 6px;
 }
 
 .banner-tips {
-
   position: absolute;
   z-index: 2;
   width: 422px;
@@ -110,7 +107,7 @@ $borderSize: 6px;
   top: 50px;
   padding: 2px;
   // border-radius: $borderSize;
-  background-image: url('~@assets/images/vhis/vhis-tips-bg.png');
+  background-image: url("~@assets/images/vhis/vhis-tips-bg.png");
   @extend .bis;
 
   .close {
@@ -151,7 +148,6 @@ $borderSize: 6px;
         font-weight: bold;
         color: $cOrange2;
       }
-
     }
   }
 }
@@ -164,7 +160,8 @@ $borderSize: 6px;
   text-align: center;
   font-size: $fontSize;
 
-  .tt {}
+  .tt {
+  }
 
   .t1 {
     color: $cOrange2;
@@ -176,8 +173,6 @@ $borderSize: 6px;
     }
   }
 
-
-
   .t2 {
     font-size: 24px;
     line-height: 1.39;
@@ -189,8 +184,6 @@ $borderSize: 6px;
       letter-spacing: 2px;
     }
   }
-
-
 }
 
 // 产品
@@ -208,8 +201,6 @@ $borderSize: 6px;
     }
   }
 
-
-
   .prod {
     margin: 24px auto 0;
     color: $cOrange2;
@@ -217,7 +208,6 @@ $borderSize: 6px;
     justify-content: space-between;
     flex-wrap: wrap;
 
-
     &-item {
       @extend .fcc;
       width: 582px;
@@ -260,8 +250,6 @@ $borderSize: 6px;
             }
           }
 
-
-
           .more {
             display: flex;
             margin-top: 6px;
@@ -280,8 +268,6 @@ $borderSize: 6px;
                 letter-spacing: 1.2px;
               }
             }
-
-
           }
 
           .desc {
@@ -331,8 +317,6 @@ $borderSize: 6px;
     }
   }
 
-
-
   .tit-s {
     font-size: $fontSize-M2;
     color: $cFontGray2;
@@ -401,7 +385,6 @@ $borderSize: 6px;
         }
       }
 
-
       .label {
         padding-left: 28px;
         border-right: solid 1px #e4e4e5;
@@ -414,7 +397,7 @@ $borderSize: 6px;
       .val {
         flex: 1;
 
-        .mark{
+        .mark {
           display: inline-block;
           color: $cOrange2;
         }
@@ -423,7 +406,7 @@ $borderSize: 6px;
           margin-left: -13px;
         }
 
-        .star{
+        .star {
           margin-right: 4px;
           margin-top: 4px;
         }
@@ -491,7 +474,7 @@ $borderSize: 6px;
         li {
           @extend .bb;
           position: relative;
-          background-image: url('~@assets/images/vhis/vhis-tick.png');
+          background-image: url("~@assets/images/vhis/vhis-tick.png");
           background-repeat: no-repeat;
           background-position: 0 5px;
           padding-left: 40px;
@@ -506,7 +489,7 @@ $borderSize: 6px;
 
       .label2 {
         li {
-          background-image: url('~@assets/images/vhis/vhis-cross.png');
+          background-image: url("~@assets/images/vhis/vhis-cross.png");
         }
 
         .t1 {
@@ -519,7 +502,8 @@ $borderSize: 6px;
         }
       }
 
-      .val {}
+      .val {
+      }
     }
   }
 }
@@ -528,7 +512,8 @@ $borderSize: 6px;
 .guarantee2 {
   $cellPadding: 6px;
 
-  .tit {}
+  .tit {
+  }
 
   .container {
     display: flex;
@@ -565,7 +550,8 @@ $borderSize: 6px;
           padding-right: 2px;
           justify-content: flex-start;
 
-          .nn {}
+          .nn {
+          }
 
           .n1 {
             text-align: left;
@@ -602,11 +588,9 @@ $borderSize: 6px;
             // padding: 0 4px;
           }
         }
-
       }
 
       &-item-4 {
-
         .val {
           align-items: flex-start;
           text-align: center;
@@ -627,7 +611,6 @@ $borderSize: 6px;
       }
 
       &-item-3 {
-
         .val {
           align-items: flex-start;
           text-align: center;
@@ -665,7 +648,6 @@ $borderSize: 6px;
           }
         }
       }
-
     }
   }
 }
@@ -682,7 +664,7 @@ $borderSize: 6px;
     margin: 0 auto 24px;
     max-width: 602px;
     height: 67px;
-    line-height: 67px;
+    // line-height: 67px;
     cursor: pointer;
     @include border-tans($borderSize);
 
@@ -704,41 +686,53 @@ $borderSize: 6px;
         margin-right: 48px;
       }
 
-
-      &:lang(zh){
+      &:lang(zh) {
         padding-left: 178px;
       }
-    }
-
 
+      .desc{
+        flex: 1;
+        text-align: left;
+      }
+    }
   }
 }
 
-// 提交订单
-.submit-btn {
+// 立即投保
+.btn-wrap {
   margin: 50px auto 100px;
-  @extend .pointer;
-  @extend .bb;
-  @include btc4(300px, 50px, 22px);
-  font-weight: bold;
+  display: flex;
+  justify-content: center;
+  
+  .submit-btn {
+    @extend .fcc;
+    @extend .bb;
+    @include btc4(300px, 50px, 22px);
+    line-height: normal;
+    min-width: 300px;
+    min-height: 50px;
+    height: auto;
+    width: auto;
+    font-weight: bold;
+    // display: inline-block;
+    padding: 4px 20px;
+  }
 }
 
-
 .small {
   font-size: 14px;
   display: inline-block;
   vertical-align: text-top;
 }
 
-
 // banner点点
 .swiper-button-prev {
-  background-image: url('~@/assets/images/common/button-prev.png');
+  background-image: url("~@/assets/images/common/button-prev.png");
   left: 360px;
 }
 
 .swiper-button-next {
-  background-image: url('~@/assets/images/common/button-next.png');
+  background-image: url("~@/assets/images/common/button-next.png");
   right: 360px;
 }
 
@@ -748,7 +742,7 @@ $borderSize: 6px;
 
 .swiper-pagination-fraction,
 .swiper-pagination-custom,
-.swiper-container-horizontal>.swiper-pagination-bullets {
+.swiper-container-horizontal > .swiper-pagination-bullets {
   bottom: 48px;
 }
 
@@ -768,7 +762,6 @@ $borderSize: 6px;
   width: 100%;
 }
 
-
 @media (max-width: 1200px) {
   .content {
     @include content-percent();
@@ -794,11 +787,9 @@ $borderSize: 6px;
       }
     }
   }
-
 }
 
 @media (max-width: 768px) {
-
   .banner-tips {
     display: none;
   }
@@ -821,7 +812,6 @@ $borderSize: 6px;
   }
 
   .content {
-
     // 产品
     .product {
       margin: 48px auto 0;
@@ -873,7 +863,6 @@ $borderSize: 6px;
     .guarantee {
       margin: 32px auto 0;
 
-
       .tit {
         font-size: $fontSizeTitle-M2;
       }
@@ -885,15 +874,14 @@ $borderSize: 6px;
       .table {
         font-size: $fontSize-M2;
 
-
         &-item {
           display: flex;
           flex-wrap: nowrap;
 
           .tt {
             // width: 100%;
-            .ff{
-              .nn{
+            .ff {
+              .nn {
                 padding: 24px 0;
               }
             }
@@ -912,12 +900,11 @@ $borderSize: 6px;
           }
         }
 
-        &-item2{
+        &-item2 {
         }
       }
     }
 
-
     // 下载
     .download {
       margin: 48px auto 0;
@@ -937,7 +924,6 @@ $borderSize: 6px;
         .icon {
           margin-right: 24px;
         }
-
       }
     }
   }

 
 <template>
-	<div class="page page-vhis">
-		<div class="banner-contaner">
-			<!-- banner 轮播 -->
+  <div class="page page-vhis">
+    <div class="banner-contaner">
+      <!-- banner 轮播 -->
 
-			<div class="banner banner-pc">
-				<swiper :options="swiperOption">
-					<swiper-slide v-for="(item,index) in bannerList" :key="index">
-						<img class="banner-img" :src="item.pcBannerUrl" />
-						<div class="btn-wrap">
-							<div v-for="(btnItem, btnIndex) in item.btns" :key="btnIndex">
-								<div class="banner-btn" v-if="btnItem.n && btnItem.t && btnItem.c" @click="btnNavigateTo(btnItem.t,btnItem.l)" :style="{backgroundColor:btnItem.c}">{{btnItem.n}}</div>
-							</div>
-						</div>
-					</swiper-slide>
-					<!-- <div class="swiper-button-prev" slot="button-prev"></div>
+      <div class="banner banner-pc">
+        <swiper :options="swiperOption">
+          <swiper-slide v-for="(item,index) in bannerList" :key="index">
+            <img class="banner-img" :src="item.pcBannerUrl" />
+            <div class="btn-wrap">
+              <div v-for="(btnItem, btnIndex) in item.btns" :key="btnIndex">
+                <div class="banner-btn" v-if="btnItem.n && btnItem.t && btnItem.c" @click="btnNavigateTo(btnItem.t,btnItem.l)" :style="{backgroundColor:btnItem.c}">{{btnItem.n}}</div>
+              </div>
+            </div>
+          </swiper-slide>
+          <!-- <div class="swiper-button-prev" slot="button-prev"></div>
           <div class="swiper-button-next" slot="button-next"></div>-->
-					<!-- <div class="swiper-pagination" slot="pagination"></div> -->
-				</swiper>
-			</div>
+          <!-- <div class="swiper-pagination" slot="pagination"></div> -->
+        </swiper>
+      </div>
 
-			<div class="banner banner-mobile">
-				<swiper class="swiper" :options="swiperOption">
-					<swiper-slide v-for="(item,index) in bannerList" :key="index">
-						<img class="banner-img" :src="item.mobileBannerUrl" />
-						<div class="btn-wrap">
-							<div class="banner-btn" v-for="(btnItem, btnIndex) in item.btns" :key="btnIndex" @click="btnNavigateTo(btnItem.t,btnItem.l)" :style="{color:btnItem.c}">{{btnItem.n}}&nbsp;&gt;</div>
-						</div>
-					</swiper-slide>
-					<div class="swiper-pagination" slot="pagination"></div>
-				</swiper>
-			</div>
-			<!-- <div class="swiper-button-prev" slot="button-prev"></div>
+      <div class="banner banner-mobile">
+        <swiper class="swiper" :options="swiperOption">
+          <swiper-slide v-for="(item,index) in bannerList" :key="index">
+            <img class="banner-img" :src="item.mobileBannerUrl" />
+            <div class="btn-wrap">
+              <div class="banner-btn" v-for="(btnItem, btnIndex) in item.btns" :key="btnIndex" @click="btnNavigateTo(btnItem.t,btnItem.l)" :style="{color:btnItem.c}">{{btnItem.n}}&nbsp;&gt;</div>
+            </div>
+          </swiper-slide>
+          <div class="swiper-pagination" slot="pagination"></div>
+        </swiper>
+      </div>
+      <!-- <div class="swiper-button-prev" slot="button-prev"></div>
       <div class="swiper-button-next" slot="button-next"></div>-->
 
-			<div v-if="bannerTipsVisible" class="banner-tips">
-				<div class="cont">
-					<div class="tit">
-						<img class="icon" src="@/assets/images/vhis/hot-deal-icon.png" /> {{$t('genRich.bannerTips.t1')}}
-					</div>
-					<div class="desc">
-						<div class="t1">{{$t('genRich.bannerTips.t2')}}</div>
-						<div class="t2">{{$t('genRich.bannerTips.t3')}}</div>
-					</div>
-				</div>
-				<img @click="onHideBannerTipsHandler" class="close" src="@/assets/images/vhis/close2.png" />
-			</div>
-		</div>
-		<!-- 标题 -->
-		<div class="title">
-			<div class="title-wrap">
-				<div class="tt t1">{{$t('genRich.title.t1')}}</div>
-				<div class="tt t2">{{$t('genRich.title.t2')}}{{$t('genRich.title.t3')}}</div>
-			</div>
-		</div>
+      <div v-if="bannerTipsVisible" class="banner-tips">
+        <div class="cont">
+          <div class="tit">
+            <img class="icon" src="@/assets/images/vhis/hot-deal-icon.png" /> {{$t('genRich.bannerTips.t1')}}
+          </div>
+          <div class="desc">
+            <div class="t1">{{$t('genRich.bannerTips.t2')}}</div>
+            <div class="t2">{{$t('genRich.bannerTips.t3')}}</div>
+          </div>
+        </div>
+        <img @click="onHideBannerTipsHandler" class="close" src="@/assets/images/vhis/close2.png" />
+      </div>
+    </div>
+    <!-- 标题 -->
+    <div class="title">
+      <div class="title-wrap">
+        <div class="tt t1">{{$t('genRich.title.t1')}}</div>
+        <div class="tt t2">{{$t('genRich.title.t2')}}{{$t('genRich.title.t3')}}</div>
+      </div>
+    </div>
 
-		<div class="content">
-			<!-- 产品特点 -->
-			<div class="box product">
-				<div class="tit">{{$t('genRich.main.t1')}}</div>
-				<div class="prod">
-					<div v-for="(item,index) in productList" :key="item.id" class="prod-item">
-						<div class="cont">
-							<div class="icon-wrap">
-								<img :src="require('@/assets/images/gen-rich/gen-rich-icon'+(index+1)+'.png')" />
-							</div>
-							<div class="detail">
-								<div class="t1" v-html="item.title">{{item.title}}</div>
-								<div class="more pointer" @click="onShowMoreHandler(index)">
-									<div class="more-icon-wrap">
-										<img v-if="item.showMore" src="@/assets/images/vhis/vhis-mine.png" />
-										<img v-else src="@/assets/images/vhis/vhis-plus.png" />
-									</div>
-									<div class="c1">{{item.showMore ? $t('genRich.close') : $t('genRich.expand')}}</div>
-								</div>
-								<div v-if="item.showMore" class="desc">
-									{{item.desc}}
-									<div class="tips">{{item.tips}}</div>
-								</div>
-							</div>
-						</div>
-					</div>
-				</div>
-			</div>
+    <div class="content">
+      <!-- 产品特点 -->
+      <div class="box product">
+        <div class="tit">{{$t('genRich.main.t1')}}</div>
+        <div class="prod">
+          <div v-for="(item,index) in productList" :key="item.id" class="prod-item">
+            <div class="cont">
+              <div class="icon-wrap">
+                <img :src="require('@/assets/images/gen-rich/gen-rich-icon'+(index+1)+'.png')" />
+              </div>
+              <div class="detail">
+                <div class="t1" v-html="item.title">{{item.title}}</div>
+                <div class="more pointer" @click="onShowMoreHandler(index)">
+                  <div class="more-icon-wrap">
+                    <img v-if="item.showMore" src="@/assets/images/vhis/vhis-mine.png" />
+                    <img v-else src="@/assets/images/vhis/vhis-plus.png" />
+                  </div>
+                  <div class="c1">{{item.showMore ? $t('genRich.close') : $t('genRich.expand')}}</div>
+                </div>
+                <div v-if="item.showMore" class="desc">
+                  {{item.desc}}
+                  <div class="tips">{{item.tips}}</div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
 
-			<!-- 视频 -->
-			<div class="box video">
-				<video-player class="vjs-custom-skin" ref="videoPlayer" :options="playerOptions" :playsinline="true"></video-player>
-			</div>
+      <!-- 视频 -->
+      <div class="box video">
+        <video-player class="vjs-custom-skin" ref="videoPlayer" :options="playerOptions" :playsinline="true"></video-player>
+      </div>
 
-			<!-- 计划总览 -->
-			<div class="guarantee">
-				<div class="tit-wrap">
-					<div class="tit">{{$t('genRich.guarantee1.title')}}</div>
-					<div class="tit-s">
-						{{$t('genRich.guarantee1.titleT1')}}
-						<span>{{$t('genRich.guarantee1.titleNum')}}</span>
-						{{$t('genRich.guarantee1.titleT2')}}
-					</div>
-				</div>
-				<div class="tit-lt">{{$t('genRich.guarantee1.titleLt')}}</div>
+      <!-- 计划总览 -->
+      <div class="guarantee">
+        <div class="tit-wrap">
+          <div class="tit">{{$t('genRich.guarantee1.title')}}</div>
+          <div class="tit-s">
+            {{$t('genRich.guarantee1.titleT1')}}
+            <span>{{$t('genRich.guarantee1.titleNum')}}</span>
+            {{$t('genRich.guarantee1.titleT2')}}
+          </div>
+        </div>
+        <div class="tit-lt">{{$t('genRich.guarantee1.titleLt')}}</div>
 
-				<div class="container">
-					<div class="table">
-						<div class="border2 table-border"></div>
-						<div class="table-item table-item2">
-							<div class="tt label">{{$t('genRich.guarantee1.k1')}}</div>
-							<div class="tt val tt2">
-								<div class="ff">
-									<div class="nn nn1">{{$t('genRich.guarantee1.k11')}}</div>
-									<div class="nn nn2">{{$t('genRich.guarantee1.v11')}}</div>
-								</div>
-								<div class="ff">
-									<div class="nn nn1">{{$t('genRich.guarantee1.k12')}}</div>
-									<div v-html="$t('genRich.guarantee1.v12')" class="nn nn2">{{$t('genRich.guarantee1.v12')}}</div>
-								</div>
-							</div>
-						</div>
-						<div class="table-item">
-							<div class="tt label">{{$t('genRich.guarantee1.k2')}}</div>
-							<div class="tt val text-c">{{$t('genRich.guarantee1.v2')}}</div>
-						</div>
-						<div class="table-item">
-							<div class="tt label">{{$t('genRich.guarantee1.k3')}}</div>
-							<div class="tt val text-c">{{$t('genRich.guarantee1.v3')}}</div>
-						</div>
-						<div class="table-item">
-							<div class="tt label">{{$t('genRich.guarantee1.k4')}}</div>
-							<div class="tt val text-c">{{$t('genRich.guarantee1.v4')}}</div>
-						</div>
-						<div class="table-item">
-							<div class="tt label">{{$t('genRich.guarantee1.k5')}}</div>
-							<div class="tt val">
-								{{$t('genRich.guarantee1.v5')}}
-								<div class="fl">
-									<span class="mark num">{{$t('genRich.guarantee1.num1')}}</span>
-									<div class="d1">{{$t('genRich.guarantee1.v51')}}</div>
-								</div>
-								<div class="fl">
-									<span class="mark num">{{$t('genRich.guarantee1.num2')}}</span>
-									<div class="d1">{{$t('genRich.guarantee1.v52')}}</div>
-								</div>
-							</div>
-						</div>
-						<div class="table-item">
-							<div class="tt label">{{$t('genRich.guarantee1.k6')}}</div>
-							<div class="tt val">
-								{{$t('genRich.guarantee1.v6')}}
-								<div class="fl">
-									<span class="mark star">*</span>
-									<div class="d1">{{$t('genRich.guarantee1.v61')}}</div>
-								</div>
-							</div>
-						</div>
-							<div class="table-item">
-							<div class="tt label">{{$t('genRich.guarantee1.k7')}}</div>
-							<div class="tt val">
-								{{$t('genRich.guarantee1.v7')}}
-								<div class="fl">
-									<span class="mark star">*</span>
-									<div class="d1">{{$t('genRich.guarantee1.v71')}}</div>
-								</div>
-								<div class="fl">
-									<span class="mark star">*</span>
-									<div class="d1">{{$t('genRich.guarantee1.v72')}}</div>
-								</div>
-								<div class="fl" v-if="$t('genRich.guarantee1.v73')">
-									<span class="mark star">*</span>
-									<div class="d1">{{$t('genRich.guarantee1.v73')}}</div>
-								</div>
-							</div>
-						</div>
-						<div class="table-item">
-							<div class="tt label">{{$t('genRich.guarantee1.k8')}}</div>
-							<div class="tt val">{{$t('genRich.guarantee1.v8')}}</div>
-						</div>
-						<div class="table-item">
-							<div class="tt label">{{$t('genRich.guarantee1.k9')}}</div>
-							<div class="tt val">{{$t('genRich.guarantee1.v9')}}</div>
-						</div>
-						<div class="table-item">
-							<div class="tt label">{{$t('genRich.guarantee1.k10')}}</div>
-							<div class="tt val">{{$t('genRich.guarantee1.v10')}}</div>
-						</div>
-					</div>
-				</div>
-			</div>
+        <div class="container">
+          <div class="table">
+            <div class="border2 table-border"></div>
+            <div class="table-item table-item2">
+              <div class="tt label">{{$t('genRich.guarantee1.k1')}}</div>
+              <div class="tt val tt2">
+                <div class="ff">
+                  <div class="nn nn1">{{$t('genRich.guarantee1.k11')}}</div>
+                  <div class="nn nn2">{{$t('genRich.guarantee1.v11')}}</div>
+                </div>
+                <div class="ff">
+                  <div class="nn nn1">{{$t('genRich.guarantee1.k12')}}</div>
+                  <div v-html="$t('genRich.guarantee1.v12')" class="nn nn2">{{$t('genRich.guarantee1.v12')}}</div>
+                </div>
+              </div>
+            </div>
+            <div class="table-item">
+              <div class="tt label">{{$t('genRich.guarantee1.k2')}}</div>
+              <div class="tt val text-c">{{$t('genRich.guarantee1.v2')}}</div>
+            </div>
+            <div class="table-item">
+              <div class="tt label">{{$t('genRich.guarantee1.k3')}}</div>
+              <div class="tt val text-c">{{$t('genRich.guarantee1.v3')}}</div>
+            </div>
+            <div class="table-item">
+              <div class="tt label">{{$t('genRich.guarantee1.k4')}}</div>
+              <div class="tt val text-c">{{$t('genRich.guarantee1.v4')}}</div>
+            </div>
+            <div class="table-item">
+              <div class="tt label">{{$t('genRich.guarantee1.k5')}}</div>
+              <div class="tt val">
+                {{$t('genRich.guarantee1.v5')}}
+                <div class="fl">
+                  <span class="mark num">{{$t('genRich.guarantee1.num1')}}</span>
+                  <div class="d1">{{$t('genRich.guarantee1.v51')}}</div>
+                </div>
+                <div class="fl">
+                  <span class="mark num">{{$t('genRich.guarantee1.num2')}}</span>
+                  <div class="d1">{{$t('genRich.guarantee1.v52')}}</div>
+                </div>
+              </div>
+            </div>
+            <div class="table-item">
+              <div class="tt label">{{$t('genRich.guarantee1.k6')}}</div>
+              <div class="tt val">
+                {{$t('genRich.guarantee1.v6')}}
+                <div class="fl">
+                  <span class="mark star">*</span>
+                  <div class="d1">{{$t('genRich.guarantee1.v61')}}</div>
+                </div>
+              </div>
+            </div>
+            <div class="table-item">
+              <div class="tt label">{{$t('genRich.guarantee1.k7')}}</div>
+              <div class="tt val">
+                {{$t('genRich.guarantee1.v7')}}
+                <div class="fl">
+                  <span class="mark star">*</span>
+                  <div class="d1">{{$t('genRich.guarantee1.v71')}}</div>
+                </div>
+                <div class="fl">
+                  <span class="mark star">*</span>
+                  <div class="d1">{{$t('genRich.guarantee1.v72')}}</div>
+                </div>
+                <div class="fl" v-if="$t('genRich.guarantee1.v73')">
+                  <span class="mark star">*</span>
+                  <div class="d1">{{$t('genRich.guarantee1.v73')}}</div>
+                </div>
+              </div>
+            </div>
+            <div class="table-item">
+              <div class="tt label">{{$t('genRich.guarantee1.k8')}}</div>
+              <div class="tt val">{{$t('genRich.guarantee1.v8')}}</div>
+            </div>
+            <div class="table-item">
+              <div class="tt label">{{$t('genRich.guarantee1.k9')}}</div>
+              <div class="tt val">{{$t('genRich.guarantee1.v9')}}</div>
+            </div>
+            <div class="table-item">
+              <div class="tt label">{{$t('genRich.guarantee1.k10')}}</div>
+              <div class="tt val">{{$t('genRich.guarantee1.v10')}}</div>
+            </div>
+          </div>
+        </div>
+      </div>
 
-			<!-- 下载 -->
-			<div class="download">
-				<div class="border2 download-item">
-					<div class="cont" @click="downloadFile('file1')">
-						<div class="icon-wrap">
-							<img class="icon" src="@/assets/images/vhis/vhis-download.png" />
-						</div>
-						{{$t('genRich.download.t1')}}
-					</div>
-				</div>
-				<div class="border2 download-item">
-					<div class="cont" @click="downloadFile('file1')">
-						<div class="icon-wrap">
-							<img class="icon" src="@/assets/images/vhis/vhis-download.png" />
-						</div>
-						{{$t('genRich.download.t2')}}
-					</div>
-				</div>
-			</div>
+      <!-- 下载 -->
+      <div class="download">
+        <div class="border2 download-item">
+          <div class="cont" @click="downloadFile('file1')">
+            <div class="icon-wrap">
+              <img class="icon" src="@/assets/images/vhis/vhis-download.png" />
+            </div>
+            <div class="desc">{{$t('genRich.download.t1')}}</div>
 
-			<!-- 立即投保 -->
-			<div class="submit-btn" @click="bottomBtnHandle()">{{$t('genRich.submitBtn')}}</div>
-		</div>
-	</div>
+          </div>
+        </div>
+        <div class="border2 download-item">
+          <div class="cont" @click="downloadFile('file1')">
+            <div class="icon-wrap">
+              <img class="icon" src="@/assets/images/vhis/vhis-download.png" />
+            </div>
+            <div class="desc">{{$t('genRich.download.t2')}}</div>
+
+          </div>
+        </div>
+      </div>
+
+      <!-- 立即投保 -->
+      <div class="btn-wrap">
+        <div class="submit-btn" @click="bottomBtnHandle()">{{$t('genRich.submitBtn')}}</div>
+      </div>
+    </div>
+  </div>
 </template>
 
 <script src="./gen-rich.js"></script>

@@ -26,7 +26,7 @@ export default {
 	data() {
 		return {
 			key: "value",
-
+			img:require("@/assets/images/index/index-tab-2.png"),
 			PRODUCT_PRO_EASY: "PRODUCT_PRO_EASY", // 好医时
 			PRODUCT_REN_RICH: "PRODUCT_REN_RICH", // 平安福
 			// swiper
@@ -558,6 +558,7 @@ export default {
 					element.btns = element.btnDescribe;
 				});
 
+
 				// 设置缓存
 				sessionStorage.setItem("_pingan_index_datalist", JSON.stringify(this.dataList));
 				sessionStorage.setItem("_pingan_index_bannerlist", JSON.stringify(this.bannerList));

@@ -289,11 +289,11 @@
       display: flex;
       justify-content: space-between;
       &-item {
-        background-image: url("~@/assets/images/index/index-tab.png");
-
+        // background-image: url("~@/assets/images/index/index-tab-2.png");
+        @extend .bb;
         @extend .bis;
         @extend .fcc;
-        height: 73px;
+        min-height: 73px;
         font-size: $fontSize-M2;
         color: $cOrange2;
         font-weight: bold;
@@ -302,6 +302,7 @@
         filter: drop-shadow(2px 0px 0px rgba(0, 0, 0, 0.3));
 
         margin-left: -120px;
+        padding: 12px 40px;
 
         &:first-child {
           margin-left: 0;
@@ -312,7 +313,7 @@
         }
 
         &-act {
-          background-image: url("~@/assets/images/index/index-tab-act.png");
+          // background-image: url("~@/assets/images/index/index-tab-act-2.png");
           color: #ffffff;
         }
       }

@@ -95,12 +95,9 @@
         <div class="table" :class="{'table-1':dataList.length<=1}">
           <div class="table-tab" ref="quote">
             <!-- <div class="table-tab-item" @click="onTabHandler(item)" v-html="item.tabName" v-for="(item, index) in dataList" :key="item.id" :class="{ 'table-tab-item-act': item.index == curTab.index }" :style="
-							'margin:0 -'+tableTapIndentation.mar+'px;width: calc(100% / ' +	dataList.length +	');z-index:' +	(dataList.length - index) +	''">{{ item.name }}</div>
-        </div> -->
-            <!-- <div class="linear" :style="'width: calc(100% - '+tableTapIndentation.ind+'px *' + (dataList.length - 1) + ')'"></div>
-        <div class="table-cont" :style="'width: calc(100% - '+tableTapIndentation.ind+'px *' + (dataList.length - 1) + ')'"> -->
+							';width: '+(index == 0 ? 'calc(100% / ' +	dataList.length +	')' : tableTapIndentation.wid + 'px' ) +' ;z-index:' +	(dataList.length - index) +	''">{{ item.name }}</div> -->
             <div class="table-tab-item" @click="onTabHandler(item)" v-html="item.tabName" v-for="(item, index) in dataList" :key="item.id" :class="{ 'table-tab-item-act': item.index == curTab.index }" :style="
-							';width: '+(index == 0 ? 'calc(100% / ' +	dataList.length +	')' : tableTapIndentation.wid + 'px' ) +' ;z-index:' +	(dataList.length - index) +	''">{{ item.name }}</div>
+							'width: '+(index == 0 ? 'calc(100% / ' +	dataList.length +	')' : tableTapIndentation.wid + 'px' ) +' ;z-index:' +	(dataList.length - index) +	';backgroundImage:url('+require('@/assets/images/index/index-tab'+(item.index == curTab.index?'-act':'')+'-'+dataList.length+'.png')+')'">{{ item.name }}</div>
           </div>
           <div class="linear"></div>
           <div class="table-wrap">

@@ -619,7 +619,7 @@ $borderSize: 6px;
     margin: 0 auto 24px;
     max-width: 602px;
     height: 67px;
-    line-height: 67px;
+    // line-height: 67px;
     cursor: pointer;
     @include border-tans($borderSize);
 
@@ -645,16 +645,34 @@ $borderSize: 6px;
     .enCont {
       padding-left: 76px !important;
     }
+
+    .desc{
+      flex: 1;
+      text-align: left;
+    }
   }
 }
 
-// 提交订单
-.submit-btn {
+
+// 立即投保
+.btn-wrap {
   margin: 50px auto 100px;
-  @extend .pointer;
-  @extend .bb;
-  @include btc4(300px, 50px, 22px);
-  font-weight: bold;
+  display: flex;
+  justify-content: center;
+  
+  .submit-btn {
+    @extend .fcc;
+    @extend .bb;
+    @include btc4(300px, 50px, 22px);
+    line-height: normal;
+    min-width: 300px;
+    min-height: 50px;
+    height: auto;
+    width: auto;
+    font-weight: bold;
+    // display: inline-block;
+    padding: 4px 20px;
+  }
 }
 
 
@@ -900,6 +918,7 @@ $borderSize: 6px;
         }
 
         .icon-wrap {
+          // width: 34%;
           width: 40%;
           display: flex;
           justify-content: flex-end;

 
 <template>
-	<div class="page page-vhis">
-		<div class="banner-contaner">
-			<!-- banner 轮播 -->
+  <div class="page page-vhis">
+    <div class="banner-contaner">
+      <!-- banner 轮播 -->
 
-			<div class="banner banner-pc">
-				<swiper :options="swiperOption">
-					<swiper-slide v-for="(item,index) in bannerList" :key="index">
-						<img class="banner-img" :src="item.pcBannerUrl">
-						<div class="btn-wrap">
-							<div v-for="(btnItem, btnIndex) in item.btns" :key="btnIndex">
-								<div class="banner-btn" v-if="btnItem.n && btnItem.t && btnItem.c" @click="btnNavigateTo(btnItem.t,btnItem.l)" :style="{backgroundColor:btnItem.c}">{{btnItem.n}}</div>
-							</div>
-						</div>
-					</swiper-slide>
-					<!-- <div class="swiper-button-prev" slot="button-prev"></div>
+      <div class="banner banner-pc">
+        <swiper :options="swiperOption">
+          <swiper-slide v-for="(item,index) in bannerList" :key="index">
+            <img class="banner-img" :src="item.pcBannerUrl">
+            <div class="btn-wrap">
+              <div v-for="(btnItem, btnIndex) in item.btns" :key="btnIndex">
+                <div class="banner-btn" v-if="btnItem.n && btnItem.t && btnItem.c" @click="btnNavigateTo(btnItem.t,btnItem.l)" :style="{backgroundColor:btnItem.c}">{{btnItem.n}}</div>
+              </div>
+            </div>
+          </swiper-slide>
+          <!-- <div class="swiper-button-prev" slot="button-prev"></div>
 					<div class="swiper-button-next" slot="button-next"></div> -->
-					<!-- <div class="swiper-pagination" slot="pagination"></div> -->
-				</swiper>
-			</div>
+          <!-- <div class="swiper-pagination" slot="pagination"></div> -->
+        </swiper>
+      </div>
 
-			<div class="banner banner-mobile">
-				<swiper class="swiper" :options="swiperOption">
-					<swiper-slide v-for="(item,index) in bannerList" :key="index">
-						<img class="banner-img" :src="item.mobileBannerUrl">
-						<div class="btn-wrap">
-							<div class="banner-btn" v-for="(btnItem, btnIndex) in item.btns" :key="btnIndex" @click="btnNavigateTo(btnItem.t,btnItem.l)" :style="{color:btnItem.c}">{{btnItem.n}}&nbsp;&gt;</div>
-						</div>
-					</swiper-slide>
-					<div class="swiper-pagination" slot="pagination"></div>
-				</swiper>
-			</div>
-			<!-- <div class="swiper-button-prev" slot="button-prev"></div>
+      <div class="banner banner-mobile">
+        <swiper class="swiper" :options="swiperOption">
+          <swiper-slide v-for="(item,index) in bannerList" :key="index">
+            <img class="banner-img" :src="item.mobileBannerUrl">
+            <div class="btn-wrap">
+              <div class="banner-btn" v-for="(btnItem, btnIndex) in item.btns" :key="btnIndex" @click="btnNavigateTo(btnItem.t,btnItem.l)" :style="{color:btnItem.c}">{{btnItem.n}}&nbsp;&gt;</div>
+            </div>
+          </swiper-slide>
+          <div class="swiper-pagination" slot="pagination"></div>
+        </swiper>
+      </div>
+      <!-- <div class="swiper-button-prev" slot="button-prev"></div>
 					<div class="swiper-button-next" slot="button-next"></div> -->
 
-			<div v-if="bannerTipsVisible" class="banner-tips">
-				<div class="cont">
-					<div class="tit">
-						<img class="icon" src="@/assets/images/vhis/hot-deal-icon.png"> {{$t('vhisDetail.bannerTips.t1')}}
-					</div>
-					<div class="desc">
-						<div class="t1"> {{$t('vhisDetail.bannerTips.t2')}}</div>
-						<div class="t2"> {{$t('vhisDetail.bannerTips.t3')}}</div>
-					</div>
-				</div>
-				<img @click="onHideBannerTipsHandler" class="close" src="@/assets/images/vhis/close2.png">
-			</div>
-		</div>
-		<!-- 标题 -->
-		<div class="title">
-			<div class="title-wrap">
-				<div class="tt t1">{{$t('vhisDetail.title.t1')}}</div>
-				<div class="tt t2">
-					{{$t('vhisDetail.title.t2')}}{{$t('vhisDetail.title.t3')}}
-				</div>
-			</div>
+      <div v-if="bannerTipsVisible" class="banner-tips">
+        <div class="cont">
+          <div class="tit">
+            <img class="icon" src="@/assets/images/vhis/hot-deal-icon.png"> {{$t('vhisDetail.bannerTips.t1')}}
+          </div>
+          <div class="desc">
+            <div class="t1"> {{$t('vhisDetail.bannerTips.t2')}}</div>
+            <div class="t2"> {{$t('vhisDetail.bannerTips.t3')}}</div>
+          </div>
+        </div>
+        <img @click="onHideBannerTipsHandler" class="close" src="@/assets/images/vhis/close2.png">
+      </div>
+    </div>
+    <!-- 标题 -->
+    <div class="title">
+      <div class="title-wrap">
+        <div class="tt t1">{{$t('vhisDetail.title.t1')}}</div>
+        <div class="tt t2">
+          {{$t('vhisDetail.title.t2')}}{{$t('vhisDetail.title.t3')}}
+        </div>
+      </div>
 
-		</div>
+    </div>
 
-		<div class="content">
+    <div class="content">
 
-			<!-- 产品特点 -->
-			<div class="box product">
-				<div class="tit">{{$t('vhisDetail.main.t1')}}</div>
-				<div class="prod">
-					<div v-for="(item,index) in productList" :key="item.id" class=" prod-item">
-						<div class="cont">
-							<div class="icon-wrap">
-								<img :src="require('@/assets/images/vhis/vhis-icon'+(index+1)+'.png')">
-							</div>
-							<div class="detail">
-								<div class="t1" v-html="item.title">{{item.title}}</div>
-								<div class="more pointer" @click="onShowMoreHandler(index)">
-									<div class="more-icon-wrap">
-										<img v-if="item.showMore" src="@/assets/images/vhis/vhis-mine.png">
-										<img v-else src="@/assets/images/vhis/vhis-plus.png">
-									</div>
-									<div class="c1">{{item.showMore ? $t('vhisDetail.close') : $t('vhisDetail.expand')}}</div>
-								</div>
-								<div v-if="item.showMore" class="desc">
-									{{item.desc}}
-									<div class="tips">{{item.tips}}</div>
-								</div>
-							</div>
-						</div>
-					</div>
-				</div>
-			</div>
+      <!-- 产品特点 -->
+      <div class="box product">
+        <div class="tit">{{$t('vhisDetail.main.t1')}}</div>
+        <div class="prod">
+          <div v-for="(item,index) in productList" :key="item.id" class=" prod-item">
+            <div class="cont">
+              <div class="icon-wrap">
+                <img :src="require('@/assets/images/vhis/vhis-icon'+(index+1)+'.png')">
+              </div>
+              <div class="detail">
+                <div class="t1" v-html="item.title">{{item.title}}</div>
+                <div class="more pointer" @click="onShowMoreHandler(index)">
+                  <div class="more-icon-wrap">
+                    <img v-if="item.showMore" src="@/assets/images/vhis/vhis-mine.png">
+                    <img v-else src="@/assets/images/vhis/vhis-plus.png">
+                  </div>
+                  <div class="c1">{{item.showMore ? $t('vhisDetail.close') : $t('vhisDetail.expand')}}</div>
+                </div>
+                <div v-if="item.showMore" class="desc">
+                  {{item.desc}}
+                  <div class="tips">{{item.tips}}</div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
 
-			<!-- 视频 -->
-			<div class="box video">
-				<video-player class="vjs-custom-skin" ref="videoPlayer" :options="playerOptions" :playsinline="true">
-				</video-player>
-			</div>
+      <!-- 视频 -->
+      <div class="box video">
+        <video-player class="vjs-custom-skin" ref="videoPlayer" :options="playerOptions" :playsinline="true">
+        </video-player>
+      </div>
 
-			<!-- 计划概览 -->
-			<div class="guarantee">
-				<div class="tit-wrap">
-					<div class="tit">{{$t('vhisDetail.guarantee1.title')}}</div>
-					<div class="tit-s">
-						{{$t('vhisDetail.guarantee1.titleT1')}}
-						<span>{{$t('vhisDetail.guarantee1.titleNum')}}</span>
-						{{$t('vhisDetail.guarantee1.titleT2')}}
-					</div>
-				</div>
+      <!-- 计划概览 -->
+      <div class="guarantee">
+        <div class="tit-wrap">
+          <div class="tit">{{$t('vhisDetail.guarantee1.title')}}</div>
+          <div class="tit-s">
+            {{$t('vhisDetail.guarantee1.titleT1')}}
+            <span>{{$t('vhisDetail.guarantee1.titleNum')}}</span>
+            {{$t('vhisDetail.guarantee1.titleT2')}}
+          </div>
+        </div>
 
-				<div class="container">
-					<div class="table">
-						<div class="border2 table-border"></div>
-						<div class="table-item">
-							<div class="tt label">{{$t('vhisDetail.guarantee1.k1')}}</div>
-							<div class="tt val">{{$t('vhisDetail.guarantee1.v1')}}</div>
-						</div>
-						<div class="table-item">
-							<div class="tt label">{{$t('vhisDetail.guarantee1.k2')}}</div>
-							<div class="tt val">{{$t('vhisDetail.guarantee1.v2')}}</div>
-						</div>
-						<div class="table-item">
-							<div class="tt label">{{$t('vhisDetail.guarantee1.k3')}}</div>
-							<div class="tt val">{{$t('vhisDetail.guarantee1.v3')}}</div>
-						</div>
-						<div class="table-item">
-							<div class="tt label">{{$t('vhisDetail.guarantee1.k4')}}</div>
-							<div class="tt val">{{$t('vhisDetail.guarantee1.v4')}}</div>
-						</div>
-						<div class="table-item">
-							<div class="tt label">{{$t('vhisDetail.guarantee1.k5')}}</div>
-							<div class="tt val">{{$t('vhisDetail.guarantee1.v5')}}</div>
-						</div>
-					</div>
-				</div>
+        <div class="container">
+          <div class="table">
+            <div class="border2 table-border"></div>
+            <div class="table-item">
+              <div class="tt label">{{$t('vhisDetail.guarantee1.k1')}}</div>
+              <div class="tt val">{{$t('vhisDetail.guarantee1.v1')}}</div>
+            </div>
+            <div class="table-item">
+              <div class="tt label">{{$t('vhisDetail.guarantee1.k2')}}</div>
+              <div class="tt val">{{$t('vhisDetail.guarantee1.v2')}}</div>
+            </div>
+            <div class="table-item">
+              <div class="tt label">{{$t('vhisDetail.guarantee1.k3')}}</div>
+              <div class="tt val">{{$t('vhisDetail.guarantee1.v3')}}</div>
+            </div>
+            <div class="table-item">
+              <div class="tt label">{{$t('vhisDetail.guarantee1.k4')}}</div>
+              <div class="tt val">{{$t('vhisDetail.guarantee1.v4')}}</div>
+            </div>
+            <div class="table-item">
+              <div class="tt label">{{$t('vhisDetail.guarantee1.k5')}}</div>
+              <div class="tt val">{{$t('vhisDetail.guarantee1.v5')}}</div>
+            </div>
+          </div>
+        </div>
 
-			</div>
+      </div>
 
-			<!-- 保障内容 -->
-			<div class="guarantee guarantee2">
-				<div class="tit">{{$t('vhisDetail.guarantee2.title')}}</div>
+      <!-- 保障内容 -->
+      <div class="guarantee guarantee2">
+        <div class="tit">{{$t('vhisDetail.guarantee2.title')}}</div>
 
-				<div class="container">
-					<!-- 左表 -->
-					<div class="table">
-						<div class="titl">
-							<div class="titl-item">{{$t('vhisDetail.guarantee2.titK')}}
-								<!-- <span class="small">(1)</span> -->
-							</div>
-							<div class="titl-item">{{$t('vhisDetail.guarantee2.titV')}}</div>
-						</div>
-						<div class="border2 table-border"></div>
-						<div class="table-item">
-							<div class="tt label">
-								<div class="fl">
-									<div class="nn n1">(a)</div>
-									<div v-html="$t('vhisDetail.guarantee2.ak')" class="nn n2">{{$t('vhisDetail.guarantee2.ak')}}</div>
-								</div>
-							</div>
-							<div v-html="$t('vhisDetail.guarantee2.av')" class="tt val">{{$t('vhisDetail.guarantee2.av')}}</div>
-						</div>
-						<div class="table-item">
-							<div class="tt label">
-								<div class="fl">
-									<div class="nn n1">(b)</div>
-									<div v-html="$t('vhisDetail.guarantee2.bk')" class="nn n2">{{$t('vhisDetail.guarantee2.bk')}}</div>
-								</div>
-							</div>
-							<div v-html="$t('vhisDetail.guarantee2.bv')" class="tt val">{{$t('vhisDetail.guarantee2.bv')}}</div>
-						</div>
-						<div class="table-item">
-							<div class="tt label">
-								<div class="fl">
-									<div class="nn n1">(c)</div>
-									<div v-html="$t('vhisDetail.guarantee2.ck')" class="nn n2">{{$t('vhisDetail.guarantee2.ck')}}</div>
-								</div>
-							</div>
-							<div v-html="$t('vhisDetail.guarantee2.cv')" class="tt val">{{$t('vhisDetail.guarantee2.cv')}}</div>
-						</div>
-						<div class="table-item">
-							<div class="tt label">
-								<div class="fl">
-									<div class="nn n1">(d)</div>
-									<div class="nn n2">
-										<span v-html="$t('vhisDetail.guarantee2.dk')">{{$t('vhisDetail.guarantee2.dk')}}</span>
-										<!-- <span class="small">(2)</span> -->
-									</div>
-								</div>
-							</div>
-							<div v-html="$t('vhisDetail.guarantee2.dv')" class="tt val">{{$t('vhisDetail.guarantee2.dv')}}</div>
-						</div>
-						<div class="table-item">
-							<div class="tt label">
-								<div class="fl">
-									<div class="nn n1">(e)</div>
-									<div v-html="$t('vhisDetail.guarantee2.ek')" class="nn n2">{{$t('vhisDetail.guarantee2.ek')}}</div>
-								</div>
-							</div>
-							<div v-html="$t('vhisDetail.guarantee2.ev')" class="tt val">{{$t('vhisDetail.guarantee2.ev')}}</div>
-						</div>
-						<!-- 4分 -->
-						<div class="table-item table-item-4">
-							<div class="tt label label2">
-								<div class="fl">
-									<div class="nn n1">(f)</div>
-									<div v-html="$t('vhisDetail.guarantee2.fk')" class="nn n2">{{$t('vhisDetail.guarantee2.fk')}}</div>
-								</div>
-							</div>
-							<div class="tt val">
-								<div class="val-item">
-									{{$t('vhisDetail.guarantee2.fv0')}}
-								</div>
-								<div class="val-item">
-									{{$t('vhisDetail.guarantee2.fv1')}}
-								</div>
-								<div class="val-item">
-									{{$t('vhisDetail.guarantee2.fv2')}}
-								</div>
-								<div class="val-item">
-									{{$t('vhisDetail.guarantee2.fv3')}}
-								</div>
-								<div class="val-item">
-									{{$t('vhisDetail.guarantee2.fv4')}}
-								</div>
-							</div>
-						</div>
-					</div>
+        <div class="container">
+          <!-- 左表 -->
+          <div class="table">
+            <div class="titl">
+              <div class="titl-item">{{$t('vhisDetail.guarantee2.titK')}}
+              </div>
+              <div class="titl-item">{{$t('vhisDetail.guarantee2.titV')}}</div>
+            </div>
+            <div class="border2 table-border"></div>
+            <div class="table-item">
+              <div class="tt label">
+                <div class="fl">
+                  <div class="nn n1">(a)</div>
+                  <div v-html="$t('vhisDetail.guarantee2.ak')" class="nn n2">{{$t('vhisDetail.guarantee2.ak')}}</div>
+                </div>
+              </div>
+              <div v-html="$t('vhisDetail.guarantee2.av')" class="tt val">{{$t('vhisDetail.guarantee2.av')}}</div>
+            </div>
+            <div class="table-item">
+              <div class="tt label">
+                <div class="fl">
+                  <div class="nn n1">(b)</div>
+                  <div v-html="$t('vhisDetail.guarantee2.bk')" class="nn n2">{{$t('vhisDetail.guarantee2.bk')}}</div>
+                </div>
+              </div>
+              <div v-html="$t('vhisDetail.guarantee2.bv')" class="tt val">{{$t('vhisDetail.guarantee2.bv')}}</div>
+            </div>
+            <div class="table-item">
+              <div class="tt label">
+                <div class="fl">
+                  <div class="nn n1">(c)</div>
+                  <div v-html="$t('vhisDetail.guarantee2.ck')" class="nn n2">{{$t('vhisDetail.guarantee2.ck')}}</div>
+                </div>
+              </div>
+              <div v-html="$t('vhisDetail.guarantee2.cv')" class="tt val">{{$t('vhisDetail.guarantee2.cv')}}</div>
+            </div>
+            <div class="table-item">
+              <div class="tt label">
+                <div class="fl">
+                  <div class="nn n1">(d)</div>
+                  <div class="nn n2">
+                    <span v-html="$t('vhisDetail.guarantee2.dk')">{{$t('vhisDetail.guarantee2.dk')}}</span>
+                  </div>
+                </div>
+              </div>
+              <div v-html="$t('vhisDetail.guarantee2.dv')" class="tt val">{{$t('vhisDetail.guarantee2.dv')}}</div>
+            </div>
+            <div class="table-item">
+              <div class="tt label">
+                <div class="fl">
+                  <div class="nn n1">(e)</div>
+                  <div v-html="$t('vhisDetail.guarantee2.ek')" class="nn n2">{{$t('vhisDetail.guarantee2.ek')}}</div>
+                </div>
+              </div>
+              <div v-html="$t('vhisDetail.guarantee2.ev')" class="tt val">{{$t('vhisDetail.guarantee2.ev')}}</div>
+            </div>
+            <!-- 4分 -->
+            <div class="table-item table-item-4">
+              <div class="tt label label2">
+                <div class="fl">
+                  <div class="nn n1">(f)</div>
+                  <div v-html="$t('vhisDetail.guarantee2.fk')" class="nn n2">{{$t('vhisDetail.guarantee2.fk')}}</div>
+                </div>
+              </div>
+              <div class="tt val">
+                <div class="val-item">
+                  {{$t('vhisDetail.guarantee2.fv0')}}
+                </div>
+                <div class="val-item">
+                  {{$t('vhisDetail.guarantee2.fv1')}}
+                </div>
+                <div class="val-item">
+                  {{$t('vhisDetail.guarantee2.fv2')}}
+                </div>
+                <div class="val-item">
+                  {{$t('vhisDetail.guarantee2.fv3')}}
+                </div>
+                <div class="val-item">
+                  {{$t('vhisDetail.guarantee2.fv4')}}
+                </div>
+              </div>
+            </div>
+          </div>
 
-					<!-- 右表 -->
-					<div class="table">
-						<div class="titl">
-							<div class="titl-item">{{$t('vhisDetail.guarantee2.titK')}}
-								<!-- <span class="small">(1)</span> -->
-							</div>
-							<div class="titl-item">{{$t('vhisDetail.guarantee2.titV')}}</div>
-						</div>
-						<div class="border2 table-border"></div>
-						<div class="table-item">
-							<div class="tt label">
-								<div class="fl">
-									<div class="nn n1">(g)</div>
-									<div v-html="$t('vhisDetail.guarantee2.gk')" class="nn n2">{{$t('vhisDetail.guarantee2.gk')}}</div>
-								</div>
-							</div>
-							<div class="tt val">
-								<div>
-									<span v-html="$t('vhisDetail.guarantee2.gv')">{{$t('vhisDetail.guarantee2.gv')}}</span>
-									<!-- <span class="small">(5)</span> -->
-								</div>
-							</div>
-						</div>
-						<div class="table-item">
-							<div class="tt label">
-								<div class="fl">
-									<div class="nn n1">(h)</div>
-									<div v-html="$t('vhisDetail.guarantee2.hk')" class="nn n2">{{$t('vhisDetail.guarantee2.hk')}}</div>
-								</div>
-							</div>
-							<div class="tt val">
-								<div>
-									<span v-html="$t('vhisDetail.guarantee2.hv')">{{$t('vhisDetail.guarantee2.hv')}}</span>
-									<!-- <span class="small">(5)</span> -->
-								</div>
-							</div>
-						</div>
-						<div class="table-item">
-							<div class="tt label ">
-								<div class="fl">
-									<div class="nn n1">(i)</div>
-									<div class="nn n2">
-										<span v-html="$t('vhisDetail.guarantee2.ik')">{{$t('vhisDetail.guarantee2.ik')}}</span>
-										<!-- <span class="small">(2)(3)</span> -->
-									</div>
-								</div>
-							</div>
-							<div v-html="$t('vhisDetail.guarantee2.iv')" class="tt val">{{$t('vhisDetail.guarantee2.iv')}}</div>
-						</div>
-						<div class="table-item">
-							<div class="tt label ">
-								<div class="fl">
-									<div class="nn n1">(j)</div>
-									<div class="nn n2">
-										<span v-html="$t('vhisDetail.guarantee2.jk')">{{$t('vhisDetail.guarantee2.jk')}}</span>
-										<!-- <span class="small">(4)</span> -->
-									</div>
-								</div>
-							</div>
-							<div v-html="$t('vhisDetail.guarantee2.jv')" class="tt val">{{$t('vhisDetail.guarantee2.jv')}}</div>
-						</div>
-						<div class="table-item table-item-3">
-							<div class="tt label label2">
-								<div class="fl">
-									<div class="nn n1">(k)</div>
-									<div class="nn n2">
-										<span v-html="$t('vhisDetail.guarantee2.kk')">{{$t('vhisDetail.guarantee2.kk')}}</span>
-										<!-- <span class="small">(2)</span> -->
-									</div>
-								</div>
-							</div>
-							<div class="tt val">
-								<div class="val-item val-item-thr">
-									<div v-html="$t('vhisDetail.guarantee2.kv11')" class="thr">{{$t('vhisDetail.guarantee2.kv11')}}</div>
-									<div v-html="$t('vhisDetail.guarantee2.kv12')" class="thr">{{$t('vhisDetail.guarantee2.kv12')}}</div>
-								</div>
-								<div v-html="$t('vhisDetail.guarantee2.kv2')" class="val-item">
-									{{$t('vhisDetail.guarantee2.kv2')}}
-								</div>
-								<div v-html="$t('vhisDetail.guarantee2.kv3')" class="val-item">
-									{{$t('vhisDetail.guarantee2.kv3')}}
-								</div>
-							</div>
-						</div>
-						<!-- 4分 -->
-						<div class="table-item table-item">
-							<div class="tt label">
-								<div class="fl">
-									<div class="nn n1">(l)</div>
-									<div v-html="$t('vhisDetail.guarantee2.lk')" class="nn n2">{{$t('vhisDetail.guarantee2.lk')}}</div>
-								</div>
-							</div>
-							<div v-html="$t('vhisDetail.guarantee2.lv')" class="tt val">{{$t('vhisDetail.guarantee2.lv')}}</div>
-						</div>
-					</div>
-				</div>
+          <!-- 右表 -->
+          <div class="table">
+            <div class="titl">
+              <div class="titl-item">{{$t('vhisDetail.guarantee2.titK')}}
+              </div>
+              <div class="titl-item">{{$t('vhisDetail.guarantee2.titV')}}</div>
+            </div>
+            <div class="border2 table-border"></div>
+            <div class="table-item">
+              <div class="tt label">
+                <div class="fl">
+                  <div class="nn n1">(g)</div>
+                  <div v-html="$t('vhisDetail.guarantee2.gk')" class="nn n2">{{$t('vhisDetail.guarantee2.gk')}}</div>
+                </div>
+              </div>
+              <div class="tt val">
+                <div>
+                  <span v-html="$t('vhisDetail.guarantee2.gv')">{{$t('vhisDetail.guarantee2.gv')}}</span>
+                </div>
+              </div>
+            </div>
+            <div class="table-item">
+              <div class="tt label">
+                <div class="fl">
+                  <div class="nn n1">(h)</div>
+                  <div v-html="$t('vhisDetail.guarantee2.hk')" class="nn n2">{{$t('vhisDetail.guarantee2.hk')}}</div>
+                </div>
+              </div>
+              <div class="tt val">
+                <div>
+                  <span v-html="$t('vhisDetail.guarantee2.hv')">{{$t('vhisDetail.guarantee2.hv')}}</span>
+                </div>
+              </div>
+            </div>
+            <div class="table-item">
+              <div class="tt label ">
+                <div class="fl">
+                  <div class="nn n1">(i)</div>
+                  <div class="nn n2">
+                    <span v-html="$t('vhisDetail.guarantee2.ik')">{{$t('vhisDetail.guarantee2.ik')}}</span>
+                  </div>
+                </div>
+              </div>
+              <div v-html="$t('vhisDetail.guarantee2.iv')" class="tt val">{{$t('vhisDetail.guarantee2.iv')}}</div>
+            </div>
+            <div class="table-item">
+              <div class="tt label ">
+                <div class="fl">
+                  <div class="nn n1">(j)</div>
+                  <div class="nn n2">
+                    <span v-html="$t('vhisDetail.guarantee2.jk')">{{$t('vhisDetail.guarantee2.jk')}}</span>
+                  </div>
+                </div>
+              </div>
+              <div v-html="$t('vhisDetail.guarantee2.jv')" class="tt val">{{$t('vhisDetail.guarantee2.jv')}}</div>
+            </div>
+            <div class="table-item table-item-3">
+              <div class="tt label label2">
+                <div class="fl">
+                  <div class="nn n1">(k)</div>
+                  <div class="nn n2">
+                    <span v-html="$t('vhisDetail.guarantee2.kk')">{{$t('vhisDetail.guarantee2.kk')}}</span>
+                    
+                  </div>
+                </div>
+              </div>
+              <div class="tt val">
+                <div class="val-item val-item-thr">
+                  <div v-html="$t('vhisDetail.guarantee2.kv11')" class="thr">{{$t('vhisDetail.guarantee2.kv11')}}</div>
+                  <div v-html="$t('vhisDetail.guarantee2.kv12')" class="thr">{{$t('vhisDetail.guarantee2.kv12')}}</div>
+                </div>
+                <div v-html="$t('vhisDetail.guarantee2.kv2')" class="val-item">
+                  {{$t('vhisDetail.guarantee2.kv2')}}
+                </div>
+                <div v-html="$t('vhisDetail.guarantee2.kv3')" class="val-item">
+                  {{$t('vhisDetail.guarantee2.kv3')}}
+                </div>
+              </div>
+            </div>
+            <!-- 4分 -->
+            <div class="table-item table-item">
+              <div class="tt label">
+                <div class="fl">
+                  <div class="nn n1">(l)</div>
+                  <div v-html="$t('vhisDetail.guarantee2.lk')" class="nn n2">{{$t('vhisDetail.guarantee2.lk')}}</div>
+                </div>
+              </div>
+              <div v-html="$t('vhisDetail.guarantee2.lv')" class="tt val">{{$t('vhisDetail.guarantee2.lv')}}</div>
+            </div>
+          </div>
+        </div>
 
-			</div>
+      </div>
 
-			<!-- 其他限额 -->
-			<div class="guarantee">
-				<div class="tit">{{$t('vhisDetail.guarantee3.title')}}</div>
+      <!-- 其他限额 -->
+      <div class="guarantee">
+        <div class="tit">{{$t('vhisDetail.guarantee3.title')}}</div>
 
-				<div class="container">
-					<div class="table">
-						<div class="border2 table-border"></div>
-						<div class="table-item">
-							<div class="tt label">{{$t('vhisDetail.guarantee3.k1')}}</div>
-							<div class="tt val">{{$t('vhisDetail.guarantee3.v1')}}</div>
-						</div>
-						<div class="table-item">
-							<div class="tt label">{{$t('vhisDetail.guarantee3.k2')}}</div>
-							<div class="tt val">{{$t('vhisDetail.guarantee3.v2')}}</div>
-						</div>
-					</div>
-				</div>
-			</div>
+        <div class="container">
+          <div class="table">
+            <div class="border2 table-border"></div>
+            <div class="table-item">
+              <div class="tt label">{{$t('vhisDetail.guarantee3.k1')}}</div>
+              <div class="tt val">{{$t('vhisDetail.guarantee3.v1')}}</div>
+            </div>
+            <div class="table-item">
+              <div class="tt label">{{$t('vhisDetail.guarantee3.k2')}}</div>
+              <div class="tt val">{{$t('vhisDetail.guarantee3.v2')}}</div>
+            </div>
+          </div>
+        </div>
+      </div>
 
-			<!-- 其他保障 -->
-			<div class="guarantee">
-				<div class="tit">{{$t('vhisDetail.guarantee4.title')}}</div>
+      <!-- 其他保障 -->
+      <div class="guarantee">
+        <div class="tit">{{$t('vhisDetail.guarantee4.title')}}</div>
 
-				<div class="container">
-					<div class="table">
-						<div class="border2 table-border"></div>
-						<div class="table-item">
-							<div class="tt label">{{$t('vhisDetail.guarantee4.k1')}}</div>
-							<div class="tt val">{{$t('vhisDetail.guarantee4.v1')}}</div>
-						</div>
-						<div class="table-item">
-							<div class="tt label">{{$t('vhisDetail.guarantee4.k2')}}</div>
-							<div class="tt val">{{$t('vhisDetail.guarantee4.v2')}}</div>
-						</div>
-					</div>
-				</div>
-			</div>
+        <div class="container">
+          <div class="table">
+            <div class="border2 table-border"></div>
+            <div class="table-item">
+              <div class="tt label">{{$t('vhisDetail.guarantee4.k1')}}</div>
+              <div class="tt val">{{$t('vhisDetail.guarantee4.v1')}}</div>
+            </div>
+            <div class="table-item">
+              <div class="tt label">{{$t('vhisDetail.guarantee4.k2')}}</div>
+              <div class="tt val">{{$t('vhisDetail.guarantee4.v2')}}</div>
+            </div>
+          </div>
+        </div>
+      </div>
 
-			<!-- 下载 -->
-			<div class="download">
-				<div class="border2 download-item">
-					<div :class="{enCont : locale == 'en'}" class="cont" @click="downloadFile('file1')">
-						<div class="icon-wrap"><img class="icon" src="@/assets/images/vhis/vhis-download.png"></div> {{$t('vhisDetail.download.t1')}}
-					</div>
-				</div>
-				<div class="border2 download-item">
-					<div :class="{enCont : locale == 'en'}" class="cont" @click="downloadFile('file2')">
-						<div class="icon-wrap"><img class="icon" src="@/assets/images/vhis/vhis-download.png"></div> {{$t('vhisDetail.download.t2')}}
-					</div>
-				</div>
-				<div class="border2 download-item">
-					<div :class="{enCont : locale == 'en'}" class="cont" @click="downloadFile('file3')">
-						<div class="icon-wrap"><img class="icon" src="@/assets/images/vhis/vhis-download.png"></div> {{$t('vhisDetail.download.t3')}}
-					</div>
-				</div>
-			</div>
+      <!-- 下载 -->
+      <div class="download">
+        <div class="border2 download-item">
+          <div :class="{enCont : locale == 'en'}" class="cont" @click="downloadFile('file1')">
+            <div class="icon-wrap"><img class="icon" src="@/assets/images/vhis/vhis-download.png"></div>
+            <div class="desc">{{$t('vhisDetail.download.t1')}}</div>
+          </div>
+        </div>
+        <div class="border2 download-item">
+          <div :class="{enCont : locale == 'en'}" class="cont" @click="downloadFile('file2')">
+            <div class="icon-wrap"><img class="icon" src="@/assets/images/vhis/vhis-download.png"></div>
+            <div class="desc">{{$t('vhisDetail.download.t2')}}</div>
+          </div>
+        </div>
+        <div class="border2 download-item">
+          <div :class="{enCont : locale == 'en'}" class="cont" @click="downloadFile('file3')">
+            <div class="icon-wrap"><img class="icon" src="@/assets/images/vhis/vhis-download.png"></div>
+            <div class="desc">{{$t('vhisDetail.download.t3')}}</div>
+          </div>
+        </div>
+      </div>
 
-			<!-- 立即投保 -->
-			<div class="submit-btn" @click="bottomBtnHandle()">
-				{{$t('vhisDetail.submitBtn')}}
-			</div>
+      <!-- 立即投保 -->
+      <div class="btn-wrap">
+        <div class="submit-btn" @click="bottomBtnHandle()">
+          {{$t('vhisDetail.submitBtn')}}
+        </div>
+      </div>
 
-		</div>
-	</div>
+    </div>
+  </div>
 
 </template>