diff --git a/kcui/src/assets/img/spbg.jpg b/kcui/src/assets/img/spbg.jpg
index cbb0143..454fc9a 100644
Binary files a/kcui/src/assets/img/spbg.jpg and b/kcui/src/assets/img/spbg.jpg differ
diff --git a/kcui/src/components/Video1.vue b/kcui/src/components/Video1.vue
index 83ec320..0c377bc 100644
--- a/kcui/src/components/Video1.vue
+++ b/kcui/src/components/Video1.vue
@@ -19,7 +19,7 @@
             v-bind="$attrs">
             您的浏览器不支持video标签。
         </video>
-        <svg v-show="originPlay || showPlay" class="u-play" :class="{'hidden': hidden}" :style="`width: ${playWidth}px; height: ${playWidth}px;`" viewBox="0 0 24 24">
+        <svg v-show="originPlay || showPlay" class="u-play" :class="{'hidden': hidden}" :style="`width: 4vw; height:  4vw;`" viewBox="0 0 24 24">
             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4.75 6.75C4.75 5.64543 5.64543 4.75 6.75 4.75H17.25C18.3546 4.75 19.25 5.64543 19.25 6.75V17.25C19.25 18.3546 18.3546 19.25 17.25 19.25H6.75C5.64543 19.25 4.75 18.3546 4.75 17.25V6.75Z"></path>
             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15.25 12L9.75 8.75V15.25L15.25 12Z"></path>
         </svg>
diff --git a/kcui/src/view/DhInfo.vue b/kcui/src/view/DhInfo.vue
index ee3113d..68aeaef 100644
--- a/kcui/src/view/DhInfo.vue
+++ b/kcui/src/view/DhInfo.vue
@@ -26,7 +26,7 @@
                   <div style="width: 55%;text-align: center;">
                     {{ item.name }}</div>
                   <img src="../assets/img/jiantouchoose.png"
-                       style="width: 0.9vw;height:0.9vw;object-fit: contain;float: right;margin-top: 7%;">
+                       style="width: 0.9vw;height:0.9vw;object-fit: contain;float: right;margin-top: 7%;margin-left: 0.5vw;">
                   <img src="../assets/img/muluchoose.png"
                        style="width: 19vw;height: 6vw;position: absolute;bottom: -3vw;left: -3.5vw;z-index: -1;"/>
                 </div>
diff --git a/kcui/src/view/Graph.vue b/kcui/src/view/Graph.vue
index df23b85..fbbd4bf 100644
--- a/kcui/src/view/Graph.vue
+++ b/kcui/src/view/Graph.vue
@@ -27,7 +27,7 @@
                     {{ item.name }}
                   </div>
                   <img src="../assets/img/jiantouchoose.png"
-                       style="width: 0.9vw;height:0.9vw;object-fit: contain;float: right;margin-top: 7%;">
+                       style="width: 0.9vw;height:0.9vw;object-fit: contain;float: right;margin-top: 7%;margin-left: 0.5vw;">
                   <img src="../assets/img/muluchoose.png"
                        style="width: 19vw;height: 6vw;position: absolute;bottom: -3vw;left: -3.5vw;z-index: -1;"/>
                 </div>
@@ -41,12 +41,12 @@
         <div class="graphcontains1">
           <div
               style="width: 100%;height: 1.4vw;position: relative;display: flex;flex-direction: row;justify-content: space-around;margin-bottom: 0.5vw;">
-            <div style="width: 39%;display: flex;justify-content: flex-start;">
+            <div style="width: 50%;display: flex;justify-content: flex-start;">
               <img src="../assets/img/juxing.png" style="width: 1vw;object-fit: contain;margin-right: 0.25vw;">
               <div style="height:1.4vw;line-height: 1.4vw;color: white;font-size: 0.9vw;font-size: 0.9vw; ">关键词：
               </div>
             </div>
-            <div style="width:62%;height: 1.4vw;position: relative;">
+            <div style="width:10vw;height: 1.4vw;position: relative;">
               <img src="../assets/img/graphInput.png" style="position: absolute;z-index: 99;width:100%;height: 100%;">
               <input
                   type="text"
diff --git a/kcui/src/view/JsInfo.vue b/kcui/src/view/JsInfo.vue
index 80b7a58..50f4a7d 100644
--- a/kcui/src/view/JsInfo.vue
+++ b/kcui/src/view/JsInfo.vue
@@ -27,7 +27,7 @@
                     {{ item.name }}
                   </div>
                   <img src="../assets/img/jiantouchoose.png"
