diff --git a/src/views/header/index.vue b/src/views/header/index.vue
index 7b313e4..67ee9ec 100644
--- a/src/views/header/index.vue
+++ b/src/views/header/index.vue
@@ -370,5 +370,12 @@ export default {
   }
 }
 
-
+@media screen and (max-width: 992px) {
+  #header{
+    display: none!important;
+  }
+  #header_bgc{
+    display: none!important;
+  }
+}
 </style>
diff --git a/src/views/header/mobile_herder.vue b/src/views/header/mobile_herder.vue
index 9b3c7d4..4dbf3e3 100644
--- a/src/views/header/mobile_herder.vue
+++ b/src/views/header/mobile_herder.vue
@@ -1,6 +1,6 @@
 <template>
-  <div class="mobile_herder">
-    <div class="bottom">
+  <div id="mobile_herder" class="mobile_herder">
+    <div class="bottom" id="bottom">
       <div @click="drawer = true">
         <i class="el-icon-s-fold"></i>
       </div>
@@ -149,6 +149,7 @@ export default {
 }
 
 .mobile_herder {
+
   .top {
     padding-left: 2rem;
     height: 4rem;