Merge branch 'feature/VIP_DAY' of git.yoho.cn:fe/yohobuywap-node into feature/VIP_DAY

@@ -109,6 +109,7 @@
 <footer class="vip-day-footer">
     <a href="javascript:;" class="app-download"></a>
 </footer>
+{{> vip_day/footer-nav }}
 
 {{! 立刻关注抢优惠券 弹出二维码}}
 <div class="ymodal" id="chit-qcode">

+<nav class="footer-nav">
+    <ul>
+        <li data-toggle="ymodal" data-target="#chit-qcode">
+            <i class="bg-chit"></i>
+            <br>
+            <span>立刻抢券</span>
+        </li>
+        <li>
+            <i class="bg-coin"></i>
+            <br>
+            <span>玩转有货币</span>
+        </li>
+        <li>
+            <i class="bg-level"></i>
+            <br>
+            <span>翻倍升级</span>
+        </li>
+        <li>
+            <i class="bg-goods"></i>
+            <br>
+            <span>专享产品</span>
+        </li>
+        <li data-toggle="ymodal" data-target="#vipday-msg-input">
+            <i class="bg-fuli"></i>
+            <br>
+            <span>福利加倍</span>
+        </li>
+    </ul>
+</nav>
\ No newline at end of file

@@ -14,6 +14,7 @@
     height: 451px;
     background: resolve("activity/vip_day/foot-app.png");
     background-size: cover;
+    margin-bottom: 116px;
 
     .app-download {
         position: absolute;
@@ -400,5 +401,50 @@
             margin: 0;
         }
     }
+
+    .footer-nav {
+        position: fixed;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        z-index: 1;
+        background-color: #e95d3f;
+
+        li {
+            padding-top: 15px;
+            float: left;
+            width: 20%;
+            height: 115px;
+            text-align: center;
+            color: #fff;
+        }
+        i {
+            display: inline-block;
+            width: 73px;
+            height: 48px;
+            background-repeat: no-repeat;
+            background-position: center center;
+            background-size: contain;
+        }
+        .bg-chit {
+            background-image: resolve("activity/vip_day/get-chit.png");            
+        }
+        
+        .bg-coin {
+            background-image: resolve("activity/vip_day/play-coin.png");
+        }
+
+        .bg-level {
+            background-image: resolve("activity/vip_day/double-level.png");
+        }
+
+        .bg-goods {
+            background-image: resolve("activity/vip_day/private-goods.png");
+        }
+
+        .bg-fuli {
+            background-image: resolve("activity/vip_day/double-fuli.png");
+        }
+    }
 }