diff --git a/jero-web/src/common/lang/en-us.js b/jero-web/src/common/lang/en-us.js
index 54cfaddf0..486a12fd9 100644
--- a/jero-web/src/common/lang/en-us.js
+++ b/jero-web/src/common/lang/en-us.js
@@ -1875,4 +1875,5 @@ module.exports = {
   send:'Send',
   pleaseProcessThePC:'Please process it on the PC',
   clickAndSelect:'Click and select',
+  phoneCreationTime:'Creation Time'
 }
\ No newline at end of file
diff --git a/jero-web/src/common/lang/zh-cn.js b/jero-web/src/common/lang/zh-cn.js
index a1a57afa3..971047b49 100644
--- a/jero-web/src/common/lang/zh-cn.js
+++ b/jero-web/src/common/lang/zh-cn.js
@@ -1976,4 +1976,5 @@ module.exports = {
   send:'发送',
   pleaseProcessThePC:'请在PC端处理',
   clickAndSelect:'点击选择',
+  phoneCreationTime:'创建时间'
 }
\ No newline at end of file
diff --git a/jero-web/src/views/phoneView/documentDetails.vue b/jero-web/src/views/phoneView/documentDetails.vue
index 8bd0c5a95..054b7326d 100644
--- a/jero-web/src/views/phoneView/documentDetails.vue
+++ b/jero-web/src/views/phoneView/documentDetails.vue
@@ -207,6 +207,14 @@
     color: #040B29;
     margin-left: 0.2rem;
     word-break: break-all;
