diff --git a/jero-web/src/views/businessSupport/problemKnowledgeBase/components/countryCardView.vue b/jero-web/src/views/businessSupport/problemKnowledgeBase/components/countryCardView.vue
index 4c91a6b97..e7ecf4f4c 100644
--- a/jero-web/src/views/businessSupport/problemKnowledgeBase/components/countryCardView.vue
+++ b/jero-web/src/views/businessSupport/problemKnowledgeBase/components/countryCardView.vue
@@ -186,7 +186,6 @@
           })
         }
         if (content && content.length > 0) {
-          console.log(content)
           content.forEach((res, index) => {
             this.contentList[index + 1] = { name: res.lableName }
             this.contentList[index + 1].list = []
@@ -228,7 +227,15 @@
         }
         postAction(this.list, query).then((res) => {
           if (res.success) {
-            this.queryCountryList = res.result || []
+            this.queryCountryList = []
+            applyMarkets.split(',').forEach(val => {
+              res.result.forEach(ol => {
+                if (val == ol.applyMarket) {
+                  this.queryCountryList.push(ol)
+                }
+              })
+            })
+            // this.queryCountryList = res.result || []
             this.isTrue = false
             this.$nextTick(() => {
               this.clientWidth = 340 * (this.queryCountryList.length + 1) + 'px'
@@ -350,13 +357,13 @@
     border-bottom: 1px #d9d9d9 solid;
 
     .content-box-box-img {
-      width: 70%;
+      width: 238px;
       height: 100%;
     }
 
     .content-box-box-text {
       display: inline-block;
-      width: 30%;
+      width: calc(100% - 238px);
       text-align: center;
       font-size: 18px;
       font-weight: 500;
@@ -380,13 +387,13 @@
     cursor: pointer;
 
     .content-box-box-img {
-      width: 70%;
+      width: 238px;
       height: 100%;
     }
 
     .content-box-box-text {
       display: inline-block;
-      width: 30%;
+      width: calc(100% - 238px);
       text-align: center;
       font-size: 18px;
       font-weight: 500;