-                       style="width: 0.9vw;height:0.9vw;object-fit: contain;float: right;margin-top: 7%;">
+                       style="width: 0.9vw;height:0.9vw;object-fit: contain;float: right;margin-top: 7%;margin-left: 0.5vw;">
                   <img src="../assets/img/muluchoose.png"
                        style="width: 19vw;height: 6vw;position: absolute;bottom: -3vw;left: -3.5vw;z-index: -1;"/>
                 </div>
diff --git a/kcui/src/view/SpInfo.vue b/kcui/src/view/SpInfo.vue
index 41af132..2ae93c8 100644
--- a/kcui/src/view/SpInfo.vue
+++ b/kcui/src/view/SpInfo.vue
@@ -27,7 +27,7 @@
                     {{ item.name }}
                   </div>
                   <img src="../assets/img/jiantouchoose.png"
-                       style="width: 0.9vw;height:0.9vw;object-fit: contain;float: right;margin-top: 7%;">
+                       style="width: 0.9vw;height:0.9vw;object-fit: contain;float: right;margin-top: 7%;margin-left: 0.5vw;">
                   <img src="../assets/img/muluchoose.png"
                        style="width: 19vw;height: 6vw;position: absolute;bottom: -3vw;left: -3.5vw;z-index: -1;"/>
                 </div>
diff --git a/kcui/src/view/SpInfoXq.vue b/kcui/src/view/SpInfoXq.vue
index a994bfe..3aa61f3 100644
--- a/kcui/src/view/SpInfoXq.vue
+++ b/kcui/src/view/SpInfoXq.vue
@@ -35,10 +35,11 @@
         </div>
       </div>
       <div class="rightContent">
+        <div class="contentTitle">{{contentInfo.title}}</div>
         <div class="contentInfo">
-          <div class="contentTitle">{{contentInfo.title}}</div>
+
           <div class="contentText">
-            <Video1 style="height: 96%;width: 80%; object-fit:contain" :src="contentInfo.url"
+            <Video1 style="height: 90%;width: 100%; object-fit:contain" :src="contentInfo.url"
                     :second="3"/>
           </div>
         </div>
@@ -187,37 +188,39 @@ export default {
 }
 
 .contentInfo{
-  width: 100%;
-  height: 96%;
+  width: 90%;
+  height: 82.5%;
+  margin-left: 5.7%;
   position: absolute;
   z-index: 101;
-  margin-top: 2%;
+  margin-top: 5.2%;
   border-radius: 1vw;
+  //background-color: #FFFFFF;
 }
 
 .contentTitle{
-  width: 100%;
-  height: 5%;
+  width: 20vw;
+  height: 3vw;
   margin-top: 0.5%;
   font-size: 1.5vw;
-  color: #03f7f7;
+  color: #ffffff;
+
   text-align: center;
   letter-spacing: 5px;
-  line-height: 3vw;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  position: relative;
+  position: absolute;
+  top: 0.5vw;
+  margin-left: 36%;
+  line-height:3vw;
+  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
+
+
 }
 .contentText{
-  width: 96%;
-  height: 89%;
-  margin-top: 1%;
-  font-size: 1vw;
-  margin-left: 2%;
-  color: #ffffff;
+  width: 100%;
+  height: 100%;
   display: flex;
   justify-content: space-around;
+  margin-top: 2%;
 
 }
 .m-video{
diff --git a/kcui/src/view/TWInfo.vue b/kcui/src/view/TWInfo.vue
index 71bc552..f2b9766 100644
--- a/kcui/src/view/TWInfo.vue
+++ b/kcui/src/view/TWInfo.vue
@@ -28,7 +28,7 @@
                   </div>
 
                   <img src="../assets/img/jiantouchoose.png"
-                       style="width: 0.9vw;height:0.9vw;object-fit: contain;float: right;margin-top: 7%;">
+                       style="width: 0.9vw;height:0.9vw;object-fit: contain;float: right;margin-top: 7%;margin-left: 0.5vw;">
                   <img src="../assets/img/muluchoose.png"
                        style="width: 19vw;height: 6vw;position: absolute;bottom: -3vw;left: -3.5vw;z-index: -1;"/>
                 </div>