+    overflow: hidden;
+    display: -webkit-box;
+    text-overflow: ellipsis;
+    /*! autoprefixer: off */
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    /*! autoprefixer: on;*/
+    text-justify: inter-ideograph;
   }
 
   .header-right {
diff --git a/jero-web/src/views/phoneView/handlingPage.vue b/jero-web/src/views/phoneView/handlingPage.vue
index c8a5f5ea9..bd2c03b16 100644
--- a/jero-web/src/views/phoneView/handlingPage.vue
+++ b/jero-web/src/views/phoneView/handlingPage.vue
@@ -75,6 +75,14 @@
     color: #040B29;
     margin-left: 0.2rem;
     word-break: break-all;
+    overflow: hidden;
+    display: -webkit-box;
+    text-overflow: ellipsis;
+    /*! autoprefixer: off */
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    /*! autoprefixer: on;*/
+    text-justify: inter-ideograph;
   }
 
   .content {
diff --git a/jero-web/src/views/phoneView/myCollection.vue b/jero-web/src/views/phoneView/myCollection.vue
index abbff4997..fccacd66d 100644
--- a/jero-web/src/views/phoneView/myCollection.vue
+++ b/jero-web/src/views/phoneView/myCollection.vue
@@ -226,6 +226,14 @@
     color: #040B29;
     margin-left: 0.2rem;
     word-break: break-all;
+    overflow: hidden;
+    display: -webkit-box;
+    text-overflow: ellipsis;
+    /*! autoprefixer: off */
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    /*! autoprefixer: on;*/
+    text-justify: inter-ideograph;
   }
 
   .content {
diff --git a/jero-web/src/views/phoneView/mySubscribe.vue b/jero-web/src/views/phoneView/mySubscribe.vue
index 323e9fa0d..485227ab6 100644
--- a/jero-web/src/views/phoneView/mySubscribe.vue
+++ b/jero-web/src/views/phoneView/mySubscribe.vue
@@ -128,6 +128,14 @@
     color: #040B29;
     margin-left: 0.2rem;
     word-break: break-all;
+    overflow: hidden;
+    display: -webkit-box;
+    text-overflow: ellipsis;
+    /*! autoprefixer: off */
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    /*! autoprefixer: on;*/
+    text-justify: inter-ideograph;
   }
 
   .content {
diff --git a/jero-web/src/views/phoneView/problemKnowledgeBase.vue b/jero-web/src/views/phoneView/problemKnowledgeBase.vue
index a734a68d9..e7285f026 100644
--- a/jero-web/src/views/phoneView/problemKnowledgeBase.vue
+++ b/jero-web/src/views/phoneView/problemKnowledgeBase.vue
@@ -401,6 +401,14 @@
     color: #040B29;
     margin-left: 0.2rem;
     word-break: break-all;
+    overflow: hidden;
+    display: -webkit-box;
+    text-overflow: ellipsis;
+    /*! autoprefixer: off */
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    /*! autoprefixer: on;*/
+    text-justify: inter-ideograph;
   }
 
   .header-buttom {
diff --git a/jero-web/src/views/phoneView/processManagement.vue b/jero-web/src/views/phoneView/processManagement.vue
index ac67c6f4a..1758a8f33 100644
--- a/jero-web/src/views/phoneView/processManagement.vue
+++ b/jero-web/src/views/phoneView/processManagement.vue
@@ -75,6 +75,8 @@
             <div class="vanStepBox">
               <div class="van-text">
                 {{item.name}}
+              </div>
+              <div class="van-text-status">
                 <span class="van-text-color" :class="statusClass[item.operatorResult]" v-if="item.operatorResultName">
                  {{item.operatorResultName}}
                 </span>
@@ -102,6 +104,7 @@
       <van-collapse-item :title="examineTitle" name="4" v-if="!queryData.isDisplay">
         <van-form @submit="onSubmit" ref="form">
           <van-field name="disposeResult"
+                     class="uploader"
                      :rules="[{ required: true, message: $t('resultofhandling') + $t('cannotEmpty') }]"
                      :label="$t('resultofhandling')">
             <template #input>
@@ -112,7 +115,8 @@
                 <van-radio name="Rejected" v-if="queryData.TaskKey == 'zrrqr'">
                   {{$t('refuse')}}
                 </van-radio>
-                <van-radio name="Adopt" :disabled="isAdopt" v-if="queryData.TaskKey == 'fggcssh' || queryData.TaskKey == 'fggcsbcsh'">
+                <van-radio name="Adopt" :disabled="isAdopt"
+                           v-if="queryData.TaskKey == 'fggcssh' || queryData.TaskKey == 'fggcsbcsh'">
                   {{$t('adopt')}}
                 </van-radio>
                 <van-radio name="Compliance"
@@ -235,7 +239,7 @@
         fileList: [],
         uploadAction: window._CONFIG['domianURL'] + '/sys/common/upload',
         examineTitle: '',
-        isAdopt:false,
+        isAdopt: false
       }
     },
     mounted() {
@@ -472,6 +476,14 @@
     color: #040B29;
     margin-left: 0.2rem;
     word-break: break-all;
+    overflow: hidden;
+    display: -webkit-box;
+    text-overflow: ellipsis;
+    /*! autoprefixer: off */
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    /*! autoprefixer: on;*/
+    text-justify: inter-ideograph;
   }
 
   .collapse {
@@ -604,7 +616,6 @@
     font-size: 0.34rem;
     background: rgba(38, 189, 75, 0.12);
     border-radius: 0.1rem;
-    margin-left: 0.2rem;
   }
 
   .van-time {
@@ -650,9 +661,11 @@
     font-family: PingFang SC-Regular, PingFang SC;
     font-weight: 500;
     color: #595E72;
-    width: 2rem;
+    width: 100%;
+  }
+  ::v-deep .van-form .van-cell__value{
+     margin-top: 0.1rem;
   }
-
   ::v-deep .van-form .van-radio__icon .van-icon {
     width: 0.45rem;
     height: 0.45rem;
@@ -789,9 +802,15 @@
     color: #BBBDC7;
   }
 
+  .van-text-status {
+    margin-bottom: 0.3rem;
+    margin-top: 0.3rem;
+  }
+
   .van-collapse-item:last-child {
     margin-bottom: 0;
   }
+
   .AcceptedClass {
     background: #e9f8ed;
     color: #26BD4B;
@@ -831,6 +850,7 @@
     background: #fff6e8;
     color: #FDA71C;
   }
