diff --git a/src/assets/img/logo-hh.png b/src/assets/img/logo-hh.png
new file mode 100644
index 0000000..4eec715
Binary files /dev/null and b/src/assets/img/logo-hh.png differ
diff --git a/src/components/common/Header.vue b/src/components/common/Header.vue
index c84d108..c0ba6db 100644
--- a/src/components/common/Header.vue
+++ b/src/components/common/Header.vue
@@ -1,8 +1,7 @@
 <template>
     <div class="header flex-between">
-        <div class="logo">
-            <img v-if="!$config.isHh" src="../../assets/img/logo.png">
-        </div>
+        <img class="logo hh" v-if="$config.isHh" src="../../assets/img/logo-hh.png" />
+        <img class="logo" v-else src="../../assets/img/logo.png" />
         <div class="header-right">
             <div class="header-user-con">
                 <div class="user" @click="toPersonalCenter">
@@ -62,10 +61,9 @@ export default {
     float: left;
     width: 150px;
     margin-left: 20px;
-}
-.header .logo img{
-    width: 100%;
-    height: 100%;
+    &.hh{
+        width: 220px;
+    }
 }
 .header-right {
     float: right;
diff --git a/src/components/page/Login.vue b/src/components/page/Login.vue
index 49c27ca..e2515fb 100644
--- a/src/components/page/Login.vue
+++ b/src/components/page/Login.vue
@@ -1,9 +1,8 @@
 <template>
     <div class="login-wrap">
-        <div class="header" v-if="!$config.isHh">
-            <div class="logo">
-                <img src="../../assets/img/logo.png">
-            </div>
+        <div class="header">
+            <img class="logo hh" v-if="$config.isHh" src="../../assets/img/logo-hh.png" />
+            <img class="logo" v-else src="../../assets/img/logo.png" />
         </div>
 
         <div class="ms-login">
@@ -123,7 +122,7 @@ export default {
 };
 </script>
 
-<style scoped>
+<style lang="scss" scoped>
 .login-wrap {
     position: relative;
     width: 100%;
@@ -198,10 +197,9 @@ export default {
 .logo{
     width: 150px;
     margin-left: 20px;
-}
-img{
-    width: 100%;
-    height: 100%;
+    &.hh{
+        width: 220px;
+    }
 }
 .header_title{
     width: 33%;