默认提交

@@ -27,3 +27,15 @@ npm run lint
 
 ### Customize configuration
 See [Configuration Reference](https://cli.vuejs.org/config/).
+
+
+
+
+
+### z-index权重划分
+
+遮罩蒙层:5000
+导航栏:3000
+element-ui:2000+
+自定义交互组件 如date-picker: 800-900
+一般业务级:小于100

@@ -5,7 +5,7 @@
   position: fixed;
   top: 0;
   left: 0;
-  z-index: 999;
+  z-index: 5000;
   width: 100%;
   height: 100%;
   @extend .fcc;
@@ -43,6 +43,7 @@
     justify-content: flex-start;
     align-items: center;
     padding: 162px 100px;
+    max-height:534px;
 
     .info-icon {
       width: 210px;
@@ -92,9 +93,6 @@
 }
 
 @media (max-width: 1150px) {
-  .border {
-    width: 90%;
-  }
   .close {
     right: -15px;
     top: -55px;

@@ -4,7 +4,7 @@
   position: fixed;
   top: 0;
   left: 0;
-  z-index: 999;
+  z-index: 5000;
   width: 100%;
   height: 100%;
   @extend .fcc;
@@ -42,6 +42,7 @@
     justify-content: flex-start;
     align-items: center;
     padding: 162px 60px 162px 60px;
+    // max-height:534px;
 
 
     .info-icon {
@@ -63,7 +64,7 @@
       text-align: justify;
       text-align-last: left;
 
-      span {
+      .underline {
         cursor: pointer;
         text-decoration: underline;
       }
@@ -92,9 +93,6 @@
 
 
 @media (max-width: 1150px) {
-  .border {
-    width: 90%;
-  }
   .close {
     right: -15px;
     top: -55px;

@@ -9,9 +9,9 @@
 					<div class="info-icon">
 						<img src="@/assets/images/clarms/suc.png">
 					</div>
-					<div class="message" :class="{'lsp':locale != 'en'}">
-						{{$t('clarms.step2.tip7')}}
-						<span @click="toAccountInformation">{{$t('clarms.step2.tip8')}}</span>
+					<div  class="message" :class="{'lsp':locale != 'en'}">
+						<span v-html="$t('clarms.step2.tip7')">{{$t('clarms.step2.tip7')}}</span>
+						<span class="underline" @click="toAccountInformation">{{$t('clarms.step2.tip8')}}</span>
 					</div>
 				</div>
 			</div>

@@ -8,7 +8,7 @@ $navHeiM: 6rem;
   background-color: #fff;
   color: $cFontGray;
   position: relative;
-  z-index: 910;
+  z-index: 3000;
   font-size: $fontSize;
 
   .header-container {

@@ -18,14 +18,14 @@
     width: 100%;
     height: 100%;
     position: fixed;
-    z-index: 1001;
+    z-index: 5000;
     left: 0;
     top: 0;
   }
 
   .list {
     position: relative;
-    z-index: 2001;
+    z-index: 5001;
     padding: 0 20px;
     // background-color: #ffffff;
   }
@@ -33,7 +33,7 @@
   // 国际化
   .lang {
     position: relative;
-    z-index: 2002;
+    z-index: 5002;
     display: flex;
     background-color: #ffffff;
     padding: 20px 36px;

@@ -4,7 +4,7 @@
   position: fixed;
   top: 0;
   left: 0;
-  z-index: 999;
+  z-index: 5000;
   width: 100%;
   height: 100%;
   @extend .fcc;

@@ -4,7 +4,7 @@
   position: fixed;
   top: 0;
   left: 0;
-  z-index: 999;
+  z-index: 5000;
   width: 100%;
   height: 100%;
   @extend .fcc;

@@ -4,7 +4,7 @@
   position: fixed;
   top: 0;
   left: 0;
-  z-index: 999;
+  z-index: 5000;
   width: 100%;
   height: 100%;
   @extend .fcc;

@@ -4,7 +4,7 @@
   position: fixed;
   top: 0;
   left: 0;
-  z-index: 999;
+  z-index: 5000;
   width: 100%;
   height: 100%;
   @extend .fcc;

@@ -4,7 +4,7 @@
   position: fixed;
   top: 0;
   left: 0;
-  z-index: 999;
+  z-index: 5000;
   width: 100%;
   height: 100%;
   @extend .fcc;

@@ -19,7 +19,7 @@
 		<div class="content clarms" v-else>
 			<div class="clarms-cont">
 				<clarms-modal-one v-if="showModal1" @close="showModal1 = false" :type="modelType"></clarms-modal-one>
-				<clarms-modal-two v-if="showModal2" @close="showModal2 = false"></clarms-modal-two>
+				<clarms-modal-two  @close="showModal2 = false"></clarms-modal-two>
 				<div class="mobile-margin">
 
 					<template v-if="step == 1">

@@ -140,7 +140,7 @@
 								<span class="small">2</span>
 							</div>
 							<ul>
-								<li>若受保人於保單簽發日後一年內自殺， 將不能獲發身故賠償，但將獲退還於 現行保單保障期內所繳的總保費。
+								<li>若受保人於保單簽發日後一年內自殺， 將不能獲發身故賠償，但將獲退還於現行保單保障期內所繳的總保費。
 								</li>
 							</ul>
 

@@ -88,3 +88,7 @@ input {
   text-align: justify;
   text-align-last: left;
 }
+
+.underline{
+  text-decoration:underline;
+}
\ No newline at end of file