diff --git a/src/components/Bottom.vue b/src/components/Bottom.vue
index 2a400b3..36f6db5 100644
--- a/src/components/Bottom.vue
+++ b/src/components/Bottom.vue
@@ -15,7 +15,7 @@
       <span class="text1">在线咨询</span>
     </div>
     <div class="phone">
-      <div class="box">
+      <div :class="isHard ? 'box hard' : 'box'">
         <img class="img3" :src="A2" alt="" />
         <span class="text2">拨打电话</span>
       </div>
@@ -108,6 +108,9 @@ onMounted(() => {
         color: #ffffff;
       }
     }
+    .hard {
+      background: linear-gradient(90deg, #2beec3, #74fddf);
+    }
   }
 }
 .drag {
@@ -117,6 +120,6 @@ onMounted(() => {
   animation-fill-mode: forwards;
 }
 .h_bottom {
-  background: $hardware-theme;
+  background: #14e1b4;
 }
 </style>
diff --git a/src/components/Top.vue b/src/components/Top.vue
index 66aa881..e7d3471 100644
--- a/src/components/Top.vue
+++ b/src/components/Top.vue
@@ -4,7 +4,11 @@
       istop && isFirstSwiper ? 'top_container' : 'top_container container_bg'
     "
   >
-    <img class="logo" :src="istop && isFirstSwiper ? Logo : Logo1" alt="" />
+    <img
+      class="logo"
+      :src="istop && isFirstSwiper ? Logo : isHard ? Logo2 : Logo1"
+      alt=""
+    />
     <img
       class="fold_icon"
       :src="istop && isFirstSwiper ? Icon : Icon1"
@@ -65,9 +69,13 @@ const hidePanel = event => {
     }
   }
 }
+const isHard = ref(false)
 
 onMounted(() => {
   window.addEventListener('scroll', scrollToTop)
+  if (route.path.indexOf('/hardware') != -1) {
+    isHard.value = true
+  }
 })
 
 const istop = ref(true)