diff --git a/src/views/selectFile.vue b/src/views/selectFile.vue
index c93e5a0..8d60cf3 100644
--- a/src/views/selectFile.vue
+++ b/src/views/selectFile.vue
@@ -63,17 +63,8 @@
     <div class="box flex-center" v-show="name == '身份证打印'">
       <div class="file2 file3">
         <div class="title">请核对您的信息</div>
-        <div class="card flex-between">
+        <div class="card">
           <div class="card-box">
-            <div class="card-title">正面</div>
-            <img src="../assets/card1.png" alt="身份证正面" />
-            <div class="card-sign">珠海市公安局</div>
-            <div class="card-date">
-              {{ cardInfo.issuedData }} - {{ cardInfo.validDate }}
-            </div>
-          </div>
-          <div class="card-box">
-            <div class="card-title">反面</div>
             <img src="../assets/card2.png" alt="身份证反面" />
             <div class="card-name">{{ cardInfo.name }}</div>
             <div class="card-gender">
@@ -92,6 +83,13 @@
               <img :src="cardInfo.imageName" alt="" />
             </div>
           </div>
+          <div class="card-box">
+            <img src="../assets/card1.png" alt="身份证正面" />
+            <div class="card-sign">珠海市公安局</div>
+            <div class="card-date">
+              {{ cardInfo.issuedData }} - {{ cardInfo.validDate }}
+            </div>
+          </div>
         </div>
       </div>
       <div class="tip">
@@ -375,13 +373,19 @@
         margin: 1.38rem auto 0;
       }
       .card {
-        width: 39.81rem;
-        height: 31.31rem;
+        width: 42.81rem;
+        height: 35.31rem;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-around;
+        align-items: flex-end;
         .card-box {
           width: 25rem;
+          height: 15rem;
           margin-right: 5rem;
           position: relative;
           font-weight: bold;
+          font-size: 0.7rem;
           .card-title {
             padding: 1rem 0;
           }
@@ -390,25 +394,22 @@
           }
           .card-sign {
             position: absolute;
-            bottom: 3.7rem;
+            bottom: 2.7rem;
             left: 10.5rem;
-            font-size: 0.7rem;
           }
           .card-date {
             position: absolute;
-            bottom: 1.7rem;
+            bottom: 0.7rem;
             left: 10.5rem;
-            font-size: 0.7rem;
           }
           .card-name {
             position: absolute;
-            top: 5.5rem;
+            top: 2.2rem;
             left: 4.5rem;
-            font-size: 0.7rem;
           }
           .card-gender {
             position: absolute;
-            top: 7.5rem;
+            top: 4.1rem;
             left: 4.5rem;
             font-size: 0.7rem;
             span {
@@ -417,33 +418,33 @@
           }
           .card-birth {
             position: absolute;
-            top: 9.5rem;
+            top: 6.15rem;
             left: 4.5rem;
             font-size: 0.7rem;
             .month {
-              margin-left: 2.4rem;
+              margin-left: 2.3rem;
             }
             .day {
-              margin-left: 1.6rem;
+              margin-left: 1.5rem;
             }
           }
           .card-addr {
             width: 10rem;
             position: absolute;
-            top: 11.35rem;
+            top: 8.1rem;
             left: 4.5rem;
             font-size: 0.7rem;
             text-align: left;
           }
           .card-id {
             position: absolute;
-            bottom: 2.1rem;
+            bottom: 1.05rem;
             left: 8rem;
             font-size: 0.7rem;
           }
           .card-avatar {
             position: absolute;
-            top: 6.5rem;
+            top: 3.2rem;
             right: 2rem;
             width: 7rem;
             height: 9rem;