修改了摘要样式布局

src/view/rai_pj/raiReportDtl.vue

@@ -17,9 +17,9 @@
 			</div>
       <div class="container-text">
         <div class="container">
-           <i class="blue-box"></i><span class="text-box">摘要:&nbsp;{{reportInfo.Abstract}}</span>
+           <p class="text-box"><i class="blue-box"></i>&nbsp;&nbsp;摘要:&nbsp;{{reportInfo.Abstract}}</p>
         </div>
-            <span class="content-html"></span>
+            <!-- <span class="content-html"></span> -->
       </div>
 		</div>
 		<div class="detail-report">
@@ -338,7 +338,6 @@ export default {
 	padding: 0.4rem 0.68rem 4rem;
 	font-size:.56rem;
 	.report-top {
-
 		color: #999999;
 		.report-title {
 			color: #4A4A4A;
@@ -361,18 +360,19 @@ export default {
       padding-bottom: .8rem;
       border-bottom: .04rem dashed #999999;
       .container {
-        display: flex;
-        .blue-box {
-       margin-right:.2rem;
+		.text-box {
+      position: relative;
+			font-size: .64rem;
+      line-height: .98rem;
+			color: #333;
+      .blue-box {
+      position: absolute;
+      top: .04rem;
+      left: .04rem;
 			width: .16rem;
 			height: .88rem;
 			background-color: #3385FF;
 		}
-		.text-box {
-			font-size: .64rem;
-      height: .88rem;
-      line-height: .88rem;
-			color: #333;
 		}
       }
      .content-html {