diff --git a/jero-web/src/views/documentManage/library/docDetail/index.vue b/jero-web/src/views/documentManage/library/docDetail/index.vue
index 7d1380177..e9fad8099 100644
--- a/jero-web/src/views/documentManage/library/docDetail/index.vue
+++ b/jero-web/src/views/documentManage/library/docDetail/index.vue
@@ -43,7 +43,7 @@
           </div>
         </div>
       </div>
-      <div style="margin-top: 68px;background: #fff">
+      <div style="margin-top: 68px;background: #fff" class="detail-box">
         <div class="detail-content">
           <div v-for="(item,index) in detailList" class="content-box">
             <div v-for="val in Object.keys(item)" class="content">
@@ -168,14 +168,14 @@
             </div>
           </div>
         </div>
-        <div class="detail-content-right">
-          <div class="detail-content-right-text"
-               :class="{'detail-content-right-text-one':item.pname ? true : false}"
-               v-for="(item,index) in rightTitleList"
-               @click="detailTextClick(index,item.name)">
-            {{item.name}}
-          </div>
-        </div>
+<!--        <div class="detail-content-right">-->
+<!--          <div class="detail-content-right-text"-->
+<!--               :class="{'detail-content-right-text-one':item.pname ? true : false}"-->
+<!--               v-for="(item,index) in rightTitleList"-->
+<!--               @click="detailTextClick(index,item.name)">-->
+<!--            {{item.name}}-->
+<!--          </div>-->
+<!--        </div>-->
       </div>
     </div>
     <a-modal
@@ -362,21 +362,20 @@
             dataIndex: 'implementationTypeText',
             align: 'left',
             ellipsis: true,
-            width: '25%'
+            width: '15%'
           },
           {
             title: this.$t('implementationDateTwo'),
             dataIndex: 'implementationDate',
             align: 'left',
             ellipsis: true,
-            width: '25%'
+            width: '15%'
           },
           {
             title: this.$t('remarks'),
             dataIndex: 'remarks',
             align: 'left',
-            ellipsis: true,
-            width: '25%'
+            width: '45%'
           }
         ],
         columns: [
@@ -714,7 +713,8 @@
     height: 100%;
 
     .detail-content {
-      width: calc(100% - 212px);
+      /*width: calc(100% - 212px);*/
+      width: 100%;
     }
 
     .doc-detail-wrap {
@@ -753,8 +753,8 @@
       }
 
       .content-box {
-        padding: 0 40px 0 32px;
-        box-sizing: border-box;
+        /*padding: 0 40px 0 32px;*/
+        /*box-sizing: border-box;*/
       }
 
       .header-text {
@@ -795,7 +795,7 @@
             overflow: hidden;
             word-break: break-word;
             color: #040B29;
-            font-weight: bold;
+            /*font-weight: bold;*/
           }
         }
 
@@ -816,7 +816,7 @@
           }
 
           .text-field-right {
-            width: calc(100% - 130px);
+            width: calc(66.6% - 130px);
             display: inline-block;
             font-size: 14px;
             text-overflow: ellipsis;
@@ -825,7 +825,7 @@
             overflow: visible;
             float: left;
             color: #040B29;
-            font-weight: bold;
+            /*font-weight: bold;*/
           }
         }
 
@@ -846,7 +846,7 @@
           }
 
           .text-field-right {
-            width: calc(100% - 130px);
+            width: calc(66.6% - 130px);
             display: inline-block;
             font-size: 14px;
             text-overflow: ellipsis;
@@ -855,7 +855,7 @@
             overflow: hidden;
             float: left;
             color: #040B29;
-            font-weight: bold;
+            /*font-weight: bold;*/
           }
 
           .text-field-right-text {
@@ -866,6 +866,16 @@
     }
   }
 
+  /*.detail-box {*/
+  /*  padding: 0 0 0 170px;*/
+  /*  box-sizing: border-box;*/
+  /*}*/
+
+  .detail-box {
+    padding: 0 110px 0 110px;
+    box-sizing: border-box;
+  }
+
   .page {
     text-align: right;
     margin-top: 20px;
@@ -1007,28 +1017,28 @@
   }
 
   .TextInformation-box {
-    width: calc(50% - 10px);
+    width: calc(33.3% - 10px);
     height: auto;
     display: inline-block;
     overflow: hidden;
-    margin-right: 20px;
+    margin-right: 15px;
   }
 
-  .TextInformation-box:nth-child(even) {
+  .TextInformation-box:nth-child(3n) {
     margin-right: 0;
   }
 
   .TextInformation-box-title {
-    background: #F5F6F7;
+    background: #f3f6f6;
     border-radius: 4px;
     width: 100%;
     display: inline-block;
-    height: 56px;
+    height: 44px;
     padding: 0 16px;
-    line-height: 56px;
+    line-height: 44px;
     color: #040B29;
-    font-weight: 400;
-    font-size: 16px;
+    font-weight: 500;
+    font-size: 14px;
   }
 
   .TextInformation-box-box {
@@ -1039,7 +1049,7 @@
   }
 
   .TextInformation-box-box-text {
-    width: calc(50% - 20px);
+    width: 100%;
     margin-right: 20px;
     height: 36px;
     float: left;
@@ -1058,7 +1068,7 @@
   .detail-content-right-text {
     color: #040B29;
     font-size: 14px;
-    font-weight: bolder;
+    /*font-weight: bolder;*/
     height: 36px;
     line-height: 36px;
     border-left: 2px #CED0D8 solid;
@@ -1109,7 +1119,16 @@
     white-space: nowrap;
     overflow: hidden;
     cursor: pointer;
-    font-weight: bold;
+    /*font-weight: bold;*/
     color: #01A0AC;
   }
+  ::v-deep .ant-table-column-title{
+     font-weight: 400!important;
+    color: #040B29!important;
+  }
+
+  ::v-deep .ant-table-column-title {
+    font-weight: 400 !important;
+    color: #040B29 !important;
+  }
 </style>
\ No newline at end of file