website: update style.

template/styl/index.styl

@@ -24,6 +24,10 @@ a.github-corner {
     z-index 99
     width 70px
     height 70px
+    @media mq-mobile {
+      width 46px
+      height 46px
+    }
   }
 }
 a {
@@ -40,10 +44,8 @@ a {
   width 517px
   margin 0 auto 0
   padding 0 10px
-  .logo {
+  .logo a {
-    text-align center
+    display flex
-    padding-top 50px
-    padding-bottom 50px
   }
   .box {
     position relative
@@ -122,9 +124,7 @@ a {
       }
     }
     .enter-input {
-      width 1%
       white-space nowrap
-      vertical-align middle
       button {
         margin 0
         left -1px
@@ -190,7 +190,6 @@ a {
   }
 }
 
-
 .header.header_list {
   width auto
   position fixed
@@ -203,9 +202,6 @@ a {
   padding 10px 10px 10px 13px 
   border-bottom 1px solid #EEEEEE
   .logo {
-    float left
-    padding-top 3px
-    padding-bottom 0
     padding-right 24px
     text-align left
     svg {
@@ -213,9 +209,6 @@ a {
       width 136px
     }
   }
-  .search{
-    max-width 517px
-  }
   .footer {
     display none
   }
@@ -256,7 +249,6 @@ a {
     strong {
       font-weight bold
     }
-    &:hover{ }
   }
   li {
     padding 5px 0 5px 0
@@ -270,12 +262,10 @@ a {
 
 .header_list .header_inner {
   display: flex;
+  align-items: center;
   .search {
-    flex 1
+    flex: 1;
-    max-width inherit
+    display: flex;
-    .enter-input button {
-      top -2px
-    }
   }
 }
 
@@ -289,11 +279,17 @@ a {
     width inherit
     .search .enter-input {
       button {
-        padding: 9px 14px;
+        padding 9px 14px
       }
     }
   }
   .header_list {
+    padding: 10px 10px 10px 13px
+    .logo {
+      float inherit
+      padding-right 10px
+      text-align center
+    }
     .logo svg {
       width 96px
     }
@@ -303,14 +299,7 @@ a {
       }
     }
   }
-  .header_list .logo{
-    float inherit
-    padding-right 10px
-    padding-top 8px
-    padding-bottom 14px
-    text-align center
-  }
   .search_list, .hotlist {
-    padding 129px 27px
+    padding 78px 27px
   }
 }