Merge branch 'master' into grey

@@ -14,6 +14,11 @@ const index = (req, res, next) => {
     let uid = +req.query.uid || +req.user.uid;
     let curUrl = 'http://m.yohobuy.com/activity/annual-account';
 
+    if (!uid) {
+        res.redirect('/signin.html?refer=http://m.yohobuy.com/activity/annual-account');
+        return;
+    }
+
     annualAccountModel.getAccountData({
         uid: uid,
         year: '2016'
@@ -98,7 +103,7 @@ const share = (req, res) => {
         title: title,
         localCss: true,
         data: Object.assign({
-            sUrl: req.originalUrl
+            sUrl: 'http://m.yohobuy.com' + req.originalUrl
         }, q)
     });
 };

@@ -8,13 +8,13 @@
 
 const router = require('express').Router(); // eslint-disable-line
 const cRoot = './controllers';
-const auth = require('../../doraemon/middleware/auth');
 const demo = require(`${cRoot}/demo`);
 const coupon = require(`${cRoot}/coupon`);
 const wechat = require(`${cRoot}/wechat`);
 const student = require(`${cRoot}/student`);
 const live = require(`${cRoot}/live`);
 const invite = require(`${cRoot}/invite`);
+const auth = require('../../doraemon/middleware/auth');
 
 const couponFloor = require(`${cRoot}/coupon-floor`);
 const vipDay = require(`${cRoot}/vipDay`);
@@ -162,7 +162,7 @@ router.get('/redbag/2017', redbag.index);
 router.get('/individuation', individuation.productLst);
 
 // 2016 年度账单
-router.get('/annual-account', auth, annualAccount.index);
+router.get('/annual-account', annualAccount.index);
 router.get('/annual-account/share', annualAccount.share);
 router.get('/app-downloads', appDownloads.index);
 

 {{#data}}
 <div class="annual-account-page ch" data-login="{{loginUrl}}" data-is-app="{{isApp}}">
-    <div class="annual-bg ch"></div>
+
     <input type="hidden" value="{{sUrl}}" id="s-url">
     <div class="audio-btn"></div>
     <audio preload="auto" loop="loop" id="audio">

@@ -3,7 +3,7 @@
     <input type="hidden" value="{{sUrl}}" id="s-url">
     <div class="account-bg3">
         <div class="share-txt">
-            <span class="name">{{name}}</span><br>的潮流分为<span class="red-color">{{score}}</span><br>击败了<span class="red-color">{{beat}}%</span>的潮人<br>获得
+            <span class="name">{{name}}</span>的潮流分为<span class="red-color">{{score}}</span><br>击败了<span class="red-color">{{beat}}%</span>的潮人<br>获得
         </div>
         <div class="portrait-{{n}}"></div>
         <div class="share-txt">称号</div>

 {
   "name": "m-yohobuy-node",
-  "version": "5.4.1",
+  "version": "5.4.3",
   "private": true,
   "description": "A New Yohobuy Project With Express",
   "repository": {

@@ -54,6 +54,9 @@ function listenVideo() {
         }
     });
 }
+$('body').css({
+    height: $(window).height()
+});
 
 $(function() {
     var $purdah1 = $('.purdah1'),
@@ -72,8 +75,9 @@ $(function() {
 
     $commonH.css({height: $(window).height()});
 
-    audioAction();
-    listenVideo();
+    setTimeout(function() {
+        $('.top-downloadbar').css({zIndex: 9});
+    }, 400);
 
     share({
         imgUrl: 'https://feature.yoho.cn/300x300.png',
@@ -82,6 +86,10 @@ $(function() {
         desc: 'YOHO!BUY有货2016潮流轨迹'
     });
 
+    if ($('.account-share-page').length === 0) {
+        audioAction();
+        listenVideo();
+
         mySwiper = new Swiper('.swiper-container', {
             direction: 'vertical',
             onTransitionEnd: function(swiper) {
@@ -181,4 +189,5 @@ $(function() {
         $('.start-btn').on('click', function() {
             mySwiper.slideTo(1, 1000, true);
         });
+    }
 });

 .annual-account-page {
     width: 640px;
     overflow: hidden;
+    background-image: resolve("activity/annual-account/bg.gif");
+    background-size: cover;
+    position: fixed;
+    left: 0;
+    top: 0;
+    z-index: 1;
 
     .audio-btn {
         width: 49px;
@@ -10,7 +16,7 @@
         position: fixed;
         top: 30px;
         right: 30px;
-        z-index: 99;
+        z-index: 8;
     }
 
     .audio-f {
@@ -18,16 +24,6 @@
         background-size: contain;
     }
 
-    .annual-bg {
-        width: 100%;
-        background-image: resolve("activity/annual-account/bg.gif");
-        background-size: cover;
-        position: fixed;
-        left: 0;
-        top: 0;
-        z-index: -1;
-    }
-
     .nav-1 {
         width: 100%;
         background: resolve("activity/annual-account/account-bg.png") no-repeat;
@@ -595,9 +591,8 @@
     }
 
     .account-2-consume {
-        position: absolute;
-        left: 70px;
-        top: 100px;
+        max-width: 550px;
+        margin: 100px auto 0;
 
         .chop-hand {
             width: 349px;
@@ -711,12 +706,20 @@
             line-height: 60px;
             font-weight: bold;
             text-align: center;
+            margin: 0 auto;
+            max-width: 85%;
         }
 
         .name {
             font-size: 50px;
             margin-top: 50px;
             display: inline-block;
+            max-height: 120px;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            display: -webkit-box;
+            -webkit-line-clamp: 2;
+            -webkit-box-orient: vertical;
         }
 
         .create-btn {

@@ -177,7 +177,7 @@
         padding: 14px 3.125%;
         background-color: #f8f8f8;
         left: 0;
-        top: 40PX;
+        top: 90px;
         position: fixed;
         z-index: 2;
 

@@ -39,8 +39,8 @@
         height: 50px;
         line-height: 50px;
         width: 130px;
-        padding-left: 20px;
-        padding-right: 20px;
+        padding-left: 2px;
+        padding-right: 2px;
         border-radius: 8px;
         white-space: nowrap;
         text-overflow: ellipsis;