footer-nav

@@ -56,3 +56,4 @@
     </div>
 </div>
 <input type="hidden" id="shopId" name="shopId" class="shop-id" value="{{shopId}}">
+{{> reds-shop/footer}}
\ No newline at end of file

+<div class="shop-foot-wrapper">
+    <ul{{#if brandList}} class="foot-list-3"{{/if}}>
+        <li data-bp-id="shop_footnav_one_1" class="buriedpoint">
+            {{#if shopCategory.url}}
+                <a href="{{shopCategory.url}}">商品分类</a>
+            {{^}}
+                <span id="shop-category">商品分类</span>
+                <div class="sub-group hide">
+                    <dl>
+                        {{# shopCategory.list}}
+                        <dd data-bp-id="shop_subgroup_{{name}}_1" class="buriedpoint"><a href="{{url}}">{{name}}</a></dd>
+                        {{/ shopCategory.list}}
+                    </dl>
+                    <div class="sharp"></div>
+                </div>
+            {{/if}}
+            <div class="wall"></div>
+        </li>
+        <li data-bp-id="shop_footnav_three_1" class="buriedpoint">
+            <a href="{{shopIntroHref}}">店铺简介</a>
+        </li>
+    </ul>
+</div>

+.shop-foot-wrapper {
+    position: fixed;
+    left: 0;
+    bottom: 0;
+    display: table;
+    width: 100%;
+    height: 44PX;
+    line-height: 44PX;
+    font-size: 14PX;
+    background: #fff;
+    border-top: 1px solid #e0e0e0;
+    z-index: 2;
+
+    ul {
+        display: table-row;
+    }
+
+    li {
+        display: table-cell;
+        text-align: center;
+
+        .wall {
+            width: 0;
+            height: 14PX;
+            margin-top: 15PX;
+            float: right;
+            border-right: 1px solid #e0e0e0;
+            display: inline-block;
+        }
+    }
+
+    .sub-group {
+        position: absolute;
+        background: #fff;
+        border: 1px solid #e0e0e0;
+        border-radius: 12px;
+        bottom: 104px;
+        width: 40%;
+        margin-left: 5%;
+
+        dl {
+            padding: 0 30px;
+            margin: 0 auto;
+        }
+
+        dd {
+            line-height: 80px;
+            text-align: center;
+            border-top: 1px solid #e0e0e0;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+
+            a {
+                color: #444;
+            }
+        }
+
+        dd:first-child {
+            border-top: 0;
+        }
+    }
+
+    .sharp {
+        position: absolute;
+        width: 100%;
+        height: 10px;
+        background: resolve("product/sharp.png") no-repeat center center;
+    }
+
+    .foot-list-3 .sub-group {
+        width: 29%;
+        margin-left: 2%;
+    }
+}

 .reds-shop {
+    margin-bottom: 80px;
+
     .pull-left {
         float: left;
     }

-.shop-tabs {
-    display: flex;
-    justify-content: space-around;
-    width: 100%;
-    font-size: 30px;
-    line-height: 80px;
-    border-top: 1PX solid #dededf;
-    border-bottom: 1PX solid #dededf;
-    background-color: #fff;
+.reds-shop {
+    .shop-tabs {
+        display: flex;
+        justify-content: space-around;
+        width: 100%;
+        font-size: 30px;
+        line-height: 80px;
+        border-top: 1PX solid #dededf;
+        border-bottom: 1PX solid #dededf;
+        background-color: #fff;
 
-    em {
-        color: #dededf;
-    }
+        em {
+            color: #dededf;
+        }
 
-    &.sticky {
-        z-index: 10;
+        &.sticky {
+            z-index: 10;
+        }
     }
-}
 
-.shop-tab-nav {
-    color: #dededf;
-    width: 33.33%;
-    text-align: center;
+    .shop-tab-nav {
+        color: #dededf;
+        width: 33.33%;
+        text-align: center;
 
-    &.active {
-        color: #434241;
-    }
+        &.active {
+            color: #434241;
+        }
 
-    a {
-        color: inherit;
+        a {
+            color: inherit;
+        }
     }
 }

-.filter-box {
+.reds-shop .filter-box {
     display: none;
 
     .list-nav {

@@ -2,12 +2,12 @@
  * @Author: Targaryen
  * @Date: 2017-03-23 17:12:53
  * @Last Modified by: Targaryen
- * @Last Modified time: 2017-03-30 11:22:56
+ * @Last Modified time: 2017-03-31 11:44:01
  */
 // 红人店铺首页
 
 /* 标题 */
-.red-shop-index {
+.reds-shop .red-shop-index {
     .section-header {
         font-size: 32px;
         font-weight: bold;

@@ -6,3 +6,4 @@
 @import "reds-shop/nav-tab";
 @import "reds-shop/section";
 @import "reds-shop/nav";
+@import "reds-shop/footer";