1

@@ -27,6 +27,7 @@ export default {
             maxShow: 2,
             maxShow: 2,
             selectPolicyCode: "",
             selectPolicyCode: "",
             selectPolicyCodes: {},
             selectPolicyCodes: {},
+            hide : false
         }
         }
     },
     },
     computed: {
     computed: {

@@ -3,6 +3,27 @@
   overflow-x: scroll;
   overflow-x: scroll;
   padding-bottom: 2rem;
   padding-bottom: 2rem;
 }
 }
+
+
+.table-contaner {
+  position: relative;
+}
+
+.guide {
+  position: absolute;
+  transition: all 0.5s;
+  cursor: pointer;
+  width: 1rem;
+  height: .666667rem;
+  background: url("~@/assets/images/insurance-query/triangle-down.png") no-repeat center center;
+  background-size: 100% 100%;
+}
+
+.rotate180 {
+  transform: rotate(180deg);
+  transition: all 0.5s;
+}
+
 .cell-group {
 .cell-group {
     margin-bottom: 1rem;
     margin-bottom: 1rem;
   
   

 <template>
 <template>
   <div class="list-container">
   <div class="list-container">
     <div class="cell-group">
     <div class="cell-group">
+      <div class="table-contaner">
         <div class="table-header orange">
         <div class="table-header orange">
           <div class="normal-header">
           <div class="normal-header">
             <div class="td w1">{{$t('customService.insuranceQuery.InsurantNumber')}}</div>
             <div class="td w1">{{$t('customService.insuranceQuery.InsurantNumber')}}</div>
@@ -11,6 +12,8 @@
             <div class="td w2">{{$t('customService.insuranceQuery.period')}}</div>
             <div class="td w2">{{$t('customService.insuranceQuery.period')}}</div>
           </div>
           </div>
         </div>
         </div>
+        <div class="guide" :class="{rotate180 : hide}" @click="hide = !hide"></div>
+      </div>
       <div class="table-content">
       <div class="table-content">
         <template v-if="myPolicyList">
         <template v-if="myPolicyList">
           <div v-for="(item,index) in myPolicyList" :key="index">
           <div v-for="(item,index) in myPolicyList" :key="index">

@@ -18,7 +18,7 @@ export default {
 		return {
 		return {
 			loading: false,
 			loading: false,
 			key: 'value',
 			key: 'value',
-			type: 1, // 1:输入用户信息 2:找回密码 3:核对信息 4.重置密码
+			type: 1, // 1:输入用户信息 2:核对信息 3:找回密码 4.重置密码
 			values: {
 			values: {
 				cid: "",
 				cid: "",
 			},
 			},

@@ -33,9 +33,9 @@
 
 
 .login {
 .login {
   @extend .bb;
   @extend .bb;
-  padding: 2rem 6.25rem 4.5rem;
+  padding: 2rem 6.25rem 2rem;
   border-bottom: solid 0.9rem $cGreen;
   border-bottom: solid 0.9rem $cGreen;
-  height: 38rem;
+  // height: 38rem;
 
 
   margin: auto;
   margin: auto;
   max-width: 51rem;
   max-width: 51rem;
@@ -106,10 +106,10 @@
     @include btc2(17.25rem, 5.25rem, 16px);
     @include btc2(17.25rem, 5.25rem, 16px);
     margin: 4.166667rem auto 0;
     margin: 4.166667rem auto 0;
     letter-spacing: 1.6px;
     letter-spacing: 1.6px;
-    position: absolute;
+    // position: absolute;
     left: 0;
     left: 0;
     right: 0;
     right: 0;
-    margin: 0 auto;
+    margin: 2rem  auto 0;
     bottom: 3rem;
     bottom: 3rem;
   }
   }
 
 
@@ -283,7 +283,7 @@
     }
     }
 
 
     &-submit {
     &-submit {
-      margin: 0 auto 0;
+      margin: 3.25rem auto 0;
       width: 17.25rem;
       width: 17.25rem;
       height: 3.25rem;
       height: 3.25rem;
       line-height: 3.25rem;
       line-height: 3.25rem;