outlets 头部

  {{#headerdata}}
  {{#headerdata}}
-<div class="yoho-header">
+<div class="yoho-header {{#if outlets}} outlets{{/if}}">
     <div class="header-topwrapper clearfix">
     <div class="header-topwrapper clearfix">
         <div class="header-top">
         <div class="header-top">
             <div class="leftpart float-left">
             <div class="leftpart float-left">
@@ -125,6 +125,7 @@
                 </li>
                 </li>
                 {{/ navbars}}
                 {{/ navbars}}
             </ul>
             </ul>
+            <div class="outlets-logo"></div>
             <div class="icon-logo"><a href="http://www.yohobuy.com/" class="main-link"></a></div>
             <div class="icon-logo"><a href="http://www.yohobuy.com/" class="main-link"></a></div>
             <div class="header-tool float-right">
             <div class="header-tool float-right">
                 <div class="search float-left {{searchcate}}" >
                 <div class="search float-left {{searchcate}}" >

@@ -743,6 +743,16 @@
         margin-top: -2px;
         margin-top: -2px;
     }
     }
 
 
+    .outlets-logo {
+        background: resolve(header/outlets.png) no-repeat center center;
+        width: 200px;
+        height: 34px;
+        left: 42%;
+        margin-top: 28px;
+        position: absolute;
+        display: none;
+    }
+
     .icon-logo {
     .icon-logo {
         background: resolve(/header/logo.png) no-repeat center center;
         background: resolve(/header/logo.png) no-repeat center center;
         width: 182px;
         width: 182px;
@@ -1116,6 +1126,62 @@
     }
     }
 }
 }
 
 
+.yoho-header.outlets {
+    .header-navwrapper {
+        background-color: #3a3a3a;
+
+        .sub-nav-wrapper {
+            background-color: #e6e6e6;
+            margin-top: 37px;
+        }
+
+        .third-nav-wrapper {
+            border-top: 0;
+        }
+    }
+
+    .outlets-logo {
+        display: block;
+    }
+
+    .icon-logo {
+        display: none;
+    }
+
+    .first-nav-item.cure {
+        background: none;
+    }
+
+    .first-nav-item > h3{
+        display: none;
+    }
+
+    .header-tool > .search {
+        display: none;
+    }
+
+    .sub-nav-list {
+        padding-left: 15%;
+
+        .sub-nav-item {
+            width: 14%;
+            text-align: center;
+
+            & > a {
+                color: #222!important;
+            }
+        }
+
+        .sub-nav-item:hover a {
+            border-color: #555;
+        }
+
+        .third-nav {
+            text-align: left;
+        }
+    }
+}
+
 .simple-header {
 .simple-header {
     height: 66px;
     height: 66px;
     margin: 0 0 20px 0;
     margin: 0 0 20px 0;