update

@@ -20,29 +20,17 @@
             background: #fff;
         }
     }
- 
-    .discount-nav {
-        width: 100%;
-        height: 60rem / $pxConvertRem;
-        padding: 10rem / $pxConvertRem 0;
-        background-color: #fff;
-    }
-
-    .discount-nav-item {
-        box-sizing: border-box;
-        float: left;
-        width: 25%;
-        height: 60rem / $pxConvertRem;
-        line-height: 60rem / $pxConvertRem;
-        text-align: center;
-        color: #ccc;
-        border-right: 1px solid #ccc;
 
-        &.focus {
-            color: #000;
+    .banner-top-single{
+        width: 100%;
+        height: 240rem / $pxConvertRem;
+        img {
+           display: block;
+           height: 100%;
+           width: 100%;
         }
     }
- 
+  
     .list-nav {
         > li {
             float: left;
@@ -112,7 +100,7 @@
         vertical-align: middle;
         color: #ccc;
         font-size: 1.2em;
-        margin-top: 220px;
+        margin-top: 160px;
     }
 
     .goods-container {

@@ -3,7 +3,7 @@
 
      .swiper-container {
         width: 100%;
-        height: 310rem / $pxConvertRem;
+        height: 240rem / $pxConvertRem;
 
         img {
             height: 100%;
@@ -20,12 +20,26 @@
             background: #fff;
         }
     }
- 
-    .newarrival-nav {
+  
+    .banner-top-single{
         width: 100%;
-        height: 60rem / $pxConvertRem;
-        padding: 10rem / $pxConvertRem 0;
-        background-color: #fff;
+        height: 240rem / $pxConvertRem;
+        img {
+           display: block;
+           height: 100%;
+           width: 100%;
+        }
+    }
+ 
+    .list-nav {
+        > li {
+            float: left;
+            width: 25%;
+            height: 33px;
+            line-height: 33px;
+            text-align: center;
+            font-size: 14px;
+        }
 
         a {
             display: block;
@@ -34,21 +48,41 @@
             height: 100%;
             color: #999;
         }
+
+        .active > a {
+            border-bottom: 2px solid #000;
+            color: #000;
+
+            .iconfont {
+                color: #999;
+
+                &.cur {
+                    color: #000;
+                }
+            }
+        }
+ 
+        .filter .iconfont {
+            font-size: 12px;
+            @include transition(transform 0.1 ease-in);
+        }
+
+        .filter.active .iconfont {
+            @include rotate(-180deg);
+        }
     }
 
-    .newarrival-nav-item {
-        box-sizing: border-box;
-        float: left;
-        width: 25%;
-        height: 60rem / $pxConvertRem;
-        line-height: 60rem / $pxConvertRem;
+    .no-result {
         text-align: center;
+        vertical-align: middle;
         color: #ccc;
-        border-right: 1px solid #ccc;
+        font-size: 1.2em;
+        margin-top: 160px;
+    }
 
-        &.focus {
-            color: #000;
-        }
+    .goods-container {
+        position: relative;
+        min-height: 440px;
     }
  
 }

 {{> layout/header}}
-<div class="good-list-page yoho-page">
+<div class="newarrival-page yoho-page">
         {{# headerBanner}}
             {{> product/banner_swipe_and_single}}
         {{/ headerBanner}}

@@ -18,8 +18,10 @@
     </div>
 </div>
 {{^}}
+<div class="banner-top-single">
     <a href={{url}}>
         <img class="img" src={{img}}>
     </a>
+</div>
 {{/if}}