diff --git a/src/views/components/emotionDecod.vue b/src/views/components/emotionDecod.vue
index 3b8fd3a..a7abc74 100644
--- a/src/views/components/emotionDecod.vue
+++ b/src/views/components/emotionDecod.vue
@@ -251,7 +251,7 @@ function initQXNLZHEcharts(kline, qxnlzhqData) {
           shadowOffsetX: 2,
           shadowOffsetY: 2,
         },
-        bottom: "10%", // 下移数据缩放滑块
+        bottom: window.innerWidth > 768 ? "10%" : "5%", // 下移数据缩放滑块
       },
       {
         show: !1,
@@ -457,7 +457,7 @@ onBeforeUnmount(() => {
   width: 100%;
   height: 800px;
   margin: 0;
-  top: 5rem;
+  /* top: 5rem; */
   box-sizing: border-box;
   overflow: hidden;
 }
@@ -468,7 +468,7 @@ onBeforeUnmount(() => {
     width: 100%;
     height: 400px;
     margin: 0;
-    top: 5rem;
+    /* top: 5rem; */
   }
 
   .qxjmqbox {
diff --git a/src/views/components/marketTemperature.vue b/src/views/components/marketTemperature.vue
index f4e8df8..b7aaee0 100644
--- a/src/views/components/marketTemperature.vue
+++ b/src/views/components/marketTemperature.vue
@@ -707,13 +707,17 @@ defineExpose({ initChart });
   /* padding: 20px; */
   max-width: 80vw;
   padding-bottom: 10%;
+  display:flex;
+  flex-direction:column;
+  justify-content:center;
+  align-items:center;
 }
 
 .border3 {
   margin-top: 40px;
   border-radius: 8px;
   padding: 20px;
-  margin-left: 0;
+  /* margin-left: 0; */
   width: 100%;
   height: 100%;
   box-sizing: border-box;
@@ -725,7 +729,7 @@ defineExpose({ initChart });
   border-radius: 8px;
   padding: 20px;
   width: 80%;
-  margin-left: 8%;
+  /* margin-left: 8%; */
   height: 48vw;
   overflow: visible;
 }
@@ -791,8 +795,8 @@ defineExpose({ initChart });
   .border3 {
     margin-top: 25px;
     border-radius: 8px;
-    padding: 20px;
-    margin-left: -13px;
+    padding: 10px 0px;
+    /* margin-left: -13px; */
     width: 100%;
     height: 100%;
   }