修改了中间部分的细节样式

src/views/groupPage/districtPageModules/decisionSupport/coordinatedEvaluation/Center.vue

@@ -49,6 +49,7 @@ export default {
   color: #ffffff;
   line-height: 40px;
   text-align: center;
+  font-family: Alimama ShuHeiTi;
   text-shadow: 0px 0px 9px #042d45;
 }
 .center > p.lh {
@@ -56,9 +57,11 @@ export default {
   font-weight: bold;
   font-size: 48px;
   color: #ffffff;
+  font-family: Alimama ShuHeiTi;
   text-align: center;
-  line-height: 40px;
-  text-shadow: 0px 0px 9px #042d45;
+  line-height: 55px;
+  color: #ffffff;
+  line-height: 55px;
   background: linear-gradient(0deg, #ffeaa1 0.87890625%, #ffffff 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
@@ -88,6 +91,7 @@ export default {
   font-size: 20px;
   color: #ffffff;
   line-height: 33px;
+  font-family: YouSheBiaoTiHei;
   background: linear-gradient(180deg, #ffffff 0%, #84c1ff 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
@@ -127,5 +131,11 @@ export default {
   height: 48%;
   background: url('~@/assets/images/jczc/xtpj_bg2.png') no-repeat center center;
   background-size: 75% 100%;
+  opacity: 0;
+  animation: fadeIn 3s ease-in-out forwards; 
+}
+@keyframes fadeIn {
+    from { opacity: 0; } 
+    to { opacity: 1; }   
 }
 </style>

src/views/groupPage/districtPageModules/decisionSupport/coordinatedEvaluation/InspectionsNum.vue

@@ -11,7 +11,7 @@
       <div class="head">
         <div class="title">
           <div class="icon"></div>
-          <span class="site-info">子系统协同情况</span>
+          <span class="site-info"><i>子系统协同情况</i></span>
         </div>
       </div>
       <div class="content-info">
@@ -153,7 +153,7 @@ export default class InspectionsNum extends Vue {
   padding-left: 34px;
 }
 .but_ul li div {
-  width: 90%;
+  width: 86%;
   float: left;
 }
 // .animate__zoomIn,
@@ -177,7 +177,7 @@ export default class InspectionsNum extends Vue {
   .head {
     height: 0.166667rem /* 32/192 */;
     width: 100%;
-    background: linear-gradient(-90deg, rgba(43, 167, 255, 0.2) 0%, rgba(43, 167, 255, 0.08) 100%);
+    background: linear-gradient(-90deg, rgba(43, 167, 255, 0.08) 0%, rgba(43, 167, 255, 0.08) 100%);
     font-family: Source Han Sans CN-HEAVY;
     .title {
       width: 100%;
@@ -185,31 +185,43 @@ export default class InspectionsNum extends Vue {
       display: flex;
       font-weight: 400;
       align-items: center;
-      .icon {
-        height: 0.166667rem /* 32/192 */;
-        width: 0.34375rem /* 66/192 */;
-        background: url('~@/views/groupPage/images/模块图标/统计分析/安全巡查.png') no-repeat center center;
-        background-size: 100% 100%;
-      }
+      background: linear-gradient(0deg, #036dbe 0%, rgba(22, 194, 247, 0.3) 100%);
+      border-radius: 0px 0px 30px 30px;
       span {
         flex: 1;
         font-weight: bold;
-        font-size: 0.083333rem /* 16/192 */;
+        font-size: 16px;
+        font-weight: bold;
+        font-size: 0.083333rem;
         color: #ffffff;
-        padding: 0.041667rem /* 8/192 */;
-        background: linear-gradient(0deg, #9bd2fa 0%, #ffffff 100%);
-        background-clip: text;
-        -webkit-text-fill-color: transparent;
+        text-align: center;
+        //background: linear-gradient(0deg, #9bd2fa 0%, #ffffff 100%);
+        //background-clip: text;
+        //-webkit-text-fill-color: transparent;
+        i {
+          background: url('~@/assets/images/jczc/xtqk.png') no-repeat center center;
+          display: inline-block;
+          width: 100%;
+          height: 27px;
+          line-height: 27px;
+        }
       }
     }
   }
   .content-info {
+    position: relative;
     padding: 20px;
+  }
+  .content-info::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
     width: 100%;
-    height: calc(100% - 0.166667rem);
-    display: inline-block;
+    height: 100%;
     background: linear-gradient(0deg, rgba(14, 167, 255, 0.7) 0%, rgba(14, 167, 255, 0.2) 100%);
-    font-family: Source Han Sans CN;
+    z-index: -1;
+    opacity: 0.3;
   }
 }
 </style>