默认提交

@@ -57,9 +57,7 @@ input {
 
 .reservation-container-2 {
   @extend .bb;
-  background-color: #ffffff;
   padding: 20px 100px 72px;
-  border-radius: 16px;
 
   .clarms-border {
     position: relative;
@@ -145,9 +143,31 @@ input {
     }
 
     img {
-      // width: 1.666667rem;
+      width: 23px;
+      pointer-events: none;
+    }
+
+
+
+    .check-border {
+      @extend .fcc;
       width: 32px;
+      height: 32px;
+      @include border-tans($borderRadius);
+
+      .check {
+        background: url('~@/assets/images/vhis/vhis-tick.png') center no-repeat;
+        @extend .bis;
+        width: 22px;
+        height: 17px;
+      }
+    }
+
+    .uncheck-border {
+      background: transparent;
+      border-color: $cFontGray2;
     }
+
   }
 
   .item-group {

@@ -44,25 +44,31 @@
 						<div class="value">
 							<div class="ipt-wrap item-group">
 								<div class="check-item pointer" v-if="typeCandidates.indexOf('1') > -1" @click="typeClickHandle('1')">
-									<img v-if="typeSelected.indexOf('1') > -1" src="@/assets/images/clarms/checked.png">
-									<img v-else src="@/assets/images/clarms/uncheck.png">
+									<div class="check-border">
+										<div class="check" v-if="typeSelected.indexOf('1') > -1"></div>
+									</div>
 									<span>{{$t('clarms.step2.op1')}}</span>
 								</div>
 								<div class="check-item pointer" v-if="typeCandidates.indexOf('2') > -1" @click="typeClickHandle('2')">
-									<img v-if="typeSelected.indexOf('2') > -1" src="@/assets/images/clarms/checked.png">
-									<img v-else src="@/assets/images/clarms/uncheck.png">
+									<!-- <img v-if="typeSelected.indexOf('2') > -1" src="@/assets/images/clarms/checked.png">
+									<img v-else src="@/assets/images/clarms/uncheck.png"> -->
+									<div class="check-border">
+										<div class="check" v-if="typeSelected.indexOf('2') > -1"></div>
+									</div>
 									<span>{{$t('clarms.step2.op3')}}</span>
 								</div>
 								<div class="check-item check-disabled">
-									<img src="@/assets/images/clarms/uncheck-disabled.png">
+									<div class="check-border uncheck-border"></div>
 									<span>{{$t('clarms.step2.op2')}}</span>
 								</div>
 								<div class="check-item  check-disabled">
-									<img src="@/assets/images/clarms/uncheck-disabled.png">
+									<!-- <img src="@/assets/images/clarms/uncheck-disabled.png"> -->
+										<div class="check-border uncheck-border"></div>
 									<span>{{$t('clarms.step2.op4')}}</span>
 								</div>
 								<div class="check-item  check-disabled">
-									<img src="@/assets/images/clarms/uncheck-disabled.png">
+									<!-- <img src="@/assets/images/clarms/uncheck-disabled.png"> -->
+										<div class="check-border uncheck-border"></div>
 									<span>{{$t('clarms.step2.op5')}}</span>
 								</div>
 							</div>
@@ -137,7 +143,7 @@
 					</template>
 				</div>
 				<template v-if="data.contactDate && data.policyDateLegal">
-				<!-- <template v-if="1>0"> -->
+					<!-- <template v-if="1>0"> -->
 					<hr class="hr2" v-if="data.amount > 0">
 					<div class="bottom-tip orange mt20">{{$t('clarms.step2.label17')}}</div>
 					<div class="bottom-tip gray3 mt10">{{$t('clarms.step2.tip1')}}</div>
@@ -156,7 +162,10 @@
 						<van-loading v-if="loading" /> {{$t('clarms.step2.btn')}}
 					</div>
 
-					<div class="contact" v-if="!showTips" @click="toContact"><span>{{$t('clarms.step2.contact2')}}</span><span class="underline">{{$t('clarms.step2.contact')}}</span></div>
+					<div class="contact" v-if="!showTips" @click="toContact">
+						<span>{{$t('clarms.step2.contact2')}}</span>
+						<span class="underline">{{$t('clarms.step2.contact')}}</span>
+					</div>
 
 					<div class="fail-tips" v-if="showTips">
 						<img class="icon" src="@/assets/images/common/icon-alert-i.png" alt="">

@@ -31,8 +31,8 @@ $borderRadius:6px;
 
 .reservation-container {
   @extend .bb;
-  border-radius: $borderRadius;
-  background-color: #ffffff;
+  // border-radius: $borderRadius;
+  // background-color: #ffffff;
   padding: 60px 82px 68px;
 
   .title {

@@ -82,8 +82,8 @@ input {
 
 .reservation-container {
   @extend .bb;
-  background-color: #ffffff;
-  border-radius: 20px;
+  // background-color: #ffffff;
+  // border-radius: 20px;
 
   .title {
     font-size: 1.333333rem;
@@ -127,8 +127,8 @@ input {
 
 .reservation-container-2 {
   @extend .bb;
-  background-color: #ffffff;
-  border-radius: 20px;
+  // background-color: #ffffff;
+  // border-radius: 20px;
 
   .title {
     font-size: 1.333333rem;