代码样式问题

src/components/annual-summary/card-6.vue

 <template>
   <div class="card-6-wrapper">
     <Logo imgType="2"></Logo>
-    <div class="bgi-wrapper">
-      <img class="ani bg"
-        swiper-animate-effect=""
-        swiper-animate-duration="1s"
-        swiper-animate-delay="3s"      
-      src="https://file.yunqueyi.com/h5/images/asimg/env-back.png" alt />
-    </div>
     <section
       class="ani detail"
       swiper-animate-effect="fadeInUp"
@@ -40,6 +33,14 @@
         <span class="cg2 b">{{anualData.registerDays}}</span> 天的云鹊医
       </p>
     </section>
+    <div class="bgi-wrapper">
+      <img class="ani bg"
+        swiper-animate-effect=""
+        swiper-animate-duration="1s"
+        swiper-animate-delay="3s"      
+      src="https://file.yunqueyi.com/h5/images/asimg/env-back.png" alt />
+    </div>
+
     <div class="qr-wrapper">
       <img class=" "
         swiper-animate-effect="bounceIn"
@@ -127,7 +128,7 @@ export default {
     img {
       display: block;
       width: 100%;
-      height: 228px;
+      height: 215px;
     }
   }
   .detail {