默认提交

@@ -43,7 +43,7 @@
     justify-content: flex-start;
     align-items: center;
     padding: 162px 100px;
-    max-height:534px;
+    max-height: 534px;
 
     .info-icon {
       width: 210px;

@@ -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  @close="showModal2 = false"></clarms-modal-two>
+				<clarms-modal-two v-if="showModal2" @close="showModal2 = false"></clarms-modal-two>
 				<div class="mobile-margin">
 
 					<template v-if="step == 1">

@@ -41,6 +41,7 @@
     position: relative;
     margin-bottom: 2.333333rem;
     padding: 0 1.25rem;
+    height: auto;
 
     .label {
       color: #f05a23;
@@ -49,6 +50,18 @@
 
       margin-bottom: .7rem;
 
+      .fla2{
+        @extend .bb;
+        flex-wrap: wrap;
+        justify-content: flex-end;
+        flex: 1;
+
+      }
+
+      .fla3{
+
+      }
+
       .icon {
         width: 2.166667rem;
         display: flex;

@@ -2,7 +2,7 @@
 <template>
 	<div>
 		<auth @onLogin="userLogin" @onLogout="userLogout" :checkProfile="true" ref="auth" :tipModel="'m2'"></auth>
-		<modal-upload-card-comp :visible="modalUploadCardVisiable" :show-confirm="true" @close="modalUploadCardVisiable=false" @onSubmit="handleUpdatePolicyWithFile" ></modal-upload-card-comp>
+		<modal-upload-card-comp :visible="modalUploadCardVisiable" :show-confirm="true" @close="modalUploadCardVisiable=false" @onSubmit="handleUpdatePolicyWithFile"></modal-upload-card-comp>
 		<modal-comp :visible="modalVisiable" :show-confirm="false" :icon="modalIcon" :content="modalContent" :confirm="modalCallback" :overlay="modalCallback"></modal-comp>
 		<template v-if="showForm">
 
@@ -39,7 +39,7 @@
 								<div class="fla">
 									<div class="icon"><img src="@/assets/images/policy-change-information/icon-pci-info.png"></div>{{$t('policyChangeInformation.sex')}}
 								</div>
-								<div class="fla">
+								<div class="fla fla2">
 									<span class="icon icon2"><img src="@/assets/images/policy-change-information/icon-pci-notice.png"></span>
 									<span class="t1">{{$t('policyChangeInformation.modifyTips1')}}</span>&nbsp;
 									<span class="t2" @click="toContactUs()">{{$t('policyChangeInformation.modifyTips2')}}</span>
@@ -62,7 +62,7 @@
 								<div class="fla">
 									<div class="icon"><img src="@/assets/images/policy-change-information/icon-pci-date.png"></div>{{$t('policyChangeInformation.birth')}}
 								</div>
-								<div class="fla">
+								<div class="fla fla2">
 									<div class="icon icon2"><img src="@/assets/images/policy-change-information/icon-pci-notice.png"></div>
 									<span class="t1">{{$t('policyChangeInformation.modifyTips1')}}</span>&nbsp;
 									<span class="t2" @click="toContactUs()">{{$t('policyChangeInformation.modifyTips2')}}</span>
@@ -76,7 +76,11 @@
 						<!-- 4 -->
 						<div class="pure-u-1 pure-u-md-1-2 form-item">
 							<div class="label">
+								<div class="fla fla3">
+									<!-- <div class="icon"><img src="@/assets/images/policy-change-information/icon-pci-date.png"></div>{{$t('policyChangeInformation.birth')}} -->
 									<div class="icon"><img src="@/assets/images/policy-change-information/icon-pci-card.png"></div>{{$t('policyChangeInformation.type')}}
+									<div v-if="locale == 'en'"><br>&nbsp;</div>
+								</div>
 							</div>
 							<div class="ipt-wrap">
 								<div class="down-arrow"></div>
@@ -142,7 +146,6 @@
 							</div>
 							<div class="ipt-wrap">
 								<div class="down-arrow"></div>
-
 								<!-- <input class="ipt" type="text" v-model="data.marriage"> -->
 								<el-select class="ipt" v-model="data.marriage">
 									<el-option v-for="(item,index) in marryList" :key="index" :value="item.v" :label="item.n"></el-option>