新楼层1%

@@ -73,3 +73,5 @@
         {{> resources/six-lines-floor}}
     {{/if}}
 {{/content}}
+{{! 新新人专享}}
+        {{> resources/new-user-floor}}

+<div class="new-user-floor">
+    {{> common/floor-header-more}}
+    <div class="new-user-icon">新人专享</div>
+    <a>
+        <img src="" alt="banner" class="new-user-banner" />
+    </a>
+    <div class="new-user-goods-container" style="background-image:url('//img11.static.yhbimg.com/yhb-img01/2016/09/06/20/0143eec063536a3af7a94cc8aa389053de.jpg?imageView2/2/w/640/h/200/q/90')">
+        <ul>
+            <li class="new-user-good">
+                <img src="" alt="" class="goods-pic" />
+                <div class="goods-info"></div>
+            </li>
+        </ul>
+    </div>
+</div>
\ No newline at end of file

@@ -48,6 +48,7 @@
     "babel-plugin-transform-runtime": "^6.12.0",
     "babel-preset-es2015": "^6.14.0",
     "babel-runtime": "^6.11.6",
+    "css-loader": "^0.25.0",
     "eslint": "^3.7.1",
     "eslint-config-yoho": "^1.0.1",
     "eslint-plugin-html": "^1.5.2",

@@ -2,6 +2,7 @@
     position: relative;
     margin: 30px 0 0;
     height: 200px;
+    border-bottom: 1px solid #e0e0e0;
     overflow: hidden;
 
     img {

@@ -14,9 +14,7 @@
     position: relative;
     height: 99px;
     line-height: 99px;
-    margin: 29px 0 0;
-    background: #fff;
-    border-top: 1px solid #e0e0e0;
+    background: #f0f0f0;
     text-align: center;
     font-size: 32px;
     color: #444;

@@ -26,6 +26,7 @@
 @import "seckill";
 @import "three-picture";
 @import "six-lines-floor";
+@import "new-user-floor";
 
 .mobile-container {
     margin-left: auto;

 .hot-brands {
     border-bottom: 1px solid #e0e0e0;
     background: #fff;
-    margin-top: 30px;
 
     .floor-header {
         width: 100%;

 .hot-category {
-    margin: 30px 0 0;
     border-bottom: 1px solid #e0e0e0;
 
     .category-banner {

+.new-user-floor {
+    position: relative;
+    background: #fff;
+    -webkit-overflow-scrolling: touch;
+
+    .new-user-icon {
+        position: absolute;
+        bottom: 26px;
+        left: 0;
+        height: 171px;
+        width: 35px;
+        font-size: 22px;
+        color: #fff;
+        text-align: center;
+        letter-spacing: 4px;
+        line-height: 2;
+        background: resolve('channel/new-user.png');
+        background-size: 100% 100%;
+        writing-mode: tb-rl;
+        -webkit-writing-mode: tb-rl;
+        -ms-writing-mode: tb-rl;
+    }
+}
+
+.new-user-banner {
+    height: 200px;
+    width: 100%;
+    overflow: hidden;
+}
+
+.new-user-goods-container {
+    height: 213px;
+    width: 100%;
+    overflow-x: scroll;
+    overflow-y: hidden;
+    background-size: 100% 100%;
+
+    ul {
+        padding: 17px 0 26px 50px;
+        white-space: nowrap;
+    }
+
+    .new-user-good {
+        display: inline-block;
+        height: 171px;
+        width: 256px;
+        background: #ccc;
+        margin-right: 16px;
+    }
+
+    .goods-pic {
+        height: 100%;
+        width: 50%;
+    }
+
+    .goods-info {
+        height: 100%;
+        width: 50%;
+    }
+}
\ No newline at end of file

 .hot-category {
-    margin: 30px 0 0;
     border-bottom: 1px solid #e0e0e0;
 
     .category-banner {