diff --git a/src/components/header.vue b/src/components/header.vue
index af80073..32c37af 100644
--- a/src/components/header.vue
+++ b/src/components/header.vue
@@ -561,6 +561,14 @@ export default {
 </script>
 
 <style lang="less">
+body.is-index{
+    .head-title {
+        background-color:rgba(2, 18, 56, 0.9);
+    }
+    .screen-one-2-1,.screen-one-1-1{
+        background-color:rgba(2, 18, 56, 0.4);
+    }
+}
 .head-title {
     z-index: 999;
 }
diff --git a/src/pages/index.vue b/src/pages/index.vue
index 24fa7fc..8bb4c26 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -527,6 +527,10 @@ export default {
         if(this.$root.hasInitHeader){
             this.initMe();
         }
+        document.body.classList.add("is-index");
+    },
+    beforeDestroy(){
+        document.body.classList.remove("is-index");
     },
     methods: {
         arrowRetract(){