feat: 修复样式问题

src/web/staticres/common-module/yearEndReport/css/index.css

@@ -162,6 +162,19 @@ body {
     transform: scale(1);
   }
 }
+@keyframes MeteorRotate {
+  0% {
+    transform: unset;
+  }
+  100% {
+    transform: scale(3) rotate3d(1, 1, 1, 10deg);
+  }
+}
+@keyframes InLeft {
+  100% {
+    transform: translateX(0.3rem);
+  }
+}
 @keyframes RightIn {
   0% {
     transform: rotate(8deg) scale(1.5) translateX(90%);
@@ -728,6 +741,9 @@ letter-spacing: 4px;
     align-items: center;
     justify-content: center;
 }
+.page-5 .yun-five.show {
+  animation: InLeft 7s infinite alternate linear;
+}
 .page-5 .yun-five{
   position: absolute;
   bottom: 4.88rem;
@@ -735,6 +751,7 @@ letter-spacing: 4px;
   z-index: -1;
 }
 .page-5 .yun-five img{
+  transform: scale(1.1);
   width: 100%;
 }
 .page-5 .ball-five{
@@ -974,9 +991,12 @@ position: absolute;
 .page-7 .xd-seven{
   position: absolute;
   right: 0;
-  bottom: 1.9rem;
+  bottom: 4.7rem;
   z-index: -1;
 }
+.page-7 .xd-seven img.show {
+  animation: MeteorRotate 10s ease infinite alternate;
+}
 .page-7 .xd-seven img{
   width: 100%;
 }
@@ -1838,3 +1858,9 @@ margin-top: 2.56rem;
 }
 
 /* E第十一页 */
+.jy-report .report-page .text-bottom {
+  left: unset;
+  right: unset;
+  width: 100%;
+  text-align: center;
+}

src/web/templates/active/yearEndReport/index.html

@@ -180,7 +180,7 @@
                             <div class="this" animate-name="up" animate-delay="200" >近一年</div>
                             <div class="gongsi" animate-name="up" animate-delay="400" >郑州大学第一附属医院<br>LED显示屏系统</div>
                             <div class="guanzhu" animate-name="up" animate-delay="600" >是你最关注的项目</div>
-                            <div class="yun-five">
+                            <div class="yun-five" animate-name="show" >
                                 <img class="swiper-lazy" data-src="{{Msg "seo" "cdn"}}/common-module/yearEndReport/images/P5/yun-five.png" alt="">
                             </div>
                             <div class="ball-five">
@@ -246,7 +246,7 @@
                             <div class="year" animate-name="up" animate-delay="200" >近一年</div>
                             <div class="you" animate-name="up" animate-delay="400" >你搜索了</div>
                             <div class="num" animate-name="up" animate-delay="600" >${pageInfo.search_total}次</div>
-                            <div class="xd-seven"><img class="swiper-lazy" data-src="{{Msg "seo" "cdn"}}/common-module/yearEndReport/images/P7/xd-seven.png" alt=""></div>
+                            <div class="xd-seven"><img animate-name="show"  class="swiper-lazy" data-src="{{Msg "seo" "cdn"}}/common-module/yearEndReport/images/P7/xd-seven.png" alt=""></div>
                             <div class="text-bottom" animate-name="up" animate-delay="800" >求索力让你的成功触手可及</div>
                             <div class="btn-next">
                                 <div class="next-page"></div>