业务大厅 资金管理样式布局不美观 样式处理

src/views/Business/Corppay.vue

@@ -66,8 +66,8 @@
         </table>
         <p class="title">执收单位:</p>
         <p>中国物品编码中心</p>
-        <p class="title">资金管理：</p>
-        <p>通过银行电汇或信汇办理缴费业务:</p>
+        <p class="title prominent-text">资金管理：</p>
+        <p class="prominent-text">通过银行电汇或信汇办理缴费业务:</p>
         <ul class="text-explain">
           <li>开户名称：中国物品编码中心</li>
           <li>开户银行：交通银行北京分行和平里支行</li>
@@ -269,6 +269,10 @@ export default {
       li {
         display: list-item;
         list-style-type: disc;
+        margin: 8px 0 0 40px;
+        &:nth-child(1) {
+          margin-top: 15px;
+        }
       }
     }
     .table {
@@ -316,14 +320,19 @@ export default {
       text-indent: 25px;
       border-bottom: 1px solid rgb(178, 178, 184);
       padding-bottom: 10px;
+      margin-bottom: 10px;
     }
     .title {
       border-bottom: 1px solid #b2b2b8;
+      margin-bottom: 10px;
       padding-bottom: 10px;
       font-size: 14px;
       margin-top: 40px;
       color: #454545;
     }
+    .prominent-text {
+      color: #008DBD;
+    }
     .fwxmyfwnr {
       td {
         &:nth-child(3) {
@@ -333,4 +342,4 @@ export default {
     }
   }
 }
-</style>
\ No newline at end of file
+</style>