+
   .NAClass {
     background: #f1f1f3;
     color: #707486;
diff --git a/jero-web/src/views/phoneView/recentBrowsing.vue b/jero-web/src/views/phoneView/recentBrowsing.vue
index 98a30132d..1dee741f1 100644
--- a/jero-web/src/views/phoneView/recentBrowsing.vue
+++ b/jero-web/src/views/phoneView/recentBrowsing.vue
@@ -72,6 +72,14 @@
     color: #040B29;
     margin-left: 0.2rem;
     word-break: break-all;
+    overflow: hidden;
+    display: -webkit-box;
+    text-overflow: ellipsis;
+    /*! autoprefixer: off */
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    /*! autoprefixer: on;*/
+    text-justify: inter-ideograph;
   }
 
   .content {
diff --git a/jero-web/src/views/phoneView/search.vue b/jero-web/src/views/phoneView/search.vue
index 4afff6996..18eed4e6e 100644
--- a/jero-web/src/views/phoneView/search.vue
+++ b/jero-web/src/views/phoneView/search.vue
@@ -74,9 +74,7 @@
     },
     mounted() {
       document.title = 'NIO GRP'
-      this.getDocumentLibrary()
-      this.getProblemKnowledgeBase()
-      this.getMonthlyReportRegulations()
+      this.getDataCount()
     },
     methods: {
       onChange(value) {
@@ -126,42 +124,15 @@
           }
         })
       },
-      getDocumentLibrary() {
-        let query = {
-          pageNo: '1',
-          pageSize: '10'
-        }
-        postAction('document/bussDocumentLibraryEO/queryPageInfo', query).then((res) => {
+      getDataCount() {
+        getAction('/phone/search/getDataCount', {}).then((res) => {
           if (res.success) {
-            this.documentLibraryTotal = res.result.total
+            this.documentLibraryTotal = res.result.documentLibraryCount || 0
+            this.problemKnowledgeBaseTotal = res.result.problemKnowledgeBaseCount || 0
+            this.monthlyReportRegulationsTotal = res.result.lawsMonthlyReportManageCount || 0
           } else {
             this.documentLibraryTotal = 0
-          }
-        })
-      },
-      getProblemKnowledgeBase() {
-        let query = {
-          pageNo: 1,
-          pageSize: 10,
-          releaseStatus: 'Have released'
-        }
-        getAction('/problemKnowledgeBase/problemKnowledgeBaseEO/page', query).then((res) => {
-          if (res.success) {
-            this.problemKnowledgeBaseTotal = res.result.total
-          } else {
             this.problemKnowledgeBaseTotal = 0
-          }
-        })
-      },
-      getMonthlyReportRegulations() {
-        let query = {
-          pageNo: 1,
-          pageSize: 10
-        }
-        getAction('/report/lawsMonthlyReportManageEO/page', query).then((res) => {
-          if (res.success) {
-            this.monthlyReportRegulationsTotal = res.result.total
-          } else {
             this.monthlyReportRegulationsTotal = 0
           }
         })
diff --git a/jero-web/src/views/phoneView/searchList.vue b/jero-web/src/views/phoneView/searchList.vue
index 4feb71bf8..66a74390d 100644
--- a/jero-web/src/views/phoneView/searchList.vue
+++ b/jero-web/src/views/phoneView/searchList.vue
@@ -30,17 +30,70 @@
           :loading-text="$t('loading')"
           @load="onLoad"
         >
-          <div class="content-box-content" v-for="(item,index) in list" :key="index">
-            <div class="content-box-title">
-              GB 50017-2017
+          <div class="content-box-content" @click="dataClick(item)" v-for="(item,index) in list" :key="index">
+            <div v-if="item.module_type_flag == 'WDK'">
+              <div class="content-box-title">
+                {{item.serial_number}}
+              </div>
+              <div class="content-box-type">
+                <span class="content-box-left"
+                      :class="{'content-box-left-En-WDK':language == 'en-us' ? true : false}"
+                >{{$t('title')}}</span>
+                <span class="content-box-text">{{item.title}}</span>
+              </div>
+              <div class="content-box-type">
+                <span class="content-box-left"
+                      :class="{'content-box-left-En-WDK':language == 'en-us' ? true : false}">{{$t('status')}}</span>
+                <span class="content-box-text">{{item.state}}</span>
+              </div>
+              <div class="content-box-type">
+                <span class="content-box-left"
+                      :class="{'content-box-left-En-WDK':language == 'en-us' ? true : false}">{{$t('category')}}</span>
+                <span class="content-box-text">{{item.module_type}}</span>
+              </div>
             </div>
-            <div class="content-box-type">
-              <span class="content-box-left">标题</span>
-              <span class="content-box-text">设计符合性流程</span>
+            <div v-else-if="item.module_type_flag == 'WTZSK' || item.module_type_flag == 'ZSFX'">
+              <div class="content-box-title">
+                {{item.title}}
+              </div>
+              <div class="content-box-type">
+              <span class="content-box-left-problemKnow"
+                    :class="{'content-box-left-problemKnow-En':language == 'en-us' ? true : false}"
+              >{{$t('creator')}}</span>
+                <span class="content-box-text">张三</span>
+              </div>
+              <div class="content-box-type">
+              <span class="content-box-left-problemKnow"
+                    :class="{'content-box-left-problemKnow-En':language == 'en-us' ? true : false}">
+                {{$t('phoneCreationTime')}}
+              </span>
+                <span class="content-box-text">2023-10-12 10:20:30</span>
+              </div>
+              <div class="content-box-type">
+                <span class="content-box-left-problemKnow"
+                      :class="{'content-box-left-problemKnow-En':language == 'en-us' ? true : false}">{{$t('category')}}</span>
+                <span class="content-box-text">{{item.module_type}}</span>
+              </div>
             </div>
-            <div class="content-box-type">
-              <span class="content-box-left">类别</span>
-              <span class="content-box-text">Aries-G1.1-中国台湾-00</span>
+            <div v-else-if="item.module_type_flag == 'FGYB'">
+              <div class="content-box-title">
+                {{item.title}}
+              </div>
+              <div class="content-box-type">
+                <span class="content-box-left-monthly"
+                      :class="{'content-box-left-monthly-En':language == 'en-us' ? true : false}">{{$t('uploadedBy')}}</span>
+                <span class="content-box-text">李四会计师大后方会计师大后方迪斯科解放但还是分的考生</span>
+              </div>
+              <div class="content-box-type">
+                <span class="content-box-left-monthly"
+                      :class="{'content-box-left-monthly-En':language == 'en-us' ? true : false}">{{$t('uploadTime')}}</span>
+                <span class="content-box-text">2023-10-12 10:20:30</span>
+              </div>
+              <div class="content-box-type">
+                <span class="content-box-left-monthly"
+                      :class="{'content-box-left-monthly-En':language == 'en-us' ? true : false}">{{$t('category')}}</span>
+                <span class="content-box-text">{{item.module_type}}</span>
+              </div>
             </div>
           </div>
         </van-list>
@@ -54,16 +107,19 @@
           :loading-text="$t('loading')"
           @load="onLoad"
         >
-          <div class="content-box-content" v-for="(item,index) in list" :key="index">
+          <div class="content-box-content" @click="dataClick(item)" v-for="(item,index) in documentLibraryList"
+               :key="index">
             <div class="content-box-title">
-              GB 50017-2017
+              {{item.serial_number}}
             </div>
             <div class="content-box-type">
-              <span class="content-box-left">标题</span>
-              <span class="content-box-text">设计符合性流程</span>
+              <span class="content-box-left"
+                    :class="{'content-box-left-En':language == 'en-us' ? true : false}">{{$t('title')}}</span>
+              <span class="content-box-text">{{item.title}}</span>
             </div>
             <div class="content-box-type">
-              <span class="content-box-left">状态</span>
+              <span class="content-box-left"
+                    :class="{'content-box-left-En':language == 'en-us' ? true : false}">{{$t('status')}}</span>
               <span class="content-box-text">现行</span>
             </div>
           </div>
@@ -78,16 +134,22 @@
           :loading-text="$t('loading')"
           @load="onLoad"
         >
-          <div class="content-box-content" v-for="(item,index) in list" :key="index">
+          <div class="content-box-content" @click="dataClick(item)" v-for="(item,index) in problemKnowledgeBaseList"
+               :key="index">
             <div class="content-box-title">
-              GB 50017-2017
+              {{item.title}}
             </div>
             <div class="content-box-type">
-              <span class="content-box-left" style="width: 1.4rem">创建人</span>
-              <span class="content-box-text">张三</span>
+              <span class="content-box-left-problemKnow"
+                    :class="{'content-box-left-problemKnow-En':language == 'en-us' ? true : false}"
+              >{{$t('creator')}}</span>
+              <span class="content-box-text">张三是可见度发挥是的看见反函数反抗精神的回复的考试分数</span>
             </div>
             <div class="content-box-type">
-              <span class="content-box-left" style="width: 1.4rem">创建时间</span>
+              <span class="content-box-left-problemKnow"
+                    :class="{'content-box-left-problemKnow-En':language == 'en-us' ? true : false}">
+                {{$t('phoneCreationTime')}}
+              </span>
               <span class="content-box-text">2023-10-12 10:20:30</span>
             </div>
           </div>
@@ -102,16 +164,19 @@
           :loading-text="$t('loading')"
           @load="onLoad"
         >
-          <div class="content-box-content" v-for="(item,index) in list" :key="index">
+          <div class="content-box-content" @click="dataClick(item)" v-for="(item,index) in monthlyReportRegulationsList"
+               :key="index">
             <div class="content-box-title">
-              GB 50017-2017
+              {{item.title}}
             </div>
             <div class="content-box-type">
-              <span class="content-box-left" style="width: 1.4rem">上传人</span>
+              <span class="content-box-left-monthly"
+                    :class="{'content-box-left-monthly-En':language == 'en-us' ? true : false}">{{$t('uploadedBy')}}</span>
               <span class="content-box-text">李四会计师大后方会计师大后方迪斯科解放但还是分的考生</span>
             </div>
             <div class="content-box-type">
-              <span class="content-box-left" style="width: 1.4rem">上传时间</span>
+              <span class="content-box-left-monthly"
+                    :class="{'content-box-left-monthly-En':language == 'en-us' ? true : false}">{{$t('uploadTime')}}</span>
               <span class="content-box-text">2023-10-12 10:20:30</span>
             </div>
           </div>
@@ -131,8 +196,12 @@
         value: '',
         activeTab: '',
         list: [],
+        documentLibraryList: [],
+        problemKnowledgeBaseList: [],
+        monthlyReportRegulationsList: [],
         loading: false,
         finished: false,
+        language: localStorage.getItem('language'),
         pageNo: 0,
         url: {
           wholeUrl: 'search/document/getFullTextInfoList',
@@ -156,12 +225,37 @@
         this.$router.go(-1)
       },
       activeChange() {
+        if (this.activeTab == 'whole') {
+          this.list = []
+        } else if (this.activeTab == 'documentLibrary') {
+          this.documentLibraryList = []
+        } else if (this.activeTab == 'problemKnowledgeBase') {
+          this.problemKnowledgeBaseList = []
+        } else if (this.activeTab == 'monthlyReportRegulations') {
+          this.monthlyReportRegulationsList = []
+        }
         this.loading = true
-        this.list = []
         this.finished = false
         this.pageNo = 1
         this.getList()
       },
+      dataClick(item) {
+        if (item.module_type_flag == 'WDK') {
+          this.$router.push({
+            path: '/phoneDocumentDetails',
+            query: {
+              id: item.id
+            }
+          })
+        } else if (item.module_type_flag == 'WDK') {
+          this.$router.push({
+            path: '/phoneDocumentDetails',
+            query: {
+              id: item.id
+            }
+          })
+        }
+      },
       onLoad() {
         if (this.finished) {
           this.list = []
@@ -173,34 +267,90 @@
       },
       getList() {
         let url = ''
-        if (this.activeTab == 'whole') {
-          url = this.url.wholeUrl
-        } else if (this.activeTab == 'documentLibrary') {
-          url = this.url.documentLibraryUrl
-        } else if (this.activeTab == 'problemKnowledgeBase') {
-          url = this.url.problemKnowledgeBaseUrl
-        } else if (this.activeTab == 'monthlyReportRegulations') {
-          url = this.url.monthlyReportRegulationsUrl
-        }
         let params = {
           pageNo: this.pageNo,
-          pageSize: 10
+          pageSize: 10,
+          mapOne: {},
+          mapTwo: {}
         }
+        if (this.activeTab == 'whole') {
+          url = this.url.wholeUrl
+          postAction(url, params).then(res => {
+            if (res.success) {
+              if (res.result.records.length > 0 && this.pageNo > 1) {
+                this.list = this.list.concat(res.result.records)
+              } else if (res.result.records.length > 0 && this.pageNo == 1) {
+                this.list = res.result.records
+              } else if (res.result.records.length == 0) {
+                this.finished = true
+              }
+              this.loading = false
+            } else {
+              this.list = []
+              this.loading = false
+              this.finished = true
+            }
+          })
+        } else if (this.activeTab == 'documentLibrary') {
+          url = this.url.documentLibraryUrl
+          this.getDocumentLibrary(url, params)
+        } else if (this.activeTab == 'problemKnowledgeBase') {
+          url = this.url.problemKnowledgeBaseUrl
+          this.getProblemKnowledgeBase(url, params)
+        } else if (this.activeTab == 'monthlyReportRegulations') {
+          url = this.url.monthlyReportRegulationsUrl
+          this.getMonthlyReportRegulations(url, params)
+        }
+      },
+      getDocumentLibrary(url, params) {
         postAction(url, params).then(res => {
           if (res.success) {
-            if (this.pageNo == 1) {
-              this.list = []
-            }
             if (res.result.records.length > 0 && this.pageNo > 1) {
-              this.list = this.list.concat(res.result.records)
+              this.documentLibraryList = this.documentLibraryList.concat(res.result.records)
             } else if (res.result.records.length > 0 && this.pageNo == 1) {
-              this.list = res.result.records
+              this.documentLibraryList = res.result.records
             } else if (res.result.records.length == 0) {
               this.finished = true
             }
             this.loading = false
           } else {
-            this.list = []
+            this.documentLibraryList = []
+            this.loading = false
+            this.finished = true
+          }
+        })
+      },
+      getProblemKnowledgeBase(url, params) {
+        postAction(url, params).then(res => {
+          if (res.success) {
+            if (res.result.records.length > 0 && this.pageNo > 1) {
+              this.problemKnowledgeBaseList = this.problemKnowledgeBaseList.concat(res.result.records)
+            } else if (res.result.records.length > 0 && this.pageNo == 1) {
+              this.problemKnowledgeBaseList = res.result.records
+            } else if (res.result.records.length == 0) {
+              this.finished = true
+            }
+            this.loading = false
+          } else {
+            this.problemKnowledgeBaseList = []
+            this.loading = false
+            this.finished = true
+          }
+        })
+      },
+      getMonthlyReportRegulations(url, params) {
+        postAction(url, params).then(res => {
+          if (res.success) {
+            if (res.result.records.length > 0 && this.pageNo > 1) {
+              this.monthlyReportRegulationsList = this.monthlyReportRegulationsList.concat(res.result.records)
+            } else if (res.result.records.length > 0 && this.pageNo == 1) {
+              this.monthlyReportRegulationsList = res.result.records
+            } else if (res.result.records.length == 0) {
+              this.finished = true
+            }
+            this.loading = false
+          } else {
+            this.monthlyReportRegulationsList = []
             this.loading = false
             this.finished = true
           }
@@ -329,7 +479,7 @@
     font-family: PingFang SC-Semibold, PingFang SC;
     font-weight: 600;
     color: #040B29;
-    font-size: 0.4rem;
+    font-size: 0.42rem;
   }
 
   .content-box-type {
@@ -344,10 +494,20 @@
   .content-box-left {
     display: inline-block;
     flex: none;
+    font-weight: 500;
   }
 
   .content-box-text {
     margin-left: 0.3rem;
+    word-break: break-all;
+    overflow: hidden;
+    display: -webkit-box;
+    text-overflow: ellipsis;
+    /*! autoprefixer: off */
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 3;
+    /*! autoprefixer: on;*/
+    text-justify: inter-ideograph;
   }
 
   .search-top {
@@ -379,4 +539,36 @@
   ::v-deep .van-tabs__wrap--scrollable .van-tab {
     padding: 0 0.1rem;
   }
+
+  .content-box-left-problemKnow {
+    display: inline-block;
+    font-weight: 500;
+    width: 1.4rem;
+    flex: none;
+    word-break: break-all;
+  }
+
+  .content-box-left-En {
+    width: 1.1rem;
+  }
+
+  .content-box-left-problemKnow-En {
+    width: 2.3rem;
+  }
+
+  .content-box-left-En-WDK {
+    width: 1.5rem;
+  }
+
+  .content-box-left-monthly {
+    display: inline-block;
+    font-weight: 500;
+    width: 1.4rem;
+    word-break: break-all;
+    flex: none;
+  }
+
+  .content-box-left-monthly-En {
+    width: 2.11rem;
+  }
 </style>
\ No newline at end of file